Skip to content

Releases: jpmorganchase/salt-ds

@salt-ds/theme@1.25.0

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/data-grid@1.0.12

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

Patch Changes

  • Updated dependencies [6a0db8d]
  • Updated dependencies [45961dd]
  • Updated dependencies [3b1c265]
  • Updated dependencies [1436b36]
  • Updated dependencies [39bd967]
  • Updated dependencies [efb37a0]
    • @salt-ds/core@1.40.0
    • @salt-ds/lab@1.0.0-alpha.60

@salt-ds/countries@1.4.6

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

Patch Changes

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

@salt-ds/core@1.40.0

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

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/ag-grid-theme@2.3.1

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

Patch Changes

@salt-ds/lab@1.0.0-alpha.60

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

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/core@1.40.0

@salt-ds/data-grid@1.0.11

22 Jan 14:26
b8fbcfa
Compare
Choose a tag to compare

Patch Changes

  • Updated dependencies [e6c54b7]
  • Updated dependencies [373717d]
  • Updated dependencies [373717d]
  • Updated dependencies [eed82f8]
  • Updated dependencies [225a61b]
  • Updated dependencies [df7760d]
  • Updated dependencies [c5d61e2]
    • @salt-ds/lab@1.0.0-alpha.59
    • @salt-ds/core@1.39.0

@salt-ds/countries@1.4.5

22 Jan 14:27
b8fbcfa
Compare
Choose a tag to compare

Patch Changes

  • Updated dependencies [373717d]
  • Updated dependencies [225a61b]
  • Updated dependencies [c5d61e2]
    • @salt-ds/core@1.39.0

@salt-ds/core@1.39.0

22 Jan 14:26
b8fbcfa
Compare
Choose a tag to compare

Minor Changes

  • 373717d: Added SkipLink.

    <body>
    <header>
      <SkipLink targetId="main">Skip to main content</SkipLink>
      <nav>
        {{...}}
      </nav>
    </header>
    <main>
      <h1 id="main">Main Content</h1>
    </main>
    </body>
  • 225a61b: Added render prop to Link. The render prop enables the substitution of the default anchor tag with an alternate link, such as React Router, facilitating integration with routing libraries.

Patch Changes

  • c5d61e2: Fixed Toast icon alignment.

@salt-ds/lab@1.0.0-alpha.59

22 Jan 14:27
b8fbcfa
Compare
Choose a tag to compare
Pre-release

Minor Changes

  • 373717d: Removed SkipLink from labs and promoted to core.

Patch Changes

  • e6c54b7: Refine peer dependency management for DatePicker adapters by splitting them into sub-packages. You now import only the specific date framework adapter you need, simplifying dependency handling.

    • For date-fns:

      - import { AdapterDateFns } from "@salt-ds/date-adapters";
      + import { AdapterDateFns } from "@salt-ds/date-adapters/date-fns";
    • For dayjs:

      - import { AdapterDayjs } from "@salt-ds/date-adapters";
      + import { AdapterDayjs } from "@salt-ds/date-adapters/dayjs";
    • For luxon:

      - import { AdapterLuxon } from "@salt-ds/date-adapters";
      + import { AdapterLuxon } from "@salt-ds/date-adapters/luxon";
    • For moment:

      - import { AdapterMoment } from "@salt-ds/date-adapters";
      + import { AdapterMoment } from "@salt-ds/date-adapters/moment";

    Additionally, DateDetailErrorEnum is now a simpler DateDetailError of type DateDetailErrorType.

    - import { DateDetailErrorEnum } from "@salt-ds/date-adapters";
    + import { DateDetailError } from "@salt-ds/date-adapters/moment";

    Instructions

    1. Modify your import statements to use the specific sub-package for the date adapter you require.

    2. Ensure your package.json includes the necessary date framework as a dependency. For example, if using date-fns:

      {
        "dependencies": {
          "date-fns": "^x.x.x"
        }
      }

    This change helps streamline the integration of date frameworks with the DatePicker component by ensuring only the necessary adapters and dependencies are included.

  • eed82f8: Overlay and Dialog headers fix alignment for titles spanning into multiple lines, wrap preheader and headers in H2.

  • df7760d: Add border box to skip link container to ensure height is correctly measured.

  • Updated dependencies [e6c54b7]

  • Updated dependencies [373717d]

  • Updated dependencies [225a61b]

  • Updated dependencies [c5d61e2]

    • @salt-ds/date-adapters@0.1.0-alpha.2
    • @salt-ds/core@1.39.0