@drivy/cobalt 1.4.6 → 2.0.0-beta.1

package/types/src/tokens/index.d.ts

@@ -4,43 +4,6 @@ export declare const breakpoints: {
     md: string;
     lg: string;
 };
-export declare const colors: {
-    white: string;
-    grey: {
-        lighter: string;
-        light: string;
-        DEFAULT: string;
-        dark: string;
-    };
-    indigo: {
-        DEFAULT: string;
-        dark: string;
-    };
-    purple: {
-        light: string;
-        DEFAULT: string;
-    };
-    graphite: {
-        light: string;
-        DEFAULT: string;
-    };
-    turquoise: string;
-    coral: string;
-    amber: string;
-    red: string;
-    green: {
-        light: string;
-        DEFAULT: string;
-        dark: string;
-    };
-    blue: string;
-    deprecatedBlueGhost: string;
-    deprecatedDriver: string;
-    deprecatedSeasonLow: string;
-    deprecatedSeasonMedium: string;
-    deprecatedSeasonHigh: string;
-    deprecatedSeasonVeryHigh: string;
-};
 export declare const countries: {
     flags: {
         AT: string;
@@ -386,8 +349,7 @@ export declare const zIndexes: {
     "autocomplete-popover": number;
 };
 export declare const palette: {
-    white: string;
-    purple: {
+    grey: {
         "100": string;
         "200": string;
         "300": string;
@@ -400,43 +362,67 @@ export declare const palette: {
         "1000": string;
         "1100": string;
         "1200": string;
+        "1300": string;
+        "1400": string;
+        "1500": string;
+        "1600": string;
     };
-    navy: {
-        "50": string;
+    black: {
         "100": string;
-        "120": string;
         "200": string;
         "300": string;
         "400": string;
         "500": string;
+        "600": string;
         "700": string;
+        "800": string;
         "900": string;
+        "1000": string;
+        "1100": string;
+        "1200": string;
+        "1300": string;
+        "1400": string;
+        "1500": string;
+        "1600": string;
     };
-    yellow: {
+    navy: {
         "100": string;
+        "200": string;
         "300": string;
         "400": string;
         "500": string;
+        "600": string;
         "700": string;
+        "800": string;
         "900": string;
         "1000": string;
+        "1100": string;
+        "1200": string;
+        "1300": string;
+        "1400": string;
+        "1500": string;
+        "1600": string;
     };
-    green: {
+    purple: {
         "100": string;
         "200": string;
         "300": string;
         "400": string;
         "500": string;
+        "600": string;
         "700": string;
+        "800": string;
         "900": string;
         "1000": string;
         "1100": string;
         "1200": string;
+        "1300": string;
+        "1400": string;
+        "1500": string;
+        "1600": string;
     };
-    red: {
+    violet: {
         "100": string;
-        "120": string;
-        "150": string;
         "200": string;
         "300": string;
         "400": string;
@@ -446,21 +432,32 @@ export declare const palette: {
         "800": string;
         "900": string;
         "1000": string;
+        "1100": string;
         "1200": string;
         "1300": string;
         "1400": string;
         "1500": string;
         "1600": string;
     };
-    orange: {
+    blue: {
         "100": string;
+        "200": string;
         "300": string;
+        "400": string;
         "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
         "900": string;
+        "1000": string;
+        "1100": string;
+        "1200": string;
+        "1300": string;
+        "1400": string;
+        "1500": string;
+        "1600": string;
     };
-    black: {
-        "50": string;
-        "75": string;
+    lime: {
         "100": string;
         "200": string;
         "300": string;
@@ -469,10 +466,16 @@ export declare const palette: {
         "600": string;
         "700": string;
         "800": string;
+        "900": string;
         "1000": string;
+        "1100": string;
+        "1200": string;
+        "1300": string;
+        "1400": string;
+        "1500": string;
+        "1600": string;
     };
-    grey: {
-        "50": string;
+    orange: {
         "100": string;
         "200": string;
         "300": string;
@@ -480,8 +483,17 @@ export declare const palette: {
         "500": string;
         "600": string;
         "700": string;
+        "800": string;
+        "900": string;
+        "1000": string;
+        "1100": string;
+        "1200": string;
+        "1300": string;
+        "1400": string;
+        "1500": string;
+        "1600": string;
     };
-    blue: {
+    red: {
         "100": string;
         "200": string;
         "300": string;
@@ -494,9 +506,12 @@ export declare const palette: {
         "1000": string;
         "1100": string;
         "1200": string;
+        "1300": string;
+        "1400": string;
+        "1500": string;
+        "1600": string;
     };
-    turquoise: {
-        "50": string;
+    green: {
         "100": string;
         "200": string;
         "300": string;
@@ -506,9 +521,15 @@ export declare const palette: {
         "700": string;
         "800": string;
         "900": string;
+        "1000": string;
+        "1100": string;
         "1200": string;
+        "1300": string;
+        "1400": string;
+        "1500": string;
+        "1600": string;
     };
-    season: {
+    yellow: {
         "100": string;
         "200": string;
         "300": string;
@@ -521,333 +542,146 @@ export declare const palette: {
         "1000": string;
         "1100": string;
         "1200": string;
+        "1300": string;
+        "1400": string;
+        "1500": string;
+        "1600": string;
     };
-    newPurple: {
-        "200": string;
-        "500": string;
-    };
-    newViolet: {
-        "200": string;
-        "500": string;
-    };
-};
-export declare const theme: {
-    background: {
-        primary: string;
-        secondary: string;
-        accent: string;
-        accentAlt: string;
-        info: string;
-        error: string;
-        errorAlt: string;
-        success: string;
-        successAlt: string;
-        connect: string;
-        connectAlt: string;
-        driver: string;
-        owner: string;
-        disabled: string;
-        neutral: string;
-        neutralAlt: string;
-        seasonLow: string;
-        seasonMedium: string;
-        seasonHigh: string;
-        seasonVeryHigh: string;
-        rental: string;
-        rentalAlt: string;
-        blocker: string;
-        rideshare: string;
-        keyExchange: string;
-        picked: string;
-        base: string;
-        secondaryInteractive: {
-            DEFAULT: string;
-            hover: string;
-        };
-        accentInteractive: {
-            DEFAULT: string;
-            hover: string;
-        };
-        accentAltInteractive: {
-            DEFAULT: string;
-            hover: string;
-        };
-        connectInteractive: {
-            DEFAULT: string;
-            hover: string;
-        };
-        errorInteractive: {
-            DEFAULT: string;
-            hover: string;
-        };
-    };
-    text: {
-        base: string;
-        subdued: string;
-        accent: string;
-        accentAlt: string;
-        info: string;
-        error: string;
-        errorAlt: string;
-        success: string;
-        successAlt: string;
-        connect: string;
-        connectAlt: string;
-        driver: string;
-        owner: string;
-        warning: string;
-        infoAlt: string;
-        disabled: string;
-        onAccent: string;
-        onRideshare: string;
-        onError: string;
-        onSuccess: string;
-        onConnect: string;
-        onKeyExchange: string;
-        onPicked: string;
-        keyExchange: string;
-        picked: string;
-        rideshare: string;
-        onBase: string;
-        onSeasonLow: string;
-        onSeasonMedium: string;
-        onSeasonHigh: string;
-        onSeasonVeryHigh: string;
-        onRental: string;
-        onRentalAlt: string;
-        inversed: string;
-        baseInteractive: {
-            DEFAULT: string;
-            hover: string;
-        };
-        subduedInteractive: {
-            DEFAULT: string;
-            hover: string;
-        };
-        accentInteractive: {
-            DEFAULT: string;
-            hover: string;
-        };
-        accentAltInteractive: {
-            DEFAULT: string;
-            hover: string;
-        };
-    };
-    icon: {
-        base: string;
-        subdued: string;
-        accent: string;
-        accentAlt: string;
-        info: string;
-        error: string;
-        errorAlt: string;
-        success: string;
-        successAlt: string;
-        connect: string;
-        connectAlt: string;
-        driver: string;
-        owner: string;
-        warning: string;
-        infoAlt: string;
-        disabled: string;
-        onAccent: string;
-        onRideshare: string;
-        onError: string;
-        onSuccess: string;
-        onConnect: string;
-        onKeyExchange: string;
-        onPicked: string;
-        keyExchange: string;
-        picked: string;
-        rideshare: string;
-        onBase: string;
-        disabledAlt: string;
-        onRental: string;
-        inversed: string;
-        baseInteractive: {
-            DEFAULT: string;
-            hover: string;
-        };
-        subduedInteractive: {
-            DEFAULT: string;
-            hover: string;
-        };
-        accentInteractive: {
-            DEFAULT: string;
-            hover: string;
-        };
-        accentAltInteractive: {
-            DEFAULT: string;
-            hover: string;
-        };
-    };
-    stroke: {
-        base: string;
-        subdued: string;
-        accent: string;
-        accentAlt: string;
-        success: string;
-        successAlt: string;
-        error: string;
-        errorAlt: string;
-        strong: string;
-        onAccent: string;
-        rental: string;
-        blocker: string;
-        onError: string;
-        onSuccess: string;
-        connect: string;
-        keyExchange: string;
-        picked: string;
-        onConnect: string;
-        onKeyExchange: string;
-        onPicked: string;
-        onRideshare: string;
-        rideshare: string;
-        onBase: string;
-        baseInteractive: {
-            DEFAULT: string;
-            hover: string;
-            press: string;
-        };
-        accentInteractive: {
-            DEFAULT: string;
-            hover: string;
-            press: string;
-        };
-        strongInteractive: {
-            DEFAULT: string;
-            hover: string;
-            press: string;
-        };
-    };
-    buttonIcon: {
-        selected: string;
-        primary: string;
-        secondary: string;
-        tertiary: string;
-        destructive: string;
-        success: string;
-        successAlt: string;
-        disabled: string;
-        accentAlt: string;
-        primaryInteractive: {
-            DEFAULT: string;
-            hover: string;
-            press: string;
-        };
-        secondaryInteractive: {
-            DEFAULT: string;
-            hover: string;
-            press: string;
-        };
-        tertiaryInteractive: {
-            DEFAULT: string;
-            hover: string;
-            press: string;
-        };
-        destructiveInteractive: {
-            DEFAULT: string;
-            hover: string;
-            press: string;
-        };
-        successAltInteractive: {
-            DEFAULT: string;
-            hover: string;
-            press: string;
-        };
-    };
-    buttonLabel: {
-        selected: string;
-        primary: string;
-        secondary: string;
-        tertiary: string;
-        disabled: string;
-        accentAlt: string;
-        destructive: string;
-        success: string;
-        successAlt: string;
-        primaryInteractive: {
-            DEFAULT: string;
-            hover: string;
-            press: string;
-        };
-        secondaryInteractive: {
-            DEFAULT: string;
-            hover: string;
-            press: string;
-        };
-        tertiaryInteractive: {
-            DEFAULT: string;
-            hover: string;
-            press: string;
-        };
-        destructiveInteractive: {
-            DEFAULT: string;
-            hover: string;
-            press: string;
-        };
-        successAltInteractive: {
-            DEFAULT: string;
-            hover: string;
-            press: string;
-        };
+    white: string;
+    white_alpha: {
+        "5": string;
+        "10": string;
+        "15": string;
+        "20": string;
+        "25": string;
+        "30": string;
+        "35": string;
+        "40": string;
+        "45": string;
+        "50": string;
+        "55": string;
+        "60": string;
+        "65": string;
+        "70": string;
     };
-    buttonBackground: {
-        selected: string;
-        primary: string;
-        secondary: string;
-        tertiary: string;
-        accentAlt: string;
-        destructive: string;
-        success: string;
-        successAlt: string;
-        disabled: string;
-        primaryInteractive: {
-            DEFAULT: string;
-            hover: string;
-            press: string;
-        };
-        secondaryInteractive: {
-            DEFAULT: string;
-            hover: string;
-            press: string;
-        };
-        tertiaryInteractive: {
-            DEFAULT: string;
-            hover: string;
-            press: string;
-        };
-        destructiveInteractive: {
-            DEFAULT: string;
-            hover: string;
-            press: string;
-        };
-        successAltInteractive: {
-            DEFAULT: string;
-            hover: string;
-            press: string;
-        };
+    black_alpha: {
+        "2": string;
+        "4": string;
+        "6": string;
+        "8": string;
+        "10": string;
+        "12": string;
+        "14": string;
+        "16": string;
+        "18": string;
+        "20": string;
+        "22": string;
+        "24": string;
+        "26": string;
+        "28": string;
+        "30": string;
+        "32": string;
+        "34": string;
     };
-    fill: {
-        base: string;
-        accent: string;
-        secondary: string;
-        subdued: string;
-        neutral: string;
-        negative: string;
-        accentAlt: string;
-        disabled: string;
-        error: string;
-        success: string;
-        rental: string;
-        blocker: string;
-        primary: string;
+    navy_alpha: {
+        "1": string;
+        "2": string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "10": string;
+        "12": string;
+        "14": string;
+        "16": string;
+        "18": string;
+        "20": string;
+        "22": string;
+        "24": string;
+        "26": string;
+        "28": string;
+        "30": string;
     };
-    illustrations: {
-        primary: string;
-        secondary: string;
-        accent1: string;
-        accent2: string;
+    grey_alpha: {
+        "1": string;
+        "2": string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "10": string;
+        "15": string;
+        "20": string;
+        "25": string;
     };
 };
+export declare const theme: {
+    surface: string;
+    surfaceBright: string;
+    surfaceContainer: string;
+    surfaceContainerVariant: string;
+    outline: string;
+    outlineVariant: string;
+    onSurface: string;
+    onSurfaceVariant: string;
+    onSurfaceContainerVariant: string;
+    disabled: string;
+    onSurfaceDisabled: string;
+    primary: string;
+    onPrimary: string;
+    primaryContainer: string;
+    onPrimaryContainer: string;
+    secondary: string;
+    onSecondary: string;
+    secondaryContainer: string;
+    onSecondaryContainer: string;
+    onSecondaryContainerVariant: string;
+    tertiary: string;
+    onTertiary: string;
+    outlineTertiary: string;
+    tertiaryContainer: string;
+    onTertiaryContainer: string;
+    onTertiaryContainerVariant: string;
+    success: string;
+    onSuccess: string;
+    successContainer: string;
+    onSuccessContainer: string;
+    error: string;
+    onError: string;
+    errorContainer: string;
+    onErrorContainer: string;
+    warning: string;
+    onWarning: string;
+    warningContainer: string;
+    onWarningContainer: string;
+    connect: string;
+    onConnect: string;
+    keyExchange: string;
+    onKeyExchange: string;
+    seasonLowest: string;
+    onSeasonLowest: string;
+    seasonMedium: string;
+    onSeasonMedium: string;
+    seasonHigh: string;
+    onSeasonHigh: string;
+    seasonHighest: string;
+    onSeasonHighest: string;
+    business: string;
+    businessVariant: string;
+    onBusiness: string;
+    onBusinessVariant: string;
+    businessContainer: string;
+    onBusinessContainer: string;
+    hover: string;
+    focus: string;
+    press: string;
+    drag: string;
+    scrim: string;
+    surfaceFixed: string;
+};

package/utilities.css

@@ -1,5 +1,5 @@
 @import "./styles/core/palette.css";
-@import "./styles/core/default-theme.css";
+@import "./styles/core/theme.css";
 
 @tailwind base;
 @tailwind utilities;