@idds/styles 1.6.5 → 1.6.6

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 (22) hide show
  1. package/dist/base.css +161 -161
  2. package/dist/index.css +161 -161
  3. package/dist/tailwind/css/bgn.css +36 -36
  4. package/dist/tailwind/css/bgn.min.css +1 -1
  5. package/dist/tailwind/css/bkn.css +25 -25
  6. package/dist/tailwind/css/idds.css +203 -203
  7. package/dist/tailwind/css/idds.min.css +1 -1
  8. package/dist/tailwind/css/inagov.css +21 -21
  9. package/dist/tailwind/css/inaku.css +21 -21
  10. package/dist/tailwind/css/inapas.css +21 -21
  11. package/dist/tailwind/css/lan.css +29 -29
  12. package/dist/tailwind/css/panrb.css +24 -24
  13. package/dist/tailwind/ts/bgn.ts +23 -23
  14. package/dist/tailwind/ts/bkn.ts +25 -25
  15. package/dist/tailwind/ts/default.ts +12 -12
  16. package/dist/tailwind/ts/idds.ts +207 -207
  17. package/dist/tailwind/ts/inagov.ts +21 -21
  18. package/dist/tailwind/ts/inaku.ts +21 -21
  19. package/dist/tailwind/ts/inapas.ts +21 -21
  20. package/dist/tailwind/ts/lan.ts +29 -29
  21. package/dist/tailwind/ts/panrb.ts +24 -24
  22. package/package.json +1 -1
package/dist/tailwind/css/inapas.css CHANGED
@@ -5,29 +5,29 @@
5
5
 
6
6
  @theme {
7
7
  /* Primary shades */
8
- --color-primary-25: var(--ina-primary-25);
9
- --color-primary-50: var(--ina-primary-50);
10
- --color-primary-100: var(--ina-primary-100);
11
- --color-primary-200: var(--ina-primary-200);
12
- --color-primary-300: var(--ina-primary-300);
13
- --color-primary-400: var(--ina-primary-400);
14
- --color-primary-500: var(--ina-primary-500);
15
- --color-primary-600: var(--ina-primary-600);
16
- --color-primary-700: var(--ina-primary-700);
17
- --color-primary-800: var(--ina-primary-800);
18
- --color-primary-900: var(--ina-primary-900);
19
- --color-primary-primary: var(--ina-primary-primary);
8
+ --color-primary-25: var(--ina-primary-25) /* #fef2f2 */;
9
+ --color-primary-50: var(--ina-primary-50) /* #f9dcdc */;
10
+ --color-primary-100: var(--ina-primary-100) /* #f9cdc7 */;
11
+ --color-primary-200: var(--ina-primary-200) /* #ffa194 */;
12
+ --color-primary-300: var(--ina-primary-300) /* #ff5f42 */;
13
+ --color-primary-400: var(--ina-primary-400) /* #e8422d */;
14
+ --color-primary-500: var(--ina-primary-500) /* #cc1515 */;
15
+ --color-primary-600: var(--ina-primary-600) /* #a00000 */;
16
+ --color-primary-700: var(--ina-primary-700) /* #680000 */;
17
+ --color-primary-800: var(--ina-primary-800) /* #290404 */;
18
+ --color-primary-900: var(--ina-primary-900) /* #140202 */;
19
+ --color-primary-primary: var(--ina-primary-primary) /* #cc1515 */;
20
20
 
21
21
  /* Accent colors */
22
- --color-accent-100: var(--ina-accent-100);
23
- --color-accent-200: var(--ina-accent-200);
24
- --color-accent-300: var(--ina-accent-300);
25
- --color-accent-400: var(--ina-accent-400);
26
- --color-accent-500: var(--ina-accent-500);
27
- --color-accent-600: var(--ina-accent-600);
28
- --color-accent-700: var(--ina-accent-700);
22
+ --color-accent-100: var(--ina-accent-100) /* #f6fef9 */;
23
+ --color-accent-200: var(--ina-accent-200) /* #ecfef3 */;
24
+ --color-accent-300: var(--ina-accent-300) /* #d1fadf */;
25
+ --color-accent-400: var(--ina-accent-400) /* #a6f4c5 */;
26
+ --color-accent-500: var(--ina-accent-500) /* #12b76a */;
27
+ --color-accent-600: var(--ina-accent-600) /* #039855 */;
28
+ --color-accent-700: var(--ina-accent-700) /* #027a48 */;
29
29
 
30
30
  /* Interactive hover */
31
- --color-inapas-brand-hover: var(--ina-inapas-brand-hover);
32
- --color-inapas-neutral-hover: var(--ina-inapas-neutral-hover);
31
+ --color-inapas-brand-hover: var(--ina-inapas-brand-hover) /* #155eef */;
32
+ --color-inapas-neutral-hover: var(--ina-inapas-neutral-hover) /* #f9fafb */;
33
33
  }
package/dist/tailwind/css/lan.css CHANGED
@@ -5,39 +5,39 @@
5
5
 
6
6
  @theme {
7
7
  /* Primary shades */
8
- --color-primary-25: var(--ina-primary-25);
9
- --color-primary-50: var(--ina-primary-50);
10
- --color-primary-100: var(--ina-primary-100);
11
- --color-primary-200: var(--ina-primary-200);
12
- --color-primary-300: var(--ina-primary-300);
13
- --color-primary-400: var(--ina-primary-400);
14
- --color-primary-500: var(--ina-primary-500);
15
- --color-primary-600: var(--ina-primary-600);
16
- --color-primary-700: var(--ina-primary-700);
17
- --color-primary-800: var(--ina-primary-800);
18
- --color-primary-900: var(--ina-primary-900);
19
- --color-primary-primary: var(--ina-primary-primary);
8
+ --color-primary-25: var(--ina-primary-25) /* #f3f6fc */;
9
+ --color-primary-50: var(--ina-primary-50) /* #e5edf9 */;
10
+ --color-primary-100: var(--ina-primary-100) /* #c6daf1 */;
11
+ --color-primary-200: var(--ina-primary-200) /* #94bde5 */;
12
+ --color-primary-300: var(--ina-primary-300) /* #5b9bd5 */;
13
+ --color-primary-400: var(--ina-primary-400) /* #3781c7 */;
14
+ --color-primary-500: var(--ina-primary-500) /* #2663a3 */;
15
+ --color-primary-600: var(--ina-primary-600) /* #1f4f85 */;
16
+ --color-primary-700: var(--ina-primary-700) /* #1e446e */;
17
+ --color-primary-800: var(--ina-primary-800) /* #1e3a5c */;
18
+ --color-primary-900: var(--ina-primary-900) /* #14263d */;
19
+ --color-primary-primary: var(--ina-primary-primary) /* #2663a3 */;
20
20
 
21
21
  /* Secondary shades */
22
- --color-secondary-25: var(--ina-secondary-25);
23
- --color-secondary-50: var(--ina-secondary-50);
24
- --color-secondary-100: var(--ina-secondary-100);
25
- --color-secondary-200: var(--ina-secondary-200);
26
- --color-secondary-300: var(--ina-secondary-300);
27
- --color-secondary-400: var(--ina-secondary-400);
28
- --color-secondary-500: var(--ina-secondary-500);
29
- --color-secondary-600: var(--ina-secondary-600);
30
- --color-secondary-700: var(--ina-secondary-700);
31
- --color-secondary-800: var(--ina-secondary-800);
32
- --color-secondary-900: var(--ina-secondary-900);
22
+ --color-secondary-25: var(--ina-secondary-25) /* #fffdeb */;
23
+ --color-secondary-50: var(--ina-secondary-50) /* #fdf9c8 */;
24
+ --color-secondary-100: var(--ina-secondary-100) /* #fbf38c */;
25
+ --color-secondary-200: var(--ina-secondary-200) /* #f9e650 */;
26
+ --color-secondary-300: var(--ina-secondary-300) /* #f7d628 */;
27
+ --color-secondary-400: var(--ina-secondary-400) /* #f2bd1d */;
28
+ --color-secondary-500: var(--ina-secondary-500) /* #d69009 */;
29
+ --color-secondary-600: var(--ina-secondary-600) /* #b1670c */;
30
+ --color-secondary-700: var(--ina-secondary-700) /* #905110 */;
31
+ --color-secondary-800: var(--ina-secondary-800) /* #764111 */;
32
+ --color-secondary-900: var(--ina-secondary-900) /* #442204 */;
33
33
 
34
34
  /* Accent colors */
35
- --color-accent-red: var(--ina-accent-red);
36
- --color-accent-green: var(--ina-accent-green);
37
- --color-accent-blue: var(--ina-accent-blue);
38
- --color-accent-orange: var(--ina-accent-orange);
35
+ --color-accent-red: var(--ina-accent-red) /* #a40f0a */;
36
+ --color-accent-green: var(--ina-accent-green) /* #1cbd19 */;
37
+ --color-accent-blue: var(--ina-accent-blue) /* #0a35c0 */;
38
+ --color-accent-orange: var(--ina-accent-orange) /* #f08519 */;
39
39
 
40
40
  /* Interactive hover */
41
- --color-lan-brand-hover: var(--ina-lan-brand-hover);
42
- --color-lan-neutral-hover: var(--ina-lan-neutral-hover);
41
+ --color-lan-brand-hover: var(--ina-lan-brand-hover) /* #1f4f85 */;
42
+ --color-lan-neutral-hover: var(--ina-lan-neutral-hover) /* #fafafa */;
43
43
  }
package/dist/tailwind/css/panrb.css CHANGED
@@ -4,32 +4,32 @@
4
4
 
5
5
  @theme {
6
6
  /* Primary shades */
7
- --color-primary-25: var(--ina-primary-25);
8
- --color-primary-50: var(--ina-primary-50);
9
- --color-primary-100: var(--ina-primary-100);
10
- --color-primary-200: var(--ina-primary-200);
11
- --color-primary-300: var(--ina-primary-300);
12
- --color-primary-400: var(--ina-primary-400);
13
- --color-primary-500: var(--ina-primary-500);
14
- --color-primary-600: var(--ina-primary-600);
15
- --color-primary-700: var(--ina-primary-700);
16
- --color-primary-800: var(--ina-primary-800);
17
- --color-primary-900: var(--ina-primary-900);
18
- --color-primary-primary: var(--ina-primary-primary);
7
+ --color-primary-25: var(--ina-primary-25) /* #fdf3f3 */;
8
+ --color-primary-50: var(--ina-primary-50) /* #fce4e4 */;
9
+ --color-primary-100: var(--ina-primary-100) /* #facecf */;
10
+ --color-primary-200: var(--ina-primary-200) /* #f5acad */;
11
+ --color-primary-300: var(--ina-primary-300) /* #ed7c7e */;
12
+ --color-primary-400: var(--ina-primary-400) /* #e15254 */;
13
+ --color-primary-500: var(--ina-primary-500) /* #cd3537 */;
14
+ --color-primary-600: var(--ina-primary-600) /* #b42b2d */;
15
+ --color-primary-700: var(--ina-primary-700) /* #8f2527 */;
16
+ --color-primary-800: var(--ina-primary-800) /* #772526 */;
17
+ --color-primary-900: var(--ina-primary-900) /* #400f10 */;
18
+ --color-primary-primary: var(--ina-primary-primary) /* #b42b2d */;
19
19
 
20
20
  /* Secondary shades */
21
- --color-secondary-25: var(--ina-secondary-25);
22
- --color-secondary-50: var(--ina-secondary-50);
23
- --color-secondary-100: var(--ina-secondary-100);
24
- --color-secondary-200: var(--ina-secondary-200);
25
- --color-secondary-300: var(--ina-secondary-300);
26
- --color-secondary-400: var(--ina-secondary-400);
27
- --color-secondary-500: var(--ina-secondary-500);
28
- --color-secondary-600: var(--ina-secondary-600);
29
- --color-secondary-700: var(--ina-secondary-700);
30
- --color-secondary-800: var(--ina-secondary-800);
31
- --color-secondary-900: var(--ina-secondary-900);
21
+ --color-secondary-25: var(--ina-secondary-25) /* #f8f7f8 */;
22
+ --color-secondary-50: var(--ina-secondary-50) /* #f0eeee */;
23
+ --color-secondary-100: var(--ina-secondary-100) /* #ded9da */;
24
+ --color-secondary-200: var(--ina-secondary-200) /* #c1b8bb */;
25
+ --color-secondary-300: var(--ina-secondary-300) /* #9f9196 */;
26
+ --color-secondary-400: var(--ina-secondary-400) /* #847379 */;
27
+ --color-secondary-500: var(--ina-secondary-500) /* #6c5d62 */;
28
+ --color-secondary-600: var(--ina-secondary-600) /* #584c50 */;
29
+ --color-secondary-700: var(--ina-secondary-700) /* #4b4144 */;
30
+ --color-secondary-800: var(--ina-secondary-800) /* #41393b */;
31
+ --color-secondary-900: var(--ina-secondary-900) /* #231f20 */;
32
32
 
33
33
  /* Accent colors */
34
- --color-accent-yellow: var(--ina-accent-yellow);
34
+ --color-accent-yellow: var(--ina-accent-yellow) /* #f2c548 */;
35
35
  }
package/dist/tailwind/ts/bgn.ts CHANGED
@@ -5,31 +5,31 @@
5
5
 
6
6
  const bgnColorTokens: Record<string, string> = {
7
7
  // Primary shades
8
- 'primary-25': 'var(--ina-primary-25)',
9
- 'primary-50': 'var(--ina-primary-50)',
10
- 'primary-100': 'var(--ina-primary-100)',
11
- 'primary-200': 'var(--ina-primary-200)',
12
- 'primary-300': 'var(--ina-primary-300)',
13
- 'primary-400': 'var(--ina-primary-400)',
14
- 'primary-500': 'var(--ina-primary-500)',
15
- 'primary-600': 'var(--ina-primary-600)',
16
- 'primary-700': 'var(--ina-primary-700)',
17
- 'primary-800': 'var(--ina-primary-800)',
18
- 'primary-900': 'var(--ina-primary-900)',
19
- 'primary-primary': 'var(--ina-primary-primary)',
8
+ 'primary-25': 'var(--ina-primary-25, #ebf8ff)',
9
+ 'primary-50': 'var(--ina-primary-50, #d3eeff)',
10
+ 'primary-100': 'var(--ina-primary-100, #b1e2ff)',
11
+ 'primary-200': 'var(--ina-primary-200, #7bd4ff)',
12
+ 'primary-300': 'var(--ina-primary-300, #3eb8ff)',
13
+ 'primary-400': 'var(--ina-primary-400, #1194ff)',
14
+ 'primary-500': 'var(--ina-primary-500, #0070ff)',
15
+ 'primary-600': 'var(--ina-primary-600, #0058ff)',
16
+ 'primary-700': 'var(--ina-primary-700, #0048cf)',
17
+ 'primary-800': 'var(--ina-primary-800, #0641a2)',
18
+ 'primary-900': 'var(--ina-primary-900, #071e49)',
19
+ 'primary-primary': 'var(--ina-primary-primary, #0058ff)',
20
20
 
21
21
  // Secondary shades
22
- 'secondary-25': 'var(--ina-secondary-25)',
23
- 'secondary-50': 'var(--ina-secondary-50)',
24
- 'secondary-100': 'var(--ina-secondary-100)',
25
- 'secondary-200': 'var(--ina-secondary-200)',
26
- 'secondary-300': 'var(--ina-secondary-300)',
27
- 'secondary-400': 'var(--ina-secondary-400)',
28
- 'secondary-500': 'var(--ina-secondary-500)',
29
- 'secondary-600': 'var(--ina-secondary-600)',
30
- 'secondary-700': 'var(--ina-secondary-700)',
31
- 'secondary-800': 'var(--ina-secondary-800)',
32
- 'secondary-900': 'var(--ina-secondary-900)',
22
+ 'secondary-25': 'var(--ina-secondary-25, #fbf9f1)',
23
+ 'secondary-50': 'var(--ina-secondary-50, #f5f1df)',
24
+ 'secondary-100': 'var(--ina-secondary-100, #ebe0bd)',
25
+ 'secondary-200': 'var(--ina-secondary-200, #deca93)',
26
+ 'secondary-300': 'var(--ina-secondary-300, #d1b06c)',
27
+ 'secondary-400': 'var(--ina-secondary-400, #c5974a)',
28
+ 'secondary-500': 'var(--ina-secondary-500, #b8833e)',
29
+ 'secondary-600': 'var(--ina-secondary-600, #996835)',
30
+ 'secondary-700': 'var(--ina-secondary-700, #7b5431)',
31
+ 'secondary-800': 'var(--ina-secondary-800, #64462a)',
32
+ 'secondary-900': 'var(--ina-secondary-900, #352315)',
33
33
  };
34
34
 
35
35
  export default bgnColorTokens;
package/dist/tailwind/ts/bkn.ts CHANGED
@@ -5,35 +5,35 @@
5
5
 
6
6
  const bknColorTokens: Record<string, string> = {
7
7
  // Primary shades
8
- 'primary-25': 'var(--ina-primary-25)',
9
- 'primary-50': 'var(--ina-primary-50)',
10
- 'primary-100': 'var(--ina-primary-100)',
11
- 'primary-200': 'var(--ina-primary-200)',
12
- 'primary-300': 'var(--ina-primary-300)',
13
- 'primary-400': 'var(--ina-primary-400)',
14
- 'primary-500': 'var(--ina-primary-500)',
15
- 'primary-600': 'var(--ina-primary-600)',
16
- 'primary-700': 'var(--ina-primary-700)',
17
- 'primary-800': 'var(--ina-primary-800)',
18
- 'primary-900': 'var(--ina-primary-900)',
19
- 'primary-primary': 'var(--ina-primary-primary)',
8
+ 'primary-25': 'var(--ina-primary-25, #fdf2f7)',
9
+ 'primary-50': 'var(--ina-primary-50, #fde6f1)',
10
+ 'primary-100': 'var(--ina-primary-100, #fdcde3)',
11
+ 'primary-200': 'var(--ina-primary-200, #fca5cb)',
12
+ 'primary-300': 'var(--ina-primary-300, #f96da7)',
13
+ 'primary-400': 'var(--ina-primary-400, #f24286)',
14
+ 'primary-500': 'var(--ina-primary-500, #de1d5e)',
15
+ 'primary-600': 'var(--ina-primary-600, #c41249)',
16
+ 'primary-700': 'var(--ina-primary-700, #a2123c)',
17
+ 'primary-800': 'var(--ina-primary-800, #871436)',
18
+ 'primary-900': 'var(--ina-primary-900, #53041a)',
19
+ 'primary-primary': 'var(--ina-primary-primary, #de1d5e)',
20
20
 
21
21
  // Secondary shades
22
- 'secondary-25': 'var(--ina-secondary-25)',
23
- 'secondary-50': 'var(--ina-secondary-50)',
24
- 'secondary-100': 'var(--ina-secondary-100)',
25
- 'secondary-200': 'var(--ina-secondary-200)',
26
- 'secondary-300': 'var(--ina-secondary-300)',
27
- 'secondary-400': 'var(--ina-secondary-400)',
28
- 'secondary-500': 'var(--ina-secondary-500)',
29
- 'secondary-600': 'var(--ina-secondary-600)',
30
- 'secondary-700': 'var(--ina-secondary-700)',
31
- 'secondary-800': 'var(--ina-secondary-800)',
32
- 'secondary-900': 'var(--ina-secondary-900)',
22
+ 'secondary-25': 'var(--ina-secondary-25, #f2f9fd)',
23
+ 'secondary-50': 'var(--ina-secondary-50, #e3f0fb)',
24
+ 'secondary-100': 'var(--ina-secondary-100, #c1e3f6)',
25
+ 'secondary-200': 'var(--ina-secondary-200, #8accef)',
26
+ 'secondary-300': 'var(--ina-secondary-300, #4cb2e4)',
27
+ 'secondary-400': 'var(--ina-secondary-400, #269dd8)',
28
+ 'secondary-500': 'var(--ina-secondary-500, #177ab2)',
29
+ 'secondary-600': 'var(--ina-secondary-600, #146190)',
30
+ 'secondary-700': 'var(--ina-secondary-700, #145378)',
31
+ 'secondary-800': 'var(--ina-secondary-800, #164564)',
32
+ 'secondary-900': 'var(--ina-secondary-900, #0f2d42)',
33
33
 
34
34
  // Interactive hover
35
- 'bkn-brand-hover': 'var(--ina-bkn-brand-hover)',
36
- 'bkn-neutral-hover': 'var(--ina-bkn-neutral-hover)',
35
+ 'bkn-brand-hover': 'var(--ina-bkn-brand-hover, #c41249)',
36
+ 'bkn-neutral-hover': 'var(--ina-bkn-neutral-hover, #fafafa)',
37
37
  };
38
38
 
39
39
  export default bknColorTokens;
package/dist/tailwind/ts/default.ts CHANGED
@@ -5,18 +5,18 @@
5
5
 
6
6
  const defaultColorTokens: Record<string, string> = {
7
7
  // Primary shades
8
- 'primary-25': 'var(--ina-neutral-25)',
9
- 'primary-50': 'var(--ina-neutral-50)',
10
- 'primary-100': 'var(--ina-neutral-100)',
11
- 'primary-200': 'var(--ina-neutral-200)',
12
- 'primary-300': 'var(--ina-neutral-300)',
13
- 'primary-400': 'var(--ina-neutral-400)',
14
- 'primary-500': 'var(--ina-neutral-500)',
15
- 'primary-600': 'var(--ina-neutral-600)',
16
- 'primary-700': 'var(--ina-neutral-700)',
17
- 'primary-800': 'var(--ina-neutral-800)',
18
- 'primary-900': 'var(--ina-neutral-900)',
19
- 'primary-primary': 'var(--ina-neutral-900)',
8
+ 'primary-25': 'var(--ina-neutral-25, #ffffff)',
9
+ 'primary-50': 'var(--ina-neutral-50, #f8f8f7)',
10
+ 'primary-100': 'var(--ina-neutral-100, #f2f2f2)',
11
+ 'primary-200': 'var(--ina-neutral-200, #e5e5e5)',
12
+ 'primary-300': 'var(--ina-neutral-300, #d4d4d4)',
13
+ 'primary-400': 'var(--ina-neutral-400, #a3a3a3)',
14
+ 'primary-500': 'var(--ina-neutral-500, #737373)',
15
+ 'primary-600': 'var(--ina-neutral-600, #525252)',
16
+ 'primary-700': 'var(--ina-neutral-700, #404040)',
17
+ 'primary-800': 'var(--ina-neutral-800, #1f1f1f)',
18
+ 'primary-900': 'var(--ina-neutral-900, #141414)',
19
+ 'primary-primary': 'var(--ina-neutral-900, #141414)',
20
20
 
21
21
  // Secondary shades
22
22
  'secondary-25': '#f2f9fd',