@salutejs/plasma-new-hope 0.337.0-canary.2237.17801180282.0 → 0.337.0-canary.2237.17851607211.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 (23) hide show
  1. package/emotion/cjs/examples/components/Chip/Chip.config.js +14 -14
  2. package/emotion/cjs/examples/components/Combobox/Combobox.config.js +15 -15
  3. package/emotion/cjs/examples/components/Select/Select.config.js +24 -24
  4. package/emotion/cjs/examples/components/TextField/TextField.config.js +23 -23
  5. package/emotion/es/examples/components/Chip/Chip.config.js +14 -14
  6. package/emotion/es/examples/components/Combobox/Combobox.config.js +15 -15
  7. package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
  8. package/emotion/es/examples/components/Select/Select.config.js +24 -24
  9. package/emotion/es/examples/components/TextField/TextField.config.js +23 -23
  10. package/package.json +5 -5
  11. package/styled-components/cjs/examples/components/Chip/Chip.config.js +6 -6
  12. package/styled-components/cjs/examples/components/Combobox/Combobox.config.js +4 -4
  13. package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
  14. package/styled-components/cjs/examples/components/Select/Select.config.js +1 -1
  15. package/styled-components/cjs/examples/components/TextField/TextField.config.js +7 -6
  16. package/styled-components/es/examples/components/Chip/Chip.config.js +6 -6
  17. package/styled-components/es/examples/components/Combobox/Combobox.config.js +4 -4
  18. package/styled-components/es/examples/components/Select/Select.config.js +1 -1
  19. package/styled-components/es/examples/components/TextField/TextField.config.js +7 -6
  20. package/types/components/Avatar/Avatar.types.d.ts +26 -1
  21. package/types/components/Avatar/Avatar.types.d.ts.map +1 -1
  22. package/types/examples/components/Avatar/Avatar.d.ts +4 -4
  23. package/types/examples/components/TextField/TextField.config.d.ts.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.337.0-canary.2237.17801180282.0",
3
+ "version": "0.337.0-canary.2237.17851607211.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -79,8 +79,8 @@
79
79
  "@rollup/plugin-babel": "^6.0.4",
80
80
  "@rollup/plugin-commonjs": "^25.0.4",
81
81
  "@rollup/plugin-node-resolve": "^15.1.0",
82
- "@salutejs/plasma-sb-utils": "0.208.0-dev.0",
83
- "@salutejs/plasma-themes": "0.38.0-dev.0",
82
+ "@salutejs/plasma-sb-utils": "0.208.0",
83
+ "@salutejs/plasma-themes": "0.38.0",
84
84
  "@storybook/addon-docs": "8.6.12",
85
85
  "@storybook/addon-essentials": "8.6.12",
86
86
  "@storybook/manager-api": "8.6.12",
@@ -117,7 +117,7 @@
117
117
  "@linaria/react": "5.0.3",
118
118
  "@popperjs/core": "2.11.8",
119
119
  "@salutejs/input-core": "2.1.2",
120
- "@salutejs/plasma-core": "1.208.0-dev.0",
120
+ "@salutejs/plasma-core": "1.208.0",
121
121
  "@salutejs/react-maskinput": "3.2.6",
122
122
  "@tanstack/react-table": "8.21.2",
123
123
  "@tanstack/react-virtual": "3.13.2",
@@ -137,5 +137,5 @@
137
137
  "sideEffects": [
138
138
  "*.css"
139
139
  ],
140
- "gitHead": "b350af3a53983cc8b5d3c79aa4ef05a28e41996d"
140
+ "gitHead": "2aeebf47189b8808dc9caf90e7d98b450ef92283"
141
141
  }
@@ -31,7 +31,7 @@ var config = {
31
31
  ":var(--surface-solid-default);",
32
32
  ":var(--inverse-text-primary);",
33
33
  ":var(--inverse-text-secondary);",
34
- ":var(--inverse-text-primary);"
34
+ ":var(--inverse-text-secondary-hover);"
35
35
  ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _Chip.chipTokens.closeIconColor, _Chip.chipTokens.closeIconColorHover),
36
36
  secondary: (0, _styledcomponents.css)([
37
37
  "",
@@ -46,7 +46,7 @@ var config = {
46
46
  ":var(--surface-transparent-secondary);",
47
47
  ":var(--text-primary);",
48
48
  ":var(--text-secondary);",
49
- ":var(--text-primary);"
49
+ ":var(--text-secondary-hover);"
50
50
  ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _Chip.chipTokens.closeIconColor, _Chip.chipTokens.closeIconColorHover),
51
51
  accent: (0, _styledcomponents.css)([
52
52
  "",
@@ -61,7 +61,7 @@ var config = {
61
61
  ":var(--surface-accent);",
62
62
  ":var(--on-dark-text-primary);",
63
63
  ":var(--on-dark-text-secondary);",
64
- ":var(--on-dark-text-primary);"
64
+ ":var(--on-dark-text-secondary-hover);"
65
65
  ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _Chip.chipTokens.closeIconColor, _Chip.chipTokens.closeIconColorHover),
66
66
  positive: (0, _styledcomponents.css)([
67
67
  "",
@@ -76,7 +76,7 @@ var config = {
76
76
  ":var(--surface-positive);",
77
77
  ":var(--on-dark-text-primary);",
78
78
  ":var(--on-dark-text-secondary);",
79
- ":var(--on-dark-text-primary);"
79
+ ":var(--on-dark-text-secondary-hover);"
80
80
  ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _Chip.chipTokens.closeIconColor, _Chip.chipTokens.closeIconColorHover),
81
81
  warning: (0, _styledcomponents.css)([
82
82
  "",
@@ -91,7 +91,7 @@ var config = {
91
91
  ":var(--surface-warning);",
92
92
  ":var(--on-dark-text-primary);",
93
93
  ":var(--on-dark-text-secondary);",
94
- ":var(--on-dark-text-primary);"
94
+ ":var(--on-dark-text-secondary-hover);"
95
95
  ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _Chip.chipTokens.closeIconColor, _Chip.chipTokens.closeIconColorHover),
96
96
  negative: (0, _styledcomponents.css)([
97
97
  "",
@@ -106,7 +106,7 @@ var config = {
106
106
  ":var(--surface-negative);",
107
107
  ":var(--on-dark-text-primary);",
108
108
  ":var(--on-dark-text-secondary);",
109
- ":var(--on-dark-text-primary);"
109
+ ":var(--on-dark-text-secondary-hover);"
110
110
  ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _Chip.chipTokens.closeIconColor, _Chip.chipTokens.closeIconColorHover)
111
111
  },
112
112
  size: {
@@ -40,7 +40,7 @@ var config = {
40
40
  ":var(--surface-negative);",
41
41
  ":var(--text-tertiary);",
42
42
  ":var(--text-secondary);",
43
- ":var(--text-primary);",
43
+ ":var(--text-secondary-hover);",
44
44
  ":var(--text-primary);",
45
45
  ":var(--surface-transparent-secondary);",
46
46
  ":var(--text-primary);",
@@ -85,7 +85,7 @@ var config = {
85
85
  ":var(--surface-negative);",
86
86
  ":var(--text-tertiary);",
87
87
  ":var(--text-secondary);",
88
- ":var(--text-primary);",
88
+ ":var(--text-secondary-hover);",
89
89
  ":var(--text-primary);",
90
90
  ":var(--surface-transparent-secondary);",
91
91
  ":var(--text-primary);",
@@ -130,7 +130,7 @@ var config = {
130
130
  ":var(--surface-negative);",
131
131
  ":var(--text-tertiary);",
132
132
  ":var(--text-secondary);",
133
- ":var(--text-primary);",
133
+ ":var(--text-secondary-hover);",
134
134
  ":var(--text-primary);",
135
135
  ":var(--surface-transparent-secondary);",
136
136
  ":var(--text-primary);",
@@ -175,7 +175,7 @@ var config = {
175
175
  ":var(--surface-negative);",
176
176
  ":var(--text-tertiary);",
177
177
  ":var(--text-secondary);",
178
- ":var(--text-primary);",
178
+ ":var(--text-secondary-hover);",
179
179
  ":var(--text-primary);",
180
180
  ":var(--surface-transparent-secondary);",
181
181
  ":var(--text-primary);",
@@ -1,16 +1 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "Combobox", {
6
- enumerable: true,
7
- get: function() {
8
- return Combobox;
9
- }
10
- });
11
- var _engines = require("../../../engines");
12
- var _ = require("../../..");
13
- var _Comboboxconfig = require("./Combobox.config");
14
- var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
15
- var ComboboxComponent = (0, _engines.component)(mergedConfig);
16
- var Combobox = ComboboxComponent;
@@ -771,7 +771,7 @@ var config = {
771
771
  ":var(--surface-transparent-secondary);",
772
772
  ":var(--surface-transparent-secondary-hover);",
773
773
  ":var(--text-secondary);",
774
- ":var(--text-primary);",
774
+ ":var(--text-secondary-hover);",
775
775
  ":var(--surface-transparent-secondary);",
776
776
  ":var(--text-primary);",
777
777
  ":var(--surface-transparent-secondary);",
@@ -530,7 +530,7 @@ var config = {
530
530
  ":var(--surface-solid-default);",
531
531
  ":var(--inverse-text-primary);",
532
532
  ":var(--inverse-text-secondary);",
533
- ":var(--inverse-text-primary);",
533
+ ":var(--inverse-text-secondary-hover);",
534
534
  ":1;"
535
535
  ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
536
536
  secondary: (0, _styledcomponents.css)([
@@ -546,8 +546,9 @@ var config = {
546
546
  ":var(--surface-transparent-secondary);",
547
547
  ":var(--text-primary);",
548
548
  ":var(--text-secondary);",
549
+ ":var(--text-secondary-hover);",
549
550
  ":1;"
550
- ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipOpacityReadonly),
551
+ ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
551
552
  accent: (0, _styledcomponents.css)([
552
553
  "",
553
554
  ":var(--on-dark-text-primary);",
@@ -561,7 +562,7 @@ var config = {
561
562
  ":var(--surface-accent);",
562
563
  ":var(--on-dark-text-primary);",
563
564
  ":var(--on-dark-text-secondary);",
564
- ":var(--on-dark-text-primary);",
565
+ ":var(--on-dark-text-secondary-hover);",
565
566
  ":1;"
566
567
  ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
567
568
  positive: (0, _styledcomponents.css)([
@@ -577,7 +578,7 @@ var config = {
577
578
  ":var(--surface-positive);",
578
579
  ":var(--on-dark-text-primary);",
579
580
  ":var(--on-dark-text-secondary);",
580
- ":var(--on-dark-text-primary);",
581
+ ":var(--on-dark-text-secondary-hover);",
581
582
  ":1;"
582
583
  ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
583
584
  warning: (0, _styledcomponents.css)([
@@ -593,7 +594,7 @@ var config = {
593
594
  ":var(--surface-warning);",
594
595
  ":var(--on-dark-text-primary);",
595
596
  ":var(--on-dark-text-secondary);",
596
- ":var(--on-dark-text-primary);",
597
+ ":var(--on-dark-text-secondary-hover);",
597
598
  ":1;"
598
599
  ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly),
599
600
  negative: (0, _styledcomponents.css)([
@@ -609,7 +610,7 @@ var config = {
609
610
  ":var(--surface-negative);",
610
611
  ":var(--on-dark-text-primary);",
611
612
  ":var(--on-dark-text-secondary);",
612
- ":var(--on-dark-text-primary);",
613
+ ":var(--on-dark-text-secondary-hover);",
613
614
  ":1;"
614
615
  ], _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _TextField.textFieldTokens.chipOpacityReadonly)
615
616
  },
@@ -21,7 +21,7 @@ export var config = {
21
21
  ":var(--surface-solid-default);",
22
22
  ":var(--inverse-text-primary);",
23
23
  ":var(--inverse-text-secondary);",
24
- ":var(--inverse-text-primary);"
24
+ ":var(--inverse-text-secondary-hover);"
25
25
  ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
26
26
  secondary: css([
27
27
  "",
@@ -36,7 +36,7 @@ export var config = {
36
36
  ":var(--surface-transparent-secondary);",
37
37
  ":var(--text-primary);",
38
38
  ":var(--text-secondary);",
39
- ":var(--text-primary);"
39
+ ":var(--text-secondary-hover);"
40
40
  ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
41
41
  accent: css([
42
42
  "",
@@ -51,7 +51,7 @@ export var config = {
51
51
  ":var(--surface-accent);",
52
52
  ":var(--on-dark-text-primary);",
53
53
  ":var(--on-dark-text-secondary);",
54
- ":var(--on-dark-text-primary);"
54
+ ":var(--on-dark-text-secondary-hover);"
55
55
  ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
56
56
  positive: css([
57
57
  "",
@@ -66,7 +66,7 @@ export var config = {
66
66
  ":var(--surface-positive);",
67
67
  ":var(--on-dark-text-primary);",
68
68
  ":var(--on-dark-text-secondary);",
69
- ":var(--on-dark-text-primary);"
69
+ ":var(--on-dark-text-secondary-hover);"
70
70
  ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
71
71
  warning: css([
72
72
  "",
@@ -81,7 +81,7 @@ export var config = {
81
81
  ":var(--surface-warning);",
82
82
  ":var(--on-dark-text-primary);",
83
83
  ":var(--on-dark-text-secondary);",
84
- ":var(--on-dark-text-primary);"
84
+ ":var(--on-dark-text-secondary-hover);"
85
85
  ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover),
86
86
  negative: css([
87
87
  "",
@@ -96,7 +96,7 @@ export var config = {
96
96
  ":var(--surface-negative);",
97
97
  ":var(--on-dark-text-primary);",
98
98
  ":var(--on-dark-text-secondary);",
99
- ":var(--on-dark-text-primary);"
99
+ ":var(--on-dark-text-secondary-hover);"
100
100
  ], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.closeIconColorHover)
101
101
  },
102
102
  size: {
@@ -30,7 +30,7 @@ export var config = {
30
30
  ":var(--surface-negative);",
31
31
  ":var(--text-tertiary);",
32
32
  ":var(--text-secondary);",
33
- ":var(--text-primary);",
33
+ ":var(--text-secondary-hover);",
34
34
  ":var(--text-primary);",
35
35
  ":var(--surface-transparent-secondary);",
36
36
  ":var(--text-primary);",
@@ -75,7 +75,7 @@ export var config = {
75
75
  ":var(--surface-negative);",
76
76
  ":var(--text-tertiary);",
77
77
  ":var(--text-secondary);",
78
- ":var(--text-primary);",
78
+ ":var(--text-secondary-hover);",
79
79
  ":var(--text-primary);",
80
80
  ":var(--surface-transparent-secondary);",
81
81
  ":var(--text-primary);",
@@ -120,7 +120,7 @@ export var config = {
120
120
  ":var(--surface-negative);",
121
121
  ":var(--text-tertiary);",
122
122
  ":var(--text-secondary);",
123
- ":var(--text-primary);",
123
+ ":var(--text-secondary-hover);",
124
124
  ":var(--text-primary);",
125
125
  ":var(--surface-transparent-secondary);",
126
126
  ":var(--text-primary);",
@@ -165,7 +165,7 @@ export var config = {
165
165
  ":var(--surface-negative);",
166
166
  ":var(--text-tertiary);",
167
167
  ":var(--text-secondary);",
168
- ":var(--text-primary);",
168
+ ":var(--text-secondary-hover);",
169
169
  ":var(--text-primary);",
170
170
  ":var(--surface-transparent-secondary);",
171
171
  ":var(--text-primary);",
@@ -761,7 +761,7 @@ export var config = {
761
761
  ":var(--surface-transparent-secondary);",
762
762
  ":var(--surface-transparent-secondary-hover);",
763
763
  ":var(--text-secondary);",
764
- ":var(--text-primary);",
764
+ ":var(--text-secondary-hover);",
765
765
  ":var(--surface-transparent-secondary);",
766
766
  ":var(--text-primary);",
767
767
  ":var(--surface-transparent-secondary);",
@@ -520,7 +520,7 @@ export var config = {
520
520
  ":var(--surface-solid-default);",
521
521
  ":var(--inverse-text-primary);",
522
522
  ":var(--inverse-text-secondary);",
523
- ":var(--inverse-text-primary);",
523
+ ":var(--inverse-text-secondary-hover);",
524
524
  ":1;"
525
525
  ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
526
526
  secondary: css([
@@ -536,8 +536,9 @@ export var config = {
536
536
  ":var(--surface-transparent-secondary);",
537
537
  ":var(--text-primary);",
538
538
  ":var(--text-secondary);",
539
+ ":var(--text-secondary-hover);",
539
540
  ":1;"
540
- ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipOpacityReadonly),
541
+ ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
541
542
  accent: css([
542
543
  "",
543
544
  ":var(--on-dark-text-primary);",
@@ -551,7 +552,7 @@ export var config = {
551
552
  ":var(--surface-accent);",
552
553
  ":var(--on-dark-text-primary);",
553
554
  ":var(--on-dark-text-secondary);",
554
- ":var(--on-dark-text-primary);",
555
+ ":var(--on-dark-text-secondary-hover);",
555
556
  ":1;"
556
557
  ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
557
558
  positive: css([
@@ -567,7 +568,7 @@ export var config = {
567
568
  ":var(--surface-positive);",
568
569
  ":var(--on-dark-text-primary);",
569
570
  ":var(--on-dark-text-secondary);",
570
- ":var(--on-dark-text-primary);",
571
+ ":var(--on-dark-text-secondary-hover);",
571
572
  ":1;"
572
573
  ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
573
574
  warning: css([
@@ -583,7 +584,7 @@ export var config = {
583
584
  ":var(--surface-warning);",
584
585
  ":var(--on-dark-text-primary);",
585
586
  ":var(--on-dark-text-secondary);",
586
- ":var(--on-dark-text-primary);",
587
+ ":var(--on-dark-text-secondary-hover);",
587
588
  ":1;"
588
589
  ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
589
590
  negative: css([
@@ -599,7 +600,7 @@ export var config = {
599
600
  ":var(--surface-negative);",
600
601
  ":var(--on-dark-text-primary);",
601
602
  ":var(--on-dark-text-secondary);",
602
- ":var(--on-dark-text-primary);",
603
+ ":var(--on-dark-text-secondary-hover);",
603
604
  ":1;"
604
605
  ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly)
605
606
  },
@@ -33,13 +33,38 @@ type ExtraCounterProps = {
33
33
  } & Omit<CustomCounterProps, 'size' | 'view' | 'count'>;
34
34
  type ExtraProps = OneOf<ExtraBadgeProps, ExtraCounterProps>;
35
35
  type CustomAvatarProps = {
36
- shape?: 'string';
36
+ /**
37
+ * Форма аватара. Возможные значения: 'circled', 'rounded'.
38
+ * @default circled
39
+ */
40
+ shape?: string;
41
+ /**
42
+ * Размер аватара
43
+ */
37
44
  size?: string;
45
+ /**
46
+ * ФИО человека
47
+ */
38
48
  name?: string;
49
+ /**
50
+ * Ссылка на фотографию
51
+ */
39
52
  url?: string;
53
+ /**
54
+ * Кастомный текст вместо фотографии
55
+ */
40
56
  customText?: string;
57
+ /**
58
+ * Статус профиля
59
+ */
41
60
  status?: 'active' | 'inactive';
61
+ /**
62
+ * Масштабируемый при наведении
63
+ */
42
64
  isScalable?: boolean;
65
+ /**
66
+ * Фокус
67
+ */
43
68
  focused?: boolean;
44
69
  /**
45
70
  * Словарь для озвучивания значений свойства status [a11y]
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,IAAI;KACb,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACvB,GACG;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,CAAC;AAEN,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE3C,KAAK,eAAe,GAAG;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;AAEzD,KAAK,iBAAiB,GAAG;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAExD,KAAK,UAAU,GAAG,KAAK,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;AAE5D,KAAK,iBAAiB,GAAG;IAErB,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAE/B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;CAC9E,GAAG,UAAU,CAAC;AAEf,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,GAAG,UAAU,EAAE,MAAM,CAAC,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}
1
+ {"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,IAAI;KACb,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACvB,GACG;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,CAAC;AAEN,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE3C,KAAK,eAAe,GAAG;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;AAEzD,KAAK,iBAAiB,GAAG;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAExD,KAAK,UAAU,GAAG,KAAK,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;AAE5D,KAAK,iBAAiB,GAAG;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;CAC9E,GAAG,UAAU,CAAC;AAEf,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,GAAG,UAAU,EAAE,MAAM,CAAC,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}
@@ -71,7 +71,7 @@ export declare const mergedConfig: import("../../../engines").ComponentConfig<st
71
71
  light: import("@linaria/core").LinariaClassName;
72
72
  };
73
73
  }>, (import("react").HTMLAttributes<HTMLDivElement> & {
74
- shape?: "string";
74
+ shape?: string;
75
75
  size?: string;
76
76
  name?: string;
77
77
  url?: string;
@@ -96,7 +96,7 @@ export declare const mergedConfig: import("../../../engines").ComponentConfig<st
96
96
  count?: undefined;
97
97
  maxCount?: undefined;
98
98
  } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
99
- shape?: "string";
99
+ shape?: string;
100
100
  size?: string;
101
101
  name?: string;
102
102
  url?: string;
@@ -158,7 +158,7 @@ export declare const Avatar: import("react").FunctionComponent<import("../../../
158
158
  light: import("@linaria/core").LinariaClassName;
159
159
  };
160
160
  }> & ((import("react").HTMLAttributes<HTMLDivElement> & {
161
- shape?: "string";
161
+ shape?: string;
162
162
  size?: string;
163
163
  name?: string;
164
164
  url?: string;
@@ -183,7 +183,7 @@ export declare const Avatar: import("react").FunctionComponent<import("../../../
183
183
  count?: undefined;
184
184
  maxCount?: undefined;
185
185
  } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
186
- shape?: "string";
186
+ shape?: string;
187
187
  size?: string;
188
188
  name?: string;
189
189
  url?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TextField/TextField.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmuBlB,CAAC"}
1
+ {"version":3,"file":"TextField.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TextField/TextField.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAouBlB,CAAC"}