@salutejs/plasma-new-hope 0.341.0-canary.2331.19419919970.0 → 0.341.0-canary.2332.19494552307.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.
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/LinkButton/LinkButton.css +8 -8
- package/cjs/components/LinkButton/LinkButton.styles.js +1 -1
- package/cjs/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/cjs/components/LinkButton/{LinkButton.styles_1e7vwn3.css → LinkButton.styles_1q1p1l2.css} +1 -1
- package/cjs/components/LinkButton/LinkButton.tokens.js +0 -1
- package/cjs/components/LinkButton/LinkButton.tokens.js.map +1 -1
- package/cjs/components/Table/Table.css +8 -8
- package/cjs/components/Table/ui/Cell/Cell.css +8 -8
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +8 -8
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +8 -8
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +8 -8
- package/cjs/index.css +8 -8
- package/emotion/cjs/components/LinkButton/LinkButton.styles.js +15 -15
- package/emotion/cjs/components/LinkButton/LinkButton.tokens.js +0 -1
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/examples/components/LinkButton/LinkButton.config.js +13 -13
- package/emotion/es/components/LinkButton/LinkButton.styles.js +15 -15
- package/emotion/es/components/LinkButton/LinkButton.tokens.js +0 -1
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/emotion/es/examples/components/LinkButton/LinkButton.config.js +13 -13
- package/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/LinkButton/LinkButton.css +8 -8
- package/es/components/LinkButton/LinkButton.styles.js +1 -1
- package/es/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/es/components/LinkButton/{LinkButton.styles_1e7vwn3.css → LinkButton.styles_1q1p1l2.css} +1 -1
- package/es/components/LinkButton/LinkButton.tokens.js +0 -1
- package/es/components/LinkButton/LinkButton.tokens.js.map +1 -1
- package/es/components/Table/Table.css +8 -8
- package/es/components/Table/ui/Cell/Cell.css +8 -8
- package/es/components/Table/ui/EditableCell/EditableCell.css +8 -8
- package/es/components/Table/ui/HeadCell/HeadCell.css +8 -8
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +8 -8
- package/es/index.css +8 -8
- package/package.json +3 -3
- package/styled-components/cjs/components/LinkButton/LinkButton.styles.js +8 -9
- package/styled-components/cjs/components/LinkButton/LinkButton.tokens.js +0 -1
- package/styled-components/cjs/examples/components/LinkButton/LinkButton.config.js +12 -18
- package/styled-components/es/components/LinkButton/LinkButton.styles.js +8 -9
- package/styled-components/es/components/LinkButton/LinkButton.tokens.js +0 -1
- package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/styled-components/es/examples/components/LinkButton/LinkButton.config.js +12 -18
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/LinkButton/LinkButton.styles.d.ts.map +1 -1
- package/types/components/LinkButton/LinkButton.tokens.d.ts +0 -1
- package/types/components/LinkButton/LinkButton.tokens.d.ts.map +1 -1
- package/types/examples/components/LinkButton/LinkButton.config.d.ts.map +1 -1
package/es/index.css
CHANGED
|
@@ -1062,14 +1062,14 @@
|
|
|
1062
1062
|
|
|
1063
1063
|
.base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
|
|
1064
1064
|
|
|
1065
|
-
.
|
|
1066
|
-
.
|
|
1067
|
-
.
|
|
1068
|
-
.
|
|
1069
|
-
.
|
|
1070
|
-
.
|
|
1071
|
-
.
|
|
1072
|
-
.
|
|
1065
|
+
.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13.LinkButton_styles_1q1p1l2_focusVisible__65d95b13:focus::before,.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
1066
|
+
.LinkButton_styles_1q1p1l2_s1tk0pdn__65d95b13{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
1067
|
+
.LinkButton_styles_1q1p1l2_lwmk0e5__65d95b13{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
1068
|
+
.LinkButton_styles_1q1p1l2_l7ptchj__65d95b13{position:absolute;}
|
|
1069
|
+
.LinkButton_styles_1q1p1l2_s12rghuz__65d95b13{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
1070
|
+
.LinkButton_styles_1q1p1l2_l1uogc3z__65d95b13{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1q1p1l2_l1uogc3z__65d95b13:hover{color:var(--plasma-link-button-text-color-hover);}
|
|
1071
|
+
.LinkButton_styles_1q1p1l2_s176p3a0__65d95b13{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
1072
|
+
.LinkButton_styles_1q1p1l2_slixkvc__65d95b13{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
1073
1073
|
|
|
1074
1074
|
|
|
1075
1075
|
.ToastNew_styles_4c92hd_tvfkfgf__2b80d961{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--plasma-toast-background);color:var(--tvfkfgf-0);padding:var(--plasma-toast-padding);border-radius:var(--plasma-toast-border-radius);max-width:var(--plasma-toast-max-width);width:var(--tvfkfgf-1);font-family:var(--plasma-toast-font-family);font-size:var(--plasma-toast-font-size);font-style:var(--plasma-toast-font-style);font-weight:var(--plasma-toast-font-weight);-webkit-letter-spacing:var(--plasma-toast-letter-spacing);-moz-letter-spacing:var(--plasma-toast-letter-spacing);-ms-letter-spacing:var(--plasma-toast-letter-spacing);letter-spacing:var(--plasma-toast-letter-spacing);line-height:var(--plasma-toast-line-height);}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.341.0-canary.
|
|
3
|
+
"version": "0.341.0-canary.2332.19494552307.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
"@popperjs/core": "2.11.8",
|
|
119
119
|
"@salutejs/input-core": "2.1.2",
|
|
120
120
|
"@salutejs/plasma-core": "1.209.0",
|
|
121
|
-
"@salutejs/react-maskinput": "3.3.
|
|
121
|
+
"@salutejs/react-maskinput": "3.3.2",
|
|
122
122
|
"@tanstack/react-table": "8.21.2",
|
|
123
123
|
"@tanstack/react-virtual": "3.13.2",
|
|
124
124
|
"classnames": "2.5.1",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "e0c35d5bd5472845e6474bbc0f066b3290ad3cdf"
|
|
141
141
|
}
|
|
@@ -93,14 +93,14 @@ var base = (0, _styledcomponents.css)([
|
|
|
93
93
|
}));
|
|
94
94
|
var StyledAdditionalContent = _styledcomponents.default.div.withConfig({
|
|
95
95
|
displayName: "LinkButton.styles__StyledAdditionalContent",
|
|
96
|
-
componentId: "sc-
|
|
96
|
+
componentId: "sc-2c073fa1-0"
|
|
97
97
|
})([
|
|
98
98
|
"display:flex;align-items:center;margin:var(",
|
|
99
99
|
");"
|
|
100
100
|
], _LinkButtontokens.tokens.linkButtonAdditionalContentMargin);
|
|
101
101
|
var LoadWrap = _styledcomponents.default.div.withConfig({
|
|
102
102
|
displayName: "LinkButton.styles__LoadWrap",
|
|
103
|
-
componentId: "sc-
|
|
103
|
+
componentId: "sc-2c073fa1-1"
|
|
104
104
|
})([
|
|
105
105
|
"opacity:",
|
|
106
106
|
";display:flex;align-items:inherit;justify-content:inherit;height:100%;width:100%;"
|
|
@@ -110,13 +110,13 @@ var LoadWrap = _styledcomponents.default.div.withConfig({
|
|
|
110
110
|
});
|
|
111
111
|
var Loader = _styledcomponents.default.div.withConfig({
|
|
112
112
|
displayName: "LinkButton.styles__Loader",
|
|
113
|
-
componentId: "sc-
|
|
113
|
+
componentId: "sc-2c073fa1-2"
|
|
114
114
|
})([
|
|
115
115
|
"position:absolute;"
|
|
116
116
|
]);
|
|
117
117
|
var StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
|
|
118
118
|
displayName: "LinkButton.styles__StyledSpinner",
|
|
119
|
-
componentId: "sc-
|
|
119
|
+
componentId: "sc-2c073fa1-3"
|
|
120
120
|
})([
|
|
121
121
|
"",
|
|
122
122
|
":var(",
|
|
@@ -126,18 +126,17 @@ var StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
|
|
|
126
126
|
], _Spinner.spinnerTokens.size, _LinkButtontokens.tokens.linkButtonSpinnerSize, _Spinner.spinnerTokens.color, _LinkButtontokens.tokens.linkButtonSpinnerColor);
|
|
127
127
|
var LinkButtonText = _styledcomponents.default.span.withConfig({
|
|
128
128
|
displayName: "LinkButton.styles__LinkButtonText",
|
|
129
|
-
componentId: "sc-
|
|
129
|
+
componentId: "sc-2c073fa1-4"
|
|
130
130
|
})([
|
|
131
131
|
"padding:var(",
|
|
132
132
|
");color:var(",
|
|
133
133
|
");",
|
|
134
134
|
" &:hover{color:var(",
|
|
135
|
-
");}&:active{color:var(",
|
|
136
135
|
");}"
|
|
137
|
-
], _LinkButtontokens.tokens.linkButtonTextPadding, _LinkButtontokens.tokens.linkButtonTextColor, (0, _mixins.applyEllipsis)(), _LinkButtontokens.tokens.linkButtonTextColorHover
|
|
136
|
+
], _LinkButtontokens.tokens.linkButtonTextPadding, _LinkButtontokens.tokens.linkButtonTextColor, (0, _mixins.applyEllipsis)(), _LinkButtontokens.tokens.linkButtonTextColorHover);
|
|
138
137
|
var StyledContentLeft = _styledcomponents.default.div.withConfig({
|
|
139
138
|
displayName: "LinkButton.styles__StyledContentLeft",
|
|
140
|
-
componentId: "sc-
|
|
139
|
+
componentId: "sc-2c073fa1-5"
|
|
141
140
|
})([
|
|
142
141
|
"line-height:0;color:var(",
|
|
143
142
|
");margin:var(",
|
|
@@ -145,7 +144,7 @@ var StyledContentLeft = _styledcomponents.default.div.withConfig({
|
|
|
145
144
|
], _LinkButtontokens.tokens.linkButtonIconColor, _LinkButtontokens.tokens.linkButtonLeftContentMargin);
|
|
146
145
|
var StyledContentRight = _styledcomponents.default.div.withConfig({
|
|
147
146
|
displayName: "LinkButton.styles__StyledContentRight",
|
|
148
|
-
componentId: "sc-
|
|
147
|
+
componentId: "sc-2c073fa1-6"
|
|
149
148
|
})([
|
|
150
149
|
"line-height:0;color:var(",
|
|
151
150
|
");margin:var(",
|
|
@@ -16,7 +16,6 @@ var tokens = {
|
|
|
16
16
|
linkButtonColorHover: '--plasma-link-button-color-hover',
|
|
17
17
|
linkButtonColorActive: '--plasma-link-button-color-active',
|
|
18
18
|
linkButtonTextColorHover: '--plasma-link-button-text-color-hover',
|
|
19
|
-
linkButtonTextColorActive: '--plasma-link-button-text-color-active',
|
|
20
19
|
linkButtonPadding: '--plasma-link-button-padding',
|
|
21
20
|
linkButtonHeight: '--plasma-link-button-height',
|
|
22
21
|
linkButtonWidth: '--plasma-link-button-width',
|
|
@@ -26,9 +26,8 @@ var config = {
|
|
|
26
26
|
":var(--text-primary-hover);",
|
|
27
27
|
":var(--text-primary-active);",
|
|
28
28
|
":var(--surface-accent);",
|
|
29
|
-
":var(--text-primary-hover);"
|
|
30
|
-
|
|
31
|
-
], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover, _LinkButton.linkButtonTokens.linkButtonTextColorActive),
|
|
29
|
+
":var(--text-primary-hover);"
|
|
30
|
+
], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover),
|
|
32
31
|
accent: (0, _styledcomponents.css)([
|
|
33
32
|
"",
|
|
34
33
|
":var(--text-accent);",
|
|
@@ -38,9 +37,8 @@ var config = {
|
|
|
38
37
|
":var(--text-accent-hover);",
|
|
39
38
|
":var(--text-accent-active);",
|
|
40
39
|
":var(--surface-accent);",
|
|
41
|
-
":var(--text-accent-hover);"
|
|
42
|
-
|
|
43
|
-
], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover, _LinkButton.linkButtonTokens.linkButtonTextColorActive),
|
|
40
|
+
":var(--text-accent-hover);"
|
|
41
|
+
], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover),
|
|
44
42
|
secondary: (0, _styledcomponents.css)([
|
|
45
43
|
"",
|
|
46
44
|
":var(--text-secondary);",
|
|
@@ -50,9 +48,8 @@ var config = {
|
|
|
50
48
|
":var(--text-secondary-hover);",
|
|
51
49
|
":var(--text-secondary-active);",
|
|
52
50
|
":var(--surface-accent);",
|
|
53
|
-
":var(--text-secondary-hover);"
|
|
54
|
-
|
|
55
|
-
], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover, _LinkButton.linkButtonTokens.linkButtonTextColorActive),
|
|
51
|
+
":var(--text-secondary-hover);"
|
|
52
|
+
], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover),
|
|
56
53
|
positive: (0, _styledcomponents.css)([
|
|
57
54
|
"",
|
|
58
55
|
":var(--text-positive);",
|
|
@@ -62,9 +59,8 @@ var config = {
|
|
|
62
59
|
":var(--text-positive-hover);",
|
|
63
60
|
":var(--text-positive-active);",
|
|
64
61
|
":var(--surface-accent);",
|
|
65
|
-
":var(--text-positive-hover);"
|
|
66
|
-
|
|
67
|
-
], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover, _LinkButton.linkButtonTokens.linkButtonTextColorActive),
|
|
62
|
+
":var(--text-positive-hover);"
|
|
63
|
+
], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover),
|
|
68
64
|
warning: (0, _styledcomponents.css)([
|
|
69
65
|
"",
|
|
70
66
|
":var(--text-warning);",
|
|
@@ -74,9 +70,8 @@ var config = {
|
|
|
74
70
|
":var(--text-warning-hover);",
|
|
75
71
|
":var(--text-warning-active);",
|
|
76
72
|
":var(--surface-accent);",
|
|
77
|
-
":var(--text-warning-hover);"
|
|
78
|
-
|
|
79
|
-
], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover, _LinkButton.linkButtonTokens.linkButtonTextColorActive),
|
|
73
|
+
":var(--text-warning-hover);"
|
|
74
|
+
], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover),
|
|
80
75
|
negative: (0, _styledcomponents.css)([
|
|
81
76
|
"",
|
|
82
77
|
":var(--text-negative);",
|
|
@@ -86,9 +81,8 @@ var config = {
|
|
|
86
81
|
":var(--text-negative-hover);",
|
|
87
82
|
":var(--text-negative-active);",
|
|
88
83
|
":var(--surface-accent);",
|
|
89
|
-
":var(--text-negative-hover);"
|
|
90
|
-
|
|
91
|
-
], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover, _LinkButton.linkButtonTokens.linkButtonTextColorActive)
|
|
84
|
+
":var(--text-negative-hover);"
|
|
85
|
+
], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover)
|
|
92
86
|
},
|
|
93
87
|
size: {
|
|
94
88
|
xl: (0, _styledcomponents.css)([
|
|
@@ -17,14 +17,14 @@ export var base = css([
|
|
|
17
17
|
}));
|
|
18
18
|
export var StyledAdditionalContent = styled.div.withConfig({
|
|
19
19
|
displayName: "LinkButton.styles__StyledAdditionalContent",
|
|
20
|
-
componentId: "sc-
|
|
20
|
+
componentId: "sc-2c073fa1-0"
|
|
21
21
|
})([
|
|
22
22
|
"display:flex;align-items:center;margin:var(",
|
|
23
23
|
");"
|
|
24
24
|
], tokens.linkButtonAdditionalContentMargin);
|
|
25
25
|
export var LoadWrap = styled.div.withConfig({
|
|
26
26
|
displayName: "LinkButton.styles__LoadWrap",
|
|
27
|
-
componentId: "sc-
|
|
27
|
+
componentId: "sc-2c073fa1-1"
|
|
28
28
|
})([
|
|
29
29
|
"opacity:",
|
|
30
30
|
";display:flex;align-items:inherit;justify-content:inherit;height:100%;width:100%;"
|
|
@@ -34,13 +34,13 @@ export var LoadWrap = styled.div.withConfig({
|
|
|
34
34
|
});
|
|
35
35
|
export var Loader = styled.div.withConfig({
|
|
36
36
|
displayName: "LinkButton.styles__Loader",
|
|
37
|
-
componentId: "sc-
|
|
37
|
+
componentId: "sc-2c073fa1-2"
|
|
38
38
|
})([
|
|
39
39
|
"position:absolute;"
|
|
40
40
|
]);
|
|
41
41
|
export var StyledSpinner = styled(Spinner).withConfig({
|
|
42
42
|
displayName: "LinkButton.styles__StyledSpinner",
|
|
43
|
-
componentId: "sc-
|
|
43
|
+
componentId: "sc-2c073fa1-3"
|
|
44
44
|
})([
|
|
45
45
|
"",
|
|
46
46
|
":var(",
|
|
@@ -50,18 +50,17 @@ export var StyledSpinner = styled(Spinner).withConfig({
|
|
|
50
50
|
], spinnerTokens.size, tokens.linkButtonSpinnerSize, spinnerTokens.color, tokens.linkButtonSpinnerColor);
|
|
51
51
|
export var LinkButtonText = styled.span.withConfig({
|
|
52
52
|
displayName: "LinkButton.styles__LinkButtonText",
|
|
53
|
-
componentId: "sc-
|
|
53
|
+
componentId: "sc-2c073fa1-4"
|
|
54
54
|
})([
|
|
55
55
|
"padding:var(",
|
|
56
56
|
");color:var(",
|
|
57
57
|
");",
|
|
58
58
|
" &:hover{color:var(",
|
|
59
|
-
");}&:active{color:var(",
|
|
60
59
|
");}"
|
|
61
|
-
], tokens.linkButtonTextPadding, tokens.linkButtonTextColor, applyEllipsis(), tokens.linkButtonTextColorHover
|
|
60
|
+
], tokens.linkButtonTextPadding, tokens.linkButtonTextColor, applyEllipsis(), tokens.linkButtonTextColorHover);
|
|
62
61
|
export var StyledContentLeft = styled.div.withConfig({
|
|
63
62
|
displayName: "LinkButton.styles__StyledContentLeft",
|
|
64
|
-
componentId: "sc-
|
|
63
|
+
componentId: "sc-2c073fa1-5"
|
|
65
64
|
})([
|
|
66
65
|
"line-height:0;color:var(",
|
|
67
66
|
");margin:var(",
|
|
@@ -69,7 +68,7 @@ export var StyledContentLeft = styled.div.withConfig({
|
|
|
69
68
|
], tokens.linkButtonIconColor, tokens.linkButtonLeftContentMargin);
|
|
70
69
|
export var StyledContentRight = styled.div.withConfig({
|
|
71
70
|
displayName: "LinkButton.styles__StyledContentRight",
|
|
72
|
-
componentId: "sc-
|
|
71
|
+
componentId: "sc-2c073fa1-6"
|
|
73
72
|
})([
|
|
74
73
|
"line-height:0;color:var(",
|
|
75
74
|
");margin:var(",
|
|
@@ -6,7 +6,6 @@ export var tokens = {
|
|
|
6
6
|
linkButtonColorHover: '--plasma-link-button-color-hover',
|
|
7
7
|
linkButtonColorActive: '--plasma-link-button-color-active',
|
|
8
8
|
linkButtonTextColorHover: '--plasma-link-button-text-color-hover',
|
|
9
|
-
linkButtonTextColorActive: '--plasma-link-button-text-color-active',
|
|
10
9
|
linkButtonPadding: '--plasma-link-button-padding',
|
|
11
10
|
linkButtonHeight: '--plasma-link-button-height',
|
|
12
11
|
linkButtonWidth: '--plasma-link-button-width',
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { component, mergeConfig } from "../../../engines";
|
|
2
|
-
import { comboboxNewConfig } from "../../..";
|
|
3
|
-
import { config } from "./Combobox.config";
|
|
4
|
-
var mergedConfig = mergeConfig(comboboxNewConfig, config);
|
|
5
|
-
var ComboboxComponent = component(mergedConfig);
|
|
6
|
-
var Combobox = ComboboxComponent;
|
|
7
|
-
export { Combobox };
|
|
@@ -16,9 +16,8 @@ export var config = {
|
|
|
16
16
|
":var(--text-primary-hover);",
|
|
17
17
|
":var(--text-primary-active);",
|
|
18
18
|
":var(--surface-accent);",
|
|
19
|
-
":var(--text-primary-hover);"
|
|
20
|
-
|
|
21
|
-
], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover, linkButtonTokens.linkButtonTextColorActive),
|
|
19
|
+
":var(--text-primary-hover);"
|
|
20
|
+
], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
|
|
22
21
|
accent: css([
|
|
23
22
|
"",
|
|
24
23
|
":var(--text-accent);",
|
|
@@ -28,9 +27,8 @@ export var config = {
|
|
|
28
27
|
":var(--text-accent-hover);",
|
|
29
28
|
":var(--text-accent-active);",
|
|
30
29
|
":var(--surface-accent);",
|
|
31
|
-
":var(--text-accent-hover);"
|
|
32
|
-
|
|
33
|
-
], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover, linkButtonTokens.linkButtonTextColorActive),
|
|
30
|
+
":var(--text-accent-hover);"
|
|
31
|
+
], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
|
|
34
32
|
secondary: css([
|
|
35
33
|
"",
|
|
36
34
|
":var(--text-secondary);",
|
|
@@ -40,9 +38,8 @@ export var config = {
|
|
|
40
38
|
":var(--text-secondary-hover);",
|
|
41
39
|
":var(--text-secondary-active);",
|
|
42
40
|
":var(--surface-accent);",
|
|
43
|
-
":var(--text-secondary-hover);"
|
|
44
|
-
|
|
45
|
-
], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover, linkButtonTokens.linkButtonTextColorActive),
|
|
41
|
+
":var(--text-secondary-hover);"
|
|
42
|
+
], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
|
|
46
43
|
positive: css([
|
|
47
44
|
"",
|
|
48
45
|
":var(--text-positive);",
|
|
@@ -52,9 +49,8 @@ export var config = {
|
|
|
52
49
|
":var(--text-positive-hover);",
|
|
53
50
|
":var(--text-positive-active);",
|
|
54
51
|
":var(--surface-accent);",
|
|
55
|
-
":var(--text-positive-hover);"
|
|
56
|
-
|
|
57
|
-
], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover, linkButtonTokens.linkButtonTextColorActive),
|
|
52
|
+
":var(--text-positive-hover);"
|
|
53
|
+
], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
|
|
58
54
|
warning: css([
|
|
59
55
|
"",
|
|
60
56
|
":var(--text-warning);",
|
|
@@ -64,9 +60,8 @@ export var config = {
|
|
|
64
60
|
":var(--text-warning-hover);",
|
|
65
61
|
":var(--text-warning-active);",
|
|
66
62
|
":var(--surface-accent);",
|
|
67
|
-
":var(--text-warning-hover);"
|
|
68
|
-
|
|
69
|
-
], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover, linkButtonTokens.linkButtonTextColorActive),
|
|
63
|
+
":var(--text-warning-hover);"
|
|
64
|
+
], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
|
|
70
65
|
negative: css([
|
|
71
66
|
"",
|
|
72
67
|
":var(--text-negative);",
|
|
@@ -76,9 +71,8 @@ export var config = {
|
|
|
76
71
|
":var(--text-negative-hover);",
|
|
77
72
|
":var(--text-negative-active);",
|
|
78
73
|
":var(--surface-accent);",
|
|
79
|
-
":var(--text-negative-hover);"
|
|
80
|
-
|
|
81
|
-
], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover, linkButtonTokens.linkButtonTextColorActive)
|
|
74
|
+
":var(--text-negative-hover);"
|
|
75
|
+
], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover)
|
|
82
76
|
},
|
|
83
77
|
size: {
|
|
84
78
|
xl: css([
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA8BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA8BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC,2FA8nBxG,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAhoBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAqpB7G,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,IAAI,0CAoBhB,CAAC;AAEF,eAAO,MAAM,uBAAuB,qKAInC,CAAC;AAEF,eAAO,MAAM,QAAQ;gBAA4B,OAAO;EAOvD,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC;AAEF,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"LinkButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,IAAI,0CAoBhB,CAAC;AAEF,eAAO,MAAM,uBAAuB,qKAInC,CAAC;AAEF,eAAO,MAAM,QAAQ;gBAA4B,OAAO;EAOvD,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC;AAEF,eAAO,MAAM,cAAc,uKAS1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAK7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAK9B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"LinkButton.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BlB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/LinkButton/LinkButton.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"LinkButton.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/LinkButton/LinkButton.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;CA6LlB,CAAC"}
|