@salutejs/plasma-new-hope 0.266.1-canary.1777.13368235255.0 → 0.267.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (45) hide show
  1. package/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +1 -8
  2. package/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js.map +1 -1
  3. package/cjs/components/Select/ui/SelectNative/SelectNative.js +1 -8
  4. package/cjs/components/Select/ui/SelectNative/SelectNative.js.map +1 -1
  5. package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +1 -8
  6. package/emotion/cjs/components/Radiobox/Radiobox.template-doc.mdx +6 -0
  7. package/emotion/cjs/components/Select/ui/SelectNative/SelectNative.js +1 -8
  8. package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +19 -12
  9. package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +16 -5
  10. package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +19 -12
  11. package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +16 -5
  12. package/emotion/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +1 -8
  13. package/emotion/es/components/Radiobox/Radiobox.template-doc.mdx +6 -0
  14. package/emotion/es/components/Select/ui/SelectNative/SelectNative.js +1 -8
  15. package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +19 -12
  16. package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +16 -5
  17. package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +19 -12
  18. package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +16 -5
  19. package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +1 -8
  20. package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js.map +1 -1
  21. package/es/components/Select/ui/SelectNative/SelectNative.js +1 -8
  22. package/es/components/Select/ui/SelectNative/SelectNative.js.map +1 -1
  23. package/package.json +2 -2
  24. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +1 -8
  25. package/styled-components/cjs/components/Radiobox/Radiobox.template-doc.mdx +6 -0
  26. package/styled-components/cjs/components/Select/ui/SelectNative/SelectNative.js +1 -8
  27. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +8 -1
  28. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +16 -5
  29. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +8 -1
  30. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +16 -5
  31. package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +1 -8
  32. package/styled-components/es/components/Radiobox/Radiobox.template-doc.mdx +6 -0
  33. package/styled-components/es/components/Select/ui/SelectNative/SelectNative.js +1 -8
  34. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +8 -1
  35. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +16 -5
  36. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +8 -1
  37. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +16 -5
  38. package/types/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.d.ts.map +1 -1
  39. package/types/components/Select/ui/SelectNative/SelectNative.d.ts.map +1 -1
  40. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts +1 -1
  41. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  42. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts +1 -1
  43. package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts +1 -1
  44. package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  45. package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts +1 -1
package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx CHANGED
@@ -3,12 +3,10 @@ import type { ComponentProps } from 'react';
3
3
  import type { StoryObj, Meta } from '@storybook/react';
4
4
  import { action } from '@storybook/addon-actions';
5
5
 
6
- import { RadioGroup, radioboxConfig } from '../../../../components/Radiobox';
7
- import { mergeConfig } from '../../../../engines';
8
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
6
+ import { RadioGroup } from '../../../../components/Radiobox';
7
+ import { WithTheme } from '../../../_helpers';
9
8
  import { Link } from '../Link/Link';
10
9
 
11
- import { config } from './Radiobox.config';
12
10
  import { Radiobox } from './Radiobox';
13
11
 
14
12
  const onChange = action('onChange');
@@ -19,7 +17,20 @@ const meta: Meta<typeof Radiobox> = {
19
17
  title: 'web/Data Entry/Radiobox',
20
18
  decorators: [WithTheme],
21
19
  component: Radiobox,
22
- argTypes: argTypesFromConfig(mergeConfig(radioboxConfig, config)),
20
+ argTypes: {
21
+ view: {
22
+ options: ['accent'],
23
+ control: {
24
+ type: 'radio',
25
+ },
26
+ },
27
+ size: {
28
+ options: ['m', 's'],
29
+ control: {
30
+ type: 'radio',
31
+ },
32
+ },
33
+ },
23
34
  args: {
24
35
  view: 'accent',
25
36
  size: 'm',
package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js CHANGED
@@ -3,7 +3,6 @@ import { useForkRef } from '@salutejs/plasma-core';
3
3
  import { SelectHidden } from './SelectNative.styles.js';
4
4
  import { createEvent } from '../../../../../utils/createEvent.js';
5
5
 
6
- var _option;
7
6
  var SelectNative = /*#__PURE__*/forwardRef(function (_ref, ref) {
8
7
  var name = _ref.name,
9
8
  multiple = _ref.multiple,
@@ -37,19 +36,13 @@ var SelectNative = /*#__PURE__*/forwardRef(function (_ref, ref) {
37
36
  onChange(event);
38
37
  }
39
38
  }, [values]);
40
-
41
- //
42
- // Пустой option нужен для нативного поведения. Он автоматически выбирает первый пункт,
43
- // если нет изначального значения
44
- //
45
-
46
39
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectHidden, {
47
40
  ref: forkRef,
48
41
  multiple: multiple,
49
42
  name: name,
50
43
  hidden: true,
51
44
  value: multiple ? values : values[0]
52
- }, _option || (_option = /*#__PURE__*/React.createElement("option", null, " ")), options.map(function (v) {
45
+ }, options.map(function (v) {
53
46
  return /*#__PURE__*/React.createElement("option", {
54
47
  key: v,
55
48
  value: v
package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectNative.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, useLayoutEffect, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { createEvent } from '../../../../../utils';\nimport { ComboboxProps } from '../../Combobox.types';\nimport { ValueToItemMapType } from '../../hooks/getPathMaps';\n\nimport { SelectHidden } from './SelectNative.styles';\n\ntype Props = Pick<ComboboxProps, 'name' | 'value' | 'multiple'> & {\n onChange: (value: ChangeEvent<HTMLSelectElement> | null) => void;\n onSetValue: (value: string | string[]) => void;\n items: ValueToItemMapType;\n};\n\nexport const SelectNative = forwardRef<HTMLInputElement, Props>(\n ({ name, multiple, items, value, onChange, onSetValue }, ref) => {\n const values = (multiple ? value : [value]) as string[];\n const selectRef = useRef<HTMLSelectElement>(null);\n const forkRef = useForkRef(selectRef, ref as any);\n const options = Array.from(items.keys());\n\n useLayoutEffect(() => {\n if (selectRef.current && !multiple) {\n const valueInit = selectRef.current.value;\n\n if (valueInit) {\n onSetValue(valueInit);\n }\n }\n\n if (selectRef.current && multiple) {\n const valuesInit = Array.from(selectRef.current.selectedOptions).map((v) => v.value);\n if (valuesInit.length !== 0) {\n onSetValue(valuesInit);\n }\n }\n }, []);\n\n useLayoutEffect(() => {\n const event = createEvent(selectRef);\n if (onChange) {\n onChange(event);\n }\n }, [values]);\n\n //\n // Пустой option нужен для нативного поведения. Он автоматически выбирает первый пункт,\n // если нет изначального значения\n //\n\n return (\n <>\n <SelectHidden\n ref={forkRef}\n multiple={multiple}\n name={name}\n hidden\n value={multiple ? values : values[0]}\n >\n <option> </option>\n {options.map((v) => (\n <option key={v} value={v}>\n {v}\n </option>\n ))}\n </SelectHidden>\n </>\n );\n },\n);\n"],"names":["SelectNative","forwardRef","_ref","ref","name","multiple","items","value","onChange","onSetValue","values","selectRef","useRef","forkRef","useForkRef","options","Array","from","keys","useLayoutEffect","current","valueInit","valuesInit","selectedOptions","map","v","length","event","createEvent","React","createElement","Fragment","SelectHidden","hidden","_option","key"],"mappings":";;;;;;AAeO,IAAMA,YAAY,gBAAGC,UAAU,CAClC,UAAAC,IAAA,EAAyDC,GAAG,EAAK;AAAA,EAAA,IAA9DC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,UAAU,GAAAP,IAAA,CAAVO,UAAU,CAAA;EACjD,IAAMC,MAAM,GAAIL,QAAQ,GAAGE,KAAK,GAAG,CAACA,KAAK,CAAc,CAAA;AACvD,EAAA,IAAMI,SAAS,GAAGC,MAAM,CAAoB,IAAI,CAAC,CAAA;AACjD,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACH,SAAS,EAAER,GAAU,CAAC,CAAA;EACjD,IAAMY,OAAO,GAAGC,KAAK,CAACC,IAAI,CAACX,KAAK,CAACY,IAAI,EAAE,CAAC,CAAA;AAExCC,EAAAA,eAAe,CAAC,YAAM;AAClB,IAAA,IAAIR,SAAS,CAACS,OAAO,IAAI,CAACf,QAAQ,EAAE;AAChC,MAAA,IAAMgB,SAAS,GAAGV,SAAS,CAACS,OAAO,CAACb,KAAK,CAAA;AAEzC,MAAA,IAAIc,SAAS,EAAE;QACXZ,UAAU,CAACY,SAAS,CAAC,CAAA;AACzB,OAAA;AACJ,KAAA;AAEA,IAAA,IAAIV,SAAS,CAACS,OAAO,IAAIf,QAAQ,EAAE;AAC/B,MAAA,IAAMiB,UAAU,GAAGN,KAAK,CAACC,IAAI,CAACN,SAAS,CAACS,OAAO,CAACG,eAAe,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAA;QAAA,OAAKA,CAAC,CAAClB,KAAK,CAAA;OAAC,CAAA,CAAA;AACpF,MAAA,IAAIe,UAAU,CAACI,MAAM,KAAK,CAAC,EAAE;QACzBjB,UAAU,CAACa,UAAU,CAAC,CAAA;AAC1B,OAAA;AACJ,KAAA;GACH,EAAE,EAAE,CAAC,CAAA;AAENH,EAAAA,eAAe,CAAC,YAAM;AAClB,IAAA,IAAMQ,KAAK,GAAGC,WAAW,CAACjB,SAAS,CAAC,CAAA;AACpC,IAAA,IAAIH,QAAQ,EAAE;MACVA,QAAQ,CAACmB,KAAK,CAAC,CAAA;AACnB,KAAA;AACJ,GAAC,EAAE,CAACjB,MAAM,CAAC,CAAC,CAAA;;AAEZ;AACA;AACA;AACA;;AAEA,EAAA,oBACImB,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACIF,KAAA,CAAAC,aAAA,CAACE,YAAY,EAAA;AACT7B,IAAAA,GAAG,EAAEU,OAAQ;AACbR,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,IAAI,EAAEA,IAAK;IACX6B,MAAM,EAAA,IAAA;AACN1B,IAAAA,KAAK,EAAEF,QAAQ,GAAGK,MAAM,GAAGA,MAAM,CAAC,CAAC,CAAA;AAAE,GAAA,EAAAwB,OAAA,KAAAA,OAAA,gBAErCL,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA,IAAA,EAAQ,GAAS,CAAC,GACjBf,OAAO,CAACS,GAAG,CAAC,UAACC,CAAC,EAAA;IAAA,oBACXI,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQK,MAAAA,GAAG,EAAEV,CAAE;AAAClB,MAAAA,KAAK,EAAEkB,CAAAA;AAAE,KAAA,EACpBA,CACG,CAAC,CAAA;GACZ,CACS,CAChB,CAAC,CAAA;AAEX,CACJ;;;;"}
1
+ {"version":3,"file":"SelectNative.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, useLayoutEffect, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { createEvent } from '../../../../../utils';\nimport { ComboboxProps } from '../../Combobox.types';\nimport { ValueToItemMapType } from '../../hooks/getPathMaps';\n\nimport { SelectHidden } from './SelectNative.styles';\n\ntype Props = Pick<ComboboxProps, 'name' | 'value' | 'multiple'> & {\n onChange: (value: ChangeEvent<HTMLSelectElement> | null) => void;\n onSetValue: (value: string | string[]) => void;\n items: ValueToItemMapType;\n};\n\nexport const SelectNative = forwardRef<HTMLInputElement, Props>(\n ({ name, multiple, items, value, onChange, onSetValue }, ref) => {\n const values = (multiple ? value : [value]) as string[];\n const selectRef = useRef<HTMLSelectElement>(null);\n const forkRef = useForkRef(selectRef, ref as any);\n const options = Array.from(items.keys());\n\n useLayoutEffect(() => {\n if (selectRef.current && !multiple) {\n const valueInit = selectRef.current.value;\n\n if (valueInit) {\n onSetValue(valueInit);\n }\n }\n\n if (selectRef.current && multiple) {\n const valuesInit = Array.from(selectRef.current.selectedOptions).map((v) => v.value);\n if (valuesInit.length !== 0) {\n onSetValue(valuesInit);\n }\n }\n }, []);\n\n useLayoutEffect(() => {\n const event = createEvent(selectRef);\n if (onChange) {\n onChange(event);\n }\n }, [values]);\n\n return (\n <>\n <SelectHidden\n ref={forkRef}\n multiple={multiple}\n name={name}\n hidden\n value={multiple ? values : values[0]}\n >\n {options.map((v) => (\n <option key={v} value={v}>\n {v}\n </option>\n ))}\n </SelectHidden>\n </>\n );\n },\n);\n"],"names":["SelectNative","forwardRef","_ref","ref","name","multiple","items","value","onChange","onSetValue","values","selectRef","useRef","forkRef","useForkRef","options","Array","from","keys","useLayoutEffect","current","valueInit","valuesInit","selectedOptions","map","v","length","event","createEvent","React","createElement","Fragment","SelectHidden","hidden","key"],"mappings":";;;;;AAeO,IAAMA,YAAY,gBAAGC,UAAU,CAClC,UAAAC,IAAA,EAAyDC,GAAG,EAAK;AAAA,EAAA,IAA9DC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,UAAU,GAAAP,IAAA,CAAVO,UAAU,CAAA;EACjD,IAAMC,MAAM,GAAIL,QAAQ,GAAGE,KAAK,GAAG,CAACA,KAAK,CAAc,CAAA;AACvD,EAAA,IAAMI,SAAS,GAAGC,MAAM,CAAoB,IAAI,CAAC,CAAA;AACjD,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACH,SAAS,EAAER,GAAU,CAAC,CAAA;EACjD,IAAMY,OAAO,GAAGC,KAAK,CAACC,IAAI,CAACX,KAAK,CAACY,IAAI,EAAE,CAAC,CAAA;AAExCC,EAAAA,eAAe,CAAC,YAAM;AAClB,IAAA,IAAIR,SAAS,CAACS,OAAO,IAAI,CAACf,QAAQ,EAAE;AAChC,MAAA,IAAMgB,SAAS,GAAGV,SAAS,CAACS,OAAO,CAACb,KAAK,CAAA;AAEzC,MAAA,IAAIc,SAAS,EAAE;QACXZ,UAAU,CAACY,SAAS,CAAC,CAAA;AACzB,OAAA;AACJ,KAAA;AAEA,IAAA,IAAIV,SAAS,CAACS,OAAO,IAAIf,QAAQ,EAAE;AAC/B,MAAA,IAAMiB,UAAU,GAAGN,KAAK,CAACC,IAAI,CAACN,SAAS,CAACS,OAAO,CAACG,eAAe,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAA;QAAA,OAAKA,CAAC,CAAClB,KAAK,CAAA;OAAC,CAAA,CAAA;AACpF,MAAA,IAAIe,UAAU,CAACI,MAAM,KAAK,CAAC,EAAE;QACzBjB,UAAU,CAACa,UAAU,CAAC,CAAA;AAC1B,OAAA;AACJ,KAAA;GACH,EAAE,EAAE,CAAC,CAAA;AAENH,EAAAA,eAAe,CAAC,YAAM;AAClB,IAAA,IAAMQ,KAAK,GAAGC,WAAW,CAACjB,SAAS,CAAC,CAAA;AACpC,IAAA,IAAIH,QAAQ,EAAE;MACVA,QAAQ,CAACmB,KAAK,CAAC,CAAA;AACnB,KAAA;AACJ,GAAC,EAAE,CAACjB,MAAM,CAAC,CAAC,CAAA;AAEZ,EAAA,oBACImB,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACIF,KAAA,CAAAC,aAAA,CAACE,YAAY,EAAA;AACT7B,IAAAA,GAAG,EAAEU,OAAQ;AACbR,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,IAAI,EAAEA,IAAK;IACX6B,MAAM,EAAA,IAAA;AACN1B,IAAAA,KAAK,EAAEF,QAAQ,GAAGK,MAAM,GAAGA,MAAM,CAAC,CAAC,CAAA;AAAE,GAAA,EAEpCK,OAAO,CAACS,GAAG,CAAC,UAACC,CAAC,EAAA;IAAA,oBACXI,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQI,MAAAA,GAAG,EAAET,CAAE;AAAClB,MAAAA,KAAK,EAAEkB,CAAAA;AAAE,KAAA,EACpBA,CACG,CAAC,CAAA;GACZ,CACS,CAChB,CAAC,CAAA;AAEX,CACJ;;;;"}
package/es/components/Select/ui/SelectNative/SelectNative.js CHANGED
@@ -3,7 +3,6 @@ import { useForkRef } from '@salutejs/plasma-core';
3
3
  import { SelectHidden } from './SelectNative.styles.js';
4
4
  import { createEvent } from '../../../../utils/createEvent.js';
5
5
 
6
- var _option;
7
6
  var SelectNative = /*#__PURE__*/forwardRef(function (_ref, ref) {
8
7
  var name = _ref.name,
9
8
  multiselect = _ref.multiselect,
@@ -37,19 +36,13 @@ var SelectNative = /*#__PURE__*/forwardRef(function (_ref, ref) {
37
36
  onChange(event);
38
37
  }
39
38
  }, [values]);
40
-
41
- //
42
- // Пустой option нужен для нативного поведения. Он автоматически выбирает первый пункт,
43
- // если нет изначального значения
44
- //
45
-
46
39
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectHidden, {
47
40
  ref: forkRef,
48
41
  multiple: multiselect,
49
42
  name: name,
50
43
  hidden: true,
51
44
  value: multiselect ? values : values[0]
52
- }, _option || (_option = /*#__PURE__*/React.createElement("option", null, " ")), options.map(function (v) {
45
+ }, options.map(function (v) {
53
46
  return /*#__PURE__*/React.createElement("option", {
54
47
  key: v,
55
48
  value: v
package/es/components/Select/ui/SelectNative/SelectNative.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectNative.js","sources":["../../../../../src/components/Select/ui/SelectNative/SelectNative.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, useLayoutEffect, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { createEvent } from '../../../../utils';\nimport { SelectProps } from '../../Select.types';\nimport { ValueToItemMapType } from '../../hooks/usePathMaps';\n\nimport { SelectHidden } from './SelectNative.styles';\n\ntype Props = Pick<SelectProps, 'name' | 'multiselect'> & {\n onChange: (newValue: ChangeEvent<HTMLSelectElement> | null) => void;\n onSetValue: (value: string | string[]) => void;\n items: ValueToItemMapType;\n value: string | number | Array<string | number>;\n};\n\nexport const SelectNative = forwardRef<HTMLButtonElement, Props>(\n ({ name, multiselect, items, value, onChange, onSetValue }, ref) => {\n const values = (multiselect ? value : [value]) as string[];\n const selectRef = useRef<HTMLSelectElement>(null);\n const forkRef = useForkRef(selectRef, ref as any);\n const options = Array.from(items.keys());\n\n useLayoutEffect(() => {\n if (selectRef.current && !multiselect) {\n const valueInit = selectRef.current.value;\n\n if (valueInit) {\n onSetValue(valueInit);\n }\n }\n\n if (selectRef.current && multiselect) {\n const valuesInit = Array.from(selectRef.current.selectedOptions).map((v) => v.value);\n if (valuesInit.length !== 0) {\n onSetValue(valuesInit);\n }\n }\n }, []);\n\n useLayoutEffect(() => {\n const event = createEvent(selectRef);\n if (onChange) {\n onChange(event);\n }\n }, [values]);\n\n //\n // Пустой option нужен для нативного поведения. Он автоматически выбирает первый пункт,\n // если нет изначального значения\n //\n\n return (\n <>\n <SelectHidden\n ref={forkRef}\n multiple={multiselect}\n name={name}\n hidden\n value={multiselect ? values : values[0]}\n >\n <option> </option>\n {options.map((v) => (\n <option key={v} value={v}>\n {v}\n </option>\n ))}\n </SelectHidden>\n </>\n );\n },\n);\n"],"names":["SelectNative","forwardRef","_ref","ref","name","multiselect","items","value","onChange","onSetValue","values","selectRef","useRef","forkRef","useForkRef","options","Array","from","keys","useLayoutEffect","current","valueInit","valuesInit","selectedOptions","map","v","length","event","createEvent","React","createElement","Fragment","SelectHidden","multiple","hidden","_option","key"],"mappings":";;;;;;AAgBO,IAAMA,YAAY,gBAAGC,UAAU,CAClC,UAAAC,IAAA,EAA4DC,GAAG,EAAK;AAAA,EAAA,IAAjEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,UAAU,GAAAP,IAAA,CAAVO,UAAU,CAAA;EACpD,IAAMC,MAAM,GAAIL,WAAW,GAAGE,KAAK,GAAG,CAACA,KAAK,CAAc,CAAA;AAC1D,EAAA,IAAMI,SAAS,GAAGC,MAAM,CAAoB,IAAI,CAAC,CAAA;AACjD,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACH,SAAS,EAAER,GAAU,CAAC,CAAA;EACjD,IAAMY,OAAO,GAAGC,KAAK,CAACC,IAAI,CAACX,KAAK,CAACY,IAAI,EAAE,CAAC,CAAA;AAExCC,EAAAA,eAAe,CAAC,YAAM;AAClB,IAAA,IAAIR,SAAS,CAACS,OAAO,IAAI,CAACf,WAAW,EAAE;AACnC,MAAA,IAAMgB,SAAS,GAAGV,SAAS,CAACS,OAAO,CAACb,KAAK,CAAA;AAEzC,MAAA,IAAIc,SAAS,EAAE;QACXZ,UAAU,CAACY,SAAS,CAAC,CAAA;AACzB,OAAA;AACJ,KAAA;AAEA,IAAA,IAAIV,SAAS,CAACS,OAAO,IAAIf,WAAW,EAAE;AAClC,MAAA,IAAMiB,UAAU,GAAGN,KAAK,CAACC,IAAI,CAACN,SAAS,CAACS,OAAO,CAACG,eAAe,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAA;QAAA,OAAKA,CAAC,CAAClB,KAAK,CAAA;OAAC,CAAA,CAAA;AACpF,MAAA,IAAIe,UAAU,CAACI,MAAM,KAAK,CAAC,EAAE;QACzBjB,UAAU,CAACa,UAAU,CAAC,CAAA;AAC1B,OAAA;AACJ,KAAA;GACH,EAAE,EAAE,CAAC,CAAA;AAENH,EAAAA,eAAe,CAAC,YAAM;AAClB,IAAA,IAAMQ,KAAK,GAAGC,WAAW,CAACjB,SAAS,CAAC,CAAA;AACpC,IAAA,IAAIH,QAAQ,EAAE;MACVA,QAAQ,CAACmB,KAAK,CAAC,CAAA;AACnB,KAAA;AACJ,GAAC,EAAE,CAACjB,MAAM,CAAC,CAAC,CAAA;;AAEZ;AACA;AACA;AACA;;AAEA,EAAA,oBACImB,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACIF,KAAA,CAAAC,aAAA,CAACE,YAAY,EAAA;AACT7B,IAAAA,GAAG,EAAEU,OAAQ;AACboB,IAAAA,QAAQ,EAAE5B,WAAY;AACtBD,IAAAA,IAAI,EAAEA,IAAK;IACX8B,MAAM,EAAA,IAAA;AACN3B,IAAAA,KAAK,EAAEF,WAAW,GAAGK,MAAM,GAAGA,MAAM,CAAC,CAAC,CAAA;AAAE,GAAA,EAAAyB,OAAA,KAAAA,OAAA,gBAExCN,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA,IAAA,EAAQ,GAAS,CAAC,GACjBf,OAAO,CAACS,GAAG,CAAC,UAACC,CAAC,EAAA;IAAA,oBACXI,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQM,MAAAA,GAAG,EAAEX,CAAE;AAAClB,MAAAA,KAAK,EAAEkB,CAAAA;AAAE,KAAA,EACpBA,CACG,CAAC,CAAA;GACZ,CACS,CAChB,CAAC,CAAA;AAEX,CACJ;;;;"}
1
+ {"version":3,"file":"SelectNative.js","sources":["../../../../../src/components/Select/ui/SelectNative/SelectNative.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, useLayoutEffect, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { createEvent } from '../../../../utils';\nimport { SelectProps } from '../../Select.types';\nimport { ValueToItemMapType } from '../../hooks/usePathMaps';\n\nimport { SelectHidden } from './SelectNative.styles';\n\ntype Props = Pick<SelectProps, 'name' | 'multiselect'> & {\n onChange: (newValue: ChangeEvent<HTMLSelectElement> | null) => void;\n onSetValue: (value: string | string[]) => void;\n items: ValueToItemMapType;\n value: string | number | Array<string | number>;\n};\n\nexport const SelectNative = forwardRef<HTMLButtonElement, Props>(\n ({ name, multiselect, items, value, onChange, onSetValue }, ref) => {\n const values = (multiselect ? value : [value]) as string[];\n const selectRef = useRef<HTMLSelectElement>(null);\n const forkRef = useForkRef(selectRef, ref as any);\n const options = Array.from(items.keys());\n\n useLayoutEffect(() => {\n if (selectRef.current && !multiselect) {\n const valueInit = selectRef.current.value;\n\n if (valueInit) {\n onSetValue(valueInit);\n }\n }\n\n if (selectRef.current && multiselect) {\n const valuesInit = Array.from(selectRef.current.selectedOptions).map((v) => v.value);\n if (valuesInit.length !== 0) {\n onSetValue(valuesInit);\n }\n }\n }, []);\n\n useLayoutEffect(() => {\n const event = createEvent(selectRef);\n if (onChange) {\n onChange(event);\n }\n }, [values]);\n\n return (\n <>\n <SelectHidden\n ref={forkRef}\n multiple={multiselect}\n name={name}\n hidden\n value={multiselect ? values : values[0]}\n >\n {options.map((v) => (\n <option key={v} value={v}>\n {v}\n </option>\n ))}\n </SelectHidden>\n </>\n );\n },\n);\n"],"names":["SelectNative","forwardRef","_ref","ref","name","multiselect","items","value","onChange","onSetValue","values","selectRef","useRef","forkRef","useForkRef","options","Array","from","keys","useLayoutEffect","current","valueInit","valuesInit","selectedOptions","map","v","length","event","createEvent","React","createElement","Fragment","SelectHidden","multiple","hidden","key"],"mappings":";;;;;AAgBO,IAAMA,YAAY,gBAAGC,UAAU,CAClC,UAAAC,IAAA,EAA4DC,GAAG,EAAK;AAAA,EAAA,IAAjEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,UAAU,GAAAP,IAAA,CAAVO,UAAU,CAAA;EACpD,IAAMC,MAAM,GAAIL,WAAW,GAAGE,KAAK,GAAG,CAACA,KAAK,CAAc,CAAA;AAC1D,EAAA,IAAMI,SAAS,GAAGC,MAAM,CAAoB,IAAI,CAAC,CAAA;AACjD,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACH,SAAS,EAAER,GAAU,CAAC,CAAA;EACjD,IAAMY,OAAO,GAAGC,KAAK,CAACC,IAAI,CAACX,KAAK,CAACY,IAAI,EAAE,CAAC,CAAA;AAExCC,EAAAA,eAAe,CAAC,YAAM;AAClB,IAAA,IAAIR,SAAS,CAACS,OAAO,IAAI,CAACf,WAAW,EAAE;AACnC,MAAA,IAAMgB,SAAS,GAAGV,SAAS,CAACS,OAAO,CAACb,KAAK,CAAA;AAEzC,MAAA,IAAIc,SAAS,EAAE;QACXZ,UAAU,CAACY,SAAS,CAAC,CAAA;AACzB,OAAA;AACJ,KAAA;AAEA,IAAA,IAAIV,SAAS,CAACS,OAAO,IAAIf,WAAW,EAAE;AAClC,MAAA,IAAMiB,UAAU,GAAGN,KAAK,CAACC,IAAI,CAACN,SAAS,CAACS,OAAO,CAACG,eAAe,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAA;QAAA,OAAKA,CAAC,CAAClB,KAAK,CAAA;OAAC,CAAA,CAAA;AACpF,MAAA,IAAIe,UAAU,CAACI,MAAM,KAAK,CAAC,EAAE;QACzBjB,UAAU,CAACa,UAAU,CAAC,CAAA;AAC1B,OAAA;AACJ,KAAA;GACH,EAAE,EAAE,CAAC,CAAA;AAENH,EAAAA,eAAe,CAAC,YAAM;AAClB,IAAA,IAAMQ,KAAK,GAAGC,WAAW,CAACjB,SAAS,CAAC,CAAA;AACpC,IAAA,IAAIH,QAAQ,EAAE;MACVA,QAAQ,CAACmB,KAAK,CAAC,CAAA;AACnB,KAAA;AACJ,GAAC,EAAE,CAACjB,MAAM,CAAC,CAAC,CAAA;AAEZ,EAAA,oBACImB,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACIF,KAAA,CAAAC,aAAA,CAACE,YAAY,EAAA;AACT7B,IAAAA,GAAG,EAAEU,OAAQ;AACboB,IAAAA,QAAQ,EAAE5B,WAAY;AACtBD,IAAAA,IAAI,EAAEA,IAAK;IACX8B,MAAM,EAAA,IAAA;AACN3B,IAAAA,KAAK,EAAEF,WAAW,GAAGK,MAAM,GAAGA,MAAM,CAAC,CAAC,CAAA;AAAE,GAAA,EAEvCK,OAAO,CAACS,GAAG,CAAC,UAACC,CAAC,EAAA;IAAA,oBACXI,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQK,MAAAA,GAAG,EAAEV,CAAE;AAAClB,MAAAA,KAAK,EAAEkB,CAAAA;AAAE,KAAA,EACpBA,CACG,CAAC,CAAA;GACZ,CACS,CAChB,CAAC,CAAA;AAEX,CACJ;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.266.1-canary.1777.13368235255.0",
3
+ "version": "0.267.0-dev.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -132,5 +132,5 @@
132
132
  "sideEffects": [
133
133
  "*.css"
134
134
  ],
135
- "gitHead": "e4ebb9c987545695c77a484a34a34c8484c32a35"
135
+ "gitHead": "b3caca5ee52894a6a837c7699b15fa1969e1c9f2"
136
136
  }
package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js CHANGED
@@ -9,7 +9,6 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
9
9
  var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
10
10
  var _utils = /*#__PURE__*/require("../../../../../utils");
11
11
  var _SelectNative = /*#__PURE__*/require("./SelectNative.styles");
12
- var _option;
13
12
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
13
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
15
14
  var SelectNative = exports.SelectNative = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
@@ -45,19 +44,13 @@ var SelectNative = exports.SelectNative = /*#__PURE__*/(0, _react.forwardRef)(fu
45
44
  onChange(event);
46
45
  }
47
46
  }, [values]);
48
-
49
- //
50
- // Пустой option нужен для нативного поведения. Он автоматически выбирает первый пункт,
51
- // если нет изначального значения
52
- //
53
-
54
47
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_SelectNative.SelectHidden, {
55
48
  ref: forkRef,
56
49
  multiple: multiple,
57
50
  name: name,
58
51
  hidden: true,
59
52
  value: multiple ? values : values[0]
60
- }, _option || (_option = /*#__PURE__*/_react["default"].createElement("option", null, " ")), options.map(function (v) {
53
+ }, options.map(function (v) {
61
54
  return /*#__PURE__*/_react["default"].createElement("option", {
62
55
  key: v,
63
56
  value: v
package/styled-components/cjs/components/Radiobox/Radiobox.template-doc.mdx CHANGED
@@ -9,6 +9,12 @@ import { PropsTable, Description } from '@site/src/components';
9
9
  <Description name="Radiobox" />
10
10
  <PropsTable name="Radiobox" exclude={['css', 'focused']} />
11
11
 
12
+ :::caution Устаревшие значения для свойства view
13
+ Актуальным значением для свойства `view` - является `accent`.
14
+
15
+ Все остальные значения `deprecated` и будут удалены в ближайшее время!
16
+ :::
17
+
12
18
  ## Использование
13
19
  Компонент `Radiobox` может содержать лейбл и описание.
14
20
 
package/styled-components/cjs/components/Select/ui/SelectNative/SelectNative.js CHANGED
@@ -9,7 +9,6 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
9
9
  var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
10
10
  var _utils = /*#__PURE__*/require("../../../../utils");
11
11
  var _SelectNative = /*#__PURE__*/require("./SelectNative.styles");
12
- var _option;
13
12
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
13
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
15
14
  var SelectNative = exports.SelectNative = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
@@ -45,19 +44,13 @@ var SelectNative = exports.SelectNative = /*#__PURE__*/(0, _react.forwardRef)(fu
45
44
  onChange(event);
46
45
  }
47
46
  }, [values]);
48
-
49
- //
50
- // Пустой option нужен для нативного поведения. Он автоматически выбирает первый пункт,
51
- // если нет изначального значения
52
- //
53
-
54
47
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_SelectNative.SelectHidden, {
55
48
  ref: forkRef,
56
49
  multiple: multiselect,
57
50
  name: name,
58
51
  hidden: true,
59
52
  value: multiselect ? values : values[0]
60
- }, _option || (_option = /*#__PURE__*/_react["default"].createElement("option", null, " ")), options.map(function (v) {
53
+ }, options.map(function (v) {
61
54
  return /*#__PURE__*/_react["default"].createElement("option", {
62
55
  key: v,
63
56
  value: v
package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js CHANGED
@@ -23,13 +23,20 @@ var config = exports.config = {
23
23
  * Вид контрола.
24
24
  */
25
25
  view: {
26
+ accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
27
+ // deprecated
26
28
  "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
29
+ // deprecated
27
30
  secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
31
+ // deprecated
28
32
  tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
33
+ // deprecated
29
34
  paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
30
- accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
35
+ // deprecated
31
36
  positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
37
+ // deprecated
32
38
  warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
39
+ // deprecated
33
40
  negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor)
34
41
  },
35
42
  disabled: {
package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx CHANGED
@@ -3,12 +3,10 @@ import type { ComponentProps } from 'react';
3
3
  import type { StoryObj, Meta } from '@storybook/react';
4
4
  import { action } from '@storybook/addon-actions';
5
5
 
6
- import { RadioGroup, radioboxConfig } from '../../../../components/Radiobox';
7
- import { mergeConfig } from '../../../../engines';
8
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
6
+ import { RadioGroup } from '../../../../components/Radiobox';
7
+ import { WithTheme } from '../../../_helpers';
9
8
  import { Link } from '../Link/Link';
10
9
 
11
- import { config } from './Radiobox.config';
12
10
  import { Radiobox } from './Radiobox';
13
11
 
14
12
  const onChange = action('onChange');
@@ -19,7 +17,20 @@ const meta: Meta<typeof Radiobox> = {
19
17
  title: 'b2c/Data Entry/Radiobox',
20
18
  decorators: [WithTheme],
21
19
  component: Radiobox,
22
- argTypes: argTypesFromConfig(mergeConfig(radioboxConfig, config)),
20
+ argTypes: {
21
+ view: {
22
+ options: ['accent'],
23
+ control: {
24
+ type: 'radio',
25
+ },
26
+ },
27
+ size: {
28
+ options: ['m', 's'],
29
+ control: {
30
+ type: 'radio',
31
+ },
32
+ },
33
+ },
23
34
  args: {
24
35
  view: 'accent',
25
36
  size: 'm',
package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js CHANGED
@@ -23,13 +23,20 @@ var config = exports.config = {
23
23
  * Вид контрола.
24
24
  */
25
25
  view: {
26
+ accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
27
+ // deprecated
26
28
  "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
29
+ // deprecated
27
30
  secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
31
+ // deprecated
28
32
  tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
33
+ // deprecated
29
34
  paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
30
- accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
35
+ // deprecated
31
36
  positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
37
+ // deprecated
32
38
  warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
39
+ // deprecated
33
40
  negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor)
34
41
  },
35
42
  disabled: {
package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx CHANGED
@@ -3,12 +3,10 @@ import type { ComponentProps } from 'react';
3
3
  import type { StoryObj, Meta } from '@storybook/react';
4
4
  import { action } from '@storybook/addon-actions';
5
5
 
6
- import { RadioGroup, radioboxConfig } from '../../../../components/Radiobox';
7
- import { mergeConfig } from '../../../../engines';
8
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
6
+ import { RadioGroup } from '../../../../components/Radiobox';
7
+ import { WithTheme } from '../../../_helpers';
9
8
  import { Link } from '../Link/Link';
10
9
 
11
- import { config } from './Radiobox.config';
12
10
  import { Radiobox } from './Radiobox';
13
11
 
14
12
  const onChange = action('onChange');
@@ -19,7 +17,20 @@ const meta: Meta<typeof Radiobox> = {
19
17
  title: 'web/Data Entry/Radiobox',
20
18
  decorators: [WithTheme],
21
19
  component: Radiobox,
22
- argTypes: argTypesFromConfig(mergeConfig(radioboxConfig, config)),
20
+ argTypes: {
21
+ view: {
22
+ options: ['accent'],
23
+ control: {
24
+ type: 'radio',
25
+ },
26
+ },
27
+ size: {
28
+ options: ['m', 's'],
29
+ control: {
30
+ type: 'radio',
31
+ },
32
+ },
33
+ },
23
34
  args: {
24
35
  view: 'accent',
25
36
  size: 'm',
package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js CHANGED
@@ -1,4 +1,3 @@
1
- var _option;
2
1
  import React, { forwardRef, useLayoutEffect, useRef } from 'react';
3
2
  import { useForkRef } from '@salutejs/plasma-core';
4
3
  import { createEvent } from '../../../../../utils';
@@ -36,19 +35,13 @@ export var SelectNative = /*#__PURE__*/forwardRef(function (_ref, ref) {
36
35
  onChange(event);
37
36
  }
38
37
  }, [values]);
39
-
40
- //
41
- // Пустой option нужен для нативного поведения. Он автоматически выбирает первый пункт,
42
- // если нет изначального значения
43
- //
44
-
45
38
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectHidden, {
46
39
  ref: forkRef,
47
40
  multiple: multiple,
48
41
  name: name,
49
42
  hidden: true,
50
43
  value: multiple ? values : values[0]
51
- }, _option || (_option = /*#__PURE__*/React.createElement("option", null, " ")), options.map(function (v) {
44
+ }, options.map(function (v) {
52
45
  return /*#__PURE__*/React.createElement("option", {
53
46
  key: v,
54
47
  value: v
package/styled-components/es/components/Radiobox/Radiobox.template-doc.mdx CHANGED
@@ -9,6 +9,12 @@ import { PropsTable, Description } from '@site/src/components';
9
9
  <Description name="Radiobox" />
10
10
  <PropsTable name="Radiobox" exclude={['css', 'focused']} />
11
11
 
12
+ :::caution Устаревшие значения для свойства view
13
+ Актуальным значением для свойства `view` - является `accent`.
14
+
15
+ Все остальные значения `deprecated` и будут удалены в ближайшее время!
16
+ :::
17
+
12
18
  ## Использование
13
19
  Компонент `Radiobox` может содержать лейбл и описание.
14
20
 
package/styled-components/es/components/Select/ui/SelectNative/SelectNative.js CHANGED
@@ -1,4 +1,3 @@
1
- var _option;
2
1
  import React, { forwardRef, useLayoutEffect, useRef } from 'react';
3
2
  import { useForkRef } from '@salutejs/plasma-core';
4
3
  import { createEvent } from '../../../../utils';
@@ -36,19 +35,13 @@ export var SelectNative = /*#__PURE__*/forwardRef(function (_ref, ref) {
36
35
  onChange(event);
37
36
  }
38
37
  }, [values]);
39
-
40
- //
41
- // Пустой option нужен для нативного поведения. Он автоматически выбирает первый пункт,
42
- // если нет изначального значения
43
- //
44
-
45
38
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectHidden, {
46
39
  ref: forkRef,
47
40
  multiple: multiselect,
48
41
  name: name,
49
42
  hidden: true,
50
43
  value: multiselect ? values : values[0]
51
- }, _option || (_option = /*#__PURE__*/React.createElement("option", null, " ")), options.map(function (v) {
44
+ }, options.map(function (v) {
52
45
  return /*#__PURE__*/React.createElement("option", {
53
46
  key: v,
54
47
  value: v
package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js CHANGED
@@ -17,13 +17,20 @@ export var config = {
17
17
  * Вид контрола.
18
18
  */
19
19
  view: {
20
+ accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
21
+ // deprecated
20
22
  "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
23
+ // deprecated
21
24
  secondary: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
25
+ // deprecated
22
26
  tertiary: /*#__PURE__*/css(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
27
+ // deprecated
23
28
  paragraph: /*#__PURE__*/css(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
24
- accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
29
+ // deprecated
25
30
  positive: /*#__PURE__*/css(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
31
+ // deprecated
26
32
  warning: /*#__PURE__*/css(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
33
+ // deprecated
27
34
  negative: /*#__PURE__*/css(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor)
28
35
  },
29
36
  disabled: {
package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx CHANGED
@@ -3,12 +3,10 @@ import type { ComponentProps } from 'react';
3
3
  import type { StoryObj, Meta } from '@storybook/react';
4
4
  import { action } from '@storybook/addon-actions';
5
5
 
6
- import { RadioGroup, radioboxConfig } from '../../../../components/Radiobox';
7
- import { mergeConfig } from '../../../../engines';
8
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
6
+ import { RadioGroup } from '../../../../components/Radiobox';
7
+ import { WithTheme } from '../../../_helpers';
9
8
  import { Link } from '../Link/Link';
10
9
 
11
- import { config } from './Radiobox.config';
12
10
  import { Radiobox } from './Radiobox';
13
11
 
14
12
  const onChange = action('onChange');
@@ -19,7 +17,20 @@ const meta: Meta<typeof Radiobox> = {
19
17
  title: 'b2c/Data Entry/Radiobox',
20
18
  decorators: [WithTheme],
21
19
  component: Radiobox,
22
- argTypes: argTypesFromConfig(mergeConfig(radioboxConfig, config)),
20
+ argTypes: {
21
+ view: {
22
+ options: ['accent'],
23
+ control: {
24
+ type: 'radio',
25
+ },
26
+ },
27
+ size: {
28
+ options: ['m', 's'],
29
+ control: {
30
+ type: 'radio',
31
+ },
32
+ },
33
+ },
23
34
  args: {
24
35
  view: 'accent',
25
36
  size: 'm',
package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js CHANGED
@@ -17,13 +17,20 @@ export var config = {
17
17
  * Вид контрола.
18
18
  */
19
19
  view: {
20
+ accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
21
+ // deprecated
20
22
  "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
23
+ // deprecated
21
24
  secondary: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
25
+ // deprecated
22
26
  tertiary: /*#__PURE__*/css(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
27
+ // deprecated
23
28
  paragraph: /*#__PURE__*/css(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
24
- accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
29
+ // deprecated
25
30
  positive: /*#__PURE__*/css(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
31
+ // deprecated
26
32
  warning: /*#__PURE__*/css(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
33
+ // deprecated
27
34
  negative: /*#__PURE__*/css(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor)
28
35
  },
29
36
  disabled: {
package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx CHANGED
@@ -3,12 +3,10 @@ import type { ComponentProps } from 'react';
3
3
  import type { StoryObj, Meta } from '@storybook/react';
4
4
  import { action } from '@storybook/addon-actions';
5
5
 
6
- import { RadioGroup, radioboxConfig } from '../../../../components/Radiobox';
7
- import { mergeConfig } from '../../../../engines';
8
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
6
+ import { RadioGroup } from '../../../../components/Radiobox';
7
+ import { WithTheme } from '../../../_helpers';
9
8
  import { Link } from '../Link/Link';
10
9
 
11
- import { config } from './Radiobox.config';
12
10
  import { Radiobox } from './Radiobox';
13
11
 
14
12
  const onChange = action('onChange');
@@ -19,7 +17,20 @@ const meta: Meta<typeof Radiobox> = {
19
17
  title: 'web/Data Entry/Radiobox',
20
18
  decorators: [WithTheme],
21
19
  component: Radiobox,
22
- argTypes: argTypesFromConfig(mergeConfig(radioboxConfig, config)),
20
+ argTypes: {
21
+ view: {
22
+ options: ['accent'],
23
+ control: {
24
+ type: 'radio',
25
+ },
26
+ },
27
+ size: {
28
+ options: ['m', 's'],
29
+ control: {
30
+ type: 'radio',
31
+ },
32
+ },
33
+ },
23
34
  args: {
24
35
  view: 'accent',
25
36
  size: 'm',
package/types/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectNative.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAuC,MAAM,OAAO,CAAC;AAIhF,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAU7D,eAAO,MAAM,YAAY;sBALH,YAAY,iBAAiB,CAAC,GAAG,IAAI,KAAK,IAAI;wBAC5C,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI;;0CA2DjD,CAAC"}
1
+ {"version":3,"file":"SelectNative.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAuC,MAAM,OAAO,CAAC;AAIhF,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAU7D,eAAO,MAAM,YAAY;sBALH,YAAY,iBAAiB,CAAC,GAAG,IAAI,KAAK,IAAI;wBAC5C,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI;;0CAqDjD,CAAC"}
package/types/components/Select/ui/SelectNative/SelectNative.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectNative.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/SelectNative/SelectNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAuC,MAAM,OAAO,CAAC;AAIhF,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAW7D,eAAO,MAAM,YAAY;yBANA,YAAY,iBAAiB,CAAC,GAAG,IAAI,KAAK,IAAI;wBAC/C,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI;;WAEvC,MAAM,GAAG,MAAM,GAAG,MAAM,MAAM,GAAG,MAAM,CAAC;2CA0DlD,CAAC"}
1
+ {"version":3,"file":"SelectNative.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/SelectNative/SelectNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAuC,MAAM,OAAO,CAAC;AAIhF,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAW7D,eAAO,MAAM,YAAY;yBANA,YAAY,iBAAiB,CAAC,GAAG,IAAI,KAAK,IAAI;wBAC/C,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI;;WAEvC,MAAM,GAAG,MAAM,GAAG,MAAM,MAAM,GAAG,MAAM,CAAC;2CAoDlD,CAAC"}
package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts CHANGED
@@ -15,11 +15,11 @@ export declare const config: {
15
15
  * Вид контрола.
16
16
  */
17
17
  view: {
18
+ accent: import("@linaria/core").LinariaClassName;
18
19
  default: import("@linaria/core").LinariaClassName;
19
20
  secondary: import("@linaria/core").LinariaClassName;
20
21
  tertiary: import("@linaria/core").LinariaClassName;
21
22
  paragraph: import("@linaria/core").LinariaClassName;
22
- accent: import("@linaria/core").LinariaClassName;
23
23
  positive: import("@linaria/core").LinariaClassName;
24
24
  warning: import("@linaria/core").LinariaClassName;
25
25
  negative: import("@linaria/core").LinariaClassName;
package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Radiobox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Radiobox/Radiobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;QAMX;;WAEG;;;;;QA+CH;;WAEG;;;;;;;;;;;;;;;;;;CAsEV,CAAC"}
1
+ {"version":3,"file":"Radiobox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Radiobox/Radiobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;QAMX;;WAEG;;;;;QA+CH;;WAEG;;;;;;;;;;;;;;;;;;CA6EV,CAAC"}
package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts CHANGED
@@ -5,11 +5,11 @@ export declare const Radiobox: import("react").FunctionComponent<import("../../.
5
5
  m: import("@linaria/core").LinariaClassName;
6
6
  };
7
7
  view: {
8
+ accent: import("@linaria/core").LinariaClassName;
8
9
  default: import("@linaria/core").LinariaClassName;
9
10
  secondary: import("@linaria/core").LinariaClassName;
10
11
  tertiary: import("@linaria/core").LinariaClassName;
11
12
  paragraph: import("@linaria/core").LinariaClassName;
12
- accent: import("@linaria/core").LinariaClassName;
13
13
  positive: import("@linaria/core").LinariaClassName;
14
14
  warning: import("@linaria/core").LinariaClassName;
15
15
  negative: import("@linaria/core").LinariaClassName;