@salt-ds/core 1.14.0 → 1.16.0

package/css/salt-core.css

@@ -42,6 +42,7 @@
 .saltAccordionHeader:disabled {
   background: var(--salt-actionable-secondary-background);
   color: var(--salt-content-primary-foreground-disabled);
+  cursor: var(--salt-actionable-cursor-disabled);
 }
 .saltAccordionHeader-icon {
   transition: transform var(--salt-duration-perceptible) ease-in-out;
@@ -350,10 +351,6 @@
   border-width: var(--salt-size-border);
   border-style: var(--salt-container-borderStyle);
   padding: var(--saltCard-padding, var(--salt-spacing-300));
-  font-family: var(--salt-text-fontFamily);
-  font-size: var(--salt-text-fontSize);
-  font-weight: var(--salt-text-fontWeight);
-  line-height: var(--salt-text-lineHeight);
 }
 .saltCard-primary {
   background: var(--saltCard-background, var(--salt-container-primary-background));
@@ -628,6 +625,43 @@ a:link .saltInteractableCard * {
   color: var(--salt-content-primary-foreground);
 }
 
+/* src/file-drop-zone/FileDropZone.css */
+.saltFileDropZone {
+  color: var(--saltFileDropZone-text-color, var(--salt-text-primary-foreground));
+  display: inline-flex;
+  background: var(--saltFileDropZone-background, var(--salt-container-primary-background));
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+  border: var(--saltFileDropZone-border, var(--salt-size-border-strong) var(--salt-target-borderStyle) var(--salt-container-primary-borderColor));
+  flex-direction: column;
+  padding: var(--salt-spacing-200);
+  gap: var(--salt-spacing-200);
+  width: 100%;
+  font-size: var(--saltFileDropZone-fontSize, var(--salt-text-fontSize));
+  font-family: var(--saltFileDropZone-fontFamily, var(--salt-text-fontFamily));
+  line-height: var(--saltFileDropZone-lineHeight, var(--salt-text-lineHeight));
+}
+.saltFileDropZone-active {
+  background: var(--salt-target-background-hover);
+  border: var(--salt-size-border-strong) var(--salt-target-borderStyle-hover) var(--salt-target-borderColor-hover);
+}
+.saltFileDropZone-error {
+  border: var(--salt-size-border-strong) var(--salt-target-borderStyle) var(--salt-status-error-borderColor);
+}
+.saltFileDropZone-success {
+  border: var(--salt-size-border-strong) var(--salt-target-borderStyle) var(--salt-status-success-borderColor);
+}
+.saltFileDropZone .input-hidden {
+  display: none;
+}
+.saltFileDropZone-disabled {
+  background: var(--salt-container-primary-background-disabled);
+  border: var(--salt-size-border-strong) var(--salt-target-borderStyle) var(--salt-container-primary-borderColor-disabled);
+  cursor: var(--salt-target-cursor-disabled);
+  color: var(--salt-content-primary-foreground-disabled);
+}
+
 /* src/flex-item/FlexItem.css */
 .saltFlexItem {
   --saltFlexItem-alignment: auto;
@@ -1258,6 +1292,205 @@ a:link .saltInteractableCard * {
   --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-100));
 }
 
+/* src/navigation-item/NavigationItem.css */
+.saltNavigationItem-wrapper {
+  display: flex;
+  gap: var(--salt-spacing-100);
+  align-items: center;
+  position: relative;
+  background: none;
+  border: none;
+  font-size: var(--salt-text-fontSize);
+  text-decoration: none;
+  cursor: var(--salt-selectable-cursor-hover);
+  transition: all var(--salt-duration-instant) ease-in-out;
+}
+.saltNavigationItem-rootItem {
+  font-weight: var(--salt-text-fontWeight-strong);
+}
+.saltNavigationItem-label .saltIcon {
+  top: var(--salt-spacing-25);
+}
+.saltNavigationItem-horizontal {
+  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100) * 2);
+  padding: 0 var(--salt-spacing-100);
+  width: fit-content;
+}
+.saltNavigationItem-vertical {
+  min-height: calc(var(--salt-size-base) + var(--salt-spacing-50) * 2);
+  padding-top: 0;
+  padding-bottom: 0;
+  padding-right: var(--salt-spacing-100);
+  padding-left: calc(var(--salt-spacing-300) * (min(var(--saltNavigationItem-level, 0) + 1, 2)));
+  width: 100%;
+}
+.saltNavigationItem-label {
+  color: var(--salt-content-primary-foreground);
+  line-height: var(--salt-text-lineHeight);
+  font-family: var(--salt-text-fontFamily);
+  padding-left: calc(var(--saltNavigationItem-level, 0) * var(--salt-spacing-100));
+  flex: 1;
+  text-align: left;
+  display: flex;
+  align-items: baseline;
+  gap: var(--salt-spacing-100);
+}
+.saltNavigationItem-horizontal {
+  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100) * 2);
+  padding: 0 var(--salt-spacing-100);
+  width: fit-content;
+}
+.saltNavigationItem-vertical {
+  --saltButton-margin: var(--salt-spacing-50) 0;
+  min-height: calc(var(--salt-size-base) + var(--salt-spacing-50) * 2);
+  padding-right: var(--salt-spacing-100);
+  padding-left: calc(var(--salt-spacing-300) * (min(var(--saltNavigationItem-level, 0) + 1, 2)));
+  width: 100%;
+}
+.saltNavigationItem-label {
+  color: var(--salt-content-primary-foreground);
+  line-height: var(--salt-text-lineHeight);
+  font-family: var(--salt-text-fontFamily);
+  padding-left: calc(var(--saltNavigationItem-level, 0) * var(--salt-spacing-100));
+  flex: 1;
+  text-align: left;
+  display: flex;
+  align-items: baseline;
+  gap: var(--salt-spacing-100);
+}
+.saltNavigationItem-label .saltBadge {
+  margin-left: auto;
+}
+.saltNavigationItem-wrapper:focus-visible {
+  outline: var(--salt-focused-outline);
+}
+.saltNavigationItem-wrapper:focus:not(:focus-visible) {
+  outline: 0;
+}
+.saltNavigationItem-wrapper::after {
+  content: "";
+  position: absolute;
+  top: var(--salt-spacing-25);
+  left: 0;
+  display: block;
+}
+.saltNavigationItem-horizontal::after {
+  width: 100%;
+  height: var(--salt-size-indicator);
+}
+.saltNavigationItem-vertical::after {
+  width: var(--salt-size-indicator);
+  left: var(--salt-spacing-25);
+  height: calc(100% - var(--salt-spacing-50));
+}
+.saltNavigationItem-wrapper:hover::after,
+.saltNavigationItem-wrapper:focus-visible::after {
+  background: var(--salt-navigable-indicator-hover);
+  transition: all var(--salt-duration-perceptible) ease-in-out;
+}
+.saltNavigationItem-active::after,
+.saltNavigationItem-active:hover::after,
+.saltNavigationItem-active:focus::after {
+  background: var(--salt-navigable-indicator-active);
+  transition: all var(--salt-duration-perceptible) ease-in-out;
+}
+
+/* src/pagination/CompactInput.css */
+.saltCompactInput {
+  --saltInput-paddingLeft: 0;
+  --saltInput-paddingRight: 0;
+}
+.saltCompactInput-defaultSize.saltInput {
+  --saltInput-minWidth: var(--salt-size-base);
+  width: var(--salt-size-base);
+}
+
+/* src/pagination/CompactPaginator.css */
+.saltCompactPaginator {
+  flex-wrap: nowrap;
+  display: flex;
+  gap: var(--salt-spacing-100);
+  align-items: center;
+}
+.saltCompactPaginator-arrowButton {
+  --saltButton-width: var(--salt-size-base);
+  --saltButton-height: var(--salt-size-base);
+  --saltButton-padding: var(--salt-spacing-100);
+}
+
+/* src/pagination/GoToInput.css */
+.saltGoToInput.saltFormField {
+  display: flex;
+  flex-direction: row;
+  gap: var(--salt-spacing-100);
+  align-items: baseline;
+  text-wrap: nowrap;
+}
+.saltGoToInput-input {
+  height: var(--salt-size-base);
+  --saltInput-minWidth: unset;
+}
+.saltGoToInput-inputDefaultSize {
+  --saltInput-minWidth: var(--salt-size-base);
+  max-width: var(--salt-size-base);
+  width: var(--salt-size-base);
+}
+
+/* src/pagination/PageButton.css */
+.saltPageButton {
+  --saltButton-minWidth: var(--salt-size-base);
+  --saltButton-fontWeight: var(--salt-text-fontWeight);
+  --saltButton-height: var(--salt-size-base);
+  --saltButton-text-color: var(--salt-content-primary-foreground);
+  --saltButton-background-active: var(--salt-selectable-background-selected);
+  --saltButton-text-color-active: var(--salt-content-primary-foreground);
+}
+.saltPageButton:hover,
+.saltPageButton:focus-visible {
+  --saltButton-background-hover: var(--salt-selectable-background-hover);
+}
+.saltPageButton:disabled {
+  --saltButton-text-color-disabled: var(--salt-content-secondary-foreground);
+  --saltButton-cursor-disabled: var(--salt-editable-cursor-readonly);
+}
+.saltPageButton-selected {
+  --saltButton-background: var(--salt-selectable-background-selected);
+}
+.saltPageButton-selected:focus-visible {
+  --saltButton-background-hover: var(--salt-selectable-background-selected);
+}
+.saltPageButton-fixed {
+  --saltButton-padding: 0;
+}
+
+/* src/pagination/PageRanges.css */
+.saltPageRanges-ellipsis {
+  display: inline-flex;
+  width: var(--salt-size-base);
+  height: var(--salt-size-base);
+  line-height: var(--salt-size-base);
+  justify-content: center;
+}
+
+/* src/pagination/Pagination.css */
+.saltPagination {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+/* src/pagination/Paginator.css */
+.saltPaginator {
+  display: flex;
+  flex-wrap: nowrap;
+}
+.saltPaginator-arrowButton-previous {
+  --saltButton-margin: 0 var(--salt-spacing-100) 0 0;
+}
+.saltPaginator-arrowButton-next {
+  --saltButton-margin: 0 0 0 var(--salt-spacing-100);
+}
+
 /* src/panel/Panel.css */
 .saltPanel-primary.saltPanel {
   --panel-background: var(--salt-container-primary-background);
@@ -1272,10 +1505,6 @@ a:link .saltInteractableCard * {
   overflow: auto;
   padding: var(--saltPanel-padding, var(--salt-size-container-spacing));
   width: var(--saltPanel-width, 100%);
-  font-family: var(--salt-text-fontFamily);
-  font-size: var(--salt-text-fontSize);
-  font-weight: var(--salt-text-fontWeight);
-  line-height: var(--salt-text-lineHeight);
 }
 
 /* src/pill/Pill.css */
@@ -1466,6 +1695,29 @@ a:link .saltInteractableCard * {
   display: contents;
 }
 
+/* src/scrim/Scrim.css */
+.saltScrim {
+  top: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  bottom: 0;
+  height: 100%;
+  display: flex;
+  z-index: calc(var(--salt-zIndex-drawer) - 1);
+  position: absolute;
+  align-items: center;
+  justify-content: center;
+  background: var(--saltScrim-background, var(--salt-overlayable-background));
+  -webkit-tap-highlight-color: transparent;
+}
+.saltScrim:focus {
+  outline: none;
+}
+.saltScrim-fixed {
+  position: fixed;
+}
+
 /* src/spinner/Spinner.css */
 .saltSpinner {
   position: relative;
@@ -2010,4 +2262,4 @@ label.saltText small,
   --tooltip-status-borderColor: var(--salt-status-success-borderColor);
 }
 
-/* src/db34249f-f078-49b5-82e2-7cf5b355cc79.css */
+/* src/5a631c50-4361-4f71-ba22-4406730ca401.css */

package/dist-cjs/accordion/AccordionHeader.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var css_248z = ".saltAccordionHeader {\n  display: flex;\n  gap: var(--salt-spacing-100);\n  padding: var(--salt-spacing-50) var(--salt-spacing-100);\n  align-items: center;\n  border: 0;\n  width: 100%;\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  background: var(--salt-actionable-secondary-background);\n  font-size: var(--salt-text-fontSize);\n  line-height: var(--salt-text-lineHeight);\n  font-family: var(--salt-text-fontFamily);\n  color: var(--salt-content-primary-foreground);\n  font-weight: var(--salt-text-fontWeight-strong);\n  text-align: left;\n  cursor: var(--salt-actionable-cursor-hover);\n}\n\n.saltAccordionHeader:focus-visible {\n  outline: var(--salt-focused-outline);\n  outline-offset: calc(-1 * var(--salt-focused-outlineWidth));\n}\n\n.saltAccordionHeader:disabled {\n  background: var(--salt-actionable-secondary-background);\n  color: var(--salt-content-primary-foreground-disabled);\n}\n\n.saltAccordionHeader-icon {\n  transition: transform var(--salt-duration-perceptible) ease-in-out;\n}\n\n.saltAccordionHeader[aria-expanded=\"true\"] > .saltAccordionHeader-icon {\n  transform: rotate(90deg);\n}\n\n.saltAccordionHeader-error {\n  background: var(--salt-status-error-background);\n}\n\n.saltAccordionHeader-error:focus-visible {\n  outline-color: var(--salt-status-error-borderColor);\n}\n\n.saltAccordionHeader-warning {\n  background: var(--salt-status-warning-background);\n}\n\n.saltAccordionHeader-warning:focus-visible {\n  outline-color: var(--salt-status-warning-borderColor);\n}\n\n.saltAccordionHeader-success {\n  background: var(--salt-status-success-background);\n}\n\n.saltAccordionHeader-success:focus-visible {\n  outline-color: var(--salt-status-error-borderColor);\n}\n\n.saltAccordionHeader .saltAccordionHeader-statusIndicator {\n  margin-left: auto;\n}\n";
+var css_248z = ".saltAccordionHeader {\n  display: flex;\n  gap: var(--salt-spacing-100);\n  padding: var(--salt-spacing-50) var(--salt-spacing-100);\n  align-items: center;\n  border: 0;\n  width: 100%;\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  background: var(--salt-actionable-secondary-background);\n  font-size: var(--salt-text-fontSize);\n  line-height: var(--salt-text-lineHeight);\n  font-family: var(--salt-text-fontFamily);\n  color: var(--salt-content-primary-foreground);\n  font-weight: var(--salt-text-fontWeight-strong);\n  text-align: left;\n  cursor: var(--salt-actionable-cursor-hover);\n}\n\n.saltAccordionHeader:focus-visible {\n  outline: var(--salt-focused-outline);\n  outline-offset: calc(-1 * var(--salt-focused-outlineWidth));\n}\n\n.saltAccordionHeader:disabled {\n  background: var(--salt-actionable-secondary-background);\n  color: var(--salt-content-primary-foreground-disabled);\n  cursor: var(--salt-actionable-cursor-disabled);\n}\n\n.saltAccordionHeader-icon {\n  transition: transform var(--salt-duration-perceptible) ease-in-out;\n}\n\n.saltAccordionHeader[aria-expanded=\"true\"] > .saltAccordionHeader-icon {\n  transform: rotate(90deg);\n}\n\n.saltAccordionHeader-error {\n  background: var(--salt-status-error-background);\n}\n\n.saltAccordionHeader-error:focus-visible {\n  outline-color: var(--salt-status-error-borderColor);\n}\n\n.saltAccordionHeader-warning {\n  background: var(--salt-status-warning-background);\n}\n\n.saltAccordionHeader-warning:focus-visible {\n  outline-color: var(--salt-status-warning-borderColor);\n}\n\n.saltAccordionHeader-success {\n  background: var(--salt-status-success-background);\n}\n\n.saltAccordionHeader-success:focus-visible {\n  outline-color: var(--salt-status-error-borderColor);\n}\n\n.saltAccordionHeader .saltAccordionHeader-statusIndicator {\n  margin-left: auto;\n}\n";
 
 module.exports = css_248z;
 //# sourceMappingURL=AccordionHeader.css.js.map

package/dist-cjs/card/Card.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var css_248z = "/* Styles applied to the root element */\n.saltCard {\n  box-shadow: var(--saltCard-boxShadow, var(--salt-overlayable-shadow));\n  border-width: var(--salt-size-border);\n  border-style: var(--salt-container-borderStyle);\n  padding: var(--saltCard-padding, var(--salt-spacing-300));\n\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n}\n\n.saltCard-primary {\n  background: var(--saltCard-background, var(--salt-container-primary-background));\n  border-color: var(--salt-container-primary-borderColor);\n}\n\n.saltCard-secondary {\n  background: var(--saltCard-background, var(--salt-container-secondary-background));\n  border-color: var(--salt-container-secondary-borderColor);\n}\n\n/*\n * **Deprecated:** The following styles are deprecated\n *  Use Interactable Card component instead\n *  for interactable styling\n */\n\n/* **Deprecated:** Styles applied if `interactable={true}` */\n.saltCard-interactable {\n  display: block;\n  transition: none;\n}\n\n/* **Deprecated:** Styles applied on hover if `interactable={true}` */\na:focus .saltCard-interactable,\n.saltCard-interactable:hover {\n  box-shadow: var(--saltCard-boxShadow-hover, var(--salt-overlayable-shadow-hover));\n  cursor: var(--saltCard-cursor-hover, var(--salt-selectable-cursor-hover));\n  position: relative;\n}\n\n/* **Deprecated:** Styles applied on active state if `interactable={true}` */\n.saltCard-interactable:active {\n  box-shadow: var(--saltCard-boxShadow-active, var(--salt-overlayable-shadow-hover));\n  outline: var(--salt-focused-outline);\n  outline-offset: var(--salt-focused-outlineOffset);\n}\n\n/* **Deprecated:** Styles applied on hover if `interactable={true}` and `disabled={true}` */\na:focus .saltCard-interactable.saltCard-disabled,\n.saltCard-interactable.saltCard-disabled:hover,\n.saltCard-interactable.saltCard-disabled:active {\n  box-shadow: var(--saltCard-boxShadow-disabled, var(--salt-overlayable-shadow));\n}\n\n/* **Deprecated:** Styles applied if `disabled={true}` */\n.saltCard-disabled,\n.saltCard-disabled.saltCard-interactable,\na:focus .saltCard-interactable.saltCard-disabled {\n  border-color: var(--salt-container-primary-borderColor-disabled);\n  color: var(--saltCard-color-disabled, var(--salt-content-primary-foreground-disabled));\n  cursor: var(--saltCard-cursor-disabled, var(--salt-selectable-cursor-disabled));\n  outline: none;\n}\n\n/* **Deprecated:** Styles applied to nested divs if `disabled={true}` */\n.saltCard-disabled div {\n  pointer-events: none;\n}\n";
+var css_248z = "/* Styles applied to the root element */\n.saltCard {\n  box-shadow: var(--saltCard-boxShadow, var(--salt-overlayable-shadow));\n  border-width: var(--salt-size-border);\n  border-style: var(--salt-container-borderStyle);\n  padding: var(--saltCard-padding, var(--salt-spacing-300));\n}\n\n.saltCard-primary {\n  background: var(--saltCard-background, var(--salt-container-primary-background));\n  border-color: var(--salt-container-primary-borderColor);\n}\n\n.saltCard-secondary {\n  background: var(--saltCard-background, var(--salt-container-secondary-background));\n  border-color: var(--salt-container-secondary-borderColor);\n}\n\n/*\n * **Deprecated:** The following styles are deprecated\n *  Use Interactable Card component instead\n *  for interactable styling\n */\n\n/* **Deprecated:** Styles applied if `interactable={true}` */\n.saltCard-interactable {\n  display: block;\n  transition: none;\n}\n\n/* **Deprecated:** Styles applied on hover if `interactable={true}` */\na:focus .saltCard-interactable,\n.saltCard-interactable:hover {\n  box-shadow: var(--saltCard-boxShadow-hover, var(--salt-overlayable-shadow-hover));\n  cursor: var(--saltCard-cursor-hover, var(--salt-selectable-cursor-hover));\n  position: relative;\n}\n\n/* **Deprecated:** Styles applied on active state if `interactable={true}` */\n.saltCard-interactable:active {\n  box-shadow: var(--saltCard-boxShadow-active, var(--salt-overlayable-shadow-hover));\n  outline: var(--salt-focused-outline);\n  outline-offset: var(--salt-focused-outlineOffset);\n}\n\n/* **Deprecated:** Styles applied on hover if `interactable={true}` and `disabled={true}` */\na:focus .saltCard-interactable.saltCard-disabled,\n.saltCard-interactable.saltCard-disabled:hover,\n.saltCard-interactable.saltCard-disabled:active {\n  box-shadow: var(--saltCard-boxShadow-disabled, var(--salt-overlayable-shadow));\n}\n\n/* **Deprecated:** Styles applied if `disabled={true}` */\n.saltCard-disabled,\n.saltCard-disabled.saltCard-interactable,\na:focus .saltCard-interactable.saltCard-disabled {\n  border-color: var(--salt-container-primary-borderColor-disabled);\n  color: var(--saltCard-color-disabled, var(--salt-content-primary-foreground-disabled));\n  cursor: var(--saltCard-cursor-disabled, var(--salt-selectable-cursor-disabled));\n  outline: none;\n}\n\n/* **Deprecated:** Styles applied to nested divs if `disabled={true}` */\n.saltCard-disabled div {\n  pointer-events: none;\n}\n";
 
 module.exports = css_248z;
 //# sourceMappingURL=Card.css.js.map

package/dist-cjs/file-drop-zone/FileDropZone.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltFileDropZone {\n  color: var(--saltFileDropZone-text-color, var(--salt-text-primary-foreground));\n  display: inline-flex;\n  background: var(--saltFileDropZone-background, var(--salt-container-primary-background));\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n  border: var(--saltFileDropZone-border, var(--salt-size-border-strong) var(--salt-target-borderStyle) var(--salt-container-primary-borderColor));\n  flex-direction: column;\n  padding: var(--salt-spacing-200);\n  gap: var(--salt-spacing-200);\n  width: 100%;\n  font-size: var(--saltFileDropZone-fontSize, var(--salt-text-fontSize));\n  font-family: var(--saltFileDropZone-fontFamily, var(--salt-text-fontFamily));\n  line-height: var(--saltFileDropZone-lineHeight, var(--salt-text-lineHeight));\n}\n\n.saltFileDropZone-active {\n  background: var(--salt-target-background-hover);\n  border: var(--salt-size-border-strong) var(--salt-target-borderStyle-hover) var(--salt-target-borderColor-hover);\n}\n\n/* Styles applied if `status=\"error\" */\n.saltFileDropZone-error {\n  border: var(--salt-size-border-strong) var(--salt-target-borderStyle) var(--salt-status-error-borderColor);\n}\n\n/* Styles applied if `status=\"success\" */\n.saltFileDropZone-success {\n  border: var(--salt-size-border-strong) var(--salt-target-borderStyle) var(--salt-status-success-borderColor);\n}\n\n.saltFileDropZone .input-hidden {\n  display: none;\n}\n\n/* Styles applied if `disabled={true}` */\n.saltFileDropZone-disabled {\n  background: var(--salt-container-primary-background-disabled);\n  border: var(--salt-size-border-strong) var(--salt-target-borderStyle) var(--salt-container-primary-borderColor-disabled);\n  cursor: var(--salt-target-cursor-disabled);\n  color: var(--salt-content-primary-foreground-disabled);\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=FileDropZone.css.js.map

package/dist-cjs/file-drop-zone/FileDropZone.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropZone.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist-cjs/file-drop-zone/FileDropZone.js

@@ -0,0 +1,99 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var React = require('react');
+var utils = require('./internal/utils.js');
+var window = require('@salt-ds/window');
+var styles = require('@salt-ds/styles');
+var FileDropZone$1 = require('./FileDropZone.css.js');
+var makePrefixer = require('../utils/makePrefixer.js');
+require('../utils/useFloatingUI/useFloatingUI.js');
+var useForkRef = require('../utils/useForkRef.js');
+require('../utils/useId.js');
+require('../salt-provider/SaltProvider.js');
+require('../viewport/ViewportProvider.js');
+
+const withBaseName = makePrefixer.makePrefixer("saltFileDropZone");
+const FileDropZone = React.forwardRef(
+  function FileDropZone2({
+    status,
+    className,
+    children,
+    disabled,
+    onDragOver,
+    onDragLeave,
+    onDrop,
+    ...restProps
+  }, ref) {
+    const targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "salt-file-drop-zone",
+      css: FileDropZone$1,
+      window: targetWindow
+    });
+    const [isActive, setActive] = React.useState(false);
+    const regionRef = React.useRef(null);
+    const handleRef = useForkRef.useForkRef(ref, regionRef);
+    const handleDragOver = (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      if (disabled) {
+        if (event.dataTransfer) {
+          event.dataTransfer.dropEffect = "none";
+        }
+        return;
+      }
+      if (event.dataTransfer) {
+        event.dataTransfer.dropEffect = "copy";
+      }
+      if (!isActive && utils.containsFiles(event)) {
+        setActive(true);
+      }
+      onDragOver == null ? void 0 : onDragOver(event);
+    };
+    const handleDragLeave = (event) => {
+      if (disabled) {
+        return;
+      }
+      const region = regionRef == null ? void 0 : regionRef.current;
+      const eventTarget = event.relatedTarget;
+      if (eventTarget !== region && !(region == null ? void 0 : region.contains(eventTarget))) {
+        setActive(false);
+      }
+      onDragLeave == null ? void 0 : onDragLeave(event);
+    };
+    const handleDrop = (event) => {
+      if (disabled) {
+        return;
+      }
+      event.preventDefault();
+      const files = utils.extractFiles(event);
+      setActive(false);
+      onDrop == null ? void 0 : onDrop(event, files);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx("div", {
+      className: clsx.clsx(
+        withBaseName(),
+        {
+          [withBaseName(status)]: status,
+          [withBaseName("active")]: isActive,
+          [withBaseName("disabled")]: disabled
+        },
+        className
+      ),
+      "aria-disabled": disabled,
+      onDragLeave: handleDragLeave,
+      onDragOver: handleDragOver,
+      onDrop: handleDrop,
+      ref: handleRef,
+      ...restProps,
+      children
+    });
+  }
+);
+
+exports.FileDropZone = FileDropZone;
+//# sourceMappingURL=FileDropZone.js.map

package/dist-cjs/file-drop-zone/FileDropZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropZone.js","sources":["../src/file-drop-zone/FileDropZone.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  DragEventHandler,\n  forwardRef,\n  DragEvent,\n  useRef,\n  useState,\n  ComponentPropsWithoutRef,\n} from \"react\";\nimport { containsFiles, extractFiles } from \"./internal/utils\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport fileDropZoneCss from \"./FileDropZone.css\";\nimport { ValidationStatus } from \"../status-indicator\";\nimport { makePrefixer, useForkRef } from \"../utils\";\n\nexport interface FileDropZoneProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"onDrop\"> {\n  /**\n   * If `true`, the file drop zone will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Status indicator to be displayed.\n   */\n  status?: Omit<ValidationStatus, \"info\" | \"warning\">;\n  /**\n   * Callback for on drop event\n   */\n  onDrop?: (event: DragEvent<HTMLDivElement>, files: File[]) => void;\n}\n\nconst withBaseName = makePrefixer(\"saltFileDropZone\");\n\nexport const FileDropZone = forwardRef<HTMLDivElement, FileDropZoneProps>(\n  function FileDropZone(\n    {\n      status,\n      className,\n      children,\n      disabled,\n      onDragOver,\n      onDragLeave,\n      onDrop,\n      ...restProps\n    },\n    ref\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-file-drop-zone\",\n      css: fileDropZoneCss,\n      window: targetWindow,\n    });\n    const [isActive, setActive] = useState(false);\n\n    const regionRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(ref, regionRef);\n\n    const handleDragOver: DragEventHandler<HTMLDivElement> = (event) => {\n      // Need to cancel the default events to allow drop\n      // https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#droptargets\n\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (disabled) {\n        if (event.dataTransfer) {\n          event.dataTransfer.dropEffect = \"none\";\n        }\n        return;\n      }\n      if (event.dataTransfer) {\n        event.dataTransfer.dropEffect = \"copy\";\n      }\n      if (!isActive && containsFiles(event)) {\n        setActive(true);\n      }\n      onDragOver?.(event);\n    };\n\n    const handleDragLeave: DragEventHandler<HTMLDivElement> = (event) => {\n      if (disabled) {\n        return;\n      }\n      const region = regionRef?.current;\n      const eventTarget = event.relatedTarget;\n      if (eventTarget !== region && !region?.contains(eventTarget as Node)) {\n        setActive(false);\n      }\n      onDragLeave?.(event);\n    };\n\n    const handleDrop: DragEventHandler<HTMLDivElement> = (event) => {\n      if (disabled) {\n        return;\n      }\n      event.preventDefault();\n      const files = extractFiles(event);\n      setActive(false);\n      onDrop?.(event, files);\n    };\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(status as string)]: status,\n            [withBaseName(\"active\")]: isActive,\n            [withBaseName(\"disabled\")]: disabled,\n          },\n          className\n        )}\n        aria-disabled={disabled}\n        onDragLeave={handleDragLeave}\n        onDragOver={handleDragOver}\n        onDrop={handleDrop}\n        ref={handleRef}\n        {...restProps}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","FileDropZone","useWindow","useComponentCssInjection","fileDropZoneCss","useState","useRef","useForkRef","containsFiles","extractFiles","jsx","clsx"],"mappings":"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"}

package/dist-cjs/file-drop-zone/FileDropZoneIcon.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var icons = require('@salt-ds/icons');
+var StatusIndicator = require('../status-indicator/StatusIndicator.js');
+
+const FileDropZoneIcon = React.forwardRef(function FileDropZoneIcon2({ status, size = 2, ...rest }, ref) {
+  const iconProps = {
+    ref,
+    size,
+    ...rest
+  };
+  return status ? /* @__PURE__ */ jsxRuntime.jsx(StatusIndicator.StatusIndicator, {
+    status,
+    ...iconProps
+  }) : /* @__PURE__ */ jsxRuntime.jsx(icons.UploadIcon, {
+    ...iconProps
+  });
+});
+
+exports.FileDropZoneIcon = FileDropZoneIcon;
+//# sourceMappingURL=FileDropZoneIcon.js.map

package/dist-cjs/file-drop-zone/FileDropZoneIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropZoneIcon.js","sources":["../src/file-drop-zone/FileDropZoneIcon.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { IconProps, UploadIcon } from \"@salt-ds/icons\";\nimport { StatusIndicator, ValidationStatus } from \"../status-indicator\";\n\nexport interface FileDropZoneIconProps extends IconProps {\n  /**\n   * Status indicator to be displayed.\n   */\n  status?: ValidationStatus;\n}\n\nexport const FileDropZoneIcon = forwardRef<\n  SVGSVGElement,\n  FileDropZoneIconProps\n>(function FileDropZoneIcon({ status, size = 2, ...rest }, ref) {\n  const iconProps = {\n    ref,\n    size,\n    ...rest,\n  };\n  return status ? (\n    <StatusIndicator status={status} {...iconProps} />\n  ) : (\n    <UploadIcon {...iconProps} />\n  );\n});\n"],"names":["forwardRef","FileDropZoneIcon","jsx","StatusIndicator","UploadIcon"],"mappings":";;;;;;;;;AAWa,MAAA,gBAAA,GAAmBA,gBAG9B,CAAA,SAASC,iBAAiB,CAAA,EAAE,QAAQ,IAAO,GAAA,CAAA,EAAA,GAAM,IAAK,EAAA,EAAG,GAAK,EAAA;AAC9D,EAAA,MAAM,SAAY,GAAA;AAAA,IAChB,GAAA;AAAA,IACA,IAAA;AAAA,IACA,GAAG,IAAA;AAAA,GACL,CAAA;AACA,EAAA,OAAO,yBACJC,cAAA,CAAAC,+BAAA,EAAA;AAAA,IAAgB,MAAA;AAAA,IAAiB,GAAG,SAAA;AAAA,GAAW,oBAE/CD,cAAA,CAAAE,gBAAA,EAAA;AAAA,IAAY,GAAG,SAAA;AAAA,GAAW,CAAA,CAAA;AAE/B,CAAC;;;;"}

package/dist-cjs/file-drop-zone/FileDropZoneTrigger.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+require('../utils/useFloatingUI/useFloatingUI.js');
+var useForkRef = require('../utils/useForkRef.js');
+require('../utils/useId.js');
+require('../salt-provider/SaltProvider.js');
+require('../viewport/ViewportProvider.js');
+require('clsx');
+var Button = require('../button/Button.js');
+
+const FileDropZoneTrigger = React.forwardRef(function FileDropZoneTrigger2({ accept, children, disabled, multiple = false, onChange, ...rest }, ref) {
+  const buttonRef = React.useRef(null);
+  const fileInputRef = React.useRef(null);
+  const triggerRef = useForkRef.useForkRef(ref, buttonRef);
+  const handleFocus = (event) => {
+    var _a;
+    event.stopPropagation();
+    (_a = buttonRef.current) == null ? void 0 : _a.focus();
+  };
+  const handleClick = (event) => {
+    var _a;
+    event.stopPropagation();
+    (_a = fileInputRef.current) == null ? void 0 : _a.click();
+  };
+  const handleChange = (event) => {
+    var _a;
+    const files = Array.from((_a = event.target.files) != null ? _a : []);
+    onChange == null ? void 0 : onChange(event, files);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
+        onClick: handleClick,
+        disabled,
+        ref: triggerRef,
+        ...rest,
+        children: children != null ? children : "Browse files"
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("input", {
+        accept,
+        className: "input-hidden",
+        disabled,
+        multiple,
+        onChange: handleChange,
+        onFocus: handleFocus,
+        ref: fileInputRef,
+        type: "file"
+      })
+    ]
+  });
+});
+
+exports.FileDropZoneTrigger = FileDropZoneTrigger;
+//# sourceMappingURL=FileDropZoneTrigger.js.map

package/dist-cjs/file-drop-zone/FileDropZoneTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropZoneTrigger.js","sources":["../src/file-drop-zone/FileDropZoneTrigger.tsx"],"sourcesContent":["import {\n  FocusEvent,\n  forwardRef,\n  HTMLAttributes,\n  SyntheticEvent,\n  useRef,\n} from \"react\";\nimport { useForkRef } from \"../utils\";\nimport { Button } from \"../button\";\n\nexport interface FileDropZoneTriggerProps\n  extends Omit<HTMLAttributes<HTMLButtonElement>, \"onChange\"> {\n  /**\n   * `accept` attribute for HTML <input>.\n   *\n   * A comma separated list of file types the user can pick from the file input dialog box.\n   */\n  accept?: string;\n  /**\n   * Disable all trigger elements.\n   */\n  disabled?: boolean;\n  /**\n   * Allows multiple files to be uploaded.\n   */\n  multiple?: boolean;\n  /**\n   * Callback for input change event\n   */\n  onChange?: (event: SyntheticEvent<HTMLInputElement>, files: File[]) => void;\n}\n\nexport const FileDropZoneTrigger = forwardRef<\n  HTMLButtonElement,\n  FileDropZoneTriggerProps\n>(function FileDropZoneTrigger(\n  { accept, children, disabled, multiple = false, onChange, ...rest },\n  ref\n) {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const triggerRef = useForkRef(ref, buttonRef);\n\n  // As an ADA requirement when dialog is closed and the focus is returned to the input, we need to\n  // move focus back on the button element so that all labels can be announced correctly\n  const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n    event.stopPropagation();\n    buttonRef.current?.focus();\n  };\n\n  const handleClick = (event: SyntheticEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    fileInputRef.current?.click();\n  };\n\n  const handleChange = (event: SyntheticEvent<HTMLInputElement>) => {\n    const files = Array.from((event.target as HTMLInputElement).files ?? []);\n    onChange?.(event, files);\n  };\n  return (\n    <>\n      <Button\n        onClick={handleClick}\n        disabled={disabled}\n        ref={triggerRef}\n        {...rest}\n      >\n        {children ?? \"Browse files\"}\n      </Button>\n      <input\n        accept={accept}\n        className=\"input-hidden\"\n        disabled={disabled}\n        multiple={multiple}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        ref={fileInputRef}\n        type=\"file\"\n      />\n    </>\n  );\n});\n"],"names":["forwardRef","FileDropZoneTrigger","useRef","useForkRef","jsxs","Fragment","jsx","Button"],"mappings":";;;;;;;;;;;;;;AAgCO,MAAM,mBAAsB,GAAAA,gBAAA,CAGjC,SAASC,oBAAAA,CACT,EAAE,MAAA,EAAQ,QAAU,EAAA,QAAA,EAAU,QAAW,GAAA,KAAA,EAAO,QAAa,EAAA,GAAA,IAAA,IAC7D,GACA,EAAA;AACA,EAAM,MAAA,SAAA,GAAYC,aAA0B,IAAI,CAAA,CAAA;AAChD,EAAM,MAAA,YAAA,GAAeA,aAAyB,IAAI,CAAA,CAAA;AAClD,EAAM,MAAA,UAAA,GAAaC,qBAAW,CAAA,GAAA,EAAK,SAAS,CAAA,CAAA;AAI5C,EAAM,MAAA,WAAA,GAAc,CAAC,KAAwC,KAAA;AA7C/D,IAAA,IAAA,EAAA,CAAA;AA8CI,IAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AACtB,IAAA,CAAA,EAAA,GAAA,SAAA,CAAU,YAAV,IAAmB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,EAAA,CAAA;AAAA,GACrB,CAAA;AAEA,EAAM,MAAA,WAAA,GAAc,CAAC,KAA6C,KAAA;AAlDpE,IAAA,IAAA,EAAA,CAAA;AAmDI,IAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AACtB,IAAA,CAAA,EAAA,GAAA,YAAA,CAAa,YAAb,IAAsB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,EAAA,CAAA;AAAA,GACxB,CAAA;AAEA,EAAM,MAAA,YAAA,GAAe,CAAC,KAA4C,KAAA;AAvDpE,IAAA,IAAA,EAAA,CAAA;AAwDI,IAAM,MAAA,KAAA,GAAQ,MAAM,IAAM,CAAA,CAAA,EAAA,GAAA,KAAA,CAAM,OAA4B,KAAlC,KAAA,IAAA,GAAA,EAAA,GAA2C,EAAE,CAAA,CAAA;AACvE,IAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAW,KAAO,EAAA,KAAA,CAAA,CAAA;AAAA,GACpB,CAAA;AACA,EACE,uBAAAC,eAAA,CAAAC,mBAAA,EAAA;AAAA,IACE,QAAA,EAAA;AAAA,sBAACC,cAAA,CAAAC,aAAA,EAAA;AAAA,QACC,OAAS,EAAA,WAAA;AAAA,QACT,QAAA;AAAA,QACA,GAAK,EAAA,UAAA;AAAA,QACJ,GAAG,IAAA;AAAA,QAEH,QAAY,EAAA,QAAA,IAAA,IAAA,GAAA,QAAA,GAAA,cAAA;AAAA,OACf,CAAA;AAAA,sBACCD,cAAA,CAAA,OAAA,EAAA;AAAA,QACC,MAAA;AAAA,QACA,SAAU,EAAA,cAAA;AAAA,QACV,QAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAU,EAAA,YAAA;AAAA,QACV,OAAS,EAAA,WAAA;AAAA,QACT,GAAK,EAAA,YAAA;AAAA,QACL,IAAK,EAAA,MAAA;AAAA,OACP,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/file-drop-zone/internal/utils.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const containsFiles = (e) => {
+  if (!e.dataTransfer) {
+    const target = e.target;
+    return target == null ? void 0 : target.files;
+  }
+  return Array.prototype.some.call(
+    e.dataTransfer.types,
+    (type) => type === "Files"
+  );
+};
+const extractFiles = (e) => {
+  var _a;
+  if (containsFiles(e)) {
+    if (e.dataTransfer) {
+      return Array.from(e.dataTransfer.files);
+    }
+    if (e.target) {
+      return Array.from((_a = e.target.files) != null ? _a : []);
+    }
+  }
+  return [];
+};
+
+exports.containsFiles = containsFiles;
+exports.extractFiles = extractFiles;
+//# sourceMappingURL=utils.js.map

package/dist-cjs/file-drop-zone/internal/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../src/file-drop-zone/internal/utils.ts"],"sourcesContent":["import { DragEvent } from \"react\";\n\nexport const containsFiles = (e: DragEvent) => {\n  if (!e.dataTransfer) {\n    const target = e.target as HTMLInputElement;\n    return target?.files;\n  }\n\n  return Array.prototype.some.call(\n    e.dataTransfer.types,\n    (type) => type === \"Files\"\n  );\n};\n\nexport const extractFiles = (e: DragEvent): File[] => {\n  if (containsFiles(e)) {\n    if (e.dataTransfer) {\n      return Array.from(e.dataTransfer.files);\n    }\n\n    if (e.target) {\n      return Array.from((e.target as HTMLInputElement).files ?? []);\n    }\n  }\n\n  return [];\n};\n"],"names":[],"mappings":";;;;AAEa,MAAA,aAAA,GAAgB,CAAC,CAAiB,KAAA;AAC7C,EAAI,IAAA,CAAC,EAAE,YAAc,EAAA;AACnB,IAAA,MAAM,SAAS,CAAE,CAAA,MAAA,CAAA;AACjB,IAAA,OAAO,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,KAAA,CAAA;AAAA,GACjB;AAEA,EAAO,OAAA,KAAA,CAAM,UAAU,IAAK,CAAA,IAAA;AAAA,IAC1B,EAAE,YAAa,CAAA,KAAA;AAAA,IACf,CAAC,SAAS,IAAS,KAAA,OAAA;AAAA,GACrB,CAAA;AACF,EAAA;AAEa,MAAA,YAAA,GAAe,CAAC,CAAyB,KAAA;AAdtD,EAAA,IAAA,EAAA,CAAA;AAeE,EAAI,IAAA,aAAA,CAAc,CAAC,CAAG,EAAA;AACpB,IAAA,IAAI,EAAE,YAAc,EAAA;AAClB,MAAA,OAAO,KAAM,CAAA,IAAA,CAAK,CAAE,CAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,KACxC;AAEA,IAAA,IAAI,EAAE,MAAQ,EAAA;AACZ,MAAA,OAAO,MAAM,IAAM,CAAA,CAAA,EAAA,GAAA,CAAA,CAAE,OAA4B,KAA9B,KAAA,IAAA,GAAA,EAAA,GAAuC,EAAE,CAAA,CAAA;AAAA,KAC9D;AAAA,GACF;AAEA,EAAA,OAAO,EAAC,CAAA;AACV;;;;;"}

package/dist-cjs/index.js

@@ -26,6 +26,9 @@ var InteractableCard = require('./card/InteractableCard.js');
 var Checkbox = require('./checkbox/Checkbox.js');
 var CheckboxGroup = require('./checkbox/CheckboxGroup.js');
 var CheckboxIcon = require('./checkbox/CheckboxIcon.js');
+var FileDropZone = require('./file-drop-zone/FileDropZone.js');
+var FileDropZoneIcon = require('./file-drop-zone/FileDropZoneIcon.js');
+var FileDropZoneTrigger = require('./file-drop-zone/FileDropZoneTrigger.js');
 var FlexItem = require('./flex-item/FlexItem.js');
 var FlexLayout = require('./flex-layout/FlexLayout.js');
 var FlowLayout = require('./flow-layout/FlowLayout.js');
@@ -39,11 +42,18 @@ var GridLayout = require('./grid-layout/GridLayout.js');
 var Input = require('./input/Input.js');
 var Link = require('./link/Link.js');
 var MultilineInput = require('./multiline-input/MultilineInput.js');
+var NavigationItem = require('./navigation-item/NavigationItem.js');
+var Pagination = require('./pagination/Pagination.js');
+var Paginator = require('./pagination/Paginator.js');
+var CompactInput = require('./pagination/CompactInput.js');
+var CompactPaginator = require('./pagination/CompactPaginator.js');
+var GoToInput = require('./pagination/GoToInput.js');
 var Panel = require('./panel/Panel.js');
 var Pill = require('./pill/Pill.js');
 var RadioButton = require('./radio-button/RadioButton.js');
 var RadioButtonGroup = require('./radio-button/RadioButtonGroup.js');
 var RadioButtonIcon = require('./radio-button/RadioButtonIcon.js');
+var Scrim = require('./scrim/Scrim.js');
 var Spinner = require('./spinner/Spinner.js');
 var StackLayout = require('./stack-layout/StackLayout.js');
 var StatusAdornment = require('./status-adornment/StatusAdornment.js');
@@ -117,6 +127,9 @@ exports.InteractableCard = InteractableCard.InteractableCard;
 exports.Checkbox = Checkbox.Checkbox;
 exports.CheckboxGroup = CheckboxGroup.CheckboxGroup;
 exports.CheckboxIcon = CheckboxIcon.CheckboxIcon;
+exports.FileDropZone = FileDropZone.FileDropZone;
+exports.FileDropZoneIcon = FileDropZoneIcon.FileDropZoneIcon;
+exports.FileDropZoneTrigger = FileDropZoneTrigger.FileDropZoneTrigger;
 exports.FLEX_ITEM_ALIGNMENTS = FlexItem.FLEX_ITEM_ALIGNMENTS;
 exports.FlexItem = FlexItem.FlexItem;
 exports.FLEX_ALIGNMENT_BASE = FlexLayout.FLEX_ALIGNMENT_BASE;
@@ -134,11 +147,18 @@ exports.GridLayout = GridLayout.GridLayout;
 exports.Input = Input.Input;
 exports.Link = Link.Link;
 exports.MultilineInput = MultilineInput.MultilineInput;
+exports.NavigationItem = NavigationItem.NavigationItem;
+exports.Pagination = Pagination.Pagination;
+exports.Paginator = Paginator.Paginator;
+exports.CompactInput = CompactInput.CompactInput;
+exports.CompactPaginator = CompactPaginator.CompactPaginator;
+exports.GoToInput = GoToInput.GoToInput;
 exports.Panel = Panel.Panel;
 exports.Pill = Pill.Pill;
 exports.RadioButton = RadioButton.RadioButton;
 exports.RadioButtonGroup = RadioButtonGroup.RadioButtonGroup;
 exports.RadioButtonIcon = RadioButtonIcon.RadioButtonIcon;
+exports.Scrim = Scrim.Scrim;
 exports.Spinner = Spinner.Spinner;
 exports.SpinnerSizeValues = Spinner.SpinnerSizeValues;
 exports.StackLayout = StackLayout.StackLayout;