@salt-ds/theme@1.16.0

Minor Changes

• 25e38e4: ## Characteristics

  Added decorative and informative status foreground tokens. This ensures contrast requirements are met for both text and non-text elements.

  +  --salt-status-info-foreground-decorative: var(--salt-palette-info-foreground-decorative);
  +  --salt-status-error-foreground-decorative: var(--salt-palette-error-foreground-decorative);
  +  --salt-status-warning-foreground-decorative: var(--salt-palette-warning-foreground-decorative);
  +  --salt-status-success-foreground-decorative: var(--salt-palette-success-foreground-decorative);
  +
  +  --salt-status-info-foreground-informative: var(--salt-palette-info-foreground-informative);
  +  --salt-status-error-foreground-informative: var(--salt-palette-error-foreground-informative);
  +  --salt-status-warning-foreground-informative: var(--salt-palette-warning-foreground-informative);
  +  --salt-status-success-foreground-informative: var(--salt-palette-success-foreground-informative);

  Deprecated status foreground tokens.

  Name	Replacement
  --salt-status-info-foreground	--salt-status-info-foreground-decorative
  --salt-status-error-foreground	--salt-status-error-foreground-decorative
  --salt-status-warning-foreground	--salt-status-warning-foreground-decorative
  --salt-status-success-foreground	--salt-status-success-foreground-decorative

  Palette

  Added decorative and informative info, error, warning and success foreground tokens.

  Light

  +  --salt-palette-info-foreground-decorative: var(--salt-color-blue-500);
  +  --salt-palette-info-foreground-informative: var(--salt-color-blue-600);
  +  --salt-palette-error-foreground-decorative: var(--salt-color-red-500);
  +  --salt-palette-error-foreground-informative: var(--salt-color-red-600);
  +  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-700);
  +  --salt-palette-warning-foreground-informative: var(--salt-color-orange-850);
  +  --salt-palette-success-foreground-decorative: var(--salt-color-green-500);
  +  --salt-palette-success-foreground-informative: var(--salt-color-green-600);

  Dark

  +  --salt-palette-info-foreground-decorative: var(--salt-color-blue-100);
  +  --salt-palette-info-foreground-informative: var(--salt-color-blue-200);
  +  --salt-palette-error-foreground-decorative: var(--salt-color-red-400);
  +  --salt-palette-error-foreground-informative: var(--salt-color-red-200);
  +  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-500);
  +  --salt-palette-warning-foreground-informative: var(--salt-color-orange-400);
  +  --salt-palette-success-foreground-decorative: var(--salt-color-green-400);
  +  --salt-palette-success-foreground-informative: var(--salt-color-green-200);

  Updated info and error border tokens.

  -  --salt-palette-info-border: var(--salt-color-blue-500);
  +  --salt-palette-info-border: var(--salt-color-blue-400);
  -  --salt-palette-error-border: var(--salt-color-red-500);
  +  --salt-palette-error-border: var(--salt-color-red-400);

  Deprecated status foreground tokens.

  Name	Replacement
  --salt-palette-info-foreground	--salt-palette-info-foreground-decorative
  --salt-palette-error-foreground	--salt-palette-error-foreground-decorative
  --salt-palette-warning-foreground	--salt-palette-warning-foreground-decorative
  --salt-palette-success-foreground	--salt-palette-success-foreground-decorative

  Foundations

  Added --salt-color-orange-850:

  +  --salt-color-orange-850: rgb(194, 52, 7);

• eaab9d8: Switched to use new color palette in theme next when using UNSTABLE_SaltProviderNext.

  Refer to documentation for more information.

  Closes #3394

• 5ed8ed8: Added new --salt-overlayable-rangeSelection token, which points to new --salt-palette-neutral-selection and resolves to black@15% in light mode and white@15% in dark mode.

• e1d4aab: Supports heading font switch when using UNSTABLE_SaltProviderNext.

  Refer to documentation for more information.

@salt-ds/core@1.28.0

Minor Changes

• 25e38e4: Added status color support to Text.

      <Text color="info">This is error color of Text</Text>
      <Text color="error">This is error color of Text</Text>
      <Text color="warning">This is warning color of Text</Text>
      <Text color="success">This is success color of Text</Text>

  • Checkbox will now have the correct border color on focus when it is in an error or warning state.
  • Checkbox now uses --salt-status-error-foreground-decorative and --salt-status-warning-foreground-decorative instead of --salt-status-error-foreground and --salt-status-warning-foreground.
  • RadioButton will now have the correct border color on focus when it is in an error or warning state.
  • RadioButton now uses --salt-status-error-foreground-decorative and --salt-status-warning-foreground-decorative instead of --salt-status-error-foreground and --salt-status-warning-foreground.
  • StatusAdornment now uses --salt-status-error-foreground-decorative, --salt-status-warning-foreground-decorative and --salt-status-success-foreground-decorative instead of --salt-status-error-foreground, --salt-status-warning-foreground and --salt-status-success-foreground.
  • StatusIndicator now uses --salt-status-info-foreground-decorative, --salt-status-error-foreground-decorative, --salt-status-warning-foreground-decorative and --salt-status-success-foreground-decorative instead of --salt-status-info-foreground, --salt-status-error-foreground, --salt-status-warning-foreground, --salt-status-success-foreground.

• 5ef2817: Added a new accent prop to UNSTABLE_SaltProviderNext with "blue" or "teal" option. To try it out, use

  <UNSTABLE_SaltProviderNext accent="teal">
  

  Refer to documentation for more information.

• e1d4aab: Added a new headingFont prop to UNSTABLE_SaltProviderNext with "Open Sans" or "Amplitude" option. To try it out, use

  <UNSTABLE_SaltProviderNext headingFont="Amplitude">
  

  Refer to documentation for more information.

Patch Changes

• 33ffe0e: Remove padding bottom and padding right from DialogContent

• 88711e3: Fixed onBlur and onFocus not working with FormField.

• 1cfefb6: Added flex 1 to DialogContent so the dialog actions stick to the bottom

• d5b968f: Fixed dialog border styling was not set correctly

• b266a07: Made status prop optional in Toast, allowing for Toast to have no status.
  The default for the status prop changed from "info" to undefined. Toasts intended to have "info" status must refactor as beflow.

  Note: This change is a bug fix but a breaking change for Toasts that were intended to have "info" status, but did not explicitly set the status prop.

  Before:

  <Toast>
    <ToastContent>
      A new version of this file is available with 37 updates.
    </ToastContent>
  </Toast>

  After:

  <Toast status="info">
    <ToastContent>
      A new version of this file is available with 37 updates.
    </ToastContent>
  </Toast>

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

Major Changes

• 5ed8ed8: Ag grid theme is updated to support ag grid version v31, and it's now driven by AG grid variables with a big reduction in bundle size. Follow below for upgrade instructions:

  1. Update stylesheet import

  - import "ag-grid-community/dist/styles/ag-grid.css";
  + import "ag-grid-community/styles/ag-grid.css";

  UITK theme is removed, migrate to Salt theme

  - import "@salt-ds/ag-grid-theme/uitk-ag-theme.css";
  + import "@salt-ds/ag-grid-theme/salt-ag-theme.css";

  2. Update classnames used on the container around AgGridReact, which no longer has density portion. If you previously copied useAgGridHelpers, you'll need to copy a new version from here.

  In light mode:

  - .ag-theme-salt-high-light
  - .ag-theme-salt-medium-light
  - .ag-theme-salt-low-light
  - .ag-theme-salt-touch-light
  + .ag-theme-salt-light

  - .ag-theme-salt-high-compact-light
  + .ag-theme-salt-compact-light

  In dark mode:

  - .ag-theme-salt-high-dark
  - .ag-theme-salt-medium-dark
  - .ag-theme-salt-low-dark
  - .ag-theme-salt-touch-dark
  + .ag-theme-salt-dark

  - .ag-theme-salt-high-compact-dark
  + .ag-theme-salt-compact-dark

  Closes #2972

Patch Changes

• Updated dependencies [25e38e4]
• Updated dependencies [eaab9d8]
• Updated dependencies [5ed8ed8]
• Updated dependencies [e1d4aab]
  • @salt-ds/theme@1.16.0

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

Minor Changes

• 375499e: Removed liveValue, showRefreshButton, ButtonProps and InputProps props from StepperInput.
  Added hideButtons prop from StepperInput and updated to extend Input's InputProps.

• b9a6d1e: - Fix calendar carousel receiving focus in firefox

  • Add DatePicker component to lab

  <DatePicker />

  • Updated DateInput to integrate within DatePicker

• 25e38e4: TrackerStep now uses --salt-status-success-foreground-decorative and --salt-status-info-foreground-decorative instead of --salt-status-success-foreground and --salt-status-info-foreground.

Patch Changes

• 579fe96: - Calendar aria-label format changed from 'MM YYYY' to 'Calendar, DD MMM YYYY'.
  • Calendar day aria-label format changed from 'DD/MM/YYYY' to 'DD MMM YYYY'.
  • Calendar navigation buttons aria-label format got simplified to 'Previous Month' and 'Next Month'.
  • Fix Calendar focused item getting lost when navigating trough calendar.
• 78e643f: Changed startDate and endDate for selectedDate in DatePicker to align with Calendar props.
  Changed defaultStartDate and defaultEndDate for defaultSelectedDate in DatePicker to align with Calendar props.

@salt-ds/theme@1.15.0

Minor Changes

• 3fa8b97: Added new tokens

  Tier	Token	Value
  Foundation	--salt-typography-fontFamily-openSans	"Open Sans"
  Foundation	--salt-typography-fontFamily-ptMono	"PT Mono"
  Palette	--salt-palette-text-fontFamily	--salt-typography-fontFamily-openSans
  Palette	--salt-palette-text-fontFamily-heading	--salt-typography-fontFamily-openSans
  Palette	--salt-palette-text-fontFamily-code	--salt-typography-fontFamily-ptMono

  Updated existing token value mapping to use new tokens

  - --salt-text-fontFamily: var(--salt-typography-fontFamily);
  + --salt-text-fontFamily: var(--salt-palette-text-fontFamily);
  - --salt-text-notation-fontFamily: var(--salt-typography-fontFamily);
  + --salt-text-notation-fontFamily: var(--salt-palette-text-fontFamily);
  - --salt-text-h1-fontFamily: var(--salt-typography-fontFamily);
  + --salt-text-h1-fontFamily: var(--salt-palette-text-fontFamily-heading);
  - --salt-text-h2-fontFamily: var(--salt-typography-fontFamily);
  + --salt-text-h2-fontFamily: var(--salt-palette-text-fontFamily-heading);
  - --salt-text-h3-fontFamily: var(--salt-typography-fontFamily);
  + --salt-text-h3-fontFamily: var(--salt-palette-text-fontFamily-heading);
  - --salt-text-h4-fontFamily: var(--salt-typography-fontFamily);
  + --salt-text-h4-fontFamily: var(--salt-palette-text-fontFamily-heading);
  - --salt-text-label-fontFamily: var(--salt-typography-fontFamily);
  + --salt-text-label-fontFamily: var(--salt-palette-text-fontFamily);
  - --salt-text-display1-fontFamily: var(--salt-typography-fontFamily);
  + --salt-text-display1-fontFamily: var(--salt-palette-text-fontFamily-heading);
  - --salt-text-display2-fontFamily: var(--salt-typography-fontFamily);
  + --salt-text-display2-fontFamily: var(--salt-palette-text-fontFamily-heading);
  - --salt-text-display3-fontFamily: var(--salt-typography-fontFamily);
  + --salt-text-display3-fontFamily: var(--salt-palette-text-fontFamily-heading);
  - --salt-text-code-fontFamily: var(--salt-typography-fontFamily-code);
  + --salt-text-code-fontFamily: var(--salt-palette-text-fontFamily-code);

  Deprecated below tokens, use replacement token instead

    --salt-typography-fontFamily: var(--salt-typography-fontFamily-openSans);
    --salt-typography-fontFamily-code: var(--salt-typography-fontFamily-ptMono);
  

• 3fa8b97: Updated global theme css font family pointing to text chractertics instead of foundation value

  - font-family: var(--salt-typography-fontFamily);
  + font-family: var(--salt-text-fontFamily);

@salt-ds/countries@1.3.1

Patch Changes

• 361edb3: Remove <countryCode>_Sharp entries in countryMetaMap. This was added incorrectly and makes using the map to convert between country codes and country names more difficult.
• af21bfb: Fixed saltSharpCountries.css not being shipped as part of the package.

@salt-ds/core@1.27.1

Patch Changes

• 067bc00: Make SegmentedButtonGroup CSS selectors apply divider styles only to .saltButton, preventing dividers appearing when using floating-ui components like Menu.
• 5ff98b5: Fixed ComboBox logging event errors in React 16.
• 8896143: Changed RadioButton's display to inline-flex so the hit area only covers the label.
• d972d20: Fixed Tooltip not displaying when the content prop value is falsy e.g. 0
• 8896143: Changed Checkbox's display to inline-flex so the hit area only covers the label.

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

Patch Changes

• 98d1a03: Fixed icon not displayed correctly when salt theme class is not applied first on a container (fixes #3351)
• 318515c: Fixed header background incorrectly referencing palette color (--salt-container-primary-background) instead of characterstics (--salt-container-primary-background)

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

Patch Changes

• 92bb63a: - fixed keyboard navigation between panel and dates in calendar

  • fixed highlight and today characteristics for previous months in calendar

• 894aaf0: Calendar fixes:

  • Fixed mozilla div focus bug https://bugzilla.mozilla.org/show_bug.cgi?id=1069739 and added aria label to calendar for accessibility improvement.
  • Prevent event defaults in keyboard navigation.

@salt-ds/icons@1.11.2

Patch Changes

• 298ec90: Fixed saltIcons.css not being shipped as part of the package.
  Fixed CSS icons not appearing.