@semcore/button 16.0.13-prerelease.9 → 16.1.0-prerelease.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 (44) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/lib/cjs/component/AbstractButton/AbstractButton.js +165 -100
  3. package/lib/cjs/component/AbstractButton/AbstractButton.js.map +1 -1
  4. package/lib/cjs/component/AbstractButton/AbstractButton.type.js.map +1 -1
  5. package/lib/cjs/component/AbstractButton/SpinButton.js +10 -9
  6. package/lib/cjs/component/AbstractButton/SpinButton.js.map +1 -1
  7. package/lib/cjs/component/Button/Button.js +63 -54
  8. package/lib/cjs/component/Button/Button.js.map +1 -1
  9. package/lib/cjs/component/Button/Button.type.js.map +1 -1
  10. package/lib/cjs/component/Button/button.shadow.css +79 -79
  11. package/lib/cjs/component/ButtonLink/ButtonLink.js +59 -51
  12. package/lib/cjs/component/ButtonLink/ButtonLink.js.map +1 -1
  13. package/lib/cjs/component/ButtonLink/buttonLink.shadow.css +13 -13
  14. package/lib/cjs/index.js +7 -7
  15. package/lib/cjs/index.js.map +1 -1
  16. package/lib/es6/component/AbstractButton/AbstractButton.js +164 -97
  17. package/lib/es6/component/AbstractButton/AbstractButton.js.map +1 -1
  18. package/lib/es6/component/AbstractButton/AbstractButton.type.js.map +1 -1
  19. package/lib/es6/component/AbstractButton/SpinButton.js +7 -6
  20. package/lib/es6/component/AbstractButton/SpinButton.js.map +1 -1
  21. package/lib/es6/component/Button/Button.js +56 -47
  22. package/lib/es6/component/Button/Button.js.map +1 -1
  23. package/lib/es6/component/Button/Button.type.js.map +1 -1
  24. package/lib/es6/component/Button/button.shadow.css +79 -79
  25. package/lib/es6/component/ButtonLink/ButtonLink.js +52 -44
  26. package/lib/es6/component/ButtonLink/ButtonLink.js.map +1 -1
  27. package/lib/es6/component/ButtonLink/buttonLink.shadow.css +13 -13
  28. package/lib/esm/component/AbstractButton/AbstractButton.mjs +136 -98
  29. package/lib/esm/component/AbstractButton/SpinButton.mjs +6 -6
  30. package/lib/esm/component/Button/Button.mjs +56 -47
  31. package/lib/esm/component/Button/button.shadow.css +79 -79
  32. package/lib/esm/component/ButtonLink/ButtonLink.mjs +50 -44
  33. package/lib/esm/component/ButtonLink/buttonLink.shadow.css +13 -13
  34. package/lib/types/component/AbstractButton/AbstractButton.d.ts +6 -5
  35. package/lib/types/component/AbstractButton/AbstractButton.type.d.ts +4 -2
  36. package/lib/types/component/Button/Button.type.d.ts +18 -2
  37. package/package.json +9 -6
  38. package/src/component/AbstractButton/AbstractButton.tsx +77 -58
  39. package/src/component/AbstractButton/AbstractButton.type.ts +4 -2
  40. package/src/component/Button/Button.tsx +1 -1
  41. package/src/component/Button/Button.type.ts +14 -1
  42. package/src/component/Button/button.shadow.css +79 -79
  43. package/src/component/ButtonLink/ButtonLink.tsx +1 -1
  44. package/src/component/ButtonLink/buttonLink.shadow.css +13 -13
package/lib/es6/component/Button/button.shadow.css CHANGED
@@ -20,7 +20,7 @@ SButton {
20
20
  touch-action: manipulation;
21
21
  -webkit-tap-highlight-color: transparent;
22
22
  font-weight: var(--intergalactic-medium, 500);
23
- color: var(--intergalactic-text-secondary, #6c6e79);
23
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
24
24
  min-width: fit-content;
25
25
 
26
26
  &::-moz-focus-inner {
@@ -35,7 +35,7 @@ SButton {
35
35
  }
36
36
 
37
37
  SButton[disabled] {
38
- opacity: var(--intergalactic-disabled-opacity, 0.3);
38
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
39
39
  cursor: default;
40
40
  pointer-events: none;
41
41
  box-shadow: none;
@@ -61,201 +61,201 @@ SButton[size='l'] {
61
61
  }
62
62
 
63
63
  SButton[theme='primary-info'] {
64
- color: var(--intergalactic-text-primary-invert, #ffffff);
65
- background-color: var(--intergalactic-control-primary-info, #008ff8);
64
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
65
+ background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
66
66
 
67
67
  &:hover {
68
- color: var(--intergalactic-text-primary-invert, #ffffff);
69
- background-color: var(--intergalactic-control-primary-info-hover, #006dca);
68
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
69
+ background-color: var(--intergalactic-control-primary-info-hover, oklch(0.32 0.007 140));
70
70
  }
71
71
 
72
72
  &:active,
73
73
  &[active] {
74
- color: var(--intergalactic-text-primary-invert, #ffffff);
75
- background-color: var(--intergalactic-control-primary-info-active, #044792);
74
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
75
+ background-color: var(--intergalactic-control-primary-info-active, oklch(0 0 140));
76
76
  }
77
77
  }
78
78
 
79
79
  SButton[theme='primary-success'] {
80
- color: var(--intergalactic-text-primary-invert, #ffffff);
81
- background-color: var(--intergalactic-control-primary-success, #009f81);
80
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
81
+ background-color: var(--intergalactic-control-primary-success, oklch(0.64 0.161 170));
82
82
 
83
83
  &:hover {
84
- color: var(--intergalactic-text-primary-invert, #ffffff);
85
- background-color: var(--intergalactic-control-primary-success-hover, #007c65);
84
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
85
+ background-color: var(--intergalactic-control-primary-success-hover, oklch(0.6 0.155 170));
86
86
  }
87
87
 
88
88
  &:active,
89
89
  &[active] {
90
- color: var(--intergalactic-text-primary-invert, #ffffff);
91
- background-color: var(--intergalactic-control-primary-success-active, #055345);
90
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
91
+ background-color: var(--intergalactic-control-primary-success-active, oklch(0.58 0.151 170));
92
92
  }
93
93
  }
94
94
 
95
95
  SButton[theme='primary-brand'] {
96
- color: var(--intergalactic-text-primary-invert, #ffffff);
97
- background-color: var(--intergalactic-control-primary-brand, #ff642d);
96
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
97
+ background-color: var(--intergalactic-control-primary-brand, oklch(0.64 0.223 299.3));
98
98
 
99
99
  &:hover {
100
- color: var(--intergalactic-text-primary-invert, #ffffff);
101
- background-color: var(--intergalactic-control-primary-brand-hover, #c33909);
100
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
101
+ background-color: var(--intergalactic-control-primary-brand-hover, oklch(0.6 0.244 297.8));
102
102
  }
103
103
 
104
104
  &:active,
105
105
  &[active] {
106
- color: var(--intergalactic-text-primary-invert, #ffffff);
107
- background-color: var(--intergalactic-control-primary-brand-active, #8b1500);
106
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
107
+ background-color: var(--intergalactic-control-primary-brand-active, oklch(0.58 0.254 297.1));
108
108
  }
109
109
  }
110
110
 
111
111
  SButton[theme='primary-warning'] {
112
- color: var(--intergalactic-text-primary-invert, #ffffff);
113
- background-color: var(--intergalactic-control-primary-brand, #ff642d);
112
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
113
+ background-color: var(--intergalactic-control-primary-brand, oklch(0.64 0.223 299.3));
114
114
 
115
115
  &:hover {
116
- color: var(--intergalactic-text-primary-invert, #ffffff);
117
- background-color: var(--intergalactic-control-primary-brand-hover, #c33909);
116
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
117
+ background-color: var(--intergalactic-control-primary-brand-hover, oklch(0.6 0.244 297.8));
118
118
  }
119
119
 
120
120
  &:active,
121
121
  &[active] {
122
- color: var(--intergalactic-text-primary-invert, #ffffff);
123
- background-color: var(--intergalactic-control-primary-brand-active, #8b1500);
122
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
123
+ background-color: var(--intergalactic-control-primary-brand-active, oklch(0.58 0.254 297.1));
124
124
  }
125
125
  }
126
126
 
127
127
  SButton[theme='primary-danger'] {
128
- color: var(--intergalactic-text-primary-invert, #ffffff);
129
- background-color: var(--intergalactic-control-primary-critical, #ff4953);
128
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
129
+ background-color: var(--intergalactic-control-primary-critical, oklch(0.64 0.226 24.5));
130
130
 
131
131
  &:hover {
132
- color: var(--intergalactic-text-primary-invert, #ffffff);
133
- background-color: var(--intergalactic-control-primary-critical-hover, #d1002f);
132
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
133
+ background-color: var(--intergalactic-control-primary-critical-hover, oklch(0.6 0.219 25.5));
134
134
  }
135
135
 
136
136
  &:active,
137
137
  &[active] {
138
- color: var(--intergalactic-text-primary-invert, #ffffff);
139
- background-color: var(--intergalactic-control-primary-critical-active, #8e0016);
138
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
139
+ background-color: var(--intergalactic-control-primary-critical-active, oklch(0.58 0.215 26));
140
140
  }
141
141
  }
142
142
 
143
143
  SButton[theme='primary-invert'] {
144
- color: var(--intergalactic-text-primary, #191b23);
145
- background-color: var(--intergalactic-control-primary-invert, #ffffff);
144
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
145
+ background-color: var(--intergalactic-control-primary-invert, oklch(1 0 0));
146
146
 
147
147
  &:hover {
148
- color: var(--intergalactic-text-primary, #191b23);
149
- background-color: var(--intergalactic-control-primary-invert-hover, #f4f5f9);
148
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
149
+ background-color: var(--intergalactic-control-primary-invert-hover, oklch(0.96 0.001 180));
150
150
  }
151
151
 
152
152
  &:active,
153
153
  &[active] {
154
- color: var(--intergalactic-text-primary, #191b23);
155
- background-color: var(--intergalactic-control-primary-invert-active, #e0e1e9);
154
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
155
+ background-color: var(--intergalactic-control-primary-invert-active, oklch(0.94 0.002 180));
156
156
  }
157
157
  }
158
158
 
159
159
  SButton[theme='secondary-muted'] {
160
- color: var(--intergalactic-text-secondary, #6c6e79);
161
- border-color: var(--intergalactic-border-primary, #c4c7cf);
162
- background-color: var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1));
160
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
161
+ border-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
162
+ background-color: var(--intergalactic-control-secondary-neutral, oklch(0.177 0.033 175.6 / 0.028));
163
163
 
164
164
  &:hover {
165
165
  background-color: var(--intergalactic-control-secondary-neutral-hover,
166
- rgba(138, 142, 155, 0.2));
167
- color: var(--intergalactic-text-primary, #191b23);
166
+ oklch(0.176 0.033 175.6 / 0.056));
167
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
168
168
  }
169
169
 
170
170
  &:active,
171
171
  &[active] {
172
172
  background-color: var(--intergalactic-control-secondary-neutral-active,
173
- rgba(138, 142, 155, 0.3));
174
- color: var(--intergalactic-text-primary, #191b23);
173
+ oklch(0.176 0.033 175.7 / 0.084));
174
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
175
175
  }
176
176
  }
177
177
 
178
178
  SButton[theme='secondary-info'] {
179
- background-color: var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));
180
- color: var(--intergalactic-text-link, #006dca);
181
- border-color: var(--intergalactic-control-primary-info, #008ff8);
179
+ background-color: var(--intergalactic-control-secondary-info, oklch(0.527 0.264 262.9 / 0.039));
180
+ color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
181
+ border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
182
182
 
183
183
  &:hover {
184
- color: var(--intergalactic-text-link, #006dca);
185
- background-color: var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2));
184
+ color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
185
+ background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.525 0.265 263 / 0.077));
186
186
  }
187
187
 
188
188
  &:active,
189
189
  &[active] {
190
- color: var(--intergalactic-text-link, #006dca);
191
- background-color: var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3));
190
+ color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
191
+ background-color: var(--intergalactic-control-secondary-info-active, oklch(0.524 0.266 263.1 / 0.116));
192
192
  }
193
193
  }
194
194
 
195
195
  SButton[theme='secondary-invert'] {
196
- color: var(--intergalactic-text-primary-invert, #ffffff);
197
- border-color: var(--intergalactic-border-primary-invert, #ffffff);
198
- background-color: var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05));
196
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
197
+ border-color: var(--intergalactic-border-primary-invert, oklch(0.995 0.008 147.4 / 0.391));
198
+ background-color: var(--intergalactic-control-secondary-invert, oklch(0.969 0.057 140 / 0.118));
199
199
 
200
200
  &:hover {
201
- color: var(--intergalactic-text-primary-invert, #ffffff);
202
- background-color: var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1));
201
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
202
+ background-color: var(--intergalactic-control-secondary-invert-hover, oklch(0.976 0.043 140 / 0.145));
203
203
  }
204
204
 
205
205
  &:active,
206
206
  &[active] {
207
- color: var(--intergalactic-text-primary-invert, #ffffff);
207
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
208
208
  background-color: var(--intergalactic-control-secondary-invert-active,
209
- rgba(255, 255, 255, 0.3));
209
+ oklch(0.983 0.03 140 / 0.183));
210
210
  }
211
211
  }
212
212
 
213
213
  SButton[theme='tertiary-info'] {
214
- color: var(--intergalactic-text-link, #006dca);
215
- background-color: var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0));
214
+ color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
215
+ background-color: var(--intergalactic-control-tertiary-info, transparent);
216
216
 
217
217
  &:hover {
218
- color: var(--intergalactic-text-link, #006dca);
219
- background-color: var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2));
218
+ color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
219
+ background-color: var(--intergalactic-control-tertiary-info-hover, oklch(0.525 0.265 263 / 0.077));
220
220
  }
221
221
 
222
222
  &:active,
223
223
  &[active] {
224
- color: var(--intergalactic-text-link, #006dca);
225
- background-color: var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3));
224
+ color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
225
+ background-color: var(--intergalactic-control-tertiary-info-active, oklch(0.524 0.266 263.1 / 0.116));
226
226
  }
227
227
  }
228
228
 
229
229
  SButton[theme='tertiary-muted'] {
230
- color: var(--intergalactic-text-secondary, #6c6e79);
231
- background-color: var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0));
230
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
231
+ background-color: var(--intergalactic-control-tertiary-neutral, transparent);
232
232
 
233
233
  &:hover {
234
- background-color: var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));
235
- color: var(--intergalactic-text-primary, #191b23);
234
+ background-color: var(--intergalactic-control-tertiary-neutral-hover, oklch(0.176 0.033 175.6 / 0.056));
235
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
236
236
  }
237
237
 
238
238
  &:active,
239
239
  &[active] {
240
240
  background-color: var(--intergalactic-control-tertiary-neutral-active,
241
- rgba(138, 142, 155, 0.3));
242
- color: var(--intergalactic-text-primary, #191b23);
241
+ oklch(0.176 0.033 175.7 / 0.084));
242
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
243
243
  }
244
244
  }
245
245
 
246
246
  SButton[theme='tertiary-invert'] {
247
- color: var(--intergalactic-text-primary-invert, #ffffff);
248
- background-color: var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0));
247
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
248
+ background-color: var(--intergalactic-control-tertiary-invert, transparent);
249
249
 
250
250
  &:hover {
251
- color: var(--intergalactic-text-primary-invert, #ffffff);
252
- background-color: var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1));
251
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
252
+ background-color: var(--intergalactic-control-tertiary-invert-hover, oklch(0.976 0.043 140 / 0.145));
253
253
  }
254
254
 
255
255
  &:active,
256
256
  &[active] {
257
- color: var(--intergalactic-text-primary-invert, #ffffff);
258
- background-color: var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3));
257
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
258
+ background-color: var(--intergalactic-control-tertiary-invert-active, oklch(0.983 0.03 140 / 0.183));
259
259
  }
260
260
  }
261
261
 
@@ -282,12 +282,12 @@ SButton[neighborLocation='left'] {
282
282
  position: relative;
283
283
 
284
284
  &:after {
285
- background-color: var(--intergalactic-border-primary-invert, #ffffff);
285
+ background-color: var(--intergalactic-border-primary-invert, oklch(0.995 0.008 147.4 / 0.391));
286
286
  }
287
287
 
288
288
  &[theme='secondary-muted'] {
289
289
  &:after {
290
- background-color: var(--intergalactic-border-primary, #c4c7cf);
290
+ background-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
291
291
  }
292
292
  }
293
293
  }
package/lib/es6/component/ButtonLink/ButtonLink.js CHANGED
@@ -1,47 +1,59 @@
1
+ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
2
+ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
+ import _createClass from "@babel/runtime/helpers/createClass";
4
+ import _callSuper from "@babel/runtime/helpers/callSuper";
5
+ import _inherits from "@babel/runtime/helpers/inherits";
1
6
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
7
  import { sstyled as _sstyled } from "@semcore/core";
3
8
  import { assignProps as _assignProps2 } from "@semcore/core";
4
9
  import { assignProps as _assignProps } from "@semcore/core";
5
- import { Box } from '@semcore/base-components';
6
10
  import { createComponent, sstyled, Root } from '@semcore/core';
7
11
  import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
12
+ import { Box } from '@semcore/flex-box';
8
13
  import React from 'react';
9
14
  /*!__reshadow-styles__:"./buttonLink.shadow.css"*/
10
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButton_o1yge_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SButton_o1yge_gg_,.___SButton_o1yge_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_o1yge_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_o1yge_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_o1yge_gg_.__active_o1yge_gg_,.___SButton_o1yge_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_o1yge_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_o1yge_gg_.__active_o1yge_gg_ .___SText_o1yge_gg_,.___SButton_o1yge_gg_:active .___SText_o1yge_gg_{box-shadow:0 1px 0 0 currentColor}@media (hover:hover){.___SButton_o1yge_gg_:hover .___SText_o1yge_gg_{box-shadow:0 1px 0 0 currentColor}}.___SButton_o1yge_gg_.__enableVisited_o1yge_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_o1yge_gg_.__enableVisited_o1yge_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_o1yge_gg_ .___SText_o1yge_gg_{box-shadow:0 1px 0 0 transparent;transition:box-shadow .15s ease-in-out}.___SButton_o1yge_gg_.__disabled_o1yge_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_o1yge_gg_._use_secondary_o1yge_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_o1yge_gg_._use_secondary_o1yge_gg_.__active_o1yge_gg_,.___SButton_o1yge_gg_._use_secondary_o1yge_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_o1yge_gg_._use_secondary_o1yge_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_o1yge_gg_._use_secondary_o1yge_gg_ .___SText_o1yge_gg_{box-shadow:none;border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_o1yge_gg_,.___SInner_o1yge_gg_{display:inline-flex;justify-content:center;align-items:baseline}.___SInner_o1yge_gg_{height:100%;width:100%}.___SAddon_o1yge_gg_{vertical-align:middle;pointer-events:none;align-self:center}.___SButton_o1yge_gg_ .___SAddon_o1yge_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_o1yge_gg_ .___SAddon_o1yge_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_o1yge_gg_.__text-color_o1yge_gg_{color:var(--text-color_o1yge)}.___SButton_o1yge_gg_.__text-color_o1yge_gg_.__active_o1yge_gg_,.___SButton_o1yge_gg_.__text-color_o1yge_gg_:active{color:var(--text-color_o1yge);filter:brightness(.8)}@media (hover:hover){.___SButton_o1yge_gg_.__text-color_o1yge_gg_:hover{color:var(--text-color_o1yge);filter:brightness(.8)}}.___SButton_o1yge_gg_._size_100_o1yge_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_o1yge_gg_._size_200_o1yge_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_o1yge_gg_._size_300_o1yge_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_o1yge_gg_._size_400_o1yge_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_o1yge_gg_._size_500_o1yge_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_o1yge_gg_._size_600_o1yge_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_o1yge_gg_._size_700_o1yge_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_o1yge_gg_._size_800_o1yge_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_o1yge_gg_,.___SText_o1yge_gg_{transition:none}}", /*__inner_css_end__*/"o1yge_gg_"),
15
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButton_1ncd1_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, rgb(35, 95, 226));line-height:normal;position:relative;cursor:pointer;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SButton_1ncd1_gg_:active{text-decoration:none}@media (hover:hover){.___SButton_1ncd1_gg_:hover{text-decoration:none}}.___SButton_1ncd1_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_1ncd1_gg_.__active_1ncd1_gg_,.___SButton_1ncd1_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SButton_1ncd1_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SButton_1ncd1_gg_.__active_1ncd1_gg_ .___SText_1ncd1_gg_,.___SButton_1ncd1_gg_:active .___SText_1ncd1_gg_{border-color:currentColor}@media (hover:hover){.___SButton_1ncd1_gg_:hover .___SText_1ncd1_gg_{border-color:currentColor}}.___SButton_1ncd1_gg_.__enableVisited_1ncd1_gg_:visited{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}@media (hover:hover){.___SButton_1ncd1_gg_.__enableVisited_1ncd1_gg_:visited:hover{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}}.___SButton_1ncd1_gg_ .___SText_1ncd1_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_1ncd1_gg_.__disabled_1ncd1_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SButton_1ncd1_gg_._use_secondary_1ncd1_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1ncd1_gg_._use_secondary_1ncd1_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_1ncd1_gg_._use_secondary_1ncd1_gg_{color:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_1ncd1_gg_._use_secondary_1ncd1_gg_.__active_1ncd1_gg_,.___SButton_1ncd1_gg_._use_secondary_1ncd1_gg_:active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SButton_1ncd1_gg_._use_secondary_1ncd1_gg_:hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SButton_1ncd1_gg_._use_secondary_1ncd1_gg_ .___SText_1ncd1_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_1ncd1_gg_,.___SInner_1ncd1_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_1ncd1_gg_{height:100%;width:100%}.___SAddon_1ncd1_gg_{vertical-align:middle;pointer-events:none}.___SButton_1ncd1_gg_ .___SAddon_1ncd1_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_1ncd1_gg_ .___SAddon_1ncd1_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_1ncd1_gg_.__text-color_1ncd1_gg_{color:var(--text-color_1ncd1)}.___SButton_1ncd1_gg_.__text-color_1ncd1_gg_.__active_1ncd1_gg_,.___SButton_1ncd1_gg_.__text-color_1ncd1_gg_:active{color:var(--text-color_1ncd1);filter:brightness(.8)}@media (hover:hover){.___SButton_1ncd1_gg_.__text-color_1ncd1_gg_:hover{color:var(--text-color_1ncd1);filter:brightness(.8)}}.___SButton_1ncd1_gg_._size_100_1ncd1_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_1ncd1_gg_._size_200_1ncd1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_1ncd1_gg_._size_300_1ncd1_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_1ncd1_gg_._size_400_1ncd1_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_1ncd1_gg_._size_500_1ncd1_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_1ncd1_gg_._size_600_1ncd1_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_1ncd1_gg_._size_700_1ncd1_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_1ncd1_gg_._size_800_1ncd1_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_1ncd1_gg_,.___SText_1ncd1_gg_{transition:none}}", /*__inner_css_end__*/"1ncd1_gg_"),
11
16
  /*__reshadow_css_end__*/
12
17
  {
13
- "__SButton": "___SButton_o1yge_gg_",
14
- "_disabled": "__disabled_o1yge_gg_",
15
- "__SInner": "___SInner_o1yge_gg_",
16
- "__SAddon": "___SAddon_o1yge_gg_",
17
- "_size_100": "_size_100_o1yge_gg_",
18
- "_size_200": "_size_200_o1yge_gg_",
19
- "_size_300": "_size_300_o1yge_gg_",
20
- "_size_400": "_size_400_o1yge_gg_",
21
- "_size_500": "_size_500_o1yge_gg_",
22
- "_size_600": "_size_600_o1yge_gg_",
23
- "_size_700": "_size_700_o1yge_gg_",
24
- "_size_800": "_size_800_o1yge_gg_",
25
- "__SText": "___SText_o1yge_gg_",
26
- "_active": "__active_o1yge_gg_",
27
- "_enableVisited": "__enableVisited_o1yge_gg_",
28
- "_use_secondary": "_use_secondary_o1yge_gg_",
29
- "_text-color": "__text-color_o1yge_gg_",
30
- "--text-color": "--text-color_o1yge"
18
+ "__SButton": "___SButton_1ncd1_gg_",
19
+ "_disabled": "__disabled_1ncd1_gg_",
20
+ "__SInner": "___SInner_1ncd1_gg_",
21
+ "__SAddon": "___SAddon_1ncd1_gg_",
22
+ "_size_100": "_size_100_1ncd1_gg_",
23
+ "_size_200": "_size_200_1ncd1_gg_",
24
+ "_size_300": "_size_300_1ncd1_gg_",
25
+ "_size_400": "_size_400_1ncd1_gg_",
26
+ "_size_500": "_size_500_1ncd1_gg_",
27
+ "_size_600": "_size_600_1ncd1_gg_",
28
+ "_size_700": "_size_700_1ncd1_gg_",
29
+ "_size_800": "_size_800_1ncd1_gg_",
30
+ "__SText": "___SText_1ncd1_gg_",
31
+ "_active": "__active_1ncd1_gg_",
32
+ "_enableVisited": "__enableVisited_1ncd1_gg_",
33
+ "_use_secondary": "_use_secondary_1ncd1_gg_",
34
+ "_text-color": "__text-color_1ncd1_gg_",
35
+ "--text-color": "--text-color_1ncd1"
31
36
  });
32
37
  import { AbstractButton } from '../AbstractButton/AbstractButton';
33
- const enhance = {
38
+ var enhance = {
34
39
  resolveColor: resolveColorEnhance()
35
40
  };
36
- class RootButtonLink extends AbstractButton {
37
- getTextColor() {
38
- const {
39
- color,
40
- resolveColor
41
- } = this.asProps;
42
- return resolveColor(color);
41
+ var RootButtonLink = /*#__PURE__*/function (_AbstractButton) {
42
+ function RootButtonLink() {
43
+ _classCallCheck(this, RootButtonLink);
44
+ return _callSuper(this, RootButtonLink, arguments);
43
45
  }
44
- }
46
+ _inherits(RootButtonLink, _AbstractButton);
47
+ return _createClass(RootButtonLink, [{
48
+ key: "getTextColor",
49
+ value: function getTextColor() {
50
+ var _ref5 = this.asProps,
51
+ color = _ref5.color,
52
+ resolveColor = _ref5.resolveColor;
53
+ return resolveColor(color);
54
+ }
55
+ }]);
56
+ }(AbstractButton);
45
57
  _defineProperty(RootButtonLink, "displayName", 'ButtonLink');
46
58
  _defineProperty(RootButtonLink, "enhance", Object.values(enhance));
47
59
  _defineProperty(RootButtonLink, "style", style);
@@ -51,25 +63,21 @@ _defineProperty(RootButtonLink, "defaultProps", {
51
63
  function Text(props) {
52
64
  var _ref = arguments[0],
53
65
  _ref3;
54
- const SText = Box;
55
- return _ref3 = sstyled(props.styles), /*#__PURE__*/React.createElement(SText, _ref3.cn("SText", {
56
- ..._assignProps({
57
- "tag": 'span'
58
- }, _ref)
59
- }));
66
+ var SText = Box;
67
+ return _ref3 = sstyled(props.styles), /*#__PURE__*/React.createElement(SText, _ref3.cn("SText", _objectSpread({}, _assignProps({
68
+ "tag": 'span'
69
+ }, _ref))));
60
70
  }
61
71
  function Addon(props) {
62
72
  var _ref2 = arguments[0],
63
73
  _ref4;
64
- const SAddon = Box;
65
- return _ref4 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref4.cn("SAddon", {
66
- ..._assignProps2({
67
- "tag": 'span'
68
- }, _ref2)
69
- }));
74
+ var SAddon = Box;
75
+ return _ref4 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, _assignProps2({
76
+ "tag": 'span'
77
+ }, _ref2))));
70
78
  }
71
- export const ButtonLink = createComponent(RootButtonLink, {
72
- Text,
73
- Addon
79
+ export var ButtonLink = createComponent(RootButtonLink, {
80
+ Text: Text,
81
+ Addon: Addon
74
82
  });
75
83
  //# sourceMappingURL=ButtonLink.js.map
package/lib/es6/component/ButtonLink/ButtonLink.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonLink.js","names":["Box","createComponent","sstyled","Root","resolveColorEnhance","React","style","_sstyled","insert","AbstractButton","enhance","resolveColor","RootButtonLink","getTextColor","color","asProps","_defineProperty","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","ButtonLink"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nconst enhance = {\n resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n static displayName = 'ButtonLink';\n static enhance = Object.values(enhance);\n static style = style;\n static defaultProps = {\n use: 'primary',\n };\n\n protected getTextColor(): string | undefined {\n const { color, resolveColor } = this.asProps as any;\n return resolveColor(color);\n }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n Text,\n Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,eAAe,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,cAAc,QAAQ,kCAAkC;AAEjE,MAAMC,OAAO,GAAG;EACdC,YAAY,EAAEP,mBAAmB,CAAC;AACpC,CAAC;AAED,MAAMQ,cAAc,SAASH,cAAc,CAAC;EAQhCI,YAAYA,CAAA,EAAuB;IAC3C,MAAM;MAAEC,KAAK;MAAEH;IAAa,CAAC,GAAG,IAAI,CAACI,OAAc;IACnD,OAAOJ,YAAY,CAACG,KAAK,CAAC;EAC5B;AACF;AAACE,eAAA,CAZKJ,cAAc,iBACG,YAAY;AAAAI,eAAA,CAD7BJ,cAAc,aAEDK,MAAM,CAACC,MAAM,CAACR,OAAO,CAAC;AAAAM,eAAA,CAFnCJ,cAAc,WAGHN,KAAK;AAAAU,eAAA,CAHhBJ,cAAc,kBAII;EACpBO,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,MAAMC,KAAK,GACiCzB,GAAG;EAA/C,OAAAwB,KAAA,GAAOtB,OAAO,CAACmB,KAAK,CAACK,MAAM,CAAC,eAACrB,KAAA,CAAAsB,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA;IAAA,GAAAC,YAAA;MAAA,OAAkB;IAAM,GAAAP,IAAA;EAAA,EAAE,CAAC;AAChE;AAEA,SAASQ,KAAKA,CAACT,KAA2B,EAAE;EAAA,IAAAU,KAAA,GAAAR,YAAA;IAAAS,KAAA;EAC1C,MAAMC,MAAM,GACiCjC,GAAG;EAAhD,OAAAgC,KAAA,GAAO9B,OAAO,CAACmB,KAAK,CAACK,MAAM,CAAC,eAACrB,KAAA,CAAAsB,aAAA,CAACM,MAAM,EAAAD,KAAA,CAAAJ,EAAA;IAAA,GAAAM,aAAA;MAAA,OAAkB;IAAM,GAAAH,KAAA;EAAA,EAAE,CAAC;AACjE;AAEA,OAAO,MAAMI,UAAU,GAAGlC,eAAe,CAACW,cAAc,EAAE;EACxDQ,IAAI;EACJU;AACF,CAAC,CAAwB","ignoreList":[]}
1
+ {"version":3,"file":"ButtonLink.js","names":["createComponent","sstyled","Root","resolveColorEnhance","Box","React","style","_sstyled","insert","AbstractButton","enhance","resolveColor","RootButtonLink","_AbstractButton","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getTextColor","_ref5","asProps","color","_defineProperty","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","ButtonLink"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { createComponent, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nconst enhance = {\n resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n static displayName = 'ButtonLink';\n static enhance = Object.values(enhance);\n static style = style;\n static defaultProps = {\n use: 'primary',\n };\n\n protected getTextColor(): string | undefined {\n const { color, resolveColor } = this.asProps as any;\n return resolveColor(color);\n }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n Text,\n Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;AAAA,SAASA,eAAe,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,cAAc,QAAQ,kCAAkC;AAEjE,IAAMC,OAAO,GAAG;EACdC,YAAY,EAAER,mBAAmB,CAAC;AACpC,CAAC;AAAC,IAEIS,cAAc,0BAAAC,eAAA;EAAA,SAAAD,eAAA;IAAAE,eAAA,OAAAF,cAAA;IAAA,OAAAG,UAAA,OAAAH,cAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,cAAA,EAAAC,eAAA;EAAA,OAAAK,YAAA,CAAAN,cAAA;IAAAO,GAAA;IAAAC,KAAA,EAQlB,SAAUC,YAAYA,CAAA,EAAuB;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEb,YAAY,GAAAW,KAAA,CAAZX,YAAY;MAC3B,OAAOA,YAAY,CAACa,KAAK,CAAC;IAC5B;EAAC;AAAA,EAX0Bf,cAAc;AAAAgB,eAAA,CAArCb,cAAc,iBACG,YAAY;AAAAa,eAAA,CAD7Bb,cAAc,aAEDc,MAAM,CAACC,MAAM,CAACjB,OAAO,CAAC;AAAAe,eAAA,CAFnCb,cAAc,WAGHN,KAAK;AAAAmB,eAAA,CAHhBb,cAAc,kBAII;EACpBgB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiC9B,GAAG;EAA/C,OAAA6B,KAAA,GAAOhC,OAAO,CAAC6B,KAAK,CAACK,MAAM,CAAC,eAAC9B,KAAA,CAAA+B,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,GAAE,CAAC;AAChE;AAEA,SAASS,KAAKA,CAACV,KAA2B,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EAC1C,IAAMC,MAAM,GACiCvC,GAAG;EAAhD,OAAAsC,KAAA,GAAOzC,OAAO,CAAC6B,KAAK,CAACK,MAAM,CAAC,eAAC9B,KAAA,CAAA+B,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,GAAE,CAAC;AACjE;AAEA,OAAO,IAAMI,UAAU,GAAG7C,eAAe,CAACY,cAAc,EAAE;EACxDiB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAwB","ignoreList":[]}
package/lib/es6/component/ButtonLink/buttonLink.shadow.css CHANGED
@@ -2,7 +2,7 @@ SButton {
2
2
  display: inline-flex;
3
3
  font-family: inherit;
4
4
  font-size: var(--intergalactic-fs-200, 14px);
5
- color: var(--intergalactic-text-link, #006dca);
5
+ color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
6
6
  line-height: normal;
7
7
  position: relative;
8
8
  cursor: pointer;
@@ -28,42 +28,43 @@ SButton {
28
28
  &[active],
29
29
  &:hover,
30
30
  &:active {
31
- color: var(--intergalactic-text-link-hover-active, #044792);
31
+ color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
32
32
 
33
33
  & SText {
34
- box-shadow: 0 1px 0 0 currentColor;
34
+ border-color: currentColor;
35
35
  }
36
36
  }
37
37
 
38
38
  &[enableVisited]:visited,
39
39
  &[enableVisited]:visited:hover {
40
- color: var(--intergalactic-text-link-visited, #8649e1);
40
+ color: var(--intergalactic-text-link-visited, oklch(0.53 0.26 296));
41
41
  }
42
42
 
43
43
  SText {
44
- box-shadow: 0 1px 0 0 transparent;
45
- transition: box-shadow 0.15s ease-in-out;
44
+ border-bottom-width: 1px;
45
+ border-bottom-style: solid;
46
+ border-color: transparent;
47
+ transition: border-bottom-color 0.15s ease-in-out;
46
48
  }
47
49
  }
48
50
 
49
51
  SButton[disabled] {
50
- opacity: var(--intergalactic-disabled-opacity, 0.3);
52
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
51
53
  cursor: default;
52
54
  /* Disable link interactions */
53
55
  pointer-events: none;
54
56
  }
55
57
 
56
58
  SButton[use='secondary'] {
57
- color: var(--intergalactic-text-hint, #6c6e79);
59
+ color: var(--intergalactic-text-hint, oklch(0.088 0.026 147.7 / 0.583));
58
60
 
59
61
  &[active],
60
62
  &:active,
61
63
  &:hover {
62
- color: var(--intergalactic-text-hint-hover-active, #484a54);
64
+ color: var(--intergalactic-text-hint-hover-active, oklch(0.086 0.026 145.8 / 0.605));
63
65
  }
64
66
 
65
67
  SText {
66
- box-shadow: none;
67
68
  border-bottom-width: 1px;
68
69
  border-bottom-style: dashed;
69
70
  border-color: currentColor;
@@ -72,7 +73,7 @@ SButton[use='secondary'] {
72
73
 
73
74
  SInner {
74
75
  display: inline-flex;
75
- align-items: baseline;
76
+ align-items: center;
76
77
  justify-content: center;
77
78
  height: 100%;
78
79
  width: 100%;
@@ -81,10 +82,9 @@ SInner {
81
82
  SAddon {
82
83
  display: inline-flex;
83
84
  justify-content: center;
84
- align-items: baseline;
85
+ align-items: center;
85
86
  vertical-align: middle;
86
87
  pointer-events: none;
87
- align-self: center;
88
88
  }
89
89
 
90
90
  SButton SAddon {