@salutejs/plasma-new-hope 0.142.0-canary.1421.10790809666.0 → 0.142.0-canary.1424.10789422667.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (105) hide show
  1. package/cjs/components/Badge/Badge.css +2 -0
  2. package/cjs/components/Badge/Badge.js +12 -3
  3. package/cjs/components/Badge/Badge.js.map +1 -1
  4. package/cjs/components/Badge/Badge.tokens.js +3 -1
  5. package/cjs/components/Badge/Badge.tokens.js.map +1 -1
  6. package/cjs/components/Badge/variations/_clear/base.js +9 -0
  7. package/cjs/components/Badge/variations/_clear/base.js.map +1 -0
  8. package/cjs/components/Badge/variations/_clear/base_oopyb7.css +1 -0
  9. package/cjs/components/TextArea/TextArea.js +2 -4
  10. package/cjs/components/TextArea/TextArea.js.map +1 -1
  11. package/cjs/index.css +2 -0
  12. package/cjs/index.js +0 -3
  13. package/cjs/index.js.map +1 -1
  14. package/cjs/utils/index.js.map +1 -1
  15. package/emotion/cjs/components/Badge/Badge.js +12 -3
  16. package/emotion/cjs/components/Badge/Badge.template-doc.mdx +19 -28
  17. package/emotion/cjs/components/Badge/Badge.tokens.js +3 -1
  18. package/emotion/cjs/components/Badge/variations/_clear/base.js +9 -0
  19. package/emotion/cjs/components/Badge/variations/_clear/tokens.json +1 -0
  20. package/emotion/cjs/components/TextArea/TextArea.js +3 -4
  21. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +15 -12
  22. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +38 -6
  23. package/emotion/cjs/examples/plasma_web/components/Badge/Badge.config.js +15 -12
  24. package/emotion/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +39 -6
  25. package/emotion/cjs/utils/index.js +0 -15
  26. package/emotion/es/components/Badge/Badge.js +12 -3
  27. package/emotion/es/components/Badge/Badge.template-doc.mdx +19 -28
  28. package/emotion/es/components/Badge/Badge.tokens.js +3 -1
  29. package/emotion/es/components/Badge/variations/_clear/base.js +3 -0
  30. package/emotion/es/components/Badge/variations/_clear/tokens.json +1 -0
  31. package/emotion/es/components/TextArea/TextArea.js +4 -5
  32. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +15 -12
  33. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +38 -6
  34. package/emotion/es/examples/plasma_web/components/Badge/Badge.config.js +15 -12
  35. package/emotion/es/examples/plasma_web/components/Badge/Badge.stories.tsx +39 -6
  36. package/emotion/es/utils/index.js +0 -1
  37. package/es/components/Badge/Badge.css +2 -0
  38. package/es/components/Badge/Badge.js +12 -3
  39. package/es/components/Badge/Badge.js.map +1 -1
  40. package/es/components/Badge/Badge.tokens.js +3 -1
  41. package/es/components/Badge/Badge.tokens.js.map +1 -1
  42. package/es/components/Badge/variations/_clear/base.js +5 -0
  43. package/es/components/Badge/variations/_clear/base.js.map +1 -0
  44. package/es/components/Badge/variations/_clear/base_oopyb7.css +1 -0
  45. package/es/components/TextArea/TextArea.js +2 -4
  46. package/es/components/TextArea/TextArea.js.map +1 -1
  47. package/es/index.css +2 -0
  48. package/es/index.js +0 -1
  49. package/es/index.js.map +1 -1
  50. package/es/utils/index.js.map +1 -1
  51. package/package.json +2 -3
  52. package/styled-components/cjs/components/Badge/Badge.js +12 -3
  53. package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +19 -28
  54. package/styled-components/cjs/components/Badge/Badge.tokens.js +3 -1
  55. package/styled-components/cjs/components/Badge/variations/_clear/base.js +9 -0
  56. package/styled-components/cjs/components/Badge/variations/_clear/tokens.json +1 -0
  57. package/styled-components/cjs/components/TextArea/TextArea.js +2 -3
  58. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +10 -7
  59. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +38 -6
  60. package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.config.js +10 -7
  61. package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +39 -6
  62. package/styled-components/cjs/utils/index.js +0 -15
  63. package/styled-components/es/components/Badge/Badge.js +12 -3
  64. package/styled-components/es/components/Badge/Badge.template-doc.mdx +19 -28
  65. package/styled-components/es/components/Badge/Badge.tokens.js +3 -1
  66. package/styled-components/es/components/Badge/variations/_clear/base.js +3 -0
  67. package/styled-components/es/components/Badge/variations/_clear/tokens.json +1 -0
  68. package/styled-components/es/components/TextArea/TextArea.js +3 -4
  69. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +10 -7
  70. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +38 -6
  71. package/styled-components/es/examples/plasma_web/components/Badge/Badge.config.js +10 -7
  72. package/styled-components/es/examples/plasma_web/components/Badge/Badge.stories.tsx +39 -6
  73. package/styled-components/es/utils/index.js +0 -1
  74. package/types/components/Badge/Badge.d.ts +7 -23
  75. package/types/components/Badge/Badge.d.ts.map +1 -1
  76. package/types/components/Badge/Badge.tokens.d.ts +2 -0
  77. package/types/components/Badge/Badge.tokens.d.ts.map +1 -1
  78. package/types/components/Badge/Badge.types.d.ts +60 -9
  79. package/types/components/Badge/Badge.types.d.ts.map +1 -1
  80. package/types/components/Badge/variations/_clear/base.d.ts +2 -0
  81. package/types/components/Badge/variations/_clear/base.d.ts.map +1 -0
  82. package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts +3 -0
  83. package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
  84. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +32 -3
  85. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
  86. package/types/examples/plasma_web/components/Badge/Badge.config.d.ts +3 -0
  87. package/types/examples/plasma_web/components/Badge/Badge.config.d.ts.map +1 -1
  88. package/types/examples/plasma_web/components/Badge/Badge.d.ts +32 -3
  89. package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
  90. package/types/utils/index.d.ts +0 -1
  91. package/types/utils/index.d.ts.map +1 -1
  92. package/cjs/utils/setRefList.js +0 -28
  93. package/cjs/utils/setRefList.js.map +0 -1
  94. package/emotion/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -68
  95. package/emotion/cjs/utils/setRefList.js +0 -27
  96. package/emotion/es/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -68
  97. package/emotion/es/utils/setRefList.js +0 -20
  98. package/es/utils/setRefList.js +0 -23
  99. package/es/utils/setRefList.js.map +0 -1
  100. package/styled-components/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -68
  101. package/styled-components/cjs/utils/setRefList.js +0 -27
  102. package/styled-components/es/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -68
  103. package/styled-components/es/utils/setRefList.js +0 -20
  104. package/types/utils/setRefList.d.ts +0 -6
  105. package/types/utils/setRefList.d.ts.map +0 -1
@@ -1,23 +0,0 @@
1
- function mergeRefs() {
2
- for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
3
- refs[_key] = arguments[_key];
4
- }
5
- return function (val) {
6
- setRefList.apply(void 0, [val].concat(refs));
7
- };
8
- }
9
- function setRefList(val) {
10
- for (var _len2 = arguments.length, refs = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
11
- refs[_key2 - 1] = arguments[_key2];
12
- }
13
- refs.forEach(function (ref) {
14
- if (typeof ref === 'function') {
15
- ref(val);
16
- } else if (ref != null) {
17
- ref.current = val;
18
- }
19
- });
20
- }
21
-
22
- export { mergeRefs, setRefList };
23
- //# sourceMappingURL=setRefList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"setRefList.js","sources":["../../src/utils/setRefList.ts"],"sourcesContent":["import type { MutableRefObject, RefCallback } from 'react';\n\ntype MutableRefList<T> = Array<RefCallback<T> | MutableRefObject<T> | undefined | null>;\n\nexport function mergeRefs<T>(...refs: MutableRefList<T>): RefCallback<T> {\n return (val: T) => {\n setRefList(val, ...refs);\n };\n}\n\nexport function setRefList<T>(val: T, ...refs: MutableRefList<T>): void {\n refs.forEach((ref) => {\n if (typeof ref === 'function') {\n ref(val);\n } else if (ref != null) {\n ref.current = val;\n }\n });\n}\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","val","setRefList","apply","concat","_len2","_key2","forEach","ref","current"],"mappings":"AAIO,SAASA,SAASA,GAAgD;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAzCC,IAAI,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAJF,IAAAA,IAAI,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;EAChC,OAAO,UAACC,GAAM,EAAK;IACfC,UAAU,CAAAC,KAAA,CAACF,KAAAA,CAAAA,EAAAA,CAAAA,GAAG,EAAAG,MAAA,CAAKN,IAAI,CAAC,CAAA,CAAA;GAC3B,CAAA;AACL,CAAA;AAEO,SAASI,UAAUA,CAAID,GAAM,EAAoC;EAAA,KAAAI,IAAAA,KAAA,GAAAT,SAAA,CAAAC,MAAA,EAA/BC,IAAI,OAAAC,KAAA,CAAAM,KAAA,GAAAA,CAAAA,GAAAA,KAAA,WAAAC,KAAA,GAAA,CAAA,EAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA,EAAA,EAAA;AAAJR,IAAAA,IAAI,CAAAQ,KAAA,GAAAV,CAAAA,CAAAA,GAAAA,SAAA,CAAAU,KAAA,CAAA,CAAA;AAAA,GAAA;AACzCR,EAAAA,IAAI,CAACS,OAAO,CAAC,UAACC,GAAG,EAAK;AAClB,IAAA,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC3BA,GAAG,CAACP,GAAG,CAAC,CAAA;AACZ,KAAC,MAAM,IAAIO,GAAG,IAAI,IAAI,EAAE;MACpBA,GAAG,CAACC,OAAO,GAAGR,GAAG,CAAA;AACrB,KAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}
@@ -1,68 +0,0 @@
1
- import { useForm } from 'react-hook-form';
2
- import React from 'react';
3
- import type { Meta, StoryObj } from '@storybook/react';
4
-
5
- import { WithTheme } from '../../../_helpers';
6
- import { Button } from '../Button/Button';
7
- import { TextField } from '../TextField/TextField';
8
- import { TextArea } from '../TextArea/TextArea'; // TextArea.tsx 120 строка, не работает из-за некорректного ref
9
- import { Checkbox } from '../Checkbox/Checkbox';
10
- import { Switch } from '../Switch/Switch';
11
- import { Radiobox } from '../Radiobox/Radiobox';
12
- import { RadioGroup } from '../../../../components/Radiobox';
13
-
14
- type StoryDropdownProps = {};
15
-
16
- const langName = 'language';
17
- const itemsRadiobox = [
18
- { langName, value: 'c', label: 'C', disabled: false },
19
- { langName, value: 'cpp', label: 'C++', disabled: false },
20
- { langName, value: 'assembly', label: 'Assembly', disabled: false },
21
- ];
22
-
23
- const DefaultForm = () => {
24
- const { register, handleSubmit } = useForm();
25
- const onSubmit = (data) => {
26
- console.log(data);
27
- };
28
-
29
- return (
30
- <form onSubmit={handleSubmit(onSubmit)} style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
31
- <TextField {...register('textfield')} placeholder="Textfield" required={false} />
32
- <TextArea {...register('textarea')} autoResize placeholder="Textarea" />
33
- <Checkbox {...register('checkbox')} label="Checkbox" />
34
- <Switch {...register('switch')} label="Switch" labelPosition="after" />
35
- <RadioGroup aria-labelledby="radiogroup-title-id">
36
- <div id="radiogroup-title-id" style={{ margin: '1rem 0', fontWeight: '600' }}>
37
- Выберите язык программирования для изучения.
38
- </div>
39
- {itemsRadiobox.map((item) => (
40
- <Radiobox
41
- key={item.value}
42
- value={item.value}
43
- label={item.label}
44
- disabled={item.disabled}
45
- {...register('radiobox')}
46
- />
47
- ))}
48
- </RadioGroup>
49
- <Button type="submit">Отправить</Button>
50
- </form>
51
- );
52
- };
53
-
54
- const meta: Meta<StoryDropdownProps> = {
55
- title: 'plasma_b2c/Form',
56
- decorators: [WithTheme],
57
- component: DefaultForm,
58
- };
59
-
60
- export default meta;
61
-
62
- const StoryNormal = () => {
63
- return <DefaultForm />;
64
- };
65
-
66
- export const Default: StoryObj<StoryDropdownProps> = {
67
- render: () => <StoryNormal />,
68
- };
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.mergeRefs = mergeRefs;
7
- exports.setRefList = setRefList;
8
- function mergeRefs() {
9
- for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
10
- refs[_key] = arguments[_key];
11
- }
12
- return function (val) {
13
- setRefList.apply(void 0, [val].concat(refs));
14
- };
15
- }
16
- function setRefList(val) {
17
- for (var _len2 = arguments.length, refs = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
18
- refs[_key2 - 1] = arguments[_key2];
19
- }
20
- refs.forEach(function (ref) {
21
- if (typeof ref === 'function') {
22
- ref(val);
23
- } else if (ref != null) {
24
- ref.current = val;
25
- }
26
- });
27
- }
@@ -1,68 +0,0 @@
1
- import { useForm } from 'react-hook-form';
2
- import React from 'react';
3
- import type { Meta, StoryObj } from '@storybook/react';
4
-
5
- import { WithTheme } from '../../../_helpers';
6
- import { Button } from '../Button/Button';
7
- import { TextField } from '../TextField/TextField';
8
- import { TextArea } from '../TextArea/TextArea'; // TextArea.tsx 120 строка, не работает из-за некорректного ref
9
- import { Checkbox } from '../Checkbox/Checkbox';
10
- import { Switch } from '../Switch/Switch';
11
- import { Radiobox } from '../Radiobox/Radiobox';
12
- import { RadioGroup } from '../../../../components/Radiobox';
13
-
14
- type StoryDropdownProps = {};
15
-
16
- const langName = 'language';
17
- const itemsRadiobox = [
18
- { langName, value: 'c', label: 'C', disabled: false },
19
- { langName, value: 'cpp', label: 'C++', disabled: false },
20
- { langName, value: 'assembly', label: 'Assembly', disabled: false },
21
- ];
22
-
23
- const DefaultForm = () => {
24
- const { register, handleSubmit } = useForm();
25
- const onSubmit = (data) => {
26
- console.log(data);
27
- };
28
-
29
- return (
30
- <form onSubmit={handleSubmit(onSubmit)} style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
31
- <TextField {...register('textfield')} placeholder="Textfield" required={false} />
32
- <TextArea {...register('textarea')} autoResize placeholder="Textarea" />
33
- <Checkbox {...register('checkbox')} label="Checkbox" />
34
- <Switch {...register('switch')} label="Switch" labelPosition="after" />
35
- <RadioGroup aria-labelledby="radiogroup-title-id">
36
- <div id="radiogroup-title-id" style={{ margin: '1rem 0', fontWeight: '600' }}>
37
- Выберите язык программирования для изучения.
38
- </div>
39
- {itemsRadiobox.map((item) => (
40
- <Radiobox
41
- key={item.value}
42
- value={item.value}
43
- label={item.label}
44
- disabled={item.disabled}
45
- {...register('radiobox')}
46
- />
47
- ))}
48
- </RadioGroup>
49
- <Button type="submit">Отправить</Button>
50
- </form>
51
- );
52
- };
53
-
54
- const meta: Meta<StoryDropdownProps> = {
55
- title: 'plasma_b2c/Form',
56
- decorators: [WithTheme],
57
- component: DefaultForm,
58
- };
59
-
60
- export default meta;
61
-
62
- const StoryNormal = () => {
63
- return <DefaultForm />;
64
- };
65
-
66
- export const Default: StoryObj<StoryDropdownProps> = {
67
- render: () => <StoryNormal />,
68
- };
@@ -1,20 +0,0 @@
1
- export function mergeRefs() {
2
- for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
3
- refs[_key] = arguments[_key];
4
- }
5
- return function (val) {
6
- setRefList.apply(void 0, [val].concat(refs));
7
- };
8
- }
9
- export function setRefList(val) {
10
- for (var _len2 = arguments.length, refs = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
11
- refs[_key2 - 1] = arguments[_key2];
12
- }
13
- refs.forEach(function (ref) {
14
- if (typeof ref === 'function') {
15
- ref(val);
16
- } else if (ref != null) {
17
- ref.current = val;
18
- }
19
- });
20
- }
@@ -1,6 +0,0 @@
1
- import type { MutableRefObject, RefCallback } from 'react';
2
- declare type MutableRefList<T> = Array<RefCallback<T> | MutableRefObject<T> | undefined | null>;
3
- export declare function mergeRefs<T>(...refs: MutableRefList<T>): RefCallback<T>;
4
- export declare function setRefList<T>(val: T, ...refs: MutableRefList<T>): void;
5
- export {};
6
- //# sourceMappingURL=setRefList.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"setRefList.d.ts","sourceRoot":"","sources":["../../src/utils/setRefList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3D,aAAK,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC;AAExF,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAIvE;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAQtE"}