@oxymormon/chg-unified-ds 0.2.16 → 0.2.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/themes/comphealth-dark.css +30 -30
  2. package/dist/themes/connect-dark.css +30 -30
  3. package/dist/themes/locumsmart-dark.css +30 -30
  4. package/dist/themes/modio-dark.css +30 -30
  5. package/dist/themes/weatherby-dark.css +30 -30
  6. package/dist/themes/wireframe-dark.css +30 -30
  7. package/package.json +4 -4
  8. package/tailwind.config.cjs +6 -0
package/dist/themes/comphealth-dark.css CHANGED
@@ -1,38 +1,38 @@
1
1
  /* CompHealth Brand Theme - Dark Mode */
2
2
  [data-theme="comphealth"][data-mode="dark"] {
3
- --color-brand-25: #3c304c;
4
- --color-brand-50: #4b3a62;
5
- --color-brand-100: #553f6c;
6
- --color-brand-200: #5e4775;
7
- --color-brand-300: #644d7b;
3
+ --color-brand-25: #f0ecf3;
4
+ --color-brand-50: #eae4ee;
5
+ --color-brand-100: #ccc4d7;
6
+ --color-brand-200: #aea3bc;
7
+ --color-brand-300: #8f7fa1;
8
8
  --color-brand-400: #79658d;
9
- --color-brand-500: #8f7fa1;
10
- --color-brand-600: #aea3bc;
11
- --color-brand-700: #ccc4d7;
12
- --color-brand-800: #eae4ee;
13
- --color-brand-900: #f0ecf3;
9
+ --color-brand-500: #644d7b;
10
+ --color-brand-600: #5e4775;
11
+ --color-brand-700: #553f6c;
12
+ --color-brand-800: #4b3a62;
13
+ --color-brand-900: #3c304c;
14
14
 
15
- --color-primary-25: #3c304c;
16
- --color-primary-50: #4b3a62;
17
- --color-primary-100: #553f6c;
18
- --color-primary-200: #5e4775;
19
- --color-primary-300: #644d7b;
15
+ --color-primary-25: #f0ecf3;
16
+ --color-primary-50: #eae4ee;
17
+ --color-primary-100: #ccc4d7;
18
+ --color-primary-200: #aea3bc;
19
+ --color-primary-300: #8f7fa1;
20
20
  --color-primary-400: #79658d;
21
- --color-primary-500: #8f7fa1;
22
- --color-primary-600: #aea3bc;
23
- --color-primary-700: #ccc4d7;
24
- --color-primary-800: #eae4ee;
25
- --color-primary-900: #f0ecf3;
21
+ --color-primary-500: #644d7b;
22
+ --color-primary-600: #5e4775;
23
+ --color-primary-700: #553f6c;
24
+ --color-primary-800: #4b3a62;
25
+ --color-primary-900: #3c304c;
26
26
 
27
- --color-secondary-25: #7c2820;
28
- --color-secondary-50: #95291f;
29
- --color-secondary-100: #b42d21;
30
- --color-secondary-200: #d63a2c;
31
- --color-secondary-300: #ea5c4f;
27
+ --color-secondary-25: #fffbfa;
28
+ --color-secondary-50: #fef3f2;
29
+ --color-secondary-100: #fde5e3;
30
+ --color-secondary-200: #fcd0cc;
31
+ --color-secondary-300: #f9afa8;
32
32
  --color-secondary-400: #f48075;
33
- --color-secondary-500: #f9afa8;
34
- --color-secondary-600: #fcd0cc;
35
- --color-secondary-700: #fde5e3;
36
- --color-secondary-800: #fef3f2;
37
- --color-secondary-900: #fffbfa;
33
+ --color-secondary-500: #ea5c4f;
34
+ --color-secondary-600: #d63a2c;
35
+ --color-secondary-700: #b42d21;
36
+ --color-secondary-800: #95291f;
37
+ --color-secondary-900: #7c2820;
38
38
  }
package/dist/themes/connect-dark.css CHANGED
@@ -1,38 +1,38 @@
1
1
  /* Connect Brand Theme - Dark Mode */
2
2
  [data-theme="connect"][data-mode="dark"] {
3
- --color-brand-25: #065274;
4
- --color-brand-50: #00638d;
5
- --color-brand-100: #0075ab;
6
- --color-brand-200: #0093d4;
7
- --color-brand-300: #00a8e2;
3
+ --color-brand-25: #fafdff;
4
+ --color-brand-50: #effaff;
5
+ --color-brand-100: #def4ff;
6
+ --color-brand-200: #b6ebff;
7
+ --color-brand-300: #75ddff;
8
8
  --color-brand-400: #2ccdff;
9
- --color-brand-500: #75ddff;
10
- --color-brand-600: #b6ebff;
11
- --color-brand-700: #def4ff;
12
- --color-brand-800: #effaff;
13
- --color-brand-900: #fafdff;
9
+ --color-brand-500: #00a8e2;
10
+ --color-brand-600: #0093d4;
11
+ --color-brand-700: #0075ab;
12
+ --color-brand-800: #00638d;
13
+ --color-brand-900: #065274;
14
14
 
15
- --color-primary-25: #065274;
16
- --color-primary-50: #00638d;
17
- --color-primary-100: #0075ab;
18
- --color-primary-200: #0093d4;
19
- --color-primary-300: #00a8e2;
15
+ --color-primary-25: #fafdff;
16
+ --color-primary-50: #effaff;
17
+ --color-primary-100: #def4ff;
18
+ --color-primary-200: #b6ebff;
19
+ --color-primary-300: #75ddff;
20
20
  --color-primary-400: #2ccdff;
21
- --color-primary-500: #75ddff;
22
- --color-primary-600: #b6ebff;
23
- --color-primary-700: #def4ff;
24
- --color-primary-800: #effaff;
25
- --color-primary-900: #fafdff;
21
+ --color-primary-500: #00a8e2;
22
+ --color-primary-600: #0093d4;
23
+ --color-primary-700: #0075ab;
24
+ --color-primary-800: #00638d;
25
+ --color-primary-900: #065274;
26
26
 
27
- --color-secondary-25: #883e06;
28
- --color-secondary-50: #a44c08;
29
- --color-secondary-100: #c55b09;
30
- --color-secondary-200: #f5822a;
31
- --color-secondary-300: #f47615;
27
+ --color-secondary-25: #fff9f5;
28
+ --color-secondary-50: #fef4ed;
29
+ --color-secondary-100: #fde6d5;
30
+ --color-secondary-200: #fbcda9;
31
+ --color-secondary-300: #f8ad74;
32
32
  --color-secondary-400: #f68c3b;
33
- --color-secondary-500: #f8ad74;
34
- --color-secondary-600: #fbcda9;
35
- --color-secondary-700: #fde6d5;
36
- --color-secondary-800: #fef4ed;
37
- --color-secondary-900: #fff9f5;
33
+ --color-secondary-500: #f47615;
34
+ --color-secondary-600: #f5822a;
35
+ --color-secondary-700: #c55b09;
36
+ --color-secondary-800: #a44c08;
37
+ --color-secondary-900: #883e06;
38
38
  }
package/dist/themes/locumsmart-dark.css CHANGED
@@ -1,38 +1,38 @@
1
1
  /* LocumSmart Brand Theme - Dark Mode */
2
2
  [data-theme="locumsmart"][data-mode="dark"] {
3
- --color-brand-25: #004b88;
4
- --color-brand-50: #006aa8;
5
- --color-brand-100: #0c6bb0;
6
- --color-brand-200: #008dcf;
7
- --color-brand-300: #009add;
3
+ --color-brand-25: #f2fafd;
4
+ --color-brand-50: #e3f5fa;
5
+ --color-brand-100: #aee0f4;
6
+ --color-brand-200: #78cbec;
7
+ --color-brand-300: #41b7e5;
8
8
  --color-brand-400: #00a7e1;
9
- --color-brand-500: #41b7e5;
10
- --color-brand-600: #78cbec;
11
- --color-brand-700: #aee0f4;
12
- --color-brand-800: #e3f5fa;
13
- --color-brand-900: #f2fafd;
9
+ --color-brand-500: #009add;
10
+ --color-brand-600: #008dcf;
11
+ --color-brand-700: #0c6bb0;
12
+ --color-brand-800: #006aa8;
13
+ --color-brand-900: #004b88;
14
14
 
15
- --color-primary-25: #004b88;
16
- --color-primary-50: #006aa8;
17
- --color-primary-100: #0c6bb0;
18
- --color-primary-200: #008dcf;
19
- --color-primary-300: #009add;
15
+ --color-primary-25: #f2fafd;
16
+ --color-primary-50: #e3f5fa;
17
+ --color-primary-100: #aee0f4;
18
+ --color-primary-200: #78cbec;
19
+ --color-primary-300: #41b7e5;
20
20
  --color-primary-400: #00a7e1;
21
- --color-primary-500: #41b7e5;
22
- --color-primary-600: #78cbec;
23
- --color-primary-700: #aee0f4;
24
- --color-primary-800: #e3f5fa;
25
- --color-primary-900: #f2fafd;
21
+ --color-primary-500: #009add;
22
+ --color-primary-600: #008dcf;
23
+ --color-primary-700: #0c6bb0;
24
+ --color-primary-800: #006aa8;
25
+ --color-primary-900: #004b88;
26
26
 
27
- --color-secondary-25: #793515;
28
- --color-secondary-50: #963e16;
29
- --color-secondary-100: #bc4d12;
30
- --color-secondary-200: #e36613;
31
- --color-secondary-300: #f2821f;
27
+ --color-secondary-25: #fefbf5;
28
+ --color-secondary-50: #fef8ee;
29
+ --color-secondary-100: #feefd6;
30
+ --color-secondary-200: #fbdcad;
31
+ --color-secondary-300: #f9c278;
32
32
  --color-secondary-400: #f59e42;
33
- --color-secondary-500: #f9c278;
34
- --color-secondary-600: #fbdcad;
35
- --color-secondary-700: #feefd6;
36
- --color-secondary-800: #fef8ee;
37
- --color-secondary-900: #fefbf5;
33
+ --color-secondary-500: #f2821f;
34
+ --color-secondary-600: #e36613;
35
+ --color-secondary-700: #bc4d12;
36
+ --color-secondary-800: #963e16;
37
+ --color-secondary-900: #793515;
38
38
  }
package/dist/themes/modio-dark.css CHANGED
@@ -1,38 +1,38 @@
1
1
  /* Modio Brand Theme - Dark Mode */
2
2
  [data-theme="modio"][data-mode="dark"] {
3
- --color-brand-25: #04425f;
4
- --color-brand-50: #065d86;
5
- --color-brand-100: #1e799b;
6
- --color-brand-200: #2c91b6;
7
- --color-brand-300: #3ba9d2;
3
+ --color-brand-25: #f1fbfd;
4
+ --color-brand-50: #e5f7fc;
5
+ --color-brand-100: #c8ecf8;
6
+ --color-brand-200: #a6dff1;
7
+ --color-brand-300: #84d3eb;
8
8
  --color-brand-400: #5ec3e0;
9
- --color-brand-500: #84d3eb;
10
- --color-brand-600: #a6dff1;
11
- --color-brand-700: #c8ecf8;
12
- --color-brand-800: #e5f7fc;
13
- --color-brand-900: #f1fbfd;
9
+ --color-brand-500: #3ba9d2;
10
+ --color-brand-600: #2c91b6;
11
+ --color-brand-700: #1e799b;
12
+ --color-brand-800: #065d86;
13
+ --color-brand-900: #04425f;
14
14
 
15
- --color-primary-25: #04425f;
16
- --color-primary-50: #065d86;
17
- --color-primary-100: #1e799b;
18
- --color-primary-200: #2c91b6;
19
- --color-primary-300: #3ba9d2;
15
+ --color-primary-25: #f1fbfd;
16
+ --color-primary-50: #e5f7fc;
17
+ --color-primary-100: #c8ecf8;
18
+ --color-primary-200: #a6dff1;
19
+ --color-primary-300: #84d3eb;
20
20
  --color-primary-400: #5ec3e0;
21
- --color-primary-500: #84d3eb;
22
- --color-primary-600: #a6dff1;
23
- --color-primary-700: #c8ecf8;
24
- --color-primary-800: #e5f7fc;
25
- --color-primary-900: #f1fbfd;
21
+ --color-primary-500: #3ba9d2;
22
+ --color-primary-600: #2c91b6;
23
+ --color-primary-700: #1e799b;
24
+ --color-primary-800: #065d86;
25
+ --color-primary-900: #04425f;
26
26
 
27
- --color-secondary-25: #16463a;
28
- --color-secondary-50: #1d5d4d;
29
- --color-secondary-100: #277c67;
30
- --color-secondary-200: #319b81;
31
- --color-secondary-300: #3aba9b;
27
+ --color-secondary-25: #f3fbf9;
28
+ --color-secondary-50: #ecf9f6;
29
+ --color-secondary-100: #d8f3ec;
30
+ --color-secondary-200: #b1e7d9;
31
+ --color-secondary-300: #8bdac6;
32
32
  --color-secondary-400: #64ceb4;
33
- --color-secondary-500: #8bdac6;
34
- --color-secondary-600: #b1e7d9;
35
- --color-secondary-700: #d8f3ec;
36
- --color-secondary-800: #ecf9f6;
37
- --color-secondary-900: #f3fbf9;
33
+ --color-secondary-500: #3aba9b;
34
+ --color-secondary-600: #319b81;
35
+ --color-secondary-700: #277c67;
36
+ --color-secondary-800: #1d5d4d;
37
+ --color-secondary-900: #16463a;
38
38
  }
package/dist/themes/weatherby-dark.css CHANGED
@@ -1,38 +1,38 @@
1
1
  /* Weatherby Brand Theme - Dark Mode */
2
2
  [data-theme="weatherby"][data-mode="dark"] {
3
- --color-brand-25: #40051a;
4
- --color-brand-50: #6b0a2e;
5
- --color-brand-100: #8a103c;
6
- --color-brand-200: #a9174a;
7
- --color-brand-300: #c81e58;
3
+ --color-brand-25: #fcf2f5;
4
+ --color-brand-50: #f9e5ec;
5
+ --color-brand-100: #f3cbd8;
6
+ --color-brand-200: #e9a0b8;
7
+ --color-brand-300: #de7498;
8
8
  --color-brand-400: #d24978;
9
- --color-brand-500: #de7498;
10
- --color-brand-600: #e9a0b8;
11
- --color-brand-700: #f3cbd8;
12
- --color-brand-800: #f9e5ec;
13
- --color-brand-900: #fcf2f5;
9
+ --color-brand-500: #c81e58;
10
+ --color-brand-600: #a9174a;
11
+ --color-brand-700: #8a103c;
12
+ --color-brand-800: #6b0a2e;
13
+ --color-brand-900: #40051a;
14
14
 
15
- --color-primary-25: #40051a;
16
- --color-primary-50: #6b0a2e;
17
- --color-primary-100: #8a103c;
18
- --color-primary-200: #a9174a;
19
- --color-primary-300: #c81e58;
15
+ --color-primary-25: #fcf2f5;
16
+ --color-primary-50: #f9e5ec;
17
+ --color-primary-100: #f3cbd8;
18
+ --color-primary-200: #e9a0b8;
19
+ --color-primary-300: #de7498;
20
20
  --color-primary-400: #d24978;
21
- --color-primary-500: #de7498;
22
- --color-primary-600: #e9a0b8;
23
- --color-primary-700: #f3cbd8;
24
- --color-primary-800: #f9e5ec;
25
- --color-primary-900: #fcf2f5;
21
+ --color-primary-500: #c81e58;
22
+ --color-primary-600: #a9174a;
23
+ --color-primary-700: #8a103c;
24
+ --color-primary-800: #6b0a2e;
25
+ --color-primary-900: #40051a;
26
26
 
27
- --color-secondary-25: #0b352a;
28
- --color-secondary-50: #125a46;
29
- --color-secondary-100: #19785d;
30
- --color-secondary-200: #1f9574;
31
- --color-secondary-300: #25b28b;
27
+ --color-secondary-25: #f2fbf8;
28
+ --color-secondary-50: #e5f7f2;
29
+ --color-secondary-100: #cbefe5;
30
+ --color-secondary-200: #a1e2cf;
31
+ --color-secondary-300: #78d4b8;
32
32
  --color-secondary-400: #4fc7a2;
33
- --color-secondary-500: #78d4b8;
34
- --color-secondary-600: #a1e2cf;
35
- --color-secondary-700: #cbefe5;
36
- --color-secondary-800: #e5f7f2;
37
- --color-secondary-900: #f2fbf8;
33
+ --color-secondary-500: #25b28b;
34
+ --color-secondary-600: #1f9574;
35
+ --color-secondary-700: #19785d;
36
+ --color-secondary-800: #125a46;
37
+ --color-secondary-900: #0b352a;
38
38
  }
package/dist/themes/wireframe-dark.css CHANGED
@@ -1,38 +1,38 @@
1
1
  /* Wireframe Brand Theme - Dark Mode */
2
2
  [data-theme="wireframe"][data-mode="dark"] {
3
- --color-brand-25: #333333;
4
- --color-brand-50: #585858;
5
- --color-brand-100: #6a6a6a;
6
- --color-brand-200: #818181;
7
- --color-brand-300: #969696;
3
+ --color-brand-25: #fafafa;
4
+ --color-brand-50: #f5f5f5;
5
+ --color-brand-100: #ebebeb;
6
+ --color-brand-200: #d1d1d1;
7
+ --color-brand-300: #bebebe;
8
8
  --color-brand-400: #aaaaaa;
9
- --color-brand-500: #bebebe;
10
- --color-brand-600: #d1d1d1;
11
- --color-brand-700: #ebebeb;
12
- --color-brand-800: #f5f5f5;
13
- --color-brand-900: #fafafa;
9
+ --color-brand-500: #969696;
10
+ --color-brand-600: #818181;
11
+ --color-brand-700: #6a6a6a;
12
+ --color-brand-800: #585858;
13
+ --color-brand-900: #333333;
14
14
 
15
- --color-primary-25: #333333;
16
- --color-primary-50: #585858;
17
- --color-primary-100: #6a6a6a;
18
- --color-primary-200: #818181;
19
- --color-primary-300: #969696;
15
+ --color-primary-25: #fafafa;
16
+ --color-primary-50: #f5f5f5;
17
+ --color-primary-100: #ebebeb;
18
+ --color-primary-200: #d1d1d1;
19
+ --color-primary-300: #bebebe;
20
20
  --color-primary-400: #aaaaaa;
21
- --color-primary-500: #bebebe;
22
- --color-primary-600: #d1d1d1;
23
- --color-primary-700: #ebebeb;
24
- --color-primary-800: #f5f5f5;
25
- --color-primary-900: #fafafa;
21
+ --color-primary-500: #969696;
22
+ --color-primary-600: #818181;
23
+ --color-primary-700: #6a6a6a;
24
+ --color-primary-800: #585858;
25
+ --color-primary-900: #333333;
26
26
 
27
- --color-secondary-25: #0c4a6e;
28
- --color-secondary-50: #075985;
29
- --color-secondary-100: #0369a1;
30
- --color-secondary-200: #0284c7;
31
- --color-secondary-300: #0ea5e9;
27
+ --color-secondary-25: #fafdff;
28
+ --color-secondary-50: #f0f9ff;
29
+ --color-secondary-100: #e0f2fe;
30
+ --color-secondary-200: #bae6fd;
31
+ --color-secondary-300: #7dd3fc;
32
32
  --color-secondary-400: #38bdf8;
33
- --color-secondary-500: #7dd3fc;
34
- --color-secondary-600: #bae6fd;
35
- --color-secondary-700: #e0f2fe;
36
- --color-secondary-800: #f0f9ff;
37
- --color-secondary-900: #fafdff;
33
+ --color-secondary-500: #0ea5e9;
34
+ --color-secondary-600: #0284c7;
35
+ --color-secondary-700: #0369a1;
36
+ --color-secondary-800: #075985;
37
+ --color-secondary-900: #0c4a6e;
38
38
  }
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@oxymormon/chg-unified-ds",
3
- "version": "0.2.16",
3
+ "version": "0.2.17",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {
7
+ "types": "./dist/index.d.ts",
7
8
  "import": "./dist/index.es.js",
8
- "require": "./dist/index.cjs.js",
9
- "types": "./dist/index.d.ts"
9
+ "require": "./dist/index.cjs.js"
10
10
  },
11
11
  "./styles/tokens": "./dist/styles/tokens.css",
12
12
  "./styles/globals": "./dist/styles/globals.css",
@@ -60,7 +60,7 @@
60
60
  },
61
61
  "devDependencies": {
62
62
  "@figma/code-connect": "^1.2.0",
63
- "@storybook/addon-essentials": "^8.5.0",
63
+ "@storybook/addon-essentials": "^8.6.14",
64
64
  "@storybook/react": "^8.5.0",
65
65
  "@storybook/react-vite": "^8.5.0",
66
66
  "@tailwindcss/vite": "^4.1.0",
package/tailwind.config.cjs CHANGED
@@ -320,6 +320,12 @@ module.exports = {
320
320
  bold: '700',
321
321
  },
322
322
  extend: {
323
+ size: {
324
+ xs: '14px',
325
+ sm: '16px',
326
+ md: '18px',
327
+ lg: '20px',
328
+ },
323
329
  boxShadow: {
324
330
  xs: '0px 1px 2px 0px rgba(10, 13, 18, 0.05)',
325
331
  sm: '0px 1px 2px 0px rgba(10, 13, 18, 0.06), 0px 1px 3px 0px rgba(10, 13, 18, 0.10)',