@telia/teddy 0.0.82 → 0.0.87
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/README.md +4 -4
- package/dist/components/carousel/carousel-root.cjs +5 -6
- package/dist/components/carousel/carousel-root.js +5 -6
- package/dist/components/icon/AllIcons.cjs +3 -0
- package/dist/components/icon/AllIcons.js +3 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.cjs +3 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.js +3 -0
- package/dist/components/navigation-menu/global-navigation/utils.cjs +1 -0
- package/dist/components/navigation-menu/global-navigation/utils.d.ts +2 -0
- package/dist/components/navigation-menu/global-navigation/utils.js +1 -0
- package/dist/components/radio-card-group/radio-card-group-item-title.cjs +11 -7
- package/dist/components/radio-card-group/radio-card-group-item-title.js +11 -7
- package/dist/main.cjs +7 -301
- package/dist/main.js +15 -309
- package/dist/style.css +44 -29
- package/dist/tokens/border/variables.cjs +13 -0
- package/dist/tokens/border/variables.js +14 -1
- package/dist/tokens/breakpoint/variables.cjs +8 -0
- package/dist/tokens/breakpoint/variables.js +9 -1
- package/dist/tokens/color/variables.cjs +230 -0
- package/dist/tokens/color/variables.js +231 -1
- package/dist/tokens/index.cjs +7 -301
- package/dist/tokens/index.d.ts +7 -7
- package/dist/tokens/index.js +14 -308
- package/dist/tokens/motion/variables.cjs +15 -0
- package/dist/tokens/motion/variables.js +16 -1
- package/dist/tokens/shadow/variables.cjs +8 -0
- package/dist/tokens/shadow/variables.js +9 -1
- package/dist/tokens/spacing/variables.cjs +27 -0
- package/dist/tokens/spacing/variables.js +28 -1
- package/dist/tokens/typography/variables.cjs +28 -0
- package/dist/tokens/typography/variables.js +29 -1
- package/package.json +2 -2
package/dist/main.js
CHANGED
|
@@ -45,13 +45,13 @@ import { VisuallyHidden } from "./components/visually-hidden/visually-hidden.js"
|
|
|
45
45
|
import { TextSpacing } from "./components/text-spacing/text-spacing.js";
|
|
46
46
|
import { Container } from "./components/container/container.js";
|
|
47
47
|
import { Carousel } from "./components/carousel/carousel-root.js";
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
48
|
+
import { v } from "./tokens/border/variables.js";
|
|
49
|
+
import { v as v2 } from "./tokens/breakpoint/variables.js";
|
|
50
|
+
import { v as v3 } from "./tokens/color/variables.js";
|
|
51
|
+
import { v as v4 } from "./tokens/motion/variables.js";
|
|
52
|
+
import { v as v5 } from "./tokens/shadow/variables.js";
|
|
53
|
+
import { v as v6 } from "./tokens/spacing/variables.js";
|
|
54
|
+
import { v as v7 } from "./tokens/typography/variables.js";
|
|
55
55
|
import { toast } from "sonner";
|
|
56
56
|
import { I } from "./components/input/input-group.js";
|
|
57
57
|
export {
|
|
@@ -106,307 +106,13 @@ export {
|
|
|
106
106
|
Toggletip,
|
|
107
107
|
Tooltip,
|
|
108
108
|
VisuallyHidden,
|
|
109
|
+
v as border,
|
|
110
|
+
v2 as breakpoint,
|
|
111
|
+
v3 as color,
|
|
109
112
|
default2 as iconsHref,
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
teddyBorderWidthLg,
|
|
116
|
-
teddyBorderWidthMd,
|
|
117
|
-
teddyBorderWidthSm,
|
|
118
|
-
teddyBorderWidthXs,
|
|
119
|
-
teddyBreakpointLg,
|
|
120
|
-
teddyBreakpointMd,
|
|
121
|
-
teddyBreakpointSm,
|
|
122
|
-
teddyBreakpointXl,
|
|
123
|
-
teddyColorBackgroundInteractiveDestructive,
|
|
124
|
-
teddyColorBackgroundInteractiveDestructiveActive,
|
|
125
|
-
teddyColorBackgroundInteractiveDestructiveHover,
|
|
126
|
-
teddyColorBackgroundInteractiveDisabled,
|
|
127
|
-
teddyColorBackgroundInteractiveDisabledNegative,
|
|
128
|
-
teddyColorBackgroundInteractiveExpressive,
|
|
129
|
-
teddyColorBackgroundInteractiveExpressiveActive,
|
|
130
|
-
teddyColorBackgroundInteractiveExpressiveHover,
|
|
131
|
-
teddyColorBackgroundInteractiveExpressiveNegative,
|
|
132
|
-
teddyColorBackgroundInteractiveExpressiveNegativeActive,
|
|
133
|
-
teddyColorBackgroundInteractiveExpressiveNegativeHover,
|
|
134
|
-
teddyColorBackgroundInteractiveInactive,
|
|
135
|
-
teddyColorBackgroundInteractiveInactiveNegative,
|
|
136
|
-
teddyColorBackgroundInteractivePrimary,
|
|
137
|
-
teddyColorBackgroundInteractivePrimaryActive,
|
|
138
|
-
teddyColorBackgroundInteractivePrimaryHover,
|
|
139
|
-
teddyColorBackgroundInteractivePrimaryNegative,
|
|
140
|
-
teddyColorBackgroundInteractivePrimaryNegativeActive,
|
|
141
|
-
teddyColorBackgroundInteractivePrimaryNegativeHover,
|
|
142
|
-
teddyColorBackgroundInteractiveReadOnly,
|
|
143
|
-
teddyColorBackgroundInteractiveTransparent,
|
|
144
|
-
teddyColorBackgroundInteractiveTransparentActive,
|
|
145
|
-
teddyColorBackgroundInteractiveTransparentHover,
|
|
146
|
-
teddyColorBackgroundInteractiveTransparentNegativeActive,
|
|
147
|
-
teddyColorBackgroundInteractiveTransparentNegativeHover,
|
|
148
|
-
teddyColorBackgroundPrimary,
|
|
149
|
-
teddyColorBackgroundSecondary,
|
|
150
|
-
teddyColorBackgroundStatusAttention,
|
|
151
|
-
teddyColorBackgroundStatusError,
|
|
152
|
-
teddyColorBackgroundStatusErrorStrong,
|
|
153
|
-
teddyColorBackgroundStatusInfo,
|
|
154
|
-
teddyColorBackgroundStatusInfoStrong,
|
|
155
|
-
teddyColorBackgroundStatusNeutral,
|
|
156
|
-
teddyColorBackgroundStatusSpecial,
|
|
157
|
-
teddyColorBackgroundStatusSuccess,
|
|
158
|
-
teddyColorBackgroundStatusSuccessStrong,
|
|
159
|
-
teddyColorBackgroundStatusWarning,
|
|
160
|
-
teddyColorBackgroundStatusWarningStrong,
|
|
161
|
-
teddyColorBackgroundToneOnTonePrimary,
|
|
162
|
-
teddyColorBackgroundToneOnToneQuaternary,
|
|
163
|
-
teddyColorBackgroundToneOnToneSecondary,
|
|
164
|
-
teddyColorBackgroundToneOnToneTertiary,
|
|
165
|
-
teddyColorBeige100,
|
|
166
|
-
teddyColorBeige200,
|
|
167
|
-
teddyColorBeige300,
|
|
168
|
-
teddyColorBeige400,
|
|
169
|
-
teddyColorBeige50,
|
|
170
|
-
teddyColorBeige500,
|
|
171
|
-
teddyColorBeige600,
|
|
172
|
-
teddyColorBeige700,
|
|
173
|
-
teddyColorBeige800,
|
|
174
|
-
teddyColorBeige900,
|
|
175
|
-
teddyColorBeige950,
|
|
176
|
-
teddyColorBlue100,
|
|
177
|
-
teddyColorBlue200,
|
|
178
|
-
teddyColorBlue300,
|
|
179
|
-
teddyColorBlue400,
|
|
180
|
-
teddyColorBlue50,
|
|
181
|
-
teddyColorBlue500,
|
|
182
|
-
teddyColorBlue600,
|
|
183
|
-
teddyColorBlue700,
|
|
184
|
-
teddyColorBlue800,
|
|
185
|
-
teddyColorBlue900,
|
|
186
|
-
teddyColorBlue950,
|
|
187
|
-
teddyColorBorderInteractiveFocus,
|
|
188
|
-
teddyColorBorderInteractivePrimary,
|
|
189
|
-
teddyColorBorderInteractivePrimaryActive,
|
|
190
|
-
teddyColorBorderInteractivePrimaryHover,
|
|
191
|
-
teddyColorBorderInteractivePrimaryNegative,
|
|
192
|
-
teddyColorBorderInteractivePrimaryNegativeActive,
|
|
193
|
-
teddyColorBorderInteractivePrimaryNegativeHover,
|
|
194
|
-
teddyColorBorderInteractiveSelected,
|
|
195
|
-
teddyColorBorderInteractiveSubtle,
|
|
196
|
-
teddyColorBorderInteractiveSubtleHover,
|
|
197
|
-
teddyColorBorderMedium,
|
|
198
|
-
teddyColorBorderMediumNegative,
|
|
199
|
-
teddyColorBorderStatusError,
|
|
200
|
-
teddyColorBorderStatusInfo,
|
|
201
|
-
teddyColorBorderStatusSuccess,
|
|
202
|
-
teddyColorBorderStatusWarning,
|
|
203
|
-
teddyColorBorderStrong,
|
|
204
|
-
teddyColorBorderStrongNegative,
|
|
205
|
-
teddyColorBorderWeak,
|
|
206
|
-
teddyColorBorderWeakNegative,
|
|
207
|
-
teddyColorBrandBeige,
|
|
208
|
-
teddyColorBrandCorePurple,
|
|
209
|
-
teddyColorBrandDeepBeige,
|
|
210
|
-
teddyColorBrandDeepPurple,
|
|
211
|
-
teddyColorBrandLightBeige,
|
|
212
|
-
teddyColorBrandLightPurple,
|
|
213
|
-
teddyColorBrandOffBlack,
|
|
214
|
-
teddyColorBrandWhite,
|
|
215
|
-
teddyColorFunctionalBlack,
|
|
216
|
-
teddyColorFunctionalTransparent,
|
|
217
|
-
teddyColorFunctionalWhite,
|
|
218
|
-
teddyColorGray100,
|
|
219
|
-
teddyColorGray150,
|
|
220
|
-
teddyColorGray200,
|
|
221
|
-
teddyColorGray300,
|
|
222
|
-
teddyColorGray400,
|
|
223
|
-
teddyColorGray50,
|
|
224
|
-
teddyColorGray500,
|
|
225
|
-
teddyColorGray600,
|
|
226
|
-
teddyColorGray700,
|
|
227
|
-
teddyColorGray800,
|
|
228
|
-
teddyColorGray850,
|
|
229
|
-
teddyColorGray900,
|
|
230
|
-
teddyColorGray950,
|
|
231
|
-
teddyColorGreen100,
|
|
232
|
-
teddyColorGreen200,
|
|
233
|
-
teddyColorGreen300,
|
|
234
|
-
teddyColorGreen400,
|
|
235
|
-
teddyColorGreen50,
|
|
236
|
-
teddyColorGreen500,
|
|
237
|
-
teddyColorGreen600,
|
|
238
|
-
teddyColorGreen700,
|
|
239
|
-
teddyColorGreen800,
|
|
240
|
-
teddyColorGreen900,
|
|
241
|
-
teddyColorGreen950,
|
|
242
|
-
teddyColorOrange100,
|
|
243
|
-
teddyColorOrange200,
|
|
244
|
-
teddyColorOrange300,
|
|
245
|
-
teddyColorOrange400,
|
|
246
|
-
teddyColorOrange50,
|
|
247
|
-
teddyColorOrange500,
|
|
248
|
-
teddyColorOrange600,
|
|
249
|
-
teddyColorOrange700,
|
|
250
|
-
teddyColorOrange800,
|
|
251
|
-
teddyColorOrange900,
|
|
252
|
-
teddyColorOrange950,
|
|
253
|
-
teddyColorOverlayDefault,
|
|
254
|
-
teddyColorPurple100,
|
|
255
|
-
teddyColorPurple200,
|
|
256
|
-
teddyColorPurple300,
|
|
257
|
-
teddyColorPurple400,
|
|
258
|
-
teddyColorPurple50,
|
|
259
|
-
teddyColorPurple500,
|
|
260
|
-
teddyColorPurple550,
|
|
261
|
-
teddyColorPurple600,
|
|
262
|
-
teddyColorPurple700,
|
|
263
|
-
teddyColorPurple800,
|
|
264
|
-
teddyColorPurple900,
|
|
265
|
-
teddyColorPurple950,
|
|
266
|
-
teddyColorRed100,
|
|
267
|
-
teddyColorRed200,
|
|
268
|
-
teddyColorRed300,
|
|
269
|
-
teddyColorRed400,
|
|
270
|
-
teddyColorRed50,
|
|
271
|
-
teddyColorRed500,
|
|
272
|
-
teddyColorRed600,
|
|
273
|
-
teddyColorRed700,
|
|
274
|
-
teddyColorRed800,
|
|
275
|
-
teddyColorRed900,
|
|
276
|
-
teddyColorRed950,
|
|
277
|
-
teddyColorTeal100,
|
|
278
|
-
teddyColorTeal200,
|
|
279
|
-
teddyColorTeal300,
|
|
280
|
-
teddyColorTeal400,
|
|
281
|
-
teddyColorTeal50,
|
|
282
|
-
teddyColorTeal500,
|
|
283
|
-
teddyColorTeal600,
|
|
284
|
-
teddyColorTeal700,
|
|
285
|
-
teddyColorTeal800,
|
|
286
|
-
teddyColorTeal900,
|
|
287
|
-
teddyColorTeal950,
|
|
288
|
-
teddyColorTextDefault,
|
|
289
|
-
teddyColorTextDefaultNegative,
|
|
290
|
-
teddyColorTextInteractiveOnDestructive,
|
|
291
|
-
teddyColorTextInteractiveOnExpressive,
|
|
292
|
-
teddyColorTextInteractiveOnExpressiveNegative,
|
|
293
|
-
teddyColorTextInteractiveOnExpressiveNegativeActive,
|
|
294
|
-
teddyColorTextInteractiveOnExpressiveNegativeHover,
|
|
295
|
-
teddyColorTextInteractiveOnPrimary,
|
|
296
|
-
teddyColorTextInteractiveOnPrimaryNegative,
|
|
297
|
-
teddyColorTextInteractivePrimary,
|
|
298
|
-
teddyColorTextInteractivePrimaryActive,
|
|
299
|
-
teddyColorTextInteractivePrimaryHover,
|
|
300
|
-
teddyColorTextInteractivePrimaryNegative,
|
|
301
|
-
teddyColorTextInteractivePrimaryNegativeActive,
|
|
302
|
-
teddyColorTextInteractivePrimaryNegativeHover,
|
|
303
|
-
teddyColorTextInteractiveSelected,
|
|
304
|
-
teddyColorTextMedium,
|
|
305
|
-
teddyColorTextMediumNegative,
|
|
306
|
-
teddyColorTextStatusAttention,
|
|
307
|
-
teddyColorTextStatusDiscount,
|
|
308
|
-
teddyColorTextStatusErrorMedium,
|
|
309
|
-
teddyColorTextStatusErrorStrong,
|
|
310
|
-
teddyColorTextStatusInfoMedium,
|
|
311
|
-
teddyColorTextStatusInfoStrong,
|
|
312
|
-
teddyColorTextStatusNeutral,
|
|
313
|
-
teddyColorTextStatusSpecial,
|
|
314
|
-
teddyColorTextStatusSuccessMedium,
|
|
315
|
-
teddyColorTextStatusSuccessStrong,
|
|
316
|
-
teddyColorTextStatusWarningMedium,
|
|
317
|
-
teddyColorTextStatusWarningStrong,
|
|
318
|
-
teddyColorTextToneOnTonePrimary,
|
|
319
|
-
teddyColorTextToneOnToneSecondary,
|
|
320
|
-
teddyColorTextToneOnToneTertiary,
|
|
321
|
-
teddyColorTextWeak,
|
|
322
|
-
teddyColorTextWeakNegative,
|
|
323
|
-
teddyColorTransparentBlack100,
|
|
324
|
-
teddyColorTransparentBlack150,
|
|
325
|
-
teddyColorTransparentBlack200,
|
|
326
|
-
teddyColorTransparentBlack300,
|
|
327
|
-
teddyColorTransparentBlack400,
|
|
328
|
-
teddyColorTransparentBlack50,
|
|
329
|
-
teddyColorTransparentBlack500,
|
|
330
|
-
teddyColorTransparentBlack600,
|
|
331
|
-
teddyColorTransparentBlack700,
|
|
332
|
-
teddyColorTransparentBlack800,
|
|
333
|
-
teddyColorTransparentBlack850,
|
|
334
|
-
teddyColorTransparentBlack900,
|
|
335
|
-
teddyColorTransparentBlack950,
|
|
336
|
-
teddyColorTransparentWhite100,
|
|
337
|
-
teddyColorTransparentWhite150,
|
|
338
|
-
teddyColorTransparentWhite200,
|
|
339
|
-
teddyColorTransparentWhite300,
|
|
340
|
-
teddyColorTransparentWhite400,
|
|
341
|
-
teddyColorTransparentWhite50,
|
|
342
|
-
teddyColorTransparentWhite500,
|
|
343
|
-
teddyColorTransparentWhite600,
|
|
344
|
-
teddyColorTransparentWhite700,
|
|
345
|
-
teddyColorTransparentWhite800,
|
|
346
|
-
teddyColorTransparentWhite850,
|
|
347
|
-
teddyColorTransparentWhite900,
|
|
348
|
-
teddyColorTransparentWhite950,
|
|
349
|
-
teddyMotionDuration100,
|
|
350
|
-
teddyMotionDuration150,
|
|
351
|
-
teddyMotionDuration1500,
|
|
352
|
-
teddyMotionDuration200,
|
|
353
|
-
teddyMotionDuration2000,
|
|
354
|
-
teddyMotionDuration300,
|
|
355
|
-
teddyMotionDuration400,
|
|
356
|
-
teddyMotionDuration500,
|
|
357
|
-
teddyMotionEasingEaseIn,
|
|
358
|
-
teddyMotionEasingEaseInOut,
|
|
359
|
-
teddyMotionEasingEaseOut,
|
|
360
|
-
teddyShadowLg,
|
|
361
|
-
teddyShadowMd,
|
|
362
|
-
teddyShadowNone,
|
|
363
|
-
teddyShadowSm,
|
|
364
|
-
teddySpacing0,
|
|
365
|
-
teddySpacing10,
|
|
366
|
-
teddySpacing100,
|
|
367
|
-
teddySpacing1000,
|
|
368
|
-
teddySpacing1200,
|
|
369
|
-
teddySpacing150,
|
|
370
|
-
teddySpacing1600,
|
|
371
|
-
teddySpacing200,
|
|
372
|
-
teddySpacing25,
|
|
373
|
-
teddySpacing250,
|
|
374
|
-
teddySpacing300,
|
|
375
|
-
teddySpacing400,
|
|
376
|
-
teddySpacing50,
|
|
377
|
-
teddySpacing600,
|
|
378
|
-
teddySpacing800,
|
|
379
|
-
teddySpacingGutterLg,
|
|
380
|
-
teddySpacingGutterMd,
|
|
381
|
-
teddySpacingGutterSm,
|
|
382
|
-
teddySpacingGutterXl,
|
|
383
|
-
teddySpacingPagePaddingLg,
|
|
384
|
-
teddySpacingPagePaddingMd,
|
|
385
|
-
teddySpacingPagePaddingSm,
|
|
386
|
-
teddySpacingPagePaddingXl,
|
|
387
|
-
teddyTypographyFamilyDefault,
|
|
388
|
-
teddyTypographyFamilyDisplay,
|
|
389
|
-
teddyTypographyLineHeightDefault,
|
|
390
|
-
teddyTypographyLineHeightLoose,
|
|
391
|
-
teddyTypographyLineHeightLooser,
|
|
392
|
-
teddyTypographyLineHeightTight,
|
|
393
|
-
teddyTypographyScale100,
|
|
394
|
-
teddyTypographyScale1000,
|
|
395
|
-
teddyTypographyScale1100,
|
|
396
|
-
teddyTypographyScale150,
|
|
397
|
-
teddyTypographyScale200,
|
|
398
|
-
teddyTypographyScale400,
|
|
399
|
-
teddyTypographyScale50,
|
|
400
|
-
teddyTypographyScale500,
|
|
401
|
-
teddyTypographyScale600,
|
|
402
|
-
teddyTypographyScale650,
|
|
403
|
-
teddyTypographyScale700,
|
|
404
|
-
teddyTypographyScale75,
|
|
405
|
-
teddyTypographyScale800,
|
|
406
|
-
teddyTypographyScale850,
|
|
407
|
-
teddyTypographyScale900,
|
|
408
|
-
teddyTypographyWeightBold,
|
|
409
|
-
teddyTypographyWeightMedium,
|
|
410
|
-
teddyTypographyWeightNormal,
|
|
411
|
-
toast
|
|
113
|
+
v4 as motion,
|
|
114
|
+
v5 as shadow,
|
|
115
|
+
v6 as spacing,
|
|
116
|
+
toast,
|
|
117
|
+
v7 as typography
|
|
412
118
|
};
|
package/dist/style.css
CHANGED
|
@@ -3568,14 +3568,14 @@
|
|
|
3568
3568
|
--teddy-color-brand-core-purple: var(--teddy-color-purple-550);
|
|
3569
3569
|
--teddy-color-brand-deep-purple: var(--teddy-color-purple-900);
|
|
3570
3570
|
}
|
|
3571
|
-
._teddy-
|
|
3571
|
+
._teddy-carousel_1pdex_2 {
|
|
3572
3572
|
width: 100%;
|
|
3573
3573
|
min-width: 10rem;
|
|
3574
3574
|
max-width: 15rem;
|
|
3575
3575
|
height: 288px;
|
|
3576
3576
|
margin: 0 auto 2rem;
|
|
3577
3577
|
}
|
|
3578
|
-
._teddy-
|
|
3578
|
+
._teddy-carousel__arrow_1pdex_9 {
|
|
3579
3579
|
display: flex;
|
|
3580
3580
|
justify-content: center;
|
|
3581
3581
|
align-items: center;
|
|
@@ -3583,23 +3583,26 @@
|
|
|
3583
3583
|
width: 3rem;
|
|
3584
3584
|
height: 3rem;
|
|
3585
3585
|
border-radius: 2rem;
|
|
3586
|
+
transition-duration: var(--teddy-motion-duration-100);
|
|
3587
|
+
transition-timing-function: var(--teddy-motion-easing-ease-in-out);
|
|
3588
|
+
transition-property: background-color, color;
|
|
3586
3589
|
}
|
|
3587
|
-
._teddy-
|
|
3590
|
+
._teddy-carousel__item_1pdex_21 {
|
|
3588
3591
|
display: flex !important;
|
|
3589
3592
|
justify-content: center;
|
|
3590
3593
|
}
|
|
3591
|
-
._teddy-
|
|
3592
|
-
._teddy-
|
|
3594
|
+
._teddy-carousel_1pdex_2 .slick-prev:before,
|
|
3595
|
+
._teddy-carousel_1pdex_2 .slick-next:before {
|
|
3593
3596
|
content: "";
|
|
3594
3597
|
}
|
|
3595
|
-
._teddy-
|
|
3598
|
+
._teddy-carousel_1pdex_2 .slick-disabled {
|
|
3596
3599
|
cursor: initial;
|
|
3597
3600
|
opacity: 0.3;
|
|
3598
3601
|
}
|
|
3599
|
-
._teddy-
|
|
3602
|
+
._teddy-carousel_1pdex_2 .slick-track {
|
|
3600
3603
|
display: flex;
|
|
3601
3604
|
}
|
|
3602
|
-
._teddy-
|
|
3605
|
+
._teddy-carousel_1pdex_2 .slick-slide > div {
|
|
3603
3606
|
display: grid;
|
|
3604
3607
|
place-items: center;
|
|
3605
3608
|
width: 80%;
|
|
@@ -3607,68 +3610,82 @@
|
|
|
3607
3610
|
height: 260px;
|
|
3608
3611
|
padding: 0px;
|
|
3609
3612
|
}
|
|
3610
|
-
._teddy-
|
|
3613
|
+
._teddy-carousel_1pdex_2 .slick-slide img {
|
|
3611
3614
|
max-width: 10rem;
|
|
3612
3615
|
max-height: 12.5rem;
|
|
3613
3616
|
object-fit: contain;
|
|
3614
3617
|
width: 100%;
|
|
3615
3618
|
height: 100%;
|
|
3616
3619
|
}
|
|
3617
|
-
._teddy-
|
|
3620
|
+
._teddy-carousel_1pdex_2 .slick-next {
|
|
3618
3621
|
right: 0;
|
|
3622
|
+
color: var(--teddy-color-purple-700);
|
|
3619
3623
|
}
|
|
3620
|
-
._teddy-
|
|
3624
|
+
._teddy-carousel_1pdex_2 .slick-prev {
|
|
3621
3625
|
left: 0;
|
|
3626
|
+
color: var(--teddy-color-purple-700);
|
|
3627
|
+
}
|
|
3628
|
+
._teddy-carousel_1pdex_2 .slick-prev:focus-visible,
|
|
3629
|
+
._teddy-carousel_1pdex_2 .slick-prev:active,
|
|
3630
|
+
._teddy-carousel_1pdex_2 .slick-next:active,
|
|
3631
|
+
._teddy-carousel_1pdex_2 .slick-next:focus-visible {
|
|
3632
|
+
color: var(--teddy-color-text-interactive-primary-active);
|
|
3633
|
+
background-color: var(--teddy-color-border-interactive-primary-negative-hover);
|
|
3634
|
+
}
|
|
3635
|
+
._teddy-carousel_1pdex_2 .slick-prev:hover,
|
|
3636
|
+
._teddy-carousel_1pdex_2 .slick-next:hover {
|
|
3637
|
+
color: var(--teddy-color-text-interactive-primary-hover);
|
|
3638
|
+
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
3622
3639
|
}
|
|
3623
|
-
._teddy-
|
|
3640
|
+
._teddy-carousel_1pdex_2 .slick-dots {
|
|
3624
3641
|
bottom: -2rem;
|
|
3625
3642
|
margin: 0;
|
|
3626
3643
|
padding: 0;
|
|
3627
3644
|
}
|
|
3628
|
-
._teddy-
|
|
3645
|
+
._teddy-carousel_1pdex_2 .slick-dots button {
|
|
3629
3646
|
width: 24px;
|
|
3630
3647
|
height: 24px;
|
|
3631
3648
|
}
|
|
3632
|
-
._teddy-
|
|
3649
|
+
._teddy-carousel_1pdex_2 .slick-dots button:before {
|
|
3633
3650
|
width: 24px;
|
|
3634
3651
|
height: 24px;
|
|
3635
3652
|
}
|
|
3636
|
-
._teddy-
|
|
3653
|
+
._teddy-carousel_1pdex_2 .slick-dots button:hover:before {
|
|
3637
3654
|
color: var(--teddy-color-purple-700);
|
|
3638
3655
|
}
|
|
3639
|
-
._teddy-
|
|
3656
|
+
._teddy-carousel_1pdex_2 .slick-dots .slick-active button:before {
|
|
3640
3657
|
color: var(--teddy-color-purple-700);
|
|
3641
3658
|
}
|
|
3642
|
-
._teddy-
|
|
3659
|
+
._teddy-carousel_1pdex_2 .slick-dots li {
|
|
3643
3660
|
width: 24px;
|
|
3644
3661
|
height: 24px;
|
|
3645
3662
|
margin: 0;
|
|
3646
3663
|
padding: 0;
|
|
3647
3664
|
}
|
|
3648
|
-
._teddy-
|
|
3665
|
+
._teddy-carousel_1pdex_2 .slick-dots li button:before {
|
|
3649
3666
|
font-size: 1rem;
|
|
3650
3667
|
}
|
|
3651
|
-
._teddy-carousel--
|
|
3668
|
+
._teddy-carousel--sm_1pdex_99 {
|
|
3652
3669
|
height: 180px;
|
|
3653
3670
|
}
|
|
3654
|
-
._teddy-carousel--
|
|
3671
|
+
._teddy-carousel--sm_1pdex_99 .slick-slide > div {
|
|
3655
3672
|
height: 170px;
|
|
3656
3673
|
}
|
|
3657
|
-
._teddy-carousel--
|
|
3674
|
+
._teddy-carousel--sm_1pdex_99 .slick-slide img {
|
|
3658
3675
|
max-width: 8rem;
|
|
3659
3676
|
max-height: 10rem;
|
|
3660
3677
|
}
|
|
3661
|
-
._teddy-carousel--
|
|
3662
|
-
right: 0.5rem;
|
|
3678
|
+
._teddy-carousel--sm_1pdex_99 .slick-next {
|
|
3679
|
+
right: -0.5rem;
|
|
3663
3680
|
}
|
|
3664
|
-
._teddy-carousel--
|
|
3665
|
-
left: 0.5rem;
|
|
3681
|
+
._teddy-carousel--sm_1pdex_99 .slick-prev {
|
|
3682
|
+
left: -0.5rem;
|
|
3666
3683
|
}
|
|
3667
3684
|
@media (min-width: 600px) {
|
|
3668
|
-
._teddy-carousel--
|
|
3685
|
+
._teddy-carousel--sm_1pdex_99 .slick-next {
|
|
3669
3686
|
right: 0rem;
|
|
3670
3687
|
}
|
|
3671
|
-
._teddy-carousel--
|
|
3688
|
+
._teddy-carousel--sm_1pdex_99 .slick-prev {
|
|
3672
3689
|
left: 0rem;
|
|
3673
3690
|
}
|
|
3674
3691
|
}@layer heading, button, card, notification;
|
|
@@ -5867,8 +5884,6 @@
|
|
|
5867
5884
|
calc(0.75rem * var(--teddy-scale)) calc(0rem * var(--teddy-scale)) rgba(0, 0, 0, 0.1);
|
|
5868
5885
|
--teddy-shadow-lg: calc(0rem * var(--teddy-scale)) calc(0.75rem * var(--teddy-scale))
|
|
5869
5886
|
calc(1.5rem * var(--teddy-scale)) calc(0rem * var(--teddy-scale)) rgba(0, 0, 0, 0.1);
|
|
5870
|
-
--teddy-shadow-sm-2: calc(0rem * var(--teddy-scale)) calc(0.0625rem * var(--teddy-scale))
|
|
5871
|
-
calc(0.25rem * var(--teddy-scale)) calc(0rem * var(--teddy-scale)) rgba(0, 0, 0, 0.2);
|
|
5872
5887
|
}
|
|
5873
5888
|
:root {
|
|
5874
5889
|
--teddy-spacing-1600: calc(8rem * var(--teddy-scale));
|
|
@@ -9,6 +9,18 @@ const teddyBorderWidthXs = "1px";
|
|
|
9
9
|
const teddyBorderWidthSm = "2px";
|
|
10
10
|
const teddyBorderWidthMd = "3px";
|
|
11
11
|
const teddyBorderWidthLg = "6px";
|
|
12
|
+
const variables = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
13
|
+
__proto__: null,
|
|
14
|
+
teddyBorderRadiusFull,
|
|
15
|
+
teddyBorderRadiusLg,
|
|
16
|
+
teddyBorderRadiusMd,
|
|
17
|
+
teddyBorderRadiusSm,
|
|
18
|
+
teddyBorderRadiusXs,
|
|
19
|
+
teddyBorderWidthLg,
|
|
20
|
+
teddyBorderWidthMd,
|
|
21
|
+
teddyBorderWidthSm,
|
|
22
|
+
teddyBorderWidthXs
|
|
23
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
12
24
|
exports.teddyBorderRadiusFull = teddyBorderRadiusFull;
|
|
13
25
|
exports.teddyBorderRadiusLg = teddyBorderRadiusLg;
|
|
14
26
|
exports.teddyBorderRadiusMd = teddyBorderRadiusMd;
|
|
@@ -18,3 +30,4 @@ exports.teddyBorderWidthLg = teddyBorderWidthLg;
|
|
|
18
30
|
exports.teddyBorderWidthMd = teddyBorderWidthMd;
|
|
19
31
|
exports.teddyBorderWidthSm = teddyBorderWidthSm;
|
|
20
32
|
exports.teddyBorderWidthXs = teddyBorderWidthXs;
|
|
33
|
+
exports.variables = variables;
|
|
@@ -7,7 +7,8 @@ const teddyBorderWidthXs = "1px";
|
|
|
7
7
|
const teddyBorderWidthSm = "2px";
|
|
8
8
|
const teddyBorderWidthMd = "3px";
|
|
9
9
|
const teddyBorderWidthLg = "6px";
|
|
10
|
-
|
|
10
|
+
const variables = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
11
|
+
__proto__: null,
|
|
11
12
|
teddyBorderRadiusFull,
|
|
12
13
|
teddyBorderRadiusLg,
|
|
13
14
|
teddyBorderRadiusMd,
|
|
@@ -17,4 +18,16 @@ export {
|
|
|
17
18
|
teddyBorderWidthMd,
|
|
18
19
|
teddyBorderWidthSm,
|
|
19
20
|
teddyBorderWidthXs
|
|
21
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
22
|
+
export {
|
|
23
|
+
teddyBorderRadiusFull,
|
|
24
|
+
teddyBorderRadiusLg,
|
|
25
|
+
teddyBorderRadiusMd,
|
|
26
|
+
teddyBorderRadiusSm,
|
|
27
|
+
teddyBorderRadiusXs,
|
|
28
|
+
teddyBorderWidthLg,
|
|
29
|
+
teddyBorderWidthMd,
|
|
30
|
+
teddyBorderWidthSm,
|
|
31
|
+
teddyBorderWidthXs,
|
|
32
|
+
variables as v
|
|
20
33
|
};
|
|
@@ -4,7 +4,15 @@ const teddyBreakpointSm = "0px";
|
|
|
4
4
|
const teddyBreakpointMd = "600px";
|
|
5
5
|
const teddyBreakpointLg = "1024px";
|
|
6
6
|
const teddyBreakpointXl = "1440px";
|
|
7
|
+
const variables = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
8
|
+
__proto__: null,
|
|
9
|
+
teddyBreakpointLg,
|
|
10
|
+
teddyBreakpointMd,
|
|
11
|
+
teddyBreakpointSm,
|
|
12
|
+
teddyBreakpointXl
|
|
13
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
7
14
|
exports.teddyBreakpointLg = teddyBreakpointLg;
|
|
8
15
|
exports.teddyBreakpointMd = teddyBreakpointMd;
|
|
9
16
|
exports.teddyBreakpointSm = teddyBreakpointSm;
|
|
10
17
|
exports.teddyBreakpointXl = teddyBreakpointXl;
|
|
18
|
+
exports.variables = variables;
|
|
@@ -2,9 +2,17 @@ const teddyBreakpointSm = "0px";
|
|
|
2
2
|
const teddyBreakpointMd = "600px";
|
|
3
3
|
const teddyBreakpointLg = "1024px";
|
|
4
4
|
const teddyBreakpointXl = "1440px";
|
|
5
|
-
|
|
5
|
+
const variables = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
6
|
+
__proto__: null,
|
|
6
7
|
teddyBreakpointLg,
|
|
7
8
|
teddyBreakpointMd,
|
|
8
9
|
teddyBreakpointSm,
|
|
9
10
|
teddyBreakpointXl
|
|
11
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
12
|
+
export {
|
|
13
|
+
teddyBreakpointLg,
|
|
14
|
+
teddyBreakpointMd,
|
|
15
|
+
teddyBreakpointSm,
|
|
16
|
+
teddyBreakpointXl,
|
|
17
|
+
variables as v
|
|
10
18
|
};
|