@aquera/nile-elements 2.0.4 → 2.0.6

package/demo/nxtgen.css

@@ -1,3 +1,6 @@
+/* @nile-version 1.3.2 */
+:root { --nile-version: "1.3.2"; }
+
 /* _Primitives - Style */
 
 :root {
@@ -256,18 +259,18 @@
   --ng-color-blue-800: #1849A9FF;
   --ng-color-blue-900: #194185FF;
   --ng-color-blue-950: #102A56FF;
-  --ng-color-bluedark-25: #F5F8FFFF;
-  --ng-color-bluedark-50: #EFF4FFFF;
-  --ng-color-bluedark-100: #D1E0FFFF;
-  --ng-color-bluedark-200: #B2CCFFFF;
-  --ng-color-bluedark-300: #84ADFFFF;
-  --ng-color-bluedark-400: #528BFFFF;
-  --ng-color-bluedark-500: #2970FFFF;
-  --ng-color-bluedark-600: #155EEFFF;
-  --ng-color-bluedark-700: #004EEBFF;
-  --ng-color-bluedark-800: #0040C1FF;
-  --ng-color-bluedark-900: #00359EFF;
-  --ng-color-bluedark-950: #002266FF;
+  --ng-color-bluedark-25: #F5F8FEFF;
+  --ng-color-bluedark-50: #F0F4FDFF;
+  --ng-color-bluedark-100: #D3E1FAFF;
+  --ng-color-bluedark-200: #B4CEF7FF;
+  --ng-color-bluedark-300: #88B0F3FF;
+  --ng-color-bluedark-400: #5690EEFF;
+  --ng-color-bluedark-500: #2D79EBFF;
+  --ng-color-bluedark-600: #1868DBFF;
+  --ng-color-bluedark-700: #005BD4FF;
+  --ng-color-bluedark-800: #004AAEFF;
+  --ng-color-bluedark-900: #003D90FF;
+  --ng-color-bluedark-950: #01275DFF;
   --ng-color-indigo-25: #F5F8FFFF;
   --ng-color-indigo-50: #EEF4FFFF;
   --ng-color-indigo-100: #E0EAFFFF;
@@ -736,6 +739,61 @@
   --ng-colors-bg-success-primary: var(--ng-color-success-50);
   --ng-colors-bg-success-secondary: var(--ng-color-success-100);
   --ng-colors-bg-success-solid: var(--ng-color-success-600);
+  /* Hue semantics — light mode */
+  --ng-colors-bg-teal-primary: var(--ng-color-teal-50);
+  --ng-colors-bg-teal-secondary: var(--ng-color-teal-100);
+  --ng-colors-bg-teal-solid: var(--ng-color-teal-600);
+  --ng-colors-bg-teal-solid-hover: var(--ng-color-teal-700);
+  --ng-colors-border-teal: var(--ng-color-teal-500);
+  --ng-colors-border-teal-subtle: var(--ng-color-teal-300);
+  --ng-colors-fg-teal-primary: var(--ng-color-teal-600);
+  --ng-colors-fg-teal-secondary: var(--ng-color-teal-500);
+  --ng-colors-fg-teal-on-solid: var(--ng-color-base-white);
+  --ng-colors-bg-cyan-primary: var(--ng-color-cyan-50);
+  --ng-colors-bg-cyan-secondary: var(--ng-color-cyan-100);
+  --ng-colors-bg-cyan-solid: var(--ng-color-cyan-600);
+  --ng-colors-bg-cyan-solid-hover: var(--ng-color-cyan-700);
+  --ng-colors-border-cyan: var(--ng-color-cyan-500);
+  --ng-colors-border-cyan-subtle: var(--ng-color-cyan-300);
+  --ng-colors-fg-cyan-primary: var(--ng-color-cyan-600);
+  --ng-colors-fg-cyan-secondary: var(--ng-color-cyan-500);
+  --ng-colors-fg-cyan-on-solid: var(--ng-color-base-white);
+  --ng-colors-bg-rose-primary: var(--ng-color-rose-50);
+  --ng-colors-bg-rose-secondary: var(--ng-color-rose-100);
+  --ng-colors-bg-rose-solid: var(--ng-color-rose-600);
+  --ng-colors-bg-rose-solid-hover: var(--ng-color-rose-700);
+  --ng-colors-border-rose: var(--ng-color-rose-500);
+  --ng-colors-border-rose-subtle: var(--ng-color-rose-300);
+  --ng-colors-fg-rose-primary: var(--ng-color-rose-600);
+  --ng-colors-fg-rose-secondary: var(--ng-color-rose-500);
+  --ng-colors-fg-rose-on-solid: var(--ng-color-base-white);
+  --ng-colors-bg-violet-primary: var(--ng-color-violet-50);
+  --ng-colors-bg-violet-secondary: var(--ng-color-violet-100);
+  --ng-colors-bg-violet-solid: var(--ng-color-violet-600);
+  --ng-colors-bg-violet-solid-hover: var(--ng-color-violet-700);
+  --ng-colors-border-violet: var(--ng-color-violet-500);
+  --ng-colors-border-violet-subtle: var(--ng-color-violet-300);
+  --ng-colors-fg-violet-primary: var(--ng-color-violet-600);
+  --ng-colors-fg-violet-secondary: var(--ng-color-violet-500);
+  --ng-colors-fg-violet-on-solid: var(--ng-color-base-white);
+  --ng-colors-bg-moss-primary: var(--ng-color-moss-50);
+  --ng-colors-bg-moss-secondary: var(--ng-color-moss-100);
+  --ng-colors-bg-moss-solid: var(--ng-color-moss-600);
+  --ng-colors-bg-moss-solid-hover: var(--ng-color-moss-700);
+  --ng-colors-border-moss: var(--ng-color-moss-500);
+  --ng-colors-border-moss-subtle: var(--ng-color-moss-300);
+  --ng-colors-fg-moss-primary: var(--ng-color-moss-600);
+  --ng-colors-fg-moss-secondary: var(--ng-color-moss-500);
+  --ng-colors-fg-moss-on-solid: var(--ng-color-base-white);
+  --ng-colors-bg-greenlight-primary: var(--ng-color-greenlight-50);
+  --ng-colors-bg-greenlight-secondary: var(--ng-color-greenlight-100);
+  --ng-colors-bg-greenlight-solid: var(--ng-color-greenlight-600);
+  --ng-colors-bg-greenlight-solid-hover: var(--ng-color-greenlight-700);
+  --ng-colors-border-greenlight: var(--ng-color-greenlight-500);
+  --ng-colors-border-greenlight-subtle: var(--ng-color-greenlight-300);
+  --ng-colors-fg-greenlight-primary: var(--ng-color-greenlight-600);
+  --ng-colors-fg-greenlight-secondary: var(--ng-color-greenlight-500);
+  --ng-colors-fg-greenlight-on-solid: var(--ng-color-base-white);
   --ng-componentcolors-utility-yellow-50: var(--ng-color-yellow-50);
   --ng-componentcolors-utility-yellow-100: var(--ng-color-yellow-100);
   --ng-componentcolors-utility-yellow-200: var(--ng-color-yellow-200);

package/demo/utilities.css

@@ -1,3 +1,6 @@
+/* @nile-version 1.3.2 */
+:root { --nile-version: "1.3.2"; }
+
 /**
  * Do not edit directly
  * Generated by build-utilities.mjs

package/demo/variables.css

@@ -1,3 +1,6 @@
+/* @nile-version 1.3.2 */
+:root { --nile-version: "1.3.2"; }
+
 /**
  * Do not edit directly
  */