@alicloud/console-base-theme 1.9.6 → 1.9.8-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/build/cjs/global-style-font-family-for-ja/index.js +1 -2
  2. package/build/cjs/global-style-theme-dark/index.js +3 -4
  3. package/build/cjs/global-style-theme-light/index.js +3 -4
  4. package/build/cjs/index.js +1 -2
  5. package/build/cjs/mixin/bg.js +33 -66
  6. package/build/cjs/mixin/border-radius.js +5 -10
  7. package/build/cjs/mixin/border.js +108 -216
  8. package/build/cjs/mixin/button.js +278 -556
  9. package/build/cjs/mixin/input.js +13 -26
  10. package/build/cjs/mixin/link.js +6 -12
  11. package/build/cjs/mixin/reset.js +2 -4
  12. package/build/cjs/mixin/shadow.js +20 -40
  13. package/build/cjs/mixin/text.js +22 -44
  14. package/build/cjs/mixin/typo.js +16 -32
  15. package/build/cjs/var/index.js +2 -3
  16. package/build/cjs/var/size.js +2 -3
  17. package/build/cjs/var/typo.js +2 -3
  18. package/build/cjs/var/z-index.js +13 -10
  19. package/build/{es → esm}/mixin/reset.js +1 -1
  20. package/build/{es → esm}/var/index.js +1 -0
  21. package/build/{es → esm}/var/z-index.js +11 -7
  22. package/build/types/var/index.d.ts +3 -1
  23. package/build/types/var/z-index.d.ts +3 -1
  24. package/package.json +7 -13
  25. /package/build/{es → esm}/global-style-font-family-for-ja/index.js +0 -0
  26. /package/build/{es → esm}/global-style-theme-dark/index.js +0 -0
  27. /package/build/{es → esm}/global-style-theme-dark/var/index.js +0 -0
  28. /package/build/{es → esm}/global-style-theme-light/index.js +0 -0
  29. /package/build/{es → esm}/index.js +0 -0
  30. /package/build/{es → esm}/mixin/bg.js +0 -0
  31. /package/build/{es → esm}/mixin/border-radius.js +0 -0
  32. /package/build/{es → esm}/mixin/border.js +0 -0
  33. /package/build/{es → esm}/mixin/button.js +0 -0
  34. /package/build/{es → esm}/mixin/index.js +0 -0
  35. /package/build/{es → esm}/mixin/input.js +0 -0
  36. /package/build/{es → esm}/mixin/link.js +0 -0
  37. /package/build/{es → esm}/mixin/shadow.js +0 -0
  38. /package/build/{es → esm}/mixin/text.js +0 -0
  39. /package/build/{es → esm}/mixin/typo.js +0 -0
  40. /package/build/{es → esm}/types/index.js +0 -0
  41. /package/build/{es → esm}/util/create-theme-global-style.js +0 -0
  42. /package/build/{es → esm}/util/index.js +0 -0
  43. /package/build/{es → esm}/util/toggle-body-class.js +0 -0
  44. /package/build/{es → esm}/var/size.js +0 -0
  45. /package/build/{es → esm}/var/typo.js +0 -0
package/build/cjs/mixin/border.js CHANGED
@@ -9,219 +9,111 @@ var _styledComponents = require("styled-components");
9
9
  var _var = require("../var");
10
10
  // generated by generate-code-mixin-border.ts
11
11
 
12
- var mixinBorderTransparentColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-transparent,", ");"], _var.COLOR.BORDER_TRANSPARENT, _var.COLOR.BORDER_TRANSPARENT);
13
- exports.mixinBorderTransparentColor = mixinBorderTransparentColor;
14
- var mixinBorderTransparent = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-transparent,", ");"], _var.COLOR.BORDER_TRANSPARENT, _var.COLOR.BORDER_TRANSPARENT);
15
- exports.mixinBorderTransparent = mixinBorderTransparent;
16
- var mixinBorderTransparentTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-transparent,", ");"], _var.COLOR.BORDER_TRANSPARENT, _var.COLOR.BORDER_TRANSPARENT);
17
- exports.mixinBorderTransparentTop = mixinBorderTransparentTop;
18
- var mixinBorderTransparentRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-transparent,", ");"], _var.COLOR.BORDER_TRANSPARENT, _var.COLOR.BORDER_TRANSPARENT);
19
- exports.mixinBorderTransparentRight = mixinBorderTransparentRight;
20
- var mixinBorderTransparentBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-transparent,", ");"], _var.COLOR.BORDER_TRANSPARENT, _var.COLOR.BORDER_TRANSPARENT);
21
- exports.mixinBorderTransparentBottom = mixinBorderTransparentBottom;
22
- var mixinBorderTransparentLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-transparent,", ");"], _var.COLOR.BORDER_TRANSPARENT, _var.COLOR.BORDER_TRANSPARENT);
23
- exports.mixinBorderTransparentLeft = mixinBorderTransparentLeft;
24
- var mixinBorderWhiteColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-white,", ");"], _var.COLOR.BORDER_WHITE, _var.COLOR.BORDER_WHITE);
25
- exports.mixinBorderWhiteColor = mixinBorderWhiteColor;
26
- var mixinBorderWhite = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-white,", ");"], _var.COLOR.BORDER_WHITE, _var.COLOR.BORDER_WHITE);
27
- exports.mixinBorderWhite = mixinBorderWhite;
28
- var mixinBorderWhiteTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-white,", ");"], _var.COLOR.BORDER_WHITE, _var.COLOR.BORDER_WHITE);
29
- exports.mixinBorderWhiteTop = mixinBorderWhiteTop;
30
- var mixinBorderWhiteRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-white,", ");"], _var.COLOR.BORDER_WHITE, _var.COLOR.BORDER_WHITE);
31
- exports.mixinBorderWhiteRight = mixinBorderWhiteRight;
32
- var mixinBorderWhiteBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-white,", ");"], _var.COLOR.BORDER_WHITE, _var.COLOR.BORDER_WHITE);
33
- exports.mixinBorderWhiteBottom = mixinBorderWhiteBottom;
34
- var mixinBorderWhiteLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-white,", ");"], _var.COLOR.BORDER_WHITE, _var.COLOR.BORDER_WHITE);
35
- exports.mixinBorderWhiteLeft = mixinBorderWhiteLeft;
36
- var mixinBorderBrandColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-brand,", ");"], _var.COLOR.BORDER_BRAND, _var.COLOR.BORDER_BRAND);
37
- exports.mixinBorderBrandColor = mixinBorderBrandColor;
38
- var mixinBorderBrand = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-brand,", ");"], _var.COLOR.BORDER_BRAND, _var.COLOR.BORDER_BRAND);
39
- exports.mixinBorderBrand = mixinBorderBrand;
40
- var mixinBorderBrandTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-brand,", ");"], _var.COLOR.BORDER_BRAND, _var.COLOR.BORDER_BRAND);
41
- exports.mixinBorderBrandTop = mixinBorderBrandTop;
42
- var mixinBorderBrandRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-brand,", ");"], _var.COLOR.BORDER_BRAND, _var.COLOR.BORDER_BRAND);
43
- exports.mixinBorderBrandRight = mixinBorderBrandRight;
44
- var mixinBorderBrandBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-brand,", ");"], _var.COLOR.BORDER_BRAND, _var.COLOR.BORDER_BRAND);
45
- exports.mixinBorderBrandBottom = mixinBorderBrandBottom;
46
- var mixinBorderBrandLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-brand,", ");"], _var.COLOR.BORDER_BRAND, _var.COLOR.BORDER_BRAND);
47
- exports.mixinBorderBrandLeft = mixinBorderBrandLeft;
48
- var mixinBorderBrandHoverColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-brand-hover,", ");"], _var.COLOR.BORDER_BRAND_HOVER, _var.COLOR.BORDER_BRAND_HOVER);
49
- exports.mixinBorderBrandHoverColor = mixinBorderBrandHoverColor;
50
- var mixinBorderBrandHover = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-brand-hover,", ");"], _var.COLOR.BORDER_BRAND_HOVER, _var.COLOR.BORDER_BRAND_HOVER);
51
- exports.mixinBorderBrandHover = mixinBorderBrandHover;
52
- var mixinBorderBrandHoverTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-brand-hover,", ");"], _var.COLOR.BORDER_BRAND_HOVER, _var.COLOR.BORDER_BRAND_HOVER);
53
- exports.mixinBorderBrandHoverTop = mixinBorderBrandHoverTop;
54
- var mixinBorderBrandHoverRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-brand-hover,", ");"], _var.COLOR.BORDER_BRAND_HOVER, _var.COLOR.BORDER_BRAND_HOVER);
55
- exports.mixinBorderBrandHoverRight = mixinBorderBrandHoverRight;
56
- var mixinBorderBrandHoverBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-brand-hover,", ");"], _var.COLOR.BORDER_BRAND_HOVER, _var.COLOR.BORDER_BRAND_HOVER);
57
- exports.mixinBorderBrandHoverBottom = mixinBorderBrandHoverBottom;
58
- var mixinBorderBrandHoverLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-brand-hover,", ");"], _var.COLOR.BORDER_BRAND_HOVER, _var.COLOR.BORDER_BRAND_HOVER);
59
- exports.mixinBorderBrandHoverLeft = mixinBorderBrandHoverLeft;
60
- var mixinBorderBrandActiveColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-brand-active,", ");"], _var.COLOR.BORDER_BRAND_ACTIVE, _var.COLOR.BORDER_BRAND_ACTIVE);
61
- exports.mixinBorderBrandActiveColor = mixinBorderBrandActiveColor;
62
- var mixinBorderBrandActive = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-brand-active,", ");"], _var.COLOR.BORDER_BRAND_ACTIVE, _var.COLOR.BORDER_BRAND_ACTIVE);
63
- exports.mixinBorderBrandActive = mixinBorderBrandActive;
64
- var mixinBorderBrandActiveTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-brand-active,", ");"], _var.COLOR.BORDER_BRAND_ACTIVE, _var.COLOR.BORDER_BRAND_ACTIVE);
65
- exports.mixinBorderBrandActiveTop = mixinBorderBrandActiveTop;
66
- var mixinBorderBrandActiveRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-brand-active,", ");"], _var.COLOR.BORDER_BRAND_ACTIVE, _var.COLOR.BORDER_BRAND_ACTIVE);
67
- exports.mixinBorderBrandActiveRight = mixinBorderBrandActiveRight;
68
- var mixinBorderBrandActiveBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-brand-active,", ");"], _var.COLOR.BORDER_BRAND_ACTIVE, _var.COLOR.BORDER_BRAND_ACTIVE);
69
- exports.mixinBorderBrandActiveBottom = mixinBorderBrandActiveBottom;
70
- var mixinBorderBrandActiveLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-brand-active,", ");"], _var.COLOR.BORDER_BRAND_ACTIVE, _var.COLOR.BORDER_BRAND_ACTIVE);
71
- exports.mixinBorderBrandActiveLeft = mixinBorderBrandActiveLeft;
72
- var mixinBorderAccentColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-accent,", ");"], _var.COLOR.BORDER_ACCENT, _var.COLOR.BORDER_ACCENT);
73
- exports.mixinBorderAccentColor = mixinBorderAccentColor;
74
- var mixinBorderAccent = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-accent,", ");"], _var.COLOR.BORDER_ACCENT, _var.COLOR.BORDER_ACCENT);
75
- exports.mixinBorderAccent = mixinBorderAccent;
76
- var mixinBorderAccentTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-accent,", ");"], _var.COLOR.BORDER_ACCENT, _var.COLOR.BORDER_ACCENT);
77
- exports.mixinBorderAccentTop = mixinBorderAccentTop;
78
- var mixinBorderAccentRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-accent,", ");"], _var.COLOR.BORDER_ACCENT, _var.COLOR.BORDER_ACCENT);
79
- exports.mixinBorderAccentRight = mixinBorderAccentRight;
80
- var mixinBorderAccentBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-accent,", ");"], _var.COLOR.BORDER_ACCENT, _var.COLOR.BORDER_ACCENT);
81
- exports.mixinBorderAccentBottom = mixinBorderAccentBottom;
82
- var mixinBorderAccentLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-accent,", ");"], _var.COLOR.BORDER_ACCENT, _var.COLOR.BORDER_ACCENT);
83
- exports.mixinBorderAccentLeft = mixinBorderAccentLeft;
84
- var mixinBorderAccentHoverColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-accent-hover,", ");"], _var.COLOR.BORDER_ACCENT_HOVER, _var.COLOR.BORDER_ACCENT_HOVER);
85
- exports.mixinBorderAccentHoverColor = mixinBorderAccentHoverColor;
86
- var mixinBorderAccentHover = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-accent-hover,", ");"], _var.COLOR.BORDER_ACCENT_HOVER, _var.COLOR.BORDER_ACCENT_HOVER);
87
- exports.mixinBorderAccentHover = mixinBorderAccentHover;
88
- var mixinBorderAccentHoverTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-accent-hover,", ");"], _var.COLOR.BORDER_ACCENT_HOVER, _var.COLOR.BORDER_ACCENT_HOVER);
89
- exports.mixinBorderAccentHoverTop = mixinBorderAccentHoverTop;
90
- var mixinBorderAccentHoverRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-accent-hover,", ");"], _var.COLOR.BORDER_ACCENT_HOVER, _var.COLOR.BORDER_ACCENT_HOVER);
91
- exports.mixinBorderAccentHoverRight = mixinBorderAccentHoverRight;
92
- var mixinBorderAccentHoverBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-accent-hover,", ");"], _var.COLOR.BORDER_ACCENT_HOVER, _var.COLOR.BORDER_ACCENT_HOVER);
93
- exports.mixinBorderAccentHoverBottom = mixinBorderAccentHoverBottom;
94
- var mixinBorderAccentHoverLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-accent-hover,", ");"], _var.COLOR.BORDER_ACCENT_HOVER, _var.COLOR.BORDER_ACCENT_HOVER);
95
- exports.mixinBorderAccentHoverLeft = mixinBorderAccentHoverLeft;
96
- var mixinBorderAccentActiveColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-accent-active,", ");"], _var.COLOR.BORDER_ACCENT_ACTIVE, _var.COLOR.BORDER_ACCENT_ACTIVE);
97
- exports.mixinBorderAccentActiveColor = mixinBorderAccentActiveColor;
98
- var mixinBorderAccentActive = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-accent-active,", ");"], _var.COLOR.BORDER_ACCENT_ACTIVE, _var.COLOR.BORDER_ACCENT_ACTIVE);
99
- exports.mixinBorderAccentActive = mixinBorderAccentActive;
100
- var mixinBorderAccentActiveTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-accent-active,", ");"], _var.COLOR.BORDER_ACCENT_ACTIVE, _var.COLOR.BORDER_ACCENT_ACTIVE);
101
- exports.mixinBorderAccentActiveTop = mixinBorderAccentActiveTop;
102
- var mixinBorderAccentActiveRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-accent-active,", ");"], _var.COLOR.BORDER_ACCENT_ACTIVE, _var.COLOR.BORDER_ACCENT_ACTIVE);
103
- exports.mixinBorderAccentActiveRight = mixinBorderAccentActiveRight;
104
- var mixinBorderAccentActiveBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-accent-active,", ");"], _var.COLOR.BORDER_ACCENT_ACTIVE, _var.COLOR.BORDER_ACCENT_ACTIVE);
105
- exports.mixinBorderAccentActiveBottom = mixinBorderAccentActiveBottom;
106
- var mixinBorderAccentActiveLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-accent-active,", ");"], _var.COLOR.BORDER_ACCENT_ACTIVE, _var.COLOR.BORDER_ACCENT_ACTIVE);
107
- exports.mixinBorderAccentActiveLeft = mixinBorderAccentActiveLeft;
108
- var mixinBorderPrimaryColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-primary,", ");"], _var.COLOR.BORDER_PRIMARY, _var.COLOR.BORDER_PRIMARY);
109
- exports.mixinBorderPrimaryColor = mixinBorderPrimaryColor;
110
- var mixinBorderPrimary = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-primary,", ");"], _var.COLOR.BORDER_PRIMARY, _var.COLOR.BORDER_PRIMARY);
111
- exports.mixinBorderPrimary = mixinBorderPrimary;
112
- var mixinBorderPrimaryTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-primary,", ");"], _var.COLOR.BORDER_PRIMARY, _var.COLOR.BORDER_PRIMARY);
113
- exports.mixinBorderPrimaryTop = mixinBorderPrimaryTop;
114
- var mixinBorderPrimaryRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-primary,", ");"], _var.COLOR.BORDER_PRIMARY, _var.COLOR.BORDER_PRIMARY);
115
- exports.mixinBorderPrimaryRight = mixinBorderPrimaryRight;
116
- var mixinBorderPrimaryBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-primary,", ");"], _var.COLOR.BORDER_PRIMARY, _var.COLOR.BORDER_PRIMARY);
117
- exports.mixinBorderPrimaryBottom = mixinBorderPrimaryBottom;
118
- var mixinBorderPrimaryLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-primary,", ");"], _var.COLOR.BORDER_PRIMARY, _var.COLOR.BORDER_PRIMARY);
119
- exports.mixinBorderPrimaryLeft = mixinBorderPrimaryLeft;
120
- var mixinBorderSecondaryColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-secondary,", ");"], _var.COLOR.BORDER_SECONDARY, _var.COLOR.BORDER_SECONDARY);
121
- exports.mixinBorderSecondaryColor = mixinBorderSecondaryColor;
122
- var mixinBorderSecondary = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-secondary,", ");"], _var.COLOR.BORDER_SECONDARY, _var.COLOR.BORDER_SECONDARY);
123
- exports.mixinBorderSecondary = mixinBorderSecondary;
124
- var mixinBorderSecondaryTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-secondary,", ");"], _var.COLOR.BORDER_SECONDARY, _var.COLOR.BORDER_SECONDARY);
125
- exports.mixinBorderSecondaryTop = mixinBorderSecondaryTop;
126
- var mixinBorderSecondaryRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-secondary,", ");"], _var.COLOR.BORDER_SECONDARY, _var.COLOR.BORDER_SECONDARY);
127
- exports.mixinBorderSecondaryRight = mixinBorderSecondaryRight;
128
- var mixinBorderSecondaryBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-secondary,", ");"], _var.COLOR.BORDER_SECONDARY, _var.COLOR.BORDER_SECONDARY);
129
- exports.mixinBorderSecondaryBottom = mixinBorderSecondaryBottom;
130
- var mixinBorderSecondaryLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-secondary,", ");"], _var.COLOR.BORDER_SECONDARY, _var.COLOR.BORDER_SECONDARY);
131
- exports.mixinBorderSecondaryLeft = mixinBorderSecondaryLeft;
132
- var mixinBorderTertiaryColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-tertiary,", ");"], _var.COLOR.BORDER_TERTIARY, _var.COLOR.BORDER_TERTIARY);
133
- exports.mixinBorderTertiaryColor = mixinBorderTertiaryColor;
134
- var mixinBorderTertiary = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-tertiary,", ");"], _var.COLOR.BORDER_TERTIARY, _var.COLOR.BORDER_TERTIARY);
135
- exports.mixinBorderTertiary = mixinBorderTertiary;
136
- var mixinBorderTertiaryTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-tertiary,", ");"], _var.COLOR.BORDER_TERTIARY, _var.COLOR.BORDER_TERTIARY);
137
- exports.mixinBorderTertiaryTop = mixinBorderTertiaryTop;
138
- var mixinBorderTertiaryRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-tertiary,", ");"], _var.COLOR.BORDER_TERTIARY, _var.COLOR.BORDER_TERTIARY);
139
- exports.mixinBorderTertiaryRight = mixinBorderTertiaryRight;
140
- var mixinBorderTertiaryBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-tertiary,", ");"], _var.COLOR.BORDER_TERTIARY, _var.COLOR.BORDER_TERTIARY);
141
- exports.mixinBorderTertiaryBottom = mixinBorderTertiaryBottom;
142
- var mixinBorderTertiaryLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-tertiary,", ");"], _var.COLOR.BORDER_TERTIARY, _var.COLOR.BORDER_TERTIARY);
143
- exports.mixinBorderTertiaryLeft = mixinBorderTertiaryLeft;
144
- var mixinBorderDisabledColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-disabled,", ");"], _var.COLOR.BORDER_DISABLED, _var.COLOR.BORDER_DISABLED);
145
- exports.mixinBorderDisabledColor = mixinBorderDisabledColor;
146
- var mixinBorderDisabled = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-disabled,", ");"], _var.COLOR.BORDER_DISABLED, _var.COLOR.BORDER_DISABLED);
147
- exports.mixinBorderDisabled = mixinBorderDisabled;
148
- var mixinBorderDisabledTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-disabled,", ");"], _var.COLOR.BORDER_DISABLED, _var.COLOR.BORDER_DISABLED);
149
- exports.mixinBorderDisabledTop = mixinBorderDisabledTop;
150
- var mixinBorderDisabledRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-disabled,", ");"], _var.COLOR.BORDER_DISABLED, _var.COLOR.BORDER_DISABLED);
151
- exports.mixinBorderDisabledRight = mixinBorderDisabledRight;
152
- var mixinBorderDisabledBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-disabled,", ");"], _var.COLOR.BORDER_DISABLED, _var.COLOR.BORDER_DISABLED);
153
- exports.mixinBorderDisabledBottom = mixinBorderDisabledBottom;
154
- var mixinBorderDisabledLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-disabled,", ");"], _var.COLOR.BORDER_DISABLED, _var.COLOR.BORDER_DISABLED);
155
- exports.mixinBorderDisabledLeft = mixinBorderDisabledLeft;
156
- var mixinBorderHelpColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-help,", ");"], _var.COLOR.BORDER_HELP, _var.COLOR.BORDER_HELP);
157
- exports.mixinBorderHelpColor = mixinBorderHelpColor;
158
- var mixinBorderHelp = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-help,", ");"], _var.COLOR.BORDER_HELP, _var.COLOR.BORDER_HELP);
159
- exports.mixinBorderHelp = mixinBorderHelp;
160
- var mixinBorderHelpTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-help,", ");"], _var.COLOR.BORDER_HELP, _var.COLOR.BORDER_HELP);
161
- exports.mixinBorderHelpTop = mixinBorderHelpTop;
162
- var mixinBorderHelpRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-help,", ");"], _var.COLOR.BORDER_HELP, _var.COLOR.BORDER_HELP);
163
- exports.mixinBorderHelpRight = mixinBorderHelpRight;
164
- var mixinBorderHelpBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-help,", ");"], _var.COLOR.BORDER_HELP, _var.COLOR.BORDER_HELP);
165
- exports.mixinBorderHelpBottom = mixinBorderHelpBottom;
166
- var mixinBorderHelpLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-help,", ");"], _var.COLOR.BORDER_HELP, _var.COLOR.BORDER_HELP);
167
- exports.mixinBorderHelpLeft = mixinBorderHelpLeft;
168
- var mixinBorderInfoColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-info,", ");"], _var.COLOR.BORDER_INFO, _var.COLOR.BORDER_INFO);
169
- exports.mixinBorderInfoColor = mixinBorderInfoColor;
170
- var mixinBorderInfo = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-info,", ");"], _var.COLOR.BORDER_INFO, _var.COLOR.BORDER_INFO);
171
- exports.mixinBorderInfo = mixinBorderInfo;
172
- var mixinBorderInfoTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-info,", ");"], _var.COLOR.BORDER_INFO, _var.COLOR.BORDER_INFO);
173
- exports.mixinBorderInfoTop = mixinBorderInfoTop;
174
- var mixinBorderInfoRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-info,", ");"], _var.COLOR.BORDER_INFO, _var.COLOR.BORDER_INFO);
175
- exports.mixinBorderInfoRight = mixinBorderInfoRight;
176
- var mixinBorderInfoBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-info,", ");"], _var.COLOR.BORDER_INFO, _var.COLOR.BORDER_INFO);
177
- exports.mixinBorderInfoBottom = mixinBorderInfoBottom;
178
- var mixinBorderInfoLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-info,", ");"], _var.COLOR.BORDER_INFO, _var.COLOR.BORDER_INFO);
179
- exports.mixinBorderInfoLeft = mixinBorderInfoLeft;
180
- var mixinBorderSuccessColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-success,", ");"], _var.COLOR.BORDER_SUCCESS, _var.COLOR.BORDER_SUCCESS);
181
- exports.mixinBorderSuccessColor = mixinBorderSuccessColor;
182
- var mixinBorderSuccess = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-success,", ");"], _var.COLOR.BORDER_SUCCESS, _var.COLOR.BORDER_SUCCESS);
183
- exports.mixinBorderSuccess = mixinBorderSuccess;
184
- var mixinBorderSuccessTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-success,", ");"], _var.COLOR.BORDER_SUCCESS, _var.COLOR.BORDER_SUCCESS);
185
- exports.mixinBorderSuccessTop = mixinBorderSuccessTop;
186
- var mixinBorderSuccessRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-success,", ");"], _var.COLOR.BORDER_SUCCESS, _var.COLOR.BORDER_SUCCESS);
187
- exports.mixinBorderSuccessRight = mixinBorderSuccessRight;
188
- var mixinBorderSuccessBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-success,", ");"], _var.COLOR.BORDER_SUCCESS, _var.COLOR.BORDER_SUCCESS);
189
- exports.mixinBorderSuccessBottom = mixinBorderSuccessBottom;
190
- var mixinBorderSuccessLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-success,", ");"], _var.COLOR.BORDER_SUCCESS, _var.COLOR.BORDER_SUCCESS);
191
- exports.mixinBorderSuccessLeft = mixinBorderSuccessLeft;
192
- var mixinBorderWarningColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-warning,", ");"], _var.COLOR.BORDER_WARNING, _var.COLOR.BORDER_WARNING);
193
- exports.mixinBorderWarningColor = mixinBorderWarningColor;
194
- var mixinBorderWarning = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-warning,", ");"], _var.COLOR.BORDER_WARNING, _var.COLOR.BORDER_WARNING);
195
- exports.mixinBorderWarning = mixinBorderWarning;
196
- var mixinBorderWarningTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-warning,", ");"], _var.COLOR.BORDER_WARNING, _var.COLOR.BORDER_WARNING);
197
- exports.mixinBorderWarningTop = mixinBorderWarningTop;
198
- var mixinBorderWarningRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-warning,", ");"], _var.COLOR.BORDER_WARNING, _var.COLOR.BORDER_WARNING);
199
- exports.mixinBorderWarningRight = mixinBorderWarningRight;
200
- var mixinBorderWarningBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-warning,", ");"], _var.COLOR.BORDER_WARNING, _var.COLOR.BORDER_WARNING);
201
- exports.mixinBorderWarningBottom = mixinBorderWarningBottom;
202
- var mixinBorderWarningLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-warning,", ");"], _var.COLOR.BORDER_WARNING, _var.COLOR.BORDER_WARNING);
203
- exports.mixinBorderWarningLeft = mixinBorderWarningLeft;
204
- var mixinBorderErrorColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-error,", ");"], _var.COLOR.BORDER_ERROR, _var.COLOR.BORDER_ERROR);
205
- exports.mixinBorderErrorColor = mixinBorderErrorColor;
206
- var mixinBorderError = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-error,", ");"], _var.COLOR.BORDER_ERROR, _var.COLOR.BORDER_ERROR);
207
- exports.mixinBorderError = mixinBorderError;
208
- var mixinBorderErrorTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-error,", ");"], _var.COLOR.BORDER_ERROR, _var.COLOR.BORDER_ERROR);
209
- exports.mixinBorderErrorTop = mixinBorderErrorTop;
210
- var mixinBorderErrorRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-error,", ");"], _var.COLOR.BORDER_ERROR, _var.COLOR.BORDER_ERROR);
211
- exports.mixinBorderErrorRight = mixinBorderErrorRight;
212
- var mixinBorderErrorBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-error,", ");"], _var.COLOR.BORDER_ERROR, _var.COLOR.BORDER_ERROR);
213
- exports.mixinBorderErrorBottom = mixinBorderErrorBottom;
214
- var mixinBorderErrorLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-error,", ");"], _var.COLOR.BORDER_ERROR, _var.COLOR.BORDER_ERROR);
215
- exports.mixinBorderErrorLeft = mixinBorderErrorLeft;
216
- var mixinBorderDangerColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-danger,", ");"], _var.COLOR.BORDER_DANGER, _var.COLOR.BORDER_DANGER);
217
- exports.mixinBorderDangerColor = mixinBorderDangerColor;
218
- var mixinBorderDanger = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-danger,", ");"], _var.COLOR.BORDER_DANGER, _var.COLOR.BORDER_DANGER);
219
- exports.mixinBorderDanger = mixinBorderDanger;
220
- var mixinBorderDangerTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-danger,", ");"], _var.COLOR.BORDER_DANGER, _var.COLOR.BORDER_DANGER);
221
- exports.mixinBorderDangerTop = mixinBorderDangerTop;
222
- var mixinBorderDangerRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-danger,", ");"], _var.COLOR.BORDER_DANGER, _var.COLOR.BORDER_DANGER);
223
- exports.mixinBorderDangerRight = mixinBorderDangerRight;
224
- var mixinBorderDangerBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-danger,", ");"], _var.COLOR.BORDER_DANGER, _var.COLOR.BORDER_DANGER);
225
- exports.mixinBorderDangerBottom = mixinBorderDangerBottom;
226
- var mixinBorderDangerLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-danger,", ");"], _var.COLOR.BORDER_DANGER, _var.COLOR.BORDER_DANGER);
227
- exports.mixinBorderDangerLeft = mixinBorderDangerLeft;
12
+ var mixinBorderTransparentColor = exports.mixinBorderTransparentColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-transparent,", ");"], _var.COLOR.BORDER_TRANSPARENT, _var.COLOR.BORDER_TRANSPARENT);
13
+ var mixinBorderTransparent = exports.mixinBorderTransparent = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-transparent,", ");"], _var.COLOR.BORDER_TRANSPARENT, _var.COLOR.BORDER_TRANSPARENT);
14
+ var mixinBorderTransparentTop = exports.mixinBorderTransparentTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-transparent,", ");"], _var.COLOR.BORDER_TRANSPARENT, _var.COLOR.BORDER_TRANSPARENT);
15
+ var mixinBorderTransparentRight = exports.mixinBorderTransparentRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-transparent,", ");"], _var.COLOR.BORDER_TRANSPARENT, _var.COLOR.BORDER_TRANSPARENT);
16
+ var mixinBorderTransparentBottom = exports.mixinBorderTransparentBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-transparent,", ");"], _var.COLOR.BORDER_TRANSPARENT, _var.COLOR.BORDER_TRANSPARENT);
17
+ var mixinBorderTransparentLeft = exports.mixinBorderTransparentLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-transparent,", ");"], _var.COLOR.BORDER_TRANSPARENT, _var.COLOR.BORDER_TRANSPARENT);
18
+ var mixinBorderWhiteColor = exports.mixinBorderWhiteColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-white,", ");"], _var.COLOR.BORDER_WHITE, _var.COLOR.BORDER_WHITE);
19
+ var mixinBorderWhite = exports.mixinBorderWhite = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-white,", ");"], _var.COLOR.BORDER_WHITE, _var.COLOR.BORDER_WHITE);
20
+ var mixinBorderWhiteTop = exports.mixinBorderWhiteTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-white,", ");"], _var.COLOR.BORDER_WHITE, _var.COLOR.BORDER_WHITE);
21
+ var mixinBorderWhiteRight = exports.mixinBorderWhiteRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-white,", ");"], _var.COLOR.BORDER_WHITE, _var.COLOR.BORDER_WHITE);
22
+ var mixinBorderWhiteBottom = exports.mixinBorderWhiteBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-white,", ");"], _var.COLOR.BORDER_WHITE, _var.COLOR.BORDER_WHITE);
23
+ var mixinBorderWhiteLeft = exports.mixinBorderWhiteLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-white,", ");"], _var.COLOR.BORDER_WHITE, _var.COLOR.BORDER_WHITE);
24
+ var mixinBorderBrandColor = exports.mixinBorderBrandColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-brand,", ");"], _var.COLOR.BORDER_BRAND, _var.COLOR.BORDER_BRAND);
25
+ var mixinBorderBrand = exports.mixinBorderBrand = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-brand,", ");"], _var.COLOR.BORDER_BRAND, _var.COLOR.BORDER_BRAND);
26
+ var mixinBorderBrandTop = exports.mixinBorderBrandTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-brand,", ");"], _var.COLOR.BORDER_BRAND, _var.COLOR.BORDER_BRAND);
27
+ var mixinBorderBrandRight = exports.mixinBorderBrandRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-brand,", ");"], _var.COLOR.BORDER_BRAND, _var.COLOR.BORDER_BRAND);
28
+ var mixinBorderBrandBottom = exports.mixinBorderBrandBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-brand,", ");"], _var.COLOR.BORDER_BRAND, _var.COLOR.BORDER_BRAND);
29
+ var mixinBorderBrandLeft = exports.mixinBorderBrandLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-brand,", ");"], _var.COLOR.BORDER_BRAND, _var.COLOR.BORDER_BRAND);
30
+ var mixinBorderBrandHoverColor = exports.mixinBorderBrandHoverColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-brand-hover,", ");"], _var.COLOR.BORDER_BRAND_HOVER, _var.COLOR.BORDER_BRAND_HOVER);
31
+ var mixinBorderBrandHover = exports.mixinBorderBrandHover = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-brand-hover,", ");"], _var.COLOR.BORDER_BRAND_HOVER, _var.COLOR.BORDER_BRAND_HOVER);
32
+ var mixinBorderBrandHoverTop = exports.mixinBorderBrandHoverTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-brand-hover,", ");"], _var.COLOR.BORDER_BRAND_HOVER, _var.COLOR.BORDER_BRAND_HOVER);
33
+ var mixinBorderBrandHoverRight = exports.mixinBorderBrandHoverRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-brand-hover,", ");"], _var.COLOR.BORDER_BRAND_HOVER, _var.COLOR.BORDER_BRAND_HOVER);
34
+ var mixinBorderBrandHoverBottom = exports.mixinBorderBrandHoverBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-brand-hover,", ");"], _var.COLOR.BORDER_BRAND_HOVER, _var.COLOR.BORDER_BRAND_HOVER);
35
+ var mixinBorderBrandHoverLeft = exports.mixinBorderBrandHoverLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-brand-hover,", ");"], _var.COLOR.BORDER_BRAND_HOVER, _var.COLOR.BORDER_BRAND_HOVER);
36
+ var mixinBorderBrandActiveColor = exports.mixinBorderBrandActiveColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-brand-active,", ");"], _var.COLOR.BORDER_BRAND_ACTIVE, _var.COLOR.BORDER_BRAND_ACTIVE);
37
+ var mixinBorderBrandActive = exports.mixinBorderBrandActive = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-brand-active,", ");"], _var.COLOR.BORDER_BRAND_ACTIVE, _var.COLOR.BORDER_BRAND_ACTIVE);
38
+ var mixinBorderBrandActiveTop = exports.mixinBorderBrandActiveTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-brand-active,", ");"], _var.COLOR.BORDER_BRAND_ACTIVE, _var.COLOR.BORDER_BRAND_ACTIVE);
39
+ var mixinBorderBrandActiveRight = exports.mixinBorderBrandActiveRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-brand-active,", ");"], _var.COLOR.BORDER_BRAND_ACTIVE, _var.COLOR.BORDER_BRAND_ACTIVE);
40
+ var mixinBorderBrandActiveBottom = exports.mixinBorderBrandActiveBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-brand-active,", ");"], _var.COLOR.BORDER_BRAND_ACTIVE, _var.COLOR.BORDER_BRAND_ACTIVE);
41
+ var mixinBorderBrandActiveLeft = exports.mixinBorderBrandActiveLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-brand-active,", ");"], _var.COLOR.BORDER_BRAND_ACTIVE, _var.COLOR.BORDER_BRAND_ACTIVE);
42
+ var mixinBorderAccentColor = exports.mixinBorderAccentColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-accent,", ");"], _var.COLOR.BORDER_ACCENT, _var.COLOR.BORDER_ACCENT);
43
+ var mixinBorderAccent = exports.mixinBorderAccent = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-accent,", ");"], _var.COLOR.BORDER_ACCENT, _var.COLOR.BORDER_ACCENT);
44
+ var mixinBorderAccentTop = exports.mixinBorderAccentTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-accent,", ");"], _var.COLOR.BORDER_ACCENT, _var.COLOR.BORDER_ACCENT);
45
+ var mixinBorderAccentRight = exports.mixinBorderAccentRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-accent,", ");"], _var.COLOR.BORDER_ACCENT, _var.COLOR.BORDER_ACCENT);
46
+ var mixinBorderAccentBottom = exports.mixinBorderAccentBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-accent,", ");"], _var.COLOR.BORDER_ACCENT, _var.COLOR.BORDER_ACCENT);
47
+ var mixinBorderAccentLeft = exports.mixinBorderAccentLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-accent,", ");"], _var.COLOR.BORDER_ACCENT, _var.COLOR.BORDER_ACCENT);
48
+ var mixinBorderAccentHoverColor = exports.mixinBorderAccentHoverColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-accent-hover,", ");"], _var.COLOR.BORDER_ACCENT_HOVER, _var.COLOR.BORDER_ACCENT_HOVER);
49
+ var mixinBorderAccentHover = exports.mixinBorderAccentHover = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-accent-hover,", ");"], _var.COLOR.BORDER_ACCENT_HOVER, _var.COLOR.BORDER_ACCENT_HOVER);
50
+ var mixinBorderAccentHoverTop = exports.mixinBorderAccentHoverTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-accent-hover,", ");"], _var.COLOR.BORDER_ACCENT_HOVER, _var.COLOR.BORDER_ACCENT_HOVER);
51
+ var mixinBorderAccentHoverRight = exports.mixinBorderAccentHoverRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-accent-hover,", ");"], _var.COLOR.BORDER_ACCENT_HOVER, _var.COLOR.BORDER_ACCENT_HOVER);
52
+ var mixinBorderAccentHoverBottom = exports.mixinBorderAccentHoverBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-accent-hover,", ");"], _var.COLOR.BORDER_ACCENT_HOVER, _var.COLOR.BORDER_ACCENT_HOVER);
53
+ var mixinBorderAccentHoverLeft = exports.mixinBorderAccentHoverLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-accent-hover,", ");"], _var.COLOR.BORDER_ACCENT_HOVER, _var.COLOR.BORDER_ACCENT_HOVER);
54
+ var mixinBorderAccentActiveColor = exports.mixinBorderAccentActiveColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-accent-active,", ");"], _var.COLOR.BORDER_ACCENT_ACTIVE, _var.COLOR.BORDER_ACCENT_ACTIVE);
55
+ var mixinBorderAccentActive = exports.mixinBorderAccentActive = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-accent-active,", ");"], _var.COLOR.BORDER_ACCENT_ACTIVE, _var.COLOR.BORDER_ACCENT_ACTIVE);
56
+ var mixinBorderAccentActiveTop = exports.mixinBorderAccentActiveTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-accent-active,", ");"], _var.COLOR.BORDER_ACCENT_ACTIVE, _var.COLOR.BORDER_ACCENT_ACTIVE);
57
+ var mixinBorderAccentActiveRight = exports.mixinBorderAccentActiveRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-accent-active,", ");"], _var.COLOR.BORDER_ACCENT_ACTIVE, _var.COLOR.BORDER_ACCENT_ACTIVE);
58
+ var mixinBorderAccentActiveBottom = exports.mixinBorderAccentActiveBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-accent-active,", ");"], _var.COLOR.BORDER_ACCENT_ACTIVE, _var.COLOR.BORDER_ACCENT_ACTIVE);
59
+ var mixinBorderAccentActiveLeft = exports.mixinBorderAccentActiveLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-accent-active,", ");"], _var.COLOR.BORDER_ACCENT_ACTIVE, _var.COLOR.BORDER_ACCENT_ACTIVE);
60
+ var mixinBorderPrimaryColor = exports.mixinBorderPrimaryColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-primary,", ");"], _var.COLOR.BORDER_PRIMARY, _var.COLOR.BORDER_PRIMARY);
61
+ var mixinBorderPrimary = exports.mixinBorderPrimary = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-primary,", ");"], _var.COLOR.BORDER_PRIMARY, _var.COLOR.BORDER_PRIMARY);
62
+ var mixinBorderPrimaryTop = exports.mixinBorderPrimaryTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-primary,", ");"], _var.COLOR.BORDER_PRIMARY, _var.COLOR.BORDER_PRIMARY);
63
+ var mixinBorderPrimaryRight = exports.mixinBorderPrimaryRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-primary,", ");"], _var.COLOR.BORDER_PRIMARY, _var.COLOR.BORDER_PRIMARY);
64
+ var mixinBorderPrimaryBottom = exports.mixinBorderPrimaryBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-primary,", ");"], _var.COLOR.BORDER_PRIMARY, _var.COLOR.BORDER_PRIMARY);
65
+ var mixinBorderPrimaryLeft = exports.mixinBorderPrimaryLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-primary,", ");"], _var.COLOR.BORDER_PRIMARY, _var.COLOR.BORDER_PRIMARY);
66
+ var mixinBorderSecondaryColor = exports.mixinBorderSecondaryColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-secondary,", ");"], _var.COLOR.BORDER_SECONDARY, _var.COLOR.BORDER_SECONDARY);
67
+ var mixinBorderSecondary = exports.mixinBorderSecondary = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-secondary,", ");"], _var.COLOR.BORDER_SECONDARY, _var.COLOR.BORDER_SECONDARY);
68
+ var mixinBorderSecondaryTop = exports.mixinBorderSecondaryTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-secondary,", ");"], _var.COLOR.BORDER_SECONDARY, _var.COLOR.BORDER_SECONDARY);
69
+ var mixinBorderSecondaryRight = exports.mixinBorderSecondaryRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-secondary,", ");"], _var.COLOR.BORDER_SECONDARY, _var.COLOR.BORDER_SECONDARY);
70
+ var mixinBorderSecondaryBottom = exports.mixinBorderSecondaryBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-secondary,", ");"], _var.COLOR.BORDER_SECONDARY, _var.COLOR.BORDER_SECONDARY);
71
+ var mixinBorderSecondaryLeft = exports.mixinBorderSecondaryLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-secondary,", ");"], _var.COLOR.BORDER_SECONDARY, _var.COLOR.BORDER_SECONDARY);
72
+ var mixinBorderTertiaryColor = exports.mixinBorderTertiaryColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-tertiary,", ");"], _var.COLOR.BORDER_TERTIARY, _var.COLOR.BORDER_TERTIARY);
73
+ var mixinBorderTertiary = exports.mixinBorderTertiary = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-tertiary,", ");"], _var.COLOR.BORDER_TERTIARY, _var.COLOR.BORDER_TERTIARY);
74
+ var mixinBorderTertiaryTop = exports.mixinBorderTertiaryTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-tertiary,", ");"], _var.COLOR.BORDER_TERTIARY, _var.COLOR.BORDER_TERTIARY);
75
+ var mixinBorderTertiaryRight = exports.mixinBorderTertiaryRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-tertiary,", ");"], _var.COLOR.BORDER_TERTIARY, _var.COLOR.BORDER_TERTIARY);
76
+ var mixinBorderTertiaryBottom = exports.mixinBorderTertiaryBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-tertiary,", ");"], _var.COLOR.BORDER_TERTIARY, _var.COLOR.BORDER_TERTIARY);
77
+ var mixinBorderTertiaryLeft = exports.mixinBorderTertiaryLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-tertiary,", ");"], _var.COLOR.BORDER_TERTIARY, _var.COLOR.BORDER_TERTIARY);
78
+ var mixinBorderDisabledColor = exports.mixinBorderDisabledColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-disabled,", ");"], _var.COLOR.BORDER_DISABLED, _var.COLOR.BORDER_DISABLED);
79
+ var mixinBorderDisabled = exports.mixinBorderDisabled = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-disabled,", ");"], _var.COLOR.BORDER_DISABLED, _var.COLOR.BORDER_DISABLED);
80
+ var mixinBorderDisabledTop = exports.mixinBorderDisabledTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-disabled,", ");"], _var.COLOR.BORDER_DISABLED, _var.COLOR.BORDER_DISABLED);
81
+ var mixinBorderDisabledRight = exports.mixinBorderDisabledRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-disabled,", ");"], _var.COLOR.BORDER_DISABLED, _var.COLOR.BORDER_DISABLED);
82
+ var mixinBorderDisabledBottom = exports.mixinBorderDisabledBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-disabled,", ");"], _var.COLOR.BORDER_DISABLED, _var.COLOR.BORDER_DISABLED);
83
+ var mixinBorderDisabledLeft = exports.mixinBorderDisabledLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-disabled,", ");"], _var.COLOR.BORDER_DISABLED, _var.COLOR.BORDER_DISABLED);
84
+ var mixinBorderHelpColor = exports.mixinBorderHelpColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-help,", ");"], _var.COLOR.BORDER_HELP, _var.COLOR.BORDER_HELP);
85
+ var mixinBorderHelp = exports.mixinBorderHelp = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-help,", ");"], _var.COLOR.BORDER_HELP, _var.COLOR.BORDER_HELP);
86
+ var mixinBorderHelpTop = exports.mixinBorderHelpTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-help,", ");"], _var.COLOR.BORDER_HELP, _var.COLOR.BORDER_HELP);
87
+ var mixinBorderHelpRight = exports.mixinBorderHelpRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-help,", ");"], _var.COLOR.BORDER_HELP, _var.COLOR.BORDER_HELP);
88
+ var mixinBorderHelpBottom = exports.mixinBorderHelpBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-help,", ");"], _var.COLOR.BORDER_HELP, _var.COLOR.BORDER_HELP);
89
+ var mixinBorderHelpLeft = exports.mixinBorderHelpLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-help,", ");"], _var.COLOR.BORDER_HELP, _var.COLOR.BORDER_HELP);
90
+ var mixinBorderInfoColor = exports.mixinBorderInfoColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-info,", ");"], _var.COLOR.BORDER_INFO, _var.COLOR.BORDER_INFO);
91
+ var mixinBorderInfo = exports.mixinBorderInfo = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-info,", ");"], _var.COLOR.BORDER_INFO, _var.COLOR.BORDER_INFO);
92
+ var mixinBorderInfoTop = exports.mixinBorderInfoTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-info,", ");"], _var.COLOR.BORDER_INFO, _var.COLOR.BORDER_INFO);
93
+ var mixinBorderInfoRight = exports.mixinBorderInfoRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-info,", ");"], _var.COLOR.BORDER_INFO, _var.COLOR.BORDER_INFO);
94
+ var mixinBorderInfoBottom = exports.mixinBorderInfoBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-info,", ");"], _var.COLOR.BORDER_INFO, _var.COLOR.BORDER_INFO);
95
+ var mixinBorderInfoLeft = exports.mixinBorderInfoLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-info,", ");"], _var.COLOR.BORDER_INFO, _var.COLOR.BORDER_INFO);
96
+ var mixinBorderSuccessColor = exports.mixinBorderSuccessColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-success,", ");"], _var.COLOR.BORDER_SUCCESS, _var.COLOR.BORDER_SUCCESS);
97
+ var mixinBorderSuccess = exports.mixinBorderSuccess = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-success,", ");"], _var.COLOR.BORDER_SUCCESS, _var.COLOR.BORDER_SUCCESS);
98
+ var mixinBorderSuccessTop = exports.mixinBorderSuccessTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-success,", ");"], _var.COLOR.BORDER_SUCCESS, _var.COLOR.BORDER_SUCCESS);
99
+ var mixinBorderSuccessRight = exports.mixinBorderSuccessRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-success,", ");"], _var.COLOR.BORDER_SUCCESS, _var.COLOR.BORDER_SUCCESS);
100
+ var mixinBorderSuccessBottom = exports.mixinBorderSuccessBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-success,", ");"], _var.COLOR.BORDER_SUCCESS, _var.COLOR.BORDER_SUCCESS);
101
+ var mixinBorderSuccessLeft = exports.mixinBorderSuccessLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-success,", ");"], _var.COLOR.BORDER_SUCCESS, _var.COLOR.BORDER_SUCCESS);
102
+ var mixinBorderWarningColor = exports.mixinBorderWarningColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-warning,", ");"], _var.COLOR.BORDER_WARNING, _var.COLOR.BORDER_WARNING);
103
+ var mixinBorderWarning = exports.mixinBorderWarning = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-warning,", ");"], _var.COLOR.BORDER_WARNING, _var.COLOR.BORDER_WARNING);
104
+ var mixinBorderWarningTop = exports.mixinBorderWarningTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-warning,", ");"], _var.COLOR.BORDER_WARNING, _var.COLOR.BORDER_WARNING);
105
+ var mixinBorderWarningRight = exports.mixinBorderWarningRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-warning,", ");"], _var.COLOR.BORDER_WARNING, _var.COLOR.BORDER_WARNING);
106
+ var mixinBorderWarningBottom = exports.mixinBorderWarningBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-warning,", ");"], _var.COLOR.BORDER_WARNING, _var.COLOR.BORDER_WARNING);
107
+ var mixinBorderWarningLeft = exports.mixinBorderWarningLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-warning,", ");"], _var.COLOR.BORDER_WARNING, _var.COLOR.BORDER_WARNING);
108
+ var mixinBorderErrorColor = exports.mixinBorderErrorColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-error,", ");"], _var.COLOR.BORDER_ERROR, _var.COLOR.BORDER_ERROR);
109
+ var mixinBorderError = exports.mixinBorderError = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-error,", ");"], _var.COLOR.BORDER_ERROR, _var.COLOR.BORDER_ERROR);
110
+ var mixinBorderErrorTop = exports.mixinBorderErrorTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-error,", ");"], _var.COLOR.BORDER_ERROR, _var.COLOR.BORDER_ERROR);
111
+ var mixinBorderErrorRight = exports.mixinBorderErrorRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-error,", ");"], _var.COLOR.BORDER_ERROR, _var.COLOR.BORDER_ERROR);
112
+ var mixinBorderErrorBottom = exports.mixinBorderErrorBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-error,", ");"], _var.COLOR.BORDER_ERROR, _var.COLOR.BORDER_ERROR);
113
+ var mixinBorderErrorLeft = exports.mixinBorderErrorLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-error,", ");"], _var.COLOR.BORDER_ERROR, _var.COLOR.BORDER_ERROR);
114
+ var mixinBorderDangerColor = exports.mixinBorderDangerColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-danger,", ");"], _var.COLOR.BORDER_DANGER, _var.COLOR.BORDER_DANGER);
115
+ var mixinBorderDanger = exports.mixinBorderDanger = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-danger,", ");"], _var.COLOR.BORDER_DANGER, _var.COLOR.BORDER_DANGER);
116
+ var mixinBorderDangerTop = exports.mixinBorderDangerTop = (0, _styledComponents.css)(["border-top:1px solid ", ";border-top:1px solid var(--cb-color-border-danger,", ");"], _var.COLOR.BORDER_DANGER, _var.COLOR.BORDER_DANGER);
117
+ var mixinBorderDangerRight = exports.mixinBorderDangerRight = (0, _styledComponents.css)(["border-right:1px solid ", ";border-right:1px solid var(--cb-color-border-danger,", ");"], _var.COLOR.BORDER_DANGER, _var.COLOR.BORDER_DANGER);
118
+ var mixinBorderDangerBottom = exports.mixinBorderDangerBottom = (0, _styledComponents.css)(["border-bottom:1px solid ", ";border-bottom:1px solid var(--cb-color-border-danger,", ");"], _var.COLOR.BORDER_DANGER, _var.COLOR.BORDER_DANGER);
119
+ var mixinBorderDangerLeft = exports.mixinBorderDangerLeft = (0, _styledComponents.css)(["border-left:1px solid ", ";border-left:1px solid var(--cb-color-border-danger,", ");"], _var.COLOR.BORDER_DANGER, _var.COLOR.BORDER_DANGER);