Skip to content

Commit

Permalink
refactor(mapping/theme): theme variables refactor
Browse files Browse the repository at this point in the history
  • Loading branch information
@32penkin @artyorsh
32penkin authored and artyorsh committed Jun 5, 2019
1 parent b18b8aa commit dcad574
Show file tree
Hide file tree
Showing 13 changed files with 412 additions and 387 deletions.
6 changes: 4 additions & 2 deletions src/framework/ui/button/button.component.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,10 +48,12 @@ export type ButtonProps = StyledComponentProps & TouchableOpacityProps & Compone
* @property {boolean} disabled - Determines whether component is disabled. Default is false.
*
* @property {string} status - Determines the status of the component.
* Can be 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'white'. Default is 'primary'.
* Can be 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'white'.
* Default is 'primary'.
*
* @property {string} size - Determines the size of the component.
* Can be 'tiny' | 'small' | 'medium' | 'large' | 'giant'. Default is 'medium'.
* Can be 'tiny' | 'small' | 'medium' | 'large' | 'giant'.
* Default is 'medium'.
*
* @property {string} children - Determines text of the component.
*
Expand Down
2 changes: 1 addition & 1 deletion src/framework/ui/input/input.component.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ export type InputProps = StyledComponentProps & TextInputProps & ComponentProps;
* @property {boolean} disabled - Determines whether component is disabled. By default is false.
*
* @property {string} status - Determines the status of the component.
* Can be 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'white'.
* Can be 'primary' | 'success' | 'info' | 'warning' | 'danger'.
* By default status is 'primary'.
*
* @property {string} label - Determines label of the component.
Expand Down
136 changes: 68 additions & 68 deletions src/framework/ui/radio/radio.spec.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -91,8 +91,8 @@ exports[`@radio: matches snapshot default 1`] = `
style={
Object {
"alignItems": "center",
"backgroundColor": "#EDF0F4",
"borderColor": "#DDE1EB",
"backgroundColor": "#EDF1F7",
"borderColor": "#E4E9F2",
"borderRadius": 12,
"borderWidth": 1,
"height": 24,
Expand All @@ -102,44 +102,44 @@ exports[`@radio: matches snapshot default 1`] = `
}
theme={
Object {
"background-color-alternative-1": "$color-basic-800",
"background-color-alternative-2": "$color-basic-900",
"background-color-alternative-3": "$color-basic-1000",
"background-color-alternative-4": "$color-basic-1100",
"background-color-default-1": "$color-basic-100",
"background-color-default-2": "$color-basic-200",
"background-color-default-3": "$color-basic-300",
"background-color-default-4": "$color-basic-400",
"background-color-primary-1": "$color-primary-500",
"background-color-primary-2": "$color-primary-600",
"background-color-primary-3": "$color-primary-700",
"background-color-primary-4": "$color-primary-800",
"border-color-alternative-1": "$color-basic-800",
"border-color-alternative-2": "$color-basic-900",
"border-color-alternative-3": "$color-basic-1000",
"border-color-alternative-4": "$color-basic-1100",
"border-color-alternative-5": "$color-basic-1100",
"border-color-default-1": "$color-basic-100",
"border-color-default-2": "$color-basic-200",
"border-color-default-3": "$color-basic-300",
"border-color-default-4": "$color-basic-400",
"border-color-default-5": "$color-basic-500",
"border-color-primary-1": "$color-primary-500",
"border-color-primary-2": "$color-primary-600",
"border-color-primary-3": "$color-primary-700",
"border-color-primary-4": "$color-primary-800",
"border-color-primary-5": "$color-primary-900",
"background-alternative-color-1": "$color-basic-800",
"background-alternative-color-2": "$color-basic-900",
"background-alternative-color-3": "$color-basic-1000",
"background-alternative-color-4": "$color-basic-1100",
"background-basic-color-1": "$color-basic-100",
"background-basic-color-2": "$color-basic-200",
"background-basic-color-3": "$color-basic-300",
"background-basic-color-4": "$color-basic-400",
"background-primary-color-1": "$color-primary-500",
"background-primary-color-2": "$color-primary-600",
"background-primary-color-3": "$color-primary-700",
"background-primary-color-4": "$color-primary-800",
"border-alternative-color-1": "$color-basic-800",
"border-alternative-color-2": "$color-basic-900",
"border-alternative-color-3": "$color-basic-1000",
"border-alternative-color-4": "$color-basic-1100",
"border-alternative-color-5": "$color-basic-1100",
"border-basic-color-1": "$color-basic-100",
"border-basic-color-2": "$color-basic-200",
"border-basic-color-3": "$color-basic-300",
"border-basic-color-4": "$color-basic-400",
"border-basic-color-5": "$color-basic-500",
"border-primary-color-1": "$color-primary-500",
"border-primary-color-2": "$color-primary-600",
"border-primary-color-3": "$color-primary-700",
"border-primary-color-4": "$color-primary-800",
"border-primary-color-5": "$color-primary-900",
"color-basic-100": "#FFFFFF",
"color-basic-1000": "#1A1F33",
"color-basic-1100": "#131729",
"color-basic-200": "#F7F8FA",
"color-basic-300": "#EDF0F4",
"color-basic-400": "#DDE1EB",
"color-basic-500": "#C8CEDB",
"color-basic-600": "#A7B0C1",
"color-basic-700": "#657084",
"color-basic-800": "#2E384F",
"color-basic-900": "#232A40",
"color-basic-1000": "#151A30",
"color-basic-1100": "#101426",
"color-basic-200": "#F7F9FC",
"color-basic-300": "#EDF1F7",
"color-basic-400": "#E4E9F2",
"color-basic-500": "#C5CEE0",
"color-basic-600": "#8F9BB3",
"color-basic-700": "#2E3A59",
"color-basic-800": "#222B45",
"color-basic-900": "#1A2138",
"color-basic-active": "$color-basic-400",
"color-basic-default": "$color-basic-200",
"color-basic-disabled": "$color-basic-300",
Expand Down Expand Up @@ -175,10 +175,10 @@ exports[`@radio: matches snapshot default 1`] = `
"color-primary-300": "#A6C1FF",
"color-primary-400": "#598BFF",
"color-primary-500": "#3366FF",
"color-primary-600": "#284DE0",
"color-primary-700": "#2541CC",
"color-primary-800": "#192F9E",
"color-primary-900": "#14236E",
"color-primary-600": "#274BDB",
"color-primary-700": "#1A34B8",
"color-primary-800": "#102694",
"color-primary-900": "#091C7A",
"color-primary-active": "$color-primary-600",
"color-primary-default": "$color-primary-500",
"color-primary-disabled": "$color-primary-200",
Expand Down Expand Up @@ -227,32 +227,32 @@ exports[`@radio: matches snapshot default 1`] = `
"color-warning-default": "$color-warning-500",
"color-warning-disabled": "$color-warning-300",
"color-warning-focus": "$color-warning-700",
"icon-color-active": "$color-primary-500",
"icon-color-control": "$color-basic-100",
"icon-color-default": "$color-basic-700",
"icon-color-disabled": "$color-basic-400",
"icon-color-hint": "$color-basic-500",
"icon-active-color": "$color-primary-500",
"icon-basic-color": "$color-basic-700",
"icon-control-color": "$color-basic-100",
"icon-disabled-color": "$color-basic-400",
"icon-hint-color": "$color-basic-500",
"outline-color": "$color-basic-400",
"text-color-alternative": "$color-basic-100",
"text-color-control": "$color-basic-100",
"text-color-danger": "$color-danger-default",
"text-color-danger-active": "$color-danger-active",
"text-color-danger-disabled": "$color-danger-disabled",
"text-color-default": "$color-basic-1000",
"text-color-disabled": "$color-basic-500",
"text-color-hint": "$color-basic-600",
"text-color-info": "$color-info-default",
"text-color-info-active": "$color-info-active",
"text-color-info-disabled": "$color-info-disabled",
"text-color-primary": "$color-primary-default",
"text-color-primary-active": "$color-primary-active",
"text-color-primary-disabled": "$color-primary-disabled",
"text-color-success": "$color-success-default",
"text-color-success-active": "$color-success-active",
"text-color-success-disabled": "$color-success-disabled",
"text-color-warning": "$color-warning-default",
"text-color-warning-active": "$color-warning-active",
"text-color-warning-disabled": "$color-warning-disabled",
"text-alternate-color": "$color-basic-100",
"text-basic-color": "$color-basic-900",
"text-control-color": "$color-basic-100",
"text-danger-active-color": "$color-danger-active",
"text-danger-color": "$color-danger-default",
"text-danger-disabled-color": "$color-danger-disabled",
"text-disabled-color": "$color-basic-500",
"text-hint-color": "$color-basic-600",
"text-info-active-color": "$color-info-active",
"text-info-color": "$color-info-default",
"text-info-disabled-color": "$color-info-disabled",
"text-primary-active-color": "$color-primary-active",
"text-primary-color": "$color-primary-default",
"text-primary-disabled-color": "$color-primary-disabled",
"text-success-active-color": "$color-success-active",
"text-success-color": "$color-success-default",
"text-success-disabled-color": "$color-success-disabled",
"text-warning-active-color": "$color-warning-active",
"text-warning-color": "$color-warning-default",
"text-warning-disabled-color": "$color-warning-disabled",
}
}
>
Expand Down
Loading

0 comments on commit dcad574

Please sign in to comment.