@okaapp/oka-ui-sv 0.4.2 → 0.4.3

package/dist/components/core/button/button.css

@@ -1,5 +1,5 @@
 .button {
-    width: fit-content;
+    width: max-content;
     cursor: pointer;
     border-radius: 12px;
     display: inline-flex;

package/dist/components/core/select/SingleSelect.svelte

@@ -11,7 +11,6 @@
         value = $bindable(),
         items = [] as SelectItem[],
         placeholder = "Chọn ở đây",
-        class: className,
         ...props
     } = $props();
 

package/dist/components/core/select/SingleSelect.svelte.d.ts

@@ -4,7 +4,6 @@ declare const SingleSelect: import("svelte").Component<{
     value?: any;
     items?: SelectItem[];
     placeholder?: string;
-    class: any;
 } & Record<string, any>, {}, "value">;
 type SingleSelect = ReturnType<typeof SingleSelect>;
 export default SingleSelect;

package/dist/components/core/select/select.css

@@ -44,8 +44,8 @@
 
 .select-trigger:disabled {
     cursor: not-allowed;
-    background-color: var(--surface-tertiary);
-    border-color: var(--stroke-muted);
+    background-color: var(--stroke-muted);
+    border-color: var(--stroke-light);
 }
 
 .select-trigger:invalid {

package/dist/components/core/tooltips/tooltips.css

@@ -13,7 +13,8 @@
     border-radius: 12px;
     font-size: 14px;
     font-weight: 500;
-    max-width: 200px;
+    max-width: 320px;
+    width: max-content;
     word-wrap: break-word;
     /* box-shadow: 0 0 12px rgba(0, 0, 0, 0.12); */
     animation: tooltip-in 200ms ease-out;

package/dist/components/styling/oka-style-provider/oka-style.css

@@ -319,27 +319,27 @@ body.neutral-dark {
 }
 
 body.nord-light {
-    --accent-primary: #88C0D0;
-    --accent-primary-content: #2E3440;
-    --accent-primary-surface: #D8DEE9;
-    --accent-secondary: #b93552;
-    --accent-secondary-content: #52212d;
-    --accent-secondary-surface: #f7e0e8;
-    --action-primary: #88C0D0;
-    --action-primary-hover: #8FBCBB;
-    --action-primary-muted: #C0CAD6;
-    --action-primary-press: #5E81AC;
+    --accent-primary: #1BD4DA;
+    --accent-primary-content: #194749;
+    --accent-primary-surface: #C9F7F8;
+    --accent-secondary: #E62263;
+    --accent-secondary-content: #25040F;
+    --accent-secondary-surface: #fdcfde;
+    --action-primary: #149FA3;
+    --action-primary-hover: #16B0B6;
+    --action-primary-muted: #CBD3E1;
+    --action-primary-press: #128D91;
     --action-secondary: #d1d9e7;
-    --action-secondary-hover: #D8DEE9;
+    --action-secondary-hover: #e2e6ee;
     --action-secondary-press: #C0CAD6;
     --content-inversed: #ECEFF4;
-    --content-muted: #70798C;
+    --content-muted: #b7bcc9;
     --content-primary: #2E3440;
     --content-secondary: #3B4252;
     --content-tertiary: #4C566A;
     --stroke-bold: #3B4252;
-    --stroke-light: #D8DEE9;
-    --stroke-medium: #B0BEC5;
+    --stroke-light: #c6ced8;
+    --stroke-medium: #a8b6bd;
     --stroke-muted: #C0CAD6;
     --stroke-xtrabold: #2E3440;
     --surface-primary: #ECEFF4;
@@ -349,7 +349,7 @@ body.nord-light {
 
 body.nord-dark {
     --accent-primary: #88C0D0;
-    --accent-primary-content: #ECEFF4;
+    --accent-primary-content: #cfdee2;
     --accent-primary-surface: #3B4252;
     --accent-secondary: #b83556;
     --accent-secondary-content: #f7e0e8;
@@ -363,7 +363,7 @@ body.nord-dark {
     --action-secondary-press: #2E3440;
     --content-error: #EBCB8B;
     --content-inversed: #2E3440;
-    --content-muted: #70798C;
+    --content-muted: #5f6779;
     --content-primary: #ECEFF4;
     --content-secondary: #D8DEE9;
     --content-severe: #EBCB8B;
@@ -436,15 +436,15 @@ body.nord-dark {
 }
 
 body.fengshui-kim {
-    --accent-primary: #F99D1B;
+    --accent-primary: #FAB01B;
     --accent-primary-content: #442f07;
-    --accent-primary-surface: #FFF3D6;
-    --accent-secondary: #FFD463;
+    --accent-primary-surface: #FFF1D7;
+    --accent-secondary: #FFD863;
     --accent-secondary-content: #463500;
-    --accent-secondary-surface: #FFEFBE;
+    --accent-secondary-surface: #FFF0C2;
 
-    --action-primary: #dfa30a;
-    --action-primary-hover: #f9b31b;
+    --action-primary: #C88704;
+    --action-primary-hover: #FAB01B;
     --action-primary-muted: #FFEFBE;
     --action-primary-press: #e6a900;
     --action-secondary: #f1e3c3;
@@ -455,149 +455,149 @@ body.fengshui-kim {
     --content-muted: #dad1bc;
     --content-primary: #2C1B00;
     --content-secondary: #5C4500;
-    --content-tertiary: #8C7C5C;
+    --content-tertiary: #685734;
 
-    --stroke-bold: #E68A00;
-    --stroke-light: #FFEFBE;
-    --stroke-medium: #FFE6A0;
-    --stroke-muted: #FFF3D6;
-    --stroke-xtrabold: #2C1B00;
+    --stroke-bold: #FBBA37;
+    --stroke-light: #FDDC93;
+    --stroke-medium: #FCC85F;
+    --stroke-muted: #FEEAC3;
+    --stroke-xtrabold: #FAAC0F;
 
     --surface-primary: #FFF;
-    --surface-secondary: #FFF8E9;
-    --surface-tertiary: #FFF3D6;
+    --surface-secondary: #FFF8EB;
+    --surface-tertiary: #FFF1D7;
 }
 
 body.fengshui-moc {
-    --accent-primary: #BDE23A;
-    --accent-primary-content: #314419;
-    --accent-primary-surface: #F4FBE4;
-    --accent-secondary: #31ba1f;
-    --accent-secondary-content: #133f12;
-    --accent-secondary-surface: #99e78a;
-
-    --action-primary: #89c014;
-    --action-primary-hover: #BDE23A;
-    --action-primary-muted: #e4ebd5;
-    --action-primary-press: #93C82A;
-    --action-secondary: #e3eccc;
-    --action-secondary-hover: #E9F5C2;
-    --action-secondary-press: #DDF1A5;
-
-    --content-inversed: #F4FBE4;
-    --content-muted: #5E6B4A;
+    --accent-primary: #37BA20;
+    --accent-primary-content: #0F3409;
+    --accent-primary-surface: #E0F9DC;
+    --accent-secondary: #99E62E;
+    --accent-secondary-content: #172504;
+    --accent-secondary-surface: #EDFBDA;
+
+    --action-primary: #37BA20;
+    --action-primary-hover: #48DC2E;
+    --action-primary-muted: #D1F6CB;
+    --action-primary-press: #2E9D1B;
+    --action-secondary: #E4F9C8;
+    --action-secondary-hover: #D3F4A4;
+    --action-secondary-press: #CAF291;
+
+    --content-inversed: #fff;
+    --content-muted: #CFD8C1;
     --content-primary: #1D2C13;
     --content-secondary: #38472A;
     --content-tertiary: #6B7A52;
 
-    --stroke-bold: #93C82A;
-    --stroke-light: #E6F4C7;
-    --stroke-medium: #C9E78A;
-    --stroke-muted: #DDF1A5;
-    --stroke-xtrabold: #2C3A1A;
+    --stroke-bold: #66E151;
+    --stroke-light: #C2F3B9;
+    --stroke-medium: #A3ED96;
+    --stroke-muted: #D1F6CB;
+    --stroke-xtrabold: #48DC2E;
 
     --surface-primary: #FFF;
-    --surface-secondary: #F9FDF1;
-    --surface-tertiary: #F4FBE4;
+    --surface-secondary: #F0FCEE;
+    --surface-tertiary: #E0F9DC;
 }
 
 body.fengshui-thuy {
-    --accent-primary: #0E93D3;
-    --accent-primary-content: #0c3547;
-    --accent-primary-surface: #d6e8f1;
-    --accent-secondary: #37e8e8;
-    --accent-secondary-content: #0e4444;
-    --accent-secondary-surface: #d7fbfc;
-
-    --action-primary: #37B2E8;
-    --action-primary-hover: #0E93D3;
-    --action-primary-muted: #D7F0FC;
-    --action-primary-press: #0078B6;
-    --action-secondary: #e6f1f7;
-    --action-secondary-hover: #D7F0FC;
-    --action-secondary-press: #CDEBFA;
-
-    --content-inversed: #F1FAFF;
-    --content-muted: #ccdae2;
-    --content-primary: #031F2C;
-    --content-secondary: #08384F;
-    --content-tertiary: #547C91;
-
-    --stroke-bold: #0078B6;
-    --stroke-light: #D7F0FC;
-    --stroke-medium: #CDEBFA;
-    --stroke-muted: #E4F6FF;
-    --stroke-xtrabold: #031F2C;
+    --accent-primary: #118BD1;
+    --accent-primary-content: #052639;
+    --accent-primary-surface: #D9EFFC;
+    --accent-secondary: #37E8E8;
+    --accent-secondary-content: #063737;
+    --accent-secondary-surface: #DAFBFB;
+
+    --action-primary: #118BD1;
+    --action-primary-hover: #1DA0ED;
+    --action-primary-muted: #C6E7FA;
+    --action-primary-press: #0F7DBD;
+    --action-secondary: #C8F9F9;
+    --action-secondary-hover: #A4F4F4;
+    --action-secondary-press: #B6F6F6;
+
+    --content-inversed: #FAFEFF;
+    --content-muted: #CCDAE2;
+    --content-primary: #020D13;
+    --content-secondary: #06324B;
+    --content-tertiary: #0B5884;
+
+    --stroke-bold: #55B8F1;
+    --stroke-light: #B4DFF9;
+    --stroke-medium: #8ED0F6;
+    --stroke-muted: #C6E7FA;
+    --stroke-xtrabold: #2FA8EE;
 
     --surface-primary: #FFF;
-    --surface-secondary: #ebf4fa;
-    --surface-tertiary: #d6e8f1;
+    --surface-secondary: #ECF7FD;
+    --surface-tertiary: #D9EFFC;
 }
 
 body.fengshui-hoa {
-    --accent-primary: #F5272E;
-    --accent-primary-content: #3d0f0e;
-    --accent-primary-surface: #FFF4F2;
-    --accent-secondary: #FF6B3E;
-    --accent-secondary-content: #42160f;
-    --accent-secondary-surface: #FFE3DA;
-
-    --action-primary: #FF6B3E;
-    --action-primary-hover: #F5272E;
-    --action-primary-muted: #FFE3DA;
-    --action-primary-press: #E92020;
+    --accent-primary: #E04638;
+    --accent-primary-content: #350C08;
+    --accent-primary-surface: #F9DEDC;
+    --accent-secondary: #FF6333;
+    --accent-secondary-content: #3D0E00;
+    --accent-secondary-surface: #FFE0D6;
+
+    --action-primary: #DE3A2B;
+    --action-primary-hover: #E04638;
+    --action-primary-muted: #e7dad8;
+    --action-primary-press: #C21C1E;
     --action-secondary: #f5d9d4;
     --action-secondary-hover: #FFE3DA;
     --action-secondary-press: #FFD2C8;
 
-    --content-inversed: #FFF4F2;
-    --content-muted: #e4cdca;
-    --content-primary: #280403;
-    --content-secondary: #512620;
-    --content-tertiary: #7A4138;
+    --content-inversed: #FFF;
+    --content-muted: #dfd0ce;
+    --content-primary: #180402;
+    --content-secondary: #461c18;
+    --content-tertiary: #77413d;
 
-    --stroke-bold: #E92020;
-    --stroke-light: #FFD2C8;
-    --stroke-medium: #FFC1B3;
-    --stroke-muted: #FFE3DA;
-    --stroke-xtrabold: #280403;
+    --stroke-bold: #E66B60;
+    --stroke-light: #F4BDB8;
+    --stroke-medium: #EE9D95;
+    --stroke-muted: #F7CECA;
+    --stroke-xtrabold: #DE3A2B;
 
     --surface-primary: #FFF;
-    --surface-secondary: #FFF7F5;
-    --surface-tertiary: #FFF4F2;
+    --surface-secondary: #FCEFED;
+    --surface-tertiary: #F9DEDC;
 }
 
 body.fengshui-tho {
-    --accent-primary: #683820;
-    --accent-primary-content: #3d271b;
-    --accent-primary-surface: #F7EFE8;
-    --accent-secondary: #A26D4B;
-    --accent-secondary-content: #3f240f;
-    --accent-secondary-surface: #F1E3D8;
-
-    --action-primary: #A26D4B;
-    --action-primary-hover: #855438;
-    --action-primary-muted: #F1E3D8;
-    --action-primary-press: #6E3E23;
-    --action-secondary: #f5e3d4;
-    --action-secondary-hover: #F1E3D8;
-    --action-secondary-press: #EBDACF;
-
-    --content-inversed: #FCF7F3;
-    --content-muted: #ddd7c7;
-    --content-primary: #3f281b;
-    --content-secondary: #533B2C;
-    --content-tertiary: #8C7766;
-
-    --stroke-bold: #855438;
-    --stroke-light: #EBDACF;
-    --stroke-medium: #DCC4B4;
-    --stroke-muted: #F1E3D8;
-    --stroke-xtrabold: #2E1C12;
+    --accent-primary: #96624A;
+    --accent-primary-content: #291B14;
+    --accent-primary-surface: #F2E8E4;
+    --accent-secondary: #A65E2E;
+    --accent-secondary-content: #301B0D;
+    --accent-secondary-surface: #F6E8DF;
+
+    --action-primary: #734B39;
+    --action-primary-hover: #96624A;
+    --action-primary-muted: #E4D1C8;
+    --action-primary-press: #603E2F;
+    --action-secondary: #F2DDCF;
+    --action-secondary-hover: #E9C6AF;
+    --action-secondary-press: #F2DDCF;
+
+    --content-inversed: #FFF;
+    --content-muted: #DDC6BB;
+    --content-primary: #0E0907;
+    --content-secondary: #382b24;
+    --content-tertiary: #68564e;
+
+    --stroke-bold: #BC8C76;
+    --stroke-light: #DDC6BB;
+    --stroke-medium: #D0AF9F;
+    --stroke-muted: #E4D1C8;
+    --stroke-xtrabold: #AE755B;
 
     --surface-primary: #FFF;
-    --surface-secondary: #FCF7F3;
-    --surface-tertiary: #F7EFE8;
+    --surface-secondary: #F8F4F1;
+    --surface-tertiary: #F2E8E4;
 }
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@okaapp/oka-ui-sv",
-	"version": "0.4.2",
+	"version": "0.4.3",
 	"description": "OKA UI Svelte components library for the Appta software platform",
 	"license": "MIT",
 	"scripts": {