@salutejs/plasma-web 1.356.0-dev.0 → 1.356.1-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/api/plasma-web.api.md +84 -4
  2. package/components/Pagination/Pagination.config.d.ts +3 -3
  3. package/components/Pagination/Pagination.config.js +11 -11
  4. package/components/Pagination/Pagination.d.ts +2 -2
  5. package/components/Select/Select.js +1 -129
  6. package/components/SelectNew/Select.config.d.ts +32 -0
  7. package/components/SelectNew/Select.config.js +41 -0
  8. package/components/SelectNew/Select.d.ts +79 -0
  9. package/components/SelectNew/Select.js +10 -0
  10. package/components/SelectNew/index.d.ts +1 -0
  11. package/components/SelectNew/index.js +12 -0
  12. package/components/TextField/TextField.d.ts +4 -4
  13. package/css/cjs/components/Pagination/Pagination.config.js +7 -7
  14. package/css/cjs/components/Pagination/Pagination.config.js.map +1 -1
  15. package/css/cjs/components/Pagination/Pagination.config_1fqgkuu.css +14 -0
  16. package/css/cjs/components/Pagination/Pagination.css +12 -12
  17. package/css/cjs/components/SelectNew/Select.config.js +40 -0
  18. package/css/cjs/components/SelectNew/Select.config.js.map +1 -0
  19. package/css/cjs/components/SelectNew/Select.config_o7l3zz.css +17 -0
  20. package/css/cjs/components/SelectNew/Select.css +17 -0
  21. package/css/cjs/components/SelectNew/Select.js +12 -0
  22. package/css/cjs/components/SelectNew/Select.js.map +1 -0
  23. package/css/cjs/index.css +30 -12
  24. package/css/cjs/index.js +2 -6
  25. package/css/cjs/index.js.map +1 -1
  26. package/css/es/components/Pagination/Pagination.config.js +7 -7
  27. package/css/es/components/Pagination/Pagination.config.js.map +1 -1
  28. package/css/es/components/Pagination/Pagination.config_1fqgkuu.css +14 -0
  29. package/css/es/components/Pagination/Pagination.css +12 -12
  30. package/css/es/components/SelectNew/Select.config.js +36 -0
  31. package/css/es/components/SelectNew/Select.config.js.map +1 -0
  32. package/css/es/components/SelectNew/Select.config_o7l3zz.css +17 -0
  33. package/css/es/components/SelectNew/Select.css +17 -0
  34. package/css/es/components/SelectNew/Select.js +8 -0
  35. package/css/es/components/SelectNew/Select.js.map +1 -0
  36. package/css/es/index.css +30 -12
  37. package/css/es/index.js +2 -2
  38. package/css/index.d.ts +2 -2
  39. package/es/components/Dropdown/index.js +2 -0
  40. package/es/components/Pagination/Pagination.config.js +11 -11
  41. package/es/components/Select/Select.js +0 -131
  42. package/es/components/SelectNew/Select.config.js +35 -0
  43. package/es/components/SelectNew/Select.js +5 -0
  44. package/es/components/SelectNew/index.js +1 -0
  45. package/es/index.js +1 -0
  46. package/index.d.ts +1 -0
  47. package/index.js +11 -0
  48. package/package.json +7 -7
  49. package/components/Select/Select.config.d.ts +0 -22
  50. package/components/Select/Select.config.js +0 -31
  51. package/css/cjs/components/Pagination/Pagination.config_k3wr97.css +0 -14
  52. package/css/cjs/components/Select/Select.js +0 -26
  53. package/css/cjs/components/Select/Select.js.map +0 -1
  54. package/css/es/components/Pagination/Pagination.config_k3wr97.css +0 -14
  55. package/css/es/components/Select/Select.js +0 -22
  56. package/css/es/components/Select/Select.js.map +0 -1
  57. package/es/components/Select/Select.config.js +0 -25
package/css/cjs/components/SelectNew/Select.config.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Select.config.js","sources":["../../../../src-css/components/SelectNew/Select.config.ts"],"sourcesContent":["import { css, selectTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n chipView: 'default',\n size: 'm',\n },\n variations: {\n size: {\n xs: css`\n ${selectTokens.padding}: 0.125rem;\n ${selectTokens.borderRadius}: 0.5rem;\n ${selectTokens.focusOffset}: 0.125rem;\n\n ${selectTokens.itemHeight}: 1rem;\n ${selectTokens.itemPadding}: 0.5rem 0.5rem 0.5rem 0.375rem;\n ${selectTokens.itemPaddingTight}: 0.25rem 0.5rem 0.25rem 0.375rem;\n ${selectTokens.itemBorderRadius}: 0.375rem;\n ${selectTokens.itemIconSize}: 1rem;\n ${selectTokens.itemIconSizeTight}: 1rem;\n ${selectTokens.itemIconMargin}: 0 0.25rem 0 0;\n\n ${selectTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${selectTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${selectTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${selectTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${selectTokens.fontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${selectTokens.checkboxTriggerSize}: 0.875rem;\n ${selectTokens.checkboxTriggerSizeTight}: 0.875rem;\n ${selectTokens.checkboxTriggerBorderRadius}: 0.25rem;\n ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n ${selectTokens.checkboxFillColor}: var(--text-accent);\n ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${selectTokens.indicatorSize}: 0.375rem;\n\n ${selectTokens.chipGap}: 0.25rem;\n ${selectTokens.chipBorderRadius}: 0.125rem;\n ${selectTokens.chipHeight}: 1.25rem;\n ${selectTokens.chipPaddingRight}: 0.375rem;\n ${selectTokens.chipPaddingLeft}: 0.625rem;\n ${selectTokens.chipClearContentMarginLeft}: 0.25rem;\n ${selectTokens.chipClearContentMarginRight}: 0rem;\n ${selectTokens.chipCloseIconSize}: 0.75rem;\n\n ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.25rem;\n ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.375rem;\n ${selectTokens.targetHeight}: 2rem;\n ${selectTokens.targetButtonPadding}: 0.75rem 0 0.75rem;\n ${selectTokens.targetTextfieldPadding}: 0.5rem 0 0.625rem;\n ${selectTokens.targetTextfieldChipPadding}: 0.5rem 0 0.25rem;\n\n ${selectTokens.labelOffset}: 0.375rem;\n\n ${selectTokens.innerLabelGap}: 0;\n\n ${selectTokens.helperTextOffset}: 0.25rem;\n\n ${selectTokens.spinnerSize}: 1rem;\n ${selectTokens.spinnerSizeTight}: 1rem;\n `,\n s: css`\n ${selectTokens.padding}: 0.125rem;\n ${selectTokens.borderRadius}: 0.625rem;\n ${selectTokens.focusOffset}: 0.125rem;\n\n ${selectTokens.itemHeight}: 1.5rem;\n ${selectTokens.itemPadding}: 0.5rem 0.75rem 0.5rem 0.675rem;\n ${selectTokens.itemPaddingTight}: 0.25rem 0.75rem 0.25rem 0.675rem;\n ${selectTokens.itemBorderRadius}: 0.5rem;\n ${selectTokens.itemIconSize}: 1.5rem;\n ${selectTokens.itemIconSizeTight}: 1rem;\n ${selectTokens.itemIconMargin}: 0 0.375rem 0 0;\n\n ${selectTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${selectTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${selectTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${selectTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${selectTokens.fontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${selectTokens.checkboxTriggerSize}: 1.25rem;\n ${selectTokens.checkboxTriggerSizeTight}: 0.875rem;\n ${selectTokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n ${selectTokens.checkboxFillColor}: var(--text-accent);\n ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${selectTokens.indicatorSize}: 0.375rem;\n\n ${selectTokens.chipGap}: 0.25rem;\n ${selectTokens.chipBorderRadius}: 0.25rem;\n ${selectTokens.chipHeight}: 1.75rem;\n ${selectTokens.chipPaddingRight}: 0.5rem;\n ${selectTokens.chipPaddingLeft}: 0.75rem;\n ${selectTokens.chipClearContentMarginLeft}: 0.375rem;\n ${selectTokens.chipClearContentMarginRight}: 0rem;\n ${selectTokens.chipCloseIconSize}: 0.75rem;\n\n ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.25rem;\n ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.375rem;\n ${selectTokens.targetHeight}: 2.5rem;\n ${selectTokens.targetButtonPadding}: 1rem 0 1rem;\n ${selectTokens.targetTextfieldPadding}: 0.75rem 0 0.875rem;\n ${selectTokens.targetTextfieldChipPadding}: 0.75rem 0 0.25rem;\n\n ${selectTokens.labelOffset}: 0.5rem;\n\n ${selectTokens.innerLabelGap}: 0;\n\n ${selectTokens.helperTextOffset}: 0.25rem;\n\n ${selectTokens.spinnerSize}: 1.5rem;\n ${selectTokens.spinnerSizeTight}: 1rem;\n `,\n m: css`\n ${selectTokens.padding}: 0.125rem;\n ${selectTokens.borderRadius}: 0.75rem;\n ${selectTokens.focusOffset}: 0.125rem;\n\n ${selectTokens.itemHeight}: 1.5rem;\n ${selectTokens.itemPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;\n ${selectTokens.itemPaddingTight}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${selectTokens.itemBorderRadius}: 0.625rem;\n ${selectTokens.itemIconMargin}: 0 0.375rem 0 0;\n ${selectTokens.itemIconSize}: 1.5rem;\n ${selectTokens.itemIconSizeTight}: 1.5rem;\n\n ${selectTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${selectTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${selectTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${selectTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${selectTokens.fontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${selectTokens.checkboxTriggerSize}: 1.25rem;\n ${selectTokens.checkboxTriggerSizeTight}: 1.25rem;\n ${selectTokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n ${selectTokens.checkboxFillColor}: var(--text-accent);\n ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${selectTokens.indicatorSize}: 0.375rem;\n\n ${selectTokens.chipGap}: 0.25rem;\n ${selectTokens.chipBorderRadius}: 0.375rem;\n ${selectTokens.chipHeight}: 2.25rem;\n ${selectTokens.chipPaddingRight}: 0.875rem;\n ${selectTokens.chipPaddingLeft}: 0.625rem;\n ${selectTokens.chipClearContentMarginLeft}: 0.5rem;\n ${selectTokens.chipClearContentMarginRight}: 0rem;\n ${selectTokens.chipCloseIconSize}: 1rem;\n\n ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.375rem;\n ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.625rem;\n ${selectTokens.targetHeight}: 3rem;\n ${selectTokens.targetButtonPadding}: 1.25rem 0 1.25rem;\n ${selectTokens.targetTextfieldPadding}: 0.875rem 0 1rem;\n ${selectTokens.targetTextfieldChipPadding}: 0.875rem 0 0.25rem;\n\n ${selectTokens.labelOffset}: 0.625rem;\n\n ${selectTokens.innerLabelGap}: 0.125rem;\n\n ${selectTokens.helperTextOffset}: 0.25rem;\n\n ${selectTokens.spinnerSize}: 1.5rem;\n ${selectTokens.spinnerSizeTight}: 1.5rem;\n `,\n l: css`\n ${selectTokens.padding}: 0.125rem;\n ${selectTokens.borderRadius}: 0.875rem;\n ${selectTokens.focusOffset}: 0.125rem;\n\n ${selectTokens.itemHeight}: 1.5rem;\n ${selectTokens.itemPadding}: 1rem 1rem 1rem 0.875rem;\n ${selectTokens.itemPaddingTight}: 0.75rem 1rem 0.75rem 0.875rem;\n ${selectTokens.itemBorderRadius}: 0.75rem;\n ${selectTokens.itemIconMargin}: 0 0.5rem 0 0;\n ${selectTokens.itemIconSize}: 1.5rem;\n ${selectTokens.itemIconSizeTight}: 1.5rem;\n\n ${selectTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${selectTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${selectTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${selectTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${selectTokens.fontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${selectTokens.checkboxTriggerSize}: 1.25rem;\n ${selectTokens.checkboxTriggerSizeTight}: 1.25rem;\n ${selectTokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n ${selectTokens.checkboxFillColor}: var(--text-accent);\n ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${selectTokens.indicatorSize}: 0.375rem;\n\n ${selectTokens.chipGap}: 0.25rem;\n ${selectTokens.chipBorderRadius}: 0.5rem;\n ${selectTokens.chipHeight}: 2.75rem;\n ${selectTokens.chipPaddingRight}: 0.75rem;\n ${selectTokens.chipPaddingLeft}: 1rem;\n ${selectTokens.chipClearContentMarginLeft}: 0.625rem;\n ${selectTokens.chipClearContentMarginRight}: 0rem;\n ${selectTokens.chipCloseIconSize}: 1rem;\n\n ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.5rem;\n ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.75rem;\n ${selectTokens.targetHeight}: 3.5rem;\n ${selectTokens.targetButtonPadding}: 1.5rem 0 1.5rem;\n ${selectTokens.targetTextfieldPadding}: 1rem 0 1.125rem;\n ${selectTokens.targetTextfieldChipPadding}: 1rem 0 0.25rem;\n\n ${selectTokens.labelOffset}: 0.75rem;\n\n ${selectTokens.innerLabelGap}: 0.125rem;\n\n ${selectTokens.helperTextOffset}: 0.25rem;\n\n ${selectTokens.spinnerSize}: 1.5rem;\n ${selectTokens.spinnerSizeTight}: 1.5rem;\n `,\n },\n view: {\n default: css`\n ${selectTokens.helperTextColor}: var(--text-secondary);\n ${selectTokens.targetButtonColor}: var(--inverse-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--inverse-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--inverse-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--inverse-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--inverse-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--inverse-text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}: var(--surface-solid-default);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-solid-default-hover);\n ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n ${selectTokens.targetTextfieldBorderColor}: var(--surface-transparent-tertiary);\n `,\n positive: css`\n ${selectTokens.helperTextColor}: var(--text-positive);\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}:var(--surface-positive);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--surface-positive-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--surface-positive-active);\n ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n ${selectTokens.targetTextfieldBorderColor}: var(--surface-positive);\n `,\n warning: css`\n ${selectTokens.helperTextColor}: var(--text-warning);\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}:var(--surface-warning);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--surface-warning-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--surface-warning-active);\n ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n ${selectTokens.targetTextfieldBorderColor}: var(--surface-warning);\n `,\n negative: css`\n ${selectTokens.helperTextColor}: var(--text-negative);\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}:var(--surface-negative);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-negative-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--surface-negative-active);\n ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n ${selectTokens.targetTextfieldBorderColor}: var(--surface-negative);\n `,\n accent: css`\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}: var(--surface-accent);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${selectTokens.targetButtonColor}: var(--text-primary);\n ${selectTokens.targetButtonColorHover}: var(--text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${selectTokens.targetButtonColor}: var(--text-primary);\n ${selectTokens.targetButtonColorHover}: var(--text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--text-secondary-active);\n ${selectTokens.targetButtonBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-clear);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-clear);\n `,\n dark: css`\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-active);\n ${selectTokens.targetButtonBackgroundColor}:var(--on-light-surface-transparent-deep);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--on-light-surface-transparent-deep-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--on-light-surface-transparent-deep-active);\n `,\n black: css`\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-active);\n ${selectTokens.targetButtonBackgroundColor}:var(--on-light-surface-solid-default);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--on-light-surface-solid-default-hover);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n `,\n white: css`\n ${selectTokens.targetButtonColor}: var(--on-light-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-light-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-light-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-light-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-light-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-light-text-secondary-active);\n ${selectTokens.targetButtonBackgroundColor}:var(--on-dark-surface-solid-default);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--on-dark-surface-solid-default-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--on-dark-surface-solid-default-active);\n `,\n },\n chipView: {\n default: css`\n ${selectTokens.chipColor}: var(--inverse-text-primary);\n ${selectTokens.chipBackground}: var(--surface-solid-default);\n ${selectTokens.chipBackgroundHover}: var(--surface-solid-default-hover);\n ${selectTokens.chipBackgroundActive}: var(--surface-solid-default-active);\n `,\n secondary: css`\n ${selectTokens.chipColor}: var(--text-primary);\n ${selectTokens.chipBackground}: var(--surface-transparent-secondary);\n ${selectTokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${selectTokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n `,\n accent: css`\n ${selectTokens.chipColor}: var(--on-dark-text-primary);\n ${selectTokens.chipBackground}: var(--surface-accent);\n ${selectTokens.chipBackgroundHover}: var(--surface-accent-hover);\n ${selectTokens.chipBackgroundActive}: var(--surface-accent-active);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","chipView","size","variations","xs","s","m","l","default","positive","warning","negative","accent","secondary","clear","dark","black","white"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAsDD,UAAA;AACDC,MAAAA,CAAC,EAsDA,SAAA;AACDC,MAAAA,CAAC,EAsDA,SAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAuDJ;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,SAAAA,EAiBC,UAAA;AACDC,MAAAA,QAAQ,EAiBP,SAAA;AACDC,MAAAA,OAAO,EAiBN,UAAA;AACDC,MAAAA,QAAQ,EAiBP,UAAA;AACDC,MAAAA,MAAM,EAUL,UAAA;AACDC,MAAAA,SAAS,EAUR,SAAA;AACDC,MAAAA,KAAK,EAUJ,UAAA;AACDC,MAAAA,IAAI,EAUH,SAAA;AACDC,MAAAA,KAAK,EAUJ,UAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAWR;AACDhB,IAAAA,QAAQ,EAAE;AACNO,MAAAA,SAAAA,EAKC,SAAA;AACDK,MAAAA,SAAS,EAKR,UAAA;AACDD,MAAAA,MAAM,EAAA,SAAA;AAMV,KAAA;AACJ,GAAA;AACJ;;;;"}
package/css/cjs/components/SelectNew/Select.config_o7l3zz.css ADDED
@@ -0,0 +1,17 @@
1
+ .x1kg4zfv{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.5rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1rem;--plasma-select-item-padding:0.5rem 0.5rem 0.5rem 0.375rem;--plasma-select-item-padding-tight:0.25rem 0.5rem 0.25rem 0.375rem;--plasma-select-item-border-radius:0.375rem;--plasma-select-item-icon-size:1rem;--plasma-select-item-icon-size-tight:1rem;--plasma-select-item-icon-margin:0 0.25rem 0 0;--plasma-select-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-checkbox-trigger-size:0.875rem;--plasma-select-checkbox-trigger-size-tight:0.875rem;--plasma-select-checkbox-trigger-border-radius:0.25rem;--plasma-select-checkbox-trigger-border-radius-tight:0.25rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.125rem;--plasma-select-chip-height:1.25rem;--plasma-select-chip-padding-right:0.375rem;--plasma-select-chip-padding-left:0.625rem;--plasma-select-chip-clear-content-margin-left:0.25rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:0.75rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.375rem;--plasma-select-target-height:2rem;--plasma-select-target-button-padding:0.75rem 0 0.75rem;--plasma-select-target-textfield-padding:0.5rem 0 0.625rem;--plasma-select-target-textfield-chip-padding:0.5rem 0 0.25rem;--plasma-select-label-offset:0.375rem;--plasma-select-inner-label-gap:0;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1rem;--plasma-select-spinner-size-tight:1rem;}
2
+ .s8ayzvi{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.625rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1.5rem;--plasma-select-item-padding:0.5rem 0.75rem 0.5rem 0.675rem;--plasma-select-item-padding-tight:0.25rem 0.75rem 0.25rem 0.675rem;--plasma-select-item-border-radius:0.5rem;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-icon-size-tight:1rem;--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-font-family:var(--plasma-typo-body-s-font-family);--plasma-select-font-size:var(--plasma-typo-body-s-font-size);--plasma-select-font-style:var(--plasma-typo-body-s-font-style);--plasma-select-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-select-checkbox-trigger-size:1.25rem;--plasma-select-checkbox-trigger-size-tight:0.875rem;--plasma-select-checkbox-trigger-border-radius:0.375rem;--plasma-select-checkbox-trigger-border-radius-tight:0.25rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.25rem;--plasma-select-chip-height:1.75rem;--plasma-select-chip-padding-right:0.5rem;--plasma-select-chip-padding-left:0.75rem;--plasma-select-chip-clear-content-margin-left:0.375rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:0.75rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.375rem;--plasma-select-target-height:2.5rem;--plasma-select-target-button-padding:1rem 0 1rem;--plasma-select-target-textfield-padding:0.75rem 0 0.875rem;--plasma-select-target-textfield-chip-padding:0.75rem 0 0.25rem;--plasma-select-label-offset:0.5rem;--plasma-select-inner-label-gap:0;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1.5rem;--plasma-select-spinner-size-tight:1rem;}
3
+ .mwn6ija{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.75rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1.5rem;--plasma-select-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-select-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-select-item-border-radius:0.625rem;--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-icon-size-tight:1.5rem;--plasma-select-font-family:var(--plasma-typo-body-m-font-family);--plasma-select-font-size:var(--plasma-typo-body-m-font-size);--plasma-select-font-style:var(--plasma-typo-body-m-font-style);--plasma-select-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-m-line-height);--plasma-select-checkbox-trigger-size:1.25rem;--plasma-select-checkbox-trigger-size-tight:1.25rem;--plasma-select-checkbox-trigger-border-radius:0.375rem;--plasma-select-checkbox-trigger-border-radius-tight:0.375rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.375rem;--plasma-select-chip-height:2.25rem;--plasma-select-chip-padding-right:0.875rem;--plasma-select-chip-padding-left:0.625rem;--plasma-select-chip-clear-content-margin-left:0.5rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:1rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.375rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.625rem;--plasma-select-target-height:3rem;--plasma-select-target-button-padding:1.25rem 0 1.25rem;--plasma-select-target-textfield-padding:0.875rem 0 1rem;--plasma-select-target-textfield-chip-padding:0.875rem 0 0.25rem;--plasma-select-label-offset:0.625rem;--plasma-select-inner-label-gap:0.125rem;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1.5rem;--plasma-select-spinner-size-tight:1.5rem;}
4
+ .ll2700s{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.875rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1.5rem;--plasma-select-item-padding:1rem 1rem 1rem 0.875rem;--plasma-select-item-padding-tight:0.75rem 1rem 0.75rem 0.875rem;--plasma-select-item-border-radius:0.75rem;--plasma-select-item-icon-margin:0 0.5rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-icon-size-tight:1.5rem;--plasma-select-font-family:var(--plasma-typo-body-l-font-family);--plasma-select-font-size:var(--plasma-typo-body-l-font-size);--plasma-select-font-style:var(--plasma-typo-body-l-font-style);--plasma-select-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-l-line-height);--plasma-select-checkbox-trigger-size:1.25rem;--plasma-select-checkbox-trigger-size-tight:1.25rem;--plasma-select-checkbox-trigger-border-radius:0.375rem;--plasma-select-checkbox-trigger-border-radius-tight:0.375rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.5rem;--plasma-select-chip-height:2.75rem;--plasma-select-chip-padding-right:0.75rem;--plasma-select-chip-padding-left:1rem;--plasma-select-chip-clear-content-margin-left:0.625rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:1rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.5rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.75rem;--plasma-select-target-height:3.5rem;--plasma-select-target-button-padding:1.5rem 0 1.5rem;--plasma-select-target-textfield-padding:1rem 0 1.125rem;--plasma-select-target-textfield-chip-padding:1rem 0 0.25rem;--plasma-select-label-offset:0.75rem;--plasma-select-inner-label-gap:0.125rem;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1.5rem;--plasma-select-spinner-size-tight:1.5rem;}
5
+ .d10f744h{--plasma-select-helper-text-color:var(--text-secondary);--plasma-select-target-button-color:var(--inverse-text-primary);--plasma-select-target-button-color-hover:var(--inverse-text-primary-hover);--plasma-select-target-button-color-active:var(--inverse-text-primary-active);--plasma-select-target-button-arrow-color:var(--inverse-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--inverse-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--inverse-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-solid-default);--plasma-select-target-button-background-color-hover:var(--surface-solid-default-hover);--plasma-select-target-button-background-color-active:var(--surface-solid-default-hover);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-transparent-tertiary);}
6
+ .ppldmag{--plasma-select-helper-text-color:var(--text-positive);--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-positive);--plasma-select-target-button-background-color-hover:var(--surface-positive-hover);--plasma-select-target-button-background-color-active:var(--surface-positive-active);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-positive);}
7
+ .w19ze6kr{--plasma-select-helper-text-color:var(--text-warning);--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-warning);--plasma-select-target-button-background-color-hover:var(--surface-warning-hover);--plasma-select-target-button-background-color-active:var(--surface-warning-active);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-warning);}
8
+ .n1wxh97u{--plasma-select-helper-text-color:var(--text-negative);--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-negative);--plasma-select-target-button-background-color-hover:var(--surface-negative-hover);--plasma-select-target-button-background-color-active:var(--surface-negative-active);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-negative);}
9
+ .a14jw2h2{--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-accent);--plasma-select-target-button-background-color-hover:var(--surface-accent-hover);--plasma-select-target-button-background-color-active:var(--surface-accent-active);}
10
+ .sha4l8y{--plasma-select-target-button-color:var(--text-primary);--plasma-select-target-button-color-hover:var(--text-primary-hover);--plasma-select-target-button-color-active:var(--text-primary-active);--plasma-select-target-button-arrow-color:var(--text-secondary);--plasma-select-target-button-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-transparent-secondary);--plasma-select-target-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-select-target-button-background-color-active:var(--surface-transparent-secondary-active);}
11
+ .c1oyqeq0{--plasma-select-target-button-color:var(--text-primary);--plasma-select-target-button-color-hover:var(--text-primary-hover);--plasma-select-target-button-color-active:var(--text-primary-active);--plasma-select-target-button-arrow-color:var(--text-secondary);--plasma-select-target-button-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--text-secondary-active);--plasma-select-target-button-background-color:var(--surface-clear);--plasma-select-target-button-background-color-hover:var(--surface-clear);--plasma-select-target-button-background-color-active:var(--surface-clear);}
12
+ .d2c1so1{--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-active);--plasma-select-target-button-background-color:var(--on-light-surface-transparent-deep);--plasma-select-target-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-select-target-button-background-color-active:var(--on-light-surface-transparent-deep-active);}
13
+ .b1jeurdb{--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-active);--plasma-select-target-button-background-color:var(--on-light-surface-solid-default);--plasma-select-target-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-select-target-button-background-color-active:var(--on-light-surface-solid-default-active);}
14
+ .w5a6ng6{--plasma-select-target-button-color:var(--on-light-text-primary);--plasma-select-target-button-color-hover:var(--on-light-text-primary-hover);--plasma-select-target-button-color-active:var(--on-light-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-light-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-light-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-light-text-secondary-active);--plasma-select-target-button-background-color:var(--on-dark-surface-solid-default);--plasma-select-target-button-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-select-target-button-background-color-active:var(--on-dark-surface-solid-default-active);}
15
+ .dtzpg6f{--plasma-select-chip-color:var(--inverse-text-primary);--plasma-select-chip-background:var(--surface-solid-default);--plasma-select-chip-background-hover:var(--surface-solid-default-hover);--plasma-select-chip-background-active:var(--surface-solid-default-active);}
16
+ .s1icms6a{--plasma-select-chip-color:var(--text-primary);--plasma-select-chip-background:var(--surface-transparent-secondary);--plasma-select-chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-select-chip-background-active:var(--surface-transparent-secondary-active);}
17
+ .a3rcam1{--plasma-select-chip-color:var(--on-dark-text-primary);--plasma-select-chip-background:var(--surface-accent);--plasma-select-chip-background-hover:var(--surface-accent-hover);--plasma-select-chip-background-active:var(--surface-accent-active);}
package/css/cjs/components/SelectNew/Select.css ADDED
@@ -0,0 +1,17 @@
1
+ .Select_config_o7l3zz_x1kg4zfv__bce1c4e8{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.5rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1rem;--plasma-select-item-padding:0.5rem 0.5rem 0.5rem 0.375rem;--plasma-select-item-padding-tight:0.25rem 0.5rem 0.25rem 0.375rem;--plasma-select-item-border-radius:0.375rem;--plasma-select-item-icon-size:1rem;--plasma-select-item-icon-size-tight:1rem;--plasma-select-item-icon-margin:0 0.25rem 0 0;--plasma-select-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-checkbox-trigger-size:0.875rem;--plasma-select-checkbox-trigger-size-tight:0.875rem;--plasma-select-checkbox-trigger-border-radius:0.25rem;--plasma-select-checkbox-trigger-border-radius-tight:0.25rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.125rem;--plasma-select-chip-height:1.25rem;--plasma-select-chip-padding-right:0.375rem;--plasma-select-chip-padding-left:0.625rem;--plasma-select-chip-clear-content-margin-left:0.25rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:0.75rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.375rem;--plasma-select-target-height:2rem;--plasma-select-target-button-padding:0.75rem 0 0.75rem;--plasma-select-target-textfield-padding:0.5rem 0 0.625rem;--plasma-select-target-textfield-chip-padding:0.5rem 0 0.25rem;--plasma-select-label-offset:0.375rem;--plasma-select-inner-label-gap:0;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1rem;--plasma-select-spinner-size-tight:1rem;}
2
+ .Select_config_o7l3zz_s8ayzvi__bce1c4e8{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.625rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1.5rem;--plasma-select-item-padding:0.5rem 0.75rem 0.5rem 0.675rem;--plasma-select-item-padding-tight:0.25rem 0.75rem 0.25rem 0.675rem;--plasma-select-item-border-radius:0.5rem;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-icon-size-tight:1rem;--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-font-family:var(--plasma-typo-body-s-font-family);--plasma-select-font-size:var(--plasma-typo-body-s-font-size);--plasma-select-font-style:var(--plasma-typo-body-s-font-style);--plasma-select-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-select-checkbox-trigger-size:1.25rem;--plasma-select-checkbox-trigger-size-tight:0.875rem;--plasma-select-checkbox-trigger-border-radius:0.375rem;--plasma-select-checkbox-trigger-border-radius-tight:0.25rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.25rem;--plasma-select-chip-height:1.75rem;--plasma-select-chip-padding-right:0.5rem;--plasma-select-chip-padding-left:0.75rem;--plasma-select-chip-clear-content-margin-left:0.375rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:0.75rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.375rem;--plasma-select-target-height:2.5rem;--plasma-select-target-button-padding:1rem 0 1rem;--plasma-select-target-textfield-padding:0.75rem 0 0.875rem;--plasma-select-target-textfield-chip-padding:0.75rem 0 0.25rem;--plasma-select-label-offset:0.5rem;--plasma-select-inner-label-gap:0;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1.5rem;--plasma-select-spinner-size-tight:1rem;}
3
+ .Select_config_o7l3zz_mwn6ija__bce1c4e8{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.75rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1.5rem;--plasma-select-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-select-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-select-item-border-radius:0.625rem;--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-icon-size-tight:1.5rem;--plasma-select-font-family:var(--plasma-typo-body-m-font-family);--plasma-select-font-size:var(--plasma-typo-body-m-font-size);--plasma-select-font-style:var(--plasma-typo-body-m-font-style);--plasma-select-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-m-line-height);--plasma-select-checkbox-trigger-size:1.25rem;--plasma-select-checkbox-trigger-size-tight:1.25rem;--plasma-select-checkbox-trigger-border-radius:0.375rem;--plasma-select-checkbox-trigger-border-radius-tight:0.375rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.375rem;--plasma-select-chip-height:2.25rem;--plasma-select-chip-padding-right:0.875rem;--plasma-select-chip-padding-left:0.625rem;--plasma-select-chip-clear-content-margin-left:0.5rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:1rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.375rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.625rem;--plasma-select-target-height:3rem;--plasma-select-target-button-padding:1.25rem 0 1.25rem;--plasma-select-target-textfield-padding:0.875rem 0 1rem;--plasma-select-target-textfield-chip-padding:0.875rem 0 0.25rem;--plasma-select-label-offset:0.625rem;--plasma-select-inner-label-gap:0.125rem;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1.5rem;--plasma-select-spinner-size-tight:1.5rem;}
4
+ .Select_config_o7l3zz_ll2700s__bce1c4e8{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.875rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1.5rem;--plasma-select-item-padding:1rem 1rem 1rem 0.875rem;--plasma-select-item-padding-tight:0.75rem 1rem 0.75rem 0.875rem;--plasma-select-item-border-radius:0.75rem;--plasma-select-item-icon-margin:0 0.5rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-icon-size-tight:1.5rem;--plasma-select-font-family:var(--plasma-typo-body-l-font-family);--plasma-select-font-size:var(--plasma-typo-body-l-font-size);--plasma-select-font-style:var(--plasma-typo-body-l-font-style);--plasma-select-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-l-line-height);--plasma-select-checkbox-trigger-size:1.25rem;--plasma-select-checkbox-trigger-size-tight:1.25rem;--plasma-select-checkbox-trigger-border-radius:0.375rem;--plasma-select-checkbox-trigger-border-radius-tight:0.375rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.5rem;--plasma-select-chip-height:2.75rem;--plasma-select-chip-padding-right:0.75rem;--plasma-select-chip-padding-left:1rem;--plasma-select-chip-clear-content-margin-left:0.625rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:1rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.5rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.75rem;--plasma-select-target-height:3.5rem;--plasma-select-target-button-padding:1.5rem 0 1.5rem;--plasma-select-target-textfield-padding:1rem 0 1.125rem;--plasma-select-target-textfield-chip-padding:1rem 0 0.25rem;--plasma-select-label-offset:0.75rem;--plasma-select-inner-label-gap:0.125rem;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1.5rem;--plasma-select-spinner-size-tight:1.5rem;}
5
+ .Select_config_o7l3zz_d10f744h__bce1c4e8{--plasma-select-helper-text-color:var(--text-secondary);--plasma-select-target-button-color:var(--inverse-text-primary);--plasma-select-target-button-color-hover:var(--inverse-text-primary-hover);--plasma-select-target-button-color-active:var(--inverse-text-primary-active);--plasma-select-target-button-arrow-color:var(--inverse-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--inverse-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--inverse-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-solid-default);--plasma-select-target-button-background-color-hover:var(--surface-solid-default-hover);--plasma-select-target-button-background-color-active:var(--surface-solid-default-hover);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-transparent-tertiary);}
6
+ .Select_config_o7l3zz_ppldmag__bce1c4e8{--plasma-select-helper-text-color:var(--text-positive);--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-positive);--plasma-select-target-button-background-color-hover:var(--surface-positive-hover);--plasma-select-target-button-background-color-active:var(--surface-positive-active);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-positive);}
7
+ .Select_config_o7l3zz_w19ze6kr__bce1c4e8{--plasma-select-helper-text-color:var(--text-warning);--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-warning);--plasma-select-target-button-background-color-hover:var(--surface-warning-hover);--plasma-select-target-button-background-color-active:var(--surface-warning-active);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-warning);}
8
+ .Select_config_o7l3zz_n1wxh97u__bce1c4e8{--plasma-select-helper-text-color:var(--text-negative);--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-negative);--plasma-select-target-button-background-color-hover:var(--surface-negative-hover);--plasma-select-target-button-background-color-active:var(--surface-negative-active);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-negative);}
9
+ .Select_config_o7l3zz_a14jw2h2__bce1c4e8{--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-accent);--plasma-select-target-button-background-color-hover:var(--surface-accent-hover);--plasma-select-target-button-background-color-active:var(--surface-accent-active);}
10
+ .Select_config_o7l3zz_sha4l8y__bce1c4e8{--plasma-select-target-button-color:var(--text-primary);--plasma-select-target-button-color-hover:var(--text-primary-hover);--plasma-select-target-button-color-active:var(--text-primary-active);--plasma-select-target-button-arrow-color:var(--text-secondary);--plasma-select-target-button-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-transparent-secondary);--plasma-select-target-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-select-target-button-background-color-active:var(--surface-transparent-secondary-active);}
11
+ .Select_config_o7l3zz_c1oyqeq0__bce1c4e8{--plasma-select-target-button-color:var(--text-primary);--plasma-select-target-button-color-hover:var(--text-primary-hover);--plasma-select-target-button-color-active:var(--text-primary-active);--plasma-select-target-button-arrow-color:var(--text-secondary);--plasma-select-target-button-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--text-secondary-active);--plasma-select-target-button-background-color:var(--surface-clear);--plasma-select-target-button-background-color-hover:var(--surface-clear);--plasma-select-target-button-background-color-active:var(--surface-clear);}
12
+ .Select_config_o7l3zz_d2c1so1__bce1c4e8{--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-active);--plasma-select-target-button-background-color:var(--on-light-surface-transparent-deep);--plasma-select-target-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-select-target-button-background-color-active:var(--on-light-surface-transparent-deep-active);}
13
+ .Select_config_o7l3zz_b1jeurdb__bce1c4e8{--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-active);--plasma-select-target-button-background-color:var(--on-light-surface-solid-default);--plasma-select-target-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-select-target-button-background-color-active:var(--on-light-surface-solid-default-active);}
14
+ .Select_config_o7l3zz_w5a6ng6__bce1c4e8{--plasma-select-target-button-color:var(--on-light-text-primary);--plasma-select-target-button-color-hover:var(--on-light-text-primary-hover);--plasma-select-target-button-color-active:var(--on-light-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-light-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-light-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-light-text-secondary-active);--plasma-select-target-button-background-color:var(--on-dark-surface-solid-default);--plasma-select-target-button-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-select-target-button-background-color-active:var(--on-dark-surface-solid-default-active);}
15
+ .Select_config_o7l3zz_dtzpg6f__bce1c4e8{--plasma-select-chip-color:var(--inverse-text-primary);--plasma-select-chip-background:var(--surface-solid-default);--plasma-select-chip-background-hover:var(--surface-solid-default-hover);--plasma-select-chip-background-active:var(--surface-solid-default-active);}
16
+ .Select_config_o7l3zz_s1icms6a__bce1c4e8{--plasma-select-chip-color:var(--text-primary);--plasma-select-chip-background:var(--surface-transparent-secondary);--plasma-select-chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-select-chip-background-active:var(--surface-transparent-secondary-active);}
17
+ .Select_config_o7l3zz_a3rcam1__bce1c4e8{--plasma-select-chip-color:var(--on-dark-text-primary);--plasma-select-chip-background:var(--surface-accent);--plasma-select-chip-background-hover:var(--surface-accent-hover);--plasma-select-chip-background-active:var(--surface-accent-active);}
package/css/cjs/components/SelectNew/Select.js ADDED
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var plasmaNewHope = require('@salutejs/plasma-new-hope');
6
+ var Select_config = require('./Select.config.js');
7
+
8
+ var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.selectConfig, Select_config.config);
9
+ var Select = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
10
+
11
+ exports.Select = Select;
12
+ //# sourceMappingURL=Select.js.map
package/css/cjs/components/SelectNew/Select.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Select.js","sources":["../../../../src-css/components/SelectNew/Select.tsx"],"sourcesContent":["import { selectConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Select.config';\n\nconst mergedConfig = mergeConfig(selectConfig, config);\nconst Select = component(mergedConfig);\n\nexport { Select };\n"],"names":["mergedConfig","mergeConfig","selectConfig","config","Select","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,0BAAY,EAAEC,oBAAM,CAAC,CAAA;AACtD,IAAMC,MAAM,gBAAGC,uBAAS,CAACL,YAAY;;;;"}
package/css/cjs/index.css CHANGED
@@ -255,18 +255,18 @@
255
255
  .Notification_config_1lwgobg_x6lem8i__4d376631{--plasma-notification-close-icon-top:0.5rem;--plasma-notification-close-icon-right:0.5rem;--plasma-notification-padding:0.375rem;--plasma-notification-textbox-padding-top-with-top-icon:0rem;--plasma-notification-content-padding-top:0.125rem;--plasma-notification-content-padding-right:0.25rem;--plasma-notification-content-padding-bottom:0rem;--plasma-notification-content-padding-left:0.25rem;--plasma-notification-buttons-margin-left:0rem;}
256
256
  .Notification_config_1lwgobg_xct0qyy__4d376631{--plasma-notification-close-icon-top:0.8125rem;--plasma-notification-close-icon-right:1rem;--plasma-notification-padding:0.5625rem 1rem 1rem 1rem;--plasma-notification-textbox-padding-top-with-top-icon:0.1875rem;--plasma-notification-content-padding-top:0.25rem;--plasma-notification-content-padding-right:0rem;--plasma-notification-content-padding-bottom:0rem;--plasma-notification-content-padding-left:0rem;--plasma-notification-buttons-margin-left:2rem;}
257
257
 
258
- .Pagination_config_k3wr97_s147d9k7__16ea6b6b{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-bg-color:var(--surface-transparent-secondary);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination-button-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-transparent-secondary) 85% );--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination-button-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-transparent-secondary) 80% );--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-select-bg-color:var(--surface-solid-secondary);--plasma-pagination-input-bg-color:var(--surface-clear);--plasma-pagination-input-border-color:var(--surface-transparent-secondary);--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
259
- .Pagination_config_k3wr97_c1g35n3__16ea6b6b{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-bg-color:var(--surface-clear);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination-button-bg-color-hover:color-mix(in srgb,var(--text-primary),var(--surface-clear) 95%);--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination-button-bg-color-active:color-mix(in srgb,var(--text-primary),var(--surface-clear) 90%);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-select-bg-color:var(--surface-solid-card);--plasma-pagination-input-bg-color:var(--surface-clear);--plasma-pagination-input-border-color:var(--surface-transparent-secondary);--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
260
- .Pagination_config_k3wr97_d1o7skzx__16ea6b6b{--plasma-pagination-button-color:var(--inverse-text-primary);--plasma-pagination-button-bg-color:var(--surface-solid-default);--plasma-pagination-button-color-hover:var(--inverse-text-primary);--plasma-pagination-button-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination--button-color-active:var(--inverse-text-primary);--plasma-pagination-button-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 80% );--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-select-bg-color:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination-input-bg-color:var(--surface-clear);--plasma-pagination-input-border-color:var(--surface-transparent-secondary);--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
261
- .Pagination_config_k3wr97_p17sk1w4__16ea6b6b{--plasma-pagination-button-color:var(--inverse-text-primary);--plasma-pagination-button-bg-color:var(--surface-solid-default);--plasma-pagination-button-color-hover:var(--inverse-text-primary);--plasma-pagination-button-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination--button-color-active:var(--inverse-text-primary);--plasma-pagination-button-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 80% );--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-select-bg-color:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination-input-bg-color:var(--surface-clear);--plasma-pagination-input-border-color:var(--surface-transparent-secondary);--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
262
- .Pagination_config_k3wr97_dovf1p6__16ea6b6b{--plasma-pagination-button-current-color:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color:var(--surface-solid-default);--plasma-pagination-button-current-color-hover:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination--button-current-color-active:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 80% );}
263
- .Pagination_config_k3wr97_p6lqjbg__16ea6b6b{--plasma-pagination-button-current-color:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color:var(--surface-solid-default);--plasma-pagination-button-current-color-hover:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination--button-current-color-active:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 80% );}
264
- .Pagination_config_k3wr97_s1j7j26c__16ea6b6b{--plasma-pagination-button-current-color:var(--text-primary);--plasma-pagination-button-current-bg-color:var(--surface-transparent-secondary);--plasma-pagination-button-current-color-hover:var(--text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-transparent-secondary) 85% );--plasma-pagination--button-current-color-active:var(--text-primary);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-transparent-secondary) 80% );}
265
- .Pagination_config_k3wr97_c18ks0gg__16ea6b6b{--plasma-pagination-button-current-color:var(--text-primary);--plasma-pagination-button-current-bg-color:var(--surface-clear);--plasma-pagination-button-current-color-hover:var(--text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix(in srgb,var(--text-primary),var(--surface-clear) 95%);--plasma-pagination--button-current-color-active:var(--text-primary);--plasma-pagination-button-current-bg-color-active:color-mix(in srgb,var(--text-primary),var(--surface-clear) 90%);}
266
- .Pagination_config_k3wr97_ld1ub5p__16ea6b6b{--plasma-pagination-font-family:var(--plasma-typo-body-l-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-l-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-l-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-l-line-height);--plasma-pagination-button-height:3.5rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2.25rem;--plasma-pagination-input-width:4rem;--plasma-pagination-button-radius:0.875rem;--plasma-pagination-icon-size:1.2rem;--plasma-pagination-icon-double-size:1.45rem;--plasma-pagination-select-width:100%;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-width:auto;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding-top:1rem;--plasma-pagination-select-item-padding-right:1rem;--plasma-pagination-select-item-padding-bottom:1rem;--plasma-pagination-select-item-padding-left:1rem;--plasma-pagination-select-item-content-left-width:1.875rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:1rem;--plasma-pagination-select-target-width:100%;--plasma-pagination-select-target-padding:0 3.5rem 0 1.5rem;--plasma-pagination-select-target-padding-has-chips:0 3.625rem 0 0.375rem;--plasma-pagination-select-target-padding-with-input:0 3.625rem 0 0.625rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.875rem;--plasma-pagination-input-width:4rem;--plasma-pagination-input-height:3.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
267
- .Pagination_config_k3wr97_mrmyrl1__16ea6b6b{--plasma-pagination-font-family:var(--plasma-typo-body-m-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-m-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-m-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-m-line-height);--plasma-pagination-button-height:3rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-button-radius:0.75rem;--plasma-pagination-icon-size:1.05rem;--plasma-pagination-icon-double-size:1.3rem;--plasma-pagination-select-width:100%;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-width:auto;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding-top:0.75rem;--plasma-pagination-select-item-padding-right:0.75rem;--plasma-pagination-select-item-padding-bottom:0.75rem;--plasma-pagination-select-item-padding-left:0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.875rem;--plasma-pagination-select-target-width:100%;--plasma-pagination-select-target-padding:0 3.25rem 0 1.25rem;--plasma-pagination-select-target-padding-has-chips:0 3.375rem 0 0.375rem;--plasma-pagination-select-target-padding-with-input:0 3.375rem 0 0.625rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.75rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-input-height:3rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
268
- .Pagination_config_k3wr97_s1yvasll__16ea6b6b{--plasma-pagination-font-family:var(--plasma-typo-body-s-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-s-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-s-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-s-line-height);--plasma-pagination-button-height:2.5rem;--plasma-pagination-button-width:2.5rem;--plasma-pagination-button-width-shorter:1.75rem;--plasma-pagination-input-width:3rem;--plasma-pagination-button-radius:0.625rem;--plasma-pagination-icon-size:0.9rem;--plasma-pagination-icon-double-size:1.15rem;--plasma-pagination-select-width:100%;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-width:auto;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding-top:0.5rem;--plasma-pagination-select-item-padding-right:0.75rem;--plasma-pagination-select-item-padding-bottom:0.5rem;--plasma-pagination-select-item-padding-left:0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.75rem;--plasma-pagination-select-target-width:100%;--plasma-pagination-select-target-padding:0 3rem 0 1rem;--plasma-pagination-select-target-padding-has-chips:0 3.125rem 0 0.375rem;--plasma-pagination-select-target-padding-with-input:0 3.125rem 0 0.625rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.625rem;--plasma-pagination-input-width:3rem;--plasma-pagination-input-height:2.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
269
- .Pagination_config_k3wr97_xkm0cuu__16ea6b6b{--plasma-pagination-font-family:var(--plasma-typo-body-xs-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-xs-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-xs-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-xs-line-height);--plasma-pagination-button-height:2rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-button-radius:0.5rem;--plasma-pagination-button-width:2rem;--plasma-pagination-button-width-shorter:1.5rem;--plasma-pagination-icon-size:0.75rem;--plasma-pagination-icon-double-size:1rem;--plasma-pagination-select-width:100%;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-width:auto;--plasma-pagination-select-item-height:1rem;--plasma-pagination-select-item-padding-top:0.5rem;--plasma-pagination-select-item-padding-right:0.5rem;--plasma-pagination-select-item-padding-bottom:0.5rem;--plasma-pagination-select-item-padding-left:0.5rem;--plasma-pagination-select-item-content-left-width:1.25rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.5rem;--plasma-pagination-select-target-width:100%;--plasma-pagination-select-target-padding:0 2.5rem 0 0.75rem;--plasma-pagination-select-target-padding-has-chips:0 2.625rem 0 0.375rem;--plasma-pagination-select-target-padding-with-input:0 2.625rem 0 0.625rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.5rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-input-height:2rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
258
+ .Pagination_config_1fqgkuu_d147d9k7__1c1a1014{--plasma-pagination-button-color:var(--inverse-text-primary);--plasma-pagination-button-color-hover:var(--inverse-text-primary-hover);--plasma-pagination-button-color-active:var(--inverse-text-primary-active);--plasma-pagination-button-color-hover:var(--inverse-text-primary);--plasma-pagination-button-bg-color:var(--surface-solid-default);--plasma-pagination-button-bg-color-hover:var(--surface-solid-default-hover);--plasma-pagination-button-bg-color-active:var(--surface-solid-default-active);--plasma-pagination--button-color-active:var(--inverse-text-primary);--plasma-pagination--button-arrow-color:var(--inverse-text-secondary);--plasma-pagination--button-arrow-color-hover:var(--inverse-text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--inverse-text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-clear);--plasma-pagination-input-border-color:var(--surface-transparent-secondary);--plasma-pagination-select-bg-color:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
259
+ .Pagination_config_1fqgkuu_s1g35n3__1c1a1014{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-color-hover:var(--text-primary-hover);--plasma-pagination-button-color-active:var(--text-primary-active);--plasma-pagination-button-bg-color:var(--surface-transparent-secondary);--plasma-pagination-button-bg-color-hover:var(--surface-transparent-secondary-hover);--plasma-pagination-button-bg-color-active:var(--surface-transparent-secondary-active);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination--button-arrow-color:var(--text-secondary);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-clear);--plasma-pagination-select-bg-color:var(--surface-solid-secondary);--plasma-pagination-input-border-color:var(--surface-transparent-secondary);--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
260
+ .Pagination_config_1fqgkuu_c1o7skzx__1c1a1014{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-color-hover:var(--text-primary-hover);--plasma-pagination-button-color-active:var(--text-primary-active);--plasma-pagination-button-bg-color:var(--surface-clear);--plasma-pagination-button-bg-color-hover:var(--surface-clear);--plasma-pagination-button-bg-color-active:var(--surface-clear);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination--button-arrow-color:var(--text-secondary);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-clear);--plasma-pagination-select-bg-color:var(--surface-solid-card);--plasma-pagination-input-border-color:var(--surface-transparent-secondary);--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
261
+ .Pagination_config_1fqgkuu_p17sk1w4__1c1a1014{--plasma-pagination-button-color:var(--inverse-text-primary);--plasma-pagination-button-color-hover:var(--inverse-text-primary-hover);--plasma-pagination-button-color-active:var(--inverse-text-primary-active);--plasma-pagination-button-color-hover:var(--inverse-text-primary);--plasma-pagination-button-bg-color:var(--surface-solid-default);--plasma-pagination-button-bg-color-hover:var(--surface-solid-default-hover);--plasma-pagination-button-bg-color-active:var(--surface-solid-default-active);--plasma-pagination--button-color-active:var(--inverse-text-primary);--plasma-pagination--button-arrow-color:var(--inverse-text-secondary);--plasma-pagination--button-arrow-color-hover:var(--inverse-text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--inverse-text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-select-bg-color:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination-input-bg-color:var(--surface-clear);--plasma-pagination-input-border-color:var(--surface-transparent-secondary);--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
262
+ .Pagination_config_1fqgkuu_dovf1p6__1c1a1014{--plasma-pagination-button-current-color:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color:var(--surface-solid-default);--plasma-pagination-button-current-color-hover:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination--button-current-color-active:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 80% );}
263
+ .Pagination_config_1fqgkuu_s6lqjbg__1c1a1014{--plasma-pagination-button-current-color:var(--text-primary);--plasma-pagination-button-current-bg-color:var(--surface-transparent-secondary);--plasma-pagination-button-current-color-hover:var(--text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-transparent-secondary) 85% );--plasma-pagination--button-current-color-active:var(--text-primary);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-transparent-secondary) 80% );}
264
+ .Pagination_config_1fqgkuu_c1j7j26c__1c1a1014{--plasma-pagination-button-current-color:var(--text-primary);--plasma-pagination-button-current-bg-color:var(--surface-clear);--plasma-pagination-button-current-color-hover:var(--text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix(in srgb,var(--text-primary),var(--surface-clear) 95%);--plasma-pagination--button-current-color-active:var(--text-primary);--plasma-pagination-button-current-bg-color-active:color-mix(in srgb,var(--text-primary),var(--surface-clear) 90%);}
265
+ .Pagination_config_1fqgkuu_p18ks0gg__1c1a1014{--plasma-pagination-button-current-color:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color:var(--surface-solid-default);--plasma-pagination-button-current-color-hover:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination--button-current-color-active:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 80% );}
266
+ .Pagination_config_1fqgkuu_ld1ub5p__1c1a1014{--plasma-pagination-font-family:var(--plasma-typo-body-l-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-l-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-l-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-l-line-height);--plasma-pagination-button-height:3.5rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2.25rem;--plasma-pagination-input-width:4rem;--plasma-pagination-button-radius:0.875rem;--plasma-pagination-icon-size:1.2rem;--plasma-pagination-icon-double-size:1.45rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.5rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:1rem 1rem 1rem 1rem;--plasma-pagination-select-item-content-left-width:1.875rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:1rem;--plasma-pagination-select-target-padding:1.5rem 0 1.5rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.875rem;--plasma-pagination-input-width:4rem;--plasma-pagination-input-height:3.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
267
+ .Pagination_config_1fqgkuu_mrmyrl1__1c1a1014{--plasma-pagination-font-family:var(--plasma-typo-body-m-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-m-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-m-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-m-line-height);--plasma-pagination-button-height:3rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-button-radius:0.75rem;--plasma-pagination-icon-size:1.05rem;--plasma-pagination-icon-double-size:1.3rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.375rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.875rem;--plasma-pagination-select-target-padding:1.25rem 0 1.25rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.75rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-input-height:3rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
268
+ .Pagination_config_1fqgkuu_s1yvasll__1c1a1014{--plasma-pagination-font-family:var(--plasma-typo-body-s-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-s-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-s-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-s-line-height);--plasma-pagination-button-height:2.5rem;--plasma-pagination-button-width:2.5rem;--plasma-pagination-button-width-shorter:1.75rem;--plasma-pagination-input-width:3rem;--plasma-pagination-button-radius:0.625rem;--plasma-pagination-icon-size:0.9rem;--plasma-pagination-icon-double-size:1.15rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.75rem;--plasma-pagination-select-target-padding:1rem 0 1rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.625rem;--plasma-pagination-input-width:3rem;--plasma-pagination-input-height:2.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
269
+ .Pagination_config_1fqgkuu_xkm0cuu__1c1a1014{--plasma-pagination-font-family:var(--plasma-typo-body-xs-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-xs-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-xs-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-xs-line-height);--plasma-pagination-button-height:2rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-button-radius:0.5rem;--plasma-pagination-button-width:2rem;--plasma-pagination-button-width-shorter:1.5rem;--plasma-pagination-icon-size:0.75rem;--plasma-pagination-icon-double-size:1rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1rem;--plasma-pagination-select-item-padding:0.5rem 0.5rem 0.5rem 0.5rem;--plasma-pagination-select-item-content-left-width:1.25rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.5rem;--plasma-pagination-select-target-padding:0.75rem 0 0.75rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.5rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-input-height:2rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
270
270
 
271
271
 
272
272
 
@@ -324,6 +324,24 @@
324
324
  .SegmentGroup_config_notwep_t1q8y2w0__4d136812{--plasma-segment-group-filled-background-color:var(--plasma-colors-surface-liquid01);}
325
325
 
326
326
 
327
+ .Select_config_o7l3zz_x1kg4zfv__bce1c4e8{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.5rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1rem;--plasma-select-item-padding:0.5rem 0.5rem 0.5rem 0.375rem;--plasma-select-item-padding-tight:0.25rem 0.5rem 0.25rem 0.375rem;--plasma-select-item-border-radius:0.375rem;--plasma-select-item-icon-size:1rem;--plasma-select-item-icon-size-tight:1rem;--plasma-select-item-icon-margin:0 0.25rem 0 0;--plasma-select-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-checkbox-trigger-size:0.875rem;--plasma-select-checkbox-trigger-size-tight:0.875rem;--plasma-select-checkbox-trigger-border-radius:0.25rem;--plasma-select-checkbox-trigger-border-radius-tight:0.25rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.125rem;--plasma-select-chip-height:1.25rem;--plasma-select-chip-padding-right:0.375rem;--plasma-select-chip-padding-left:0.625rem;--plasma-select-chip-clear-content-margin-left:0.25rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:0.75rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.375rem;--plasma-select-target-height:2rem;--plasma-select-target-button-padding:0.75rem 0 0.75rem;--plasma-select-target-textfield-padding:0.5rem 0 0.625rem;--plasma-select-target-textfield-chip-padding:0.5rem 0 0.25rem;--plasma-select-label-offset:0.375rem;--plasma-select-inner-label-gap:0;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1rem;--plasma-select-spinner-size-tight:1rem;}
328
+ .Select_config_o7l3zz_s8ayzvi__bce1c4e8{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.625rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1.5rem;--plasma-select-item-padding:0.5rem 0.75rem 0.5rem 0.675rem;--plasma-select-item-padding-tight:0.25rem 0.75rem 0.25rem 0.675rem;--plasma-select-item-border-radius:0.5rem;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-icon-size-tight:1rem;--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-font-family:var(--plasma-typo-body-s-font-family);--plasma-select-font-size:var(--plasma-typo-body-s-font-size);--plasma-select-font-style:var(--plasma-typo-body-s-font-style);--plasma-select-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-select-checkbox-trigger-size:1.25rem;--plasma-select-checkbox-trigger-size-tight:0.875rem;--plasma-select-checkbox-trigger-border-radius:0.375rem;--plasma-select-checkbox-trigger-border-radius-tight:0.25rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.25rem;--plasma-select-chip-height:1.75rem;--plasma-select-chip-padding-right:0.5rem;--plasma-select-chip-padding-left:0.75rem;--plasma-select-chip-clear-content-margin-left:0.375rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:0.75rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.375rem;--plasma-select-target-height:2.5rem;--plasma-select-target-button-padding:1rem 0 1rem;--plasma-select-target-textfield-padding:0.75rem 0 0.875rem;--plasma-select-target-textfield-chip-padding:0.75rem 0 0.25rem;--plasma-select-label-offset:0.5rem;--plasma-select-inner-label-gap:0;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1.5rem;--plasma-select-spinner-size-tight:1rem;}
329
+ .Select_config_o7l3zz_mwn6ija__bce1c4e8{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.75rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1.5rem;--plasma-select-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-select-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-select-item-border-radius:0.625rem;--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-icon-size-tight:1.5rem;--plasma-select-font-family:var(--plasma-typo-body-m-font-family);--plasma-select-font-size:var(--plasma-typo-body-m-font-size);--plasma-select-font-style:var(--plasma-typo-body-m-font-style);--plasma-select-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-m-line-height);--plasma-select-checkbox-trigger-size:1.25rem;--plasma-select-checkbox-trigger-size-tight:1.25rem;--plasma-select-checkbox-trigger-border-radius:0.375rem;--plasma-select-checkbox-trigger-border-radius-tight:0.375rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.375rem;--plasma-select-chip-height:2.25rem;--plasma-select-chip-padding-right:0.875rem;--plasma-select-chip-padding-left:0.625rem;--plasma-select-chip-clear-content-margin-left:0.5rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:1rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.375rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.625rem;--plasma-select-target-height:3rem;--plasma-select-target-button-padding:1.25rem 0 1.25rem;--plasma-select-target-textfield-padding:0.875rem 0 1rem;--plasma-select-target-textfield-chip-padding:0.875rem 0 0.25rem;--plasma-select-label-offset:0.625rem;--plasma-select-inner-label-gap:0.125rem;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1.5rem;--plasma-select-spinner-size-tight:1.5rem;}
330
+ .Select_config_o7l3zz_ll2700s__bce1c4e8{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.875rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1.5rem;--plasma-select-item-padding:1rem 1rem 1rem 0.875rem;--plasma-select-item-padding-tight:0.75rem 1rem 0.75rem 0.875rem;--plasma-select-item-border-radius:0.75rem;--plasma-select-item-icon-margin:0 0.5rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-icon-size-tight:1.5rem;--plasma-select-font-family:var(--plasma-typo-body-l-font-family);--plasma-select-font-size:var(--plasma-typo-body-l-font-size);--plasma-select-font-style:var(--plasma-typo-body-l-font-style);--plasma-select-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-l-line-height);--plasma-select-checkbox-trigger-size:1.25rem;--plasma-select-checkbox-trigger-size-tight:1.25rem;--plasma-select-checkbox-trigger-border-radius:0.375rem;--plasma-select-checkbox-trigger-border-radius-tight:0.375rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.5rem;--plasma-select-chip-height:2.75rem;--plasma-select-chip-padding-right:0.75rem;--plasma-select-chip-padding-left:1rem;--plasma-select-chip-clear-content-margin-left:0.625rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:1rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.5rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.75rem;--plasma-select-target-height:3.5rem;--plasma-select-target-button-padding:1.5rem 0 1.5rem;--plasma-select-target-textfield-padding:1rem 0 1.125rem;--plasma-select-target-textfield-chip-padding:1rem 0 0.25rem;--plasma-select-label-offset:0.75rem;--plasma-select-inner-label-gap:0.125rem;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1.5rem;--plasma-select-spinner-size-tight:1.5rem;}
331
+ .Select_config_o7l3zz_d10f744h__bce1c4e8{--plasma-select-helper-text-color:var(--text-secondary);--plasma-select-target-button-color:var(--inverse-text-primary);--plasma-select-target-button-color-hover:var(--inverse-text-primary-hover);--plasma-select-target-button-color-active:var(--inverse-text-primary-active);--plasma-select-target-button-arrow-color:var(--inverse-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--inverse-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--inverse-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-solid-default);--plasma-select-target-button-background-color-hover:var(--surface-solid-default-hover);--plasma-select-target-button-background-color-active:var(--surface-solid-default-hover);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-transparent-tertiary);}
332
+ .Select_config_o7l3zz_ppldmag__bce1c4e8{--plasma-select-helper-text-color:var(--text-positive);--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-positive);--plasma-select-target-button-background-color-hover:var(--surface-positive-hover);--plasma-select-target-button-background-color-active:var(--surface-positive-active);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-positive);}
333
+ .Select_config_o7l3zz_w19ze6kr__bce1c4e8{--plasma-select-helper-text-color:var(--text-warning);--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-warning);--plasma-select-target-button-background-color-hover:var(--surface-warning-hover);--plasma-select-target-button-background-color-active:var(--surface-warning-active);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-warning);}
334
+ .Select_config_o7l3zz_n1wxh97u__bce1c4e8{--plasma-select-helper-text-color:var(--text-negative);--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-negative);--plasma-select-target-button-background-color-hover:var(--surface-negative-hover);--plasma-select-target-button-background-color-active:var(--surface-negative-active);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-negative);}
335
+ .Select_config_o7l3zz_a14jw2h2__bce1c4e8{--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-accent);--plasma-select-target-button-background-color-hover:var(--surface-accent-hover);--plasma-select-target-button-background-color-active:var(--surface-accent-active);}
336
+ .Select_config_o7l3zz_sha4l8y__bce1c4e8{--plasma-select-target-button-color:var(--text-primary);--plasma-select-target-button-color-hover:var(--text-primary-hover);--plasma-select-target-button-color-active:var(--text-primary-active);--plasma-select-target-button-arrow-color:var(--text-secondary);--plasma-select-target-button-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-transparent-secondary);--plasma-select-target-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-select-target-button-background-color-active:var(--surface-transparent-secondary-active);}
337
+ .Select_config_o7l3zz_c1oyqeq0__bce1c4e8{--plasma-select-target-button-color:var(--text-primary);--plasma-select-target-button-color-hover:var(--text-primary-hover);--plasma-select-target-button-color-active:var(--text-primary-active);--plasma-select-target-button-arrow-color:var(--text-secondary);--plasma-select-target-button-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--text-secondary-active);--plasma-select-target-button-background-color:var(--surface-clear);--plasma-select-target-button-background-color-hover:var(--surface-clear);--plasma-select-target-button-background-color-active:var(--surface-clear);}
338
+ .Select_config_o7l3zz_d2c1so1__bce1c4e8{--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-active);--plasma-select-target-button-background-color:var(--on-light-surface-transparent-deep);--plasma-select-target-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-select-target-button-background-color-active:var(--on-light-surface-transparent-deep-active);}
339
+ .Select_config_o7l3zz_b1jeurdb__bce1c4e8{--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-active);--plasma-select-target-button-background-color:var(--on-light-surface-solid-default);--plasma-select-target-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-select-target-button-background-color-active:var(--on-light-surface-solid-default-active);}
340
+ .Select_config_o7l3zz_w5a6ng6__bce1c4e8{--plasma-select-target-button-color:var(--on-light-text-primary);--plasma-select-target-button-color-hover:var(--on-light-text-primary-hover);--plasma-select-target-button-color-active:var(--on-light-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-light-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-light-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-light-text-secondary-active);--plasma-select-target-button-background-color:var(--on-dark-surface-solid-default);--plasma-select-target-button-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-select-target-button-background-color-active:var(--on-dark-surface-solid-default-active);}
341
+ .Select_config_o7l3zz_dtzpg6f__bce1c4e8{--plasma-select-chip-color:var(--inverse-text-primary);--plasma-select-chip-background:var(--surface-solid-default);--plasma-select-chip-background-hover:var(--surface-solid-default-hover);--plasma-select-chip-background-active:var(--surface-solid-default-active);}
342
+ .Select_config_o7l3zz_s1icms6a__bce1c4e8{--plasma-select-chip-color:var(--text-primary);--plasma-select-chip-background:var(--surface-transparent-secondary);--plasma-select-chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-select-chip-background-active:var(--surface-transparent-secondary-active);}
343
+ .Select_config_o7l3zz_a3rcam1__bce1c4e8{--plasma-select-chip-color:var(--on-dark-text-primary);--plasma-select-chip-background:var(--surface-accent);--plasma-select-chip-background-hover:var(--surface-accent-hover);--plasma-select-chip-background-active:var(--surface-accent-active);}
344
+
327
345
  .Sheet_config_1anu74e_d14dauul__f53b22ba{--plasma-sheet-overlay-color:var(--overlay-soft);--plasma-sheet-overlay-with-blur-color:var(--overlay-blur);--plasma-sheet-content-background-color:var(--surface-solid-card);--plasma-sheet-handle-background-color:var(--surface-solid-tertiary);}
328
346
 
329
347
  .LineSkeleton_config_1fkfzjy_b19llrr0__35f66391{--plasma-skeleton-line-height:var(--plasma-typo-body1-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-body1-font-size);}
package/css/cjs/index.js CHANGED
@@ -40,7 +40,7 @@ var Progress = require('./components/Progress/Progress.js');
40
40
  var Radiobox = require('./components/Radiobox/Radiobox.js');
41
41
  var Range = require('./components/Range/Range.js');
42
42
  var Segment = require('./components/Segment/Segment.js');
43
- var Select = require('./components/Select/Select.js');
43
+ var Select = require('./components/SelectNew/Select.js');
44
44
  var Sheet = require('./components/Sheet/Sheet.js');
45
45
  var Skeleton = require('./components/Skeleton/Skeleton.js');
46
46
  var Slider = require('./components/Slider/Slider.js');
@@ -215,10 +215,6 @@ exports.Drawer = Drawer.Drawer;
215
215
  exports.DrawerContent = Drawer.DrawerContent;
216
216
  exports.DrawerFooter = Drawer.DrawerFooter;
217
217
  exports.DrawerHeader = Drawer.DrawerHeader;
218
- Object.defineProperty(exports, 'SelectGroup', {
219
- enumerable: true,
220
- get: function () { return plasmaHope.SelectGroup; }
221
- });
222
218
  Object.defineProperty(exports, 'TextFieldView', {
223
219
  enumerable: true,
224
220
  get: function () { return plasmaHope.TextFieldView; }
@@ -249,7 +245,7 @@ exports.Radiobox = Radiobox.Radiobox;
249
245
  exports.Range = Range.Range;
250
246
  exports.SegmentGroup = Segment.SegmentGroup;
251
247
  exports.SegmentItem = Segment.SegmentItem;
252
- exports.Select = Select.Select;
248
+ exports.SelectNew = Select.Select;
253
249
  exports.Sheet = Sheet.Sheet;
254
250
  exports.LineSkeleton = Skeleton.LineSkeleton;
255
251
  exports.TextSkeleton = Skeleton.TextSkeleton;
package/css/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/css/es/components/Pagination/Pagination.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Pagination.config_k3wr97.css';
1
+ import './Pagination.config_1fqgkuu.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'clear',
@@ -7,9 +7,9 @@ var config = {
7
7
  },
8
8
  variations: {
9
9
  view: {
10
- secondary: "s147d9k7",
11
- clear: "c1g35n3",
12
- "default": "d1o7skzx",
10
+ "default": "d147d9k7",
11
+ secondary: "s1g35n3",
12
+ clear: "c1o7skzx",
13
13
  /**
14
14
  * @deprecated
15
15
  * использовать `default`
@@ -18,13 +18,13 @@ var config = {
18
18
  },
19
19
  viewCurrentPage: {
20
20
  "default": "dovf1p6",
21
+ secondary: "s6lqjbg",
22
+ clear: "c1j7j26c",
21
23
  /**
22
24
  * @deprecated
23
25
  * использовать `default`
24
26
  */
25
- primary: "p6lqjbg",
26
- secondary: "s1j7j26c",
27
- clear: "c18ks0gg"
27
+ primary: "p18ks0gg"
28
28
  },
29
29
  size: {
30
30
  l: "ld1ub5p",
package/css/es/components/Pagination/Pagination.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.config.js","sources":["../../../../src-css/components/Pagination/Pagination.config.ts"],"sourcesContent":["import { css, paginationTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n viewCurrentPage: 'secondary',\n size: 'xs',\n },\n variations: {\n view: {\n secondary: css`\n ${paginationTokens.buttonColor}: var(--text-primary);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.buttonHoverColor}: var(--text-primary);\n ${paginationTokens.buttonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-transparent-secondary) 85%\n );\n ${paginationTokens.buttonActiveColor}: var(--text-primary);\n ${paginationTokens.buttonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-transparent-secondary) 80%\n );\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.selectBackgroundColor}: var(--surface-solid-secondary);\n ${paginationTokens.inputBackgroundColor}: var(--surface-clear);\n ${paginationTokens.inputBorderColor}: var(--surface-transparent-secondary);\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n clear: css`\n ${paginationTokens.buttonColor}: var(--text-primary);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-clear);\n ${paginationTokens.buttonHoverColor}: var(--text-primary);\n ${paginationTokens.buttonHoverBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 95%);\n ${paginationTokens.buttonActiveColor}: var(--text-primary);\n ${paginationTokens.buttonActiveBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 90%);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.selectBackgroundColor}: var(--surface-solid-card);\n ${paginationTokens.inputBackgroundColor}: var(--surface-clear);\n ${paginationTokens.inputBorderColor}: var(--surface-transparent-secondary);\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n default: css`\n ${paginationTokens.buttonColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.buttonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n ${paginationTokens.buttonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 80%\n );\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.selectBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n ${paginationTokens.inputBackgroundColor}: var(--surface-clear);\n ${paginationTokens.inputBorderColor}: var(--surface-transparent-secondary);\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n /**\n * @deprecated\n * использовать `default`\n */\n primary: css`\n ${paginationTokens.buttonColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.buttonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n ${paginationTokens.buttonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 80%\n );\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.selectBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n ${paginationTokens.inputBackgroundColor}: var(--surface-clear);\n ${paginationTokens.inputBorderColor}: var(--surface-transparent-secondary);\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n viewCurrentPage: {\n default: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 80%\n );\n `,\n /**\n * @deprecated\n * использовать `default`\n */\n primary: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 80%\n );\n `,\n secondary: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-transparent-secondary) 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-transparent-secondary) 80%\n );\n `,\n clear: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-clear);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 95%);\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 90%);\n `,\n },\n size: {\n l: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-l-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-l-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-l-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${paginationTokens.buttonHeight}: 3.5rem;\n ${paginationTokens.buttonWidth}: 3rem;\n ${paginationTokens.buttonWidthShorter}: 2.25rem;\n ${paginationTokens.paginationInputWidth}: 4rem;\n ${paginationTokens.buttonRadius}: 0.875rem;\n ${paginationTokens.paginationIconSize}: 1.2rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.45rem;\n\n ${paginationTokens.selectWidth}: 100%;\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemWidth}: auto;\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPaddingTop}: 1rem;\n ${paginationTokens.selectItemPaddingRight}: 1rem;\n ${paginationTokens.selectItemPaddingBottom}: 1rem;\n ${paginationTokens.selectItemPaddingLeft}: 1rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.875rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 1rem;\n ${paginationTokens.selectTargetWidth}: 100%;\n ${paginationTokens.selectTargetPadding}: 0 3.5rem 0 1.5rem;\n ${paginationTokens.selectTargetPaddingHasChips}: 0 3.625rem 0 0.375rem;\n ${paginationTokens.selectTargetPaddingWithInput}: 0 3.625rem 0 0.625rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.875rem;\n ${paginationTokens.inputWidth}: 4rem;\n ${paginationTokens.inputHeight}: 3.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n `,\n m: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-m-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-m-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-m-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${paginationTokens.buttonHeight}: 3rem;\n ${paginationTokens.buttonWidth}: 3rem;\n ${paginationTokens.buttonWidthShorter}: 2rem;\n ${paginationTokens.paginationInputWidth}: 3.5rem;\n ${paginationTokens.buttonRadius}: 0.75rem;\n ${paginationTokens.paginationIconSize}: 1.05rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.3rem;\n\n ${paginationTokens.selectWidth}: 100%;\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemWidth}: auto;\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPaddingTop}: 0.75rem;\n ${paginationTokens.selectItemPaddingRight}: 0.75rem;\n ${paginationTokens.selectItemPaddingBottom}: 0.75rem;\n ${paginationTokens.selectItemPaddingLeft}: 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.875rem;\n ${paginationTokens.selectTargetWidth}: 100%;\n ${paginationTokens.selectTargetPadding}: 0 3.25rem 0 1.25rem;\n ${paginationTokens.selectTargetPaddingHasChips}: 0 3.375rem 0 0.375rem;\n ${paginationTokens.selectTargetPaddingWithInput}: 0 3.375rem 0 0.625rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.75rem;\n ${paginationTokens.inputWidth}: 3.5rem;\n ${paginationTokens.inputHeight}: 3rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n `,\n s: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-s-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-s-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-s-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${paginationTokens.buttonHeight}: 2.5rem;\n ${paginationTokens.buttonWidth}: 2.5rem;\n ${paginationTokens.buttonWidthShorter}: 1.75rem;\n ${paginationTokens.paginationInputWidth}: 3rem;\n ${paginationTokens.buttonRadius}: 0.625rem;\n ${paginationTokens.paginationIconSize}: 0.9rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.15rem;\n\n ${paginationTokens.selectWidth}: 100%;\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemWidth}: auto;\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPaddingTop}: 0.5rem;\n ${paginationTokens.selectItemPaddingRight}: 0.75rem;\n ${paginationTokens.selectItemPaddingBottom}: 0.5rem;\n ${paginationTokens.selectItemPaddingLeft}: 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.75rem;\n ${paginationTokens.selectTargetWidth}: 100%;\n ${paginationTokens.selectTargetPadding}: 0 3rem 0 1rem;\n ${paginationTokens.selectTargetPaddingHasChips}: 0 3.125rem 0 0.375rem;\n ${paginationTokens.selectTargetPaddingWithInput}: 0 3.125rem 0 0.625rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.625rem;\n ${paginationTokens.inputWidth}: 3rem;\n ${paginationTokens.inputHeight}: 2.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n `,\n xs: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-xs-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${paginationTokens.buttonHeight}: 2rem;\n ${paginationTokens.paginationInputWidth}: 2.5rem;\n ${paginationTokens.buttonRadius}: 0.5rem;\n ${paginationTokens.buttonWidth}: 2rem;\n ${paginationTokens.buttonWidthShorter}: 1.5rem;\n ${paginationTokens.paginationIconSize}: 0.75rem;\n ${paginationTokens.paginationIconDoubleSize}: 1rem;\n\n ${paginationTokens.selectWidth}: 100%;\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemWidth}: auto;\n ${paginationTokens.selectItemHeight}: 1rem;\n ${paginationTokens.selectItemPaddingTop}: 0.5rem;\n ${paginationTokens.selectItemPaddingRight}: 0.5rem;\n ${paginationTokens.selectItemPaddingBottom}: 0.5rem;\n ${paginationTokens.selectItemPaddingLeft}: 0.5rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.25rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.5rem;\n ${paginationTokens.selectTargetWidth}: 100%;\n ${paginationTokens.selectTargetPadding}: 0 2.5rem 0 0.75rem;\n ${paginationTokens.selectTargetPaddingHasChips}: 0 2.625rem 0 0.375rem;\n ${paginationTokens.selectTargetPaddingWithInput}: 0 2.625rem 0 0.625rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.5rem;\n ${paginationTokens.inputWidth}: 2.5rem;\n ${paginationTokens.inputHeight}: 2rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n `,\n },\n type: {\n compact: css``,\n default: css``,\n },\n },\n};\n"],"names":["config","defaults","view","viewCurrentPage","size","variations","secondary","clear","default","primary","l","m","s","xs","type","compact"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,eAAe,EAAE,WAAW;AAC5BC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAS,EAwBR,UAAA;AACDC,MAAAA,KAAK,EAgBJ,SAAA;AACDC,MAAAA,SAAAA,EA4BC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAAA,UAAA;KA6BV;AACDN,IAAAA,eAAe,EAAE;AACbK,MAAAA,SAAAA,EAeC,SAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAeN,SAAA;AACDH,MAAAA,SAAS,EAeR,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAQR;AACDH,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EA6CA,SAAA;AACDC,MAAAA,CAAC,EA6CA,SAAA;AACDC,MAAAA,CAAC,EA6CA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KA8CL;AACDC,IAAAA,IAAI,EAAE;AACFC,MAAAA,OAAO,EAAO,UAAA;MACdP,SAAO,EAAA,UAAA;AACX,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Pagination.config.js","sources":["../../../../src-css/components/Pagination/Pagination.config.ts"],"sourcesContent":["import { css, paginationTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n viewCurrentPage: 'secondary',\n size: 'xs',\n },\n variations: {\n view: {\n default: css`\n ${paginationTokens.buttonColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--inverse-text-primary-active);\n ${paginationTokens.buttonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n ${paginationTokens.buttonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonArrowColor}: var(--inverse-text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--inverse-text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--inverse-text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-clear);\n ${paginationTokens.inputBorderColor}: var(--surface-transparent-secondary);\n ${paginationTokens.selectBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n secondary: css`\n ${paginationTokens.buttonColor}: var(--text-primary);\n ${paginationTokens.buttonColorHover}: var(--text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--text-primary-active);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n ${paginationTokens.buttonHoverColor}: var(--text-primary);\n ${paginationTokens.buttonActiveColor}: var(--text-primary);\n ${paginationTokens.buttonArrowColor}: var(--text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-clear);\n ${paginationTokens.selectBackgroundColor}: var(--surface-solid-secondary);\n ${paginationTokens.inputBorderColor}: var(--surface-transparent-secondary);\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n clear: css`\n ${paginationTokens.buttonColor}: var(--text-primary);\n ${paginationTokens.buttonColorHover}: var(--text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--text-primary-active);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-clear);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-clear);\n ${paginationTokens.buttonHoverColor}: var(--text-primary);\n ${paginationTokens.buttonActiveColor}: var(--text-primary);\n ${paginationTokens.buttonArrowColor}: var(--text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-clear);\n ${paginationTokens.selectBackgroundColor}: var(--surface-solid-card);\n ${paginationTokens.inputBorderColor}: var(--surface-transparent-secondary);\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n /**\n * @deprecated\n * использовать `default`\n */\n primary: css`\n ${paginationTokens.buttonColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--inverse-text-primary-active);\n ${paginationTokens.buttonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n ${paginationTokens.buttonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonArrowColor}: var(--inverse-text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--inverse-text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--inverse-text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.selectBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n ${paginationTokens.inputBackgroundColor}: var(--surface-clear);\n ${paginationTokens.inputBorderColor}: var(--surface-transparent-secondary);\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n viewCurrentPage: {\n default: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 80%\n );\n `,\n secondary: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-transparent-secondary) 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-transparent-secondary) 80%\n );\n `,\n clear: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-clear);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 95%);\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 90%);\n `,\n /**\n * @deprecated\n * использовать `default`\n */\n primary: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 80%\n );\n `,\n },\n size: {\n l: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-l-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-l-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-l-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${paginationTokens.buttonHeight}: 3.5rem;\n ${paginationTokens.buttonWidth}: 3rem;\n ${paginationTokens.buttonWidthShorter}: 2.25rem;\n ${paginationTokens.paginationInputWidth}: 4rem;\n ${paginationTokens.buttonRadius}: 0.875rem;\n ${paginationTokens.paginationIconSize}: 1.2rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.45rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.5rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 1rem 1rem 1rem 1rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.875rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 1rem;\n ${paginationTokens.selectTargetPadding}: 1.5rem 0 1.5rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.875rem;\n ${paginationTokens.inputWidth}: 4rem;\n ${paginationTokens.inputHeight}: 3.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n `,\n m: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-m-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-m-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-m-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${paginationTokens.buttonHeight}: 3rem;\n ${paginationTokens.buttonWidth}: 3rem;\n ${paginationTokens.buttonWidthShorter}: 2rem;\n ${paginationTokens.paginationInputWidth}: 3.5rem;\n ${paginationTokens.buttonRadius}: 0.75rem;\n ${paginationTokens.paginationIconSize}: 1.05rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.3rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.375rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.875rem;\n ${paginationTokens.selectTargetPadding}: 1.25rem 0 1.25rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.75rem;\n ${paginationTokens.inputWidth}: 3.5rem;\n ${paginationTokens.inputHeight}: 3rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n `,\n s: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-s-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-s-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-s-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${paginationTokens.buttonHeight}: 2.5rem;\n ${paginationTokens.buttonWidth}: 2.5rem;\n ${paginationTokens.buttonWidthShorter}: 1.75rem;\n ${paginationTokens.paginationInputWidth}: 3rem;\n ${paginationTokens.buttonRadius}: 0.625rem;\n ${paginationTokens.paginationIconSize}: 0.9rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.15rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.75rem;\n ${paginationTokens.selectTargetPadding}: 1rem 0 1rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.625rem;\n ${paginationTokens.inputWidth}: 3rem;\n ${paginationTokens.inputHeight}: 2.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n `,\n xs: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-xs-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${paginationTokens.buttonHeight}: 2rem;\n ${paginationTokens.paginationInputWidth}: 2.5rem;\n ${paginationTokens.buttonRadius}: 0.5rem;\n ${paginationTokens.buttonWidth}: 2rem;\n ${paginationTokens.buttonWidthShorter}: 1.5rem;\n ${paginationTokens.paginationIconSize}: 0.75rem;\n ${paginationTokens.paginationIconDoubleSize}: 1rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.5rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.25rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.5rem;\n ${paginationTokens.selectTargetPadding}: 0.75rem 0 0.75rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.5rem;\n ${paginationTokens.inputWidth}: 2.5rem;\n ${paginationTokens.inputHeight}: 2rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n `,\n },\n type: {\n compact: css``,\n default: css``,\n },\n },\n};\n"],"names":["config","defaults","view","viewCurrentPage","size","variations","default","secondary","clear","primary","l","m","s","xs","type","compact"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,eAAe,EAAE,WAAW;AAC5BC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAyBC,UAAA;AACDC,MAAAA,SAAS,EAqBR,SAAA;AACDC,MAAAA,KAAK,EAqBJ,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAAA,UAAA;KA0BV;AACDN,IAAAA,eAAe,EAAE;AACbG,MAAAA,SAAAA,EAeC,SAAA;AACDC,MAAAA,SAAS,EAeR,SAAA;AACDC,MAAAA,KAAK,EAOJ,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAAA,UAAA;KAgBV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAsCA,SAAA;AACDC,MAAAA,CAAC,EAsCA,SAAA;AACDC,MAAAA,CAAC,EAsCA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAuCL;AACDC,IAAAA,IAAI,EAAE;AACFC,MAAAA,OAAO,EAAO,UAAA;MACdT,SAAO,EAAA,UAAA;AACX,KAAA;AACJ,GAAA;AACJ;;;;"}
package/css/es/components/Pagination/Pagination.config_1fqgkuu.css ADDED
@@ -0,0 +1,14 @@
1
+ .d147d9k7{--plasma-pagination-button-color:var(--inverse-text-primary);--plasma-pagination-button-color-hover:var(--inverse-text-primary-hover);--plasma-pagination-button-color-active:var(--inverse-text-primary-active);--plasma-pagination-button-color-hover:var(--inverse-text-primary);--plasma-pagination-button-bg-color:var(--surface-solid-default);--plasma-pagination-button-bg-color-hover:var(--surface-solid-default-hover);--plasma-pagination-button-bg-color-active:var(--surface-solid-default-active);--plasma-pagination--button-color-active:var(--inverse-text-primary);--plasma-pagination--button-arrow-color:var(--inverse-text-secondary);--plasma-pagination--button-arrow-color-hover:var(--inverse-text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--inverse-text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-clear);--plasma-pagination-input-border-color:var(--surface-transparent-secondary);--plasma-pagination-select-bg-color:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
2
+ .s1g35n3{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-color-hover:var(--text-primary-hover);--plasma-pagination-button-color-active:var(--text-primary-active);--plasma-pagination-button-bg-color:var(--surface-transparent-secondary);--plasma-pagination-button-bg-color-hover:var(--surface-transparent-secondary-hover);--plasma-pagination-button-bg-color-active:var(--surface-transparent-secondary-active);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination--button-arrow-color:var(--text-secondary);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-clear);--plasma-pagination-select-bg-color:var(--surface-solid-secondary);--plasma-pagination-input-border-color:var(--surface-transparent-secondary);--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
3
+ .c1o7skzx{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-color-hover:var(--text-primary-hover);--plasma-pagination-button-color-active:var(--text-primary-active);--plasma-pagination-button-bg-color:var(--surface-clear);--plasma-pagination-button-bg-color-hover:var(--surface-clear);--plasma-pagination-button-bg-color-active:var(--surface-clear);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination--button-arrow-color:var(--text-secondary);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-clear);--plasma-pagination-select-bg-color:var(--surface-solid-card);--plasma-pagination-input-border-color:var(--surface-transparent-secondary);--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
4
+ .p17sk1w4{--plasma-pagination-button-color:var(--inverse-text-primary);--plasma-pagination-button-color-hover:var(--inverse-text-primary-hover);--plasma-pagination-button-color-active:var(--inverse-text-primary-active);--plasma-pagination-button-color-hover:var(--inverse-text-primary);--plasma-pagination-button-bg-color:var(--surface-solid-default);--plasma-pagination-button-bg-color-hover:var(--surface-solid-default-hover);--plasma-pagination-button-bg-color-active:var(--surface-solid-default-active);--plasma-pagination--button-color-active:var(--inverse-text-primary);--plasma-pagination--button-arrow-color:var(--inverse-text-secondary);--plasma-pagination--button-arrow-color-hover:var(--inverse-text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--inverse-text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-select-bg-color:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination-input-bg-color:var(--surface-clear);--plasma-pagination-input-border-color:var(--surface-transparent-secondary);--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
5
+ .dovf1p6{--plasma-pagination-button-current-color:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color:var(--surface-solid-default);--plasma-pagination-button-current-color-hover:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination--button-current-color-active:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 80% );}
6
+ .s6lqjbg{--plasma-pagination-button-current-color:var(--text-primary);--plasma-pagination-button-current-bg-color:var(--surface-transparent-secondary);--plasma-pagination-button-current-color-hover:var(--text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-transparent-secondary) 85% );--plasma-pagination--button-current-color-active:var(--text-primary);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-transparent-secondary) 80% );}
7
+ .c1j7j26c{--plasma-pagination-button-current-color:var(--text-primary);--plasma-pagination-button-current-bg-color:var(--surface-clear);--plasma-pagination-button-current-color-hover:var(--text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix(in srgb,var(--text-primary),var(--surface-clear) 95%);--plasma-pagination--button-current-color-active:var(--text-primary);--plasma-pagination-button-current-bg-color-active:color-mix(in srgb,var(--text-primary),var(--surface-clear) 90%);}
8
+ .p18ks0gg{--plasma-pagination-button-current-color:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color:var(--surface-solid-default);--plasma-pagination-button-current-color-hover:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination--button-current-color-active:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 80% );}
9
+ .ld1ub5p{--plasma-pagination-font-family:var(--plasma-typo-body-l-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-l-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-l-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-l-line-height);--plasma-pagination-button-height:3.5rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2.25rem;--plasma-pagination-input-width:4rem;--plasma-pagination-button-radius:0.875rem;--plasma-pagination-icon-size:1.2rem;--plasma-pagination-icon-double-size:1.45rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.5rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:1rem 1rem 1rem 1rem;--plasma-pagination-select-item-content-left-width:1.875rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:1rem;--plasma-pagination-select-target-padding:1.5rem 0 1.5rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.875rem;--plasma-pagination-input-width:4rem;--plasma-pagination-input-height:3.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
10
+ .mrmyrl1{--plasma-pagination-font-family:var(--plasma-typo-body-m-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-m-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-m-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-m-line-height);--plasma-pagination-button-height:3rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-button-radius:0.75rem;--plasma-pagination-icon-size:1.05rem;--plasma-pagination-icon-double-size:1.3rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.375rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.875rem;--plasma-pagination-select-target-padding:1.25rem 0 1.25rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.75rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-input-height:3rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
11
+ .s1yvasll{--plasma-pagination-font-family:var(--plasma-typo-body-s-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-s-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-s-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-s-line-height);--plasma-pagination-button-height:2.5rem;--plasma-pagination-button-width:2.5rem;--plasma-pagination-button-width-shorter:1.75rem;--plasma-pagination-input-width:3rem;--plasma-pagination-button-radius:0.625rem;--plasma-pagination-icon-size:0.9rem;--plasma-pagination-icon-double-size:1.15rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.75rem;--plasma-pagination-select-target-padding:1rem 0 1rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.625rem;--plasma-pagination-input-width:3rem;--plasma-pagination-input-height:2.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
12
+ .xkm0cuu{--plasma-pagination-font-family:var(--plasma-typo-body-xs-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-xs-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-xs-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-xs-line-height);--plasma-pagination-button-height:2rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-button-radius:0.5rem;--plasma-pagination-button-width:2rem;--plasma-pagination-button-width-shorter:1.5rem;--plasma-pagination-icon-size:0.75rem;--plasma-pagination-icon-double-size:1rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1rem;--plasma-pagination-select-item-padding:0.5rem 0.5rem 0.5rem 0.5rem;--plasma-pagination-select-item-content-left-width:1.25rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.5rem;--plasma-pagination-select-target-padding:0.75rem 0 0.75rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.5rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-input-height:2rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
13
+
14
+