@citygross/components_v2 0.0.40 → 0.0.42

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 (29) hide show
  1. package/dist/components/AlertBox/AlertBox.css.ts.vanilla.css +26 -26
  2. package/dist/components/AlertBox/AlertBox.css.vanilla.js +2 -2
  3. package/dist/components/Box/Box.css.ts.vanilla.css +1 -1
  4. package/dist/components/Box/Box.css.vanilla.js +1 -1
  5. package/dist/components/Divider/Divider.css.vanilla.js +1 -1
  6. package/dist/components/Dot/Dot.css.vanilla.js +1 -1
  7. package/dist/components/Header/Header.js +16 -18
  8. package/dist/components/Modal/Modal.css.ts.vanilla.css +8 -8
  9. package/dist/components/Modal/Modal.css.vanilla.js +6 -6
  10. package/dist/components/RippleContainer/RippleContainer.css.ts.vanilla.css +39 -33
  11. package/dist/components/RippleContainer/RippleContainer.css.vanilla.js +1 -1
  12. package/dist/components/SideModal/SideModal.css.ts.vanilla.css +7 -7
  13. package/dist/components/SideModal/SideModal.css.vanilla.js +2 -2
  14. package/dist/components/Skeleton/Skeleton.css.vanilla.js +1 -1
  15. package/dist/components/Spinner/Spinner.css.ts.vanilla.css +37 -31
  16. package/dist/components/Spinner/Spinner.css.vanilla.js +1 -1
  17. package/dist/components/TimeLine/TimeLine.css.ts.vanilla.css +41 -35
  18. package/dist/components/TimeLine/TimeLine.css.vanilla.js +1 -1
  19. package/dist/cssUtils/border.css.d.ts +1 -1
  20. package/dist/cssUtils/border.css.ts.vanilla.css +44 -38
  21. package/dist/cssUtils/border.css.vanilla.js +2 -2
  22. package/dist/cssUtils/color.css.d.ts +4 -4
  23. package/dist/cssUtils/color.css.ts.vanilla.css +195 -171
  24. package/dist/cssUtils/color.css.vanilla.js +4 -4
  25. package/dist/typography/BodyText/BodyText.css.vanilla.js +1 -1
  26. package/dist/typography/H1/H1.css.vanilla.js +1 -1
  27. package/dist/typography/H2/H2.css.vanilla.js +1 -1
  28. package/dist/typography/H3/H3.css.vanilla.js +1 -1
  29. package/package.json +4 -4
package/dist/components/SideModal/SideModal.css.ts.vanilla.css CHANGED
@@ -58,19 +58,19 @@
58
58
  .SideModal_sideModal__1scj0sn6::-webkit-scrollbar {
59
59
  display: none;
60
60
  }
61
- .SideModal_sideModal_slideIn_leftIn__1scj0sn1k {
61
+ .SideModal_sideModal_slideIn_leftIn__1scj0sn1m {
62
62
  animation: SideModal_slideLeft__1scj0sn0 300ms ease-out forwards;
63
63
  }
64
- .SideModal_sideModal_slideIn_rightIn__1scj0sn1l {
64
+ .SideModal_sideModal_slideIn_rightIn__1scj0sn1n {
65
65
  animation: SideModal_slideRight__1scj0sn1 300ms ease-out forwards;
66
66
  }
67
- .SideModal_sideModal_slideIn_leftOut__1scj0sn1m {
67
+ .SideModal_sideModal_slideIn_leftOut__1scj0sn1o {
68
68
  animation: SideModal_slideOutLeft__1scj0sn2 300ms ease-out forwards;
69
69
  }
70
- .SideModal_sideModal_slideIn_rightOut__1scj0sn1n {
70
+ .SideModal_sideModal_slideIn_rightOut__1scj0sn1p {
71
71
  animation: SideModal_slideOutRight__1scj0sn3 300ms ease-out forwards;
72
72
  }
73
- .SideModal_sideModalOverLayer__1scj0sn1o {
73
+ .SideModal_sideModalOverLayer__1scj0sn1q {
74
74
  display: flex;
75
75
  justify-content: center;
76
76
  align-items: center;
@@ -84,11 +84,11 @@
84
84
  opacity: 0;
85
85
  transition: opacity 300ms ease-out;
86
86
  }
87
- .SideModal_sideModalOverLayer_open_true__1scj0sn30 {
87
+ .SideModal_sideModalOverLayer_open_true__1scj0sn34 {
88
88
  opacity: 1;
89
89
  z-index: 5;
90
90
  }
91
- .SideModal_sideModalOverLayer_open_false__1scj0sn31 {
91
+ .SideModal_sideModalOverLayer_open_false__1scj0sn35 {
92
92
  opacity: 0;
93
93
  z-index: -1;
94
94
  }
package/dist/components/SideModal/SideModal.css.vanilla.js CHANGED
@@ -2,7 +2,7 @@ import './../../cssUtils/color.css.ts.vanilla.css';
2
2
  import './SideModal.css.ts.vanilla.css';
3
3
  import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
4
4
 
5
- var sideModal = createRuntimeFn({ defaultClassName: "SideModal_sideModal__1scj0sn6", variantClassNames: { backgroundColor: { primary: "color_backgroundColor_primary__13rr0b21b", secondary: "color_backgroundColor_secondary__13rr0b21c", brandYellow: "color_backgroundColor_brandYellow__13rr0b21d", brandBlue: "color_backgroundColor_brandBlue__13rr0b21e", brandPurple: "color_backgroundColor_brandPurple__13rr0b21f", brandPrio: "color_backgroundColor_brandPrio__13rr0b21g", yellowLighter: "color_backgroundColor_yellowLighter__13rr0b21h", yellowLight: "color_backgroundColor_yellowLight__13rr0b21i", blueLight: "color_backgroundColor_blueLight__13rr0b21j", blueLighter: "color_backgroundColor_blueLighter__13rr0b21k", blueMedium: "color_backgroundColor_blueMedium__13rr0b21l", greenLight: "color_backgroundColor_greenLight__13rr0b21m", greenMedium: "color_backgroundColor_greenMedium__13rr0b21n", redLight: "color_backgroundColor_redLight__13rr0b21o", recipeVego: "color_backgroundColor_recipeVego__13rr0b21p", recipeLactose: "color_backgroundColor_recipeLactose__13rr0b21q", recipeGluten: "color_backgroundColor_recipeGluten__13rr0b21r", link: "color_backgroundColor_link__13rr0b21s", white: "color_backgroundColor_white__13rr0b21t", black: "color_backgroundColor_black__13rr0b21u", lightest: "color_backgroundColor_lightest__13rr0b21v", lighter: "color_backgroundColor_lighter__13rr0b21w", light: "color_backgroundColor_light__13rr0b21x", medium: "color_backgroundColor_medium__13rr0b21y", mediumDark: "color_backgroundColor_mediumDark__13rr0b21z", dark: "color_backgroundColor_dark__13rr0b220", darker: "color_backgroundColor_darker__13rr0b221", darkest: "color_backgroundColor_darkest__13rr0b222", buttonGray: "color_backgroundColor_buttonGray__13rr0b223", disabledGray: "color_backgroundColor_disabledGray__13rr0b224", disabledDarkGray: "color_backgroundColor_disabledDarkGray__13rr0b225", placeholder: "color_backgroundColor_placeholder__13rr0b226", border: "color_backgroundColor_border__13rr0b227", boxShadow: "color_backgroundColor_boxShadow__13rr0b228", boxShadowActive: "color_backgroundColor_boxShadowActive__13rr0b229", alertRed: "color_backgroundColor_alertRed__13rr0b22a", alertBlue: "color_backgroundColor_alertBlue__13rr0b22b", alertGreen: "color_backgroundColor_alertGreen__13rr0b22c", darkOverlay: "color_backgroundColor_darkOverlay__13rr0b22d", transparent: "color_backgroundColor_transparent__13rr0b22e", brandBlueHover: "color_backgroundColor_brandBlueHover__13rr0b22f", brandYellowHover: "color_backgroundColor_brandYellowHover__13rr0b22g", brandPrioHover: "color_backgroundColor_brandPrioHover__13rr0b22h", brandBlueActive: "color_backgroundColor_brandBlueActive__13rr0b22i", brandYellowActive: "color_backgroundColor_brandYellowActive__13rr0b22j", brandPrioActive: "color_backgroundColor_brandPrioActive__13rr0b22k", none: "color_backgroundColor_none__13rr0b22l" }, slideVariants: { left: "SideModal_slideVariants_left__1scj0sn4", right: "SideModal_slideVariants_right__1scj0sn5" }, slideIn: { leftIn: "SideModal_sideModal_slideIn_leftIn__1scj0sn1k", rightIn: "SideModal_sideModal_slideIn_rightIn__1scj0sn1l", leftOut: "SideModal_sideModal_slideIn_leftOut__1scj0sn1m", rightOut: "SideModal_sideModal_slideIn_rightOut__1scj0sn1n" } }, defaultVariants: {}, compoundVariants: [] });
6
- var sideModalOverLayer = createRuntimeFn({ defaultClassName: "SideModal_sideModalOverLayer__1scj0sn1o", variantClassNames: { backgroundColor: { primary: "color_backgroundColor_primary__13rr0b21b", secondary: "color_backgroundColor_secondary__13rr0b21c", brandYellow: "color_backgroundColor_brandYellow__13rr0b21d", brandBlue: "color_backgroundColor_brandBlue__13rr0b21e", brandPurple: "color_backgroundColor_brandPurple__13rr0b21f", brandPrio: "color_backgroundColor_brandPrio__13rr0b21g", yellowLighter: "color_backgroundColor_yellowLighter__13rr0b21h", yellowLight: "color_backgroundColor_yellowLight__13rr0b21i", blueLight: "color_backgroundColor_blueLight__13rr0b21j", blueLighter: "color_backgroundColor_blueLighter__13rr0b21k", blueMedium: "color_backgroundColor_blueMedium__13rr0b21l", greenLight: "color_backgroundColor_greenLight__13rr0b21m", greenMedium: "color_backgroundColor_greenMedium__13rr0b21n", redLight: "color_backgroundColor_redLight__13rr0b21o", recipeVego: "color_backgroundColor_recipeVego__13rr0b21p", recipeLactose: "color_backgroundColor_recipeLactose__13rr0b21q", recipeGluten: "color_backgroundColor_recipeGluten__13rr0b21r", link: "color_backgroundColor_link__13rr0b21s", white: "color_backgroundColor_white__13rr0b21t", black: "color_backgroundColor_black__13rr0b21u", lightest: "color_backgroundColor_lightest__13rr0b21v", lighter: "color_backgroundColor_lighter__13rr0b21w", light: "color_backgroundColor_light__13rr0b21x", medium: "color_backgroundColor_medium__13rr0b21y", mediumDark: "color_backgroundColor_mediumDark__13rr0b21z", dark: "color_backgroundColor_dark__13rr0b220", darker: "color_backgroundColor_darker__13rr0b221", darkest: "color_backgroundColor_darkest__13rr0b222", buttonGray: "color_backgroundColor_buttonGray__13rr0b223", disabledGray: "color_backgroundColor_disabledGray__13rr0b224", disabledDarkGray: "color_backgroundColor_disabledDarkGray__13rr0b225", placeholder: "color_backgroundColor_placeholder__13rr0b226", border: "color_backgroundColor_border__13rr0b227", boxShadow: "color_backgroundColor_boxShadow__13rr0b228", boxShadowActive: "color_backgroundColor_boxShadowActive__13rr0b229", alertRed: "color_backgroundColor_alertRed__13rr0b22a", alertBlue: "color_backgroundColor_alertBlue__13rr0b22b", alertGreen: "color_backgroundColor_alertGreen__13rr0b22c", darkOverlay: "color_backgroundColor_darkOverlay__13rr0b22d", transparent: "color_backgroundColor_transparent__13rr0b22e", brandBlueHover: "color_backgroundColor_brandBlueHover__13rr0b22f", brandYellowHover: "color_backgroundColor_brandYellowHover__13rr0b22g", brandPrioHover: "color_backgroundColor_brandPrioHover__13rr0b22h", brandBlueActive: "color_backgroundColor_brandBlueActive__13rr0b22i", brandYellowActive: "color_backgroundColor_brandYellowActive__13rr0b22j", brandPrioActive: "color_backgroundColor_brandPrioActive__13rr0b22k", none: "color_backgroundColor_none__13rr0b22l" }, open: { true: "SideModal_sideModalOverLayer_open_true__1scj0sn30", false: "SideModal_sideModalOverLayer_open_false__1scj0sn31" } }, defaultVariants: {}, compoundVariants: [] });
5
+ var sideModal = createRuntimeFn({ defaultClassName: "SideModal_sideModal__1scj0sn6", variantClassNames: { backgroundColor: { primary: "color_backgroundColor_primary__13rr0b21d", secondary: "color_backgroundColor_secondary__13rr0b21e", brandYellow: "color_backgroundColor_brandYellow__13rr0b21f", brandBlue: "color_backgroundColor_brandBlue__13rr0b21g", brandPurple: "color_backgroundColor_brandPurple__13rr0b21h", brandPrio: "color_backgroundColor_brandPrio__13rr0b21i", yellowLighter: "color_backgroundColor_yellowLighter__13rr0b21j", yellowLight: "color_backgroundColor_yellowLight__13rr0b21k", blueLight: "color_backgroundColor_blueLight__13rr0b21l", blueLighter: "color_backgroundColor_blueLighter__13rr0b21m", blueMedium: "color_backgroundColor_blueMedium__13rr0b21n", greenLight: "color_backgroundColor_greenLight__13rr0b21o", greenMedium: "color_backgroundColor_greenMedium__13rr0b21p", redLight: "color_backgroundColor_redLight__13rr0b21q", recipeVego: "color_backgroundColor_recipeVego__13rr0b21r", recipeLactose: "color_backgroundColor_recipeLactose__13rr0b21s", recipeGluten: "color_backgroundColor_recipeGluten__13rr0b21t", myPrioGoldDark: "color_backgroundColor_myPrioGoldDark__13rr0b21u", myPrioGoldLight: "color_backgroundColor_myPrioGoldLight__13rr0b21v", link: "color_backgroundColor_link__13rr0b21w", white: "color_backgroundColor_white__13rr0b21x", black: "color_backgroundColor_black__13rr0b21y", lightest: "color_backgroundColor_lightest__13rr0b21z", lighter: "color_backgroundColor_lighter__13rr0b220", light: "color_backgroundColor_light__13rr0b221", medium: "color_backgroundColor_medium__13rr0b222", mediumDark: "color_backgroundColor_mediumDark__13rr0b223", dark: "color_backgroundColor_dark__13rr0b224", darker: "color_backgroundColor_darker__13rr0b225", darkest: "color_backgroundColor_darkest__13rr0b226", buttonGray: "color_backgroundColor_buttonGray__13rr0b227", disabledGray: "color_backgroundColor_disabledGray__13rr0b228", disabledDarkGray: "color_backgroundColor_disabledDarkGray__13rr0b229", placeholder: "color_backgroundColor_placeholder__13rr0b22a", border: "color_backgroundColor_border__13rr0b22b", boxShadow: "color_backgroundColor_boxShadow__13rr0b22c", boxShadowActive: "color_backgroundColor_boxShadowActive__13rr0b22d", alertRed: "color_backgroundColor_alertRed__13rr0b22e", alertBlue: "color_backgroundColor_alertBlue__13rr0b22f", alertGreen: "color_backgroundColor_alertGreen__13rr0b22g", darkOverlay: "color_backgroundColor_darkOverlay__13rr0b22h", transparent: "color_backgroundColor_transparent__13rr0b22i", brandBlueHover: "color_backgroundColor_brandBlueHover__13rr0b22j", brandYellowHover: "color_backgroundColor_brandYellowHover__13rr0b22k", brandPrioHover: "color_backgroundColor_brandPrioHover__13rr0b22l", brandBlueActive: "color_backgroundColor_brandBlueActive__13rr0b22m", brandYellowActive: "color_backgroundColor_brandYellowActive__13rr0b22n", brandPrioActive: "color_backgroundColor_brandPrioActive__13rr0b22o", none: "color_backgroundColor_none__13rr0b22p" }, slideVariants: { left: "SideModal_slideVariants_left__1scj0sn4", right: "SideModal_slideVariants_right__1scj0sn5" }, slideIn: { leftIn: "SideModal_sideModal_slideIn_leftIn__1scj0sn1m", rightIn: "SideModal_sideModal_slideIn_rightIn__1scj0sn1n", leftOut: "SideModal_sideModal_slideIn_leftOut__1scj0sn1o", rightOut: "SideModal_sideModal_slideIn_rightOut__1scj0sn1p" } }, defaultVariants: {}, compoundVariants: [] });
6
+ var sideModalOverLayer = createRuntimeFn({ defaultClassName: "SideModal_sideModalOverLayer__1scj0sn1q", variantClassNames: { backgroundColor: { primary: "color_backgroundColor_primary__13rr0b21d", secondary: "color_backgroundColor_secondary__13rr0b21e", brandYellow: "color_backgroundColor_brandYellow__13rr0b21f", brandBlue: "color_backgroundColor_brandBlue__13rr0b21g", brandPurple: "color_backgroundColor_brandPurple__13rr0b21h", brandPrio: "color_backgroundColor_brandPrio__13rr0b21i", yellowLighter: "color_backgroundColor_yellowLighter__13rr0b21j", yellowLight: "color_backgroundColor_yellowLight__13rr0b21k", blueLight: "color_backgroundColor_blueLight__13rr0b21l", blueLighter: "color_backgroundColor_blueLighter__13rr0b21m", blueMedium: "color_backgroundColor_blueMedium__13rr0b21n", greenLight: "color_backgroundColor_greenLight__13rr0b21o", greenMedium: "color_backgroundColor_greenMedium__13rr0b21p", redLight: "color_backgroundColor_redLight__13rr0b21q", recipeVego: "color_backgroundColor_recipeVego__13rr0b21r", recipeLactose: "color_backgroundColor_recipeLactose__13rr0b21s", recipeGluten: "color_backgroundColor_recipeGluten__13rr0b21t", myPrioGoldDark: "color_backgroundColor_myPrioGoldDark__13rr0b21u", myPrioGoldLight: "color_backgroundColor_myPrioGoldLight__13rr0b21v", link: "color_backgroundColor_link__13rr0b21w", white: "color_backgroundColor_white__13rr0b21x", black: "color_backgroundColor_black__13rr0b21y", lightest: "color_backgroundColor_lightest__13rr0b21z", lighter: "color_backgroundColor_lighter__13rr0b220", light: "color_backgroundColor_light__13rr0b221", medium: "color_backgroundColor_medium__13rr0b222", mediumDark: "color_backgroundColor_mediumDark__13rr0b223", dark: "color_backgroundColor_dark__13rr0b224", darker: "color_backgroundColor_darker__13rr0b225", darkest: "color_backgroundColor_darkest__13rr0b226", buttonGray: "color_backgroundColor_buttonGray__13rr0b227", disabledGray: "color_backgroundColor_disabledGray__13rr0b228", disabledDarkGray: "color_backgroundColor_disabledDarkGray__13rr0b229", placeholder: "color_backgroundColor_placeholder__13rr0b22a", border: "color_backgroundColor_border__13rr0b22b", boxShadow: "color_backgroundColor_boxShadow__13rr0b22c", boxShadowActive: "color_backgroundColor_boxShadowActive__13rr0b22d", alertRed: "color_backgroundColor_alertRed__13rr0b22e", alertBlue: "color_backgroundColor_alertBlue__13rr0b22f", alertGreen: "color_backgroundColor_alertGreen__13rr0b22g", darkOverlay: "color_backgroundColor_darkOverlay__13rr0b22h", transparent: "color_backgroundColor_transparent__13rr0b22i", brandBlueHover: "color_backgroundColor_brandBlueHover__13rr0b22j", brandYellowHover: "color_backgroundColor_brandYellowHover__13rr0b22k", brandPrioHover: "color_backgroundColor_brandPrioHover__13rr0b22l", brandBlueActive: "color_backgroundColor_brandBlueActive__13rr0b22m", brandYellowActive: "color_backgroundColor_brandYellowActive__13rr0b22n", brandPrioActive: "color_backgroundColor_brandPrioActive__13rr0b22o", none: "color_backgroundColor_none__13rr0b22p" }, open: { true: "SideModal_sideModalOverLayer_open_true__1scj0sn34", false: "SideModal_sideModalOverLayer_open_false__1scj0sn35" } }, defaultVariants: {}, compoundVariants: [] });
7
7
 
8
8
  export { sideModal, sideModalOverLayer };
package/dist/components/Skeleton/Skeleton.css.vanilla.js CHANGED
@@ -2,6 +2,6 @@ import './../../cssUtils/border.css.ts.vanilla.css';
2
2
  import './Skeleton.css.ts.vanilla.css';
3
3
  import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
4
4
 
5
- var skeleton = createRuntimeFn({ defaultClassName: "Skeleton__i80r921e Skeleton_skeletonBase__i80r921d", variantClassNames: { borderRadius: { none: "border_borderRadius_none__c3f0gf1b", extraSmall: "border_borderRadius_extraSmall__c3f0gf1c", small: "border_borderRadius_small__c3f0gf1d", "default": "border_borderRadius_default__c3f0gf1e", big: "border_borderRadius_big__c3f0gf1f", bigger: "border_borderRadius_bigger__c3f0gf1g", large: "border_borderRadius_large__c3f0gf1h", round: "border_borderRadius_round__c3f0gf1i" }, width: { "8": "Skeleton_8__i80r921", "16": "Skeleton_16__i80r922", "24": "Skeleton_24__i80r923", "32": "Skeleton_32__i80r924", "40": "Skeleton_40__i80r925", "48": "Skeleton_48__i80r926", "56": "Skeleton_56__i80r927", "64": "Skeleton_64__i80r928", "72": "Skeleton_72__i80r929", "80": "Skeleton_80__i80r92a", "88": "Skeleton_88__i80r92b", "96": "Skeleton_96__i80r92c", "104": "Skeleton_104__i80r92d", "112": "Skeleton_112__i80r92e", "120": "Skeleton_120__i80r92f", "128": "Skeleton_128__i80r92g", "136": "Skeleton_136__i80r92h", "144": "Skeleton_144__i80r92i", "152": "Skeleton_152__i80r92j", "160": "Skeleton_160__i80r92k", "168": "Skeleton_168__i80r92l", "176": "Skeleton_176__i80r92m", "184": "Skeleton_184__i80r92n", "192": "Skeleton_192__i80r92o" }, height: { "8": "Skeleton_8__i80r92p", "16": "Skeleton_16__i80r92q", "24": "Skeleton_24__i80r92r", "32": "Skeleton_32__i80r92s", "40": "Skeleton_40__i80r92t", "48": "Skeleton_48__i80r92u", "56": "Skeleton_56__i80r92v", "64": "Skeleton_64__i80r92w", "72": "Skeleton_72__i80r92x", "80": "Skeleton_80__i80r92y", "88": "Skeleton_88__i80r92z", "96": "Skeleton_96__i80r9210", "104": "Skeleton_104__i80r9211", "112": "Skeleton_112__i80r9212", "120": "Skeleton_120__i80r9213", "128": "Skeleton_128__i80r9214", "136": "Skeleton_136__i80r9215", "144": "Skeleton_144__i80r9216", "152": "Skeleton_152__i80r9217", "160": "Skeleton_160__i80r9218", "168": "Skeleton_168__i80r9219", "176": "Skeleton_176__i80r921a", "184": "Skeleton_184__i80r921b", "192": "Skeleton_192__i80r921c" }, fullHeight: { true: "Skeleton_skeleton_fullHeight_true__i80r922z" }, fullWidth: { true: "Skeleton_skeleton_fullWidth_true__i80r9230" } }, defaultVariants: {}, compoundVariants: [] });
5
+ var skeleton = createRuntimeFn({ defaultClassName: "Skeleton__i80r921e Skeleton_skeletonBase__i80r921d", variantClassNames: { borderRadius: { none: "border_borderRadius_none__c3f0gf1d", extraSmall: "border_borderRadius_extraSmall__c3f0gf1e", small: "border_borderRadius_small__c3f0gf1f", "default": "border_borderRadius_default__c3f0gf1g", big: "border_borderRadius_big__c3f0gf1h", bigger: "border_borderRadius_bigger__c3f0gf1i", large: "border_borderRadius_large__c3f0gf1j", round: "border_borderRadius_round__c3f0gf1k" }, width: { "8": "Skeleton_8__i80r921", "16": "Skeleton_16__i80r922", "24": "Skeleton_24__i80r923", "32": "Skeleton_32__i80r924", "40": "Skeleton_40__i80r925", "48": "Skeleton_48__i80r926", "56": "Skeleton_56__i80r927", "64": "Skeleton_64__i80r928", "72": "Skeleton_72__i80r929", "80": "Skeleton_80__i80r92a", "88": "Skeleton_88__i80r92b", "96": "Skeleton_96__i80r92c", "104": "Skeleton_104__i80r92d", "112": "Skeleton_112__i80r92e", "120": "Skeleton_120__i80r92f", "128": "Skeleton_128__i80r92g", "136": "Skeleton_136__i80r92h", "144": "Skeleton_144__i80r92i", "152": "Skeleton_152__i80r92j", "160": "Skeleton_160__i80r92k", "168": "Skeleton_168__i80r92l", "176": "Skeleton_176__i80r92m", "184": "Skeleton_184__i80r92n", "192": "Skeleton_192__i80r92o" }, height: { "8": "Skeleton_8__i80r92p", "16": "Skeleton_16__i80r92q", "24": "Skeleton_24__i80r92r", "32": "Skeleton_32__i80r92s", "40": "Skeleton_40__i80r92t", "48": "Skeleton_48__i80r92u", "56": "Skeleton_56__i80r92v", "64": "Skeleton_64__i80r92w", "72": "Skeleton_72__i80r92x", "80": "Skeleton_80__i80r92y", "88": "Skeleton_88__i80r92z", "96": "Skeleton_96__i80r9210", "104": "Skeleton_104__i80r9211", "112": "Skeleton_112__i80r9212", "120": "Skeleton_120__i80r9213", "128": "Skeleton_128__i80r9214", "136": "Skeleton_136__i80r9215", "144": "Skeleton_144__i80r9216", "152": "Skeleton_152__i80r9217", "160": "Skeleton_160__i80r9218", "168": "Skeleton_168__i80r9219", "176": "Skeleton_176__i80r921a", "184": "Skeleton_184__i80r921b", "192": "Skeleton_192__i80r921c" }, fullHeight: { true: "Skeleton_skeleton_fullHeight_true__i80r922z" }, fullWidth: { true: "Skeleton_skeleton_fullWidth_true__i80r9230" } }, defaultVariants: {}, compoundVariants: [] });
6
6
 
7
7
  export { skeleton };
package/dist/components/Spinner/Spinner.css.ts.vanilla.css CHANGED
@@ -75,97 +75,103 @@
75
75
  .Spinner_spinnerColor_recipeGluten__1rywg3pk {
76
76
  border-top-color: #D5642A;
77
77
  }
78
- .Spinner_spinnerColor_link__1rywg3pl {
78
+ .Spinner_spinnerColor_myPrioGoldDark__1rywg3pl {
79
+ border-top-color: #D89835;
80
+ }
81
+ .Spinner_spinnerColor_myPrioGoldLight__1rywg3pm {
82
+ border-top-color: #F4D247;
83
+ }
84
+ .Spinner_spinnerColor_link__1rywg3pn {
79
85
  border-top-color: #0072BB;
80
86
  }
81
- .Spinner_spinnerColor_white__1rywg3pm {
87
+ .Spinner_spinnerColor_white__1rywg3po {
82
88
  border-top-color: #FFFFFF;
83
89
  }
84
- .Spinner_spinnerColor_black__1rywg3pn {
90
+ .Spinner_spinnerColor_black__1rywg3pp {
85
91
  border-top-color: #000000;
86
92
  }
87
- .Spinner_spinnerColor_lightest__1rywg3po {
93
+ .Spinner_spinnerColor_lightest__1rywg3pq {
88
94
  border-top-color: #F7F7F7;
89
95
  }
90
- .Spinner_spinnerColor_lighter__1rywg3pp {
96
+ .Spinner_spinnerColor_lighter__1rywg3pr {
91
97
  border-top-color: #F1F1F1;
92
98
  }
93
- .Spinner_spinnerColor_light__1rywg3pq {
99
+ .Spinner_spinnerColor_light__1rywg3ps {
94
100
  border-top-color: #E8E8E8;
95
101
  }
96
- .Spinner_spinnerColor_medium__1rywg3pr {
102
+ .Spinner_spinnerColor_medium__1rywg3pt {
97
103
  border-top-color: #DBDBDB;
98
104
  }
99
- .Spinner_spinnerColor_mediumDark__1rywg3ps {
105
+ .Spinner_spinnerColor_mediumDark__1rywg3pu {
100
106
  border-top-color: #6C6C6C;
101
107
  }
102
- .Spinner_spinnerColor_dark__1rywg3pt {
108
+ .Spinner_spinnerColor_dark__1rywg3pv {
103
109
  border-top-color: #979797;
104
110
  }
105
- .Spinner_spinnerColor_darker__1rywg3pu {
111
+ .Spinner_spinnerColor_darker__1rywg3pw {
106
112
  border-top-color: #4A4A4A;
107
113
  }
108
- .Spinner_spinnerColor_darkest__1rywg3pv {
114
+ .Spinner_spinnerColor_darkest__1rywg3px {
109
115
  border-top-color: #333333;
110
116
  }
111
- .Spinner_spinnerColor_buttonGray__1rywg3pw {
117
+ .Spinner_spinnerColor_buttonGray__1rywg3py {
112
118
  border-top-color: #E5E4E5;
113
119
  }
114
- .Spinner_spinnerColor_disabledGray__1rywg3px {
120
+ .Spinner_spinnerColor_disabledGray__1rywg3pz {
115
121
  border-top-color: #B8B8B8;
116
122
  }
117
- .Spinner_spinnerColor_disabledDarkGray__1rywg3py {
123
+ .Spinner_spinnerColor_disabledDarkGray__1rywg3p10 {
118
124
  border-top-color: #5c5c5c;
119
125
  }
120
- .Spinner_spinnerColor_placeholder__1rywg3pz {
126
+ .Spinner_spinnerColor_placeholder__1rywg3p11 {
121
127
  border-top-color: #8f8f8f;
122
128
  }
123
- .Spinner_spinnerColor_border__1rywg3p10 {
129
+ .Spinner_spinnerColor_border__1rywg3p12 {
124
130
  border-top-color: #0069AE;
125
131
  }
126
- .Spinner_spinnerColor_boxShadow__1rywg3p11 {
132
+ .Spinner_spinnerColor_boxShadow__1rywg3p13 {
127
133
  border-top-color: #E1E1E1;
128
134
  }
129
- .Spinner_spinnerColor_boxShadowActive__1rywg3p12 {
135
+ .Spinner_spinnerColor_boxShadowActive__1rywg3p14 {
130
136
  border-top-color: rgba(7, 52, 99, 0.15);
131
137
  }
132
- .Spinner_spinnerColor_alertRed__1rywg3p13 {
138
+ .Spinner_spinnerColor_alertRed__1rywg3p15 {
133
139
  border-top-color: #E02721;
134
140
  }
135
- .Spinner_spinnerColor_alertBlue__1rywg3p14 {
141
+ .Spinner_spinnerColor_alertBlue__1rywg3p16 {
136
142
  border-top-color: #0072BB;
137
143
  }
138
- .Spinner_spinnerColor_alertGreen__1rywg3p15 {
144
+ .Spinner_spinnerColor_alertGreen__1rywg3p17 {
139
145
  border-top-color: #3F9A3C;
140
146
  }
141
- .Spinner_spinnerColor_darkOverlay__1rywg3p16 {
147
+ .Spinner_spinnerColor_darkOverlay__1rywg3p18 {
142
148
  border-top-color: rgba(0, 0, 0, 0.6);
143
149
  }
144
- .Spinner_spinnerColor_transparent__1rywg3p17 {
150
+ .Spinner_spinnerColor_transparent__1rywg3p19 {
145
151
  border-top-color: #ffffff00;
146
152
  }
147
- .Spinner_spinnerColor_brandBlueHover__1rywg3p18 {
153
+ .Spinner_spinnerColor_brandBlueHover__1rywg3p1a {
148
154
  border-top-color: #005C99;
149
155
  }
150
- .Spinner_spinnerColor_brandYellowHover__1rywg3p19 {
156
+ .Spinner_spinnerColor_brandYellowHover__1rywg3p1b {
151
157
  border-top-color: #F5D800;
152
158
  }
153
- .Spinner_spinnerColor_brandPrioHover__1rywg3p1a {
159
+ .Spinner_spinnerColor_brandPrioHover__1rywg3p1c {
154
160
  border-top-color: #90136F;
155
161
  }
156
- .Spinner_spinnerColor_brandBlueActive__1rywg3p1b {
162
+ .Spinner_spinnerColor_brandBlueActive__1rywg3p1d {
157
163
  border-top-color: #004D80;
158
164
  }
159
- .Spinner_spinnerColor_brandYellowActive__1rywg3p1c {
165
+ .Spinner_spinnerColor_brandYellowActive__1rywg3p1e {
160
166
  border-top-color: #DBC100;
161
167
  }
162
- .Spinner_spinnerColor_brandPrioActive__1rywg3p1d {
168
+ .Spinner_spinnerColor_brandPrioActive__1rywg3p1f {
163
169
  border-top-color: #7A105E;
164
170
  }
165
- .Spinner_spinnerColor_none__1rywg3p1e {
171
+ .Spinner_spinnerColor_none__1rywg3p1g {
166
172
  border-top-color: none;
167
173
  }
168
- .Spinner_spinnerWrapper__1rywg3p1f {
174
+ .Spinner_spinnerWrapper__1rywg3p1h {
169
175
  border-radius: 50%;
170
176
  animation: Spinner_spin__1rywg3p0 1s linear infinite;
171
177
  }
package/dist/components/Spinner/Spinner.css.vanilla.js CHANGED
@@ -2,6 +2,6 @@ import './../../cssUtils/border.css.ts.vanilla.css';
2
2
  import './Spinner.css.ts.vanilla.css';
3
3
  import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
4
4
 
5
- var spinnerWrapper = createRuntimeFn({ defaultClassName: "Spinner_spinnerWrapper__1rywg3p1f", variantClassNames: { size: { small: "Spinner_size_small__1rywg3p1", medium: "Spinner_size_medium__1rywg3p2", large: "Spinner_size_large__1rywg3p3" }, borderColor: { primary: "border_borderColor_primary__c3f0gf0", secondary: "border_borderColor_secondary__c3f0gf1", brandYellow: "border_borderColor_brandYellow__c3f0gf2", brandBlue: "border_borderColor_brandBlue__c3f0gf3", brandPurple: "border_borderColor_brandPurple__c3f0gf4", brandPrio: "border_borderColor_brandPrio__c3f0gf5", yellowLighter: "border_borderColor_yellowLighter__c3f0gf6", yellowLight: "border_borderColor_yellowLight__c3f0gf7", blueLight: "border_borderColor_blueLight__c3f0gf8", blueLighter: "border_borderColor_blueLighter__c3f0gf9", blueMedium: "border_borderColor_blueMedium__c3f0gfa", greenLight: "border_borderColor_greenLight__c3f0gfb", greenMedium: "border_borderColor_greenMedium__c3f0gfc", redLight: "border_borderColor_redLight__c3f0gfd", recipeVego: "border_borderColor_recipeVego__c3f0gfe", recipeLactose: "border_borderColor_recipeLactose__c3f0gff", recipeGluten: "border_borderColor_recipeGluten__c3f0gfg", link: "border_borderColor_link__c3f0gfh", white: "border_borderColor_white__c3f0gfi", black: "border_borderColor_black__c3f0gfj", lightest: "border_borderColor_lightest__c3f0gfk", lighter: "border_borderColor_lighter__c3f0gfl", light: "border_borderColor_light__c3f0gfm", medium: "border_borderColor_medium__c3f0gfn", mediumDark: "border_borderColor_mediumDark__c3f0gfo", dark: "border_borderColor_dark__c3f0gfp", darker: "border_borderColor_darker__c3f0gfq", darkest: "border_borderColor_darkest__c3f0gfr", buttonGray: "border_borderColor_buttonGray__c3f0gfs", disabledGray: "border_borderColor_disabledGray__c3f0gft", disabledDarkGray: "border_borderColor_disabledDarkGray__c3f0gfu", placeholder: "border_borderColor_placeholder__c3f0gfv", border: "border_borderColor_border__c3f0gfw", boxShadow: "border_borderColor_boxShadow__c3f0gfx", boxShadowActive: "border_borderColor_boxShadowActive__c3f0gfy", alertRed: "border_borderColor_alertRed__c3f0gfz", alertBlue: "border_borderColor_alertBlue__c3f0gf10", alertGreen: "border_borderColor_alertGreen__c3f0gf11", darkOverlay: "border_borderColor_darkOverlay__c3f0gf12", transparent: "border_borderColor_transparent__c3f0gf13", brandBlueHover: "border_borderColor_brandBlueHover__c3f0gf14", brandYellowHover: "border_borderColor_brandYellowHover__c3f0gf15", brandPrioHover: "border_borderColor_brandPrioHover__c3f0gf16", brandBlueActive: "border_borderColor_brandBlueActive__c3f0gf17", brandYellowActive: "border_borderColor_brandYellowActive__c3f0gf18", brandPrioActive: "border_borderColor_brandPrioActive__c3f0gf19", none: "border_borderColor_none__c3f0gf1a" }, spinnerColor: { primary: "Spinner_spinnerColor_primary__1rywg3p4", secondary: "Spinner_spinnerColor_secondary__1rywg3p5", brandYellow: "Spinner_spinnerColor_brandYellow__1rywg3p6", brandBlue: "Spinner_spinnerColor_brandBlue__1rywg3p7", brandPurple: "Spinner_spinnerColor_brandPurple__1rywg3p8", brandPrio: "Spinner_spinnerColor_brandPrio__1rywg3p9", yellowLighter: "Spinner_spinnerColor_yellowLighter__1rywg3pa", yellowLight: "Spinner_spinnerColor_yellowLight__1rywg3pb", blueLight: "Spinner_spinnerColor_blueLight__1rywg3pc", blueLighter: "Spinner_spinnerColor_blueLighter__1rywg3pd", blueMedium: "Spinner_spinnerColor_blueMedium__1rywg3pe", greenLight: "Spinner_spinnerColor_greenLight__1rywg3pf", greenMedium: "Spinner_spinnerColor_greenMedium__1rywg3pg", redLight: "Spinner_spinnerColor_redLight__1rywg3ph", recipeVego: "Spinner_spinnerColor_recipeVego__1rywg3pi", recipeLactose: "Spinner_spinnerColor_recipeLactose__1rywg3pj", recipeGluten: "Spinner_spinnerColor_recipeGluten__1rywg3pk", link: "Spinner_spinnerColor_link__1rywg3pl", white: "Spinner_spinnerColor_white__1rywg3pm", black: "Spinner_spinnerColor_black__1rywg3pn", lightest: "Spinner_spinnerColor_lightest__1rywg3po", lighter: "Spinner_spinnerColor_lighter__1rywg3pp", light: "Spinner_spinnerColor_light__1rywg3pq", medium: "Spinner_spinnerColor_medium__1rywg3pr", mediumDark: "Spinner_spinnerColor_mediumDark__1rywg3ps", dark: "Spinner_spinnerColor_dark__1rywg3pt", darker: "Spinner_spinnerColor_darker__1rywg3pu", darkest: "Spinner_spinnerColor_darkest__1rywg3pv", buttonGray: "Spinner_spinnerColor_buttonGray__1rywg3pw", disabledGray: "Spinner_spinnerColor_disabledGray__1rywg3px", disabledDarkGray: "Spinner_spinnerColor_disabledDarkGray__1rywg3py", placeholder: "Spinner_spinnerColor_placeholder__1rywg3pz", border: "Spinner_spinnerColor_border__1rywg3p10", boxShadow: "Spinner_spinnerColor_boxShadow__1rywg3p11", boxShadowActive: "Spinner_spinnerColor_boxShadowActive__1rywg3p12", alertRed: "Spinner_spinnerColor_alertRed__1rywg3p13", alertBlue: "Spinner_spinnerColor_alertBlue__1rywg3p14", alertGreen: "Spinner_spinnerColor_alertGreen__1rywg3p15", darkOverlay: "Spinner_spinnerColor_darkOverlay__1rywg3p16", transparent: "Spinner_spinnerColor_transparent__1rywg3p17", brandBlueHover: "Spinner_spinnerColor_brandBlueHover__1rywg3p18", brandYellowHover: "Spinner_spinnerColor_brandYellowHover__1rywg3p19", brandPrioHover: "Spinner_spinnerColor_brandPrioHover__1rywg3p1a", brandBlueActive: "Spinner_spinnerColor_brandBlueActive__1rywg3p1b", brandYellowActive: "Spinner_spinnerColor_brandYellowActive__1rywg3p1c", brandPrioActive: "Spinner_spinnerColor_brandPrioActive__1rywg3p1d", none: "Spinner_spinnerColor_none__1rywg3p1e" } }, defaultVariants: { size: "medium", borderColor: "lighter", spinnerColor: "brandBlue" }, compoundVariants: [] });
5
+ var spinnerWrapper = createRuntimeFn({ defaultClassName: "Spinner_spinnerWrapper__1rywg3p1h", variantClassNames: { size: { small: "Spinner_size_small__1rywg3p1", medium: "Spinner_size_medium__1rywg3p2", large: "Spinner_size_large__1rywg3p3" }, borderColor: { primary: "border_borderColor_primary__c3f0gf0", secondary: "border_borderColor_secondary__c3f0gf1", brandYellow: "border_borderColor_brandYellow__c3f0gf2", brandBlue: "border_borderColor_brandBlue__c3f0gf3", brandPurple: "border_borderColor_brandPurple__c3f0gf4", brandPrio: "border_borderColor_brandPrio__c3f0gf5", yellowLighter: "border_borderColor_yellowLighter__c3f0gf6", yellowLight: "border_borderColor_yellowLight__c3f0gf7", blueLight: "border_borderColor_blueLight__c3f0gf8", blueLighter: "border_borderColor_blueLighter__c3f0gf9", blueMedium: "border_borderColor_blueMedium__c3f0gfa", greenLight: "border_borderColor_greenLight__c3f0gfb", greenMedium: "border_borderColor_greenMedium__c3f0gfc", redLight: "border_borderColor_redLight__c3f0gfd", recipeVego: "border_borderColor_recipeVego__c3f0gfe", recipeLactose: "border_borderColor_recipeLactose__c3f0gff", recipeGluten: "border_borderColor_recipeGluten__c3f0gfg", myPrioGoldDark: "border_borderColor_myPrioGoldDark__c3f0gfh", myPrioGoldLight: "border_borderColor_myPrioGoldLight__c3f0gfi", link: "border_borderColor_link__c3f0gfj", white: "border_borderColor_white__c3f0gfk", black: "border_borderColor_black__c3f0gfl", lightest: "border_borderColor_lightest__c3f0gfm", lighter: "border_borderColor_lighter__c3f0gfn", light: "border_borderColor_light__c3f0gfo", medium: "border_borderColor_medium__c3f0gfp", mediumDark: "border_borderColor_mediumDark__c3f0gfq", dark: "border_borderColor_dark__c3f0gfr", darker: "border_borderColor_darker__c3f0gfs", darkest: "border_borderColor_darkest__c3f0gft", buttonGray: "border_borderColor_buttonGray__c3f0gfu", disabledGray: "border_borderColor_disabledGray__c3f0gfv", disabledDarkGray: "border_borderColor_disabledDarkGray__c3f0gfw", placeholder: "border_borderColor_placeholder__c3f0gfx", border: "border_borderColor_border__c3f0gfy", boxShadow: "border_borderColor_boxShadow__c3f0gfz", boxShadowActive: "border_borderColor_boxShadowActive__c3f0gf10", alertRed: "border_borderColor_alertRed__c3f0gf11", alertBlue: "border_borderColor_alertBlue__c3f0gf12", alertGreen: "border_borderColor_alertGreen__c3f0gf13", darkOverlay: "border_borderColor_darkOverlay__c3f0gf14", transparent: "border_borderColor_transparent__c3f0gf15", brandBlueHover: "border_borderColor_brandBlueHover__c3f0gf16", brandYellowHover: "border_borderColor_brandYellowHover__c3f0gf17", brandPrioHover: "border_borderColor_brandPrioHover__c3f0gf18", brandBlueActive: "border_borderColor_brandBlueActive__c3f0gf19", brandYellowActive: "border_borderColor_brandYellowActive__c3f0gf1a", brandPrioActive: "border_borderColor_brandPrioActive__c3f0gf1b", none: "border_borderColor_none__c3f0gf1c" }, spinnerColor: { primary: "Spinner_spinnerColor_primary__1rywg3p4", secondary: "Spinner_spinnerColor_secondary__1rywg3p5", brandYellow: "Spinner_spinnerColor_brandYellow__1rywg3p6", brandBlue: "Spinner_spinnerColor_brandBlue__1rywg3p7", brandPurple: "Spinner_spinnerColor_brandPurple__1rywg3p8", brandPrio: "Spinner_spinnerColor_brandPrio__1rywg3p9", yellowLighter: "Spinner_spinnerColor_yellowLighter__1rywg3pa", yellowLight: "Spinner_spinnerColor_yellowLight__1rywg3pb", blueLight: "Spinner_spinnerColor_blueLight__1rywg3pc", blueLighter: "Spinner_spinnerColor_blueLighter__1rywg3pd", blueMedium: "Spinner_spinnerColor_blueMedium__1rywg3pe", greenLight: "Spinner_spinnerColor_greenLight__1rywg3pf", greenMedium: "Spinner_spinnerColor_greenMedium__1rywg3pg", redLight: "Spinner_spinnerColor_redLight__1rywg3ph", recipeVego: "Spinner_spinnerColor_recipeVego__1rywg3pi", recipeLactose: "Spinner_spinnerColor_recipeLactose__1rywg3pj", recipeGluten: "Spinner_spinnerColor_recipeGluten__1rywg3pk", myPrioGoldDark: "Spinner_spinnerColor_myPrioGoldDark__1rywg3pl", myPrioGoldLight: "Spinner_spinnerColor_myPrioGoldLight__1rywg3pm", link: "Spinner_spinnerColor_link__1rywg3pn", white: "Spinner_spinnerColor_white__1rywg3po", black: "Spinner_spinnerColor_black__1rywg3pp", lightest: "Spinner_spinnerColor_lightest__1rywg3pq", lighter: "Spinner_spinnerColor_lighter__1rywg3pr", light: "Spinner_spinnerColor_light__1rywg3ps", medium: "Spinner_spinnerColor_medium__1rywg3pt", mediumDark: "Spinner_spinnerColor_mediumDark__1rywg3pu", dark: "Spinner_spinnerColor_dark__1rywg3pv", darker: "Spinner_spinnerColor_darker__1rywg3pw", darkest: "Spinner_spinnerColor_darkest__1rywg3px", buttonGray: "Spinner_spinnerColor_buttonGray__1rywg3py", disabledGray: "Spinner_spinnerColor_disabledGray__1rywg3pz", disabledDarkGray: "Spinner_spinnerColor_disabledDarkGray__1rywg3p10", placeholder: "Spinner_spinnerColor_placeholder__1rywg3p11", border: "Spinner_spinnerColor_border__1rywg3p12", boxShadow: "Spinner_spinnerColor_boxShadow__1rywg3p13", boxShadowActive: "Spinner_spinnerColor_boxShadowActive__1rywg3p14", alertRed: "Spinner_spinnerColor_alertRed__1rywg3p15", alertBlue: "Spinner_spinnerColor_alertBlue__1rywg3p16", alertGreen: "Spinner_spinnerColor_alertGreen__1rywg3p17", darkOverlay: "Spinner_spinnerColor_darkOverlay__1rywg3p18", transparent: "Spinner_spinnerColor_transparent__1rywg3p19", brandBlueHover: "Spinner_spinnerColor_brandBlueHover__1rywg3p1a", brandYellowHover: "Spinner_spinnerColor_brandYellowHover__1rywg3p1b", brandPrioHover: "Spinner_spinnerColor_brandPrioHover__1rywg3p1c", brandBlueActive: "Spinner_spinnerColor_brandBlueActive__1rywg3p1d", brandYellowActive: "Spinner_spinnerColor_brandYellowActive__1rywg3p1e", brandPrioActive: "Spinner_spinnerColor_brandPrioActive__1rywg3p1f", none: "Spinner_spinnerColor_none__1rywg3p1g" } }, defaultVariants: { size: "medium", borderColor: "lighter", spinnerColor: "brandBlue" }, compoundVariants: [] });
6
6
 
7
7
  export { spinnerWrapper };
package/dist/components/TimeLine/TimeLine.css.ts.vanilla.css CHANGED
@@ -66,100 +66,106 @@
66
66
  .TimeLine_borderColor_recipeGluten__vvpfowj::before {
67
67
  border-color: #D5642A;
68
68
  }
69
- .TimeLine_borderColor_link__vvpfowk::before {
69
+ .TimeLine_borderColor_myPrioGoldDark__vvpfowk::before {
70
+ border-color: #D89835;
71
+ }
72
+ .TimeLine_borderColor_myPrioGoldLight__vvpfowl::before {
73
+ border-color: #F4D247;
74
+ }
75
+ .TimeLine_borderColor_link__vvpfowm::before {
70
76
  border-color: #0072BB;
71
77
  }
72
- .TimeLine_borderColor_white__vvpfowl::before {
78
+ .TimeLine_borderColor_white__vvpfown::before {
73
79
  border-color: #FFFFFF;
74
80
  }
75
- .TimeLine_borderColor_black__vvpfowm::before {
81
+ .TimeLine_borderColor_black__vvpfowo::before {
76
82
  border-color: #000000;
77
83
  }
78
- .TimeLine_borderColor_lightest__vvpfown::before {
84
+ .TimeLine_borderColor_lightest__vvpfowp::before {
79
85
  border-color: #F7F7F7;
80
86
  }
81
- .TimeLine_borderColor_lighter__vvpfowo::before {
87
+ .TimeLine_borderColor_lighter__vvpfowq::before {
82
88
  border-color: #F1F1F1;
83
89
  }
84
- .TimeLine_borderColor_light__vvpfowp::before {
90
+ .TimeLine_borderColor_light__vvpfowr::before {
85
91
  border-color: #E8E8E8;
86
92
  }
87
- .TimeLine_borderColor_medium__vvpfowq::before {
93
+ .TimeLine_borderColor_medium__vvpfows::before {
88
94
  border-color: #DBDBDB;
89
95
  }
90
- .TimeLine_borderColor_mediumDark__vvpfowr::before {
96
+ .TimeLine_borderColor_mediumDark__vvpfowt::before {
91
97
  border-color: #6C6C6C;
92
98
  }
93
- .TimeLine_borderColor_dark__vvpfows::before {
99
+ .TimeLine_borderColor_dark__vvpfowu::before {
94
100
  border-color: #979797;
95
101
  }
96
- .TimeLine_borderColor_darker__vvpfowt::before {
102
+ .TimeLine_borderColor_darker__vvpfowv::before {
97
103
  border-color: #4A4A4A;
98
104
  }
99
- .TimeLine_borderColor_darkest__vvpfowu::before {
105
+ .TimeLine_borderColor_darkest__vvpfoww::before {
100
106
  border-color: #333333;
101
107
  }
102
- .TimeLine_borderColor_buttonGray__vvpfowv::before {
108
+ .TimeLine_borderColor_buttonGray__vvpfowx::before {
103
109
  border-color: #E5E4E5;
104
110
  }
105
- .TimeLine_borderColor_disabledGray__vvpfoww::before {
111
+ .TimeLine_borderColor_disabledGray__vvpfowy::before {
106
112
  border-color: #B8B8B8;
107
113
  }
108
- .TimeLine_borderColor_disabledDarkGray__vvpfowx::before {
114
+ .TimeLine_borderColor_disabledDarkGray__vvpfowz::before {
109
115
  border-color: #5c5c5c;
110
116
  }
111
- .TimeLine_borderColor_placeholder__vvpfowy::before {
117
+ .TimeLine_borderColor_placeholder__vvpfow10::before {
112
118
  border-color: #8f8f8f;
113
119
  }
114
- .TimeLine_borderColor_border__vvpfowz::before {
120
+ .TimeLine_borderColor_border__vvpfow11::before {
115
121
  border-color: #0069AE;
116
122
  }
117
- .TimeLine_borderColor_boxShadow__vvpfow10::before {
123
+ .TimeLine_borderColor_boxShadow__vvpfow12::before {
118
124
  border-color: #E1E1E1;
119
125
  }
120
- .TimeLine_borderColor_boxShadowActive__vvpfow11::before {
126
+ .TimeLine_borderColor_boxShadowActive__vvpfow13::before {
121
127
  border-color: rgba(7, 52, 99, 0.15);
122
128
  }
123
- .TimeLine_borderColor_alertRed__vvpfow12::before {
129
+ .TimeLine_borderColor_alertRed__vvpfow14::before {
124
130
  border-color: #E02721;
125
131
  }
126
- .TimeLine_borderColor_alertBlue__vvpfow13::before {
132
+ .TimeLine_borderColor_alertBlue__vvpfow15::before {
127
133
  border-color: #0072BB;
128
134
  }
129
- .TimeLine_borderColor_alertGreen__vvpfow14::before {
135
+ .TimeLine_borderColor_alertGreen__vvpfow16::before {
130
136
  border-color: #3F9A3C;
131
137
  }
132
- .TimeLine_borderColor_darkOverlay__vvpfow15::before {
138
+ .TimeLine_borderColor_darkOverlay__vvpfow17::before {
133
139
  border-color: rgba(0, 0, 0, 0.6);
134
140
  }
135
- .TimeLine_borderColor_transparent__vvpfow16::before {
141
+ .TimeLine_borderColor_transparent__vvpfow18::before {
136
142
  border-color: #ffffff00;
137
143
  }
138
- .TimeLine_borderColor_brandBlueHover__vvpfow17::before {
144
+ .TimeLine_borderColor_brandBlueHover__vvpfow19::before {
139
145
  border-color: #005C99;
140
146
  }
141
- .TimeLine_borderColor_brandYellowHover__vvpfow18::before {
147
+ .TimeLine_borderColor_brandYellowHover__vvpfow1a::before {
142
148
  border-color: #F5D800;
143
149
  }
144
- .TimeLine_borderColor_brandPrioHover__vvpfow19::before {
150
+ .TimeLine_borderColor_brandPrioHover__vvpfow1b::before {
145
151
  border-color: #90136F;
146
152
  }
147
- .TimeLine_borderColor_brandBlueActive__vvpfow1a::before {
153
+ .TimeLine_borderColor_brandBlueActive__vvpfow1c::before {
148
154
  border-color: #004D80;
149
155
  }
150
- .TimeLine_borderColor_brandYellowActive__vvpfow1b::before {
156
+ .TimeLine_borderColor_brandYellowActive__vvpfow1d::before {
151
157
  border-color: #DBC100;
152
158
  }
153
- .TimeLine_borderColor_brandPrioActive__vvpfow1c::before {
159
+ .TimeLine_borderColor_brandPrioActive__vvpfow1e::before {
154
160
  border-color: #7A105E;
155
161
  }
156
- .TimeLine_borderColor_none__vvpfow1d::before {
162
+ .TimeLine_borderColor_none__vvpfow1f::before {
157
163
  border-color: none;
158
164
  }
159
- .TimeLine_baseTimeLineList__vvpfow1e {
165
+ .TimeLine_baseTimeLineList__vvpfow1g {
160
166
  position: relative;
161
167
  }
162
- .TimeLine_baseTimeLineList__vvpfow1e:before {
168
+ .TimeLine_baseTimeLineList__vvpfow1g:before {
163
169
  content: "";
164
170
  height: calc(100% - 32px);
165
171
  position: absolute;
@@ -167,12 +173,12 @@
167
173
  left: 3px;
168
174
  border-width: 1px;
169
175
  }
170
- .TimeLine_baseTimeLineList_borderStyle_solid__vvpfow1f:before {
176
+ .TimeLine_baseTimeLineList_borderStyle_solid__vvpfow1h:before {
171
177
  border-style: solid;
172
178
  }
173
- .TimeLine_baseTimeLineList_borderStyle_dashed__vvpfow1g:before {
179
+ .TimeLine_baseTimeLineList_borderStyle_dashed__vvpfow1i:before {
174
180
  border-style: dashed;
175
181
  }
176
- .TimeLine_baseTimeLineList_borderStyle_none__vvpfow1h:before {
182
+ .TimeLine_baseTimeLineList_borderStyle_none__vvpfow1j:before {
177
183
  border-style: none;
178
184
  }
package/dist/components/TimeLine/TimeLine.css.vanilla.js CHANGED
@@ -3,7 +3,7 @@ import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
3
3
 
4
4
  var baseTimeLine = "TimeLine_baseTimeLine__vvpfow1";
5
5
  var baseTimeLineItem = "TimeLine_baseTimeLineItem__vvpfow0";
6
- var baseTimeLineList = createRuntimeFn({ defaultClassName: "TimeLine_baseTimeLineList__vvpfow1e", variantClassNames: { borderStyle: { solid: "TimeLine_baseTimeLineList_borderStyle_solid__vvpfow1f", dashed: "TimeLine_baseTimeLineList_borderStyle_dashed__vvpfow1g", none: "TimeLine_baseTimeLineList_borderStyle_none__vvpfow1h" }, borderColor: { primary: "TimeLine_borderColor_primary__vvpfow3", secondary: "TimeLine_borderColor_secondary__vvpfow4", brandYellow: "TimeLine_borderColor_brandYellow__vvpfow5", brandBlue: "TimeLine_borderColor_brandBlue__vvpfow6", brandPurple: "TimeLine_borderColor_brandPurple__vvpfow7", brandPrio: "TimeLine_borderColor_brandPrio__vvpfow8", yellowLighter: "TimeLine_borderColor_yellowLighter__vvpfow9", yellowLight: "TimeLine_borderColor_yellowLight__vvpfowa", blueLight: "TimeLine_borderColor_blueLight__vvpfowb", blueLighter: "TimeLine_borderColor_blueLighter__vvpfowc", blueMedium: "TimeLine_borderColor_blueMedium__vvpfowd", greenLight: "TimeLine_borderColor_greenLight__vvpfowe", greenMedium: "TimeLine_borderColor_greenMedium__vvpfowf", redLight: "TimeLine_borderColor_redLight__vvpfowg", recipeVego: "TimeLine_borderColor_recipeVego__vvpfowh", recipeLactose: "TimeLine_borderColor_recipeLactose__vvpfowi", recipeGluten: "TimeLine_borderColor_recipeGluten__vvpfowj", link: "TimeLine_borderColor_link__vvpfowk", white: "TimeLine_borderColor_white__vvpfowl", black: "TimeLine_borderColor_black__vvpfowm", lightest: "TimeLine_borderColor_lightest__vvpfown", lighter: "TimeLine_borderColor_lighter__vvpfowo", light: "TimeLine_borderColor_light__vvpfowp", medium: "TimeLine_borderColor_medium__vvpfowq", mediumDark: "TimeLine_borderColor_mediumDark__vvpfowr", dark: "TimeLine_borderColor_dark__vvpfows", darker: "TimeLine_borderColor_darker__vvpfowt", darkest: "TimeLine_borderColor_darkest__vvpfowu", buttonGray: "TimeLine_borderColor_buttonGray__vvpfowv", disabledGray: "TimeLine_borderColor_disabledGray__vvpfoww", disabledDarkGray: "TimeLine_borderColor_disabledDarkGray__vvpfowx", placeholder: "TimeLine_borderColor_placeholder__vvpfowy", border: "TimeLine_borderColor_border__vvpfowz", boxShadow: "TimeLine_borderColor_boxShadow__vvpfow10", boxShadowActive: "TimeLine_borderColor_boxShadowActive__vvpfow11", alertRed: "TimeLine_borderColor_alertRed__vvpfow12", alertBlue: "TimeLine_borderColor_alertBlue__vvpfow13", alertGreen: "TimeLine_borderColor_alertGreen__vvpfow14", darkOverlay: "TimeLine_borderColor_darkOverlay__vvpfow15", transparent: "TimeLine_borderColor_transparent__vvpfow16", brandBlueHover: "TimeLine_borderColor_brandBlueHover__vvpfow17", brandYellowHover: "TimeLine_borderColor_brandYellowHover__vvpfow18", brandPrioHover: "TimeLine_borderColor_brandPrioHover__vvpfow19", brandBlueActive: "TimeLine_borderColor_brandBlueActive__vvpfow1a", brandYellowActive: "TimeLine_borderColor_brandYellowActive__vvpfow1b", brandPrioActive: "TimeLine_borderColor_brandPrioActive__vvpfow1c", none: "TimeLine_borderColor_none__vvpfow1d" } }, defaultVariants: {}, compoundVariants: [] });
6
+ var baseTimeLineList = createRuntimeFn({ defaultClassName: "TimeLine_baseTimeLineList__vvpfow1g", variantClassNames: { borderStyle: { solid: "TimeLine_baseTimeLineList_borderStyle_solid__vvpfow1h", dashed: "TimeLine_baseTimeLineList_borderStyle_dashed__vvpfow1i", none: "TimeLine_baseTimeLineList_borderStyle_none__vvpfow1j" }, borderColor: { primary: "TimeLine_borderColor_primary__vvpfow3", secondary: "TimeLine_borderColor_secondary__vvpfow4", brandYellow: "TimeLine_borderColor_brandYellow__vvpfow5", brandBlue: "TimeLine_borderColor_brandBlue__vvpfow6", brandPurple: "TimeLine_borderColor_brandPurple__vvpfow7", brandPrio: "TimeLine_borderColor_brandPrio__vvpfow8", yellowLighter: "TimeLine_borderColor_yellowLighter__vvpfow9", yellowLight: "TimeLine_borderColor_yellowLight__vvpfowa", blueLight: "TimeLine_borderColor_blueLight__vvpfowb", blueLighter: "TimeLine_borderColor_blueLighter__vvpfowc", blueMedium: "TimeLine_borderColor_blueMedium__vvpfowd", greenLight: "TimeLine_borderColor_greenLight__vvpfowe", greenMedium: "TimeLine_borderColor_greenMedium__vvpfowf", redLight: "TimeLine_borderColor_redLight__vvpfowg", recipeVego: "TimeLine_borderColor_recipeVego__vvpfowh", recipeLactose: "TimeLine_borderColor_recipeLactose__vvpfowi", recipeGluten: "TimeLine_borderColor_recipeGluten__vvpfowj", myPrioGoldDark: "TimeLine_borderColor_myPrioGoldDark__vvpfowk", myPrioGoldLight: "TimeLine_borderColor_myPrioGoldLight__vvpfowl", link: "TimeLine_borderColor_link__vvpfowm", white: "TimeLine_borderColor_white__vvpfown", black: "TimeLine_borderColor_black__vvpfowo", lightest: "TimeLine_borderColor_lightest__vvpfowp", lighter: "TimeLine_borderColor_lighter__vvpfowq", light: "TimeLine_borderColor_light__vvpfowr", medium: "TimeLine_borderColor_medium__vvpfows", mediumDark: "TimeLine_borderColor_mediumDark__vvpfowt", dark: "TimeLine_borderColor_dark__vvpfowu", darker: "TimeLine_borderColor_darker__vvpfowv", darkest: "TimeLine_borderColor_darkest__vvpfoww", buttonGray: "TimeLine_borderColor_buttonGray__vvpfowx", disabledGray: "TimeLine_borderColor_disabledGray__vvpfowy", disabledDarkGray: "TimeLine_borderColor_disabledDarkGray__vvpfowz", placeholder: "TimeLine_borderColor_placeholder__vvpfow10", border: "TimeLine_borderColor_border__vvpfow11", boxShadow: "TimeLine_borderColor_boxShadow__vvpfow12", boxShadowActive: "TimeLine_borderColor_boxShadowActive__vvpfow13", alertRed: "TimeLine_borderColor_alertRed__vvpfow14", alertBlue: "TimeLine_borderColor_alertBlue__vvpfow15", alertGreen: "TimeLine_borderColor_alertGreen__vvpfow16", darkOverlay: "TimeLine_borderColor_darkOverlay__vvpfow17", transparent: "TimeLine_borderColor_transparent__vvpfow18", brandBlueHover: "TimeLine_borderColor_brandBlueHover__vvpfow19", brandYellowHover: "TimeLine_borderColor_brandYellowHover__vvpfow1a", brandPrioHover: "TimeLine_borderColor_brandPrioHover__vvpfow1b", brandBlueActive: "TimeLine_borderColor_brandBlueActive__vvpfow1c", brandYellowActive: "TimeLine_borderColor_brandYellowActive__vvpfow1d", brandPrioActive: "TimeLine_borderColor_brandPrioActive__vvpfow1e", none: "TimeLine_borderColor_none__vvpfow1f" } }, defaultVariants: {}, compoundVariants: [] });
7
7
  var timeLineH3 = "TimeLine_timeLineH3__vvpfow2";
8
8
 
9
9
  export { baseTimeLine, baseTimeLineItem, baseTimeLineList, timeLineH3 };
package/dist/cssUtils/border.css.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- declare const borderColor: Record<"none" | "boxShadow" | "border" | "link" | "black" | "transparent" | "white" | "medium" | "dark" | "light" | "lighter" | "primary" | "secondary" | "brandYellow" | "brandBlue" | "brandPurple" | "brandPrio" | "yellowLighter" | "yellowLight" | "blueLight" | "blueLighter" | "blueMedium" | "greenLight" | "greenMedium" | "redLight" | "recipeVego" | "recipeLactose" | "recipeGluten" | "lightest" | "mediumDark" | "darker" | "darkest" | "buttonGray" | "disabledGray" | "disabledDarkGray" | "placeholder" | "boxShadowActive" | "alertRed" | "alertBlue" | "alertGreen" | "darkOverlay" | "brandBlueHover" | "brandYellowHover" | "brandPrioHover" | "brandBlueActive" | "brandYellowActive" | "brandPrioActive", string>;
1
+ declare const borderColor: Record<"none" | "boxShadow" | "border" | "link" | "black" | "transparent" | "white" | "medium" | "dark" | "light" | "lighter" | "primary" | "secondary" | "brandYellow" | "brandBlue" | "brandPurple" | "brandPrio" | "yellowLighter" | "yellowLight" | "blueLight" | "blueLighter" | "blueMedium" | "greenLight" | "greenMedium" | "redLight" | "recipeVego" | "recipeLactose" | "recipeGluten" | "myPrioGoldDark" | "myPrioGoldLight" | "lightest" | "mediumDark" | "darker" | "darkest" | "buttonGray" | "disabledGray" | "disabledDarkGray" | "placeholder" | "boxShadowActive" | "alertRed" | "alertBlue" | "alertGreen" | "darkOverlay" | "brandBlueHover" | "brandYellowHover" | "brandPrioHover" | "brandBlueActive" | "brandYellowActive" | "brandPrioActive", string>;
2
2
  declare const borderRadius: Record<"none" | "big" | "small" | "round" | "default" | "large" | "extraSmall" | "bigger", string>;
3
3
 
4
4
  export { borderColor, borderRadius };
package/dist/cssUtils/border.css.ts.vanilla.css CHANGED
@@ -49,117 +49,123 @@
49
49
  .border_borderColor_recipeGluten__c3f0gfg {
50
50
  border-color: #D5642A;
51
51
  }
52
- .border_borderColor_link__c3f0gfh {
52
+ .border_borderColor_myPrioGoldDark__c3f0gfh {
53
+ border-color: #D89835;
54
+ }
55
+ .border_borderColor_myPrioGoldLight__c3f0gfi {
56
+ border-color: #F4D247;
57
+ }
58
+ .border_borderColor_link__c3f0gfj {
53
59
  border-color: #0072BB;
54
60
  }
55
- .border_borderColor_white__c3f0gfi {
61
+ .border_borderColor_white__c3f0gfk {
56
62
  border-color: #FFFFFF;
57
63
  }
58
- .border_borderColor_black__c3f0gfj {
64
+ .border_borderColor_black__c3f0gfl {
59
65
  border-color: #000000;
60
66
  }
61
- .border_borderColor_lightest__c3f0gfk {
67
+ .border_borderColor_lightest__c3f0gfm {
62
68
  border-color: #F7F7F7;
63
69
  }
64
- .border_borderColor_lighter__c3f0gfl {
70
+ .border_borderColor_lighter__c3f0gfn {
65
71
  border-color: #F1F1F1;
66
72
  }
67
- .border_borderColor_light__c3f0gfm {
73
+ .border_borderColor_light__c3f0gfo {
68
74
  border-color: #E8E8E8;
69
75
  }
70
- .border_borderColor_medium__c3f0gfn {
76
+ .border_borderColor_medium__c3f0gfp {
71
77
  border-color: #DBDBDB;
72
78
  }
73
- .border_borderColor_mediumDark__c3f0gfo {
79
+ .border_borderColor_mediumDark__c3f0gfq {
74
80
  border-color: #6C6C6C;
75
81
  }
76
- .border_borderColor_dark__c3f0gfp {
82
+ .border_borderColor_dark__c3f0gfr {
77
83
  border-color: #979797;
78
84
  }
79
- .border_borderColor_darker__c3f0gfq {
85
+ .border_borderColor_darker__c3f0gfs {
80
86
  border-color: #4A4A4A;
81
87
  }
82
- .border_borderColor_darkest__c3f0gfr {
88
+ .border_borderColor_darkest__c3f0gft {
83
89
  border-color: #333333;
84
90
  }
85
- .border_borderColor_buttonGray__c3f0gfs {
91
+ .border_borderColor_buttonGray__c3f0gfu {
86
92
  border-color: #E5E4E5;
87
93
  }
88
- .border_borderColor_disabledGray__c3f0gft {
94
+ .border_borderColor_disabledGray__c3f0gfv {
89
95
  border-color: #B8B8B8;
90
96
  }
91
- .border_borderColor_disabledDarkGray__c3f0gfu {
97
+ .border_borderColor_disabledDarkGray__c3f0gfw {
92
98
  border-color: #5c5c5c;
93
99
  }
94
- .border_borderColor_placeholder__c3f0gfv {
100
+ .border_borderColor_placeholder__c3f0gfx {
95
101
  border-color: #8f8f8f;
96
102
  }
97
- .border_borderColor_border__c3f0gfw {
103
+ .border_borderColor_border__c3f0gfy {
98
104
  border-color: #0069AE;
99
105
  }
100
- .border_borderColor_boxShadow__c3f0gfx {
106
+ .border_borderColor_boxShadow__c3f0gfz {
101
107
  border-color: #E1E1E1;
102
108
  }
103
- .border_borderColor_boxShadowActive__c3f0gfy {
109
+ .border_borderColor_boxShadowActive__c3f0gf10 {
104
110
  border-color: rgba(7, 52, 99, 0.15);
105
111
  }
106
- .border_borderColor_alertRed__c3f0gfz {
112
+ .border_borderColor_alertRed__c3f0gf11 {
107
113
  border-color: #E02721;
108
114
  }
109
- .border_borderColor_alertBlue__c3f0gf10 {
115
+ .border_borderColor_alertBlue__c3f0gf12 {
110
116
  border-color: #0072BB;
111
117
  }
112
- .border_borderColor_alertGreen__c3f0gf11 {
118
+ .border_borderColor_alertGreen__c3f0gf13 {
113
119
  border-color: #3F9A3C;
114
120
  }
115
- .border_borderColor_darkOverlay__c3f0gf12 {
121
+ .border_borderColor_darkOverlay__c3f0gf14 {
116
122
  border-color: rgba(0, 0, 0, 0.6);
117
123
  }
118
- .border_borderColor_transparent__c3f0gf13 {
124
+ .border_borderColor_transparent__c3f0gf15 {
119
125
  border-color: #ffffff00;
120
126
  }
121
- .border_borderColor_brandBlueHover__c3f0gf14 {
127
+ .border_borderColor_brandBlueHover__c3f0gf16 {
122
128
  border-color: #005C99;
123
129
  }
124
- .border_borderColor_brandYellowHover__c3f0gf15 {
130
+ .border_borderColor_brandYellowHover__c3f0gf17 {
125
131
  border-color: #F5D800;
126
132
  }
127
- .border_borderColor_brandPrioHover__c3f0gf16 {
133
+ .border_borderColor_brandPrioHover__c3f0gf18 {
128
134
  border-color: #90136F;
129
135
  }
130
- .border_borderColor_brandBlueActive__c3f0gf17 {
136
+ .border_borderColor_brandBlueActive__c3f0gf19 {
131
137
  border-color: #004D80;
132
138
  }
133
- .border_borderColor_brandYellowActive__c3f0gf18 {
139
+ .border_borderColor_brandYellowActive__c3f0gf1a {
134
140
  border-color: #DBC100;
135
141
  }
136
- .border_borderColor_brandPrioActive__c3f0gf19 {
142
+ .border_borderColor_brandPrioActive__c3f0gf1b {
137
143
  border-color: #7A105E;
138
144
  }
139
- .border_borderColor_none__c3f0gf1a {
145
+ .border_borderColor_none__c3f0gf1c {
140
146
  border-color: none;
141
147
  }
142
- .border_borderRadius_none__c3f0gf1b {
148
+ .border_borderRadius_none__c3f0gf1d {
143
149
  border-radius: 0px;
144
150
  }
145
- .border_borderRadius_extraSmall__c3f0gf1c {
151
+ .border_borderRadius_extraSmall__c3f0gf1e {
146
152
  border-radius: 2px;
147
153
  }
148
- .border_borderRadius_small__c3f0gf1d {
154
+ .border_borderRadius_small__c3f0gf1f {
149
155
  border-radius: 5px;
150
156
  }
151
- .border_borderRadius_default__c3f0gf1e {
157
+ .border_borderRadius_default__c3f0gf1g {
152
158
  border-radius: 10px;
153
159
  }
154
- .border_borderRadius_big__c3f0gf1f {
160
+ .border_borderRadius_big__c3f0gf1h {
155
161
  border-radius: 20px;
156
162
  }
157
- .border_borderRadius_bigger__c3f0gf1g {
163
+ .border_borderRadius_bigger__c3f0gf1i {
158
164
  border-radius: 24px;
159
165
  }
160
- .border_borderRadius_large__c3f0gf1h {
166
+ .border_borderRadius_large__c3f0gf1j {
161
167
  border-radius: 32px;
162
168
  }
163
- .border_borderRadius_round__c3f0gf1i {
169
+ .border_borderRadius_round__c3f0gf1k {
164
170
  border-radius: 100px;
165
171
  }