@salutejs/plasma-new-hope 0.339.1-canary.2309.18879166426.0 → 0.339.1-canary.2315.19231744336.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/DatePicker/RangeDate/RangeDate.js +24 -4
  2. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  3. package/cjs/components/Tabs/tokens.js +1 -0
  4. package/cjs/components/Tabs/tokens.js.map +1 -1
  5. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +21 -4
  6. package/emotion/cjs/components/Tabs/tokens.js +1 -0
  7. package/emotion/cjs/examples/components/ChipGroup/ChipGroup.config.js +35 -0
  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/DatePicker/RangeDate/RangeDate.js +21 -4
  11. package/emotion/es/components/Tabs/tokens.js +1 -0
  12. package/emotion/es/examples/components/ChipGroup/ChipGroup.config.js +25 -0
  13. package/emotion/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
  14. package/emotion/es/examples/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
  15. package/es/components/DatePicker/RangeDate/RangeDate.js +24 -4
  16. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  17. package/es/components/Tabs/tokens.js +1 -0
  18. package/es/components/Tabs/tokens.js.map +1 -1
  19. package/package.json +5 -5
  20. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +21 -4
  21. package/styled-components/cjs/components/Tabs/tokens.js +1 -0
  22. package/styled-components/cjs/examples/components/ChipGroup/ChipGroup.config.js +141 -0
  23. package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
  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/DatePicker/RangeDate/RangeDate.js +21 -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/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
  30. package/styled-components/es/examples/components/Tabs/vertical/VerticalTabItem.config.js +4 -4
  31. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  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
package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -126,7 +126,7 @@ var config = {
126
126
  ":var(--plasma-typo-body-xs-font-family);",
127
127
  ":var(--plasma-typo-body-xs-font-size);",
128
128
  ":var(--plasma-typo-body-xs-font-style);",
129
- ":var(--plasma-typo-body-xs-font-weight);",
129
+ ":var(--plasma-typo-body-xs-bold-font-weight);",
130
130
  ":var(--plasma-typo-body-xs-letter-spacing);",
131
131
  ":var(--plasma-typo-body-xs-line-height);",
132
132
  ":0;"
@@ -144,7 +144,7 @@ var config = {
144
144
  ":var(--plasma-typo-body-s-font-family);",
145
145
  ":var(--plasma-typo-body-s-font-size);",
146
146
  ":var(--plasma-typo-body-s-font-style);",
147
- ":var(--plasma-typo-body-s-font-weight);",
147
+ ":var(--plasma-typo-body-s-bold-font-weight);",
148
148
  ":var(--plasma-typo-body-s-letter-spacing);",
149
149
  ":var(--plasma-typo-body-s-line-height);",
150
150
  ":0.125rem;"
@@ -162,7 +162,7 @@ var config = {
162
162
  ":var(--plasma-typo-body-m-font-family);",
163
163
  ":var(--plasma-typo-body-m-font-size);",
164
164
  ":var(--plasma-typo-body-m-font-style);",
165
- ":var(--plasma-typo-body-m-font-weight);",
165
+ ":var(--plasma-typo-body-m-bold-font-weight);",
166
166
  ":var(--plasma-typo-body-m-letter-spacing);",
167
167
  ":var(--plasma-typo-body-m-line-height);",
168
168
  ":0.25rem;"
@@ -180,7 +180,7 @@ var config = {
180
180
  ":var(--plasma-typo-body-l-font-family);",
181
181
  ":var(--plasma-typo-body-l-font-size);",
182
182
  ":var(--plasma-typo-body-l-font-style);",
183
- ":var(--plasma-typo-body-l-font-weight);",
183
+ ":var(--plasma-typo-body-l-bold-font-weight);",
184
184
  ":var(--plasma-typo-body-l-letter-spacing);",
185
185
  ":var(--plasma-typo-body-l-line-height);",
186
186
  ":0.125rem;"
package/styled-components/cjs/examples/components/Tabs/vertical/VerticalTabItem.config.js CHANGED
@@ -59,7 +59,7 @@ var config = {
59
59
  ":var(--plasma-typo-body-xs-font-family);",
60
60
  ":var(--plasma-typo-body-xs-font-size);",
61
61
  ":var(--plasma-typo-body-xs-font-style);",
62
- ":var(--plasma-typo-body-xs-font-weight);",
62
+ ":var(--plasma-typo-body-xs-bold-font-weight);",
63
63
  ":var(--plasma-typo-body-xs-letter-spacing);",
64
64
  ":var(--plasma-typo-body-xs-line-height);",
65
65
  ":0;"
@@ -78,7 +78,7 @@ var config = {
78
78
  ":var(--plasma-typo-body-s-font-family);",
79
79
  ":var(--plasma-typo-body-s-font-size);",
80
80
  ":var(--plasma-typo-body-s-font-style);",
81
- ":var(--plasma-typo-body-s-font-weight);",
81
+ ":var(--plasma-typo-body-s-bold-font-weight);",
82
82
  ":var(--plasma-typo-body-s-letter-spacing);",
83
83
  ":var(--plasma-typo-body-s-line-height);",
84
84
  ":0.25rem;"
@@ -97,7 +97,7 @@ var config = {
97
97
  ":var(--plasma-typo-body-m-font-family);",
98
98
  ":var(--plasma-typo-body-m-font-size);",
99
99
  ":var(--plasma-typo-body-m-font-style);",
100
- ":var(--plasma-typo-body-m-font-weight);",
100
+ ":var(--plasma-typo-body-m-bold-font-weight);",
101
101
  ":var(--plasma-typo-body-m-letter-spacing);",
102
102
  ":var(--plasma-typo-body-m-line-height);",
103
103
  ":0.125rem;"
@@ -116,7 +116,7 @@ var config = {
116
116
  ":var(--plasma-typo-body-l-font-family);",
117
117
  ":var(--plasma-typo-body-l-font-size);",
118
118
  ":var(--plasma-typo-body-l-font-style);",
119
- ":var(--plasma-typo-body-l-font-weight);",
119
+ ":var(--plasma-typo-body-l-bold-font-weight);",
120
120
  ":var(--plasma-typo-body-l-letter-spacing);",
121
121
  ":var(--plasma-typo-body-l-line-height);",
122
122
  ":0.125rem;"
package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js CHANGED
@@ -126,6 +126,7 @@ function _unsupported_iterable_to_array(o, minLen) {
126
126
  import React, { createRef, forwardRef, useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
127
127
  import cls from "classnames";
128
128
  import { noop } from "../../../utils";
129
+ import { customDayjs } from "../../../utils/datejs";
129
130
  import { getDateFormatDelimiter } from "../utils/dateHelper";
130
131
  import { useDatePicker } from "../hooks/useDatePicker";
131
132
  import { classes } from "../DatePicker.tokens";
@@ -422,18 +423,34 @@ export var datePickerRangeRoot = function(Root) {
422
423
  prevValue,
423
424
  chosenDate
424
425
  ]), 2), first = _getSortedValues[0], second = _getSortedValues[1];
425
- handleFirstCalendarPick(first, dateInfo);
426
- handleSecondCalendarPick(second, dateInfo);
426
+ /**
427
+ * NOTE: проверяем совпадает ли новая дата с предыдущей
428
+ * Если нет, то вызываем handle{First,Second}CalendarPick
429
+ */ customDayjs.locale(lang);
430
+ var firstFormatted = first ? customDayjs(first).format(format) : '';
431
+ var secondFormatted = second ? customDayjs(second).format(format) : '';
432
+ if (firstFormatted !== inputFirstValue) {
433
+ handleFirstCalendarPick(first, dateInfo);
434
+ }
435
+ if (secondFormatted !== inputSecondValue) {
436
+ handleSecondCalendarPick(second, dateInfo);
437
+ }
427
438
  if (!firstValueError && !secondValueError && closeAfterDateSelect) {
428
439
  handleToggle(false);
429
440
  }
430
441
  };
431
442
  var handleChangeCalendarValue = function(param, dateInfo) {
432
443
  var _$_param = _sliced_to_array(param, 2), firstDate = _$_param[0], secondDate = _$_param[1];
433
- if (firstDate) {
444
+ /**
445
+ * NOTE: проверяем совпадает ли новая дата с предыдущей
446
+ * Если нет, то вызываем handle{First,Second}CalendarPick
447
+ */ customDayjs.locale(lang);
448
+ var firstFormatted = firstDate ? customDayjs(firstDate).format(format) : '';
449
+ var secondFormatted = secondDate ? customDayjs(secondDate).format(format) : '';
450
+ if (firstFormatted !== inputFirstValue) {
434
451
  handleFirstCalendarPick(firstDate, dateInfo);
435
452
  }
436
- if (secondDate) {
453
+ if (secondFormatted !== inputSecondValue) {
437
454
  handleSecondCalendarPick(secondDate, dateInfo);
438
455
  }
439
456
  if (firstDate && secondDate && !firstValueError && !secondValueError && closeAfterDateSelect) {
package/styled-components/es/components/Tabs/tokens.js CHANGED
@@ -80,6 +80,7 @@ export var tokens = {
80
80
  fontSize: '--plasma-tab-item-font-size',
81
81
  fontStyle: '--plasma-tab-item-font-style',
82
82
  fontWeight: '--plasma-tab-item-font-weight',
83
+ fontWeightSelected: '--plasma-tab-item-font-weight-selected',
83
84
  letterSpacing: '--plasma-tab-item-letter-spacing',
84
85
  lineHeight: '--plasma-tab-item-lineheight',
85
86
  valueFontFamily: '--plasma-tab-item-value-font-family',
package/styled-components/es/examples/components/ChipGroup/ChipGroup.config.js ADDED
@@ -0,0 +1,131 @@
1
+ import { css } from "styled-components";
2
+ import { chipGroupTokens as tokens } from "../../../components/ChipGroup";
3
+ export var config = {
4
+ defaults: {
5
+ view: 'default',
6
+ size: 'm'
7
+ },
8
+ variations: {
9
+ view: {
10
+ default: css([
11
+ "",
12
+ ":var(--inverse-text-primary);",
13
+ ":var(--surface-solid-default);",
14
+ ":var(--inverse-text-primary);",
15
+ ":var(--surface-solid-default-hover);",
16
+ ":var(--inverse-text-primary);",
17
+ ":var(--surface-solid-default-active);"
18
+ ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive),
19
+ secondary: css([
20
+ "",
21
+ ":var(--text-primary);",
22
+ ":var(--surface-transparent-secondary);",
23
+ ":var(--text-primary);",
24
+ ":var(--surface-transparent-secondary-hover);",
25
+ ":var(--text-primary);",
26
+ ":var(--surface-transparent-secondary-active);"
27
+ ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive),
28
+ accent: css([
29
+ "",
30
+ ":var(--on-dark-text-primary);",
31
+ ":var(--surface-accent);",
32
+ ":var(--on-dark-text-primary);",
33
+ ":var(--surface-accent-hover);",
34
+ ":var(--on-dark-text-primary);",
35
+ ":var(--surface-accent-active);"
36
+ ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive)
37
+ },
38
+ size: {
39
+ l: css([
40
+ "",
41
+ ":0.75rem;",
42
+ ":auto;",
43
+ ":3rem;",
44
+ ":0 1rem;",
45
+ ":var(--plasma-typo-body-l-font-family);",
46
+ ":var(--plasma-typo-body-l-font-size);",
47
+ ":var(--plasma-typo-body-l-font-style);",
48
+ ":var(--plasma-typo-body-l-font-weight);",
49
+ ":var(--plasma-typo-body-l-letter-spacing);",
50
+ ":var(--plasma-typo-body-l-line-height);",
51
+ ":-0.125rem;",
52
+ ":0.5rem;",
53
+ ":0.5rem;",
54
+ ":-0.125rem;",
55
+ ":0.625rem;",
56
+ ":-0.25rem;",
57
+ ":1.5rem;"
58
+ ], 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),
59
+ m: css([
60
+ "",
61
+ ":0.625rem;",
62
+ ":auto;",
63
+ ":2.5rem;",
64
+ ":0 0.875rem;",
65
+ ":var(--plasma-typo-body-m-font-family);",
66
+ ":var(--plasma-typo-body-m-font-size);",
67
+ ":var(--plasma-typo-body-m-font-style);",
68
+ ":var(--plasma-typo-body-m-font-weight);",
69
+ ":var(--plasma-typo-body-m-letter-spacing);",
70
+ ":var(--plasma-typo-body-m-line-height);",
71
+ ":-0.125rem;",
72
+ ":0.375rem;",
73
+ ":0.375rem;",
74
+ ":-0.125rem;",
75
+ ":0.5rem;",
76
+ ":-0.25rem;",
77
+ ":1rem;"
78
+ ], 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),
79
+ s: css([
80
+ "",
81
+ ":0.5rem;",
82
+ ":auto;",
83
+ ":2rem;",
84
+ ":0 0.875rem;",
85
+ ":var(--plasma-typo-body-s-font-family);",
86
+ ":var(--plasma-typo-body-s-font-size);",
87
+ ":var(--plasma-typo-body-s-font-style);",
88
+ ":var(--plasma-typo-body-s-font-weight);",
89
+ ":var(--plasma-typo-body-s-letter-spacing);",
90
+ ":var(--plasma-typo-body-s-line-height);",
91
+ ":-0.125rem;",
92
+ ":0.25rem;",
93
+ ":0.25rem;",
94
+ ":-0.125rem;",
95
+ ":0.375rem;",
96
+ ":-0.25rem;",
97
+ ":1rem;"
98
+ ], 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),
99
+ xs: css([
100
+ "",
101
+ ":0.375rem;",
102
+ ":auto;",
103
+ ":1.5rem;",
104
+ ":0 0.625rem;",
105
+ ":var(--plasma-typo-body-xs-font-family);",
106
+ ":var(--plasma-typo-body-xs-font-size);",
107
+ ":var(--plasma-typo-body-xs-font-style);",
108
+ ":var(--plasma-typo-body-xs-font-weight);",
109
+ ":var(--plasma-typo-body-xs-letter-spacing);",
110
+ ":var(--plasma-typo-body-xs-line-height);",
111
+ ":-0.125rem;",
112
+ ":0.25rem;",
113
+ ":0.25rem;",
114
+ ":-0.125rem;",
115
+ ":0.25rem;",
116
+ ":-0.25rem;",
117
+ ":1rem;"
118
+ ], 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)
119
+ },
120
+ gap: {
121
+ dense: css([
122
+ "",
123
+ ":0.125rem;"
124
+ ], tokens.chipGroupItemsGap),
125
+ wide: css([
126
+ "",
127
+ ":0.5rem;"
128
+ ], tokens.chipGroupItemsGap)
129
+ }
130
+ }
131
+ };
package/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -116,7 +116,7 @@ export var config = {
116
116
  ":var(--plasma-typo-body-xs-font-family);",
117
117
  ":var(--plasma-typo-body-xs-font-size);",
118
118
  ":var(--plasma-typo-body-xs-font-style);",
119
- ":var(--plasma-typo-body-xs-font-weight);",
119
+ ":var(--plasma-typo-body-xs-bold-font-weight);",
120
120
  ":var(--plasma-typo-body-xs-letter-spacing);",
121
121
  ":var(--plasma-typo-body-xs-line-height);",
122
122
  ":0;"
@@ -134,7 +134,7 @@ export var config = {
134
134
  ":var(--plasma-typo-body-s-font-family);",
135
135
  ":var(--plasma-typo-body-s-font-size);",
136
136
  ":var(--plasma-typo-body-s-font-style);",
137
- ":var(--plasma-typo-body-s-font-weight);",
137
+ ":var(--plasma-typo-body-s-bold-font-weight);",
138
138
  ":var(--plasma-typo-body-s-letter-spacing);",
139
139
  ":var(--plasma-typo-body-s-line-height);",
140
140
  ":0.125rem;"
@@ -152,7 +152,7 @@ export var config = {
152
152
  ":var(--plasma-typo-body-m-font-family);",
153
153
  ":var(--plasma-typo-body-m-font-size);",
154
154
  ":var(--plasma-typo-body-m-font-style);",
155
- ":var(--plasma-typo-body-m-font-weight);",
155
+ ":var(--plasma-typo-body-m-bold-font-weight);",
156
156
  ":var(--plasma-typo-body-m-letter-spacing);",
157
157
  ":var(--plasma-typo-body-m-line-height);",
158
158
  ":0.25rem;"
@@ -170,7 +170,7 @@ export var config = {
170
170
  ":var(--plasma-typo-body-l-font-family);",
171
171
  ":var(--plasma-typo-body-l-font-size);",
172
172
  ":var(--plasma-typo-body-l-font-style);",
173
- ":var(--plasma-typo-body-l-font-weight);",
173
+ ":var(--plasma-typo-body-l-bold-font-weight);",
174
174
  ":var(--plasma-typo-body-l-letter-spacing);",
175
175
  ":var(--plasma-typo-body-l-line-height);",
176
176
  ":0.125rem;"
package/styled-components/es/examples/components/Tabs/vertical/VerticalTabItem.config.js CHANGED
@@ -49,7 +49,7 @@ export var config = {
49
49
  ":var(--plasma-typo-body-xs-font-family);",
50
50
  ":var(--plasma-typo-body-xs-font-size);",
51
51
  ":var(--plasma-typo-body-xs-font-style);",
52
- ":var(--plasma-typo-body-xs-font-weight);",
52
+ ":var(--plasma-typo-body-xs-bold-font-weight);",
53
53
  ":var(--plasma-typo-body-xs-letter-spacing);",
54
54
  ":var(--plasma-typo-body-xs-line-height);",
55
55
  ":0;"
@@ -68,7 +68,7 @@ export var config = {
68
68
  ":var(--plasma-typo-body-s-font-family);",
69
69
  ":var(--plasma-typo-body-s-font-size);",
70
70
  ":var(--plasma-typo-body-s-font-style);",
71
- ":var(--plasma-typo-body-s-font-weight);",
71
+ ":var(--plasma-typo-body-s-bold-font-weight);",
72
72
  ":var(--plasma-typo-body-s-letter-spacing);",
73
73
  ":var(--plasma-typo-body-s-line-height);",
74
74
  ":0.25rem;"
@@ -87,7 +87,7 @@ export var config = {
87
87
  ":var(--plasma-typo-body-m-font-family);",
88
88
  ":var(--plasma-typo-body-m-font-size);",
89
89
  ":var(--plasma-typo-body-m-font-style);",
90
- ":var(--plasma-typo-body-m-font-weight);",
90
+ ":var(--plasma-typo-body-m-bold-font-weight);",
91
91
  ":var(--plasma-typo-body-m-letter-spacing);",
92
92
  ":var(--plasma-typo-body-m-line-height);",
93
93
  ":0.125rem;"
@@ -106,7 +106,7 @@ export var config = {
106
106
  ":var(--plasma-typo-body-l-font-family);",
107
107
  ":var(--plasma-typo-body-l-font-size);",
108
108
  ":var(--plasma-typo-body-l-font-style);",
109
- ":var(--plasma-typo-body-l-font-weight);",
109
+ ":var(--plasma-typo-body-l-bold-font-weight);",
110
110
  ":var(--plasma-typo-body-l-letter-spacing);",
111
111
  ":var(--plasma-typo-body-l-line-height);",
112
112
  ":0.125rem;"
package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2F,MAAM,OAAO,CAAC;AAEhH,OAAO,KAAK,EAER,UAAU,EAKb,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAK7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAK9D,OAAO,KAAK,EAAY,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAGxE,OAAO,KAAK,EAAwB,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAUxF,eAAO,MAAM,mBAAmB,SAAU,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC;;;;;;;;;;;;;;;iBAwC1E,CAAC;gBAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+EA6gB9B,CAAC;AAEN,eAAO,MAAM,qBAAqB;;;mBAvjBQ,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC;;;;;;;;;;;;;;;qBAwC1E,CAAC;oBAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4iBlC,CAAC"}
1
+ {"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2F,MAAM,OAAO,CAAC;AAEhH,OAAO,KAAK,EAER,UAAU,EAKb,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAK9D,OAAO,KAAK,EAAY,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAGxE,OAAO,KAAK,EAAwB,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAUxF,eAAO,MAAM,mBAAmB,SAAU,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC;;;;;;;;;;;;;;;iBAuC7E,CAAD;gBAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+EAqiBzB,CAAC;AAEN,eAAO,MAAM,qBAAqB;;;mBA9kBQ,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC;;;;;;;;;;;;;;;qBAuC7E,CAAD;oBAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAokB7B,CAAC"}
package/types/components/Tabs/tokens.d.ts CHANGED
@@ -80,6 +80,7 @@ export declare const tokens: {
80
80
  fontSize: string;
81
81
  fontStyle: string;
82
82
  fontWeight: string;
83
+ fontWeightSelected: string;
83
84
  letterSpacing: string;
84
85
  lineHeight: string;
85
86
  valueFontFamily: string;
package/types/components/Tabs/tokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;CAkBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqFlB,CAAC"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;CAkBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFlB,CAAC"}
package/types/examples/components/ChipGroup/ChipGroup.config.d.ts.map ADDED
@@ -0,0 +1 @@
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"}
package/types/examples/components/ChipGroup/ChipGroup.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChipGroup.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/ChipGroup/ChipGroup.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;4HAA0B,CAAC"}
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
- };