sapo-components-ui-rn 1.1.58 → 1.1.60

package/dist/index.esm.js

@@ -241,6 +241,7 @@ var ref = {
                 backgroundPrimary: ink.INK5,
                 backgroundSecondary: white.WHITE100,
                 borderBrandDefault: blue.BLUE100,
+                borderOnColorDefault: white.WHITE10,
                 borderBrandDisabled: ink.INK20,
                 borderCriticalDisabled: ink.INK20,
                 borderCriticalDefault: red.RED100,
@@ -401,6 +402,7 @@ var ref = {
                 backgroundPrimary: ink.INK5,
                 backgroundSecondary: white.WHITE100,
                 borderBrandDefault: blue.BLUE100,
+                borderOnColorDefault: white.WHITE10,
                 borderBrandDisabled: ink.INK20,
                 borderCriticalDisabled: ink.INK20,
                 borderCriticalDefault: red.RED100,
@@ -1309,328 +1311,14 @@ var LightTheme = {
     dark: false,
     roundness: 8,
     version: 3,
-    colors: {
-        primary: blue.BLUE100,
-        background: white.WHITE100,
-        card: ink.INK100,
-        text: ink.INK100,
-        border: ink.INK40,
-        gray: ink.INK60,
-        backgroundLight: ink.INK10,
-        //new theme colors
-        backgroundPrimary: ink.INK5,
-        backgroundSecondary: white.WHITE100,
-        borderBrandDefault: blue.BLUE100,
-        borderBrandDisabled: ink.INK20,
-        borderCriticalDisabled: ink.INK20,
-        borderCriticalDefault: red.RED100,
-        borderCriticalHover: red.RED80,
-        borderCriticalPressed: red.RED120,
-        borderErrorDefault: red.RED100,
-        borderInfoDefault: blue.BLUE100,
-        borderPrimaryDefault: ink.INK20,
-        borderPrimaryDisabled: ink.INK20,
-        borderPrimaryHovered: ink.INK40,
-        borderPrimaryInverseDefault: blue.BLUE100,
-        borderPrimaryPressed: ink.INK60,
-        borderSuccessDefault: green.GREEN100,
-        borderWarningDefault: yellow.YELLOW100,
-        iconBrandDefault: blue.BLUE100,
-        iconBrandHover: blue.BLUE80,
-        iconBrandPressed: blue.BLUE120,
-        iconBrandDisabled: ink.INK20,
-        iconCriticalDefault: red.RED100,
-        iconCriticalHover: red.RED80,
-        iconCriticalPressed: red.RED_STATUS,
-        iconCriticalDisabled: ink.INK20,
-        iconErrorDefault: red.RED100,
-        iconInfoDefault: blue.BLUE100,
-        iconPrimaryDefault: ink.INK40,
-        iconPrimaryHover: ink.INK60,
-        iconPrimaryDisabled: ink.INK60,
-        iconPrimaryInverseDefault: white.WHITE100,
-        iconPrimaryInverseHover: white.WHITE80,
-        iconPrimaryInversePressed: white.WHITE80,
-        iconPrimaryPressed: ink.INK60,
-        iconSuccessDefault: green.GREEN100,
-        iconWarningDefault: yellow.YELLOW100,
-        iconActionPressed: ink.INK80,
-        iconActionDefault: ink.INK60,
-        iconActionHovered: ink.INK40,
-        iconActionInversePressed: ink.INK60,
-        iconActionInverseDefault: white.WHITE100,
-        iconActionInverseHovered: white.WHITE80,
-        iconActionDisabled: ink.INK20,
-        surfaceBrandDefault: blue.BLUE100,
-        surfaceBrandDisabled: ink.INK5,
-        surfaceBrandHover: blue.BLUE80,
-        surfaceBrandInverseDefault: blue.BLUE5,
-        surfaceBrandInverseHover: blue.BLUE10,
-        surfaceBrandInversePressed: blue.BLUE20,
-        surfaceBrandPressed: blue.BLUE120,
-        surfaceCriticalDefault: red.RED100,
-        surfaceCriticalDisabled: ink.INK5,
-        surfaceCriticalHover: red.RED80,
-        surfaceCriticalInverseDefault: red.RED10,
-        surfaceCriticalInverseHover: red.RED20,
-        surfaceCriticalInversePressed: red.RED40,
-        surfaceCriticalPressed: red.RED120,
-        surfaceErrorDefault: red.RED100,
-        surfaceErrorDisabled: ink.INK5,
-        surfaceErrorHover: red.RED80,
-        surfaceErrorInverseDefault: red.RED10,
-        surfaceErrorInverseHover: red.RED20,
-        surfaceErrorInversePressed: red.RED40,
-        surfaceErrorPressed: red.RED_STATUS,
-        surfaceInfoDefault: blue.BLUE100,
-        surfaceInfoDisabled: ink.INK5,
-        surfaceInfoHover: blue.BLUE80,
-        surfaceInfoInverseDefault: blue.BLUE10,
-        surfaceInfoInverseHover: blue.BLUE20,
-        surfaceInfoInversePressed: blue.BLUE40,
-        surfaceInfoPressed: blue.BLUE120,
-        surfacePrimaryDefault: white.WHITE100,
-        surfacePrimaryDisabled: ink.INK5,
-        surfacePrimaryHover: ink.INK5,
-        surfacePrimaryInverseDefault: ink.INK80,
-        surfacePrimaryInverseHover: ink.INK60,
-        surfacePrimaryInversePressed: ink.INK40,
-        surfacePrimaryPressed: ink.INK10,
-        surfaceSecondaryDefault: ink.INK5,
-        surfaceSecondaryDisabled: ink.INK5,
-        surfaceSecondaryHover: ink.INK10,
-        surfaceSecondaryPressed: ink.INK20,
-        surfaceSuccessDefault: green.GREEN100,
-        surfaceSuccessDisabled: ink.INK5,
-        surfaceSuccessHover: green.GREEN80,
-        surfaceSuccessInverseDefault: green.GREEN5,
-        surfaceSuccessInverseHover: green.GREEN10,
-        surfaceSuccessInversePressed: green.GREEN20,
-        surfaceSuccessPressed: green.GREEN_STATUS,
-        surfaceWarningDefault: yellow.YELLOW100,
-        surfaceWarningDisabled: ink.INK5,
-        surfaceWarningHover: yellow.YELLOW80,
-        surfaceWarningInverseDefault: yellow.YELLOW10,
-        surfaceWarningInverseHover: yellow.YELLOW20,
-        surfaceWarningInversePressed: yellow.YELLOW40,
-        surfaceWarningPressed: yellow.YELLOW120,
-        textDefault: ink.INK100,
-        textDisabled: ink.INK40,
-        textPlaceholder: ink.INK40,
-        textSecondary: ink.INK60,
-        textBrandDefault: blue.BLUE100,
-        textBrandDisabled: ink.INK40,
-        textBrandHovered: blue.BLUE80,
-        textBrandPressed: blue.BLUE120,
-        textCriticalDefault: red.RED100,
-        textCriticalDisabled: ink.INK40,
-        textCriticalHovered: red.RED80,
-        textCriticalPressed: red.RED_STATUS,
-        textErrorDefault: red.RED100,
-        textErrorDisabled: ink.INK40,
-        textErrorHovered: red.RED80,
-        textErrorPressed: red.RED_STATUS,
-        textInfoDefault: blue.BLUE100,
-        textInfoDisabled: ink.INK20,
-        textInfoHovered: blue.BLUE80,
-        textInfoPressed: blue.BLUE120,
-        textLinkDefault: blue.BLUE100,
-        textLinkDisabled: ink.INK40,
-        textLinkHovered: blue.BLUE80,
-        textLinkPressed: blue.BLUE120,
-        textLinkVisitedDefault: purple.PURPLE100,
-        textLinkVisitedDisabled: purple.PURPLE_BG,
-        textLinkVisitedHovered: purple.PURPLE_BG,
-        textLinkVisitedPressed: purple.PURPLE_BG,
-        textOnFillDefault: white.WHITE100,
-        textOnFillDisabled: white.WHITE20,
-        textOnFillHovered: white.WHITE80,
-        textOnFillPressed: white.WHITE80,
-        textSuccessDefault: green.GREEN100,
-        textSuccessDisabled: ink.INK40,
-        textSuccessHovered: green.GREEN80,
-        textSuccessPressed: green.GREEN_STATUS,
-        textWarningDefault: yellow.YELLOW100,
-        textWarningDisabled: ink.INK40,
-        textWarningHovered: yellow.YELLOW80,
-        textWarningPressed: yellow.YELLOW_STATUS,
-        selectBackgroundDisabled: white.WHITE40,
-        selectIconDisabled: white.WHITE40,
-        borderCriticalInverseDefault: red.RED40,
-        borderCriticalInverseHover: red.RED20,
-        borderCriticalInversePressed: red.RED60,
-        borderErrorInverseDefault: red.RED40,
-        borderPrimaryFocused: blue.BLUE100,
-        borderWarningInverseDefault: yellow.YELLOW40,
-        borderSuccessInverseDefault: green.GREEN40,
-        toggleBackgroundDefault: ink.INK10,
-        toggleBackgroundActive: green.GREEN80,
-        overlayPrimaryDefault: "rgba(3, 7, 18, 0.4)",
-    },
+    colors: ThemeColors.light.colors,
     fonts: configureFonts(),
     animation: {
         scale: 1.0,
     },
 };
 
-var DarkTheme = __assign(__assign({}, LightTheme), { dark: true, mode: "adaptive", version: 3, colors: {
-        primary: blue.BLUE100,
-        background: white.WHITE100,
-        card: ink.INK100,
-        text: ink.INK100,
-        border: ink.INK40,
-        gray: ink.INK60,
-        backgroundLight: ink.INK10,
-        //new theme colors
-        backgroundPrimary: ink.INK5,
-        backgroundSecondary: white.WHITE100,
-        borderBrandDefault: blue.BLUE100,
-        borderBrandDisabled: ink.INK20,
-        borderCriticalDisabled: ink.INK20,
-        borderCriticalDefault: red.RED100,
-        borderCriticalHover: red.RED80,
-        borderCriticalPressed: red.RED120,
-        borderErrorDefault: red.RED100,
-        borderInfoDefault: blue.BLUE100,
-        borderPrimaryDefault: ink.INK20,
-        borderPrimaryDisabled: ink.INK20,
-        borderPrimaryHovered: ink.INK40,
-        borderPrimaryInverseDefault: blue.BLUE100,
-        borderPrimaryPressed: ink.INK60,
-        borderSuccessDefault: green.GREEN100,
-        borderWarningDefault: yellow.YELLOW100,
-        iconBrandDefault: blue.BLUE100,
-        iconBrandHover: blue.BLUE80,
-        iconBrandPressed: blue.BLUE120,
-        iconBrandDisabled: ink.INK20,
-        iconCriticalDefault: red.RED100,
-        iconCriticalHover: red.RED80,
-        iconCriticalPressed: red.RED_STATUS,
-        iconCriticalDisabled: ink.INK20,
-        iconErrorDefault: red.RED100,
-        iconInfoDefault: blue.BLUE100,
-        iconPrimaryDefault: ink.INK40,
-        iconPrimaryHover: ink.INK60,
-        iconPrimaryDisabled: ink.INK60,
-        iconPrimaryInverseDefault: white.WHITE100,
-        iconPrimaryInverseHover: white.WHITE80,
-        iconPrimaryInversePressed: white.WHITE80,
-        iconPrimaryPressed: ink.INK60,
-        iconSuccessDefault: green.GREEN100,
-        iconWarningDefault: yellow.YELLOW100,
-        iconActionPressed: ink.INK80,
-        iconActionDefault: ink.INK60,
-        iconActionHovered: ink.INK40,
-        iconActionInversePressed: ink.INK60,
-        iconActionInverseDefault: white.WHITE100,
-        iconActionInverseHovered: white.WHITE80,
-        iconActionDisabled: ink.INK20,
-        surfaceBrandDefault: blue.BLUE100,
-        surfaceBrandDisabled: ink.INK5,
-        surfaceBrandHover: blue.BLUE80,
-        surfaceBrandInverseDefault: blue.BLUE5,
-        surfaceBrandInverseHover: blue.BLUE10,
-        surfaceBrandInversePressed: blue.BLUE20,
-        surfaceBrandPressed: blue.BLUE120,
-        surfaceCriticalDefault: red.RED100,
-        surfaceCriticalDisabled: ink.INK5,
-        surfaceCriticalHover: red.RED80,
-        surfaceCriticalInverseDefault: red.RED10,
-        surfaceCriticalInverseHover: red.RED20,
-        surfaceCriticalInversePressed: red.RED40,
-        surfaceCriticalPressed: red.RED120,
-        surfaceErrorDefault: red.RED100,
-        surfaceErrorDisabled: ink.INK5,
-        surfaceErrorHover: red.RED80,
-        surfaceErrorInverseDefault: red.RED10,
-        surfaceErrorInverseHover: red.RED20,
-        surfaceErrorInversePressed: red.RED40,
-        surfaceErrorPressed: red.RED_STATUS,
-        surfaceInfoDefault: blue.BLUE100,
-        surfaceInfoDisabled: ink.INK5,
-        surfaceInfoHover: blue.BLUE80,
-        surfaceInfoInverseDefault: blue.BLUE10,
-        surfaceInfoInverseHover: blue.BLUE20,
-        surfaceInfoInversePressed: blue.BLUE40,
-        surfaceInfoPressed: blue.BLUE120,
-        surfacePrimaryDefault: white.WHITE100,
-        surfacePrimaryDisabled: ink.INK5,
-        surfacePrimaryHover: ink.INK5,
-        surfacePrimaryInverseDefault: ink.INK80,
-        surfacePrimaryInverseHover: ink.INK60,
-        surfacePrimaryInversePressed: ink.INK40,
-        surfacePrimaryPressed: ink.INK10,
-        surfaceSecondaryDefault: ink.INK5,
-        surfaceSecondaryDisabled: ink.INK5,
-        surfaceSecondaryHover: ink.INK10,
-        surfaceSecondaryPressed: ink.INK20,
-        surfaceSuccessDefault: green.GREEN100,
-        surfaceSuccessDisabled: ink.INK5,
-        surfaceSuccessHover: green.GREEN80,
-        surfaceSuccessInverseDefault: green.GREEN5,
-        surfaceSuccessInverseHover: green.GREEN10,
-        surfaceSuccessInversePressed: green.GREEN20,
-        surfaceSuccessPressed: green.GREEN_STATUS,
-        surfaceWarningDefault: yellow.YELLOW100,
-        surfaceWarningDisabled: ink.INK5,
-        surfaceWarningHover: yellow.YELLOW80,
-        surfaceWarningInverseDefault: yellow.YELLOW10,
-        surfaceWarningInverseHover: yellow.YELLOW20,
-        surfaceWarningInversePressed: yellow.YELLOW40,
-        surfaceWarningPressed: yellow.YELLOW120,
-        textDefault: ink.INK100,
-        textDisabled: ink.INK40,
-        textPlaceholder: ink.INK40,
-        textSecondary: ink.INK60,
-        textBrandDefault: blue.BLUE100,
-        textBrandDisabled: ink.INK40,
-        textBrandHovered: blue.BLUE80,
-        textBrandPressed: blue.BLUE120,
-        textCriticalDefault: red.RED100,
-        textCriticalDisabled: ink.INK40,
-        textCriticalHovered: red.RED80,
-        textCriticalPressed: red.RED_STATUS,
-        textErrorDefault: red.RED100,
-        textErrorDisabled: ink.INK40,
-        textErrorHovered: red.RED80,
-        textErrorPressed: red.RED_STATUS,
-        textInfoDefault: blue.BLUE100,
-        textInfoDisabled: ink.INK20,
-        textInfoHovered: blue.BLUE80,
-        textInfoPressed: blue.BLUE120,
-        textLinkDefault: blue.BLUE100,
-        textLinkDisabled: ink.INK40,
-        textLinkHovered: blue.BLUE80,
-        textLinkPressed: blue.BLUE120,
-        textLinkVisitedDefault: purple.PURPLE100,
-        textLinkVisitedDisabled: purple.PURPLE_BG,
-        textLinkVisitedHovered: purple.PURPLE_BG,
-        textLinkVisitedPressed: purple.PURPLE_BG,
-        textOnFillDefault: white.WHITE100,
-        textOnFillDisabled: white.WHITE20,
-        textOnFillHovered: white.WHITE80,
-        textOnFillPressed: white.WHITE80,
-        textSuccessDefault: green.GREEN100,
-        textSuccessDisabled: ink.INK40,
-        textSuccessHovered: green.GREEN80,
-        textSuccessPressed: green.GREEN_STATUS,
-        textWarningDefault: yellow.YELLOW100,
-        textWarningDisabled: ink.INK40,
-        textWarningHovered: yellow.YELLOW80,
-        textWarningPressed: yellow.YELLOW_STATUS,
-        selectBackgroundDisabled: white.WHITE40,
-        selectIconDisabled: white.WHITE40,
-        borderCriticalInverseDefault: red.RED40,
-        borderCriticalInverseHover: red.RED20,
-        borderCriticalInversePressed: red.RED60,
-        borderErrorInverseDefault: red.RED40,
-        borderPrimaryFocused: blue.BLUE100,
-        borderWarningInverseDefault: yellow.YELLOW40,
-        borderSuccessInverseDefault: green.GREEN40,
-        toggleBackgroundDefault: ink.INK10,
-        toggleBackgroundActive: green.GREEN80,
-        overlayPrimaryDefault: "rgba(3, 7, 18, 0.4)",
-    } });
+var DarkTheme = __assign(__assign({}, LightTheme), { dark: true, mode: "adaptive", version: 3, colors: ThemeColors.light.colors });
 
 var DefaultTheme = LightTheme;
 var _a = createTheming(LightTheme), BaseThemeProvider = _a.ThemeProvider; _a.withTheme; var useAppTheme = _a.useTheme;
@@ -7273,7 +6961,7 @@ var Checkbox = function (_a) {
     return (React__default.createElement(View, { row: true, disabled: disabled, alignCenter: true, style: [style], onPress: handlePress },
         leftIcon ? (React__default.createElement(View, { paddingRight: CONSTANTS.SPACE_8 }, leftIcon)) : (React__default.createElement(View, { paddingRight: CONSTANTS.SPACE_8 },
             React__default.createElement(SvgIcon, { name: isActive ? "IconCheckboxActive" : "IconCheckbox", width: iconSize, height: iconSize, color: checkboxColor }))),
-        React__default.createElement(View, null,
+        React__default.createElement(View, { full: true },
             React__default.createElement(Text$1, { color: colors.textDefault, style: [
                     styles$5.text14,
                     disabled && {
@@ -7306,7 +6994,7 @@ var RadioButton = function (_a) {
     return (React__default.createElement(View, { row: true, disabled: disabled, alignCenter: true, style: [style], onPress: handlePress },
         leftIcon ? (React__default.createElement(View, { paddingRight: CONSTANTS.SPACE_8 }, leftIcon)) : (React__default.createElement(View, { paddingRight: CONSTANTS.SPACE_8 },
             React__default.createElement(SvgIcon, { name: checked ? "IconRadioActive" : "IconRadio", width: 24, height: 24, color: getColorCheckbox }))),
-        React__default.createElement(View, null,
+        React__default.createElement(View, { full: true },
             React__default.createElement(Text$1, { color: colors.textDefault, style: [
                     styles$4.text14,
                     disabled && {