Skip to content

Releases: jpmorganchase/salt-ds

@salt-ds/icons@1.12.1

24 Jun 17:05
dde7f26
Compare
Choose a tag to compare

Patch Changes

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

@salt-ds/data-grid@1.0.5

24 Jun 17:05
dde7f26
Compare
Choose a tag to compare

Patch Changes

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

@salt-ds/countries@1.4.0

24 Jun 17:05
dde7f26
Compare
Choose a tag to compare

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/core@1.30.0

24 Jun 17:04
dde7f26
Compare
Choose a tag to compare

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/lab@1.0.0-alpha.48

24 Jun 17:05
dde7f26
Compare
Choose a tag to compare
Pre-release

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/ag-grid-theme@1.4.3

20 Jun 09:47
b0ab054
Compare
Choose a tag to compare

Patch Changes

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

@salt-ds/theme@1.18.0

10 Jun 15:52
100f972
Compare
Choose a tag to compare

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/core@1.29.0

10 Jun 15:52
100f972
Compare
Choose a tag to compare

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".

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

10 Jun 15:52
100f972
Compare
Choose a tag to compare
Pre-release

Minor Changes

  • 400c730: Added Divider component—Divider provides a thin, unobtrusive line for grouping elements to reinforce visual hierarchy.

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

Patch Changes

  • a92c421: Fixed date picker shown behind dialog. Fixed #3471

@salt-ds/theme@1.17.0

31 May 17:47
16cc62a
Compare
Choose a tag to compare

Minor Changes

Patch Changes

  • 353e917: Updated status tokens for theme next to match latest design