Releases: jpmorganchase/salt-ds
@salt-ds/theme@1.23.1
@salt-ds/core@1.37.1
Patch Changes
- 62300f3: Fixed aria-multiselectable being incorrectly applied in the ComboBox and Dropdown.
@salt-ds/lab@1.0.0-alpha.54
Patch Changes
- bb916f7: Removed the left padding from Static List.
@salt-ds/theme@1.23.0
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
Patch Changes
- c9e932d: Fixed LazyCountrySymbol crash with invalid code, and
sharp
was not working correctly.
@salt-ds/core@1.37.0
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
@salt-ds/lab@1.0.0-alpha.53
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 extenddiv
props instead ofInput
, 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
withstepBlock
prop, which now explicitly defines the value that is increment or decrement, not a multiplier ofstep
.
<StepperInput stepBlock={100} value={value} onChange={(_event, value) => { setValue(value); } />
- Added
Patch Changes
-
3a9d518: DatePicker and Calendar API improvements
-
CalendarCarousel
has been renamed toCarouselDateGrid
so it's more obvious of the content -
Calendar
previously usedchildren
to define theCalendarNavigation
.
We have now changed that so thechildren
definesCalendarNavigation
,CalendarWeekHeader
andCalendarDateGrid
This enables more flexibility in both layout and configuration of theCalendar
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 forCalendarDateGrid
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
, usesetSelectedDate
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
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
Minor Changes
-
1098fc1: Added
sentiment
(accented, neutral, positive, negative, caution) andappearance
(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.