@oxymormon/chg-unified-ds 0.1.0 → 0.2.1

package/dist/themes/comphealth-dark.css

@@ -0,0 +1,38 @@
+/* CompHealth Brand Theme - Dark Mode */
+[data-theme="comphealth"][data-mode="dark"] {
+  --color-brand-25: #3c304c;
+  --color-brand-50: #4b3a62;
+  --color-brand-100: #553f6c;
+  --color-brand-200: #5e4775;
+  --color-brand-300: #644d7b;
+  --color-brand-400: #79658d;
+  --color-brand-500: #8f7fa1;
+  --color-brand-600: #aea3bc;
+  --color-brand-700: #ccc4d7;
+  --color-brand-800: #eae4ee;
+  --color-brand-900: #f0ecf3;
+
+  --color-primary-25: #3c304c;
+  --color-primary-50: #4b3a62;
+  --color-primary-100: #553f6c;
+  --color-primary-200: #5e4775;
+  --color-primary-300: #644d7b;
+  --color-primary-400: #79658d;
+  --color-primary-500: #8f7fa1;
+  --color-primary-600: #aea3bc;
+  --color-primary-700: #ccc4d7;
+  --color-primary-800: #eae4ee;
+  --color-primary-900: #f0ecf3;
+
+  --color-secondary-25: #7c2820;
+  --color-secondary-50: #95291f;
+  --color-secondary-100: #b42d21;
+  --color-secondary-200: #d63a2c;
+  --color-secondary-300: #ea5c4f;
+  --color-secondary-400: #f48075;
+  --color-secondary-500: #f9afa8;
+  --color-secondary-600: #fcd0cc;
+  --color-secondary-700: #fde5e3;
+  --color-secondary-800: #fef3f2;
+  --color-secondary-900: #fffbfa;
+}

package/dist/themes/comphealth.css

@@ -0,0 +1,38 @@
+/* CompHealth Brand Theme */
+[data-theme="comphealth"] {
+  --color-brand-25: #f0ecf3;
+  --color-brand-50: #eae4ee;
+  --color-brand-100: #ccc4d7;
+  --color-brand-200: #aea3bc;
+  --color-brand-300: #8f7fa1;
+  --color-brand-400: #79658d;
+  --color-brand-500: #644d7b;
+  --color-brand-600: #5e4775;
+  --color-brand-700: #553f6c;
+  --color-brand-800: #4b3a62;
+  --color-brand-900: #3c304c;
+
+  --color-primary-25: #f0ecf3;
+  --color-primary-50: #eae4ee;
+  --color-primary-100: #ccc4d7;
+  --color-primary-200: #aea3bc;
+  --color-primary-300: #8f7fa1;
+  --color-primary-400: #79658d;
+  --color-primary-500: #644d7b;
+  --color-primary-600: #5e4775;
+  --color-primary-700: #553f6c;
+  --color-primary-800: #4b3a62;
+  --color-primary-900: #3c304c;
+
+  --color-secondary-25: #fffbfa;
+  --color-secondary-50: #fef3f2;
+  --color-secondary-100: #fde5e3;
+  --color-secondary-200: #fcd0cc;
+  --color-secondary-300: #f9afa8;
+  --color-secondary-400: #f48075;
+  --color-secondary-500: #ea5c4f;
+  --color-secondary-600: #d63a2c;
+  --color-secondary-700: #b42d21;
+  --color-secondary-800: #95291f;
+  --color-secondary-900: #7c2820;
+}

package/dist/themes/connect-dark.css

@@ -0,0 +1,38 @@
+/* Connect Brand Theme - Dark Mode */
+[data-theme="connect"][data-mode="dark"] {
+  --color-brand-25: #065274;
+  --color-brand-50: #00638d;
+  --color-brand-100: #0075ab;
+  --color-brand-200: #0093d4;
+  --color-brand-300: #00a8e2;
+  --color-brand-400: #2ccdff;
+  --color-brand-500: #75ddff;
+  --color-brand-600: #b6ebff;
+  --color-brand-700: #def4ff;
+  --color-brand-800: #effaff;
+  --color-brand-900: #fafdff;
+
+  --color-primary-25: #065274;
+  --color-primary-50: #00638d;
+  --color-primary-100: #0075ab;
+  --color-primary-200: #0093d4;
+  --color-primary-300: #00a8e2;
+  --color-primary-400: #2ccdff;
+  --color-primary-500: #75ddff;
+  --color-primary-600: #b6ebff;
+  --color-primary-700: #def4ff;
+  --color-primary-800: #effaff;
+  --color-primary-900: #fafdff;
+
+  --color-secondary-25: #883e06;
+  --color-secondary-50: #a44c08;
+  --color-secondary-100: #c55b09;
+  --color-secondary-200: #f5822a;
+  --color-secondary-300: #f47615;
+  --color-secondary-400: #f68c3b;
+  --color-secondary-500: #f8ad74;
+  --color-secondary-600: #fbcda9;
+  --color-secondary-700: #fde6d5;
+  --color-secondary-800: #fef4ed;
+  --color-secondary-900: #fff9f5;
+}

package/dist/themes/connect.css

@@ -0,0 +1,38 @@
+/* Connect Brand Theme */
+[data-theme="connect"] {
+  --color-brand-25: #fafdff;
+  --color-brand-50: #effaff;
+  --color-brand-100: #def4ff;
+  --color-brand-200: #b6ebff;
+  --color-brand-300: #75ddff;
+  --color-brand-400: #2ccdff;
+  --color-brand-500: #00a8e2;
+  --color-brand-600: #0093d4;
+  --color-brand-700: #0075ab;
+  --color-brand-800: #00638d;
+  --color-brand-900: #065274;
+
+  --color-primary-25: #fafdff;
+  --color-primary-50: #effaff;
+  --color-primary-100: #def4ff;
+  --color-primary-200: #b6ebff;
+  --color-primary-300: #75ddff;
+  --color-primary-400: #2ccdff;
+  --color-primary-500: #00a8e2;
+  --color-primary-600: #0093d4;
+  --color-primary-700: #0075ab;
+  --color-primary-800: #00638d;
+  --color-primary-900: #065274;
+
+  --color-secondary-25: #fff9f5;
+  --color-secondary-50: #fef4ed;
+  --color-secondary-100: #fde6d5;
+  --color-secondary-200: #fbcda9;
+  --color-secondary-300: #f8ad74;
+  --color-secondary-400: #f68c3b;
+  --color-secondary-500: #f47615;
+  --color-secondary-600: #f5822a;
+  --color-secondary-700: #c55b09;
+  --color-secondary-800: #a44c08;
+  --color-secondary-900: #883e06;
+}

package/dist/themes/locumsmart-dark.css

@@ -0,0 +1,38 @@
+/* LocumSmart Brand Theme - Dark Mode */
+[data-theme="locumsmart"][data-mode="dark"] {
+  --color-brand-25: #004b88;
+  --color-brand-50: #006aa8;
+  --color-brand-100: #0c6bb0;
+  --color-brand-200: #008dcf;
+  --color-brand-300: #009add;
+  --color-brand-400: #00a7e1;
+  --color-brand-500: #41b7e5;
+  --color-brand-600: #78cbec;
+  --color-brand-700: #aee0f4;
+  --color-brand-800: #e3f5fa;
+  --color-brand-900: #f2fafd;
+
+  --color-primary-25: #004b88;
+  --color-primary-50: #006aa8;
+  --color-primary-100: #0c6bb0;
+  --color-primary-200: #008dcf;
+  --color-primary-300: #009add;
+  --color-primary-400: #00a7e1;
+  --color-primary-500: #41b7e5;
+  --color-primary-600: #78cbec;
+  --color-primary-700: #aee0f4;
+  --color-primary-800: #e3f5fa;
+  --color-primary-900: #f2fafd;
+
+  --color-secondary-25: #793515;
+  --color-secondary-50: #963e16;
+  --color-secondary-100: #bc4d12;
+  --color-secondary-200: #e36613;
+  --color-secondary-300: #f2821f;
+  --color-secondary-400: #f59e42;
+  --color-secondary-500: #f9c278;
+  --color-secondary-600: #fbdcad;
+  --color-secondary-700: #feefd6;
+  --color-secondary-800: #fef8ee;
+  --color-secondary-900: #fefbf5;
+}

package/dist/themes/locumsmart.css

@@ -0,0 +1,38 @@
+/* LocumSmart Brand Theme */
+[data-theme="locumsmart"] {
+  --color-brand-25: #f2fafd;
+  --color-brand-50: #e3f5fa;
+  --color-brand-100: #aee0f4;
+  --color-brand-200: #78cbec;
+  --color-brand-300: #41b7e5;
+  --color-brand-400: #00a7e1;
+  --color-brand-500: #009add;
+  --color-brand-600: #008dcf;
+  --color-brand-700: #0c6bb0;
+  --color-brand-800: #006aa8;
+  --color-brand-900: #004b88;
+
+  --color-primary-25: #f2fafd;
+  --color-primary-50: #e3f5fa;
+  --color-primary-100: #aee0f4;
+  --color-primary-200: #78cbec;
+  --color-primary-300: #41b7e5;
+  --color-primary-400: #00a7e1;
+  --color-primary-500: #009add;
+  --color-primary-600: #008dcf;
+  --color-primary-700: #0c6bb0;
+  --color-primary-800: #006aa8;
+  --color-primary-900: #004b88;
+
+  --color-secondary-25: #fefbf5;
+  --color-secondary-50: #fef8ee;
+  --color-secondary-100: #feefd6;
+  --color-secondary-200: #fbdcad;
+  --color-secondary-300: #f9c278;
+  --color-secondary-400: #f59e42;
+  --color-secondary-500: #f2821f;
+  --color-secondary-600: #e36613;
+  --color-secondary-700: #bc4d12;
+  --color-secondary-800: #963e16;
+  --color-secondary-900: #793515;
+}

package/dist/themes/modio-dark.css

@@ -0,0 +1,38 @@
+/* Modio Brand Theme - Dark Mode */
+[data-theme="modio"][data-mode="dark"] {
+  --color-brand-25: #04425f;
+  --color-brand-50: #065d86;
+  --color-brand-100: #1e799b;
+  --color-brand-200: #2c91b6;
+  --color-brand-300: #3ba9d2;
+  --color-brand-400: #5ec3e0;
+  --color-brand-500: #84d3eb;
+  --color-brand-600: #a6dff1;
+  --color-brand-700: #c8ecf8;
+  --color-brand-800: #e5f7fc;
+  --color-brand-900: #f1fbfd;
+
+  --color-primary-25: #04425f;
+  --color-primary-50: #065d86;
+  --color-primary-100: #1e799b;
+  --color-primary-200: #2c91b6;
+  --color-primary-300: #3ba9d2;
+  --color-primary-400: #5ec3e0;
+  --color-primary-500: #84d3eb;
+  --color-primary-600: #a6dff1;
+  --color-primary-700: #c8ecf8;
+  --color-primary-800: #e5f7fc;
+  --color-primary-900: #f1fbfd;
+
+  --color-secondary-25: #16463a;
+  --color-secondary-50: #1d5d4d;
+  --color-secondary-100: #277c67;
+  --color-secondary-200: #319b81;
+  --color-secondary-300: #3aba9b;
+  --color-secondary-400: #64ceb4;
+  --color-secondary-500: #8bdac6;
+  --color-secondary-600: #b1e7d9;
+  --color-secondary-700: #d8f3ec;
+  --color-secondary-800: #ecf9f6;
+  --color-secondary-900: #f3fbf9;
+}

package/dist/themes/modio.css

@@ -0,0 +1,38 @@
+/* Modio Brand Theme */
+[data-theme="modio"] {
+  --color-brand-25: #f1fbfd;
+  --color-brand-50: #e5f7fc;
+  --color-brand-100: #c8ecf8;
+  --color-brand-200: #a6dff1;
+  --color-brand-300: #84d3eb;
+  --color-brand-400: #5ec3e0;
+  --color-brand-500: #3ba9d2;
+  --color-brand-600: #2c91b6;
+  --color-brand-700: #1e799b;
+  --color-brand-800: #065d86;
+  --color-brand-900: #04425f;
+
+  --color-primary-25: #f1fbfd;
+  --color-primary-50: #e5f7fc;
+  --color-primary-100: #c8ecf8;
+  --color-primary-200: #a6dff1;
+  --color-primary-300: #84d3eb;
+  --color-primary-400: #5ec3e0;
+  --color-primary-500: #3ba9d2;
+  --color-primary-600: #2c91b6;
+  --color-primary-700: #1e799b;
+  --color-primary-800: #065d86;
+  --color-primary-900: #04425f;
+
+  --color-secondary-25: #f3fbf9;
+  --color-secondary-50: #ecf9f6;
+  --color-secondary-100: #d8f3ec;
+  --color-secondary-200: #b1e7d9;
+  --color-secondary-300: #8bdac6;
+  --color-secondary-400: #64ceb4;
+  --color-secondary-500: #3aba9b;
+  --color-secondary-600: #319b81;
+  --color-secondary-700: #277c67;
+  --color-secondary-800: #1d5d4d;
+  --color-secondary-900: #16463a;
+}

package/dist/themes/weatherby-dark.css

@@ -0,0 +1,38 @@
+/* Weatherby Brand Theme - Dark Mode */
+[data-theme="weatherby"][data-mode="dark"] {
+  --color-brand-25: #40051a;
+  --color-brand-50: #6b0a2e;
+  --color-brand-100: #8a103c;
+  --color-brand-200: #a9174a;
+  --color-brand-300: #c81e58;
+  --color-brand-400: #d24978;
+  --color-brand-500: #de7498;
+  --color-brand-600: #e9a0b8;
+  --color-brand-700: #f3cbd8;
+  --color-brand-800: #f9e5ec;
+  --color-brand-900: #fcf2f5;
+
+  --color-primary-25: #40051a;
+  --color-primary-50: #6b0a2e;
+  --color-primary-100: #8a103c;
+  --color-primary-200: #a9174a;
+  --color-primary-300: #c81e58;
+  --color-primary-400: #d24978;
+  --color-primary-500: #de7498;
+  --color-primary-600: #e9a0b8;
+  --color-primary-700: #f3cbd8;
+  --color-primary-800: #f9e5ec;
+  --color-primary-900: #fcf2f5;
+
+  --color-secondary-25: #0b352a;
+  --color-secondary-50: #125a46;
+  --color-secondary-100: #19785d;
+  --color-secondary-200: #1f9574;
+  --color-secondary-300: #25b28b;
+  --color-secondary-400: #4fc7a2;
+  --color-secondary-500: #78d4b8;
+  --color-secondary-600: #a1e2cf;
+  --color-secondary-700: #cbefe5;
+  --color-secondary-800: #e5f7f2;
+  --color-secondary-900: #f2fbf8;
+}

package/dist/themes/weatherby.css

@@ -0,0 +1,38 @@
+/* Weatherby Brand Theme */
+[data-theme="weatherby"] {
+  --color-brand-25: #fcf2f5;
+  --color-brand-50: #f9e5ec;
+  --color-brand-100: #f3cbd8;
+  --color-brand-200: #e9a0b8;
+  --color-brand-300: #de7498;
+  --color-brand-400: #d24978;
+  --color-brand-500: #c81e58;
+  --color-brand-600: #a9174a;
+  --color-brand-700: #8a103c;
+  --color-brand-800: #6b0a2e;
+  --color-brand-900: #40051a;
+
+  --color-primary-25: #fcf2f5;
+  --color-primary-50: #f9e5ec;
+  --color-primary-100: #f3cbd8;
+  --color-primary-200: #e9a0b8;
+  --color-primary-300: #de7498;
+  --color-primary-400: #d24978;
+  --color-primary-500: #c81e58;
+  --color-primary-600: #a9174a;
+  --color-primary-700: #8a103c;
+  --color-primary-800: #6b0a2e;
+  --color-primary-900: #40051a;
+
+  --color-secondary-25: #f2fbf8;
+  --color-secondary-50: #e5f7f2;
+  --color-secondary-100: #cbefe5;
+  --color-secondary-200: #a1e2cf;
+  --color-secondary-300: #78d4b8;
+  --color-secondary-400: #4fc7a2;
+  --color-secondary-500: #25b28b;
+  --color-secondary-600: #1f9574;
+  --color-secondary-700: #19785d;
+  --color-secondary-800: #125a46;
+  --color-secondary-900: #0b352a;
+}

package/dist/themes/wireframe-dark.css

@@ -0,0 +1,38 @@
+/* Wireframe Brand Theme - Dark Mode */
+[data-theme="wireframe"][data-mode="dark"] {
+  --color-brand-25: #333333;
+  --color-brand-50: #585858;
+  --color-brand-100: #6a6a6a;
+  --color-brand-200: #818181;
+  --color-brand-300: #969696;
+  --color-brand-400: #aaaaaa;
+  --color-brand-500: #bebebe;
+  --color-brand-600: #d1d1d1;
+  --color-brand-700: #ebebeb;
+  --color-brand-800: #f5f5f5;
+  --color-brand-900: #fafafa;
+
+  --color-primary-25: #333333;
+  --color-primary-50: #585858;
+  --color-primary-100: #6a6a6a;
+  --color-primary-200: #818181;
+  --color-primary-300: #969696;
+  --color-primary-400: #aaaaaa;
+  --color-primary-500: #bebebe;
+  --color-primary-600: #d1d1d1;
+  --color-primary-700: #ebebeb;
+  --color-primary-800: #f5f5f5;
+  --color-primary-900: #fafafa;
+
+  --color-secondary-25: #0c4a6e;
+  --color-secondary-50: #075985;
+  --color-secondary-100: #0369a1;
+  --color-secondary-200: #0284c7;
+  --color-secondary-300: #0ea5e9;
+  --color-secondary-400: #38bdf8;
+  --color-secondary-500: #7dd3fc;
+  --color-secondary-600: #bae6fd;
+  --color-secondary-700: #e0f2fe;
+  --color-secondary-800: #f0f9ff;
+  --color-secondary-900: #fafdff;
+}

package/dist/themes/wireframe.css

@@ -0,0 +1,38 @@
+/* Wireframe Brand Theme */
+[data-theme="wireframe"] {
+  --color-brand-25: #fafafa;
+  --color-brand-50: #f5f5f5;
+  --color-brand-100: #ebebeb;
+  --color-brand-200: #d1d1d1;
+  --color-brand-300: #bebebe;
+  --color-brand-400: #aaaaaa;
+  --color-brand-500: #969696;
+  --color-brand-600: #818181;
+  --color-brand-700: #6a6a6a;
+  --color-brand-800: #585858;
+  --color-brand-900: #333333;
+
+  --color-primary-25: #fafafa;
+  --color-primary-50: #f5f5f5;
+  --color-primary-100: #ebebeb;
+  --color-primary-200: #d1d1d1;
+  --color-primary-300: #bebebe;
+  --color-primary-400: #aaaaaa;
+  --color-primary-500: #969696;
+  --color-primary-600: #818181;
+  --color-primary-700: #6a6a6a;
+  --color-primary-800: #585858;
+  --color-primary-900: #333333;
+
+  --color-secondary-25: #fafdff;
+  --color-secondary-50: #f0f9ff;
+  --color-secondary-100: #e0f2fe;
+  --color-secondary-200: #bae6fd;
+  --color-secondary-300: #7dd3fc;
+  --color-secondary-400: #38bdf8;
+  --color-secondary-500: #0ea5e9;
+  --color-secondary-600: #0284c7;
+  --color-secondary-700: #0369a1;
+  --color-secondary-800: #075985;
+  --color-secondary-900: #0c4a6e;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxymormon/chg-unified-ds",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "type": "module",
   "exports": {
     ".": {
@@ -8,7 +8,20 @@
       "require": "./dist/index.cjs.js",
       "types": "./dist/index.d.ts"
     },
-    "./styles": "./dist/style.css"
+    "./styles/tokens": "./dist/styles/tokens.css",
+    "./styles/globals": "./dist/styles/globals.css",
+    "./themes/weatherby": "./dist/themes/weatherby.css",
+    "./themes/weatherby-dark": "./dist/themes/weatherby-dark.css",
+    "./themes/comphealth": "./dist/themes/comphealth.css",
+    "./themes/comphealth-dark": "./dist/themes/comphealth-dark.css",
+    "./themes/connect": "./dist/themes/connect.css",
+    "./themes/connect-dark": "./dist/themes/connect-dark.css",
+    "./themes/locumsmart": "./dist/themes/locumsmart.css",
+    "./themes/locumsmart-dark": "./dist/themes/locumsmart-dark.css",
+    "./themes/modio": "./dist/themes/modio.css",
+    "./themes/modio-dark": "./dist/themes/modio-dark.css",
+    "./themes/wireframe": "./dist/themes/wireframe.css",
+    "./themes/wireframe-dark": "./dist/themes/wireframe-dark.css"
   },
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",