@salutejs/plasma-new-hope 0.340.0-canary.2314.19044603417.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 (49) 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/Combobox/Combobox.js +0 -7
  14. package/emotion/es/examples/components/Select/Select.config.js +24 -24
  15. package/emotion/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
  16. package/emotion/es/examples/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
  17. package/es/components/Tabs/tokens.js +1 -0
  18. package/es/components/Tabs/tokens.js.map +1 -1
  19. package/package.json +3 -3
  20. package/styled-components/cjs/components/Tabs/tokens.js +1 -0
  21. package/styled-components/cjs/examples/components/ChipGroup/ChipGroup.config.js +141 -0
  22. package/styled-components/cjs/examples/components/Combobox/Combobox.config.js +8 -8
  23. package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
  24. package/styled-components/cjs/examples/components/Select/Select.config.js +7 -7
  25. package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
  26. package/styled-components/cjs/examples/components/Tabs/vertical/VerticalTabItem.config.js +4 -4
  27. package/styled-components/es/components/Tabs/tokens.js +1 -0
  28. package/styled-components/es/examples/components/ChipGroup/ChipGroup.config.js +131 -0
  29. package/styled-components/es/examples/components/Combobox/Combobox.config.js +8 -8
  30. package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
  31. package/styled-components/es/examples/components/Select/Select.config.js +7 -7
  32. package/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
  33. package/styled-components/es/examples/components/Tabs/vertical/VerticalTabItem.config.js +4 -4
  34. package/types/components/Tabs/tokens.d.ts +1 -0
  35. package/types/components/Tabs/tokens.d.ts.map +1 -1
  36. package/types/examples/components/ChipGroup/ChipGroup.config.d.ts.map +1 -0
  37. package/types/examples/components/ChipGroup/ChipGroup.d.ts.map +1 -0
  38. package/emotion/cjs/examples/components/ChipGroup /ChipGroup.config.js +0 -214
  39. package/emotion/es/examples/components/ChipGroup /ChipGroup.config.js +0 -204
  40. package/styled-components/cjs/examples/components/ChipGroup /ChipGroup.config.js +0 -214
  41. package/styled-components/es/examples/components/ChipGroup /ChipGroup.config.js +0 -204
  42. package/types/examples/components/ChipGroup /ChipGroup.config.d.ts.map +0 -1
  43. package/types/examples/components/ChipGroup /ChipGroup.d.ts.map +0 -1
  44. /package/emotion/cjs/examples/components/{ChipGroup → ChipGroup}/ChipGroup.js +0 -0
  45. /package/emotion/es/examples/components/{ChipGroup → ChipGroup}/ChipGroup.js +0 -0
  46. /package/styled-components/cjs/examples/components/{ChipGroup → ChipGroup}/ChipGroup.js +0 -0
  47. /package/styled-components/es/examples/components/{ChipGroup → ChipGroup}/ChipGroup.js +0 -0
  48. /package/types/examples/components/{ChipGroup → ChipGroup}/ChipGroup.config.d.ts +0 -0
  49. /package/types/examples/components/{ChipGroup → ChipGroup}/ChipGroup.d.ts +0 -0
package/emotion/cjs/examples/components/ChipGroup /ChipGroup.config.js DELETED
@@ -1,214 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "config", {
6
- enumerable: true,
7
- get: function() {
8
- return config;
9
- }
10
- });
11
- var _core = require("@linaria/core");
12
- var _ChipGroup = require("../../../components/ChipGroup");
13
- function _tagged_template_literal(strings, raw) {
14
- if (!raw) {
15
- raw = strings.slice(0);
16
- }
17
- return Object.freeze(Object.defineProperties(strings, {
18
- raw: {
19
- value: Object.freeze(raw)
20
- }
21
- }));
22
- }
23
- function _templateObject() {
24
- var data = _tagged_template_literal([
25
- "\n ",
26
- ": var(--inverse-text-primary);\n ",
27
- ": var(--surface-solid-default);\n ",
28
- ": var(--inverse-text-primary);\n ",
29
- ": var(--surface-solid-default-hover);\n ",
30
- ": var(--inverse-text-primary);\n ",
31
- ": var(--surface-solid-default-active);\n "
32
- ]);
33
- _templateObject = function _templateObject() {
34
- return data;
35
- };
36
- return data;
37
- }
38
- function _templateObject1() {
39
- var data = _tagged_template_literal([
40
- "\n ",
41
- ": var(--text-primary);\n ",
42
- ": var(--surface-transparent-secondary);\n ",
43
- ": var(--text-primary);\n ",
44
- ": var(--surface-transparent-secondary-hover);\n ",
45
- ": var(--text-primary);\n ",
46
- ": var(--surface-transparent-secondary-active);\n "
47
- ]);
48
- _templateObject1 = function _templateObject() {
49
- return data;
50
- };
51
- return data;
52
- }
53
- function _templateObject2() {
54
- var data = _tagged_template_literal([
55
- "\n ",
56
- ": var(--on-dark-text-primary);\n ",
57
- ": var(--surface-accent);\n ",
58
- ": var(--on-dark-text-primary);\n ",
59
- ": var(--surface-accent-hover);\n ",
60
- ": var(--on-dark-text-primary);\n ",
61
- ": var(--surface-accent-active);\n "
62
- ]);
63
- _templateObject2 = function _templateObject() {
64
- return data;
65
- };
66
- return data;
67
- }
68
- function _templateObject3() {
69
- var data = _tagged_template_literal([
70
- "\n ",
71
- ": 0.75rem;\n ",
72
- ": auto;\n ",
73
- ": 3rem;\n ",
74
- ": 0 1rem;\n\n ",
75
- ": var(--plasma-typo-body-l-font-family);\n ",
76
- ": var(--plasma-typo-body-l-font-size);\n ",
77
- ": var(--plasma-typo-body-l-font-style);\n ",
78
- ": var(--plasma-typo-body-l-font-weight);\n ",
79
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
80
- ": var(--plasma-typo-body-l-line-height);\n\n ",
81
- ": -0.125rem;\n ",
82
- ": 0.5rem;\n ",
83
- ": 0.5rem;\n ",
84
- ": -0.125rem;\n ",
85
- ": 0.625rem;\n ",
86
- ": -0.25rem;\n ",
87
- ": 1.5rem;\n "
88
- ]);
89
- _templateObject3 = function _templateObject() {
90
- return data;
91
- };
92
- return data;
93
- }
94
- function _templateObject4() {
95
- var data = _tagged_template_literal([
96
- "\n ",
97
- ": 0.625rem;\n ",
98
- ": auto;\n ",
99
- ": 2.5rem;\n ",
100
- ": 0 0.875rem;\n\n ",
101
- ": var(--plasma-typo-body-m-font-family);\n ",
102
- ": var(--plasma-typo-body-m-font-size);\n ",
103
- ": var(--plasma-typo-body-m-font-style);\n ",
104
- ": var(--plasma-typo-body-m-font-weight);\n ",
105
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
106
- ": var(--plasma-typo-body-m-line-height);\n\n ",
107
- ": -0.125rem;\n ",
108
- ": 0.375rem;\n ",
109
- ": 0.375rem;\n ",
110
- ": -0.125rem;\n ",
111
- ": 0.5rem;\n ",
112
- ": -0.25rem;\n ",
113
- ": 1rem;\n "
114
- ]);
115
- _templateObject4 = function _templateObject() {
116
- return data;
117
- };
118
- return data;
119
- }
120
- function _templateObject5() {
121
- var data = _tagged_template_literal([
122
- "\n ",
123
- ": 0.5rem;\n ",
124
- ": auto;\n ",
125
- ": 2rem;\n ",
126
- ": 0 0.875rem;\n\n ",
127
- ": var(--plasma-typo-body-s-font-family);\n ",
128
- ": var(--plasma-typo-body-s-font-size);\n ",
129
- ": var(--plasma-typo-body-s-font-style);\n ",
130
- ": var(--plasma-typo-body-s-font-weight);\n ",
131
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
132
- ": var(--plasma-typo-body-s-line-height);\n\n ",
133
- ": -0.125rem;\n ",
134
- ": 0.25rem;\n ",
135
- ": 0.25rem;\n ",
136
- ": -0.125rem;\n ",
137
- ": 0.375rem;\n ",
138
- ": -0.25rem;\n ",
139
- ": 1rem;\n "
140
- ]);
141
- _templateObject5 = function _templateObject() {
142
- return data;
143
- };
144
- return data;
145
- }
146
- function _templateObject6() {
147
- var data = _tagged_template_literal([
148
- "\n ",
149
- ": 0.375rem;\n ",
150
- ": auto;\n ",
151
- ": 1.5rem;\n ",
152
- ": 0 0.625rem;\n\n ",
153
- ": var(--plasma-typo-body-xs-font-family);\n ",
154
- ": var(--plasma-typo-body-xs-font-size);\n ",
155
- ": var(--plasma-typo-body-xs-font-style);\n ",
156
- ": var(--plasma-typo-body-xs-font-weight);\n ",
157
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
158
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
159
- ": -0.125rem;\n ",
160
- ": 0.25rem;\n ",
161
- ": 0.25rem;\n ",
162
- ": -0.125rem;\n ",
163
- ": 0.25rem;\n ",
164
- ": -0.25rem;\n ",
165
- ": 1rem;\n "
166
- ]);
167
- _templateObject6 = function _templateObject() {
168
- return data;
169
- };
170
- return data;
171
- }
172
- function _templateObject7() {
173
- var data = _tagged_template_literal([
174
- "\n ",
175
- ": 0.125rem;\n "
176
- ]);
177
- _templateObject7 = function _templateObject() {
178
- return data;
179
- };
180
- return data;
181
- }
182
- function _templateObject8() {
183
- var data = _tagged_template_literal([
184
- "\n ",
185
- ": 0.5rem;\n "
186
- ]);
187
- _templateObject8 = function _templateObject() {
188
- return data;
189
- };
190
- return data;
191
- }
192
- var config = {
193
- defaults: {
194
- view: 'default',
195
- size: 'm'
196
- },
197
- variations: {
198
- view: {
199
- default: (0, _core.css)(_templateObject(), _ChipGroup.chipGroupTokens.chipColor, _ChipGroup.chipGroupTokens.chipBackground, _ChipGroup.chipGroupTokens.chipColorHover, _ChipGroup.chipGroupTokens.chipBackgroundHover, _ChipGroup.chipGroupTokens.chipColorActive, _ChipGroup.chipGroupTokens.chipBackgroundActive),
200
- secondary: (0, _core.css)(_templateObject1(), _ChipGroup.chipGroupTokens.chipColor, _ChipGroup.chipGroupTokens.chipBackground, _ChipGroup.chipGroupTokens.chipColorHover, _ChipGroup.chipGroupTokens.chipBackgroundHover, _ChipGroup.chipGroupTokens.chipColorActive, _ChipGroup.chipGroupTokens.chipBackgroundActive),
201
- accent: (0, _core.css)(_templateObject2(), _ChipGroup.chipGroupTokens.chipColor, _ChipGroup.chipGroupTokens.chipBackground, _ChipGroup.chipGroupTokens.chipColorHover, _ChipGroup.chipGroupTokens.chipBackgroundHover, _ChipGroup.chipGroupTokens.chipColorActive, _ChipGroup.chipGroupTokens.chipBackgroundActive)
202
- },
203
- size: {
204
- l: (0, _core.css)(_templateObject3(), _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize),
205
- m: (0, _core.css)(_templateObject4(), _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize),
206
- s: (0, _core.css)(_templateObject5(), _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize),
207
- xs: (0, _core.css)(_templateObject6(), _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize)
208
- },
209
- gap: {
210
- dense: (0, _core.css)(_templateObject7(), _ChipGroup.chipGroupTokens.chipGroupItemsGap),
211
- wide: (0, _core.css)(_templateObject8(), _ChipGroup.chipGroupTokens.chipGroupItemsGap)
212
- }
213
- }
214
- };
package/emotion/es/examples/components/ChipGroup /ChipGroup.config.js DELETED
@@ -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
- };
package/styled-components/cjs/examples/components/ChipGroup /ChipGroup.config.js DELETED
@@ -1,214 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "config", {
6
- enumerable: true,
7
- get: function() {
8
- return config;
9
- }
10
- });
11
- var _core = require("@linaria/core");
12
- var _ChipGroup = require("../../../components/ChipGroup");
13
- function _tagged_template_literal(strings, raw) {
14
- if (!raw) {
15
- raw = strings.slice(0);
16
- }
17
- return Object.freeze(Object.defineProperties(strings, {
18
- raw: {
19
- value: Object.freeze(raw)
20
- }
21
- }));
22
- }
23
- function _templateObject() {
24
- var data = _tagged_template_literal([
25
- "\n ",
26
- ": var(--inverse-text-primary);\n ",
27
- ": var(--surface-solid-default);\n ",
28
- ": var(--inverse-text-primary);\n ",
29
- ": var(--surface-solid-default-hover);\n ",
30
- ": var(--inverse-text-primary);\n ",
31
- ": var(--surface-solid-default-active);\n "
32
- ]);
33
- _templateObject = function _templateObject() {
34
- return data;
35
- };
36
- return data;
37
- }
38
- function _templateObject1() {
39
- var data = _tagged_template_literal([
40
- "\n ",
41
- ": var(--text-primary);\n ",
42
- ": var(--surface-transparent-secondary);\n ",
43
- ": var(--text-primary);\n ",
44
- ": var(--surface-transparent-secondary-hover);\n ",
45
- ": var(--text-primary);\n ",
46
- ": var(--surface-transparent-secondary-active);\n "
47
- ]);
48
- _templateObject1 = function _templateObject() {
49
- return data;
50
- };
51
- return data;
52
- }
53
- function _templateObject2() {
54
- var data = _tagged_template_literal([
55
- "\n ",
56
- ": var(--on-dark-text-primary);\n ",
57
- ": var(--surface-accent);\n ",
58
- ": var(--on-dark-text-primary);\n ",
59
- ": var(--surface-accent-hover);\n ",
60
- ": var(--on-dark-text-primary);\n ",
61
- ": var(--surface-accent-active);\n "
62
- ]);
63
- _templateObject2 = function _templateObject() {
64
- return data;
65
- };
66
- return data;
67
- }
68
- function _templateObject3() {
69
- var data = _tagged_template_literal([
70
- "\n ",
71
- ": 0.75rem;\n ",
72
- ": auto;\n ",
73
- ": 3rem;\n ",
74
- ": 0 1rem;\n\n ",
75
- ": var(--plasma-typo-body-l-font-family);\n ",
76
- ": var(--plasma-typo-body-l-font-size);\n ",
77
- ": var(--plasma-typo-body-l-font-style);\n ",
78
- ": var(--plasma-typo-body-l-font-weight);\n ",
79
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
80
- ": var(--plasma-typo-body-l-line-height);\n\n ",
81
- ": -0.125rem;\n ",
82
- ": 0.5rem;\n ",
83
- ": 0.5rem;\n ",
84
- ": -0.125rem;\n ",
85
- ": 0.625rem;\n ",
86
- ": -0.25rem;\n ",
87
- ": 1.5rem;\n "
88
- ]);
89
- _templateObject3 = function _templateObject() {
90
- return data;
91
- };
92
- return data;
93
- }
94
- function _templateObject4() {
95
- var data = _tagged_template_literal([
96
- "\n ",
97
- ": 0.625rem;\n ",
98
- ": auto;\n ",
99
- ": 2.5rem;\n ",
100
- ": 0 0.875rem;\n\n ",
101
- ": var(--plasma-typo-body-m-font-family);\n ",
102
- ": var(--plasma-typo-body-m-font-size);\n ",
103
- ": var(--plasma-typo-body-m-font-style);\n ",
104
- ": var(--plasma-typo-body-m-font-weight);\n ",
105
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
106
- ": var(--plasma-typo-body-m-line-height);\n\n ",
107
- ": -0.125rem;\n ",
108
- ": 0.375rem;\n ",
109
- ": 0.375rem;\n ",
110
- ": -0.125rem;\n ",
111
- ": 0.5rem;\n ",
112
- ": -0.25rem;\n ",
113
- ": 1rem;\n "
114
- ]);
115
- _templateObject4 = function _templateObject() {
116
- return data;
117
- };
118
- return data;
119
- }
120
- function _templateObject5() {
121
- var data = _tagged_template_literal([
122
- "\n ",
123
- ": 0.5rem;\n ",
124
- ": auto;\n ",
125
- ": 2rem;\n ",
126
- ": 0 0.875rem;\n\n ",
127
- ": var(--plasma-typo-body-s-font-family);\n ",
128
- ": var(--plasma-typo-body-s-font-size);\n ",
129
- ": var(--plasma-typo-body-s-font-style);\n ",
130
- ": var(--plasma-typo-body-s-font-weight);\n ",
131
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
132
- ": var(--plasma-typo-body-s-line-height);\n\n ",
133
- ": -0.125rem;\n ",
134
- ": 0.25rem;\n ",
135
- ": 0.25rem;\n ",
136
- ": -0.125rem;\n ",
137
- ": 0.375rem;\n ",
138
- ": -0.25rem;\n ",
139
- ": 1rem;\n "
140
- ]);
141
- _templateObject5 = function _templateObject() {
142
- return data;
143
- };
144
- return data;
145
- }
146
- function _templateObject6() {
147
- var data = _tagged_template_literal([
148
- "\n ",
149
- ": 0.375rem;\n ",
150
- ": auto;\n ",
151
- ": 1.5rem;\n ",
152
- ": 0 0.625rem;\n\n ",
153
- ": var(--plasma-typo-body-xs-font-family);\n ",
154
- ": var(--plasma-typo-body-xs-font-size);\n ",
155
- ": var(--plasma-typo-body-xs-font-style);\n ",
156
- ": var(--plasma-typo-body-xs-font-weight);\n ",
157
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
158
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
159
- ": -0.125rem;\n ",
160
- ": 0.25rem;\n ",
161
- ": 0.25rem;\n ",
162
- ": -0.125rem;\n ",
163
- ": 0.25rem;\n ",
164
- ": -0.25rem;\n ",
165
- ": 1rem;\n "
166
- ]);
167
- _templateObject6 = function _templateObject() {
168
- return data;
169
- };
170
- return data;
171
- }
172
- function _templateObject7() {
173
- var data = _tagged_template_literal([
174
- "\n ",
175
- ": 0.125rem;\n "
176
- ]);
177
- _templateObject7 = function _templateObject() {
178
- return data;
179
- };
180
- return data;
181
- }
182
- function _templateObject8() {
183
- var data = _tagged_template_literal([
184
- "\n ",
185
- ": 0.5rem;\n "
186
- ]);
187
- _templateObject8 = function _templateObject() {
188
- return data;
189
- };
190
- return data;
191
- }
192
- var config = {
193
- defaults: {
194
- view: 'default',
195
- size: 'm'
196
- },
197
- variations: {
198
- view: {
199
- default: (0, _core.css)(_templateObject(), _ChipGroup.chipGroupTokens.chipColor, _ChipGroup.chipGroupTokens.chipBackground, _ChipGroup.chipGroupTokens.chipColorHover, _ChipGroup.chipGroupTokens.chipBackgroundHover, _ChipGroup.chipGroupTokens.chipColorActive, _ChipGroup.chipGroupTokens.chipBackgroundActive),
200
- secondary: (0, _core.css)(_templateObject1(), _ChipGroup.chipGroupTokens.chipColor, _ChipGroup.chipGroupTokens.chipBackground, _ChipGroup.chipGroupTokens.chipColorHover, _ChipGroup.chipGroupTokens.chipBackgroundHover, _ChipGroup.chipGroupTokens.chipColorActive, _ChipGroup.chipGroupTokens.chipBackgroundActive),
201
- accent: (0, _core.css)(_templateObject2(), _ChipGroup.chipGroupTokens.chipColor, _ChipGroup.chipGroupTokens.chipBackground, _ChipGroup.chipGroupTokens.chipColorHover, _ChipGroup.chipGroupTokens.chipBackgroundHover, _ChipGroup.chipGroupTokens.chipColorActive, _ChipGroup.chipGroupTokens.chipBackgroundActive)
202
- },
203
- size: {
204
- l: (0, _core.css)(_templateObject3(), _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize),
205
- m: (0, _core.css)(_templateObject4(), _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize),
206
- s: (0, _core.css)(_templateObject5(), _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize),
207
- xs: (0, _core.css)(_templateObject6(), _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize)
208
- },
209
- gap: {
210
- dense: (0, _core.css)(_templateObject7(), _ChipGroup.chipGroupTokens.chipGroupItemsGap),
211
- wide: (0, _core.css)(_templateObject8(), _ChipGroup.chipGroupTokens.chipGroupItemsGap)
212
- }
213
- }
214
- };