@salutejs/plasma-new-hope 0.69.1-canary.1167.8557893273.0 → 0.70.0-canary.1160.8552305660.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/TextField/TextField.js +155 -29
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +27 -11
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/TextField.styles_1b1mddp.css +8 -0
- package/cjs/components/TextField/TextField.tokens.js +68 -20
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/TextField_wctd2m.css +1 -0
- package/cjs/components/TextField/hooks/useKeyNavigation.js +133 -0
- package/cjs/components/TextField/hooks/useKeyNavigation.js.map +1 -0
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +19 -0
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +38 -0
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -0
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +26 -0
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -0
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1rauupp.css +1 -0
- package/cjs/components/TextField/{_disabled → variations/_disabled}/base.js +2 -2
- package/cjs/components/TextField/variations/_disabled/base.js.map +1 -0
- package/cjs/components/TextField/variations/_disabled/base_1tnjoy9.css +1 -0
- package/cjs/components/TextField/{_label-placement → variations/_label-placement}/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -0
- package/cjs/components/TextField/{_label-placement → variations/_label-placement}/inner.js +2 -2
- package/cjs/components/TextField/variations/_label-placement/inner.js.map +1 -0
- package/cjs/components/TextField/variations/_label-placement/inner_gqlcj2.css +1 -0
- package/cjs/components/TextField/{_label-placement → variations/_label-placement}/outer.js +2 -2
- package/cjs/components/TextField/variations/_label-placement/outer.js.map +1 -0
- package/cjs/components/TextField/variations/_label-placement/outer_is41nj.css +1 -0
- package/cjs/components/TextField/{_view → variations/_read-only}/base.js +2 -2
- package/cjs/components/TextField/variations/_read-only/base.js.map +1 -0
- package/cjs/components/TextField/variations/_read-only/base_134hshp.css +1 -0
- package/cjs/components/TextField/variations/_size/base.js +9 -0
- package/cjs/components/TextField/variations/_size/base.js.map +1 -0
- package/cjs/components/TextField/variations/_size/base_1khzr9t.css +1 -0
- package/cjs/components/TextField/{_size → variations/_view}/base.js +2 -2
- package/cjs/components/TextField/variations/_view/base.js.map +1 -0
- package/cjs/components/TextField/variations/_view/base_1qd77x6.css +1 -0
- package/cjs/index.css +16 -9
- package/cjs/index.js +2 -2
- package/es/components/TextField/TextField.js +158 -33
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +25 -12
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/TextField.styles_1b1mddp.css +8 -0
- package/es/components/TextField/TextField.tokens.js +68 -21
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/TextField_wctd2m.css +1 -0
- package/es/components/TextField/hooks/useKeyNavigation.js +128 -0
- package/es/components/TextField/hooks/useKeyNavigation.js.map +1 -0
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +19 -0
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +34 -0
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -0
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +22 -0
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -0
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1rauupp.css +1 -0
- package/es/components/TextField/variations/_disabled/base.js +5 -0
- package/es/components/TextField/variations/_disabled/base.js.map +1 -0
- package/es/components/TextField/variations/_disabled/base_1tnjoy9.css +1 -0
- package/es/components/TextField/{_label-placement → variations/_label-placement}/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -0
- package/es/components/TextField/variations/_label-placement/inner.js +5 -0
- package/es/components/TextField/variations/_label-placement/inner.js.map +1 -0
- package/es/components/TextField/variations/_label-placement/inner_gqlcj2.css +1 -0
- package/es/components/TextField/variations/_label-placement/outer.js +5 -0
- package/es/components/TextField/variations/_label-placement/outer.js.map +1 -0
- package/es/components/TextField/variations/_label-placement/outer_is41nj.css +1 -0
- package/es/components/TextField/variations/_read-only/base.js +5 -0
- package/es/components/TextField/variations/_read-only/base.js.map +1 -0
- package/es/components/TextField/variations/_read-only/base_134hshp.css +1 -0
- package/es/components/TextField/variations/_size/base.js +5 -0
- package/es/components/TextField/variations/_size/base.js.map +1 -0
- package/es/components/TextField/variations/_size/base_1khzr9t.css +1 -0
- package/es/components/TextField/{_disabled → variations/_view}/base.js +2 -2
- package/es/components/TextField/variations/_view/base.js.map +1 -0
- package/es/components/TextField/variations/_view/base_1qd77x6.css +1 -0
- package/es/index.css +16 -9
- package/es/index.js +2 -2
- package/package.json +2 -4
- package/styled-components/cjs/components/TextField/TextField.js +162 -32
- package/styled-components/cjs/components/TextField/TextField.styles.js +18 -10
- package/styled-components/cjs/components/TextField/TextField.tokens.js +68 -21
- package/styled-components/cjs/components/TextField/hooks/index.js +12 -0
- package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js +139 -0
- package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.types.js +5 -0
- package/styled-components/cjs/components/TextField/index.js +2 -2
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +39 -0
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +25 -0
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.types.js +5 -0
- package/styled-components/cjs/components/TextField/ui/index.js +12 -0
- package/styled-components/cjs/components/TextField/variations/_disabled/base.js +10 -0
- package/styled-components/cjs/components/TextField/variations/_label-placement/inner.js +10 -0
- package/styled-components/cjs/components/TextField/{_label-placement → variations/_label-placement}/outer.js +3 -3
- package/styled-components/cjs/components/TextField/variations/_read-only/base.js +10 -0
- package/styled-components/cjs/components/TextField/variations/_read-only/tokens.json +1 -0
- package/styled-components/cjs/components/TextField/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/TextField/variations/_view/base.js +10 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +7 -10
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +43 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +123 -0
- package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +7 -10
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +40 -0
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +123 -0
- package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +7 -10
- package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.config.js +43 -0
- package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.js +11 -0
- package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx +123 -0
- package/styled-components/cjs/examples/themes/plasma_b2c.module.css +293 -878
- package/styled-components/cjs/examples/themes/plasma_web.module.css +293 -878
- package/styled-components/cjs/examples/themes/sds_engineer.module.css +2 -42
- package/styled-components/es/components/TextField/TextField.js +166 -36
- package/styled-components/es/components/TextField/TextField.styles.js +17 -9
- package/styled-components/es/components/TextField/TextField.tokens.js +67 -20
- package/styled-components/es/components/TextField/hooks/index.js +1 -0
- package/styled-components/es/components/TextField/hooks/useKeyNavigation.js +133 -0
- package/styled-components/es/components/TextField/hooks/useKeyNavigation.types.js +1 -0
- package/styled-components/es/components/TextField/index.js +2 -2
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +30 -0
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +19 -0
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.types.js +1 -0
- package/styled-components/es/components/TextField/ui/index.js +1 -0
- package/styled-components/es/components/TextField/variations/_disabled/base.js +4 -0
- package/styled-components/es/components/TextField/variations/_label-placement/inner.js +4 -0
- package/styled-components/es/components/TextField/variations/_label-placement/outer.js +4 -0
- package/styled-components/es/components/TextField/variations/_read-only/base.js +4 -0
- package/styled-components/es/components/TextField/variations/_read-only/tokens.json +1 -0
- package/styled-components/es/components/TextField/variations/_size/base.js +4 -0
- package/styled-components/es/components/TextField/variations/_view/base.js +4 -0
- package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +7 -10
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +37 -0
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +123 -0
- package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +7 -10
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +34 -0
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.js +5 -0
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +123 -0
- package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +7 -10
- package/styled-components/es/examples/sds_engineer/components/TextField/TextField.config.js +37 -0
- package/styled-components/es/examples/sds_engineer/components/TextField/TextField.js +5 -0
- package/styled-components/es/examples/sds_engineer/components/TextField/TextField.stories.tsx +123 -0
- package/styled-components/es/examples/themes/plasma_b2c.module.css +293 -878
- package/styled-components/es/examples/themes/plasma_web.module.css +293 -878
- package/styled-components/es/examples/themes/sds_engineer.module.css +2 -42
- package/types/components/TextField/TextField.d.ts +8 -3
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +6 -3
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +57 -8
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +29 -2
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/hooks/index.d.ts +2 -0
- package/types/components/TextField/hooks/index.d.ts.map +1 -0
- package/types/components/TextField/hooks/useKeyNavigation.d.ts +17 -0
- package/types/components/TextField/hooks/useKeyNavigation.d.ts.map +1 -0
- package/types/components/TextField/hooks/useKeyNavigation.types.d.ts +18 -0
- package/types/components/TextField/hooks/useKeyNavigation.types.d.ts.map +1 -0
- package/types/components/TextField/index.d.ts +3 -2
- package/types/components/TextField/index.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +7 -0
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -0
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +15 -0
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -0
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts +37 -0
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts.map +1 -0
- package/types/components/TextField/ui/index.d.ts +2 -0
- package/types/components/TextField/ui/index.d.ts.map +1 -0
- package/types/components/TextField/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -0
- package/types/components/TextField/variations/_label-placement/index.d.ts.map +1 -0
- package/types/components/TextField/variations/_label-placement/inner.d.ts.map +1 -0
- package/types/components/TextField/variations/_label-placement/outer.d.ts.map +1 -0
- package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -0
- package/types/components/TextField/variations/_size/base.d.ts.map +1 -0
- package/types/components/TextField/variations/_view/base.d.ts +2 -0
- package/types/components/TextField/variations/_view/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Button/Button.config.d.ts +0 -3
- package/types/examples/plasma_b2c/components/Button/Button.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Button/Button.d.ts +0 -3
- package/types/examples/plasma_b2c/components/Button/Button.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +32 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +26 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Button/Button.config.d.ts +0 -3
- package/types/examples/plasma_web/components/Button/Button.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Button/Button.d.ts +0 -3
- package/types/examples/plasma_web/components/Button/Button.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +32 -0
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +26 -0
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Button/Button.config.d.ts +0 -3
- package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Button/Button.d.ts +0 -3
- package/types/examples/sds_engineer/components/Button/Button.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts +32 -0
- package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts +26 -0
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -0
- package/cjs/components/TextField/TextField.styles_2qw1n8.css +0 -5
- package/cjs/components/TextField/TextField_1lzb2r1.css +0 -1
- package/cjs/components/TextField/_disabled/base.js.map +0 -1
- package/cjs/components/TextField/_disabled/base_so3w81.css +0 -1
- package/cjs/components/TextField/_label-placement/base.js.map +0 -1
- package/cjs/components/TextField/_label-placement/inner.js.map +0 -1
- package/cjs/components/TextField/_label-placement/inner_1tyuicp.css +0 -1
- package/cjs/components/TextField/_label-placement/outer.js.map +0 -1
- package/cjs/components/TextField/_label-placement/outer_19ekaek.css +0 -1
- package/cjs/components/TextField/_size/base.js.map +0 -1
- package/cjs/components/TextField/_size/base_b5smyu.css +0 -1
- package/cjs/components/TextField/_view/base.js.map +0 -1
- package/cjs/components/TextField/_view/base_5bqzed.css +0 -1
- package/es/components/TextField/TextField.styles_2qw1n8.css +0 -5
- package/es/components/TextField/TextField_1lzb2r1.css +0 -1
- package/es/components/TextField/_disabled/base.js.map +0 -1
- package/es/components/TextField/_disabled/base_so3w81.css +0 -1
- package/es/components/TextField/_label-placement/base.js.map +0 -1
- package/es/components/TextField/_label-placement/inner.js +0 -5
- package/es/components/TextField/_label-placement/inner.js.map +0 -1
- package/es/components/TextField/_label-placement/inner_1tyuicp.css +0 -1
- package/es/components/TextField/_label-placement/outer.js +0 -5
- package/es/components/TextField/_label-placement/outer.js.map +0 -1
- package/es/components/TextField/_label-placement/outer_19ekaek.css +0 -1
- package/es/components/TextField/_size/base.js +0 -5
- package/es/components/TextField/_size/base.js.map +0 -1
- package/es/components/TextField/_size/base_b5smyu.css +0 -1
- package/es/components/TextField/_view/base.js +0 -5
- package/es/components/TextField/_view/base.js.map +0 -1
- package/es/components/TextField/_view/base_5bqzed.css +0 -1
- package/styled-components/cjs/components/TextField/_disabled/base.js +0 -9
- package/styled-components/cjs/components/TextField/_label-placement/inner.js +0 -10
- package/styled-components/cjs/components/TextField/_size/base.js +0 -10
- package/styled-components/cjs/components/TextField/_view/base.js +0 -10
- package/styled-components/es/components/TextField/_disabled/base.js +0 -3
- package/styled-components/es/components/TextField/_label-placement/inner.js +0 -4
- package/styled-components/es/components/TextField/_label-placement/outer.js +0 -4
- package/styled-components/es/components/TextField/_size/base.js +0 -4
- package/styled-components/es/components/TextField/_view/base.js +0 -4
- package/types/components/TextField/_disabled/base.d.ts.map +0 -1
- package/types/components/TextField/_label-placement/base.d.ts.map +0 -1
- package/types/components/TextField/_label-placement/index.d.ts.map +0 -1
- package/types/components/TextField/_label-placement/inner.d.ts.map +0 -1
- package/types/components/TextField/_label-placement/outer.d.ts.map +0 -1
- package/types/components/TextField/_size/base.d.ts.map +0 -1
- package/types/components/TextField/_view/base.d.ts.map +0 -1
- /package/cjs/components/TextField/{_label-placement → variations/_label-placement}/base_x642ct.css +0 -0
- /package/es/components/TextField/{_label-placement → variations/_label-placement}/base_x642ct.css +0 -0
- /package/styled-components/cjs/components/TextField/{_disabled → variations/_disabled}/tokens.json +0 -0
- /package/styled-components/cjs/components/TextField/{_label-placement → variations/_label-placement}/base.js +0 -0
- /package/styled-components/cjs/components/TextField/{_label-placement → variations/_label-placement}/index.js +0 -0
- /package/styled-components/cjs/components/TextField/{_size → variations/_size}/tokens.json +0 -0
- /package/styled-components/cjs/components/TextField/{_view → variations/_view}/tokens.json +0 -0
- /package/styled-components/es/components/TextField/{_disabled → variations/_disabled}/tokens.json +0 -0
- /package/styled-components/es/components/TextField/{_label-placement → variations/_label-placement}/base.js +0 -0
- /package/styled-components/es/components/TextField/{_label-placement → variations/_label-placement}/index.js +0 -0
- /package/styled-components/es/components/TextField/{_size → variations/_size}/tokens.json +0 -0
- /package/styled-components/es/components/TextField/{_view → variations/_view}/tokens.json +0 -0
- /package/types/components/TextField/{_disabled → variations/_disabled}/base.d.ts +0 -0
- /package/types/components/TextField/{_label-placement → variations/_label-placement}/base.d.ts +0 -0
- /package/types/components/TextField/{_label-placement → variations/_label-placement}/index.d.ts +0 -0
- /package/types/components/TextField/{_label-placement → variations/_label-placement}/inner.d.ts +0 -0
- /package/types/components/TextField/{_label-placement → variations/_label-placement}/outer.d.ts +0 -0
- /package/types/components/TextField/{_size → variations/_read-only}/base.d.ts +0 -0
- /package/types/components/TextField/{_view → variations/_size}/base.d.ts +0 -0
@@ -59,6 +59,7 @@
|
|
59
59
|
/* добавлены вручную */
|
60
60
|
--surface-accent-hover: #1383cf80;
|
61
61
|
/* добавлены вручную */
|
62
|
+
--surface-accent-active: #045891;
|
62
63
|
--surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
|
63
64
|
--surface-positive: #1A9E32;
|
64
65
|
--surface-warning: #FA5F05;
|
@@ -126,27 +127,6 @@
|
|
126
127
|
--inverse-background-primary: #FFFFFF;
|
127
128
|
--inverse-background-secondary: #FFFFFF;
|
128
129
|
--inverse-background-tertiary: #FFFFFF;
|
129
|
-
--text-primary-hover: #17171793;
|
130
|
-
--text-primary-active: #171717C4;
|
131
|
-
--surface-solid-default-hover: #0D0D0DFF;
|
132
|
-
--surface-solid-default-active: #030303FF;
|
133
|
-
--surface-accent-hover: #0C8ADFFF;
|
134
|
-
--surface-accent-active: #0A78C2FF;
|
135
|
-
--surface-positive-hover: #1DAF37FF;
|
136
|
-
--surface-positive-active: #18952FFF;
|
137
|
-
--surface-warning-hover: #FB7223FF;
|
138
|
-
--surface-warning-active: #F05B05FF;
|
139
|
-
--surface-negative-hover: #EA1A2FFF;
|
140
|
-
--surface-negative-active: #D21427FF;
|
141
|
-
--surface-transparent-secondary-hover: #0808081F;
|
142
|
-
--surface-transparent-secondary-active: #0808080A;
|
143
|
-
--on-light-surface-solid-default-hover: #0D0D0DFF;
|
144
|
-
--on-light-surface-solid-default-active: #030303FF;
|
145
|
-
--on-dark-surface-solid-default-hover: #FFFFFFFF;
|
146
|
-
--on-dark-surface-solid-default-active: #FFFFFFFF;
|
147
|
-
--on-light-surface-transparent-deep-hover: #080808C2;
|
148
|
-
--on-light-surface-transparent-deep-active: #08080894;
|
149
|
-
--on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64);
|
150
130
|
--skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% );
|
151
131
|
--skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% );
|
152
132
|
--plasma-colors-white-primary: var(--on-dark-text-primary);
|
@@ -245,6 +225,7 @@
|
|
245
225
|
/* добавлены вручную */
|
246
226
|
--surface-accent-hover: #1383cf80;
|
247
227
|
/* добавлены вручную */
|
228
|
+
--surface-accent-active: #045891;
|
248
229
|
--surface-accent-gradient: linear-gradient(45.00deg, rgb(30, 44, 108) 0%,rgb(43, 101, 185) 100%);
|
249
230
|
--surface-positive: #1A9E32;
|
250
231
|
--surface-warning: #FA5F05;
|
@@ -312,27 +293,6 @@
|
|
312
293
|
--inverse-background-primary: #000000;
|
313
294
|
--inverse-background-secondary: #080808;
|
314
295
|
--inverse-background-tertiary: #171717;
|
315
|
-
--text-primary-hover: #17171793;
|
316
|
-
--text-primary-active: #171717C4;
|
317
|
-
--surface-solid-default-hover: #262626FF;
|
318
|
-
--surface-solid-default-active: #030303FF;
|
319
|
-
--surface-accent-hover: #0C8ADFFF;
|
320
|
-
--surface-accent-active: #0A72B8FF;
|
321
|
-
--surface-positive-hover: #1EB83AFF;
|
322
|
-
--surface-positive-active: #178C2CFF;
|
323
|
-
--surface-warning-hover: #FB782DFF;
|
324
|
-
--surface-warning-active: #E65705FF;
|
325
|
-
--surface-negative-hover: #EA1A2FFF;
|
326
|
-
--surface-negative-active: #C91325FF;
|
327
|
-
--surface-transparent-secondary-hover: #08080805;
|
328
|
-
--surface-transparent-secondary-active: #0808081A;
|
329
|
-
--on-light-surface-solid-default-hover: #262626FF;
|
330
|
-
--on-light-surface-solid-default-active: #030303FF;
|
331
|
-
--on-dark-surface-solid-default-hover: #FFFFFFFF;
|
332
|
-
--on-dark-surface-solid-default-active: #FFFFFFFF;
|
333
|
-
--on-light-surface-transparent-deep-hover: #0808088F;
|
334
|
-
--on-light-surface-transparent-deep-active: #080808AD;
|
335
|
-
--on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64);
|
336
296
|
--skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% );
|
337
297
|
--skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% );
|
338
298
|
--plasma-colors-white-primary: var(--on-dark-text-primary);
|
@@ -1,12 +1,12 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import type { LabelHTMLAttributes } from 'react';
|
3
2
|
import type { RootProps } from '../../engines';
|
4
3
|
import type { TextFieldProps } from './TextField.types';
|
5
|
-
export declare const
|
4
|
+
export declare const base: import("@linaria/core").LinariaClassName;
|
5
|
+
export declare const textFieldRoot: (Root: RootProps<HTMLDivElement, TextFieldProps>) => React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLDivElement>>;
|
6
6
|
export declare const textFieldConfig: {
|
7
7
|
name: string;
|
8
8
|
tag: string;
|
9
|
-
layout: (Root: RootProps<
|
9
|
+
layout: (Root: RootProps<HTMLDivElement, TextFieldProps>) => React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLDivElement>>;
|
10
10
|
base: import("@linaria/core").LinariaClassName;
|
11
11
|
variations: {
|
12
12
|
view: {
|
@@ -19,12 +19,17 @@ export declare const textFieldConfig: {
|
|
19
19
|
css: import("@linaria/core").LinariaClassName;
|
20
20
|
attrs: boolean;
|
21
21
|
};
|
22
|
+
readOnly: {
|
23
|
+
css: import("@linaria/core").LinariaClassName;
|
24
|
+
attrs: boolean;
|
25
|
+
};
|
22
26
|
labelPlacement: {
|
23
27
|
css: import("@linaria/core").LinariaClassName;
|
24
28
|
};
|
25
29
|
};
|
26
30
|
defaults: {
|
27
31
|
size: string;
|
32
|
+
view: string;
|
28
33
|
};
|
29
34
|
};
|
30
35
|
//# sourceMappingURL=TextField.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,KAAK,EAAuC,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAoB7F,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,UAAU,cAAc,EAAE,cAAc,CAAC,0FA4LvE,CAAC;AAEP,eAAO,MAAM,eAAe;;;mBA9LQ,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CA0N5E,CAAC"}
|
@@ -1,7 +1,10 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
export declare const Input: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
|
3
|
-
export declare const InputLabelWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
4
2
|
export declare const InputWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
5
|
-
export declare const
|
3
|
+
export declare const InputLabelWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
4
|
+
export declare const StyledChips: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
5
|
+
export declare const Input: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
|
6
|
+
export declare const Label: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & Record<never, unknown>>;
|
7
|
+
export declare const StyledContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
8
|
+
export declare const StyledContentRight: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
6
9
|
export declare const LeftHelper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
7
10
|
//# sourceMappingURL=TextField.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAoB7B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,8KASjB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAAiB,CAAC;AAEpC,eAAO,MAAM,iBAAiB,qKAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAE9B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAAe,CAAC"}
|
@@ -1,29 +1,41 @@
|
|
1
|
+
export declare const classes: {
|
2
|
+
hasChips: string;
|
3
|
+
hasEmptyContentLeft: string;
|
4
|
+
hasEmptyContentRight: string;
|
5
|
+
};
|
1
6
|
export declare const tokens: {
|
2
7
|
color: string;
|
3
8
|
backgroundColor: string;
|
4
9
|
backgroundColorHover: string;
|
5
10
|
backgroundColorFocus: string;
|
6
|
-
/** Цвет каретки */
|
7
|
-
caretColor: string;
|
8
|
-
placeholderColor: string;
|
9
11
|
borderColor: string;
|
10
12
|
borderColorHover: string;
|
11
13
|
borderColorFocus: string;
|
14
|
+
/** Цвета для read-only состояния */
|
15
|
+
colorReadOnly: string;
|
16
|
+
backgroundColorReadOnly: string;
|
17
|
+
borderColorReadOnly: string;
|
18
|
+
placeholderColorReadOnly: string;
|
19
|
+
/** Цвет каретки */
|
20
|
+
caretColor: string;
|
21
|
+
placeholderColor: string;
|
12
22
|
height: string;
|
13
23
|
borderWidth: string;
|
14
24
|
borderRadius: string;
|
15
|
-
/**
|
25
|
+
/** Отступ от границы ТextField */
|
16
26
|
padding: string;
|
17
|
-
|
18
|
-
|
27
|
+
paddingWithChips: string;
|
28
|
+
leftContentMargin: string;
|
29
|
+
rightContentMargin: string;
|
19
30
|
fontFamily: string;
|
20
31
|
fontStyle: string;
|
21
32
|
fontSize: string;
|
22
33
|
fontWeight: string;
|
23
34
|
letterSpacing: string;
|
24
35
|
lineHeight: string;
|
25
|
-
/**
|
36
|
+
/** Токены лейбла */
|
26
37
|
labelColor: string;
|
38
|
+
labelColorReadOnly: string;
|
27
39
|
labelOffset: string;
|
28
40
|
labelFontFamily: string;
|
29
41
|
labelFontStyle: string;
|
@@ -37,7 +49,10 @@ export declare const tokens: {
|
|
37
49
|
labelInnerFontWeight: string;
|
38
50
|
labelInnerLetterSpacing: string;
|
39
51
|
labelInnerLineHeight: string;
|
52
|
+
labelInnerPadding: string;
|
53
|
+
contentLabelInnerPadding: string;
|
40
54
|
leftHelperColor: string;
|
55
|
+
leftHelperColorReadOnly: string;
|
41
56
|
leftHelperOffset: string;
|
42
57
|
leftHelperFontFamily: string;
|
43
58
|
leftHelperFontStyle: string;
|
@@ -45,8 +60,42 @@ export declare const tokens: {
|
|
45
60
|
leftHelperFontWeight: string;
|
46
61
|
leftHelperLetterSpacing: string;
|
47
62
|
leftHelperLineHeight: string;
|
48
|
-
contentColor: string;
|
49
63
|
/** Прозрачность для всего компонента в состоянии disabled */
|
50
64
|
disabledOpacity: string;
|
65
|
+
/** Токены чипа */
|
66
|
+
chipHeight: string;
|
67
|
+
chipBorderRadius: string;
|
68
|
+
chipGap: string;
|
69
|
+
chipBackground: string;
|
70
|
+
chipColor: string;
|
71
|
+
chipBackgroundHover: string;
|
72
|
+
chipColorHover: string;
|
73
|
+
chipScaleHover: string;
|
74
|
+
chipBackgroundReadOnly: string;
|
75
|
+
chipColorReadOnly: string;
|
76
|
+
chipBackgroundReadOnlyHover: string;
|
77
|
+
chipColorReadOnlyHover: string;
|
78
|
+
chipBackgroundActive: string;
|
79
|
+
chipColorActive: string;
|
80
|
+
chipScaleActive: string;
|
81
|
+
chipFocusColor: string;
|
82
|
+
chipCloseIconColor: string;
|
83
|
+
chipOutlineSize: string;
|
84
|
+
chipWidth: string;
|
85
|
+
chipPaddingTop: string;
|
86
|
+
chipPaddingRight: string;
|
87
|
+
chipPaddingBottom: string;
|
88
|
+
chipPaddingLeft: string;
|
89
|
+
chipCloseIconSize: string;
|
90
|
+
chipFontFamily: string;
|
91
|
+
chipFontSize: string;
|
92
|
+
chipFontStyle: string;
|
93
|
+
chipFontWeight: string;
|
94
|
+
chipLetterSpacing: string;
|
95
|
+
chipLineHeight: string;
|
96
|
+
chipClearContentMarginLeft: string;
|
97
|
+
chipClearContentMarginRight: string;
|
98
|
+
chipOpacityReadonly: string;
|
99
|
+
focusColor: string;
|
51
100
|
};
|
52
101
|
//# sourceMappingURL=TextField.tokens.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;
|
1
|
+
{"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;IAWf,oCAAoC;;;;;IAMpC,mBAAmB;;;;;;IAQnB,kCAAkC;;;;;;;;;;;IAelC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkCpB,6DAA6D;;IAG7D,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCrB,CAAC"}
|
@@ -1,5 +1,10 @@
|
|
1
1
|
import type { InputHTMLAttributes, KeyboardEvent } from 'react';
|
2
|
-
|
2
|
+
export declare type TextFieldPrimitiveValue = string | number | boolean;
|
3
|
+
export declare type ChipValues = {
|
4
|
+
id: string;
|
5
|
+
text: TextFieldPrimitiveValue;
|
6
|
+
};
|
7
|
+
export declare type EnumerationType = 'plain' | 'chip';
|
3
8
|
export interface TextFieldPropsBase {
|
4
9
|
/**
|
5
10
|
* Метка-подпись к элементу
|
@@ -21,10 +26,23 @@ export interface TextFieldPropsBase {
|
|
21
26
|
* Слот для контента справа.
|
22
27
|
*/
|
23
28
|
contentRight?: React.ReactElement;
|
29
|
+
/**
|
30
|
+
* Тип перечисления значений.
|
31
|
+
* Варианты: plain, chips
|
32
|
+
*/
|
33
|
+
enumerationType?: EnumerationType;
|
34
|
+
/**
|
35
|
+
* Выбранные значения.
|
36
|
+
*/
|
37
|
+
values?: Array<TextFieldPrimitiveValue>;
|
24
38
|
/**
|
25
39
|
* Callback по нажатию Enter
|
26
40
|
*/
|
27
41
|
onSearch?: (value: string, event?: KeyboardEvent<HTMLInputElement>) => void;
|
42
|
+
/**
|
43
|
+
* Обработчик изменения выбранных значений.
|
44
|
+
*/
|
45
|
+
onChangeChips?: (value: Array<TextFieldPrimitiveValue>) => void;
|
28
46
|
}
|
29
47
|
export interface TextFieldPropsVariations extends TextFieldPropsBase {
|
30
48
|
/**
|
@@ -35,6 +53,15 @@ export interface TextFieldPropsVariations extends TextFieldPropsBase {
|
|
35
53
|
* Вид контрола.
|
36
54
|
*/
|
37
55
|
view?: string;
|
56
|
+
/**
|
57
|
+
* Компонент доступен только для чтения.
|
58
|
+
*/
|
59
|
+
readOnly?: boolean;
|
60
|
+
/**
|
61
|
+
* Компонент неактивен.
|
62
|
+
*/
|
63
|
+
disabled?: boolean;
|
64
|
+
}
|
65
|
+
export interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, TextFieldPropsVariations {
|
38
66
|
}
|
39
|
-
export declare type TextFieldProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> & TextFieldPropsVariations;
|
40
67
|
//# sourceMappingURL=TextField.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,
|
1
|
+
{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEhE,oBAAY,uBAAuB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEhE,oBAAY,UAAU,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,uBAAuB,CAAC;CACjC,CAAC;AAEF,oBAAY,eAAe,GAAG,OAAO,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5E;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;CACnE;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAChE;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAAE,wBAAwB;CAAG"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import type { ChangeEvent, KeyboardEvent } from 'react';
|
2
|
+
import type { UseKeyNavigationProps } from './useKeyNavigation.types';
|
3
|
+
export declare const Keys: {
|
4
|
+
Enter: string;
|
5
|
+
Tab: string;
|
6
|
+
Escape: string;
|
7
|
+
ArrowLeft: string;
|
8
|
+
ArrowRight: string;
|
9
|
+
Backspace: string;
|
10
|
+
};
|
11
|
+
export declare const useKeyNavigation: ({ controlledRefs: { chipsRefs, contentRef, inputRef }, disabled, readOnly, chips, enumerationType, updateChips, onChange, onSearch, }: UseKeyNavigationProps) => {
|
12
|
+
readonly handleInputKeydown: (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => void;
|
13
|
+
readonly handleChipKeyDown: (event: KeyboardEvent<HTMLButtonElement>, chipId: string) => void;
|
14
|
+
readonly onChipClear: (clearId: string) => void;
|
15
|
+
readonly handleContentKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
|
16
|
+
};
|
17
|
+
//# sourceMappingURL=useKeyNavigation.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useKeyNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/hooks/useKeyNavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,eAAO,MAAM,IAAI;;;;;;;CAOhB,CAAC;AAEF,eAAO,MAAM,gBAAgB,0IAS1B,qBAAqB;yCAGe,YAAY,gBAAgB,CAAC,GAAG,cAAc,gBAAgB,CAAC;wCA8ChE,cAAc,iBAAiB,CAAC,UAAU,MAAM;oCAXpD,MAAM;2CAqBC,cAAc,cAAc,CAAC;CAkDrE,CAAC"}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import type { MutableRefObject, KeyboardEvent, ChangeEvent } from 'react';
|
2
|
+
import type { ChipValues, EnumerationType, TextFieldPrimitiveValue } from '../TextField.types';
|
3
|
+
export interface ControlledRefs {
|
4
|
+
chipsRefs: MutableRefObject<Array<HTMLButtonElement>>;
|
5
|
+
inputRef?: MutableRefObject<HTMLInputElement | null>;
|
6
|
+
contentRef?: MutableRefObject<HTMLDivElement | null>;
|
7
|
+
}
|
8
|
+
export interface UseKeyNavigationProps {
|
9
|
+
controlledRefs: ControlledRefs;
|
10
|
+
disabled: boolean;
|
11
|
+
readOnly: boolean;
|
12
|
+
chips: Array<ChipValues>;
|
13
|
+
enumerationType: EnumerationType;
|
14
|
+
updateChips: (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => void;
|
15
|
+
onSearch?: (value: string, event?: KeyboardEvent<HTMLInputElement>) => void;
|
16
|
+
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
17
|
+
}
|
18
|
+
//# sourceMappingURL=useKeyNavigation.types.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useKeyNavigation.types.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/hooks/useKeyNavigation.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAE/F,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,UAAU,CAAC,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACxD;AAED,MAAM,WAAW,qBAAqB;IAClC,cAAc,EAAE,cAAc,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,eAAe,EAAE,eAAe,CAAC;IACjC,WAAW,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;IAC9F,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC7D"}
|
@@ -1,5 +1,6 @@
|
|
1
|
-
export { labelPlacement_inner as textField_labelPlacement_inner } from './_label-placement/inner';
|
2
|
-
export { labelPlacement_outer as textField_labelPlacement_outer } from './_label-placement/outer';
|
1
|
+
export { labelPlacement_inner as textField_labelPlacement_inner } from './variations/_label-placement/inner';
|
2
|
+
export { labelPlacement_outer as textField_labelPlacement_outer } from './variations/_label-placement/outer';
|
3
3
|
export { textFieldRoot, textFieldConfig } from './TextField';
|
4
4
|
export { tokens as textFieldTokens } from './TextField.tokens';
|
5
|
+
export type { TextFieldProps } from './TextField.types';
|
5
6
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,IAAI,8BAA8B,EAAE,MAAM,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,IAAI,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAC7G,OAAO,EAAE,oBAAoB,IAAI,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAE7G,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import type { TextFieldChipProps } from './TextFieldChip.types';
|
3
|
+
/**
|
4
|
+
* Чип, отображающий выбранный элемент
|
5
|
+
*/
|
6
|
+
export declare const TextFieldChip: React.ForwardRefExoticComponent<TextFieldChipProps & React.RefAttributes<HTMLButtonElement>>;
|
7
|
+
//# sourceMappingURL=TextFieldChip.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextFieldChip.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE;;GAEG;AACH,eAAO,MAAM,aAAa,8FAqBzB,CAAC"}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const StyledChip: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
|
3
|
+
text?: string | undefined;
|
4
|
+
contentLeft?: import("react").ReactNode;
|
5
|
+
contentRight?: import("react").ReactNode;
|
6
|
+
contentClearButton?: import("react").ReactNode;
|
7
|
+
disabled?: boolean | undefined;
|
8
|
+
readOnly?: boolean | undefined;
|
9
|
+
size?: ("m" | "s" | "xs" | "l") | undefined;
|
10
|
+
view?: ("secondary" | "default" | "positive") | undefined;
|
11
|
+
onClear?: (() => void) | undefined;
|
12
|
+
} & {
|
13
|
+
children?: import("react").ReactNode;
|
14
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
15
|
+
//# sourceMappingURL=TextFieldChip.styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextFieldChip.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,UAAU;;;;;;;;;;;;qDA2CtB,CAAC"}
|
@@ -0,0 +1,37 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import type { TextFieldPrimitiveValue } from '../../TextField.types';
|
3
|
+
export interface TextFieldChipProps {
|
4
|
+
/**
|
5
|
+
* ID для чипа.
|
6
|
+
*/
|
7
|
+
chipId: string;
|
8
|
+
/**
|
9
|
+
* Отображаемый текст.
|
10
|
+
*/
|
11
|
+
text: TextFieldPrimitiveValue;
|
12
|
+
/**
|
13
|
+
* Выбранное значение.
|
14
|
+
*/
|
15
|
+
value: TextFieldPrimitiveValue;
|
16
|
+
/**
|
17
|
+
* Компонент неактивен
|
18
|
+
*/
|
19
|
+
disabled?: boolean;
|
20
|
+
/**
|
21
|
+
* Элемент формы не может изменяться пользователем
|
22
|
+
*/
|
23
|
+
readOnly?: boolean;
|
24
|
+
/**
|
25
|
+
* Обработчик удаления выбранного значения.
|
26
|
+
*/
|
27
|
+
onClear: (id: string) => void;
|
28
|
+
/**
|
29
|
+
* Обработчик клика на выбранное значение.
|
30
|
+
*/
|
31
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
32
|
+
/**
|
33
|
+
* Обработчик нажатия клавиши.
|
34
|
+
*/
|
35
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>, chipId: string) => void;
|
36
|
+
}
|
37
|
+
//# sourceMappingURL=TextFieldChip.types.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextFieldChip.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAErE,MAAM,WAAW,kBAAkB;IAC/B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,EAAE,uBAAuB,CAAC;IAC9B;;OAEG;IACH,KAAK,EAAE,uBAAuB,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACvF"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_disabled/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAUhB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_label-placement/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"inner.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_label-placement/inner.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,0CA4ChC,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"outer.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_label-placement/outer.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,0CAMhC,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CA8BhB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAgDhB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAmChB,CAAC"}
|
@@ -13,9 +13,6 @@ export declare const config: {
|
|
13
13
|
positive: import("@linaria/core").LinariaClassName;
|
14
14
|
warning: import("@linaria/core").LinariaClassName;
|
15
15
|
negative: import("@linaria/core").LinariaClassName;
|
16
|
-
dark: import("@linaria/core").LinariaClassName;
|
17
|
-
black: import("@linaria/core").LinariaClassName;
|
18
|
-
white: import("@linaria/core").LinariaClassName;
|
19
16
|
};
|
20
17
|
size: {
|
21
18
|
l: import("@linaria/core").LinariaClassName;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8OlB,CAAC"}
|
@@ -8,9 +8,6 @@ export declare const Button: import("react").FunctionComponent<import("../../../
|
|
8
8
|
positive: import("@linaria/core").LinariaClassName;
|
9
9
|
warning: import("@linaria/core").LinariaClassName;
|
10
10
|
negative: import("@linaria/core").LinariaClassName;
|
11
|
-
dark: import("@linaria/core").LinariaClassName;
|
12
|
-
black: import("@linaria/core").LinariaClassName;
|
13
|
-
white: import("@linaria/core").LinariaClassName;
|
14
11
|
};
|
15
12
|
size: {
|
16
13
|
l: import("@linaria/core").LinariaClassName;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Button/Button.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Button/Button.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yHAA0B,CAAC"}
|
@@ -0,0 +1,32 @@
|
|
1
|
+
export declare const config: {
|
2
|
+
defaults: {
|
3
|
+
view: string;
|
4
|
+
size: string;
|
5
|
+
labelPlacement: string;
|
6
|
+
};
|
7
|
+
variations: {
|
8
|
+
view: {
|
9
|
+
default: import("@linaria/core").LinariaClassName;
|
10
|
+
positive: import("@linaria/core").LinariaClassName;
|
11
|
+
warning: import("@linaria/core").LinariaClassName;
|
12
|
+
negative: import("@linaria/core").LinariaClassName;
|
13
|
+
};
|
14
|
+
size: {
|
15
|
+
l: import("@linaria/core").LinariaClassName;
|
16
|
+
m: import("@linaria/core").LinariaClassName;
|
17
|
+
s: import("@linaria/core").LinariaClassName;
|
18
|
+
xs: import("@linaria/core").LinariaClassName;
|
19
|
+
};
|
20
|
+
labelPlacement: {
|
21
|
+
inner: import("@linaria/core").LinariaClassName[];
|
22
|
+
outer: import("@linaria/core").LinariaClassName[];
|
23
|
+
};
|
24
|
+
disabled: {
|
25
|
+
true: import("@linaria/core").LinariaClassName;
|
26
|
+
};
|
27
|
+
readOnly: {
|
28
|
+
true: import("@linaria/core").LinariaClassName;
|
29
|
+
};
|
30
|
+
};
|
31
|
+
};
|
32
|
+
//# sourceMappingURL=TextField.config.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextField.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextField/TextField.config.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiWlB,CAAC"}
|
@@ -0,0 +1,26 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const TextField: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
3
|
+
view: {
|
4
|
+
default: import("@linaria/core").LinariaClassName;
|
5
|
+
positive: import("@linaria/core").LinariaClassName;
|
6
|
+
warning: import("@linaria/core").LinariaClassName;
|
7
|
+
negative: import("@linaria/core").LinariaClassName;
|
8
|
+
};
|
9
|
+
size: {
|
10
|
+
l: import("@linaria/core").LinariaClassName;
|
11
|
+
m: import("@linaria/core").LinariaClassName;
|
12
|
+
s: import("@linaria/core").LinariaClassName;
|
13
|
+
xs: import("@linaria/core").LinariaClassName;
|
14
|
+
};
|
15
|
+
labelPlacement: {
|
16
|
+
inner: import("@linaria/core").LinariaClassName[];
|
17
|
+
outer: import("@linaria/core").LinariaClassName[];
|
18
|
+
};
|
19
|
+
disabled: {
|
20
|
+
true: import("@linaria/core").LinariaClassName;
|
21
|
+
};
|
22
|
+
readOnly: {
|
23
|
+
true: import("@linaria/core").LinariaClassName;
|
24
|
+
};
|
25
|
+
}> & import("../../../../components/TextField").TextFieldProps & import("react").RefAttributes<HTMLDivElement>>;
|
26
|
+
//# sourceMappingURL=TextField.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextField/TextField.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;+GAA0B,CAAC"}
|
@@ -13,9 +13,6 @@ export declare const config: {
|
|
13
13
|
positive: import("@linaria/core").LinariaClassName;
|
14
14
|
warning: import("@linaria/core").LinariaClassName;
|
15
15
|
negative: import("@linaria/core").LinariaClassName;
|
16
|
-
dark: import("@linaria/core").LinariaClassName;
|
17
|
-
black: import("@linaria/core").LinariaClassName;
|
18
|
-
white: import("@linaria/core").LinariaClassName;
|
19
16
|
};
|
20
17
|
size: {
|
21
18
|
l: import("@linaria/core").LinariaClassName;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Button.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Button/Button.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8OlB,CAAC"}
|