Skip to content

Latest commit

 

History

History
681 lines (385 loc) · 30.9 KB

CHANGELOG.md

File metadata and controls

681 lines (385 loc) · 30.9 KB

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

8.0.0 (2024-10-16)

  • feat(forms)!: update to correspond with react-components v9 (#518) (0946df5), closes #518

BREAKING CHANGES

  • as detailed in the following...
  • replaces c-txt, c-chk, and c-radio with unified c-field styling. See updated README for usage instructions.
  • removes c-range and c-toggle styling due to implementation complexities and design restrictions. Use Garden's Range or Toggle components if this functionality is required.
  • styling now based on tailwindcss rather than css-variables

New feature: adds c-field--dark styling variant

7.0.23 (2024-10-02)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.22 (2022-10-21)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.21 (2021-04-27)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.20 (2020-03-18)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.19 (2020-03-06)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.18 (2019-12-02)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.17 (2019-11-07)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.16 (2019-10-24)

Bug Fixes

  • forms: apply default cursor to disabled select chevron (#244) (e30ee25)

7.0.15 (2019-10-03)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.14 (2019-09-23)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.13 (2019-08-23)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.12 (2019-07-16)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.11 (2019-06-10)

Bug Fixes

  • forms: disabled multi-range slider cursor (#201) (2dc7f4c)

7.0.10 (2019-05-31)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.9 (2019-05-06)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.8 (2019-04-26)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.7 (2019-04-16)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.6 (2019-04-10)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.5 (2019-02-28)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.4 (2019-02-27)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.3 (2019-02-26)

Bug Fixes

  • forms: bare-styled select chevron sizing (#175) (7377064)
  • forms: padding/margin for small .c-txt__input--media element (#176) (2e98b3e)

7.0.2 (2019-02-08)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.1 (2019-01-25)

Note: Version bump only for package @zendeskgarden/css-forms

7.0.0 (2019-01-22)

chore

  • remove deprecated colors and font sizes (#169) (666e510)

BREAKING CHANGES

  • remove long-deprecated color names and font sizes from css-variables and css-utilities.

6.3.0 (2019-01-16)

Features

  • buttons|forms: add --focus-inset styling variant (#165) (12afce8)

6.2.1 (2019-01-09)

Note: Version bump only for package @zendeskgarden/css-forms

6.2.0 (2018-12-18)

Features

6.1.9 (2018-12-17)

Note: Version bump only for package @zendeskgarden/css-forms

6.1.8 (2018-12-10)

Bug Fixes

  • forms: checkbox workaround for invalid postcss-custom-selectors transform spacing (#155) (ac14942)

6.1.7 (2018-12-06)

Note: Version bump only for package @zendeskgarden/css-forms

6.1.6 (2018-11-30)

Note: Version bump only for package @zendeskgarden/css-forms

6.1.5 (2018-11-13)

Note: Version bump only for package @zendeskgarden/css-forms

6.1.4 (2018-10-25)

Note: Version bump only for package @zendeskgarden/css-forms

6.1.3 (2018-10-23)

Bug Fixes

  • forms: correct margins for .c-txt__input--media RTL layout (#136) (7fab6b5)

6.1.2 (2018-10-22)

Bug Fixes

  • forms: apply consistent padding to .c-txt__input--media element (#135) (6ee1b45)

6.1.1 (2018-10-08)

Note: Version bump only for package @zendeskgarden/css-forms

6.1.0 (2018-09-07)

Features

  • variables|utilities: add support for updated typography (#109) (248b14a)

6.0.9 (2018-08-21)

Note: Version bump only for package @zendeskgarden/css-forms

6.0.8 (2018-08-13)

Note: Version bump only for package @zendeskgarden/css-forms

6.0.7 (2018-08-07)

Note: Version bump only for package @zendeskgarden/css-forms

6.0.6 (2018-08-07)

Note: Version bump only for package @zendeskgarden/css-forms

6.0.5 (2018-07-26)

Note: Version bump only for package @zendeskgarden/css-forms

6.0.4 (2018-07-02)

Features

  • variables, utilities: update with base-4 spacing (#75) (fc32093)

BREAKING CHANGES

  • variables, utilities: several spacing variables updated with base-4 (vs. previous base-10) pixel units.
BEFORE AFTER
--zd-spacing-xxs: 2px --zd-spacing--xxs: 4px
--zd-spacing--xs: 5px --zd-spacing--xs: 8px
--zd-spacing--sm: 10px --zd-spacing--sm: 12px
--zd-spacing: 20px --zd-spacing: 20px
--zd-spacing--lg: 30px --zd-spacing--lg: 32px
--zd-spacing--xl: 40px --zd-spacing--xl: 40px
NA --zd-spacing--xxl: 48px

All .u-m[*] and .u-p[*] spacing utilities are updated accordingly with additions for XXL.

6.0.3 (2018-05-25)

Note: Version bump only for package @zendeskgarden/css-forms

6.0.2 (2018-05-06)

Bug Fixes

  • forms: resolve catastrophic pseudo element styling (#59) (de07c07)

6.0.1 (2018-05-02)

Bug Fixes

  • forms: update radio [checked] for improved scannability (#58) (daffd4b)

6.0.0 (2018-04-30)

Features

  • update component colors to meet minimum AA compliance with WCAG 2.0 (#55) (bd78ef1)

BREAKING CHANGES

  • along with sweeping color updates and the removal of "dark mode" styling, note the following breaking changes:

  • Avatars – removed .is-active and .is-in states. Renamed .is-out to .is-disabled for consistency with other components.

  • Tags – remove .c-tag--light, .c-tag--dark, .c-tag--error, .c-tag--success, and .c-tag--warning. Replaced by .c-tag--[color] modifiers.

Added support for:

  • .c-tooltip.is-rtl
  • .c-tooltip__title
  • .c-tooltip__paragraph

5.0.3 (2018-04-30)

Note: Version bump only for package @zendeskgarden/css-forms

5.0.2 (2018-04-24)

Bug Fixes

  • remove --save-dev from install instructions (#54) (b81071c)

5.0.1 (2018-04-15)

Bug Fixes

  • document corrected [@zendeskgarden](https://github.com/zendeskgarden) package scope (#53) (1218b1a)

5.0.0 (2018-04-12)

Features

BREAKING CHANGES

  • package location has moved to the npm registry under the @zendeskgarden scope. See the README for installation/upgrade details.

4.0.1 (2018-03-05)

Bug Fixes

  • forms: non-standard input field browser features (#35) (1fa6b96)

4.0.0 (2018-01-26)

Features

  • forms: refactor composite components to allow standalone child inputs, labels, hints, and messages (#13) (0067d75)

BREAKING CHANGES

  • forms: all BEM modifiers have been attached directly to the child component(s) that they affect.

The following table contains the CSS class mapping. In some cases, multiple child class modifications may be used to represent one previous parent class modifier.

BEFORE AFTER
.c-chk--radio .c-chk__label--radio
.c-chk--toggle .c-chk__label--toggle
.c-chk--dark .c-chk__label--dark, .c-chk__hint--dark, .c-chk__message--dark
.c-chk--custom .c-chk__label--custom
.c-range--dark .c-range__input--dark, .c-range__label--dark, .c-range__hint--dark, .c-range__message--dark, .c-range__slider--dark
.c-range--custom .c-range__input--custom, .c-range__slider--custom
.c-range--sm .c-range__input--sm, .c-range__label--sm, .c-range__hint--sm, .c-range__slider--sm
.c-txt--sm .c-txt__input--sm, .c-txt__label--sm, .c-txt__hint--sm
.c-txt--custom .c-txt__input--custom
.c-txt.is-focused .c-txt__input.is-focused
.c-chk.is-focused .c-chk__label.is-focused
.c-range.is-focused .c-range__input.is-focused
.c-txt.has-error .c-txt__input--error, .c-txt__message--error
.c-txt.has-success .c-txt__input--success, .c-txt__message--success
.c-txt.has-warning .c-txt__input--warning, .c-txt__message--warning
.c-chk.has-error .c-chk__message--error
.c-chk.has-success .c-chk__message--success
.c-chk.has-warning .c-chk__message--warning
.c-chk--nolabel .c-chk__label .c-chk__label.is-hidden
.c-txt.is-rtl .c-txt__input.is-rtl, .c-txt__label.is-rtl, .c-txt__hint.is-rtl, .c-txt__message.is-rtl
.c-chk.is-rtl .c-chk__label.is-rtl, .c-chk__hint.is-rtl, .c-chk__message.is-rtl
.c-range.is-rtl .c-range__input.is-rtl, .c-range__label.is-rtl, .c-range__hint.is-rtl, .c-range__message.is-rtl, .c-range__slider.is-rtl
.c-txt__input--label .c-txt__input--tag
.c-input-label use .c-txt__label standalone
.c-input-hint use .c-txt__hint standalone

This allows individual child components to function in a standalone context for improved upstream react-components composability.

3.6.0 (2018-01-16)

Features

  • add css-forms package to monorepo (#11) (a855c69)

3.5.0 - 2017-12-22

Fixed (per #50 and #51)

  • Add support for inline media (icons) within text inputs

3.4.2 - 2017-12-06

Fixed (per #49)

  • Reduce padding on .c-txt__input--label to prevent pixel shift on label removal.

3.4.1 - 2017-11-10

Fixed (per #48)

  • Update .c-[input]--custom to base active color on accent color.

3.4.0 - 2017-11-08

Added (per #41)

  • Include complementary .c-txt--custom, .c-chk--custom, and .c-range--custom CSS demonstrating how to apply an accent color changes.

3.3.2 - 2017-11-04

Fixed (per #45)

  • Align select chevron to top in multi-line dropdown.

3.3.1 - 2017-10-12

Fixed

  • Bump version to trigger failed deploy.

3.3.0 - 2017-10-12

Changed (per #44)

  • Improve readability of disabled text.

3.2.2 - 2017-09-19

Fixed

  • #39 Prevent pixel height shift in empty text field <div>.

3.2.1 - 2017-09-19

Fixed

  • #36 Allow checkbox labels to line wrap.
  • Remove IE "clear" button from text fields.

3.2.0 - 2017-09-01

Added (per #38)

  • Styling for .c-chk__input:indeterminate checkboxes.

3.1.0 - 2017-08-14

Added (per #33)

  • .c-txt__input--bare modification for unstyled text fields.

Fixed (per #35)

  • Styling for wrapped .c-txt__message elements.

3.0.0 - 2017-07-28

Added (per #32)

  • .c-txt--sm, .c-range--sm, and .c-input--sm modifications to support compact form layouts.
  • Support for inputs containing .c-label components.

Changed

  • Use base-4 spacing.
  • Labels updated to semibold font weight.

Fixed (per #34)

  • .c-chk--nolabel display for IE11.

Removed

  • Ability to override .c-chk__label with the addition of .c-chk__hint. Use a utility (like Bedrock .u-regular) to override the label font weight for the intended group design. See the demo page for details.

2.2.0 - 2017-07-28

Added (per #31)

  • Styling and structure support for custom range sliders with multiple thumb controls.

2.1.1 - 2017-07-05

Updated (per #30)

  • Revert to postcss-input-range v4.0.0.

2.1.0 - 2017-06-16

Added (per #28)

  • .c-chk.c-chk--nolabel for standalone checkbox support.

2.0.0 - 2017-06-15

Changed (per #27)

  • Prepared package for registry publish as @zendesk/garden-css-forms. See README for updated installation.

1.3.0 - 2017-05-02

Added (per #24)

  • Validation .c-chk__message, .c-range__message, and .c-txt__message.

1.2.0 - 2017-04-04

Added (per #23)

  • Standalone .c-input-label and .c-input-hint to support label/hint styling disconnected from input component structure.

1.0.1 - 2017-03-15

Updated (per #22)

  • Moved all .c-chk "after" into "before" pseudo, allowing for more flexible checkbox label content.

1.0.0 - 2017-03-06

Updated (per #21)

  • Make checkbox label/hint treatment match text field inputs.

0.4.0 - 2017-01-20

Added (per #17)

  • Text field validation styling.

0.3.2 - 2016-12-22

Fixed (per #18)

  • Loosen descendant and disabled selector rules, allowing for more flexible component usage.

0.3.1 - 2016-12-06

Fixed (per #16)

  • .c-range background fix for Firefox.
  • Dropdown chevron color tweak.

0.3.0 - 2016-11-28

Added (per #15)

  • .c-txt__input--select dropdown component.

0.2.0 - 2016-11-22

Added (per #12)

  • Support for Electroid "dark" mode.

0.1.3 - 2016-11-11

Fixed

  • #13 Set .c-chk to relative positioning.

0.1.2 - 2016-10-28

Changed

  • #10 Update field background and hover colors to improve contrast.

Fixed

  • #11 Update .c-txt__input to inherit font-family.

0.1.1 - 2016-10-19

Fixed (per #9)

  • Address .c-range shadow DOM performance by inheriting background-size from parent.

0.1.0 - 2016-10-17

Changed (per #8)

  • Electroid component styling.

0.0.6 - 2016-07-26

Added (per #6)

  • .c-range input component.

0.0.5 - 2016-07-18

Added (per #5)

  • .c-chk--toggle toggle input component.

0.0.4 - 2016-07-08

Added (per #4)

  • .c-chk--radio radio button component.

0.0.3 - 2016-07-06

Added (per #3)

  • Textarea component.

0.0.2 - 2016-06-08

Added (per #2)

  • .c-txt input component.

0.0.1 - 2016-05-19

Added

  • .c-chk component.