@fewangsit/wangsvue-presets 1.0.91-alpha.2 → 1.0.91-alpha.3

package/fixedasset/style.css

@@ -2898,6 +2898,11 @@
   border-color: rgb(0 99 247 / var(--tw-border-opacity));
 }
 
+.border-primary-700{
+  --tw-border-opacity: 1;
+  border-color: rgb(0 59 148 / var(--tw-border-opacity));
+}
+
 .border-success-500{
   --tw-border-opacity: 1;
   border-color: rgb(0 164 85 / var(--tw-border-opacity));
@@ -2971,6 +2976,15 @@
   background-color: rgb(0 99 247 / 0.9) !important;
 }
 
+.\!bg-primary-700{
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(0 59 148 / var(--tw-bg-opacity)) !important;
+}
+
+.\!bg-primary-700\/90{
+  background-color: rgb(0 59 148 / 0.9) !important;
+}
+
 .\!bg-success-500{
   --tw-bg-opacity: 1 !important;
   background-color: rgb(0 164 85 / var(--tw-bg-opacity)) !important;
@@ -3197,6 +3211,15 @@
   background-color: rgb(0 80 199 / var(--tw-bg-opacity));
 }
 
+.bg-primary-700{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 59 148 / var(--tw-bg-opacity));
+}
+
+.bg-primary-700\/20{
+  background-color: rgb(0 59 148 / 0.2);
+}
+
 .bg-purple-300\/20{
   background-color: rgb(216 180 254 / 0.2);
 }
@@ -3928,6 +3951,11 @@
   color: rgb(0 99 247 / var(--tw-text-opacity)) !important;
 }
 
+.\!text-primary-700{
+  --tw-text-opacity: 1 !important;
+  color: rgb(0 59 148 / var(--tw-text-opacity)) !important;
+}
+
 .\!text-primary-800{
   --tw-text-opacity: 1 !important;
   color: rgb(0 39 97 / var(--tw-text-opacity)) !important;
@@ -4057,6 +4085,11 @@
   color: rgb(0 80 199 / var(--tw-text-opacity));
 }
 
+.text-primary-700{
+  --tw-text-opacity: 1;
+  color: rgb(0 59 148 / var(--tw-text-opacity));
+}
+
 .text-primary-800{
   --tw-text-opacity: 1;
   color: rgb(0 39 97 / var(--tw-text-opacity));
@@ -4168,6 +4201,12 @@
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.shadow-\[-4px_4px_20px_0px_\#0000001A\]{
+  --tw-shadow: -4px 4px 20px 0px #0000001A;
+  --tw-shadow-colored: -4px 4px 20px 0px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .shadow-\[0px_4px_4px_0px_\#00000040\]{
   --tw-shadow: 0px 4px 4px 0px #00000040;
   --tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color);
@@ -4304,6 +4343,11 @@
   --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity)) !important;
 }
 
+.\!ring-primary-700{
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(0 59 148 / var(--tw-ring-opacity)) !important;
+}
+
 .\!ring-transparent{
   --tw-ring-color: transparent !important;
 }
@@ -4416,6 +4460,11 @@
   --tw-ring-color: rgb(0 80 199 / var(--tw-ring-opacity));
 }
 
+.ring-primary-700{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(0 59 148 / var(--tw-ring-opacity));
+}
+
 .ring-purple-400\/50{
   --tw-ring-color: rgb(192 132 252 / 0.5);
 }
@@ -5053,6 +5102,12 @@ h6,
   border-color: rgb(0 99 247 / var(--tw-border-opacity));
 }
 
+.after\:border-primary-700::after{
+  content: var(--tw-content);
+  --tw-border-opacity: 1;
+  border-color: rgb(0 59 148 / var(--tw-border-opacity));
+}
+
 .after\:bg-inherit::after{
   content: var(--tw-content);
   background-color: inherit;
@@ -5162,6 +5217,11 @@ h6,
   --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity));
 }
 
+.focus-within\:ring-primary-700:focus-within{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(0 59 148 / var(--tw-ring-opacity));
+}
+
 .hover\:mx-6:hover{
   margin-left: 1.5rem;
   margin-right: 1.5rem;
@@ -5192,6 +5252,11 @@ h6,
   border-color: rgb(0 80 199 / var(--tw-border-opacity));
 }
 
+.hover\:border-primary-700:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(0 59 148 / var(--tw-border-opacity));
+}
+
 .hover\:\!bg-danger-500\/90:hover{
   background-color: rgb(255 0 34 / 0.9) !important;
 }
@@ -5218,6 +5283,10 @@ h6,
   background-color: rgb(0 99 247 / 0.9) !important;
 }
 
+.hover\:\!bg-primary-700\/90:hover{
+  background-color: rgb(0 59 148 / 0.9) !important;
+}
+
 .hover\:\!bg-success-500\/90:hover{
   background-color: rgb(0 164 85 / 0.9) !important;
 }
@@ -5373,6 +5442,19 @@ h6,
   background-color: rgb(0 80 199 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-primary-700:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 59 148 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-primary-700\/20:hover{
+  background-color: rgb(0 59 148 / 0.2);
+}
+
+.hover\:bg-primary-700\/\[8\%\]:hover{
+  background-color: rgb(0 59 148 / 8%);
+}
+
 .hover\:bg-purple-300\/20:hover{
   background-color: rgb(216 180 254 / 0.2);
 }
@@ -5617,6 +5699,11 @@ h6,
   --tw-ring-color: rgb(0 80 199 / var(--tw-ring-opacity));
 }
 
+.focus\:ring-primary-700:focus{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(0 59 148 / var(--tw-ring-opacity));
+}
+
 .focus\:ring-purple-400\/50:focus{
   --tw-ring-color: rgb(192 132 252 / 0.5);
 }
@@ -5720,6 +5807,11 @@ h6,
   --tw-ring-color: rgb(0 80 199 / var(--tw-ring-opacity));
 }
 
+.focus-visible\:ring-primary-700:focus-visible{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(0 59 148 / var(--tw-ring-opacity));
+}
+
 .active\:bg-danger-500\/90:active{
   background-color: rgb(255 0 34 / 0.9);
 }
@@ -5752,6 +5844,14 @@ h6,
   background-color: rgb(0 99 247 / 12%);
 }
 
+.active\:bg-primary-700\/90:active{
+  background-color: rgb(0 59 148 / 0.9);
+}
+
+.active\:bg-primary-700\/\[12\%\]:active{
+  background-color: rgb(0 59 148 / 12%);
+}
+
 .active\:bg-success-500\/90:active{
   background-color: rgb(0 164 85 / 0.9);
 }
@@ -5805,6 +5905,10 @@ h6,
   outline-color: rgb(0 99 247 / 5%) !important;
 }
 
+.peer:focus-visible ~ .peer-focus-visible\:\!outline-primary-700\/\[5\%\]{
+  outline-color: rgb(0 59 148 / 5%) !important;
+}
+
 .peer:focus-visible ~ .peer-focus-visible\:ring-2{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -5830,6 +5934,11 @@ h6,
   --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity));
 }
 
+.peer:focus-visible ~ .peer-focus-visible\:ring-primary-700{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(0 59 148 / var(--tw-ring-opacity));
+}
+
 .peer:focus-visible ~ .peer-focus-visible\:ring-offset-0{
   --tw-ring-offset-width: 0px;
 }
@@ -6058,6 +6167,11 @@ h6,
   --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity)) !important;
 }
 
+.\[\&\:has\(\:focus\)\]\:\!ring-primary-700:has(:focus){
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(0 59 148 / var(--tw-ring-opacity)) !important;
+}
+
 .\[\&\:has\(\:focus\)\]\:ring-primary-400:has(:focus){
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(46 130 255 / var(--tw-ring-opacity));
@@ -6068,6 +6182,11 @@ h6,
   --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity));
 }
 
+.\[\&\:has\(\:focus\)\]\:ring-primary-700:has(:focus){
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(0 59 148 / var(--tw-ring-opacity));
+}
+
 .\[\&\:has\(\:focus\)_\.inputgroupaddon\]\:\!ring-primary-400:has(:focus) .inputgroupaddon{
   --tw-ring-opacity: 1 !important;
   --tw-ring-color: rgb(46 130 255 / var(--tw-ring-opacity)) !important;
@@ -6078,6 +6197,11 @@ h6,
   --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity)) !important;
 }
 
+.\[\&\:has\(\:focus\)_\.inputgroupaddon\]\:\!ring-primary-700:has(:focus) .inputgroupaddon{
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgb(0 59 148 / var(--tw-ring-opacity)) !important;
+}
+
 .\[\&\:has\(\[data-wv-section\=rowcheckbox\]\)\]\:text-center:has([data-wv-section=rowcheckbox]){
   text-align: center;
 }
@@ -6139,6 +6263,11 @@ h6,
   background-color: rgb(0 99 247 / var(--tw-bg-opacity));
 }
 
+.\[\&\[aria-selected\=\"true\"\]\]\:bg-primary-700[aria-selected="true"]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 59 148 / var(--tw-bg-opacity));
+}
+
 .\[\&\[aria-selected\=\"true\"\]\]\:text-white[aria-selected="true"]{
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));

package/package.json

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

package/supplyasset/badge/index.d.ts

@@ -6,7 +6,7 @@ declare namespace _default {
             'text-general-400 bg-general-100': any;
             'text-success-500 bg-success-100': boolean;
             'text-info-500 bg-info-50': boolean;
-            'text-primary-500 bg-primary-50': boolean;
+            'text-primary-700 bg-primary-50': boolean;
             'text-grayscale-800 bg-grayscale-200': boolean;
             'text-warning-600 bg-warning-100': boolean;
             'text-danger-600 bg-danger-100': boolean;
@@ -27,7 +27,7 @@ declare namespace _default {
         props: any;
     }): {
         class: (string | {
-            'text-primary-500': boolean;
+            'text-primary-700': boolean;
             'text-success-500': boolean;
             'text-info-500': boolean;
             'text-danger-600': boolean;

package/supplyasset/badge/index.js

@@ -16,7 +16,7 @@ exports.default = {
                     'text-general-400 bg-general-100': props.disabled,
                     'text-success-500 bg-success-100': !props.disabled && props.severity == 'success',
                     'text-info-500 bg-info-50': !props.disabled && props.severity == 'info',
-                    'text-primary-500 bg-primary-50': !props.disabled &&
+                    'text-primary-700 bg-primary-50': !props.disabled &&
                         (props.severity == null || props.severity == 'primary'),
                     'text-grayscale-800 bg-grayscale-200': !props.disabled && props.severity == 'dark',
                     'text-warning-600 bg-warning-100': !props.disabled && props.severity == 'warning',
@@ -45,7 +45,7 @@ exports.default = {
             'class': [
                 '!p-0 !w-[10px] !h-[10px] ml-1',
                 {
-                    'text-primary-500': !props.disabled &&
+                    'text-primary-700': !props.disabled &&
                         (!props.badgeSeverity || props.badgeSeverity === 'primary'),
                     'text-success-500': !props.disabled && props.badgeSeverity === 'success',
                     'text-info-500': !props.disabled && props.badgeSeverity === 'info',

package/supplyasset/badgedirective/index.d.ts

@@ -9,7 +9,7 @@ declare namespace _default {
             'min-w-[1rem] h-4': boolean;
             'rounded-full'?: undefined;
             'rounded-[10px]'?: undefined;
-            'bg-primary-500'?: undefined;
+            'bg-primary-700'?: undefined;
             'bg-surface-500'?: undefined;
             'bg-green-500'?: undefined;
             'bg-blue-500'?: undefined;
@@ -23,7 +23,7 @@ declare namespace _default {
             'p-1'?: undefined;
             'min-w-[0.5rem] h-2'?: undefined;
             'min-w-[1rem] h-4'?: undefined;
-            'bg-primary-500'?: undefined;
+            'bg-primary-700'?: undefined;
             'bg-surface-500'?: undefined;
             'bg-green-500'?: undefined;
             'bg-blue-500'?: undefined;
@@ -31,7 +31,7 @@ declare namespace _default {
             'bg-purple-500'?: undefined;
             'bg-red-500'?: undefined;
         } | {
-            'bg-primary-500': boolean;
+            'bg-primary-700': boolean;
             'bg-surface-500': any;
             'bg-green-500': any;
             'bg-blue-500': any;

package/supplyasset/badgedirective/index.js

@@ -30,7 +30,7 @@ exports.default = {
                 'text-white',
                 'ring-1 ring-white',
                 {
-                    'bg-primary-500': !context.info &&
+                    'bg-primary-700': !context.info &&
                         !context.success &&
                         !context.warning &&
                         !context.danger &&

package/supplyasset/badgegroup/index.js

@@ -8,7 +8,7 @@ exports.default = {
         'data-wv-section': 'root',
     },
     showmorebutton: {
-        'class': '!p-1 !h-auto text-primary-500 !font-medium text-xs leading-4 tracking-[0.02em]',
+        'class': '!p-1 !h-auto text-primary-700 !font-medium text-xs leading-4 tracking-[0.02em]',
         'data-wv-section': 'showmorebutton',
     },
     showmoredialog: {

package/supplyasset/breadcrumb/index.d.ts

@@ -9,7 +9,7 @@ declare namespace _default {
     }): {
         class: {
             'font-bold text-general-400': any;
-            'text-primary-500': boolean;
+            'text-primary-700': boolean;
         };
         'data-wv-section': string;
     };

package/supplyasset/breadcrumb/index.js

@@ -15,7 +15,7 @@ exports.default = {
         return ({
             'class': {
                 'font-bold text-general-400': context.lastItem,
-                'text-primary-500': !context.lastItem && !context.firstItem,
+                'text-primary-700': !context.lastItem && !context.firstItem,
             },
             'data-wv-section': 'breadcrumb-menu',
         });

package/supplyasset/button/index.js

@@ -43,10 +43,10 @@ exports.default = {
                     'text-white bg-gray-500 ring-1 ring-gray-500': props.plain && !props.outlined && !props.text,
                 },
                 // Plain Text Button
-                { 'text-primary-500': props.plain && props.text },
+                { 'text-primary-700': props.plain && props.text },
                 // Plain Outlined Button
                 {
-                    'text-primary-500 ring-1 ring-gray-500': props.plain && props.outlined,
+                    'text-primary-700 ring-1 ring-gray-500': props.plain && props.outlined,
                 },
                 // Text Button
                 { 'bg-transparent ring-transparent': props.text && !props.plain },
@@ -85,24 +85,24 @@ exports.default = {
                         !props.text &&
                         !props.outlined &&
                         !props.plain,
-                    'bg-primary-500': (props.severity == null || props.severity === 'primary') &&
+                    'bg-primary-700': (props.severity == null || props.severity === 'primary') &&
                         !props.text &&
                         !props.outlined &&
                         !props.plain,
-                    'ring-1 ring-primary-500': (props.severity == null || props.severity === 'primary') &&
+                    'ring-1 ring-primary-700': (props.severity == null || props.severity === 'primary') &&
                         !props.text &&
                         !props.outlined &&
                         !props.plain,
                 },
                 // Primary Blue Text Button
                 {
-                    'text-primary-500': props.text &&
+                    'text-primary-700': props.text &&
                         (props.severity == null || props.severity === 'primary') &&
                         !props.plain,
                 },
                 // Primary Blue Outlined Button
                 {
-                    'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-500/20': props.outlined &&
+                    'text-primary-700 ring-1 ring-primary-700 hover:bg-primary-700/20': props.outlined &&
                         (props.severity == null || props.severity === 'primary') &&
                         !props.plain,
                 },
@@ -254,7 +254,7 @@ exports.default = {
                 },
                 // Text & Outlined Button
                 {
-                    'hover:bg-primary-500/20': props.plain && (props.text || props.outlined),
+                    'hover:bg-primary-700/20': props.plain && (props.text || props.outlined),
                 },
                 // Secondary
                 {
@@ -267,8 +267,8 @@ exports.default = {
                 },
                 // Primary
                 {
-                    'hover:bg-primary-500/[8%] active:bg-primary-500/[12%] ': props.severity == null || props.severity === 'primary',
-                    'hover:shadow-hover active:!shadow-none hover:!bg-primary-500/90 active:bg-primary-500/90 hover:ring-0': !props.link &&
+                    'hover:bg-primary-700/[8%] active:bg-primary-700/[12%] ': props.severity == null || props.severity === 'primary',
+                    'hover:shadow-hover active:!shadow-none hover:!bg-primary-700/90 active:bg-primary-700/90 hover:ring-0': !props.link &&
                         (props.severity == null || props.severity === 'primary') &&
                         !props.text &&
                         !props.outlined &&
@@ -354,7 +354,7 @@ exports.default = {
                         !props.plain,
                 },
                 {
-                    'focus:ring-primary-500': props.severity === 'contrast',
+                    'focus:ring-primary-700': props.severity === 'contrast',
                 },
                 // Text & Outlined Button
                 {

package/supplyasset/buttonbulkaction/index.js

@@ -36,7 +36,7 @@ exports.default = {
                 'class': [
                     'flex items-center gap-1 transition-all shrink-0',
                     'py-[5px] px-3',
-                    'ring-inset ring-1 ring-primary-500 rounded',
+                    'ring-inset ring-1 ring-primary-700 rounded',
                     { 'opacity-60': props.disabled, 'pointer-events-none': props.disabled },
                 ],
                 'data-wv-section': 'dropdownmenu',
@@ -46,13 +46,13 @@ exports.default = {
             var props = _a.props, state = _a.state;
             return ({
                 class: [
-                    'w-full h-full transition-transform !text-primary-500 cursor-pointer',
+                    'w-full h-full transition-transform !text-primary-700 cursor-pointer',
                     'text-xs font-medium outline-none tracking-[0.02em] leading-4',
                 ],
             });
         },
         trigger: {
-            class: ['text-primary-500 [&_i]:w-4 [&_i]:h-4 shrink-0'],
+            class: ['text-primary-700 [&_i]:w-4 [&_i]:h-4 shrink-0'],
         },
         item: function () { return ''; },
     },

package/supplyasset/buttondownload/index.js

@@ -6,7 +6,7 @@ exports.default = {
         return ({
             'class': [
                 'rounded ring-1 ring-success-500 p-[5px] ring-inset',
-                'focus-within:ring-2 focus-within:ring-primary-500 focus-within:outline-none',
+                'focus-within:ring-2 focus-within:ring-primary-700 focus-within:outline-none',
                 'flex gap-1 items-center',
                 'text-success-500',
                 { 'px-3': props.label },

package/supplyasset/buttonradio/index.d.ts

@@ -6,7 +6,7 @@ declare namespace _default {
             'bg-white': boolean;
             'bg-general-50': boolean;
             'ring-general-100': boolean;
-            'ring-primary-500': boolean;
+            'ring-primary-700': boolean;
             'ring-general-200': any;
             '!ring-danger-500'?: undefined;
         } | {
@@ -14,7 +14,7 @@ declare namespace _default {
             'bg-white'?: undefined;
             'bg-general-50'?: undefined;
             'ring-general-100'?: undefined;
-            'ring-primary-500'?: undefined;
+            'ring-primary-700'?: undefined;
             'ring-general-200'?: undefined;
         })[];
         'data-wv-name': string;
@@ -24,14 +24,14 @@ declare namespace _default {
         props: any;
     }): {
         class: (string | {
-            'bg-primary-500': boolean;
+            'bg-primary-700': boolean;
             'bg-general-200': any;
             'outline-none outline-offset-0'?: undefined;
             'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-primary-400/[8%]'?: undefined;
         } | {
             'outline-none outline-offset-0': boolean;
             'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-primary-400/[8%]': boolean;
-            'bg-primary-500'?: undefined;
+            'bg-primary-700'?: undefined;
             'bg-general-200'?: undefined;
         })[];
     };

package/supplyasset/buttonradio/index.js

@@ -20,7 +20,7 @@ exports.default = {
                     'bg-white': !props.disabled || props.value == props.modelValue,
                     'bg-general-50': props.disabled && props.value != props.modelValue,
                     'ring-general-100': !props.disabled && props.value != props.modelValue,
-                    'ring-primary-500': !props.disabled && props.value == props.modelValue,
+                    'ring-primary-700': !props.disabled && props.value == props.modelValue,
                     'ring-general-200': props.disabled,
                 },
                 {
@@ -50,7 +50,7 @@ exports.default = {
                 'transition duration-200 ease-in-out',
                 // Colors
                 {
-                    'bg-primary-500': props.value == props.modelValue &&
+                    'bg-primary-700': props.value == props.modelValue &&
                         props.value !== undefined &&
                         !props.disabled,
                     'bg-general-200': props.value == props.modelValue &&

package/supplyasset/buttonsearch/index.js

@@ -8,7 +8,7 @@ exports.default = {
                 'class': [
                     { 'w-max': !context.showSearchInput },
                     'ring-1 ring-general-500 rounded p-[5px] ring-inset',
-                    'focus-within:ring-2 focus-within:ring-primary-500 focus-within:outline-none',
+                    'focus-within:ring-2 focus-within:ring-primary-700 focus-within:outline-none',
                 ],
                 'data-wv-section': 'buttontrigger',
             });
@@ -23,7 +23,7 @@ exports.default = {
             return ({
                 'class': [
                     { 'w-max': !context.showSearchInput },
-                    'focus-within:ring-2 focus-within:ring-primary-500 focus-within:outline-none rounded',
+                    'focus-within:ring-2 focus-within:ring-primary-700 focus-within:outline-none rounded',
                 ],
                 'data-wv-section': 'collapsebutton',
             });
@@ -38,7 +38,7 @@ exports.default = {
             return ({
                 'class': [
                     { invisible: !query },
-                    'focus-within:ring-2 focus-within:ring-primary-500 focus-within:outline-none rounded',
+                    'focus-within:ring-2 focus-within:ring-primary-700 focus-within:outline-none rounded',
                 ],
                 'data-wv-section': 'resetbutton',
             });
@@ -53,7 +53,7 @@ exports.default = {
                 { show: context.showSearchInput },
                 'grid grid-cols-[max-content,auto,max-content] items-center gap-1',
                 'py-[5px] px-2 h-max max-w-[224px]',
-                'ring-inset ring-1 ring-general-500 rounded focus-within:outline-none focus-within:ring-primary-500 focus-within:ring-2',
+                'ring-inset ring-1 ring-general-500 rounded focus-within:outline-none focus-within:ring-primary-700 focus-within:ring-2',
             ],
             'data-wv-section': 'form',
         });

package/supplyasset/calendar/index.js

@@ -307,7 +307,7 @@ var preset = {
                 {
                     'bg-general-100': context.date.today && !context.selected,
                     'bg-primary-200 rounded-none': context.selected && !context.disabled,
-                    '!rounded-full bg-primary-500 text-white': context.firstSelected || context.lastSelected,
+                    '!rounded-full bg-primary-700 text-white': context.firstSelected || context.lastSelected,
                 },
                 {
                     '!rounded-full': !context.selected,
@@ -316,7 +316,7 @@ var preset = {
                 'focus:outline-none focus-visible:outline-none',
                 {
                     'hover:bg-primary-200/90': context.selected,
-                    'hover:!bg-primary-500/90': context.lastSelected || context.firstSelected,
+                    'hover:!bg-primary-700/90': context.lastSelected || context.firstSelected,
                     'hover:bg-general-50': !context.selected && !context.date.today,
                     'hover:bg-general-100/90': context.date.today,
                 },

package/supplyasset/carousel/index.d.ts

@@ -50,7 +50,7 @@ declare namespace _default {
     }): {
         class: (string | {
             'bg-surface-200 hover:bg-surface-300': boolean;
-            'bg-primary-500 hover:bg-primary-600': any;
+            'bg-primary-700 hover:bg-primary-600': any;
         })[];
     };
 }

package/supplyasset/carousel/index.js

@@ -121,7 +121,7 @@ exports.default = {
                 // Color & Background
                 {
                     'bg-surface-200 hover:bg-surface-300': !context.highlighted,
-                    'bg-primary-500 hover:bg-primary-600': context.highlighted,
+                    'bg-primary-700 hover:bg-primary-600': context.highlighted,
                 },
             ],
         });

package/supplyasset/changelog/index.js

@@ -9,7 +9,7 @@ exports.default = {
                 buttonClass,
                 'w-max',
                 'rounded p-[5px] ring-inset',
-                'focus-within:ring-2 focus-within:ring-primary-500 focus-within:outline-none',
+                'focus-within:ring-2 focus-within:ring-primary-700 focus-within:outline-none',
                 (_b = {},
                     _b["ring-1 ring-".concat(props.severity === 'secondary' ? 'general' : props.severity, "-500")] = props.outlined && !props.text,
                     _b['ring-0'] = !props.outlined || props.text,