@idds/styles 1.6.18 → 1.6.20

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.
@@ -16,7 +16,7 @@
16
16
  --color-primary-700: var(--ina-primary-700) /* #083575 */;
17
17
  --color-primary-800: var(--ina-primary-800) /* #022a5b */;
18
18
  --color-primary-900: var(--ina-primary-900) /* #041225 */;
19
- --color-primary-primary: var(--ina-primary-primary) /* #629cef */;
19
+ --color-primary-primary: var(--ina-primary-primary) /* #196bcd */;
20
20
 
21
21
  /* Secondary/Accent colors */
22
22
  --color-accent-100: var(--ina-accent-100) /* #ffffff */;
@@ -27,6 +27,17 @@
27
27
  --color-accent-600: var(--ina-accent-600) /* #d39663 */;
28
28
  --color-accent-700: var(--ina-accent-700) /* #cc1515 */;
29
29
 
30
+ /* Secondary colors */
31
+ --color-secondary-25: var(--ina-secondary-25) /* #ffffff */;
32
+ --color-secondary-50: var(--ina-secondary-50) /* #ffffff */;
33
+ --color-secondary-100: var(--ina-secondary-100) /* #ffffff */;
34
+ --color-secondary-200: var(--ina-secondary-200) /* #fff5ee */;
35
+ --color-secondary-300: var(--ina-secondary-300) /* #ffe8cc */;
36
+ --color-secondary-400: var(--ina-secondary-400) /* #ffd2a6 */;
37
+ --color-secondary-500: var(--ina-secondary-500) /* #edb98a */;
38
+ --color-secondary-600: var(--ina-secondary-600) /* #d39663 */;
39
+ --color-secondary-700: var(--ina-secondary-700) /* #cc1515 */;
40
+
30
41
  /* Interactive hover */
31
42
  --color-brand-hover: var(--ina-brand-hover) /* #588cd7 */;
32
43
  --color-neutral-hover: var(--ina-neutral-hover) /* #edeff5 */;
@@ -1 +1 @@
1
- @theme{--color-primary-25:var(--ina-primary-25);--color-primary-50:var(--ina-primary-50);--color-primary-100:var(--ina-primary-100);--color-primary-200:var(--ina-primary-200);--color-primary-300:var(--ina-primary-300);--color-primary-400:var(--ina-primary-400);--color-primary-500:var(--ina-primary-500);--color-primary-600:var(--ina-primary-600);--color-primary-700:var(--ina-primary-700);--color-primary-800:var(--ina-primary-800);--color-primary-900:var(--ina-primary-900);--color-primary-primary:var(--ina-primary-primary);--color-accent-100:var(--ina-accent-100);--color-accent-200:var(--ina-accent-200);--color-accent-300:var(--ina-accent-300);--color-accent-400:var(--ina-accent-400);--color-accent-500:var(--ina-accent-500);--color-accent-600:var(--ina-accent-600);--color-accent-700:var(--ina-accent-700);--color-brand-hover:var(--ina-brand-hover);--color-neutral-hover:var(--ina-neutral-hover)}
1
+ @theme{--color-primary-25:var(--ina-primary-25);--color-primary-50:var(--ina-primary-50);--color-primary-100:var(--ina-primary-100);--color-primary-200:var(--ina-primary-200);--color-primary-300:var(--ina-primary-300);--color-primary-400:var(--ina-primary-400);--color-primary-500:var(--ina-primary-500);--color-primary-600:var(--ina-primary-600);--color-primary-700:var(--ina-primary-700);--color-primary-800:var(--ina-primary-800);--color-primary-900:var(--ina-primary-900);--color-primary-primary:var(--ina-primary-primary);--color-accent-100:var(--ina-accent-100);--color-accent-200:var(--ina-accent-200);--color-accent-300:var(--ina-accent-300);--color-accent-400:var(--ina-accent-400);--color-accent-500:var(--ina-accent-500);--color-accent-600:var(--ina-accent-600);--color-accent-700:var(--ina-accent-700);--color-secondary-25:var(--ina-secondary-25);--color-secondary-50:var(--ina-secondary-50);--color-secondary-100:var(--ina-secondary-100);--color-secondary-200:var(--ina-secondary-200);--color-secondary-300:var(--ina-secondary-300);--color-secondary-400:var(--ina-secondary-400);--color-secondary-500:var(--ina-secondary-500);--color-secondary-600:var(--ina-secondary-600);--color-secondary-700:var(--ina-secondary-700);--color-brand-hover:var(--ina-brand-hover);--color-neutral-hover:var(--ina-neutral-hover)}
@@ -15,7 +15,7 @@ const inagovColorTokens = {
15
15
  'primary-700': 'var(--ina-primary-700, #083575)',
16
16
  'primary-800': 'var(--ina-primary-800, #022a5b)',
17
17
  'primary-900': 'var(--ina-primary-900, #041225)',
18
- 'primary-primary': 'var(--ina-primary-primary, #629cef)',
18
+ 'primary-primary': 'var(--ina-primary-primary, #196bcd)',
19
19
  // Secondary/Accent colors
20
20
  'accent-100': 'var(--ina-accent-100, #ffffff)',
21
21
  'accent-200': 'var(--ina-accent-200, #fff5ee)',
@@ -24,6 +24,16 @@ const inagovColorTokens = {
24
24
  'accent-500': 'var(--ina-accent-500, #edb98a)',
25
25
  'accent-600': 'var(--ina-accent-600, #d39663)',
26
26
  'accent-700': 'var(--ina-accent-700, #cc1515)',
27
+ // Secondary colors
28
+ 'secondary-25': 'var(--ina-secondary-25, #ffffff)',
29
+ 'secondary-50': 'var(--ina-secondary-50, #ffffff)',
30
+ 'secondary-100': 'var(--ina-secondary-100, #ffffff)',
31
+ 'secondary-200': 'var(--ina-secondary-200, #fff5ee)',
32
+ 'secondary-300': 'var(--ina-secondary-300, #ffe8cc)',
33
+ 'secondary-400': 'var(--ina-secondary-400, #ffd2a6)',
34
+ 'secondary-500': 'var(--ina-secondary-500, #edb98a)',
35
+ 'secondary-600': 'var(--ina-secondary-600, #d39663)',
36
+ 'secondary-700': 'var(--ina-secondary-700, #cc1515)',
27
37
  // Interactive hover
28
38
  'brand-hover': 'var(--ina-brand-hover, #588cd7)',
29
39
  'neutral-hover': 'var(--ina-neutral-hover, #edeff5)',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@idds/styles",
3
- "version": "1.6.18",
3
+ "version": "1.6.20",
4
4
  "description": "Shared CSS styles and colors for INA Digital Design System",
5
5
  "type": "module",
6
6
  "main": "./dist/index.css",