@vef-framework/dev 1.0.122 → 1.0.123

package/cjs/plugin-visualizer.cjs

@@ -0,0 +1,15 @@
+"use strict";
+'use strict';
+
+var rollupPluginVisualizer = require('rollup-plugin-visualizer');
+
+"use strict";
+function createVisualizerPlugin(projectDir) {
+  return rollupPluginVisualizer.visualizer({
+    filename: "dist/stats.html",
+    title: "Building Visualizer",
+    projectRoot: projectDir
+  });
+}
+
+exports.createVisualizerPlugin = createVisualizerPlugin;

package/cjs/plugin-webfont.cjs

@@ -0,0 +1,14 @@
+"use strict";
+'use strict';
+
+var webfont = require('vite-plugin-webfont-dl');
+
+"use strict";
+function createWebfontPlugin() {
+  return webfont([
+    "https://fonts.googleapis.com/css2?family=PT+Sans+Caption:wght@400;700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap",
+    "https://fonts.googleapis.com/css2?family=Martian+Mono:wght@100..800&family=PT+Sans+Caption:wght@400;700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap"
+  ]);
+}
+
+exports.createWebfontPlugin = createWebfontPlugin;

package/cjs/stylelint-config.cjs

@@ -0,0 +1,67 @@
+"use strict";
+'use strict';
+
+var propertyGroups = require('stylelint-config-recess-order/groups');
+
+"use strict";
+function defineStylelintConfig() {
+  return {
+    extends: [
+      "stylelint-config-standard-scss",
+      "stylelint-config-recommended"
+    ],
+    plugins: ["stylelint-order"],
+    rules: {
+      "order/order": [
+        "dollar-variables",
+        "at-variables",
+        "custom-properties",
+        "less-mixins",
+        "declarations",
+        "at-rules",
+        "rules"
+      ],
+      "order/properties-order": propertyGroups.map((group) => ({
+        ...group,
+        emptyLineBefore: "always",
+        noEmptyLineBetween: true
+      })),
+      "declaration-empty-line-before": null,
+      "at-rule-no-unknown": null,
+      "function-no-unknown": null,
+      "number-max-precision": null,
+      "color-hex-length": "long",
+      "color-hex-alpha": "never",
+      "color-named": "never",
+      "unit-allowed-list": [
+        "px",
+        "em",
+        "rem",
+        "%",
+        "vw",
+        "vh",
+        "fr",
+        "deg",
+        "rad",
+        "grad",
+        "turn",
+        "ms",
+        "s"
+      ],
+      "scss/function-no-unknown": [
+        true,
+        {
+          ignoreFunctions: []
+        }
+      ],
+      "scss/at-rule-no-unknown": [
+        true,
+        {
+          ignoreAtRules: ["config"]
+        }
+      ]
+    }
+  };
+}
+
+exports.defineStylelintConfig = defineStylelintConfig;

package/cjs/tailwind-config.cjs

@@ -0,0 +1,395 @@
+"use strict";
+'use strict';
+
+var containerQueries = require('@tailwindcss/container-queries');
+var colors = require('tailwindcss/colors');
+
+"use strict";
+function defineTailwindConfig() {
+  return {
+    content: ["./src/**/*.{ts,tsx}"],
+    plugins: [containerQueries],
+    theme: {
+      colors: {
+        "inherit": "inherit",
+        "current": "currentColor",
+        "transparent": "transparent",
+        "black": "#000000",
+        "white": "var(--vef-color-white)",
+        "primary": "var(--vef-color-primary)",
+        "primary-hover": "var(--vef-color-primary-hover)",
+        "primary-active": "var(--vef-color-primary-active)",
+        "success": "var(--vef-color-success)",
+        "success-hover": "var(--vef-color-success-hover)",
+        "success-active": "var(--vef-color-success-active)",
+        "warning": "var(--vef-color-warning)",
+        "warning-hover": "var(--vef-color-warning-hover)",
+        "warning-active": "var(--vef-color-warning-active)",
+        "error": "var(--vef-color-error)",
+        "error-hover": "var(--vef-color-error-hover)",
+        "error-active": "var(--vef-color-error-active)",
+        "info": "var(--vef-color-info)",
+        "info-hover": "var(--vef-color-info-hover)",
+        "info-active": "var(--vef-color-info-active)",
+        "link": "var(--vef-color-link)",
+        "link-hover": "var(--vef-color-link-hover)",
+        "link-active": "var(--vef-color-link-active)",
+        "blue": {
+          DEFAULT: "var(--vef-blue-6)",
+          1: "var(--vef-blue-1)",
+          2: "var(--vef-blue-2)",
+          3: "var(--vef-blue-3)",
+          4: "var(--vef-blue-4)",
+          5: "var(--vef-blue-5)",
+          6: "var(--vef-blue-6)",
+          7: "var(--vef-blue-7)",
+          8: "var(--vef-blue-8)",
+          9: "var(--vef-blue-9)",
+          10: "var(--vef-blue-10)"
+        },
+        "purple": {
+          DEFAULT: "var(--vef-purple-6)",
+          1: "var(--vef-purple-1)",
+          2: "var(--vef-purple-2)",
+          3: "var(--vef-purple-3)",
+          4: "var(--vef-purple-4)",
+          5: "var(--vef-purple-5)",
+          6: "var(--vef-purple-6)",
+          7: "var(--vef-purple-7)",
+          8: "var(--vef-purple-8)",
+          9: "var(--vef-purple-9)",
+          10: "var(--vef-purple-10)"
+        },
+        "cyan": {
+          DEFAULT: "var(--vef-cyan-6)",
+          1: "var(--vef-cyan-1)",
+          2: "var(--vef-cyan-2)",
+          3: "var(--vef-cyan-3)",
+          4: "var(--vef-cyan-4)",
+          5: "var(--vef-cyan-5)",
+          6: "var(--vef-cyan-6)",
+          7: "var(--vef-cyan-7)",
+          8: "var(--vef-cyan-8)",
+          9: "var(--vef-cyan-9)",
+          10: "var(--vef-cyan-10)"
+        },
+        "green": {
+          DEFAULT: "var(--vef-green-6)",
+          1: "var(--vef-green-1)",
+          2: "var(--vef-green-2)",
+          3: "var(--vef-green-3)",
+          4: "var(--vef-green-4)",
+          5: "var(--vef-green-5)",
+          6: "var(--vef-green-6)",
+          7: "var(--vef-green-7)",
+          8: "var(--vef-green-8)",
+          9: "var(--vef-green-9)",
+          10: "var(--vef-green-10)"
+        },
+        "magenta": {
+          DEFAULT: "var(--vef-magenta-6)",
+          1: "var(--vef-magenta-1)",
+          2: "var(--vef-magenta-2)",
+          3: "var(--vef-magenta-3)",
+          4: "var(--vef-magenta-4)",
+          5: "var(--vef-magenta-5)",
+          6: "var(--vef-magenta-6)",
+          7: "var(--vef-magenta-7)",
+          8: "var(--vef-magenta-8)",
+          9: "var(--vef-magenta-9)",
+          10: "var(--vef-magenta-10)"
+        },
+        "pink": {
+          DEFAULT: "var(--vef-pink-6)",
+          1: "var(--vef-pink-1)",
+          2: "var(--vef-pink-2)",
+          3: "var(--vef-pink-3)",
+          4: "var(--vef-pink-4)",
+          5: "var(--vef-pink-5)",
+          6: "var(--vef-pink-6)",
+          7: "var(--vef-pink-7)",
+          8: "var(--vef-pink-8)",
+          9: "var(--vef-pink-9)",
+          10: "var(--vef-pink-10)"
+        },
+        "red": {
+          DEFAULT: "var(--vef-red-6)",
+          1: "var(--vef-red-1)",
+          2: "var(--vef-red-2)",
+          3: "var(--vef-red-3)",
+          4: "var(--vef-red-4)",
+          5: "var(--vef-red-5)",
+          6: "var(--vef-red-6)",
+          7: "var(--vef-red-7)",
+          8: "var(--vef-red-8)",
+          9: "var(--vef-red-9)",
+          10: "var(--vef-red-10)"
+        },
+        "orange": {
+          DEFAULT: "var(--vef-orange-6)",
+          1: "var(--vef-orange-1)",
+          2: "var(--vef-orange-2)",
+          3: "var(--vef-orange-3)",
+          4: "var(--vef-orange-4)",
+          5: "var(--vef-orange-5)",
+          6: "var(--vef-orange-6)",
+          7: "var(--vef-orange-7)",
+          8: "var(--vef-orange-8)",
+          9: "var(--vef-orange-9)",
+          10: "var(--vef-orange-10)"
+        },
+        "yellow": {
+          DEFAULT: "var(--vef-yellow-6)",
+          1: "var(--vef-yellow-1)",
+          2: "var(--vef-yellow-2)",
+          3: "var(--vef-yellow-3)",
+          4: "var(--vef-yellow-4)",
+          5: "var(--vef-yellow-5)",
+          6: "var(--vef-yellow-6)",
+          7: "var(--vef-yellow-7)",
+          8: "var(--vef-yellow-8)",
+          9: "var(--vef-yellow-9)",
+          10: "var(--vef-yellow-10)"
+        },
+        "volcano": {
+          DEFAULT: "var(--vef-volcano-6)",
+          1: "var(--vef-volcano-1)",
+          2: "var(--vef-volcano-2)",
+          3: "var(--vef-volcano-3)",
+          4: "var(--vef-volcano-4)",
+          5: "var(--vef-volcano-5)",
+          6: "var(--vef-volcano-6)",
+          7: "var(--vef-volcano-7)",
+          8: "var(--vef-volcano-8)",
+          9: "var(--vef-volcano-9)",
+          10: "var(--vef-volcano-10)"
+        },
+        "geekblue": {
+          DEFAULT: "var(--vef-geekblue-6)",
+          1: "var(--vef-geekblue-1)",
+          2: "var(--vef-geekblue-2)",
+          3: "var(--vef-geekblue-3)",
+          4: "var(--vef-geekblue-4)",
+          5: "var(--vef-geekblue-5)",
+          6: "var(--vef-geekblue-6)",
+          7: "var(--vef-geekblue-7)",
+          8: "var(--vef-geekblue-8)",
+          9: "var(--vef-geekblue-9)",
+          10: "var(--vef-geekblue-10)"
+        },
+        "gold": {
+          DEFAULT: "var(--vef-gold-6)",
+          1: "var(--vef-gold-1)",
+          2: "var(--vef-gold-2)",
+          3: "var(--vef-gold-3)",
+          4: "var(--vef-gold-4)",
+          5: "var(--vef-gold-5)",
+          6: "var(--vef-gold-6)",
+          7: "var(--vef-gold-7)",
+          8: "var(--vef-gold-8)",
+          9: "var(--vef-gold-9)",
+          10: "var(--vef-gold-10)"
+        },
+        "lime": {
+          DEFAULT: "var(--vef-lime-6)",
+          1: "var(--vef-lime-1)",
+          2: "var(--vef-lime-2)",
+          3: "var(--vef-lime-3)",
+          4: "var(--vef-lime-4)",
+          5: "var(--vef-lime-5)",
+          6: "var(--vef-lime-6)",
+          7: "var(--vef-lime-7)",
+          8: "var(--vef-lime-8)",
+          9: "var(--vef-lime-9)",
+          10: "var(--vef-lime-10)"
+        },
+        "slate": {
+          DEFAULT: colors.slate[500],
+          1: colors.slate[50],
+          2: colors.slate[100],
+          3: colors.slate[200],
+          4: colors.slate[300],
+          5: colors.slate[400],
+          6: colors.slate[500],
+          7: colors.slate[600],
+          8: colors.slate[700],
+          9: colors.slate[800],
+          10: colors.slate[900]
+        }
+      },
+      extend: {
+        textColor: {
+          "primary-alt": "var(--vef-color-primary-text)",
+          "primary-alt-hover": "var(--vef-color-primary-text-hover)",
+          "primary-alt-active": "var(--vef-color-primary-text-active)",
+          "success-alt": "var(--vef-color-success-text)",
+          "success-alt-hover": "var(--vef-color-success-text-hover)",
+          "success-alt-active": "var(--vef-color-success-text-active)",
+          "warning-alt": "var(--vef-color-warning-text)",
+          "warning-alt-hover": "var(--vef-color-warning-text-hover)",
+          "warning-alt-active": "var(--vef-color-warning-text-active)",
+          "error-alt": "var(--vef-color-error-text)",
+          "error-alt-hover": "var(--vef-color-error-text-hover)",
+          "error-alt-active": "var(--vef-color-error-text-active)",
+          "info-alt": "var(--vef-color-info-text)",
+          "info-alt-hover": "var(--vef-color-info-text-hover)",
+          "info-alt-active": "var(--vef-color-info-text-active)",
+          "base": "var(--vef-color-text-base)",
+          "default": "var(--vef-color-text)",
+          "secondary": "var(--vef-color-text-secondary)",
+          "tertiary": "var(--vef-color-text-tertiary)",
+          "quaternary": "var(--vef-color-text-quaternary)",
+          "placeholder": "var(--vef-color-text-placeholder)",
+          "disabled": "var(--vef-color-text-disabled)",
+          "heading": "var(--vef-color-text-heading)",
+          "label": "var(--vef-color-text-label)",
+          "description": "var(--vef-color-text-description)",
+          "light-solid": "var(--vef-color-text-light-solid)",
+          "highlight": "var(--vef-color-highlight)",
+          "icon": "var(--vef-color-icon)",
+          "icon-hover": "var(--vef-color-icon-hover)"
+        },
+        outlineColor: {
+          error: "var(--vef-color-error-outline)",
+          warning: "var(--vef-color-warning-outline)"
+        },
+        backgroundColor: {
+          "primary-alt": "var(--vef-color-primary-bg)",
+          "primary-alt-hover": "var(--vef-color-primary-bg-hover)",
+          "success-alt": "var(--vef-color-success-bg)",
+          "success-alt-hover": "var(--vef-color-success-bg-hover)",
+          "warning-alt": "var(--vef-color-warning-bg)",
+          "warning-alt-hover": "var(--vef-color-warning-bg-hover)",
+          "error-alt": "var(--vef-color-error-bg)",
+          "error-alt-hover": "var(--vef-color-error-bg-hover)",
+          "info-alt": "var(--vef-color-info-bg)",
+          "info-alt-hover": "var(--vef-color-info-bg-hover)",
+          "base": "var(--vef-color-bg-base)",
+          "layout": "var(--vef-color-bg-layout)",
+          "spotlight": "var(--vef-color-bg-spotlight)",
+          "solid": "var(--vef-color-bg-solid)",
+          "solid-hover": "var(--vef-color-bg-solid-hover)",
+          "solid-active": "var(--vef-color-bg-solid-active)",
+          "container": "var(--vef-color-bg-container)",
+          "container-disabled": "var(--vef-color-bg-container-disabled)",
+          "elevated": "var(--vef-color-bg-elevated)",
+          "blur": "var(--vef-color-bg-blur)",
+          "fill": "var(--vef-color-fill)",
+          "fill-secondary": "var(--vef-color-fill-secondary)",
+          "fill-tertiary": "var(--vef-color-fill-tertiary)",
+          "fill-quaternary": "var(--vef-color-fill-quaternary)",
+          "fill-content": "var(--vef-color-fill-content)",
+          "fill-content-hover": "var(--vef-color-fill-content-hover)",
+          "fill-alt": "var(--vef-color-fill-alter)",
+          "mask": "var(--vef-color-bg-mask)",
+          "text-hover": "var(--vef-color-bg-text-hover)",
+          "text-active": "var(--vef-color-bg-text-active)",
+          "control-item-hover": "var(--vef-control-item-bg-hover)",
+          "control-item-active": "var(--vef-control-item-bg-active)",
+          "control-item-active-hover": "var(--vef-control-item-bg-active-hover)",
+          "control-item-active-disabled": "var(--vef-control-item-bg-active-disabled)"
+        },
+        borderColor: {
+          "primary-alt": "var(--vef-color-primary-border)",
+          "primary-alt-hover": "var(--vef-color-primary-border-hover)",
+          "success-alt": "var(--vef-color-success-border)",
+          "success-alt-hover": "var(--vef-color-success-border-hover)",
+          "warning-alt": "var(--vef-color-warning-border)",
+          "warning-alt-hover": "var(--vef-color-warning-border-hover)",
+          "error-alt": "var(--vef-color-error-border)",
+          "error-alt-hover": "var(--vef-color-error-border-hover)",
+          "info-alt": "var(--vef-color-info-border)",
+          "info-alt-hover": "var(--vef-color-info-border-hover)",
+          "base": "var(--vef-color-border)",
+          "secondary": "var(--vef-color-border-secondary)"
+        },
+        fontFamily: {
+          base: "var(--vef-font-family)",
+          code: "var(--vef-font-family-code)"
+        },
+        fontSize: {
+          base: "var(--vef-font-size)",
+          sm: "var(--vef-font-size-sm)",
+          lg: "var(--vef-font-size-lg)",
+          xl: "var(--vef-font-size-xl)",
+          heading1: "var(--vef-font-size-heading-1)",
+          heading2: "var(--vef-font-size-heading-2)",
+          heading3: "var(--vef-font-size-heading-3)",
+          heading4: "var(--vef-font-size-heading-4)",
+          heading5: "var(--vef-font-size-heading-5)"
+        },
+        fontWeight: {
+          strong: "var(--vef-font-weight-strong)"
+        },
+        borderWidth: {
+          base: "var(--vef-line-width)",
+          bold: "var(--vef-line-width-bold)"
+        },
+        borderRadius: {
+          DEFAULT: "var(--vef-border-radius)",
+          xs: "var(--vef-border-radius-xs)",
+          sm: "var(--vef-border-radius-sm)",
+          lg: "var(--vef-border-radius-lg)",
+          outer: "var(--vef-border-radius-outer)"
+        },
+        height: {
+          "control": "var(--vef-control-height)",
+          "control-sm": "var(--vef-control-height-sm)",
+          "control-xs": "var(--vef-control-height-xs)",
+          "control-lg": "var(--vef-control-height-lg)",
+          "font": "var(--vef-font-height)",
+          "font-sm": "var(--vef-font-height-sm)",
+          "font-lg": "var(--vef-font-height-lg)"
+        },
+        lineHeight: {
+          "base": "var(--vef-line-height)",
+          "sm": "var(--vef-line-height-sm)",
+          "lg": "var(--vef-line-height-lg)",
+          "heading-1": "var(--vef-line-height-heading-1)",
+          "heading-2": "var(--vef-line-height-heading-2)",
+          "heading-3": "var(--vef-line-height-heading-3)",
+          "heading-4": "var(--vef-line-height-heading-4)",
+          "heading-5": "var(--vef-line-height-heading-5)"
+        },
+        spacing: {
+          base: "var(--vef-margin)",
+          xxs: "var(--vef-margin-xxs)",
+          xs: "var(--vef-margin-xs)",
+          sm: "var(--vef-margin-sm)",
+          md: "var(--vef-margin-md)",
+          lg: "var(--vef-margin-lg)",
+          xl: "var(--vef-margin-xl)",
+          xxl: "var(--vef-margin-xxl)"
+        },
+        boxShadow: {
+          base: "var(--vef-box-shadow)",
+          secondary: "var(--vef-box-shadow-secondary)",
+          tertiary: "var(--vef-box-shadow-tertiary)",
+          card: "var(--vef-box-shadow-card)",
+          elevated: "0 0 1px rgb(0 0 0 / 30%), 0 4px 14px rgb(0 0 0 / 10%)"
+        },
+        transitionDuration: {
+          fast: "var(--vef-motion-duration-fast)",
+          mid: "var(--vef-motion-duration-mid)",
+          slow: "var(--vef-motion-duration-slow)"
+        },
+        transitionTimingFunction: {
+          "ease-out-circ": "var(--vef-motion-ease-out-circ)",
+          "ease-in-out-circ": "var(--vef-motion-ease-in-out-circ)",
+          "ease-out": "var(--vef-motion-ease-out)",
+          "ease-in-out": "var(--vef-motion-ease-in-out)",
+          "ease-out-back": "var(--vef-motion-ease-out-back)",
+          "ease-in-back": "var(--vef-motion-ease-in-back)",
+          "ease-in-quint": "var(--vef-motion-ease-in-quint)",
+          "ease-out-quint": "var(--vef-motion-ease-out-quint)"
+        },
+        zIndex: {
+          base: "var(--vef-z-index-base)",
+          popup: "var(--vef-z-index-popup)"
+        }
+      }
+    }
+  };
+}
+
+exports.defineTailwindConfig = defineTailwindConfig;

package/cjs/types.cjs

@@ -0,0 +1,4 @@
+"use strict";
+'use strict';
+
+"use strict";