@salutejs/plasma-web 1.400.0-canary.1418.10918226755.0 → 1.400.0-canary.1439.10921298477.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (42) hide show
  1. package/api/plasma-web.api.md +0 -193
  2. package/components/Select/Select.config.js +8 -8
  3. package/components/TextField/TextField.d.ts +5 -11
  4. package/components/TextField/TextField.js +2 -2
  5. package/css/cjs/components/Select/Select.config.js +1 -1
  6. package/css/cjs/components/Select/Select.config.js.map +1 -1
  7. package/css/cjs/components/Select/{Select.config_63kke9.css → Select.config_u1tjpc.css} +8 -8
  8. package/css/cjs/components/Select/Select.css +17 -17
  9. package/css/cjs/components/TextField/TextField.js +0 -1
  10. package/css/cjs/components/TextField/TextField.js.map +1 -1
  11. package/css/cjs/index.css +17 -17
  12. package/css/cjs/index.js +0 -2
  13. package/css/cjs/index.js.map +1 -1
  14. package/css/es/components/Select/Select.config.js +1 -1
  15. package/css/es/components/Select/Select.config.js.map +1 -1
  16. package/css/es/components/Select/{Select.config_63kke9.css → Select.config_u1tjpc.css} +8 -8
  17. package/css/es/components/Select/Select.css +17 -17
  18. package/css/es/components/TextField/TextField.js +1 -1
  19. package/css/es/components/TextField/TextField.js.map +1 -1
  20. package/css/es/index.css +17 -17
  21. package/css/es/index.js +0 -1
  22. package/css/es/index.js.map +1 -1
  23. package/css/index.d.ts +0 -2
  24. package/es/components/Select/Select.config.js +8 -8
  25. package/es/components/TextField/TextField.js +1 -1
  26. package/es/index.js +1 -2
  27. package/index.d.ts +0 -1
  28. package/index.js +0 -11
  29. package/package.json +8 -8
  30. package/temp/plasma-web.api.md +0 -193
  31. package/components/Mask/Mask.d.ts +0 -190
  32. package/components/Mask/Mask.js +0 -9
  33. package/components/Mask/index.d.ts +0 -1
  34. package/components/Mask/index.js +0 -12
  35. package/css/cjs/components/Mask/Mask.js +0 -11
  36. package/css/cjs/components/Mask/Mask.js.map +0 -1
  37. package/css/es/components/Mask/Mask.js +0 -7
  38. package/css/es/components/Mask/Mask.js.map +0 -1
  39. package/es/components/Mask/Mask.js +0 -3
  40. package/es/components/Mask/index.js +0 -1
  41. /package/css/cjs/components/{Mask/Mask.css → TextField/TextField.css} +0 -0
  42. /package/css/es/components/{Mask/Mask.css → TextField/TextField.css} +0 -0
@@ -151,12 +151,10 @@ import { InputHTMLAttributes } from '@salutejs/plasma-core';
151
151
  import { InputHTMLAttributes as InputHTMLAttributes_2 } from '@salutejs/plasma-new-hope/types/types';
152
152
  import { InputHTMLAttributes as InputHTMLAttributes_3 } from 'react';
153
153
  import { JSXElementConstructor } from 'react';
154
- import { KeyboardEvent as KeyboardEvent_2 } from 'react';
155
154
  import { LineSkeletonProps } from '@salutejs/plasma-new-hope/styled-components';
156
155
  import { LinkCustomProps } from '@salutejs/plasma-new-hope/types/components/Link/Link';
157
156
  import { List } from '@salutejs/plasma-hope';
158
157
  import { ListItem } from '@salutejs/plasma-hope';
159
- import { MaskProps } from '@salutejs/plasma-new-hope/types/components/Mask/Mask.types';
160
158
  import { MaxLinesProps } from '@salutejs/plasma-core';
161
159
  import { mediaQuery } from '@salutejs/plasma-hope';
162
160
  import { MediaQueryFunction } from '@salutejs/plasma-hope';
@@ -1845,197 +1843,6 @@ export { List }
1845
1843
 
1846
1844
  export { ListItem }
1847
1845
 
1848
- // @public (undocumented)
1849
- export const Mask: ForwardRefExoticComponent<(Omit<PropsType< {
1850
- view: {
1851
- default: PolymorphicClassName;
1852
- positive: PolymorphicClassName;
1853
- warning: PolymorphicClassName;
1854
- negative: PolymorphicClassName;
1855
- };
1856
- size: {
1857
- l: PolymorphicClassName;
1858
- m: PolymorphicClassName;
1859
- s: PolymorphicClassName;
1860
- xs: PolymorphicClassName;
1861
- };
1862
- labelPlacement: {
1863
- inner: PolymorphicClassName;
1864
- outer: PolymorphicClassName;
1865
- };
1866
- disabled: {
1867
- true: PolymorphicClassName;
1868
- };
1869
- readOnly: {
1870
- true: PolymorphicClassName;
1871
- };
1872
- }> & {
1873
- size?: string | undefined;
1874
- view?: string | undefined;
1875
- readOnly?: boolean | undefined;
1876
- disabled?: boolean | undefined;
1877
- } & {
1878
- label?: string | undefined;
1879
- labelPlacement?: "outer" | "inner" | undefined;
1880
- leftHelper?: string | undefined;
1881
- contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1882
- contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1883
- textBefore?: string | undefined;
1884
- textAfter?: string | undefined;
1885
- onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
1886
- } & {
1887
- requiredPlacement?: "right" | "left" | undefined;
1888
- } & {
1889
- required: true;
1890
- optional?: false | undefined;
1891
- } & {
1892
- chips?: undefined;
1893
- onChangeChips?: undefined;
1894
- enumerationType?: "plain" | undefined;
1895
- onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
1896
- } & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType< {
1897
- view: {
1898
- default: PolymorphicClassName;
1899
- positive: PolymorphicClassName;
1900
- warning: PolymorphicClassName;
1901
- negative: PolymorphicClassName;
1902
- };
1903
- size: {
1904
- l: PolymorphicClassName;
1905
- m: PolymorphicClassName;
1906
- s: PolymorphicClassName;
1907
- xs: PolymorphicClassName;
1908
- };
1909
- labelPlacement: {
1910
- inner: PolymorphicClassName;
1911
- outer: PolymorphicClassName;
1912
- };
1913
- disabled: {
1914
- true: PolymorphicClassName;
1915
- };
1916
- readOnly: {
1917
- true: PolymorphicClassName;
1918
- };
1919
- }> & {
1920
- size?: string | undefined;
1921
- view?: string | undefined;
1922
- readOnly?: boolean | undefined;
1923
- disabled?: boolean | undefined;
1924
- } & {
1925
- label?: string | undefined;
1926
- labelPlacement?: "outer" | "inner" | undefined;
1927
- leftHelper?: string | undefined;
1928
- contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1929
- contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1930
- textBefore?: string | undefined;
1931
- textAfter?: string | undefined;
1932
- onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
1933
- } & {
1934
- requiredPlacement?: "right" | "left" | undefined;
1935
- } & {
1936
- required: true;
1937
- optional?: false | undefined;
1938
- } & {
1939
- enumerationType: "chip";
1940
- onSearch?: undefined;
1941
- chips?: TextFieldPrimitiveValue[] | undefined;
1942
- onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
1943
- } & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType< {
1944
- view: {
1945
- default: PolymorphicClassName;
1946
- positive: PolymorphicClassName;
1947
- warning: PolymorphicClassName;
1948
- negative: PolymorphicClassName;
1949
- };
1950
- size: {
1951
- l: PolymorphicClassName;
1952
- m: PolymorphicClassName;
1953
- s: PolymorphicClassName;
1954
- xs: PolymorphicClassName;
1955
- };
1956
- labelPlacement: {
1957
- inner: PolymorphicClassName;
1958
- outer: PolymorphicClassName;
1959
- };
1960
- disabled: {
1961
- true: PolymorphicClassName;
1962
- };
1963
- readOnly: {
1964
- true: PolymorphicClassName;
1965
- };
1966
- }> & {
1967
- size?: string | undefined;
1968
- view?: string | undefined;
1969
- readOnly?: boolean | undefined;
1970
- disabled?: boolean | undefined;
1971
- } & {
1972
- label?: string | undefined;
1973
- labelPlacement?: "outer" | "inner" | undefined;
1974
- leftHelper?: string | undefined;
1975
- contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1976
- contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
1977
- textBefore?: string | undefined;
1978
- textAfter?: string | undefined;
1979
- onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
1980
- } & {
1981
- requiredPlacement?: "right" | "left" | undefined;
1982
- } & {
1983
- optional?: true | undefined;
1984
- required?: false | undefined;
1985
- } & {
1986
- chips?: undefined;
1987
- onChangeChips?: undefined;
1988
- enumerationType?: "plain" | undefined;
1989
- onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
1990
- } & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType< {
1991
- view: {
1992
- default: PolymorphicClassName;
1993
- positive: PolymorphicClassName;
1994
- warning: PolymorphicClassName;
1995
- negative: PolymorphicClassName;
1996
- };
1997
- size: {
1998
- l: PolymorphicClassName;
1999
- m: PolymorphicClassName;
2000
- s: PolymorphicClassName;
2001
- xs: PolymorphicClassName;
2002
- };
2003
- labelPlacement: {
2004
- inner: PolymorphicClassName;
2005
- outer: PolymorphicClassName;
2006
- };
2007
- disabled: {
2008
- true: PolymorphicClassName;
2009
- };
2010
- readOnly: {
2011
- true: PolymorphicClassName;
2012
- };
2013
- }> & {
2014
- size?: string | undefined;
2015
- view?: string | undefined;
2016
- readOnly?: boolean | undefined;
2017
- disabled?: boolean | undefined;
2018
- } & {
2019
- label?: string | undefined;
2020
- labelPlacement?: "outer" | "inner" | undefined;
2021
- leftHelper?: string | undefined;
2022
- contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
2023
- contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
2024
- textBefore?: string | undefined;
2025
- textAfter?: string | undefined;
2026
- onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
2027
- } & {
2028
- requiredPlacement?: "right" | "left" | undefined;
2029
- } & {
2030
- optional?: true | undefined;
2031
- required?: false | undefined;
2032
- } & {
2033
- enumerationType: "chip";
2034
- onSearch?: undefined;
2035
- chips?: TextFieldPrimitiveValue[] | undefined;
2036
- onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
2037
- } & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref">) & RefAttributes<HTMLInputElement>>;
2038
-
2039
1846
  export { MaxLinesProps }
2040
1847
 
2041
1848
  export { mediaQuery }
@@ -15,16 +15,16 @@ var config = exports.config = {
15
15
  },
16
16
  variations: {
17
17
  size: {
18
- xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n\n ", ": 1rem;\n ", ": 0.5rem 0.5rem 0.5rem 0.375rem;\n ", ": 0.25rem 0.5rem 0.25rem 0.375rem;\n ", ": 0.375rem;\n ", ": 1rem;\n ", ": 1rem;\n ", ": 0 0.25rem 0 0;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.75rem;\n\n ", ": 0 -0.125rem 0 0.25rem;\n ", ": 0 0 0 0.375rem;\n ", ": 2rem;\n ", ": 0.75rem 0 0.75rem;\n ", ": 0.5rem 0 0.625rem;\n ", ": 0.5rem 0 0.25rem;\n\n ", ": 0.375rem;\n\n ", ": 0;\n\n ", ": 0.25rem;\n\n ", ": 1rem;\n ", ": 1rem;\n "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight),
19
- s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.625rem;\n ", ": 0.125rem;\n\n ", ": 1.5rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.675rem;\n ", ": 0.25rem 0.75rem 0.25rem 0.675rem;\n ", ": 0.5rem;\n ", ": 1.5rem;\n ", ": 1rem;\n ", ": 0 0.375rem 0 0;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 1.25rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 1.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 0.75rem;\n\n ", ": 0 -0.125rem 0 0.25rem;\n ", ": 0 0 0 0.375rem;\n ", ": 2.5rem;\n ", ": 1rem 0 1rem;\n ", ": 0.75rem 0 0.875rem;\n ", ": 0.75rem 0 0.25rem;\n\n ", ": 0.5rem;\n\n ", ": 0;\n\n ", ": 0.25rem;\n\n ", ": 1.5rem;\n ", ": 1rem;\n "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight),
20
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.75rem;\n ", ": 0.125rem;\n\n ", ": 1.5rem;\n ", ": 0.75rem 0.75rem 0.75rem 0.75rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.75rem;\n ", ": 0.625rem;\n ", ": 0 0.375rem 0 0;\n ", ": 1.5rem;\n ", ": 1.5rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": 2.25rem;\n ", ": 0.875rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 1rem;\n\n ", ": 0 -0.125rem 0 0.375rem;\n ", ": 0 0 0 0.625rem;\n ", ": 3rem;\n ", ": 1.25rem 0 1.25rem;\n ", ": 0.875rem 0 1rem;\n ", ": 0.875rem 0 0.25rem;\n\n ", ": 0.625rem;\n\n ", ": 0.125rem;\n\n ", ": 0.25rem;\n\n ", ": 1.5rem;\n ", ": 1.5rem;\n "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight),
21
- l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.875rem;\n ", ": 0.125rem;\n\n ", ": 1.5rem;\n ", ": 1rem 1rem 1rem 0.875rem;\n ", ": 0.75rem 1rem 0.75rem 0.875rem;\n ", ": 0.75rem;\n ", ": 0 0.5rem 0 0;\n ", ": 1.5rem;\n ", ": 1.5rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": 2.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 1rem;\n\n ", ": 0 -0.125rem 0 0.5rem;\n ", ": 0 0 0 0.75rem;\n ", ": 3.5rem;\n ", ": 1.5rem 0 1.5rem;\n ", ": 1rem 0 1.125rem;\n ", ": 1rem 0 0.25rem;\n\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 0.25rem;\n\n ", ": 1.5rem;\n ", ": 1.5rem;\n "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight)
18
+ xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n\n ", ": 1rem;\n ", ": 0.5rem 0.5rem 0.5rem 0.375rem;\n ", ": 0.25rem 0.5rem 0.25rem 0.375rem;\n ", ": 0.375rem;\n ", ": 1rem;\n ", ": 1rem;\n ", ": 0 0.25rem 0 0;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.75rem;\n\n ", ": 0 -0.125rem 0 0.25rem;\n ", ": 0 0 0 0.375rem;\n ", ": 2rem;\n ", ": 0.75rem 0 0.75rem;\n ", ": 0.5rem 0 0.625rem;\n ", ": 0.5rem 0 0.25rem;\n\n ", ": 0.375rem;\n\n ", ": 0;\n\n ", ": 0.25rem;\n\n ", ": 1rem;\n ", ": 1rem;\n\n ", ": 0.0625rem;\n ", ": 0.0625rem;\n "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight, _styledComponents.selectTokens.targetTextfieldBorderSize, _styledComponents.selectTokens.popoverBorderWidth),
19
+ s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.625rem;\n ", ": 0.125rem;\n\n ", ": 1.5rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.675rem;\n ", ": 0.25rem 0.75rem 0.25rem 0.675rem;\n ", ": 0.5rem;\n ", ": 1.5rem;\n ", ": 1rem;\n ", ": 0 0.375rem 0 0;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 1.25rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 1.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 0.75rem;\n\n ", ": 0 -0.125rem 0 0.25rem;\n ", ": 0 0 0 0.375rem;\n ", ": 2.5rem;\n ", ": 1rem 0 1rem;\n ", ": 0.75rem 0 0.875rem;\n ", ": 0.75rem 0 0.25rem;\n\n ", ": 0.5rem;\n\n ", ": 0;\n\n ", ": 0.25rem;\n\n ", ": 1.5rem;\n ", ": 1rem;\n\n ", ": 0.0625rem;\n "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight, _styledComponents.selectTokens.targetTextfieldBorderSize),
20
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.75rem;\n ", ": 0.125rem;\n\n ", ": 1.5rem;\n ", ": 0.75rem 0.75rem 0.75rem 0.75rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.75rem;\n ", ": 0.625rem;\n ", ": 0 0.375rem 0 0;\n ", ": 1.5rem;\n ", ": 1.5rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": 2.25rem;\n ", ": 0.875rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 1rem;\n\n ", ": 0 -0.125rem 0 0.375rem;\n ", ": 0 0 0 0.625rem;\n ", ": 3rem;\n ", ": 1.25rem 0 1.25rem;\n ", ": 0.875rem 0 1rem;\n ", ": 0.875rem 0 0.25rem;\n\n ", ": 0.625rem;\n\n ", ": 0.125rem;\n\n ", ": 0.25rem;\n\n ", ": 1.5rem;\n ", ": 1.5rem;\n\n ", ": 0.0625rem;\n "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight, _styledComponents.selectTokens.targetTextfieldBorderSize),
21
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.875rem;\n ", ": 0.125rem;\n\n ", ": 1.5rem;\n ", ": 1rem 1rem 1rem 0.875rem;\n ", ": 0.75rem 1rem 0.75rem 0.875rem;\n ", ": 0.75rem;\n ", ": 0 0.5rem 0 0;\n ", ": 1.5rem;\n ", ": 1.5rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": 2.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 1rem;\n\n ", ": 0 -0.125rem 0 0.5rem;\n ", ": 0 0 0 0.75rem;\n ", ": 3.5rem;\n ", ": 1.5rem 0 1.5rem;\n ", ": 1rem 0 1.125rem;\n ", ": 1rem 0 0.25rem;\n\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 0.25rem;\n\n ", ": 1.5rem;\n ", ": 1.5rem;\n\n ", ": 0.0625rem;\n "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight, _styledComponents.selectTokens.targetTextfieldBorderSize)
22
22
  },
23
23
  view: {
24
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary-hover);\n ", ": var(--inverse-text-primary-active);\n ", ": var(--inverse-text-secondary);\n ", ": var(--inverse-text-secondary-hover);\n ", ": var(--inverse-text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-tertiary);\n "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened, _styledComponents.selectTokens.targetTextfieldBorderColor),
25
- positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ":var(--surface-positive);\n ", ":var(--surface-positive-hover);\n ", ":var(--surface-positive-active);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-positive);\n "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened, _styledComponents.selectTokens.targetTextfieldBorderColor),
26
- warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ":var(--surface-warning);\n ", ":var(--surface-warning-hover);\n ", ":var(--surface-warning-active);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-warning);\n "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened, _styledComponents.selectTokens.targetTextfieldBorderColor),
27
- negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ":var(--surface-negative);\n ", ": var(--surface-negative-hover);\n ", ":var(--surface-negative-active);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-negative);\n "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened, _styledComponents.selectTokens.targetTextfieldBorderColor),
24
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary-hover);\n ", ": var(--inverse-text-primary-active);\n ", ": var(--inverse-text-secondary);\n ", ": var(--inverse-text-secondary-hover);\n ", ": var(--inverse-text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary);\n "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened, _styledComponents.selectTokens.targetTextfieldBorderColor, _styledComponents.selectTokens.targetTextfieldBorderOpenedColor, _styledComponents.selectTokens.targetTextfieldBorderColorHover),
25
+ positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ":var(--surface-positive);\n ", ":var(--surface-positive-hover);\n ", ":var(--surface-positive-active);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-positive);\n ", ": var(--surface-positive);\n ", ": var(--surface-positive);\n "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened, _styledComponents.selectTokens.targetTextfieldBorderColor, _styledComponents.selectTokens.targetTextfieldBorderOpenedColor, _styledComponents.selectTokens.targetTextfieldBorderColorHover),
26
+ warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ":var(--surface-warning);\n ", ":var(--surface-warning-hover);\n ", ":var(--surface-warning-active);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-warning);\n ", ": var(--surface-warning);\n ", ": var(--surface-warning);\n "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened, _styledComponents.selectTokens.targetTextfieldBorderColor, _styledComponents.selectTokens.targetTextfieldBorderOpenedColor, _styledComponents.selectTokens.targetTextfieldBorderColorHover),
27
+ negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ":var(--surface-negative);\n ", ": var(--surface-negative-hover);\n ", ":var(--surface-negative-active);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-negative);\n ", ": var(--surface-negative);\n ", ": var(--surface-negative);\n "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened, _styledComponents.selectTokens.targetTextfieldBorderColor, _styledComponents.selectTokens.targetTextfieldBorderOpenedColor, _styledComponents.selectTokens.targetTextfieldBorderColorHover),
28
28
  accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-accent-active);\n "])), _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive),
29
29
  secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--surface-transparent-secondary-active);\n "])), _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive),
30
30
  clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n "])), _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive),
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';
3
- export declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
3
+ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
4
4
  view: {
5
5
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
6
  positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -45,8 +45,7 @@ export declare const TextFieldComponent: React.FunctionComponent<import("@salute
45
45
  } & {
46
46
  chips?: undefined;
47
47
  onChangeChips?: undefined;
48
- enumerationType?: "plain" | undefined;
49
- /**
48
+ enumerationType?: "plain" | undefined; /**
50
49
  * Флаг обязательности поля
51
50
  */
52
51
  onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
@@ -71,9 +70,7 @@ export declare const TextFieldComponent: React.FunctionComponent<import("@salute
71
70
  optional?: false | undefined;
72
71
  } & {
73
72
  enumerationType: "chip";
74
- onSearch?: undefined; /**
75
- * Флаг обязательности поля
76
- */
73
+ onSearch?: undefined;
77
74
  chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
78
75
  onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
79
76
  } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
@@ -98,8 +95,7 @@ export declare const TextFieldComponent: React.FunctionComponent<import("@salute
98
95
  } & {
99
96
  chips?: undefined;
100
97
  onChangeChips?: undefined;
101
- enumerationType?: "plain" | undefined;
102
- /**
98
+ enumerationType?: "plain" | undefined; /**
103
99
  * Флаг обязательности поля
104
100
  */
105
101
  onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
@@ -124,9 +120,7 @@ export declare const TextFieldComponent: React.FunctionComponent<import("@salute
124
120
  required?: false | undefined;
125
121
  } & {
126
122
  enumerationType: "chip";
127
- onSearch?: undefined; /**
128
- * Флаг обязательности поля
129
- */
123
+ onSearch?: undefined;
130
124
  chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
131
125
  onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
132
126
  } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>))>;
@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.TextFieldComponent = exports.TextField = void 0;
7
+ exports.TextField = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
9
  var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
10
10
  var _TextField = /*#__PURE__*/require("./TextField.config");
@@ -15,7 +15,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
15
15
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
16
16
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
17
17
  var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.textFieldConfig, _TextField.config);
18
- var TextFieldComponent = exports.TextFieldComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
18
+ var TextFieldComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
19
19
  var statusToView = {
20
20
  success: 'positive',
21
21
  warning: 'warning',
@@ -1,4 +1,4 @@
1
- import './Select.config_63kke9.css';
1
+ import './Select.config_u1tjpc.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1 +1 @@
1
- {"version":3,"file":"Select.config.js","sources":["../../../../src-css/components/Select/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,UAAA;AACDC,MAAAA,CAAC,EAsDA,SAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAuDJ;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,SAAAA,EAiBC,UAAA;AACDC,MAAAA,QAAQ,EAiBP,SAAA;AACDC,MAAAA,OAAO,EAiBN,SAAA;AACDC,MAAAA,QAAQ,EAiBP,SAAA;AACDC,MAAAA,MAAM,EAUL,UAAA;AACDC,MAAAA,SAAS,EAUR,UAAA;AACDC,MAAAA,KAAK,EAUJ,UAAA;AACDC,MAAAA,IAAI,EAUH,UAAA;AACDC,MAAAA,KAAK,EAUJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;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;;;;"}
1
+ {"version":3,"file":"Select.config.js","sources":["../../../../src-css/components/Select/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 ${selectTokens.targetTextfieldBorderSize}: 0.0625rem;\n ${selectTokens.popoverBorderWidth}: 0.0625rem;\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 ${selectTokens.targetTextfieldBorderSize}: 0.0625rem;\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 ${selectTokens.targetTextfieldBorderSize}: 0.0625rem;\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 ${selectTokens.targetTextfieldBorderSize}: 0.0625rem;\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 ${selectTokens.targetTextfieldBorderOpenedColor}: var(--surface-transparent-tertiary);\n ${selectTokens.targetTextfieldBorderColorHover}: 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 ${selectTokens.targetTextfieldBorderOpenedColor}: var(--surface-positive);\n ${selectTokens.targetTextfieldBorderColorHover}: 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 ${selectTokens.targetTextfieldBorderOpenedColor}: var(--surface-warning);\n ${selectTokens.targetTextfieldBorderColorHover}: 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 ${selectTokens.targetTextfieldBorderOpenedColor}: var(--surface-negative);\n ${selectTokens.targetTextfieldBorderColorHover}: 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,EAyDD,UAAA;AACDC,MAAAA,CAAC,EAwDA,UAAA;AACDC,MAAAA,CAAC,EAwDA,SAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAyDJ;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,SAAAA,EAmBC,UAAA;AACDC,MAAAA,QAAQ,EAmBP,SAAA;AACDC,MAAAA,OAAO,EAmBN,SAAA;AACDC,MAAAA,QAAQ,EAmBP,SAAA;AACDC,MAAAA,MAAM,EAUL,UAAA;AACDC,MAAAA,SAAS,EAUR,UAAA;AACDC,MAAAA,KAAK,EAUJ,UAAA;AACDC,MAAAA,IAAI,EAUH,UAAA;AACDC,MAAAA,KAAK,EAUJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;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;;;;"}