@salt-ds/core 1.20.0 → 1.21.0

package/css/salt-core.css

@@ -668,6 +668,11 @@ a:link .saltInteractableCard * {
   color: var(--salt-content-primary-foreground);
 }
 
+/* src/combo-box/ComboBox.css */
+.saltComboBox-focused {
+  outline: var(--salt-focused-outline);
+}
+
 /* src/dialog/Dialog.css */
 .saltDialog {
   position: fixed;
@@ -924,6 +929,91 @@ a:link .saltInteractableCard * {
   margin-right: calc(var(--salt-spacing-300) * -1);
 }
 
+/* src/dropdown/Dropdown.css */
+.saltDropdown {
+  --dropdown-borderColor: var(--salt-editable-borderColor);
+  --dropdown-color: var(--salt-content-primary-foreground);
+  --dropdown-cursor: var(--salt-selectable-cursor-hover);
+}
+.saltDropdown {
+  all: unset;
+  box-sizing: border-box;
+  min-width: 4em;
+  width: 100%;
+  background: var(--dropdown-background);
+  cursor: var(--dropdown-cursor);
+  min-height: var(--salt-size-base);
+  border-bottom: var(--salt-size-border) var(--salt-editable-borderStyle) var(--dropdown-borderColor);
+  display: flex;
+  align-items: center;
+  padding: 0 var(--salt-spacing-100);
+  gap: var(--salt-spacing-100);
+  color: var(--dropdown-color);
+  font-family: var(--salt-text-fontFamily);
+  font-size: var(--salt-text-fontSize);
+  font-weight: var(--salt-text-fontWeight);
+}
+.saltDropdown:hover {
+  --dropdown-borderColor: var(--salt-editable-borderColor-hover);
+}
+.saltDropdown:focus-visible {
+  outline: var(--salt-focused-outline);
+  --dropdown-borderColor: var(--salt-editable-borderColor-hover);
+}
+.saltDropdown-content {
+  flex: 1;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-wrap: nowrap;
+}
+.saltDropdown-placeholder {
+  color: var(--salt-content-secondary-foreground);
+  font-weight: var(--salt-text-fontWeight-small);
+}
+.saltDropdown-primary {
+  --dropdown-background: var(--salt-editable-primary-background);
+}
+.saltDropdown-secondary {
+  --dropdown-background: var(--salt-editable-secondary-background);
+}
+.saltDropdown:disabled {
+  --dropdown-background: var(--salt-editable-primary-background-disabled);
+  --dropdown-borderColor: var(--salt-editable-borderColor-disabled);
+  --dropdown-color: var(--salt-content-primary-foreground-disabled);
+  --dropdown-cursor: var(--salt-selectable-cursor-disabled);
+}
+.saltDropdown[aria-readonly=true] {
+  --dropdown-background: var(--salt-editable-primary-background-readonly);
+  --dropdown-borderColor: var(--salt-editable-borderColor-readonly);
+  --dropdown-color: var(--salt-content-primary-foreground);
+  --dropdown-cursor: var(--salt-selectable-cursor-readonly);
+}
+.saltDropdown-error {
+  --dropdown-background: var(--salt-status-error-background);
+  --dropdown-borderColor: var(--salt-status-error-borderColor);
+}
+.saltDropdown-error .saltDropdown:focus-visible {
+  outline-color: var(--salt-status-error-borderColor);
+  --dropdown-borderColor: var(--salt-status-error-borderColor);
+}
+.saltDropdown-warning {
+  --dropdown-background: var(--salt-status-warning-background);
+  --dropdown-borderColor: var(--salt-status-warning-borderColor);
+}
+.saltDropdown-warning .saltDropdown:focus-visible {
+  outline-color: var(--salt-status-warning-borderColor);
+  --dropdown-borderColor: var(--salt-status-warning-borderColor);
+}
+.saltDropdown-success {
+  --dropdown-background: var(--salt-status-success-background);
+  --dropdown-borderColor: var(--salt-status-success-borderColor);
+}
+.saltDropdown-success .saltDropdown:focus-visible {
+  outline-color: var(--salt-status-success-borderColor);
+  --dropdown-borderColor: var(--salt-status-success-borderColor);
+}
+
 /* src/file-drop-zone/FileDropZone.css */
 .saltFileDropZone {
   color: var(--saltFileDropZone-text-color, var(--salt-text-primary-foreground));
@@ -1770,6 +1860,99 @@ a:link .saltInteractableCard * {
   transition: all var(--salt-duration-perceptible) ease-in-out;
 }
 
+/* src/option/Option.css */
+.saltOption {
+  color: var(--salt-content-primary-foreground);
+  background: var(--salt-selectable-background);
+  font-size: var(--salt-text-fontSize);
+  font-weight: var(--salt-text-fontWeight);
+  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
+  padding-left: var(--salt-spacing-100);
+  padding-right: var(--salt-spacing-100);
+  display: flex;
+  gap: var(--salt-spacing-100);
+  position: relative;
+  align-items: center;
+  cursor: var(--salt-selectable-cursor-hover);
+  box-sizing: border-box;
+}
+.saltOption-active {
+  background: var(--salt-selectable-background-hover);
+}
+.saltOption-focusVisible {
+  outline: var(--salt-focused-outline);
+  outline-offset: calc(var(--salt-size-border) * -2);
+}
+.saltOption:hover {
+  background: var(--salt-selectable-background-hover);
+}
+.saltOption[aria-selected=true] {
+  background: var(--salt-selectable-background-selected);
+}
+.saltOption[aria-selected=true]::before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: -1px;
+  bottom: -1px;
+  left: 0;
+  width: 100%;
+}
+.saltOption[aria-selected=true]::before {
+  border-top: var(--salt-size-border) var(--salt-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);
+  border-bottom: var(--salt-size-border) var(--salt-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);
+}
+.saltOption[aria-selected=true]:first-of-type::before {
+  border-top: unset;
+  top: 0;
+}
+.saltOption[aria-selected=true]:last-of-type::before {
+  border-bottom: unset;
+  bottom: 0;
+}
+.saltOption[aria-disabled=true] {
+  color: var(--salt-content-primary-foreground-disabled);
+  cursor: var(--salt-selectable-cursor-disabled);
+}
+
+/* src/option/OptionGroup.css */
+.saltOptionGroup-label {
+  background: var(--salt-container-primary-background);
+  color: var(--salt-text-secondary-foreground);
+  font-size: var(--salt-text-label-fontSize);
+  font-weight: var(--salt-text-label-fontWeight-strong);
+  height: calc(var(--salt-size-base) + var(--salt-spacing-100));
+  padding-left: var(--salt-spacing-100);
+  padding-right: var(--salt-spacing-100);
+  display: flex;
+  align-items: center;
+  position: sticky;
+  top: 0;
+  z-index: 2;
+}
+
+/* src/option/OptionList.css */
+.saltOptionList {
+  background: var(--salt-container-primary-background);
+  border: var(--salt-size-border) var(--salt-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);
+  overflow: hidden;
+  overflow-y: auto;
+  position: relative;
+  z-index: var(--salt-zIndex-flyover);
+  box-shadow: var(--salt-overlayable-shadow-popout);
+  box-sizing: border-box;
+}
+.saltOptionList-container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--salt-size-border);
+  max-height: inherit;
+  min-height: inherit;
+}
+.saltOptionList-collapsed {
+  display: none;
+}
+
 /* src/pagination/CompactInput.css */
 .saltCompactInput {
   --saltInput-paddingLeft: 0;
@@ -1930,6 +2113,223 @@ a:link .saltInteractableCard * {
   cursor: var(--salt-selectable-cursor-disabled);
 }
 
+/* src/pill-input/PillInput.css */
+.saltPillInput {
+  --input-borderColor: var(--salt-editable-borderColor);
+  --input-borderStyle: var(--salt-editable-borderStyle);
+  --input-outlineColor: var(--salt-focused-outlineColor);
+  --input-borderWidth: var(--salt-size-border);
+  align-items: center;
+  background: var(--saltInput-background, var(--input-background));
+  color: var(--saltInput-color, var(--salt-content-primary-foreground));
+  display: inline-flex;
+  font-family: var(--salt-text-fontFamily);
+  font-size: var(--saltInput-fontSize, var(--salt-text-fontSize));
+  line-height: var(--saltInput-lineHeight, var(--salt-text-lineHeight));
+  min-height: var(--saltInput-minHeight, var(--salt-size-base));
+  min-width: var(--saltInput-minWidth, 4em);
+  padding-left: var(--saltInput-paddingLeft, var(--salt-spacing-100));
+  padding-right: var(--saltInput-paddingRight, var(--salt-spacing-100));
+  position: relative;
+  width: 100%;
+  box-sizing: border-box;
+}
+.saltPillInput-truncate {
+  height: var(--salt-size-base);
+}
+.saltPillInput-truncate .saltPillInput-inputWrapper {
+  flex-wrap: nowrap;
+}
+.saltPillInput:hover {
+  --input-borderStyle: var(--salt-editable-borderStyle-hover);
+  --input-borderColor: var(--salt-editable-borderColor-hover);
+  background: var(--saltInput-background-hover, var(--input-background-hover));
+  cursor: var(--salt-editable-cursor-hover);
+}
+.saltPillInput:active {
+  --input-borderColor: var(--salt-editable-borderColor-active);
+  --input-borderStyle: var(--salt-editable-borderStyle-active);
+  --input-borderWidth: var(--salt-editable-borderWidth-active);
+  background: var(--saltInput-background-active, var(--input-background-active));
+  cursor: var(--salt-editable-cursor-active);
+}
+.saltPillInput-primary {
+  --input-background: var(--salt-editable-primary-background);
+  --input-background-active: var(--salt-editable-primary-background-active);
+  --input-background-hover: var(--salt-editable-primary-background-hover);
+  --input-background-disabled: var(--salt-editable-primary-background-disabled);
+  --input-background-readonly: var(--salt-editable-primary-background-readonly);
+}
+.saltPillInput-secondary {
+  --input-background: var(--salt-editable-secondary-background);
+  --input-background-active: var(--salt-editable-secondary-background-active);
+  --input-background-hover: var(--salt-editable-secondary-background-active);
+  --input-background-disabled: var(--salt-editable-secondary-background-disabled);
+  --input-background-readonly: var(--salt-editable-secondary-background-readonly);
+}
+.saltPillInput-error,
+.saltPillInput-error:hover {
+  --input-background: var(--salt-status-error-background);
+  --input-background-active: var(--salt-status-error-background);
+  --input-background-hover: var(--salt-status-error-background);
+  --input-borderColor: var(--salt-status-error-borderColor);
+  --input-outlineColor: var(--salt-status-error-borderColor);
+}
+.saltPillInput-warning,
+.saltPillInput-warning:hover {
+  --input-background: var(--salt-status-warning-background);
+  --input-background-active: var(--salt-status-warning-background);
+  --input-background-hover: var(--salt-status-warning-background);
+  --input-borderColor: var(--salt-status-warning-borderColor);
+  --input-outlineColor: var(--salt-status-warning-borderColor);
+}
+.saltPillInput-success,
+.saltPillInput-success:hover {
+  --input-background: var(--salt-status-success-background);
+  --input-background-active: var(--salt-status-success-background);
+  --input-background-hover: var(--salt-status-success-background);
+  --input-borderColor: var(--salt-status-success-borderColor);
+  --input-outlineColor: var(--salt-status-success-borderColor);
+}
+.saltPillInput-input {
+  background: none;
+  border: none;
+  box-sizing: content-box;
+  color: inherit;
+  cursor: inherit;
+  display: block;
+  flex: 1;
+  font: inherit;
+  height: 100%;
+  letter-spacing: var(--saltInput-letterSpacing, 0);
+  margin: 0;
+  min-width: 0;
+  overflow: hidden;
+  padding: 0;
+  text-align: var(--input-textAlign);
+  width: 100%;
+}
+.saltPillInput-input:focus {
+  outline: none;
+}
+.saltPillInput-input::selection {
+  background: var(--salt-content-foreground-highlight);
+}
+.saltPillInput-input::placeholder {
+  color: var(--salt-content-secondary-foreground);
+  font-weight: var(--salt-text-fontWeight-small);
+}
+.saltPillInput-focused {
+  --input-borderColor: var(--input-outlineColor);
+  --input-borderWidth: var(--salt-editable-borderWidth-active);
+  outline: var(--saltInput-outline, var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--input-outlineColor));
+}
+.saltPillInput.saltPillInput-readOnly {
+  --input-borderColor: var(--salt-editable-borderColor-readonly);
+  --input-borderStyle: var(--salt-editable-borderStyle-readonly);
+  --input-borderWidth: var(--salt-size-border);
+  background: var(--input-background-readonly);
+  cursor: var(--salt-editable-cursor-readonly);
+}
+.saltPillInput-focused.saltPillInput-disabled {
+  --input-borderWidth: var(--salt-size-border);
+  outline: none;
+}
+.saltPillInput-focused.saltPillInput-readOnly {
+  --input-borderWidth: var(--salt-size-border);
+}
+.saltPillInput-disabled .saltPillInput-input::selection {
+  background: none;
+}
+.saltPillInput.saltPillInput-disabled,
+.saltPillInput.saltPillInput-disabled:hover,
+.saltPillInput.saltPillInput-disabled:active {
+  --input-borderColor: var(--salt-editable-borderColor-disabled);
+  --input-borderStyle: var(--salt-editable-borderStyle-disabled);
+  --input-borderWidth: var(--salt-size-border);
+  background: var(--input-background-disabled);
+  cursor: var(--salt-editable-cursor-disabled);
+  color: var(--saltInput-color-disabled, var(--salt-content-primary-foreground-disabled));
+}
+.saltPillInput-activationIndicator {
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  position: absolute;
+  border-bottom: var(--input-borderWidth) var(--input-borderStyle) var(--input-borderColor);
+}
+.saltPillInput-startAdornmentContainer {
+  align-items: center;
+  display: inline-flex;
+  padding-right: var(--salt-spacing-100);
+  column-gap: var(--salt-spacing-100);
+}
+.saltPillInput-endAdornmentContainer {
+  align-items: center;
+  display: inline-flex;
+  padding-left: var(--salt-spacing-100);
+  padding-top: var(--salt-spacing-50);
+  column-gap: var(--salt-spacing-100);
+  align-self: flex-start;
+}
+.saltPillInput-readOnly .saltPillInput-startAdornmentContainer {
+  margin-left: var(--salt-spacing-50);
+}
+.saltPillInput-startAdornmentContainer .saltButton ~ .saltButton {
+  margin-left: calc(-1 * var(--salt-spacing-50));
+}
+.saltPillInput-endAdornmentContainer .saltButton ~ .saltButton {
+  margin-left: calc(-1 * var(--salt-spacing-50));
+}
+.saltPillInput-startAdornmentContainer .saltButton:first-child {
+  margin-left: calc(var(--salt-spacing-50) * -1);
+}
+.saltPillInput-endAdornmentContainer .saltButton:last-child {
+  margin-right: calc(var(--salt-spacing-50) * -1);
+}
+.saltPillInput-startAdornmentContainer > .saltButton,
+.saltPillInput-endAdornmentContainer > .saltButton {
+  --saltButton-padding: var(--salt-spacing-50);
+  --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-100));
+}
+.saltPillInput-inputWrapper {
+  display: flex;
+  gap: var(--salt-spacing-50);
+  align-items: center;
+  flex: 1;
+  padding: var(--salt-spacing-50) 0;
+  flex-wrap: wrap;
+  max-height: inherit;
+  height: inherit;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+.saltPillInput-pillList {
+  display: contents;
+}
+.saltPillInput .saltPill:focus-visible {
+  background: var(--salt-selectable-background-hover);
+  outline: none;
+}
+.saltPillInput .saltPill:hover {
+  background: var(--salt-selectable-background-hover);
+}
+.saltPillInput .saltPill:active {
+  background: var(--salt-actionable-primary-background-active);
+  --saltPill-color: var(--salt-actionable-primary-foreground-active);
+  --saltIcon-color: var(--salt-actionable-primary-foreground-active);
+}
+div[role=listitem] {
+  display: inline;
+}
+.saltPillInput-overflowIndicator {
+  width: calc(var(--salt-size-base) - var(--salt-spacing-100));
+  height: calc(var(--salt-size-base) - var(--salt-spacing-100));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 /* src/radio-button/RadioButton.css */
 .saltRadioButton {
   display: flex;
@@ -2669,21 +3069,37 @@ label.saltText small,
 .saltCircularProgress-track {
   inline-size: calc(var(--salt-size-base) * 3);
   block-size: calc(var(--salt-size-base) * 3);
-  border-style: var(--salt-track-borderStyle);
-  border-width: var(--salt-size-bar-small);
+  outline-style: var(--salt-track-borderStyle);
+  outline-width: var(--salt-size-bar);
+  outline-offset: calc(var(--salt-size-bar) * -1.5);
   border-radius: calc(var(--salt-size-base) * 3);
-  border-color: var(--salt-track-borderColor);
+  outline-color: var(--salt-track-borderColor);
   box-sizing: border-box;
 }
-.saltCircularProgress-bar {
+.saltCircularProgress-bar,
+.saltCircularProgress-bufferBorder,
+.saltCircularProgress-bufferBackground {
   inline-size: calc(var(--salt-size-base) * 3);
   block-size: calc(var(--salt-size-base) * 3);
-  border-style: var(--salt-track-borderStyle);
-  border-width: var(--salt-size-bar-strong);
   border-radius: calc(var(--salt-size-base) * 3);
-  border-color: var(--salt-accent-background);
   box-sizing: border-box;
 }
+.saltCircularProgress-bar {
+  border-color: var(--salt-accent-background);
+  border-style: var(--salt-track-borderStyle);
+  border-width: var(--salt-size-bar-strong);
+}
+.saltCircularProgress-bufferBorder {
+  border: solid var(--salt-size-border) var(--salt-accent-background);
+  outline: solid var(--salt-size-border) var(--salt-accent-background);
+  outline-offset: calc(var(--salt-size-bar-strong) * -1);
+}
+.saltCircularProgress-bufferBackground {
+  border: solid var(--salt-size-bar-strong) var(--salt-container-primary-background);
+  position: absolute;
+  bottom: 0;
+  z-index: calc(var(--salt-zIndex-default) * -1);
+}
 .saltCircularProgress-bars {
   position: absolute;
   inset-block-start: 0;
@@ -2691,26 +3107,50 @@ label.saltText small,
   inline-size: 100%;
   block-size: 100%;
 }
+.saltCircularProgress-bufferOverlayRight,
+.saltCircularProgress-bufferOverlayLeft,
 .saltCircularProgress-barOverlayRight,
-.saltCircularProgress-barOverlayLeft {
-  inline-size: 50%;
+.saltCircularProgress-barOverlayLeft,
+.saltCircularProgress-bufferSubOverlayRight,
+.saltCircularProgress-bufferSubOverlayLeft,
+.saltCircularProgress-barSubOverlayRight,
+.saltCircularProgress-barSubOverlayLeft {
   block-size: 100%;
   transform-origin: 100% center;
-  transform: rotate(180deg);
   overflow: hidden;
+}
+.saltCircularProgress-bufferOverlayRight,
+.saltCircularProgress-bufferOverlayLeft,
+.saltCircularProgress-barOverlayRight,
+.saltCircularProgress-barOverlayLeft {
+  inline-size: 50%;
+  transform: rotate(180deg);
   position: absolute;
 }
+.saltCircularProgress-bufferSubOverlayRight,
+.saltCircularProgress-bufferSubOverlayLeft,
 .saltCircularProgress-barSubOverlayRight,
 .saltCircularProgress-barSubOverlayLeft {
   inline-size: 100%;
-  block-size: 100%;
-  transform-origin: 100% center;
-  overflow: hidden;
   transform: rotate(-180deg);
 }
+.saltCircularProgress-bufferOverlayLeft,
 .saltCircularProgress-barOverlayLeft {
   transform: rotate(0deg);
 }
+.saltCircularProgress-bufferOverlayRight:before,
+.saltCircularProgress-bufferSubOverlay:before {
+  content: "";
+  background: var(--salt-accent-background);
+  position: absolute;
+  right: 0;
+  width: var(--salt-size-border);
+  height: var(--salt-size-bar-strong);
+}
+.saltCircularProgress-bufferOverlayRight:before {
+  bottom: 0;
+  z-index: var(--salt-zIndex-default);
+}
 
 /* src/progress/LinearProgress/LinearProgress.css */
 .saltLinearProgress {
@@ -2728,23 +3168,34 @@ label.saltText small,
   overflow: hidden;
   height: var(--salt-size-bar-strong);
 }
-.saltLinearProgress-bar {
-  width: 100%;
+.saltLinearProgress-bar,
+.saltLinearProgress-buffer {
   position: absolute;
   left: 0;
   bottom: 0;
   top: 0;
   transition: transform 0.2s linear;
   transform-origin: left;
+}
+.saltLinearProgress-buffer {
+  width: 0;
+  background: var(--salt-container-primary-background);
+  outline: solid var(--salt-size-border) var(--salt-accent-background);
+  z-index: var(--salt-zIndex-default);
+  outline-offset: calc(var(--salt-size-border) * -1);
+}
+.saltLinearProgress-bar {
+  width: 100%;
   background: var(--salt-accent-background);
-  z-index: 2;
+  z-index: calc(var(--salt-zIndex-default) * 2);
 }
 .saltLinearProgress-track {
   background: var(--salt-track-borderColor);
   width: 100%;
-  height: var(--salt-size-bar-small);
+  height: var(--salt-size-bar);
   position: absolute;
-  top: calc((var(--salt-size-bar-strong) - var(--salt-size-bar-small)) / 2);
+  top: calc((var(--salt-size-bar-strong) - var(--salt-size-bar)) / 2);
+  right: 0;
   transition: transform 0.2s linear;
   transform-origin: left;
 }
@@ -2755,4 +3206,4 @@ label.saltText small,
   padding-left: var(--salt-spacing-100);
 }
 
-/* src/4ac14efc-3221-403f-9025-57897d045d58.css */
+/* src/27680800-7be6-4fe8-984e-51d71cc3f624.css */

package/dist-cjs/accordion/Accordion.js

@@ -14,6 +14,81 @@ require('../utils/useFloatingUI/useFloatingUI.js');
 var useId = require('../utils/useId.js');
 require('../salt-provider/SaltProvider.js');
 require('../viewport/ViewportProvider.js');
+require('./AccordionGroup.js');
+require('./AccordionPanel.js');
+require('./AccordionHeader.js');
+require('../aria-announcer/AriaAnnouncerContext.js');
+require('../avatar/Avatar.js');
+require('../badge/Badge.js');
+require('../banner/Banner.js');
+require('../banner/BannerActions.js');
+require('../banner/BannerContent.js');
+require('../border-item/BorderItem.js');
+require('../border-layout/BorderLayout.js');
+require('../button/Button.js');
+require('../card/Card.js');
+require('../card/InteractableCard.js');
+require('../checkbox/Checkbox.js');
+require('../checkbox/CheckboxGroup.js');
+require('@salt-ds/icons');
+require('../combo-box/ComboBox.js');
+require('../dialog/Dialog.js');
+require('../status-indicator/StatusIndicator.js');
+require('../text/Text.js');
+require('../text/Display.js');
+require('../text/Headings.js');
+require('../text/Label.js');
+require('../text/TextNotation.js');
+require('../text/TextAction.js');
+require('../dialog/DialogContext.js');
+require('../dialog/DialogActions.js');
+require('../dialog/DialogContent.js');
+require('../dialog/DialogCloseButton.js');
+require('../drawer/Drawer.js');
+require('../drawer/DrawerCloseButton.js');
+require('../dropdown/Dropdown.js');
+require('../file-drop-zone/FileDropZone.js');
+require('../file-drop-zone/FileDropZoneIcon.js');
+require('../file-drop-zone/FileDropZoneTrigger.js');
+require('../flex-item/FlexItem.js');
+require('../flex-layout/FlexLayout.js');
+require('../flow-layout/FlowLayout.js');
+require('../form-field/FormField.js');
+require('../form-field-context/FormFieldContext.js');
+require('../grid-item/GridItem.js');
+require('../grid-layout/GridLayout.js');
+require('../input/Input.js');
+require('../link/Link.js');
+require('../link-card/LinkCard.js');
+require('../list-control/ListControlContext.js');
+require('../multiline-input/MultilineInput.js');
+require('../navigation-item/NavigationItem.js');
+require('../option/Option.js');
+require('../option/OptionGroup.js');
+require('../pagination/Pagination.js');
+require('../pagination/Paginator.js');
+require('../pagination/CompactInput.js');
+require('../pagination/CompactPaginator.js');
+require('../pagination/GoToInput.js');
+require('../panel/Panel.js');
+require('../pill/Pill.js');
+require('../progress/CircularProgress/CircularProgress.js');
+require('../progress/LinearProgress/LinearProgress.js');
+require('../radio-button/RadioButton.js');
+require('../radio-button/RadioButtonGroup.js');
+require('../scrim/Scrim.js');
+require('../spinner/Spinner.js');
+require('../stack-layout/StackLayout.js');
+require('../status-adornment/StatusAdornment.js');
+require('../toast/Toast.js');
+require('../toast/ToastContent.js');
+require('../split-layout/SplitLayout.js');
+require('../switch/Switch.js');
+require('../toggle-button/ToggleButton.js');
+require('../toggle-button-group/ToggleButtonGroup.js');
+require('../toggle-button-group/ToggleButtonGroupContext.js');
+require('../tooltip/Tooltip.js');
+require('@floating-ui/react');
 var Accordion$1 = require('./Accordion.css.js');
 
 const withBaseName = makePrefixer.makePrefixer("saltAccordion");

package/dist-cjs/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../src/accordion/Accordion.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, SyntheticEvent } from \"react\";\nimport { clsx } from \"clsx\";\nimport { AccordionContext } from \"./AccordionContext\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { makePrefixer, useControlled, useId } from \"../utils\";\nimport accordionCss from \"./Accordion.css\";\nexport interface AccordionProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * AccordionGroup value.\n   */\n  value: string;\n  /**\n   * Whether the accordion is expanded.\n   */\n  expanded?: boolean;\n  /**\n   * Whether the accordion is expanded by default.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * Callback fired when the accordion is toggled.\n   */\n  onToggle?: (event: SyntheticEvent<HTMLButtonElement>) => void;\n  /**\n   * Whether the accordion is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The status of the accordion.\n   */\n  status?: \"error\" | \"warning\" | \"success\";\n}\n\nconst withBaseName = makePrefixer(\"saltAccordion\");\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  function Accordion(props, ref) {\n    const {\n      className,\n      defaultExpanded,\n      expanded: expandedProp,\n      disabled,\n      id: idProp,\n      onToggle,\n      status,\n      value,\n      ...rest\n    } = props;\n\n    const id = useId(idProp);\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-accordion\",\n      css: accordionCss,\n      window: targetWindow,\n    });\n\n    const [expanded, setExpanded] = useControlled({\n      controlled: expandedProp,\n      default: Boolean(defaultExpanded),\n      name: \"Accordion\",\n      state: \"expanded\",\n    });\n\n    const toggle = (event: SyntheticEvent<HTMLButtonElement>) => {\n      setExpanded((prev) => !prev);\n      onToggle?.(event);\n    };\n\n    return (\n      <AccordionContext.Provider\n        value={{\n          value,\n          toggle,\n          expanded,\n          disabled: Boolean(disabled),\n          id: id ?? \"\",\n          status,\n        }}\n      >\n        <div\n          ref={ref}\n          className={clsx(\n            withBaseName(),\n            { [withBaseName(status ?? \"\")]: status },\n            className\n          )}\n          {...rest}\n        />\n      </AccordionContext.Provider>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","Accordion","useId","useWindow","useComponentCssInjection","accordionCss","useControlled","jsx","AccordionContext","clsx"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,MAAM,YAAA,GAAeA,0BAAa,eAAe,CAAA,CAAA;AAE1C,MAAM,SAAY,GAAAC,gBAAA;AAAA,EACvB,SAASC,UAAU,CAAA,KAAA,EAAO,GAAK,EAAA;AAC7B,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,eAAA;AAAA,MACA,QAAU,EAAA,YAAA;AAAA,MACV,QAAA;AAAA,MACA,EAAI,EAAA,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACG,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAM,MAAA,EAAA,GAAKC,YAAM,MAAM,CAAA,CAAA;AACvB,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,gBAAA;AAAA,MACR,GAAK,EAAAC,WAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIC,2BAAc,CAAA;AAAA,MAC5C,UAAY,EAAA,YAAA;AAAA,MACZ,OAAA,EAAS,QAAQ,eAAe,CAAA;AAAA,MAChC,IAAM,EAAA,WAAA;AAAA,MACN,KAAO,EAAA,UAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,MAAA,GAAS,CAAC,KAA6C,KAAA;AAC3D,MAAY,WAAA,CAAA,CAAC,IAAS,KAAA,CAAC,IAAI,CAAA,CAAA;AAC3B,MAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACb,CAAA;AAEA,IACE,uBAAAC,cAAA,CAACC,kCAAiB,QAAjB,EAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAA;AAAA,QACA,MAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA,EAAU,QAAQ,QAAQ,CAAA;AAAA,QAC1B,IAAI,EAAM,IAAA,IAAA,GAAA,EAAA,GAAA,EAAA;AAAA,QACV,MAAA;AAAA,OACF;AAAA,MAEA,QAAC,kBAAAD,cAAA,CAAA,KAAA,EAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAW,EAAAE,SAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb,EAAE,CAAC,YAAA,CAAa,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,EAAE,IAAI,MAAO,EAAA;AAAA,UACvC,SAAA;AAAA,SACF;AAAA,QACC,GAAG,IAAA;AAAA,OACN,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"version":3,"file":"Accordion.js","sources":["../src/accordion/Accordion.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, SyntheticEvent } from \"react\";\nimport { clsx } from \"clsx\";\nimport { AccordionContext } from \"./AccordionContext\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { makePrefixer, useControlled, useId } from \"../utils\";\nimport accordionCss from \"./Accordion.css\";\nexport interface AccordionProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * AccordionGroup value.\n   */\n  value: string;\n  /**\n   * Whether the accordion is expanded.\n   */\n  expanded?: boolean;\n  /**\n   * Whether the accordion is expanded by default.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * Callback fired when the accordion is toggled.\n   */\n  onToggle?: (event: SyntheticEvent<HTMLButtonElement>) => void;\n  /**\n   * Whether the accordion is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The status of the accordion.\n   */\n  status?: \"error\" | \"warning\" | \"success\";\n}\n\nconst withBaseName = makePrefixer(\"saltAccordion\");\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  function Accordion(props, ref) {\n    const {\n      className,\n      defaultExpanded,\n      expanded: expandedProp,\n      disabled,\n      id: idProp,\n      onToggle,\n      status,\n      value,\n      ...rest\n    } = props;\n\n    const id = useId(idProp);\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-accordion\",\n      css: accordionCss,\n      window: targetWindow,\n    });\n\n    const [expanded, setExpanded] = useControlled({\n      controlled: expandedProp,\n      default: Boolean(defaultExpanded),\n      name: \"Accordion\",\n      state: \"expanded\",\n    });\n\n    const toggle = (event: SyntheticEvent<HTMLButtonElement>) => {\n      setExpanded((prev) => !prev);\n      onToggle?.(event);\n    };\n\n    return (\n      <AccordionContext.Provider\n        value={{\n          value,\n          toggle,\n          expanded,\n          disabled: Boolean(disabled),\n          id: id ?? \"\",\n          status,\n        }}\n      >\n        <div\n          ref={ref}\n          className={clsx(\n            withBaseName(),\n            { [withBaseName(status ?? \"\")]: status },\n            className\n          )}\n          {...rest}\n        />\n      </AccordionContext.Provider>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","Accordion","useId","useWindow","useComponentCssInjection","accordionCss","useControlled","jsx","AccordionContext","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAM,YAAA,GAAeA,0BAAa,eAAe,CAAA,CAAA;AAE1C,MAAM,SAAY,GAAAC,gBAAA;AAAA,EACvB,SAASC,UAAU,CAAA,KAAA,EAAO,GAAK,EAAA;AAC7B,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,eAAA;AAAA,MACA,QAAU,EAAA,YAAA;AAAA,MACV,QAAA;AAAA,MACA,EAAI,EAAA,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACG,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAM,MAAA,EAAA,GAAKC,YAAM,MAAM,CAAA,CAAA;AACvB,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,gBAAA;AAAA,MACR,GAAK,EAAAC,WAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIC,2BAAc,CAAA;AAAA,MAC5C,UAAY,EAAA,YAAA;AAAA,MACZ,OAAA,EAAS,QAAQ,eAAe,CAAA;AAAA,MAChC,IAAM,EAAA,WAAA;AAAA,MACN,KAAO,EAAA,UAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,MAAA,GAAS,CAAC,KAA6C,KAAA;AAC3D,MAAY,WAAA,CAAA,CAAC,IAAS,KAAA,CAAC,IAAI,CAAA,CAAA;AAC3B,MAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACb,CAAA;AAEA,IACE,uBAAAC,cAAA,CAACC,kCAAiB,QAAjB,EAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAA;AAAA,QACA,MAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA,EAAU,QAAQ,QAAQ,CAAA;AAAA,QAC1B,IAAI,EAAM,IAAA,IAAA,GAAA,EAAA,GAAA,EAAA;AAAA,QACV,MAAA;AAAA,OACF;AAAA,MAEA,QAAC,kBAAAD,cAAA,CAAA,KAAA,EAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAW,EAAAE,SAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb,EAAE,CAAC,YAAA,CAAa,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,EAAE,IAAI,MAAO,EAAA;AAAA,UACvC,SAAA;AAAA,SACF;AAAA,QACC,GAAG,IAAA;AAAA,OACN,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}