@salt-ds/lab 1.0.0-alpha.80 → 1.0.0-alpha.81

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @salt-ds/lab
 
+## 1.0.0-alpha.81
+
+### Minor Changes
+
+- d86bccf: Removed `NumberInput` from labs and promoted to core.
+
+### Patch Changes
+
+- Updated dependencies [7d0dc56]
+- Updated dependencies [7d0dc56]
+- Updated dependencies [01e4bde]
+- Updated dependencies [d86bccf]
+- Updated dependencies [7d0dc56]
+  - @salt-ds/core@1.53.0
+
 ## 1.0.0-alpha.80
 
 ### Patch Changes

package/css/salt-lab.css

@@ -2347,233 +2347,6 @@
   align-items: flex-end;
 }
 
-/* src/number-input/NumberInput.css */
-.saltNumberInput {
-  --numberInput-border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--numberInput-borderColor);
-  --numberInput-borderColor: var(--salt-editable-borderColor);
-  --numberInput-borderStyle: var(--salt-borderStyle-solid);
-  --numberInput-outlineColor: var(--salt-focused-outlineColor);
-  --numberInput-borderWidth: var(--salt-size-fixed-100);
-  --numberInput-outline: none;
-  align-items: center;
-  background: var(--numberInput-background);
-  border-radius: var(--salt-palette-corner-weak, 0);
-  box-sizing: border-box;
-  color: var(--salt-content-primary-foreground);
-  display: inline-flex;
-  font-family: var(--salt-text-fontFamily);
-  font-size: var(--salt-text-fontSize);
-  gap: var(--salt-spacing-50);
-  height: var(--salt-size-base);
-  min-height: var(--salt-size-base);
-  min-width: 4em;
-  overflow: hidden;
-  outline: var(--numberInput-outline);
-  padding-left: var(--salt-spacing-100);
-  padding-right: var(--salt-spacing-50);
-  padding-top: var(--salt-spacing-50);
-  padding-bottom: var(--salt-spacing-50);
-  position: relative;
-  width: 100%;
-}
-.saltNumberInput:hover {
-  --numberInput-borderStyle: var(--salt-borderStyle-solid);
-  --numberInput-borderColor: var(--salt-editable-borderColor-hover);
-  background: var(--numberInput-background-hover);
-  cursor: var(--salt-cursor-text);
-}
-.saltNumberInput:active {
-  --numberInput-borderColor: var(--salt-editable-borderColor-active);
-  --numberInput-borderStyle: var(--salt-borderStyle-solid);
-  --numberInput-borderWidth: var(--salt-size-fixed-200);
-  background: var(--numberInput-background-active);
-}
-.saltNumberInput-primary {
-  --numberInput-background: var(--salt-editable-primary-background);
-  --numberInput-background-active: var(--salt-editable-primary-background-active);
-  --numberInput-background-hover: var(--salt-editable-primary-background-hover);
-  --numberInput-background-disabled: var(--salt-editable-primary-background-disabled);
-  --numberInput-background-readonly: var(--salt-editable-primary-background-readonly);
-}
-.saltNumberInput-secondary {
-  --numberInput-background: var(--salt-editable-secondary-background);
-  --numberInput-background-active: var(--salt-editable-secondary-background-active);
-  --numberInput-background-hover: var(--salt-editable-secondary-background-active);
-  --numberInput-background-disabled: var(--salt-editable-secondary-background-disabled);
-  --numberInput-background-readonly: var(--salt-editable-secondary-background-readonly);
-}
-.saltNumberInput-error,
-.saltNumberInput-error:hover {
-  --numberInput-background: var(--salt-status-error-background);
-  --numberInput-background-active: var(--salt-status-error-background);
-  --numberInput-background-hover: var(--salt-status-error-background);
-  --numberInput-borderColor: var(--salt-status-error-borderColor);
-  --numberInput-outlineColor: var(--salt-status-error-borderColor);
-  --numberInput-background-readonly: var(--salt-status-error-background);
-}
-.saltNumberInput-warning,
-.saltNumberInput-warning:hover {
-  --numberInput-background: var(--salt-status-warning-background);
-  --numberInput-background-active: var(--salt-status-warning-background);
-  --numberInput-background-hover: var(--salt-status-warning-background);
-  --numberInput-borderColor: var(--salt-status-warning-borderColor);
-  --numberInput-outlineColor: var(--salt-status-warning-borderColor);
-  --numberInput-background-readonly: var(--salt-status-warning-background);
-}
-.saltNumberInput-success,
-.saltNumberInput-success:hover {
-  --numberInput-background: var(--salt-status-success-background);
-  --numberInput-background-active: var(--salt-status-success-background);
-  --numberInput-background-hover: var(--salt-status-success-background);
-  --numberInput-borderColor: var(--salt-status-success-borderColor);
-  --numberInput-outlineColor: var(--salt-status-success-borderColor);
-  --numberInput-background-readonly: var(--salt-status-success-background);
-}
-.saltNumberInput-input {
-  background: none;
-  border: none;
-  box-sizing: content-box;
-  color: inherit;
-  cursor: inherit;
-  display: block;
-  flex: 1;
-  font: inherit;
-  letter-spacing: var(--salt-text-letterSpacing);
-  line-height: var(--salt-text-lineHeight);
-  margin: 0;
-  min-width: 0;
-  padding: 0;
-  text-align: var(--numberInput-textAlign);
-  width: 100%;
-}
-.saltNumberInput-input:focus {
-  outline: none;
-}
-.saltNumberInput-input::placeholder {
-  color: var(--salt-content-secondary-foreground);
-  font-weight: var(--salt-text-fontWeight-small);
-}
-.saltNumberInput-focused {
-  --numberInput-borderColor: var(--numberInput-outlineColor);
-  --numberInput-borderWidth: var(--salt-size-fixed-200);
-  outline: var(--saltNumberInput-outline, var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--numberInput-outlineColor));
-}
-.saltNumberInput-bordered {
-  --numberInput-border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--numberInput-borderColor);
-  --numberInput-borderWidth: 0;
-  border: var(--numberInput-border);
-}
-.saltNumberInput-bordered.saltNumberInput-focused,
-.saltNumberInput-bordered:active {
-  --numberInput-borderWidth: var(--salt-size-fixed-200);
-}
-.saltNumberInput-bordered.saltNumberInput-readOnly,
-.saltNumberInput-bordered.saltNumberInput-disabled:hover {
-  --numberInput-borderWidth: 0;
-}
-.saltNumberInput-bordered.saltNumberInput-focused:hover {
-  --numberInput-borderColor: var(--salt-editable-borderColor-active);
-}
-.saltNumberInput-readOnly,
-.saltNumberInput-bordered.saltNumberInput-readOnly {
-  --numberInput-borderColor: var(--salt-editable-borderColor-readonly);
-  --numberInput-borderStyle: var(--salt-borderStyle-solid);
-  --numberInput-borderWidth: var(--salt-size-fixed-100);
-  background: var(--numberInput-background-readonly);
-  cursor: var(--salt-cursor-readonly);
-}
-.saltNumberInput-focused.saltNumberInput-disabled {
-  --numberInput-borderWidth: var(--salt-size-fixed-100);
-  outline: none;
-}
-.saltNumberInput-focused.saltNumberInput-readOnly {
-  --numberInput-borderWidth: var(--salt-size-fixed-100);
-}
-.saltNumberInput:hover.saltNumberInput-readOnly {
-  --numberInput-borderColor: var(--salt-editable-borderColor-readonly);
-}
-.saltNumberInput-disabled .saltNumberInput-input::selection {
-  background: none;
-}
-.saltNumberInput-disabled,
-.saltNumberInput-disabled:hover,
-.saltNumberInput-disabled:active {
-  --numberInput-borderColor: var(--salt-editable-borderColor-disabled);
-  --numberInput-borderStyle: var(--salt-borderStyle-solid);
-  --numberInput-borderWidth: var(--salt-size-fixed-100);
-  background: var(--numberInput-background-disabled);
-  cursor: var(--salt-cursor-disabled);
-  color: var(--saltNumberInput-color-disabled, var(--salt-content-primary-foreground-disabled));
-}
-.saltNumberInput-startAdornmentContainer {
-  align-items: center;
-  display: inline-flex;
-  padding-right: var(--salt-spacing-100);
-  column-gap: var(--salt-spacing-100);
-}
-.saltNumberInput-endAdornmentContainer {
-  align-items: center;
-  display: inline-flex;
-  padding-left: var(--salt-spacing-100);
-  column-gap: var(--salt-spacing-100);
-}
-.saltNumberInput-startAdornmentContainer {
-  margin-left: calc(var(--salt-spacing-50) * -1);
-}
-.saltNumberInput-startAdornmentContainer > .saltButton,
-.saltNumberInput-endAdornmentContainer > .saltButton {
-  --saltButton-padding: calc(var(--salt-spacing-50) - var(--button-borderWidth));
-  --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-100));
-  --saltButton-borderRadius: var(--salt-palette-corner-weaker);
-}
-.saltNumberInput-inputTextAlignLeft {
-  --numberInput-textAlign: left;
-}
-.saltNumberInput-inputTextAlignCenter {
-  --numberInput-textAlign: center;
-}
-.saltNumberInput-inputTextAlignRight {
-  --numberInput-textAlign: right;
-}
-.saltNumberInput-buttonContainer {
-  --numberInput-buttonGap: var(--salt-spacing-fixed-200);
-  display: flex;
-  flex-direction: column;
-  gap: var(--numberInput-buttonGap);
-  justify-content: center;
-}
-.saltNumberInput-hiddenButtons .saltNumberInput-buttonContainer {
-  display: none;
-}
-.saltNumberInput-activationIndicator {
-  left: 0;
-  bottom: 0;
-  width: 100%;
-  position: absolute;
-  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--numberInput-borderColor);
-}
-.saltNumberInput-focused .saltNumberInput-activationIndicator {
-  border-bottom: var(--salt-size-fixed-200) var(--salt-borderStyle-solid) var(--salt-editable-borderColor-active);
-}
-.saltNumberInput-bordered.saltNumberInput-focused .saltNumberInput-activationIndicator {
-  border-bottom-width: var(--salt-size-fixed-100);
-}
-.saltNumberInput-bordered .saltNumberInput-activationIndicator,
-.saltNumberInput-readOnly.saltNumberInput-focused .saltNumberInput-activationIndicator {
-  border-bottom-width: 0;
-}
-.saltNumberInput-increment {
-  --saltButton-borderRadius: var(--salt-palette-corner-weaker, 0) var(--salt-palette-corner-weaker, 0) 0 0;
-}
-.saltNumberInput-decrement {
-  --saltButton-borderRadius: 0 0 var(--salt-palette-corner-weaker, 0) var(--salt-palette-corner-weaker, 0);
-}
-.saltNumberInput-increment,
-.saltNumberInput-decrement {
-  --saltButton-height: calc((var(--salt-size-base) - (var(--salt-spacing-50) * 2) - var(--salt-size-fixed-200)) / 2);
-  --saltButton-padding: calc(var(--salt-spacing-50) - var(--button-borderWidth));
-}
-
 /* src/query-input/QueryInput.css */
 .saltQueryInputBody {
   display: flex;
@@ -4573,4 +4346,4 @@ table.saltTable td.saltTable-td-align-right {
   margin: calc(var(--salt-size-unit) / 2) 0;
 }
 
-/* src/c4d6fb35-e9e4-405c-975e-b61bf84ed36e.css */
+/* src/1ad622a2-e21e-4df4-b3cb-21bb7de1ae85.css */

package/dist-cjs/index.js

@@ -105,7 +105,6 @@ var MenuButton = require('./menu-button/MenuButton.js');
 var Metric = require('./metric/Metric.js');
 var MetricContent = require('./metric/MetricContent.js');
 var MetricHeader = require('./metric/MetricHeader.js');
-var NumberInput = require('./number-input/NumberInput.js');
 var Portal = require('./portal/Portal.js');
 var QueryInput = require('./query-input/QueryInput.js');
 var useQueryInput = require('./query-input/useQueryInput.js');
@@ -279,8 +278,6 @@ exports.MenuButton = MenuButton.MenuButton;
 exports.Metric = Metric.Metric;
 exports.MetricContent = MetricContent.MetricContent;
 exports.MetricHeader = MetricHeader.MetricHeader;
-exports.NumberInput = NumberInput.NumberInput;
-exports.isOutOfRange = NumberInput.isOutOfRange;
 exports.Portal = Portal.Portal;
 exports.QueryInput = QueryInput.QueryInput;
 exports.useQueryInput = useQueryInput.useQueryInput;

package/dist-cjs/index.js.map

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

package/dist-es/index.js

@@ -103,7 +103,6 @@ export { MenuButton } from './menu-button/MenuButton.js';
 export { Metric } from './metric/Metric.js';
 export { MetricContent } from './metric/MetricContent.js';
 export { MetricHeader } from './metric/MetricHeader.js';
-export { NumberInput, isOutOfRange } from './number-input/NumberInput.js';
 export { Portal } from './portal/Portal.js';
 export { QueryInput } from './query-input/QueryInput.js';
 export { useQueryInput } from './query-input/useQueryInput.js';

package/dist-es/index.js.map

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

package/dist-types/index.d.ts

@@ -29,7 +29,6 @@ export * from "./localization-provider";
 export * from "./logo";
 export * from "./menu-button";
 export * from "./metric";
-export * from "./number-input";
 export * from "./portal";
 export * from "./query-input";
 export * from "./responsive";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.80",
+  "version": "1.0.0-alpha.81",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -21,7 +21,7 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.26.28",
-    "@salt-ds/core": "^1.52.1",
+    "@salt-ds/core": "^1.53.0",
     "@salt-ds/date-adapters": "0.1.0-alpha.6",
     "@salt-ds/icons": "^1.15.0",
     "@salt-ds/styles": "0.2.1",

package/dist-cjs/number-input/NumberInput.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = "/* Styles applied to number container */\n.saltNumberInput {\n  --numberInput-border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--numberInput-borderColor);\n  --numberInput-borderColor: var(--salt-editable-borderColor);\n  --numberInput-borderStyle: var(--salt-borderStyle-solid);\n  --numberInput-outlineColor: var(--salt-focused-outlineColor);\n  --numberInput-borderWidth: var(--salt-size-fixed-100);\n  --numberInput-outline: none;\n\n  align-items: center;\n  background: var(--numberInput-background);\n  border-radius: var(--salt-palette-corner-weak, 0);\n  box-sizing: border-box;\n  color: var(--salt-content-primary-foreground);\n  display: inline-flex;\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  gap: var(--salt-spacing-50);\n  height: var(--salt-size-base);\n  min-height: var(--salt-size-base);\n  min-width: 4em;\n  overflow: hidden;\n  outline: var(--numberInput-outline);\n  padding-left: var(--salt-spacing-100);\n  padding-right: var(--salt-spacing-50);\n  padding-top: var(--salt-spacing-50);\n  padding-bottom: var(--salt-spacing-50);\n  position: relative;\n  width: 100%;\n}\n\n.saltNumberInput:hover {\n  --numberInput-borderStyle: var(--salt-borderStyle-solid);\n  --numberInput-borderColor: var(--salt-editable-borderColor-hover);\n\n  background: var(--numberInput-background-hover);\n  cursor: var(--salt-cursor-text);\n}\n\n.saltNumberInput:active {\n  --numberInput-borderColor: var(--salt-editable-borderColor-active);\n  --numberInput-borderStyle: var(--salt-borderStyle-solid);\n  --numberInput-borderWidth: var(--salt-size-fixed-200);\n\n  background: var(--numberInput-background-active);\n}\n\n/* Class applied if `variant=\"primary\"` */\n.saltNumberInput-primary {\n  --numberInput-background: var(--salt-editable-primary-background);\n  --numberInput-background-active: var(--salt-editable-primary-background-active);\n  --numberInput-background-hover: var(--salt-editable-primary-background-hover);\n  --numberInput-background-disabled: var(--salt-editable-primary-background-disabled);\n  --numberInput-background-readonly: var(--salt-editable-primary-background-readonly);\n}\n\n/* Class applied if `variant=\"secondary\"` */\n.saltNumberInput-secondary {\n  --numberInput-background: var(--salt-editable-secondary-background);\n  --numberInput-background-active: var(--salt-editable-secondary-background-active);\n  --numberInput-background-hover: var(--salt-editable-secondary-background-active);\n  --numberInput-background-disabled: var(--salt-editable-secondary-background-disabled);\n  --numberInput-background-readonly: var(--salt-editable-secondary-background-readonly);\n}\n\n/* Style applied to input if `validationState=\"error\"` */\n.saltNumberInput-error,\n.saltNumberInput-error:hover {\n  --numberInput-background: var(--salt-status-error-background);\n  --numberInput-background-active: var(--salt-status-error-background);\n  --numberInput-background-hover: var(--salt-status-error-background);\n  --numberInput-borderColor: var(--salt-status-error-borderColor);\n  --numberInput-outlineColor: var(--salt-status-error-borderColor);\n  --numberInput-background-readonly: var(--salt-status-error-background);\n}\n\n/* Style applied to input if `validationState=\"warning\"` */\n.saltNumberInput-warning,\n.saltNumberInput-warning:hover {\n  --numberInput-background: var(--salt-status-warning-background);\n  --numberInput-background-active: var(--salt-status-warning-background);\n  --numberInput-background-hover: var(--salt-status-warning-background);\n  --numberInput-borderColor: var(--salt-status-warning-borderColor);\n  --numberInput-outlineColor: var(--salt-status-warning-borderColor);\n  --numberInput-background-readonly: var(--salt-status-warning-background);\n}\n\n/* Style applied to input if `validationState=\"success\"` */\n.saltNumberInput-success,\n.saltNumberInput-success:hover {\n  --numberInput-background: var(--salt-status-success-background);\n  --numberInput-background-active: var(--salt-status-success-background);\n  --numberInput-background-hover: var(--salt-status-success-background);\n  --numberInput-borderColor: var(--salt-status-success-borderColor);\n  --numberInput-outlineColor: var(--salt-status-success-borderColor);\n  --numberInput-background-readonly: var(--salt-status-success-background);\n}\n\n/* Style applied to inner input component */\n.saltNumberInput-input {\n  background: none;\n  border: none;\n  box-sizing: content-box;\n  color: inherit;\n  cursor: inherit;\n  display: block;\n  flex: 1;\n  font: inherit;\n  letter-spacing: var(--salt-text-letterSpacing);\n  line-height: var(--salt-text-lineHeight);\n  margin: 0;\n  min-width: 0;\n  padding: 0;\n  text-align: var(--numberInput-textAlign);\n  width: 100%;\n}\n\n.saltNumberInput-input:focus {\n  outline: none;\n}\n\n/* Style applied to placeholder text */\n.saltNumberInput-input::placeholder {\n  color: var(--salt-content-secondary-foreground);\n  font-weight: var(--salt-text-fontWeight-small);\n}\n\n/* Styling when focused */\n.saltNumberInput-focused {\n  --numberInput-borderColor: var(--numberInput-outlineColor);\n  --numberInput-borderWidth: var(--salt-size-fixed-200);\n\n  outline: var(--saltNumberInput-outline, var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--numberInput-outlineColor));\n}\n\n/* Style applied if `bordered={true}` */\n.saltNumberInput-bordered {\n  --numberInput-border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--numberInput-borderColor);\n  --numberInput-borderWidth: 0;\n\n  border: var(--numberInput-border);\n}\n\n/* Style applied if focused or active when `bordered={true}` */\n.saltNumberInput-bordered.saltNumberInput-focused,\n.saltNumberInput-bordered:active {\n  --numberInput-borderWidth: var(--salt-size-fixed-200);\n}\n\n/* Styling when focused if `disabled={true}` or `readOnly={true}` when `bordered={true}` */\n.saltNumberInput-bordered.saltNumberInput-readOnly,\n.saltNumberInput-bordered.saltNumberInput-disabled:hover {\n  --numberInput-borderWidth: 0;\n}\n\n/* Styling when focused and hovered when `bordered={true}` */\n.saltNumberInput-bordered.saltNumberInput-focused:hover {\n  --numberInput-borderColor: var(--salt-editable-borderColor-active);\n}\n\n/* Style applied if `readOnly={true}` */\n.saltNumberInput-readOnly,\n.saltNumberInput-bordered.saltNumberInput-readOnly {\n  --numberInput-borderColor: var(--salt-editable-borderColor-readonly);\n  --numberInput-borderStyle: var(--salt-borderStyle-solid);\n  --numberInput-borderWidth: var(--salt-size-fixed-100);\n\n  background: var(--numberInput-background-readonly);\n  cursor: var(--salt-cursor-readonly);\n}\n\n/* Styling when focused if `disabled={true}` */\n.saltNumberInput-focused.saltNumberInput-disabled {\n  --numberInput-borderWidth: var(--salt-size-fixed-100);\n  outline: none;\n}\n\n/* Styling when focused if `readOnly={true}` */\n.saltNumberInput-focused.saltNumberInput-readOnly {\n  --numberInput-borderWidth: var(--salt-size-fixed-100);\n}\n\n.saltNumberInput:hover.saltNumberInput-readOnly {\n  --numberInput-borderColor: var(--salt-editable-borderColor-readonly);\n}\n\n/* Style applied to selected input if `disabled={true}` */\n.saltNumberInput-disabled .saltNumberInput-input::selection {\n  background: none;\n}\n\n/* Style applied to input if `disabled={true}` */\n.saltNumberInput-disabled,\n.saltNumberInput-disabled:hover,\n.saltNumberInput-disabled:active {\n  --numberInput-borderColor: var(--salt-editable-borderColor-disabled);\n  --numberInput-borderStyle: var(--salt-borderStyle-solid);\n  --numberInput-borderWidth: var(--salt-size-fixed-100);\n\n  background: var(--numberInput-background-disabled);\n  cursor: var(--salt-cursor-disabled);\n  color: var(--saltNumberInput-color-disabled, var(--salt-content-primary-foreground-disabled));\n}\n\n/* Style applied to start adornments */\n.saltNumberInput-startAdornmentContainer {\n  align-items: center;\n  display: inline-flex;\n  padding-right: var(--salt-spacing-100);\n  column-gap: var(--salt-spacing-100);\n}\n\n/* Style applied to end adornments */\n.saltNumberInput-endAdornmentContainer {\n  align-items: center;\n  display: inline-flex;\n  padding-left: var(--salt-spacing-100);\n  column-gap: var(--salt-spacing-100);\n}\n\n.saltNumberInput-startAdornmentContainer {\n  margin-left: calc(var(--salt-spacing-50) * -1);\n}\n\n.saltNumberInput-startAdornmentContainer > .saltButton,\n.saltNumberInput-endAdornmentContainer > .saltButton {\n  --saltButton-padding: calc(var(--salt-spacing-50) - var(--button-borderWidth));\n  --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-100));\n  --saltButton-borderRadius: var(--salt-palette-corner-weaker);\n}\n\n.saltNumberInput-inputTextAlignLeft {\n  --numberInput-textAlign: left;\n}\n\n.saltNumberInput-inputTextAlignCenter {\n  --numberInput-textAlign: center;\n}\n\n.saltNumberInput-inputTextAlignRight {\n  --numberInput-textAlign: right;\n}\n\n/* --- Buttons --- */\n\n/* Styles applied to number buttons container */\n.saltNumberInput-buttonContainer {\n  --numberInput-buttonGap: var(--salt-spacing-fixed-200);\n  display: flex;\n  flex-direction: column;\n  gap: var(--numberInput-buttonGap);\n  justify-content: center;\n}\n\n.saltNumberInput-hiddenButtons .saltNumberInput-buttonContainer {\n  display: none;\n}\n\n.saltNumberInput-activationIndicator {\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  position: absolute;\n  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--numberInput-borderColor);\n}\n\n.saltNumberInput-focused .saltNumberInput-activationIndicator {\n  border-bottom: var(--salt-size-fixed-200) var(--salt-borderStyle-solid) var(--salt-editable-borderColor-active);\n}\n\n.saltNumberInput-bordered.saltNumberInput-focused .saltNumberInput-activationIndicator {\n  /* Activation indicator width minus the border from the number input. */\n  border-bottom-width: var(--salt-size-fixed-100);\n}\n\n.saltNumberInput-bordered .saltNumberInput-activationIndicator,\n.saltNumberInput-readOnly.saltNumberInput-focused .saltNumberInput-activationIndicator {\n  border-bottom-width: 0;\n}\n\n.saltNumberInput-increment {\n  --saltButton-borderRadius: var(--salt-palette-corner-weaker, 0) var(--salt-palette-corner-weaker, 0) 0 0;\n}\n\n.saltNumberInput-decrement {\n  --saltButton-borderRadius: 0 0 var(--salt-palette-corner-weaker, 0) var(--salt-palette-corner-weaker, 0);\n}\n\n/* Styles applied to number buttons */\n.saltNumberInput-increment,\n.saltNumberInput-decrement {\n  --saltButton-height: calc((var(--salt-size-base) - (var(--salt-spacing-50) * 2) - var(--salt-size-fixed-200)) / 2);\n  --saltButton-padding: calc(var(--salt-spacing-50) - var(--button-borderWidth));\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=NumberInput.css.js.map

package/dist-cjs/number-input/NumberInput.css.js.map

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