@semcore/button 5.43.3 → 5.44.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 (53) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/component/Button/Button.js +166 -64
  3. package/lib/cjs/component/Button/Button.js.map +1 -1
  4. package/lib/cjs/component/Button/Button.type.js.map +1 -1
  5. package/lib/cjs/component/{AbstractButton → Button}/SpinButton.js +3 -4
  6. package/lib/cjs/component/Button/SpinButton.js.map +1 -0
  7. package/lib/cjs/component/Button/button.shadow.css +80 -88
  8. package/lib/cjs/component/ButtonLink/ButtonLink.js +35 -68
  9. package/lib/cjs/component/ButtonLink/ButtonLink.js.map +1 -1
  10. package/lib/cjs/component/ButtonLink/ButtonLink.type.js.map +1 -1
  11. package/lib/cjs/component/ButtonLink/buttonLink.shadow.css +13 -152
  12. package/lib/cjs/index.js +3 -4
  13. package/lib/cjs/index.js.map +1 -1
  14. package/lib/es6/component/Button/Button.js +163 -57
  15. package/lib/es6/component/Button/Button.js.map +1 -1
  16. package/lib/es6/component/Button/Button.type.js.map +1 -1
  17. package/lib/es6/component/{AbstractButton → Button}/SpinButton.js +1 -1
  18. package/lib/es6/component/Button/SpinButton.js.map +1 -0
  19. package/lib/es6/component/Button/button.shadow.css +80 -88
  20. package/lib/es6/component/ButtonLink/ButtonLink.js +34 -65
  21. package/lib/es6/component/ButtonLink/ButtonLink.js.map +1 -1
  22. package/lib/es6/component/ButtonLink/ButtonLink.type.js.map +1 -1
  23. package/lib/es6/component/ButtonLink/buttonLink.shadow.css +13 -152
  24. package/lib/es6/index.js +1 -2
  25. package/lib/es6/index.js.map +1 -1
  26. package/lib/esm/component/Button/Button.mjs +142 -56
  27. package/lib/esm/component/Button/Button.type.mjs +1 -0
  28. package/lib/esm/component/{AbstractButton → Button}/SpinButton.mjs +2 -3
  29. package/lib/esm/component/Button/button.shadow.css +80 -88
  30. package/lib/esm/component/ButtonLink/ButtonLink.mjs +33 -61
  31. package/lib/esm/component/ButtonLink/ButtonLink.type.mjs +1 -0
  32. package/lib/esm/component/ButtonLink/buttonLink.shadow.css +13 -152
  33. package/lib/esm/index.mjs +3 -2
  34. package/lib/types/component/Button/Button.d.ts +28 -1
  35. package/lib/types/component/Button/Button.type.d.ts +40 -39
  36. package/lib/types/component/{AbstractButton → Button}/SpinButton.d.ts +2 -2
  37. package/lib/types/component/ButtonLink/ButtonLink.d.ts +1 -1
  38. package/lib/types/component/ButtonLink/ButtonLink.type.d.ts +15 -21
  39. package/lib/types/index.d.ts +1 -2
  40. package/package.json +7 -7
  41. package/lib/cjs/component/AbstractButton/AbstractButton.js +0 -182
  42. package/lib/cjs/component/AbstractButton/AbstractButton.js.map +0 -1
  43. package/lib/cjs/component/AbstractButton/AbstractButton.type.js +0 -2
  44. package/lib/cjs/component/AbstractButton/AbstractButton.type.js.map +0 -1
  45. package/lib/cjs/component/AbstractButton/SpinButton.js.map +0 -1
  46. package/lib/es6/component/AbstractButton/AbstractButton.js +0 -175
  47. package/lib/es6/component/AbstractButton/AbstractButton.js.map +0 -1
  48. package/lib/es6/component/AbstractButton/AbstractButton.type.js +0 -2
  49. package/lib/es6/component/AbstractButton/AbstractButton.type.js.map +0 -1
  50. package/lib/es6/component/AbstractButton/SpinButton.js.map +0 -1
  51. package/lib/esm/component/AbstractButton/AbstractButton.mjs +0 -152
  52. package/lib/types/component/AbstractButton/AbstractButton.d.ts +0 -24
  53. package/lib/types/component/AbstractButton/AbstractButton.type.d.ts +0 -39
package/lib/cjs/component/Button/button.shadow.css CHANGED
@@ -12,7 +12,6 @@ SButton {
12
12
  text-align: center;
13
13
  vertical-align: middle;
14
14
  border: 1px solid transparent;
15
- outline: 0;
16
15
  box-shadow: none;
17
16
  cursor: pointer;
18
17
  box-sizing: border-box;
@@ -21,7 +20,7 @@ SButton {
21
20
  touch-action: manipulation;
22
21
  -webkit-tap-highlight-color: transparent;
23
22
  font-weight: var(--intergalactic-medium, 500);
24
- color: var(--intergalactic-text-secondary, #6c6e79);
23
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
25
24
  min-width: fit-content;
26
25
 
27
26
  &::-moz-focus-inner {
@@ -30,20 +29,13 @@ SButton {
30
29
  }
31
30
 
32
31
  &:active,
33
- &:hover,
34
- &:focus {
35
- outline: 0;
32
+ &:hover {
36
33
  text-decoration: none;
37
34
  }
38
35
  }
39
36
 
40
- SButton[keyboardFocused] {
41
- box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
42
- z-index: 1;
43
- }
44
-
45
37
  SButton[disabled] {
46
- opacity: var(--intergalactic-disabled-opacity, 0.3);
38
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
47
39
  cursor: default;
48
40
  pointer-events: none;
49
41
  box-shadow: none;
@@ -69,201 +61,201 @@ SButton[size='l'] {
69
61
  }
70
62
 
71
63
  SButton[theme='primary-info'] {
72
- color: var(--intergalactic-text-primary-invert, #ffffff);
73
- 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));
74
66
 
75
67
  &:hover {
76
- color: var(--intergalactic-text-primary-invert, #ffffff);
77
- 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));
78
70
  }
79
71
 
80
72
  &:active,
81
73
  &[active] {
82
- color: var(--intergalactic-text-primary-invert, #ffffff);
83
- 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));
84
76
  }
85
77
  }
86
78
 
87
79
  SButton[theme='primary-success'] {
88
- color: var(--intergalactic-text-primary-invert, #ffffff);
89
- 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));
90
82
 
91
83
  &:hover {
92
- color: var(--intergalactic-text-primary-invert, #ffffff);
93
- 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));
94
86
  }
95
87
 
96
88
  &:active,
97
89
  &[active] {
98
- color: var(--intergalactic-text-primary-invert, #ffffff);
99
- 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));
100
92
  }
101
93
  }
102
94
 
103
95
  SButton[theme='primary-brand'] {
104
- color: var(--intergalactic-text-primary-invert, #ffffff);
105
- 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));
106
98
 
107
99
  &:hover {
108
- color: var(--intergalactic-text-primary-invert, #ffffff);
109
- 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));
110
102
  }
111
103
 
112
104
  &:active,
113
105
  &[active] {
114
- color: var(--intergalactic-text-primary-invert, #ffffff);
115
- 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));
116
108
  }
117
109
  }
118
110
 
119
111
  SButton[theme='primary-warning'] {
120
- color: var(--intergalactic-text-primary-invert, #ffffff);
121
- 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));
122
114
 
123
115
  &:hover {
124
- color: var(--intergalactic-text-primary-invert, #ffffff);
125
- 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));
126
118
  }
127
119
 
128
120
  &:active,
129
121
  &[active] {
130
- color: var(--intergalactic-text-primary-invert, #ffffff);
131
- 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));
132
124
  }
133
125
  }
134
126
 
135
127
  SButton[theme='primary-danger'] {
136
- color: var(--intergalactic-text-primary-invert, #ffffff);
137
- 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));
138
130
 
139
131
  &:hover {
140
- color: var(--intergalactic-text-primary-invert, #ffffff);
141
- 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));
142
134
  }
143
135
 
144
136
  &:active,
145
137
  &[active] {
146
- color: var(--intergalactic-text-primary-invert, #ffffff);
147
- 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));
148
140
  }
149
141
  }
150
142
 
151
143
  SButton[theme='primary-invert'] {
152
- color: var(--intergalactic-text-primary, #191b23);
153
- 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));
154
146
 
155
147
  &:hover {
156
- color: var(--intergalactic-text-primary, #191b23);
157
- 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));
158
150
  }
159
151
 
160
152
  &:active,
161
153
  &[active] {
162
- color: var(--intergalactic-text-primary, #191b23);
163
- 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));
164
156
  }
165
157
  }
166
158
 
167
159
  SButton[theme='secondary-muted'] {
168
- color: var(--intergalactic-text-secondary, #6c6e79);
169
- border-color: var(--intergalactic-border-primary, #c4c7cf);
170
- 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));
171
163
 
172
164
  &:hover {
173
165
  background-color: var(--intergalactic-control-secondary-neutral-hover,
174
- rgba(138, 142, 155, 0.2));
175
- 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));
176
168
  }
177
169
 
178
170
  &:active,
179
171
  &[active] {
180
172
  background-color: var(--intergalactic-control-secondary-neutral-active,
181
- rgba(138, 142, 155, 0.3));
182
- 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));
183
175
  }
184
176
  }
185
177
 
186
178
  SButton[theme='secondary-info'] {
187
- background-color: var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));
188
- color: var(--intergalactic-text-link, #006dca);
189
- border-color: var(--intergalactic-control-primary-info, #008ff8);
179
+ background-color: var(--intergalactic-control-secondary-info, oklch(0.41 0.258 264.2 / 0.031));
180
+ color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
181
+ border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
190
182
 
191
183
  &:hover {
192
- color: var(--intergalactic-text-link, #006dca);
193
- background-color: var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2));
184
+ color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
185
+ background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.407 0.258 264.2 / 0.062));
194
186
  }
195
187
 
196
188
  &:active,
197
189
  &[active] {
198
- color: var(--intergalactic-text-link, #006dca);
199
- background-color: var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3));
190
+ color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
191
+ background-color: var(--intergalactic-control-secondary-info-active, oklch(0.405 0.257 264.2 / 0.093));
200
192
  }
201
193
  }
202
194
 
203
195
  SButton[theme='secondary-invert'] {
204
- color: var(--intergalactic-text-primary-invert, #ffffff);
205
- border-color: var(--intergalactic-border-primary-invert, #ffffff);
206
- 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));
207
199
 
208
200
  &:hover {
209
- color: var(--intergalactic-text-primary-invert, #ffffff);
210
- 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));
211
203
  }
212
204
 
213
205
  &:active,
214
206
  &[active] {
215
- color: var(--intergalactic-text-primary-invert, #ffffff);
207
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
216
208
  background-color: var(--intergalactic-control-secondary-invert-active,
217
- rgba(255, 255, 255, 0.3));
209
+ oklch(0.983 0.03 140 / 0.183));
218
210
  }
219
211
  }
220
212
 
221
213
  SButton[theme='tertiary-info'] {
222
- color: var(--intergalactic-text-link, #006dca);
223
- background-color: var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0));
214
+ color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
215
+ background-color: var(--intergalactic-control-tertiary-info, transparent);
224
216
 
225
217
  &:hover {
226
- color: var(--intergalactic-text-link, #006dca);
227
- background-color: var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2));
218
+ color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
219
+ background-color: var(--intergalactic-control-tertiary-info-hover, oklch(0.407 0.258 264.2 / 0.062));
228
220
  }
229
221
 
230
222
  &:active,
231
223
  &[active] {
232
- color: var(--intergalactic-text-link, #006dca);
233
- background-color: var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3));
224
+ color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
225
+ background-color: var(--intergalactic-control-tertiary-info-active, oklch(0.405 0.257 264.2 / 0.093));
234
226
  }
235
227
  }
236
228
 
237
229
  SButton[theme='tertiary-muted'] {
238
- color: var(--intergalactic-text-secondary, #6c6e79);
239
- 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);
240
232
 
241
233
  &:hover {
242
- background-color: var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));
243
- 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));
244
236
  }
245
237
 
246
238
  &:active,
247
239
  &[active] {
248
240
  background-color: var(--intergalactic-control-tertiary-neutral-active,
249
- rgba(138, 142, 155, 0.3));
250
- 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));
251
243
  }
252
244
  }
253
245
 
254
246
  SButton[theme='tertiary-invert'] {
255
- color: var(--intergalactic-text-primary-invert, #ffffff);
256
- 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);
257
249
 
258
250
  &:hover {
259
- color: var(--intergalactic-text-primary-invert, #ffffff);
260
- 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));
261
253
  }
262
254
 
263
255
  &:active,
264
256
  &[active] {
265
- color: var(--intergalactic-text-primary-invert, #ffffff);
266
- 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));
267
259
  }
268
260
  }
269
261
 
@@ -290,12 +282,12 @@ SButton[neighborLocation='left'] {
290
282
  position: relative;
291
283
 
292
284
  &:after {
293
- 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));
294
286
  }
295
287
 
296
288
  &[theme='secondary-muted'] {
297
289
  &:after {
298
- background-color: var(--intergalactic-border-primary, #c4c7cf);
290
+ background-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
299
291
  }
300
292
  }
301
293
  }
package/lib/cjs/component/ButtonLink/ButtonLink.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -9,87 +8,55 @@ exports.ButtonLink = void 0;
9
8
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
10
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
+ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
12
12
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
- var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
14
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
- var _index = require("@semcore/utils/lib/core/index");
16
- var _core = _interopRequireWildcard(require("@semcore/core"));
14
+ var _core = require("@semcore/core");
15
+ var _link = _interopRequireDefault(require("@semcore/link"));
17
16
  var _react = _interopRequireDefault(require("react"));
18
- var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
19
- var _flexBox = require("@semcore/flex-box");
20
- var _AbstractButton2 = require("../AbstractButton/AbstractButton");
21
- var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
22
17
  /*!__reshadow-styles__:"./buttonLink.shadow.css"*/
23
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_yt3bu_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;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_yt3bu_gg_:active,.___SButton_yt3bu_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_yt3bu_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_yt3bu_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_yt3bu_gg_.__active_yt3bu_gg_,.___SButton_yt3bu_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_yt3bu_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_yt3bu_gg_.__active_yt3bu_gg_ .___SText_yt3bu_gg_,.___SButton_yt3bu_gg_:active .___SText_yt3bu_gg_{border-color:currentColor}@media (hover:hover){.___SButton_yt3bu_gg_:hover .___SText_yt3bu_gg_{border-color:currentColor}}.___SButton_yt3bu_gg_.__enableVisited_yt3bu_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_yt3bu_gg_.__enableVisited_yt3bu_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_yt3bu_gg_ .___SText_yt3bu_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_yt3bu_gg_.__keyboardFocused_yt3bu_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_yt3bu_gg_.__disabled_yt3bu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_yt3bu_gg_._use_secondary_yt3bu_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_yt3bu_gg_._use_secondary_yt3bu_gg_.__active_yt3bu_gg_,.___SButton_yt3bu_gg_._use_secondary_yt3bu_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_yt3bu_gg_._use_secondary_yt3bu_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_yt3bu_gg_._use_secondary_yt3bu_gg_ .___SText_yt3bu_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_yt3bu_gg_,.___SInner_yt3bu_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_yt3bu_gg_{height:100%;width:100%}.___SAddon_yt3bu_gg_{vertical-align:middle;pointer-events:none}.___SButton_yt3bu_gg_ .___SAddon_yt3bu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_yt3bu_gg_ .___SAddon_yt3bu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_yt3bu_gg_.__text-color_yt3bu_gg_{color:var(--text-color_yt3bu)}.___SButton_yt3bu_gg_.__text-color_yt3bu_gg_.__active_yt3bu_gg_,.___SButton_yt3bu_gg_.__text-color_yt3bu_gg_:active{color:var(--text-color_yt3bu);filter:brightness(.8)}@media (hover:hover){.___SButton_yt3bu_gg_.__text-color_yt3bu_gg_:hover{color:var(--text-color_yt3bu);filter:brightness(.8)}}.___SButton_yt3bu_gg_._size_100_yt3bu_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_yt3bu_gg_._size_200_yt3bu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_yt3bu_gg_._size_300_yt3bu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_yt3bu_gg_._size_400_yt3bu_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_yt3bu_gg_._size_500_yt3bu_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_yt3bu_gg_._size_600_yt3bu_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_yt3bu_gg_._size_700_yt3bu_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_yt3bu_gg_._size_800_yt3bu_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_yt3bu_gg_,.___SText_yt3bu_gg_{transition:none}}", /*__inner_css_end__*/"yt3bu_gg_"),
18
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonLink_wy7ce_gg_{border:0;font-family:inherit}.___SButtonLink_wy7ce_gg_._use_primary_wy7ce_gg_:not(.__color_wy7ce_gg_){color:var(--intergalactic-text-link, rgb(36, 93, 229))}.___SButtonLink_wy7ce_gg_._use_primary_wy7ce_gg_.__active_wy7ce_gg_:not(.__color_wy7ce_gg_),.___SButtonLink_wy7ce_gg_._use_primary_wy7ce_gg_:not(.__color_wy7ce_gg_):active{color:var(--intergalactic-text-link-hover-active, rgb(34, 88, 217))}@media (hover:hover){.___SButtonLink_wy7ce_gg_._use_primary_wy7ce_gg_:not(.__color_wy7ce_gg_):hover{color:var(--intergalactic-text-link-hover-active, rgb(34, 88, 217))}}.___SButtonLink_wy7ce_gg_._use_secondary_wy7ce_gg_:not(.__color_wy7ce_gg_){color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SButtonLink_wy7ce_gg_._use_secondary_wy7ce_gg_:not(.__color_wy7ce_gg_){color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButtonLink_wy7ce_gg_._use_secondary_wy7ce_gg_:not(.__color_wy7ce_gg_){color:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButtonLink_wy7ce_gg_._use_secondary_wy7ce_gg_.__active_wy7ce_gg_:not(.__color_wy7ce_gg_),.___SButtonLink_wy7ce_gg_._use_secondary_wy7ce_gg_:not(.__color_wy7ce_gg_):active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SButtonLink_wy7ce_gg_._use_secondary_wy7ce_gg_:not(.__color_wy7ce_gg_):hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SButtonLink_wy7ce_gg_._use_secondary_wy7ce_gg_ .___SText_wy7ce_gg_{text-decoration-style:dashed;text-decoration-color:currentColor}", /*__inner_css_end__*/"wy7ce_gg_"),
24
19
  /*__reshadow_css_end__*/
25
20
  {
26
- "__SButton": "___SButton_yt3bu_gg_",
27
- "_keyboardFocused": "__keyboardFocused_yt3bu_gg_",
28
- "_disabled": "__disabled_yt3bu_gg_",
29
- "__SInner": "___SInner_yt3bu_gg_",
30
- "__SAddon": "___SAddon_yt3bu_gg_",
31
- "_size_100": "_size_100_yt3bu_gg_",
32
- "_size_200": "_size_200_yt3bu_gg_",
33
- "_size_300": "_size_300_yt3bu_gg_",
34
- "_size_400": "_size_400_yt3bu_gg_",
35
- "_size_500": "_size_500_yt3bu_gg_",
36
- "_size_600": "_size_600_yt3bu_gg_",
37
- "_size_700": "_size_700_yt3bu_gg_",
38
- "_size_800": "_size_800_yt3bu_gg_",
39
- "__SText": "___SText_yt3bu_gg_",
40
- "_active": "__active_yt3bu_gg_",
41
- "_enableVisited": "__enableVisited_yt3bu_gg_",
42
- "_use_secondary": "_use_secondary_yt3bu_gg_",
43
- "_text-color": "__text-color_yt3bu_gg_",
44
- "--text-color": "--text-color_yt3bu"
21
+ "__SButtonLink": "___SButtonLink_wy7ce_gg_",
22
+ "_use_secondary": "_use_secondary_wy7ce_gg_",
23
+ "__SText": "___SText_wy7ce_gg_",
24
+ "_use_primary": "_use_primary_wy7ce_gg_",
25
+ "_color": "__color_wy7ce_gg_",
26
+ "_active": "__active_wy7ce_gg_"
45
27
  });
46
- var enhance = {
47
- keyboardFocused: (0, _keyboardFocusEnhance["default"])(),
48
- resolveColor: (0, _resolveColorEnhance["default"])()
49
- };
50
- var RootButtonLink = /*#__PURE__*/function (_AbstractButton) {
51
- (0, _inherits2["default"])(RootButtonLink, _AbstractButton);
52
- var _super = (0, _createSuper2["default"])(RootButtonLink);
28
+ var RootButtonLink = /*#__PURE__*/function (_Component) {
53
29
  function RootButtonLink() {
54
30
  (0, _classCallCheck2["default"])(this, RootButtonLink);
55
- return _super.apply(this, arguments);
31
+ return (0, _callSuper2["default"])(this, RootButtonLink, arguments);
56
32
  }
57
- (0, _createClass2["default"])(RootButtonLink, [{
58
- key: "getTextColor",
59
- value: function getTextColor() {
60
- var _ref5 = this.asProps,
61
- color = _ref5.color,
62
- resolveColor = _ref5.resolveColor;
63
- return resolveColor(color);
33
+ (0, _inherits2["default"])(RootButtonLink, _Component);
34
+ return (0, _createClass2["default"])(RootButtonLink, [{
35
+ key: "render",
36
+ value: function render() {
37
+ var _ref = this.asProps,
38
+ _ref2;
39
+ var SButtonLink = _link["default"];
40
+ var disabled = this.asProps.disabled;
41
+ return _ref2 = (0, _core.sstyled)(style), /*#__PURE__*/_react["default"].createElement(SButtonLink, _ref2.cn("SButtonLink", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
42
+ "tag": 'button',
43
+ "type": 'button',
44
+ "use:disabled": disabled,
45
+ "use:tabIndex": 0
46
+ }, _ref))));
64
47
  }
65
48
  }]);
66
- return RootButtonLink;
67
- }(_AbstractButton2.AbstractButton);
49
+ }(_core.Component);
68
50
  (0, _defineProperty2["default"])(RootButtonLink, "displayName", 'ButtonLink');
69
- (0, _defineProperty2["default"])(RootButtonLink, "enhance", Object.values(enhance));
70
51
  (0, _defineProperty2["default"])(RootButtonLink, "style", style);
71
52
  (0, _defineProperty2["default"])(RootButtonLink, "defaultProps", {
72
- use: 'primary'
53
+ use: 'primary',
54
+ size: 200
73
55
  });
74
- function Text(props) {
75
- var _ref = arguments[0],
76
- _ref3;
77
- var SText = _flexBox.Box;
78
- return _ref3 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SText, _ref3.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
79
- "tag": 'span'
80
- }, _ref))));
81
- }
82
- function Addon(props) {
83
- var _ref2 = arguments[0],
84
- _ref4;
85
- var SAddon = _flexBox.Box;
86
- return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref4.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
87
- "tag": 'span'
88
- }, _ref2))));
89
- }
90
- var ButtonLink = (0, _core["default"])(RootButtonLink, {
91
- Text: Text,
92
- Addon: Addon
56
+ var ButtonLink = exports.ButtonLink = (0, _core.createComponent)(RootButtonLink, {
57
+ Text: _link["default"].Text,
58
+ Addon: _link["default"].Addon
59
+ }, {
60
+ parent: _link["default"]
93
61
  });
94
- exports.ButtonLink = ButtonLink;
95
62
  //# sourceMappingURL=ButtonLink.js.map
package/lib/cjs/component/ButtonLink/ButtonLink.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonLink.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_keyboardFocusEnhance","_flexBox","_AbstractButton2","_resolveColorEnhance","style","_index","sstyled","insert","enhance","keyboardFocused","keyboardFocusEnhance","resolveColor","resolveColorEnhance","RootButtonLink","_AbstractButton","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextColor","_ref5","asProps","color","AbstractButton","_defineProperty2","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","_objectSpread2","assignProps","Addon","_ref2","_ref4","SAddon","ButtonLink","createComponent","exports"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport style from './buttonLink.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Box } from '@semcore/flex-box';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\n\nconst enhance = {\n keyboardFocused: keyboardFocusEnhance(),\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":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,qBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAkF;AAAA,IAAAO,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGlF,IAAMC,OAAO,GAAG;EACdC,eAAe,EAAE,IAAAC,gCAAoB,GAAE;EACvCC,YAAY,EAAE,IAAAC,+BAAmB;AACnC,CAAC;AAAC,IAEIC,cAAc,0BAAAC,eAAA;EAAA,IAAAC,UAAA,aAAAF,cAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAA,IAAAK,gBAAA,mBAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAQlB,SAAAC,aAAA,EAA6C;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEhB,YAAY,GAAAc,KAAA,CAAZd,YAAY;MAC3B,OAAOA,YAAY,CAACgB,KAAK,CAAC;IAC5B;EAAC;EAAA,OAAAd,cAAA;AAAA,EAX0Be,+BAAc;AAAA,IAAAC,gBAAA,aAArChB,cAAc,iBACG,YAAY;AAAA,IAAAgB,gBAAA,aAD7BhB,cAAc,aAEDiB,MAAM,CAACC,MAAM,CAACvB,OAAO,CAAC;AAAA,IAAAqB,gBAAA,aAFnChB,cAAc,WAGHT,KAAK;AAAA,IAAAyB,gBAAA,aAHhBhB,cAAc,kBAII;EACpBmB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiCC,YAAG;EAA/C,OAAAF,KAAA,GAAO,IAAA/B,aAAO,EAAC4B,KAAK,CAACM,MAAM,CAAC,eAAC1C,MAAA,YAAA2C,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAhD,KAAA,CAAAiD,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,IAAG;AAChE;AAEA,SAASU,KAAKA,CAACX,KAA2B,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EAC1C,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAAzC,aAAO,EAAC4B,KAAK,CAACM,MAAM,CAAC,eAAC1C,MAAA,YAAA2C,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAhD,KAAA,CAAAiD,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,IAAG;AACjE;AAEO,IAAMG,UAAU,GAAG,IAAAC,gBAAe,EAACrC,cAAc,EAAE;EACxDoB,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAwB;AAACM,OAAA,CAAAF,UAAA,GAAAA,UAAA"}
1
+ {"version":3,"file":"ButtonLink.js","names":["_core","require","_link","_interopRequireDefault","_react","style","sstyled","insert","RootButtonLink","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","_ref2","SButtonLink","Link","disabled","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","use","size","ButtonLink","exports","createComponent","Text","Addon","parent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { createComponent, sstyled, Root, Component } from '@semcore/core';\nimport Link from '@semcore/link';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { ButtonLinkComponent, ButtonLinkProps } from './ButtonLink.type';\n\nclass RootButtonLink extends Component<ButtonLinkProps> {\n static displayName = 'ButtonLink';\n static style = style;\n static defaultProps = {\n use: 'primary',\n size: 200,\n };\n\n render(): React.ReactNode {\n const SButtonLink = Root;\n const { disabled } = this.asProps;\n\n return sstyled(style)(\n <SButtonLink\n render={Link}\n tag='button'\n type='button'\n use:disabled={disabled}\n use:tabIndex={0}\n />,\n );\n }\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n Text: Link.Text,\n Addon: Link.Addon,\n}, {\n parent: Link,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAA0B;AAAA,IAAAI,KAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAKpBC,cAAc,0BAAAC,UAAA;EAAA,SAAAD,eAAA;IAAA,IAAAE,gBAAA,mBAAAF,cAAA;IAAA,WAAAG,WAAA,mBAAAH,cAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,cAAA,EAAAC,UAAA;EAAA,WAAAK,aAAA,aAAAN,cAAA;IAAAO,GAAA;IAAAC,KAAA,EAQlB,SAAAC,MAAMA,CAAA,EAAoB;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACxB,IAAMC,WAAW,GAKLC,gBAAI;MAJhB,IAAQC,QAAQ,GAAK,IAAI,CAACJ,OAAO,CAAzBI,QAAQ;MAEhB,OAAAH,KAAA,GAAO,IAAAd,aAAO,EAACD,KAAK,CAAC,eACnBD,MAAA,YAAAoB,aAAA,CAACH,WAAW,EAAAD,KAAA,CAAAK,EAAA,oBAAAC,cAAA,qBAAA1B,KAAA,CAAA2B,WAAA;QAAA,OAEN,QAAQ;QAAA,QACP,QAAQ;QAAA,gBACCJ,QAAQ;QAAA,gBACR;MAAC,GAAAL,IAAA,GAChB,CAAC;IAEN;EAAC;AAAA,EArB0BU,eAAS;AAAA,IAAAC,gBAAA,aAAhCrB,cAAc,iBACG,YAAY;AAAA,IAAAqB,gBAAA,aAD7BrB,cAAc,WAEHH,KAAK;AAAA,IAAAwB,gBAAA,aAFhBrB,cAAc,kBAGI;EACpBsB,GAAG,EAAE,SAAS;EACdC,IAAI,EAAE;AACR,CAAC;AAkBI,IAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,qBAAe,EAAC1B,cAAc,EAAE;EACxD2B,IAAI,EAAEb,gBAAI,CAACa,IAAI;EACfC,KAAK,EAAEd,gBAAI,CAACc;AACd,CAAC,EAAE;EACDC,MAAM,EAAEf;AACV,CAAC,CAAwB","ignoreList":[]}
package/lib/cjs/component/ButtonLink/ButtonLink.type.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport {\n AbstractButtonAddonProps,\n AbstractButtonContext,\n AbstractButtonTextProps,\n AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n * Button link size\n * @default m\n */\nexport type ButtonLinkSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n/**\n * Button link type\n * @default primary\n */\ntype Use = 'primary' | 'secondary';\n\nexport type ButtonLinkProps = AbstractButtonProps<ButtonLinkSize, Use, never>;\n\nexport type ButtonLinkTextProps = AbstractButtonTextProps<ButtonLinkSize>;\n\nexport type ButtonLinkAddonProps = AbstractButtonAddonProps<ButtonLinkSize>;\n\nexport type ButtonLinkContext = AbstractButtonContext;\n\nexport type ButtonLinkChildren = {\n Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n\nexport type ButtonLinkComponent = Intergalactic.Component<\n 'button',\n ButtonLinkProps,\n ButtonLinkContext\n> & {\n Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n"],"mappings":""}
1
+ {"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { LinkProps } from '@semcore/link';\nimport type { NSText } from '@semcore/typography';\n\nimport type { ButtonContext } from '../Button/Button.type';\n\nexport type ButtonLinkProps = Intergalactic.InternalTypings.EfficientOmit<LinkProps, 'enableVisited'> & {\n /**\n * Button link type\n * @default primary\n */\n use?: 'primary' | 'secondary';\n};\n\nexport type ButtonLinkTextProps = NSText.Props;\n\nexport type ButtonLinkAddonProps = BoxProps;\n\nexport type ButtonLinkChildren = {\n Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n\nexport type ButtonLinkComponent = Intergalactic.Component<\n 'button',\n ButtonLinkProps,\n ButtonContext\n> & ButtonLinkChildren;\n"],"mappings":"","ignoreList":[]}