Skip to content

Latest commit

 

History

History
444 lines (327 loc) · 12.3 KB

CHANGELOG.md

File metadata and controls

444 lines (327 loc) · 12.3 KB

@leafygreen-ui/input-option

3.0.10

Patch Changes

3.0.9

Patch Changes

3.0.8

Patch Changes

3.0.7

Patch Changes

3.0.6

Patch Changes

3.0.5

Patch Changes

3.0.4

Patch Changes

3.0.3

Patch Changes

  • eb108e93b: LG-4727: The description props in these packages were previously wrapped in a <p>. However, in cases where a ReactNode was passed to the description prop, it would lead to a browser error. According to the HTML spec, <p> cannot contain block-level elements: https://www.w3.org/TR/html401/struct/text.html#h-9.3.1

    The latest version of @leafygreen-ui/typography will typecheck description to ensure the proper element is used.

    • If a description of type string or number is used, it will continue to be wrapped in a <p>
    • All other types of description will be wrapped in a <div>

  • Updated dependencies [eb108e93b]

3.0.2

Patch Changes

3.0.1

Patch Changes

3.0.0

Patch Changes

2.0.2

Patch Changes

  • ecae9acc7: Updates InputOptionContent horizontal padding from 8px to 12px

2.0.1

Patch Changes

  • 157146b5c: Adds back display:block property, which was removed in style updates.

2.0.0

Major Changes

  • cfa830701: ### API changes

    • Renames selected prop to checked (this is done to avoid confusion with the aria-selected attribute, which is conditionally applied via the highlighted prop)
    • checked applies the aria-checked attribute
    • Note: checked does not apply any styles. Any "checked" styles must be applied by the consuming component (this is consistent with previous behavior)
    • Adds preserveIconSpace prop to InputOptionContent to determine whether menu items should preserve space for a left glyph, or left align all text content. Use this prop in menus where some items may or may not have icons/glyphs, in order to keep text across menu items aligned.
    • Extends AriaLabelPropsWithChildren in InputOptionProps
      • AriaLabelPropsWithChildren allows a component to accept any of aria-label, aria-labelledby or children as sufficient text for screen-reader accessibility

    Styling changes

    • Updates InputOption and InputOptionContent styles to use updated color and spacing tokens
    • Exports inputOptionClassName, and inputOptionContentClassName.

    Spacing overview

    • block padding: 8px
    • inline padding: 12px
    • icon/text/chevron gap: 8px
    • label & description font-size: 13px
    • label & description line-height: 16px

    Colors overview

    • Left & right icon color: color.[theme].icon.primary tokens
    • Label & Description: use default Label & Description colors from typography
    • Background uses color[theme].background.primary tokens (including hover & focus states)
    • Wedge uses palette.blue.base for all modes
    • The highlight prop uses the .focus state color for Icon, Text & Background colors

    Internal updates

    • Establishes internal InputOptionContext to track disabled, highlighted, & checked attributes.

Patch Changes

  • cfa830701: Updates minimum wedge height from 16px to 24px
  • cfa830701: Fixes a bug to prevent a highlighted disabled option title from changing text color.
  • Updated dependencies [cfa830701]
  • Updated dependencies [cfa830701]
  • Updated dependencies [db2d1d12c]

1.1.4

Patch Changes

1.1.3

Patch Changes

1.1.2

Patch Changes

1.1.1

Patch Changes

  • e487fb24: Renames story files from .story.tsx to .stories.tsx
  • Updated dependencies [58f4a4c5]
  • Updated dependencies [5ee54143]
  • Updated dependencies [e487fb24]

1.1.0

Minor Changes

  • ffd11f24: Renders aria-disabled attribute when disabled is provided

Patch Changes

1.0.13

Patch Changes

1.0.12

Patch Changes

  • c5d95794: Exports descriptionClassName and adds font-size: inherit; to input descriptions.
  • Updated dependencies [324d9730]

1.0.11

Patch Changes

1.0.10

Patch Changes

  • Updated dependencies [a5770c15]
  • Updated dependencies [c89d17a4]

1.0.9

Patch Changes

1.0.8

Patch Changes

1.0.7

Patch Changes

1.0.6

Patch Changes

1.0.5

Patch Changes

  • 76161cf0: Updates stories for Chromatic testing
  • Updated dependencies [76161cf0]
  • Updated dependencies [76161cf0]
  • Updated dependencies [76161cf0]
  • Updated dependencies [76161cf0]

1.0.4

Patch Changes

1.0.3

Patch Changes

  • 55d33e435: Update to BaseFontSize prop control for .design live example
  • 77320a6b8: Adds optional component InputOptionContent which adds predefined content styles
  • ce0fcb3f6: Excludes children from story controls
  • Updated dependencies [55d33e435]
  • Updated dependencies [07db42330]
  • Updated dependencies [55d33e435]
  • Updated dependencies [cf00160ec]
  • Updated dependencies [111b680c5]
  • Updated dependencies [77320a6b8]

1.0.2

Patch Changes

1.0.1

Patch Changes

1.0.0

Major Changes

  • ec2a3d66d: Creates an internal InputOption component, to share styles and functionality between various components like Combobox, Select, SearchInput and Menu

Patch Changes

  • Updated dependencies [0541bd776]
  • Updated dependencies [ec2a3d66d]