@oneb/ui-vue 0.0.5

package/dist/tailwind.config.d.ts

@@ -0,0 +1,428 @@
+export declare const colors: {
+    'slate-500': string;
+    'white-bg': string;
+    'gray-bg': string;
+    'gray-light': string;
+    'gray-700': string;
+    'gray-email': string;
+    'gray-email-light': string;
+    'gray-active': string;
+    'slate-850': string;
+    'rose-850': string;
+    input: string;
+    block: string;
+    'black-700': string;
+    'black-800': string;
+    'blue-550': string;
+    'red-700': string;
+    'green-700': string;
+    'orange-700': string;
+    'black-opacyti': string;
+    background: {
+        backdrop: string;
+        DEFAULT: string;
+        second: string;
+        light: string;
+    };
+    primary: {
+        glow: string;
+        base: string;
+        active: string;
+        hover: string;
+        '25': string;
+        '25-active': string;
+        '25-hover': string;
+        '10': string;
+        '10-active': string;
+        '10-hover': string;
+        content: string;
+        'content-active': string;
+        'content-hover': string;
+        stroke: string;
+        'stroke-active': string;
+        'stroke-hover': string;
+        body: string;
+        'body-active': string;
+        'body-hover': string;
+    };
+    secondary: {
+        glow: string;
+        base: string;
+        active: string;
+        hover: string;
+        '25': string;
+        '25-active': string;
+        '25-hover': string;
+        '10': string;
+        '10-active': string;
+        '10-hover': string;
+        content: string;
+        'content-active': string;
+        'content-hover': string;
+        stroke: string;
+        'stroke-active': string;
+        'stroke-hover': string;
+        body: string;
+        'body-active': string;
+        'body-hover': string;
+    };
+    light: {
+        glow: string;
+        base: string;
+        active: string;
+        hover: string;
+        '25': string;
+        '25-active': string;
+        '25-hover': string;
+        '10': string;
+        '10-active': string;
+        '10-hover': string;
+        content: string;
+        'content-active': string;
+        'content-hover': string;
+        stroke: string;
+        'stroke-active': string;
+        'stroke-hover': string;
+        body: string;
+        'body-active': string;
+        'body-hover': string;
+    };
+    success: {
+        glow: string;
+        base: string;
+        active: string;
+        hover: string;
+        '25': string;
+        '25-active': string;
+        '25-hover': string;
+        '10': string;
+        '10-active': string;
+        '10-hover': string;
+        content: string;
+        'content-active': string;
+        'content-hover': string;
+        stroke: string;
+        'stroke-active': string;
+        'stroke-hover': string;
+        body: string;
+        'body-active': string;
+        'body-hover': string;
+    };
+    info: {
+        glow: string;
+        base: string;
+        active: string;
+        hover: string;
+        '25': string;
+        '25-active': string;
+        '25-hover': string;
+        '10': string;
+        '10-active': string;
+        '10-hover': string;
+        content: string;
+        'content-active': string;
+        'content-hover': string;
+        stroke: string;
+        'stroke-active': string;
+        'stroke-hover': string;
+        body: string;
+        'body-active': string;
+        'body-hover': string;
+    };
+    warning: {
+        glow: string;
+        base: string;
+        active: string;
+        hover: string;
+        '25': string;
+        '25-active': string;
+        '25-hover': string;
+        '10': string;
+        '10-active': string;
+        '10-hover': string;
+        content: string;
+        'content-active': string;
+        'content-hover': string;
+        stroke: string;
+        'stroke-active': string;
+        'stroke-hover': string;
+        body: string;
+        'body-active': string;
+        'body-hover': string;
+    };
+    danger: {
+        glow: string;
+        base: string;
+        active: string;
+        hover: string;
+        '25': string;
+        '25-active': string;
+        '25-hover': string;
+        '10': string;
+        '10-active': string;
+        '10-hover': string;
+        content: string;
+        'content-active': string;
+        'content-hover': string;
+        stroke: string;
+        'stroke-active': string;
+        'stroke-hover': string;
+        body: string;
+        'body-active': string;
+        'body-hover': string;
+    };
+    tertiary: {
+        glow: string;
+        base: string;
+        active: string;
+        hover: string;
+        '25': string;
+        '25-active': string;
+        '25-hover': string;
+        '10': string;
+        '10-active': string;
+        '10-hover': string;
+        content: string;
+        'content-active': string;
+        'content-hover': string;
+        stroke: string;
+        'stroke-active': string;
+        'stroke-hover': string;
+        body: string;
+        'body-active': string;
+        'body-hover': string;
+    };
+};
+export declare const fontSize: {
+    '2xs': string;
+    '3xs': string;
+};
+export declare const fontFamily: {
+    sans: string[];
+};
+export declare const container: {
+    center: boolean;
+    screens: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+};
+export declare const theme: {
+    container: {
+        center: boolean;
+        screens: {
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+    };
+    extend: {
+        fontSize: {
+            '2xs': string;
+            '3xs': string;
+        };
+        fontFamily: {
+            sans: string[];
+        };
+        colors: {
+            'slate-500': string;
+            'white-bg': string;
+            'gray-bg': string;
+            'gray-light': string;
+            'gray-700': string;
+            'gray-email': string;
+            'gray-email-light': string;
+            'gray-active': string;
+            'slate-850': string;
+            'rose-850': string;
+            input: string;
+            block: string;
+            'black-700': string;
+            'black-800': string;
+            'blue-550': string;
+            'red-700': string;
+            'green-700': string;
+            'orange-700': string;
+            'black-opacyti': string;
+            background: {
+                backdrop: string;
+                DEFAULT: string;
+                second: string;
+                light: string;
+            };
+            primary: {
+                glow: string;
+                base: string;
+                active: string;
+                hover: string;
+                '25': string;
+                '25-active': string;
+                '25-hover': string;
+                '10': string;
+                '10-active': string;
+                '10-hover': string;
+                content: string;
+                'content-active': string;
+                'content-hover': string;
+                stroke: string;
+                'stroke-active': string;
+                'stroke-hover': string;
+                body: string;
+                'body-active': string;
+                'body-hover': string;
+            };
+            secondary: {
+                glow: string;
+                base: string;
+                active: string;
+                hover: string;
+                '25': string;
+                '25-active': string;
+                '25-hover': string;
+                '10': string;
+                '10-active': string;
+                '10-hover': string;
+                content: string;
+                'content-active': string;
+                'content-hover': string;
+                stroke: string;
+                'stroke-active': string;
+                'stroke-hover': string;
+                body: string;
+                'body-active': string;
+                'body-hover': string;
+            };
+            light: {
+                glow: string;
+                base: string;
+                active: string;
+                hover: string;
+                '25': string;
+                '25-active': string;
+                '25-hover': string;
+                '10': string;
+                '10-active': string;
+                '10-hover': string;
+                content: string;
+                'content-active': string;
+                'content-hover': string;
+                stroke: string;
+                'stroke-active': string;
+                'stroke-hover': string;
+                body: string;
+                'body-active': string;
+                'body-hover': string;
+            };
+            success: {
+                glow: string;
+                base: string;
+                active: string;
+                hover: string;
+                '25': string;
+                '25-active': string;
+                '25-hover': string;
+                '10': string;
+                '10-active': string;
+                '10-hover': string;
+                content: string;
+                'content-active': string;
+                'content-hover': string;
+                stroke: string;
+                'stroke-active': string;
+                'stroke-hover': string;
+                body: string;
+                'body-active': string;
+                'body-hover': string;
+            };
+            info: {
+                glow: string;
+                base: string;
+                active: string;
+                hover: string;
+                '25': string;
+                '25-active': string;
+                '25-hover': string;
+                '10': string;
+                '10-active': string;
+                '10-hover': string;
+                content: string;
+                'content-active': string;
+                'content-hover': string;
+                stroke: string;
+                'stroke-active': string;
+                'stroke-hover': string;
+                body: string;
+                'body-active': string;
+                'body-hover': string;
+            };
+            warning: {
+                glow: string;
+                base: string;
+                active: string;
+                hover: string;
+                '25': string;
+                '25-active': string;
+                '25-hover': string;
+                '10': string;
+                '10-active': string;
+                '10-hover': string;
+                content: string;
+                'content-active': string;
+                'content-hover': string;
+                stroke: string;
+                'stroke-active': string;
+                'stroke-hover': string;
+                body: string;
+                'body-active': string;
+                'body-hover': string;
+            };
+            danger: {
+                glow: string;
+                base: string;
+                active: string;
+                hover: string;
+                '25': string;
+                '25-active': string;
+                '25-hover': string;
+                '10': string;
+                '10-active': string;
+                '10-hover': string;
+                content: string;
+                'content-active': string;
+                'content-hover': string;
+                stroke: string;
+                'stroke-active': string;
+                'stroke-hover': string;
+                body: string;
+                'body-active': string;
+                'body-hover': string;
+            };
+            tertiary: {
+                glow: string;
+                base: string;
+                active: string;
+                hover: string;
+                '25': string;
+                '25-active': string;
+                '25-hover': string;
+                '10': string;
+                '10-active': string;
+                '10-hover': string;
+                content: string;
+                'content-active': string;
+                'content-hover': string;
+                stroke: string;
+                'stroke-active': string;
+                'stroke-hover': string;
+                body: string;
+                'body-active': string;
+                'body-hover': string;
+            };
+        };
+    };
+};

package/dist/tailwind.config.js

@@ -0,0 +1,257 @@
+const e = {
+  /////// DEPRECATED BEGIN:
+  "slate-500": "#5F6E79",
+  "white-bg": "#FFFFFF",
+  "gray-bg": "#FAFAFA",
+  "gray-light": "#979CA9",
+  "gray-700": "#525B66",
+  "gray-email": "#E2E7EF",
+  "gray-email-light": "rgba(226, 231, 239, 0.3)",
+  "gray-active": "#EAEFF8",
+  "slate-850": "#1D2632",
+  "rose-850": "#FF0440",
+  input: "#E2E7EF",
+  block: "#E3ECF2",
+  "black-700": "#333333",
+  "black-800": "#040404",
+  "blue-550": "#4089E0",
+  "red-700": "#FF0440",
+  "green-700": "#70BE33",
+  "orange-700": "#FFBA08",
+  "black-opacyti": "rgba(0, 0, 0, 0.2)",
+  background: {
+    backdrop: "rgba(0,0,0,0.1)",
+    DEFAULT: "#fafafa",
+    second: "#F6F8FF",
+    light: "#FBFDFF"
+  },
+  /////// DEPRECATED END.
+  primary: {
+    // Common:
+    glow: "#BCD6F4",
+    base: "#4089E0",
+    active: "#256DC3",
+    hover: "#5A9FF1",
+    25: "rgba(64,137,224,0.25)",
+    "25-active": "rgba(64,137,224,0.3)",
+    "25-hover": "rgba(64,137,224,0.3)",
+    10: "rgba(64,137,224,0.1)",
+    "10-active": "rgba(64,137,224,0.15)",
+    "10-hover": "rgba(64,137,224,0.15)",
+    // Text:
+    content: "#000000",
+    "content-active": "#000000",
+    "content-hover": "#000000",
+    // Separators/Borders:
+    stroke: "#E2E7EF",
+    "stroke-active": "#E2E7EF",
+    "stroke-hover": "#E2E7EF",
+    // Main background of pages/cards/paragraphs etc.
+    body: "#FFFFFF",
+    "body-active": "#EAEFF8",
+    "body-hover": "#EAEFF8"
+  },
+  secondary: {
+    // Common:
+    glow: "#8c97a6",
+    base: "#525B66",
+    active: "#444b54",
+    hover: "#444b54",
+    25: "rgba(82,91,102,0.25)",
+    "25-active": "rgba(82,91,102,0.3)",
+    "25-hover": "rgba(82,91,102,0.3)",
+    10: "rgba(82,91,102,0.1)",
+    "10-active": "rgba(82,91,102,0.15)",
+    "10-hover": "rgba(82,91,102,0.15)",
+    // Text:
+    content: "#979CA9",
+    "content-active": "#979CA9",
+    "content-hover": "#979CA9",
+    // Separators/Borders:
+    stroke: "#E3ECF2",
+    "stroke-active": "#E3ECF2",
+    "stroke-hover": "#E3ECF2",
+    // Main background of pages/cards/paragraphs etc.
+    body: "#F6F8FF",
+    "body-active": "#FAFAFA",
+    "body-hover": "#FAFAFA"
+  },
+  light: {
+    // Common:
+    glow: "#eae5e5",
+    base: "#ffffff",
+    active: "#ffffff",
+    hover: "#ffffff",
+    25: "#ffffff",
+    "25-active": "#ffffff",
+    "25-hover": "#ffffff",
+    10: "#ffffff",
+    "10-active": "#ffffff",
+    "10-hover": "#ffffff",
+    // Text:
+    content: "#a1a3a9",
+    "content-active": "#a1a3a9",
+    "content-hover": "#a1a3a9",
+    // Separators/Borders:
+    stroke: "#ebeff1",
+    "stroke-active": "#ebeff1",
+    "stroke-hover": "#ebeff1",
+    // Main background of pages/cards/paragraphs etc.
+    body: "#F5F5F5",
+    "body-active": "#FAFAFA",
+    "body-hover": "#FAFAFA"
+  },
+  success: {
+    // Common:
+    glow: "#b7f686",
+    base: "#70BE33",
+    active: "#62A52D",
+    hover: "#7BD237",
+    25: "rgba(112,190,51,0.25)",
+    "25-active": "rgba(112,190,51,0.3)",
+    "25-hover": "rgba(112,190,51,0.3)",
+    10: "rgba(112,190,51,0.1)",
+    "10-active": "rgba(112,190,51,0.15)",
+    "10-hover": "rgba(112,190,51,0.15)",
+    // Text:
+    content: "#5da920",
+    "content-active": "#5da920",
+    "content-hover": "#5da920",
+    // Separators/Borders:
+    stroke: "#81b955",
+    "stroke-active": "#81b955",
+    "stroke-hover": "#81b955",
+    // Main background of pages/cards/paragraphs etc.
+    body: "#99be7b",
+    "body-active": "#99be7b",
+    "body-hover": "#99be7b"
+  },
+  info: {
+    // Common:
+    glow: "#BCD6F4",
+    base: "#4089E0",
+    active: "#256DC3",
+    hover: "#5A9FF1",
+    25: "rgba(64,137,224,0.25)",
+    "25-active": "rgba(64,137,224,0.3)",
+    "25-hover": "rgba(64,137,224,0.3)",
+    10: "rgba(64,137,224,0.1)",
+    "10-active": "rgba(64,137,224,0.15)",
+    "10-hover": "rgba(64,137,224,0.15)",
+    // Text:
+    content: "#2167bb",
+    "content-active": "#2167bb",
+    "content-hover": "#2167bb",
+    // Separators/Borders:
+    stroke: "#689ddc",
+    "stroke-active": "#689ddc",
+    "stroke-hover": "#689ddc",
+    // Main background of pages/cards/paragraphs etc.
+    body: "#8dafd7",
+    "body-active": "#8dafd7",
+    "body-hover": "#8dafd7"
+  },
+  warning: {
+    // Common:
+    glow: "#f8e9c2",
+    base: "#FFBA08",
+    active: "#e5a502",
+    hover: "#ffc11e",
+    25: "rgba(255,186,8,0.25)",
+    "25-active": "rgba(255,186,8,0.3)",
+    "25-hover": "rgba(255,186,8,0.3)",
+    10: "rgba(255,186,8,0.1)",
+    "10-active": "rgba(255,186,8,0.15)",
+    "10-hover": "rgba(255,186,8,0.15)",
+    // Text:
+    content: "#b78400",
+    "content-active": "#b78400",
+    "content-hover": "#b78400",
+    // Separators/Borders:
+    stroke: "#f8c644",
+    "stroke-active": "#f8c644",
+    "stroke-hover": "#f8c644",
+    // Main background of pages/cards/paragraphs etc.
+    body: "#f8d988",
+    "body-active": "#f8d988",
+    "body-hover": "#f8d988"
+  },
+  danger: {
+    // Common:
+    glow: "#fa9fb5",
+    base: "#FF0440",
+    active: "#DF073B",
+    hover: "#FF3E6C",
+    25: "rgba(255,4,64,0.25)",
+    "25-active": "rgba(255,4,64,0.3)",
+    "25-hover": "rgba(255,4,64,0.3)",
+    10: "rgba(255,4,64,0.1)",
+    "10-active": "rgba(255,4,64,0.15)",
+    "10-hover": "rgba(255,4,64,0.15)",
+    // Text:
+    content: "#b7002d",
+    "content-active": "#b7002d",
+    "content-hover": "#b7002d",
+    // Separators/Borders:
+    stroke: "#ff4e78",
+    "stroke-active": "#ff4e78",
+    "stroke-hover": "#ff4e78",
+    // Main background of pages/cards/paragraphs etc.
+    body: "#ff90aa",
+    "body-active": "#ff90aa",
+    "body-hover": "#ff90aa"
+  },
+  tertiary: {
+    // Common:
+    glow: "#E7EFFC",
+    base: "#E7EFFC",
+    active: "#E7EFFC",
+    hover: "#E7EFFC",
+    25: "rgba(231,239,252,0.25)",
+    "25-active": "rgba(231,239,252,0.3)",
+    "25-hover": "rgba(231,239,252,0.3)",
+    10: "rgba(231,239,252,0.1)",
+    "10-active": "rgba(231,239,252,0.15)",
+    "10-hover": "rgba(231,239,252,0.15)",
+    // Text:
+    content: "#E7EFFC",
+    "content-active": "#E7EFFC",
+    "content-hover": "#E7EFFC",
+    // Separators/Borders:
+    stroke: "#E7EFFC",
+    "stroke-active": "#E7EFFC",
+    "stroke-hover": "#E7EFFC",
+    // Main background of pages/cards/paragraphs etc.
+    body: "#E7EFFC",
+    "body-active": "#E7EFFC",
+    "body-hover": "#E7EFFC"
+  }
+}, a = {
+  "2xs": "10px",
+  "3xs": "8px"
+}, o = {
+  sans: ['"Montserrat"', "system-ui", "sans-serif"]
+}, t = {
+  center: !0,
+  screens: {
+    sm: "100%",
+    md: "100%",
+    lg: "920px",
+    xl: "920px",
+    "2xl": "920px"
+  }
+}, r = {
+  container: t,
+  extend: {
+    fontSize: a,
+    fontFamily: o,
+    colors: e
+  }
+};
+export {
+  e as colors,
+  t as container,
+  o as fontFamily,
+  a as fontSize,
+  r as theme
+};