@fewangsit/wangsvue-presets 1.0.107-alpha.1 → 1.0.107-alpha.2

package/globalsettings/inputotp/index.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var core_1 = require("@wangs-ui/core");
+exports.default = (0, core_1.definePreset)('WANGS-INPUT-OTP', {
+    root: {
+        class: [
+            // Alignment
+            'flex items-center',
+            'gap-1.5',
+            'w-max',
+        ],
+    },
+    input: function (_a) {
+        var props = _a.props, context = _a.context, parent = _a.parent;
+        return ({
+            class: [
+                // Font
+                'text-[14px] leading-none font-medium',
+                // Flex & Alignment
+                { 'flex-1 w-[1%]': parent.tagName == 'WANGS-INPUT-GROUP' },
+                'text-center',
+                // Spacing
+                'm-0',
+                // Size
+                'w-[42px] h-[42px]',
+                // Shape
+                { 'rounded-md': parent.tagName !== 'WANGS-INPUT-GROUP' },
+                {
+                    'first:rounded-l-md rounded-none last:rounded-r-md': parent.tagName == 'WANGS-INPUT-GROUP',
+                },
+                {
+                    'border-0 border-y border-l last:border-r': parent.tagName == 'WANGS-INPUT-GROUP',
+                },
+                // Colors
+                'text-general-800 dark:text-general-800',
+                'placeholder:text-surface-400 dark:placeholder:text-surface-500',
+                'bg-white dark:bg-white',
+                {
+                    'ring-1': navigator.userAgent.includes('Firefox'),
+                    'ring-[0.5px]': !navigator.userAgent.includes('Firefox'),
+                },
+                { 'ring-general-200 dark:ring-general-200': !props.invalid },
+                // Invalid State
+                { 'ring-danger-500 dark:ring-danger-500': props.invalid },
+                // States
+                {
+                    'hover:bg-primary-50/30 hover:ring-primary-500 dark:hover:ring-primary-400': !context.disabled && !props.invalid,
+                    'focus:bg-primary-50/30 focus:ring-primary-500 dark:focus:ring-primary-400': !context.disabled && !props.invalid,
+                    'focus:outline-none focus:outline-offset-0': !context.disabled,
+                    'opacity-60 select-none pointer-events-none cursor-default': context.disabled,
+                },
+                // Filled State *for FloatLabel
+                { filled: parent.tagName == 'WANGS-FLOAT-LABEL' && context.filled },
+                // Misc
+                'appearance-none',
+                'transition-colors duration-200',
+            ],
+        });
+    },
+});

package/globalsettings/style.css

@@ -2404,6 +2404,10 @@
   gap: 0.25rem;
 }
 
+.gap-1\.5{
+  gap: 0.375rem;
+}
+
 .gap-2{
   gap: 0.5rem;
 }
@@ -4895,7 +4899,7 @@
   font-family: 'Manrope', sans-serif !important;
 }
 
-h1,
+h1,
 .heading-1{
   font-size: 22px !important;
   font-weight: 600 !important;
@@ -4903,7 +4907,7 @@ h1,
   letter-spacing: 0.02em;
 }
 
-h2,
+h2,
 .heading-2{
   font-size: 1.125rem !important;
   font-weight: 600 !important;
@@ -4911,7 +4915,7 @@ h2,
   letter-spacing: 0.02em;
 }
 
-h3,
+h3,
 .heading-3{
   font-size: 1rem !important;
   font-weight: 500 !important;
@@ -4919,7 +4923,7 @@ h3,
   letter-spacing: 0.02em;
 }
 
-h4,
+h4,
 .heading-4{
   font-size: 0.875rem !important;
   font-weight: 500 !important;
@@ -4927,7 +4931,7 @@ h4,
   letter-spacing: 0.02em;
 }
 
-p,
+p,
 .p{
   font-size: 0.75rem !important;
   font-weight: 500 !important;
@@ -4935,7 +4939,7 @@ p,
   letter-spacing: 0.02em;
 }
 
-h5,
+h5,
 .heading-5{
   font-size: 0.75rem !important;
   font-weight: 600 !important;
@@ -4943,7 +4947,7 @@ h5,
   letter-spacing: 0.02em;
 }
 
-h6,
+h6,
 .heading-6{
   font-size: 10px !important;
   font-weight: 600 !important;
@@ -4955,12 +4959,12 @@ h6,
   scrollbar-width: none;
 }
 
-.scrollbar-w-thin,
+.scrollbar-w-thin,
 .p-virtualscroller {
   scrollbar-width: thin;
 }
 
-p,
+p,
 div{
   font-size: 0.75rem;
   line-height: 1rem;
@@ -6818,4 +6822,4 @@ div{
 
 .\[\&_ul\]\:pl-6 ul{
   padding-left: 1.5rem;
-}
+}

package/package.json

@@ -1,13 +1,13 @@
-{
-  "name": "@fewangsit/wangsvue-presets",
-  "version": "1.0.107-alpha.1",
-  "author": "Wangsit FE Developer",
-  "description": "Wangsit VueJS Component Library Presets",
-  "main": "index.js",
-  "repository": "https://github.com/fewangsit/wangsvue",
-  "scripts": {
-    "dev": "sh dev.sh",
-    "build": "sh build.sh",
-    "release": "sh release.sh"
-  }
-}
+{
+  "name": "@fewangsit/wangsvue-presets",
+  "version": "1.0.107-alpha.2",
+  "author": "Wangsit FE Developer",
+  "description": "Wangsit VueJS Component Library Presets",
+  "main": "index.js",
+  "repository": "https://github.com/fewangsit/wangsvue",
+  "scripts": {
+    "dev": "sh dev.sh",
+    "build": "sh build.sh",
+    "release": "sh release.sh"
+  }
+}

package/supplyasset/colors.config.json

@@ -1,97 +1,97 @@
-{
-  "info-50": "#e5f0ff",
-  "info-100": "#cce0ff",
-  "info-200": "#94bfff",
-  "info-300": "#61a0ff",
-  "info-400": "#2e82ff",
-  "info-500": "#0063f7",
-  "info-600": "#0050c7",
-  "info-700": "#003b94",
-  "info-800": "#002761",
-  "info-900": "#001433",
-  "info-950": "#000a19",
-
-  "danger-50": "#ffe5e9",
-  "danger-100": "#ffccd3",
-  "danger-200": "#ff99a7",
-  "danger-300": "#ff667a",
-  "danger-400": "#ff334e",
-  "danger-500": "#ff0022",
-  "danger-600": "#cc001b",
-  "danger-700": "#990014",
-  "danger-800": "#66000e",
-  "danger-900": "#330007",
-  "danger-950": "#190003",
-
-  "warning-50": "#fff9e5",
-  "warning-100": "#fff4cc",
-  "warning-200": "#ffe999",
-  "warning-300": "#ffde66",
-  "warning-400": "#ffd333",
-  "warning-500": "#ffc700",
-  "warning-600": "#cca000",
-  "warning-700": "#997800",
-  "warning-800": "#665000",
-  "warning-900": "#332800",
-  "warning-950": "#191400",
-
-  "success-50": "#dbffee",
-  "success-100": "#b8ffdc",
-  "success-200": "#75ffbc",
-  "success-300": "#2eff9a",
-  "success-400": "#00eb79",
-  "success-500": "#00a455",
-  "success-600": "#008545",
-  "success-700": "#006132",
-  "success-800": "#004222",
-  "success-900": "#001f10",
-  "success-950": "#000f08",
-
-  "grayscale-50": "#f7f7f7",
-  "grayscale-100": "#f2f2f2",
-  "grayscale-200": "#e5e6e6",
-  "grayscale-300": "#d8d9d9",
-  "grayscale-400": "#cbcccd",
-  "grayscale-500": "#bdbebf",
-  "grayscale-600": "#97999b",
-  "grayscale-700": "#717374",
-  "grayscale-800": "#4b4d4e",
-  "grayscale-900": "#262627",
-  "grayscale-950": "#121212",
-
-  "general-50": "#ebeaf0",
-  "general-100": "#dad9e3",
-  "general-200": "#b5b3c7",
-  "general-300": "#908cab",
-  "general-400": "#6c688d",
-  "general-500": "#4e4b66",
-  "general-600": "#3f3c52",
-  "general-700": "#2f2d3e",
-  "general-800": "#201e29",
-  "general-900": "#100f15",
-  "general-950": "#070609",
-
-  "primary-50": "#ECFDF5",
-  "primary-100": "#d1fae5",
-  "primary-200": "#a7f3d0",
-  "primary-300": "#6ee7b7",
-  "primary-400": "#34d399",
-  "primary-500": "#10b981",
-  "primary-600": "#059669",
-  "primary-700": "#047857",
-  "primary-800": "#065F46",
-  "primary-900": "#064E3B",
-  "primary-950": "#022C22",
-
-  "algae-green-50": "#f2fbf5",
-  "algae-green-100": "#e1f7e9",
-  "algae-green-200": "#c4eed3",
-  "algae-green-300": "#83d9a2",
-  "algae-green-400": "#61c786",
-  "algae-green-500": "#3bac65",
-  "algae-green-600": "#2c8d50",
-  "algae-green-700": "#257041",
-  "algae-green-800": "#225937",
-  "algae-green-900": "#1e492f",
-  "algae-green-950": "#0b2817"
-}
+{
+  "info-50": "#e5f0ff",
+  "info-100": "#cce0ff",
+  "info-200": "#94bfff",
+  "info-300": "#61a0ff",
+  "info-400": "#2e82ff",
+  "info-500": "#0063f7",
+  "info-600": "#0050c7",
+  "info-700": "#003b94",
+  "info-800": "#002761",
+  "info-900": "#001433",
+  "info-950": "#000a19",
+
+  "danger-50": "#ffe5e9",
+  "danger-100": "#ffccd3",
+  "danger-200": "#ff99a7",
+  "danger-300": "#ff667a",
+  "danger-400": "#ff334e",
+  "danger-500": "#ff0022",
+  "danger-600": "#cc001b",
+  "danger-700": "#990014",
+  "danger-800": "#66000e",
+  "danger-900": "#330007",
+  "danger-950": "#190003",
+
+  "warning-50": "#fff9e5",
+  "warning-100": "#fff4cc",
+  "warning-200": "#ffe999",
+  "warning-300": "#ffde66",
+  "warning-400": "#ffd333",
+  "warning-500": "#ffc700",
+  "warning-600": "#cca000",
+  "warning-700": "#997800",
+  "warning-800": "#665000",
+  "warning-900": "#332800",
+  "warning-950": "#191400",
+
+  "success-50": "#dbffee",
+  "success-100": "#b8ffdc",
+  "success-200": "#75ffbc",
+  "success-300": "#2eff9a",
+  "success-400": "#00eb79",
+  "success-500": "#00a455",
+  "success-600": "#008545",
+  "success-700": "#006132",
+  "success-800": "#004222",
+  "success-900": "#001f10",
+  "success-950": "#000f08",
+
+  "grayscale-50": "#f7f7f7",
+  "grayscale-100": "#f2f2f2",
+  "grayscale-200": "#e5e6e6",
+  "grayscale-300": "#d8d9d9",
+  "grayscale-400": "#cbcccd",
+  "grayscale-500": "#bdbebf",
+  "grayscale-600": "#97999b",
+  "grayscale-700": "#717374",
+  "grayscale-800": "#4b4d4e",
+  "grayscale-900": "#262627",
+  "grayscale-950": "#121212",
+
+  "general-50": "#ebeaf0",
+  "general-100": "#dad9e3",
+  "general-200": "#b5b3c7",
+  "general-300": "#908cab",
+  "general-400": "#6c688d",
+  "general-500": "#4e4b66",
+  "general-600": "#3f3c52",
+  "general-700": "#2f2d3e",
+  "general-800": "#201e29",
+  "general-900": "#100f15",
+  "general-950": "#070609",
+
+  "primary-50": "#ECFDF5",
+  "primary-100": "#d1fae5",
+  "primary-200": "#a7f3d0",
+  "primary-300": "#6ee7b7",
+  "primary-400": "#34d399",
+  "primary-500": "#10b981",
+  "primary-600": "#059669",
+  "primary-700": "#047857",
+  "primary-800": "#065F46",
+  "primary-900": "#064E3B",
+  "primary-950": "#022C22",
+
+  "algae-green-50": "#f2fbf5",
+  "algae-green-100": "#e1f7e9",
+  "algae-green-200": "#c4eed3",
+  "algae-green-300": "#83d9a2",
+  "algae-green-400": "#61c786",
+  "algae-green-500": "#3bac65",
+  "algae-green-600": "#2c8d50",
+  "algae-green-700": "#257041",
+  "algae-green-800": "#225937",
+  "algae-green-900": "#1e492f",
+  "algae-green-950": "#0b2817"
+}

package/supplyasset/style.css

@@ -2428,6 +2428,10 @@
   gap: 0.25rem;
 }
 
+.gap-1\.5{
+  gap: 0.375rem;
+}
+
 .gap-2{
   gap: 0.5rem;
 }
@@ -4876,7 +4880,7 @@
   font-family: 'Manrope', sans-serif !important;
 }
 
-h1,
+h1,
 .heading-1{
   font-size: 22px !important;
   font-weight: 600 !important;
@@ -4884,7 +4888,7 @@ h1,
   letter-spacing: 0.02em;
 }
 
-h2,
+h2,
 .heading-2{
   font-size: 1.125rem !important;
   font-weight: 600 !important;
@@ -4892,7 +4896,7 @@ h2,
   letter-spacing: 0.02em;
 }
 
-h3,
+h3,
 .heading-3{
   font-size: 1rem !important;
   font-weight: 500 !important;
@@ -4900,7 +4904,7 @@ h3,
   letter-spacing: 0.02em;
 }
 
-h4,
+h4,
 .heading-4{
   font-size: 0.875rem !important;
   font-weight: 500 !important;
@@ -4908,7 +4912,7 @@ h4,
   letter-spacing: 0.02em;
 }
 
-p,
+p,
 .p{
   font-size: 0.75rem !important;
   font-weight: 500 !important;
@@ -4916,7 +4920,7 @@ p,
   letter-spacing: 0.02em;
 }
 
-h5,
+h5,
 .heading-5{
   font-size: 0.75rem !important;
   font-weight: 600 !important;
@@ -4924,7 +4928,7 @@ h5,
   letter-spacing: 0.02em;
 }
 
-h6,
+h6,
 .heading-6{
   font-size: 10px !important;
   font-weight: 600 !important;
@@ -4936,12 +4940,12 @@ h6,
   scrollbar-width: none;
 }
 
-.scrollbar-w-thin,
+.scrollbar-w-thin,
 .p-virtualscroller {
   scrollbar-width: thin;
 }
 
-p,
+p,
 div{
   font-size: 0.75rem;
   line-height: 1rem;
@@ -6766,4 +6770,4 @@ div{
 
 .\[\&_ul\]\:pl-6 ul{
   padding-left: 1.5rem;
-}
+}

package/wangsvue/colors.config.json

@@ -1,77 +1,77 @@
-{
-  "primary-50": "#F8F7EE",
-  "primary-100": "#EEEBD3",
-  "primary-200": "#DFD7A9",
-  "primary-300": "#CDBC77",
-  "primary-400": "#BDA552",
-  "primary-500": "#9F7C3C",
-  "primary-600": "#856732",
-  "primary-700": "#785930",
-  "primary-800": "#65492E",
-  "primary-900": "#583F2B",
-  "primary-950": "#322116",
-  "primary-1000": "#695200",
-
-  "danger-50": "#E7C3B6",
-  "danger-100": "#E7C3B6",
-  "danger-200": "#DBA592",
-  "danger-300": "#CF876D",
-  "danger-400": "#C36948",
-  "danger-500": "#B74B24",
-  "danger-600": "#993F1E",
-  "danger-700": "#7A3218",
-  "danger-800": "#5C2612",
-  "danger-900": "#3D190C",
-  "danger-950": "#1F0D06",
-
-  "warning-50": "#F9EFD9",
-  "warning-100": "#F3E0B3",
-  "warning-200": "#EDD08E",
-  "warning-300": "#E7C068",
-  "warning-400": "#E1B142",
-  "warning-500": "#DBA11C",
-  "warning-600": "#B78617",
-  "warning-700": "#926B13",
-  "warning-800": "#6E510E",
-  "warning-900": "#493609",
-  "warning-950": "#251B05",
-
-  "success-50": "#D5EDEB",
-  "success-100": "#AADBD6",
-  "success-200": "#80C9C2",
-  "success-300": "#55B7AD",
-  "success-400": "#2AA599",
-  "success-500": "#009384",
-  "success-600": "#007B6E",
-  "success-700": "#006258",
-  "success-800": "#004A42",
-  "success-900": "#00312C",
-  "success-950": "#001916",
-  "success-1000": "#00A455",
-  
-  "grayscale-50": "#f7f7f7",
-  "grayscale-100": "#f2f2f2",
-  "grayscale-200": "#e5e6e6",
-  "grayscale-300": "#d8d9d9",
-  "grayscale-400": "#cbcccd",
-  "grayscale-500": "#bdbebf",
-  "grayscale-600": "#97999b",
-  "grayscale-700": "#717374",
-  "grayscale-800": "#4b4d4e",
-  "grayscale-900": "#262627",
-  "grayscale-950": "#121212",
-
-  "general-50": "#EBEAF0",
-  "general-100": "#DAD9E3",
-  "general-200": "#B5B3C7",
-  "general-300": "#908CAB",
-  "general-400": "#6C688D",
-  "general-500": "#4E4B66",
-  "general-600": "#3F3C52",
-  "general-700": "#2F2D3E",
-  "general-800": "#201E29",
-  "general-900": "#100F15",
-  "general-950": "#070609",
-
-  "link": "#0000EE"
+{
+  "primary-50": "#F8F7EE",
+  "primary-100": "#EEEBD3",
+  "primary-200": "#DFD7A9",
+  "primary-300": "#CDBC77",
+  "primary-400": "#BDA552",
+  "primary-500": "#9F7C3C",
+  "primary-600": "#856732",
+  "primary-700": "#785930",
+  "primary-800": "#65492E",
+  "primary-900": "#583F2B",
+  "primary-950": "#322116",
+  "primary-1000": "#695200",
+
+  "danger-50": "#E7C3B6",
+  "danger-100": "#E7C3B6",
+  "danger-200": "#DBA592",
+  "danger-300": "#CF876D",
+  "danger-400": "#C36948",
+  "danger-500": "#B74B24",
+  "danger-600": "#993F1E",
+  "danger-700": "#7A3218",
+  "danger-800": "#5C2612",
+  "danger-900": "#3D190C",
+  "danger-950": "#1F0D06",
+
+  "warning-50": "#F9EFD9",
+  "warning-100": "#F3E0B3",
+  "warning-200": "#EDD08E",
+  "warning-300": "#E7C068",
+  "warning-400": "#E1B142",
+  "warning-500": "#DBA11C",
+  "warning-600": "#B78617",
+  "warning-700": "#926B13",
+  "warning-800": "#6E510E",
+  "warning-900": "#493609",
+  "warning-950": "#251B05",
+
+  "success-50": "#D5EDEB",
+  "success-100": "#AADBD6",
+  "success-200": "#80C9C2",
+  "success-300": "#55B7AD",
+  "success-400": "#2AA599",
+  "success-500": "#009384",
+  "success-600": "#007B6E",
+  "success-700": "#006258",
+  "success-800": "#004A42",
+  "success-900": "#00312C",
+  "success-950": "#001916",
+  "success-1000": "#00A455",
+  
+  "grayscale-50": "#f7f7f7",
+  "grayscale-100": "#f2f2f2",
+  "grayscale-200": "#e5e6e6",
+  "grayscale-300": "#d8d9d9",
+  "grayscale-400": "#cbcccd",
+  "grayscale-500": "#bdbebf",
+  "grayscale-600": "#97999b",
+  "grayscale-700": "#717374",
+  "grayscale-800": "#4b4d4e",
+  "grayscale-900": "#262627",
+  "grayscale-950": "#121212",
+
+  "general-50": "#EBEAF0",
+  "general-100": "#DAD9E3",
+  "general-200": "#B5B3C7",
+  "general-300": "#908CAB",
+  "general-400": "#6C688D",
+  "general-500": "#4E4B66",
+  "general-600": "#3F3C52",
+  "general-700": "#2F2D3E",
+  "general-800": "#201E29",
+  "general-900": "#100F15",
+  "general-950": "#070609",
+
+  "link": "#0000EE"
 }