@citygross/components_v2 0.0.41 → 0.0.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AlertBox/AlertBox.css.ts.vanilla.css +26 -26
- package/dist/components/AlertBox/AlertBox.css.vanilla.js +2 -2
- package/dist/components/AlertBox/AlertBox.js +3 -3
- package/dist/components/Box/Box.css.ts.vanilla.css +1 -1
- package/dist/components/Box/Box.css.vanilla.js +1 -1
- package/dist/components/BoxArrow/BoxArrow.d.ts +2 -2
- package/dist/components/BoxArrow/BoxArrow.js +1 -1
- package/dist/components/Divider/Divider.css.vanilla.js +1 -1
- package/dist/components/Dot/Dot.css.vanilla.js +1 -1
- package/dist/components/Modal/Modal.css.ts.vanilla.css +8 -8
- package/dist/components/Modal/Modal.css.vanilla.js +6 -6
- package/dist/components/RippleContainer/RippleContainer.css.ts.vanilla.css +39 -33
- package/dist/components/RippleContainer/RippleContainer.css.vanilla.js +1 -1
- package/dist/components/SideModal/SideModal.css.ts.vanilla.css +7 -7
- package/dist/components/SideModal/SideModal.css.vanilla.js +2 -2
- package/dist/components/Skeleton/Skeleton.css.vanilla.js +1 -1
- package/dist/components/Spinner/Spinner.css.ts.vanilla.css +37 -31
- package/dist/components/Spinner/Spinner.css.vanilla.js +1 -1
- package/dist/components/TimeLine/TimeLine.css.ts.vanilla.css +41 -35
- package/dist/components/TimeLine/TimeLine.css.vanilla.js +1 -1
- package/dist/cssUtils/border.css.d.ts +1 -1
- package/dist/cssUtils/border.css.ts.vanilla.css +44 -38
- package/dist/cssUtils/border.css.vanilla.js +2 -2
- package/dist/cssUtils/color.css.d.ts +4 -4
- package/dist/cssUtils/color.css.ts.vanilla.css +195 -171
- package/dist/cssUtils/color.css.vanilla.js +4 -4
- package/dist/cssUtils/typography.css.d.ts +1 -1
- package/dist/typography/BodyText/BodyText.css.vanilla.js +1 -1
- package/dist/typography/H1/H1.css.vanilla.js +1 -1
- package/dist/typography/H2/H2.css.vanilla.js +1 -1
- package/dist/typography/H3/H3.css.vanilla.js +1 -1
- package/package.json +3 -3
|
@@ -5,83 +5,83 @@
|
|
|
5
5
|
align-items: center;
|
|
6
6
|
gap: 16px;
|
|
7
7
|
}
|
|
8
|
-
.
|
|
8
|
+
.AlertBox_alertBox_borderLeft_true__1g3gawu1e {
|
|
9
9
|
border-left-width: 4px;
|
|
10
10
|
border-left-style: solid;
|
|
11
11
|
}
|
|
12
|
-
.
|
|
12
|
+
.AlertBox_8__1g3gawu34 {
|
|
13
13
|
min-width: 8px;
|
|
14
14
|
}
|
|
15
|
-
.
|
|
15
|
+
.AlertBox_16__1g3gawu35 {
|
|
16
16
|
min-width: 16px;
|
|
17
17
|
}
|
|
18
|
-
.
|
|
18
|
+
.AlertBox_24__1g3gawu36 {
|
|
19
19
|
min-width: 24px;
|
|
20
20
|
}
|
|
21
|
-
.
|
|
21
|
+
.AlertBox_32__1g3gawu37 {
|
|
22
22
|
min-width: 32px;
|
|
23
23
|
}
|
|
24
|
-
.
|
|
24
|
+
.AlertBox_40__1g3gawu38 {
|
|
25
25
|
min-width: 40px;
|
|
26
26
|
}
|
|
27
|
-
.
|
|
27
|
+
.AlertBox_48__1g3gawu39 {
|
|
28
28
|
min-width: 48px;
|
|
29
29
|
}
|
|
30
|
-
.
|
|
30
|
+
.AlertBox_56__1g3gawu3a {
|
|
31
31
|
min-width: 56px;
|
|
32
32
|
}
|
|
33
|
-
.
|
|
33
|
+
.AlertBox_64__1g3gawu3b {
|
|
34
34
|
min-width: 64px;
|
|
35
35
|
}
|
|
36
|
-
.
|
|
36
|
+
.AlertBox_72__1g3gawu3c {
|
|
37
37
|
min-width: 72px;
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
.AlertBox_80__1g3gawu3d {
|
|
40
40
|
min-width: 80px;
|
|
41
41
|
}
|
|
42
|
-
.
|
|
42
|
+
.AlertBox_88__1g3gawu3e {
|
|
43
43
|
min-width: 88px;
|
|
44
44
|
}
|
|
45
|
-
.
|
|
45
|
+
.AlertBox_96__1g3gawu3f {
|
|
46
46
|
min-width: 96px;
|
|
47
47
|
}
|
|
48
|
-
.
|
|
48
|
+
.AlertBox_104__1g3gawu3g {
|
|
49
49
|
min-width: 104px;
|
|
50
50
|
}
|
|
51
|
-
.
|
|
51
|
+
.AlertBox_112__1g3gawu3h {
|
|
52
52
|
min-width: 112px;
|
|
53
53
|
}
|
|
54
|
-
.
|
|
54
|
+
.AlertBox_120__1g3gawu3i {
|
|
55
55
|
min-width: 120px;
|
|
56
56
|
}
|
|
57
|
-
.
|
|
57
|
+
.AlertBox_128__1g3gawu3j {
|
|
58
58
|
min-width: 128px;
|
|
59
59
|
}
|
|
60
|
-
.
|
|
60
|
+
.AlertBox_136__1g3gawu3k {
|
|
61
61
|
min-width: 136px;
|
|
62
62
|
}
|
|
63
|
-
.
|
|
63
|
+
.AlertBox_144__1g3gawu3l {
|
|
64
64
|
min-width: 144px;
|
|
65
65
|
}
|
|
66
|
-
.
|
|
66
|
+
.AlertBox_152__1g3gawu3m {
|
|
67
67
|
min-width: 152px;
|
|
68
68
|
}
|
|
69
|
-
.
|
|
69
|
+
.AlertBox_160__1g3gawu3n {
|
|
70
70
|
min-width: 160px;
|
|
71
71
|
}
|
|
72
|
-
.
|
|
72
|
+
.AlertBox_168__1g3gawu3o {
|
|
73
73
|
min-width: 168px;
|
|
74
74
|
}
|
|
75
|
-
.
|
|
75
|
+
.AlertBox_176__1g3gawu3p {
|
|
76
76
|
min-width: 176px;
|
|
77
77
|
}
|
|
78
|
-
.
|
|
78
|
+
.AlertBox_184__1g3gawu3q {
|
|
79
79
|
min-width: 184px;
|
|
80
80
|
}
|
|
81
|
-
.
|
|
81
|
+
.AlertBox_192__1g3gawu3r {
|
|
82
82
|
min-width: 192px;
|
|
83
83
|
}
|
|
84
|
-
.
|
|
84
|
+
.AlertBox_iconContainer__1g3gawu3s {
|
|
85
85
|
display: flex;
|
|
86
86
|
align-items: center;
|
|
87
87
|
}
|
|
@@ -4,7 +4,7 @@ import './../../cssUtils/spacings.css.ts.vanilla.css';
|
|
|
4
4
|
import './AlertBox.css.ts.vanilla.css';
|
|
5
5
|
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
6
6
|
|
|
7
|
-
var alertBox = createRuntimeFn({ defaultClassName: "AlertBox_alertBox__1g3gawu0", variantClassNames: { backgroundColor: { primary: "
|
|
8
|
-
var iconContainer = createRuntimeFn({ defaultClassName: "
|
|
7
|
+
var alertBox = createRuntimeFn({ defaultClassName: "AlertBox_alertBox__1g3gawu0", 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" }, borderLeft: { true: "AlertBox_alertBox_borderLeft_true__1g3gawu1e" }, 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" }, 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" } }, defaultVariants: {}, compoundVariants: [] });
|
|
8
|
+
var iconContainer = createRuntimeFn({ defaultClassName: "AlertBox_iconContainer__1g3gawu3s", variantClassNames: { minWidth: { "8": "AlertBox_8__1g3gawu34", "16": "AlertBox_16__1g3gawu35", "24": "AlertBox_24__1g3gawu36", "32": "AlertBox_32__1g3gawu37", "40": "AlertBox_40__1g3gawu38", "48": "AlertBox_48__1g3gawu39", "56": "AlertBox_56__1g3gawu3a", "64": "AlertBox_64__1g3gawu3b", "72": "AlertBox_72__1g3gawu3c", "80": "AlertBox_80__1g3gawu3d", "88": "AlertBox_88__1g3gawu3e", "96": "AlertBox_96__1g3gawu3f", "104": "AlertBox_104__1g3gawu3g", "112": "AlertBox_112__1g3gawu3h", "120": "AlertBox_120__1g3gawu3i", "128": "AlertBox_128__1g3gawu3j", "136": "AlertBox_136__1g3gawu3k", "144": "AlertBox_144__1g3gawu3l", "152": "AlertBox_152__1g3gawu3m", "160": "AlertBox_160__1g3gawu3n", "168": "AlertBox_168__1g3gawu3o", "176": "AlertBox_176__1g3gawu3p", "184": "AlertBox_184__1g3gawu3q", "192": "AlertBox_192__1g3gawu3r" } }, defaultVariants: { minWidth: "24" }, compoundVariants: [] });
|
|
9
9
|
|
|
10
10
|
export { alertBox, iconContainer };
|
|
@@ -13,14 +13,14 @@ function AlertBox({
|
|
|
13
13
|
padding = "sm",
|
|
14
14
|
children
|
|
15
15
|
}) {
|
|
16
|
-
return /* @__PURE__ */ React.createElement("div", null, withArrow
|
|
16
|
+
return /* @__PURE__ */ React.createElement("div", null, withArrow ? /* @__PURE__ */ React.createElement(
|
|
17
17
|
BoxArrow,
|
|
18
18
|
{
|
|
19
19
|
arrowPlacement,
|
|
20
20
|
arrowSpacing,
|
|
21
21
|
background
|
|
22
22
|
}
|
|
23
|
-
), /* @__PURE__ */ React.createElement(
|
|
23
|
+
) : null, /* @__PURE__ */ React.createElement(
|
|
24
24
|
"div",
|
|
25
25
|
{
|
|
26
26
|
className: alertBox({
|
|
@@ -30,7 +30,7 @@ function AlertBox({
|
|
|
30
30
|
padding
|
|
31
31
|
})
|
|
32
32
|
},
|
|
33
|
-
icon
|
|
33
|
+
icon ? /* @__PURE__ */ React.createElement("div", { className: iconContainer({ minWidth: `${iconMinWidth}` }) }, icon) : null,
|
|
34
34
|
children
|
|
35
35
|
));
|
|
36
36
|
}
|
|
@@ -4,6 +4,6 @@ import './../../cssUtils/spacings.css.ts.vanilla.css';
|
|
|
4
4
|
import './Box.css.ts.vanilla.css';
|
|
5
5
|
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
6
6
|
|
|
7
|
-
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", borderColor: "transparent", borderRadius: "none", padding: "sm" }, compoundVariants: [] });
|
|
7
|
+
var BoxStyle = createRuntimeFn({ defaultClassName: "Box__inom6d0", 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" }, hoverBackgroundColor: { primary: "color_hoverBackgroundColor_primary__13rr0b243", secondary: "color_hoverBackgroundColor_secondary__13rr0b244", brandYellow: "color_hoverBackgroundColor_brandYellow__13rr0b245", brandBlue: "color_hoverBackgroundColor_brandBlue__13rr0b246", brandPurple: "color_hoverBackgroundColor_brandPurple__13rr0b247", brandPrio: "color_hoverBackgroundColor_brandPrio__13rr0b248", yellowLighter: "color_hoverBackgroundColor_yellowLighter__13rr0b249", yellowLight: "color_hoverBackgroundColor_yellowLight__13rr0b24a", blueLight: "color_hoverBackgroundColor_blueLight__13rr0b24b", blueLighter: "color_hoverBackgroundColor_blueLighter__13rr0b24c", blueMedium: "color_hoverBackgroundColor_blueMedium__13rr0b24d", greenLight: "color_hoverBackgroundColor_greenLight__13rr0b24e", greenMedium: "color_hoverBackgroundColor_greenMedium__13rr0b24f", redLight: "color_hoverBackgroundColor_redLight__13rr0b24g", recipeVego: "color_hoverBackgroundColor_recipeVego__13rr0b24h", recipeLactose: "color_hoverBackgroundColor_recipeLactose__13rr0b24i", recipeGluten: "color_hoverBackgroundColor_recipeGluten__13rr0b24j", myPrioGoldDark: "color_hoverBackgroundColor_myPrioGoldDark__13rr0b24k", myPrioGoldLight: "color_hoverBackgroundColor_myPrioGoldLight__13rr0b24l", link: "color_hoverBackgroundColor_link__13rr0b24m", white: "color_hoverBackgroundColor_white__13rr0b24n", black: "color_hoverBackgroundColor_black__13rr0b24o", lightest: "color_hoverBackgroundColor_lightest__13rr0b24p", lighter: "color_hoverBackgroundColor_lighter__13rr0b24q", light: "color_hoverBackgroundColor_light__13rr0b24r", medium: "color_hoverBackgroundColor_medium__13rr0b24s", mediumDark: "color_hoverBackgroundColor_mediumDark__13rr0b24t", dark: "color_hoverBackgroundColor_dark__13rr0b24u", darker: "color_hoverBackgroundColor_darker__13rr0b24v", darkest: "color_hoverBackgroundColor_darkest__13rr0b24w", buttonGray: "color_hoverBackgroundColor_buttonGray__13rr0b24x", disabledGray: "color_hoverBackgroundColor_disabledGray__13rr0b24y", disabledDarkGray: "color_hoverBackgroundColor_disabledDarkGray__13rr0b24z", placeholder: "color_hoverBackgroundColor_placeholder__13rr0b250", border: "color_hoverBackgroundColor_border__13rr0b251", boxShadow: "color_hoverBackgroundColor_boxShadow__13rr0b252", boxShadowActive: "color_hoverBackgroundColor_boxShadowActive__13rr0b253", alertRed: "color_hoverBackgroundColor_alertRed__13rr0b254", alertBlue: "color_hoverBackgroundColor_alertBlue__13rr0b255", alertGreen: "color_hoverBackgroundColor_alertGreen__13rr0b256", darkOverlay: "color_hoverBackgroundColor_darkOverlay__13rr0b257", transparent: "color_hoverBackgroundColor_transparent__13rr0b258", brandBlueHover: "color_hoverBackgroundColor_brandBlueHover__13rr0b259", brandYellowHover: "color_hoverBackgroundColor_brandYellowHover__13rr0b25a", brandPrioHover: "color_hoverBackgroundColor_brandPrioHover__13rr0b25b", brandBlueActive: "color_hoverBackgroundColor_brandBlueActive__13rr0b25c", brandYellowActive: "color_hoverBackgroundColor_brandYellowActive__13rr0b25d", brandPrioActive: "color_hoverBackgroundColor_brandPrioActive__13rr0b25e", none: "color_hoverBackgroundColor_none__13rr0b25f" }, 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" }, 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" }, 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__inom6d6c" } }, defaultVariants: { backgroundColor: "white", borderColor: "transparent", borderRadius: "none", padding: "sm" }, compoundVariants: [] });
|
|
8
8
|
|
|
9
9
|
export { BoxStyle };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { THardSpacingKeys } from '@citygross/design-tokens_v2';
|
|
1
|
+
import { THardSpacingKeys, TPaletteKeys } from '@citygross/design-tokens_v2';
|
|
2
2
|
|
|
3
3
|
declare type TBoxArrow = {
|
|
4
4
|
arrowPlacement?: 'left' | 'right';
|
|
5
5
|
arrowSpacing?: THardSpacingKeys;
|
|
6
|
-
background?:
|
|
6
|
+
background?: TPaletteKeys;
|
|
7
7
|
};
|
|
8
8
|
declare const BoxArrow: ({ arrowPlacement, arrowSpacing, background }: TBoxArrow) => JSX.Element;
|
|
9
9
|
|
|
@@ -3,6 +3,6 @@ import './../../cssUtils/spacings.css.ts.vanilla.css';
|
|
|
3
3
|
import './Divider.css.ts.vanilla.css';
|
|
4
4
|
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
5
5
|
|
|
6
|
-
var divider = createRuntimeFn({ defaultClassName: "Divider_divider__1ibthdh0", variantClassNames: { 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" }, backgroundColor: { primary: "
|
|
6
|
+
var divider = createRuntimeFn({ defaultClassName: "Divider_divider__1ibthdh0", variantClassNames: { 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" }, 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" } }, defaultVariants: { backgroundColor: "lightest" }, compoundVariants: [] });
|
|
7
7
|
|
|
8
8
|
export { divider };
|
|
@@ -2,6 +2,6 @@ import './../../cssUtils/color.css.ts.vanilla.css';
|
|
|
2
2
|
import './Dot.css.ts.vanilla.css';
|
|
3
3
|
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
4
4
|
|
|
5
|
-
var dot = createRuntimeFn({ defaultClassName: "Dot_dot__37teiy0", variantClassNames: { backgroundColor: { primary: "
|
|
5
|
+
var dot = createRuntimeFn({ defaultClassName: "Dot_dot__37teiy0", 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" }, color: { primary: "color_color_primary__13rr0b20", secondary: "color_color_secondary__13rr0b21", brandYellow: "color_color_brandYellow__13rr0b22", brandBlue: "color_color_brandBlue__13rr0b23", brandPurple: "color_color_brandPurple__13rr0b24", brandPrio: "color_color_brandPrio__13rr0b25", yellowLighter: "color_color_yellowLighter__13rr0b26", yellowLight: "color_color_yellowLight__13rr0b27", blueLight: "color_color_blueLight__13rr0b28", blueLighter: "color_color_blueLighter__13rr0b29", blueMedium: "color_color_blueMedium__13rr0b2a", greenLight: "color_color_greenLight__13rr0b2b", greenMedium: "color_color_greenMedium__13rr0b2c", redLight: "color_color_redLight__13rr0b2d", recipeVego: "color_color_recipeVego__13rr0b2e", recipeLactose: "color_color_recipeLactose__13rr0b2f", recipeGluten: "color_color_recipeGluten__13rr0b2g", myPrioGoldDark: "color_color_myPrioGoldDark__13rr0b2h", myPrioGoldLight: "color_color_myPrioGoldLight__13rr0b2i", link: "color_color_link__13rr0b2j", white: "color_color_white__13rr0b2k", black: "color_color_black__13rr0b2l", lightest: "color_color_lightest__13rr0b2m", lighter: "color_color_lighter__13rr0b2n", light: "color_color_light__13rr0b2o", medium: "color_color_medium__13rr0b2p", mediumDark: "color_color_mediumDark__13rr0b2q", dark: "color_color_dark__13rr0b2r", darker: "color_color_darker__13rr0b2s", darkest: "color_color_darkest__13rr0b2t", buttonGray: "color_color_buttonGray__13rr0b2u", disabledGray: "color_color_disabledGray__13rr0b2v", disabledDarkGray: "color_color_disabledDarkGray__13rr0b2w", placeholder: "color_color_placeholder__13rr0b2x", border: "color_color_border__13rr0b2y", boxShadow: "color_color_boxShadow__13rr0b2z", boxShadowActive: "color_color_boxShadowActive__13rr0b210", alertRed: "color_color_alertRed__13rr0b211", alertBlue: "color_color_alertBlue__13rr0b212", alertGreen: "color_color_alertGreen__13rr0b213", darkOverlay: "color_color_darkOverlay__13rr0b214", transparent: "color_color_transparent__13rr0b215", brandBlueHover: "color_color_brandBlueHover__13rr0b216", brandYellowHover: "color_color_brandYellowHover__13rr0b217", brandPrioHover: "color_color_brandPrioHover__13rr0b218", brandBlueActive: "color_color_brandBlueActive__13rr0b219", brandYellowActive: "color_color_brandYellowActive__13rr0b21a", brandPrioActive: "color_color_brandPrioActive__13rr0b21b", none: "color_color_none__13rr0b21c" } }, defaultVariants: {}, compoundVariants: [] });
|
|
6
6
|
|
|
7
7
|
export { dot };
|
|
@@ -21,34 +21,34 @@
|
|
|
21
21
|
max-width: 100%;
|
|
22
22
|
border-radius: 5px;
|
|
23
23
|
}
|
|
24
|
-
.
|
|
24
|
+
.Modal_modalContainer_maxWidth_confirm__mwif0x1f {
|
|
25
25
|
max-width: 480px;
|
|
26
26
|
}
|
|
27
|
-
.
|
|
27
|
+
.Modal_modalContainer_maxWidth_regular__mwif0x1g {
|
|
28
28
|
max-width: 615px;
|
|
29
29
|
}
|
|
30
|
-
.
|
|
30
|
+
.Modal_modalHeaderContainer__mwif0x1h {
|
|
31
31
|
padding-bottom: 24px;
|
|
32
32
|
}
|
|
33
|
-
.
|
|
33
|
+
.Modal_modalHeader__mwif0x1i {
|
|
34
34
|
display: flex;
|
|
35
35
|
justify-content: space-between;
|
|
36
36
|
padding-bottom: 16px;
|
|
37
37
|
align-items: center;
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
.Modal_closeButtonWrapper__mwif0x1j {
|
|
40
40
|
display: flex;
|
|
41
41
|
justify-content: space-between;
|
|
42
42
|
align-items: center;
|
|
43
43
|
padding-bottom: 16px;
|
|
44
44
|
}
|
|
45
|
-
.
|
|
45
|
+
.Modal_childrenWrapper__mwif0x1k {
|
|
46
46
|
display: flex;
|
|
47
47
|
flex-direction: column;
|
|
48
48
|
min-height: 64px;
|
|
49
49
|
gap: 24px;
|
|
50
50
|
}
|
|
51
|
-
.
|
|
51
|
+
.Modal_footerWrapper__mwif0x1l {
|
|
52
52
|
display: flex;
|
|
53
53
|
gap: 8px;
|
|
54
54
|
}
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
@media (min-width: 16px) {
|
|
66
|
-
.
|
|
66
|
+
.Modal_modalHeaderContainer__mwif0x1h {
|
|
67
67
|
padding-top: 8px;
|
|
68
68
|
}
|
|
69
69
|
}
|
|
@@ -2,12 +2,12 @@ import './../../cssUtils/color.css.ts.vanilla.css';
|
|
|
2
2
|
import './Modal.css.ts.vanilla.css';
|
|
3
3
|
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
4
4
|
|
|
5
|
-
var childrenWrapper = "
|
|
6
|
-
var closeButtonWrapper = "
|
|
7
|
-
var footerWrapper = "
|
|
8
|
-
var modalContainer = createRuntimeFn({ defaultClassName: "Modal_modalContainer__mwif0x1", variantClassNames: { backgroundColor: { primary: "
|
|
9
|
-
var modalHeader = "
|
|
10
|
-
var modalHeaderContainer = "
|
|
5
|
+
var childrenWrapper = "Modal_childrenWrapper__mwif0x1k";
|
|
6
|
+
var closeButtonWrapper = "Modal_closeButtonWrapper__mwif0x1j";
|
|
7
|
+
var footerWrapper = "Modal_footerWrapper__mwif0x1l";
|
|
8
|
+
var modalContainer = createRuntimeFn({ defaultClassName: "Modal_modalContainer__mwif0x1", 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" }, maxWidth: { confirm: "Modal_modalContainer_maxWidth_confirm__mwif0x1f", regular: "Modal_modalContainer_maxWidth_regular__mwif0x1g" } }, defaultVariants: {}, compoundVariants: [] });
|
|
9
|
+
var modalHeader = "Modal_modalHeader__mwif0x1i";
|
|
10
|
+
var modalHeaderContainer = "Modal_modalHeaderContainer__mwif0x1h";
|
|
11
11
|
var modalOverlay = "Modal_modalOverlay__mwif0x0";
|
|
12
12
|
|
|
13
13
|
export { childrenWrapper, closeButtonWrapper, footerWrapper, modalContainer, modalHeader, modalHeaderContainer, modalOverlay };
|
|
@@ -57,102 +57,108 @@
|
|
|
57
57
|
.RippleContainer_afterBackground_recipeGluten__r9yswjh::after {
|
|
58
58
|
background-color: #D5642A;
|
|
59
59
|
}
|
|
60
|
-
.
|
|
60
|
+
.RippleContainer_afterBackground_myPrioGoldDark__r9yswji::after {
|
|
61
|
+
background-color: #D89835;
|
|
62
|
+
}
|
|
63
|
+
.RippleContainer_afterBackground_myPrioGoldLight__r9yswjj::after {
|
|
64
|
+
background-color: #F4D247;
|
|
65
|
+
}
|
|
66
|
+
.RippleContainer_afterBackground_link__r9yswjk::after {
|
|
61
67
|
background-color: #0072BB;
|
|
62
68
|
}
|
|
63
|
-
.
|
|
69
|
+
.RippleContainer_afterBackground_white__r9yswjl::after {
|
|
64
70
|
background-color: #FFFFFF;
|
|
65
71
|
}
|
|
66
|
-
.
|
|
72
|
+
.RippleContainer_afterBackground_black__r9yswjm::after {
|
|
67
73
|
background-color: #000000;
|
|
68
74
|
}
|
|
69
|
-
.
|
|
75
|
+
.RippleContainer_afterBackground_lightest__r9yswjn::after {
|
|
70
76
|
background-color: #F7F7F7;
|
|
71
77
|
}
|
|
72
|
-
.
|
|
78
|
+
.RippleContainer_afterBackground_lighter__r9yswjo::after {
|
|
73
79
|
background-color: #F1F1F1;
|
|
74
80
|
}
|
|
75
|
-
.
|
|
81
|
+
.RippleContainer_afterBackground_light__r9yswjp::after {
|
|
76
82
|
background-color: #E8E8E8;
|
|
77
83
|
}
|
|
78
|
-
.
|
|
84
|
+
.RippleContainer_afterBackground_medium__r9yswjq::after {
|
|
79
85
|
background-color: #DBDBDB;
|
|
80
86
|
}
|
|
81
|
-
.
|
|
87
|
+
.RippleContainer_afterBackground_mediumDark__r9yswjr::after {
|
|
82
88
|
background-color: #6C6C6C;
|
|
83
89
|
}
|
|
84
|
-
.
|
|
90
|
+
.RippleContainer_afterBackground_dark__r9yswjs::after {
|
|
85
91
|
background-color: #979797;
|
|
86
92
|
}
|
|
87
|
-
.
|
|
93
|
+
.RippleContainer_afterBackground_darker__r9yswjt::after {
|
|
88
94
|
background-color: #4A4A4A;
|
|
89
95
|
}
|
|
90
|
-
.
|
|
96
|
+
.RippleContainer_afterBackground_darkest__r9yswju::after {
|
|
91
97
|
background-color: #333333;
|
|
92
98
|
}
|
|
93
|
-
.
|
|
99
|
+
.RippleContainer_afterBackground_buttonGray__r9yswjv::after {
|
|
94
100
|
background-color: #E5E4E5;
|
|
95
101
|
}
|
|
96
|
-
.
|
|
102
|
+
.RippleContainer_afterBackground_disabledGray__r9yswjw::after {
|
|
97
103
|
background-color: #B8B8B8;
|
|
98
104
|
}
|
|
99
|
-
.
|
|
105
|
+
.RippleContainer_afterBackground_disabledDarkGray__r9yswjx::after {
|
|
100
106
|
background-color: #5c5c5c;
|
|
101
107
|
}
|
|
102
|
-
.
|
|
108
|
+
.RippleContainer_afterBackground_placeholder__r9yswjy::after {
|
|
103
109
|
background-color: #8f8f8f;
|
|
104
110
|
}
|
|
105
|
-
.
|
|
111
|
+
.RippleContainer_afterBackground_border__r9yswjz::after {
|
|
106
112
|
background-color: #0069AE;
|
|
107
113
|
}
|
|
108
|
-
.
|
|
114
|
+
.RippleContainer_afterBackground_boxShadow__r9yswj10::after {
|
|
109
115
|
background-color: #E1E1E1;
|
|
110
116
|
}
|
|
111
|
-
.
|
|
117
|
+
.RippleContainer_afterBackground_boxShadowActive__r9yswj11::after {
|
|
112
118
|
background-color: rgba(7, 52, 99, 0.15);
|
|
113
119
|
}
|
|
114
|
-
.
|
|
120
|
+
.RippleContainer_afterBackground_alertRed__r9yswj12::after {
|
|
115
121
|
background-color: #E02721;
|
|
116
122
|
}
|
|
117
|
-
.
|
|
123
|
+
.RippleContainer_afterBackground_alertBlue__r9yswj13::after {
|
|
118
124
|
background-color: #0072BB;
|
|
119
125
|
}
|
|
120
|
-
.
|
|
126
|
+
.RippleContainer_afterBackground_alertGreen__r9yswj14::after {
|
|
121
127
|
background-color: #3F9A3C;
|
|
122
128
|
}
|
|
123
|
-
.
|
|
129
|
+
.RippleContainer_afterBackground_darkOverlay__r9yswj15::after {
|
|
124
130
|
background-color: rgba(0, 0, 0, 0.6);
|
|
125
131
|
}
|
|
126
|
-
.
|
|
132
|
+
.RippleContainer_afterBackground_transparent__r9yswj16::after {
|
|
127
133
|
background-color: #ffffff00;
|
|
128
134
|
}
|
|
129
|
-
.
|
|
135
|
+
.RippleContainer_afterBackground_brandBlueHover__r9yswj17::after {
|
|
130
136
|
background-color: #005C99;
|
|
131
137
|
}
|
|
132
|
-
.
|
|
138
|
+
.RippleContainer_afterBackground_brandYellowHover__r9yswj18::after {
|
|
133
139
|
background-color: #F5D800;
|
|
134
140
|
}
|
|
135
|
-
.
|
|
141
|
+
.RippleContainer_afterBackground_brandPrioHover__r9yswj19::after {
|
|
136
142
|
background-color: #90136F;
|
|
137
143
|
}
|
|
138
|
-
.
|
|
144
|
+
.RippleContainer_afterBackground_brandBlueActive__r9yswj1a::after {
|
|
139
145
|
background-color: #004D80;
|
|
140
146
|
}
|
|
141
|
-
.
|
|
147
|
+
.RippleContainer_afterBackground_brandYellowActive__r9yswj1b::after {
|
|
142
148
|
background-color: #DBC100;
|
|
143
149
|
}
|
|
144
|
-
.
|
|
150
|
+
.RippleContainer_afterBackground_brandPrioActive__r9yswj1c::after {
|
|
145
151
|
background-color: #7A105E;
|
|
146
152
|
}
|
|
147
|
-
.
|
|
153
|
+
.RippleContainer_afterBackground_none__r9yswj1d::after {
|
|
148
154
|
background-color: none;
|
|
149
155
|
}
|
|
150
|
-
.
|
|
156
|
+
.RippleContainer_rippleContainer__r9yswj1e {
|
|
151
157
|
position: relative;
|
|
152
158
|
overflow: hidden;
|
|
153
159
|
cursor: pointer;
|
|
154
160
|
}
|
|
155
|
-
.
|
|
161
|
+
.RippleContainer_rippleContainer__r9yswj1e::after {
|
|
156
162
|
content: "";
|
|
157
163
|
height: 200%;
|
|
158
164
|
left: -100%;
|
|
@@ -163,6 +169,6 @@
|
|
|
163
169
|
width: 50px;
|
|
164
170
|
z-index: 2;
|
|
165
171
|
}
|
|
166
|
-
.
|
|
172
|
+
.RippleContainer_rippleContainer__r9yswj1e:hover::after {
|
|
167
173
|
animation: RippleContainer_slide__r9yswj0 750ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
|
|
168
174
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './RippleContainer.css.ts.vanilla.css';
|
|
2
2
|
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
3
3
|
|
|
4
|
-
var rippleContainer = createRuntimeFn({ defaultClassName: "
|
|
4
|
+
var rippleContainer = createRuntimeFn({ defaultClassName: "RippleContainer_rippleContainer__r9yswj1e", variantClassNames: { afterBackground: { primary: "RippleContainer_afterBackground_primary__r9yswj1", secondary: "RippleContainer_afterBackground_secondary__r9yswj2", brandYellow: "RippleContainer_afterBackground_brandYellow__r9yswj3", brandBlue: "RippleContainer_afterBackground_brandBlue__r9yswj4", brandPurple: "RippleContainer_afterBackground_brandPurple__r9yswj5", brandPrio: "RippleContainer_afterBackground_brandPrio__r9yswj6", yellowLighter: "RippleContainer_afterBackground_yellowLighter__r9yswj7", yellowLight: "RippleContainer_afterBackground_yellowLight__r9yswj8", blueLight: "RippleContainer_afterBackground_blueLight__r9yswj9", blueLighter: "RippleContainer_afterBackground_blueLighter__r9yswja", blueMedium: "RippleContainer_afterBackground_blueMedium__r9yswjb", greenLight: "RippleContainer_afterBackground_greenLight__r9yswjc", greenMedium: "RippleContainer_afterBackground_greenMedium__r9yswjd", redLight: "RippleContainer_afterBackground_redLight__r9yswje", recipeVego: "RippleContainer_afterBackground_recipeVego__r9yswjf", recipeLactose: "RippleContainer_afterBackground_recipeLactose__r9yswjg", recipeGluten: "RippleContainer_afterBackground_recipeGluten__r9yswjh", myPrioGoldDark: "RippleContainer_afterBackground_myPrioGoldDark__r9yswji", myPrioGoldLight: "RippleContainer_afterBackground_myPrioGoldLight__r9yswjj", link: "RippleContainer_afterBackground_link__r9yswjk", white: "RippleContainer_afterBackground_white__r9yswjl", black: "RippleContainer_afterBackground_black__r9yswjm", lightest: "RippleContainer_afterBackground_lightest__r9yswjn", lighter: "RippleContainer_afterBackground_lighter__r9yswjo", light: "RippleContainer_afterBackground_light__r9yswjp", medium: "RippleContainer_afterBackground_medium__r9yswjq", mediumDark: "RippleContainer_afterBackground_mediumDark__r9yswjr", dark: "RippleContainer_afterBackground_dark__r9yswjs", darker: "RippleContainer_afterBackground_darker__r9yswjt", darkest: "RippleContainer_afterBackground_darkest__r9yswju", buttonGray: "RippleContainer_afterBackground_buttonGray__r9yswjv", disabledGray: "RippleContainer_afterBackground_disabledGray__r9yswjw", disabledDarkGray: "RippleContainer_afterBackground_disabledDarkGray__r9yswjx", placeholder: "RippleContainer_afterBackground_placeholder__r9yswjy", border: "RippleContainer_afterBackground_border__r9yswjz", boxShadow: "RippleContainer_afterBackground_boxShadow__r9yswj10", boxShadowActive: "RippleContainer_afterBackground_boxShadowActive__r9yswj11", alertRed: "RippleContainer_afterBackground_alertRed__r9yswj12", alertBlue: "RippleContainer_afterBackground_alertBlue__r9yswj13", alertGreen: "RippleContainer_afterBackground_alertGreen__r9yswj14", darkOverlay: "RippleContainer_afterBackground_darkOverlay__r9yswj15", transparent: "RippleContainer_afterBackground_transparent__r9yswj16", brandBlueHover: "RippleContainer_afterBackground_brandBlueHover__r9yswj17", brandYellowHover: "RippleContainer_afterBackground_brandYellowHover__r9yswj18", brandPrioHover: "RippleContainer_afterBackground_brandPrioHover__r9yswj19", brandBlueActive: "RippleContainer_afterBackground_brandBlueActive__r9yswj1a", brandYellowActive: "RippleContainer_afterBackground_brandYellowActive__r9yswj1b", brandPrioActive: "RippleContainer_afterBackground_brandPrioActive__r9yswj1c", none: "RippleContainer_afterBackground_none__r9yswj1d" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5
5
|
|
|
6
6
|
export { rippleContainer };
|