@fewangsit/wangsvue-presets 1.0.88-alpha.1 → 1.0.89-alpha.0

package/fixedasset/selectbutton/index.d.ts

@@ -8,9 +8,9 @@ declare namespace _default {
         context: any;
     }): {
         class: (string | {
-            'bg-surface-0': boolean;
+            'bg-white': boolean;
             'text-primary-500': boolean;
-            'text-surface-0': any;
+            'text-white': any;
             'bg-primary-500': any;
             'focus:bg-primary-50 '?: undefined;
             'hover:bg-primary-50 '?: undefined;
@@ -21,9 +21,9 @@ declare namespace _default {
             'hover:bg-primary-50 ': boolean;
             'focus:bg-primary-600': any;
             'hover:bg-primary-600': any;
-            'bg-surface-0'?: undefined;
+            'bg-white'?: undefined;
             'text-primary-500'?: undefined;
-            'text-surface-0'?: undefined;
+            'text-white'?: undefined;
             'bg-primary-500'?: undefined;
         })[];
     };

package/fixedasset/selectbutton/index.js

@@ -19,7 +19,7 @@ exports.default = {
             class: [
                 'relative',
                 // Font
-                'text-body-medium',
+                'text-xs',
                 // Flex Alignment
                 'inline-flex items-center align-bottom text-center',
                 // Spacing
@@ -30,9 +30,9 @@ exports.default = {
                 'last:!rounded-t-none last:!rounded-b ',
                 // Color
                 {
-                    'bg-surface-0': !context.active,
+                    'bg-white': !context.active,
                     'text-primary-500': !context.active,
-                    'text-surface-0': context.active,
+                    'text-white': context.active,
                     'bg-primary-500': context.active,
                 },
                 // States
@@ -43,10 +43,6 @@ exports.default = {
                     'focus:bg-primary-600': context.active,
                     'hover:bg-primary-600': context.active,
                 },
-                // {
-                //   'opacity-60 select-none pointer-events-none cursor-default':
-                //     context.disabled,
-                // },
                 // Transition
                 'transition duration-200',
                 // Misc
@@ -55,6 +51,6 @@ exports.default = {
         });
     },
     label: {
-        class: 'font-semibold',
+        class: 'font-normal',
     },
 };

package/fixedasset/style.css

@@ -1571,10 +1571,6 @@
   min-height: 15rem;
 }
 
-.min-h-\[26\.8px\]{
-  min-height: 26.8px;
-}
-
 .min-h-\[26px\]{
   min-height: 26px;
 }
@@ -1603,10 +1599,6 @@
   width: 10px !important;
 }
 
-.\!w-\[272px\]{
-  width: 272px !important;
-}
-
 .\!w-\[clamp\(360px\2c 75vw\2c 400px\)\]{
   width: clamp(360px,75vw,400px) !important;
 }
@@ -1719,6 +1711,10 @@
   width: 224px;
 }
 
+.w-\[272px\]{
+  width: 272px;
+}
+
 .w-\[2px\]{
   width: 2px;
 }
@@ -1735,6 +1731,10 @@
   width: 35px;
 }
 
+.w-\[39px\]{
+  width: 39px;
+}
+
 .w-\[400px\]{
   width: 400px;
 }
@@ -1833,14 +1833,6 @@
   min-width: 70px;
 }
 
-.min-w-\[80vw\]{
-  min-width: 80vw;
-}
-
-.min-w-full{
-  min-width: 100%;
-}
-
 .min-w-max{
   min-width: -moz-max-content;
   min-width: max-content;
@@ -2198,10 +2190,6 @@
   grid-template-columns: max-content auto;
 }
 
-.grid-rows-4{
-  grid-template-rows: repeat(4, minmax(0, 1fr));
-}
-
 .grid-rows-5{
   grid-template-rows: repeat(5, minmax(0, 1fr));
 }
@@ -2541,11 +2529,6 @@
   border-bottom-left-radius: 9999px;
 }
 
-.rounded-l-md{
-  border-top-left-radius: 0.375rem;
-  border-bottom-left-radius: 0.375rem;
-}
-
 .rounded-l-none{
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
@@ -2556,6 +2539,11 @@
   border-bottom-right-radius: 0.25rem;
 }
 
+.rounded-r-full{
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
 .rounded-r-md{
   border-top-right-radius: 0.375rem;
   border-bottom-right-radius: 0.375rem;
@@ -2871,6 +2859,10 @@
   background-color: rgb(0 99 247 / var(--tw-bg-opacity)) !important;
 }
 
+.\!bg-primary-500\/90{
+  background-color: rgb(0 99 247 / 0.9) !important;
+}
+
 .\!bg-success-500{
   --tw-bg-opacity: 1 !important;
   background-color: rgb(0 164 85 / var(--tw-bg-opacity)) !important;
@@ -2937,6 +2929,10 @@
   background-color: rgb(218 217 227 / var(--tw-bg-opacity));
 }
 
+.bg-general-100\/90{
+  background-color: rgb(218 217 227 / 0.9);
+}
+
 .bg-general-200{
   --tw-bg-opacity: 1;
   background-color: rgb(181 179 199 / var(--tw-bg-opacity));
@@ -3031,11 +3027,19 @@
   background-color: rgb(204 224 255 / var(--tw-bg-opacity));
 }
 
+.bg-primary-100\/90{
+  background-color: rgb(204 224 255 / 0.9);
+}
+
 .bg-primary-200{
   --tw-bg-opacity: 1;
   background-color: rgb(148 191 255 / var(--tw-bg-opacity));
 }
 
+.bg-primary-200\/90{
+  background-color: rgb(148 191 255 / 0.9);
+}
+
 .bg-primary-300{
   --tw-bg-opacity: 1;
   background-color: rgb(97 160 255 / var(--tw-bg-opacity));
@@ -3435,10 +3439,6 @@
   padding-bottom: 0.625rem;
 }
 
-.pb-4{
-  padding-bottom: 1rem;
-}
-
 .pb-6{
   padding-bottom: 1.5rem;
 }
@@ -3451,10 +3451,6 @@
   padding-left: 0px;
 }
 
-.pl-0\.5{
-  padding-left: 0.125rem;
-}
-
 .pl-1{
   padding-left: 0.25rem;
 }
@@ -3487,10 +3483,6 @@
   padding-right: 0px;
 }
 
-.pr-0\.5{
-  padding-right: 0.125rem;
-}
-
 .pr-1{
   padding-right: 0.25rem;
 }
@@ -3519,10 +3511,6 @@
   padding-right: 1.75rem;
 }
 
-.pr-9{
-  padding-right: 2.25rem;
-}
-
 .pr-\[12px\]{
   padding-right: 12px;
 }
@@ -4988,14 +4976,6 @@ h6,
   border-top-left-radius: 0.25rem;
 }
 
-.first\:border-l-0:first-child{
-  border-left-width: 0px;
-}
-
-.first\:pl-0:first-child{
-  padding-left: 0px;
-}
-
 .last\:col-span-3:last-child{
   grid-column: span 3 / span 3;
 }
@@ -5159,6 +5139,10 @@ h6,
   background-color: rgb(255 0 34 / 8%);
 }
 
+.hover\:bg-general-100\/90:hover{
+  background-color: rgb(218 217 227 / 0.9);
+}
+
 .hover\:bg-general-50:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(235 234 240 / var(--tw-bg-opacity));
@@ -5211,9 +5195,12 @@ h6,
   background-color: rgb(204 224 255 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-primary-200:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(148 191 255 / var(--tw-bg-opacity));
+.hover\:bg-primary-100\/90:hover{
+  background-color: rgb(204 224 255 / 0.9);
+}
+
+.hover\:bg-primary-200\/90:hover{
+  background-color: rgb(148 191 255 / 0.9);
 }
 
 .hover\:bg-primary-300:hover{
@@ -5317,11 +5304,6 @@ h6,
   color: rgb(78 75 102 / var(--tw-text-opacity));
 }
 
-.hover\:text-grayscale-900:hover{
-  --tw-text-opacity: 1;
-  color: rgb(38 38 39 / var(--tw-text-opacity));
-}
-
 .hover\:text-primary-400:hover{
   --tw-text-opacity: 1;
   color: rgb(46 130 255 / var(--tw-text-opacity));
@@ -5752,9 +5734,9 @@ h6,
   --tw-ring-offset-width: 0px;
 }
 
-.peer:disabled ~ .peer-disabled\:bg-general-300{
-  --tw-bg-opacity: 1;
-  background-color: rgb(144 140 171 / var(--tw-bg-opacity));
+.peer:disabled ~ .peer-disabled\:text-general-300{
+  --tw-text-opacity: 1;
+  color: rgb(144 140 171 / var(--tw-text-opacity));
 }
 
 .has-\[\.mask-active\]\:bg-transparent:has(.mask-active){
@@ -6131,22 +6113,10 @@ h6,
   height: 1rem;
 }
 
-.\[\&_i\]\:h-5 i{
-  height: 1.25rem;
-}
-
 .\[\&_i\]\:w-4 i{
   width: 1rem;
 }
 
-.\[\&_i\]\:w-5 i{
-  width: 1.25rem;
-}
-
-.\[\&_i\]\:shrink-0 i{
-  flex-shrink: 0;
-}
-
 .\[\&_i\]\:bg-transparent i{
   background-color: transparent;
 }
@@ -6168,39 +6138,6 @@ h6,
   cursor: grab;
 }
 
-.\[\&_span\]\:flex span{
-  display: flex;
-}
-
-.\[\&_span\]\:h-\[26px\] span{
-  height: 26px;
-}
-
-.\[\&_span\]\:w-\[37px\] span{
-  width: 37px;
-}
-
-.\[\&_span\]\:items-center span{
-  align-items: center;
-}
-
-.\[\&_span\]\:justify-center span{
-  justify-content: center;
-}
-
-.\[\&_span\]\:rounded span{
-  border-radius: 0.25rem;
-}
-
-.\[\&_span\]\:border span{
-  border-width: 1px;
-}
-
-.\[\&_span\]\:border-general-200 span{
-  --tw-border-opacity: 1;
-  border-color: rgb(181 179 199 / var(--tw-border-opacity));
-}
-
 .\[\&_tbody\]\:block tbody{
   display: block;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-presets",
-  "version": "1.0.88-alpha.1",
+  "version": "1.0.89-alpha.0",
   "author": "Wangsit FE Developer",
   "description": "Wangsit VueJS Component Library Presets",
   "main": "index.js",

package/wangsvue/calendar/index.d.ts

@@ -1,267 +1,3 @@
-declare namespace _default {
-    function root({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'select-none pointer-events-none cursor-default': any;
-        })[];
-    };
-    function input({ props }: {
-        props: any;
-    }): {
-        class: string[];
-    };
-    namespace inputicon {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace dropdownbutton {
-        export namespace root_1 {
-            let _class_1: string[];
-            export { _class_1 as class };
-        }
-        export { root_1 as root };
-    }
-    function panel({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            absolute: boolean;
-            'inline-block': any;
-            'min-w-[80vw] w-auto p-2 '?: undefined;
-            'p-2 min-w-full'?: undefined;
-            'overflow-x-auto'?: undefined;
-        } | {
-            'min-w-[80vw] w-auto p-2 ': any;
-            absolute?: undefined;
-            'inline-block'?: undefined;
-            'p-2 min-w-full'?: undefined;
-            'overflow-x-auto'?: undefined;
-        } | {
-            'p-2 min-w-full': any;
-            absolute?: undefined;
-            'inline-block'?: undefined;
-            'min-w-[80vw] w-auto p-2 '?: undefined;
-            'overflow-x-auto'?: undefined;
-        } | {
-            'overflow-x-auto': any;
-            absolute?: undefined;
-            'inline-block'?: undefined;
-            'min-w-[80vw] w-auto p-2 '?: undefined;
-            'p-2 min-w-full'?: undefined;
-        })[];
-    };
-    namespace datepickerMask {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-    function header({ props, state }: {
-        props: any;
-        state: any;
-    }): {
-        class: (string | {
-            hidden: boolean;
-        })[];
-    };
-    function previousbutton({ props }: {
-        props: any;
-    }): {
-        class: string[];
-    };
-    function title({ props }: {
-        props: any;
-    }): {
-        class: string[];
-    };
-    namespace monthTitle {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    function yearTitle({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            hidden: boolean;
-        })[];
-    };
-    function nextbutton({ props }: {
-        props: any;
-    }): {
-        class: string[];
-    };
-    namespace table {
-        let _class_4: string[];
-        export { _class_4 as class };
-    }
-    namespace tableheadercell {
-        let _class_5: string[];
-        export { _class_5 as class };
-    }
-    namespace tablebodyrow {
-        let _class_6: any[];
-        export { _class_6 as class };
-    }
-    namespace weekheader {
-        let _class_7: string[];
-        export { _class_7 as class };
-    }
-    namespace weeknumber {
-        let _class_8: string[];
-        export { _class_8 as class };
-    }
-    namespace weekday {
-        let _class_9: any[];
-        export { _class_9 as class };
-    }
-    namespace day {
-        let _class_10: string[];
-        export { _class_10 as class };
-    }
-    function weeklabelcontainer({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'text-surface-600/70 bg-transparent': boolean;
-            'text-primary-400 ': boolean;
-            'hover:bg-surface-100'?: undefined;
-            'opacity-40 cursor-default'?: undefined;
-            'cursor-pointer'?: undefined;
-        } | {
-            'hover:bg-surface-100': boolean;
-            'text-surface-600/70 bg-transparent'?: undefined;
-            'text-primary-400 '?: undefined;
-            'opacity-40 cursor-default'?: undefined;
-            'cursor-pointer'?: undefined;
-        } | {
-            'opacity-40 cursor-default': any;
-            'cursor-pointer': boolean;
-            'text-surface-600/70 bg-transparent'?: undefined;
-            'text-primary-400 '?: undefined;
-            'hover:bg-surface-100'?: undefined;
-        })[];
-    };
-    function daylabel({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'bg-primary-400 text-white rounded-none': any;
-            '!rounded-full'?: undefined;
-            'hover:bg-primary-400/90'?: undefined;
-            'hover:bg-primary-200'?: undefined;
-            'opacity-40 cursor-default'?: undefined;
-            'cursor-pointer'?: undefined;
-        } | {
-            '!rounded-full': boolean;
-            'bg-primary-400 text-white rounded-none'?: undefined;
-            'hover:bg-primary-400/90'?: undefined;
-            'hover:bg-primary-200'?: undefined;
-            'opacity-40 cursor-default'?: undefined;
-            'cursor-pointer'?: undefined;
-        } | {
-            'hover:bg-primary-400/90': any;
-            'hover:bg-primary-200': boolean;
-            'bg-primary-400 text-white rounded-none'?: undefined;
-            '!rounded-full'?: undefined;
-            'opacity-40 cursor-default'?: undefined;
-            'cursor-pointer'?: undefined;
-        } | {
-            'opacity-40 cursor-default': any;
-            'cursor-pointer': boolean;
-            'bg-primary-400 text-white rounded-none'?: undefined;
-            '!rounded-full'?: undefined;
-            'hover:bg-primary-400/90'?: undefined;
-            'hover:bg-primary-200'?: undefined;
-        })[];
-    };
-    namespace monthpicker {
-        let _class_11: string[];
-        export { _class_11 as class };
-    }
-    function month({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'text-grayscale-900 bg-transparent': boolean;
-            'bg-primary-400 text-white': boolean;
-        })[];
-        'data-month-in-future': boolean;
-    };
-    namespace yearpicker {
-        let _class_12: string[];
-        export { _class_12 as class };
-    }
-    function year({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'text-grayscale-900 bg-transparent': boolean;
-            'bg-primary-400 text-white': boolean;
-        })[];
-        'data-year-in-future': boolean;
-    };
-    namespace timepicker {
-        let _class_13: string[];
-        export { _class_13 as class };
-    }
-    namespace separatorcontainer {
-        let _class_14: string[];
-        export { _class_14 as class };
-    }
-    namespace separator {
-        let _class_15: string[];
-        export { _class_15 as class };
-    }
-    namespace hourpicker {
-        let _class_16: string[];
-        export { _class_16 as class };
-    }
-    namespace minutepicker {
-        let _class_17: string[];
-        export { _class_17 as class };
-    }
-    namespace secondPicker {
-        let _class_18: string[];
-        export { _class_18 as class };
-    }
-    namespace incrementbutton {
-        let _class_19: string[];
-        export { _class_19 as class };
-    }
-    namespace decrementbutton {
-        let _class_20: string[];
-        export { _class_20 as class };
-    }
-    namespace groupcontainer {
-        let _class_21: string[];
-        export { _class_21 as class };
-    }
-    namespace group {
-        let _class_22: string[];
-        export { _class_22 as class };
-    }
-    namespace buttonbar {
-        let _class_23: string[];
-        export { _class_23 as class };
-    }
-    namespace todaybutton {
-        export namespace root_2 {
-            let _class_24: string[];
-            export { _class_24 as class };
-        }
-        export { root_2 as root };
-    }
-    namespace clearbutton {
-        export namespace root_3 {
-            let _class_25: string[];
-            export { _class_25 as class };
-        }
-        export { root_3 as root };
-    }
-    namespace transition {
-        let enterFromClass: string;
-        let enterActiveClass: string;
-        let leaveActiveClass: string;
-        let leaveToClass: string;
-    }
-}
-export default _default;
+import { CalendarPresetOptions } from 'lib/components/calendar/Calendar.vue.d';
+declare const preset: CalendarPresetOptions;
+export default preset;