@audira/carbon-react-native 1.0.1 → 1.0.3
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/lib/commonjs/carbon-style-sheet/color.js +174 -6
- package/lib/commonjs/carbon-style-sheet/color.js.map +1 -1
- package/lib/commonjs/carbon-style-sheet/create.js +58 -21
- package/lib/commonjs/carbon-style-sheet/create.js.map +1 -1
- package/lib/commonjs/carbon-style-sheet/g/font.js +1 -1
- package/lib/commonjs/carbon-style-sheet/g/spacing.js +1 -1
- package/lib/commonjs/carbon-style-sheet/g/typography.js +1 -1
- package/lib/commonjs/carbon-style-sheet/g-object/font.js +1 -1
- package/lib/commonjs/carbon-style-sheet/g-object/spacing.js +1 -1
- package/lib/commonjs/carbon-style-sheet/g-object/typography.js +1 -1
- package/lib/commonjs/carbon-style-sheet/index.js +4 -13
- package/lib/commonjs/carbon-style-sheet/index.js.map +1 -1
- package/lib/module/carbon-style-sheet/color.js +172 -5
- package/lib/module/carbon-style-sheet/color.js.map +1 -1
- package/lib/module/carbon-style-sheet/create.js +58 -21
- package/lib/module/carbon-style-sheet/create.js.map +1 -1
- package/lib/module/carbon-style-sheet/g/font.js +1 -1
- package/lib/module/carbon-style-sheet/g/spacing.js +1 -1
- package/lib/module/carbon-style-sheet/g/typography.js +1 -1
- package/lib/module/carbon-style-sheet/g-object/font.js +1 -1
- package/lib/module/carbon-style-sheet/g-object/spacing.js +1 -1
- package/lib/module/carbon-style-sheet/g-object/typography.js +1 -1
- package/lib/module/carbon-style-sheet/index.js +2 -2
- package/lib/module/carbon-style-sheet/index.js.map +1 -1
- package/lib/typescript/commonjs/carbon-style-sheet/color.d.ts +169 -2
- package/lib/typescript/commonjs/carbon-style-sheet/color.d.ts.map +1 -1
- package/lib/typescript/commonjs/carbon-style-sheet/create.d.ts +3 -3
- package/lib/typescript/commonjs/carbon-style-sheet/create.d.ts.map +1 -1
- package/lib/typescript/commonjs/carbon-style-sheet/g/text.d.ts +16 -10
- package/lib/typescript/commonjs/carbon-style-sheet/g/text.d.ts.map +1 -1
- package/lib/typescript/commonjs/carbon-style-sheet/index.d.ts +2 -2
- package/lib/typescript/commonjs/carbon-style-sheet/index.d.ts.map +1 -1
- package/lib/typescript/module/carbon-style-sheet/color.d.ts +169 -2
- package/lib/typescript/module/carbon-style-sheet/color.d.ts.map +1 -1
- package/lib/typescript/module/carbon-style-sheet/create.d.ts +3 -3
- package/lib/typescript/module/carbon-style-sheet/create.d.ts.map +1 -1
- package/lib/typescript/module/carbon-style-sheet/g/text.d.ts +16 -10
- package/lib/typescript/module/carbon-style-sheet/g/text.d.ts.map +1 -1
- package/lib/typescript/module/carbon-style-sheet/index.d.ts +2 -2
- package/lib/typescript/module/carbon-style-sheet/index.d.ts.map +1 -1
- package/lib/typescript/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/carbon-style-sheet/color.ts +171 -12
- package/src/carbon-style-sheet/create.ts +93 -53
- package/src/carbon-style-sheet/g/font.ts +1 -1
- package/src/carbon-style-sheet/g/spacing.ts +1 -1
- package/src/carbon-style-sheet/g/text.ts +10 -10
- package/src/carbon-style-sheet/g/typography.ts +1 -1
- package/src/carbon-style-sheet/g-object/font.ts +1 -1
- package/src/carbon-style-sheet/g-object/spacing.ts +1 -1
- package/src/carbon-style-sheet/g-object/text.ts +11 -11
- package/src/carbon-style-sheet/g-object/typography.ts +1 -1
- package/src/carbon-style-sheet/index.ts +3 -1
|
@@ -1,8 +1,175 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
// Generated
|
|
4
|
+
// Sun, 29 Mar 2026 10:05:23 GMT
|
|
5
|
+
|
|
6
|
+
export const background = "#f4f4f4|#000000";
|
|
7
|
+
export const background_active = "rgba(141,141,141,0.5)|rgba(141,141,141,0.4)";
|
|
8
|
+
export const background_brand = "#0f62fe|#0f62fe";
|
|
9
|
+
export const background_hover = "rgba(141,141,141,0.12)|rgba(141,141,141,0.16)";
|
|
10
|
+
export const background_inverse = "#393939|#f4f4f4";
|
|
11
|
+
export const background_inverse_hover = "#474747|#e8e8e8";
|
|
12
|
+
export const background_selected = "rgba(141,141,141,0.2)|rgba(141,141,141,0.24)";
|
|
13
|
+
export const background_selected_hover = "rgba(141,141,141,0.32)|rgba(141,141,141,0.32)";
|
|
14
|
+
export const border_disabled = "#c6c6c6|rgba(141,141,141,0.5)";
|
|
15
|
+
export const border_interactive = "#0f62fe|#4589ff";
|
|
16
|
+
export const border_inverse = "#161616|#f4f4f4";
|
|
17
|
+
export const border_strong_01 = "#8d8d8d|#6f6f6f";
|
|
18
|
+
export const border_strong_02 = "#8d8d8d|#8d8d8d";
|
|
19
|
+
export const border_strong_03 = "#8d8d8d|#a8a8a8";
|
|
20
|
+
export const border_subtle_00 = "#c6c6c6|#393939";
|
|
21
|
+
export const border_subtle_01 = "#e0e0e0|#393939";
|
|
22
|
+
export const border_subtle_02 = "#c6c6c6|#525252";
|
|
23
|
+
export const border_subtle_03 = "#e0e0e0|#6f6f6f";
|
|
24
|
+
export const border_subtle_selected_01 = "#c6c6c6|#525252";
|
|
25
|
+
export const border_subtle_selected_02 = "#c6c6c6|#6f6f6f";
|
|
26
|
+
export const border_subtle_selected_03 = "#c6c6c6|#8d8d8d";
|
|
27
|
+
export const border_tile_01 = "#a8a8a8|#525252";
|
|
28
|
+
export const border_tile_02 = "#c6c6c6|#6f6f6f";
|
|
29
|
+
export const border_tile_03 = "#a8a8a8|#8d8d8d";
|
|
30
|
+
export const button_danger_active = "#750e13|#750e13";
|
|
31
|
+
export const button_danger_hover = "#b81922|#b81922";
|
|
32
|
+
export const button_danger_primary = "#da1e28|#da1e28";
|
|
33
|
+
export const button_danger_secondary = "#da1e28|#fa4d56";
|
|
34
|
+
export const button_disabled = "#c6c6c6|#525252";
|
|
35
|
+
export const button_primary = "#0f62fe|#0f62fe";
|
|
36
|
+
export const button_primary_active = "#002d9c|#002d9c";
|
|
37
|
+
export const button_primary_hover = "#0050e6|#0050e6";
|
|
38
|
+
export const button_secondary = "#393939|#6f6f6f";
|
|
39
|
+
export const button_secondary_active = "#6f6f6f|#393939";
|
|
40
|
+
export const button_secondary_hover = "#474747|#5e5e5e";
|
|
41
|
+
export const button_separator = "#e0e0e0|#161616";
|
|
42
|
+
export const button_tertiary = "#0f62fe|#ffffff";
|
|
43
|
+
export const button_tertiary_active = "#002d9c|#c6c6c6";
|
|
44
|
+
export const button_tertiary_hover = "#0050e6|#f4f4f4";
|
|
45
|
+
export const field_01 = "#ffffff|#262626";
|
|
46
|
+
export const field_02 = "#f4f4f4|#393939";
|
|
47
|
+
export const field_03 = "#ffffff|#525252";
|
|
48
|
+
export const field_hover_01 = "#e8e8e8|#333333";
|
|
49
|
+
export const field_hover_02 = "#e8e8e8|#474747";
|
|
50
|
+
export const field_hover_03 = "#e8e8e8|#636363";
|
|
51
|
+
export const focus = "#0f62fe|#ffffff";
|
|
52
|
+
export const focus_inset = "#ffffff|#161616";
|
|
53
|
+
export const focus_inverse = "#ffffff|#0f62fe";
|
|
54
|
+
export const highlight = "#d0e2ff|#001d6c";
|
|
55
|
+
export const icon_disabled = "rgba(22,22,22,0.25)|rgba(244,244,244,0.25)";
|
|
56
|
+
export const icon_interactive = "#0f62fe|#ffffff";
|
|
57
|
+
export const icon_inverse = "#ffffff|#161616";
|
|
58
|
+
export const icon_on_color = "#ffffff|#ffffff";
|
|
59
|
+
export const icon_on_color_disabled = "#8d8d8d|rgba(255,255,255,0.25)";
|
|
60
|
+
export const icon_primary = "#161616|#f4f4f4";
|
|
61
|
+
export const icon_secondary = "#525252|#c6c6c6";
|
|
62
|
+
export const interactive = "#0f62fe|#4589ff";
|
|
63
|
+
export const layer_01 = "#ffffff|#262626";
|
|
64
|
+
export const layer_02 = "#f4f4f4|#393939";
|
|
65
|
+
export const layer_03 = "#ffffff|#525252";
|
|
66
|
+
export const layer_accent_01 = "#e0e0e0|#393939";
|
|
67
|
+
export const layer_accent_02 = "#e0e0e0|#525252";
|
|
68
|
+
export const layer_accent_03 = "#e0e0e0|#6f6f6f";
|
|
69
|
+
export const layer_accent_active_01 = "#a8a8a8|#525252";
|
|
70
|
+
export const layer_accent_active_02 = "#a8a8a8|#8d8d8d";
|
|
71
|
+
export const layer_accent_active_03 = "#a8a8a8|#393939";
|
|
72
|
+
export const layer_accent_hover_01 = "#d1d1d1|#474747";
|
|
73
|
+
export const layer_accent_hover_02 = "#d1d1d1|#636363";
|
|
74
|
+
export const layer_accent_hover_03 = "#d1d1d1|#5e5e5e";
|
|
75
|
+
export const layer_active_01 = "#c6c6c6|#525252";
|
|
76
|
+
export const layer_active_02 = "#c6c6c6|#6f6f6f";
|
|
77
|
+
export const layer_active_03 = "#c6c6c6|#8d8d8d";
|
|
78
|
+
export const layer_hover_01 = "#e8e8e8|#333333";
|
|
79
|
+
export const layer_hover_02 = "#e8e8e8|#474747";
|
|
80
|
+
export const layer_hover_03 = "#e8e8e8|#636363";
|
|
81
|
+
export const layer_selected_01 = "#e0e0e0|#393939";
|
|
82
|
+
export const layer_selected_02 = "#e0e0e0|#525252";
|
|
83
|
+
export const layer_selected_03 = "#e0e0e0|#6f6f6f";
|
|
84
|
+
export const layer_selected_disabled = "#8d8d8d|#6f6f6f";
|
|
85
|
+
export const layer_selected_hover_01 = "#d1d1d1|#474747";
|
|
86
|
+
export const layer_selected_hover_02 = "#d1d1d1|#636363";
|
|
87
|
+
export const layer_selected_hover_03 = "#d1d1d1|#5e5e5e";
|
|
88
|
+
export const layer_selected_inverse = "#161616|#f4f4f4";
|
|
89
|
+
export const link_inverse = "#78a9ff|#0f62fe";
|
|
90
|
+
export const link_inverse_active = "#f4f4f4|#161616";
|
|
91
|
+
export const link_inverse_hover = "#a6c8ff|#0043ce";
|
|
92
|
+
export const link_inverse_visited = "#be95ff|#8a3ffc";
|
|
93
|
+
export const link_primary = "#0f62fe|#78a9ff";
|
|
94
|
+
export const link_primary_hover = "#0043ce|#a6c8ff";
|
|
95
|
+
export const link_secondary = "#0043ce|#a6c8ff";
|
|
96
|
+
export const link_visited = "#8a3ffc|#be95ff";
|
|
97
|
+
export const notification_action_hover = "#ffffff|#333333";
|
|
98
|
+
export const notification_action_tertiary_inverse = "#ffffff|#0f62fe";
|
|
99
|
+
export const notification_action_tertiary_inverse_active = "#ffffff|#161616";
|
|
100
|
+
export const notification_action_tertiary_inverse_hover = "#c6c6c6|#002d9c";
|
|
101
|
+
export const notification_action_tertiary_inverse_text = "#161616|#ffffff";
|
|
102
|
+
export const notification_action_tertiary_inverse_text_on_color_disabled = "#ffffff|#ffffff";
|
|
103
|
+
export const notification_error_background = "#fff1f1|#262626";
|
|
104
|
+
export const notification_error_border = "rgba(218,30,40,0.3)|rgba(255,131,137,0.5)";
|
|
105
|
+
export const notification_info_background = "#edf5ff|#262626";
|
|
106
|
+
export const notification_info_border = "rgba(0,67,206,0.3)|rgba(69,137,255,0.5)";
|
|
107
|
+
export const notification_success_background = "#defbe6|#262626";
|
|
108
|
+
export const notification_success_border = "rgba(36,161,72,0.3)|rgba(66,190,101,0.5)";
|
|
109
|
+
export const notification_warning_background = "#fcf4d6|#262626";
|
|
110
|
+
export const notification_warning_border = "rgba(241,194,27,0.3)|rgba(178,134,0,0.5)";
|
|
111
|
+
export const overlay = "rgba(22,22,22,0.5)|rgba(22,22,22,0.7)";
|
|
112
|
+
export const skeleton_background = "#e8e8e8|#474747";
|
|
113
|
+
export const skeleton_element = "#c6c6c6|#525252";
|
|
114
|
+
export const support_caution_major = "#ff832b|#ff832b";
|
|
115
|
+
export const support_caution_minor = "#f1c21b|#f1c21b";
|
|
116
|
+
export const support_caution_undefined = "#8a3ffc|#a56eff";
|
|
117
|
+
export const support_error = "#da1e28|#fa4d56";
|
|
118
|
+
export const support_error_inverse = "#fa4d56|#da1e28";
|
|
119
|
+
export const support_info = "#0043ce|#4589ff";
|
|
120
|
+
export const support_info_inverse = "#4589ff|#0043ce";
|
|
121
|
+
export const support_success = "#24a148|#42be65";
|
|
122
|
+
export const support_success_inverse = "#42be65|#24a148";
|
|
123
|
+
export const support_warning = "#f1c21b|#f1c21b";
|
|
124
|
+
export const support_warning_inverse = "#f1c21b|#f1c21b";
|
|
125
|
+
export const tag_background_blue = "#d0e2ff|#0043ce";
|
|
126
|
+
export const tag_background_cool_gray = "#dde1e6|#4d5358";
|
|
127
|
+
export const tag_background_cyan = "#bae6ff|#00539a";
|
|
128
|
+
export const tag_background_gray = "#e0e0e0|#525252";
|
|
129
|
+
export const tag_background_green = "#a7f0ba|#0e6027";
|
|
130
|
+
export const tag_background_magenta = "#ffd6e8|#9f1853";
|
|
131
|
+
export const tag_background_purple = "#e8daff|#6929c4";
|
|
132
|
+
export const tag_background_red = "#ffd7d9|#a2191f";
|
|
133
|
+
export const tag_background_teal = "#9ef0f0|#005d5d";
|
|
134
|
+
export const tag_background_warm_gray = "#e5e0df|#565151";
|
|
135
|
+
export const tag_border_blue = "#78a9ff|#4589ff";
|
|
136
|
+
export const tag_border_cool_gray = "#a2a9b0|#878d96";
|
|
137
|
+
export const tag_border_cyan = "#33b1ff|#1192e8";
|
|
138
|
+
export const tag_border_gray = "#a8a8a8|#8d8d8d";
|
|
139
|
+
export const tag_border_green = "#42be65|#24a148";
|
|
140
|
+
export const tag_border_magenta = "#ff7eb6|#ee5396";
|
|
141
|
+
export const tag_border_purple = "#be95ff|#a56eff";
|
|
142
|
+
export const tag_border_red = "#ff8389|#fa4d56";
|
|
143
|
+
export const tag_border_teal = "#08bdba|#009d9a";
|
|
144
|
+
export const tag_border_warm_gray = "#ada8a8|#8f8b8b";
|
|
145
|
+
export const tag_color_blue = "#0043ce|#d0e2ff";
|
|
146
|
+
export const tag_color_cool_gray = "#121619|#dde1e6";
|
|
147
|
+
export const tag_color_cyan = "#00539a|#bae6ff";
|
|
148
|
+
export const tag_color_gray = "#161616|#e0e0e0";
|
|
149
|
+
export const tag_color_green = "#0e6027|#a7f0ba";
|
|
150
|
+
export const tag_color_magenta = "#9f1853|#ffd6e8";
|
|
151
|
+
export const tag_color_purple = "#6929c4|#e8daff";
|
|
152
|
+
export const tag_color_red = "#a2191f|#ffd7d9";
|
|
153
|
+
export const tag_color_teal = "#005d5d|#9ef0f0";
|
|
154
|
+
export const tag_color_warm_gray = "#171414|#e5e0df";
|
|
155
|
+
export const tag_hover_blue = "#b8d3ff|#0053ff";
|
|
156
|
+
export const tag_hover_cool_gray = "#cdd3da|#5d646a";
|
|
157
|
+
export const tag_hover_cyan = "#99daff|#0066bd";
|
|
158
|
+
export const tag_hover_gray = "#d1d1d1|#636363";
|
|
159
|
+
export const tag_hover_green = "#74e792|#11742f";
|
|
160
|
+
export const tag_hover_magenta = "#ffbdda|#bf1d63";
|
|
161
|
+
export const tag_hover_purple = "#dcc7ff|#7c3dd6";
|
|
162
|
+
export const tag_hover_red = "#ffc2c5|#c21e25";
|
|
163
|
+
export const tag_hover_teal = "#57e5e5|#007070";
|
|
164
|
+
export const tag_hover_warm_gray = "#d8d0cf|#696363";
|
|
165
|
+
export const text_disabled = "rgba(22,22,22,0.25)|rgba(244,244,244,0.25)";
|
|
166
|
+
export const text_error = "#da1e28|#ff8389";
|
|
167
|
+
export const text_helper = "#6f6f6f|#8d8d8d";
|
|
168
|
+
export const text_inverse = "#ffffff|#161616";
|
|
169
|
+
export const text_on_color = "#ffffff|#ffffff";
|
|
170
|
+
export const text_on_color_disabled = "#8d8d8d|rgba(255,255,255,0.25)";
|
|
171
|
+
export const text_placeholder = "#a8a8a8|#6f6f6f";
|
|
172
|
+
export const text_primary = "#161616|#f4f4f4";
|
|
173
|
+
export const text_secondary = "#525252|#c6c6c6";
|
|
174
|
+
export const toggle_off = "#8d8d8d|#6f6f6f";
|
|
8
175
|
//# sourceMappingURL=color.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["background","background_active","background_brand","background_hover","background_inverse","background_inverse_hover","background_selected","background_selected_hover","border_disabled","border_interactive","border_inverse","border_strong_01","border_strong_02","border_strong_03","border_subtle_00","border_subtle_01","border_subtle_02","border_subtle_03","border_subtle_selected_01","border_subtle_selected_02","border_subtle_selected_03","border_tile_01","border_tile_02","border_tile_03","button_danger_active","button_danger_hover","button_danger_primary","button_danger_secondary","button_disabled","button_primary","button_primary_active","button_primary_hover","button_secondary","button_secondary_active","button_secondary_hover","button_separator","button_tertiary","button_tertiary_active","button_tertiary_hover","field_01","field_02","field_03","field_hover_01","field_hover_02","field_hover_03","focus","focus_inset","focus_inverse","highlight","icon_disabled","icon_interactive","icon_inverse","icon_on_color","icon_on_color_disabled","icon_primary","icon_secondary","interactive","layer_01","layer_02","layer_03","layer_accent_01","layer_accent_02","layer_accent_03","layer_accent_active_01","layer_accent_active_02","layer_accent_active_03","layer_accent_hover_01","layer_accent_hover_02","layer_accent_hover_03","layer_active_01","layer_active_02","layer_active_03","layer_hover_01","layer_hover_02","layer_hover_03","layer_selected_01","layer_selected_02","layer_selected_03","layer_selected_disabled","layer_selected_hover_01","layer_selected_hover_02","layer_selected_hover_03","layer_selected_inverse","link_inverse","link_inverse_active","link_inverse_hover","link_inverse_visited","link_primary","link_primary_hover","link_secondary","link_visited","notification_action_hover","notification_action_tertiary_inverse","notification_action_tertiary_inverse_active","notification_action_tertiary_inverse_hover","notification_action_tertiary_inverse_text","notification_action_tertiary_inverse_text_on_color_disabled","notification_error_background","notification_error_border","notification_info_background","notification_info_border","notification_success_background","notification_success_border","notification_warning_background","notification_warning_border","overlay","skeleton_background","skeleton_element","support_caution_major","support_caution_minor","support_caution_undefined","support_error","support_error_inverse","support_info","support_info_inverse","support_success","support_success_inverse","support_warning","support_warning_inverse","tag_background_blue","tag_background_cool_gray","tag_background_cyan","tag_background_gray","tag_background_green","tag_background_magenta","tag_background_purple","tag_background_red","tag_background_teal","tag_background_warm_gray","tag_border_blue","tag_border_cool_gray","tag_border_cyan","tag_border_gray","tag_border_green","tag_border_magenta","tag_border_purple","tag_border_red","tag_border_teal","tag_border_warm_gray","tag_color_blue","tag_color_cool_gray","tag_color_cyan","tag_color_gray","tag_color_green","tag_color_magenta","tag_color_purple","tag_color_red","tag_color_teal","tag_color_warm_gray","tag_hover_blue","tag_hover_cool_gray","tag_hover_cyan","tag_hover_gray","tag_hover_green","tag_hover_magenta","tag_hover_purple","tag_hover_red","tag_hover_teal","tag_hover_warm_gray","text_disabled","text_error","text_helper","text_inverse","text_on_color","text_on_color_disabled","text_placeholder","text_primary","text_secondary","toggle_off"],"sourceRoot":"../../../src","sources":["carbon-style-sheet/color.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { StyleSheet } from "react-native";
|
|
4
|
-
import { Color } from "@audira/carbon-react-native-elements";
|
|
5
4
|
import { BreakpointGlobal, ColorSchemeGlobal } from "../_internal/globals/index.js";
|
|
6
5
|
import { breakpoint as breakpointStyleProps } from "./breakpoint.js";
|
|
7
6
|
/**
|
|
@@ -42,39 +41,58 @@ import { breakpoint as breakpointStyleProps } from "./breakpoint.js";
|
|
|
42
41
|
*/
|
|
43
42
|
export function create(styles) {
|
|
44
43
|
const normalStyle = {},
|
|
45
|
-
|
|
44
|
+
carbonColoredStyle = {},
|
|
46
45
|
breakpointStyle = {};
|
|
47
46
|
let containBreakpointStyle = false;
|
|
48
47
|
for (const name in styles) {
|
|
49
48
|
const style = styles[name];
|
|
50
|
-
for (const
|
|
51
|
-
if (breakpointStyleProps[
|
|
49
|
+
for (const styleAttr in style) {
|
|
50
|
+
if (breakpointStyleProps[styleAttr]) {
|
|
52
51
|
containBreakpointStyle = true;
|
|
53
|
-
breakpointStyle[`${
|
|
54
|
-
} else if (
|
|
52
|
+
breakpointStyle[`${styleAttr}${name}`] = style[styleAttr];
|
|
53
|
+
} else if (colorStyleAttrs[styleAttr]) {
|
|
54
|
+
// Resolve color string to the Carbon color (if any) for style prop or attribute that contain 'color'
|
|
55
|
+
// in the name like 'color', 'backgroundColor', 'borderColor', etc.,
|
|
56
|
+
// and the color value contains "|"
|
|
57
|
+
// If it does, it's a color token references that formatted in `gray_10|gray_100`
|
|
58
|
+
|
|
59
|
+
// For instance,
|
|
60
|
+
// if user want to modify `backgroundColor` with `CarbonStyleSheet.create` and using
|
|
61
|
+
// `CarbonStyleSheet.color.background`
|
|
62
|
+
// The `CarbonStyleSheet.color.background` itself is storing two color for gray_10 and gray_100
|
|
63
|
+
// in single string, which is `#f4f4f4|#000000`
|
|
64
|
+
// So we need to split them and make correct React Native StyleSheet
|
|
65
|
+
// with the same style attribute, for gray_10 and gray_100
|
|
66
|
+
|
|
67
|
+
const colorStr = style[styleAttr];
|
|
68
|
+
|
|
55
69
|
/**
|
|
56
|
-
*
|
|
57
|
-
*
|
|
70
|
+
* It's color token references
|
|
71
|
+
*
|
|
72
|
+
* For instance,
|
|
73
|
+
* `#f4f4f4|#000000`. It's formatted in `gray_10|gray_100`.
|
|
58
74
|
*/
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
75
|
+
const carbonColorToken = colorStr.split("|");
|
|
76
|
+
if (carbonColorToken.length > 1) {
|
|
77
|
+
const coloredStyleName_G10 = `${prefixColorStyleName.gray_10}${name}`,
|
|
78
|
+
coloredStyleName_G100 = `${prefixColorStyleName.gray_100}${name}`;
|
|
79
|
+
if (!carbonColoredStyle[coloredStyleName_G10]) {
|
|
80
|
+
carbonColoredStyle[coloredStyleName_G10] = {};
|
|
81
|
+
}
|
|
82
|
+
if (!carbonColoredStyle[coloredStyleName_G100]) {
|
|
83
|
+
carbonColoredStyle[coloredStyleName_G100] = {};
|
|
84
|
+
}
|
|
85
|
+
const colorStyleAttr = styleAttr;
|
|
86
|
+
carbonColoredStyle[coloredStyleName_G10][colorStyleAttr] = carbonColorToken[0];
|
|
87
|
+
carbonColoredStyle[coloredStyleName_G100][colorStyleAttr] = carbonColorToken[1];
|
|
67
88
|
}
|
|
68
|
-
const colorStr = style[styleProp];
|
|
69
|
-
coloredStyle[coloredStyleName_G10][styleProp] = Color.Token.gray_10.all[colorStr] || colorStr;
|
|
70
|
-
coloredStyle[coloredStyleName_G100][styleProp] = Color.Token.gray_100.all[colorStr] || colorStr;
|
|
71
89
|
} else {
|
|
72
90
|
normalStyle[name] = style;
|
|
73
91
|
}
|
|
74
92
|
}
|
|
75
93
|
}
|
|
76
94
|
const normalStyleSheet = StyleSheet.create(normalStyle),
|
|
77
|
-
coloredStyleSheet = StyleSheet.create(
|
|
95
|
+
coloredStyleSheet = StyleSheet.create(carbonColoredStyle),
|
|
78
96
|
breakpointStyleSheet = StyleSheet.create(breakpointStyle);
|
|
79
97
|
return Object.keys(styles).reduce((acc, styleName) => {
|
|
80
98
|
Object.defineProperty(acc, styleName, {
|
|
@@ -87,7 +105,26 @@ export function create(styles) {
|
|
|
87
105
|
return acc;
|
|
88
106
|
}, {});
|
|
89
107
|
}
|
|
90
|
-
const
|
|
108
|
+
const colorStyleAttrs = {
|
|
109
|
+
backgroundColor: "backgroundColor",
|
|
110
|
+
borderColor: "borderColor",
|
|
111
|
+
borderEndColor: "borderEndColor",
|
|
112
|
+
borderStartColor: "borderStartColor",
|
|
113
|
+
borderTopColor: "borderTopColor",
|
|
114
|
+
borderBottomColor: "borderBottomColor",
|
|
115
|
+
borderLeftColor: "borderLeftColor",
|
|
116
|
+
borderRightColor: "borderRightColor",
|
|
117
|
+
borderBlockColor: "borderBlockColor",
|
|
118
|
+
borderBlockEndColor: "borderBlockEndColor",
|
|
119
|
+
borderBlockStartColor: "borderBlockStartColor",
|
|
120
|
+
color: "color",
|
|
121
|
+
outlineColor: "outlineColor",
|
|
122
|
+
overlayColor: "overlayColor",
|
|
123
|
+
textDecorationColor: "textDecorationColor",
|
|
124
|
+
textShadowColor: "textShadowColor",
|
|
125
|
+
tintColor: "tintColor",
|
|
126
|
+
shadowColor: "shadowColor"
|
|
127
|
+
},
|
|
91
128
|
prefixColorStyleName = {
|
|
92
129
|
gray_10: "gray_10__",
|
|
93
130
|
gray_100: "gray_100__"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","
|
|
1
|
+
{"version":3,"names":["StyleSheet","BreakpointGlobal","ColorSchemeGlobal","breakpoint","breakpointStyleProps","create","styles","normalStyle","carbonColoredStyle","breakpointStyle","containBreakpointStyle","name","style","styleAttr","colorStyleAttrs","colorStr","carbonColorToken","split","length","coloredStyleName_G10","prefixColorStyleName","gray_10","coloredStyleName_G100","gray_100","colorStyleAttr","normalStyleSheet","coloredStyleSheet","breakpointStyleSheet","Object","keys","reduce","acc","styleName","defineProperty","get","colorScheme","getBreakpointUpStyle","backgroundColor","borderColor","borderEndColor","borderStartColor","borderTopColor","borderBottomColor","borderLeftColor","borderRightColor","borderBlockColor","borderBlockEndColor","borderBlockStartColor","color","outlineColor","overlayColor","textDecorationColor","textShadowColor","tintColor","shadowColor","breakpointDown","bpSliced","slice","indexOf","i","bpStyle"],"sourceRoot":"../../../src","sources":["carbon-style-sheet/create.ts"],"mappings":";;AAAA,SACCA,UAAU,QAIJ,cAAc;AAMrB,SACCC,gBAAgB,EAChBC,iBAAiB,QACX,+BAAsB;AAM7B,SACCC,UAAU,IAAIC,oBAAoB,QAC5B,iBAAc;AAqCrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,MAAMA,CACrBC,MAAc,EACL;EACT,MACCC,WAAkC,GACjC,CAAC,CAAC;IAEHC,kBAA2E,GAC1E,CAAC,CAAC;IAEHC,eAAsC,GACrC,CAAC,CAAC;EAEJ,IAAIC,sBAAsB,GAAG,KAAK;EAElC,KAAI,MAAMC,IAAI,IAAIL,MAAM,EAAE;IACzB,MAAMM,KAAK,GAAGN,MAAM,CAACK,IAAI,CAAC;IAE1B,KAAI,MAAME,SAAS,IAAID,KAAK,EAAE;MAC7B,IAAIR,oBAAoB,CAA4BS,SAAS,CAAC,EAAE;QAE/DH,sBAAsB,GAAG,IAAI;QAC7BD,eAAe,CAAC,GAAGI,SAAS,GAAGF,IAAI,EAAE,CAAC,GAAIC,KAAK,CAAqBC,SAAS,CAAU;MAExF,CAAC,MAAM,IAAGC,eAAe,CAACD,SAAS,CAAmB,EAAE;QAEvD;QACA;QACA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA,MAAME,QAAQ,GAAIH,KAAK,CAAoCC,SAAS,CAAmB;;QAEvF;AACJ;AACA;AACA;AACA;AACA;QACI,MAAMG,gBAAgB,GAAGD,QAAQ,CAACE,KAAK,CAAC,GAAG,CAAC;QAE5C,IAAGD,gBAAgB,CAACE,MAAM,GAAG,CAAC,EAAE;UAC/B,MACCC,oBAAoB,GACnB,GAAGC,oBAAoB,CAACC,OAAO,GAAGV,IAAI,EAAE;YAEzCW,qBAAqB,GACpB,GAAGF,oBAAoB,CAACG,QAAQ,GAAGZ,IAAI,EAAE;UAE3C,IAAG,CAACH,kBAAkB,CAACW,oBAAoB,CAAC,EAAE;YAC7CX,kBAAkB,CAACW,oBAAoB,CAAC,GAAG,CAC3C,CAAC;UACF;UACA,IAAG,CAACX,kBAAkB,CAACc,qBAAqB,CAAC,EAAE;YAC9Cd,kBAAkB,CAACc,qBAAqB,CAAC,GAAG,CAC5C,CAAC;UACF;UAEA,MAAME,cAAc,GAAGX,SAA2B;UAElDL,kBAAkB,CAACW,oBAAoB,CAAC,CAACK,cAAc,CAAC,GACvDR,gBAAgB,CAAC,CAAC,CAAC;UAEpBR,kBAAkB,CAACc,qBAAqB,CAAC,CAACE,cAAc,CAAC,GACxDR,gBAAgB,CAAC,CAAC,CAAC;QACrB;MACD,CAAC,MAAM;QAENT,WAAW,CAACI,IAAI,CAAC,GAAGC,KAAc;MAEnC;IACD;EACD;EAEA,MACCa,gBAAgB,GACfzB,UAAU,CAACK,MAAM,CAAwBE,WAAW,CAAC;IAEtDmB,iBAAiB,GAChB1B,UAAU,CAACK,MAAM,CAAwBG,kBAAkB,CAAC;IAE7DmB,oBAAoB,GACnB3B,UAAU,CAACK,MAAM,CAAwBI,eAAe,CAAC;EAE3D,OAAOmB,MAAM,CAACC,IAAI,CAACvB,MAAM,CAAC,CACxBwB,MAAM,CAAS,CACfC,GAAG,EACHC,SAAS,KACL;IACJJ,MAAM,CAACK,cAAc,CAACF,GAAG,EAAEC,SAAS,EAAE;MACrCE,GAAGA,CAAA,EAAG;QACL,MACCC,WAAW,GACVjC,iBAAiB,CAACgC,GAAG,CAAC,CAAC;UAExB/B,UAAU,GACTF,gBAAgB,CAACiC,GAAG,CAAC,CAAC;QAExB,OAAO,CACNT,gBAAgB,CAACO,SAAS,CAAC,EAE3BG,WAAW,IAAI,SAAS,GACrBT,iBAAiB,CAAC,GAAGN,oBAAoB,CAACC,OAAO,GAAGW,SAAS,EAAE,CAAC,GAChEN,iBAAiB,CAAC,GAAGN,oBAAoB,CAACG,QAAQ,GAAGS,SAAS,EAAE,CAAC,EAEpEtB,sBAAsB,GACnBiB,oBAAoB,CAAC,GAAGxB,UAAU,GAAG6B,SAAS,EAAE,CAAC,IAClDI,oBAAoB,CAACjC,UAAU,EAAEwB,oBAAoB,EAAEK,SAAS,CAAC,GAChE,IAAI,CACP;MACF;IACD,CAAC,CAAC;IACF,OAAOD,GAAG;EACX,CAAC,EAAE,CACH,CAAW,CAAC;AACd;AAEA,MACCjB,eAAe,GACd;IACCuB,eAAe,EAAE,iBAAiB;IAClCC,WAAW,EAAE,aAAa;IAC1BC,cAAc,EAAE,gBAAgB;IAChCC,gBAAgB,EAAE,kBAAkB;IACpCC,cAAc,EAAE,gBAAgB;IAChCC,iBAAiB,EAAE,mBAAmB;IACtCC,eAAe,EAAE,iBAAiB;IAClCC,gBAAgB,EAAE,kBAAkB;IACpCC,gBAAgB,EAAE,kBAAkB;IACpCC,mBAAmB,EAAE,qBAAqB;IAC1CC,qBAAqB,EAAE,uBAAuB;IAC9CC,KAAK,EAAE,OAAO;IACdC,YAAY,EAAE,cAAc;IAC5BC,YAAY,EAAE,cAAc;IAC5BC,mBAAmB,EAAE,qBAAqB;IAC1CC,eAAe,EAAE,iBAAiB;IAClCC,SAAS,EAAE,WAAW;IACtBC,WAAW,EAAE;EACd,CAEC;EAEFlC,oBAA2D,GAC1D;IACCC,OAAO,EAAE,WAAW;IACpBE,QAAQ,EAAE;EACX,CAAC;EAEFgC,cAAiC,GAChC,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;AAEhD,SAASnB,oBAAoBA,CAC5BjC,UAA2B,EAC3BM,eAAsC,EACtCuB,SAAiB,EACF;EACf,MAAMwB,QAAQ,GAAGD,cAAc,CAACE,KAAK,CAACF,cAAc,CAACG,OAAO,CAACvD,UAAU,CAAC,CAAC;EACzE,IAAIS,KAAmB,GAAG,IAAI;EAE9B,KAAI,IAAI+C,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGH,QAAQ,CAACtC,MAAM,EAAEyC,CAAC,EAAE,EAAE;IACxC,MAAMC,OAAO,GAAGnD,eAAe,CAAC,GAAG+C,QAAQ,CAACG,CAAC,CAAC,GAAG3B,SAAS,EAAE,CAAC;IAC7D,IAAG4B,OAAO,EAAE;MACXhD,KAAK,GAAGgD,OAAO;MACf;IACD;EACD;EAEA,OAAOhD,KAAK;AACb","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
// Generated
|
|
4
|
-
//
|
|
4
|
+
// Sun, 29 Mar 2026 10:05:23 GMT
|
|
5
5
|
|
|
6
6
|
// To support cross platforms, we are mapping the `fontFamily` value to its PostScript name,
|
|
7
7
|
// instead of the `fontWeight` number with a single font family name like in Web// Giving a `fontWeight` number will not work.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
// Generated
|
|
4
|
-
//
|
|
4
|
+
// Sun, 29 Mar 2026 10:05:23 GMT
|
|
5
5
|
|
|
6
6
|
// To support cross platforms, we are mapping the `fontFamily` value to its PostScript name,
|
|
7
7
|
// instead of the `fontWeight` number with a single font family name like in Web// Giving a `fontWeight` number will not work.
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { StyleSheet as RNStyleSheet } from "react-native";
|
|
4
|
+
import * as color from "./color.js";
|
|
4
5
|
import * as g from "./g/index.js";
|
|
5
6
|
import * as gObject from "./g-object/index.js";
|
|
6
7
|
export const absoluteFill = RNStyleSheet.absoluteFill;
|
|
@@ -8,9 +9,8 @@ export const absoluteFillObject = RNStyleSheet.absoluteFillObject;
|
|
|
8
9
|
export const flatten = RNStyleSheet.flatten;
|
|
9
10
|
export const hairlineWidth = RNStyleSheet.hairlineWidth;
|
|
10
11
|
export const setStyleAttributePreprocessor = RNStyleSheet.setStyleAttributePreprocessor;
|
|
11
|
-
export { g, gObject };
|
|
12
|
+
export { color, g, gObject };
|
|
12
13
|
export * from "./breakpoint.js";
|
|
13
|
-
export * from "./color.js";
|
|
14
14
|
export * from "./create.js";
|
|
15
15
|
export * from "./use.js";
|
|
16
16
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","RNStyleSheet","g","gObject","absoluteFill","absoluteFillObject","flatten","hairlineWidth","setStyleAttributePreprocessor"],"sourceRoot":"../../../src","sources":["carbon-style-sheet/index.ts"],"mappings":";;AAAA,SACCA,UAAU,IAAIC,YAAY,QACpB,cAAc;AAErB,OAAO,KAAKC,CAAC,MAAM,cAAK;AACxB,OAAO,KAAKC,OAAO,MAAM,qBAAY;AAErC,OAAO,MAAMC,YAAY,
|
|
1
|
+
{"version":3,"names":["StyleSheet","RNStyleSheet","color","g","gObject","absoluteFill","absoluteFillObject","flatten","hairlineWidth","setStyleAttributePreprocessor"],"sourceRoot":"../../../src","sources":["carbon-style-sheet/index.ts"],"mappings":";;AAAA,SACCA,UAAU,IAAIC,YAAY,QACpB,cAAc;AAErB,OAAO,KAAKC,KAAK,MAAM,YAAS;AAEhC,OAAO,KAAKC,CAAC,MAAM,cAAK;AACxB,OAAO,KAAKC,OAAO,MAAM,qBAAY;AAErC,OAAO,MAAMC,YAAY,GAAGJ,YAAY,CAACI,YAAY;AACrD,OAAO,MAAMC,kBAAkB,GAAGL,YAAY,CAACK,kBAAkB;AACjE,OAAO,MAAMC,OAAO,GAAGN,YAAY,CAACM,OAAO;AAC3C,OAAO,MAAMC,aAAa,GAAGP,YAAY,CAACO,aAAa;AACvD,OAAO,MAAMC,6BAA6B,GAAGR,YAAY,CAACQ,6BAA6B;AAEvF,SACCP,KAAK,EACLC,CAAC,EACDC,OAAO;AAGR,cAAc,iBAAc;AAC5B,cAAc,aAAU;AACxB,cAAc,UAAO","ignoreList":[]}
|
|
@@ -1,3 +1,170 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const
|
|
1
|
+
export declare const background = "#f4f4f4|#000000";
|
|
2
|
+
export declare const background_active = "rgba(141,141,141,0.5)|rgba(141,141,141,0.4)";
|
|
3
|
+
export declare const background_brand = "#0f62fe|#0f62fe";
|
|
4
|
+
export declare const background_hover = "rgba(141,141,141,0.12)|rgba(141,141,141,0.16)";
|
|
5
|
+
export declare const background_inverse = "#393939|#f4f4f4";
|
|
6
|
+
export declare const background_inverse_hover = "#474747|#e8e8e8";
|
|
7
|
+
export declare const background_selected = "rgba(141,141,141,0.2)|rgba(141,141,141,0.24)";
|
|
8
|
+
export declare const background_selected_hover = "rgba(141,141,141,0.32)|rgba(141,141,141,0.32)";
|
|
9
|
+
export declare const border_disabled = "#c6c6c6|rgba(141,141,141,0.5)";
|
|
10
|
+
export declare const border_interactive = "#0f62fe|#4589ff";
|
|
11
|
+
export declare const border_inverse = "#161616|#f4f4f4";
|
|
12
|
+
export declare const border_strong_01 = "#8d8d8d|#6f6f6f";
|
|
13
|
+
export declare const border_strong_02 = "#8d8d8d|#8d8d8d";
|
|
14
|
+
export declare const border_strong_03 = "#8d8d8d|#a8a8a8";
|
|
15
|
+
export declare const border_subtle_00 = "#c6c6c6|#393939";
|
|
16
|
+
export declare const border_subtle_01 = "#e0e0e0|#393939";
|
|
17
|
+
export declare const border_subtle_02 = "#c6c6c6|#525252";
|
|
18
|
+
export declare const border_subtle_03 = "#e0e0e0|#6f6f6f";
|
|
19
|
+
export declare const border_subtle_selected_01 = "#c6c6c6|#525252";
|
|
20
|
+
export declare const border_subtle_selected_02 = "#c6c6c6|#6f6f6f";
|
|
21
|
+
export declare const border_subtle_selected_03 = "#c6c6c6|#8d8d8d";
|
|
22
|
+
export declare const border_tile_01 = "#a8a8a8|#525252";
|
|
23
|
+
export declare const border_tile_02 = "#c6c6c6|#6f6f6f";
|
|
24
|
+
export declare const border_tile_03 = "#a8a8a8|#8d8d8d";
|
|
25
|
+
export declare const button_danger_active = "#750e13|#750e13";
|
|
26
|
+
export declare const button_danger_hover = "#b81922|#b81922";
|
|
27
|
+
export declare const button_danger_primary = "#da1e28|#da1e28";
|
|
28
|
+
export declare const button_danger_secondary = "#da1e28|#fa4d56";
|
|
29
|
+
export declare const button_disabled = "#c6c6c6|#525252";
|
|
30
|
+
export declare const button_primary = "#0f62fe|#0f62fe";
|
|
31
|
+
export declare const button_primary_active = "#002d9c|#002d9c";
|
|
32
|
+
export declare const button_primary_hover = "#0050e6|#0050e6";
|
|
33
|
+
export declare const button_secondary = "#393939|#6f6f6f";
|
|
34
|
+
export declare const button_secondary_active = "#6f6f6f|#393939";
|
|
35
|
+
export declare const button_secondary_hover = "#474747|#5e5e5e";
|
|
36
|
+
export declare const button_separator = "#e0e0e0|#161616";
|
|
37
|
+
export declare const button_tertiary = "#0f62fe|#ffffff";
|
|
38
|
+
export declare const button_tertiary_active = "#002d9c|#c6c6c6";
|
|
39
|
+
export declare const button_tertiary_hover = "#0050e6|#f4f4f4";
|
|
40
|
+
export declare const field_01 = "#ffffff|#262626";
|
|
41
|
+
export declare const field_02 = "#f4f4f4|#393939";
|
|
42
|
+
export declare const field_03 = "#ffffff|#525252";
|
|
43
|
+
export declare const field_hover_01 = "#e8e8e8|#333333";
|
|
44
|
+
export declare const field_hover_02 = "#e8e8e8|#474747";
|
|
45
|
+
export declare const field_hover_03 = "#e8e8e8|#636363";
|
|
46
|
+
export declare const focus = "#0f62fe|#ffffff";
|
|
47
|
+
export declare const focus_inset = "#ffffff|#161616";
|
|
48
|
+
export declare const focus_inverse = "#ffffff|#0f62fe";
|
|
49
|
+
export declare const highlight = "#d0e2ff|#001d6c";
|
|
50
|
+
export declare const icon_disabled = "rgba(22,22,22,0.25)|rgba(244,244,244,0.25)";
|
|
51
|
+
export declare const icon_interactive = "#0f62fe|#ffffff";
|
|
52
|
+
export declare const icon_inverse = "#ffffff|#161616";
|
|
53
|
+
export declare const icon_on_color = "#ffffff|#ffffff";
|
|
54
|
+
export declare const icon_on_color_disabled = "#8d8d8d|rgba(255,255,255,0.25)";
|
|
55
|
+
export declare const icon_primary = "#161616|#f4f4f4";
|
|
56
|
+
export declare const icon_secondary = "#525252|#c6c6c6";
|
|
57
|
+
export declare const interactive = "#0f62fe|#4589ff";
|
|
58
|
+
export declare const layer_01 = "#ffffff|#262626";
|
|
59
|
+
export declare const layer_02 = "#f4f4f4|#393939";
|
|
60
|
+
export declare const layer_03 = "#ffffff|#525252";
|
|
61
|
+
export declare const layer_accent_01 = "#e0e0e0|#393939";
|
|
62
|
+
export declare const layer_accent_02 = "#e0e0e0|#525252";
|
|
63
|
+
export declare const layer_accent_03 = "#e0e0e0|#6f6f6f";
|
|
64
|
+
export declare const layer_accent_active_01 = "#a8a8a8|#525252";
|
|
65
|
+
export declare const layer_accent_active_02 = "#a8a8a8|#8d8d8d";
|
|
66
|
+
export declare const layer_accent_active_03 = "#a8a8a8|#393939";
|
|
67
|
+
export declare const layer_accent_hover_01 = "#d1d1d1|#474747";
|
|
68
|
+
export declare const layer_accent_hover_02 = "#d1d1d1|#636363";
|
|
69
|
+
export declare const layer_accent_hover_03 = "#d1d1d1|#5e5e5e";
|
|
70
|
+
export declare const layer_active_01 = "#c6c6c6|#525252";
|
|
71
|
+
export declare const layer_active_02 = "#c6c6c6|#6f6f6f";
|
|
72
|
+
export declare const layer_active_03 = "#c6c6c6|#8d8d8d";
|
|
73
|
+
export declare const layer_hover_01 = "#e8e8e8|#333333";
|
|
74
|
+
export declare const layer_hover_02 = "#e8e8e8|#474747";
|
|
75
|
+
export declare const layer_hover_03 = "#e8e8e8|#636363";
|
|
76
|
+
export declare const layer_selected_01 = "#e0e0e0|#393939";
|
|
77
|
+
export declare const layer_selected_02 = "#e0e0e0|#525252";
|
|
78
|
+
export declare const layer_selected_03 = "#e0e0e0|#6f6f6f";
|
|
79
|
+
export declare const layer_selected_disabled = "#8d8d8d|#6f6f6f";
|
|
80
|
+
export declare const layer_selected_hover_01 = "#d1d1d1|#474747";
|
|
81
|
+
export declare const layer_selected_hover_02 = "#d1d1d1|#636363";
|
|
82
|
+
export declare const layer_selected_hover_03 = "#d1d1d1|#5e5e5e";
|
|
83
|
+
export declare const layer_selected_inverse = "#161616|#f4f4f4";
|
|
84
|
+
export declare const link_inverse = "#78a9ff|#0f62fe";
|
|
85
|
+
export declare const link_inverse_active = "#f4f4f4|#161616";
|
|
86
|
+
export declare const link_inverse_hover = "#a6c8ff|#0043ce";
|
|
87
|
+
export declare const link_inverse_visited = "#be95ff|#8a3ffc";
|
|
88
|
+
export declare const link_primary = "#0f62fe|#78a9ff";
|
|
89
|
+
export declare const link_primary_hover = "#0043ce|#a6c8ff";
|
|
90
|
+
export declare const link_secondary = "#0043ce|#a6c8ff";
|
|
91
|
+
export declare const link_visited = "#8a3ffc|#be95ff";
|
|
92
|
+
export declare const notification_action_hover = "#ffffff|#333333";
|
|
93
|
+
export declare const notification_action_tertiary_inverse = "#ffffff|#0f62fe";
|
|
94
|
+
export declare const notification_action_tertiary_inverse_active = "#ffffff|#161616";
|
|
95
|
+
export declare const notification_action_tertiary_inverse_hover = "#c6c6c6|#002d9c";
|
|
96
|
+
export declare const notification_action_tertiary_inverse_text = "#161616|#ffffff";
|
|
97
|
+
export declare const notification_action_tertiary_inverse_text_on_color_disabled = "#ffffff|#ffffff";
|
|
98
|
+
export declare const notification_error_background = "#fff1f1|#262626";
|
|
99
|
+
export declare const notification_error_border = "rgba(218,30,40,0.3)|rgba(255,131,137,0.5)";
|
|
100
|
+
export declare const notification_info_background = "#edf5ff|#262626";
|
|
101
|
+
export declare const notification_info_border = "rgba(0,67,206,0.3)|rgba(69,137,255,0.5)";
|
|
102
|
+
export declare const notification_success_background = "#defbe6|#262626";
|
|
103
|
+
export declare const notification_success_border = "rgba(36,161,72,0.3)|rgba(66,190,101,0.5)";
|
|
104
|
+
export declare const notification_warning_background = "#fcf4d6|#262626";
|
|
105
|
+
export declare const notification_warning_border = "rgba(241,194,27,0.3)|rgba(178,134,0,0.5)";
|
|
106
|
+
export declare const overlay = "rgba(22,22,22,0.5)|rgba(22,22,22,0.7)";
|
|
107
|
+
export declare const skeleton_background = "#e8e8e8|#474747";
|
|
108
|
+
export declare const skeleton_element = "#c6c6c6|#525252";
|
|
109
|
+
export declare const support_caution_major = "#ff832b|#ff832b";
|
|
110
|
+
export declare const support_caution_minor = "#f1c21b|#f1c21b";
|
|
111
|
+
export declare const support_caution_undefined = "#8a3ffc|#a56eff";
|
|
112
|
+
export declare const support_error = "#da1e28|#fa4d56";
|
|
113
|
+
export declare const support_error_inverse = "#fa4d56|#da1e28";
|
|
114
|
+
export declare const support_info = "#0043ce|#4589ff";
|
|
115
|
+
export declare const support_info_inverse = "#4589ff|#0043ce";
|
|
116
|
+
export declare const support_success = "#24a148|#42be65";
|
|
117
|
+
export declare const support_success_inverse = "#42be65|#24a148";
|
|
118
|
+
export declare const support_warning = "#f1c21b|#f1c21b";
|
|
119
|
+
export declare const support_warning_inverse = "#f1c21b|#f1c21b";
|
|
120
|
+
export declare const tag_background_blue = "#d0e2ff|#0043ce";
|
|
121
|
+
export declare const tag_background_cool_gray = "#dde1e6|#4d5358";
|
|
122
|
+
export declare const tag_background_cyan = "#bae6ff|#00539a";
|
|
123
|
+
export declare const tag_background_gray = "#e0e0e0|#525252";
|
|
124
|
+
export declare const tag_background_green = "#a7f0ba|#0e6027";
|
|
125
|
+
export declare const tag_background_magenta = "#ffd6e8|#9f1853";
|
|
126
|
+
export declare const tag_background_purple = "#e8daff|#6929c4";
|
|
127
|
+
export declare const tag_background_red = "#ffd7d9|#a2191f";
|
|
128
|
+
export declare const tag_background_teal = "#9ef0f0|#005d5d";
|
|
129
|
+
export declare const tag_background_warm_gray = "#e5e0df|#565151";
|
|
130
|
+
export declare const tag_border_blue = "#78a9ff|#4589ff";
|
|
131
|
+
export declare const tag_border_cool_gray = "#a2a9b0|#878d96";
|
|
132
|
+
export declare const tag_border_cyan = "#33b1ff|#1192e8";
|
|
133
|
+
export declare const tag_border_gray = "#a8a8a8|#8d8d8d";
|
|
134
|
+
export declare const tag_border_green = "#42be65|#24a148";
|
|
135
|
+
export declare const tag_border_magenta = "#ff7eb6|#ee5396";
|
|
136
|
+
export declare const tag_border_purple = "#be95ff|#a56eff";
|
|
137
|
+
export declare const tag_border_red = "#ff8389|#fa4d56";
|
|
138
|
+
export declare const tag_border_teal = "#08bdba|#009d9a";
|
|
139
|
+
export declare const tag_border_warm_gray = "#ada8a8|#8f8b8b";
|
|
140
|
+
export declare const tag_color_blue = "#0043ce|#d0e2ff";
|
|
141
|
+
export declare const tag_color_cool_gray = "#121619|#dde1e6";
|
|
142
|
+
export declare const tag_color_cyan = "#00539a|#bae6ff";
|
|
143
|
+
export declare const tag_color_gray = "#161616|#e0e0e0";
|
|
144
|
+
export declare const tag_color_green = "#0e6027|#a7f0ba";
|
|
145
|
+
export declare const tag_color_magenta = "#9f1853|#ffd6e8";
|
|
146
|
+
export declare const tag_color_purple = "#6929c4|#e8daff";
|
|
147
|
+
export declare const tag_color_red = "#a2191f|#ffd7d9";
|
|
148
|
+
export declare const tag_color_teal = "#005d5d|#9ef0f0";
|
|
149
|
+
export declare const tag_color_warm_gray = "#171414|#e5e0df";
|
|
150
|
+
export declare const tag_hover_blue = "#b8d3ff|#0053ff";
|
|
151
|
+
export declare const tag_hover_cool_gray = "#cdd3da|#5d646a";
|
|
152
|
+
export declare const tag_hover_cyan = "#99daff|#0066bd";
|
|
153
|
+
export declare const tag_hover_gray = "#d1d1d1|#636363";
|
|
154
|
+
export declare const tag_hover_green = "#74e792|#11742f";
|
|
155
|
+
export declare const tag_hover_magenta = "#ffbdda|#bf1d63";
|
|
156
|
+
export declare const tag_hover_purple = "#dcc7ff|#7c3dd6";
|
|
157
|
+
export declare const tag_hover_red = "#ffc2c5|#c21e25";
|
|
158
|
+
export declare const tag_hover_teal = "#57e5e5|#007070";
|
|
159
|
+
export declare const tag_hover_warm_gray = "#d8d0cf|#696363";
|
|
160
|
+
export declare const text_disabled = "rgba(22,22,22,0.25)|rgba(244,244,244,0.25)";
|
|
161
|
+
export declare const text_error = "#da1e28|#ff8389";
|
|
162
|
+
export declare const text_helper = "#6f6f6f|#8d8d8d";
|
|
163
|
+
export declare const text_inverse = "#ffffff|#161616";
|
|
164
|
+
export declare const text_on_color = "#ffffff|#ffffff";
|
|
165
|
+
export declare const text_on_color_disabled = "#8d8d8d|rgba(255,255,255,0.25)";
|
|
166
|
+
export declare const text_placeholder = "#a8a8a8|#6f6f6f";
|
|
167
|
+
export declare const text_primary = "#161616|#f4f4f4";
|
|
168
|
+
export declare const text_secondary = "#525252|#c6c6c6";
|
|
169
|
+
export declare const toggle_off = "#8d8d8d|#6f6f6f";
|
|
3
170
|
//# sourceMappingURL=color.d.ts.map
|