v0.20.3

Patch Changes

• #746 b1b1029 Thanks @ynotdraw! - @crowdstrike/glide-core/styles/variables.css has been updated with the latest from Figma:

  Dark

  Changed

  - --glide-core-surface-empty-state: #ff3b3014;
  + --glide-core-surface-empty-state: #ff3b3026;

v0.20.2

Patch Changes

• #725 1e2c38f Thanks @ynotdraw! - Most text is provided by consumers via attributes. But many components have built-in text to help screenreaders. That text has been fully localized for French and Japanese.

• #724 94a66f0 Thanks @ynotdraw! - System CSS variables are no longer overridden by light or dark mode variables.

v0.20.1

Patch Changes

• #719 eba8d56 Thanks @ynotdraw! - @crowdstrike/glide-core/styles/variables.css has been updated with the latest from Figma:

  Dark

  Added

  + --glide-core-icon-empty-state: #db4743;
  + --glide-core-surface-empty-state: #ff3b3014;
  + --glide-core-text-syntax-aliases: #095341;
  + --glide-core-text-syntax-fields: #7c1faa;
  + --glide-core-text-syntax-formatting: #212121;
  + --glide-core-text-syntax-function: #ff2893;
  + --glide-core-text-syntax-literals: #794d0c;
  + --glide-core-text-syntax-object: #c8095e;
  + --glide-core-text-syntax-operator: #1b51b5;

  Light

  Added

  + --glide-core-icon-empty-state: #db2d24;
  + --glide-core-surface-empty-state: #ff3b3014;
  + --glide-core-text-syntax-aliases: #095341;
  + --glide-core-text-syntax-fields: #7c1faa;
  + --glide-core-text-syntax-formatting: #212121;
  + --glide-core-text-syntax-function: #ff2893;
  + --glide-core-text-syntax-literals: #794d0c;
  + --glide-core-text-syntax-object: #c8095e;
  + --glide-core-text-syntax-operator: #1b51b5;

• #721 434fcc3 Thanks @clintcs! - Tab Groups can now be nested.

• #718 4ed59e1 Thanks @ynotdraw! - Components are no longer stuck in light mode.

v0.20.0

Minor Changes

• a06768e Thanks @clintcs! - Components now throw when subclassed. Let's have a conversation if one of our components doesn't meet your needs.

• a06768e Thanks @ynotdraw! - Required attributes now throw during development when missing. The following are now required:

  • label
    • Accordion
    • Button Group Button
    • Button Group
    • Button
    • Checkbox Group
    • Checkbox
    • Drawer
    • Dropdown Option
    • Dropdown
    • Icon Button
    • Input
    • Menu Button
    • Menu Link
    • Modal Icon Button
    • Modal
    • Radio Group Radio
    • Radio Group
    • Split Button Primary Button
    • Split Button Primary Link
    • Split Button Secondary Button
    • Tag
    • Textarea
    • Toggle
    • Tooltip
    • Tree Item Icon Button
    • Tree Item Menu
    • Tree Item
  • name
    • Tab Panel
  • panel
    • Tab
  • url
    • Split Button Primary Link

• a06768e Thanks @clintcs! - Form controls no longer have a willValidate property. We think it will remain unused.

• a06768e Thanks @ynotdraw! - Drawer no longer closes when Escape is pressed.

• a06768e Thanks @clintcs! - - Tab Panel no longer has an unused static instanceCount property.

  • Toggle no longer has a name property. name only applies to form controls and was unused.
  • Tree Item's hasChildTreeItems and hasExpandIcon properties and its toggleExpand() method have been marked private.

  Additionally, some internal changes were made to facillitate generating documentation programmatically forced us remove a few exported types and rename some custom properties:

  • Input no longer exports a SUPPORTED_TYPES interface.

  • Toasts no longer exports a Toast interface.

  • Tab Panel's custom properties have been renamed:

    - --panel-padding-inline-end
    + --padding-inline-end
    
    - --panel-padding-inline-start
    + --padding-inline-start

Patch Changes

• a06768e Thanks @clintcs! - Form controls with long labels no longer overflow their containers.

• a06768e Thanks @danwenzel! - - A Checkbox or Toggle without a summary no longer has extra space to the right.

• a06768e Thanks @clintcs! - Filterable Dropdown's input field now has a minimum width of 60 pixels.

• a06768e Thanks @danwenzel! - SVGs placed in the prefix slot of a Tree Item will no longer shrink at narrow widths.

• a06768e Thanks @clintcs! - The label of a Dropdown Option with a checkbox is now displayed in a tooltip when the label is truncated.

• a06768e Thanks @clintcs! - Single-select Dropdown's input field is now cleared when Dropdown's value is emptied programmatically.

• a06768e Thanks @ynotdraw! - Modal now allows for an optional severity attribute to render a severity icon in the header. When both severity and back-button are provided, only the severity icon is displayed.

• a06768e Thanks @ynotdraw! - Added JSDoc @attribute information so that tools like lit-analyzer will properly parse multi-word property names.

• a06768e Thanks @clintcs! - Dropdown's placeholder attribute is now optional.

• a06768e Thanks @clintcs! - - Radio Group no longer immediately deselects a selected Radio Group Radio that does not have a value.

  • Programmatically disabled Radio Groups and Radio Group Radios are no longer tabbable.

• a06768e Thanks @clintcs! - Each component now includes a JSDoc comment at the top with its attributes, slots, custom properties, events, properties, and methods.

• a06768e Thanks @clintcs! - Form control label overflow tooltips now flip to the opposite side in a rare case when they would otherwise overflow the viewport.

• a06768e Thanks @clintcs! - Popover no longer closes when a slotted <label> is clicked.

• a06768e Thanks @ynotdraw! - Input now supports type="time".

• a06768e Thanks @clintcs! - Input's type attribute is now reflected.

• a06768e Thanks @clintcs! - Form control labels truncate with a tooltip when they overflow. The contents of that tooltip previously didn't reflect changes to form controls' label attribute. Now if you change a form control's label after initial render you'll see the new label in the truncation tooltip.

• 39db6a4 Thanks @clintcs! - @crowdstrike/glide-core now has an NPM provenance statement.

• a06768e Thanks @clintcs! - Input now has a minimum width of 60 pixels.

v0.19.5

Patch Changes

• #681 2cf85b2 Thanks @clintcs! - - Filterable Dropdown with a custom filter() method now calls that method when its input field is empty.

v0.19.4

Patch Changes

• #678 d62c01e Thanks @clintcs! - - Single-select Dropdown now clears its input field when its selected option is removed.
  • Single-select Dropdown now sets the value of its input field to the label of the selected option on first render.

v0.19.3

Patch Changes

• #674 8db5921 Thanks @ynotdraw! - Radio Group Radio labels no longer restrict their width.

v0.19.2

Patch Changes

• #658 ca7182b Thanks @clintcs! - Modal no longer closes when a slotted <label> is clicked.

v0.19.1

Patch Changes

• #635 c46eda4 Thanks @clintcs! - Form control label tooltips, shown when labels are truncated, are no longer empty.

v0.19.0

Minor Changes

• #632 d31dfdc Thanks @clintcs! - Modal Tertiary Icon has been removed. It was only a thin wrapper around Tooltip. Tooltip can be used directly instead.

Patch Changes

• #628 6ba4587 Thanks @clintcs! - Safari no longer leaves full screen when Popover and Tooltip are closed using Escape.

• #615 ca3dc13 Thanks @clintcs! - Accordion now throws in development when its default slot is empty.

• #624 c6109c3 Thanks @clintcs! - Form Controls Layout now supports Radio Group.

• #627 42ff725 Thanks @clintcs! - Component shadow roots are now automatically opened in test environments.

• #626 abf3456 Thanks @clintcs! - Filterable Dropdown's truncation ellipsis now blends in better with Dropdown's background when in dark mode.