Merge pull request #12 from NewDesignFile/feature

is

Author: planetabhi

bun.lock

@@ -1,6 +1,6 @@
 {
   "name": "@new-ui/foundations",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "New UI foundations",
   "source": "src/index.scss",
   "main": "dist/index.css",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@new-ui/colors",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "New UI colors",
   "source": "src/index.scss",
   "main": "dist/index.css",

packages/colors/bun.lock

@@ -141,7 +141,7 @@
   --background-high-contrast: var(--black);
 
   // Borders
-  --border-muted: var(--cold9);
+  --border-muted: var(--cold8);
   --border: var(--cold7);
   --border-strong: var(--cold6);
   --border-inked: var(--cold1);
@@ -154,13 +154,6 @@
   --button-active: var(--blue2);
   --button-disabled: var(--cold8);
 
-  // Icons
-  --icon-primary: var(--cold1);
-  --icon-secondary: var(--cold4);
-  --icon-disabled: var(--cold8);
-  --icon-on-color: var(--white);
-  --icon-inked: var(--white);
-
   // Links
   --link: var(--blue4);
   --link-hover: var(--blue3);
@@ -173,13 +166,13 @@
   --support-success: var(--green4);
   --support-info: var(--blue4);
 
-  // Text
-  --text-primary: var(--cold1);
-  --text-secondary: var(--cold4);
-  --text-secondary-alt: var(--cold6);
-  --text-placeholder: var(--cold7);
-  --text-on-color: var(--white);
-  --text-error: var(--red4);
-  --text-success: var(--green4);
-  --text-inked: var(--white);
+  // Content
+  --content-primary: var(--cold1);
+  --content-secondary: var(--cold4);
+  --content-secondary-alt: var(--cold6);
+  --content-placeholder: var(--cold7);
+  --content-on-color: var(--white);
+  --content-error: var(--red4);
+  --content-success: var(--green4);
+  --content-inked: var(--white);
 }

packages/colors/dist/index.css

@@ -141,7 +141,7 @@
   --background-high-contrast: var(--black);
 
   // Borders
-  --border-muted: var(--warm9);
+  --border-muted: var(--warm8);
   --border: var(--warm7);
   --border-strong: var(--warm6);
   --border-inked: var(--warm1);
@@ -154,13 +154,6 @@
   --button-active: var(--blue2);
   --button-disabled: var(--warm8);
 
-  // Icons
-  --icon-primary: var(--warm1);
-  --icon-secondary: var(--warm4);
-  --icon-disabled: var(--warm8);
-  --icon-on-color: var(--white);
-  --icon-inked: var(--white);
-
   // Links
   --link: var(--blue4);
   --link-hover: var(--blue3);
@@ -173,13 +166,13 @@
   --support-success: var(--green4);
   --support-info: var(--blue4);
 
-  // Text
-  --text-primary: var(--warm1);
-  --text-secondary: var(--warm4);
-  --text-secondary-alt: var(--warm6);
-  --text-placeholder: var(--warm7);
-  --text-on-color: var(--white);
-  --text-error: var(--red4);
-  --text-success: var(--green4);
-  --text-inked: var(--white);
+  // Content
+  --content-primary: var(--warm1);
+  --content-secondary: var(--warm4);
+  --content-secondary-alt: var(--warm6);
+  --content-placeholder: var(--warm7);
+  --content-on-color: var(--white);
+  --content-error: var(--red4);
+  --content-success: var(--green4);
+  --content-inked: var(--white);
 }

packages/colors/dist/index.css.map

@@ -130,7 +130,7 @@
   --background-high-contrast: var(--black);
 
   // Borders
-  --border-muted: var(--grey9);
+  --border-muted: var(--grey8);
   --border: var(--grey7);
   --border-strong: var(--grey6);
   --border-inked: var(--grey1);
@@ -143,13 +143,6 @@
   --button-active: var(--blue2);
   --button-disabled: var(--grey8);
 
-  // Icons
-  --icon-primary: var(--grey1);
-  --icon-secondary: var(--grey4);
-  --icon-disabled: var(--grey8);
-  --icon-on-color: var(--white);
-  --icon-inked: var(--white);
-
   // Links
   --link: var(--blue4);
   --link-hover: var(--blue3);
@@ -162,13 +155,13 @@
   --support-success: var(--green4);
   --support-info: var(--blue4);
 
-  // Text
-  --text-primary: var(--grey1);
-  --text-secondary: var(--grey4);
-  --text-secondary-alt: var(--grey6);
-  --text-placeholder: var(--grey7);
-  --text-on-color: var(--white);
-  --text-error: var(--red4);
-  --text-success: var(--green4);
-  --text-inked: var(--white);
+  // Content
+  --content-primary: var(--grey1);
+  --content-secondary: var(--grey4);
+  --content-secondary-alt: var(--grey6);
+  --content-placeholder: var(--grey7);
+  --content-on-color: var(--white);
+  --content-error: var(--red4);
+  --content-success: var(--green4);
+  --content-inked: var(--white);
 }

packages/colors/package.json

@@ -141,7 +141,7 @@
   --background-high-contrast: var(--white);
 
   // Borders
-  --border-muted: var(--cold2);
+  --border-muted: var(--cold3);
   --border: var(--cold4);
   --border-strong: var(--cold6);
   --border-inked: var(--cold10);
@@ -154,13 +154,6 @@
   --button-active: var(--blue7);
   --button-disabled: var(--cold4);
 
-  // Icons
-  --icon-primary: var(--cold9);
-  --icon-secondary: var(--cold7);
-  --icon-disabled: var(--cold4);
-  --icon-on-color: var(--white);
-  --icon-inked: var(--black);
-
   // Links
   --link: var(--blue5);
   --link-hover: var(--blue6);
@@ -173,13 +166,13 @@
   --support-success: var(--green5);
   --support-info: var(--blue5);
 
-  // Text
-  --text-primary: var(--cold10);
-  --text-secondary: var(--cold7);
-  --text-secondary-alt: var(--cold5);
-  --text-placeholder: var(--cold4);
-  --text-on-color: var(--white);
-  --text-error: var(--red6);
-  --text-success: var(--green6);
-  --text-inked: var(--black);
+  // Content
+  --content-primary: var(--cold10);
+  --content-secondary: var(--cold7);
+  --content-secondary-alt: var(--cold5);
+  --content-placeholder: var(--cold4);
+  --content-on-color: var(--white);
+  --content-error: var(--red6);
+  --content-success: var(--green6);
+  --content-inked: var(--black);
 }