diff --git a/packages/mapping-kitten/eva/index.ts b/packages/mapping-kitten/eva/index.ts index 6a30fe6..5d83351 100644 --- a/packages/mapping-kitten/eva/index.ts +++ b/packages/mapping-kitten/eva/index.ts @@ -101,26 +101,20 @@ export const style: ThemeStyleType = { }, 'BottomNavigatorTab': { 'default': { - 'icon': { - 'width': 40, - 'height': 40, - 'marginBottom': 5, - 'tintColor': 'gray-dark', - }, - 'text': { - 'color': 'gray-dark', - }, + 'iconWidth': 40, + 'iconHeight': 40, + 'iconMarginBottom': 5, + 'iconTintColor': 'gray-dark', + 'textColor': 'gray-dark', + 'textFontWeight': '600', }, 'default.selected': { - 'icon': { - 'width': 40, - 'height': 40, - 'marginBottom': 5, - 'tintColor': 'blue-primary', - }, - 'text': { - 'color': 'blue-primary', - }, + 'iconWidth': 40, + 'iconHeight': 40, + 'iconMarginBottom': 5, + 'iconTintColor': 'blue-primary', + 'textColor': 'blue-primary', + 'textFontWeight': '600', }, }, 'BottomTabNavigator': { @@ -129,5844 +123,4664 @@ export const style: ThemeStyleType = { 'paddingVertical': 16, 'borderTopColor': 'gray-primary', 'borderTopWidth': 1, - 'indicator': { - 'height': 3, - 'backgroundColor': 'blue-primary', - }, + 'indicatorHeight': 3, + 'indicatorBackgroundColor': 'blue-primary', }, - 'no-indicator': { + 'noIndicator': { 'backgroundColor': 'transparent', 'paddingVertical': 16, 'borderTopColor': 'gray-primary', 'borderTopWidth': 1, - 'indicator': { - 'height': 0, - 'backgroundColor': 'transparent', - }, + 'indicatorHeight': 0, + 'indicatorBackgroundColor': 'transparent', }, }, 'Button': { 'filled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#2196F3', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#2196F3', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#1E88E5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#1E88E5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.primary': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#2196F3', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.success': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#4CAF50', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.info': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#03A9F4', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.warning': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#FFC107', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.danger': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#F44336', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.primary.tiny': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#2196F3', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.primary.small': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#2196F3', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.primary.medium': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#2196F3', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.primary.large': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#2196F3', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.primary.giant': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#2196F3', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.success.tiny': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#4CAF50', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.success.small': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#4CAF50', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.success.medium': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#4CAF50', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.success.large': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#4CAF50', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.success.giant': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#4CAF50', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.info.tiny': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#03A9F4', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.info.small': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#03A9F4', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.info.medium': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#03A9F4', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.info.large': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#03A9F4', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.info.giant': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#03A9F4', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.warning.tiny': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#FFC107', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.warning.small': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#FFC107', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.warning.medium': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#FFC107', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.warning.large': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#FFC107', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.warning.giant': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#FFC107', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.danger.tiny': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#F44336', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.danger.small': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#F44336', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.danger.medium': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#F44336', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.danger.large': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#F44336', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.danger.giant': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#F44336', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.tiny': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#2196F3', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.small': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#2196F3', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.medium': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#2196F3', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.large': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#2196F3', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.giant': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#2196F3', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.primary.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#2196F3', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.primary.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#1E88E5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.primary.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#1E88E5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.success.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#4CAF50', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.success.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#43A047', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.success.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#43A047', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.info.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#03A9F4', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.info.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#039BE5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.info.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#039BE5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.warning.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#FFC107', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.warning.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#FFB300', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.warning.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#FFB300', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.danger.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#F44336', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.danger.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#E53935', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.danger.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#E53935', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.primary.tiny.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#2196F3', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.primary.tiny.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#1E88E5', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.primary.tiny.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#1E88E5', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.primary.small.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#2196F3', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.primary.small.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#1E88E5', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.primary.small.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#1E88E5', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.primary.medium.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#2196F3', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.primary.medium.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#1E88E5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.primary.medium.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#1E88E5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.primary.large.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#2196F3', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.primary.large.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#1E88E5', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.primary.large.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#1E88E5', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.primary.giant.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#2196F3', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.primary.giant.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#1E88E5', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.primary.giant.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#1E88E5', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.success.tiny.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#4CAF50', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.success.tiny.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#43A047', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.success.tiny.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#43A047', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.success.small.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#4CAF50', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.success.small.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#43A047', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.success.small.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#43A047', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.success.medium.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#4CAF50', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.success.medium.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#43A047', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.success.medium.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#43A047', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.success.large.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#4CAF50', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.success.large.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#43A047', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.success.large.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#43A047', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.success.giant.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#4CAF50', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.success.giant.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#43A047', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.success.giant.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#43A047', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.info.tiny.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#03A9F4', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.info.tiny.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#039BE5', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.info.tiny.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#039BE5', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.info.small.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#03A9F4', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.info.small.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#039BE5', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.info.small.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#039BE5', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.info.medium.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#03A9F4', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.info.medium.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#039BE5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.info.medium.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#039BE5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.info.large.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#03A9F4', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.info.large.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#039BE5', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.info.large.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#039BE5', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.info.giant.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#03A9F4', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.info.giant.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#039BE5', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.info.giant.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#039BE5', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.warning.tiny.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#FFC107', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.warning.tiny.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#FFB300', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.warning.tiny.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#FFB300', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.warning.small.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#FFC107', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.warning.small.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#FFB300', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.warning.small.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#FFB300', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.warning.medium.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#FFC107', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.warning.medium.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#FFB300', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.warning.medium.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#FFB300', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.warning.large.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#FFC107', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.warning.large.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#FFB300', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.warning.large.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#FFB300', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.warning.giant.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#FFC107', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.warning.giant.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#FFB300', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.warning.giant.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#FFB300', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.danger.tiny.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#F44336', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.danger.tiny.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#E53935', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.danger.tiny.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#E53935', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.danger.small.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#F44336', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.danger.small.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#E53935', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.danger.small.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#E53935', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.danger.medium.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#F44336', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.danger.medium.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#E53935', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.danger.medium.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#E53935', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.danger.large.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#F44336', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.danger.large.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#E53935', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.danger.large.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#E53935', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.danger.giant.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#F44336', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.danger.giant.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#E53935', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.danger.giant.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#E53935', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.tiny.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#2196F3', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.tiny.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#1E88E5', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.tiny.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3, 'backgroundColor': '#1E88E5', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'filled.small.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#2196F3', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.small.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#1E88E5', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.small.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 3.5, 'backgroundColor': '#1E88E5', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'filled.medium.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#2196F3', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.medium.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#1E88E5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.medium.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, 'backgroundColor': '#1E88E5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'filled.large.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#2196F3', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.large.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#1E88E5', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.large.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4.5, 'backgroundColor': '#1E88E5', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'filled.giant.disabled': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#2196F3', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.giant.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#1E88E5', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'filled.giant.active': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 5, 'backgroundColor': '#1E88E5', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.primary': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.success': { 'borderRadius': 6, - 'text': { - 'color': '#4CAF50', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#4CAF50', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#4CAF50', + 'textFontWeight': '800', + 'iconTintColor': '#4CAF50', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#4CAF50', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.info': { 'borderRadius': 6, - 'text': { - 'color': '#03A9F4', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#03A9F4', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#03A9F4', + 'textFontWeight': '800', + 'iconTintColor': '#03A9F4', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#03A9F4', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.warning': { 'borderRadius': 6, - 'text': { - 'color': '#FFC107', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#FFC107', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#FFC107', + 'textFontWeight': '800', + 'iconTintColor': '#FFC107', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFC107', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.danger': { 'borderRadius': 6, - 'text': { - 'color': '#F44336', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#F44336', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#F44336', + 'textFontWeight': '800', + 'iconTintColor': '#F44336', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#F44336', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.primary.tiny': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.primary.small': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.primary.medium': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.primary.large': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.primary.giant': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.success.tiny': { 'borderRadius': 6, - 'text': { - 'color': '#4CAF50', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#4CAF50', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#4CAF50', + 'textFontWeight': '800', + 'iconTintColor': '#4CAF50', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#4CAF50', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.success.small': { 'borderRadius': 6, - 'text': { - 'color': '#4CAF50', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#4CAF50', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#4CAF50', + 'textFontWeight': '800', + 'iconTintColor': '#4CAF50', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#4CAF50', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.success.medium': { 'borderRadius': 6, - 'text': { - 'color': '#4CAF50', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#4CAF50', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#4CAF50', + 'textFontWeight': '800', + 'iconTintColor': '#4CAF50', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#4CAF50', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.success.large': { 'borderRadius': 6, - 'text': { - 'color': '#4CAF50', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#4CAF50', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#4CAF50', + 'textFontWeight': '800', + 'iconTintColor': '#4CAF50', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#4CAF50', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.success.giant': { 'borderRadius': 6, - 'text': { - 'color': '#4CAF50', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#4CAF50', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#4CAF50', + 'textFontWeight': '800', + 'iconTintColor': '#4CAF50', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#4CAF50', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.info.tiny': { 'borderRadius': 6, - 'text': { - 'color': '#03A9F4', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#03A9F4', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#03A9F4', + 'textFontWeight': '800', + 'iconTintColor': '#03A9F4', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#03A9F4', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.info.small': { 'borderRadius': 6, - 'text': { - 'color': '#03A9F4', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#03A9F4', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#03A9F4', + 'textFontWeight': '800', + 'iconTintColor': '#03A9F4', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#03A9F4', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.info.medium': { 'borderRadius': 6, - 'text': { - 'color': '#03A9F4', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#03A9F4', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#03A9F4', + 'textFontWeight': '800', + 'iconTintColor': '#03A9F4', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#03A9F4', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.info.large': { 'borderRadius': 6, - 'text': { - 'color': '#03A9F4', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#03A9F4', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#03A9F4', + 'textFontWeight': '800', + 'iconTintColor': '#03A9F4', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#03A9F4', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.info.giant': { 'borderRadius': 6, - 'text': { - 'color': '#03A9F4', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#03A9F4', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#03A9F4', + 'textFontWeight': '800', + 'iconTintColor': '#03A9F4', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#03A9F4', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.warning.tiny': { 'borderRadius': 6, - 'text': { - 'color': '#FFC107', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#FFC107', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#FFC107', + 'textFontWeight': '800', + 'iconTintColor': '#FFC107', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFC107', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.warning.small': { 'borderRadius': 6, - 'text': { - 'color': '#FFC107', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#FFC107', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#FFC107', + 'textFontWeight': '800', + 'iconTintColor': '#FFC107', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFC107', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.warning.medium': { 'borderRadius': 6, - 'text': { - 'color': '#FFC107', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#FFC107', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#FFC107', + 'textFontWeight': '800', + 'iconTintColor': '#FFC107', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFC107', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.warning.large': { 'borderRadius': 6, - 'text': { - 'color': '#FFC107', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#FFC107', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#FFC107', + 'textFontWeight': '800', + 'iconTintColor': '#FFC107', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFC107', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.warning.giant': { 'borderRadius': 6, - 'text': { - 'color': '#FFC107', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#FFC107', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#FFC107', + 'textFontWeight': '800', + 'iconTintColor': '#FFC107', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFC107', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.danger.tiny': { 'borderRadius': 6, - 'text': { - 'color': '#F44336', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#F44336', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#F44336', + 'textFontWeight': '800', + 'iconTintColor': '#F44336', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#F44336', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.danger.small': { 'borderRadius': 6, - 'text': { - 'color': '#F44336', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#F44336', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#F44336', + 'textFontWeight': '800', + 'iconTintColor': '#F44336', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#F44336', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.danger.medium': { 'borderRadius': 6, - 'text': { - 'color': '#F44336', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#F44336', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#F44336', + 'textFontWeight': '800', + 'iconTintColor': '#F44336', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#F44336', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.danger.large': { 'borderRadius': 6, - 'text': { - 'color': '#F44336', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#F44336', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#F44336', + 'textFontWeight': '800', + 'iconTintColor': '#F44336', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#F44336', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.danger.giant': { 'borderRadius': 6, - 'text': { - 'color': '#F44336', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#F44336', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#F44336', + 'textFontWeight': '800', + 'iconTintColor': '#F44336', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#F44336', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.tiny': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.small': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.medium': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.large': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.giant': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.primary.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.primary.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.primary.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.success.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#4CAF50', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#4CAF50', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#4CAF50', + 'textFontWeight': '800', + 'iconTintColor': '#4CAF50', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#4CAF50', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.success.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#43A047', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#43A047', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#43A047', + 'textFontWeight': '800', + 'iconTintColor': '#43A047', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#43A047', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.success.active': { 'borderRadius': 6, - 'text': { - 'color': '#43A047', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#43A047', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#43A047', + 'textFontWeight': '800', + 'iconTintColor': '#43A047', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#43A047', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.info.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#03A9F4', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#03A9F4', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#03A9F4', + 'textFontWeight': '800', + 'iconTintColor': '#03A9F4', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#03A9F4', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.info.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#039BE5', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#039BE5', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#039BE5', + 'textFontWeight': '800', + 'iconTintColor': '#039BE5', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#039BE5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.info.active': { 'borderRadius': 6, - 'text': { - 'color': '#039BE5', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#039BE5', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#039BE5', + 'textFontWeight': '800', + 'iconTintColor': '#039BE5', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#039BE5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.warning.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#FFC107', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#FFC107', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#FFC107', + 'textFontWeight': '800', + 'iconTintColor': '#FFC107', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFC107', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.warning.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#FFB300', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#FFB300', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#FFB300', + 'textFontWeight': '800', + 'iconTintColor': '#FFB300', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFB300', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.warning.active': { 'borderRadius': 6, - 'text': { - 'color': '#FFB300', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#FFB300', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#FFB300', + 'textFontWeight': '800', + 'iconTintColor': '#FFB300', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFB300', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.danger.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#F44336', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#F44336', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#F44336', + 'textFontWeight': '800', + 'iconTintColor': '#F44336', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#F44336', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.danger.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#E53935', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#E53935', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#E53935', + 'textFontWeight': '800', + 'iconTintColor': '#E53935', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#E53935', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.danger.active': { 'borderRadius': 6, - 'text': { - 'color': '#E53935', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#E53935', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#E53935', + 'textFontWeight': '800', + 'iconTintColor': '#E53935', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#E53935', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.primary.tiny.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.primary.tiny.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.primary.tiny.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.primary.small.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.primary.small.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.primary.small.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.primary.medium.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.primary.medium.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.primary.medium.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.primary.large.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.primary.large.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.primary.large.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.primary.giant.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.primary.giant.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.primary.giant.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.success.tiny.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#4CAF50', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#4CAF50', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#4CAF50', + 'textFontWeight': '800', + 'iconTintColor': '#4CAF50', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#4CAF50', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.success.tiny.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#43A047', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#43A047', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#43A047', + 'textFontWeight': '800', + 'iconTintColor': '#43A047', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#43A047', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.success.tiny.active': { 'borderRadius': 6, - 'text': { - 'color': '#43A047', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#43A047', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#43A047', + 'textFontWeight': '800', + 'iconTintColor': '#43A047', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#43A047', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.success.small.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#4CAF50', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#4CAF50', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#4CAF50', + 'textFontWeight': '800', + 'iconTintColor': '#4CAF50', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#4CAF50', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.success.small.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#43A047', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#43A047', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#43A047', + 'textFontWeight': '800', + 'iconTintColor': '#43A047', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#43A047', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.success.small.active': { 'borderRadius': 6, - 'text': { - 'color': '#43A047', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#43A047', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#43A047', + 'textFontWeight': '800', + 'iconTintColor': '#43A047', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#43A047', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.success.medium.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#4CAF50', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#4CAF50', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#4CAF50', + 'textFontWeight': '800', + 'iconTintColor': '#4CAF50', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#4CAF50', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.success.medium.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#43A047', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#43A047', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#43A047', + 'textFontWeight': '800', + 'iconTintColor': '#43A047', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#43A047', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.success.medium.active': { 'borderRadius': 6, - 'text': { - 'color': '#43A047', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#43A047', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#43A047', + 'textFontWeight': '800', + 'iconTintColor': '#43A047', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#43A047', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.success.large.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#4CAF50', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#4CAF50', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#4CAF50', + 'textFontWeight': '800', + 'iconTintColor': '#4CAF50', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#4CAF50', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.success.large.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#43A047', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#43A047', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#43A047', + 'textFontWeight': '800', + 'iconTintColor': '#43A047', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#43A047', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.success.large.active': { 'borderRadius': 6, - 'text': { - 'color': '#43A047', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#43A047', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#43A047', + 'textFontWeight': '800', + 'iconTintColor': '#43A047', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#43A047', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.success.giant.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#4CAF50', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#4CAF50', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#4CAF50', + 'textFontWeight': '800', + 'iconTintColor': '#4CAF50', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#4CAF50', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.success.giant.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#43A047', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#43A047', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#43A047', + 'textFontWeight': '800', + 'iconTintColor': '#43A047', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#43A047', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.success.giant.active': { 'borderRadius': 6, - 'text': { - 'color': '#43A047', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#43A047', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#43A047', + 'textFontWeight': '800', + 'iconTintColor': '#43A047', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#43A047', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.info.tiny.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#03A9F4', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#03A9F4', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#03A9F4', + 'textFontWeight': '800', + 'iconTintColor': '#03A9F4', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#03A9F4', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.info.tiny.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#039BE5', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#039BE5', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#039BE5', + 'textFontWeight': '800', + 'iconTintColor': '#039BE5', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#039BE5', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.info.tiny.active': { 'borderRadius': 6, - 'text': { - 'color': '#039BE5', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#039BE5', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#039BE5', + 'textFontWeight': '800', + 'iconTintColor': '#039BE5', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#039BE5', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.info.small.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#03A9F4', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#03A9F4', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#03A9F4', + 'textFontWeight': '800', + 'iconTintColor': '#03A9F4', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#03A9F4', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.info.small.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#039BE5', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#039BE5', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#039BE5', + 'textFontWeight': '800', + 'iconTintColor': '#039BE5', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#039BE5', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.info.small.active': { 'borderRadius': 6, - 'text': { - 'color': '#039BE5', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#039BE5', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#039BE5', + 'textFontWeight': '800', + 'iconTintColor': '#039BE5', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#039BE5', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.info.medium.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#03A9F4', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#03A9F4', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#03A9F4', + 'textFontWeight': '800', + 'iconTintColor': '#03A9F4', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#03A9F4', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.info.medium.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#039BE5', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#039BE5', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#039BE5', + 'textFontWeight': '800', + 'iconTintColor': '#039BE5', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#039BE5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.info.medium.active': { 'borderRadius': 6, - 'text': { - 'color': '#039BE5', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#039BE5', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#039BE5', + 'textFontWeight': '800', + 'iconTintColor': '#039BE5', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#039BE5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.info.large.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#03A9F4', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#03A9F4', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#03A9F4', + 'textFontWeight': '800', + 'iconTintColor': '#03A9F4', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#03A9F4', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.info.large.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#039BE5', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#039BE5', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#039BE5', + 'textFontWeight': '800', + 'iconTintColor': '#039BE5', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#039BE5', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.info.large.active': { 'borderRadius': 6, - 'text': { - 'color': '#039BE5', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#039BE5', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#039BE5', + 'textFontWeight': '800', + 'iconTintColor': '#039BE5', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#039BE5', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.info.giant.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#03A9F4', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#03A9F4', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#03A9F4', + 'textFontWeight': '800', + 'iconTintColor': '#03A9F4', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#03A9F4', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.info.giant.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#039BE5', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#039BE5', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#039BE5', + 'textFontWeight': '800', + 'iconTintColor': '#039BE5', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#039BE5', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.info.giant.active': { 'borderRadius': 6, - 'text': { - 'color': '#039BE5', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#039BE5', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#039BE5', + 'textFontWeight': '800', + 'iconTintColor': '#039BE5', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#039BE5', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.warning.tiny.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#FFC107', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#FFC107', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#FFC107', + 'textFontWeight': '800', + 'iconTintColor': '#FFC107', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFC107', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.warning.tiny.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#FFB300', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#FFB300', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#FFB300', + 'textFontWeight': '800', + 'iconTintColor': '#FFB300', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFB300', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.warning.tiny.active': { 'borderRadius': 6, - 'text': { - 'color': '#FFB300', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#FFB300', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#FFB300', + 'textFontWeight': '800', + 'iconTintColor': '#FFB300', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFB300', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.warning.small.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#FFC107', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#FFC107', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#FFC107', + 'textFontWeight': '800', + 'iconTintColor': '#FFC107', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFC107', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.warning.small.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#FFB300', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#FFB300', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#FFB300', + 'textFontWeight': '800', + 'iconTintColor': '#FFB300', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFB300', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.warning.small.active': { 'borderRadius': 6, - 'text': { - 'color': '#FFB300', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#FFB300', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#FFB300', + 'textFontWeight': '800', + 'iconTintColor': '#FFB300', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFB300', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.warning.medium.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#FFC107', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#FFC107', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#FFC107', + 'textFontWeight': '800', + 'iconTintColor': '#FFC107', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFC107', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.warning.medium.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#FFB300', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#FFB300', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#FFB300', + 'textFontWeight': '800', + 'iconTintColor': '#FFB300', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFB300', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.warning.medium.active': { 'borderRadius': 6, - 'text': { - 'color': '#FFB300', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#FFB300', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#FFB300', + 'textFontWeight': '800', + 'iconTintColor': '#FFB300', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFB300', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.warning.large.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#FFC107', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#FFC107', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#FFC107', + 'textFontWeight': '800', + 'iconTintColor': '#FFC107', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFC107', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.warning.large.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#FFB300', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#FFB300', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#FFB300', + 'textFontWeight': '800', + 'iconTintColor': '#FFB300', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFB300', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.warning.large.active': { 'borderRadius': 6, - 'text': { - 'color': '#FFB300', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#FFB300', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#FFB300', + 'textFontWeight': '800', + 'iconTintColor': '#FFB300', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFB300', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.warning.giant.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#FFC107', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#FFC107', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#FFC107', + 'textFontWeight': '800', + 'iconTintColor': '#FFC107', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFC107', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.warning.giant.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#FFB300', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#FFB300', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#FFB300', + 'textFontWeight': '800', + 'iconTintColor': '#FFB300', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFB300', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.warning.giant.active': { 'borderRadius': 6, - 'text': { - 'color': '#FFB300', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#FFB300', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#FFB300', + 'textFontWeight': '800', + 'iconTintColor': '#FFB300', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#FFB300', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.danger.tiny.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#F44336', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#F44336', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#F44336', + 'textFontWeight': '800', + 'iconTintColor': '#F44336', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#F44336', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.danger.tiny.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#E53935', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#E53935', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#E53935', + 'textFontWeight': '800', + 'iconTintColor': '#E53935', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#E53935', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.danger.tiny.active': { 'borderRadius': 6, - 'text': { - 'color': '#E53935', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#E53935', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#E53935', + 'textFontWeight': '800', + 'iconTintColor': '#E53935', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#E53935', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.danger.small.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#F44336', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#F44336', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#F44336', + 'textFontWeight': '800', + 'iconTintColor': '#F44336', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#F44336', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.danger.small.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#E53935', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#E53935', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#E53935', + 'textFontWeight': '800', + 'iconTintColor': '#E53935', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#E53935', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.danger.small.active': { 'borderRadius': 6, - 'text': { - 'color': '#E53935', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#E53935', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#E53935', + 'textFontWeight': '800', + 'iconTintColor': '#E53935', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#E53935', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.danger.medium.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#F44336', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#F44336', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#F44336', + 'textFontWeight': '800', + 'iconTintColor': '#F44336', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#F44336', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.danger.medium.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#E53935', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#E53935', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#E53935', + 'textFontWeight': '800', + 'iconTintColor': '#E53935', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#E53935', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.danger.medium.active': { 'borderRadius': 6, - 'text': { - 'color': '#E53935', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#E53935', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#E53935', + 'textFontWeight': '800', + 'iconTintColor': '#E53935', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#E53935', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.danger.large.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#F44336', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#F44336', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#F44336', + 'textFontWeight': '800', + 'iconTintColor': '#F44336', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#F44336', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.danger.large.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#E53935', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#E53935', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#E53935', + 'textFontWeight': '800', + 'iconTintColor': '#E53935', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#E53935', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.danger.large.active': { 'borderRadius': 6, - 'text': { - 'color': '#E53935', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#E53935', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#E53935', + 'textFontWeight': '800', + 'iconTintColor': '#E53935', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#E53935', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.danger.giant.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#F44336', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#F44336', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#F44336', + 'textFontWeight': '800', + 'iconTintColor': '#F44336', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#F44336', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.danger.giant.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#E53935', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#E53935', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#E53935', + 'textFontWeight': '800', + 'iconTintColor': '#E53935', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#E53935', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.danger.giant.active': { 'borderRadius': 6, - 'text': { - 'color': '#E53935', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#E53935', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#E53935', + 'textFontWeight': '800', + 'iconTintColor': '#E53935', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#E53935', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.tiny.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.tiny.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.tiny.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 3, - 'width': 11, - 'height': 11, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 3, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 16, 'minWidth': 16, 'padding': 3, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, }, 'outline.small.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.small.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.small.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 3.5, - 'width': 12, - 'height': 12, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 3.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, }, 'outline.medium.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.medium.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.medium.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 4, - 'width': 13, - 'height': 13, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 4, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 24, 'minWidth': 24, 'padding': 4, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, }, 'outline.large.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.large.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.large.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 4.5, - 'width': 14, - 'height': 14, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 4.5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, }, 'outline.giant.disabled': { 'borderRadius': 6, - 'text': { - 'color': '#2196F3', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#2196F3', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#2196F3', + 'textFontWeight': '800', + 'iconTintColor': '#2196F3', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#2196F3', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.giant.disabled.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, 'outline.giant.active': { 'borderRadius': 6, - 'text': { - 'color': '#1E88E5', - 'fontWeight': '800', - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'tintColor': '#1E88E5', - 'marginHorizontal': 5, - 'width': 15, - 'height': 15, - }, + 'textColor': '#1E88E5', + 'textFontWeight': '800', + 'iconTintColor': '#1E88E5', + 'iconMarginHorizontal': 5, 'borderWidth': 2, 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', 'minHeight': 36, 'minWidth': 36, 'padding': 5, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, }, }, 'ButtonGroup': { 'filled': { - 'button': { - 'borderRadius': 6, - }, + 'buttonBorderRadius': 6, }, 'filled.tiny': { - 'button': { - 'borderRadius': 6, - }, + 'buttonBorderRadius': 6, }, 'filled.small': { - 'button': { - 'borderRadius': 6, - }, + 'buttonBorderRadius': 6, }, 'filled.medium': { - 'button': { - 'borderRadius': 6, - }, + 'buttonBorderRadius': 6, }, 'filled.large': { - 'button': { - 'borderRadius': 6, - }, + 'buttonBorderRadius': 6, }, 'filled.giant': { - 'button': { - 'borderRadius': 6, - }, + 'buttonBorderRadius': 6, }, 'outline': { - 'button': { - 'borderRadius': 6, - }, + 'buttonBorderRadius': 6, }, 'outline.tiny': { - 'button': { - 'borderRadius': 6, - }, + 'buttonBorderRadius': 6, }, 'outline.small': { - 'button': { - 'borderRadius': 6, - }, + 'buttonBorderRadius': 6, }, 'outline.medium': { - 'button': { - 'borderRadius': 6, - }, + 'buttonBorderRadius': 6, }, 'outline.large': { - 'button': { - 'borderRadius': 6, - }, + 'buttonBorderRadius': 6, }, 'outline.giant': { - 'button': { - 'borderRadius': 6, - }, + 'buttonBorderRadius': 6, }, }, 'CheckBox': { @@ -5975,1600 +4789,1216 @@ export const style: ThemeStyleType = { 'borderRadius': 4, 'borderColor': 'gray-primary', 'backgroundColor': 'gray-light', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.checked': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'transparent', 'backgroundColor': 'blue-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.checked.disabled': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'transparent', 'backgroundColor': 'gray-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 14, - 'height': 14, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.checked.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'blue-dark', 'backgroundColor': 'blue-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.checked.disabled.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'blue-dark', 'backgroundColor': 'gray-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 14, - 'height': 14, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.disabled': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-light', 'backgroundColor': '#F1F5F5', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 14, - 'height': 14, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.disabled.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-dark', 'backgroundColor': '#F1F5F5', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 14, - 'height': 14, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-dark', 'backgroundColor': 'gray-light', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.error': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': '#FFC9D9', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.error.small': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': '#FFC9D9', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 40, - 'height': 40, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 24, 'height': 24, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 12, + 'selectHeight': 12, + 'highlightWidth': 40, + 'highlightHeight': 40, }, 'default.error.medium': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': '#FFC9D9', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.error.large': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': '#FFC9D9', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 16, - 'height': 16, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 16, + 'selectHeight': 16, + 'highlightWidth': 60, + 'highlightHeight': 60, }, 'default.small': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-primary', 'backgroundColor': 'gray-light', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 40, - 'height': 40, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 24, 'height': 24, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 12, + 'selectHeight': 12, + 'highlightWidth': 40, + 'highlightHeight': 40, }, 'default.medium': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-primary', 'backgroundColor': 'gray-light', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.large': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-primary', 'backgroundColor': 'gray-light', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 16, - 'height': 16, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 16, + 'selectHeight': 16, + 'highlightWidth': 60, + 'highlightHeight': 60, }, 'default.error.checked': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.error.checked.disabled': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'transparent', 'backgroundColor': 'gray-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 14, - 'height': 14, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.error.checked.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.error.checked.disabled.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': 'gray-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 14, - 'height': 14, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.error.disabled': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-light', 'backgroundColor': '#F1F5F5', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 14, - 'height': 14, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.error.disabled.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': '#F1F5F5', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 14, - 'height': 14, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.error.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': '#FFC9D9', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.error.small.checked': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 40, - 'height': 40, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 24, 'height': 24, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 12, + 'selectHeight': 12, + 'highlightWidth': 40, + 'highlightHeight': 40, }, 'default.error.small.checked.disabled': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'transparent', 'backgroundColor': 'gray-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 40, - 'height': 40, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 12, - 'height': 12, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 24, 'height': 24, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 12, + 'selectHeight': 12, + 'highlightWidth': 40, + 'highlightHeight': 40, }, 'default.error.small.checked.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 40, - 'height': 40, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 24, 'height': 24, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 12, + 'selectHeight': 12, + 'highlightWidth': 40, + 'highlightHeight': 40, }, 'default.error.small.checked.disabled.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': 'gray-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 40, - 'height': 40, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 12, - 'height': 12, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 24, 'height': 24, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 12, + 'selectHeight': 12, + 'highlightWidth': 40, + 'highlightHeight': 40, }, 'default.error.small.disabled': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-light', 'backgroundColor': '#F1F5F5', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 40, - 'height': 40, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 12, - 'height': 12, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 24, 'height': 24, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 12, + 'selectHeight': 12, + 'highlightWidth': 40, + 'highlightHeight': 40, }, 'default.error.small.disabled.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': '#F1F5F5', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 40, - 'height': 40, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 12, - 'height': 12, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 24, 'height': 24, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 12, + 'selectHeight': 12, + 'highlightWidth': 40, + 'highlightHeight': 40, }, 'default.error.small.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': '#FFC9D9', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 40, - 'height': 40, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 24, 'height': 24, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 12, + 'selectHeight': 12, + 'highlightWidth': 40, + 'highlightHeight': 40, }, 'default.error.medium.checked': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.error.medium.checked.disabled': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'transparent', 'backgroundColor': 'gray-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 14, - 'height': 14, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.error.medium.checked.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.error.medium.checked.disabled.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': 'gray-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 14, - 'height': 14, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.error.medium.disabled': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-light', 'backgroundColor': '#F1F5F5', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 14, - 'height': 14, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.error.medium.disabled.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': '#F1F5F5', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 14, - 'height': 14, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.error.medium.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': '#FFC9D9', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.error.large.checked': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 16, - 'height': 16, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 16, + 'selectHeight': 16, + 'highlightWidth': 60, + 'highlightHeight': 60, }, 'default.error.large.checked.disabled': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'transparent', 'backgroundColor': 'gray-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 16, - 'height': 16, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 16, + 'selectHeight': 16, + 'highlightWidth': 60, + 'highlightHeight': 60, }, 'default.error.large.checked.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 16, - 'height': 16, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 16, + 'selectHeight': 16, + 'highlightWidth': 60, + 'highlightHeight': 60, }, 'default.error.large.checked.disabled.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': 'gray-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 16, - 'height': 16, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 16, + 'selectHeight': 16, + 'highlightWidth': 60, + 'highlightHeight': 60, }, 'default.error.large.disabled': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-light', 'backgroundColor': '#F1F5F5', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 16, - 'height': 16, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 16, + 'selectHeight': 16, + 'highlightWidth': 60, + 'highlightHeight': 60, }, 'default.error.large.disabled.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': '#F1F5F5', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 16, - 'height': 16, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 16, + 'selectHeight': 16, + 'highlightWidth': 60, + 'highlightHeight': 60, }, 'default.error.large.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'pink-primary', 'backgroundColor': '#FFC9D9', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 16, - 'height': 16, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 16, + 'selectHeight': 16, + 'highlightWidth': 60, + 'highlightHeight': 60, }, 'default.small.checked': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'transparent', 'backgroundColor': 'blue-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 40, - 'height': 40, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 24, 'height': 24, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 12, + 'selectHeight': 12, + 'highlightWidth': 40, + 'highlightHeight': 40, }, 'default.small.checked.disabled': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'transparent', 'backgroundColor': 'gray-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 40, - 'height': 40, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 12, - 'height': 12, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 24, 'height': 24, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 12, + 'selectHeight': 12, + 'highlightWidth': 40, + 'highlightHeight': 40, }, 'default.small.checked.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'blue-dark', 'backgroundColor': 'blue-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 40, - 'height': 40, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 24, 'height': 24, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 12, + 'selectHeight': 12, + 'highlightWidth': 40, + 'highlightHeight': 40, }, 'default.small.checked.disabled.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'blue-dark', 'backgroundColor': 'gray-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 40, - 'height': 40, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 12, - 'height': 12, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 24, 'height': 24, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 12, + 'selectHeight': 12, + 'highlightWidth': 40, + 'highlightHeight': 40, }, 'default.small.disabled': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-light', 'backgroundColor': '#F1F5F5', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 40, - 'height': 40, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 12, - 'height': 12, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 24, 'height': 24, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 12, + 'selectHeight': 12, + 'highlightWidth': 40, + 'highlightHeight': 40, }, 'default.small.disabled.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-dark', 'backgroundColor': '#F1F5F5', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 40, - 'height': 40, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 12, - 'height': 12, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 24, 'height': 24, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 12, + 'selectHeight': 12, + 'highlightWidth': 40, + 'highlightHeight': 40, }, 'default.small.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-dark', 'backgroundColor': 'gray-light', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 40, - 'height': 40, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 12, - 'height': 12, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 24, 'height': 24, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 12, + 'selectHeight': 12, + 'highlightWidth': 40, + 'highlightHeight': 40, }, 'default.medium.checked': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'transparent', 'backgroundColor': 'blue-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.medium.checked.disabled': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'transparent', 'backgroundColor': 'gray-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 14, - 'height': 14, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.medium.checked.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'blue-dark', 'backgroundColor': 'blue-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.medium.checked.disabled.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'blue-dark', 'backgroundColor': 'gray-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 14, - 'height': 14, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.medium.disabled': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-light', 'backgroundColor': '#F1F5F5', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 14, - 'height': 14, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.medium.disabled.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-dark', 'backgroundColor': '#F1F5F5', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 14, - 'height': 14, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.medium.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-dark', 'backgroundColor': 'gray-light', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 14, - 'height': 14, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'default.large.checked': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'transparent', 'backgroundColor': 'blue-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 16, - 'height': 16, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 16, + 'selectHeight': 16, + 'highlightWidth': 60, + 'highlightHeight': 60, }, 'default.large.checked.disabled': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'transparent', 'backgroundColor': 'gray-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 16, - 'height': 16, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 16, + 'selectHeight': 16, + 'highlightWidth': 60, + 'highlightHeight': 60, }, 'default.large.checked.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'blue-dark', 'backgroundColor': 'blue-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 16, - 'height': 16, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 16, + 'selectHeight': 16, + 'highlightWidth': 60, + 'highlightHeight': 60, }, 'default.large.checked.disabled.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'blue-dark', 'backgroundColor': 'gray-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - }, - 'select': { - 'backgroundColor': '#FFFFFF', - 'width': 16, - 'height': 16, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': '#FFFFFF', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 16, + 'selectHeight': 16, + 'highlightWidth': 60, + 'highlightHeight': 60, }, 'default.large.disabled': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-light', 'backgroundColor': '#F1F5F5', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 16, - 'height': 16, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 16, + 'selectHeight': 16, + 'highlightWidth': 60, + 'highlightHeight': 60, }, 'default.large.disabled.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-dark', 'backgroundColor': '#F1F5F5', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 16, - 'height': 16, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 16, + 'selectHeight': 16, + 'highlightWidth': 60, + 'highlightHeight': 60, }, 'default.large.active': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-dark', 'backgroundColor': 'gray-light', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 16, - 'height': 16, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 16, + 'selectHeight': 16, + 'highlightWidth': 60, + 'highlightHeight': 60, }, }, 'Input': { @@ -7578,18 +6008,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-100', 'borderColor': 'transparent', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-400', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': 'gray-400', - }, + 'backgroundColor': 'gray-100', + 'textMarginHorizontal': 6, + 'textColor': 'gray-400', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'gray-400', }, 'default.disabled': { 'paddingVertical': 12, @@ -7597,18 +6023,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-200', 'borderColor': 'transparent', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-300', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': 'gray-300', - }, + 'backgroundColor': 'gray-200', + 'textMarginHorizontal': 6, + 'textColor': 'gray-300', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'gray-300', }, 'default.disabled.focused': { 'paddingVertical': 12, @@ -7616,18 +6038,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-200', 'borderColor': 'blue-primary', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-300', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': 'blue-primary', - }, + 'backgroundColor': 'gray-200', + 'textMarginHorizontal': 6, + 'textColor': 'gray-300', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'blue-primary', }, 'default.focused': { 'paddingVertical': 12, @@ -7635,18 +6053,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-100', 'borderColor': 'blue-primary', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-400', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': 'blue-primary', - }, + 'backgroundColor': 'gray-100', + 'textMarginHorizontal': 6, + 'textColor': 'gray-400', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'blue-primary', }, 'default.primary': { 'paddingVertical': 12, @@ -7654,18 +6068,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-100', 'borderColor': 'transparent', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-400', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': 'gray-400', - }, + 'backgroundColor': 'gray-100', + 'textMarginHorizontal': 6, + 'textColor': 'gray-400', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'gray-400', }, 'default.success': { 'paddingVertical': 12, @@ -7673,18 +6083,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-100', 'borderColor': 'transparent', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-400', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': 'gray-400', - }, + 'backgroundColor': 'gray-100', + 'textMarginHorizontal': 6, + 'textColor': 'gray-400', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'gray-400', }, 'default.info': { 'paddingVertical': 12, @@ -7692,18 +6098,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-100', 'borderColor': 'transparent', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-400', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': 'gray-400', - }, + 'backgroundColor': 'gray-100', + 'textMarginHorizontal': 6, + 'textColor': 'gray-400', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'gray-400', }, 'default.warning': { 'paddingVertical': 12, @@ -7711,18 +6113,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-100', 'borderColor': 'transparent', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-400', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': 'gray-400', - }, + 'backgroundColor': 'gray-100', + 'textMarginHorizontal': 6, + 'textColor': 'gray-400', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'gray-400', }, 'default.error': { 'paddingVertical': 12, @@ -7730,18 +6128,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-100', 'borderColor': 'transparent', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-400', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': 'gray-400', - }, + 'backgroundColor': 'gray-100', + 'textMarginHorizontal': 6, + 'textColor': 'gray-400', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'gray-400', }, 'default.primary.disabled': { 'paddingVertical': 12, @@ -7749,18 +6143,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-200', 'borderColor': 'transparent', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-300', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': 'gray-300', - }, + 'backgroundColor': 'gray-200', + 'textMarginHorizontal': 6, + 'textColor': 'gray-300', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'gray-300', }, 'default.primary.disabled.focused': { 'paddingVertical': 12, @@ -7768,18 +6158,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-200', 'borderColor': 'blue-primary', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-300', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': 'blue-primary', - }, + 'backgroundColor': 'gray-200', + 'textMarginHorizontal': 6, + 'textColor': 'gray-300', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'blue-primary', }, 'default.primary.focused': { 'paddingVertical': 12, @@ -7787,18 +6173,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-100', 'borderColor': 'blue-primary', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-400', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': 'blue-primary', - }, + 'backgroundColor': 'gray-100', + 'textMarginHorizontal': 6, + 'textColor': 'gray-400', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'blue-primary', }, 'default.success.disabled': { 'paddingVertical': 12, @@ -7806,18 +6188,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-200', 'borderColor': 'transparent', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-300', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': 'gray-300', - }, + 'backgroundColor': 'gray-200', + 'textMarginHorizontal': 6, + 'textColor': 'gray-300', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'gray-300', }, 'default.success.disabled.focused': { 'paddingVertical': 12, @@ -7825,18 +6203,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-200', 'borderColor': '#4CAF50', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-300', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': '#4CAF50', - }, + 'backgroundColor': 'gray-200', + 'textMarginHorizontal': 6, + 'textColor': 'gray-300', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': '#4CAF50', }, 'default.success.focused': { 'paddingVertical': 12, @@ -7844,18 +6218,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-100', 'borderColor': '#4CAF50', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-400', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': '#4CAF50', - }, + 'backgroundColor': 'gray-100', + 'textMarginHorizontal': 6, + 'textColor': 'gray-400', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': '#4CAF50', }, 'default.info.disabled': { 'paddingVertical': 12, @@ -7863,18 +6233,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-200', 'borderColor': 'transparent', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-300', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': 'gray-300', - }, + 'backgroundColor': 'gray-200', + 'textMarginHorizontal': 6, + 'textColor': 'gray-300', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'gray-300', }, 'default.info.disabled.focused': { 'paddingVertical': 12, @@ -7882,18 +6248,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-200', 'borderColor': '#03A9F4', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-300', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': '#03A9F4', - }, + 'backgroundColor': 'gray-200', + 'textMarginHorizontal': 6, + 'textColor': 'gray-300', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': '#03A9F4', }, 'default.info.focused': { 'paddingVertical': 12, @@ -7901,18 +6263,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-100', 'borderColor': '#03A9F4', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-400', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': '#03A9F4', - }, + 'backgroundColor': 'gray-100', + 'textMarginHorizontal': 6, + 'textColor': 'gray-400', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': '#03A9F4', }, 'default.warning.disabled': { 'paddingVertical': 12, @@ -7920,18 +6278,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-200', 'borderColor': 'transparent', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-300', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': 'gray-300', - }, + 'backgroundColor': 'gray-200', + 'textMarginHorizontal': 6, + 'textColor': 'gray-300', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'gray-300', }, 'default.warning.disabled.focused': { 'paddingVertical': 12, @@ -7939,18 +6293,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-200', 'borderColor': '#FFC107', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-300', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': '#FFC107', - }, + 'backgroundColor': 'gray-200', + 'textMarginHorizontal': 6, + 'textColor': 'gray-300', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': '#FFC107', }, 'default.warning.focused': { 'paddingVertical': 12, @@ -7958,18 +6308,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-100', 'borderColor': '#FFC107', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-400', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': '#FFC107', - }, + 'backgroundColor': 'gray-100', + 'textMarginHorizontal': 6, + 'textColor': 'gray-400', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': '#FFC107', }, 'default.error.disabled': { 'paddingVertical': 12, @@ -7977,18 +6323,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-200', 'borderColor': 'transparent', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-300', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': 'gray-300', - }, + 'backgroundColor': 'gray-200', + 'textMarginHorizontal': 6, + 'textColor': 'gray-300', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'gray-300', }, 'default.error.disabled.focused': { 'paddingVertical': 12, @@ -7996,18 +6338,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-200', 'borderColor': '#F44336', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-300', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': '#F44336', - }, + 'backgroundColor': 'gray-200', + 'textMarginHorizontal': 6, + 'textColor': 'gray-300', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': '#F44336', }, 'default.error.focused': { 'paddingVertical': 12, @@ -8015,18 +6353,14 @@ export const style: ThemeStyleType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-100', 'borderColor': '#F44336', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-400', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': '#F44336', - }, + 'backgroundColor': 'gray-100', + 'textMarginHorizontal': 6, + 'textColor': 'gray-400', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': '#F44336', }, }, 'Layout': { @@ -8040,77 +6374,298 @@ export const style: ThemeStyleType = { }, }, 'List': { - 'default': { - 'item': {}, - }, + 'default': {}, }, 'ListItem': { 'default': { 'paddingVertical': 12, 'paddingHorizontal': 6, - 'icon': { - 'width': 48, - 'height': 48, - 'marginHorizontal': 6, - 'tintColor': 'gray-primary', - }, - 'title': { - 'color': 'text-primary', - 'fontSize': 20, - 'fontWeight': '600', - 'marginHorizontal': 6, - 'marginVertical': 4, - }, - 'description': { - 'marginHorizontal': 6, - 'marginVertical': 4, - 'color': 'gray-400', - 'fontSize': 14, - }, - 'accessory': { - 'width': 48, - 'height': 48, - 'marginHorizontal': 6, - }, + 'iconWidth': 48, + 'iconHeight': 48, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'gray-primary', + 'titleColor': 'text-primary', + 'titleFontSize': 20, + 'titleFontWeight': '600', + 'titleMarginHorizontal': 6, + 'titleMarginVertical': 4, + 'descriptionColor': 'gray-400', + 'descriptionFontSize': 14, + 'descriptionMarginHorizontal': 6, + 'descriptionMarginVertical': 4, + 'accessoryWidth': 48, + 'accessoryHeight': 48, + 'accessoryMarginHorizontal': 6, }, 'default.active': { 'paddingVertical': 12, 'paddingHorizontal': 6, - 'icon': { - 'width': 48, - 'height': 48, - 'marginHorizontal': 6, - 'tintColor': 'gray-primary', - }, - 'title': { - 'color': 'text-primary', - 'fontSize': 20, - 'fontWeight': '600', - 'marginHorizontal': 6, - 'marginVertical': 4, - }, - 'description': { - 'marginHorizontal': 6, - 'marginVertical': 4, - 'color': 'gray-400', - 'fontSize': 14, - }, - 'accessory': { - 'width': 48, - 'height': 48, - 'marginHorizontal': 6, - }, + 'iconWidth': 48, + 'iconHeight': 48, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'gray-primary', + 'titleColor': 'text-primary', + 'titleFontSize': 20, + 'titleFontWeight': '600', + 'titleMarginHorizontal': 6, + 'titleMarginVertical': 4, + 'descriptionColor': 'gray-400', + 'descriptionFontSize': 14, + 'descriptionMarginHorizontal': 6, + 'descriptionMarginVertical': 4, + 'accessoryWidth': 48, + 'accessoryHeight': 48, + 'accessoryMarginHorizontal': 6, 'backgroundColor': 'gray-100', }, }, - 'Modal': { + 'OverflowMenu': { 'default': { - 'paddingHorizontal': 16, - 'paddingVertical': 8, - 'backgroundColor': 'transparent', - 'borderColor': 'blue-dark', - 'borderRadius': 3, - 'borderWidth': 1, + 'borderRadius': 6, + 'itemBorderRadius': 6, + 'popoverBackgroundColor': 'white', + }, + }, + 'OverflowMenuItem': { + 'default': { + 'backgroundColor': 'white', + 'borderColor': 'gray-light', + 'borderWidth': 1.2, + 'textColor': 'blue-pitch-dark', + 'textFontWeight': '600', + 'iconTintColor': 'blue-pitch-dark', + 'minHeight': 48, + 'padding': 12, + 'textFontSize': 15, + 'textMarginHorizontal': 8, + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 8, + }, + 'default.disabled': { + 'backgroundColor': 'gray-dark', + 'borderColor': 'gray-light', + 'borderWidth': 1.2, + 'textColor': 'blue-pitch-dark', + 'textFontWeight': '600', + 'iconTintColor': 'blue-pitch-dark', + 'minHeight': 48, + 'padding': 12, + 'textFontSize': 15, + 'textMarginHorizontal': 8, + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 8, + }, + 'default.disabled.active': { + 'backgroundColor': 'gray-dark', + 'borderColor': 'gray-light', + 'borderWidth': 1.2, + 'textColor': 'blue-primary', + 'textFontWeight': '600', + 'iconTintColor': 'blue-primary', + 'minHeight': 48, + 'padding': 12, + 'textFontSize': 15, + 'textMarginHorizontal': 8, + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 8, + }, + 'default.active': { + 'backgroundColor': 'white', + 'borderColor': 'gray-light', + 'borderWidth': 1.2, + 'textColor': 'blue-primary', + 'textFontWeight': '600', + 'iconTintColor': 'blue-primary', + 'minHeight': 48, + 'padding': 12, + 'textFontSize': 15, + 'textMarginHorizontal': 8, + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 8, + }, + 'default.small': { + 'backgroundColor': 'white', + 'borderColor': 'gray-light', + 'borderWidth': 1.2, + 'textColor': 'blue-pitch-dark', + 'textFontWeight': '600', + 'iconTintColor': 'blue-pitch-dark', + 'minHeight': 40, + 'padding': 10, + 'textFontSize': 13, + 'textMarginHorizontal': 6, + 'iconWidth': 20, + 'iconHeight': 20, + 'iconMarginHorizontal': 6, + }, + 'default.medium': { + 'backgroundColor': 'white', + 'borderColor': 'gray-light', + 'borderWidth': 1.2, + 'textColor': 'blue-pitch-dark', + 'textFontWeight': '600', + 'iconTintColor': 'blue-pitch-dark', + 'minHeight': 48, + 'padding': 12, + 'textFontSize': 15, + 'textMarginHorizontal': 8, + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 8, + }, + 'default.large': { + 'backgroundColor': 'white', + 'borderColor': 'gray-light', + 'borderWidth': 1.2, + 'textColor': 'blue-pitch-dark', + 'textFontWeight': '600', + 'iconTintColor': 'blue-pitch-dark', + 'minHeight': 56, + 'padding': 14, + 'textFontSize': 17, + 'textMarginHorizontal': 10, + 'iconWidth': 28, + 'iconHeight': 28, + 'iconMarginHorizontal': 10, + }, + 'default.small.disabled': { + 'backgroundColor': 'gray-dark', + 'borderColor': 'gray-light', + 'borderWidth': 1.2, + 'textColor': 'blue-pitch-dark', + 'textFontWeight': '600', + 'iconTintColor': 'blue-pitch-dark', + 'minHeight': 40, + 'padding': 10, + 'textFontSize': 13, + 'textMarginHorizontal': 6, + 'iconWidth': 20, + 'iconHeight': 20, + 'iconMarginHorizontal': 6, + }, + 'default.small.disabled.active': { + 'backgroundColor': 'gray-dark', + 'borderColor': 'gray-light', + 'borderWidth': 1.2, + 'textColor': 'blue-primary', + 'textFontWeight': '600', + 'iconTintColor': 'blue-primary', + 'minHeight': 40, + 'padding': 10, + 'textFontSize': 13, + 'textMarginHorizontal': 6, + 'iconWidth': 20, + 'iconHeight': 20, + 'iconMarginHorizontal': 6, + }, + 'default.small.active': { + 'backgroundColor': 'white', + 'borderColor': 'gray-light', + 'borderWidth': 1.2, + 'textColor': 'blue-primary', + 'textFontWeight': '600', + 'iconTintColor': 'blue-primary', + 'minHeight': 40, + 'padding': 10, + 'textFontSize': 13, + 'textMarginHorizontal': 6, + 'iconWidth': 20, + 'iconHeight': 20, + 'iconMarginHorizontal': 6, + }, + 'default.medium.disabled': { + 'backgroundColor': 'gray-dark', + 'borderColor': 'gray-light', + 'borderWidth': 1.2, + 'textColor': 'blue-pitch-dark', + 'textFontWeight': '600', + 'iconTintColor': 'blue-pitch-dark', + 'minHeight': 48, + 'padding': 12, + 'textFontSize': 15, + 'textMarginHorizontal': 8, + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 8, + }, + 'default.medium.disabled.active': { + 'backgroundColor': 'gray-dark', + 'borderColor': 'gray-light', + 'borderWidth': 1.2, + 'textColor': 'blue-primary', + 'textFontWeight': '600', + 'iconTintColor': 'blue-primary', + 'minHeight': 48, + 'padding': 12, + 'textFontSize': 15, + 'textMarginHorizontal': 8, + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 8, + }, + 'default.medium.active': { + 'backgroundColor': 'white', + 'borderColor': 'gray-light', + 'borderWidth': 1.2, + 'textColor': 'blue-primary', + 'textFontWeight': '600', + 'iconTintColor': 'blue-primary', + 'minHeight': 48, + 'padding': 12, + 'textFontSize': 15, + 'textMarginHorizontal': 8, + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 8, + }, + 'default.large.disabled': { + 'backgroundColor': 'gray-dark', + 'borderColor': 'gray-light', + 'borderWidth': 1.2, + 'textColor': 'blue-pitch-dark', + 'textFontWeight': '600', + 'iconTintColor': 'blue-pitch-dark', + 'minHeight': 56, + 'padding': 14, + 'textFontSize': 17, + 'textMarginHorizontal': 10, + 'iconWidth': 28, + 'iconHeight': 28, + 'iconMarginHorizontal': 10, + }, + 'default.large.disabled.active': { + 'backgroundColor': 'gray-dark', + 'borderColor': 'gray-light', + 'borderWidth': 1.2, + 'textColor': 'blue-primary', + 'textFontWeight': '600', + 'iconTintColor': 'blue-primary', + 'minHeight': 56, + 'padding': 14, + 'textFontSize': 17, + 'textMarginHorizontal': 10, + 'iconWidth': 28, + 'iconHeight': 28, + 'iconMarginHorizontal': 10, + }, + 'default.large.active': { + 'backgroundColor': 'white', + 'borderColor': 'gray-light', + 'borderWidth': 1.2, + 'textColor': 'blue-primary', + 'textFontWeight': '600', + 'iconTintColor': 'blue-primary', + 'minHeight': 56, + 'padding': 14, + 'textFontSize': 17, + 'textMarginHorizontal': 10, + 'iconWidth': 28, + 'iconHeight': 28, + 'iconMarginHorizontal': 10, }, }, 'Popover': { @@ -8120,1602 +6675,1218 @@ export const style: ThemeStyleType = { 'default': { 'borderWidth': 2, 'borderColor': 'gray-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.checked': { 'borderWidth': 2, 'borderColor': 'blue-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'blue-primary', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'blue-primary', + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.checked.disabled': { 'borderWidth': 2, 'borderColor': 'gray-light', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'gray-primary', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'gray-primary', + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.checked.active': { 'borderWidth': 2, 'borderColor': 'blue-dark', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'blue-primary', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'blue-primary', + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.checked.disabled.active': { 'borderWidth': 2, 'borderColor': 'blue-dark', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'gray-primary', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'gray-primary', + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.disabled': { 'borderWidth': 2, 'borderColor': 'gray-light', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.disabled.active': { 'borderWidth': 2, 'borderColor': 'gray-dark', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.active': { 'borderWidth': 2, 'borderColor': 'gray-dark', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.error': { 'borderWidth': 2, 'borderColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.error.small': { 'borderWidth': 2, 'borderColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 20, - 'height': 20, - 'borderRadius': 10, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - 'borderRadius': 25, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, 'borderRadius': 15, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 20, + 'selectHeight': 20, + 'selectBorderRadius': 10, + 'highlightWidth': 50, + 'highlightHeight': 50, + 'highlightBorderRadius': 25, }, 'default.error.medium': { 'borderWidth': 2, 'borderColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.error.large': { 'borderWidth': 2, 'borderColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 28, - 'height': 28, - 'borderRadius': 14, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 70, - 'height': 70, - 'borderRadius': 35, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'transparent', 'width': 42, 'height': 42, 'borderRadius': 21, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 28, + 'selectHeight': 28, + 'selectBorderRadius': 14, + 'highlightWidth': 70, + 'highlightHeight': 70, + 'highlightBorderRadius': 35, }, 'default.small': { 'borderWidth': 2, 'borderColor': 'gray-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 20, - 'height': 20, - 'borderRadius': 10, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - 'borderRadius': 25, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, 'borderRadius': 15, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 20, + 'selectHeight': 20, + 'selectBorderRadius': 10, + 'highlightWidth': 50, + 'highlightHeight': 50, + 'highlightBorderRadius': 25, }, 'default.medium': { 'borderWidth': 2, 'borderColor': 'gray-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.large': { 'borderWidth': 2, 'borderColor': 'gray-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 28, - 'height': 28, - 'borderRadius': 14, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 70, - 'height': 70, - 'borderRadius': 35, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'transparent', 'width': 42, 'height': 42, 'borderRadius': 21, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 28, + 'selectHeight': 28, + 'selectBorderRadius': 14, + 'highlightWidth': 70, + 'highlightHeight': 70, + 'highlightBorderRadius': 35, }, 'default.error.checked': { 'borderWidth': 2, 'borderColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'pink-primary', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'pink-primary', + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.error.checked.disabled': { 'borderWidth': 2, 'borderColor': 'gray-light', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'gray-primary', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'gray-primary', + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.error.checked.active': { 'borderWidth': 2, 'borderColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'pink-primary', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'pink-primary', + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.error.checked.disabled.active': { 'borderWidth': 2, 'borderColor': 'pink-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'gray-primary', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'gray-primary', + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.error.disabled': { 'borderWidth': 2, 'borderColor': 'gray-light', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.error.disabled.active': { 'borderWidth': 2, 'borderColor': 'gray-dark', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.error.active': { 'borderWidth': 2, 'borderColor': 'gray-dark', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.error.small.checked': { 'borderWidth': 2, 'borderColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'select': { - 'backgroundColor': 'pink-primary', - 'width': 20, - 'height': 20, - 'borderRadius': 10, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - 'borderRadius': 25, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'pink-primary', + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, 'borderRadius': 15, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 20, + 'selectHeight': 20, + 'selectBorderRadius': 10, + 'highlightWidth': 50, + 'highlightHeight': 50, + 'highlightBorderRadius': 25, }, 'default.error.small.checked.disabled': { 'borderWidth': 2, 'borderColor': 'gray-light', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'select': { - 'backgroundColor': 'gray-primary', - 'width': 20, - 'height': 20, - 'borderRadius': 10, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - 'borderRadius': 25, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'gray-primary', + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, 'borderRadius': 15, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 20, + 'selectHeight': 20, + 'selectBorderRadius': 10, + 'highlightWidth': 50, + 'highlightHeight': 50, + 'highlightBorderRadius': 25, }, 'default.error.small.checked.active': { 'borderWidth': 2, 'borderColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'select': { - 'backgroundColor': 'pink-primary', - 'width': 20, - 'height': 20, - 'borderRadius': 10, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - 'borderRadius': 25, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'pink-primary', + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, 'borderRadius': 15, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 20, + 'selectHeight': 20, + 'selectBorderRadius': 10, + 'highlightWidth': 50, + 'highlightHeight': 50, + 'highlightBorderRadius': 25, }, 'default.error.small.checked.disabled.active': { 'borderWidth': 2, 'borderColor': 'pink-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'select': { - 'backgroundColor': 'gray-primary', - 'width': 20, - 'height': 20, - 'borderRadius': 10, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - 'borderRadius': 25, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'gray-primary', + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, 'borderRadius': 15, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 20, + 'selectHeight': 20, + 'selectBorderRadius': 10, + 'highlightWidth': 50, + 'highlightHeight': 50, + 'highlightBorderRadius': 25, }, 'default.error.small.disabled': { 'borderWidth': 2, 'borderColor': 'gray-light', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 20, - 'height': 20, - 'borderRadius': 10, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - 'borderRadius': 25, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, 'borderRadius': 15, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 20, + 'selectHeight': 20, + 'selectBorderRadius': 10, + 'highlightWidth': 50, + 'highlightHeight': 50, + 'highlightBorderRadius': 25, }, 'default.error.small.disabled.active': { 'borderWidth': 2, 'borderColor': 'gray-dark', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 20, - 'height': 20, - 'borderRadius': 10, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - 'borderRadius': 25, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, 'borderRadius': 15, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 20, + 'selectHeight': 20, + 'selectBorderRadius': 10, + 'highlightWidth': 50, + 'highlightHeight': 50, + 'highlightBorderRadius': 25, }, 'default.error.small.active': { 'borderWidth': 2, 'borderColor': 'gray-dark', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 20, - 'height': 20, - 'borderRadius': 10, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - 'borderRadius': 25, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, 'borderRadius': 15, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 20, + 'selectHeight': 20, + 'selectBorderRadius': 10, + 'highlightWidth': 50, + 'highlightHeight': 50, + 'highlightBorderRadius': 25, }, 'default.error.medium.checked': { 'borderWidth': 2, 'borderColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'pink-primary', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'pink-primary', + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.error.medium.checked.disabled': { 'borderWidth': 2, 'borderColor': 'gray-light', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'gray-primary', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'gray-primary', + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.error.medium.checked.active': { 'borderWidth': 2, 'borderColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'pink-primary', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'pink-primary', + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.error.medium.checked.disabled.active': { 'borderWidth': 2, 'borderColor': 'pink-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'gray-primary', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'gray-primary', + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.error.medium.disabled': { 'borderWidth': 2, 'borderColor': 'gray-light', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.error.medium.disabled.active': { 'borderWidth': 2, 'borderColor': 'gray-dark', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.error.medium.active': { 'borderWidth': 2, 'borderColor': 'gray-dark', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.error.large.checked': { 'borderWidth': 2, 'borderColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'select': { - 'backgroundColor': 'pink-primary', - 'width': 28, - 'height': 28, - 'borderRadius': 14, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 70, - 'height': 70, - 'borderRadius': 35, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'pink-primary', + 'highlightBackgroundColor': 'transparent', 'width': 42, 'height': 42, 'borderRadius': 21, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 28, + 'selectHeight': 28, + 'selectBorderRadius': 14, + 'highlightWidth': 70, + 'highlightHeight': 70, + 'highlightBorderRadius': 35, }, 'default.error.large.checked.disabled': { 'borderWidth': 2, 'borderColor': 'gray-light', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'select': { - 'backgroundColor': 'gray-primary', - 'width': 28, - 'height': 28, - 'borderRadius': 14, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 70, - 'height': 70, - 'borderRadius': 35, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'gray-primary', + 'highlightBackgroundColor': 'transparent', 'width': 42, 'height': 42, 'borderRadius': 21, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 28, + 'selectHeight': 28, + 'selectBorderRadius': 14, + 'highlightWidth': 70, + 'highlightHeight': 70, + 'highlightBorderRadius': 35, }, 'default.error.large.checked.active': { 'borderWidth': 2, 'borderColor': 'pink-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'select': { - 'backgroundColor': 'pink-primary', - 'width': 28, - 'height': 28, - 'borderRadius': 14, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 70, - 'height': 70, - 'borderRadius': 35, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'pink-primary', + 'highlightBackgroundColor': 'gray-light', 'width': 42, 'height': 42, 'borderRadius': 21, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 28, + 'selectHeight': 28, + 'selectBorderRadius': 14, + 'highlightWidth': 70, + 'highlightHeight': 70, + 'highlightBorderRadius': 35, }, 'default.error.large.checked.disabled.active': { 'borderWidth': 2, 'borderColor': 'pink-primary', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'select': { - 'backgroundColor': 'gray-primary', - 'width': 28, - 'height': 28, - 'borderRadius': 14, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 70, - 'height': 70, - 'borderRadius': 35, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'gray-primary', + 'highlightBackgroundColor': 'gray-light', 'width': 42, 'height': 42, 'borderRadius': 21, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 28, + 'selectHeight': 28, + 'selectBorderRadius': 14, + 'highlightWidth': 70, + 'highlightHeight': 70, + 'highlightBorderRadius': 35, }, 'default.error.large.disabled': { 'borderWidth': 2, 'borderColor': 'gray-light', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 28, - 'height': 28, - 'borderRadius': 14, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 70, - 'height': 70, - 'borderRadius': 35, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'transparent', 'width': 42, 'height': 42, 'borderRadius': 21, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 28, + 'selectHeight': 28, + 'selectBorderRadius': 14, + 'highlightWidth': 70, + 'highlightHeight': 70, + 'highlightBorderRadius': 35, }, 'default.error.large.disabled.active': { 'borderWidth': 2, 'borderColor': 'gray-dark', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 28, - 'height': 28, - 'borderRadius': 14, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 70, - 'height': 70, - 'borderRadius': 35, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'gray-light', 'width': 42, 'height': 42, 'borderRadius': 21, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 28, + 'selectHeight': 28, + 'selectBorderRadius': 14, + 'highlightWidth': 70, + 'highlightHeight': 70, + 'highlightBorderRadius': 35, }, 'default.error.large.active': { 'borderWidth': 2, 'borderColor': 'gray-dark', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 28, - 'height': 28, - 'borderRadius': 14, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 70, - 'height': 70, - 'borderRadius': 35, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'gray-light', 'width': 42, 'height': 42, 'borderRadius': 21, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 28, + 'selectHeight': 28, + 'selectBorderRadius': 14, + 'highlightWidth': 70, + 'highlightHeight': 70, + 'highlightBorderRadius': 35, }, 'default.small.checked': { 'borderWidth': 2, 'borderColor': 'blue-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'select': { - 'backgroundColor': 'blue-primary', - 'width': 20, - 'height': 20, - 'borderRadius': 10, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - 'borderRadius': 25, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'blue-primary', + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, 'borderRadius': 15, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 20, + 'selectHeight': 20, + 'selectBorderRadius': 10, + 'highlightWidth': 50, + 'highlightHeight': 50, + 'highlightBorderRadius': 25, }, 'default.small.checked.disabled': { 'borderWidth': 2, 'borderColor': 'gray-light', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'select': { - 'backgroundColor': 'gray-primary', - 'width': 20, - 'height': 20, - 'borderRadius': 10, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - 'borderRadius': 25, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'gray-primary', + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, 'borderRadius': 15, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 20, + 'selectHeight': 20, + 'selectBorderRadius': 10, + 'highlightWidth': 50, + 'highlightHeight': 50, + 'highlightBorderRadius': 25, }, 'default.small.checked.active': { 'borderWidth': 2, 'borderColor': 'blue-dark', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'select': { - 'backgroundColor': 'blue-primary', - 'width': 20, - 'height': 20, - 'borderRadius': 10, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - 'borderRadius': 25, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'blue-primary', + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, 'borderRadius': 15, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 20, + 'selectHeight': 20, + 'selectBorderRadius': 10, + 'highlightWidth': 50, + 'highlightHeight': 50, + 'highlightBorderRadius': 25, }, 'default.small.checked.disabled.active': { 'borderWidth': 2, 'borderColor': 'blue-dark', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'select': { - 'backgroundColor': 'gray-primary', - 'width': 20, - 'height': 20, - 'borderRadius': 10, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - 'borderRadius': 25, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'gray-primary', + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, 'borderRadius': 15, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 20, + 'selectHeight': 20, + 'selectBorderRadius': 10, + 'highlightWidth': 50, + 'highlightHeight': 50, + 'highlightBorderRadius': 25, }, 'default.small.disabled': { 'borderWidth': 2, 'borderColor': 'gray-light', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 20, - 'height': 20, - 'borderRadius': 10, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 50, - 'height': 50, - 'borderRadius': 25, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'transparent', 'width': 30, 'height': 30, 'borderRadius': 15, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 20, + 'selectHeight': 20, + 'selectBorderRadius': 10, + 'highlightWidth': 50, + 'highlightHeight': 50, + 'highlightBorderRadius': 25, }, 'default.small.disabled.active': { 'borderWidth': 2, 'borderColor': 'gray-dark', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 20, - 'height': 20, - 'borderRadius': 10, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - 'borderRadius': 25, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, 'borderRadius': 15, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 20, + 'selectHeight': 20, + 'selectBorderRadius': 10, + 'highlightWidth': 50, + 'highlightHeight': 50, + 'highlightBorderRadius': 25, }, 'default.small.active': { 'borderWidth': 2, 'borderColor': 'gray-dark', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 10, - 'fontSize': 14, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 20, - 'height': 20, - 'borderRadius': 10, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 50, - 'height': 50, - 'borderRadius': 25, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'gray-light', 'width': 30, 'height': 30, 'borderRadius': 15, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 20, + 'selectHeight': 20, + 'selectBorderRadius': 10, + 'highlightWidth': 50, + 'highlightHeight': 50, + 'highlightBorderRadius': 25, }, 'default.medium.checked': { 'borderWidth': 2, 'borderColor': 'blue-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'blue-primary', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'blue-primary', + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.medium.checked.disabled': { 'borderWidth': 2, 'borderColor': 'gray-light', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'gray-primary', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'gray-primary', + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.medium.checked.active': { 'borderWidth': 2, 'borderColor': 'blue-dark', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'blue-primary', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'blue-primary', + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.medium.checked.disabled.active': { 'borderWidth': 2, 'borderColor': 'blue-dark', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'gray-primary', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'gray-primary', + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.medium.disabled': { 'borderWidth': 2, 'borderColor': 'gray-light', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'transparent', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.medium.disabled.active': { 'borderWidth': 2, 'borderColor': 'gray-dark', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.medium.active': { 'borderWidth': 2, 'borderColor': 'gray-dark', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'gray-light', 'width': 36, 'height': 36, 'borderRadius': 18, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'default.large.checked': { 'borderWidth': 2, 'borderColor': 'blue-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'select': { - 'backgroundColor': 'blue-primary', - 'width': 28, - 'height': 28, - 'borderRadius': 14, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 70, - 'height': 70, - 'borderRadius': 35, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'blue-primary', + 'highlightBackgroundColor': 'transparent', 'width': 42, 'height': 42, 'borderRadius': 21, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 28, + 'selectHeight': 28, + 'selectBorderRadius': 14, + 'highlightWidth': 70, + 'highlightHeight': 70, + 'highlightBorderRadius': 35, }, 'default.large.checked.disabled': { 'borderWidth': 2, 'borderColor': 'gray-light', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'select': { - 'backgroundColor': 'gray-primary', - 'width': 28, - 'height': 28, - 'borderRadius': 14, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 70, - 'height': 70, - 'borderRadius': 35, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'gray-primary', + 'highlightBackgroundColor': 'transparent', 'width': 42, 'height': 42, 'borderRadius': 21, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 28, + 'selectHeight': 28, + 'selectBorderRadius': 14, + 'highlightWidth': 70, + 'highlightHeight': 70, + 'highlightBorderRadius': 35, }, 'default.large.checked.active': { 'borderWidth': 2, 'borderColor': 'blue-dark', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'select': { - 'backgroundColor': 'blue-primary', - 'width': 28, - 'height': 28, - 'borderRadius': 14, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 70, - 'height': 70, - 'borderRadius': 35, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'blue-primary', + 'highlightBackgroundColor': 'gray-light', 'width': 42, 'height': 42, 'borderRadius': 21, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 28, + 'selectHeight': 28, + 'selectBorderRadius': 14, + 'highlightWidth': 70, + 'highlightHeight': 70, + 'highlightBorderRadius': 35, }, 'default.large.checked.disabled.active': { 'borderWidth': 2, 'borderColor': 'blue-dark', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'select': { - 'backgroundColor': 'gray-primary', - 'width': 28, - 'height': 28, - 'borderRadius': 14, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 70, - 'height': 70, - 'borderRadius': 35, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'gray-primary', + 'highlightBackgroundColor': 'gray-light', 'width': 42, 'height': 42, 'borderRadius': 21, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 28, + 'selectHeight': 28, + 'selectBorderRadius': 14, + 'highlightWidth': 70, + 'highlightHeight': 70, + 'highlightBorderRadius': 35, }, 'default.large.disabled': { 'borderWidth': 2, 'borderColor': 'gray-light', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 28, - 'height': 28, - 'borderRadius': 14, - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 70, - 'height': 70, - 'borderRadius': 35, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'transparent', 'width': 42, 'height': 42, 'borderRadius': 21, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 28, + 'selectHeight': 28, + 'selectBorderRadius': 14, + 'highlightWidth': 70, + 'highlightHeight': 70, + 'highlightBorderRadius': 35, }, 'default.large.disabled.active': { 'borderWidth': 2, 'borderColor': 'gray-dark', - 'text': { - 'color': 'gray-300', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 28, - 'height': 28, - 'borderRadius': 14, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 70, - 'height': 70, - 'borderRadius': 35, - }, + 'textColor': 'gray-300', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'gray-light', 'width': 42, 'height': 42, 'borderRadius': 21, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 28, + 'selectHeight': 28, + 'selectBorderRadius': 14, + 'highlightWidth': 70, + 'highlightHeight': 70, + 'highlightBorderRadius': 35, }, 'default.large.active': { 'borderWidth': 2, 'borderColor': 'gray-dark', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - 'marginLeft': 14, - 'fontSize': 18, - }, - 'select': { - 'backgroundColor': 'transparent', - 'width': 28, - 'height': 28, - 'borderRadius': 14, - }, - 'highlight': { - 'backgroundColor': 'gray-light', - 'width': 70, - 'height': 70, - 'borderRadius': 35, - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'gray-light', 'width': 42, 'height': 42, 'borderRadius': 21, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 28, + 'selectHeight': 28, + 'selectBorderRadius': 14, + 'highlightWidth': 70, + 'highlightHeight': 70, + 'highlightBorderRadius': 35, }, }, 'RadioGroup': { @@ -9725,36 +7896,26 @@ export const style: ThemeStyleType = { }, 'Tab': { 'default': { - 'text': { - 'color': 'gray-dark', - 'fontWeight': '600', - }, - 'icon': { - 'width': 20, - 'height': 20, - 'tintColor': 'gray-dark', - }, + 'textColor': 'gray-dark', + 'textFontWeight': '600', + 'iconWidth': 20, + 'iconHeight': 20, + 'iconTintColor': 'gray-dark', }, 'default.selected': { - 'text': { - 'color': 'blue-primary', - 'fontWeight': '600', - }, - 'icon': { - 'width': 20, - 'height': 20, - 'tintColor': 'blue-primary', - }, + 'textColor': 'blue-primary', + 'textFontWeight': '600', + 'iconWidth': 20, + 'iconHeight': 20, + 'iconTintColor': 'blue-primary', }, }, 'TabBar': { 'default': { 'height': 42, - 'indicator': { - 'height': 4, - 'borderRadius': 2, - 'backgroundColor': 'blue-primary', - }, + 'indicatorHeight': 4, + 'indicatorBorderRadius': 2, + 'indicatorBackgroundColor': 'blue-primary', }, }, 'Text': { @@ -9794,3472 +7955,2700 @@ export const style: ThemeStyleType = { 'Toggle': { 'default': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.primary': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.success': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#b3ffd6', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#b3ffd6', 'borderColor': '#00e096', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.info': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#c7e2ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#c7e2ff', 'borderColor': '#0095ff', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.warning': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#fff1c2', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#fff1c2', 'borderColor': '#ffaa00', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.danger': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#FFD6D9', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#FFD6D9', 'borderColor': 'pink-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.primary.small': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.primary.medium': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.primary.large': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.success.small': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#b3ffd6', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#b3ffd6', 'borderColor': '#00e096', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.success.medium': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#b3ffd6', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#b3ffd6', 'borderColor': '#00e096', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.success.large': { - 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#b3ffd6', + 'offsetValue': 20, + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#b3ffd6', 'borderColor': '#00e096', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.info.small': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#c7e2ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#c7e2ff', 'borderColor': '#0095ff', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.info.medium': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#c7e2ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#c7e2ff', 'borderColor': '#0095ff', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.info.large': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#c7e2ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#c7e2ff', 'borderColor': '#0095ff', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.warning.small': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#fff1c2', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#fff1c2', 'borderColor': '#ffaa00', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.warning.medium': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#fff1c2', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#fff1c2', 'borderColor': '#ffaa00', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.warning.large': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#fff1c2', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#fff1c2', 'borderColor': '#ffaa00', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.danger.small': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#FFD6D9', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#FFD6D9', 'borderColor': 'pink-primary', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.danger.medium': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#FFD6D9', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#FFD6D9', 'borderColor': 'pink-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.danger.large': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#FFD6D9', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#FFD6D9', 'borderColor': 'pink-primary', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.small': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.medium': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.large': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.primary.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.primary.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.primary.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.primary.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.primary.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.primary.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.primary.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.success.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#b3ffd6', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#b3ffd6', 'borderColor': '#00e096', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.success.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.success.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#b3ffd6', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#b3ffd6', 'borderColor': '#00e096', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.success.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.success.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.success.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.success.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#b3ffd6', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#b3ffd6', 'borderColor': '#00e096', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.info.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#c7e2ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#c7e2ff', 'borderColor': '#0095ff', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.info.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.info.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#c7e2ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#c7e2ff', 'borderColor': '#0095ff', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.info.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.info.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.info.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.info.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#c7e2ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#c7e2ff', 'borderColor': '#0095ff', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.warning.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#fff1c2', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#fff1c2', 'borderColor': '#ffaa00', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.warning.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.warning.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#fff1c2', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#fff1c2', 'borderColor': '#ffaa00', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.warning.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.warning.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.warning.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.warning.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#fff1c2', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#fff1c2', 'borderColor': '#ffaa00', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.danger.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#FFD6D9', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#FFD6D9', 'borderColor': 'pink-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.danger.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.danger.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#FFD6D9', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#FFD6D9', 'borderColor': 'pink-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.danger.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.danger.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.danger.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.danger.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#FFD6D9', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#FFD6D9', 'borderColor': 'pink-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.primary.small.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.primary.small.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.primary.small.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.primary.small.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.primary.small.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.primary.small.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.primary.small.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.primary.medium.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.primary.medium.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.primary.medium.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.primary.medium.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.primary.medium.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.primary.medium.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.primary.medium.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.primary.large.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.primary.large.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.primary.large.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.primary.large.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.primary.large.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.primary.large.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.primary.large.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.success.small.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#b3ffd6', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#b3ffd6', 'borderColor': '#00e096', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.success.small.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.success.small.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#b3ffd6', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#b3ffd6', 'borderColor': '#00e096', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.success.small.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.success.small.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.success.small.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.success.small.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#b3ffd6', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#b3ffd6', 'borderColor': '#00e096', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.success.medium.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#b3ffd6', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#b3ffd6', 'borderColor': '#00e096', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.success.medium.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.success.medium.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#b3ffd6', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#b3ffd6', 'borderColor': '#00e096', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.success.medium.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.success.medium.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.success.medium.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.success.medium.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#b3ffd6', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#b3ffd6', 'borderColor': '#00e096', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.success.large.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#b3ffd6', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#b3ffd6', 'borderColor': '#00e096', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.success.large.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.success.large.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#b3ffd6', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#b3ffd6', 'borderColor': '#00e096', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.success.large.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.success.large.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.success.large.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.success.large.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#b3ffd6', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#b3ffd6', 'borderColor': '#00e096', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.info.small.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#c7e2ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#c7e2ff', 'borderColor': '#0095ff', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.info.small.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.info.small.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#c7e2ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#c7e2ff', 'borderColor': '#0095ff', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.info.small.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.info.small.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.info.small.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.info.small.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#c7e2ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#c7e2ff', 'borderColor': '#0095ff', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.info.medium.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#c7e2ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#c7e2ff', 'borderColor': '#0095ff', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.info.medium.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.info.medium.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#c7e2ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#c7e2ff', 'borderColor': '#0095ff', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.info.medium.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.info.medium.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.info.medium.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.info.medium.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#c7e2ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#c7e2ff', 'borderColor': '#0095ff', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.info.large.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#c7e2ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#c7e2ff', 'borderColor': '#0095ff', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.info.large.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.info.large.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#c7e2ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#c7e2ff', 'borderColor': '#0095ff', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.info.large.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.info.large.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.info.large.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.info.large.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#c7e2ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#c7e2ff', 'borderColor': '#0095ff', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.warning.small.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#fff1c2', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#fff1c2', 'borderColor': '#ffaa00', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.warning.small.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.warning.small.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#fff1c2', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#fff1c2', 'borderColor': '#ffaa00', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.warning.small.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.warning.small.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.warning.small.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.warning.small.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#fff1c2', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#fff1c2', 'borderColor': '#ffaa00', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.warning.medium.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#fff1c2', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#fff1c2', 'borderColor': '#ffaa00', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.warning.medium.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.warning.medium.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#fff1c2', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#fff1c2', 'borderColor': '#ffaa00', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.warning.medium.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.warning.medium.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.warning.medium.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.warning.medium.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#fff1c2', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#fff1c2', 'borderColor': '#ffaa00', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.warning.large.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#fff1c2', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#fff1c2', 'borderColor': '#ffaa00', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.warning.large.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.warning.large.checked.active': { - 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#fff1c2', + 'offsetValue': 20, + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#fff1c2', 'borderColor': '#ffaa00', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.warning.large.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.warning.large.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.warning.large.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.warning.large.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#fff1c2', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#fff1c2', 'borderColor': '#ffaa00', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.danger.small.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#FFD6D9', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#FFD6D9', 'borderColor': 'pink-primary', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.danger.small.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.danger.small.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#FFD6D9', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#FFD6D9', 'borderColor': 'pink-primary', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.danger.small.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.danger.small.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.danger.small.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.danger.small.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#FFD6D9', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#FFD6D9', 'borderColor': 'pink-primary', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.danger.medium.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#FFD6D9', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#FFD6D9', 'borderColor': 'pink-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.danger.medium.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.danger.medium.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#FFD6D9', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#FFD6D9', 'borderColor': 'pink-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.danger.medium.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.danger.medium.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.danger.medium.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.danger.medium.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#FFD6D9', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#FFD6D9', 'borderColor': 'pink-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.danger.large.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#FFD6D9', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#FFD6D9', 'borderColor': 'pink-primary', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.danger.large.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.danger.large.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#FFD6D9', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#FFD6D9', 'borderColor': 'pink-primary', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.danger.large.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.danger.large.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.danger.large.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.danger.large.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#FFD6D9', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#FFD6D9', 'borderColor': 'pink-primary', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.small.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.small.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.small.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.small.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.small.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.small.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.small.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 38, 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'default.medium.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.medium.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.medium.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.medium.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.medium.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.medium.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.medium.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'default.large.checked': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.large.checked.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.large.checked.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.large.checked.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.large.disabled': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.large.disabled.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': 'gray-light', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': 'gray-light', 'borderColor': 'gray-dark', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, 'default.large.active': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': '#e5e7ea', - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, - 'tintColor': '#d9e4ff', + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': '#e5e7ea', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, }, 'Tooltip': { 'default': { - 'popover': { - 'paddingVertical': 4, - 'paddingHorizontal': 8, - 'borderRadius': 8, - 'backgroundColor': '#0D1C2F', - }, - 'text': { - 'color': 'text-primary-inverse', - }, + 'popoverPaddingHorizontal': 8, + 'popoverPaddingVertical': 4, + 'popoverBorderRadius': 8, + 'popoverBackgroundColor': '#0D1C2F', + 'textColor': 'text-primary-inverse', }, }, 'TopNavigationBar': { @@ -13269,360 +10658,35 @@ export const style: ThemeStyleType = { 'paddingBottom': 12, 'paddingHorizontal': 16, 'backgroundColor': 'blue-primary', - 'title': { - 'color': 'text-primary-inverse', - 'fontSize': 16, - 'fontWeight': '600', - }, - 'subtitle': { - 'color': 'text-primary-inverse', - 'fontSize': 12, - 'fontWeight': '400', - }, + 'titleColor': 'text-primary-inverse', + 'titleFontSize': 16, + 'titleFontWeight': '600', + 'subtitleColor': 'text-primary-inverse', + 'subtitleFontSize': 12, + 'subtitleFontWeight': '400', 'textAlign': 'start', }, - 'title-centered': { + 'titleCentered': { 'height': 46, - 'paddingTop': 4, - 'paddingBottom': 12, - 'paddingHorizontal': 16, - 'backgroundColor': 'blue-primary', - 'title': { - 'color': 'text-primary-inverse', - 'fontSize': 16, - 'fontWeight': '600', - }, - 'subtitle': { - 'color': 'text-primary-inverse', - 'fontSize': 12, - 'fontWeight': '400', - }, - 'textAlign': 'center', - }, - }, - 'TopNavigationBarAction': { - 'default': { - 'width': 25, - 'height': 25, - 'marginRight': 8, - 'tintColor': 'white', - }, - }, - 'OverflowMenu': { - 'default': { - 'borderRadius': 6, - 'menuItem': { - 'borderRadius': 6, - }, - 'popover': { - 'backgroundColor': 'white', - }, - }, - }, - 'OverflowMenuItem': { - 'default': { - 'backgroundColor': 'white', - 'borderColor': 'gray-light', - 'borderWidth': 1.2, - 'text': { - 'color': 'blue-pitch-dark', - 'fontWeight': '600', - 'fontSize': 15, - 'marginHorizontal': 8, - }, - 'icon': { - 'tintColor': 'blue-pitch-dark', - 'width': 24, - 'height': 24, - 'marginHorizontal': 8, - }, - 'minHeight': 48, - 'padding': 12, - }, - 'default.disabled': { - 'backgroundColor': 'gray-dark', - 'borderColor': 'gray-light', - 'borderWidth': 1.2, - 'text': { - 'color': 'blue-pitch-dark', - 'fontWeight': '600', - 'fontSize': 15, - 'marginHorizontal': 8, - }, - 'icon': { - 'tintColor': 'blue-pitch-dark', - 'width': 24, - 'height': 24, - 'marginHorizontal': 8, - }, - 'minHeight': 48, - 'padding': 12, - }, - 'default.disabled.active': { - 'backgroundColor': 'gray-dark', - 'borderColor': 'gray-light', - 'borderWidth': 1.2, - 'text': { - 'color': 'blue-primary', - 'fontWeight': '600', - 'fontSize': 15, - 'marginHorizontal': 8, - }, - 'icon': { - 'tintColor': 'blue-primary', - 'width': 24, - 'height': 24, - 'marginHorizontal': 8, - }, - 'minHeight': 48, - 'padding': 12, - }, - 'default.active': { - 'backgroundColor': 'white', - 'borderColor': 'gray-light', - 'borderWidth': 1.2, - 'text': { - 'color': 'blue-primary', - 'fontWeight': '600', - 'fontSize': 15, - 'marginHorizontal': 8, - }, - 'icon': { - 'tintColor': 'blue-primary', - 'width': 24, - 'height': 24, - 'marginHorizontal': 8, - }, - 'minHeight': 48, - 'padding': 12, - }, - 'default.small': { - 'backgroundColor': 'white', - 'borderColor': 'gray-light', - 'borderWidth': 1.2, - 'text': { - 'color': 'blue-pitch-dark', - 'fontWeight': '600', - 'fontSize': 13, - 'marginHorizontal': 6, - }, - 'icon': { - 'tintColor': 'blue-pitch-dark', - 'width': 20, - 'height': 20, - 'marginHorizontal': 6, - }, - 'minHeight': 40, - 'padding': 10, - }, - 'default.medium': { - 'backgroundColor': 'white', - 'borderColor': 'gray-light', - 'borderWidth': 1.2, - 'text': { - 'color': 'blue-pitch-dark', - 'fontWeight': '600', - 'fontSize': 15, - 'marginHorizontal': 8, - }, - 'icon': { - 'tintColor': 'blue-pitch-dark', - 'width': 24, - 'height': 24, - 'marginHorizontal': 8, - }, - 'minHeight': 48, - 'padding': 12, - }, - 'default.large': { - 'backgroundColor': 'white', - 'borderColor': 'gray-light', - 'borderWidth': 1.2, - 'text': { - 'color': 'blue-pitch-dark', - 'fontWeight': '600', - 'fontSize': 17, - 'marginHorizontal': 10, - }, - 'icon': { - 'tintColor': 'blue-pitch-dark', - 'width': 28, - 'height': 28, - 'marginHorizontal': 10, - }, - 'minHeight': 56, - 'padding': 14, - }, - 'default.small.disabled': { - 'backgroundColor': 'gray-dark', - 'borderColor': 'gray-light', - 'borderWidth': 1.2, - 'text': { - 'color': 'blue-pitch-dark', - 'fontWeight': '600', - 'fontSize': 13, - 'marginHorizontal': 6, - }, - 'icon': { - 'tintColor': 'blue-pitch-dark', - 'width': 20, - 'height': 20, - 'marginHorizontal': 6, - }, - 'minHeight': 40, - 'padding': 10, - }, - 'default.small.disabled.active': { - 'backgroundColor': 'gray-dark', - 'borderColor': 'gray-light', - 'borderWidth': 1.2, - 'text': { - 'color': 'blue-primary', - 'fontWeight': '600', - 'fontSize': 13, - 'marginHorizontal': 6, - }, - 'icon': { - 'tintColor': 'blue-primary', - 'width': 20, - 'height': 20, - 'marginHorizontal': 6, - }, - 'minHeight': 40, - 'padding': 10, - }, - 'default.small.active': { - 'backgroundColor': 'white', - 'borderColor': 'gray-light', - 'borderWidth': 1.2, - 'text': { - 'color': 'blue-primary', - 'fontWeight': '600', - 'fontSize': 13, - 'marginHorizontal': 6, - }, - 'icon': { - 'tintColor': 'blue-primary', - 'width': 20, - 'height': 20, - 'marginHorizontal': 6, - }, - 'minHeight': 40, - 'padding': 10, - }, - 'default.medium.disabled': { - 'backgroundColor': 'gray-dark', - 'borderColor': 'gray-light', - 'borderWidth': 1.2, - 'text': { - 'color': 'blue-pitch-dark', - 'fontWeight': '600', - 'fontSize': 15, - 'marginHorizontal': 8, - }, - 'icon': { - 'tintColor': 'blue-pitch-dark', - 'width': 24, - 'height': 24, - 'marginHorizontal': 8, - }, - 'minHeight': 48, - 'padding': 12, - }, - 'default.medium.disabled.active': { - 'backgroundColor': 'gray-dark', - 'borderColor': 'gray-light', - 'borderWidth': 1.2, - 'text': { - 'color': 'blue-primary', - 'fontWeight': '600', - 'fontSize': 15, - 'marginHorizontal': 8, - }, - 'icon': { - 'tintColor': 'blue-primary', - 'width': 24, - 'height': 24, - 'marginHorizontal': 8, - }, - 'minHeight': 48, - 'padding': 12, - }, - 'default.medium.active': { - 'backgroundColor': 'white', - 'borderColor': 'gray-light', - 'borderWidth': 1.2, - 'text': { - 'color': 'blue-primary', - 'fontWeight': '600', - 'fontSize': 15, - 'marginHorizontal': 8, - }, - 'icon': { - 'tintColor': 'blue-primary', - 'width': 24, - 'height': 24, - 'marginHorizontal': 8, - }, - 'minHeight': 48, - 'padding': 12, - }, - 'default.large.disabled': { - 'backgroundColor': 'gray-dark', - 'borderColor': 'gray-light', - 'borderWidth': 1.2, - 'text': { - 'color': 'blue-pitch-dark', - 'fontWeight': '600', - 'fontSize': 17, - 'marginHorizontal': 10, - }, - 'icon': { - 'tintColor': 'blue-pitch-dark', - 'width': 28, - 'height': 28, - 'marginHorizontal': 10, - }, - 'minHeight': 56, - 'padding': 14, - }, - 'default.large.disabled.active': { - 'backgroundColor': 'gray-dark', - 'borderColor': 'gray-light', - 'borderWidth': 1.2, - 'text': { - 'color': 'blue-primary', - 'fontWeight': '600', - 'fontSize': 17, - 'marginHorizontal': 10, - }, - 'icon': { - 'tintColor': 'blue-primary', - 'width': 28, - 'height': 28, - 'marginHorizontal': 10, - }, - 'minHeight': 56, - 'padding': 14, + 'paddingTop': 4, + 'paddingBottom': 12, + 'paddingHorizontal': 16, + 'backgroundColor': 'blue-primary', + 'titleColor': 'text-primary-inverse', + 'titleFontSize': 16, + 'titleFontWeight': '600', + 'subtitleColor': 'text-primary-inverse', + 'subtitleFontSize': 12, + 'subtitleFontWeight': '400', + 'textAlign': 'center', }, - 'default.large.active': { - 'backgroundColor': 'white', - 'borderColor': 'gray-light', - 'borderWidth': 1.2, - 'text': { - 'color': 'blue-primary', - 'fontWeight': '600', - 'fontSize': 17, - 'marginHorizontal': 10, - }, - 'icon': { - 'tintColor': 'blue-primary', - 'width': 28, - 'height': 28, - 'marginHorizontal': 10, - }, - 'minHeight': 56, - 'padding': 14, + }, + 'TopNavigationBarAction': { + 'default': { + 'width': 25, + 'height': 25, + 'marginRight': 8, + 'tintColor': 'white', }, }, }; @@ -13631,7 +10695,7 @@ export const mapping: ThemeMappingType = { 'Avatar': { 'meta': { 'scope': 'all', - 'mapping': { + 'parameters': { 'roundCoefficient': { 'type': 'number', }, @@ -13650,7 +10714,7 @@ export const mapping: ThemeMappingType = { 'default': true, }, }, - 'variants': { + 'variantGroups': { 'shape': { 'round': { 'default': true, @@ -13676,12 +10740,12 @@ export const mapping: ThemeMappingType = { }, 'states': {}, }, - 'appearance': { + 'appearances': { 'default': { 'mapping': { 'margin': 16, }, - 'variant': { + 'variantGroups': { 'shape': { 'round': { 'roundCoefficient': 0.5, @@ -13714,13 +10778,32 @@ export const mapping: ThemeMappingType = { 'BottomNavigatorTab': { 'meta': { 'scope': 'mobile', - 'mapping': {}, + 'parameters': { + 'iconWidth': { + 'type': 'number', + }, + 'iconHeight': { + 'type': 'number', + }, + 'iconMarginBottom': { + 'type': 'number', + }, + 'iconTintColor': { + 'type': 'string', + }, + 'textColor': { + 'type': 'string', + }, + 'textFontWeight': { + 'type': 'string', + }, + }, 'appearances': { 'default': { 'default': true, }, }, - 'variants': {}, + 'variantGroups': {}, 'states': { 'selected': { 'default': false, @@ -13729,26 +10812,19 @@ export const mapping: ThemeMappingType = { }, }, }, - 'appearance': { + 'appearances': { 'default': { 'mapping': { - 'icon': { - 'width': 40, - 'height': 40, - 'marginBottom': 5, - 'tintColor': 'gray-dark', - }, - 'text': { - 'color': 'gray-dark', - }, + 'iconWidth': 40, + 'iconHeight': 40, + 'iconMarginBottom': 5, + 'iconTintColor': 'gray-dark', + 'textColor': 'gray-dark', + 'textFontWeight': '600', 'state': { 'selected': { - 'icon': { - 'tintColor': 'blue-primary', - }, - 'text': { - 'color': 'blue-primary', - }, + 'iconTintColor': 'blue-primary', + 'textColor': 'blue-primary', }, }, }, @@ -13758,50 +10834,52 @@ export const mapping: ThemeMappingType = { 'BottomTabNavigator': { 'meta': { 'scope': 'mobile', - 'mapping': { + 'parameters': { 'backgroundColor': { - 'type': 'color', + 'type': 'string', }, 'paddingVertical': { 'type': 'number', }, 'borderTopColor': { - 'type': 'color', + 'type': 'string', }, 'borderTopWidth': { 'type': 'number', }, + 'indicatorHeight': { + 'type': 'number', + }, + 'indicatorBackgroundColor': { + 'type': 'string', + }, }, 'appearances': { 'default': { 'default': true, }, - 'no-indicator': { + 'noIndicator': { 'default': false, }, }, - 'variants': {}, + 'variantGroups': {}, 'states': {}, }, - 'appearance': { + 'appearances': { 'default': { 'mapping': { 'backgroundColor': 'transparent', 'paddingVertical': 16, 'borderTopColor': 'gray-primary', 'borderTopWidth': 1, - 'indicator': { - 'height': 3, - 'backgroundColor': 'blue-primary', - }, + 'indicatorHeight': 3, + 'indicatorBackgroundColor': 'blue-primary', }, }, - 'no-indicator': { + 'noIndicator': { 'mapping': { - 'indicator': { - 'height': 0, - 'backgroundColor': 'transparent', - }, + 'indicatorHeight': 0, + 'indicatorBackgroundColor': 'transparent', }, }, }, @@ -13809,26 +10887,47 @@ export const mapping: ThemeMappingType = { 'Button': { 'meta': { 'scope': 'all', - 'mapping': { - 'highlightColor': { - 'type': 'color', - }, - 'innerSize': { + 'parameters': { + 'minWidth': { 'type': 'number', }, - 'selectColor': { - 'type': 'color', + 'minHeight': { + 'type': 'number', }, - 'borderColor': { - 'type': 'color', + 'padding': { + 'type': 'number', }, - 'highlightSize': { + 'borderRadius': { 'type': 'number', }, 'borderWidth': { - 'type': 'color', + 'type': 'number', }, - 'size': { + 'backgroundColor': { + 'type': 'string', + }, + 'textColor': { + 'type': 'string', + }, + 'textFontSize': { + 'type': 'number', + }, + 'textFontWeight': { + 'type': 'string', + }, + 'textMarginHorizontal': { + 'type': 'number', + }, + 'iconWidth': { + 'type': 'number', + }, + 'iconHeight': { + 'type': 'number', + }, + 'iconTintColor': { + 'type': 'string', + }, + 'iconMarginHorizontal': { 'type': 'number', }, }, @@ -13840,7 +10939,7 @@ export const mapping: ThemeMappingType = { 'default': false, }, }, - 'variants': { + 'variantGroups': { 'status': { 'primary': { 'default': true, @@ -13889,20 +10988,16 @@ export const mapping: ThemeMappingType = { }, }, }, - 'appearance': { + 'appearances': { 'filled': { 'mapping': { 'borderRadius': 6, - 'text': { - 'color': 'text-primary-inverse', - 'fontWeight': '800', - }, - 'icon': { - 'tintColor': '#ffffff', - 'marginHorizontal': 4, - }, + 'textColor': 'text-primary-inverse', + 'textFontWeight': '800', + 'iconTintColor': '#ffffff', + 'iconMarginHorizontal': 4, }, - 'variant': { + 'variantGroups': { 'status': { 'primary': { 'backgroundColor': '#2196F3', @@ -13947,74 +11042,54 @@ export const mapping: ThemeMappingType = { }, 'size': { 'tiny': { - 'minHeight': 16, 'minWidth': 16, + 'minHeight': 16, 'padding': 3, - 'text': { - 'fontSize': 10, - 'marginHorizontal': 3, - }, - 'icon': { - 'width': 11, - 'height': 11, - 'marginHorizontal': 3, - }, + 'textFontSize': 10, + 'textMarginHorizontal': 3, + 'iconWidth': 11, + 'iconHeight': 11, + 'iconMarginHorizontal': 3, }, 'small': { 'minHeight': 20, 'minWidth': 20, 'padding': 3.5, - 'text': { - 'fontSize': 11, - 'marginHorizontal': 3.5, - }, - 'icon': { - 'width': 12, - 'height': 12, - 'marginHorizontal': 3.5, - }, + 'textFontSize': 11, + 'textMarginHorizontal': 3.5, + 'iconWidth': 12, + 'iconHeight': 12, + 'iconMarginHorizontal': 3.5, }, 'medium': { 'minHeight': 24, 'minWidth': 24, 'padding': 4, - 'text': { - 'fontSize': 12, - 'marginHorizontal': 4, - }, - 'icon': { - 'width': 13, - 'height': 13, - 'marginHorizontal': 4, - }, + 'textFontSize': 12, + 'textMarginHorizontal': 4, + 'iconWidth': 13, + 'iconHeight': 13, + 'iconMarginHorizontal': 4, }, 'large': { 'minHeight': 30, 'minWidth': 30, 'padding': 4.5, - 'text': { - 'fontSize': 13, - 'marginHorizontal': 4.5, - }, - 'icon': { - 'width': 14, - 'height': 14, - 'marginHorizontal': 4.5, - }, + 'textFontSize': 13, + 'textMarginHorizontal': 4.5, + 'iconWidth': 14, + 'iconHeight': 14, + 'iconMarginHorizontal': 4.5, }, 'giant': { 'minHeight': 36, 'minWidth': 36, 'padding': 5, - 'text': { - 'fontSize': 14, - 'marginHorizontal': 5, - }, - 'icon': { - 'width': 15, - 'height': 15, - 'marginHorizontal': 5, - }, + 'textFontSize': 14, + 'textMarginHorizontal': 5, + 'iconWidth': 15, + 'iconHeight': 15, + 'iconMarginHorizontal': 5, }, }, }, @@ -14023,115 +11098,75 @@ export const mapping: ThemeMappingType = { 'mapping': { 'borderWidth': 2, }, - 'variant': { + 'variantGroups': { 'status': { 'primary': { 'backgroundColor': 'transparent', 'borderColor': '#2196F3', - 'text': { - 'color': '#2196F3', - }, - 'icon': { - 'tintColor': '#2196F3', - }, + 'textColor': '#2196F3', + 'iconTintColor': '#2196F3', 'state': { 'active': { 'backgroundColor': 'transparent', 'borderColor': '#1E88E5', - 'text': { - 'color': '#1E88E5', - }, - 'icon': { - 'tintColor': '#1E88E5', - }, + 'textColor': '#1E88E5', + 'iconTintColor': '#1E88E5', }, }, }, 'success': { 'backgroundColor': 'transparent', 'borderColor': '#4CAF50', - 'text': { - 'color': '#4CAF50', - }, - 'icon': { - 'tintColor': '#4CAF50', - }, + 'textColor': '#4CAF50', + 'iconTintColor': '#4CAF50', 'state': { 'active': { 'backgroundColor': 'transparent', 'borderColor': '#43A047', - 'text': { - 'color': '#43A047', - }, - 'icon': { - 'tintColor': '#43A047', - }, + 'textColor': '#43A047', + 'iconTintColor': '#43A047', }, }, }, 'info': { 'backgroundColor': 'transparent', 'borderColor': '#03A9F4', - 'text': { - 'color': '#03A9F4', - }, - 'icon': { - 'tintColor': '#03A9F4', - }, + 'textColor': '#03A9F4', + 'iconTintColor': '#03A9F4', 'state': { 'active': { 'backgroundColor': 'transparent', 'borderColor': '#039BE5', - 'text': { - 'color': '#039BE5', - }, - 'icon': { - 'tintColor': '#039BE5', - }, + 'textColor': '#039BE5', + 'iconTintColor': '#039BE5', }, }, }, 'warning': { 'backgroundColor': 'transparent', 'borderColor': '#FFC107', - 'text': { - 'color': '#FFC107', - }, - 'icon': { - 'tintColor': '#FFC107', - }, + 'textColor': '#FFC107', + 'iconTintColor': '#FFC107', 'state': { 'active': { 'backgroundColor': 'transparent', 'borderColor': '#FFB300', - 'text': { - 'color': '#FFB300', - }, - 'icon': { - 'tintColor': '#FFB300', - }, + 'textColor': '#FFB300', + 'iconTintColor': '#FFB300', }, }, }, 'danger': { 'backgroundColor': 'transparent', 'borderColor': '#F44336', - 'text': { - 'color': '#F44336', - }, - 'icon': { - 'tintColor': '#F44336', - }, + 'textColor': '#F44336', + 'iconTintColor': '#F44336', 'state': { 'active': { 'backgroundColor': 'transparent', 'borderColor': '#E53935', - 'text': { - 'color': '#E53935', - }, - 'icon': { - 'tintColor': '#E53935', - }, + 'textColor': '#E53935', + 'iconTintColor': '#E53935', }, }, }, @@ -14143,7 +11178,11 @@ export const mapping: ThemeMappingType = { 'ButtonGroup': { 'meta': { 'scope': 'all', - 'mapping': {}, + 'parameters': { + 'buttonBorderRadius': { + 'type': 'number', + }, + }, 'appearances': { 'filled': { 'default': true, @@ -14152,7 +11191,7 @@ export const mapping: ThemeMappingType = { 'default': false, }, }, - 'variants': { + 'variantGroups': { 'size': { 'tiny': { 'default': false, @@ -14173,14 +11212,12 @@ export const mapping: ThemeMappingType = { }, 'states': {}, }, - 'appearance': { + 'appearances': { 'filled': { 'mapping': { - 'button': { - 'borderRadius': 6, - }, + 'buttonBorderRadius': 6, }, - 'variant': { + 'variantGroups': { 'size': { 'tiny': {}, 'small': {}, @@ -14198,7 +11235,7 @@ export const mapping: ThemeMappingType = { 'CheckBox': { 'meta': { 'scope': 'all', - 'mapping': { + 'parameters': { 'width': { 'type': 'number', }, @@ -14212,10 +11249,43 @@ export const mapping: ThemeMappingType = { 'type': 'number', }, 'borderColor': { - 'type': 'color', + 'type': 'string', }, 'backgroundColor': { - 'type': 'color', + 'type': 'string', + }, + 'textColor': { + 'type': 'string', + }, + 'textFontSize': { + 'type': 'number', + }, + 'textFontWeight': { + 'type': 'string', + }, + 'textMarginLeft': { + 'type': 'number', + }, + 'selectWidth': { + 'type': 'number', + }, + 'selectHeight': { + 'type': 'number', + }, + 'selectBackgroundColor': { + 'type': 'string', + }, + 'highlightWidth': { + 'type': 'number', + }, + 'highlightHeight': { + 'type': 'number', + }, + 'highlightBorderRadius': { + 'type': 'number', + }, + 'highlightBackgroundColor': { + 'type': 'string', }, }, 'appearances': { @@ -14223,7 +11293,7 @@ export const mapping: ThemeMappingType = { 'default': true, }, }, - 'variants': { + 'variantGroups': { 'status': { 'error': { 'default': false, @@ -14259,44 +11329,32 @@ export const mapping: ThemeMappingType = { }, }, }, - 'appearance': { + 'appearances': { 'default': { 'mapping': { 'borderWidth': 2, 'borderRadius': 4, 'borderColor': 'gray-primary', 'backgroundColor': 'gray-light', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - }, - 'highlight': { - 'borderRadius': 8, - 'backgroundColor': 'transparent', - }, - 'select': { - 'backgroundColor': 'transparent', - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBorderRadius': 8, + 'highlightBackgroundColor': 'transparent', 'state': { 'active': { 'borderColor': 'gray-dark', - 'highlight': { - 'backgroundColor': 'gray-light', - }, + 'highlightBackgroundColor': 'gray-light', }, 'checked': { 'borderColor': 'transparent', 'backgroundColor': 'blue-primary', - 'select': { - 'backgroundColor': '#FFFFFF', - }, + 'selectBackgroundColor': '#FFFFFF', }, 'disabled': { 'borderColor': 'gray-light', 'backgroundColor': '#F1F5F5', - 'text': { - 'color': 'gray-300', - }, + 'textColor': 'gray-300', }, 'checked.active': { 'borderColor': 'blue-dark', @@ -14307,7 +11365,7 @@ export const mapping: ThemeMappingType = { }, }, }, - 'variant': { + 'variantGroups': { 'status': { 'error': { 'borderColor': 'pink-primary', @@ -14330,50 +11388,32 @@ export const mapping: ThemeMappingType = { 'small': { 'width': 24, 'height': 24, - 'text': { - 'marginLeft': 10, - 'fontSize': 14, - }, - 'select': { - 'width': 12, - 'height': 12, - }, - 'highlight': { - 'width': 40, - 'height': 40, - }, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 12, + 'selectHeight': 12, + 'highlightWidth': 40, + 'highlightHeight': 40, }, 'medium': { 'width': 30, 'height': 30, - 'text': { - 'marginLeft': 12, - 'fontSize': 16, - }, - 'select': { - 'width': 14, - 'height': 14, - }, - 'highlight': { - 'width': 50, - 'height': 50, - }, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 14, + 'selectHeight': 14, + 'highlightWidth': 50, + 'highlightHeight': 50, }, 'large': { 'width': 36, 'height': 36, - 'text': { - 'marginLeft': 14, - 'fontSize': 18, - }, - 'select': { - 'width': 16, - 'height': 16, - }, - 'highlight': { - 'width': 60, - 'height': 60, - }, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 16, + 'selectHeight': 16, + 'highlightWidth': 60, + 'highlightHeight': 60, }, }, }, @@ -14383,13 +11423,53 @@ export const mapping: ThemeMappingType = { 'Input': { 'meta': { 'scope': 'all', - 'mapping': {}, + 'parameters': { + 'paddingVertical': { + 'type': 'number', + }, + 'paddingHorizontal': { + 'type': 'number', + }, + 'minHeight': { + 'type': 'number', + }, + 'borderRadius': { + 'type': 'number', + }, + 'borderWidth': { + 'type': 'number', + }, + 'borderColor': { + 'type': 'string', + }, + 'backgroundColor': { + 'type': 'string', + }, + 'textMarginHorizontal': { + 'type': 'number', + }, + 'textColor': { + 'type': 'string', + }, + 'iconWidth': { + 'type': 'number', + }, + 'iconHeight': { + 'type': 'number', + }, + 'iconMarginHorizontal': { + 'type': 'number', + }, + 'iconTintColor': { + 'type': 'string', + }, + }, 'appearances': { 'default': { 'default': true, }, }, - 'variants': { + 'variantGroups': { 'status': { 'primary': { 'default': true, @@ -14421,7 +11501,7 @@ export const mapping: ThemeMappingType = { }, }, }, - 'appearance': { + 'appearances': { 'default': { 'mapping': { 'paddingVertical': 12, @@ -14429,39 +11509,29 @@ export const mapping: ThemeMappingType = { 'minHeight': 48, 'borderRadius': 6, 'borderWidth': 2, - 'backgroundColor': 'gray-100', 'borderColor': 'transparent', - 'text': { - 'marginHorizontal': 6, - 'color': 'gray-400', - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 6, - 'tintColor': 'gray-400', - }, + 'backgroundColor': 'gray-100', + 'textMarginHorizontal': 6, + 'textColor': 'gray-400', + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'gray-400', 'state': { 'disabled': { 'backgroundColor': 'gray-200', - 'text': { - 'color': 'gray-300', - }, - 'icon': { - 'tintColor': 'gray-300', - }, + 'textColor': 'gray-300', + 'iconTintColor': 'gray-300', }, }, }, - 'variant': { + 'variantGroups': { 'status': { 'primary': { 'state': { 'focused': { 'borderColor': 'blue-primary', - 'icon': { - 'tintColor': 'blue-primary', - }, + 'iconTintColor': 'blue-primary', }, }, }, @@ -14469,9 +11539,7 @@ export const mapping: ThemeMappingType = { 'state': { 'focused': { 'borderColor': '#4CAF50', - 'icon': { - 'tintColor': '#4CAF50', - }, + 'iconTintColor': '#4CAF50', }, }, }, @@ -14479,9 +11547,7 @@ export const mapping: ThemeMappingType = { 'state': { 'focused': { 'borderColor': '#03A9F4', - 'icon': { - 'tintColor': '#03A9F4', - }, + 'iconTintColor': '#03A9F4', }, }, }, @@ -14489,9 +11555,7 @@ export const mapping: ThemeMappingType = { 'state': { 'focused': { 'borderColor': '#FFC107', - 'icon': { - 'tintColor': '#FFC107', - }, + 'iconTintColor': '#FFC107', }, }, }, @@ -14499,9 +11563,7 @@ export const mapping: ThemeMappingType = { 'state': { 'focused': { 'borderColor': '#F44336', - 'icon': { - 'tintColor': '#F44336', - }, + 'iconTintColor': '#F44336', }, }, }, @@ -14513,16 +11575,35 @@ export const mapping: ThemeMappingType = { 'Layout': { 'meta': { 'scope': 'mobile', - 'mapping': {}, + 'parameters': { + 'paddingHorizontal': { + 'type': 'number', + }, + 'paddingVertical': { + 'type': 'number', + }, + 'backgroundColor': { + 'type': 'string', + }, + 'borderColor': { + 'type': 'number', + }, + 'borderRadius': { + 'type': 'number', + }, + 'borderWidth': { + 'type': 'number', + }, + }, 'appearances': { 'default': { 'default': true, }, }, - 'variants': {}, + 'variantGroups': {}, 'states': {}, }, - 'appearance': { + 'appearances': { 'default': { 'mapping': { 'paddingHorizontal': 16, @@ -14538,33 +11619,86 @@ export const mapping: ThemeMappingType = { 'List': { 'meta': { 'scope': 'all', - 'mapping': {}, + 'parameters': {}, 'appearances': { 'default': { 'default': true, }, }, - 'variants': {}, + 'variantGroups': {}, 'states': {}, }, - 'appearance': { + 'appearances': { 'default': { - 'mapping': { - 'item': {}, - }, + 'mapping': {}, }, }, }, 'ListItem': { 'meta': { 'scope': 'all', - 'mapping': {}, + 'parameters': { + 'paddingVertical': { + 'type': 'number', + }, + 'paddingHorizontal': { + 'type': 'number', + }, + 'iconWidth': { + 'type': 'number', + }, + 'iconHeight': { + 'type': 'number', + }, + 'iconMarginHorizontal': { + 'type': 'number', + }, + 'iconTintColor': { + 'type': 'string', + }, + 'titleColor': { + 'type': 'string', + }, + 'titleFontSize': { + 'type': 'number', + }, + 'titleFontWeight': { + 'type': 'string', + }, + 'titleMarginHorizontal': { + 'type': 'number', + }, + 'titleMarginVertical': { + 'type': 'number', + }, + 'descriptionColor': { + 'type': 'string', + }, + 'descriptionFontSize': { + 'type': 'number', + }, + 'descriptionMarginHorizontal': { + 'type': 'number', + }, + 'descriptionMarginVertical': { + 'type': 'number', + }, + 'accessoryWidth': { + 'type': 'number', + }, + 'accessoryHeight': { + 'type': 'number', + }, + 'accessoryMarginHorizontal': { + 'type': 'number', + }, + }, 'appearances': { 'default': { 'default': true, }, }, - 'variants': {}, + 'variantGroups': {}, 'states': { 'active': { 'default': false, @@ -14573,35 +11707,27 @@ export const mapping: ThemeMappingType = { }, }, }, - 'appearance': { + 'appearances': { 'default': { 'mapping': { 'paddingVertical': 12, 'paddingHorizontal': 6, - 'icon': { - 'width': 48, - 'height': 48, - 'marginHorizontal': 6, - 'tintColor': 'gray-primary', - }, - 'title': { - 'color': 'text-primary', - 'fontSize': 20, - 'fontWeight': '600', - 'marginHorizontal': 6, - 'marginVertical': 4, - }, - 'description': { - 'marginHorizontal': 6, - 'marginVertical': 4, - 'color': 'gray-400', - 'fontSize': 14, - }, - 'accessory': { - 'width': 48, - 'height': 48, - 'marginHorizontal': 6, - }, + 'iconWidth': 48, + 'iconHeight': 48, + 'iconMarginHorizontal': 6, + 'iconTintColor': 'gray-primary', + 'titleColor': 'text-primary', + 'titleFontSize': 20, + 'titleFontWeight': '600', + 'titleMarginHorizontal': 6, + 'titleMarginVertical': 4, + 'descriptionColor': 'gray-400', + 'descriptionFontSize': 14, + 'descriptionMarginHorizontal': 6, + 'descriptionMarginVertical': 4, + 'accessoryWidth': 48, + 'accessoryHeight': 48, + 'accessoryMarginHorizontal': 6, 'state': { 'active': { 'backgroundColor': 'gray-100', @@ -14611,26 +11737,79 @@ export const mapping: ThemeMappingType = { }, }, }, - 'Modal': { + 'OverflowMenu': { 'meta': { 'scope': 'all', - 'mapping': { - 'paddingHorizontal': { + 'parameters': { + 'borderRadius': { 'type': 'number', }, - 'paddingVertical': { + 'itemBorderRadius': { + 'type': 'number', + }, + 'popoverBackgroundColor': { + 'type': 'string', + }, + }, + 'appearances': { + 'default': { + 'default': true, + }, + }, + 'states': {}, + 'variantGroups': {}, + }, + 'appearances': { + 'default': { + 'mapping': { + 'borderRadius': 6, + 'itemBorderRadius': 6, + 'popoverBackgroundColor': 'white', + }, + }, + }, + }, + 'OverflowMenuItem': { + 'meta': { + 'scope': 'all', + 'parameters': { + 'minHeight': { + 'type': 'number', + }, + 'padding': { 'type': 'number', }, 'backgroundColor': { - 'type': 'color', + 'type': 'string', + }, + 'borderColor': { + 'type': 'string', + }, + 'borderWidth': { + 'type': 'number', + }, + 'textColor': { + 'type': 'string', + }, + 'textFontWeight': { + 'type': 'string', + }, + 'textFontSize': { + 'type': 'number', + }, + 'textMarginHorizontal': { + 'type': 'number', + }, + 'iconTintColor': { + 'type': 'string', }, - 'borderColor': { - 'type': 'color', + 'iconWidth': { + 'type': 'number', }, - 'borderRadius': { + 'iconHeight': { 'type': 'number', }, - 'borderWidth': { + 'iconMarginHorizontal': { 'type': 'number', }, }, @@ -14639,18 +11818,81 @@ export const mapping: ThemeMappingType = { 'default': true, }, }, - 'variants': {}, - 'states': {}, + 'variantGroups': { + 'size': { + 'small': { + 'default': false, + }, + 'medium': { + 'default': true, + }, + 'large': { + 'default': false, + }, + }, + }, + 'states': { + 'disabled': { + 'default': false, + 'priority': 0, + 'scope': 'all', + }, + 'active': { + 'default': false, + 'priority': 1, + 'scope': 'all', + }, + }, }, - 'appearance': { + 'appearances': { 'default': { 'mapping': { - 'paddingHorizontal': 16, - 'paddingVertical': 8, - 'backgroundColor': 'transparent', - 'borderColor': 'blue-dark', - 'borderRadius': 3, - 'borderWidth': 1, + 'backgroundColor': 'white', + 'borderColor': 'gray-light', + 'borderWidth': 1.2, + 'textColor': 'blue-pitch-dark', + 'textFontWeight': '600', + 'iconTintColor': 'blue-pitch-dark', + 'state': { + 'disabled': { + 'backgroundColor': 'gray-dark', + }, + 'active': { + 'textColor': 'blue-primary', + 'iconTintColor': 'blue-primary', + }, + }, + }, + 'variantGroups': { + 'size': { + 'small': { + 'minHeight': 40, + 'padding': 10, + 'textFontSize': 13, + 'textMarginHorizontal': 6, + 'iconWidth': 20, + 'iconHeight': 20, + 'iconMarginHorizontal': 6, + }, + 'medium': { + 'minHeight': 48, + 'padding': 12, + 'textFontSize': 15, + 'textMarginHorizontal': 8, + 'iconWidth': 24, + 'iconHeight': 24, + 'iconMarginHorizontal': 8, + }, + 'large': { + 'minHeight': 56, + 'padding': 14, + 'textFontSize': 17, + 'textMarginHorizontal': 10, + 'iconWidth': 28, + 'iconHeight': 28, + 'iconMarginHorizontal': 10, + }, + }, }, }, }, @@ -14658,16 +11900,16 @@ export const mapping: ThemeMappingType = { 'Popover': { 'meta': { 'scope': 'all', - 'mapping': {}, + 'parameters': {}, 'appearances': { 'default': { 'default': true, }, }, - 'variants': {}, + 'variantGroups': {}, 'states': {}, }, - 'appearance': { + 'appearances': { 'default': { 'mapping': {}, }, @@ -14676,7 +11918,7 @@ export const mapping: ThemeMappingType = { 'Radio': { 'meta': { 'scope': 'all', - 'mapping': { + 'parameters': { 'width': { 'type': 'number', }, @@ -14690,7 +11932,43 @@ export const mapping: ThemeMappingType = { 'type': 'number', }, 'borderColor': { - 'type': 'color', + 'type': 'string', + }, + 'textColor': { + 'type': 'string', + }, + 'textMarginLeft': { + 'type': 'number', + }, + 'textFontSize': { + 'type': 'number', + }, + 'textFontWeight': { + 'type': 'string', + }, + 'selectWidth': { + 'type': 'number', + }, + 'selectHeight': { + 'type': 'number', + }, + 'selectBorderRadius': { + 'type': 'number', + }, + 'selectBackgroundColor': { + 'type': 'string', + }, + 'highlightWidth': { + 'type': 'number', + }, + 'highlightHeight': { + 'type': 'number', + }, + 'highlightBorderRadius': { + 'type': 'number', + }, + 'highlightBackgroundColor': { + 'type': 'string', }, }, 'appearances': { @@ -14698,7 +11976,7 @@ export const mapping: ThemeMappingType = { 'default': true, }, }, - 'variants': { + 'variantGroups': { 'status': { 'error': { 'default': false, @@ -14734,60 +12012,44 @@ export const mapping: ThemeMappingType = { }, }, }, - 'appearance': { + 'appearances': { 'default': { 'mapping': { 'borderWidth': 2, 'borderColor': 'gray-primary', - 'text': { - 'color': 'text-primary', - 'fontWeight': '500', - }, - 'select': { - 'backgroundColor': 'transparent', - }, - 'highlight': { - 'backgroundColor': 'transparent', - }, + 'textColor': 'text-primary', + 'textFontWeight': '500', + 'selectBackgroundColor': 'transparent', + 'highlightBackgroundColor': 'transparent', 'state': { 'active': { 'borderColor': 'gray-dark', - 'highlight': { - 'backgroundColor': 'gray-light', - }, + 'highlightBackgroundColor': 'gray-light', }, 'checked': { 'borderColor': 'blue-primary', - 'select': { - 'backgroundColor': 'blue-primary', - }, + 'selectBackgroundColor': 'blue-primary', }, 'disabled': { 'borderColor': 'gray-light', - 'text': { - 'color': 'gray-300', - }, + 'textColor': 'gray-300', }, 'checked.active': { 'borderColor': 'blue-dark', }, 'checked.disabled': { - 'select': { - 'backgroundColor': 'gray-primary', - }, + 'selectBackgroundColor': 'gray-primary', }, }, }, - 'variant': { + 'variantGroups': { 'status': { 'error': { 'borderColor': 'pink-primary', 'state': { 'checked': { 'borderColor': 'pink-primary', - 'select': { - 'backgroundColor': 'pink-primary', - }, + 'selectBackgroundColor': 'pink-primary', }, 'checked.active': { 'borderColor': 'pink-primary', @@ -14800,58 +12062,40 @@ export const mapping: ThemeMappingType = { 'width': 30, 'height': 30, 'borderRadius': 15, - 'select': { - 'width': 20, - 'height': 20, - 'borderRadius': 10, - }, - 'highlight': { - 'width': 50, - 'height': 50, - 'borderRadius': 25, - }, - 'text': { - 'marginLeft': 10, - 'fontSize': 14, - }, + 'textMarginLeft': 10, + 'textFontSize': 14, + 'selectWidth': 20, + 'selectHeight': 20, + 'selectBorderRadius': 10, + 'highlightWidth': 50, + 'highlightHeight': 50, + 'highlightBorderRadius': 25, }, 'medium': { 'width': 36, 'height': 36, 'borderRadius': 18, - 'select': { - 'width': 24, - 'height': 24, - 'borderRadius': 12, - }, - 'highlight': { - 'width': 60, - 'height': 60, - 'borderRadius': 30, - }, - 'text': { - 'marginLeft': 12, - 'fontSize': 16, - }, + 'textMarginLeft': 12, + 'textFontSize': 16, + 'selectWidth': 24, + 'selectHeight': 24, + 'selectBorderRadius': 12, + 'highlightWidth': 60, + 'highlightHeight': 60, + 'highlightBorderRadius': 30, }, 'large': { 'width': 42, 'height': 42, 'borderRadius': 21, - 'select': { - 'width': 28, - 'height': 28, - 'borderRadius': 14, - }, - 'highlight': { - 'width': 70, - 'height': 70, - 'borderRadius': 35, - }, - 'text': { - 'marginLeft': 14, - 'fontSize': 18, - }, + 'textMarginLeft': 14, + 'textFontSize': 18, + 'selectWidth': 28, + 'selectHeight': 28, + 'selectBorderRadius': 14, + 'highlightWidth': 70, + 'highlightHeight': 70, + 'highlightBorderRadius': 35, }, }, }, @@ -14861,7 +12105,7 @@ export const mapping: ThemeMappingType = { 'RadioGroup': { 'meta': { 'scope': 'all', - 'mapping': { + 'parameters': { 'padding': { 'type': 'number', }, @@ -14871,10 +12115,10 @@ export const mapping: ThemeMappingType = { 'default': true, }, }, - 'variants': {}, + 'variantGroups': {}, 'states': {}, }, - 'appearance': { + 'appearances': { 'default': { 'mapping': { 'padding': 0, @@ -14885,13 +12129,29 @@ export const mapping: ThemeMappingType = { 'Tab': { 'meta': { 'scope': 'all', - 'mapping': {}, + 'parameters': { + 'textColor': { + 'type': 'string', + }, + 'textFontWeight': { + 'type': 'number', + }, + 'iconWidth': { + 'type': 'number', + }, + 'iconHeight': { + 'type': 'number', + }, + 'iconTintColor': { + 'type': 'string', + }, + }, 'appearances': { 'default': { 'default': true, }, }, - 'variants': {}, + 'variantGroups': {}, 'states': { 'selected': { 'default': false, @@ -14900,26 +12160,18 @@ export const mapping: ThemeMappingType = { }, }, }, - 'appearance': { + 'appearances': { 'default': { 'mapping': { - 'text': { - 'color': 'gray-dark', - 'fontWeight': '600', - }, - 'icon': { - 'width': 20, - 'height': 20, - 'tintColor': 'gray-dark', - }, + 'textColor': 'gray-dark', + 'textFontWeight': '600', + 'iconWidth': 20, + 'iconHeight': 20, + 'iconTintColor': 'gray-dark', 'state': { 'selected': { - 'text': { - 'color': 'blue-primary', - }, - 'icon': { - 'tintColor': 'blue-primary', - }, + 'textColor': 'blue-primary', + 'iconTintColor': 'blue-primary', }, }, }, @@ -14929,28 +12181,35 @@ export const mapping: ThemeMappingType = { 'TabBar': { 'meta': { 'scope': 'all', - 'mapping': { + 'parameters': { 'height': { 'type': 'number', }, + 'indicatorHeight': { + 'type': 'number', + }, + 'indicatorBorderRadius': { + 'type': 'number', + }, + 'indicatorBackgroundColor': { + 'type': 'string', + }, }, 'appearances': { 'default': { 'default': true, }, }, - 'variants': {}, + 'variantGroups': {}, 'states': {}, }, - 'appearance': { + 'appearances': { 'default': { 'mapping': { 'height': 42, - 'indicator': { - 'height': 4, - 'borderRadius': 2, - 'backgroundColor': 'blue-primary', - }, + 'indicatorHeight': 4, + 'indicatorBorderRadius': 2, + 'indicatorBackgroundColor': 'blue-primary', }, }, }, @@ -14958,9 +12217,9 @@ export const mapping: ThemeMappingType = { 'Text': { 'meta': { 'scope': 'all', - 'mapping': { + 'parameters': { 'color': { - 'type': 'color', + 'type': 'string', }, 'fontSize': { 'type': 'number', @@ -14971,7 +12230,7 @@ export const mapping: ThemeMappingType = { 'default': true, }, }, - 'variants': { + 'variantGroups': { 'category': { 'h1': { 'default': false, @@ -14998,12 +12257,12 @@ export const mapping: ThemeMappingType = { }, 'states': {}, }, - 'appearance': { + 'appearances': { 'primary': { 'mapping': { 'color': 'text-primary', }, - 'variant': { + 'variantGroups': { 'category': { 'h1': { 'fontSize': 64, @@ -15034,7 +12293,7 @@ export const mapping: ThemeMappingType = { 'Toggle': { 'meta': { 'scope': 'all', - 'mapping': { + 'parameters': { 'width': { 'type': 'number', }, @@ -15050,11 +12309,26 @@ export const mapping: ThemeMappingType = { 'offsetValue': { 'type': 'number', }, - 'tintColor': { - 'type': 'color', + 'tintBackgroundColor': { + 'type': 'string', }, 'borderColor': { - 'type': 'color', + 'type': 'string', + }, + 'thumbBackgroundColor': { + 'type': 'string', + }, + 'highlightBackgroundColor': { + 'type': 'string', + }, + 'highlightWidth': { + 'type': 'number', + }, + 'highlightHeight': { + 'type': 'number', + }, + 'highlightBorderRadius': { + 'type': 'number', }, }, 'appearances': { @@ -15062,7 +12336,7 @@ export const mapping: ThemeMappingType = { 'default': true, }, }, - 'variants': { + 'variantGroups': { 'status': { 'primary': { 'default': true, @@ -15110,48 +12384,42 @@ export const mapping: ThemeMappingType = { }, }, }, - 'appearance': { + 'appearances': { 'default': { 'mapping': { 'offsetValue': 20, - 'thumb': { - 'backgroundColor': '#ffffff', - }, - 'highlight': { - 'backgroundColor': 'transparent', - }, + 'thumbBackgroundColor': '#ffffff', + 'highlightBackgroundColor': 'transparent', 'state': { 'active': { - 'highlight': { - 'backgroundColor': '#e5e7ea', - }, + 'highlightBackgroundColor': '#e5e7ea', }, 'disabled': { 'borderColor': 'gray-dark', - 'tintColor': 'gray-light', + 'tintBackgroundColor': 'gray-light', }, }, }, - 'variant': { + 'variantGroups': { 'status': { 'primary': { - 'tintColor': '#d9e4ff', + 'tintBackgroundColor': '#d9e4ff', 'borderColor': 'blue-primary', }, 'success': { - 'tintColor': '#b3ffd6', + 'tintBackgroundColor': '#b3ffd6', 'borderColor': '#00e096', }, 'info': { - 'tintColor': '#c7e2ff', + 'tintBackgroundColor': '#c7e2ff', 'borderColor': '#0095ff', }, 'warning': { - 'tintColor': '#fff1c2', + 'tintBackgroundColor': '#fff1c2', 'borderColor': '#ffaa00', }, 'danger': { - 'tintColor': '#FFD6D9', + 'tintBackgroundColor': '#FFD6D9', 'borderColor': 'pink-primary', }, }, @@ -15161,33 +12429,27 @@ export const mapping: ThemeMappingType = { 'height': 22, 'borderRadius': 11, 'borderWidth': 0.5, - 'highlight': { - 'width': 48, - 'height': 32, - 'borderRadius': 16, - }, + 'highlightWidth': 48, + 'highlightHeight': 32, + 'highlightBorderRadius': 16, }, 'medium': { 'width': 52, 'height': 32, 'borderRadius': 16, 'borderWidth': 1.5, - 'highlight': { - 'width': 62, - 'height': 42, - 'borderRadius': 21, - }, + 'highlightWidth': 62, + 'highlightHeight': 42, + 'highlightBorderRadius': 21, }, 'large': { 'width': 72, 'height': 42, 'borderRadius': 21, 'borderWidth': 2, - 'highlight': { - 'width': 82, - 'height': 52, - 'borderRadius': 26, - }, + 'highlightWidth': 82, + 'highlightHeight': 52, + 'highlightBorderRadius': 26, }, }, }, @@ -15197,27 +12459,39 @@ export const mapping: ThemeMappingType = { 'Tooltip': { 'meta': { 'scope': 'all', - 'mapping': {}, + 'parameters': { + 'popoverPaddingHorizontal': { + 'type': 'number', + }, + 'popoverPaddingVertical': { + 'type': 'number', + }, + 'popoverBorderRadius': { + 'type': 'number', + }, + 'popoverBackgroundColor': { + 'type': 'string', + }, + 'textColor': { + 'type': 'string', + }, + }, 'appearances': { 'default': { 'default': true, }, }, - 'variants': {}, + 'variantGroups': {}, 'states': {}, }, - 'appearance': { + 'appearances': { 'default': { 'mapping': { - 'popover': { - 'paddingVertical': 4, - 'paddingHorizontal': 8, - 'borderRadius': 8, - 'backgroundColor': '#0D1C2F', - }, - 'text': { - 'color': 'text-primary-inverse', - }, + 'popoverPaddingHorizontal': 8, + 'popoverPaddingVertical': 4, + 'popoverBorderRadius': 8, + 'popoverBackgroundColor': '#0D1C2F', + 'textColor': 'text-primary-inverse', }, }, }, @@ -15225,7 +12499,7 @@ export const mapping: ThemeMappingType = { 'TopNavigationBar': { 'meta': { 'scope': 'mobile', - 'mapping': { + 'parameters': { 'height': { 'type': 'number', }, @@ -15239,21 +12513,42 @@ export const mapping: ThemeMappingType = { 'type': 'number', }, 'backgroundColor': { - 'type': 'color', + 'type': 'string', + }, + 'textAlign': { + 'type': 'string', + }, + 'titleColor': { + 'type': 'string', + }, + 'titleFontSize': { + 'type': 'number', + }, + 'titleFontWeight': { + 'type': 'string', + }, + 'subtitleColor': { + 'type': 'string', + }, + 'subtitleFontSize': { + 'type': 'number', + }, + 'subtitleFontWeight': { + 'type': 'string', }, }, 'appearances': { 'default': { 'default': true, }, - 'title-centered': { + 'titleCentered': { 'default': false, }, }, - 'variants': {}, + 'variantGroups': {}, 'states': {}, }, - 'appearance': { + 'appearances': { 'default': { 'mapping': { 'height': 46, @@ -15261,20 +12556,16 @@ export const mapping: ThemeMappingType = { 'paddingBottom': 12, 'paddingHorizontal': 16, 'backgroundColor': 'blue-primary', - 'title': { - 'color': 'text-primary-inverse', - 'fontSize': 16, - 'fontWeight': '600', - }, - 'subtitle': { - 'color': 'text-primary-inverse', - 'fontSize': 12, - 'fontWeight': '400', - }, + 'titleColor': 'text-primary-inverse', + 'titleFontSize': 16, + 'titleFontWeight': '600', + 'subtitleColor': 'text-primary-inverse', + 'subtitleFontSize': 12, + 'subtitleFontWeight': '400', 'textAlign': 'start', }, }, - 'title-centered': { + 'titleCentered': { 'mapping': { 'textAlign': 'center', }, @@ -15284,7 +12575,7 @@ export const mapping: ThemeMappingType = { 'TopNavigationBarAction': { 'meta': { 'scope': 'mobile', - 'mapping': { + 'parameters': { 'width': { 'type': 'number', }, @@ -15295,7 +12586,7 @@ export const mapping: ThemeMappingType = { 'type': 'number', }, 'tintColor': { - 'type': 'color', + 'type': 'string', }, }, 'appearances': { @@ -15303,10 +12594,10 @@ export const mapping: ThemeMappingType = { 'default': true, }, }, - 'variants': {}, + 'variantGroups': {}, 'states': {}, }, - 'appearance': { + 'appearances': { 'default': { 'mapping': { 'width': 25, @@ -15317,152 +12608,4 @@ export const mapping: ThemeMappingType = { }, }, }, - 'OverflowMenu': { - 'meta': { - 'scope': 'all', - 'mapping': { - 'borderRadius': { - 'type': 'number', - }, - }, - 'appearances': { - 'default': { - 'default': true, - }, - }, - 'states': {}, - 'variants': {}, - }, - 'appearance': { - 'default': { - 'mapping': { - 'borderRadius': 6, - 'menuItem': { - 'borderRadius': 6, - }, - 'popover': { - 'backgroundColor': 'white', - }, - }, - }, - }, - }, - 'OverflowMenuItem': { - 'meta': { - 'scope': 'all', - 'mapping': { - 'backgroundColor': { - 'type': 'color', - }, - 'borderColor': { - 'type': 'color', - }, - 'borderWidth': { - 'type': 'number', - }, - }, - 'appearances': { - 'default': { - 'default': true, - }, - }, - 'variants': { - 'size': { - 'small': { - 'default': false, - }, - 'medium': { - 'default': true, - }, - 'large': { - 'default': false, - }, - }, - }, - 'states': { - 'disabled': { - 'default': false, - 'priority': 0, - 'scope': 'all', - }, - 'active': { - 'default': false, - 'priority': 1, - 'scope': 'all', - }, - }, - }, - 'appearance': { - 'default': { - 'mapping': { - 'backgroundColor': 'white', - 'borderColor': 'gray-light', - 'borderWidth': 1.2, - 'text': { - 'color': 'blue-pitch-dark', - 'fontWeight': '600', - }, - 'icon': { - 'tintColor': 'blue-pitch-dark', - }, - 'state': { - 'disabled': { - 'backgroundColor': 'gray-dark', - }, - 'active': { - 'text': { - 'color': 'blue-primary', - }, - 'icon': { - 'tintColor': 'blue-primary', - }, - }, - }, - }, - 'variant': { - 'size': { - 'small': { - 'minHeight': 40, - 'padding': 10, - 'text': { - 'fontSize': 13, - 'marginHorizontal': 6, - }, - 'icon': { - 'width': 20, - 'height': 20, - 'marginHorizontal': 6, - }, - }, - 'medium': { - 'minHeight': 48, - 'padding': 12, - 'text': { - 'fontSize': 15, - 'marginHorizontal': 8, - }, - 'icon': { - 'width': 24, - 'height': 24, - 'marginHorizontal': 8, - }, - }, - 'large': { - 'minHeight': 56, - 'padding': 14, - 'text': { - 'fontSize': 17, - 'marginHorizontal': 10, - }, - 'icon': { - 'width': 28, - 'height': 28, - 'marginHorizontal': 10, - }, - }, - }, - }, - }, - }, - }, }; diff --git a/packages/mapping/eva/mapping.json b/packages/mapping/eva/mapping.json index 824e847..84113ee 100644 --- a/packages/mapping/eva/mapping.json +++ b/packages/mapping/eva/mapping.json @@ -1,507 +1,482 @@ { - "Avatar": { - "meta": { - "scope": "all", - "mapping": { - "roundCoefficient": { - "type": "number" - }, - "margin": { - "type": "number" - }, - "width": { - "type": "number" - }, - "height": { - "type": "number" - } - }, - "appearances": { - "default": { - "default": true - } - }, - "variants": { - "shape": { - "round": { - "default": true - }, - "rounded": { - "default": false - }, - "square": { - "default": false + "$schema": "./schema.json", + "version": 1.0, + "theme": { + "Avatar": { + "meta": { + "scope": "all", + "parameters": { + "roundCoefficient": { + "type": "number" + }, + "margin": { + "type": "number" + }, + "width": { + "type": "number" + }, + "height": { + "type": "number" } }, - "size": { - "small": { - "default": false - }, - "medium": { + "appearances": { + "default": { "default": true - }, - "large": { - "default": false } - } - }, - "states": {} - }, - "appearance": { - "default": { - "mapping": { - "margin": 16 }, - "variant": { + "variantGroups": { "shape": { "round": { - "roundCoefficient": 0.5 + "default": true }, "rounded": { - "roundCoefficient": 0.3 + "default": false }, "square": { - "roundCoefficient": 0.0 + "default": false } }, "size": { "small": { - "width": 40, - "height": 40 + "default": false }, "medium": { - "width": 48, - "height": 48 + "default": true }, "large": { - "width": 64, - "height": 64 + "default": false } } - } - } - } - }, - "BottomNavigatorTab": { - "meta": { - "scope": "mobile", - "mapping": {}, + }, + "states": {} + }, "appearances": { "default": { - "default": true - } - }, - "variants": {}, - "states": { - "selected": { - "default": false, - "priority": 1, - "scope": "mobile" - } - } - }, - "appearance": { - "default": { - "mapping": { - "icon": { - "width": 40, - "height": 40, - "marginBottom": 5, - "tintColor": "gray-dark" - }, - "text": { - "color": "gray-dark" - }, - "state": { - "selected": { - "icon": { - "tintColor": "blue-primary" + "mapping": { + "margin": 16 + }, + "variantGroups": { + "shape": { + "round": { + "roundCoefficient": 0.5 }, - "text": { - "color": "blue-primary" + "rounded": { + "roundCoefficient": 0.3 + }, + "square": { + "roundCoefficient": 0.0 + } + }, + "size": { + "small": { + "width": 40, + "height": 40 + }, + "medium": { + "width": 48, + "height": 48 + }, + "large": { + "width": 64, + "height": 64 } } } } } - } - }, - "BottomTabNavigator": { - "meta": { - "scope": "mobile", - "mapping": { - "backgroundColor": { - "type": "color" - }, - "paddingVertical": { - "type": "number" + }, + "BottomNavigatorTab": { + "meta": { + "scope": "mobile", + "parameters": { + "iconWidth": { + "type": "number" + }, + "iconHeight": { + "type": "number" + }, + "iconMarginBottom": { + "type": "number" + }, + "iconTintColor": { + "type": "string" + }, + "textColor": { + "type": "string" + }, + "textFontWeight": { + "type": "string" + } }, - "borderTopColor": { - "type": "color" + "appearances": { + "default": { + "default": true + } }, - "borderTopWidth": { - "type": "number" + "variantGroups": {}, + "states": { + "selected": { + "default": false, + "priority": 1, + "scope": "mobile" + } } }, "appearances": { "default": { - "default": true - }, - "no-indicator": { - "default": false - } - }, - "variants": {}, - "states": {} - }, - "appearance": { - "default": { - "mapping": { - "backgroundColor": "transparent", - "paddingVertical": 16, - "borderTopColor": "gray-primary", - "borderTopWidth": 1, - "indicator": { - "height": 3, - "backgroundColor": "blue-primary" - } - } - }, - "no-indicator": { - "mapping": { - "indicator": { - "height": 0, - "backgroundColor": "transparent" + "mapping": { + "iconWidth": 40, + "iconHeight": 40, + "iconMarginBottom": 5, + "iconTintColor": "gray-dark", + "textColor": "gray-dark", + "textFontWeight": "600", + "state": { + "selected": { + "iconTintColor": "blue-primary", + "textColor": "blue-primary" + } + } } } } - } - }, - "Button": { - "meta": { - "scope": "all", - "mapping": { - "highlightColor": { - "type": "color" - }, - "innerSize": { - "type": "number" - }, - "selectColor": { - "type": "color" - }, - "borderColor": { - "type": "color" - }, - "highlightSize": { - "type": "number" + }, + "BottomTabNavigator": { + "meta": { + "scope": "mobile", + "parameters": { + "backgroundColor": { + "type": "string" + }, + "paddingVertical": { + "type": "number" + }, + "borderTopColor": { + "type": "string" + }, + "borderTopWidth": { + "type": "number" + }, + "indicatorHeight": { + "type": "number" + }, + "indicatorBackgroundColor": { + "type": "string" + } }, - "borderWidth": { - "type": "color" + "appearances": { + "default": { + "default": true + }, + "noIndicator": { + "default": false + } }, - "size": { - "type": "number" - } + "variantGroups": {}, + "states": {} }, "appearances": { - "filled": { - "default": true + "default": { + "mapping": { + "backgroundColor": "transparent", + "paddingVertical": 16, + "borderTopColor": "gray-primary", + "borderTopWidth": 1, + "indicatorHeight": 3, + "indicatorBackgroundColor": "blue-primary" + } }, - "outline": { - "default": false + "noIndicator": { + "mapping": { + "indicatorHeight": 0, + "indicatorBackgroundColor": "transparent" + } } - }, - "variants": { - "status": { - "primary": { - "default": true + } + }, + "Button": { + "meta": { + "scope": "all", + "parameters": { + "minWidth": { + "type": "number" }, - "success": { - "default": false + "minHeight": { + "type": "number" }, - "info": { - "default": false + "padding": { + "type": "number" }, - "warning": { - "default": false + "borderRadius": { + "type": "number" }, - "danger": { - "default": false - } - }, - "size": { - "tiny": { - "default": false + "borderWidth": { + "type": "number" }, - "small": { - "default": false + "backgroundColor": { + "type": "string" }, - "medium": { - "default": true + "textColor": { + "type": "string" }, - "large": { - "default": false + "textFontSize": { + "type": "number" }, - "giant": { - "default": true + "textFontWeight": { + "type": "string" + }, + "textMarginHorizontal": { + "type": "number" + }, + "iconWidth": { + "type": "number" + }, + "iconHeight": { + "type": "number" + }, + "iconTintColor": { + "type": "string" + }, + "iconMarginHorizontal": { + "type": "number" } - } - }, - "states": { - "disabled": { - "default": false, - "priority": 0, - "scope": "all" }, - "active": { - "default": false, - "priority": 1, - "scope": "all" - } - } - }, - "appearance": { - "filled": { - "mapping": { - "borderRadius": 6, - "text": { - "color": "text-primary-inverse", - "fontWeight": "800" - }, - "icon": { - "tintColor": "#ffffff", - "marginHorizontal": 4 + "appearances": { + "filled": { + "default": true + }, + "outline": { + "default": false } }, - "variant": { + "variantGroups": { "status": { "primary": { - "backgroundColor": "#2196F3", - "state": { - "active": { - "backgroundColor": "#1E88E5" - } - } + "default": true }, "success": { - "backgroundColor": "#4CAF50", - "state": { - "active": { - "backgroundColor": "#43A047" - } - } + "default": false }, "info": { - "backgroundColor": "#03A9F4", - "state": { - "active": { - "backgroundColor": "#039BE5" - } - } + "default": false }, "warning": { - "backgroundColor": "#FFC107", - "state": { - "active": { - "backgroundColor": "#FFB300" - } - } + "default": false }, "danger": { - "backgroundColor": "#F44336", - "state": { - "active": { - "backgroundColor": "#E53935" - } - } + "default": false } }, "size": { "tiny": { - "minHeight": 16, - "minWidth": 16, - "padding": 3, - "text": { - "fontSize": 10, - "marginHorizontal": 3 - }, - "icon": { - "width": 11, - "height": 11, - "marginHorizontal": 3 - } + "default": false }, "small": { - "minHeight": 20, - "minWidth": 20, - "padding": 3.5, - "text": { - "fontSize": 11, - "marginHorizontal": 3.5 - }, - "icon": { - "width": 12, - "height": 12, - "marginHorizontal": 3.5 - } + "default": false }, "medium": { - "minHeight": 24, - "minWidth": 24, - "padding": 4, - "text": { - "fontSize": 12, - "marginHorizontal": 4 - }, - "icon": { - "width": 13, - "height": 13, - "marginHorizontal": 4 - } + "default": true }, "large": { - "minHeight": 30, - "minWidth": 30, - "padding": 4.5, - "text": { - "fontSize": 13, - "marginHorizontal": 4.5 - }, - "icon": { - "width": 14, - "height": 14, - "marginHorizontal": 4.5 - } + "default": false }, "giant": { - "minHeight": 36, - "minWidth": 36, - "padding": 5, - "text": { - "fontSize": 14, - "marginHorizontal": 5 - }, - "icon": { - "width": 15, - "height": 15, - "marginHorizontal": 5 - } + "default": true } } + }, + "states": { + "disabled": { + "default": false, + "priority": 0, + "scope": "all" + }, + "active": { + "default": false, + "priority": 1, + "scope": "all" + } } }, - "outline": { - "mapping": { - "borderWidth": 2 - }, - "variant": { - "status": { - "primary": { - "backgroundColor": "transparent", - "borderColor": "#2196F3", - "text": { - "color": "#2196F3" + "appearances": { + "filled": { + "mapping": { + "borderRadius": 6, + "textColor": "text-primary-inverse", + "textFontWeight": "800", + "iconTintColor": "#ffffff", + "iconMarginHorizontal": 4 + }, + "variantGroups": { + "status": { + "primary": { + "backgroundColor": "#2196F3", + "state": { + "active": { + "backgroundColor": "#1E88E5" + } + } }, - "icon": { - "tintColor": "#2196F3" + "success": { + "backgroundColor": "#4CAF50", + "state": { + "active": { + "backgroundColor": "#43A047" + } + } }, - "state": { - "active": { - "backgroundColor": "transparent", - "borderColor": "#1E88E5", - "text": { - "color": "#1E88E5" - }, - "icon": { - "tintColor": "#1E88E5" + "info": { + "backgroundColor": "#03A9F4", + "state": { + "active": { + "backgroundColor": "#039BE5" } } - } - }, - "success": { - "backgroundColor": "transparent", - "borderColor": "#4CAF50", - "text": { - "color": "#4CAF50" }, - "icon": { - "tintColor": "#4CAF50" + "warning": { + "backgroundColor": "#FFC107", + "state": { + "active": { + "backgroundColor": "#FFB300" + } + } }, - "state": { - "active": { - "backgroundColor": "transparent", - "borderColor": "#43A047", - "text": { - "color": "#43A047" - }, - "icon": { - "tintColor": "#43A047" + "danger": { + "backgroundColor": "#F44336", + "state": { + "active": { + "backgroundColor": "#E53935" } } } }, - "info": { - "backgroundColor": "transparent", - "borderColor": "#03A9F4", - "text": { - "color": "#03A9F4" + "size": { + "tiny": { + "minWidth": 16, + "minHeight": 16, + "padding": 3, + "textFontSize": 10, + "textMarginHorizontal": 3, + "iconWidth": 11, + "iconHeight": 11, + "iconMarginHorizontal": 3 }, - "icon": { - "tintColor": "#03A9F4" + "small": { + "minHeight": 20, + "minWidth": 20, + "padding": 3.5, + "textFontSize": 11, + "textMarginHorizontal": 3.5, + "iconWidth": 12, + "iconHeight": 12, + "iconMarginHorizontal": 3.5 }, - "state": { - "active": { - "backgroundColor": "transparent", - "borderColor": "#039BE5", - "text": { - "color": "#039BE5" - }, - "icon": { - "tintColor": "#039BE5" + "medium": { + "minHeight": 24, + "minWidth": 24, + "padding": 4, + "textFontSize": 12, + "textMarginHorizontal": 4, + "iconWidth": 13, + "iconHeight": 13, + "iconMarginHorizontal": 4 + }, + "large": { + "minHeight": 30, + "minWidth": 30, + "padding": 4.5, + "textFontSize": 13, + "textMarginHorizontal": 4.5, + "iconWidth": 14, + "iconHeight": 14, + "iconMarginHorizontal": 4.5 + }, + "giant": { + "minHeight": 36, + "minWidth": 36, + "padding": 5, + "textFontSize": 14, + "textMarginHorizontal": 5, + "iconWidth": 15, + "iconHeight": 15, + "iconMarginHorizontal": 5 + } + } + } + }, + "outline": { + "mapping": { + "borderWidth": 2 + }, + "variantGroups": { + "status": { + "primary": { + "backgroundColor": "transparent", + "borderColor": "#2196F3", + "textColor": "#2196F3", + "iconTintColor": "#2196F3", + "state": { + "active": { + "backgroundColor": "transparent", + "borderColor": "#1E88E5", + "textColor": "#1E88E5", + "iconTintColor": "#1E88E5" } } - } - }, - "warning": { - "backgroundColor": "transparent", - "borderColor": "#FFC107", - "text": { - "color": "#FFC107" }, - "icon": { - "tintColor": "#FFC107" + "success": { + "backgroundColor": "transparent", + "borderColor": "#4CAF50", + "textColor": "#4CAF50", + "iconTintColor": "#4CAF50", + "state": { + "active": { + "backgroundColor": "transparent", + "borderColor": "#43A047", + "textColor": "#43A047", + "iconTintColor": "#43A047" + } + } }, - "state": { - "active": { - "backgroundColor": "transparent", - "borderColor": "#FFB300", - "text": { - "color": "#FFB300" - }, - "icon": { - "tintColor": "#FFB300" + "info": { + "backgroundColor": "transparent", + "borderColor": "#03A9F4", + "textColor": "#03A9F4", + "iconTintColor": "#03A9F4", + "state": { + "active": { + "backgroundColor": "transparent", + "borderColor": "#039BE5", + "textColor": "#039BE5", + "iconTintColor": "#039BE5" } } - } - }, - "danger": { - "backgroundColor": "transparent", - "borderColor": "#F44336", - "text": { - "color": "#F44336" }, - "icon": { - "tintColor": "#F44336" + "warning": { + "backgroundColor": "transparent", + "borderColor": "#FFC107", + "textColor": "#FFC107", + "iconTintColor": "#FFC107", + "state": { + "active": { + "backgroundColor": "transparent", + "borderColor": "#FFB300", + "textColor": "#FFB300", + "iconTintColor": "#FFB300" + } + } }, - "state": { - "active": { - "backgroundColor": "transparent", - "borderColor": "#E53935", - "text": { - "color": "#E53935" - }, - "icon": { - "tintColor": "#E53935" + "danger": { + "backgroundColor": "transparent", + "borderColor": "#F44336", + "textColor": "#F44336", + "iconTintColor": "#F44336", + "state": { + "active": { + "backgroundColor": "transparent", + "borderColor": "#E53935", + "textColor": "#E53935", + "iconTintColor": "#E53935" } } } @@ -509,369 +484,396 @@ } } } - } - }, - "ButtonGroup": { - "meta": { - "scope": "all", - "mapping": {}, - "appearances": { - "filled": { - "default": true + }, + "ButtonGroup": { + "meta": { + "scope": "all", + "parameters": { + "buttonBorderRadius": { + "type": "number" + } }, - "outline": { - "default": false - } - }, - "variants": { - "size": { - "tiny": { - "default": false - }, - "small": { - "default": false - }, - "medium": { + "appearances": { + "filled": { "default": true }, - "large": { + "outline": { "default": false - }, - "giant": { - "default": false - } - } - }, - "states": {} - }, - "appearance": { - "filled": { - "mapping": { - "button": { - "borderRadius": 6 } }, - "variant": { + "variantGroups": { "size": { - "tiny": {}, - "small": {}, - "medium": {}, - "large": {}, - "giant": {} + "tiny": { + "default": false + }, + "small": { + "default": false + }, + "medium": { + "default": true + }, + "large": { + "default": false + }, + "giant": { + "default": false + } } - } - }, - "outline": { - "mapping": {} - } - } - }, - "CheckBox": { - "meta": { - "scope": "all", - "mapping": { - "width": { - "type": "number" - }, - "height": { - "type": "number" - }, - "borderWidth": { - "type": "number" - }, - "borderRadius": { - "type": "number" - }, - "borderColor": { - "type": "color" }, - "backgroundColor": { - "type": "color" - } + "states": {} }, "appearances": { - "default": { - "default": true - } - }, - "variants": { - "status": { - "error": { - "default": false + "filled": { + "mapping": { + "buttonBorderRadius": 6 + }, + "variantGroups": { + "size": { + "tiny": {}, + "small": {}, + "medium": {}, + "large": {}, + "giant": {} + } } }, - "size": { - "small": { - "default": false + "outline": { + "mapping": {} + } + } + }, + "CheckBox": { + "meta": { + "scope": "all", + "parameters": { + "width": { + "type": "number" }, - "medium": { - "default": true + "height": { + "type": "number" }, - "large": { - "default": false + "borderWidth": { + "type": "number" + }, + "borderRadius": { + "type": "number" + }, + "borderColor": { + "type": "string" + }, + "backgroundColor": { + "type": "string" + }, + "textColor": { + "type": "string" + }, + "textFontSize": { + "type": "number" + }, + "textFontWeight": { + "type": "string" + }, + "textMarginLeft": { + "type": "number" + }, + "selectWidth": { + "type": "number" + }, + "selectHeight": { + "type": "number" + }, + "selectBackgroundColor": { + "type": "string" + }, + "highlightWidth": { + "type": "number" + }, + "highlightHeight": { + "type": "number" + }, + "highlightBorderRadius": { + "type": "number" + }, + "highlightBackgroundColor": { + "type": "string" } - } - }, - "states": { - "checked": { - "default": false, - "priority": 0, - "scope": "all" }, - "disabled": { - "default": false, - "priority": 1, - "scope": "all" - }, - "active": { - "default": false, - "priority": 2, - "scope": "all" - } - } - }, - "appearance": { - "default": { - "mapping": { - "borderWidth": 2, - "borderRadius": 4, - "borderColor": "gray-primary", - "backgroundColor": "gray-light", - "text": { - "color": "text-primary", - "fontWeight": "500" - }, - "highlight": { - "borderRadius": 8, - "backgroundColor": "transparent" - }, - "select": { - "backgroundColor": "transparent" - }, - "state": { - "active": { - "borderColor": "gray-dark", - "highlight": { - "backgroundColor": "gray-light" - } - }, - "checked": { - "borderColor": "transparent", - "backgroundColor": "blue-primary", - "select": { - "backgroundColor": "#FFFFFF" - } - }, - "disabled": { - "borderColor": "gray-light", - "backgroundColor": "#F1F5F5", - "text": { - "color": "gray-300" - } - }, - "checked.active": { - "borderColor": "blue-dark" - }, - "checked.disabled": { - "borderColor": "transparent", - "backgroundColor": "gray-primary" - } + "appearances": { + "default": { + "default": true } }, - "variant": { + "variantGroups": { "status": { "error": { - "borderColor": "pink-primary", - "backgroundColor": "#FFC9D9", - "state": { - "active": { - "borderColor": "pink-primary" - }, - "checked": { - "borderColor": "pink-primary", - "backgroundColor": "pink-primary" - }, - "checked.active": { - "borderColor": "pink-primary" - } - } + "default": false } }, "size": { "small": { - "width": 24, - "height": 24, - "text": { - "marginLeft": 10, - "fontSize": 14 - }, - "select": { - "width": 12, - "height": 12 - }, - "highlight": { - "width": 40, - "height": 40 - } + "default": false }, "medium": { - "width": 30, - "height": 30, - "text": { - "marginLeft": 12, - "fontSize": 16 + "default": true + }, + "large": { + "default": false + } + } + }, + "states": { + "checked": { + "default": false, + "priority": 0, + "scope": "all" + }, + "disabled": { + "default": false, + "priority": 1, + "scope": "all" + }, + "active": { + "default": false, + "priority": 2, + "scope": "all" + } + } + }, + "appearances": { + "default": { + "mapping": { + "borderWidth": 2, + "borderRadius": 4, + "borderColor": "gray-primary", + "backgroundColor": "gray-light", + "textColor": "text-primary", + "textFontWeight": "500", + "selectBackgroundColor": "transparent", + "highlightBorderRadius": 8, + "highlightBackgroundColor": "transparent", + "state": { + "active": { + "borderColor": "gray-dark", + "highlightBackgroundColor": "gray-light" + }, + "checked": { + "borderColor": "transparent", + "backgroundColor": "blue-primary", + "selectBackgroundColor": "#FFFFFF" }, - "select": { - "width": 14, - "height": 14 + "disabled": { + "borderColor": "gray-light", + "backgroundColor": "#F1F5F5", + "textColor": "gray-300" }, - "highlight": { - "width": 50, - "height": 50 + "checked.active": { + "borderColor": "blue-dark" + }, + "checked.disabled": { + "borderColor": "transparent", + "backgroundColor": "gray-primary" + } + } + }, + "variantGroups": { + "status": { + "error": { + "borderColor": "pink-primary", + "backgroundColor": "#FFC9D9", + "state": { + "active": { + "borderColor": "pink-primary" + }, + "checked": { + "borderColor": "pink-primary", + "backgroundColor": "pink-primary" + }, + "checked.active": { + "borderColor": "pink-primary" + } + } } }, - "large": { - "width": 36, - "height": 36, - "text": { - "marginLeft": 14, - "fontSize": 18 + "size": { + "small": { + "width": 24, + "height": 24, + "textMarginLeft": 10, + "textFontSize": 14, + "selectWidth": 12, + "selectHeight": 12, + "highlightWidth": 40, + "highlightHeight": 40 }, - "select": { - "width": 16, - "height": 16 + "medium": { + "width": 30, + "height": 30, + "textMarginLeft": 12, + "textFontSize": 16, + "selectWidth": 14, + "selectHeight": 14, + "highlightWidth": 50, + "highlightHeight": 50 }, - "highlight": { - "width": 60, - "height": 60 + "large": { + "width": 36, + "height": 36, + "textMarginLeft": 14, + "textFontSize": 18, + "selectWidth": 16, + "selectHeight": 16, + "highlightWidth": 60, + "highlightHeight": 60 } } } } } - } - }, - "Input": { - "meta": { - "scope": "all", - "mapping": {}, - "appearances": { - "default": { - "default": true - } - }, - "variants": { - "status": { - "primary": { - "default": true + }, + "Input": { + "meta": { + "scope": "all", + "parameters": { + "paddingVertical": { + "type": "number" }, - "success": { - "default": false + "paddingHorizontal": { + "type": "number" }, - "info": { - "default": false + "minHeight": { + "type": "number" }, - "warning": { - "default": false + "borderRadius": { + "type": "number" }, - "error": { - "default": false + "borderWidth": { + "type": "number" + }, + "borderColor": { + "type": "string" + }, + "backgroundColor": { + "type": "string" + }, + "textMarginHorizontal": { + "type": "number" + }, + "textColor": { + "type": "string" + }, + "iconWidth": { + "type": "number" + }, + "iconHeight": { + "type": "number" + }, + "iconMarginHorizontal": { + "type": "number" + }, + "iconTintColor": { + "type": "string" } - } - }, - "states": { - "disabled": { - "default": false, - "priority": 0, - "scope": "all" }, - "focused": { - "default": false, - "priority": 1, - "scope": "all" - } - } - }, - "appearance": { - "default": { - "mapping": { - "paddingVertical": 12, - "paddingHorizontal": 6, - "minHeight": 48, - "borderRadius": 6, - "borderWidth": 2, - "backgroundColor": "gray-100", - "borderColor": "transparent", - "text": { - "marginHorizontal": 6, - "color": "gray-400" - }, - "icon": { - "width": 24, - "height": 24, - "marginHorizontal": 6, - "tintColor": "gray-400" - }, - "state": { - "disabled": { - "backgroundColor": "gray-200", - "text": { - "color": "gray-300" - }, - "icon": { - "tintColor": "gray-300" - } - } + "appearances": { + "default": { + "default": true } }, - "variant": { + "variantGroups": { "status": { "primary": { - "state": { - "focused": { - "borderColor": "blue-primary", - "icon": { - "tintColor": "blue-primary" - } - } - } + "default": true }, "success": { - "state": { - "focused": { - "borderColor": "#4CAF50", - "icon": { - "tintColor": "#4CAF50" - } - } - } + "default": false }, "info": { - "state": { - "focused": { - "borderColor": "#03A9F4", - "icon": { - "tintColor": "#03A9F4" - } - } - } + "default": false }, "warning": { - "state": { - "focused": { - "borderColor": "#FFC107", - "icon": { - "tintColor": "#FFC107" - } - } - } + "default": false }, "error": { - "state": { - "focused": { - "borderColor": "#F44336", - "icon": { - "tintColor": "#F44336" + "default": false + } + } + }, + "states": { + "disabled": { + "default": false, + "priority": 0, + "scope": "all" + }, + "focused": { + "default": false, + "priority": 1, + "scope": "all" + } + } + }, + "appearances": { + "default": { + "mapping": { + "paddingVertical": 12, + "paddingHorizontal": 6, + "minHeight": 48, + "borderRadius": 6, + "borderWidth": 2, + "borderColor": "transparent", + "backgroundColor": "gray-100", + "textMarginHorizontal": 6, + "textColor": "gray-400", + "iconWidth": 24, + "iconHeight": 24, + "iconMarginHorizontal": 6, + "iconTintColor": "gray-400", + "state": { + "disabled": { + "backgroundColor": "gray-200", + "textColor": "gray-300", + "iconTintColor": "gray-300" + } + } + }, + "variantGroups": { + "status": { + "primary": { + "state": { + "focused": { + "borderColor": "blue-primary", + "iconTintColor": "blue-primary" + } + } + }, + "success": { + "state": { + "focused": { + "borderColor": "#4CAF50", + "iconTintColor": "#4CAF50" + } + } + }, + "info": { + "state": { + "focused": { + "borderColor": "#03A9F4", + "iconTintColor": "#03A9F4" + } + } + }, + "warning": { + "state": { + "focused": { + "borderColor": "#FFC107", + "iconTintColor": "#FFC107" + } + } + }, + "error": { + "state": { + "focused": { + "borderColor": "#F44336", + "iconTintColor": "#F44336" } } } @@ -879,959 +881,1039 @@ } } } - } - }, - "Layout": { - "meta": { - "scope": "mobile", - "mapping": { + }, + "Layout": { + "meta": { + "scope": "mobile", + "parameters": { + "paddingHorizontal": { + "type": "number" + }, + "paddingVertical": { + "type": "number" + }, + "backgroundColor": { + "type": "string" + }, + "borderColor": { + "type": "number" + }, + "borderRadius": { + "type": "number" + }, + "borderWidth": { + "type": "number" + } + }, + "appearances": { + "default": { + "default": true + } + }, + "variantGroups": {}, + "states": {} }, "appearances": { "default": { - "default": true - } - }, - "variants": {}, - "states": {} - }, - "appearance": { - "default": { - "mapping": { - "paddingHorizontal": 16, - "paddingVertical": 8, - "backgroundColor": "transparent", - "borderColor": "blue-primary", - "borderRadius": 3, - "borderWidth": 1 + "mapping": { + "paddingHorizontal": 16, + "paddingVertical": 8, + "backgroundColor": "transparent", + "borderColor": "blue-primary", + "borderRadius": 3, + "borderWidth": 1 + } } } - } - }, - "List": { - "meta": { - "scope": "all", - "mapping": {}, - "appearances": { - "default": { - "default": true - } - }, - "variants": {}, - "states": {} }, - "appearance": { - "default": { - "mapping": { - "item": {} - } - } - } - }, - "ListItem": { - "meta": { - "scope": "all", - "mapping": {}, + "List": { + "meta": { + "scope": "all", + "parameters": {}, + "appearances": { + "default": { + "default": true + } + }, + "variantGroups": {}, + "states": {} + }, "appearances": { "default": { - "default": true - } - }, - "variants": {}, - "states": { - "active": { - "default": false, - "priority": 0, - "scope": "all" + "mapping": {} } } }, - "appearance": { - "default": { - "mapping": { - "paddingVertical": 12, - "paddingHorizontal": 6, - "icon": { - "width": 48, - "height": 48, - "marginHorizontal": 6, - "tintColor": "gray-primary" - }, - "title": { - "color": "text-primary", - "fontSize": 20, - "fontWeight": "600", - "marginHorizontal": 6, - "marginVertical": 4 - }, - "description": { - "marginHorizontal": 6, - "marginVertical": 4, - "color": "gray-400", - "fontSize": 14 - }, - "accessory": { - "width": 48, - "height": 48, - "marginHorizontal": 6 - }, - "state": { - "active": { - "backgroundColor": "gray-100" - } + "ListItem": { + "meta": { + "scope": "all", + "parameters": { + "paddingVertical": { + "type": "number" + }, + "paddingHorizontal": { + "type": "number" + }, + "iconWidth": { + "type": "number" + }, + "iconHeight": { + "type": "number" + }, + "iconMarginHorizontal": { + "type": "number" + }, + "iconTintColor": { + "type": "string" + }, + "titleColor": { + "type": "string" + }, + "titleFontSize": { + "type": "number" + }, + "titleFontWeight": { + "type": "string" + }, + "titleMarginHorizontal": { + "type": "number" + }, + "titleMarginVertical": { + "type": "number" + }, + "descriptionColor": { + "type": "string" + }, + "descriptionFontSize": { + "type": "number" + }, + "descriptionMarginHorizontal": { + "type": "number" + }, + "descriptionMarginVertical": { + "type": "number" + }, + "accessoryWidth": { + "type": "number" + }, + "accessoryHeight": { + "type": "number" + }, + "accessoryMarginHorizontal": { + "type": "number" } - } - } - } - }, - "Modal": { - "meta": { - "scope": "all", - "mapping": { - "paddingHorizontal": { - "type": "number" }, - "paddingVertical": { - "type": "number" - }, - "backgroundColor": { - "type": "color" - }, - "borderColor": { - "type": "color" - }, - "borderRadius": { - "type": "number" + "appearances": { + "default": { + "default": true + } }, - "borderWidth": { - "type": "number" + "variantGroups": {}, + "states": { + "active": { + "default": false, + "priority": 0, + "scope": "all" + } } }, "appearances": { "default": { - "default": true - } - }, - "variants": {}, - "states": {} - }, - "appearance": { - "default": { - "mapping": { - "paddingHorizontal": 16, - "paddingVertical": 8, - "backgroundColor": "transparent", - "borderColor": "blue-dark", - "borderRadius": 3, - "borderWidth": 1 + "mapping": { + "paddingVertical": 12, + "paddingHorizontal": 6, + "iconWidth": 48, + "iconHeight": 48, + "iconMarginHorizontal": 6, + "iconTintColor": "gray-primary", + "titleColor": "text-primary", + "titleFontSize": 20, + "titleFontWeight": "600", + "titleMarginHorizontal": 6, + "titleMarginVertical": 4, + "descriptionColor": "gray-400", + "descriptionFontSize": 14, + "descriptionMarginHorizontal": 6, + "descriptionMarginVertical": 4, + "accessoryWidth": 48, + "accessoryHeight": 48, + "accessoryMarginHorizontal": 6, + "state": { + "active": { + "backgroundColor": "gray-100" + } + } + } } } - } - }, - "Popover": { - "meta": { - "scope": "all", - "mapping": {}, - "appearances": { - "default": { - "default": true - } - }, - "variants": {}, - "states": {} }, - "appearance": { - "default": { - "mapping": {} - } - } - }, - "Radio": { - "meta": { - "scope": "all", - "mapping": { - "width": { - "type": "number" - }, - "height": { - "type": "number" - }, - "borderRadius": { - "type": "number" + "OverflowMenu": { + "meta": { + "scope": "all", + "parameters": { + "borderRadius": { + "type": "number" + }, + "itemBorderRadius": { + "type": "number" + }, + "popoverBackgroundColor": { + "type": "string" + } }, - "borderWidth": { - "type": "number" + "appearances": { + "default": { + "default": true + } }, - "borderColor": { - "type": "color" - } + "states": {}, + "variantGroups": {} }, "appearances": { "default": { - "default": true + "mapping": { + "borderRadius": 6, + "itemBorderRadius": 6, + "popoverBackgroundColor": "white" + } } - }, - "variants": { - "status": { - "error": { - "default": false + } + }, + "OverflowMenuItem": { + "meta": { + "scope": "all", + "parameters": { + "minHeight": { + "type": "number" + }, + "padding": { + "type": "number" + }, + "backgroundColor": { + "type": "string" + }, + "borderColor": { + "type": "string" + }, + "borderWidth": { + "type": "number" + }, + "textColor": { + "type": "string" + }, + "textFontWeight": { + "type": "string" + }, + "textFontSize": { + "type": "number" + }, + "textMarginHorizontal": { + "type": "number" + }, + "iconTintColor": { + "type": "string" + }, + "iconWidth": { + "type": "number" + }, + "iconHeight": { + "type": "number" + }, + "iconMarginHorizontal": { + "type": "number" } }, - "size": { - "small": { - "default": false - }, - "medium": { + "appearances": { + "default": { "default": true + } + }, + "variantGroups": { + "size": { + "small": { + "default": false + }, + "medium": { + "default": true + }, + "large": { + "default": false + } + } + }, + "states": { + "disabled": { + "default": false, + "priority": 0, + "scope": "all" }, - "large": { - "default": false + "active": { + "default": false, + "priority": 1, + "scope": "all" } } }, - "states": { - "checked": { - "default": false, - "priority": 0, - "scope": "all" - }, - "disabled": { - "default": false, - "priority": 1, - "scope": "all" + "appearances": { + "default": { + "mapping": { + "backgroundColor": "white", + "borderColor": "gray-light", + "borderWidth": 1.2, + "textColor": "blue-pitch-dark", + "textFontWeight": "600", + "iconTintColor": "blue-pitch-dark", + "state": { + "disabled": { + "backgroundColor": "gray-dark" + }, + "active": { + "textColor": "blue-primary", + "iconTintColor": "blue-primary" + } + } + }, + "variantGroups": { + "size": { + "small": { + "minHeight": 40, + "padding": 10, + "textFontSize": 13, + "textMarginHorizontal": 6, + "iconWidth": 20, + "iconHeight": 20, + "iconMarginHorizontal": 6 + }, + "medium": { + "minHeight": 48, + "padding": 12, + "textFontSize": 15, + "textMarginHorizontal": 8, + "iconWidth": 24, + "iconHeight": 24, + "iconMarginHorizontal": 8 + }, + "large": { + "minHeight": 56, + "padding": 14, + "textFontSize": 17, + "textMarginHorizontal": 10, + "iconWidth": 28, + "iconHeight": 28, + "iconMarginHorizontal": 10 + } + } + } + } + } + }, + "Popover": { + "meta": { + "scope": "all", + "parameters": {}, + "appearances": { + "default": { + "default": true + } }, - "active": { - "default": false, - "priority": 2, - "scope": "all" + "variantGroups": {}, + "states": {} + }, + "appearances": { + "default": { + "mapping": {} } } }, - "appearance": { - "default": { - "mapping": { - "borderWidth": 2, - "borderColor": "gray-primary", - "text": { - "color": "text-primary", - "fontWeight": "500" - }, - "select": { - "backgroundColor": "transparent" - }, - "highlight": { - "backgroundColor": "transparent" - }, - "state": { - "active": { - "borderColor": "gray-dark", - "highlight": { - "backgroundColor": "gray-light" - } - }, - "checked": { - "borderColor": "blue-primary", - "select": { - "backgroundColor": "blue-primary" - } - }, - "disabled": { - "borderColor": "gray-light", - "text": { - "color": "gray-300" - } - }, - "checked.active": { - "borderColor": "blue-dark" - }, - "checked.disabled": { - "select": { - "backgroundColor": "gray-primary" - } - } + "Radio": { + "meta": { + "scope": "all", + "parameters": { + "width": { + "type": "number" + }, + "height": { + "type": "number" + }, + "borderRadius": { + "type": "number" + }, + "borderWidth": { + "type": "number" + }, + "borderColor": { + "type": "string" + }, + "textColor": { + "type": "string" + }, + "textMarginLeft": { + "type": "number" + }, + "textFontSize": { + "type": "number" + }, + "textFontWeight": { + "type": "string" + }, + "selectWidth": { + "type": "number" + }, + "selectHeight": { + "type": "number" + }, + "selectBorderRadius": { + "type": "number" + }, + "selectBackgroundColor": { + "type": "string" + }, + "highlightWidth": { + "type": "number" + }, + "highlightHeight": { + "type": "number" + }, + "highlightBorderRadius": { + "type": "number" + }, + "highlightBackgroundColor": { + "type": "string" + } + }, + "appearances": { + "default": { + "default": true } }, - "variant": { + "variantGroups": { "status": { "error": { - "borderColor": "pink-primary", - "state": { - "checked": { - "borderColor": "pink-primary", - "select": { - "backgroundColor": "pink-primary" - } - }, - "checked.active": { - "borderColor": "pink-primary" - } - } + "default": false } }, "size": { "small": { - "width": 30, - "height": 30, - "borderRadius": 15, - "select": { - "width": 20, - "height": 20, - "borderRadius": 10 - }, - "highlight": { - "width": 50, - "height": 50, - "borderRadius": 25 - }, - "text": { - "marginLeft": 10, - "fontSize": 14 - } + "default": false }, "medium": { - "width": 36, - "height": 36, - "borderRadius": 18, - "select": { - "width": 24, - "height": 24, - "borderRadius": 12 + "default": true + }, + "large": { + "default": false + } + } + }, + "states": { + "checked": { + "default": false, + "priority": 0, + "scope": "all" + }, + "disabled": { + "default": false, + "priority": 1, + "scope": "all" + }, + "active": { + "default": false, + "priority": 2, + "scope": "all" + } + } + }, + "appearances": { + "default": { + "mapping": { + "borderWidth": 2, + "borderColor": "gray-primary", + "textColor": "text-primary", + "textFontWeight": "500", + "selectBackgroundColor": "transparent", + "highlightBackgroundColor": "transparent", + "state": { + "active": { + "borderColor": "gray-dark", + "highlightBackgroundColor": "gray-light" }, - "highlight": { - "width": 60, - "height": 60, - "borderRadius": 30 + "checked": { + "borderColor": "blue-primary", + "selectBackgroundColor": "blue-primary" }, - "text": { - "marginLeft": 12, - "fontSize": 16 + "disabled": { + "borderColor": "gray-light", + "textColor": "gray-300" + }, + "checked.active": { + "borderColor": "blue-dark" + }, + "checked.disabled": { + "selectBackgroundColor": "gray-primary" + } + } + }, + "variantGroups": { + "status": { + "error": { + "borderColor": "pink-primary", + "state": { + "checked": { + "borderColor": "pink-primary", + "selectBackgroundColor": "pink-primary" + }, + "checked.active": { + "borderColor": "pink-primary" + } + } } }, - "large": { - "width": 42, - "height": 42, - "borderRadius": 21, - "select": { - "width": 28, - "height": 28, - "borderRadius": 14 + "size": { + "small": { + "width": 30, + "height": 30, + "borderRadius": 15, + "textMarginLeft": 10, + "textFontSize": 14, + "selectWidth": 20, + "selectHeight": 20, + "selectBorderRadius": 10, + "highlightWidth": 50, + "highlightHeight": 50, + "highlightBorderRadius": 25 }, - "highlight": { - "width": 70, - "height": 70, - "borderRadius": 35 + "medium": { + "width": 36, + "height": 36, + "borderRadius": 18, + "textMarginLeft": 12, + "textFontSize": 16, + "selectWidth": 24, + "selectHeight": 24, + "selectBorderRadius": 12, + "highlightWidth": 60, + "highlightHeight": 60, + "highlightBorderRadius": 30 }, - "text": { - "marginLeft": 14, - "fontSize": 18 + "large": { + "width": 42, + "height": 42, + "borderRadius": 21, + "textMarginLeft": 14, + "textFontSize": 18, + "selectWidth": 28, + "selectHeight": 28, + "selectBorderRadius": 14, + "highlightWidth": 70, + "highlightHeight": 70, + "highlightBorderRadius": 35 } } } } } - } - }, - "RadioGroup": { - "meta": { - "scope": "all", - "mapping": { - "padding": { - "type": "number" - } + }, + "RadioGroup": { + "meta": { + "scope": "all", + "parameters": { + "padding": { + "type": "number" + } + }, + "appearances": { + "default": { + "default": true + } + }, + "variantGroups": {}, + "states": {} }, "appearances": { "default": { - "default": true + "mapping": { + "padding": 0 + } } - }, - "variants": {}, - "states": {} + } }, - "appearance": { - "default": { - "mapping": { - "padding": 0 + "Tab": { + "meta": { + "scope": "all", + "parameters": { + "textColor": { + "type": "string" + }, + "textFontWeight": { + "type": "number" + }, + "iconWidth": { + "type": "number" + }, + "iconHeight": { + "type": "number" + }, + "iconTintColor": { + "type": "string" + } + }, + "appearances": { + "default": { + "default": true + } + }, + "variantGroups": {}, + "states": { + "selected": { + "default": false, + "priority": 0, + "scope": "all" + } } - } - } - }, - "Tab": { - "meta": { - "scope": "all", - "mapping": {}, + }, "appearances": { "default": { - "default": true - } - }, - "variants": {}, - "states": { - "selected": { - "default": false, - "priority": 0, - "scope": "all" - } - } - }, - "appearance": { - "default": { - "mapping": { - "text": { - "color": "gray-dark", - "fontWeight": "600" - }, - "icon": { - "width": 20, - "height": 20, - "tintColor": "gray-dark" - }, - "state": { - "selected": { - "text": { - "color": "blue-primary" - }, - "icon": { - "tintColor": "blue-primary" + "mapping": { + "textColor": "gray-dark", + "textFontWeight": "600", + "iconWidth": 20, + "iconHeight": 20, + "iconTintColor": "gray-dark", + "state": { + "selected": { + "textColor": "blue-primary", + "iconTintColor": "blue-primary" } } } } } - } - }, - "TabBar": { - "meta": { - "scope": "all", - "mapping": { - "height": { - "type": "number" - } + }, + "TabBar": { + "meta": { + "scope": "all", + "parameters": { + "height": { + "type": "number" + }, + "indicatorHeight": { + "type": "number" + }, + "indicatorBorderRadius": { + "type": "number" + }, + "indicatorBackgroundColor": { + "type": "string" + } + }, + "appearances": { + "default": { + "default": true + } + }, + "variantGroups": {}, + "states": {} }, "appearances": { "default": { - "default": true - } - }, - "variants": {}, - "states": {} - }, - "appearance": { - "default": { - "mapping": { - "height": 42, - "indicator": { - "height": 4, - "borderRadius": 2, - "backgroundColor": "blue-primary" + "mapping": { + "height": 42, + "indicatorHeight": 4, + "indicatorBorderRadius": 2, + "indicatorBackgroundColor": "blue-primary" } } } - } - }, - "Text": { - "meta": { - "scope": "all", - "mapping": { - "color": { - "type": "color" + }, + "Text": { + "meta": { + "scope": "all", + "parameters": { + "color": { + "type": "string" + }, + "fontSize": { + "type": "number" + } }, - "fontSize": { - "type": "number" - } - }, - "appearances": { - "primary": { - "default": true - } - }, - "variants": { - "category": { - "h1": { - "default": false - }, - "h2": { - "default": false - }, - "h3": { - "default": false - }, - "h4": { - "default": false - }, - "h5": { - "default": false - }, - "h6": { - "default": false - }, - "body": { + "appearances": { + "primary": { "default": true } - } - }, - "states": {} - }, - "appearance": { - "primary": { - "mapping": { - "color": "text-primary" }, - "variant": { + "variantGroups": { "category": { "h1": { - "fontSize": 64 + "default": false }, "h2": { - "fontSize": 40 + "default": false }, "h3": { - "fontSize": 32 + "default": false }, "h4": { - "fontSize": 24 + "default": false }, "h5": { - "fontSize": 16 + "default": false }, "h6": { - "fontSize": 14 + "default": false }, "body": { - "fontSize": 16 + "default": true } } - } - } - } - }, - "Toggle": { - "meta": { - "scope": "all", - "mapping": { - "width": { - "type": "number" - }, - "height": { - "type": "number" - }, - "borderRadius": { - "type": "number" - }, - "borderWidth": { - "type": "number" - }, - "offsetValue": { - "type": "number" - }, - "tintColor": { - "type": "color" }, - "borderColor": { - "type": "color" - } + "states": {} }, "appearances": { - "default": { - "default": true + "primary": { + "mapping": { + "color": "text-primary" + }, + "variantGroups": { + "category": { + "h1": { + "fontSize": 64 + }, + "h2": { + "fontSize": 40 + }, + "h3": { + "fontSize": 32 + }, + "h4": { + "fontSize": 24 + }, + "h5": { + "fontSize": 16 + }, + "h6": { + "fontSize": 14 + }, + "body": { + "fontSize": 16 + } + } + } } - }, - "variants": { - "status": { - "primary": { - "default": true + } + }, + "Toggle": { + "meta": { + "scope": "all", + "parameters": { + "width": { + "type": "number" }, - "success": { - "default": false + "height": { + "type": "number" }, - "info": { - "default": false + "borderRadius": { + "type": "number" }, - "warning": { - "default": false + "borderWidth": { + "type": "number" }, - "danger": { - "default": false - } - }, - "size": { - "small": { - "default": false + "offsetValue": { + "type": "number" }, - "medium": { - "default": true + "tintBackgroundColor": { + "type": "string" }, - "large": { - "default": false + "borderColor": { + "type": "string" + }, + "thumbBackgroundColor": { + "type": "string" + }, + "highlightBackgroundColor": { + "type": "string" + }, + "highlightWidth": { + "type": "number" + }, + "highlightHeight": { + "type": "number" + }, + "highlightBorderRadius": { + "type": "number" } - } - }, - "states": { - "checked": { - "default": false, - "priority": 0, - "scope": "all" - }, - "disabled": { - "default": false, - "priority": 1, - "scope": "all" }, - "active": { - "default": false, - "priority": 1, - "scope": "all" - } - } - }, - "appearance": { - "default": { - "mapping": { - "offsetValue": 20, - "thumb": { - "backgroundColor": "#ffffff" - }, - "highlight": { - "backgroundColor": "transparent" - }, - "state": { - "active": { - "highlight": { - "backgroundColor": "#e5e7ea" - } - }, - "disabled": { - "borderColor": "gray-dark", - "tintColor": "gray-light" - } + "appearances": { + "default": { + "default": true } }, - "variant": { + "variantGroups": { "status": { "primary": { - "tintColor": "#d9e4ff", - "borderColor": "blue-primary" + "default": true }, "success": { - "tintColor": "#b3ffd6", - "borderColor": "#00e096" + "default": false }, "info": { - "tintColor": "#c7e2ff", - "borderColor": "#0095ff" + "default": false }, "warning": { - "tintColor": "#fff1c2", - "borderColor": "#ffaa00" + "default": false }, "danger": { - "tintColor": "#FFD6D9", - "borderColor": "pink-primary" + "default": false } }, "size": { "small": { - "width": 38, - "height": 22, - "borderRadius": 11, - "borderWidth": 0.5, - "highlight": { - "width": 48, - "height": 32, - "borderRadius": 16 - } + "default": false }, "medium": { - "width": 52, - "height": 32, - "borderRadius": 16, - "borderWidth": 1.5, - "highlight": { - "width": 62, - "height": 42, - "borderRadius": 21 - } + "default": true }, "large": { - "width": 72, - "height": 42, - "borderRadius": 21, - "borderWidth": 2, - "highlight": { - "width": 82, - "height": 52, - "borderRadius": 26 - } + "default": false } } - } - } - } - }, - "Tooltip": { - "meta": { - "scope": "all", - "mapping": {}, - "appearances": { - "default": { - "default": true - } - }, - "variants": {}, - "states": {} - }, - "appearance": { - "default": { - "mapping": { - "popover": { - "paddingVertical": 4, - "paddingHorizontal": 8, - "borderRadius": 8, - "backgroundColor": "#0D1C2F" - }, - "text": { - "color": "text-primary-inverse" - } - } - } - } - }, - "TopNavigationBar": { - "meta": { - "scope": "mobile", - "mapping": { - "height": { - "type": "number" - }, - "paddingTop": { - "type": "number" }, - "paddingBottom": { - "type": "number" - }, - "paddingHorizontal": { - "type": "number" - }, - "backgroundColor": { - "type": "color" + "states": { + "checked": { + "default": false, + "priority": 0, + "scope": "all" + }, + "disabled": { + "default": false, + "priority": 1, + "scope": "all" + }, + "active": { + "default": false, + "priority": 1, + "scope": "all" + } } }, "appearances": { "default": { - "default": true - }, - "title-centered": { - "default": false - } - }, - "variants": {}, - "states": {} - }, - "appearance": { - "default": { - "mapping": { - "height": 46, - "paddingTop": 4, - "paddingBottom": 12, - "paddingHorizontal": 16, - "backgroundColor": "blue-primary", - "title": { - "color": "text-primary-inverse", - "fontSize": 16, - "fontWeight": "600" - }, - "subtitle": { - "color": "text-primary-inverse", - "fontSize": 12, - "fontWeight": "400" - }, - "textAlign": "start" - } - }, - "title-centered": { - "mapping": { - "textAlign": "center" + "mapping": { + "offsetValue": 20, + "thumbBackgroundColor": "#ffffff", + "highlightBackgroundColor": "transparent", + "state": { + "active": { + "highlightBackgroundColor": "#e5e7ea" + }, + "disabled": { + "borderColor": "gray-dark", + "tintBackgroundColor": "gray-light" + } + } + }, + "variantGroups": { + "status": { + "primary": { + "tintBackgroundColor": "#d9e4ff", + "borderColor": "blue-primary" + }, + "success": { + "tintBackgroundColor": "#b3ffd6", + "borderColor": "#00e096" + }, + "info": { + "tintBackgroundColor": "#c7e2ff", + "borderColor": "#0095ff" + }, + "warning": { + "tintBackgroundColor": "#fff1c2", + "borderColor": "#ffaa00" + }, + "danger": { + "tintBackgroundColor": "#FFD6D9", + "borderColor": "pink-primary" + } + }, + "size": { + "small": { + "width": 38, + "height": 22, + "borderRadius": 11, + "borderWidth": 0.5, + "highlightWidth": 48, + "highlightHeight": 32, + "highlightBorderRadius": 16 + }, + "medium": { + "width": 52, + "height": 32, + "borderRadius": 16, + "borderWidth": 1.5, + "highlightWidth": 62, + "highlightHeight": 42, + "highlightBorderRadius": 21 + }, + "large": { + "width": 72, + "height": 42, + "borderRadius": 21, + "borderWidth": 2, + "highlightWidth": 82, + "highlightHeight": 52, + "highlightBorderRadius": 26 + } + } + } } } - } - }, - "TopNavigationBarAction": { - "meta": { - "scope": "mobile", - "mapping": { - "width": { - "type": "number" - }, - "height": { - "type": "number" + }, + "Tooltip": { + "meta": { + "scope": "all", + "parameters": { + "popoverPaddingHorizontal": { + "type": "number" + }, + "popoverPaddingVertical": { + "type": "number" + }, + "popoverBorderRadius": { + "type": "number" + }, + "popoverBackgroundColor": { + "type": "string" + }, + "textColor": { + "type": "string" + } }, - "marginRight": { - "type": "number" + "appearances": { + "default": { + "default": true + } }, - "tintColor": { - "type": "color" - } + "variantGroups": {}, + "states": {} }, "appearances": { "default": { - "default": true - } - }, - "variants": {}, - "states": {} - }, - "appearance": { - "default": { - "mapping": { - "width": 25, - "height": 25, - "marginRight": 8, - "tintColor": "white" + "mapping": { + "popoverPaddingHorizontal": 8, + "popoverPaddingVertical": 4, + "popoverBorderRadius": 8, + "popoverBackgroundColor": "#0D1C2F", + "textColor": "text-primary-inverse" + } } } - } - }, - "OverflowMenu": { - "meta": { - "scope": "all", - "mapping": { - "borderRadius": { - "type": "number" - } - }, - "appearances": { - "default": { - "default": true - } - }, - "states": {}, - "variants": {} }, - "appearance": { - "default": { - "mapping": { - "borderRadius": 6, - "menuItem": { - "borderRadius": 6 + "TopNavigationBar": { + "meta": { + "scope": "mobile", + "parameters": { + "height": { + "type": "number" + }, + "paddingTop": { + "type": "number" + }, + "paddingBottom": { + "type": "number" + }, + "paddingHorizontal": { + "type": "number" + }, + "backgroundColor": { + "type": "string" + }, + "textAlign": { + "type": "string" + }, + "titleColor": { + "type": "string" + }, + "titleFontSize": { + "type": "number" + }, + "titleFontWeight": { + "type": "string" }, - "popover": { - "backgroundColor": "white" + "subtitleColor": { + "type": "string" + }, + "subtitleFontSize": { + "type": "number" + }, + "subtitleFontWeight": { + "type": "string" } - } - } - } - }, - "OverflowMenuItem": { - "meta": { - "scope": "all", - "mapping": { - "backgroundColor": { - "type": "color" - }, - "borderColor": { - "type": "color" }, - "borderWidth": { - "type": "number" - } - }, - "appearances": { - "default": { - "default": true - } - }, - "variants": { - "size": { - "small": { - "default": false - }, - "medium": { + "appearances": { + "default": { "default": true }, - "large": { + "titleCentered": { "default": false } - } + }, + "variantGroups": {}, + "states": {} }, - "states": { - "disabled": { - "default": false, - "priority": 0, - "scope": "all" + "appearances": { + "default": { + "mapping": { + "height": 46, + "paddingTop": 4, + "paddingBottom": 12, + "paddingHorizontal": 16, + "backgroundColor": "blue-primary", + "titleColor": "text-primary-inverse", + "titleFontSize": 16, + "titleFontWeight": "600", + "subtitleColor": "text-primary-inverse", + "subtitleFontSize": 12, + "subtitleFontWeight": "400", + "textAlign": "start" + } }, - "active": { - "default": false, - "priority": 1, - "scope": "all" + "titleCentered": { + "mapping": { + "textAlign": "center" + } } } }, - "appearance": { - "default": { - "mapping": { - "backgroundColor": "white", - "borderColor": "gray-light", - "borderWidth": 1.2, - "text": { - "color": "blue-pitch-dark", - "fontWeight": "600" - }, - "icon": { - "tintColor": "blue-pitch-dark" - }, - "state": { - "disabled": { - "backgroundColor": "gray-dark" - }, - "active": { - "text": { - "color": "blue-primary" - }, - "icon": { - "tintColor": "blue-primary" - } - } + "TopNavigationBarAction": { + "meta": { + "scope": "mobile", + "parameters": { + "width": { + "type": "number" + }, + "height": { + "type": "number" + }, + "marginRight": { + "type": "number" + }, + "tintColor": { + "type": "string" } }, - "variant": { - "size": { - "small": { - "minHeight": 40, - "padding": 10, - "text": { - "fontSize": 13, - "marginHorizontal": 6 - }, - "icon": { - "width": 20, - "height": 20, - "marginHorizontal": 6 - } - }, - "medium": { - "minHeight": 48, - "padding": 12, - "text": { - "fontSize": 15, - "marginHorizontal": 8 - }, - "icon": { - "width": 24, - "height": 24, - "marginHorizontal": 8 - } - }, - "large": { - "minHeight": 56, - "padding": 14, - "text": { - "fontSize": 17, - "marginHorizontal": 10 - }, - "icon": { - "width": 28, - "height": 28, - "marginHorizontal": 10 - } - } + "appearances": { + "default": { + "default": true + } + }, + "variantGroups": {}, + "states": {} + }, + "appearances": { + "default": { + "mapping": { + "width": 25, + "height": 25, + "marginRight": 8, + "tintColor": "white" } } } diff --git a/packages/mapping/eva/schema.json b/packages/mapping/eva/schema.json new file mode 100644 index 0000000..b70ad77 --- /dev/null +++ b/packages/mapping/eva/schema.json @@ -0,0 +1,264 @@ +{ + "$schema": "http://json-schema.org/draft-07/schema#", + "$ref": "#/definitions/root", + "title": "Eva Design System Configuration", + "definitions": { + "root": { + "type": "object", + "required": [ + "version", + "theme" + ], + "properties": { + "$schema": { + "type": "string" + }, + "version": { + "$ref": "#/definitions/version" + }, + "theme": { + "$ref": "#/definitions/theme" + } + }, + "additionalProperties": { + "$ref": "#/definitions/control" + } + }, + "version": { + "type": "number" + }, + "theme": { + "propertyNames": { + "pattern": "[A-Z][a-zA-Z]*" + }, + "additionalProperties": { + "$ref": "#/definitions/control" + } + }, + "control": { + "description": "UI Component", + "type": "object", + "required": [ + "meta", + "appearances" + ], + "properties": { + "meta": { + "type": "object", + "required": [ + "scope", + "parameters", + "appearances", + "variantGroups", + "states" + ], + "properties": { + "scope": { + "$ref": "#/definitions/scope" + }, + "parameters": { + "type": "object", + "propertyNames": { + "pattern": "^[a-z][a-zA-Z]*" + }, + "additionalProperties": { + "$ref": "#/definitions/parameterMeta" + } + }, + "appearances": { + "type": "object", + "propertyNames": { + "pattern": "^[a-z][a-zA-Z]*" + }, + "additionalProperties": { + "$ref": "#/definitions/appearanceMeta" + } + }, + "variantGroups": { + "type": "object", + "propertyNames": { + "pattern": "^[a-z][a-zA-Z]*" + }, + "additionalProperties": { + "type": "object", + "propertyNames": { + "pattern": "^[a-z][a-zA-Z0-9]*" + }, + "minProperties": 1, + "additionalProperties": { + "$ref": "#/definitions/variantMeta" + } + } + }, + "states": { + "type": "object", + "propertyNames": { + "pattern": "^[a-z][.a-z]*" + }, + "additionalProperties": { + "$ref": "#/definitions/stateMeta" + } + } + }, + "additionalProperties": false + }, + "appearances": { + "type": "object", + "propertyNames": { + "pattern": "^[a-z][a-zA-Z]*" + }, + "minProperties": 1, + "additionalProperties": { + "$ref": "#/definitions/appearance" + } + } + }, + "additionalProperties": false + }, + "appearanceMeta": { + "required": [ + "default" + ], + "type": "object", + "properties": { + "default": { + "type": "boolean" + } + }, + "additionalProperties": false + }, + "variantMeta": { + "type": "object", + "required": [ + "default" + ], + "properties": { + "default": { + "type": "boolean" + } + }, + "additionalProperties": false + }, + "stateMeta": { + "type": "object", + "required": [ + "default", + "priority", + "scope" + ], + "properties": { + "default": { + "type": "boolean" + }, + "priority": { + "type": "number", + "minimum": 0 + }, + "scope": { + "$ref": "#/definitions/scope" + } + } + }, + "parameterMeta": { + "type": "object", + "required": [ + "type" + ], + "properties": { + "type": { + "type": "string", + "enum": [ + "number", + "string" + ] + } + }, + "additionalProperties": false + }, + "scope": { + "description": "Platform where control is used. Also can be applied to particular state of control", + "type": "string", + "enum": [ + "all", + "mobile", + "web" + ] + }, + "appearance": { + "description": "Set of mappings that define at the high level view of related control: it's size, shape and main colors", + "type": "object", + "required": [ + "mapping" + ], + "properties": { + "mapping": { + "$ref": "#/definitions/mapping" + }, + "variantGroups": { + "type": "object", + "propertyNames": { + "pattern": "^[a-z][a-zA-Z]*" + }, + "additionalProperties": { + "$ref": "#/definitions/variant" + } + } + }, + "additionalProperties": false + }, + "variant": { + "description": "Set of mapping that define control's appearance", + "type": "object", + "propertyNames": { + "pattern": "^[a-z][a-zA-Z0-9]*" + }, + "additionalProperties": { + "$ref": "#/definitions/mapping" + } + }, + "mapping": { + "description": "Set of parameters that define control's appearance", + "type": "object", + "propertyNames": { + "pattern": "^[a-z][a-zA-Z]*" + }, + "patternProperties": { + "[Ww]idth": { + "type": "number" + }, + "[Hh]eight": { + "type": "number" + }, + "[Cc]olor": { + "type": "string" + } + }, + "properties": { + "state": { + "$ref": "#/definitions/mapping", + "propertyNames": { + "pattern": "^[a-z][.a-z]*" + }, + "minProperties": 1 + } + }, + "additionalProperties": { + "$ref": "#/definitions/parameter" + } + }, + "parameter": { + "description": "Defines how the element or a component of the system will look like", + "anyOf": [ + { + "type": [ + "number", + "string" + ] + }, + { + "$ref": "#/definitions/mapping" + } + ] + } + } +} diff --git a/packages/processor/kitten/scripts/generate.ts b/packages/processor/kitten/scripts/generate.ts index b733869..7b5689d 100644 --- a/packages/processor/kitten/scripts/generate.ts +++ b/packages/processor/kitten/scripts/generate.ts @@ -1,6 +1,9 @@ import * as fs from 'fs'; import path from 'path'; -import { ThemeStyleType } from '@eva/types'; +import { + ThemeMappingType, + ThemeStyleType, +} from '@eva/types'; import { MappingProcessor, MetaProcessor, @@ -28,17 +31,18 @@ function generatePackage(name: string) { const generatedDir: string = path.resolve(rootDir, 'mapping-kitten', name); const { default: mapping } = require(srcDir); + const themeMapping: ThemeMappingType = mapping.theme; - const meta: MappingMetaType[] = mappingProcessor.process(mapping); + const meta: MappingMetaType[] = mappingProcessor.process(themeMapping); const style: ThemeStyleType = metaProcessor.process({ - mapping: mapping, + mapping: themeMapping, meta: meta, }); const indexOutput: string = [ `import { ThemeMappingType, ThemeStyleType } from '@eva/types';`, `export const style: ThemeStyleType = ${json(style)};`, - `export const mapping: ThemeMappingType = ${json(mapping)};`, + `export const mapping: ThemeMappingType = ${json(themeMapping)};`, ].join('\n\n'); const packageOutput: string = json({ diff --git a/packages/processor/kitten/src/processor/mapping/mappingProcessor.ts b/packages/processor/kitten/src/processor/mapping/mappingProcessor.ts index 8dfb0f1..a28ed67 100644 --- a/packages/processor/kitten/src/processor/mapping/mappingProcessor.ts +++ b/packages/processor/kitten/src/processor/mapping/mappingProcessor.ts @@ -1,6 +1,6 @@ import { ThemeMappingType, - ComponentMappingType, + ControlMappingType, } from '@eva/types'; import { Processor } from '../processor'; import { @@ -12,13 +12,13 @@ import { export interface MappingMetaType { name: string; appearance: string; - states: string[]; variants: string[]; + states: string[]; } export class MappingProcessor implements Processor { - process(params: ThemeMappingType): MappingMetaType[] { + public process(params: ThemeMappingType): MappingMetaType[] { return Object.keys(params).reduce((acc: MappingMetaType[], component: string) => { return [ ...acc, @@ -28,14 +28,16 @@ export class MappingProcessor implements Processor ({ - name: component, - appearance: appearance, - variants: this.getComponentVariants(mapping, component), - states: this.getComponentStates(mapping, component), - })); + const componentMapping: ControlMappingType = mapping[component]; + + return Object.keys(componentMapping.appearances).map((appearance: string): MappingMetaType => { + return { + name: component, + appearance: appearance, + variants: this.getComponentVariants(mapping, component), + states: this.getComponentStates(mapping, component), + }; + }); } private getComponentVariants(mapping: ThemeMappingType, component: string): string[] { diff --git a/packages/processor/kitten/src/processor/meta/metaProcessor.spec.ts b/packages/processor/kitten/src/processor/meta/metaProcessor.spec.ts index 0c3d515..5a3df76 100644 --- a/packages/processor/kitten/src/processor/meta/metaProcessor.spec.ts +++ b/packages/processor/kitten/src/processor/meta/metaProcessor.spec.ts @@ -1,5 +1,5 @@ import { - ComponentMappingType, + ControlMappingType, ThemeMappingType, ThemeStyleType, } from '@eva/types'; @@ -61,14 +61,14 @@ describe('@processor: e2e', () => { function calculateThemeStyleCount(themeMapping: ThemeMappingType): number { return Object.keys(themeMapping).reduce((acc: number, component: string) => { - const componentMapping: ComponentMappingType = themeMapping[component]; + const componentMapping: ControlMappingType = themeMapping[component]; const componentStyleCount: number = calculateComponentStyleCount(componentMapping); return acc + componentStyleCount; }, 0); } -function calculateComponentStyleCount(component: ComponentMappingType): number { +function calculateComponentStyleCount(component: ControlMappingType): number { const { appearances, variants, states } = createComponentTestMeta(component); const stateCombinations: number = Math.pow(2, states.length) - 1; @@ -91,12 +91,12 @@ function calculateComponentStyleCount(component: ComponentMappingType): number { return appearances.length * (accVariants + stateVariants + stateCombinations + 1); } -function createComponentTestMeta(component: ComponentMappingType): any { - const { appearances, variants, states } = component.meta; +function createComponentTestMeta(component: ControlMappingType): any { + const { appearances, variantGroups, states } = component.meta; return { appearances: Object.keys(appearances), - variants: Object.keys(variants).map(group => Object.keys(variants[group])), + variants: Object.keys(variantGroups).map(group => Object.keys(variantGroups[group])), states: Object.keys(states), }; } diff --git a/packages/processor/kitten/src/processor/meta/metaProcessor.ts b/packages/processor/kitten/src/processor/meta/metaProcessor.ts index 3415d00..e5183af 100644 --- a/packages/processor/kitten/src/processor/meta/metaProcessor.ts +++ b/packages/processor/kitten/src/processor/meta/metaProcessor.ts @@ -1,8 +1,8 @@ import { ThemeStyleType, - ComponentMapMetaType, + ControlMapMetaType, ThemeMappingType, - ComponentThemedStyleType, + ControlThemedStyleType, ThemedStyleType, } from '@eva/types'; import { MappingMetaType } from '@eva/processor/kitten'; @@ -20,7 +20,7 @@ export interface MappingProcessorParamsType { export class MetaProcessor implements Processor { - process(params: MappingProcessorParamsType): ThemeStyleType { + public process(params: MappingProcessorParamsType): ThemeStyleType { const entries = params.meta.map((value: MappingMetaType) => { return this.processComponentMeta(params.mapping, value); }); @@ -28,7 +28,7 @@ export class MetaProcessor implements Processor { - const groupVariants: string[] = Object.keys(meta.variants[group]); + const variants = Object.keys(meta.variantGroups).reduce((acc, group: string) => { + const groupVariants: string[] = Object.keys(meta.variantGroups[group]); return { ...acc, [group]: groupVariants }; }, {}); diff --git a/packages/processor/kitten/src/service/mapping/mapping.service.ts b/packages/processor/kitten/src/service/mapping/mapping.service.ts index ba9428b..36c2560 100644 --- a/packages/processor/kitten/src/service/mapping/mapping.service.ts +++ b/packages/processor/kitten/src/service/mapping/mapping.service.ts @@ -1,6 +1,6 @@ import { ThemeMappingType, - ComponentMappingType, + ControlMappingType, AppearanceMappingType, MappingType, StateMappingType, @@ -12,7 +12,7 @@ export function getComponentDefaultAppearance(mapping: ThemeMappingType, const componentMapping = getComponentMapping(mapping, component); - return safe(componentMapping, (value: ComponentMappingType) => { + return safe(componentMapping, (value: ControlMappingType) => { const { appearances } = value.meta; return Object.keys(appearances).find((appearance: string) => { @@ -26,12 +26,12 @@ export function getComponentDefaultVariants(mapping: ThemeMappingType, const componentMapping = getComponentMapping(mapping, component); - return safe(componentMapping, (value: ComponentMappingType) => { - const { variants } = value.meta; + return safe(componentMapping, (value: ControlMappingType) => { + const { variantGroups } = value.meta; - return Object.keys(variants).map((group: string) => { - return Object.keys(variants[group]).find((variant: string) => { - return variants[group][variant].default === true; + return Object.keys(variantGroups).map((group: string) => { + return Object.keys(variantGroups[group]).find((variant: string) => { + return variantGroups[group][variant].default === true; }); }); }); @@ -42,7 +42,7 @@ export function getComponentDefaultState(mapping: ThemeMappingType, const componentMapping = getComponentMapping(mapping, component); - return safe(componentMapping, (value: ComponentMappingType) => { + return safe(componentMapping, (value: ControlMappingType) => { const { states } = value.meta; return Object.keys(states).find((state: string) => { @@ -56,10 +56,10 @@ export function getComponentVariantGroups(mapping: ThemeMappingType, const componentMapping = getComponentMapping(mapping, component); - return safe(componentMapping, (value: ComponentMappingType) => { - const { variants } = value.meta; + return safe(componentMapping, (value: ControlMappingType) => { + const { variantGroups } = value.meta; - return Object.keys(variants); + return Object.keys(variantGroups); }); } @@ -68,11 +68,11 @@ export function getComponentVariants(mapping: ThemeMappingType, const componentMapping = getComponentMapping(mapping, component); - return safe(componentMapping, (value: ComponentMappingType) => { - const { variants } = value.meta; + return safe(componentMapping, (value: ControlMappingType) => { + const { variantGroups } = value.meta; - return Object.keys(variants).map((group: string) => { - return Object.keys(variants[group]); + return Object.keys(variantGroups).map((group: string) => { + return Object.keys(variantGroups[group]); }); }); } @@ -82,7 +82,7 @@ export function getComponentStates(mapping: ThemeMappingType, const componentMapping = getComponentMapping(mapping, component); - return safe(componentMapping, (value: ComponentMappingType) => { + return safe(componentMapping, (value: ControlMappingType) => { const { states } = value.meta; return Object.keys(states); @@ -142,7 +142,7 @@ export function getStatelessVariantMapping(mapping: ThemeMappingType, } export function getComponentMapping(mapping: ThemeMappingType, - component: string): ComponentMappingType | undefined { + component: string): ControlMappingType | undefined { return mapping[component]; } @@ -153,8 +153,8 @@ function getAppearance(mapping: ThemeMappingType, const componentMapping = getComponentMapping(mapping, component); - return safe(componentMapping, (value: ComponentMappingType) => { - return value.appearance[appearance]; + return safe(componentMapping, (value: ControlMappingType) => { + return value.appearances[appearance]; }); } @@ -177,7 +177,7 @@ function getVariantMapping(mapping: ThemeMappingType, const appearanceConfig = getAppearance(mapping, component, appearance); return safe(appearanceConfig, (value: AppearanceMappingType) => { - return safe(value.variant, (groupValue) => { + return safe(value.variantGroups, (groupValue) => { const groupName = Object.keys(groupValue).find((group: string) => { return groupValue[group][variant] !== undefined; diff --git a/packages/processor/kitten/src/service/style/style.service.ts b/packages/processor/kitten/src/service/style/style.service.ts index b026322..c1d81dc 100644 --- a/packages/processor/kitten/src/service/style/style.service.ts +++ b/packages/processor/kitten/src/service/style/style.service.ts @@ -1,7 +1,7 @@ import * as _ from 'lodash'; import { ThemeMappingType, - ComponentMappingType, + ControlMappingType, ThemedStyleType, } from '@eva/types'; import { @@ -149,7 +149,7 @@ export function getStyle(mapping: ThemeMappingType, states: string[]): ThemedStyleType | undefined { return safe(mapping, (themeMapping: ThemeMappingType) => { - return safe(themeMapping[component], (componentMapping: ComponentMappingType) => { + return safe(themeMapping[component], (componentMapping: ControlMappingType) => { const query = findStyleKey(Object.keys(componentMapping), [ appearance, diff --git a/packages/processor/kitten/src/tests/mapping.config.ts b/packages/processor/kitten/src/tests/mapping.config.ts index 3e85b2c..e059585 100644 --- a/packages/processor/kitten/src/tests/mapping.config.ts +++ b/packages/processor/kitten/src/tests/mapping.config.ts @@ -4,7 +4,7 @@ export const mapping: ThemeMappingType = { Button: { meta: { scope: 'all', - mapping: { + parameters: { highlightColor: { type: 'color', }, @@ -35,7 +35,7 @@ export const mapping: ThemeMappingType = { default: false, }, }, - variants: { + variantGroups: { status: { primary: { default: true, @@ -84,7 +84,7 @@ export const mapping: ThemeMappingType = { }, }, }, - appearance: { + appearances: { filled: { mapping: { borderRadius: 6, @@ -97,7 +97,7 @@ export const mapping: ThemeMappingType = { marginHorizontal: 4, }, }, - variant: { + variantGroups: { status: { primary: { backgroundColor: '#2196F3', @@ -218,7 +218,7 @@ export const mapping: ThemeMappingType = { mapping: { borderWidth: 2, }, - variant: { + variantGroups: { status: { primary: { backgroundColor: 'transparent', diff --git a/packages/types/index.ts b/packages/types/index.ts index 1b4acee..87b7d5a 100644 --- a/packages/types/index.ts +++ b/packages/types/index.ts @@ -1,17 +1,22 @@ +export interface SchemeType { + version: number; + theme: ThemeMappingType; +} + export interface ThemeMappingType { - [key: string]: ComponentMappingType; + [key: string]: ControlMappingType; } -export interface ComponentMappingType { +export interface ControlMappingType { meta: { scope: ScopeMetaType; - mapping: { + parameters: { [key: string]: PropertyMetaType; }; appearances: { [key: string]: AppearanceMetaType; }; - variants: { + variantGroups: { [key: string]: { [key: string]: VariantMetaType; }; @@ -20,7 +25,7 @@ export interface ComponentMappingType { [key: string]: StateMetaType; }; }; - appearance: { + appearances: { [key: string]: AppearanceMappingType; }; } @@ -28,7 +33,7 @@ export interface ComponentMappingType { export type ScopeMetaType = 'mobile' | 'web' | 'all'; export interface PropertyMetaType { - type: 'number' | 'color'; + type: 'number' | 'string'; } export interface AppearanceMetaType { @@ -47,7 +52,7 @@ export interface StateMetaType { export interface AppearanceMappingType { mapping: StateMappingType; - variant?: { + variantGroups?: { [key: string]: { [key: string]: StateMappingType; }; @@ -66,7 +71,7 @@ export interface StateMappingType extends MappingType { export type PropertyType = string | number; -export interface ComponentMapMetaType { +export interface ControlMapMetaType { appearances: string[]; variants: { [key: string]: string[]; @@ -75,10 +80,10 @@ export interface ComponentMapMetaType { } export interface ThemeStyleType { - [key: string]: ComponentThemedStyleType; + [key: string]: ControlThemedStyleType; } -export interface ComponentThemedStyleType { +export interface ControlThemedStyleType { [key: string]: ThemedStyleType; }