@brightlayer-ui/react-native-themes 7.0.1 → 7.0.3-alpha.0

package/{dist/blueDarkTheme.d.ts → blueDarkTheme.d.ts}

@@ -127,11 +127,11 @@ export declare const MD3BluiDarkTheme: {
         mapTextOutline: string;
     };
     dark: boolean;
-    mode?: ("adaptive" | "exact") | undefined;
+    mode?: "adaptive" | "exact";
     roundness: number;
     animation: {
         scale: number;
-        defaultAnimationDuration?: number | undefined;
+        defaultAnimationDuration?: number;
     };
     version: 3;
     isV3: true;

package/blueDarkTheme.js

@@ -0,0 +1,197 @@
+/**
+Copyright (c) 2020-present, Eaton
+
+All rights reserved.
+
+This code is licensed under the BSD-3 license found in the LICENSE file in the root directory of this source tree and at https://opensource.org/licenses/BSD-3-Clause.
+**/
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { MD3DarkTheme, configureFonts } from 'react-native-paper';
+import { fontConfig } from './shared';
+import BLUIColors from '@brightlayer-ui/colors';
+import Color from 'color';
+export var MD3BluiDarkTheme = __assign(__assign({}, MD3DarkTheme), { fonts: configureFonts({ config: fontConfig }), colors: __assign(__assign({}, MD3DarkTheme.colors), { 
+        // React Native Paper default theme color variants
+        primary: BLUIColors.primary[80], onPrimary: BLUIColors.primary[20], primaryContainer: BLUIColors.primary[30], onPrimaryContainer: BLUIColors.primary[90], secondary: BLUIColors.primary[80], onSecondary: BLUIColors.primary[20], secondaryContainer: BLUIColors.primary[30], onSecondaryContainer: BLUIColors.primary[90], tertiary: BLUIColors.primary[80], onTertiary: BLUIColors.primary[20], tertiaryContainer: BLUIColors.primary[30], onTertiaryContainer: BLUIColors.primary[90], error: BLUIColors.error[80], onError: BLUIColors.error[20], errorContainer: BLUIColors.error[30], onErrorContainer: BLUIColors.error[90], background: BLUIColors.neutral[6], onBackground: BLUIColors.neutral[95], surface: BLUIColors.neutral[6], onSurface: BLUIColors.neutral[95], surfaceVariant: BLUIColors.neutralVariant[30], onSurfaceVariant: BLUIColors.neutralVariant[70], outline: BLUIColors.neutralVariant[60], outlineVariant: Color(BLUIColors.neutralVariant[60]).alpha(0.25).rgb().string(), shadow: BLUIColors.primary[0], scrim: BLUIColors.primary[0], inverseSurface: BLUIColors.neutral[90], inverseOnSurface: BLUIColors.neutral[10], inversePrimary: BLUIColors.primary[40], elevation: {
+            level0: 'transparent',
+            // level1 is the same as surfaceContainerLowest in design files
+            level1: BLUIColors.neutral[4],
+            // level2 is the same as surfaceContainerLow in design files
+            level2: BLUIColors.neutral[10],
+            // level3 is the same as surfaceContainer in design files
+            level3: BLUIColors.neutral[12],
+            // level4 is the same as surfaceContainerHigh in design files
+            level4: BLUIColors.neutral[17],
+            // level5 is the same as surfaceContainerHighest in design files
+            level5: BLUIColors.neutral[20],
+        }, 
+        // surfaceDisabled is the same as disabledContainer in design files
+        surfaceDisabled: Color(BLUIColors.neutral[95]).alpha(0.1).rgb().string(), 
+        // onSurfaceDisabled is the same as onDisabledContainer in design files
+        onSurfaceDisabled: Color(BLUIColors.neutral[95]).alpha(0.15).rgb().string(), backdrop: Color(BLUIColors.primary[0]).alpha(0.32).rgb().string(), 
+        // Custom color variants
+        // High-emphasis primary non-text variant, can be used on non-text elements like icons
+        primaryNonText: BLUIColors.primary[60], 
+        // Attention-grabbing error color can be used on non-text elements like icons, which communicate error states
+        errorNonText: BLUIColors.error[60], 
+        // variant used to render disabled elements
+        disabled: Color(BLUIColors.neutral[95]).alpha(0.25).rgb().string(), 
+        // warning variant fills, texts, and icons which communicate warning states
+        warning: BLUIColors.warning[90], 
+        // can be used on non-text warning elements like icons
+        warningNonText: BLUIColors.warning[80], 
+        // can be used on warning text and icons against warning
+        onWarning: BLUIColors.warning[20], 
+        // Standout fill warning color against surface
+        warningContainer: BLUIColors.warning[30], 
+        // Text and icons against warning container
+        onWarningContainer: BLUIColors.warning[90], 
+        // success color variant fills, texts, and icons which communicate success states
+        success: BLUIColors.success[80], 
+        // can be used on non-text success elements like icons
+        successNonText: BLUIColors.success[70], 
+        // can be used on success text and icons against success
+        onSuccess: BLUIColors.success[20], 
+        // Standout fill success color against surface
+        successContainer: BLUIColors.success[30], 
+        // Text and icons against success container
+        onSuccessContainer: BLUIColors.success[90], 
+        // orange color variant fills, texts, and icons
+        orange: BLUIColors.orange[80], 
+        // non-text orange variant can be used on non-text elements like icons
+        orangeNonText: BLUIColors.orange[70], 
+        // can be used on text and icons against orange
+        onOrange: BLUIColors.orange[20], 
+        // Standout fill orange color against surface
+        orangeContainer: BLUIColors.orange[30], 
+        // Text and icons against orange container
+        onOrangeContainer: BLUIColors.orange[90], 
+        // purple color variant fills, texts, and icons
+        purple: BLUIColors.purple[80], 
+        // non-text purple variant can be used on non-text elements like icons
+        purpleNonText: BLUIColors.purple[60], 
+        // can be used on text and icons against purple
+        onPurple: BLUIColors.purple[20], 
+        // Standout fill purple color against surface
+        purpleContainer: BLUIColors.purple[30], 
+        // Text and icons against purple container
+        onPurpleContainer: BLUIColors.purple[90], 
+        // Surface container is the default role, but the others are especially helpful for creating hierarchy and nested containers
+        // Lowest-emphasis container color
+        surfaceContainerLowest: BLUIColors.neutral[4], 
+        // Low-emphasis container color
+        surfaceContainerLow: BLUIColors.neutral[10], 
+        // Default container color
+        surfaceContainer: BLUIColors.neutral[12], 
+        // High-emphasis container color
+        surfaceContainerHigh: BLUIColors.neutral[17], 
+        // Highest-emphasis container color
+        surfaceContainerHighest: BLUIColors.neutral[20], 
+        // This is alias for surface disabled, used as disabled container background
+        disabledContainer: Color(BLUIColors.neutral[95]).alpha(0.1).rgb().string(), 
+        // Text and icons against disable container
+        onDisabledContainer: Color(BLUIColors.neutral[95]).alpha(0.15).rgb().string(), 
+        // Can be used on slider and range selector track
+        sliderTrack: BLUIColors.neutral[30], 
+        // Disabled version of slider track color variant
+        sliderTrackDisabled: Color(BLUIColors.neutral[30]).alpha(0.5).rgb().string(), 
+        // Attention-grabbing color against error filled surface
+        errorFilledContainer: BLUIColors.error[40], 
+        // Text and icons against error filled container
+        onErrorFilledContainer: BLUIColors.error[100], 
+        // Attention-grabbing color against error shaded surface
+        errorShadedContainer: Color(BLUIColors.error[40]).alpha(0.3).rgb().string(), 
+        // Text and icons against error shaded container
+        onErrorShadedContainer: BLUIColors.error[80], 
+        // Attention-grabbing color against error outlined container
+        errorOutlinedContainerOutline: BLUIColors.error[60], 
+        // Text and icons against error outlined container
+        onErrorOutlinedContainerOutline: BLUIColors.error[80], 
+        // Orange color against orange filled surface
+        orangeFilledContainer: BLUIColors.orange[70], 
+        // Text and icons against orange filled container
+        onOrangeFilledContainer: BLUIColors.orange[20], 
+        // Orange color against orange shaded surface
+        orangeShadedContainer: Color(BLUIColors.orange[70]).alpha(0.15).rgb().string(), 
+        // Text and icons against orange shaded container
+        onOrangeShadedContainer: BLUIColors.orange[80], 
+        // Orange color against orange outlined surface
+        orangeOutlinedContainer: BLUIColors.orange[70], 
+        // Text and icons against orange outlined container
+        onOrangeOutlinedContainer: BLUIColors.orange[80], 
+        // Warning color against warning filled surface
+        warningFilledContainer: BLUIColors.warning[80], 
+        // Text and icons against warning filled container
+        onWarningFilledContainer: BLUIColors.warning[30], 
+        // Warning color against warning shaded surface
+        warningShadedContainer: Color(BLUIColors.warning[90]).alpha(0.1).rgb().string(), 
+        // Text and icons against warning shaded container
+        onWarningShadedContainer: BLUIColors.warning[90], 
+        // Warning color against warning outlined container surface
+        warningOutlinedContainerOutline: BLUIColors.warning[90], 
+        // Text and icons against warning outlined container surface
+        onWarningOutlinedContainer: BLUIColors.warning[90], 
+        // Attention-grabbing color against success filled container
+        successFilledContainer: BLUIColors.success[50], 
+        // Text and icons against success filled container
+        onSuccessFilledContainer: BLUIColors.success[100], 
+        // Attention-grabbing color against success shaded surface
+        successShadedContainer: Color(BLUIColors.success[40]).alpha(0.3).rgb().string(), 
+        // Attention-grabbing label color against success shaded surface
+        successShadedLabel: BLUIColors.success[90], 
+        // Attention-grabbing color against success container
+        successOutlinedContainerOutline: BLUIColors.success[70], 
+        // Text and icons against success outlined container
+        onSuccessOutlinedContainer: BLUIColors.success[80], 
+        // Primary color against primary filled surface
+        primaryFilledContainer: BLUIColors.primary[50], 
+        // Text and icons against primary filled container
+        onPrimaryFilledContainer: BLUIColors.primary[100], 
+        // Primary color against primary shaded surface
+        primaryShadedContainer: Color(BLUIColors.primary[40]).alpha(0.4).rgb().string(), 
+        // Text and icons against primary shaded container
+        onPrimaryShadedContainer: BLUIColors.primary[80], 
+        // Primary color against primary outlined container
+        primaryOutlinedContainerOutline: BLUIColors.primary[60], 
+        // Text and icons against primary outlined container
+        onPrimaryOutlinedContainer: BLUIColors.primary[70], 
+        // Purple color against purple filled surface
+        purpleFilledContainer: BLUIColors.purple[50], 
+        // Text and icons against purple filled container
+        onPurpleFilledContainer: BLUIColors.purple[100], 
+        // Purple color against purple shaded surface
+        purpleShadedContainer: Color(BLUIColors.purple[40]).alpha(0.4).rgb().string(), 
+        // Text and icons against purple shaded container
+        onPurpleShadedContainer: BLUIColors.purple[80], 
+        // Purple color against purple outlined container
+        purpleOutlinedContainerOutline: BLUIColors.purple[50], 
+        // Text and icons against purple outlined container
+        onPurpleOutlinedContainer: BLUIColors.purple[70], 
+        // Neutral color against neutral filled surface
+        neutralFilledContainer: BLUIColors.neutral[50], 
+        // Text and icons against neutral filled container
+        onNeutralFilledContainer: BLUIColors.neutral[100], 
+        // Neutral color against neutral shaded surface
+        neutralShadedContainer: Color(BLUIColors.neutral[50]).alpha(0.4).rgb().string(), 
+        // Text and icons against neutral shaded container
+        onNeutralShadedContainer: BLUIColors.neutral[80], 
+        // Neutral color against neutral outlined container
+        neutralOutlinedContainerOutline: BLUIColors.neutralVariant[60], 
+        // Text and icons against Neutral outlined container
+        onNeutralOutlinedContainer: BLUIColors.neutralVariant[70], 
+        // Standout fill text field color against surface
+        textFieldContainer: Color(BLUIColors.neutral[80]).alpha(0.2).rgb().string(), 
+        // Progress bar track on status color against filled surface
+        progressBarTrackOnStatusFilledContainer: Color(BLUIColors.primary[0]).alpha(0.25).rgb().string(), 
+        // Text outline color variant
+        mapTextOutline: Color(BLUIColors.primary[0]).alpha(0.7).rgb().string() }) });

package/{dist/blueTheme.d.ts → blueTheme.d.ts}

@@ -127,11 +127,11 @@ export declare const MD3BluiLightTheme: {
         mapTextOutline: string;
     };
     dark: boolean;
-    mode?: ("adaptive" | "exact") | undefined;
+    mode?: "adaptive" | "exact";
     roundness: number;
     animation: {
         scale: number;
-        defaultAnimationDuration?: number | undefined;
+        defaultAnimationDuration?: number;
     };
     version: 3;
     isV3: true;

package/blueTheme.js

@@ -0,0 +1,197 @@
+/**
+Copyright (c) 2020-present, Eaton
+
+All rights reserved.
+
+This code is licensed under the BSD-3 license found in the LICENSE file in the root directory of this source tree and at https://opensource.org/licenses/BSD-3-Clause.
+**/
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { MD3LightTheme, configureFonts } from 'react-native-paper';
+import BLUIColors from '@brightlayer-ui/colors';
+import { fontConfig } from './shared';
+import Color from 'color';
+export var MD3BluiLightTheme = __assign(__assign({}, MD3LightTheme), { fonts: configureFonts({ config: fontConfig }), colors: __assign(__assign({}, MD3LightTheme.colors), { 
+        // React Native Paper default theme color variants
+        primary: BLUIColors.primary[40], onPrimary: BLUIColors.primary[100], primaryContainer: BLUIColors.primary[80], onPrimaryContainer: BLUIColors.primary[30], secondary: BLUIColors.primary[40], onSecondary: BLUIColors.primary[100], secondaryContainer: BLUIColors.primary[80], onSecondaryContainer: BLUIColors.primary[30], tertiary: BLUIColors.primary[40], onTertiary: BLUIColors.primary[100], tertiaryContainer: BLUIColors.primary[80], onTertiaryContainer: BLUIColors.primary[30], error: BLUIColors.error[40], onError: BLUIColors.primary[100], errorContainer: BLUIColors.error[90], onErrorContainer: BLUIColors.error[30], background: BLUIColors.neutral[98], onBackground: BLUIColors.neutral[10], surface: BLUIColors.neutral[98], onSurface: BLUIColors.neutral[10], surfaceVariant: BLUIColors.neutralVariant[90], onSurfaceVariant: BLUIColors.neutralVariant[30], outline: BLUIColors.neutralVariant[50], outlineVariant: Color(BLUIColors.neutralVariant[50]).alpha(0.25).rgb().string(), shadow: BLUIColors.primary[0], scrim: BLUIColors.primary[0], inverseSurface: BLUIColors.neutral[20], inverseOnSurface: BLUIColors.neutral[95], inversePrimary: BLUIColors.primary[80], elevation: {
+            level0: 'transparent',
+            // level1 is the same as surfaceContainerLowest in design files
+            level1: BLUIColors.primary[100],
+            // level2 is the same as surfaceContainerLow in design files
+            level2: BLUIColors.neutral[97],
+            // level3 is the same as surfaceContainer in design files
+            level3: BLUIColors.neutral[94],
+            // level4 is the same as surfaceContainerHigh in design files
+            level4: BLUIColors.neutral[92],
+            // level5 is the same as surfaceContainerHighest in design files
+            level5: BLUIColors.neutral[90],
+        }, 
+        // surfaceDisabled is the same as disabledContainer in design files
+        surfaceDisabled: Color(BLUIColors.neutral[10]).alpha(0.05).rgb().string(), 
+        // onSurfaceDisabled is the same as onDisabledContainer in design files
+        onSurfaceDisabled: Color(BLUIColors.neutral[10]).alpha(0.25).rgb().string(), backdrop: Color(BLUIColors.primary[0]).alpha(0.32).rgb().string(), 
+        // Custom color variants
+        // High-emphasis primary non-text variant, can be used on non-text elements like icons
+        primaryNonText: BLUIColors.primary[50], 
+        // Attention-grabbing error color can be used on non-text elements like icons, which communicate error states
+        errorNonText: BLUIColors.error[50], 
+        // variant used to render disabled elements
+        disabled: Color(BLUIColors.neutral[10]).alpha(0.2).rgb().string(), 
+        // warning variant fills, texts, and icons which communicate warning states
+        warning: BLUIColors.warning[40], 
+        // can be used on non-text warning elements like icons
+        warningNonText: BLUIColors.warning[60], 
+        // can be used on warning text and icons against warning
+        onWarning: BLUIColors.primary[100], 
+        // Standout fill warning color against surface
+        warningContainer: BLUIColors.warning[90], 
+        // Text and icons against warning container
+        onWarningContainer: BLUIColors.warning[30], 
+        // success color variant fills, texts, and icons which communicate success states
+        success: BLUIColors.success[40], 
+        // can be used on non-text success elements like icons
+        successNonText: BLUIColors.success[50], 
+        // can be used on success text and icons against success
+        onSuccess: BLUIColors.primary[100], 
+        // Standout fill success color against surface
+        successContainer: BLUIColors.success[90], 
+        // Text and icons against success container
+        onSuccessContainer: BLUIColors.success[30], 
+        // orange color variant fills, texts, and icons
+        orange: BLUIColors.orange[40], 
+        // non-text orange variant can be used on non-text elements like icons
+        orangeNonText: BLUIColors.orange[50], 
+        // can be used on text and icons against orange
+        onOrange: BLUIColors.primary[100], 
+        // Standout fill orange color against surface
+        orangeContainer: BLUIColors.orange[90], 
+        // Text and icons against orange container
+        onOrangeContainer: BLUIColors.orange[30], 
+        // purple color variant fills, texts, and icons
+        purple: BLUIColors.purple[40], 
+        // non-text purple variant can be used on non-text elements like icons
+        purpleNonText: BLUIColors.purple[50], 
+        // can be used on text and icons against purple
+        onPurple: BLUIColors.primary[100], 
+        // Standout fill purple color against surface
+        purpleContainer: BLUIColors.purple[90], 
+        // Text and icons against purple container
+        onPurpleContainer: BLUIColors.purple[30], 
+        // Surface container is the default role, but the others are especially helpful for creating hierarchy and nested containers
+        // Lowest-emphasis container color
+        surfaceContainerLowest: BLUIColors.primary[100], 
+        // Low-emphasis container color
+        surfaceContainerLow: BLUIColors.neutral[97], 
+        // Default container color
+        surfaceContainer: BLUIColors.neutral[94], 
+        // High-emphasis container color
+        surfaceContainerHigh: BLUIColors.neutral[92], 
+        // Highest-emphasis container color
+        surfaceContainerHighest: BLUIColors.neutral[90], 
+        // This is alias for surface disabled, used as disabled container background
+        disabledContainer: Color(BLUIColors.neutral[10]).alpha(0.05).rgb().string(), 
+        // Text and icons against disable container
+        onDisabledContainer: Color(BLUIColors.neutral[10]).alpha(0.25).rgb().string(), 
+        // Can be used on slider and range selector track
+        sliderTrack: BLUIColors.neutral[80], 
+        // Disabled version of slider track color variant
+        sliderTrackDisabled: Color(BLUIColors.neutral[80]).alpha(0.3).rgb().string(), 
+        // Attention-grabbing color against error filled surface
+        errorFilledContainer: BLUIColors.error[40], 
+        // Text and icons against error filled container
+        onErrorFilledContainer: BLUIColors.error[100], 
+        // Attention-grabbing color against error shaded surface
+        errorShadedContainer: Color(BLUIColors.error[40]).alpha(0.15).rgb().string(), 
+        // Text and icons against error shaded container
+        onErrorShadedContainer: BLUIColors.error[30], 
+        // Attention-grabbing color against error outlined container
+        errorOutlinedContainerOutline: BLUIColors.error[40], 
+        // Text and icons against error outlined container
+        onErrorOutlinedContainer: BLUIColors.error[40], 
+        // Orange color against orange filled surface
+        orangeFilledContainer: BLUIColors.orange[70], 
+        // Text and icons against orange filled container
+        onOrangeFilledContainer: BLUIColors.orange[20], 
+        // Orange color against orange shaded surface
+        orangeShadedContainer: Color(BLUIColors.orange[70]).alpha(0.2).rgb().string(), 
+        // Text and icons against orange shaded container
+        onOrangeShadedContainer: BLUIColors.orange[30], 
+        // Orange color against orange outlined surface
+        orangeOutlinedContainer: BLUIColors.orange[70], 
+        // Text and icons against orange outlined container
+        onOrangeOutlinedContainer: BLUIColors.orange[40], 
+        // Warning color against warning filled surface
+        warningFilledContainer: BLUIColors.warning[90], 
+        // Text and icons against warning filled container
+        onWarningFilledContainer: BLUIColors.warning[30], 
+        // Warning color against warning shaded surface
+        warningShadedContainer: Color(BLUIColors.warning[90]).alpha(0.5).rgb().string(), 
+        // Text and icons against warning shaded container
+        onWarningShadedContainer: BLUIColors.warning[30], 
+        // Warning color against warning outlined container
+        warningOutlinedContainerOutline: BLUIColors.warning[80], 
+        // Text and icons against warning outlined container
+        onWarningOutlinedContainer: BLUIColors.warning[40], 
+        // Attention-grabbing color against success filled container
+        successFilledContainer: BLUIColors.success[50], 
+        // Text and icons against success filled container
+        onSuccessFilledContainer: BLUIColors.success[100], 
+        // Attention-grabbing color against success shaded surface
+        successShadedContainer: Color(BLUIColors.success[40]).alpha(0.15).rgb().string(), 
+        // Attention-grabbing label color against success shaded surface
+        successShadedLabel: BLUIColors.success[30], 
+        // Attention-grabbing color against success container
+        successOutlinedContainerOutline: BLUIColors.success[50], 
+        // Text and icons against success outlined container
+        onSuccessOutlinedContainer: BLUIColors.success[40], 
+        // Primary color against primary filled surface
+        primaryFilledContainer: BLUIColors.primary[50], 
+        // Text and icons against primary filled container
+        onPrimaryFilledContainer: BLUIColors.primary[100], 
+        // Primary color against primary shaded surface
+        primaryShadedContainer: Color(BLUIColors.primary[40]).alpha(0.15).rgb().string(), 
+        // Text and icons against primary shaded container
+        onPrimaryShadedContainer: BLUIColors.primary[30], 
+        // Primary color against primary outlined container
+        primaryOutlinedContainerOutline: BLUIColors.primary[50], 
+        // Text and icons against primary outlined container
+        onPrimaryOutlinedContainer: BLUIColors.primary[40], 
+        // Purple color against purple filled surface
+        purpleFilledContainer: BLUIColors.purple[50], 
+        // Text and icons against purple filled container
+        onPurpleFilledContainer: BLUIColors.purple[100], 
+        // Purple color against purple shaded surface
+        purpleShadedContainer: Color(BLUIColors.purple[40]).alpha(0.15).rgb().string(), 
+        // Text and icons against purple shaded container
+        onPurpleShadedContainer: BLUIColors.purple[30], 
+        // Purple color against purple outlined container
+        purpleOutlinedContainerOutline: BLUIColors.purple[50], 
+        // Text and icons against purple outlined container
+        onPurpleOutlinedContainer: BLUIColors.purple[40], 
+        // Neutral color against neutral filled surface
+        neutralFilledContainer: BLUIColors.neutral[50], 
+        // Text and icons against neutral filled container
+        onNeutralFilledContainer: BLUIColors.neutral[100], 
+        // Neutral color against neutral shaded surface
+        neutralShadedContainer: Color(BLUIColors.neutral[50]).alpha(0.2).rgb().string(), 
+        // Text and icons against neutral shaded container
+        onNeutralShadedContainer: BLUIColors.neutral[30], 
+        // Neutral color against neutral outlined container
+        neutralOutlinedContainerOutline: BLUIColors.neutralVariant[50], 
+        // Text and icons against Neutral outlined container
+        onNeutralOutlinedContainer: BLUIColors.neutralVariant[30], 
+        // Standout fill text field color against surface
+        textFieldContainer: Color(BLUIColors.neutral[80]).alpha(0.4).rgb().string(), 
+        // Progress bar track on status color against filled surface
+        progressBarTrackOnStatusFilledContainer: Color(BLUIColors.primary[0]).alpha(0.25).rgb().string(), 
+        // Text outline color variant
+        mapTextOutline: Color(BLUIColors.primary[100]).alpha(0.7).rgb().string() }) });

package/index.js

@@ -0,0 +1,10 @@
+/**
+Copyright (c) 2021-present, Eaton
+
+All rights reserved.
+
+This code is licensed under the BSD-3 license found in the LICENSE file in the root directory of this source tree and at https://opensource.org/licenses/BSD-3-Clause.
+**/
+export { MD3BluiLightTheme as blue } from './blueTheme';
+export { MD3BluiDarkTheme as blueDark } from './blueDarkTheme';
+export { useExtendedTheme, useFontWeight } from './shared';

package/package.json

@@ -2,36 +2,32 @@
     "name": "@brightlayer-ui/react-native-themes",
     "author": "Brightlayer UI <brightlayer-ui@eaton.com>",
     "license": "BSD-3-Clause",
-    "version": "7.0.1",
+    "version": "7.0.3-alpha.0",
     "description": "React Native themes for Brightlayer UI applications",
-    "main": "./dist/index.js",
+    "main": "./index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "import": "./dist/index.js",
+            "require": "./dist/index.js"
+        }
+    },
     "scripts": {
-        "initialize": "bash scripts/initializeSubmodule.sh",
-        "install:showcase-ios": "cd demos/showcase && yarn && cd ios && pod install && cd ../../.. && yarn link:themes",
-        "install:showcase-android": "cd demos/showcase && yarn && cd ../.. && yarn link:themes",
-        "start": "yarn start:showcase",
-        "start:showcase": "yarn initialize && yarn start:showcase-ios",
-        "start:showcase-ios": "yarn initialize && yarn install:showcase-ios && cd demos/showcase && yarn ios",
-        "start:showcase-android": "yarn initialize && yarn install:showcase-android && cd demos/showcase && yarn android",
-        "build": "yarn && tsc",
-        "link:themes": "bash ./scripts/linkThemes.sh",
+        "build": "bash ./scripts/buildThemes.sh",
         "test": "bash ./scripts/buildTest.sh",
-        "publish:package": "set npm_config_yes=true && npx -p @brightlayer-ui/publish blui-publish",
-        "tag:package": "npx -p @brightlayer-ui/tag blui-tag -s -blui-react-native-themes",
-        "update:submodule": "git submodule update --remote",
-        "prettier": "prettier \"src/**/**.{ts,tsx,js,jsx,json,css,scss,html}\" --write",
-        "prettier:check": "prettier \"src/**/**.{ts,tsx,js,jsx,json,css,scss,html}\" --check",
-        "generate:licenses": "npm-license-crawler -onlyDirectDependencies -json LICENSES.json",
-        "precommit": "yarn build && yarn generate:licenses && yarn prettier && yarn test"
+        "publish:package": "cd dist && set npm_config_yes=true && npx -p @brightlayer-ui/publish blui-publish",
+        "tag:package": "cd dist && npx -p @brightlayer-ui/tag blui-tag -s -blui-react-native-themes",
+        "generate:licenses": "npm-license-crawler -onlyDirectDependencies -json LICENSES.json"
     },
     "repository": {
         "type": "git",
-        "url": "git+https://github.com/etn-ccis/blui-react-native-themes.git"
+        "url": "git+https://github.com/etn-ccis/blui-react-native.git"
     },
     "bugs": {
-        "url": "https://github.com/etn-ccis/blui-react-native-themes/issues"
+        "url": "https://github.com/etn-ccis/blui-react-native/issues"
     },
-    "homepage": "https://github.com/etn-ccis/blui-react-native-themes/tree/master",
+    "homepage": "https://github.com/etn-ccis/blui-react-native/tree/master",
     "keywords": [
         "Brightlayer UI",
         "themes",
@@ -47,21 +43,13 @@
     },
     "devDependencies": {
         "@brightlayer-ui/prettier-config": "^1.0.3",
-        "@types/color": "^3.0.1",
+        "@types/color": "^4.2.0",
         "npm-license-crawler": "^0.2.1",
         "prettier": "^3.0.0",
+        "react": "^18.2.0",
+        "react-native": "0.76.7",
         "react-native-paper": "^5.0.0",
-        "typescript": "^5.0.4",
-        "react-native": "~0.72.6",
-        "react": "^18.2.0"
+        "typescript": "^5.0.4"
     },
-    "prettier": "@brightlayer-ui/prettier-config",
-    "files": [
-        "package.json",
-        "README.md",
-        "LICENSE",
-        "LICENSES.json",
-        "CHANGELOG.md",
-        "/dist"
-    ]
+    "prettier": "@brightlayer-ui/prettier-config"
 }

package/{dist/shared.d.ts → shared.d.ts}

@@ -1,5 +1,4 @@
 import { MD3Theme } from 'react-native-paper';
-import { $DeepPartial } from '@callstack/react-theme-provider';
 export declare const fontConfig: {
     displaySmall: {
         fontFamily: string;
@@ -220,10 +219,10 @@ export type ExtendedTheme = Omit<MD3Theme, 'colors'> & {
         mapTextOutline: string;
     };
 };
-export declare const useExtendedTheme: (overrides?: $DeepPartial<ExtendedTheme>) => ExtendedTheme;
-export type bluiFontWeight = '300' | '400' | '600' | '700' | '800' | undefined;
+export declare const useExtendedTheme: (overrides?: import("@callstack/react-theme-provider").$DeepPartial<ExtendedTheme> | undefined) => ExtendedTheme;
+export type BluiFontWeight = '300' | '400' | '600' | '700' | '800' | undefined;
 export type FontStyle = {
     fontFamily: string;
-    fontWeight: bluiFontWeight;
+    fontWeight: BluiFontWeight;
 };
-export declare const useFontWeight: (weight: bluiFontWeight) => FontStyle;
+export declare const useFontWeight: (weight: BluiFontWeight) => FontStyle;

package/{dist/shared.js → shared.js}

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFontWeight = exports.useExtendedTheme = exports.fontConfig = void 0;
-var react_native_paper_1 = require("react-native-paper");
-exports.fontConfig = {
+import { useTheme } from 'react-native-paper';
+export var fontConfig = {
     displaySmall: {
         fontFamily: 'OpenSans-Regular',
         fontWeight: '400',
@@ -101,11 +98,8 @@ exports.fontConfig = {
         letterSpacing: 0.15,
     },
 };
-var useExtendedTheme = function (overrides) {
-    return (0, react_native_paper_1.useTheme)(overrides);
-};
-exports.useExtendedTheme = useExtendedTheme;
-var useFontWeight = function (weight) {
+export var useExtendedTheme = (useTheme);
+export var useFontWeight = function (weight) {
     switch (weight) {
         case '300':
             return {
@@ -136,4 +130,3 @@ var useFontWeight = function (weight) {
             throw new Error("Invalid font weight: ".concat(weight));
     }
 };
-exports.useFontWeight = useFontWeight;

package/dist/blueDarkTheme.js

@@ -1,203 +0,0 @@
-"use strict";
-/**
-Copyright (c) 2020-present, Eaton
-
-All rights reserved.
-
-This code is licensed under the BSD-3 license found in the LICENSE file in the root directory of this source tree and at https://opensource.org/licenses/BSD-3-Clause.
-**/
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MD3BluiDarkTheme = void 0;
-var react_native_paper_1 = require("react-native-paper");
-var shared_1 = require("./shared");
-var colors_1 = __importDefault(require("@brightlayer-ui/colors"));
-var color_1 = __importDefault(require("color"));
-exports.MD3BluiDarkTheme = __assign(__assign({}, react_native_paper_1.MD3DarkTheme), { fonts: (0, react_native_paper_1.configureFonts)({ config: shared_1.fontConfig }), colors: __assign(__assign({}, react_native_paper_1.MD3DarkTheme.colors), { 
-        // React Native Paper default theme color variants
-        primary: colors_1.default.primary[80], onPrimary: colors_1.default.primary[20], primaryContainer: colors_1.default.primary[30], onPrimaryContainer: colors_1.default.primary[90], secondary: colors_1.default.primary[80], onSecondary: colors_1.default.primary[20], secondaryContainer: colors_1.default.primary[30], onSecondaryContainer: colors_1.default.primary[90], tertiary: colors_1.default.primary[80], onTertiary: colors_1.default.primary[20], tertiaryContainer: colors_1.default.primary[30], onTertiaryContainer: colors_1.default.primary[90], error: colors_1.default.error[80], onError: colors_1.default.error[20], errorContainer: colors_1.default.error[30], onErrorContainer: colors_1.default.error[90], background: colors_1.default.neutral[6], onBackground: colors_1.default.neutral[95], surface: colors_1.default.neutral[6], onSurface: colors_1.default.neutral[95], surfaceVariant: colors_1.default.neutralVariant[30], onSurfaceVariant: colors_1.default.neutralVariant[70], outline: colors_1.default.neutralVariant[60], outlineVariant: (0, color_1.default)(colors_1.default.neutralVariant[60]).alpha(0.25).rgb().string(), shadow: colors_1.default.primary[0], scrim: colors_1.default.primary[0], inverseSurface: colors_1.default.neutral[90], inverseOnSurface: colors_1.default.neutral[10], inversePrimary: colors_1.default.primary[40], elevation: {
-            level0: 'transparent',
-            // level1 is the same as surfaceContainerLowest in design files
-            level1: colors_1.default.neutral[4],
-            // level2 is the same as surfaceContainerLow in design files
-            level2: colors_1.default.neutral[10],
-            // level3 is the same as surfaceContainer in design files
-            level3: colors_1.default.neutral[12],
-            // level4 is the same as surfaceContainerHigh in design files
-            level4: colors_1.default.neutral[17],
-            // level5 is the same as surfaceContainerHighest in design files
-            level5: colors_1.default.neutral[20],
-        }, 
-        // surfaceDisabled is the same as disabledContainer in design files
-        surfaceDisabled: (0, color_1.default)(colors_1.default.neutral[95]).alpha(0.1).rgb().string(), 
-        // onSurfaceDisabled is the same as onDisabledContainer in design files
-        onSurfaceDisabled: (0, color_1.default)(colors_1.default.neutral[95]).alpha(0.15).rgb().string(), backdrop: (0, color_1.default)(colors_1.default.primary[0]).alpha(0.32).rgb().string(), 
-        // Custom color variants
-        // High-emphasis primary non-text variant, can be used on non-text elements like icons
-        primaryNonText: colors_1.default.primary[60], 
-        // Attention-grabbing error color can be used on non-text elements like icons, which communicate error states
-        errorNonText: colors_1.default.error[60], 
-        // variant used to render disabled elements
-        disabled: (0, color_1.default)(colors_1.default.neutral[95]).alpha(0.25).rgb().string(), 
-        // warning variant fills, texts, and icons which communicate warning states
-        warning: colors_1.default.warning[90], 
-        // can be used on non-text warning elements like icons
-        warningNonText: colors_1.default.warning[80], 
-        // can be used on warning text and icons against warning
-        onWarning: colors_1.default.warning[20], 
-        // Standout fill warning color against surface
-        warningContainer: colors_1.default.warning[30], 
-        // Text and icons against warning container
-        onWarningContainer: colors_1.default.warning[90], 
-        // success color variant fills, texts, and icons which communicate success states
-        success: colors_1.default.success[80], 
-        // can be used on non-text success elements like icons
-        successNonText: colors_1.default.success[70], 
-        // can be used on success text and icons against success
-        onSuccess: colors_1.default.success[20], 
-        // Standout fill success color against surface
-        successContainer: colors_1.default.success[30], 
-        // Text and icons against success container
-        onSuccessContainer: colors_1.default.success[90], 
-        // orange color variant fills, texts, and icons
-        orange: colors_1.default.orange[80], 
-        // non-text orange variant can be used on non-text elements like icons
-        orangeNonText: colors_1.default.orange[70], 
-        // can be used on text and icons against orange
-        onOrange: colors_1.default.orange[20], 
-        // Standout fill orange color against surface
-        orangeContainer: colors_1.default.orange[30], 
-        // Text and icons against orange container
-        onOrangeContainer: colors_1.default.orange[90], 
-        // purple color variant fills, texts, and icons
-        purple: colors_1.default.purple[80], 
-        // non-text purple variant can be used on non-text elements like icons
-        purpleNonText: colors_1.default.purple[60], 
-        // can be used on text and icons against purple
-        onPurple: colors_1.default.purple[20], 
-        // Standout fill purple color against surface
-        purpleContainer: colors_1.default.purple[30], 
-        // Text and icons against purple container
-        onPurpleContainer: colors_1.default.purple[90], 
-        // Surface container is the default role, but the others are especially helpful for creating hierarchy and nested containers
-        // Lowest-emphasis container color
-        surfaceContainerLowest: colors_1.default.neutral[4], 
-        // Low-emphasis container color
-        surfaceContainerLow: colors_1.default.neutral[10], 
-        // Default container color
-        surfaceContainer: colors_1.default.neutral[12], 
-        // High-emphasis container color
-        surfaceContainerHigh: colors_1.default.neutral[17], 
-        // Highest-emphasis container color
-        surfaceContainerHighest: colors_1.default.neutral[20], 
-        // This is alias for surface disabled, used as disabled container background
-        disabledContainer: (0, color_1.default)(colors_1.default.neutral[95]).alpha(0.1).rgb().string(), 
-        // Text and icons against disable container
-        onDisabledContainer: (0, color_1.default)(colors_1.default.neutral[95]).alpha(0.15).rgb().string(), 
-        // Can be used on slider and range selector track
-        sliderTrack: colors_1.default.neutral[30], 
-        // Disabled version of slider track color variant
-        sliderTrackDisabled: (0, color_1.default)(colors_1.default.neutral[30]).alpha(0.5).rgb().string(), 
-        // Attention-grabbing color against error filled surface
-        errorFilledContainer: colors_1.default.error[40], 
-        // Text and icons against error filled container
-        onErrorFilledContainer: colors_1.default.error[100], 
-        // Attention-grabbing color against error shaded surface
-        errorShadedContainer: (0, color_1.default)(colors_1.default.error[40]).alpha(0.3).rgb().string(), 
-        // Text and icons against error shaded container
-        onErrorShadedContainer: colors_1.default.error[80], 
-        // Attention-grabbing color against error outlined container
-        errorOutlinedContainerOutline: colors_1.default.error[60], 
-        // Text and icons against error outlined container
-        onErrorOutlinedContainerOutline: colors_1.default.error[80], 
-        // Orange color against orange filled surface
-        orangeFilledContainer: colors_1.default.orange[70], 
-        // Text and icons against orange filled container
-        onOrangeFilledContainer: colors_1.default.orange[20], 
-        // Orange color against orange shaded surface
-        orangeShadedContainer: (0, color_1.default)(colors_1.default.orange[70]).alpha(0.15).rgb().string(), 
-        // Text and icons against orange shaded container
-        onOrangeShadedContainer: colors_1.default.orange[80], 
-        // Orange color against orange outlined surface
-        orangeOutlinedContainer: colors_1.default.orange[70], 
-        // Text and icons against orange outlined container
-        onOrangeOutlinedContainer: colors_1.default.orange[80], 
-        // Warning color against warning filled surface
-        warningFilledContainer: colors_1.default.warning[80], 
-        // Text and icons against warning filled container
-        onWarningFilledContainer: colors_1.default.warning[30], 
-        // Warning color against warning shaded surface
-        warningShadedContainer: (0, color_1.default)(colors_1.default.warning[90]).alpha(0.1).rgb().string(), 
-        // Text and icons against warning shaded container
-        onWarningShadedContainer: colors_1.default.warning[90], 
-        // Warning color against warning outlined container surface
-        warningOutlinedContainerOutline: colors_1.default.warning[90], 
-        // Text and icons against warning outlined container surface
-        onWarningOutlinedContainer: colors_1.default.warning[90], 
-        // Attention-grabbing color against success filled container
-        successFilledContainer: colors_1.default.success[50], 
-        // Text and icons against success filled container
-        onSuccessFilledContainer: colors_1.default.success[100], 
-        // Attention-grabbing color against success shaded surface
-        successShadedContainer: (0, color_1.default)(colors_1.default.success[40]).alpha(0.3).rgb().string(), 
-        // Attention-grabbing label color against success shaded surface
-        successShadedLabel: colors_1.default.success[90], 
-        // Attention-grabbing color against success container
-        successOutlinedContainerOutline: colors_1.default.success[70], 
-        // Text and icons against success outlined container
-        onSuccessOutlinedContainer: colors_1.default.success[80], 
-        // Primary color against primary filled surface
-        primaryFilledContainer: colors_1.default.primary[50], 
-        // Text and icons against primary filled container
-        onPrimaryFilledContainer: colors_1.default.primary[100], 
-        // Primary color against primary shaded surface
-        primaryShadedContainer: (0, color_1.default)(colors_1.default.primary[40]).alpha(0.4).rgb().string(), 
-        // Text and icons against primary shaded container
-        onPrimaryShadedContainer: colors_1.default.primary[80], 
-        // Primary color against primary outlined container
-        primaryOutlinedContainerOutline: colors_1.default.primary[60], 
-        // Text and icons against primary outlined container
-        onPrimaryOutlinedContainer: colors_1.default.primary[70], 
-        // Purple color against purple filled surface
-        purpleFilledContainer: colors_1.default.purple[50], 
-        // Text and icons against purple filled container
-        onPurpleFilledContainer: colors_1.default.purple[100], 
-        // Purple color against purple shaded surface
-        purpleShadedContainer: (0, color_1.default)(colors_1.default.purple[40]).alpha(0.4).rgb().string(), 
-        // Text and icons against purple shaded container
-        onPurpleShadedContainer: colors_1.default.purple[80], 
-        // Purple color against purple outlined container
-        purpleOutlinedContainerOutline: colors_1.default.purple[50], 
-        // Text and icons against purple outlined container
-        onPurpleOutlinedContainer: colors_1.default.purple[70], 
-        // Neutral color against neutral filled surface
-        neutralFilledContainer: colors_1.default.neutral[50], 
-        // Text and icons against neutral filled container
-        onNeutralFilledContainer: colors_1.default.neutral[100], 
-        // Neutral color against neutral shaded surface
-        neutralShadedContainer: (0, color_1.default)(colors_1.default.neutral[50]).alpha(0.4).rgb().string(), 
-        // Text and icons against neutral shaded container
-        onNeutralShadedContainer: colors_1.default.neutral[80], 
-        // Neutral color against neutral outlined container
-        neutralOutlinedContainerOutline: colors_1.default.neutralVariant[60], 
-        // Text and icons against Neutral outlined container
-        onNeutralOutlinedContainer: colors_1.default.neutralVariant[70], 
-        // Standout fill text field color against surface
-        textFieldContainer: (0, color_1.default)(colors_1.default.neutral[80]).alpha(0.2).rgb().string(), 
-        // Progress bar track on status color against filled surface
-        progressBarTrackOnStatusFilledContainer: (0, color_1.default)(colors_1.default.primary[0]).alpha(0.25).rgb().string(), 
-        // Text outline color variant
-        mapTextOutline: (0, color_1.default)(colors_1.default.primary[0]).alpha(0.7).rgb().string() }) });

package/dist/blueTheme.js

@@ -1,203 +0,0 @@
-"use strict";
-/**
-Copyright (c) 2020-present, Eaton
-
-All rights reserved.
-
-This code is licensed under the BSD-3 license found in the LICENSE file in the root directory of this source tree and at https://opensource.org/licenses/BSD-3-Clause.
-**/
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MD3BluiLightTheme = void 0;
-var react_native_paper_1 = require("react-native-paper");
-var colors_1 = __importDefault(require("@brightlayer-ui/colors"));
-var shared_1 = require("./shared");
-var color_1 = __importDefault(require("color"));
-exports.MD3BluiLightTheme = __assign(__assign({}, react_native_paper_1.MD3LightTheme), { fonts: (0, react_native_paper_1.configureFonts)({ config: shared_1.fontConfig }), colors: __assign(__assign({}, react_native_paper_1.MD3LightTheme.colors), { 
-        // React Native Paper default theme color variants
-        primary: colors_1.default.primary[40], onPrimary: colors_1.default.primary[100], primaryContainer: colors_1.default.primary[80], onPrimaryContainer: colors_1.default.primary[30], secondary: colors_1.default.primary[40], onSecondary: colors_1.default.primary[100], secondaryContainer: colors_1.default.primary[80], onSecondaryContainer: colors_1.default.primary[30], tertiary: colors_1.default.primary[40], onTertiary: colors_1.default.primary[100], tertiaryContainer: colors_1.default.primary[80], onTertiaryContainer: colors_1.default.primary[30], error: colors_1.default.error[40], onError: colors_1.default.primary[100], errorContainer: colors_1.default.error[90], onErrorContainer: colors_1.default.error[30], background: colors_1.default.neutral[98], onBackground: colors_1.default.neutral[10], surface: colors_1.default.neutral[98], onSurface: colors_1.default.neutral[10], surfaceVariant: colors_1.default.neutralVariant[90], onSurfaceVariant: colors_1.default.neutralVariant[30], outline: colors_1.default.neutralVariant[50], outlineVariant: (0, color_1.default)(colors_1.default.neutralVariant[50]).alpha(0.25).rgb().string(), shadow: colors_1.default.primary[0], scrim: colors_1.default.primary[0], inverseSurface: colors_1.default.neutral[20], inverseOnSurface: colors_1.default.neutral[95], inversePrimary: colors_1.default.primary[80], elevation: {
-            level0: 'transparent',
-            // level1 is the same as surfaceContainerLowest in design files
-            level1: colors_1.default.primary[100],
-            // level2 is the same as surfaceContainerLow in design files
-            level2: colors_1.default.neutral[97],
-            // level3 is the same as surfaceContainer in design files
-            level3: colors_1.default.neutral[94],
-            // level4 is the same as surfaceContainerHigh in design files
-            level4: colors_1.default.neutral[92],
-            // level5 is the same as surfaceContainerHighest in design files
-            level5: colors_1.default.neutral[90],
-        }, 
-        // surfaceDisabled is the same as disabledContainer in design files
-        surfaceDisabled: (0, color_1.default)(colors_1.default.neutral[10]).alpha(0.05).rgb().string(), 
-        // onSurfaceDisabled is the same as onDisabledContainer in design files
-        onSurfaceDisabled: (0, color_1.default)(colors_1.default.neutral[10]).alpha(0.25).rgb().string(), backdrop: (0, color_1.default)(colors_1.default.primary[0]).alpha(0.32).rgb().string(), 
-        // Custom color variants
-        // High-emphasis primary non-text variant, can be used on non-text elements like icons
-        primaryNonText: colors_1.default.primary[50], 
-        // Attention-grabbing error color can be used on non-text elements like icons, which communicate error states
-        errorNonText: colors_1.default.error[50], 
-        // variant used to render disabled elements
-        disabled: (0, color_1.default)(colors_1.default.neutral[10]).alpha(0.2).rgb().string(), 
-        // warning variant fills, texts, and icons which communicate warning states
-        warning: colors_1.default.warning[40], 
-        // can be used on non-text warning elements like icons
-        warningNonText: colors_1.default.warning[60], 
-        // can be used on warning text and icons against warning
-        onWarning: colors_1.default.primary[100], 
-        // Standout fill warning color against surface
-        warningContainer: colors_1.default.warning[90], 
-        // Text and icons against warning container
-        onWarningContainer: colors_1.default.warning[30], 
-        // success color variant fills, texts, and icons which communicate success states
-        success: colors_1.default.success[40], 
-        // can be used on non-text success elements like icons
-        successNonText: colors_1.default.success[50], 
-        // can be used on success text and icons against success
-        onSuccess: colors_1.default.primary[100], 
-        // Standout fill success color against surface
-        successContainer: colors_1.default.success[90], 
-        // Text and icons against success container
-        onSuccessContainer: colors_1.default.success[30], 
-        // orange color variant fills, texts, and icons
-        orange: colors_1.default.orange[40], 
-        // non-text orange variant can be used on non-text elements like icons
-        orangeNonText: colors_1.default.orange[50], 
-        // can be used on text and icons against orange
-        onOrange: colors_1.default.primary[100], 
-        // Standout fill orange color against surface
-        orangeContainer: colors_1.default.orange[90], 
-        // Text and icons against orange container
-        onOrangeContainer: colors_1.default.orange[30], 
-        // purple color variant fills, texts, and icons
-        purple: colors_1.default.purple[40], 
-        // non-text purple variant can be used on non-text elements like icons
-        purpleNonText: colors_1.default.purple[50], 
-        // can be used on text and icons against purple
-        onPurple: colors_1.default.primary[100], 
-        // Standout fill purple color against surface
-        purpleContainer: colors_1.default.purple[90], 
-        // Text and icons against purple container
-        onPurpleContainer: colors_1.default.purple[30], 
-        // Surface container is the default role, but the others are especially helpful for creating hierarchy and nested containers
-        // Lowest-emphasis container color
-        surfaceContainerLowest: colors_1.default.primary[100], 
-        // Low-emphasis container color
-        surfaceContainerLow: colors_1.default.neutral[97], 
-        // Default container color
-        surfaceContainer: colors_1.default.neutral[94], 
-        // High-emphasis container color
-        surfaceContainerHigh: colors_1.default.neutral[92], 
-        // Highest-emphasis container color
-        surfaceContainerHighest: colors_1.default.neutral[90], 
-        // This is alias for surface disabled, used as disabled container background
-        disabledContainer: (0, color_1.default)(colors_1.default.neutral[10]).alpha(0.05).rgb().string(), 
-        // Text and icons against disable container
-        onDisabledContainer: (0, color_1.default)(colors_1.default.neutral[10]).alpha(0.25).rgb().string(), 
-        // Can be used on slider and range selector track
-        sliderTrack: colors_1.default.neutral[80], 
-        // Disabled version of slider track color variant
-        sliderTrackDisabled: (0, color_1.default)(colors_1.default.neutral[80]).alpha(0.3).rgb().string(), 
-        // Attention-grabbing color against error filled surface
-        errorFilledContainer: colors_1.default.error[40], 
-        // Text and icons against error filled container
-        onErrorFilledContainer: colors_1.default.error[100], 
-        // Attention-grabbing color against error shaded surface
-        errorShadedContainer: (0, color_1.default)(colors_1.default.error[40]).alpha(0.15).rgb().string(), 
-        // Text and icons against error shaded container
-        onErrorShadedContainer: colors_1.default.error[30], 
-        // Attention-grabbing color against error outlined container
-        errorOutlinedContainerOutline: colors_1.default.error[40], 
-        // Text and icons against error outlined container
-        onErrorOutlinedContainer: colors_1.default.error[40], 
-        // Orange color against orange filled surface
-        orangeFilledContainer: colors_1.default.orange[70], 
-        // Text and icons against orange filled container
-        onOrangeFilledContainer: colors_1.default.orange[20], 
-        // Orange color against orange shaded surface
-        orangeShadedContainer: (0, color_1.default)(colors_1.default.orange[70]).alpha(0.2).rgb().string(), 
-        // Text and icons against orange shaded container
-        onOrangeShadedContainer: colors_1.default.orange[30], 
-        // Orange color against orange outlined surface
-        orangeOutlinedContainer: colors_1.default.orange[70], 
-        // Text and icons against orange outlined container
-        onOrangeOutlinedContainer: colors_1.default.orange[40], 
-        // Warning color against warning filled surface
-        warningFilledContainer: colors_1.default.warning[90], 
-        // Text and icons against warning filled container
-        onWarningFilledContainer: colors_1.default.warning[30], 
-        // Warning color against warning shaded surface
-        warningShadedContainer: (0, color_1.default)(colors_1.default.warning[90]).alpha(0.5).rgb().string(), 
-        // Text and icons against warning shaded container
-        onWarningShadedContainer: colors_1.default.warning[30], 
-        // Warning color against warning outlined container
-        warningOutlinedContainerOutline: colors_1.default.warning[80], 
-        // Text and icons against warning outlined container
-        onWarningOutlinedContainer: colors_1.default.warning[40], 
-        // Attention-grabbing color against success filled container
-        successFilledContainer: colors_1.default.success[50], 
-        // Text and icons against success filled container
-        onSuccessFilledContainer: colors_1.default.success[100], 
-        // Attention-grabbing color against success shaded surface
-        successShadedContainer: (0, color_1.default)(colors_1.default.success[40]).alpha(0.15).rgb().string(), 
-        // Attention-grabbing label color against success shaded surface
-        successShadedLabel: colors_1.default.success[30], 
-        // Attention-grabbing color against success container
-        successOutlinedContainerOutline: colors_1.default.success[50], 
-        // Text and icons against success outlined container
-        onSuccessOutlinedContainer: colors_1.default.success[40], 
-        // Primary color against primary filled surface
-        primaryFilledContainer: colors_1.default.primary[50], 
-        // Text and icons against primary filled container
-        onPrimaryFilledContainer: colors_1.default.primary[100], 
-        // Primary color against primary shaded surface
-        primaryShadedContainer: (0, color_1.default)(colors_1.default.primary[40]).alpha(0.15).rgb().string(), 
-        // Text and icons against primary shaded container
-        onPrimaryShadedContainer: colors_1.default.primary[30], 
-        // Primary color against primary outlined container
-        primaryOutlinedContainerOutline: colors_1.default.primary[50], 
-        // Text and icons against primary outlined container
-        onPrimaryOutlinedContainer: colors_1.default.primary[40], 
-        // Purple color against purple filled surface
-        purpleFilledContainer: colors_1.default.purple[50], 
-        // Text and icons against purple filled container
-        onPurpleFilledContainer: colors_1.default.purple[100], 
-        // Purple color against purple shaded surface
-        purpleShadedContainer: (0, color_1.default)(colors_1.default.purple[40]).alpha(0.15).rgb().string(), 
-        // Text and icons against purple shaded container
-        onPurpleShadedContainer: colors_1.default.purple[30], 
-        // Purple color against purple outlined container
-        purpleOutlinedContainerOutline: colors_1.default.purple[50], 
-        // Text and icons against purple outlined container
-        onPurpleOutlinedContainer: colors_1.default.purple[40], 
-        // Neutral color against neutral filled surface
-        neutralFilledContainer: colors_1.default.neutral[50], 
-        // Text and icons against neutral filled container
-        onNeutralFilledContainer: colors_1.default.neutral[100], 
-        // Neutral color against neutral shaded surface
-        neutralShadedContainer: (0, color_1.default)(colors_1.default.neutral[50]).alpha(0.2).rgb().string(), 
-        // Text and icons against neutral shaded container
-        onNeutralShadedContainer: colors_1.default.neutral[30], 
-        // Neutral color against neutral outlined container
-        neutralOutlinedContainerOutline: colors_1.default.neutralVariant[50], 
-        // Text and icons against Neutral outlined container
-        onNeutralOutlinedContainer: colors_1.default.neutralVariant[30], 
-        // Standout fill text field color against surface
-        textFieldContainer: (0, color_1.default)(colors_1.default.neutral[80]).alpha(0.4).rgb().string(), 
-        // Progress bar track on status color against filled surface
-        progressBarTrackOnStatusFilledContainer: (0, color_1.default)(colors_1.default.primary[0]).alpha(0.25).rgb().string(), 
-        // Text outline color variant
-        mapTextOutline: (0, color_1.default)(colors_1.default.primary[100]).alpha(0.7).rgb().string() }) });

package/dist/index.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFontWeight = exports.useExtendedTheme = exports.blueDark = exports.blue = void 0;
-/**
-Copyright (c) 2021-present, Eaton
-
-All rights reserved.
-
-This code is licensed under the BSD-3 license found in the LICENSE file in the root directory of this source tree and at https://opensource.org/licenses/BSD-3-Clause.
-**/
-var blueTheme_1 = require("./blueTheme");
-Object.defineProperty(exports, "blue", { enumerable: true, get: function () { return blueTheme_1.MD3BluiLightTheme; } });
-var blueDarkTheme_1 = require("./blueDarkTheme");
-Object.defineProperty(exports, "blueDark", { enumerable: true, get: function () { return blueDarkTheme_1.MD3BluiDarkTheme; } });
-var shared_1 = require("./shared");
-Object.defineProperty(exports, "useExtendedTheme", { enumerable: true, get: function () { return shared_1.useExtendedTheme; } });
-Object.defineProperty(exports, "useFontWeight", { enumerable: true, get: function () { return shared_1.useFontWeight; } });