Version Packages

[github-actions]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@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 Ag grid theme sample code is not easy to follow #2972

Patch Changes

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

@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/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.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 Theme Next - Mapping for Teal CTA button #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.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
saltdesignsystem	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 24, 2024 4:21pm