Skip to content

Commit dcad574

Browse files
32penkinartyorsh
32penkin
authored and
artyorsh
committed
refactor(mapping/theme): theme variables refactor
1 parent b18b8aa commit dcad574

File tree

13 files changed

+412
-387
lines changed

13 files changed

+412
-387
lines changed

‎src/framework/ui/button/button.component.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -48,10 +48,12 @@ export type ButtonProps = StyledComponentProps & TouchableOpacityProps & Compone
4848
* @property {boolean} disabled - Determines whether component is disabled. Default is false.
4949
*
5050
* @property {string} status - Determines the status of the component.
51-
* Can be 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'white'. Default is 'primary'.
51+
* Can be 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'white'.
52+
* Default is 'primary'.
5253
*
5354
* @property {string} size - Determines the size of the component.
54-
* Can be 'tiny' | 'small' | 'medium' | 'large' | 'giant'. Default is 'medium'.
55+
* Can be 'tiny' | 'small' | 'medium' | 'large' | 'giant'.
56+
* Default is 'medium'.
5557
*
5658
* @property {string} children - Determines text of the component.
5759
*

‎src/framework/ui/input/input.component.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ export type InputProps = StyledComponentProps & TextInputProps & ComponentProps;
6161
* @property {boolean} disabled - Determines whether component is disabled. By default is false.
6262
*
6363
* @property {string} status - Determines the status of the component.
64-
* Can be 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'white'.
64+
* Can be 'primary' | 'success' | 'info' | 'warning' | 'danger'.
6565
* By default status is 'primary'.
6666
*
6767
* @property {string} label - Determines label of the component.

‎src/framework/ui/radio/radio.spec.tsx.snap‎

Lines changed: 68 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -91,8 +91,8 @@ exports[`@radio: matches snapshot default 1`] = `
9191
style={
9292
Object {
9393
"alignItems": "center",
94-
"backgroundColor": "#EDF0F4",
95-
"borderColor": "#DDE1EB",
94+
"backgroundColor": "#EDF1F7",
95+
"borderColor": "#E4E9F2",
9696
"borderRadius": 12,
9797
"borderWidth": 1,
9898
"height": 24,
@@ -102,44 +102,44 @@ exports[`@radio: matches snapshot default 1`] = `
102102
}
103103
theme={
104104
Object {
105-
"background-color-alternative-1": "$color-basic-800",
106-
"background-color-alternative-2": "$color-basic-900",
107-
"background-color-alternative-3": "$color-basic-1000",
108-
"background-color-alternative-4": "$color-basic-1100",
109-
"background-color-default-1": "$color-basic-100",
110-
"background-color-default-2": "$color-basic-200",
111-
"background-color-default-3": "$color-basic-300",
112-
"background-color-default-4": "$color-basic-400",
113-
"background-color-primary-1": "$color-primary-500",
114-
"background-color-primary-2": "$color-primary-600",
115-
"background-color-primary-3": "$color-primary-700",
116-
"background-color-primary-4": "$color-primary-800",
117-
"border-color-alternative-1": "$color-basic-800",
118-
"border-color-alternative-2": "$color-basic-900",
119-
"border-color-alternative-3": "$color-basic-1000",
120-
"border-color-alternative-4": "$color-basic-1100",
121-
"border-color-alternative-5": "$color-basic-1100",
122-
"border-color-default-1": "$color-basic-100",
123-
"border-color-default-2": "$color-basic-200",
124-
"border-color-default-3": "$color-basic-300",
125-
"border-color-default-4": "$color-basic-400",
126-
"border-color-default-5": "$color-basic-500",
127-
"border-color-primary-1": "$color-primary-500",
128-
"border-color-primary-2": "$color-primary-600",
129-
"border-color-primary-3": "$color-primary-700",
130-
"border-color-primary-4": "$color-primary-800",
131-
"border-color-primary-5": "$color-primary-900",
105+
"background-alternative-color-1": "$color-basic-800",
106+
"background-alternative-color-2": "$color-basic-900",
107+
"background-alternative-color-3": "$color-basic-1000",
108+
"background-alternative-color-4": "$color-basic-1100",
109+
"background-basic-color-1": "$color-basic-100",
110+
"background-basic-color-2": "$color-basic-200",
111+
"background-basic-color-3": "$color-basic-300",
112+
"background-basic-color-4": "$color-basic-400",
113+
"background-primary-color-1": "$color-primary-500",
114+
"background-primary-color-2": "$color-primary-600",
115+
"background-primary-color-3": "$color-primary-700",
116+
"background-primary-color-4": "$color-primary-800",
117+
"border-alternative-color-1": "$color-basic-800",
118+
"border-alternative-color-2": "$color-basic-900",
119+
"border-alternative-color-3": "$color-basic-1000",
120+
"border-alternative-color-4": "$color-basic-1100",
121+
"border-alternative-color-5": "$color-basic-1100",
122+
"border-basic-color-1": "$color-basic-100",
123+
"border-basic-color-2": "$color-basic-200",
124+
"border-basic-color-3": "$color-basic-300",
125+
"border-basic-color-4": "$color-basic-400",
126+
"border-basic-color-5": "$color-basic-500",
127+
"border-primary-color-1": "$color-primary-500",
128+
"border-primary-color-2": "$color-primary-600",
129+
"border-primary-color-3": "$color-primary-700",
130+
"border-primary-color-4": "$color-primary-800",
131+
"border-primary-color-5": "$color-primary-900",
132132
"color-basic-100": "#FFFFFF",
133-
"color-basic-1000": "#1A1F33",
134-
"color-basic-1100": "#131729",
135-
"color-basic-200": "#F7F8FA",
136-
"color-basic-300": "#EDF0F4",
137-
"color-basic-400": "#DDE1EB",
138-
"color-basic-500": "#C8CEDB",
139-
"color-basic-600": "#A7B0C1",
140-
"color-basic-700": "#657084",
141-
"color-basic-800": "#2E384F",
142-
"color-basic-900": "#232A40",
133+
"color-basic-1000": "#151A30",
134+
"color-basic-1100": "#101426",
135+
"color-basic-200": "#F7F9FC",
136+
"color-basic-300": "#EDF1F7",
137+
"color-basic-400": "#E4E9F2",
138+
"color-basic-500": "#C5CEE0",
139+
"color-basic-600": "#8F9BB3",
140+
"color-basic-700": "#2E3A59",
141+
"color-basic-800": "#222B45",
142+
"color-basic-900": "#1A2138",
143143
"color-basic-active": "$color-basic-400",
144144
"color-basic-default": "$color-basic-200",
145145
"color-basic-disabled": "$color-basic-300",
@@ -175,10 +175,10 @@ exports[`@radio: matches snapshot default 1`] = `
175175
"color-primary-300": "#A6C1FF",
176176
"color-primary-400": "#598BFF",
177177
"color-primary-500": "#3366FF",
178-
"color-primary-600": "#284DE0",
179-
"color-primary-700": "#2541CC",
180-
"color-primary-800": "#192F9E",
181-
"color-primary-900": "#14236E",
178+
"color-primary-600": "#274BDB",
179+
"color-primary-700": "#1A34B8",
180+
"color-primary-800": "#102694",
181+
"color-primary-900": "#091C7A",
182182
"color-primary-active": "$color-primary-600",
183183
"color-primary-default": "$color-primary-500",
184184
"color-primary-disabled": "$color-primary-200",
@@ -227,32 +227,32 @@ exports[`@radio: matches snapshot default 1`] = `
227227
"color-warning-default": "$color-warning-500",
228228
"color-warning-disabled": "$color-warning-300",
229229
"color-warning-focus": "$color-warning-700",
230-
"icon-color-active": "$color-primary-500",
231-
"icon-color-control": "$color-basic-100",
232-
"icon-color-default": "$color-basic-700",
233-
"icon-color-disabled": "$color-basic-400",
234-
"icon-color-hint": "$color-basic-500",
230+
"icon-active-color": "$color-primary-500",
231+
"icon-basic-color": "$color-basic-700",
232+
"icon-control-color": "$color-basic-100",
233+
"icon-disabled-color": "$color-basic-400",
234+
"icon-hint-color": "$color-basic-500",
235235
"outline-color": "$color-basic-400",
236-
"text-color-alternative": "$color-basic-100",
237-
"text-color-control": "$color-basic-100",
238-
"text-color-danger": "$color-danger-default",
239-
"text-color-danger-active": "$color-danger-active",
240-
"text-color-danger-disabled": "$color-danger-disabled",
241-
"text-color-default": "$color-basic-1000",
242-
"text-color-disabled": "$color-basic-500",
243-
"text-color-hint": "$color-basic-600",
244-
"text-color-info": "$color-info-default",
245-
"text-color-info-active": "$color-info-active",
246-
"text-color-info-disabled": "$color-info-disabled",
247-
"text-color-primary": "$color-primary-default",
248-
"text-color-primary-active": "$color-primary-active",
249-
"text-color-primary-disabled": "$color-primary-disabled",
250-
"text-color-success": "$color-success-default",
251-
"text-color-success-active": "$color-success-active",
252-
"text-color-success-disabled": "$color-success-disabled",
253-
"text-color-warning": "$color-warning-default",
254-
"text-color-warning-active": "$color-warning-active",
255-
"text-color-warning-disabled": "$color-warning-disabled",
236+
"text-alternate-color": "$color-basic-100",
237+
"text-basic-color": "$color-basic-900",
238+
"text-control-color": "$color-basic-100",
239+
"text-danger-active-color": "$color-danger-active",
240+
"text-danger-color": "$color-danger-default",
241+
"text-danger-disabled-color": "$color-danger-disabled",
242+
"text-disabled-color": "$color-basic-500",
243+
"text-hint-color": "$color-basic-600",
244+
"text-info-active-color": "$color-info-active",
245+
"text-info-color": "$color-info-default",
246+
"text-info-disabled-color": "$color-info-disabled",
247+
"text-primary-active-color": "$color-primary-active",
248+
"text-primary-color": "$color-primary-default",
249+
"text-primary-disabled-color": "$color-primary-disabled",
250+
"text-success-active-color": "$color-success-active",
251+
"text-success-color": "$color-success-default",
252+
"text-success-disabled-color": "$color-success-disabled",
253+
"text-warning-active-color": "$color-warning-active",
254+
"text-warning-color": "$color-warning-default",
255+
"text-warning-disabled-color": "$color-warning-disabled",
256256
}
257257
}
258258
>

0 commit comments

Comments
 (0)