@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.
Files changed (33) hide show
  1. package/README.md +4 -4
  2. package/dist/components/carousel/carousel-root.cjs +5 -6
  3. package/dist/components/carousel/carousel-root.js +5 -6
  4. package/dist/components/icon/AllIcons.cjs +3 -0
  5. package/dist/components/icon/AllIcons.js +3 -0
  6. package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.cjs +3 -0
  7. package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.js +3 -0
  8. package/dist/components/navigation-menu/global-navigation/utils.cjs +1 -0
  9. package/dist/components/navigation-menu/global-navigation/utils.d.ts +2 -0
  10. package/dist/components/navigation-menu/global-navigation/utils.js +1 -0
  11. package/dist/components/radio-card-group/radio-card-group-item-title.cjs +11 -7
  12. package/dist/components/radio-card-group/radio-card-group-item-title.js +11 -7
  13. package/dist/main.cjs +7 -301
  14. package/dist/main.js +15 -309
  15. package/dist/style.css +44 -29
  16. package/dist/tokens/border/variables.cjs +13 -0
  17. package/dist/tokens/border/variables.js +14 -1
  18. package/dist/tokens/breakpoint/variables.cjs +8 -0
  19. package/dist/tokens/breakpoint/variables.js +9 -1
  20. package/dist/tokens/color/variables.cjs +230 -0
  21. package/dist/tokens/color/variables.js +231 -1
  22. package/dist/tokens/index.cjs +7 -301
  23. package/dist/tokens/index.d.ts +7 -7
  24. package/dist/tokens/index.js +14 -308
  25. package/dist/tokens/motion/variables.cjs +15 -0
  26. package/dist/tokens/motion/variables.js +16 -1
  27. package/dist/tokens/shadow/variables.cjs +8 -0
  28. package/dist/tokens/shadow/variables.js +9 -1
  29. package/dist/tokens/spacing/variables.cjs +27 -0
  30. package/dist/tokens/spacing/variables.js +28 -1
  31. package/dist/tokens/typography/variables.cjs +28 -0
  32. package/dist/tokens/typography/variables.js +29 -1
  33. 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 { teddyBorderRadiusFull, teddyBorderRadiusLg, teddyBorderRadiusMd, teddyBorderRadiusSm, teddyBorderRadiusXs, teddyBorderWidthLg, teddyBorderWidthMd, teddyBorderWidthSm, teddyBorderWidthXs } from "./tokens/border/variables.js";
49
- import { teddyBreakpointLg, teddyBreakpointMd, teddyBreakpointSm, teddyBreakpointXl } from "./tokens/breakpoint/variables.js";
50
- import { teddyColorBackgroundInteractiveDestructive, teddyColorBackgroundInteractiveDestructiveActive, teddyColorBackgroundInteractiveDestructiveHover, teddyColorBackgroundInteractiveDisabled, teddyColorBackgroundInteractiveDisabledNegative, teddyColorBackgroundInteractiveExpressive, teddyColorBackgroundInteractiveExpressiveActive, teddyColorBackgroundInteractiveExpressiveHover, teddyColorBackgroundInteractiveExpressiveNegative, teddyColorBackgroundInteractiveExpressiveNegativeActive, teddyColorBackgroundInteractiveExpressiveNegativeHover, teddyColorBackgroundInteractiveInactive, teddyColorBackgroundInteractiveInactiveNegative, teddyColorBackgroundInteractivePrimary, teddyColorBackgroundInteractivePrimaryActive, teddyColorBackgroundInteractivePrimaryHover, teddyColorBackgroundInteractivePrimaryNegative, teddyColorBackgroundInteractivePrimaryNegativeActive, teddyColorBackgroundInteractivePrimaryNegativeHover, teddyColorBackgroundInteractiveReadOnly, teddyColorBackgroundInteractiveTransparent, teddyColorBackgroundInteractiveTransparentActive, teddyColorBackgroundInteractiveTransparentHover, teddyColorBackgroundInteractiveTransparentNegativeActive, teddyColorBackgroundInteractiveTransparentNegativeHover, teddyColorBackgroundPrimary, teddyColorBackgroundSecondary, teddyColorBackgroundStatusAttention, teddyColorBackgroundStatusError, teddyColorBackgroundStatusErrorStrong, teddyColorBackgroundStatusInfo, teddyColorBackgroundStatusInfoStrong, teddyColorBackgroundStatusNeutral, teddyColorBackgroundStatusSpecial, teddyColorBackgroundStatusSuccess, teddyColorBackgroundStatusSuccessStrong, teddyColorBackgroundStatusWarning, teddyColorBackgroundStatusWarningStrong, teddyColorBackgroundToneOnTonePrimary, teddyColorBackgroundToneOnToneQuaternary, teddyColorBackgroundToneOnToneSecondary, teddyColorBackgroundToneOnToneTertiary, teddyColorBeige100, teddyColorBeige200, teddyColorBeige300, teddyColorBeige400, teddyColorBeige50, teddyColorBeige500, teddyColorBeige600, teddyColorBeige700, teddyColorBeige800, teddyColorBeige900, teddyColorBeige950, teddyColorBlue100, teddyColorBlue200, teddyColorBlue300, teddyColorBlue400, teddyColorBlue50, teddyColorBlue500, teddyColorBlue600, teddyColorBlue700, teddyColorBlue800, teddyColorBlue900, teddyColorBlue950, teddyColorBorderInteractiveFocus, teddyColorBorderInteractivePrimary, teddyColorBorderInteractivePrimaryActive, teddyColorBorderInteractivePrimaryHover, teddyColorBorderInteractivePrimaryNegative, teddyColorBorderInteractivePrimaryNegativeActive, teddyColorBorderInteractivePrimaryNegativeHover, teddyColorBorderInteractiveSelected, teddyColorBorderInteractiveSubtle, teddyColorBorderInteractiveSubtleHover, teddyColorBorderMedium, teddyColorBorderMediumNegative, teddyColorBorderStatusError, teddyColorBorderStatusInfo, teddyColorBorderStatusSuccess, teddyColorBorderStatusWarning, teddyColorBorderStrong, teddyColorBorderStrongNegative, teddyColorBorderWeak, teddyColorBorderWeakNegative, teddyColorBrandBeige, teddyColorBrandCorePurple, teddyColorBrandDeepBeige, teddyColorBrandDeepPurple, teddyColorBrandLightBeige, teddyColorBrandLightPurple, teddyColorBrandOffBlack, teddyColorBrandWhite, teddyColorFunctionalBlack, teddyColorFunctionalTransparent, teddyColorFunctionalWhite, teddyColorGray100, teddyColorGray150, teddyColorGray200, teddyColorGray300, teddyColorGray400, teddyColorGray50, teddyColorGray500, teddyColorGray600, teddyColorGray700, teddyColorGray800, teddyColorGray850, teddyColorGray900, teddyColorGray950, teddyColorGreen100, teddyColorGreen200, teddyColorGreen300, teddyColorGreen400, teddyColorGreen50, teddyColorGreen500, teddyColorGreen600, teddyColorGreen700, teddyColorGreen800, teddyColorGreen900, teddyColorGreen950, teddyColorOrange100, teddyColorOrange200, teddyColorOrange300, teddyColorOrange400, teddyColorOrange50, teddyColorOrange500, teddyColorOrange600, teddyColorOrange700, teddyColorOrange800, teddyColorOrange900, teddyColorOrange950, teddyColorOverlayDefault, teddyColorPurple100, teddyColorPurple200, teddyColorPurple300, teddyColorPurple400, teddyColorPurple50, teddyColorPurple500, teddyColorPurple550, teddyColorPurple600, teddyColorPurple700, teddyColorPurple800, teddyColorPurple900, teddyColorPurple950, teddyColorRed100, teddyColorRed200, teddyColorRed300, teddyColorRed400, teddyColorRed50, teddyColorRed500, teddyColorRed600, teddyColorRed700, teddyColorRed800, teddyColorRed900, teddyColorRed950, teddyColorTeal100, teddyColorTeal200, teddyColorTeal300, teddyColorTeal400, teddyColorTeal50, teddyColorTeal500, teddyColorTeal600, teddyColorTeal700, teddyColorTeal800, teddyColorTeal900, teddyColorTeal950, teddyColorTextDefault, teddyColorTextDefaultNegative, teddyColorTextInteractiveOnDestructive, teddyColorTextInteractiveOnExpressive, teddyColorTextInteractiveOnExpressiveNegative, teddyColorTextInteractiveOnExpressiveNegativeActive, teddyColorTextInteractiveOnExpressiveNegativeHover, teddyColorTextInteractiveOnPrimary, teddyColorTextInteractiveOnPrimaryNegative, teddyColorTextInteractivePrimary, teddyColorTextInteractivePrimaryActive, teddyColorTextInteractivePrimaryHover, teddyColorTextInteractivePrimaryNegative, teddyColorTextInteractivePrimaryNegativeActive, teddyColorTextInteractivePrimaryNegativeHover, teddyColorTextInteractiveSelected, teddyColorTextMedium, teddyColorTextMediumNegative, teddyColorTextStatusAttention, teddyColorTextStatusDiscount, teddyColorTextStatusErrorMedium, teddyColorTextStatusErrorStrong, teddyColorTextStatusInfoMedium, teddyColorTextStatusInfoStrong, teddyColorTextStatusNeutral, teddyColorTextStatusSpecial, teddyColorTextStatusSuccessMedium, teddyColorTextStatusSuccessStrong, teddyColorTextStatusWarningMedium, teddyColorTextStatusWarningStrong, teddyColorTextToneOnTonePrimary, teddyColorTextToneOnToneSecondary, teddyColorTextToneOnToneTertiary, teddyColorTextWeak, teddyColorTextWeakNegative, teddyColorTransparentBlack100, teddyColorTransparentBlack150, teddyColorTransparentBlack200, teddyColorTransparentBlack300, teddyColorTransparentBlack400, teddyColorTransparentBlack50, teddyColorTransparentBlack500, teddyColorTransparentBlack600, teddyColorTransparentBlack700, teddyColorTransparentBlack800, teddyColorTransparentBlack850, teddyColorTransparentBlack900, teddyColorTransparentBlack950, teddyColorTransparentWhite100, teddyColorTransparentWhite150, teddyColorTransparentWhite200, teddyColorTransparentWhite300, teddyColorTransparentWhite400, teddyColorTransparentWhite50, teddyColorTransparentWhite500, teddyColorTransparentWhite600, teddyColorTransparentWhite700, teddyColorTransparentWhite800, teddyColorTransparentWhite850, teddyColorTransparentWhite900, teddyColorTransparentWhite950 } from "./tokens/color/variables.js";
51
- import { teddyMotionDuration100, teddyMotionDuration150, teddyMotionDuration1500, teddyMotionDuration200, teddyMotionDuration2000, teddyMotionDuration300, teddyMotionDuration400, teddyMotionDuration500, teddyMotionEasingEaseIn, teddyMotionEasingEaseInOut, teddyMotionEasingEaseOut } from "./tokens/motion/variables.js";
52
- import { teddyShadowLg, teddyShadowMd, teddyShadowNone, teddyShadowSm } from "./tokens/shadow/variables.js";
53
- import { teddySpacing0, teddySpacing10, teddySpacing100, teddySpacing1000, teddySpacing1200, teddySpacing150, teddySpacing1600, teddySpacing200, teddySpacing25, teddySpacing250, teddySpacing300, teddySpacing400, teddySpacing50, teddySpacing600, teddySpacing800, teddySpacingGutterLg, teddySpacingGutterMd, teddySpacingGutterSm, teddySpacingGutterXl, teddySpacingPagePaddingLg, teddySpacingPagePaddingMd, teddySpacingPagePaddingSm, teddySpacingPagePaddingXl } from "./tokens/spacing/variables.js";
54
- import { teddyTypographyFamilyDefault, teddyTypographyFamilyDisplay, teddyTypographyLineHeightDefault, teddyTypographyLineHeightLoose, teddyTypographyLineHeightLooser, teddyTypographyLineHeightTight, teddyTypographyScale100, teddyTypographyScale1000, teddyTypographyScale1100, teddyTypographyScale150, teddyTypographyScale200, teddyTypographyScale400, teddyTypographyScale50, teddyTypographyScale500, teddyTypographyScale600, teddyTypographyScale650, teddyTypographyScale700, teddyTypographyScale75, teddyTypographyScale800, teddyTypographyScale850, teddyTypographyScale900, teddyTypographyWeightBold, teddyTypographyWeightMedium, teddyTypographyWeightNormal } from "./tokens/typography/variables.js";
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
- teddyBorderRadiusFull,
111
- teddyBorderRadiusLg,
112
- teddyBorderRadiusMd,
113
- teddyBorderRadiusSm,
114
- teddyBorderRadiusXs,
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-carousel_13hgl_2 {
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-carousel__arrow_13hgl_9 {
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-carousel__item_13hgl_18 {
3590
+ ._teddy-carousel__item_1pdex_21 {
3588
3591
  display: flex !important;
3589
3592
  justify-content: center;
3590
3593
  }
3591
- ._teddy-carousel_13hgl_2 .slick-prev:before,
3592
- ._teddy-carousel_13hgl_2 .slick-next:before {
3594
+ ._teddy-carousel_1pdex_2 .slick-prev:before,
3595
+ ._teddy-carousel_1pdex_2 .slick-next:before {
3593
3596
  content: "";
3594
3597
  }
3595
- ._teddy-carousel_13hgl_2 .slick-disabled {
3598
+ ._teddy-carousel_1pdex_2 .slick-disabled {
3596
3599
  cursor: initial;
3597
3600
  opacity: 0.3;
3598
3601
  }
3599
- ._teddy-carousel_13hgl_2 .slick-track {
3602
+ ._teddy-carousel_1pdex_2 .slick-track {
3600
3603
  display: flex;
3601
3604
  }
3602
- ._teddy-carousel_13hgl_2 .slick-slide > div {
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-carousel_13hgl_2 .slick-slide img {
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-carousel_13hgl_2 .slick-next {
3620
+ ._teddy-carousel_1pdex_2 .slick-next {
3618
3621
  right: 0;
3622
+ color: var(--teddy-color-purple-700);
3619
3623
  }
3620
- ._teddy-carousel_13hgl_2 .slick-prev {
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-carousel_13hgl_2 .slick-dots {
3640
+ ._teddy-carousel_1pdex_2 .slick-dots {
3624
3641
  bottom: -2rem;
3625
3642
  margin: 0;
3626
3643
  padding: 0;
3627
3644
  }
3628
- ._teddy-carousel_13hgl_2 .slick-dots button {
3645
+ ._teddy-carousel_1pdex_2 .slick-dots button {
3629
3646
  width: 24px;
3630
3647
  height: 24px;
3631
3648
  }
3632
- ._teddy-carousel_13hgl_2 .slick-dots button:before {
3649
+ ._teddy-carousel_1pdex_2 .slick-dots button:before {
3633
3650
  width: 24px;
3634
3651
  height: 24px;
3635
3652
  }
3636
- ._teddy-carousel_13hgl_2 .slick-dots button:hover:before {
3653
+ ._teddy-carousel_1pdex_2 .slick-dots button:hover:before {
3637
3654
  color: var(--teddy-color-purple-700);
3638
3655
  }
3639
- ._teddy-carousel_13hgl_2 .slick-dots .slick-active button:before {
3656
+ ._teddy-carousel_1pdex_2 .slick-dots .slick-active button:before {
3640
3657
  color: var(--teddy-color-purple-700);
3641
3658
  }
3642
- ._teddy-carousel_13hgl_2 .slick-dots li {
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-carousel_13hgl_2 .slick-dots li button:before {
3665
+ ._teddy-carousel_1pdex_2 .slick-dots li button:before {
3649
3666
  font-size: 1rem;
3650
3667
  }
3651
- ._teddy-carousel--sm_13hgl_82 {
3668
+ ._teddy-carousel--sm_1pdex_99 {
3652
3669
  height: 180px;
3653
3670
  }
3654
- ._teddy-carousel--sm_13hgl_82 .slick-slide > div {
3671
+ ._teddy-carousel--sm_1pdex_99 .slick-slide > div {
3655
3672
  height: 170px;
3656
3673
  }
3657
- ._teddy-carousel--sm_13hgl_82 .slick-slide img {
3674
+ ._teddy-carousel--sm_1pdex_99 .slick-slide img {
3658
3675
  max-width: 8rem;
3659
3676
  max-height: 10rem;
3660
3677
  }
3661
- ._teddy-carousel--sm_13hgl_82 .slick-next {
3662
- right: 0.5rem;
3678
+ ._teddy-carousel--sm_1pdex_99 .slick-next {
3679
+ right: -0.5rem;
3663
3680
  }
3664
- ._teddy-carousel--sm_13hgl_82 .slick-prev {
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--sm_13hgl_82 .slick-next {
3685
+ ._teddy-carousel--sm_1pdex_99 .slick-next {
3669
3686
  right: 0rem;
3670
3687
  }
3671
- ._teddy-carousel--sm_13hgl_82 .slick-prev {
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
- export {
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
- export {
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
  };