@salutejs/plasma-new-hope 0.108.0-canary.1312.9993591826.0 → 0.109.0-canary.1233.10010303428.0

package/styled-components/es/examples/plasma_b2c/components/SelectNew/style.css

@@ -0,0 +1,36 @@
+.container {
+    width: 100%;
+}
+
+table {
+    border-collapse: collapse;
+    box-shadow: 0 0 20px rgba(0,0,0,0.1);
+}
+
+th,
+td {
+    padding: 15px;
+}
+
+th {
+    text-align: left;
+}
+
+table, th, td {
+    border: 1px solid lightgray;
+    border-collapse: collapse;
+}
+
+thead {
+    th {
+        background-color: #55608f;
+        color: #fff;
+    }
+}
+
+tbody {
+    td {
+        position: relative;
+
+    }
+}

package/styled-components/es/examples/plasma_web/components/Pagination/Pagination.config.js

@@ -8,9 +8,9 @@ export var config = {
   },
   variations: {
     view: {
-      secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 85% );", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 80% );", ":0.4;", ":var(--surface-clear);", ":var(--surface-solid-secondary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);"], paginationTokens.buttonColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonHoverColor, paginationTokens.buttonHoverBackgroundColor, paginationTokens.buttonActiveColor, paginationTokens.buttonActiveBackgroundColor, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor),
-      clear: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-clear) 95%);", ":var(--text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-clear) 90%);", ":0.4;", ":var(--surface-clear);", ":var(--surface-solid-card);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);"], paginationTokens.buttonColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonHoverColor, paginationTokens.buttonHoverBackgroundColor, paginationTokens.buttonActiveColor, paginationTokens.buttonActiveBackgroundColor, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor),
-      "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 80% );", ":0.4;", ":var(--surface-clear);", ":var(--surface-transparent-secondary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--text-primary);", ":var(--surface-accent);"], paginationTokens.buttonColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonHoverColor, paginationTokens.buttonHoverBackgroundColor, paginationTokens.buttonActiveColor, paginationTokens.buttonActiveBackgroundColor, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.selectBackgroundColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor)
+      "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--inverse-text-primary-hover);", ":var(--inverse-text-primary-active);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--surface-solid-default-active);", ":var(--inverse-text-primary);", ":var(--inverse-text-secondary);", ":var(--inverse-text-secondary-hover);", ":var(--inverse-text-secondary-hover);", ":0.4;", ":var(--surface-clear);", ":var(--surface-transparent-secondary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--text-primary);", ":var(--surface-accent);"], paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.selectBackgroundColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor),
+      secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--surface-transparent-secondary-active);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-hover);", ":0.4;", ":var(--surface-clear);", ":var(--surface-solid-secondary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);"], paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor),
+      clear: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":var(--surface-clear);", ":var(--surface-clear);", ":var(--surface-clear);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-hover);", ":0.4;", ":var(--surface-clear);", ":var(--surface-solid-card);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);"], paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor)
     },
     viewCurrentPage: {
       "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 80% );"], paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor),
@@ -18,10 +18,10 @@ export var config = {
       clear: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-clear) 95%);", ":var(--text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-clear) 90%);"], paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor)
     },
     size: {
-      l: /*#__PURE__*/css(["", ":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);", ":3.5rem;", ":3rem;", ":2.25rem;", ":0.875rem;", ":1.2rem;", ":1.45rem;", ":6.375rem;", ":auto;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":6.375rem;", ":1.5rem;", ":1rem;", ":1rem;", ":1rem;", ":1rem;", ":1.875rem;", ":transparent;", ":1rem;", ":6.375rem;", ":0 3.5rem 0 1.5rem;", ":0 3.625rem 0 0.375rem;", ":0 3.625rem 0 0.625rem;", ":0.5rem;", ":0.375rem;", ":0.875rem;", ":4rem;", ":3.5rem;", ":0 0.625rem;", ":0.0625rem;"], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.selectWidth, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemWidth, paginationTokens.selectItemHeight, paginationTokens.selectItemPaddingTop, paginationTokens.selectItemPaddingRight, paginationTokens.selectItemPaddingBottom, paginationTokens.selectItemPaddingLeft, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetWidth, paginationTokens.selectTargetPadding, paginationTokens.selectTargetPaddingHasChips, paginationTokens.selectTargetPaddingWithInput, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
-      m: /*#__PURE__*/css(["", ":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);", ":3rem;", ":3rem;", ":2rem;", ":0.75rem;", ":1.05rem;", ":1.3rem;", ":5.875rem;", ":auto;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":5.875rem;", ":1.5rem;", ":0.75rem;", ":0.75rem;", ":0.75rem;", ":0.75rem;", ":1.75rem;", ":transparent;", ":0.875rem;", ":5.875rem;", ":0 3.25rem 0 1.25rem;", ":0 3.375rem 0 0.375rem;", ":0 3.375rem 0 0.625rem;", ":0.5rem;", ":0.375rem;", ":0.75rem;", ":3.5rem;", ":3rem;", ":0 0.625rem;", ":0.0625rem;"], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.selectWidth, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemWidth, paginationTokens.selectItemHeight, paginationTokens.selectItemPaddingTop, paginationTokens.selectItemPaddingRight, paginationTokens.selectItemPaddingBottom, paginationTokens.selectItemPaddingLeft, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetWidth, paginationTokens.selectTargetPadding, paginationTokens.selectTargetPaddingHasChips, paginationTokens.selectTargetPaddingWithInput, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
-      s: /*#__PURE__*/css(["", ":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);", ":2.5rem;", ":2.5rem;", ":1.75rem;", ":3rem;", ":0.625rem;", ":0.9rem;", ":1.15rem;", ":5.375rem;", ":auto;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":5.375rem;", ":1.5rem;", ":0.5rem;", ":0.75rem;", ":0.5rem;", ":0.75rem;", ":1.75rem;", ":transparent;", ":0.75rem;", ":5.375rem;", ":0 3rem 0 1rem;", ":0 3.125rem 0 0.375rem;", ":0 3.125rem 0 0.625rem;", ":0.5rem;", ":0.375rem;", ":0.625rem;", ":3rem;", ":2.5rem;", ":0 0.625rem;", ":0.0625rem;"], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.selectWidth, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemWidth, paginationTokens.selectItemHeight, paginationTokens.selectItemPaddingTop, paginationTokens.selectItemPaddingRight, paginationTokens.selectItemPaddingBottom, paginationTokens.selectItemPaddingLeft, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetWidth, paginationTokens.selectTargetPadding, paginationTokens.selectTargetPaddingHasChips, paginationTokens.selectTargetPaddingWithInput, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
-      xs: /*#__PURE__*/css(["", ":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);", ":2rem;", ":2.5rem;", ":0.5rem;", ":2rem;", ":1.5rem;", ":0.75rem;", ":1rem;", ":4.625rem;", ":auto;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":4.625rem;", ":1rem;", ":0.5rem;", ":0.5rem;", ":0.5rem;", ":0.5rem;", ":1.25rem;", ":transparent;", ":0.5rem;", ":4.625rem;", ":0 2.5rem 0 0.75rem;", ":0 2.625rem 0 0.375rem;", ":0 2.625rem 0 0.625rem;", ":0.5rem;", ":0.375rem;", ":0.5rem;", ":2.5rem;", ":2rem;", ":0 0.625rem;", ":0.0625rem;"], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.selectWidth, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemWidth, paginationTokens.selectItemHeight, paginationTokens.selectItemPaddingTop, paginationTokens.selectItemPaddingRight, paginationTokens.selectItemPaddingBottom, paginationTokens.selectItemPaddingLeft, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetWidth, paginationTokens.selectTargetPadding, paginationTokens.selectTargetPaddingHasChips, paginationTokens.selectTargetPaddingWithInput, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth)
+      l: /*#__PURE__*/css(["", ":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);", ":3.5rem;", ":3rem;", ":2.25rem;", ":4rem;", ":0.875rem;", ":1.2rem;", ":1.45rem;", ":0 -0.125rem 0 0.5rem;", ":auto;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":1.5rem;", ":1rem 1rem 1rem 1rem;", ":1.875rem;", ":transparent;", ":1rem;", ":1.5rem 0 1.5rem;", ":0.5rem;", ":0.375rem;", ":0.875rem;", ":4rem;", ":3.5rem;", ":0 0.625rem;", ":0.0625rem;"], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
+      m: /*#__PURE__*/css(["", ":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);", ":3rem;", ":3rem;", ":2rem;", ":3.5rem;", ":0.75rem;", ":1.05rem;", ":1.3rem;", ":0 -0.125rem 0 0.375rem;", ":auto;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":1.5rem;", ":0.75rem 0.75rem 0.75rem 0.75rem;", ":1.75rem;", ":transparent;", ":0.875rem;", ":1.25rem 0 1.25rem;", ":0.5rem;", ":0.375rem;", ":0.75rem;", ":3.5rem;", ":3rem;", ":0 0.625rem;", ":0.0625rem;"], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
+      s: /*#__PURE__*/css(["", ":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);", ":2.5rem;", ":2.5rem;", ":1.75rem;", ":3rem;", ":0.625rem;", ":0.9rem;", ":1.15rem;", ":0 -0.125rem 0 0.25rem;", ":auto;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":1.5rem;", ":0.5rem 0.75rem 0.5rem 0.75rem;", ":1.75rem;", ":transparent;", ":0.75rem;", ":1rem 0 1rem;", ":0.5rem;", ":0.375rem;", ":0.625rem;", ":3rem;", ":2.5rem;", ":0 0.625rem;", ":0.0625rem;"], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
+      xs: /*#__PURE__*/css(["", ":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);", ":2rem;", ":2.5rem;", ":0.5rem;", ":2rem;", ":1.5rem;", ":0.75rem;", ":1rem;", ":0 -0.125rem 0 0.25rem;", ":auto;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":1rem;", ":0.5rem 0.5rem 0.5rem 0.5rem;", ":1.25rem;", ":transparent;", ":0.5rem;", ":0.75rem 0 0.75rem;", ":0.5rem;", ":0.375rem;", ":0.5rem;", ":2.5rem;", ":2rem;", ":0 0.625rem;", ":0.0625rem;"], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth)
     },
     type: {
       compact: /*#__PURE__*/css([""]),

package/styled-components/es/examples/plasma_web/components/SelectNew/Select.config.js

@@ -0,0 +1,34 @@
+import { css } from 'styled-components';
+import { selectNewTokens as selectTokens } from '../../../..';
+export var config = {
+  defaults: {
+    view: 'default',
+    chipView: 'default',
+    size: 'm'
+  },
+  variations: {
+    size: {
+      xs: /*#__PURE__*/css(["", ":0.125rem;", ":0.5rem;", ":0.125rem;", ":1rem;", ":0.5rem 0.5rem 0.5rem 0.375rem;", ":0.25rem 0.5rem 0.25rem 0.375rem;", ":0.375rem;", ":1rem;", ":1rem;", ":0 0.25rem 0 0;", ":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.875rem;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;", ":0.25rem;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":0 -0.125rem 0 0.25rem;", ":0 0 0 0.375rem;", ":2rem;", ":0.75rem 0 0.75rem;", ":0.5rem 0 0.625rem;", ":0.5rem 0 0.25rem;", ":0.375rem;", ":0;", ":0.25rem;", ":1rem;", ":1rem;"], selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.itemIconMargin, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight),
+      s: /*#__PURE__*/css(["", ":0.125rem;", ":0.625rem;", ":0.125rem;", ":1.5rem;", ":0.5rem 0.75rem 0.5rem 0.675rem;", ":0.25rem 0.75rem 0.25rem 0.675rem;", ":0.5rem;", ":1.5rem;", ":1rem;", ":0 0.375rem 0 0;", ":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);", ":1.25rem;", ":0.875rem;", ":0.375rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":0.75rem;", ":0 -0.125rem 0 0.25rem;", ":0 0 0 0.375rem;", ":2.5rem;", ":1rem 0 1rem;", ":0.75rem 0 0.875rem;", ":0.75rem 0 0.25rem;", ":0.5rem;", ":0;", ":0.25rem;", ":1.5rem;", ":1rem;"], selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.itemIconMargin, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight),
+      m: /*#__PURE__*/css(["", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":1.5rem;", ":0.75rem 0.75rem 0.75rem 0.75rem;", ":0.5rem 0.75rem 0.5rem 0.75rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":1.5rem;", ":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);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;", ":0.25rem;", ":0.375rem;", ":2.25rem;", ":0.875rem;", ":0.625rem;", ":0.5rem;", ":0rem;", ":1rem;", ":0 -0.125rem 0 0.375rem;", ":0 0 0 0.625rem;", ":3rem;", ":1.25rem 0 1.25rem;", ":0.875rem 0 1rem;", ":0.875rem 0 0.25rem;", ":0.625rem;", ":0.125rem;", ":0.25rem;", ":1.5rem;", ":1.5rem;"], selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconMargin, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight),
+      l: /*#__PURE__*/css(["", ":0.125rem;", ":0.875rem;", ":0.125rem;", ":1.5rem;", ":1rem 1rem 1rem 0.875rem;", ":0.75rem 1rem 0.75rem 0.875rem;", ":0.75rem;", ":0 0.5rem 0 0;", ":1.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-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;", ":0.25rem;", ":0.5rem;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1rem;", ":0 -0.125rem 0 0.5rem;", ":0 0 0 0.75rem;", ":3.5rem;", ":1.5rem 0 1.5rem;", ":1rem 0 1.125rem;", ":1rem 0 0.25rem;", ":0.75rem;", ":0.125rem;", ":0.25rem;", ":1.5rem;", ":1.5rem;"], selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconMargin, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight)
+    },
+    view: {
+      "default": /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary-hover);", ":var(--inverse-text-primary-active);", ":var(--inverse-text-secondary);", ":var(--inverse-text-secondary-hover);", ":var(--inverse-text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-hover);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--surface-solid-default-hover);", ":var(--surface-clear);", ":var(--surface-clear);", ":var(--surface-transparent-tertiary);"], selectTokens.helperTextColor, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened, selectTokens.targetTextfieldBorderColor),
+      positive: /*#__PURE__*/css(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-hover);", ":var(--surface-positive);", ":var(--surface-positive-hover);", ":var(--surface-positive-active);", ":var(--surface-clear);", ":var(--surface-clear);", ":var(--surface-positive);"], selectTokens.helperTextColor, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened, selectTokens.targetTextfieldBorderColor),
+      warning: /*#__PURE__*/css(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-hover);", ":var(--surface-warning);", ":var(--surface-warning-hover);", ":var(--surface-warning-active);", ":var(--surface-clear);", ":var(--surface-clear);", ":var(--surface-warning);"], selectTokens.helperTextColor, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened, selectTokens.targetTextfieldBorderColor),
+      negative: /*#__PURE__*/css(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-hover);", ":var(--surface-negative);", ":var(--surface-negative-hover);", ":var(--surface-negative-active);", ":var(--surface-clear);", ":var(--surface-clear);", ":var(--surface-negative);"], selectTokens.helperTextColor, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened, selectTokens.targetTextfieldBorderColor),
+      accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-accent-active);"], selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
+      secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--surface-transparent-secondary-active);"], selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
+      clear: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":var(--surface-clear);", ":var(--surface-clear);"], selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
+      dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-active);", ":var(--on-light-surface-transparent-deep);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-light-surface-transparent-deep-active);"], selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
+      black: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-active);", ":var(--on-light-surface-solid-default);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-light-surface-solid-default-active);"], selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
+      white: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-light-text-primary-hover);", ":var(--on-light-text-primary-active);", ":var(--on-light-text-secondary);", ":var(--on-light-text-secondary-hover);", ":var(--on-light-text-secondary-active);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-dark-surface-solid-default-active);"], selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive)
+    },
+    chipView: {
+      "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--surface-solid-default-active);"], selectTokens.chipColor, selectTokens.chipBackground, selectTokens.chipBackgroundHover, selectTokens.chipBackgroundActive),
+      secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--surface-transparent-secondary-active);"], selectTokens.chipColor, selectTokens.chipBackground, selectTokens.chipBackgroundHover, selectTokens.chipBackgroundActive),
+      accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-accent-active);"], selectTokens.chipColor, selectTokens.chipBackground, selectTokens.chipBackgroundHover, selectTokens.chipBackgroundActive)
+    }
+  }
+};

package/styled-components/es/examples/plasma_web/components/SelectNew/Select.js

@@ -0,0 +1,6 @@
+import { component, mergeConfig } from '../../../../engines';
+import { selectNewConfig } from '../../../..';
+import { config } from './Select.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(selectNewConfig, config);
+var Select = /*#__PURE__*/component(mergedConfig);
+export { Select };