@salutejs/plasma-new-hope 0.340.0-canary.2314.19065708371.0 → 0.340.0-canary.2314.19163733637.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/cjs/components/Tabs/tokens.js +1 -0
  2. package/cjs/components/Tabs/tokens.js.map +1 -1
  3. package/emotion/cjs/components/Tabs/tokens.js +1 -0
  4. package/emotion/cjs/examples/components/ChipGroup/ChipGroup.config.js +35 -0
  5. package/emotion/cjs/examples/components/Combobox/Combobox.config.js +15 -15
  6. package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
  7. package/emotion/cjs/examples/components/Select/Select.config.js +24 -24
  8. package/emotion/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
  9. package/emotion/cjs/examples/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
  10. package/emotion/es/components/Tabs/tokens.js +1 -0
  11. package/emotion/es/examples/components/ChipGroup/ChipGroup.config.js +25 -0
  12. package/emotion/es/examples/components/Combobox/Combobox.config.js +15 -15
  13. package/emotion/es/examples/components/Select/Select.config.js +24 -24
  14. package/emotion/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
  15. package/emotion/es/examples/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
  16. package/es/components/Tabs/tokens.js +1 -0
  17. package/es/components/Tabs/tokens.js.map +1 -1
  18. package/package.json +3 -3
  19. package/styled-components/cjs/components/Tabs/tokens.js +1 -0
  20. package/styled-components/cjs/examples/components/ChipGroup/ChipGroup.config.js +141 -0
  21. package/styled-components/cjs/examples/components/Combobox/Combobox.config.js +8 -8
  22. package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
  23. package/styled-components/cjs/examples/components/Select/Select.config.js +7 -7
  24. package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
  25. package/styled-components/cjs/examples/components/Tabs/vertical/VerticalTabItem.config.js +4 -4
  26. package/styled-components/es/components/Tabs/tokens.js +1 -0
  27. package/styled-components/es/examples/components/ChipGroup/ChipGroup.config.js +131 -0
  28. package/styled-components/es/examples/components/Combobox/Combobox.config.js +8 -8
  29. package/styled-components/es/examples/components/Select/Select.config.js +7 -7
  30. package/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
  31. package/styled-components/es/examples/components/Tabs/vertical/VerticalTabItem.config.js +4 -4
  32. package/types/components/Tabs/tokens.d.ts +1 -0
  33. package/types/components/Tabs/tokens.d.ts.map +1 -1
  34. package/types/examples/components/ChipGroup/ChipGroup.config.d.ts.map +1 -0
  35. package/types/examples/components/ChipGroup/ChipGroup.d.ts.map +1 -0
  36. package/emotion/cjs/examples/components/ChipGroup /ChipGroup.config.js +0 -214
  37. package/emotion/es/examples/components/ChipGroup /ChipGroup.config.js +0 -204
  38. package/styled-components/cjs/examples/components/ChipGroup /ChipGroup.config.js +0 -214
  39. package/styled-components/es/examples/components/ChipGroup /ChipGroup.config.js +0 -204
  40. package/types/examples/components/ChipGroup /ChipGroup.config.d.ts.map +0 -1
  41. package/types/examples/components/ChipGroup /ChipGroup.d.ts.map +0 -1
  42. /package/emotion/cjs/examples/components/{ChipGroup → ChipGroup}/ChipGroup.js +0 -0
  43. /package/emotion/es/examples/components/{ChipGroup → ChipGroup}/ChipGroup.js +0 -0
  44. /package/styled-components/cjs/examples/components/{ChipGroup → ChipGroup}/ChipGroup.js +0 -0
  45. /package/styled-components/es/examples/components/{ChipGroup → ChipGroup}/ChipGroup.js +0 -0
  46. /package/types/examples/components/{ChipGroup → ChipGroup}/ChipGroup.config.d.ts +0 -0
  47. /package/types/examples/components/{ChipGroup → ChipGroup}/ChipGroup.d.ts +0 -0
@@ -1,204 +0,0 @@
1
- function _tagged_template_literal(strings, raw) {
2
- if (!raw) {
3
- raw = strings.slice(0);
4
- }
5
- return Object.freeze(Object.defineProperties(strings, {
6
- raw: {
7
- value: Object.freeze(raw)
8
- }
9
- }));
10
- }
11
- function _templateObject() {
12
- var data = _tagged_template_literal([
13
- "\n ",
14
- ": var(--inverse-text-primary);\n ",
15
- ": var(--surface-solid-default);\n ",
16
- ": var(--inverse-text-primary);\n ",
17
- ": var(--surface-solid-default-hover);\n ",
18
- ": var(--inverse-text-primary);\n ",
19
- ": var(--surface-solid-default-active);\n "
20
- ]);
21
- _templateObject = function _templateObject() {
22
- return data;
23
- };
24
- return data;
25
- }
26
- function _templateObject1() {
27
- var data = _tagged_template_literal([
28
- "\n ",
29
- ": var(--text-primary);\n ",
30
- ": var(--surface-transparent-secondary);\n ",
31
- ": var(--text-primary);\n ",
32
- ": var(--surface-transparent-secondary-hover);\n ",
33
- ": var(--text-primary);\n ",
34
- ": var(--surface-transparent-secondary-active);\n "
35
- ]);
36
- _templateObject1 = function _templateObject() {
37
- return data;
38
- };
39
- return data;
40
- }
41
- function _templateObject2() {
42
- var data = _tagged_template_literal([
43
- "\n ",
44
- ": var(--on-dark-text-primary);\n ",
45
- ": var(--surface-accent);\n ",
46
- ": var(--on-dark-text-primary);\n ",
47
- ": var(--surface-accent-hover);\n ",
48
- ": var(--on-dark-text-primary);\n ",
49
- ": var(--surface-accent-active);\n "
50
- ]);
51
- _templateObject2 = function _templateObject() {
52
- return data;
53
- };
54
- return data;
55
- }
56
- function _templateObject3() {
57
- var data = _tagged_template_literal([
58
- "\n ",
59
- ": 0.75rem;\n ",
60
- ": auto;\n ",
61
- ": 3rem;\n ",
62
- ": 0 1rem;\n\n ",
63
- ": var(--plasma-typo-body-l-font-family);\n ",
64
- ": var(--plasma-typo-body-l-font-size);\n ",
65
- ": var(--plasma-typo-body-l-font-style);\n ",
66
- ": var(--plasma-typo-body-l-font-weight);\n ",
67
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
68
- ": var(--plasma-typo-body-l-line-height);\n\n ",
69
- ": -0.125rem;\n ",
70
- ": 0.5rem;\n ",
71
- ": 0.5rem;\n ",
72
- ": -0.125rem;\n ",
73
- ": 0.625rem;\n ",
74
- ": -0.25rem;\n ",
75
- ": 1.5rem;\n "
76
- ]);
77
- _templateObject3 = function _templateObject() {
78
- return data;
79
- };
80
- return data;
81
- }
82
- function _templateObject4() {
83
- var data = _tagged_template_literal([
84
- "\n ",
85
- ": 0.625rem;\n ",
86
- ": auto;\n ",
87
- ": 2.5rem;\n ",
88
- ": 0 0.875rem;\n\n ",
89
- ": var(--plasma-typo-body-m-font-family);\n ",
90
- ": var(--plasma-typo-body-m-font-size);\n ",
91
- ": var(--plasma-typo-body-m-font-style);\n ",
92
- ": var(--plasma-typo-body-m-font-weight);\n ",
93
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
94
- ": var(--plasma-typo-body-m-line-height);\n\n ",
95
- ": -0.125rem;\n ",
96
- ": 0.375rem;\n ",
97
- ": 0.375rem;\n ",
98
- ": -0.125rem;\n ",
99
- ": 0.5rem;\n ",
100
- ": -0.25rem;\n ",
101
- ": 1rem;\n "
102
- ]);
103
- _templateObject4 = function _templateObject() {
104
- return data;
105
- };
106
- return data;
107
- }
108
- function _templateObject5() {
109
- var data = _tagged_template_literal([
110
- "\n ",
111
- ": 0.5rem;\n ",
112
- ": auto;\n ",
113
- ": 2rem;\n ",
114
- ": 0 0.875rem;\n\n ",
115
- ": var(--plasma-typo-body-s-font-family);\n ",
116
- ": var(--plasma-typo-body-s-font-size);\n ",
117
- ": var(--plasma-typo-body-s-font-style);\n ",
118
- ": var(--plasma-typo-body-s-font-weight);\n ",
119
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
120
- ": var(--plasma-typo-body-s-line-height);\n\n ",
121
- ": -0.125rem;\n ",
122
- ": 0.25rem;\n ",
123
- ": 0.25rem;\n ",
124
- ": -0.125rem;\n ",
125
- ": 0.375rem;\n ",
126
- ": -0.25rem;\n ",
127
- ": 1rem;\n "
128
- ]);
129
- _templateObject5 = function _templateObject() {
130
- return data;
131
- };
132
- return data;
133
- }
134
- function _templateObject6() {
135
- var data = _tagged_template_literal([
136
- "\n ",
137
- ": 0.375rem;\n ",
138
- ": auto;\n ",
139
- ": 1.5rem;\n ",
140
- ": 0 0.625rem;\n\n ",
141
- ": var(--plasma-typo-body-xs-font-family);\n ",
142
- ": var(--plasma-typo-body-xs-font-size);\n ",
143
- ": var(--plasma-typo-body-xs-font-style);\n ",
144
- ": var(--plasma-typo-body-xs-font-weight);\n ",
145
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
146
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
147
- ": -0.125rem;\n ",
148
- ": 0.25rem;\n ",
149
- ": 0.25rem;\n ",
150
- ": -0.125rem;\n ",
151
- ": 0.25rem;\n ",
152
- ": -0.25rem;\n ",
153
- ": 1rem;\n "
154
- ]);
155
- _templateObject6 = function _templateObject() {
156
- return data;
157
- };
158
- return data;
159
- }
160
- function _templateObject7() {
161
- var data = _tagged_template_literal([
162
- "\n ",
163
- ": 0.125rem;\n "
164
- ]);
165
- _templateObject7 = function _templateObject() {
166
- return data;
167
- };
168
- return data;
169
- }
170
- function _templateObject8() {
171
- var data = _tagged_template_literal([
172
- "\n ",
173
- ": 0.5rem;\n "
174
- ]);
175
- _templateObject8 = function _templateObject() {
176
- return data;
177
- };
178
- return data;
179
- }
180
- import { css } from "@linaria/core";
181
- import { chipGroupTokens as tokens } from "../../../components/ChipGroup";
182
- export var config = {
183
- defaults: {
184
- view: 'default',
185
- size: 'm'
186
- },
187
- variations: {
188
- view: {
189
- default: css(_templateObject(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive),
190
- secondary: css(_templateObject1(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive),
191
- accent: css(_templateObject2(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive)
192
- },
193
- size: {
194
- l: css(_templateObject3(), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipRightContentMarginLeft, tokens.chipRightContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize),
195
- m: css(_templateObject4(), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipRightContentMarginLeft, tokens.chipRightContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize),
196
- s: css(_templateObject5(), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipRightContentMarginLeft, tokens.chipRightContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize),
197
- xs: css(_templateObject6(), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipRightContentMarginLeft, tokens.chipRightContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize)
198
- },
199
- gap: {
200
- dense: css(_templateObject7(), tokens.chipGroupItemsGap),
201
- wide: css(_templateObject8(), tokens.chipGroupItemsGap)
202
- }
203
- }
204
- };
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChipGroup.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/ChipGroup /ChipGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CA+HlB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChipGroup.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/ChipGroup /ChipGroup.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;4HAA0B,CAAC"}