Releases · CrowdStrike/glide-core

Patch Changes

#1117 cd0fd8a Thanks @clintcs! - Toast's label and variant are no longer announced twice by screenreaders.
#1144 d15a70e Thanks @clintcs! - The minimum width of filterable Dropdown's input field has been moderately decreased.
#1142 63b9cf6 Thanks @ynotdraw! - Dropdown, Input, and Textarea focus states were updated so their shadows aren't clipped when in a container without padding.
#1143 dbbbf09 Thanks @clintcs! - - Multiselect Dropdown's tags now have a slightly longer minimum width.
- Tag now has a --max-inline-size CSS custom property.
#1141 b4d8800 Thanks @ynotdraw! - Fixed an issue where the overflow buttons would appear when transitioning from a Tab with many characters to one with few.

#1139 6fe1c44 Thanks @ynotdraw! - Menu options are now keyboard navigable when the target is wrapped in a Tooltip.

<glide-core-menu>
  <glide-core-tooltip label="Label" slot="target">
    <glide-core-icon-button label="Toggle" slot="target">
      <glide-core-example-icon name="three-dots"></glide-core-example-icon>
    </glide-core-icon-button>
  </glide-core-tooltip>

  <glide-core-options>
    <glide-core-option label="One"></glide-core-option>
    <glide-core-option label="Two"></glide-core-option>
  </glide-core-options>
</glide-core-menu>

Minor Changes

#1082 63547e6 Thanks @ynotdraw! - @crowdstrike/glide-core/styles/variables.css has been updated with the latest from Figma:

Colors (Light)

-  --glide-core-color-severity-text-citical: #2c0907;
+  --glide-core-color-severity-text-critical: #2c0907;

Colors (Dark)

-  --glide-core-color-severity-text-citical: #e67873;
+  --glide-core-color-severity-text-critical: #e67873;

Duration

+  --glide-core-duration-moderate-03: 325ms;

Patch Changes

Checkbox

#1104 1054e3d Thanks @clintcs! - Checkbox's label is now only announced once in VoiceOver when using the arrow keys.

Dropdown

#1109 0efc003 Thanks @clintcs! - Screenreaders now announce that Dropdown is required when its required attribute is set.
#1102 377f1e0 Thanks @ynotdraw! - Form control updates to match the latest from Figma:
- Dropdown when disabled or readonly no longer displays the chevron.
- Dropdown Tags have a higher contrast when readonly.
- Dropdown's "+ n more" text when disabled now also appears disabled.
- Dropdown's "+ n more" text when readonly has a higher contrast.
- Dropdown when readonly no longer removes padding and includes a background color.

Inline Alert

#1105 e99f62a Thanks @clintcs! - Inline Alert's severity is now announced by screenreaders.
#1102 377f1e0 Thanks @ynotdraw! - Form control updates to match the latest from Figma:

Input

#1102 377f1e0 Thanks @ynotdraw! - Form control updates to match the latest from Figma:
- Input when readonly no longer removes padding and includes a background color.

Textarea

#1102 377f1e0 Thanks @ynotdraw! - Form control updates to match the latest from Figma:
- Textarea when readonly no longer removes padding and includes a background color.

Minor Changes

Patch Changes

🚀 New Component

#1044 a81a81c Thanks @clintcs! - Added a Select component.

Select is like Menu but as a form control. Select has name and value attributes, and it supports form control methods like reportValidity() and setValidity(). Select does not support Form Controls Layout or multiselection. Multiselection support is coming soon.

Dropdown

#1089 18ad7d8 Thanks @clintcs! - Dropdown, when filterable and in Form Controls Layout in a Modal, now longer has a flickering ellipsis when the viewport is resized.

Dropdown Option

#1086 048b198 Thanks @ynotdraw! - Dropdown Option now shows the count when it is set to 0.

Option

#1069 5589e6b Thanks @clintcs! -
- Option now dispatches "enabled" and "disabled" events when programmatically enabled or disabled.
- Option now dispatches "selected" and "deselected" events when programmatically selected or deselected.
- Options now dispatches a "slotchange" event when the contents of its default slot have changed.
You probably don't need to listen for these events. But they may come in handy if you're abstracting over Menu to add functionality to it.

Variables

#1090 099468a Thanks @ynotdraw! - --glide-core-typography-family-primary and --glide-core-typography-family-monospace now fall back to system defaults.

Other

#1072 cbafaf2 Thanks @ynotdraw! - Slot assertions now properly evaluate the slotted contents when wrapped.

@customElement('wrapped-modal')
export default class WrappedModal extends LitElement {
  render() {
    return html`
      <glide-core-modal label="Label">
        <!-- Reslotting the Modal's primary slot. -->
        <slot name="primary" slot="primary"></slot>
      </glide-core-modal>
    `;
  }
}

This will no longer produce an error.

<wrapped-modal>
  <glide-core-button label="Submit" slot="primary"></glide-core-button>
</wrapped-modal>

But this will, as the element is expected to be a GlideCoreButton.

<wrapped-modal>
  <div slot="primary"></div>
</wrapped-modal>

Uncaught TypeError: Expected Modal to have a slotted element that extends GlideCoreButton. Extends HTMLDivElement instead.

#1078 ae9c450 Thanks @clintcs! - Menu, Dropdown, Popover, and Tooltip's opening and closing animations now start slightly slower and accelerate sharply.

Patch Changes

#1053 a1c1ff2 Thanks @ynotdraw! - Button can now truncate and show an ellipsis when the label overflows by adding the following to the host:
```
max-width: 100%;
white-space: nowrap;
```
#1046 a08be18 Thanks @clintcs! - Menu sub-Menus now work correctly when Menu's default slot contains another slot.

Patch Changes

#1048 0e498e2 Thanks @ynotdraw! - Button now supports variant="link".

Patch Changes

#1028 0ad0fe7 Thanks @clintcs! - Accordion no longer dispatches a "toggle" event when open on initial render.
#1007 4abf4a5 Thanks @ynotdraw! - Dropdown, Input, and Textarea have a more prominent border and box shadow when focused.
#1027 ea32870 Thanks @ynotdraw! - Modal's backdrop background color and box shadow have been updated to match the latest from Figma and to increase color contrast.
#1027 ea32870 Thanks @ynotdraw! - @crowdstrike/glide-core/styles/variables.css has been updated with the latest from Figma:

Colors (Light)
```
+ --glide-core-color-effect-color-elevation-dialog: #00000040;
```
Colors (Dark)
```
+ --glide-core-color-effect-color-elevation-dialog: #000000f2;
```
#1031 3275183 Thanks @ynotdraw! - Added the rel attribute to Link.

Minor Changes

Popover

#1003 b819d6a Thanks @clintcs! - Popover can no longer be opened by setting its open attribute via the "click" handler of an element outside Popover. If you need Popover to open this way, you can call click() on Popover's target in that handler.

Patch Changes

Accordion

#1002 b4859c2 Thanks @danwenzel! - SVGs placed in the prefix-icon slot of an Accordion will no longer shrink at narrow widths.

Link

#995 6bb878a Thanks @clintcs! - Link, when disabled, is no longer openable by right-clicking it and choosing "Open Link in New Tab" or similar.

Popover

#1005 8ca8456 Thanks @clintcs! - Popover can now be stopped from opening and closing by canceling "click" events on its target.

Patch Changes

#998 62f3eee Thanks @clintcs! - Menu Option(s) are now activated when they are hovered and Menu's position attribute is "top", "top-start", or "top-end".

Patch Changes

#990 e591e4c Thanks @clintcs! - - Added an Options Group component for use in Menu. Use Options Group when want to group Option(s) semantically and visually.
#990 e591e4c Thanks @clintcs! - - Option now has a minimum height of 28 pixels.
#992 c1c7afc Thanks @clintcs! - Menu now closes when inside a shadow DOM and an Option is clicked.

Minor Changes

#986 9ab18b1 Thanks @clintcs! - Menu can no longer be opened by setting its open attribute via the "click" handler of an element outside Menu.
If you need to open this way, you can call click() on Menu's target in your handler.
This change was made to support the ability to open sub-Menu targets programmatically by calling click().

Patch Changes

#986 9ab18b1 Thanks @clintcs! - Sub-Menus of Menu can now be opened by programmatically calling click() on sub-Menu targets.

Releases: CrowdStrike/glide-core

v0.34.1

Patch Changes

Uh oh!

v0.34.0

Minor Changes

Colors (Light)

Colors (Dark)

Duration

Patch Changes

Checkbox

Dropdown

Inline Alert

Input

Textarea

Uh oh!

v0.33.0

Minor Changes

Menu

Patch Changes

🚀 New Component

Dropdown

Dropdown Option

Menu

Option

Variables

Other

Uh oh!

v0.32.3

Patch Changes

Uh oh!

v0.32.2

Patch Changes

Uh oh!

v0.32.1

Patch Changes

Colors (Light)

Colors (Dark)

Uh oh!

v0.32.0

Minor Changes

Popover

Patch Changes

Accordion

Link

Menu

Popover

Uh oh!

v0.31.2

Patch Changes

Uh oh!

v0.31.1

Patch Changes

Menu

Uh oh!

v0.31.0

Minor Changes

Patch Changes

Uh oh!