@televet/kibble-ui 0.1.0-beta.7 → 0.1.0-beta.9

package/build/index.js

@@ -36,7 +36,7 @@ var __assign = function() {
     return __assign.apply(this, arguments);
 };
 
-var pallette = {
+var pallette$1 = {
     comet: {
         50: '#F0F1F5',
         100: '#D5D7E2',
@@ -167,66 +167,66 @@ var pallette = {
 };
 var semanticTokens = {
     text: {
-        onLight: pallette.comet[700],
-        onLightSubtle: pallette.gray[800],
-        onDark: pallette.white,
-        headline: pallette.blue[700],
+        onLight: pallette$1.comet[700],
+        onLightSubtle: pallette$1.gray[800],
+        onDark: pallette$1.white,
+        headline: pallette$1.blue[700],
     },
     background: {
-        light: pallette.gray[300],
-        gray: pallette.gray[50],
-        info: pallette.teal[50],
-        error: pallette.red[50],
-        warning: pallette.orange[50],
-        success: pallette.blue[50],
+        light: pallette$1.gray[300],
+        gray: pallette$1.gray[50],
+        info: pallette$1.teal[50],
+        error: pallette$1.red[50],
+        warning: pallette$1.orange[50],
+        success: pallette$1.blue[50],
     },
     border: {
-        default: pallette.gray[300],
-        dark: pallette.comet[700],
-        info: pallette.teal[500],
-        error: pallette.red[500],
-        warning: pallette.yellow[500],
-        success: pallette.blue[200],
+        default: pallette$1.gray[300],
+        dark: pallette$1.comet[700],
+        info: pallette$1.teal[500],
+        error: pallette$1.red[500],
+        warning: pallette$1.yellow[500],
+        success: pallette$1.blue[200],
     },
     button: {
-        primaryDefault: pallette.teal[600],
-        primaryHover: pallette.teal[700],
-        primaryActive: pallette.teal[800],
-        secondaryDefault: pallette.gray[300],
-        secondaryHover: pallette.gray[50],
-        secondaryActive: pallette.gray[100],
-        tertiaryDefault: pallette.gray[100],
-        tertiaryHover: pallette.gray[200],
-        tertiaryActive: pallette.gray[200],
-        ghostDefault: pallette.white,
-        ghostHover: pallette.teal[50],
-        ghostActive: pallette.teal[100],
+        primaryDefault: pallette$1.teal[600],
+        primaryHover: pallette$1.teal[700],
+        primaryActive: pallette$1.teal[800],
+        secondaryDefault: pallette$1.gray[300],
+        secondaryHover: pallette$1.gray[50],
+        secondaryActive: pallette$1.gray[100],
+        tertiaryDefault: pallette$1.gray[100],
+        tertiaryHover: pallette$1.gray[200],
+        tertiaryActive: pallette$1.gray[200],
+        ghostDefault: pallette$1.white,
+        ghostHover: pallette$1.teal[50],
+        ghostActive: pallette$1.teal[100],
     },
     link: {
-        onLight: pallette.teal[600],
+        onLight: pallette$1.teal[600],
     },
     icon: {
-        onLight: pallette.comet[700],
-        onDark: pallette.gray[300],
-        active: pallette.teal[600],
-        success: pallette.blue[400],
-        warning: pallette.yellow[500],
-        error: pallette.red[500],
+        onLight: pallette$1.comet[700],
+        onDark: pallette$1.gray[300],
+        active: pallette$1.teal[600],
+        success: pallette$1.blue[400],
+        warning: pallette$1.yellow[500],
+        error: pallette$1.red[500],
     },
     divider: {
-        onLight: pallette.gray[300],
+        onLight: pallette$1.gray[300],
     },
     status: {
-        open: pallette.blue[300],
-        confirmed: pallette.teal[500],
-        success: pallette.green[400],
-        warning: pallette.yellow[400],
-        action: pallette.orange[400],
-        negative: pallette.red[300],
-        error: pallette.red[500],
+        open: pallette$1.blue[300],
+        confirmed: pallette$1.teal[500],
+        success: pallette$1.green[400],
+        warning: pallette$1.yellow[400],
+        action: pallette$1.orange[400],
+        negative: pallette$1.red[300],
+        error: pallette$1.red[500],
     },
 };
-var colors = __assign(__assign({}, pallette), semanticTokens);
+var colors = __assign(__assign({}, pallette$1), semanticTokens);
 
 var blur = {
     none: 0,
@@ -2593,6 +2593,28 @@ var zIndices = {
     tooltip: 1800,
 };
 
+var pallette = {
+    primaryLightest: 'hsl(190deg 48% 70%)',
+    primaryLight: 'hsl(190deg 48% 54%)',
+    primary: 'hsl(190deg 48% 37%)',
+    primaryDark: 'hsl(190deg 48% 25%)',
+    error: '#ff3e28',
+    errorLight: '#fdcab9',
+    errorSecondary: '#fe5f55',
+    errorSecondaryDark: '#ca2f20',
+    grayWhite: '#fbfbfb',
+    graySecondary: '#8f99a4',
+    success: 'hsla(166, 100%, 26%, 1)',
+    grayLightest: 'hsl(0,0%,90%)',
+    grayLight: 'hsl(0,0%,70%)',
+    grayDark: 'hsl(0,0%,40%)',
+    grayDarker: 'hsl(0,0%,30%)',
+    grayDarkest: 'hsl(0,0%, 20%)',
+    warning: '#ff8d07',
+    white: 'hsl(230,0%,98%)',
+    black: 'hsl(230,68%,16%)',
+};
+
 // @ts-ignore
 var theme = react.extendTheme({
     blur: blur,
@@ -2609,6 +2631,7 @@ var theme = react.extendTheme({
     space: space,
     transition: transition,
     zIndices: zIndices,
+    pallette: pallette,
 });
 
 var KibbleThemeProvider = function (_a) {