Skip to content

Releases: jpmorganchase/salt-ds

@salt-ds/theme@1.23.1

16 Oct 13:03
7d0d998
Compare
Choose a tag to compare

Patch Changes

  • 0661efa: - Fixed invalid CSS variables in theme-next.css. Closes #4302.
    • Fixed missing actionable disabled palette tokens in theme-next.css.

@salt-ds/core@1.37.1

16 Oct 13:03
7d0d998
Compare
Choose a tag to compare

Patch Changes

  • 62300f3: Fixed aria-multiselectable being incorrectly applied in the ComboBox and Dropdown.

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

16 Oct 13:03
7d0d998
Compare
Choose a tag to compare
Pre-release

Patch Changes

  • bb916f7: Removed the left padding from Static List.

@salt-ds/theme@1.23.0

09 Oct 13:58
c421ae3
Compare
Choose a tag to compare

Minor Changes

  • 4ccc245: Added new tokens in Salt theme.

    • --salt-palette-interact-cta-border-hover
    • --salt-palette-interact-cta-border-active
    • --salt-accent-background-disabled
    • --salt-palette-accent-background-disabled

    Added new tokens in Salt Next theme.

    • --salt-accent-background-disabled

    Updated mapping for below tokens, to help visual alignment between Salt and Salt Next themes.

    - --salt-actionable-accented-borderColor-hover: var(--salt-palette-interact-border-none);
    + --salt-actionable-accented-borderColor-hover: var(--salt-palette-interact-cta-border-hover);
    - --salt-actionable-accented-borderColor-active: var(--salt-palette-interact-border-none);
    + --salt-actionable-accented-borderColor-active: var(--salt-palette-interact-cta-border-active);

@salt-ds/countries@1.4.1

09 Oct 13:58
c421ae3
Compare
Choose a tag to compare

Patch Changes

  • c9e932d: Fixed LazyCountrySymbol crash with invalid code, and sharp was not working correctly.

@salt-ds/core@1.37.0

09 Oct 13:58
c421ae3
Compare
Choose a tag to compare

Minor Changes

  • 4ccc245: Updated Card, LinkCard and InteractableCard accent bar color, which now stays the same across states.

  • 97215f7: Added SemanticIconProvider to provide a mechanism to swap out built-in component icons to custom icons.

    <SemanticIconProvider iconMap={iconMap}>
      <App />
    </SemanticIconProvider>
  • 60a8d6a: Pill will now go into an active state when it's a menu trigger and has the menu is open. This aligns Pill with Button.

Patch Changes

  • dc9e1bd: Updated Pill's styling to align to Button's new styling.
  • 7eac3b2: Fixed text contrast issues in Menu, Dropdown, ComboBox and ListBox.
  • b2af86a: Updated MultilineInput so that it is easier to set a max-height.
  • 9edf6c4: Added letter-spacing to Text for consistency.
  • 65bfefb: Improved list based control's performance when lots of items are displayed.

@salt-ds/ag-grid-theme@2.1.1

09 Oct 13:58
c421ae3
Compare
Choose a tag to compare

Patch Changes

  • 4f3bec9: Fixed .editable-cell incorrectly setting text-align. For numeric columns, use both .editable-cell and .numeric-cell for cellClass. Fixes #4141.
  • Updated dependencies [4ccc245]
    • @salt-ds/theme@1.23.0

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

09 Oct 13:58
c421ae3
Compare
Choose a tag to compare
Pre-release

Minor Changes

  • 5db28b8: Added StaticList, StaticListItem, StaticListItemContent component to lab.

    <StaticList>
      <StaticListItem>
        <StaticListItemContent>
          <Text>New static list feature updates are available in lab</Text>
        </StaticListItemContent>
      </StaticListItem>
      <StaticListItem>
        <StaticListItemContent>
          <Text>New static list feature updates are available in lab</Text>
        </StaticListItemContent>
      </StaticListItem>
    </StaticList>
  • 91639ec: ## StepperInput updates

    • Added bordered prop for a full border style
    • Changed StepperInputProps to extend div props instead of Input, to align with other input components
    • Added an optional event to onChange, when triggered by synthetic event
    • Added more keyboard interactions, e.g. Shift + Up / Down, Home, End.
    • Replaced block with stepBlock prop, which now explicitly defines the value that is increment or decrement, not a multiplier of step.
    <StepperInput
      stepBlock={100}
      value={value}
      onChange={(_event, value) => {
        setValue(value);
      }
    />

Patch Changes

  • 3a9d518: DatePicker and Calendar API improvements

    • CalendarCarousel has been renamed to CarouselDateGrid so it's more obvious of the content

    • Calendar previously used children to define the CalendarNavigation.
      We have now changed that so the children defines CalendarNavigation, CalendarWeekHeader and CalendarDateGrid
      This enables more flexibility in both layout and configuration of the Calendar elements.
      A typical Calendar will now look like this,

    CalendarNavigation - provides year/month dropdowns and forward/back controls for the visible month.
    CalendarWeekHeader - provides a header for CalendarDateGrid indicating the day of the week.
    CalendarDateGrid - provides a grid of buttons that represent the days from a calendar month.

    • cleaned up selection API, removed select, use setSelectedDate instead
    • fix issues with Calendar offset selection
    • updated examples, more consistent helper text, error text to match spec
    • test improvements to create a known state for tests and avoid failures based on locale differences
    • cleaned up Storybook imports in e2e tests
  • 5eb77be: Fixed days in the calendar having the incorrect text color when part of a selection or hover range.

@salt-ds/theme@1.22.0

18 Sep 16:06
336dce0
Compare
Choose a tag to compare

Minor Changes

  • 1098fc1: Updated tokens values mapping for below tokens

    /* light */
    - --salt-palette-negative-foreground: var(--salt-color-red-700);
    + --salt-palette-negative-foreground: var(--salt-color-red-600);
    - --salt-palette-positive-foreground: var(--salt-color-green-700);
    + --salt-palette-positive-foreground: var(--salt-color-green-600);
    /* dark */
    - --salt-palette-negative-foreground: var(--salt-color-red-300);
    + --salt-palette-negative-foreground: var(--salt-color-red-200);
    - --salt-palette-positive-foreground: var(--salt-color-green-300);
    + --salt-palette-positive-foreground: var(--salt-color-green-200);

    Deprecated actionable cta/primary/secondary tokens in favor of new tokens. Replacement references below

    Deprecated token Replacement token
    --salt-actionable-cta-background-active --salt-actionable-accented-bold-background-active
    --salt-actionable-cta-background-disabled --salt-actionable-accented-bold-background-disabled
    --salt-actionable-cta-background-hover --salt-actionable-accented-bold-background-hover
    --salt-actionable-cta-background --salt-actionable-accented-bold-background
    --salt-actionable-cta-borderColor-active --salt-actionable-accented-bold-borderColor-active
    --salt-actionable-cta-borderColor-disabled --salt-actionable-accented-bold-borderColor-disabled
    --salt-actionable-cta-borderColor-hover --salt-actionable-accented-bold-borderColor-hover
    --salt-actionable-cta-borderColor --salt-actionable-accented-bold-borderColor
    --salt-actionable-cta-foreground-active --salt-actionable-accented-bold-foreground-active
    --salt-actionable-cta-foreground-disabled --salt-actionable-accented-bold-foreground-disabled
    --salt-actionable-cta-foreground-hover --salt-actionable-accented-bold-foreground-hover
    --salt-actionable-cta-foreground --salt-actionable-accented-bold-foreground
    --salt-actionable-primary-background-active --salt-actionable-bold-background-active
    --salt-actionable-primary-background-disabled --salt-actionable-bold-background-disabled
    --salt-actionable-primary-background-hover --salt-actionable-bold-background-hover
    --salt-actionable-primary-background --salt-actionable-bold-background
    --salt-actionable-primary-borderColor-active --salt-actionable-bold-borderColor-active
    --salt-actionable-primary-borderColor-disabled --salt-actionable-bold-borderColor-disabled
    --salt-actionable-primary-borderColor-hover --salt-actionable-bold-borderColor-hover
    --salt-actionable-primary-borderColor --salt-actionable-bold-borderColor
    --salt-actionable-primary-foreground-active --salt-actionable-bold-foreground-active
    --salt-actionable-primary-foreground-disabled --salt-actionable-bold-foreground-disabled
    --salt-actionable-primary-foreground-hover --salt-actionable-bold-foreground-hover
    --salt-actionable-primary-foreground --salt-actionable-bold-foreground
    --salt-actionable-secondary-background-active --salt-actionable-subtle-background-active
    --salt-actionable-secondary-background-disabled --salt-actionable-subtle-background-disabled
    --salt-actionable-secondary-background-hover --salt-actionable-subtle-background-hover
    --salt-actionable-secondary-background --salt-actionable-subtle-background
    --salt-actionable-secondary-borderColor-active --salt-actionable-subtle-borderColor-active
    --salt-actionable-secondary-borderColor-disabled --salt-actionable-subtle-borderColor-disabled
    --salt-actionable-secondary-borderColor-hover --salt-actionable-subtle-borderColor-hover
    --salt-actionable-secondary-borderColor --salt-actionable-subtle-borderColor
    --salt-actionable-secondary-foreground-active --salt-actionable-subtle-foreground-active
    --salt-actionable-secondary-foreground-disabled --salt-actionable-subtle-foreground-disabled
    --salt-actionable-secondary-foreground-hover --salt-actionable-subtle-foreground-hover
    --salt-actionable-secondary-foreground --salt-actionable-subtle-foreground

    Added various tokens for new actionable family tokens.

    Salt theme - theme.css

    Palette

    • --salt-palette-accent-border-disabled
    • --salt-palette-accent-foreground-informative
    • --salt-palette-accent-foreground-informative-disabled
    • --salt-palette-interact-border-none
    • --salt-palette-negative-foreground-disabled
    • --salt-palette-negative-background
    • --salt-palette-negative-background-hover
    • --salt-palette-negative-background-active
    • --salt-palette-negative-background-disabled
    • --salt-palette-negative-border
    • --salt-palette-negative-border-disabled
    • --salt-palette-positive-foreground-disabled
    • --salt-palette-positive-background
    • --salt-palette-positive-background-hover
    • --salt-palette-positive-background-active
    • --salt-palette-positive-background-disabled
    • --salt-palette-positive-border
    • --salt-palette-positive-border-disabled
    • --salt-palette-warning-border-disabled
    • --salt-palette-warning-foreground-informative-disabled
    • --salt-palette-warning-action
    • --salt-palette-warning-action-hover
    • --salt-palette-warning-action-active
    • --salt-palette-warning-action-disabled
    • --salt-palette-warning-action-foreground
    • --salt-palette-warning-action-foreground-disabled

    Foundation

    • --salt-color-blue-200-fade-foreground
    • --salt-color-green-200-fade-foreground
    • --salt-color-green-600-fade-foreground
    • --salt-color-red-200-fade-foreground
    • --salt-color-red-600-fade-foreground
    • --salt-color-orange-400-fade-foreground
    • --salt-color-orange-850-fade-foreground
    • --salt-color-green-500-fade-background
    • --salt-color-green-600-fade-background
    • --salt-color-red-600-fade-background

    Salt next theme - theme-next.css

    Palette

    • --salt-palette-negative-action-hover
    • --salt-palette-negative-action-active
    • --salt-palette-negative-disabled
    • --salt-palette-positive-action-hover
    • --salt-palette-positive-action-active
    • --salt-palette-positive-disabled
    • --salt-palette-warning-disabled
    • --salt-palette-warning-action-hover
    • --salt-palette-warning-action-active

    Foundation

    • --salt-color-green-500-40a
    • --salt-color-orange-500-40a
    • --salt-color-red-500-40a
  • 285a257: Added below new tokens

    • --salt-overlayable-background-highlight
    • --salt-palette-neutral-highlight
    • --salt-color-black-fade-background-highlight
    • --salt-color-white-fade-background-highlight

Patch Changes

  • 2263a98: Fixed foreground secondary color token not correctly reflecting design in Salt Next theme, corrected to gray 700/300.

@salt-ds/core@1.36.0

18 Sep 16:06
336dce0
Compare
Choose a tag to compare

Minor Changes

  • 1098fc1: Added sentiment (accented, neutral, positive, negative, caution) and appearance (solid, bordered, transparent) props for Button.

    Note: Button's variant prop is now deprecated and will be removed in the next major version.

    variant appearance sentiment
    cta solid accented
    primary solid neutral
    secondary transparent neutral

Patch Changes

  • 7a5215a: Fixed data-* attributes not allowed on pass through props. Closes #3797.

    • Checkbox.inputProps
    • Input.inputProps
    • MultilineInput.textAreaProps
    • PillInput.inputProps
    • RadioButton.inputProps
    • Switch.inputProps
  • dccd349: - Fixed bordered form controls' activation indicator and border combining to 3px instead of 2px in:

    • Dropdown

    • ComboBox

    • Input

    • MultilineInput

    • Fixed form controls' activation indicator changing color when an active field is hovered in:

      • Input
      • MultilineInput
    • Updated the token applied to form controls' activation indicator to use --salt-size-border-strong instead of --salt-editable-borderWidth-active.

  • 7ed6d4d: Fixed Tag's height being incorrect when box-sizing isn't set

  • 3e49154: Updated Checkbox and Radio Button to have more robust styling.

  • cee2b63: Fixed text inside Panel having the incorrect color when color-scheme is not set or doesn't change the default text color e.g. in Safari.

  • f277c02: Updated controlled uncontrolled warning link

  • 92299b6: Fixed the alignment of Checkbox and Radio Button when they don't have a label.

  • 61e8502: Fixed Dialog's content being collapsed on Safari.