@acorex/styles 21.0.0-next.62 → 21.0.0-next.63

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/styles",
-  "version": "21.0.0-next.62",
+  "version": "21.0.0-next.63",
   "main": "index.css",
   "author": "Ali Safari",
   "license": "ISC",

package/themes/default.css

@@ -122,7 +122,7 @@ html.dark {
   --ax-sys-color-warning-200: 255, 221, 174;
   --ax-sys-color-warning-300: 255, 198, 128;
   --ax-sys-color-warning-400: 255, 168, 40;
-  --ax-sys-color-warning-500: 253, 154, 0;
+  --ax-sys-color-warning-500: 253, 154, 1;
   --ax-sys-color-warning-600: 224, 127, 0;
   --ax-sys-color-warning-700: 181, 100, 0;
   --ax-sys-color-warning-800: 144, 81, 20;
@@ -321,9 +321,9 @@ html.dark {
   --ax-sys-color-on-warning-light-surface: 71, 36, 0;
   --ax-sys-color-border-warning-light-surface: 255, 182, 92;
 
-  --ax-sys-color-warning-surface: 253, 154, 0;
+  --ax-sys-color-warning-surface: 253, 154, 1;
   --ax-sys-color-on-warning-surface: 255, 250, 231;
-  --ax-sys-color-border-warning-surface: 217, 132, 0;
+  --ax-sys-color-border-warning-surface: 217, 132, 1;
 
   --ax-sys-color-warning-dark-surface: 224, 127, 0;
   --ax-sys-color-on-warning-dark-surface: 255, 249, 233;
@@ -641,7 +641,7 @@ html.dark {
   --ax-sys-color-warning-400: 255, 195, 120;
   --ax-sys-color-warning-500: 255, 180, 82;
   --ax-sys-color-warning-600: 255, 165, 33;
-  --ax-sys-color-warning-700: 253, 154, 0;
+  --ax-sys-color-warning-700: 253, 154, 1;
   --ax-sys-color-warning-800: 230, 133, 0;
   --ax-sys-color-warning-900: 203, 114, 0;
   --ax-sys-color-warning-950: 190, 105, 0;
@@ -846,9 +846,9 @@ html.dark {
   --ax-sys-color-on-warning-dark-surface: 40, 14, 0;
   --ax-sys-color-border-warning-dark-surface: 255, 184, 79;
 
-  --ax-sys-color-warning-darker-surface: 253, 154, 0;
+  --ax-sys-color-warning-darker-surface: 253, 154, 1;
   --ax-sys-color-on-warning-darker-surface: 41, 13, 0;
-  --ax-sys-color-border-warning-darker-surface: 255, 172, 44;
+  --ax-sys-color-border-warning-darker-surface: 254, 172, 46;
 
   --ax-sys-color-warning-darkest-surface: 230, 133, 0;
   --ax-sys-color-on-warning-darkest-surface: 42, 12, 0;
@@ -1077,6 +1077,7 @@ html.dark {
   --ax-sys-color-accent7-darkest-surface: 222, 222, 222;
   --ax-sys-color-on-accent7-darkest-surface: 22, 22, 22;
   --ax-sys-color-border-accent7-darkest-surface: 245, 245, 245;
+
 }
 
 @theme {
@@ -1084,7 +1085,9 @@ html.dark {
   --color-text-default: rgba(var(--ax-sys-color-text-default));
   --color-border-default: rgba(var(--ax-sys-color-border-default));
   --radius-default: var(--ax-sys-border-radius);
-
+  --breakpoint-3xl: 1920px;
+  --breakpoint-4xl: 2560px;
+  
   --color-lightest: rgba(var(--ax-sys-color-lightest-surface));
   --color-on-lightest: rgba(var(--ax-sys-color-on-lightest-surface));
   --color-border-lightest: rgba(var(--ax-sys-color-border-lightest-surface));
@@ -2565,48 +2568,48 @@ html.dark {
   font-size: 2.5rem;
   font-weight: 500;
   line-height: 2.5rem;
-}
+}  
 @utility h2 {
   font-size: 2rem;
   font-weight: 500;
   line-height: 2rem;
-}
+}  
 @utility h3 {
   font-size: 1.75rem;
   font-weight: 500;
   line-height: 1.75rem;
-}
+}  
 @utility h4 {
   font-size: 1.5rem;
   font-weight: 500;
   line-height: 1.5rem;
-}
+}  
 @utility h5 {
   font-size: 1.125rem;
   font-weight: 500;
   line-height: 1.125rem;
-}
+}  
 @utility h6 {
   font-size: 1rem;
   font-weight: 500;
   line-height: 1rem;
-}
+}  
 @utility heading {
   width: 100%;
   border-bottom: 1px solid;
   border-color: rgba(var(--ax-sys-color-border-lightest-surface));
   line-height: 0.1em;
   margin: 1rem auto;
-}
+}  
 @utility heading-start {
   text-align: start;
-}
+}  
 @utility heading-center {
   text-align: center;
-}
+}  
 @utility heading-end {
   text-align: end;
-}
+}  
 @utility subtitle {
   opacity: 74%;
   display: block;