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

package/wangsvue/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/wangsvue/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/wangsvue/style.css

@@ -1573,10 +1573,6 @@
   min-height: 15rem;
 }
 
-.min-h-\[26\.8px\]{
-  min-height: 26.8px;
-}
-
 .min-h-\[26px\]{
   min-height: 26px;
 }
@@ -1605,10 +1601,6 @@
   width: 10px !important;
 }
 
-.\!w-\[272px\]{
-  width: 272px !important;
-}
-
 .\!w-\[clamp\(360px\2c 75vw\2c 400px\)\]{
   width: clamp(360px,75vw,400px) !important;
 }
@@ -1717,6 +1709,10 @@
   width: 224px;
 }
 
+.w-\[272px\]{
+  width: 272px;
+}
+
 .w-\[2px\]{
   width: 2px;
 }
@@ -1733,6 +1729,10 @@
   width: 35px;
 }
 
+.w-\[39px\]{
+  width: 39px;
+}
+
 .w-\[400px\]{
   width: 400px;
 }
@@ -1831,14 +1831,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;
@@ -2196,10 +2188,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));
 }
@@ -2539,11 +2527,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;
@@ -2554,6 +2537,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;
@@ -2847,6 +2835,15 @@
   background-color: rgb(238 235 211 / var(--tw-bg-opacity)) !important;
 }
 
+.\!bg-primary-1000{
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(105 82 0 / var(--tw-bg-opacity)) !important;
+}
+
+.\!bg-primary-1000\/90{
+  background-color: rgb(105 82 0 / 0.9) !important;
+}
+
 .\!bg-primary-50{
   --tw-bg-opacity: 1 !important;
   background-color: rgb(248 247 238 / var(--tw-bg-opacity)) !important;
@@ -2857,6 +2854,10 @@
   background-color: rgb(159 124 60 / var(--tw-bg-opacity)) !important;
 }
 
+.\!bg-primary-500\/90{
+  background-color: rgb(159 124 60 / 0.9) !important;
+}
+
 .\!bg-success-500{
   --tw-bg-opacity: 1 !important;
   background-color: rgb(0 147 132 / var(--tw-bg-opacity)) !important;
@@ -2923,6 +2924,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));
@@ -3017,6 +3022,10 @@
   background-color: rgb(238 235 211 / var(--tw-bg-opacity));
 }
 
+.bg-primary-100\/90{
+  background-color: rgb(238 235 211 / 0.9);
+}
+
 .bg-primary-1000{
   --tw-bg-opacity: 1;
   background-color: rgb(105 82 0 / var(--tw-bg-opacity));
@@ -3031,6 +3040,10 @@
   background-color: rgb(223 215 169 / var(--tw-bg-opacity));
 }
 
+.bg-primary-200\/90{
+  background-color: rgb(223 215 169 / 0.9);
+}
+
 .bg-primary-300{
   --tw-bg-opacity: 1;
   background-color: rgb(205 188 119 / var(--tw-bg-opacity));
@@ -3427,10 +3440,6 @@
   padding-bottom: 0.625rem;
 }
 
-.pb-4{
-  padding-bottom: 1rem;
-}
-
 .pb-6{
   padding-bottom: 1.5rem;
 }
@@ -3443,10 +3452,6 @@
   padding-left: 0px;
 }
 
-.pl-0\.5{
-  padding-left: 0.125rem;
-}
-
 .pl-1{
   padding-left: 0.25rem;
 }
@@ -3479,10 +3484,6 @@
   padding-right: 0px;
 }
 
-.pr-0\.5{
-  padding-right: 0.125rem;
-}
-
 .pr-1{
   padding-right: 0.25rem;
 }
@@ -3511,10 +3512,6 @@
   padding-right: 1.75rem;
 }
 
-.pr-9{
-  padding-right: 2.25rem;
-}
-
 .pr-\[12px\]{
   padding-right: 12px;
 }
@@ -4966,14 +4963,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;
 }
@@ -5085,6 +5074,10 @@ h6,
   background-color: rgb(38 38 39 / 0.9) !important;
 }
 
+.hover\:\!bg-primary-1000\/90:hover{
+  background-color: rgb(105 82 0 / 0.9) !important;
+}
+
 .hover\:\!bg-primary-400\/90:hover{
   background-color: rgb(189 165 82 / 0.9) !important;
 }
@@ -5137,6 +5130,10 @@ h6,
   background-color: rgb(183 75 36 / 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));
@@ -5189,13 +5186,16 @@ h6,
   background-color: rgb(238 235 211 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-primary-100\/90:hover{
+  background-color: rgb(238 235 211 / 0.9);
+}
+
 .hover\:bg-primary-1000\/90:hover{
   background-color: rgb(105 82 0 / 0.9);
 }
 
-.hover\:bg-primary-200:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(223 215 169 / var(--tw-bg-opacity));
+.hover\:bg-primary-200\/90:hover{
+  background-color: rgb(223 215 169 / 0.9);
 }
 
 .hover\:bg-primary-300:hover{
@@ -5299,11 +5299,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(189 165 82 / var(--tw-text-opacity));
@@ -5734,9 +5729,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){
@@ -6113,22 +6108,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;
 }
@@ -6150,39 +6133,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;
 }