@zealsolutions/zeal-ui 1.0.0-alpha.100

package/dist/config/tailwind/index.js

@@ -0,0 +1,354 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+    content: [
+        './node_modules/@zealsolutions/zeal-ui/**/*.js',
+        './src/**/*.{vue,js,ts,jsx,tsx}',
+    ],
+    theme: {
+        fontFamily: {
+            sans: ['Montserrat', 'sans-serif'],
+            serif: ['Unna', 'serif'],
+        },
+        colors: {
+            black: {
+                100: '#e5e7e8',
+                150: '#b4b8bb',
+                200: '#515b61',
+                300: '#d8dadc',
+                400: '#999ea1',
+                500: '#38434a',
+                600: '#c8ced0',
+                700: '#697277',
+                800: '#7f868a',
+                900: '#17242c',
+                950: '#07151e',
+            },
+            steel: {
+                100: '#f1f2f3',
+                150: '#ebedee',
+                200: '#e4e6e8',
+                300: '#d6dadd',
+                400: '#c8cdd1',
+                500: '#bac1c6',
+                600: '#adb5bb',
+                700: '#9fa8af',
+                800: '#919ca4',
+                900: '#838f98',
+                950: '#76838d',
+            },
+            error: {
+                100: '#faeae9',
+                150: '#f8e1de',
+                200: '#f5d6d3',
+                300: '#f1c2bd',
+                400: '#ecaea7',
+                500: '#e79991',
+                600: '#e2857c',
+                700: '#dd7165',
+                800: '#d95d50',
+                900: '#d44839',
+                950: '#cf3424',
+            },
+            success: {
+                100: '#edf4ea',
+                150: '#c8dec2',
+                200: '#80b371',
+                300: '#e4efe1',
+                400: '#b7d4ae',
+                500: '#6ea95d',
+                600: '#dbe9d7',
+                700: '#92be86',
+                800: '#a4c99a',
+                900: '#5c9e49',
+                950: '#4a9335',
+            },
+            proclus: {
+                100: '#eaf0f0',
+                150: '#e0e9e8',
+                200: '#d6e2e1',
+                300: '#c1d3d1',
+                400: '#adc5c3',
+                500: '#98b6b3',
+                600: '#84a7a4',
+                700: '#6f9995',
+                800: '#5b8a86',
+                900: '#467b77',
+                950: '#326d68',
+            },
+            proclusyellow: {
+                100: '#f9fbec',
+                150: '#eef2c5',
+                200: '#d8e279',
+                300: '#f7f9e3',
+                400: '#e9eeb3',
+                500: '#d2dd66',
+                600: '#f4f7d9',
+                700: '#dde68c',
+                800: '#e3ea9f',
+                900: '#ccd953',
+                950: '#c7d540',
+            },
+            naru: {
+                100: '#e5f5ef',
+                150: '#d9f1e8',
+                200: '#ccece0',
+                300: '#b2e2d0',
+                400: '#99d9c1',
+                500: '#7fcfb1',
+                600: '#66c6a2',
+                700: '#4cbc92',
+                800: '#33b383',
+                900: '#19a973',
+                950: '#00A064',
+            },
+            narudiary: {
+                100: '#eaf2f1',
+                150: '#e0ecea',
+                200: '#d6e6e3',
+                300: '#c0d9d5',
+                400: '#accdc7',
+                500: '#97c0b9',
+                600: '#83b4ab',
+                700: '#6ea79d',
+                800: '#599b8f',
+                900: '#448e81',
+                950: '#308273',
+            },
+            narudash: {
+                100: '#e7f4f3',
+                150: '#dcefee',
+                200: '#d0eae8',
+                300: '#b8dfdc',
+                400: '#a1d5d1',
+                500: '#89cac5',
+                600: '#72c0ba',
+                700: '#5ab5ae',
+                800: '#43aba3',
+                900: '#2ba097',
+                950: '#14968c',
+            },
+            reflib: {
+                100: '#f1f6fa',
+                150: '#eaf2f7',
+                200: '#e3edf4',
+                300: '#d4e4ef',
+                400: '#c7dbea',
+                500: '#b8d2e4',
+                600: '#aac9df',
+                700: '#9cc0da',
+                800: '#8eb7d5',
+                900: '#80aecf',
+                950: '#72A5CA',
+            },
+            nacc: {
+                100: '#efe5e9',
+                150: '#e8d9df',
+                200: '#e0ccd4',
+                300: '#d0b2be',
+                400: '#c199a9',
+                500: '#b17f93',
+                600: '#a2667e',
+                700: '#924c68',
+                800: '#833353',
+                900: '#73193d',
+                950: '#640028',
+            },
+            sop: {
+                100: '#faf7eb',
+                150: '#f8f3e2',
+                200: '#f6eed8',
+                300: '#f1e6c4',
+                400: '#eddeb1',
+                500: '#e8d59d',
+                600: '#e3cd8a',
+                700: '#dfc576',
+                800: '#dabd63',
+                900: '#d6b44f',
+                950: '#D1AC3C',
+            },
+            eds: {
+                100: '#f0f3f5',
+                150: '#e9edf0',
+                200: '#e2e7eb',
+                300: '#d3dbe1',
+                400: '#c5cfd7',
+                500: '#b6c3cd',
+                600: '#a8b7c3',
+                700: '#99abb9',
+                800: '#8b9faf',
+                900: '#7c93a5',
+                950: '#6e879b',
+            },
+            safety: {
+                100: '#f3f5ea',
+                150: '#edf1e0',
+                200: '#e7ecd6',
+                300: '#dae3c0',
+                400: '#ced9ac',
+                500: '#c2d097',
+                600: '#b6c783',
+                700: '#a9bd6e',
+                800: '#9db459',
+                900: '#91aa44',
+                950: '#85A130',
+            },
+            change: {
+                100: '#f2e8ed',
+                150: '#ecdde5',
+                200: '#e5d1dc',
+                300: '#d8baca',
+                400: '#cca4b9',
+                500: '#bf8da8',
+                600: '#b27697',
+                700: '#a55f85',
+                800: '#994974',
+                900: '#8c3162',
+                950: '#7F1B51',
+            },
+            training: {
+                100: '#edf0f6',
+                150: '#e5e9f2',
+                200: '#dce1ee',
+                300: '#cad2e5',
+                400: '#b9c3dd',
+                500: '#a7b4d4',
+                600: '#96a5cc',
+                700: '#8496c3',
+                800: '#7387bb',
+                900: '#6178b2',
+                950: '#5069aa',
+            },
+            lid: {
+                100: '#faf0e5',
+                150: '#f8e9d9',
+                200: '#f5e2cc',
+                300: '#f0d3b2',
+                400: '#ebc599',
+                500: '#e6b67f',
+                600: '#e2a866',
+                700: '#dd994c',
+                800: '#d88b33',
+                900: '#d37c19',
+                950: '#CE6E00',
+            },
+            asset: {
+                100: '#f0ecf6',
+                150: '#e9e3f2',
+                200: '#e2daed',
+                300: '#d3c7e4',
+                400: '#c5b5db',
+                500: '#b6a2d2',
+                600: '#a88fc9',
+                700: '#997cc0',
+                800: '#8b6ab7',
+                900: '#7c57ae',
+                950: '#6e45a5',
+            },
+            telephone: {
+                100: '#e7f1f4',
+                150: '#dcebef',
+                200: '#d0e4ea',
+                300: '#b7d6df',
+                400: '#a0c9d5',
+                500: '#88bbca',
+                600: '#71aebf',
+                700: '#59a0b5',
+                800: '#4193aa',
+                900: '#29859f',
+                950: '#127895',
+            },
+            actioncards: {
+                100: '#fce5e9',
+                150: '#fbd9df',
+                200: '#faccd4',
+                300: '#f7b2be',
+                400: '#f599a9',
+                500: '#f27f93',
+                600: '#f0667e',
+                700: '#ed4c68',
+                800: '#eb3353',
+                900: '#e8193d',
+                950: '#e60028',
+            },
+            surveys: {
+                100: '#eff3f3',
+                150: '#e8eeee',
+                200: '#e0e8e8',
+                300: '#d0dcdc',
+                400: '#c1d1d1',
+                500: '#b1c5c5',
+                600: '#a2baba',
+                700: '#92aeae',
+                800: '#83a3a3',
+                900: '#739797',
+                950: '#648c8c',
+            },
+            welfare: {
+                100: '#f8e9f2',
+                150: '#f5deec',
+                200: '#f2d3e6',
+                300: '#ebbdd9',
+                400: '#e5a7cd',
+                500: '#de91c0',
+                600: '#d87cb4',
+                700: '#d165a7',
+                800: '#cb509b',
+                900: '#c4398e',
+                950: '#be2482',
+            },
+            ambdash: {
+                100: '#ecf8fd',
+                150: '#e3f5fc',
+                200: '#d9f2fb',
+                300: '#c5ebf9',
+                400: '#b3e4f7',
+                500: '#9fddf4',
+                600: '#8cd7f2',
+                700: '#79d0f0',
+                800: '#66c9ee',
+                900: '#53c3ec',
+                950: '#40bcea',
+            },
+            corridor: {
+                100: '#fbf4f2',
+                150: '#faeeec',
+                200: '#f8e9e5',
+                300: '#f4ddd8',
+                400: '#f1d2cb',
+                500: '#edc7be',
+                600: '#e9bcb2',
+                700: '#e6b0a4',
+                800: '#e2a598',
+                900: '#df9a8b',
+                950: '#db8f7e',
+            },
+            incident: {
+                100: '#f7e9e9',
+                150: '#f3dfdf',
+                200: '#efd4d4',
+                300: '#e7bfbf',
+                400: '#e0aaaa',
+                500: '#d89494',
+                600: '#d07f7f',
+                700: '#c86969',
+                800: '#c15555',
+                900: '#b93f3f',
+                950: '#b12a2a',
+            },
+            white: '#ffffff',
+            transparent: 'transparent',
+            'bg-inherit': 'inherit',
+            'bg-current': 'currentColor',
+        },
+        extend: {
+            boxShadow: {
+                'zeal-md': '0px 2px 4px 0px rgba(0, 0, 0, 0.12), 0px 2px 10px 0px rgba(0, 0, 0, 0.12)',
+            },
+        },
+    },
+    plugins: [
+        require('@tailwindcss/forms'),
+        require('tailwindcss-convert-px-to-rem'),
+    ],
+}
+

package/dist/css/base.css

@@ -0,0 +1,185 @@
+html,
+body,
+body>div:first-child {
+    height: 100%;
+}
+
+/* cyrillic-ext */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: italic;
+    font-weight: 200 800;
+    font-display: swap;
+    src: url(../fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: italic;
+    font-weight: 200 800;
+    font-display: swap;
+    src: url(../fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: italic;
+    font-weight: 200 800;
+    font-display: swap;
+    src: url(../fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: italic;
+    font-weight: 200 800;
+    font-display: swap;
+    src: url(../fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: italic;
+    font-weight: 200 800;
+    font-display: swap;
+    src: url(../fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 200 800;
+    font-display: swap;
+    src: url(../fonts/montserrat/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 200 800;
+    font-display: swap;
+    src: url(../fonts/montserrat/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 200 800;
+    font-display: swap;
+    src: url(../fonts/montserrat/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 200 800;
+    font-display: swap;
+    src: url(../fonts/montserrat/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 200 800;
+    font-display: swap;
+    src: url(../fonts/montserrat/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+    font-family: 'Unna';
+    font-style: italic;
+    font-weight: 400;
+    font-display: swap;
+    src: url(../fonts/unna/AYCKpXzofN0NOpo7mUnGeFM.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+    font-family: 'Unna';
+    font-style: italic;
+    font-weight: 400;
+    font-display: swap;
+    src: url(../fonts/unna/AYCKpXzofN0NOpo7l0nG.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+    font-family: 'Unna';
+    font-style: italic;
+    font-weight: 700;
+    font-display: swap;
+    src: url(../fonts/unna/AYCJpXzofN0NOpozLGzTSXJv_vc.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+    font-family: 'Unna';
+    font-style: italic;
+    font-weight: 700;
+    font-display: swap;
+    src: url(../fonts/unna/AYCJpXzofN0NOpozLGzTR3Jv.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+    font-family: 'Unna';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(../fonts/unna/AYCEpXzofN0NOpELlVHC.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+    font-family: 'Unna';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(../fonts/unna/AYCEpXzofN0NOp8LlQ.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+    font-family: 'Unna';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(../fonts/unna/AYCLpXzofN0NMiQugGDjRWpr.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+    font-family: 'Unna';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(../fonts/unna/AYCLpXzofN0NMiQugG7jRQ.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

package/dist/css/typography.css

@@ -0,0 +1,43 @@
+.text-style-main-header {
+    @apply font-sans font-semibold text-2xl xl:text-3xl
+}
+
+.text-style-sub-header {
+    @apply font-sans font-semibold text-lg xl:text-xl
+}
+
+.text-style-sub-header-small {
+    @apply font-sans font-semibold text-base xl:text-lg
+}
+
+.text-style-input {
+    @apply font-sans font-medium text-base
+}
+
+.text-style-tooltip {
+    @apply font-sans font-medium text-xs leading-[14px]
+}
+
+.text-style-label {
+    @apply font-sans font-medium text-sm
+}
+
+.text-style-label-uppercase {
+    @apply font-sans font-semibold text-sm uppercase
+}
+
+.text-style-label-small {
+    @apply font-sans font-semibold text-xs
+}
+
+.text-style-base-body {
+    @apply font-sans font-normal text-base
+}
+
+.text-style-feature {
+    @apply font-sans font-bold text-xl
+}
+
+.text-style-quote {
+    @apply font-sans font-semibold text-xl italic
+}