@citygross/components_v2 0.0.10 → 0.0.11

package/dist/components/Box/Box.css.vanilla.js

@@ -4,6 +4,6 @@ import './../../cssUtils/spacings.css.ts.vanilla.css';
 import './Box.css.ts.vanilla.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var BoxStyle = createRuntimeFn({ defaultClassName: "Box__inom6d0", 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" }, hoverBackgroundColor: { primary: "color_hoverBackgroundColor_primary__13rr0b23x", secondary: "color_hoverBackgroundColor_secondary__13rr0b23y", brandYellow: "color_hoverBackgroundColor_brandYellow__13rr0b23z", brandBlue: "color_hoverBackgroundColor_brandBlue__13rr0b240", brandPurple: "color_hoverBackgroundColor_brandPurple__13rr0b241", brandPrio: "color_hoverBackgroundColor_brandPrio__13rr0b242", yellowLighter: "color_hoverBackgroundColor_yellowLighter__13rr0b243", yellowLight: "color_hoverBackgroundColor_yellowLight__13rr0b244", blueLight: "color_hoverBackgroundColor_blueLight__13rr0b245", blueLighter: "color_hoverBackgroundColor_blueLighter__13rr0b246", blueMedium: "color_hoverBackgroundColor_blueMedium__13rr0b247", greenLight: "color_hoverBackgroundColor_greenLight__13rr0b248", greenMedium: "color_hoverBackgroundColor_greenMedium__13rr0b249", redLight: "color_hoverBackgroundColor_redLight__13rr0b24a", recipeVego: "color_hoverBackgroundColor_recipeVego__13rr0b24b", recipeLactose: "color_hoverBackgroundColor_recipeLactose__13rr0b24c", recipeGluten: "color_hoverBackgroundColor_recipeGluten__13rr0b24d", link: "color_hoverBackgroundColor_link__13rr0b24e", white: "color_hoverBackgroundColor_white__13rr0b24f", black: "color_hoverBackgroundColor_black__13rr0b24g", lightest: "color_hoverBackgroundColor_lightest__13rr0b24h", lighter: "color_hoverBackgroundColor_lighter__13rr0b24i", light: "color_hoverBackgroundColor_light__13rr0b24j", medium: "color_hoverBackgroundColor_medium__13rr0b24k", mediumDark: "color_hoverBackgroundColor_mediumDark__13rr0b24l", dark: "color_hoverBackgroundColor_dark__13rr0b24m", darker: "color_hoverBackgroundColor_darker__13rr0b24n", darkest: "color_hoverBackgroundColor_darkest__13rr0b24o", buttonGray: "color_hoverBackgroundColor_buttonGray__13rr0b24p", disabledGray: "color_hoverBackgroundColor_disabledGray__13rr0b24q", disabledDarkGray: "color_hoverBackgroundColor_disabledDarkGray__13rr0b24r", placeholder: "color_hoverBackgroundColor_placeholder__13rr0b24s", border: "color_hoverBackgroundColor_border__13rr0b24t", boxShadow: "color_hoverBackgroundColor_boxShadow__13rr0b24u", boxShadowActive: "color_hoverBackgroundColor_boxShadowActive__13rr0b24v", alertRed: "color_hoverBackgroundColor_alertRed__13rr0b24w", alertBlue: "color_hoverBackgroundColor_alertBlue__13rr0b24x", alertGreen: "color_hoverBackgroundColor_alertGreen__13rr0b24y", darkOverlay: "color_hoverBackgroundColor_darkOverlay__13rr0b24z", transparent: "color_hoverBackgroundColor_transparent__13rr0b250", brandBlueHover: "color_hoverBackgroundColor_brandBlueHover__13rr0b251", brandYellowHover: "color_hoverBackgroundColor_brandYellowHover__13rr0b252", brandPrioHover: "color_hoverBackgroundColor_brandPrioHover__13rr0b253", brandBlueActive: "color_hoverBackgroundColor_brandBlueActive__13rr0b254", brandYellowActive: "color_hoverBackgroundColor_brandYellowActive__13rr0b255", brandPrioActive: "color_hoverBackgroundColor_brandPrioActive__13rr0b256", none: "color_hoverBackgroundColor_none__13rr0b257" }, 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" }, 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" }, margin: { xxxs: "spacings_margin_xxxs__e0awtz0", xxs: "spacings_margin_xxs__e0awtz1", xxs2: "spacings_margin_xxs2__e0awtz2", xs: "spacings_margin_xs__e0awtz3", xs2: "spacings_margin_xs2__e0awtz4", sm: "spacings_margin_sm__e0awtz5", sm2: "spacings_margin_sm2__e0awtz6", md: "spacings_margin_md__e0awtz7", lg: "spacings_margin_lg__e0awtz8", xl: "spacings_margin_xl__e0awtz9", xxl: "spacings_margin_xxl__e0awtza", false: "spacings_margin_false__e0awtzb" }, marginHorizontal: { xxxs: "spacings_marginHorizontal_xxxs__e0awtzc", xxs: "spacings_marginHorizontal_xxs__e0awtzd", xxs2: "spacings_marginHorizontal_xxs2__e0awtze", xs: "spacings_marginHorizontal_xs__e0awtzf", xs2: "spacings_marginHorizontal_xs2__e0awtzg", sm: "spacings_marginHorizontal_sm__e0awtzh", sm2: "spacings_marginHorizontal_sm2__e0awtzi", md: "spacings_marginHorizontal_md__e0awtzj", lg: "spacings_marginHorizontal_lg__e0awtzk", xl: "spacings_marginHorizontal_xl__e0awtzl", xxl: "spacings_marginHorizontal_xxl__e0awtzm", false: "spacings_marginHorizontal_false__e0awtzn" }, marginVertical: { xxxs: "spacings_marginVertical_xxxs__e0awtzo", xxs: "spacings_marginVertical_xxs__e0awtzp", xxs2: "spacings_marginVertical_xxs2__e0awtzq", xs: "spacings_marginVertical_xs__e0awtzr", xs2: "spacings_marginVertical_xs2__e0awtzs", sm: "spacings_marginVertical_sm__e0awtzt", sm2: "spacings_marginVertical_sm2__e0awtzu", md: "spacings_marginVertical_md__e0awtzv", lg: "spacings_marginVertical_lg__e0awtzw", xl: "spacings_marginVertical_xl__e0awtzx", xxl: "spacings_marginVertical_xxl__e0awtzy", false: "spacings_marginVertical_false__e0awtzz" }, padding: { xxxs: "spacings_padding_xxxs__e0awtz10", xxs: "spacings_padding_xxs__e0awtz11", xxs2: "spacings_padding_xxs2__e0awtz12", xs: "spacings_padding_xs__e0awtz13", xs2: "spacings_padding_xs2__e0awtz14", sm: "spacings_padding_sm__e0awtz15", sm2: "spacings_padding_sm2__e0awtz16", md: "spacings_padding_md__e0awtz17", lg: "spacings_padding_lg__e0awtz18", xl: "spacings_padding_xl__e0awtz19", xxl: "spacings_padding_xxl__e0awtz1a", false: "spacings_padding_false__e0awtz1b" }, paddingHorizontal: { xxxs: "spacings_paddingHorizontal_xxxs__e0awtz1c", xxs: "spacings_paddingHorizontal_xxs__e0awtz1d", xxs2: "spacings_paddingHorizontal_xxs2__e0awtz1e", xs: "spacings_paddingHorizontal_xs__e0awtz1f", xs2: "spacings_paddingHorizontal_xs2__e0awtz1g", sm: "spacings_paddingHorizontal_sm__e0awtz1h", sm2: "spacings_paddingHorizontal_sm2__e0awtz1i", md: "spacings_paddingHorizontal_md__e0awtz1j", lg: "spacings_paddingHorizontal_lg__e0awtz1k", xl: "spacings_paddingHorizontal_xl__e0awtz1l", xxl: "spacings_paddingHorizontal_xxl__e0awtz1m", false: "spacings_paddingHorizontal_false__e0awtz1n" }, paddingVertical: { xxxs: "spacings_paddingVertical_xxxs__e0awtz1o", xxs: "spacings_paddingVertical_xxs__e0awtz1p", xxs2: "spacings_paddingVertical_xxs2__e0awtz1q", xs: "spacings_paddingVertical_xs__e0awtz1r", xs2: "spacings_paddingVertical_xs2__e0awtz1s", sm: "spacings_paddingVertical_sm__e0awtz1t", sm2: "spacings_paddingVertical_sm2__e0awtz1u", md: "spacings_paddingVertical_md__e0awtz1v", lg: "spacings_paddingVertical_lg__e0awtz1w", xl: "spacings_paddingVertical_xl__e0awtz1x", xxl: "spacings_paddingVertical_xxl__e0awtz1y", false: "spacings_paddingVertical_false__e0awtz1z" }, border: { true: "Box_BoxStyle_border_true__inom6d66" } }, defaultVariants: { backgroundColor: "white", hoverBackgroundColor: "transparent", borderColor: "transparent", borderRadius: "none", padding: "sm" }, compoundVariants: [] });
+var BoxStyle = createRuntimeFn({ defaultClassName: "Box__inom6d0", 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" }, hoverBackgroundColor: { primary: "color_hoverBackgroundColor_primary__13rr0b23x", secondary: "color_hoverBackgroundColor_secondary__13rr0b23y", brandYellow: "color_hoverBackgroundColor_brandYellow__13rr0b23z", brandBlue: "color_hoverBackgroundColor_brandBlue__13rr0b240", brandPurple: "color_hoverBackgroundColor_brandPurple__13rr0b241", brandPrio: "color_hoverBackgroundColor_brandPrio__13rr0b242", yellowLighter: "color_hoverBackgroundColor_yellowLighter__13rr0b243", yellowLight: "color_hoverBackgroundColor_yellowLight__13rr0b244", blueLight: "color_hoverBackgroundColor_blueLight__13rr0b245", blueLighter: "color_hoverBackgroundColor_blueLighter__13rr0b246", blueMedium: "color_hoverBackgroundColor_blueMedium__13rr0b247", greenLight: "color_hoverBackgroundColor_greenLight__13rr0b248", greenMedium: "color_hoverBackgroundColor_greenMedium__13rr0b249", redLight: "color_hoverBackgroundColor_redLight__13rr0b24a", recipeVego: "color_hoverBackgroundColor_recipeVego__13rr0b24b", recipeLactose: "color_hoverBackgroundColor_recipeLactose__13rr0b24c", recipeGluten: "color_hoverBackgroundColor_recipeGluten__13rr0b24d", link: "color_hoverBackgroundColor_link__13rr0b24e", white: "color_hoverBackgroundColor_white__13rr0b24f", black: "color_hoverBackgroundColor_black__13rr0b24g", lightest: "color_hoverBackgroundColor_lightest__13rr0b24h", lighter: "color_hoverBackgroundColor_lighter__13rr0b24i", light: "color_hoverBackgroundColor_light__13rr0b24j", medium: "color_hoverBackgroundColor_medium__13rr0b24k", mediumDark: "color_hoverBackgroundColor_mediumDark__13rr0b24l", dark: "color_hoverBackgroundColor_dark__13rr0b24m", darker: "color_hoverBackgroundColor_darker__13rr0b24n", darkest: "color_hoverBackgroundColor_darkest__13rr0b24o", buttonGray: "color_hoverBackgroundColor_buttonGray__13rr0b24p", disabledGray: "color_hoverBackgroundColor_disabledGray__13rr0b24q", disabledDarkGray: "color_hoverBackgroundColor_disabledDarkGray__13rr0b24r", placeholder: "color_hoverBackgroundColor_placeholder__13rr0b24s", border: "color_hoverBackgroundColor_border__13rr0b24t", boxShadow: "color_hoverBackgroundColor_boxShadow__13rr0b24u", boxShadowActive: "color_hoverBackgroundColor_boxShadowActive__13rr0b24v", alertRed: "color_hoverBackgroundColor_alertRed__13rr0b24w", alertBlue: "color_hoverBackgroundColor_alertBlue__13rr0b24x", alertGreen: "color_hoverBackgroundColor_alertGreen__13rr0b24y", darkOverlay: "color_hoverBackgroundColor_darkOverlay__13rr0b24z", transparent: "color_hoverBackgroundColor_transparent__13rr0b250", brandBlueHover: "color_hoverBackgroundColor_brandBlueHover__13rr0b251", brandYellowHover: "color_hoverBackgroundColor_brandYellowHover__13rr0b252", brandPrioHover: "color_hoverBackgroundColor_brandPrioHover__13rr0b253", brandBlueActive: "color_hoverBackgroundColor_brandBlueActive__13rr0b254", brandYellowActive: "color_hoverBackgroundColor_brandYellowActive__13rr0b255", brandPrioActive: "color_hoverBackgroundColor_brandPrioActive__13rr0b256", none: "color_hoverBackgroundColor_none__13rr0b257" }, 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" }, 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" }, margin: { xxxs: "spacings_margin_xxxs__e0awtz0", xxs: "spacings_margin_xxs__e0awtz1", xxs2: "spacings_margin_xxs2__e0awtz2", xs: "spacings_margin_xs__e0awtz3", xs2: "spacings_margin_xs2__e0awtz4", sm: "spacings_margin_sm__e0awtz5", sm2: "spacings_margin_sm2__e0awtz6", md: "spacings_margin_md__e0awtz7", lg: "spacings_margin_lg__e0awtz8", xl: "spacings_margin_xl__e0awtz9", xxl: "spacings_margin_xxl__e0awtza", false: "spacings_margin_false__e0awtzb" }, marginHorizontal: { xxxs: "spacings_marginHorizontal_xxxs__e0awtzc", xxs: "spacings_marginHorizontal_xxs__e0awtzd", xxs2: "spacings_marginHorizontal_xxs2__e0awtze", xs: "spacings_marginHorizontal_xs__e0awtzf", xs2: "spacings_marginHorizontal_xs2__e0awtzg", sm: "spacings_marginHorizontal_sm__e0awtzh", sm2: "spacings_marginHorizontal_sm2__e0awtzi", md: "spacings_marginHorizontal_md__e0awtzj", lg: "spacings_marginHorizontal_lg__e0awtzk", xl: "spacings_marginHorizontal_xl__e0awtzl", xxl: "spacings_marginHorizontal_xxl__e0awtzm", false: "spacings_marginHorizontal_false__e0awtzn" }, marginVertical: { xxxs: "spacings_marginVertical_xxxs__e0awtzo", xxs: "spacings_marginVertical_xxs__e0awtzp", xxs2: "spacings_marginVertical_xxs2__e0awtzq", xs: "spacings_marginVertical_xs__e0awtzr", xs2: "spacings_marginVertical_xs2__e0awtzs", sm: "spacings_marginVertical_sm__e0awtzt", sm2: "spacings_marginVertical_sm2__e0awtzu", md: "spacings_marginVertical_md__e0awtzv", lg: "spacings_marginVertical_lg__e0awtzw", xl: "spacings_marginVertical_xl__e0awtzx", xxl: "spacings_marginVertical_xxl__e0awtzy", false: "spacings_marginVertical_false__e0awtzz" }, padding: { xxxs: "spacings_padding_xxxs__e0awtz1c", xxs: "spacings_padding_xxs__e0awtz1d", xxs2: "spacings_padding_xxs2__e0awtz1e", xs: "spacings_padding_xs__e0awtz1f", xs2: "spacings_padding_xs2__e0awtz1g", sm: "spacings_padding_sm__e0awtz1h", sm2: "spacings_padding_sm2__e0awtz1i", md: "spacings_padding_md__e0awtz1j", lg: "spacings_padding_lg__e0awtz1k", xl: "spacings_padding_xl__e0awtz1l", xxl: "spacings_padding_xxl__e0awtz1m", false: "spacings_padding_false__e0awtz1n" }, paddingHorizontal: { xxxs: "spacings_paddingHorizontal_xxxs__e0awtz1o", xxs: "spacings_paddingHorizontal_xxs__e0awtz1p", xxs2: "spacings_paddingHorizontal_xxs2__e0awtz1q", xs: "spacings_paddingHorizontal_xs__e0awtz1r", xs2: "spacings_paddingHorizontal_xs2__e0awtz1s", sm: "spacings_paddingHorizontal_sm__e0awtz1t", sm2: "spacings_paddingHorizontal_sm2__e0awtz1u", md: "spacings_paddingHorizontal_md__e0awtz1v", lg: "spacings_paddingHorizontal_lg__e0awtz1w", xl: "spacings_paddingHorizontal_xl__e0awtz1x", xxl: "spacings_paddingHorizontal_xxl__e0awtz1y", false: "spacings_paddingHorizontal_false__e0awtz1z" }, paddingVertical: { xxxs: "spacings_paddingVertical_xxxs__e0awtz20", xxs: "spacings_paddingVertical_xxs__e0awtz21", xxs2: "spacings_paddingVertical_xxs2__e0awtz22", xs: "spacings_paddingVertical_xs__e0awtz23", xs2: "spacings_paddingVertical_xs2__e0awtz24", sm: "spacings_paddingVertical_sm__e0awtz25", sm2: "spacings_paddingVertical_sm2__e0awtz26", md: "spacings_paddingVertical_md__e0awtz27", lg: "spacings_paddingVertical_lg__e0awtz28", xl: "spacings_paddingVertical_xl__e0awtz29", xxl: "spacings_paddingVertical_xxl__e0awtz2a", false: "spacings_paddingVertical_false__e0awtz2b" }, border: { true: "Box_BoxStyle_border_true__inom6d66" } }, defaultVariants: { backgroundColor: "white", hoverBackgroundColor: "transparent", borderColor: "transparent", borderRadius: "none", padding: "sm" }, compoundVariants: [] });
 
 export { BoxStyle };

package/dist/cssUtils/spacings.css.ts.vanilla.css

@@ -274,334 +274,406 @@
   margin-bottom: 0px;
   margin-top: 0px;
 }
-.spacings_padding_xxxs__e0awtz10 {
+.spacings_marginBottomDynamic_xxxs__e0awtz10 {
+  margin-bottom: 2px;
+}
+.spacings_marginBottomDynamic_xxxs__e0awtz10[data-keep-size="true"] {
+  margin-bottom: 2px;
+}
+.spacings_marginBottomDynamic_xxs__e0awtz11 {
+  margin-bottom: 4px;
+}
+.spacings_marginBottomDynamic_xxs__e0awtz11[data-keep-size="true"] {
+  margin-bottom: 4px;
+}
+.spacings_marginBottomDynamic_xxs2__e0awtz12 {
+  margin-bottom: 6px;
+}
+.spacings_marginBottomDynamic_xxs2__e0awtz12[data-keep-size="true"] {
+  margin-bottom: 6px;
+}
+.spacings_marginBottomDynamic_xs__e0awtz13 {
+  margin-bottom: 8px;
+}
+.spacings_marginBottomDynamic_xs__e0awtz13[data-keep-size="true"] {
+  margin-bottom: 8px;
+}
+.spacings_marginBottomDynamic_xs2__e0awtz14 {
+  margin-bottom: 12px;
+}
+.spacings_marginBottomDynamic_xs2__e0awtz14[data-keep-size="true"] {
+  margin-bottom: 12px;
+}
+.spacings_marginBottomDynamic_sm__e0awtz15 {
+  margin-bottom: 16px;
+}
+.spacings_marginBottomDynamic_sm__e0awtz15[data-keep-size="true"] {
+  margin-bottom: 16px;
+}
+.spacings_marginBottomDynamic_sm2__e0awtz16 {
+  margin-bottom: 20px;
+}
+.spacings_marginBottomDynamic_sm2__e0awtz16[data-keep-size="true"] {
+  margin-bottom: 20px;
+}
+.spacings_marginBottomDynamic_md__e0awtz17 {
+  margin-bottom: 16px;
+}
+.spacings_marginBottomDynamic_md__e0awtz17[data-keep-size="true"] {
+  margin-bottom: 24px;
+}
+.spacings_marginBottomDynamic_lg__e0awtz18 {
+  margin-bottom: 24px;
+}
+.spacings_marginBottomDynamic_lg__e0awtz18[data-keep-size="true"] {
+  margin-bottom: 32px;
+}
+.spacings_marginBottomDynamic_xl__e0awtz19 {
+  margin-bottom: 32px;
+}
+.spacings_marginBottomDynamic_xl__e0awtz19[data-keep-size="true"] {
+  margin-bottom: 40px;
+}
+.spacings_marginBottomDynamic_xxl__e0awtz1a {
+  margin-bottom: 40px;
+}
+.spacings_marginBottomDynamic_xxl__e0awtz1a[data-keep-size="true"] {
+  margin-bottom: 56px;
+}
+.spacings_marginBottomDynamic_false__e0awtz1b {
+  margin-bottom: 0px;
+}
+.spacings_marginBottomDynamic_false__e0awtz1b[data-keep-size="true"] {
+  margin-bottom: 0px;
+}
+.spacings_padding_xxxs__e0awtz1c {
   padding: 2px;
 }
-.spacings_padding_xxxs__e0awtz10[data-keep-size="true"] {
+.spacings_padding_xxxs__e0awtz1c[data-keep-size="true"] {
   padding: 2px;
 }
-.spacings_padding_xxs__e0awtz11 {
+.spacings_padding_xxs__e0awtz1d {
   padding: 4px;
 }
-.spacings_padding_xxs__e0awtz11[data-keep-size="true"] {
+.spacings_padding_xxs__e0awtz1d[data-keep-size="true"] {
   padding: 4px;
 }
-.spacings_padding_xxs2__e0awtz12 {
+.spacings_padding_xxs2__e0awtz1e {
   padding: 6px;
 }
-.spacings_padding_xxs2__e0awtz12[data-keep-size="true"] {
+.spacings_padding_xxs2__e0awtz1e[data-keep-size="true"] {
   padding: 6px;
 }
-.spacings_padding_xs__e0awtz13 {
+.spacings_padding_xs__e0awtz1f {
   padding: 8px;
 }
-.spacings_padding_xs__e0awtz13[data-keep-size="true"] {
+.spacings_padding_xs__e0awtz1f[data-keep-size="true"] {
   padding: 8px;
 }
-.spacings_padding_xs2__e0awtz14 {
+.spacings_padding_xs2__e0awtz1g {
   padding: 12px;
 }
-.spacings_padding_xs2__e0awtz14[data-keep-size="true"] {
+.spacings_padding_xs2__e0awtz1g[data-keep-size="true"] {
   padding: 12px;
 }
-.spacings_padding_sm__e0awtz15 {
+.spacings_padding_sm__e0awtz1h {
   padding: 16px;
 }
-.spacings_padding_sm__e0awtz15[data-keep-size="true"] {
+.spacings_padding_sm__e0awtz1h[data-keep-size="true"] {
   padding: 16px;
 }
-.spacings_padding_sm2__e0awtz16 {
+.spacings_padding_sm2__e0awtz1i {
   padding: 20px;
 }
-.spacings_padding_sm2__e0awtz16[data-keep-size="true"] {
+.spacings_padding_sm2__e0awtz1i[data-keep-size="true"] {
   padding: 20px;
 }
-.spacings_padding_md__e0awtz17 {
+.spacings_padding_md__e0awtz1j {
   padding: 16px;
 }
-.spacings_padding_md__e0awtz17[data-keep-size="true"] {
+.spacings_padding_md__e0awtz1j[data-keep-size="true"] {
   padding: 24px;
 }
-.spacings_padding_lg__e0awtz18 {
+.spacings_padding_lg__e0awtz1k {
   padding: 24px;
 }
-.spacings_padding_lg__e0awtz18[data-keep-size="true"] {
+.spacings_padding_lg__e0awtz1k[data-keep-size="true"] {
   padding: 32px;
 }
-.spacings_padding_xl__e0awtz19 {
+.spacings_padding_xl__e0awtz1l {
   padding: 32px;
 }
-.spacings_padding_xl__e0awtz19[data-keep-size="true"] {
+.spacings_padding_xl__e0awtz1l[data-keep-size="true"] {
   padding: 40px;
 }
-.spacings_padding_xxl__e0awtz1a {
+.spacings_padding_xxl__e0awtz1m {
   padding: 40px;
 }
-.spacings_padding_xxl__e0awtz1a[data-keep-size="true"] {
+.spacings_padding_xxl__e0awtz1m[data-keep-size="true"] {
   padding: 56px;
 }
-.spacings_padding_false__e0awtz1b {
+.spacings_padding_false__e0awtz1n {
   padding: 0px;
 }
-.spacings_padding_false__e0awtz1b[data-keep-size="true"] {
+.spacings_padding_false__e0awtz1n[data-keep-size="true"] {
   padding: 0px;
 }
-.spacings_paddingHorizontal_xxxs__e0awtz1c {
+.spacings_paddingHorizontal_xxxs__e0awtz1o {
   padding-left: 2px;
   padding-right: 2px;
 }
-.spacings_paddingHorizontal_xxxs__e0awtz1c[data-keep-size="true"] {
+.spacings_paddingHorizontal_xxxs__e0awtz1o[data-keep-size="true"] {
   padding-left: 2px;
   padding-right: 2px;
 }
-.spacings_paddingHorizontal_xxs__e0awtz1d {
+.spacings_paddingHorizontal_xxs__e0awtz1p {
   padding-left: 4px;
   padding-right: 4px;
 }
-.spacings_paddingHorizontal_xxs__e0awtz1d[data-keep-size="true"] {
+.spacings_paddingHorizontal_xxs__e0awtz1p[data-keep-size="true"] {
   padding-left: 4px;
   padding-right: 4px;
 }
-.spacings_paddingHorizontal_xxs2__e0awtz1e {
+.spacings_paddingHorizontal_xxs2__e0awtz1q {
   padding-left: 6px;
   padding-right: 6px;
 }
-.spacings_paddingHorizontal_xxs2__e0awtz1e[data-keep-size="true"] {
+.spacings_paddingHorizontal_xxs2__e0awtz1q[data-keep-size="true"] {
   padding-left: 6px;
   padding-right: 6px;
 }
-.spacings_paddingHorizontal_xs__e0awtz1f {
+.spacings_paddingHorizontal_xs__e0awtz1r {
   padding-left: 8px;
   padding-right: 8px;
 }
-.spacings_paddingHorizontal_xs__e0awtz1f[data-keep-size="true"] {
+.spacings_paddingHorizontal_xs__e0awtz1r[data-keep-size="true"] {
   padding-left: 8px;
   padding-right: 8px;
 }
-.spacings_paddingHorizontal_xs2__e0awtz1g {
+.spacings_paddingHorizontal_xs2__e0awtz1s {
   padding-left: 12px;
   padding-right: 12px;
 }
-.spacings_paddingHorizontal_xs2__e0awtz1g[data-keep-size="true"] {
+.spacings_paddingHorizontal_xs2__e0awtz1s[data-keep-size="true"] {
   padding-left: 12px;
   padding-right: 12px;
 }
-.spacings_paddingHorizontal_sm__e0awtz1h {
+.spacings_paddingHorizontal_sm__e0awtz1t {
   padding-left: 16px;
   padding-right: 16px;
 }
-.spacings_paddingHorizontal_sm__e0awtz1h[data-keep-size="true"] {
+.spacings_paddingHorizontal_sm__e0awtz1t[data-keep-size="true"] {
   padding-left: 16px;
   padding-right: 16px;
 }
-.spacings_paddingHorizontal_sm2__e0awtz1i {
+.spacings_paddingHorizontal_sm2__e0awtz1u {
   padding-left: 20px;
   padding-right: 20px;
 }
-.spacings_paddingHorizontal_sm2__e0awtz1i[data-keep-size="true"] {
+.spacings_paddingHorizontal_sm2__e0awtz1u[data-keep-size="true"] {
   padding-left: 20px;
   padding-right: 20px;
 }
-.spacings_paddingHorizontal_md__e0awtz1j {
+.spacings_paddingHorizontal_md__e0awtz1v {
   padding-left: 16px;
   padding-right: 16px;
 }
-.spacings_paddingHorizontal_md__e0awtz1j[data-keep-size="true"] {
+.spacings_paddingHorizontal_md__e0awtz1v[data-keep-size="true"] {
   padding-left: 24px;
   padding-right: 24px;
 }
-.spacings_paddingHorizontal_lg__e0awtz1k {
+.spacings_paddingHorizontal_lg__e0awtz1w {
   padding-left: 24px;
   padding-right: 24px;
 }
-.spacings_paddingHorizontal_lg__e0awtz1k[data-keep-size="true"] {
+.spacings_paddingHorizontal_lg__e0awtz1w[data-keep-size="true"] {
   padding-left: 32px;
   padding-right: 32px;
 }
-.spacings_paddingHorizontal_xl__e0awtz1l {
+.spacings_paddingHorizontal_xl__e0awtz1x {
   padding-left: 32px;
   padding-right: 32px;
 }
-.spacings_paddingHorizontal_xl__e0awtz1l[data-keep-size="true"] {
+.spacings_paddingHorizontal_xl__e0awtz1x[data-keep-size="true"] {
   padding-left: 40px;
   padding-right: 40px;
 }
-.spacings_paddingHorizontal_xxl__e0awtz1m {
+.spacings_paddingHorizontal_xxl__e0awtz1y {
   padding-left: 40px;
   padding-right: 40px;
 }
-.spacings_paddingHorizontal_xxl__e0awtz1m[data-keep-size="true"] {
+.spacings_paddingHorizontal_xxl__e0awtz1y[data-keep-size="true"] {
   padding-left: 56px;
   padding-right: 56px;
 }
-.spacings_paddingHorizontal_false__e0awtz1n {
+.spacings_paddingHorizontal_false__e0awtz1z {
   padding-left: 0px;
   padding-right: 0px;
 }
-.spacings_paddingHorizontal_false__e0awtz1n[data-keep-size="true"] {
+.spacings_paddingHorizontal_false__e0awtz1z[data-keep-size="true"] {
   padding-left: 0px;
   padding-right: 0px;
 }
-.spacings_paddingVertical_xxxs__e0awtz1o {
+.spacings_paddingVertical_xxxs__e0awtz20 {
   padding-bottom: 2px;
   padding-top: 2px;
 }
-.spacings_paddingVertical_xxxs__e0awtz1o[data-keep-size="true"] {
+.spacings_paddingVertical_xxxs__e0awtz20[data-keep-size="true"] {
   padding-bottom: 2px;
   padding-top: 2px;
 }
-.spacings_paddingVertical_xxs__e0awtz1p {
+.spacings_paddingVertical_xxs__e0awtz21 {
   padding-bottom: 4px;
   padding-top: 4px;
 }
-.spacings_paddingVertical_xxs__e0awtz1p[data-keep-size="true"] {
+.spacings_paddingVertical_xxs__e0awtz21[data-keep-size="true"] {
   padding-bottom: 4px;
   padding-top: 4px;
 }
-.spacings_paddingVertical_xxs2__e0awtz1q {
+.spacings_paddingVertical_xxs2__e0awtz22 {
   padding-bottom: 6px;
   padding-top: 6px;
 }
-.spacings_paddingVertical_xxs2__e0awtz1q[data-keep-size="true"] {
+.spacings_paddingVertical_xxs2__e0awtz22[data-keep-size="true"] {
   padding-bottom: 6px;
   padding-top: 6px;
 }
-.spacings_paddingVertical_xs__e0awtz1r {
+.spacings_paddingVertical_xs__e0awtz23 {
   padding-bottom: 8px;
   padding-top: 8px;
 }
-.spacings_paddingVertical_xs__e0awtz1r[data-keep-size="true"] {
+.spacings_paddingVertical_xs__e0awtz23[data-keep-size="true"] {
   padding-bottom: 8px;
   padding-top: 8px;
 }
-.spacings_paddingVertical_xs2__e0awtz1s {
+.spacings_paddingVertical_xs2__e0awtz24 {
   padding-bottom: 12px;
   padding-top: 12px;
 }
-.spacings_paddingVertical_xs2__e0awtz1s[data-keep-size="true"] {
+.spacings_paddingVertical_xs2__e0awtz24[data-keep-size="true"] {
   padding-bottom: 12px;
   padding-top: 12px;
 }
-.spacings_paddingVertical_sm__e0awtz1t {
+.spacings_paddingVertical_sm__e0awtz25 {
   padding-bottom: 16px;
   padding-top: 16px;
 }
-.spacings_paddingVertical_sm__e0awtz1t[data-keep-size="true"] {
+.spacings_paddingVertical_sm__e0awtz25[data-keep-size="true"] {
   padding-bottom: 16px;
   padding-top: 16px;
 }
-.spacings_paddingVertical_sm2__e0awtz1u {
+.spacings_paddingVertical_sm2__e0awtz26 {
   padding-bottom: 20px;
   padding-top: 20px;
 }
-.spacings_paddingVertical_sm2__e0awtz1u[data-keep-size="true"] {
+.spacings_paddingVertical_sm2__e0awtz26[data-keep-size="true"] {
   padding-bottom: 20px;
   padding-top: 20px;
 }
-.spacings_paddingVertical_md__e0awtz1v {
+.spacings_paddingVertical_md__e0awtz27 {
   padding-bottom: 16px;
   padding-top: 16px;
 }
-.spacings_paddingVertical_md__e0awtz1v[data-keep-size="true"] {
+.spacings_paddingVertical_md__e0awtz27[data-keep-size="true"] {
   padding-bottom: 24px;
   padding-top: 24px;
 }
-.spacings_paddingVertical_lg__e0awtz1w {
+.spacings_paddingVertical_lg__e0awtz28 {
   padding-bottom: 24px;
   padding-top: 24px;
 }
-.spacings_paddingVertical_lg__e0awtz1w[data-keep-size="true"] {
+.spacings_paddingVertical_lg__e0awtz28[data-keep-size="true"] {
   padding-bottom: 32px;
   padding-top: 32px;
 }
-.spacings_paddingVertical_xl__e0awtz1x {
+.spacings_paddingVertical_xl__e0awtz29 {
   padding-bottom: 32px;
   padding-top: 32px;
 }
-.spacings_paddingVertical_xl__e0awtz1x[data-keep-size="true"] {
+.spacings_paddingVertical_xl__e0awtz29[data-keep-size="true"] {
   padding-bottom: 40px;
   padding-top: 40px;
 }
-.spacings_paddingVertical_xxl__e0awtz1y {
+.spacings_paddingVertical_xxl__e0awtz2a {
   padding-bottom: 40px;
   padding-top: 40px;
 }
-.spacings_paddingVertical_xxl__e0awtz1y[data-keep-size="true"] {
+.spacings_paddingVertical_xxl__e0awtz2a[data-keep-size="true"] {
   padding-bottom: 56px;
   padding-top: 56px;
 }
-.spacings_paddingVertical_false__e0awtz1z {
+.spacings_paddingVertical_false__e0awtz2b {
   padding-bottom: 0px;
   padding-top: 0px;
 }
-.spacings_paddingVertical_false__e0awtz1z[data-keep-size="true"] {
+.spacings_paddingVertical_false__e0awtz2b[data-keep-size="true"] {
   padding-bottom: 0px;
   padding-top: 0px;
 }
-.spacings_spacingsToCssMapper_xxxs__e0awtz20 {
+.spacings_spacingsToCssMapper_xxxs__e0awtz2c {
   height: 2px;
 }
-.spacings_spacingsToCssMapper_xxs__e0awtz21 {
+.spacings_spacingsToCssMapper_xxs__e0awtz2d {
   height: 4px;
 }
-.spacings_spacingsToCssMapper_xxs2__e0awtz22 {
+.spacings_spacingsToCssMapper_xxs2__e0awtz2e {
   height: 6px;
 }
-.spacings_spacingsToCssMapper_xs__e0awtz23 {
+.spacings_spacingsToCssMapper_xs__e0awtz2f {
   height: 8px;
 }
-.spacings_spacingsToCssMapper_xs2__e0awtz24 {
+.spacings_spacingsToCssMapper_xs2__e0awtz2g {
   height: 12px;
 }
-.spacings_spacingsToCssMapper_sm__e0awtz25 {
+.spacings_spacingsToCssMapper_sm__e0awtz2h {
   height: 16px;
 }
-.spacings_spacingsToCssMapper_sm2__e0awtz26 {
+.spacings_spacingsToCssMapper_sm2__e0awtz2i {
   height: 20px;
 }
-.spacings_spacingsToCssMapper_md__e0awtz27 {
+.spacings_spacingsToCssMapper_md__e0awtz2j {
   height: 24px;
 }
-.spacings_spacingsToCssMapper_lg__e0awtz28 {
+.spacings_spacingsToCssMapper_lg__e0awtz2k {
   height: 32px;
 }
-.spacings_spacingsToCssMapper_xl__e0awtz29 {
+.spacings_spacingsToCssMapper_xl__e0awtz2l {
   height: 40px;
 }
-.spacings_spacingsToCssMapper_xxl__e0awtz2a {
+.spacings_spacingsToCssMapper_xxl__e0awtz2m {
   height: 56px;
 }
-.spacings_spacingsToCssMapper_xxxs__e0awtz2b {
+.spacings_spacingsToCssMapper_xxxs__e0awtz2n {
   width: 2px;
 }
-.spacings_spacingsToCssMapper_xxs__e0awtz2c {
+.spacings_spacingsToCssMapper_xxs__e0awtz2o {
   width: 4px;
 }
-.spacings_spacingsToCssMapper_xxs2__e0awtz2d {
+.spacings_spacingsToCssMapper_xxs2__e0awtz2p {
   width: 6px;
 }
-.spacings_spacingsToCssMapper_xs__e0awtz2e {
+.spacings_spacingsToCssMapper_xs__e0awtz2q {
   width: 8px;
 }
-.spacings_spacingsToCssMapper_xs2__e0awtz2f {
+.spacings_spacingsToCssMapper_xs2__e0awtz2r {
   width: 12px;
 }
-.spacings_spacingsToCssMapper_sm__e0awtz2g {
+.spacings_spacingsToCssMapper_sm__e0awtz2s {
   width: 16px;
 }
-.spacings_spacingsToCssMapper_sm2__e0awtz2h {
+.spacings_spacingsToCssMapper_sm2__e0awtz2t {
   width: 20px;
 }
-.spacings_spacingsToCssMapper_md__e0awtz2i {
+.spacings_spacingsToCssMapper_md__e0awtz2u {
   width: 24px;
 }
-.spacings_spacingsToCssMapper_lg__e0awtz2j {
+.spacings_spacingsToCssMapper_lg__e0awtz2v {
   width: 32px;
 }
-.spacings_spacingsToCssMapper_xl__e0awtz2k {
+.spacings_spacingsToCssMapper_xl__e0awtz2w {
   width: 40px;
 }
-.spacings_spacingsToCssMapper_xxl__e0awtz2l {
+.spacings_spacingsToCssMapper_xxl__e0awtz2x {
   width: 56px;
 }
 @media  (min-width: 960px) {
@@ -737,135 +809,171 @@
     margin-bottom: 0px;
     margin-top: 0px;
   }
-  .spacings_padding_xxxs__e0awtz10 {
+  .spacings_marginBottomDynamic_xxxs__e0awtz10 {
+    margin-bottom: 2px;
+  }
+  .spacings_marginBottomDynamic_xxs__e0awtz11 {
+    margin-bottom: 4px;
+  }
+  .spacings_marginBottomDynamic_xxs2__e0awtz12 {
+    margin-bottom: 6px;
+  }
+  .spacings_marginBottomDynamic_xs__e0awtz13 {
+    margin-bottom: 8px;
+  }
+  .spacings_marginBottomDynamic_xs2__e0awtz14 {
+    margin-bottom: 12px;
+  }
+  .spacings_marginBottomDynamic_sm__e0awtz15 {
+    margin-bottom: 16px;
+  }
+  .spacings_marginBottomDynamic_sm2__e0awtz16 {
+    margin-bottom: 20px;
+  }
+  .spacings_marginBottomDynamic_md__e0awtz17 {
+    margin-bottom: 24px;
+  }
+  .spacings_marginBottomDynamic_lg__e0awtz18 {
+    margin-bottom: 32px;
+  }
+  .spacings_marginBottomDynamic_xl__e0awtz19 {
+    margin-bottom: 40px;
+  }
+  .spacings_marginBottomDynamic_xxl__e0awtz1a {
+    margin-bottom: 56px;
+  }
+  .spacings_marginBottomDynamic_false__e0awtz1b {
+    margin-bottom: 0px;
+  }
+  .spacings_padding_xxxs__e0awtz1c {
     padding: 2px;
   }
-  .spacings_padding_xxs__e0awtz11 {
+  .spacings_padding_xxs__e0awtz1d {
     padding: 4px;
   }
-  .spacings_padding_xxs2__e0awtz12 {
+  .spacings_padding_xxs2__e0awtz1e {
     padding: 6px;
   }
-  .spacings_padding_xs__e0awtz13 {
+  .spacings_padding_xs__e0awtz1f {
     padding: 8px;
   }
-  .spacings_padding_xs2__e0awtz14 {
+  .spacings_padding_xs2__e0awtz1g {
     padding: 12px;
   }
-  .spacings_padding_sm__e0awtz15 {
+  .spacings_padding_sm__e0awtz1h {
     padding: 16px;
   }
-  .spacings_padding_sm2__e0awtz16 {
+  .spacings_padding_sm2__e0awtz1i {
     padding: 20px;
   }
-  .spacings_padding_md__e0awtz17 {
+  .spacings_padding_md__e0awtz1j {
     padding: 24px;
   }
-  .spacings_padding_lg__e0awtz18 {
+  .spacings_padding_lg__e0awtz1k {
     padding: 32px;
   }
-  .spacings_padding_xl__e0awtz19 {
+  .spacings_padding_xl__e0awtz1l {
     padding: 40px;
   }
-  .spacings_padding_xxl__e0awtz1a {
+  .spacings_padding_xxl__e0awtz1m {
     padding: 56px;
   }
-  .spacings_padding_false__e0awtz1b {
+  .spacings_padding_false__e0awtz1n {
     padding: 0px;
   }
-  .spacings_paddingHorizontal_xxxs__e0awtz1c {
+  .spacings_paddingHorizontal_xxxs__e0awtz1o {
     padding-left: 2px;
     padding-right: 2px;
   }
-  .spacings_paddingHorizontal_xxs__e0awtz1d {
+  .spacings_paddingHorizontal_xxs__e0awtz1p {
     padding-left: 4px;
     padding-right: 4px;
   }
-  .spacings_paddingHorizontal_xxs2__e0awtz1e {
+  .spacings_paddingHorizontal_xxs2__e0awtz1q {
     padding-left: 6px;
     padding-right: 6px;
   }
-  .spacings_paddingHorizontal_xs__e0awtz1f {
+  .spacings_paddingHorizontal_xs__e0awtz1r {
     padding-left: 8px;
     padding-right: 8px;
   }
-  .spacings_paddingHorizontal_xs2__e0awtz1g {
+  .spacings_paddingHorizontal_xs2__e0awtz1s {
     padding-left: 12px;
     padding-right: 12px;
   }
-  .spacings_paddingHorizontal_sm__e0awtz1h {
+  .spacings_paddingHorizontal_sm__e0awtz1t {
     padding-left: 16px;
     padding-right: 16px;
   }
-  .spacings_paddingHorizontal_sm2__e0awtz1i {
+  .spacings_paddingHorizontal_sm2__e0awtz1u {
     padding-left: 20px;
     padding-right: 20px;
   }
-  .spacings_paddingHorizontal_md__e0awtz1j {
+  .spacings_paddingHorizontal_md__e0awtz1v {
     padding-left: 24px;
     padding-right: 24px;
   }
-  .spacings_paddingHorizontal_lg__e0awtz1k {
+  .spacings_paddingHorizontal_lg__e0awtz1w {
     padding-left: 32px;
     padding-right: 32px;
   }
-  .spacings_paddingHorizontal_xl__e0awtz1l {
+  .spacings_paddingHorizontal_xl__e0awtz1x {
     padding-left: 40px;
     padding-right: 40px;
   }
-  .spacings_paddingHorizontal_xxl__e0awtz1m {
+  .spacings_paddingHorizontal_xxl__e0awtz1y {
     padding-left: 56px;
     padding-right: 56px;
   }
-  .spacings_paddingHorizontal_false__e0awtz1n {
+  .spacings_paddingHorizontal_false__e0awtz1z {
     padding-left: 0px;
     padding-right: 0px;
   }
-  .spacings_paddingVertical_xxxs__e0awtz1o {
+  .spacings_paddingVertical_xxxs__e0awtz20 {
     padding-bottom: 2px;
     padding-top: 2px;
   }
-  .spacings_paddingVertical_xxs__e0awtz1p {
+  .spacings_paddingVertical_xxs__e0awtz21 {
     padding-bottom: 4px;
     padding-top: 4px;
   }
-  .spacings_paddingVertical_xxs2__e0awtz1q {
+  .spacings_paddingVertical_xxs2__e0awtz22 {
     padding-bottom: 6px;
     padding-top: 6px;
   }
-  .spacings_paddingVertical_xs__e0awtz1r {
+  .spacings_paddingVertical_xs__e0awtz23 {
     padding-bottom: 8px;
     padding-top: 8px;
   }
-  .spacings_paddingVertical_xs2__e0awtz1s {
+  .spacings_paddingVertical_xs2__e0awtz24 {
     padding-bottom: 12px;
     padding-top: 12px;
   }
-  .spacings_paddingVertical_sm__e0awtz1t {
+  .spacings_paddingVertical_sm__e0awtz25 {
     padding-bottom: 16px;
     padding-top: 16px;
   }
-  .spacings_paddingVertical_sm2__e0awtz1u {
+  .spacings_paddingVertical_sm2__e0awtz26 {
     padding-bottom: 20px;
     padding-top: 20px;
   }
-  .spacings_paddingVertical_md__e0awtz1v {
+  .spacings_paddingVertical_md__e0awtz27 {
     padding-bottom: 24px;
     padding-top: 24px;
   }
-  .spacings_paddingVertical_lg__e0awtz1w {
+  .spacings_paddingVertical_lg__e0awtz28 {
     padding-bottom: 32px;
     padding-top: 32px;
   }
-  .spacings_paddingVertical_xl__e0awtz1x {
+  .spacings_paddingVertical_xl__e0awtz29 {
     padding-bottom: 40px;
     padding-top: 40px;
   }
-  .spacings_paddingVertical_xxl__e0awtz1y {
+  .spacings_paddingVertical_xxl__e0awtz2a {
     padding-bottom: 56px;
     padding-top: 56px;
   }
-  .spacings_paddingVertical_false__e0awtz1z {
+  .spacings_paddingVertical_false__e0awtz2b {
     padding-bottom: 0px;
     padding-top: 0px;
   }

package/dist/index.d.ts

@@ -1,2 +1 @@
 export { Box, TBox } from './components/Box/Box.js';
-export { Test } from './components/Test/Test.js';

package/dist/index.js

@@ -1,2 +1 @@
 export { Box } from './components/Box/Box.js';
-export { Test } from './components/Test/Test.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components_v2",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "license": "ISC",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -79,5 +79,5 @@
     "react-slick": "^0.30.1",
     "slick-carousel": "^1.8.1"
   },
-  "gitHead": "e8e49f9d2dc4d0883c32f679cf9121fd6eabc70b"
+  "gitHead": "2360161b0d275e01939dee14bab4f75cc1c3b8e3"
 }

package/dist/components/Test/Test.d.ts

@@ -1,3 +0,0 @@
-declare function Test(): JSX.Element;
-
-export { Test };

package/dist/components/Test/Test.js

@@ -1,7 +0,0 @@
-import React from 'react';
-
-function Test() {
-    return /* @__PURE__ */ React.createElement("div", null, "Test");
-}
-
-export { Test };