is

package.json

@@ -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",

packages/colors/bun.lock

@@ -234,13 +234,13 @@
 
     "base-x": ["base-x@3.0.11", "", { "dependencies": { "safe-buffer": "^5.0.1" } }, "sha512-xz7wQ8xDhdyP7tQxwdteLYeFfS68tSMNCZ/Y37WJ4bhGfKPpqEIlmIyueQHqOyoPhE6xNUqjzRr8ra0eF9VRvA=="],
 
-    "baseline-browser-mapping": ["baseline-browser-mapping@2.8.20", "", { "bin": { "baseline-browser-mapping": "dist/cli.js" } }, "sha512-JMWsdF+O8Orq3EMukbUN1QfbLK9mX2CkUmQBcW2T0s8OmdAUL5LLM/6wFwSrqXzlXB13yhyK9gTKS1rIizOduQ=="],
+    "baseline-browser-mapping": ["baseline-browser-mapping@2.8.22", "", { "bin": { "baseline-browser-mapping": "dist/cli.js" } }, "sha512-/tk9kky/d8T8CTXIQYASLyhAxR5VwL3zct1oAoVTaOUHwrmsGnfbRwNdEq+vOl2BN8i3PcDdP0o4Q+jjKQoFbQ=="],
 
     "braces": ["braces@3.0.3", "", { "dependencies": { "fill-range": "^7.1.1" } }, "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA=="],
 
     "browserslist": ["browserslist@4.27.0", "", { "dependencies": { "baseline-browser-mapping": "^2.8.19", "caniuse-lite": "^1.0.30001751", "electron-to-chromium": "^1.5.238", "node-releases": "^2.0.26", "update-browserslist-db": "^1.1.4" }, "bin": { "browserslist": "cli.js" } }, "sha512-AXVQwdhot1eqLihwasPElhX2tAZiBjWdJ9i/Zcj2S6QYIjkx62OKSfnobkriB81C3l4w0rVy3Nt4jaTBltYEpw=="],
 
-    "caniuse-lite": ["caniuse-lite@1.0.30001751", "", {}, "sha512-A0QJhug0Ly64Ii3eIqHu5X51ebln3k4yTUkY1j8drqpWHVreg/VLijN48cZ1bYPiqOQuqpkIKnzr/Ul8V+p6Cw=="],
+    "caniuse-lite": ["caniuse-lite@1.0.30001752", "", {}, "sha512-vKUk7beoukxE47P5gcVNKkDRzXdVofotshHwfR9vmpeFKxmI5PBpgOMC18LUJUA/DvJ70Y7RveasIBraqsyO/g=="],
 
     "chalk": ["chalk@4.1.2", "", { "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" } }, "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA=="],
 
@@ -262,7 +262,7 @@
 
     "dotenv-expand": ["dotenv-expand@11.0.7", "", { "dependencies": { "dotenv": "^16.4.5" } }, "sha512-zIHwmZPRshsCdpMDyVsqGmgyP0yT8GAgXUnkdAoJisxvf33k7yO6OuoKmcTGuXPWSsm8Oh88nZicRLA9Y0rUeA=="],
 
-    "electron-to-chromium": ["electron-to-chromium@1.5.243", "", {}, "sha512-ZCphxFW3Q1TVhcgS9blfut1PX8lusVi2SvXQgmEEnK4TCmE1JhH2JkjJN+DNt0pJJwfBri5AROBnz2b/C+YU9g=="],
+    "electron-to-chromium": ["electron-to-chromium@1.5.244", "", {}, "sha512-OszpBN7xZX4vWMPJwB9illkN/znA8M36GQqQxi6MNy9axWxhOfJyZZJtSLQCpEFLHP2xK33BiWx9aIuIEXVCcw=="],
 
     "escalade": ["escalade@3.2.0", "", {}, "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA=="],
 
@@ -324,7 +324,7 @@
 
     "node-gyp-build-optional-packages": ["node-gyp-build-optional-packages@5.1.1", "", { "dependencies": { "detect-libc": "^2.0.1" }, "bin": { "node-gyp-build-optional-packages": "bin.js", "node-gyp-build-optional-packages-test": "build-test.js", "node-gyp-build-optional-packages-optional": "optional.js" } }, "sha512-+P72GAjVAbTxjjwUmwjVrqrdZROD4nf8KgpBoDxqXXTiYZZt/ud60dE5yvCSr9lRO8e8yv6kgJIC0K0PfZFVQw=="],
 
-    "node-releases": ["node-releases@2.0.26", "", {}, "sha512-S2M9YimhSjBSvYnlr5/+umAnPHE++ODwt5e2Ij6FoX45HA/s4vHdkDx1eax2pAPeAOqu4s9b7ppahsyEFdVqQA=="],
+    "node-releases": ["node-releases@2.0.27", "", {}, "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA=="],
 
     "normalize-range": ["normalize-range@0.1.2", "", {}, "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA=="],
 
@@ -350,7 +350,7 @@
 
     "safe-buffer": ["safe-buffer@5.2.1", "", {}, "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="],
 
-    "sass": ["sass@1.93.2", "", { "dependencies": { "chokidar": "^4.0.0", "immutable": "^5.0.2", "source-map-js": ">=0.6.2 <2.0.0" }, "optionalDependencies": { "@parcel/watcher": "^2.4.1" }, "bin": { "sass": "sass.js" } }, "sha512-t+YPtOQHpGW1QWsh1CHQ5cPIr9lbbGZLZnbihP/D/qZj/yuV68m8qarcV17nvkOX81BCrvzAlq2klCQFZghyTg=="],
+    "sass": ["sass@1.93.3", "", { "dependencies": { "chokidar": "^4.0.0", "immutable": "^5.0.2", "source-map-js": ">=0.6.2 <2.0.0" }, "optionalDependencies": { "@parcel/watcher": "^2.4.1" }, "bin": { "sass": "sass.js" } }, "sha512-elOcIZRTM76dvxNAjqYrucTSI0teAF/L2Lv0s6f6b7FOwcwIuA357bIE871580AjHJuSvLIRUosgV+lIWx6Rgg=="],
 
     "semver": ["semver@7.7.3", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q=="],
 

packages/colors/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/src/_theme-dark--cold.scss

@@ -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/src/_theme-dark--warm.scss

@@ -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/src/_theme-dark.scss

@@ -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/src/_theme-light--cold.scss

@@ -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);
 }

packages/colors/src/_theme-light--warm.scss

@@ -141,7 +141,7 @@
   --background-high-contrast: var(--white);
 
   // Borders
-  --border-muted: var(--warm2);
+  --border-muted: var(--warm3);
   --border: var(--warm4);
   --border-strong: var(--warm6);
   --border-inked: var(--warm10);
@@ -154,13 +154,6 @@
   --button-active: var(--blue7);
   --button-disabled: var(--warm4);
 
-  // Icons
-  --icon-primary: var(--warm9);
-  --icon-secondary: var(--warm7);
-  --icon-disabled: var(--warm4);
-  --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(--warm10);
-  --text-secondary: var(--warm7);
-  --text-secondary-alt: var(--warm5);
-  --text-placeholder: var(--warm4);
-  --text-on-color: var(--white);
-  --text-error: var(--red6);
-  --text-success: var(--green6);
-  --text-inked: var(--black);
+  // Content
+  --content-primary: var(--warm10);
+  --content-secondary: var(--warm7);
+  --content-secondary-alt: var(--warm5);
+  --content-placeholder: var(--warm4);
+  --content-on-color: var(--white);
+  --content-error: var(--red6);
+  --content-success: var(--green6);
+  --content-inked: var(--black);
 }

packages/colors/src/_theme-light.scss

@@ -130,7 +130,7 @@
   --background-high-contrast: var(--white);
 
   // Borders
-  --border-muted: var(--grey2);
+  --border-muted: var(--grey3);
   --border: var(--grey4);
   --border-strong: var(--grey6);
   --border-inked: var(--grey10);
@@ -143,13 +143,6 @@
   --button-active: var(--blue7);
   --button-disabled: var(--grey4);
 
-  // Icons
-  --icon-primary: var(--grey9);
-  --icon-secondary: var(--grey7);
-  --icon-disabled: var(--grey4);
-  --icon-on-color: var(--white);
-  --icon-inked: var(--black);
-
   // Links
   --link: var(--blue5);
   --link-hover: var(--blue6);
@@ -162,13 +155,13 @@
   --support-success: var(--green5);
   --support-info: var(--blue5);
 
-  // Text
-  --text-primary: var(--grey10);
-  --text-secondary: var(--grey7);
-  --text-secondary-alt: var(--grey5);
-  --text-placeholder: var(--grey4);
-  --text-on-color: var(--white);
-  --text-error: var(--red6);
-  --text-success: var(--green6);
-  --text-inked: var(--black);
+  // Content
+  --content-primary: var(--grey10);
+  --content-secondary: var(--grey7);
+  --content-secondary-alt: var(--grey5);
+  --content-placeholder: var(--grey4);
+  --content-on-color: var(--white);
+  --content-error: var(--red6);
+  --content-success: var(--green6);
+  --content-inked: var(--black);
 }