@speckle/tailwind-theme 2.12.666

package/.eslintrc.cjs

@@ -0,0 +1,54 @@
+const mainExtends = ['eslint:recommended', 'prettier']
+
+/** @type {import("eslint").Linter.Config} */
+const config = {
+  env: {
+    node: true
+  },
+  extends: [...mainExtends],
+  parserOptions: {
+    ecmaVersion: 2022,
+    sourceType: 'module'
+  },
+  overrides: [
+    {
+      files: '*.ts',
+      extends: ['plugin:@typescript-eslint/recommended', ...mainExtends],
+      rules: {
+        '@typescript-eslint/no-explicit-any': ['error'],
+        '@typescript-eslint/no-unsafe-argument': ['error'],
+        '@typescript-eslint/no-unsafe-assignment': 'error',
+        '@typescript-eslint/no-unsafe-call': 'error',
+        '@typescript-eslint/no-unsafe-member-access': 'error',
+        '@typescript-eslint/no-unsafe-return': 'error',
+        '@typescript-eslint/no-for-in-array': ['error'],
+        '@typescript-eslint/restrict-template-expressions': ['error'],
+        '@typescript-eslint/restrict-plus-operands': ['error'],
+        '@typescript-eslint/await-thenable': ['warn'],
+        '@typescript-eslint/ban-types': ['warn'],
+        'require-await': 'off',
+        '@typescript-eslint/require-await': 'error',
+        'no-undef': 'off'
+      },
+      parserOptions: {
+        ecmaVersion: 2022,
+        sourceType: 'module',
+        parser: '@typescript-eslint/parser',
+        tsconfigRootDir: __dirname,
+        project: ['./tsconfig.json']
+      },
+      plugins: ['@typescript-eslint']
+    },
+    {
+      files: '*.d.ts',
+      rules: {
+        'no-var': 'off',
+        '@typescript-eslint/no-explicit-any': 'off',
+        '@typescript-eslint/ban-types': 'off',
+        'no-unused-vars': 'off'
+      }
+    }
+  ]
+}
+
+module.exports = config

package/README.md

@@ -0,0 +1,21 @@
+# tailwind-theme
+
+Tailwind theme used in frontend 2 and other apps.
+
+## Setup
+
+1. Install the package
+1. In your tailwind config import `@speckle/tailwind-theme` and `@tailwindcss/forms` and add them to your `plugins` array
+1. Import `tailwindContentEntry` from `@speckle/tailwind-theme/tailwind-configure` and invoke it in the `contents` field in your Tailwind config to ensure PurgeCSS is configured correctly. It requires the CJS `require` object as its only parameter. If it isn't available (in an ESM environment), you can use node's `createRequire()`.
+
+## Development
+
+1. Link this repo to wherever you're using this package. Unnecessary if you're using this package somewhere inside this monorepo.
+1. Run `yarn build` to re-build
+
+## Viewer
+
+Run `yarn viewer` to open the Tailwind Config Viewer in the browser.
+
+**Note 1:** The project must be built first for this to work!
+**Note 2:** All of the custom colors that rely on CSS variables will only show the light mode version irregardless of the "Dark Mode" toggle. This is because of a limitation of Tailwind Config Viewer.

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import plugin, { darkThemeVariables, lightThemeVariables } from './plugin.js';
+export default plugin;
+export { darkThemeVariables, lightThemeVariables };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAE7E,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/index.js

@@ -0,0 +1,4 @@
+import plugin, { darkThemeVariables, lightThemeVariables } from './plugin.js';
+export default plugin;
+export { darkThemeVariables, lightThemeVariables };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAE7E,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@speckle/tailwind-theme",
+  "description": "Speckle tailwind theme used in frontend 2 and other apps",
+  "version": "0.0.1",
+  "type": "module",
+  "scripts": {
+    "build": "rimraf ./dist ./dist-cjs && tsc -p . && tsc -p ./tsconfig.cjs.json && tsconfig-to-dual-package",
+    "viewer": "tailwind-config-viewer -o -c tailwind.test.config.cjs",
+    "lint:js": "eslint --ext \".js,.ts,.vue\" .",
+    "lint:tsc": "tsc --noEmit",
+    "lint:prettier": "prettier --config ../../.prettierrc --ignore-path ../../.prettierignore --check .",
+    "lint": "yarn lint:js && yarn lint:tsc && yarn lint:prettier"
+  },
+  "engines": {
+    "node": "^18.0.0"
+  },
+  "peerDependencies": {
+    "postcss": "^8.4.18",
+    "postcss-nesting": "^10.2.0",
+    "tailwindcss": "^3.3.2"
+  },
+  "dependencies": {
+    "@tailwindcss/forms": "^0.5.3"
+  },
+  "devDependencies": {
+    "@types/eslint": "^8.4.5",
+    "@typescript-eslint/eslint-plugin": "^5.38.1",
+    "@typescript-eslint/parser": "^5.38.1",
+    "eslint": "^8.24.0",
+    "eslint-config-prettier": "^8.5.0",
+    "prettier": "^2.7.1",
+    "rimraf": "^5.0.0",
+    "tailwind-config-viewer": "^1.7.2",
+    "tailwindcss": "^3.3.2",
+    "tsconfig-to-dual-package": "^1.2.0",
+    "typescript": "^5.0.4"
+  }
+}

package/dist/plugin.d.ts

@@ -0,0 +1,72 @@
+export declare const lightThemeVariables: {
+    '--foundation-page': string;
+    '--foundation': string;
+    '--foundation-2': string;
+    '--foundation-3': string;
+    '--foundation-4': string;
+    '--foundation-5': string;
+    '--foundation-focus': string;
+    '--foundation-disabled': string;
+    '--foreground': string;
+    '--foreground-2': string;
+    '--foreground-disabled': string;
+    '--foreground-primary': string;
+    '--foreground-on-primary': string;
+    '--primary': string;
+    '--primary-focus': string;
+    '--primary-muted': string;
+    '--outline-1': string;
+    '--outline-2': string;
+    '--outline-3': string;
+    '--success': string;
+    '--success-lighter': string;
+    '--success-darker': string;
+    '--warning': string;
+    '--warning-lighter': string;
+    '--warning-darker': string;
+    '--info': string;
+    '--info-lighter': string;
+    '--info-darker': string;
+    '--danger': string;
+    '--danger-lighter': string;
+    '--danger-darker': string;
+};
+export declare const darkThemeVariables: {
+    '--foundation-page': string;
+    '--foundation': string;
+    '--foundation-2': string;
+    '--foundation-3': string;
+    '--foundation-4': string;
+    '--foundation-5': string;
+    '--foundation-focus': string;
+    '--foundation-disabled': string;
+    '--foreground': string;
+    '--foreground-2': string;
+    '--foreground-disabled': string;
+    '--foreground-primary': string;
+    '--foreground-on-primary': string;
+    '--primary': string;
+    '--primary-focus': string;
+    '--primary-muted': string;
+    '--outline-1': string;
+    '--outline-2': string;
+    '--outline-3': string;
+    '--success': string;
+    '--success-lighter': string;
+    '--success-darker': string;
+    '--warning': string;
+    '--warning-lighter': string;
+    '--warning-darker': string;
+    '--info': string;
+    '--info-lighter': string;
+    '--info-darker': string;
+    '--danger': string;
+    '--danger-lighter': string;
+    '--danger-darker': string;
+};
+declare const _default: {
+    handler: import("tailwindcss/types/config.js").PluginCreator;
+    config?: Partial<import("tailwindcss").Config> | undefined;
+};
+export default _default;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwD/B,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwD9B,CAAA;;;;;AAED,wBA0GU"}

package/dist/plugin.js

@@ -0,0 +1,209 @@
+import plugin from 'tailwindcss/plugin.js';
+import preset from './preset.js';
+export const lightThemeVariables = {
+    /* used only as the page background */
+    '--foundation-page': '#f1f5f9',
+    /* used as the background for any elements that sit on the page */
+    '--foundation': '#fcfcfc',
+    '--foundation-2': '#fcfcfc',
+    '--foundation-3': '#fcfcfc',
+    '--foundation-4': '#fcfcfc',
+    '--foundation-5': '#fcfcfc',
+    /* for hover/focus states */
+    '--foundation-focus': '#dbeafe',
+    /* for disabled backgrounds */
+    '--foundation-disabled': '#e5e5e5',
+    /* default foreground color */
+    '--foreground': '#334155',
+    /* dimmer foreground color, e.g. caption text */
+    '--foreground-2': '#94a3b8',
+    /* disabled foreground color */
+    '--foreground-disabled': '#a3a3a3',
+    /* primary color when used for text directly on top of foundation-page */
+    '--foreground-primary': '#3b82f6',
+    /* foreground color when put on top of a primary colored background */
+    '--foreground-on-primary': '#fff',
+    /* primary color */
+    '--primary': '#3b82f6',
+    /* focused primary color */
+    '--primary-focus': '#2563eb',
+    /* muted primary color */
+    '--primary-muted': '#3b82f60d',
+    /* outline variations */
+    '--outline-1': '#3b82f6',
+    '--outline-2': '#93c5fd',
+    '--outline-3': '#cbd5e1',
+    /* success variations */
+    '--success': '#34d399',
+    '--success-lighter': '#d1fae5',
+    '--success-darker': '#064e3b',
+    /* warning variations */
+    '--warning': '#fbbf24',
+    '--warning-lighter': '#fef3c7',
+    '--warning-darker': '#78350f',
+    /* info variations */
+    '--info': '#38bdf8',
+    '--info-lighter': '#e0f2fe',
+    '--info-darker': '#0c4a6e',
+    /* danger variations */
+    '--danger': '#f87171',
+    '--danger-lighter': '#fee2e2',
+    '--danger-darker': '#7f1d1d'
+};
+export const darkThemeVariables = {
+    /* used only as the page background */
+    '--foundation-page': '#18181b',
+    /* used as the background for any elements that sit on the page */
+    '--foundation': '#27272a',
+    '--foundation-2': '#303034',
+    '--foundation-3': '#52525b',
+    '--foundation-4': '#71717a',
+    '--foundation-5': '#a1a1aa',
+    /* for hover/focus states */
+    '--foundation-focus': '#52525b',
+    /* for disabled backgrounds */
+    '--foundation-disabled': '#3c3c3d',
+    /* default foreground color */
+    '--foreground': '#f4f4f5',
+    /* dimmer foreground color, e.g. caption text */
+    '--foreground-2': '#71717a',
+    /* disabled foreground color */
+    '--foreground-disabled': '#5a5a5f',
+    /* primary color when used for text directly on top of foundation-page */
+    '--foreground-primary': '#bfdbfe',
+    /* foreground color when put on top of a primary colored background */
+    '--foreground-on-primary': '#fafafa',
+    /* primary color */
+    '--primary': '#3b82f6',
+    /* focused primary color */
+    '--primary-focus': '#60a5fa',
+    /* muted primary color */
+    '--primary-muted': '#71717a0d',
+    /* outline variations */
+    '--outline-1': '#a1a1aa',
+    '--outline-2': '#52525b',
+    '--outline-3': '#3f3f46',
+    /* success variations */
+    '--success': '#34d399',
+    '--success-lighter': '#a7f3d0',
+    '--success-darker': '#064e3b',
+    /* warning variations */
+    '--warning': '#facc15',
+    '--warning-lighter': '#fef08a',
+    '--warning-darker': '#78350f',
+    /* info variations */
+    '--info': '#38bdf8',
+    '--info-lighter': '#bae6fd',
+    '--info-darker': '#0c4a6e',
+    /* danger variations */
+    '--danger': '#f87171',
+    '--danger-lighter': '#fecaca',
+    '--danger-darker': '#7f1d1d'
+};
+export default plugin(function ({ addComponents, addBase }) {
+    addBase({
+        "[type='checkbox']:focus, [type='radio']:focus": {
+            '@apply ring-offset-foundation': {}
+        },
+        body: {
+            '@apply font-sans': {}
+        },
+        html: {
+            '--simple-scrollbar-width': '4px',
+            ...lightThemeVariables,
+            '&.dark': {
+                ...darkThemeVariables
+            }
+        },
+        // weird hack cause for some reason tailwind sometimes omits this if I use `.dark` selector instead (tailwind bug?)
+        [`html[class*="dark"]`]: {
+            ...darkThemeVariables
+        }
+    });
+    addComponents({
+        // Font sizes
+        '.h1': {
+            '@apply text-5xl leading-10': {}
+        },
+        '.h2': {
+            '@apply text-4xl leading-10': {}
+        },
+        '.h3': {
+            '@apply text-3xl leading-9': {}
+        },
+        '.h4': {
+            '@apply text-2xl leading-8': {}
+        },
+        '.h5': {
+            '@apply text-xl leading-7': {}
+        },
+        '.h6': {
+            '@apply text-lg leading-6': {}
+        },
+        '.label': {
+            '@apply text-sm font-medium leading-5': {}
+        },
+        '.label--light': {
+            '@apply font-normal': {}
+        },
+        '.label-light': {
+            '@apply label label--light': {}
+        },
+        '.normal': {
+            '@apply text-base font-normal': {}
+        },
+        '.caption': {
+            '@apply text-xs': {}
+        },
+        '.text-tiny': {
+            'font-size': '0.6rem',
+            'line-height': '1rem'
+        },
+        // Grid/layout container that limits max width to expected sizes that we use in our designs
+        '.layout-container': {
+            '@apply mx-auto': {},
+            /* base/mobile - fluid, no max width, just padding */
+            '@apply px-4': {},
+            /* sm+ - also fluid, increased padding */
+            "@media (min-width: theme('screens.sm'))": {
+                '@apply px-8': {}
+            },
+            /* lg+ (from this point on, no padding just limited max width) */
+            "@media (min-width: theme('screens.lg'))": {
+                '@apply px-6 max-w-full': {}
+            },
+            /* xl+ */
+            "@media (min-width: theme('screens.xl'))": {
+                '@apply max-w-[1216px]': {}
+            },
+            /* 2xl+ */
+            "@media (min-width: theme('screens.2xl'))": {
+                '@apply max-w-[1312px]': {}
+            }
+        },
+        // Simple scrollbar (OSX-like) to use instead of the ugly browser one
+        '.simple-scrollbar': {
+            'scrollbar-width': 'var(--simple-scrollbar-width)',
+            'scrollbar-color': 'var(--foreground-2)',
+            '&::-webkit-scrollbar': {
+                width: 'var(--simple-scrollbar-width)',
+                height: '6px'
+            },
+            '&::-webkit-scrollbar-track': {
+                'border-radius': '15px',
+                background: 'var(--foundation-disabled)'
+            },
+            '&::-webkit-scrollbar-thumb': {
+                'border-radius': '15px',
+                background: 'var(--foreground-2)'
+            },
+            '&::-webkit-scrollbar-thumb:hover': {
+                background: 'var(--foreground-2)'
+            },
+            '&::-webkit-scrollbar-thumb:active': {
+                background: 'rgba(90 90 90 10100%)'
+            }
+        }
+    });
+}, preset);
+//# sourceMappingURL=plugin.js.map

package/dist/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"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"}

package/dist/preset.d.ts

@@ -0,0 +1,4 @@
+import type { Config } from 'tailwindcss';
+declare const config: Config;
+export default config;
+//# sourceMappingURL=preset.d.ts.map

package/dist/preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGzC,QAAA,MAAM,MAAM,EAAE,MA0Eb,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/preset.js

@@ -0,0 +1,78 @@
+import FormsPlugin from '@tailwindcss/forms';
+const config = {
+    darkMode: 'class',
+    content: [
+        `./components/**/*.{vue,js,ts}`,
+        `./layouts/**/*.vue`,
+        `./pages/**/*.vue`,
+        `./composables/**/*.{js,ts}`,
+        `./plugins/**/*.{js,ts}`,
+        './stories/**/*.{js,ts,vue,mdx}',
+        './app.vue',
+        './.storybook/**/*.{js,ts,vue}',
+        './lib/**/composables/*.{js,ts}'
+        // `./lib/**/*.{js,ts,vue}`, // TODO: Wait for fix https://github.com/nuxt/framework/issues/2886#issuecomment-1108312903
+    ],
+    theme: {
+        fontFamily: {
+            sans: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
+        },
+        extend: {
+            colors: {
+                foundation: {
+                    page: 'var(--foundation-page)',
+                    DEFAULT: 'var(--foundation)',
+                    2: 'var(--foundation-2)',
+                    3: 'var(--foundation-3)',
+                    4: 'var(--foundation-4)',
+                    5: 'var(--foundation-5)',
+                    focus: 'var(--foundation-focus)',
+                    disabled: 'var(--foundation-disabled)'
+                },
+                foreground: {
+                    DEFAULT: 'var(--foreground)',
+                    2: 'var(--foreground-2)',
+                    disabled: 'var(--foreground-disabled)',
+                    'on-primary': 'var(--foreground-on-primary)',
+                    primary: 'var(--foreground-primary)'
+                },
+                primary: {
+                    DEFAULT: 'var(--primary)',
+                    focus: 'var(--primary-focus)',
+                    muted: 'var(--primary-muted)'
+                },
+                outline: {
+                    1: 'var(--outline-1)',
+                    2: 'var(--outline-2)',
+                    3: 'var(--outline-3)'
+                },
+                success: {
+                    DEFAULT: 'var(--success)',
+                    lighter: 'var(--success-lighter)',
+                    darker: 'var(--success-darker)'
+                },
+                warning: {
+                    DEFAULT: 'var(--warning)',
+                    lighter: 'var(--warning-lighter)',
+                    darker: 'var(--warning-darker)'
+                },
+                info: {
+                    DEFAULT: 'var(--info)',
+                    lighter: 'var(--info-lighter)',
+                    darker: 'var(--info-darker)'
+                },
+                danger: {
+                    DEFAULT: 'var(--danger)',
+                    lighter: 'var(--danger-lighter)',
+                    darker: 'var(--danger-darker)'
+                }
+            },
+            borderRadius: {
+                '4xl': '2rem'
+            }
+        }
+    },
+    plugins: [FormsPlugin]
+};
+export default config;
+//# sourceMappingURL=preset.js.map

package/dist/preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.js","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,oBAAoB,CAAA;AAE5C,MAAM,MAAM,GAAW;IACrB,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE;QACP,+BAA+B;QAC/B,oBAAoB;QACpB,kBAAkB;QAClB,4BAA4B;QAC5B,wBAAwB;QACxB,gCAAgC;QAChC,WAAW;QACX,+BAA+B;QAC/B,gCAAgC;QAChC,wHAAwH;KACzH;IACD,KAAK,EAAE;QACL,UAAU,EAAE;YACV,IAAI,EAAE,+IAA+I;SACtJ;QACD,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,UAAU,EAAE;oBACV,IAAI,EAAE,wBAAwB;oBAC9B,OAAO,EAAE,mBAAmB;oBAC5B,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,KAAK,EAAE,yBAAyB;oBAChC,QAAQ,EAAE,4BAA4B;iBACvC;gBACD,UAAU,EAAE;oBACV,OAAO,EAAE,mBAAmB;oBAC5B,CAAC,EAAE,qBAAqB;oBACxB,QAAQ,EAAE,4BAA4B;oBACtC,YAAY,EAAE,8BAA8B;oBAC5C,OAAO,EAAE,2BAA2B;iBACrC;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,gBAAgB;oBACzB,KAAK,EAAE,sBAAsB;oBAC7B,KAAK,EAAE,sBAAsB;iBAC9B;gBACD,OAAO,EAAE;oBACP,CAAC,EAAE,kBAAkB;oBACrB,CAAC,EAAE,kBAAkB;oBACrB,CAAC,EAAE,kBAAkB;iBACtB;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,gBAAgB;oBACzB,OAAO,EAAE,wBAAwB;oBACjC,MAAM,EAAE,uBAAuB;iBAChC;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,gBAAgB;oBACzB,OAAO,EAAE,wBAAwB;oBACjC,MAAM,EAAE,uBAAuB;iBAChC;gBACD,IAAI,EAAE;oBACJ,OAAO,EAAE,aAAa;oBACtB,OAAO,EAAE,qBAAqB;oBAC9B,MAAM,EAAE,oBAAoB;iBAC7B;gBACD,MAAM,EAAE;oBACN,OAAO,EAAE,eAAe;oBACxB,OAAO,EAAE,uBAAuB;oBAChC,MAAM,EAAE,sBAAsB;iBAC/B;aACF;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,MAAM;aACd;SACF;KACF;IACD,OAAO,EAAE,CAAC,WAAW,CAAC;CACvB,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist-cjs/index.d.ts

@@ -0,0 +1,4 @@
+import plugin, { darkThemeVariables, lightThemeVariables } from './plugin.js';
+export default plugin;
+export { darkThemeVariables, lightThemeVariables };
+//# sourceMappingURL=index.d.ts.map

package/dist-cjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAE7E,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,CAAA"}

package/dist-cjs/index.js

@@ -0,0 +1,31 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.lightThemeVariables = exports.darkThemeVariables = void 0;
+const plugin_js_1 = __importStar(require("./plugin.js"));
+Object.defineProperty(exports, "darkThemeVariables", { enumerable: true, get: function () { return plugin_js_1.darkThemeVariables; } });
+Object.defineProperty(exports, "lightThemeVariables", { enumerable: true, get: function () { return plugin_js_1.lightThemeVariables; } });
+exports.default = plugin_js_1.default;
+//# sourceMappingURL=index.js.map

package/dist-cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yDAA6E;AAGpE,mGAHQ,8BAAkB,OAGR;AAAE,oGAHQ,+BAAmB,OAGR;AADhD,kBAAe,mBAAM,CAAA"}

package/dist-cjs/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@speckle/tailwind-theme",
+  "description": "Speckle tailwind theme used in frontend 2 and other apps",
+  "version": "0.0.1",
+  "type": "commonjs",
+  "scripts": {
+    "build": "rimraf ./dist ./dist-cjs && tsc -p . && tsc -p ./tsconfig.cjs.json && tsconfig-to-dual-package",
+    "viewer": "tailwind-config-viewer -o -c tailwind.test.config.cjs",
+    "lint:js": "eslint --ext \".js,.ts,.vue\" .",
+    "lint:tsc": "tsc --noEmit",
+    "lint:prettier": "prettier --config ../../.prettierrc --ignore-path ../../.prettierignore --check .",
+    "lint": "yarn lint:js && yarn lint:tsc && yarn lint:prettier"
+  },
+  "engines": {
+    "node": "^18.0.0"
+  },
+  "peerDependencies": {
+    "postcss": "^8.4.18",
+    "postcss-nesting": "^10.2.0",
+    "tailwindcss": "^3.3.2"
+  },
+  "dependencies": {
+    "@tailwindcss/forms": "^0.5.3"
+  },
+  "devDependencies": {
+    "@types/eslint": "^8.4.5",
+    "@typescript-eslint/eslint-plugin": "^5.38.1",
+    "@typescript-eslint/parser": "^5.38.1",
+    "eslint": "^8.24.0",
+    "eslint-config-prettier": "^8.5.0",
+    "prettier": "^2.7.1",
+    "rimraf": "^5.0.0",
+    "tailwind-config-viewer": "^1.7.2",
+    "tailwindcss": "^3.3.2",
+    "tsconfig-to-dual-package": "^1.2.0",
+    "typescript": "^5.0.4"
+  }
+}