@salutejs/plasma-new-hope 0.176.0-canary.1511.11555353496.0 → 0.176.0-canary.1513.11556365294.0

package/styled-components/cjs/components/NumberInput/ui/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ActionButton", {
-  enumerable: true,
-  get: function get() {
-    return _ActionButton.ActionButton;
-  }
-});
-Object.defineProperty(exports, "NumberInput", {
-  enumerable: true,
-  get: function get() {
-    return _Input.NumberInput;
-  }
-});
-var _ActionButton = /*#__PURE__*/require("./ActionButton/ActionButton");
-var _Input = /*#__PURE__*/require("./Input/Input");

package/styled-components/cjs/components/NumberInput/utils/index.js

@@ -1,7 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.numberPettern = void 0;
-var numberPettern = exports.numberPettern = /^(-)?\d+(\.\d+)?$/;

package/styled-components/cjs/components/NumberInput/variations/_background-type/base.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _NumberInput = /*#__PURE__*/require("../../NumberInput.tokens");
-var _Input = /*#__PURE__*/require("../../ui/Input/Input.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");&.", ":hover{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}}"], _Input.InputWrapper, _NumberInput.tokens.backgroundColor, _NumberInput.tokens.inputWrapperBorderWidth, _NumberInput.tokens.borderColor, _NumberInput.classes.manualInput, _NumberInput.tokens.backgroundColorHover, _NumberInput.tokens.inputWrapperBorderWidth, _NumberInput.tokens.borderColorHover);

package/styled-components/cjs/components/NumberInput/variations/_background-type/tokens.json

@@ -1,6 +0,0 @@
-[
-    "--plasma-number-input_background-color",
-    "--plasma-number-input_background-color-hover",
-    "--plasma-number-input_border-color",
-    "--plasma-number-input_border-color-hover"
-]

package/styled-components/cjs/components/NumberInput/variations/_disabled/base.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _NumberInput = /*#__PURE__*/require("../../NumberInput.tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&&.", "{pointer-events:none;opacity:var(", ");cursor:not-allowed;}"], _NumberInput.classes.disabled, _NumberInput.tokens.disabledOpacity);

package/styled-components/cjs/components/NumberInput/variations/_disabled/tokens.json

@@ -1,4 +0,0 @@
-{
-    "type": "boolean",
-    "tokens": ["--plasma-number-input_disabled-opacity"]
-}

package/styled-components/cjs/components/NumberInput/variations/_segmentation/base.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _NumberInput = /*#__PURE__*/require("../../NumberInput.tokens");
-var _ActionButton = /*#__PURE__*/require("../../ui/ActionButton/ActionButton.styles");
-var _Input = /*#__PURE__*/require("../../ui/Input/Input.styles");
-var _Spinner = /*#__PURE__*/require("../../../Spinner");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{border-radius:var(", ");}", "{", ":var(", ");&.", ",&.", "{", ":var(", ",var(", "));}&.", "{border-radius:var(", ") var(", ") var(", ") var(", ");}&.", "{border-radius:var(", ") var(", ") var(", ") var(", ");}}&.", "{", "{border-radius:var(", ");}}&.", "{position:relative;&:before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(100% - var(", ") * 2);height:100%;background:var(", ");}", "{position:relative;color:var(", ");&:not(", ").", ":focus-within{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}}&.", "{", "{&.", ",&.", "{:hover,:active{background-color:transparent;}}&.", ",&.", "{opacity:1;svg{opacity:var(", ");}:hover,:active{svg{opacity:var(", ");}}}}}", "{", ":var(", ");}", "{caret-color:var(", ",var(", "));&:not(.", "){color:var(", ");}}", "{color:var(", ");}}"], _Input.InputWrapper, _NumberInput.tokens.inputWrapperBorderRadius, _ActionButton.StyledIconButton, _NumberInput.privateTokens.segmentationBorderRadius, _NumberInput.tokens.iconButtonRadius, _NumberInput.classes.segmentedView, _NumberInput.classes.solidView, _NumberInput.privateTokens.segmentationBorderRadius, _NumberInput.tokens.iconButtonSegmentationRadius, _NumberInput.tokens.iconButtonRadius, _NumberInput.classes.actionButtonDecrement, _NumberInput.tokens.iconButtonRadius, _NumberInput.privateTokens.segmentationBorderRadius, _NumberInput.privateTokens.segmentationBorderRadius, _NumberInput.tokens.iconButtonRadius, _NumberInput.classes.actionButtonIncrement, _NumberInput.privateTokens.segmentationBorderRadius, _NumberInput.tokens.iconButtonRadius, _NumberInput.tokens.iconButtonRadius, _NumberInput.privateTokens.segmentationBorderRadius, _NumberInput.classes.segmentedView, _Input.InputWrapper, _NumberInput.tokens.iconButtonSegmentationRadius, _NumberInput.classes.solidView, _NumberInput.tokens.iconButtonWidth, _NumberInput.tokens.backgroundColorSolid, _Input.InputWrapper, _NumberInput.tokens.colorSolid, _NumberInput.classes.errorAnimation, _NumberInput.classes.manualInput, _NumberInput.tokens.backgroundColorSolidFocus, _NumberInput.tokens.inputWrapperBorderWidth, _NumberInput.tokens.borderColorSolidFocus, _NumberInput.classes.clearView, _ActionButton.StyledIconButton, _NumberInput.classes.actionButtonDecrementDisabled, _NumberInput.classes.actionButtonIncrementDisabled, _NumberInput.classes.actionButtonDecrementDisabled, _NumberInput.classes.actionButtonIncrementDisabled, _NumberInput.tokens.actionButtonDisabledOpacity, _NumberInput.tokens.actionButtonDisabledOpacity, _Input.StyledSpinner, _Spinner.spinnerTokens.color, _NumberInput.tokens.loaderSpinnerColorSolid, _Input.Input, _NumberInput.tokens.caretColorSolid, _NumberInput.tokens.caretColor, _NumberInput.classes.errorAnimation, _NumberInput.tokens.colorSolid, _Input.AdditionalText, _NumberInput.tokens.additionalTextColorSolid);

package/styled-components/cjs/components/NumberInput/variations/_segmentation/tokens.json

@@ -1 +0,0 @@
-["--plasma-number-input_icon-button_segmentation_radius", "--plasma-number-input_background-color-solid"]

package/styled-components/cjs/components/NumberInput/variations/_shape/base.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _NumberInput = /*#__PURE__*/require("../../NumberInput.tokens");
-var _IconButton = /*#__PURE__*/require("../../../IconButton");
-var _ActionButton = /*#__PURE__*/require("../../ui/ActionButton/ActionButton.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{", ":var(", ");}"], _ActionButton.StyledIconButton, _IconButton.iconButtonTokens.iconButtonRadius, _NumberInput.tokens.iconButtonRadius);

package/styled-components/cjs/components/NumberInput/variations/_shape/tokens.json

@@ -1 +0,0 @@
-["--plasma-number-input_icon-button_radius"]

package/styled-components/cjs/components/NumberInput/variations/_size/base.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _NumberInput = /*#__PURE__*/require("../../NumberInput.tokens");
-var _IconButton = /*#__PURE__*/require("../../../IconButton");
-var _ActionButton = /*#__PURE__*/require("../../ui/ActionButton/ActionButton.styles");
-var _Input = /*#__PURE__*/require("../../ui/Input/Input.styles");
-var _Spinner = /*#__PURE__*/require("../../../Spinner");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["width:var(", ");min-width:var(", ");", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}", "{margin:var(", ");}", "{height:var(", ");padding:var(", ");}", ",", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{&.", "{margin-right:var(", ");}&.", "{margin-left:var(", ");}}", "{", ":var(", ");}"], _NumberInput.privateTokens.inputWidth, _NumberInput.tokens.rootMinWidth, _ActionButton.StyledIconButton, _IconButton.iconButtonTokens.iconButtonHeight, _NumberInput.tokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _NumberInput.tokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _NumberInput.tokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonFontFamily, _NumberInput.tokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _NumberInput.tokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _NumberInput.tokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _NumberInput.tokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _NumberInput.tokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _NumberInput.tokens.iconButtonLineHeight, _Input.InputWrapper, _NumberInput.tokens.inputWrapperMargin, _Input.TextWrapper, _NumberInput.tokens.textWrapperHeight, _NumberInput.tokens.textWrapperPadding, _Input.DynamicInput, _Input.Input, _Input.AdditionalText, _NumberInput.tokens.fontFamily, _NumberInput.tokens.fontSize, _NumberInput.tokens.fontStyle, _NumberInput.tokens.fontWeight, _NumberInput.tokens.letterSpacing, _NumberInput.tokens.lineHeight, _Input.AdditionalText, _NumberInput.classes.textBefore, _NumberInput.tokens.textBeforeMarginRight, _NumberInput.classes.textAfter, _NumberInput.tokens.textAfterMarginLeft, _Input.StyledSpinner, _Spinner.spinnerTokens.size, _NumberInput.tokens.loaderSpinnerSize);

package/styled-components/cjs/components/NumberInput/variations/_size/tokens.json

@@ -1,22 +0,0 @@
-[
-    "--plasma-number-input_icon-button_height",
-    "--plasma-number-input_icon-button_width",
-    "--plasma-number-input_icon-button_padding",
-    "--plasma-number-input_icon-button_font-family",
-    "--plasma-number-input_icon-button_font-size",
-    "--plasma-number-input_icon-button_font-style",
-    "--plasma-number-input_icon-button_font-weight",
-    "--plasma-number-input_icon-button_letter-spacing",
-    "--plasma-number-input_icon-button_line-height",
-    "--plasma-number-input_font-family",
-    "--plasma-number-input_font-style",
-    "--plasma-number-input_font-size",
-    "--plasma-number-input_font-weight",
-    "--plasma-number-input_letter-spacing",
-    "--plasma-number-input_line-height",
-    "--plasma-number-input_text-wrapper_height",
-    "--plasma-number-input_text-wrapper_padding",
-    "--plasma-number-input_loader-spinner_size",
-    "--plasma-number-input_text-before_margin-right",
-    "--plasma-number-input_text-after_margin-left"
-]

package/styled-components/cjs/components/NumberInput/variations/_view/base.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _NumberInput = /*#__PURE__*/require("../../NumberInput.tokens");
-var _IconButton = /*#__PURE__*/require("../../../IconButton");
-var _ActionButton = /*#__PURE__*/require("../../ui/ActionButton/ActionButton.styles");
-var _Input = /*#__PURE__*/require("../../ui/Input/Input.styles");
-var _Spinner = /*#__PURE__*/require("../../../Spinner");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", ",&.", "{opacity:var(", ");cursor:not-allowed;:hover,:active{scale:none;color:var(", ");background-color:var(", ");}}}&& ", "{&.", ":focus-within{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&.", ".", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");animation:shakingError 0.5s forwards;", "{color:var(", ");animation:fadeError 0.5s forwards;}&:focus-within{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}}@keyframes shakingError{12.5%{transform:translateX(0.188rem);}25%{transform:translateX(-0.188rem);}37.5%{transform:translateX(0.188rem);}50%{transform:translateX(-0.188rem);}62.5%{transform:translateX(0.188rem);}75%{transform:translateX(-0.188rem);}87.5%{transform:translateX(0.188rem);}100%{transform:translateX(-0.188rem);}}@keyframes fadeError{50%{opacity:1;}100%{opacity:0;}}}", "{", ":var(", ");}", "{color:var(", ");caret-color:var(", ");}", "{color:var(", ");}"], _ActionButton.StyledIconButton, _IconButton.iconButtonTokens.iconButtonColor, _NumberInput.tokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _NumberInput.tokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _NumberInput.tokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _NumberInput.tokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _NumberInput.tokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, _NumberInput.tokens.iconButtonBackgroundColorActive, _NumberInput.classes.actionButtonDecrementDisabled, _NumberInput.classes.actionButtonIncrementDisabled, _NumberInput.tokens.actionButtonDisabledOpacity, _NumberInput.tokens.iconButtonColor, _NumberInput.tokens.iconButtonBackgroundColor, _Input.InputWrapper, _NumberInput.classes.manualInput, _NumberInput.tokens.backgroundColorFocus, _NumberInput.tokens.inputWrapperBorderWidth, _NumberInput.tokens.borderColorFocus, _NumberInput.classes.manualInput, _NumberInput.classes.errorAnimation, _NumberInput.tokens.backgroundErrorColor, _NumberInput.tokens.inputWrapperBorderWidth, _NumberInput.tokens.borderErrorColor, _Input.Input, _NumberInput.tokens.errorColor, _NumberInput.tokens.backgroundErrorColor, _NumberInput.tokens.inputWrapperBorderWidth, _NumberInput.tokens.borderErrorColor, _Input.StyledSpinner, _Spinner.spinnerTokens.color, _NumberInput.tokens.loaderSpinnerColor, _Input.Input, _NumberInput.tokens.color, _NumberInput.tokens.caretColor, _Input.AdditionalText, _NumberInput.tokens.additionalTextColor);

package/styled-components/cjs/components/NumberInput/variations/_view/tokens.json

@@ -1,14 +0,0 @@
-[
-    "--plasma-number-input_icon-button_color",
-    "--plasma-number-input_icon-button_background-color",
-    "--plasma-number-input_icon-button_color-hover",
-    "--plasma-number-input_icon-button_background-color-hover",
-    "--plasma-number-input_icon-button_color-active",
-    "--plasma-number-input_icon-button_background-color-active",
-    "--plasma-number-input_loader-spinner_color",
-    "--plasma-number-input_color",
-    "--plasma-number-input_additional-text_color",
-    "--plasma-number-input_action-button_disabled-opacity",
-    "--plasma-number-input_background-color-focus",
-    "--plasma-number-input_border-color-focus"
-]

package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.config.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _NumberInput = /*#__PURE__*/require("../../../../components/NumberInput");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'l',
-    shape: 'cornered',
-    inputBackgroundType: 'fill'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-tertiary);", ":var(--on-dark-text-tertiary);", ":var(--surface-transparent-secondary);", ":var(--on-dark-surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);", ":0.4;", ":inherit;", ":inherit;"], _NumberInput.numberInputTokens.caretColor, _NumberInput.numberInputTokens.errorColor, _NumberInput.numberInputTokens.backgroundErrorColor, _NumberInput.numberInputTokens.color, _NumberInput.numberInputTokens.colorSolid, _NumberInput.numberInputTokens.additionalTextColor, _NumberInput.numberInputTokens.additionalTextColorSolid, _NumberInput.numberInputTokens.backgroundColorFocus, _NumberInput.numberInputTokens.backgroundColorSolidFocus, _NumberInput.numberInputTokens.backgroundColorSolid, _NumberInput.numberInputTokens.iconButtonColor, _NumberInput.numberInputTokens.iconButtonBackgroundColor, _NumberInput.numberInputTokens.iconButtonColorHover, _NumberInput.numberInputTokens.iconButtonBackgroundColorHover, _NumberInput.numberInputTokens.iconButtonColorActive, _NumberInput.numberInputTokens.iconButtonBackgroundColorActive, _NumberInput.numberInputTokens.actionButtonDisabledOpacity, _NumberInput.numberInputTokens.loaderSpinnerColor, _NumberInput.numberInputTokens.loaderSpinnerColorSolid),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":0.4;", ":inherit;", ":inherit;"], _NumberInput.numberInputTokens.caretColor, _NumberInput.numberInputTokens.errorColor, _NumberInput.numberInputTokens.backgroundErrorColor, _NumberInput.numberInputTokens.color, _NumberInput.numberInputTokens.colorSolid, _NumberInput.numberInputTokens.additionalTextColor, _NumberInput.numberInputTokens.additionalTextColorSolid, _NumberInput.numberInputTokens.backgroundColorFocus, _NumberInput.numberInputTokens.backgroundColorSolidFocus, _NumberInput.numberInputTokens.backgroundColorSolid, _NumberInput.numberInputTokens.iconButtonColor, _NumberInput.numberInputTokens.iconButtonBackgroundColor, _NumberInput.numberInputTokens.iconButtonColorHover, _NumberInput.numberInputTokens.iconButtonBackgroundColorHover, _NumberInput.numberInputTokens.iconButtonColorActive, _NumberInput.numberInputTokens.iconButtonBackgroundColorActive, _NumberInput.numberInputTokens.actionButtonDisabledOpacity, _NumberInput.numberInputTokens.loaderSpinnerColor, _NumberInput.numberInputTokens.loaderSpinnerColorSolid),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--inverse-text-primary);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-tertiary);", ":var(--on-dark-text-tertiary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--surface-accent-hover);", ":var(--inverse-text-primary);", ":var(--surface-accent-active);", ":0.4;", ":inherit;", ":inherit;"], _NumberInput.numberInputTokens.caretColor, _NumberInput.numberInputTokens.caretColorSolid, _NumberInput.numberInputTokens.errorColor, _NumberInput.numberInputTokens.backgroundErrorColor, _NumberInput.numberInputTokens.color, _NumberInput.numberInputTokens.colorSolid, _NumberInput.numberInputTokens.additionalTextColor, _NumberInput.numberInputTokens.additionalTextColorSolid, _NumberInput.numberInputTokens.backgroundColorFocus, _NumberInput.numberInputTokens.backgroundColorSolidFocus, _NumberInput.numberInputTokens.backgroundColorSolid, _NumberInput.numberInputTokens.iconButtonColor, _NumberInput.numberInputTokens.iconButtonBackgroundColor, _NumberInput.numberInputTokens.iconButtonColorHover, _NumberInput.numberInputTokens.iconButtonBackgroundColorHover, _NumberInput.numberInputTokens.iconButtonColorActive, _NumberInput.numberInputTokens.iconButtonBackgroundColorActive, _NumberInput.numberInputTokens.actionButtonDisabledOpacity, _NumberInput.numberInputTokens.loaderSpinnerColor, _NumberInput.numberInputTokens.loaderSpinnerColorSolid),
-      clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--text-accent);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":0.4;", ":inherit;", ":inherit;"], _NumberInput.numberInputTokens.caretColor, _NumberInput.numberInputTokens.caretColorSolid, _NumberInput.numberInputTokens.errorColor, _NumberInput.numberInputTokens.backgroundErrorColor, _NumberInput.numberInputTokens.color, _NumberInput.numberInputTokens.colorSolid, _NumberInput.numberInputTokens.additionalTextColor, _NumberInput.numberInputTokens.additionalTextColorSolid, _NumberInput.numberInputTokens.backgroundColorFocus, _NumberInput.numberInputTokens.backgroundColorSolidFocus, _NumberInput.numberInputTokens.backgroundColorSolid, _NumberInput.numberInputTokens.iconButtonColor, _NumberInput.numberInputTokens.iconButtonBackgroundColor, _NumberInput.numberInputTokens.iconButtonColorHover, _NumberInput.numberInputTokens.iconButtonBackgroundColorHover, _NumberInput.numberInputTokens.iconButtonColorActive, _NumberInput.numberInputTokens.iconButtonBackgroundColorActive, _NumberInput.numberInputTokens.actionButtonDisabledOpacity, _NumberInput.numberInputTokens.loaderSpinnerColor, _NumberInput.numberInputTokens.loaderSpinnerColorSolid)
-    },
-    size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":11.75rem;", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.875rem;", ":0.375rem;", ":0 0.125rem;", ":0.875rem;", ":3.5rem;", ":1.063rem 1.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":0.25rem;", ":1.375rem;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":10.25rem;", ":3rem;", ":3rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.75rem;", ":0.25rem;", ":0 0.125rem;", ":0.75rem;", ":3rem;", ":0.875rem 1rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":0.25rem;", ":1.375rem;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":8.75rem;", ":2.5rem;", ":2.5rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.625rem;", ":0.25rem;", ":0 0.125rem;", ":0.625rem;", ":2.5rem;", ":0.688rem 0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":0.25rem;", ":1.375rem;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":6.875rem;", ":2rem;", ":2rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem;", ":0.125rem;", ":0 0.125rem;", ":0.5rem;", ":2rem;", ":0.563rem 0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":0.25rem;", ":1rem;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize)
-    },
-    shape: {
-      cornered: /*#__PURE__*/(0, _styledComponents.css)([""]),
-      pilled: /*#__PURE__*/(0, _styledComponents.css)(["", ":50%;"], _NumberInput.numberInputTokens.iconButtonRadius)
-    },
-    inputBackgroundType: {
-      fill: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary);"], _NumberInput.numberInputTokens.backgroundColor, _NumberInput.numberInputTokens.backgroundColorHover),
-      clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":transparent;"], _NumberInput.numberInputTokens.backgroundColor, _NumberInput.numberInputTokens.backgroundColorHover)
-    },
-    segmentation: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)([""]),
-      segmented: /*#__PURE__*/(0, _styledComponents.css)([""]),
-      solid: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;"], _NumberInput.numberInputTokens.iconButtonSegmentationRadius)
-    },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _NumberInput.numberInputTokens.disabledOpacity)
-    }
-  }
-};

package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NumberInput = void 0;
-var _NumberInput = /*#__PURE__*/require("../../../../components/NumberInput");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _NumberInput2 = /*#__PURE__*/require("./NumberInput.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_NumberInput.numberInputConfig, _NumberInput2.config);
-var NumberInput = exports.NumberInput = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx

@@ -1,108 +0,0 @@
-import React, { ComponentProps, useState } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-
-import { WithTheme } from '../../../_helpers';
-
-import { NumberInput } from './NumberInput';
-
-const onChange = action('onChange');
-const onDecrement = action('onDecrement');
-const onIncrement = action('onIncrement');
-
-const views = ['default', 'secondary', 'accent', 'clear'];
-const sizes = ['l', 'm', 's', 'xs'];
-const shapes = ['cornered', 'pilled'];
-const inputBackgroundTypes = ['fill', 'clear'];
-const segmentation = ['default', 'segmented', 'solid'];
-
-const meta: Meta<typeof NumberInput> = {
-    title: 'plasma_b2c/NumberInput',
-    component: NumberInput,
-    decorators: [WithTheme],
-    argTypes: {
-        min: {
-            control: {
-                type: 'number',
-            },
-        },
-        max: {
-            control: {
-                type: 'number',
-            },
-        },
-        view: {
-            options: views,
-            control: {
-                type: 'select',
-            },
-        },
-        size: {
-            options: sizes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        shape: {
-            options: shapes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        inputBackgroundType: {
-            options: inputBackgroundTypes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        segmentation: {
-            options: segmentation,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-};
-
-export default meta;
-
-type StoryPropsDefault = ComponentProps<typeof NumberInput>;
-
-const StoryDefault = (args: StoryPropsDefault) => {
-    const [value, setValue] = useState(5);
-
-    const handleChange = (_: any, newValue: number) => {
-        setValue(newValue);
-        onChange(newValue);
-    };
-
-    return (
-        <NumberInput
-            {...args}
-            value={value}
-            onChange={handleChange}
-            onDecrement={onDecrement}
-            onIncrement={onIncrement}
-        />
-    );
-};
-
-export const Default: StoryObj<StoryPropsDefault> = {
-    args: {
-        view: 'default',
-        size: 'l',
-        shape: 'cornered',
-        inputBackgroundType: 'fill',
-        segmentation: 'default',
-        min: 0,
-        max: 9,
-        step: 1,
-        width: 188,
-        isManualInput: false,
-        textBefore: '',
-        textAfter: '',
-        isLoading: false,
-        disabled: false,
-    },
-    render: StoryDefault,
-};

package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.config.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _NumberInput = /*#__PURE__*/require("../../../../components/NumberInput");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'l',
-    shape: 'cornered',
-    inputBackgroundType: 'fill'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--text-negative);", ":var(--surface-negative);", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-tertiary);", ":var(--on-dark-text-tertiary);", ":var(--surface-accent);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);", ":0.4;", ":inherit;", ":inherit;"], _NumberInput.numberInputTokens.caretColor, _NumberInput.numberInputTokens.errorColor, _NumberInput.numberInputTokens.borderErrorColor, _NumberInput.numberInputTokens.color, _NumberInput.numberInputTokens.colorSolid, _NumberInput.numberInputTokens.additionalTextColor, _NumberInput.numberInputTokens.additionalTextColorSolid, _NumberInput.numberInputTokens.borderColorFocus, _NumberInput.numberInputTokens.borderColorSolidFocus, _NumberInput.numberInputTokens.backgroundColorSolid, _NumberInput.numberInputTokens.iconButtonColor, _NumberInput.numberInputTokens.iconButtonBackgroundColor, _NumberInput.numberInputTokens.iconButtonColorHover, _NumberInput.numberInputTokens.iconButtonBackgroundColorHover, _NumberInput.numberInputTokens.iconButtonColorActive, _NumberInput.numberInputTokens.iconButtonBackgroundColorActive, _NumberInput.numberInputTokens.actionButtonDisabledOpacity, _NumberInput.numberInputTokens.loaderSpinnerColor, _NumberInput.numberInputTokens.loaderSpinnerColorSolid),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--text-negative);", ":var(--surface-negative);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--surface-accent);", ":var(--surface-accent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":0.4;", ":inherit;", ":inherit;"], _NumberInput.numberInputTokens.caretColor, _NumberInput.numberInputTokens.errorColor, _NumberInput.numberInputTokens.borderErrorColor, _NumberInput.numberInputTokens.color, _NumberInput.numberInputTokens.colorSolid, _NumberInput.numberInputTokens.additionalTextColor, _NumberInput.numberInputTokens.additionalTextColorSolid, _NumberInput.numberInputTokens.borderColorFocus, _NumberInput.numberInputTokens.borderColorSolidFocus, _NumberInput.numberInputTokens.backgroundColorSolid, _NumberInput.numberInputTokens.iconButtonColor, _NumberInput.numberInputTokens.iconButtonBackgroundColor, _NumberInput.numberInputTokens.iconButtonColorHover, _NumberInput.numberInputTokens.iconButtonBackgroundColorHover, _NumberInput.numberInputTokens.iconButtonColorActive, _NumberInput.numberInputTokens.iconButtonBackgroundColorActive, _NumberInput.numberInputTokens.actionButtonDisabledOpacity, _NumberInput.numberInputTokens.loaderSpinnerColor, _NumberInput.numberInputTokens.loaderSpinnerColorSolid),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--inverse-text-primary);", ":var(--text-negative);", ":var(--surface-negative);", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-tertiary);", ":var(--on-dark-text-tertiary);", ":var(--surface-accent);", ":var(--light-background-primary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--surface-accent-hover);", ":var(--inverse-text-primary);", ":var(--surface-accent-active);", ":0.4;", ":inherit;", ":inherit;"], _NumberInput.numberInputTokens.caretColor, _NumberInput.numberInputTokens.caretColorSolid, _NumberInput.numberInputTokens.errorColor, _NumberInput.numberInputTokens.borderErrorColor, _NumberInput.numberInputTokens.color, _NumberInput.numberInputTokens.colorSolid, _NumberInput.numberInputTokens.additionalTextColor, _NumberInput.numberInputTokens.additionalTextColorSolid, _NumberInput.numberInputTokens.borderColorFocus, _NumberInput.numberInputTokens.borderColorSolidFocus, _NumberInput.numberInputTokens.backgroundColorSolid, _NumberInput.numberInputTokens.iconButtonColor, _NumberInput.numberInputTokens.iconButtonBackgroundColor, _NumberInput.numberInputTokens.iconButtonColorHover, _NumberInput.numberInputTokens.iconButtonBackgroundColorHover, _NumberInput.numberInputTokens.iconButtonColorActive, _NumberInput.numberInputTokens.iconButtonBackgroundColorActive, _NumberInput.numberInputTokens.actionButtonDisabledOpacity, _NumberInput.numberInputTokens.loaderSpinnerColor, _NumberInput.numberInputTokens.loaderSpinnerColorSolid),
-      clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--text-negative);", ":var(--surface-negative);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--surface-accent);", ":var(--surface-accent);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":0.4;", ":inherit;", ":inherit;"], _NumberInput.numberInputTokens.caretColor, _NumberInput.numberInputTokens.errorColor, _NumberInput.numberInputTokens.borderErrorColor, _NumberInput.numberInputTokens.color, _NumberInput.numberInputTokens.colorSolid, _NumberInput.numberInputTokens.additionalTextColor, _NumberInput.numberInputTokens.additionalTextColorSolid, _NumberInput.numberInputTokens.borderColorFocus, _NumberInput.numberInputTokens.borderColorSolidFocus, _NumberInput.numberInputTokens.backgroundColorSolid, _NumberInput.numberInputTokens.iconButtonColor, _NumberInput.numberInputTokens.iconButtonBackgroundColor, _NumberInput.numberInputTokens.iconButtonColorHover, _NumberInput.numberInputTokens.iconButtonBackgroundColorHover, _NumberInput.numberInputTokens.iconButtonColorActive, _NumberInput.numberInputTokens.iconButtonBackgroundColorActive, _NumberInput.numberInputTokens.actionButtonDisabledOpacity, _NumberInput.numberInputTokens.loaderSpinnerColor, _NumberInput.numberInputTokens.loaderSpinnerColorSolid)
-    },
-    size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":11.75rem;", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.875rem;", ":0.375rem;", ":0 0.125rem;", ":0.875rem;", ":3.5rem;", ":0.063rem;", ":1.063rem 1.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":0.25rem;", ":1.375rem;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.inputWrapperBorderWidth, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":10.25rem;", ":3rem;", ":3rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.75rem;", ":0.25rem;", ":0 0.125rem;", ":0.75rem;", ":3rem;", ":0.063rem;", ":0.875rem 1rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":0.25rem;", ":1.375rem;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.inputWrapperBorderWidth, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":8.75rem;", ":2.5rem;", ":2.5rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.625rem;", ":0.25rem;", ":0 0.125rem;", ":0.625rem;", ":2.5rem;", ":0.063rem;", ":0.688rem 0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":0.25rem;", ":1.375rem;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.inputWrapperBorderWidth, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":6.875rem;", ":2rem;", ":2rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem;", ":0.125rem;", ":0 0.125rem;", ":0.5rem;", ":2rem;", ":0.063rem;", ":0.563rem 0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":0.25rem;", ":1rem;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.inputWrapperBorderWidth, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize)
-    },
-    shape: {
-      cornered: /*#__PURE__*/(0, _styledComponents.css)([""]),
-      pilled: /*#__PURE__*/(0, _styledComponents.css)(["", ":50%;"], _NumberInput.numberInputTokens.iconButtonRadius)
-    },
-    inputBackgroundType: {
-      fill: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);"], _NumberInput.numberInputTokens.borderColor, _NumberInput.numberInputTokens.borderColorHover),
-      clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":transparent;"], _NumberInput.numberInputTokens.borderColor, _NumberInput.numberInputTokens.borderColorHover)
-    },
-    segmentation: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)([""]),
-      segmented: /*#__PURE__*/(0, _styledComponents.css)([""]),
-      solid: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;"], _NumberInput.numberInputTokens.iconButtonSegmentationRadius)
-    },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _NumberInput.numberInputTokens.disabledOpacity)
-    }
-  }
-};

package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NumberInput = void 0;
-var _NumberInput = /*#__PURE__*/require("../../../../components/NumberInput");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _NumberInput2 = /*#__PURE__*/require("./NumberInput.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_NumberInput.numberInputConfig, _NumberInput2.config);
-var NumberInput = exports.NumberInput = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx

@@ -1,108 +0,0 @@
-import React, { ComponentProps, useState } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-
-import { WithTheme } from '../../../_helpers';
-
-import { NumberInput } from './NumberInput';
-
-const onChange = action('onChange');
-const onDecrement = action('onDecrement');
-const onIncrement = action('onIncrement');
-
-const views = ['default', 'secondary', 'accent', 'clear'];
-const sizes = ['l', 'm', 's', 'xs'];
-const shapes = ['cornered', 'pilled'];
-const inputBackgroundTypes = ['fill', 'clear'];
-const segmentation = ['default', 'segmented', 'solid'];
-
-const meta: Meta<typeof NumberInput> = {
-    title: 'plasma_web/NumberInput',
-    component: NumberInput,
-    decorators: [WithTheme],
-    argTypes: {
-        min: {
-            control: {
-                type: 'number',
-            },
-        },
-        max: {
-            control: {
-                type: 'number',
-            },
-        },
-        view: {
-            options: views,
-            control: {
-                type: 'select',
-            },
-        },
-        size: {
-            options: sizes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        shape: {
-            options: shapes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        inputBackgroundType: {
-            options: inputBackgroundTypes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        segmentation: {
-            options: segmentation,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-};
-
-export default meta;
-
-type StoryPropsDefault = ComponentProps<typeof NumberInput>;
-
-const StoryDefault = (args: StoryPropsDefault) => {
-    const [value, setValue] = useState(5);
-
-    const handleChange = (_: any, newValue: number) => {
-        setValue(newValue);
-        onChange(newValue);
-    };
-
-    return (
-        <NumberInput
-            {...args}
-            value={value}
-            onChange={handleChange}
-            onDecrement={onDecrement}
-            onIncrement={onIncrement}
-        />
-    );
-};
-
-export const Default: StoryObj<StoryPropsDefault> = {
-    args: {
-        view: 'default',
-        size: 'l',
-        shape: 'cornered',
-        inputBackgroundType: 'fill',
-        segmentation: 'default',
-        min: 0,
-        max: 9,
-        step: 1,
-        width: 188,
-        isManualInput: false,
-        textBefore: '',
-        textAfter: '',
-        isLoading: false,
-        disabled: false,
-    },
-    render: StoryDefault,
-};