Version Packages

[github-actions]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@salt-ds/[email protected]

Minor Changes

• 6a0db8d: Added loading prop/functionality to the Button component. This prop will display a spinner to indicate that the action is in progress. This is useful for actions that take some time to process, such as submitting a form or loading data.

  Added loadingAnnouncement prop/functionality to the Button component. This prop will announce a message to screen readers. Meant to be used in conjunction with the loading prop.

• 1436b36: Add padding and margin to FlexLayout, FlexItem, FlowLayout, StackLayout and SplitLayout

  <FlexLayout padding={1} margin={1}>
    <FlexItem padding={2} margin={2}>
      Item
    </FlexItem>
  </FlexLayout>

• efb37a0: Add inputRef prop to Checkbox and RadioButton. The inputRef can be used to access the hidden <input> element.

Patch Changes

• 3b1c265: Fixed standalone ToggleButton's corner radius not aligning to Button.
• 39bd967: Fixed secondary and tertiary InteractableCards having incorrect disabled styling.

@salt-ds/[email protected]

Minor Changes

• 926316f: Simplified the accent, interact, neutral palette tokens by reducing the number of attributes.

  Deprecated Token	Replacement
  --salt-palette-accent-background	--salt-palette-accent
  --salt-palette-accent-background-disabled	--salt-palette-accent-disabled
  --salt-palette-accent-border	--salt-palette-accent
  --salt-palette-accent-border-disabled	--salt-palette-accent-disabled
  --salt-palette-interact-cta-foreground-active	--salt-palette-interact-cta-foreground
  --salt-palette-interact-cta-foreground-hover	--salt-palette-interact-cta-foreground
  --salt-palette-interact-background	--salt-palette-alpha-none
  --salt-palette-interact-background-disabled	--salt-palette-alpha-none
  --salt-palette-interact-border-none	--salt-palette-alpha-none
  --salt-palette-interact-secondary-background	--salt-palette-alpha-none
  --salt-palette-interact-secondary-background-disabled	--salt-palette-alpha-none
  --salt-palette-neutral-primary-background-readonly	--salt-palette-alpha-none
  --salt-palette-neutral-secondary-background-readonly	--salt-palette-alpha-none
  --salt-palette-neutral-primary-border	--salt-palette-neutral-border
  --salt-palette-neutral-secondary-border	--salt-palette-neutral-border
  --salt-palette-neutral-tertiary-border	--salt-palette-neutral-border
  --salt-palette-neutral-primary-border-disabled	--salt-palette-neutral-border-disabled
  --salt-palette-neutral-secondary-border-disabled	--salt-palette-neutral-border-disabled
  --salt-palette-neutral-tertiary-border-disabled	--salt-palette-neutral-border-disabled
  --salt-palette-neutral-highlight	--salt-palette-alpha
  --salt-palette-neutral-secondary-separator	--salt-palette-alpha
  --salt-palette-neutral-selection	--salt-palette-alpha-weak
  --salt-palette-neutral-tertiary-separator	--salt-palette-alpha-weak
  --salt-palette-neutral-primary-separator	--salt-palette-alpha-strong
  --salt-palette-neutral-backdrop	--salt-palette-alpha-backdrop

• 926316f: Aligned the theme and theme-next fade/alpha token implementation. All fade tokens have been deprecated and where necessary replaced with alpha tokens.

  Deprecated Token	Replacement
  --salt-color-blue-30-fade-background	--salt-color-blue-30-40a
  --salt-color-blue-100-fade-foreground	--salt-color-blue-100-40a
  --salt-color-blue-100-fade-fill	--salt-color-blue-100-40a
  --salt-color-blue-200-fade-foreground	--salt-color-blue-200-40a
  --salt-color-blue-500-fade-foreground	--salt-color-blue-500-40a
  --salt-color-blue-500-fade-border	--salt-color-blue-500-40a
  --salt-color-blue-500-fade-background	--salt-color-blue-500-40a
  --salt-color-blue-600-fade-foreground	--salt-color-blue-600-40a
  --salt-color-blue-600-fade-background	--salt-color-blue-600-40a
  --salt-color-blue-600-fade-fill	--salt-color-blue-600-40a
  --salt-color-blue-700-fade-background	--salt-color-blue-700-40a
  --salt-color-gray-20-fade-background	--salt-color-gray-20-40a
  --salt-color-gray-20-fade-background-readonly	No replacement
  --salt-color-gray-30-fade-background	--salt-color-gray-30-40a
  --salt-color-gray-50-fade-background	--salt-color-gray-50-40a
  --salt-color-gray-50-fade-border	--salt-color-gray-50-40a
  --salt-color-gray-60-fade-background	--salt-color-gray-60-40a
  --salt-color-gray-60-fade-border	--salt-color-gray-60-40a
  --salt-color-gray-70-fade-background	--salt-color-gray-70-40a
  --salt-color-gray-70-fade-foreground	--salt-color-gray-70-40a
  --salt-color-gray-90-fade-foreground	--salt-color-gray-90-40a
  --salt-color-gray-90-fade-border	--salt-color-gray-90-40a
  --salt-color-gray-90-fade-border-readonly	--salt-color-gray-90-15a
  --salt-color-gray-200-fade-background	--salt-color-gray-200-40a
  --salt-color-gray-200-fade-foreground	--salt-color-gray-200-40a
  --salt-color-gray-200-fade-border	--salt-color-gray-200-40a
  --salt-color-gray-200-fade-border-readonly	--salt-color-gray-200-15a
  --salt-color-gray-300-fade-border	--salt-color-gray-300-40a
  --salt-color-gray-300-fade-background	--salt-color-gray-300-40a
  --salt-color-gray-600-fade-background	--salt-color-gray-600-40a
  --salt-color-gray-600-fade-background-readonly	No replacement
  --salt-color-gray-800-fade-background	--salt-color-gray-800-40a
  --salt-color-gray-800-fade-background-readonly	No replacement
  --salt-color-gray-900-fade-foreground	--salt-color-gray-900-40a
  --salt-color-green-200-fade-foreground	--salt-color-green-200-40a
  --salt-color-green-300-fade-foreground	--salt-color-green-300-40a
  --salt-color-green-400-fade-foreground	--salt-color-green-400-40a
  --salt-color-green-400-fade-border	--salt-color-green-400-40a
  --salt-color-green-500-fade-foreground	--salt-color-green-500-40a
  --salt-color-green-500-fade-border	--salt-color-green-500-40a
  --salt-color-green-500-fade-background	--salt-color-green-500-40a
  --salt-color-green-600-fade-foreground	--salt-color-green-600-40a
  --salt-color-green-600-fade-background	--salt-color-green-600-40a
  --salt-color-green-700-fade-foreground	No replacement
  --salt-color-red-200-fade-foreground	--salt-color-red-200-40a
  --salt-color-red-300-fade-foreground	No replacement
  --salt-color-red-500-fade-foreground	--salt-color-red-500-40a
  --salt-color-red-500-fade-border	--salt-color-red-500-40a
  --salt-color-red-600-fade-foreground	--salt-color-red-600-40a
  --salt-color-red-600-fade-background	--salt-color-red-600-40a
  --salt-color-red-700-fade-foreground	No replacement
  --salt-color-orange-400-fade-foreground	--salt-color-orange-400-40a
  --salt-color-orange-400-fade-border	--salt-color-orange-400-40a
  --salt-color-orange-500-fade-border	--salt-color-orange-500-40a
  --salt-color-orange-600-fade-border	--salt-color-orange-600-40a
  --salt-color-orange-700-fade-border	--salt-color-orange-700-40a
  --salt-color-orange-850-fade-foreground	--salt-color-orange-850-40a
  --salt-color-white-fade-foreground	--salt-color-white-40a
  --salt-color-white-fade-background	--salt-color-white-40a
  --salt-color-white-fade-background-readonly	No replacement
  --salt-color-white-fade-backdrop	--salt-color-white-70a
  --salt-color-white-fade-background-highlight	--salt-color-white-30a
  --salt-color-white-fade-background-selection	--salt-color-white-15a
  --salt-color-white-fade-separatorOpacity-primary	--salt-color-white-45a
  --salt-color-white-fade-separatorOpacity-secondary	--salt-color-white-15a
  --salt-color-white-fade-separatorOpacity-tertiary	--salt-color-white-10a
  --salt-color-black-fade-backdrop	--salt-color-black-70a
  --salt-color-black-fade-background-highlight	--salt-color-black-30a
  --salt-color-black-fade-background-selection	--salt-color-black-15a
  --salt-color-black-fade-separatorOpacity-primary	--salt-color-black-45a
  --salt-color-black-fade-separatorOpacity-secondary	--salt-color-black-15a
  --salt-color-black-fade-separatorOpacity-tertiary	--salt-color-black-10a

• 926316f: Deprecated opacity foundation and palette tokens. There are no direct replacements for these tokens.

  --salt-opacity-0: 0;
  --salt-opacity-15: 0.15;
  --salt-opacity-25: 0.25;
  --salt-opacity-40: 0.4;
  --salt-opacity-45: 0.45;
  --salt-opacity-70: 0.7;
  --salt-palette-opacity-backdrop: var(--salt-opacity-70);
  --salt-palette-opacity-disabled: var(--salt-opacity-40);
  --salt-palette-opacity-background-readonly: var(--salt-opacity-0);
  --salt-palette-opacity-border-readonly: var(--salt-opacity-15);
  --salt-palette-opacity-primary-border: var(--salt-opacity-45);
  --salt-palette-opacity-secondary-border: var(--salt-opacity-25);
  --salt-palette-opacity-tertiary-border: var(--salt-opacity-15);

• 926316f: Aligned the color ramp implementation with theme-next. Color tokens now have respective rgb tokens.

• 1203a3f: Deprecate --salt-navigable-background-hover and related tokens.

  • --salt-navigable-background-hover
  • --salt-palette-navigate-background-hover
  • --salt-color-white-fade-background-hover
  • --salt-color-black-fade-background-hover
  • --salt-opacity-8

• 926316f: The Alpha palette has been added to the current theme. Previously it was only in theme-next.

  + --salt-palette-alpha: var(--salt-color-black-30a);
  + --salt-palette-alpha-strong: var(--salt-color-black-45a);
  + --salt-palette-alpha-weak: var(--salt-color-black-15a);
  + --salt-palette-alpha-weaker: var(--salt-color-black-10a);
  + --salt-palette-alpha-backdrop: var(--salt-color-white-70a);
  + --salt-palette-alpha-none: transparent;

  + --salt-palette-alpha: var(--salt-color-white-30a);
  + --salt-palette-alpha-strong: var(--salt-color-white-45a);
  + --salt-palette-alpha-weak: var(--salt-color-white-15a);
  + --salt-palette-alpha-weaker: var(--salt-color-white-10a);
  + --salt-palette-alpha-backdrop: var(--salt-color-black-70a);
  + --salt-palette-alpha-none: transparent;

Patch Changes

• 3e474a0: Added missing fade token: --salt-color-gray-500-fade-background.

• 3e474a0: Removed incorrectly deprecated tokens:

  • --salt-color-orange-600-fade-background
  • --salt-palette-negative-foreground-disabled
  • --salt-palette-positive-foreground-disabled
  • --salt-palette-warning-border-disabled
  • --salt-palette-accent-background-disabled
  • --salt-palette-accent-border-disabled

@salt-ds/[email protected]

Patch Changes

• Updated dependencies [3e474a0]
• Updated dependencies [926316f]
• Updated dependencies [926316f]
• Updated dependencies [926316f]
• Updated dependencies [926316f]
• Updated dependencies [1203a3f]
• Updated dependencies [3e474a0]
• Updated dependencies [926316f]
  • @salt-ds/[email protected]

@salt-ds/[email protected]

Patch Changes

• Updated dependencies [6a0db8d]
• Updated dependencies [3b1c265]
• Updated dependencies [1436b36]
• Updated dependencies [39bd967]
• Updated dependencies [efb37a0]
  • @salt-ds/[email protected]

@salt-ds/[email protected]

Patch Changes

• Updated dependencies [6a0db8d]
• Updated dependencies [45961dd]
• Updated dependencies [3b1c265]
• Updated dependencies [1436b36]
• Updated dependencies [39bd967]
• Updated dependencies [efb37a0]
  • @salt-ds/[email protected]
  • @salt-ds/[email protected]

@salt-ds/[email protected]

Patch Changes

• 45961dd: Fix dialog and overlay header alignments
• Updated dependencies [6a0db8d]
• Updated dependencies [3b1c265]
• Updated dependencies [1436b36]
• Updated dependencies [39bd967]
• Updated dependencies [efb37a0]
  • @salt-ds/[email protected]

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
saltdesignsystem	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 3, 2025 5:42pm