Skip to content

Releases: jpmorganchase/salt-ds

@salt-ds/[email protected]

20 Feb 13:53
1855d5c
Compare
Choose a tag to compare

Minor Changes

  • 90b85d4: Deprecated --salt-palette-navigate-foreground-hover and --salt-palette-navigate-foreground-active and replaced them with --salt-palette-accent-foreground-informative.

  • 8ca3b2f: Added white 20, black 20 and 40 to the legacy alpha foundation:

    --salt-color-white-20a: rgba(var(--salt-color-white-rgb), 0.2);
    --salt-color-black-20a: rgba(var(--salt-color-black-rgb), 0.2);
    --salt-color-black-40a: rgba(var(--salt-color-black-rgb), 0.4);

    Deprecated alpha 15 and 45 tokens in white and black in both themes:

    --salt-color-white-15a: rgba(var(--salt-color-white-rgb), 0.15);
    --salt-color-white-45a: rgba(var(--salt-color-white-rgb), 0.45);
    --salt-color-black-15a: rgba(var(--salt-color-black-rgb), 0.15);
    --salt-color-black-45a: rgba(var(--salt-color-black-rgb), 0.45);
  • 8ca3b2f: Rebalanced the alpha palette by updating the strong and weak tokens:

    - --salt-palette-alpha-strong: var(--salt-color-black-45a);
    - --salt-palette-alpha-weak: var(--salt-color-black-15a);
    + --salt-palette-alpha-strong: var(--salt-color-black-40a);
    + --salt-palette-alpha-weak: var(--salt-color-black-20a);
    - --salt-palette-alpha-strong: var(--salt-color-white-45a);
    - --salt-palette-alpha-weak: var(--salt-color-white-15a);
    + --salt-palette-alpha-strong: var(--salt-color-white-40a);
    + --salt-palette-alpha-weak: var(--salt-color-white-20a);
  • 3764d72: Undeprecated --salt-accent-borderColor-disabled and --salt-track-borderColor-disabled.

  • d22534b: Extended the spacing foundation to spacing-950.

    + --salt-spacing-450
    + --salt-spacing-500
    + --salt-spacing-550
    + --salt-spacing-600
    + --salt-spacing-650
    + --salt-spacing-700
    + --salt-spacing-750
    + --salt-spacing-800
    + --salt-spacing-850
    + --salt-spacing-900
    + --salt-spacing-950
  • 90b85d4: Added --salt-content-accent-foreground to theme and theme-next.

  • 8ca3b2f: Updated --salt-track-borderColor to be lighter in the Salt Next theme.

@salt-ds/[email protected]

20 Feb 13:53
1855d5c
Compare
Choose a tag to compare

Patch Changes

  • 021e90d: Fixed hidden icons being announced on iOS.

@salt-ds/[email protected]

20 Feb 13:53
1855d5c
Compare
Choose a tag to compare

Patch Changes

@salt-ds/[email protected]

20 Feb 13:53
1855d5c
Compare
Choose a tag to compare

Patch Changes

@salt-ds/[email protected]

20 Feb 13:52
1855d5c
Compare
Choose a tag to compare

Minor Changes

  • 90b85d4: Added accent colored Links.

    <Link href="#" color="accent">
      Link text
    </Link>
  • 9a75603: Added color prop to Avatar. Using color will change Avatar's background to one of the 20 categorical colors or accent.

    <Avatar color="category-1" />
  • 7510f56: Add padding and margin to GridLayout, GridItem, BorderLayout and BorderItem

    <GridLayout padding={1} margin={1}>
      <GridItem padding={2} margin={2}>
        Item
      </GridItem>
    </GridLayout>

Patch Changes

  • 90b85d4: When Link is set to color="inherit" its hover, active and focus colors will now also be inherited.
    Fixed status colors being included in Link's color type. This was accidentally added when status color support was added to Text. If you need to achieve this behaviour you can use color="inherit".
  • fd86394: Fix layout paddings and margins beings set by default
  • 56a997c: Fixed FormField incorrectly applying align-self when labelPlacement is "left" or "right".
  • 98d3aac: Improved screen-reader support for read-only combo boxes.
  • ea5fc00: Improve screen reader support for Avatar.
  • ba0f436: Added centered vertical alignment to MenuItem
  • Updated dependencies [021e90d]

@salt-ds/[email protected]

20 Feb 13:53
1855d5c
Compare
Choose a tag to compare

Patch Changes

@salt-ds/[email protected]

20 Feb 13:53
1855d5c
Compare
Choose a tag to compare
Pre-release

Patch Changes

@salt-ds/[email protected]

04 Feb 10:57
57fb995
Compare
Choose a tag to compare

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(-...
Read more

@salt-ds/[email protected]

04 Feb 10:57
57fb995
Compare
Choose a tag to compare

Patch Changes

@salt-ds/[email protected]

04 Feb 10:57
57fb995
Compare
Choose a tag to compare

Patch Changes