@salt-ds/[email protected]

Minor Changes

• 1d4d209: Added bordered prop to Dropdown. When set, a full border will be applied.

  <Dropdown bordered />

  Dropdown is updated to be an inline element, aligning with other form controls like Input.

• ad6f7b4: - Added indicatorSide to accordion to allow right alignment.

  • Removed arrow animation in accordion.
  • Changed direction of accordion's arrow to be consistent with salt's expandable components.
    • Changed direction when expanded=false from right to down.
    • Changed direction when expanded=true from down to up.

• b199888: Added bordered prop for ComboBox. When set, a full border will be applied.

  <ComboBox bordered>
    <Option value="Red" />
    <Option value="Blue" />
  </ComboBox>

  Added corner support for theme next.

Patch Changes

• b199888: Updated ComboBox to show validation status when it's in a read-only state.

• 1d4d209: Updated outline color & background when in focus/active state for validation status Dropdown to match the color of the status.

  Updated border color when in hover state for validation status Dropdown to match the color of the status.

  Added corner support for theme next for Dropdown.

  Updates focus styling for Dropdown. Focus ring is shown on focus instead of focus-visible.

• 59da3f3: Fixed invalid HTML structure in AccordionHeader.

• 904ffa1: Fixed file drop zone not allowing the same file to be selected via onChange of FileDropZoneTrigger.
  Updated first argument event type of onChange to ChangeEvent, to better align with underlying event.

  Closes #3591.

• db527bc: Fixed Menu showing behind Drawer (#3636).

@salt-ds/[email protected]

Minor Changes

• f89189d: Added theme tokens supporting action font switch.

  --salt-text-action-fontFamily: var(--salt-palette-text-fontFamily-action);
  
  --salt-palette-text-fontFamily-action: var(
    --salt-typography-fontFamily-openSans
  );
  --salt-palette-text-action-fontWeight: var(
    --salt-typography-fontWeight-semiBold
  );

  Updated --salt-text-action-fontWeight to use var(--salt-palette-text-action-fontWeight).

  In theme next, palette layer tokens can be switched between Open Sans and Amplitude.

  Closes #3528.

@salt-ds/[email protected]

Patch Changes

• 89c26bc: Fixed Icon as CSS background not working when another className is in front. Closes #3583.

@salt-ds/[email protected]

Patch Changes

• 4b35339: Exported EditorContext and CellFrame to create custom cell and cell editors

@salt-ds/[email protected]

Minor Changes

• 40e9372: Expose a CSS file that allows Salt to be used without runtime CSS injection.

  import "@salt-ds/countries/css/salt-countries.css";

@salt-ds/[email protected]

Minor Changes

• e35a976: Added Tag component to core. Tags are non-interactive visual adornments that represent metadata or keywords associated with content, drawing the user's attention to categories without requiring interaction.

    <Tag>Tag</Tag>
    <Tag bordered>Tag</Tag>
    <Tag variant="secondary">Tag</Tag>
    <Tag category={2}>Tag</Tag>

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

  <UNSTABLE_SaltProviderNext actionFont="Amplitude">
  

  Refer to documentation for more information.

• 0715454: Added ListBox component to core. ListBox allows the user to select an item from an array of options. Selected items are visually distinct from nonselected items. To ensure efficient space usage, long lists of items are in a scrolling pane that can provide access to options not immediately visible to the user.

  <ListBox>
    <Option value="red" />
    <Option value="orange" />
    <Option value="yellow" />
    <Option value="green" />
    <Option value="blue" />
    <Option value="indigo" />
    <Option value="violet" />
  </ListBox>

• 6cde7ea: Added Divider.

  <Divider />
  <Divider variant={variant} orientation={orientation} />

Patch Changes

• 4697c25: Fixed content alignment of Option, OptionGroup, MenuItem and MenuGroup.
• 0486cbc: Added line-height, letter-spacing and font-family to Dropdown, MenuItem, Option and OptionGroup.
• f125982: Fixed Combo Box not picking defaultValue when defaultSelected is not set. Closes #3579.
• 55e7ced: Fixed combo box can be focused when disabled. Fixes #3369

@salt-ds/[email protected]

Minor Changes

• c759347: Added visibleMonths to control the number of visible months in a range DatePicker. The supports values are 1 or 2 (default).

  <DatePicker selectionVariant="range" visibleMonths={1} />

• 6cde7ea: Removed Divider from lab and promoted to core.

Patch Changes

• 50b03f5: Fix Range date picker cursor position after selection

• ba1dc07: - Exposed input values in dateInput's onChange.

  <DatePicker onChange={(event, selectedDateInputValue: string | undefined) => {}}/>
  
   <DatePicker selectionVariant="range"
    onChange={(event, startDateInputValue: string | undefined, endDateInputValue: string | undefined) => {}}
  />

  • Removed startDate, defaultStartDate, endDate, and defaultEndDate in DatePicker.
  • Added selectedDate, defaultSelectedDate and defaultOpen in DatePicker.

@salt-ds/[email protected]

Patch Changes

• bbff185: Fixed column menu not scrollable when using certain bundler

@salt-ds/[email protected]

Minor Changes

• d0b6912: Added display 4 text tokens, which have the same value as display 3.

  In theme next, display sizes are remapped to reflect larger size than h1.

• 87791a1: Updated H1 font weight

  H1	Before	New
  Default	Bold	Semi bold
  Small	Medium	Regular
  Strong	Extra bold	Bold

  Added font weight in palette layer for display, heading, body and notation.

  + --salt-palette-text-display-fontWeight: var(--salt-typography-fontWeight-semiBold);
  + --salt-palette-text-display-fontWeight-small: var(--salt-typography-fontWeight-regular);
  + --salt-palette-text-display-fontWeight-strong: var(--salt-typography-fontWeight-bold);
  + --salt-palette-text-heading-fontWeight: var(--salt-typography-fontWeight-semiBold);
  + --salt-palette-text-heading-fontWeight-small: var(--salt-typography-fontWeight-regular);
  + --salt-palette-text-heading-fontWeight-strong: var(--salt-typography-fontWeight-bold);
  + --salt-palette-text-body-fontWeight: var(--salt-typography-fontWeight-regular);
  + --salt-palette-text-body-fontWeight-small: var(--salt-typography-fontWeight-light);
  + --salt-palette-text-body-fontWeight-strong: var(--salt-typography-fontWeight-semiBold);
  + --salt-palette-text-notation-fontWeight: var(--salt-typography-fontWeight-semiBold);
  + --salt-palette-text-notation-fontWeight-small: var(--salt-typography-fontWeight-regular);
  + --salt-palette-text-notation-fontWeight-strong: var(--salt-typography-fontWeight-bold);

  Wired text characteristics font weight to newly added palette tokens.

  In theme next, when Amplitude is used for heading, font weight will be adjusted accordingly.

• 400c730: - Added --salt-opacity-45: 0.45.

  • Updated --salt-palette-opacity-primary-border from var(--salt-opacity-40) to var(--salt-opacity-45).

• 416b7dd: Updated foundation color palette used in theme next due to color contrast concerns, below colors are impacted.

  --salt-color-blue-200
  --salt-color-blue-300
  --salt-color-blue-400
  --salt-color-blue-600
  --salt-color-blue-700
  --salt-color-blue-800
  --salt-color-blue-900
  --salt-color-green-200
  --salt-color-green-300
  --salt-color-green-400
  --salt-color-green-600
  --salt-color-green-700
  --salt-color-green-800
  --salt-color-green-900
  --salt-color-teal-200
  --salt-color-teal-300
  --salt-color-teal-400
  --salt-color-teal-600
  --salt-color-teal-700
  --salt-color-teal-800
  --salt-color-teal-900
  --salt-color-orange-200
  --salt-color-orange-300
  --salt-color-orange-400
  --salt-color-orange-500
  --salt-color-orange-600
  --salt-color-orange-700
  --salt-color-orange-800
  --salt-color-red-300
  --salt-color-red-400
  --salt-color-red-600
  --salt-color-red-700
  --salt-color-red-800
  --salt-color-red-900
  --salt-color-purple-200
  --salt-color-purple-300
  --salt-color-purple-400
  --salt-color-purple-600
  --salt-color-purple-700
  --salt-color-purple-800
  --salt-color-purple-900
  

• 081c82b: Added 20 groups of categorical palette and category characteristics tokens, e.g., cat 1 tokens

  Characteristics

  • --salt-category-1-subtle-foreground
  • --salt-category-1-subtle-background
  • --salt-category-1-subtle-borderColor
  • --salt-category-1-bold-background
  • --salt-category-1-bold-foreground

  Palette

  • --salt-palette-categorical-1
  • --salt-palette-categorical-1-strong
  • --salt-palette-categorical-1-weakest

@salt-ds/[email protected]

Minor Changes

• d0b6912: Added Display4 text.

  <Display4>text</Display>
  <Text styleAs="display4">text</Text>
  

  It will be using different size when used in SaltProvider and UNSTABLE_SaltProviderNext.

• c36e8a4: Added icon prop to Toast to allow for a custom icon

  <Toast icon={<InfoIcon />} status={"info"}>
    <ToastContent>
      <Text>
        <strong>Info with Custom Icon</strong>
      </Text>
      <div>Filters have been cleared</div>
    </ToastContent>
  </Toast>

• a0fff18: - Updated Input readonly state so that status adornment will be shown when validationStatus is set.

  • Added bordered prop for Input. When set, a full border will be applied.

  <Input bordered />

  • Updated MultilineInput readonly state so that status adornment will be shown and background color to match status color when validationStatus is set.
  • Added rounded corner support for MultilineInput, when used in theme next.

Patch Changes

• 72debf5: Fixed empty Switch label span being rendered. Closes #3505.
• 3b854ed: Fixed SegmentedButtonGroup incorrectly rounding when theme next is used and corner="rounded".