@idds/styles 1.6.8 → 1.6.10
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.
- package/dist/base.css +4 -0
- package/dist/base.min.css +1 -1
- package/dist/index.css +180 -84
- package/dist/index.min.css +9 -9
- package/dist/tailwind/ts/bgn.d.ts +6 -0
- package/dist/tailwind/ts/bgn.js +32 -0
- package/dist/tailwind/ts/bkn.d.ts +6 -0
- package/dist/tailwind/ts/bkn.js +35 -0
- package/dist/tailwind/ts/default.d.ts +6 -0
- package/dist/tailwind/ts/default.js +32 -0
- package/dist/tailwind/ts/idds.d.ts +23 -0
- package/dist/tailwind/ts/idds.js +263 -0
- package/dist/tailwind/ts/inagov.d.ts +6 -0
- package/dist/tailwind/ts/inagov.js +31 -0
- package/dist/tailwind/ts/inaku.d.ts +6 -0
- package/dist/tailwind/ts/inaku.js +31 -0
- package/dist/tailwind/ts/inapas.d.ts +6 -0
- package/dist/tailwind/ts/inapas.js +31 -0
- package/dist/tailwind/ts/lan.d.ts +6 -0
- package/dist/tailwind/ts/lan.js +40 -0
- package/dist/tailwind/ts/panrb.d.ts +5 -0
- package/dist/tailwind/ts/panrb.js +33 -0
- package/package.json +6 -5
- package/dist/tailwind/ts/bgn.ts +0 -35
- package/dist/tailwind/ts/bkn.ts +0 -39
- package/dist/tailwind/ts/default.ts +0 -35
- package/dist/tailwind/ts/idds.ts +0 -288
- package/dist/tailwind/ts/inagov.ts +0 -35
- package/dist/tailwind/ts/inaku.ts +0 -35
- package/dist/tailwind/ts/inapas.ts +0 -35
- package/dist/tailwind/ts/lan.ts +0 -45
- package/dist/tailwind/ts/panrb.ts +0 -37
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@idds/styles",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.10",
|
|
4
4
|
"description": "Shared CSS styles and colors for INA Digital Design System",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.css",
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
"./base.min": "./dist/base.min.css",
|
|
16
16
|
"./assets/*": "./dist/assets/*",
|
|
17
17
|
"./tailwind/ts/*": {
|
|
18
|
-
"import": "./dist/tailwind/ts/*.
|
|
19
|
-
"require": "./dist/tailwind/ts/*.
|
|
20
|
-
"types": "./dist/tailwind/ts/*.ts"
|
|
18
|
+
"import": "./dist/tailwind/ts/*.js",
|
|
19
|
+
"require": "./dist/tailwind/ts/*.js",
|
|
20
|
+
"types": "./dist/tailwind/ts/*.d.ts"
|
|
21
21
|
},
|
|
22
22
|
"./tailwind/css/idds.css": "./dist/tailwind/css/idds.css",
|
|
23
23
|
"./tailwind/css/idds.min.css": "./dist/tailwind/css/idds.min.css",
|
|
@@ -70,6 +70,7 @@
|
|
|
70
70
|
"cssnano": "^7.1.2",
|
|
71
71
|
"postcss": "^8.5.6",
|
|
72
72
|
"postcss-cli": "^11.0.1",
|
|
73
|
-
"postcss-import": "^16.1.1"
|
|
73
|
+
"postcss-import": "^16.1.1",
|
|
74
|
+
"typescript": "^5.3.3"
|
|
74
75
|
}
|
|
75
76
|
}
|
package/dist/tailwind/ts/bgn.ts
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* BGN Color Tokens for Tailwind CSS v3
|
|
3
|
-
* Banking & Financial Services Theme
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
const bgnColorTokens: Record<string, string> = {
|
|
7
|
-
// Primary shades
|
|
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
|
-
|
|
21
|
-
// Secondary shades
|
|
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
|
-
};
|
|
34
|
-
|
|
35
|
-
export default bgnColorTokens;
|
package/dist/tailwind/ts/bkn.ts
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* BKN Color Tokens for Tailwind CSS v3
|
|
3
|
-
* Badan Kepegawaian Negara Theme
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
const bknColorTokens: Record<string, string> = {
|
|
7
|
-
// Primary shades
|
|
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
|
-
|
|
21
|
-
// Secondary shades
|
|
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
|
-
|
|
34
|
-
// Interactive hover
|
|
35
|
-
'bkn-brand-hover': 'var(--ina-bkn-brand-hover, #c41249)',
|
|
36
|
-
'bkn-neutral-hover': 'var(--ina-bkn-neutral-hover, #fafafa)',
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
export default bknColorTokens;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Default Color Tokens for Tailwind CSS v3
|
|
3
|
-
* Default Theme
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
const defaultColorTokens: Record<string, string> = {
|
|
7
|
-
// Primary shades
|
|
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
|
-
|
|
21
|
-
// Secondary shades
|
|
22
|
-
'secondary-25': '#f2f9fd',
|
|
23
|
-
'secondary-50': '#e3f0fb',
|
|
24
|
-
'secondary-100': '#c1e3f6',
|
|
25
|
-
'secondary-200': '#8accef',
|
|
26
|
-
'secondary-300': '#4cb2e4',
|
|
27
|
-
'secondary-400': '#269dd8',
|
|
28
|
-
'secondary-500': '#177ab2',
|
|
29
|
-
'secondary-600': '#146190',
|
|
30
|
-
'secondary-700': '#145378',
|
|
31
|
-
'secondary-800': '#164564',
|
|
32
|
-
'secondary-900': '#0f2d42',
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
export default defaultColorTokens;
|
package/dist/tailwind/ts/idds.ts
DELETED
|
@@ -1,288 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* INA Digital Color Tokens for Tailwind CSS v3
|
|
3
|
-
*
|
|
4
|
-
* This file provides color tokens that reference CSS custom properties
|
|
5
|
-
* from @idds/styles. Use these tokens in your tailwind.config.js:
|
|
6
|
-
*
|
|
7
|
-
* @example
|
|
8
|
-
* ```js
|
|
9
|
-
* import iddsColorTokens from '@idds/styles/tailwind/ts/idds';
|
|
10
|
-
*
|
|
11
|
-
* export default {
|
|
12
|
-
* theme: {
|
|
13
|
-
* extend: {
|
|
14
|
-
* colors: iddsColorTokens,
|
|
15
|
-
* },
|
|
16
|
-
* },
|
|
17
|
-
* };
|
|
18
|
-
* ```
|
|
19
|
-
*
|
|
20
|
-
* Then you can use classes like: text-neutral-500, bg-blue-500, etc.
|
|
21
|
-
*/
|
|
22
|
-
|
|
23
|
-
const iddsColorTokens: Record<string, string> = {
|
|
24
|
-
// Neutral Colors
|
|
25
|
-
'neutral-25': 'var(--ina-neutral-25, #ffffff)',
|
|
26
|
-
'neutral-50': 'var(--ina-neutral-50, #f8f8f7)',
|
|
27
|
-
'neutral-100': 'var(--ina-neutral-100, #f2f2f2)',
|
|
28
|
-
'neutral-200': 'var(--ina-neutral-200, #e5e5e5)',
|
|
29
|
-
'neutral-300': 'var(--ina-neutral-300, #d4d4d4)',
|
|
30
|
-
'neutral-400': 'var(--ina-neutral-400, #a3a3a3)',
|
|
31
|
-
'neutral-500': 'var(--ina-neutral-500, #737373)',
|
|
32
|
-
'neutral-600': 'var(--ina-neutral-600, #525252)',
|
|
33
|
-
'neutral-700': 'var(--ina-neutral-700, #404040)',
|
|
34
|
-
'neutral-800': 'var(--ina-neutral-800, #1f1f1f)',
|
|
35
|
-
'neutral-900': 'var(--ina-neutral-900, #141414)',
|
|
36
|
-
'neutral-1000': 'var(--ina-neutral-1000, #050505)',
|
|
37
|
-
|
|
38
|
-
// Blue Colors
|
|
39
|
-
'blue-50': 'var(--ina-blue-50, #fafcff)',
|
|
40
|
-
'blue-100': 'var(--ina-blue-100, #ecf3fe)',
|
|
41
|
-
'blue-200': 'var(--ina-blue-200, #dceafe)',
|
|
42
|
-
'blue-300': 'var(--ina-blue-300, #84b4fb)',
|
|
43
|
-
'blue-400': 'var(--ina-blue-400, #4d93fc)',
|
|
44
|
-
'blue-500': 'var(--ina-blue-500, #0968f6)',
|
|
45
|
-
'blue-600': 'var(--ina-blue-600, #0049b8)',
|
|
46
|
-
'blue-700': 'var(--ina-blue-700, #002a69)',
|
|
47
|
-
'blue-800': 'var(--ina-blue-800, #0e192a)',
|
|
48
|
-
'blue-900': 'var(--ina-blue-900, #070e17)',
|
|
49
|
-
|
|
50
|
-
// Cyan Colors
|
|
51
|
-
'cyan-50': 'var(--ina-cyan-50, #fafeff)',
|
|
52
|
-
'cyan-100': 'var(--ina-cyan-100, #ebfaff)',
|
|
53
|
-
'cyan-200': 'var(--ina-cyan-200, #d2f3fe)',
|
|
54
|
-
'cyan-300': 'var(--ina-cyan-300, #83defc)',
|
|
55
|
-
'cyan-400': 'var(--ina-cyan-400, #51d0fb)',
|
|
56
|
-
'cyan-500': 'var(--ina-cyan-500, #09bbf6)',
|
|
57
|
-
'cyan-600': 'var(--ina-cyan-600, #008bb9)',
|
|
58
|
-
'cyan-700': 'var(--ina-cyan-700, #00506b)',
|
|
59
|
-
'cyan-800': 'var(--ina-cyan-800, #0a3442)',
|
|
60
|
-
'cyan-900': 'var(--ina-cyan-900, #032530)',
|
|
61
|
-
|
|
62
|
-
// Teal Colors
|
|
63
|
-
'teal-50': 'var(--ina-teal-50, #faffff)',
|
|
64
|
-
'teal-100': 'var(--ina-teal-100, #effbfb)',
|
|
65
|
-
'teal-200': 'var(--ina-teal-200, #d7f4f6)',
|
|
66
|
-
'teal-300': 'var(--ina-teal-300, #8edfe5)',
|
|
67
|
-
'teal-400': 'var(--ina-teal-400, #44ccd5)',
|
|
68
|
-
'teal-500': 'var(--ina-teal-500, #1bbfca)',
|
|
69
|
-
'teal-600': 'var(--ina-teal-600, #006f93)',
|
|
70
|
-
'teal-700': 'var(--ina-teal-700, #07465a)',
|
|
71
|
-
'teal-800': 'var(--ina-teal-800, #04252f)',
|
|
72
|
-
'teal-900': 'var(--ina-teal-900, #02161d)',
|
|
73
|
-
|
|
74
|
-
// Green Colors
|
|
75
|
-
'green-50': 'var(--ina-green-50, #fafffa)',
|
|
76
|
-
'green-100': 'var(--ina-green-100, #edfded)',
|
|
77
|
-
'green-200': 'var(--ina-green-200, #e0fae0)',
|
|
78
|
-
'green-300': 'var(--ina-green-300, #a6f0a5)',
|
|
79
|
-
'green-400': 'var(--ina-green-400, #4ce160)',
|
|
80
|
-
'green-500': 'var(--ina-green-500, #3cc14e)',
|
|
81
|
-
'green-600': 'var(--ina-green-600, #288034)',
|
|
82
|
-
'green-700': 'var(--ina-green-700, #1b561a)',
|
|
83
|
-
'green-800': 'var(--ina-green-800, #0c310d)',
|
|
84
|
-
'green-900': 'var(--ina-green-900, #021d06)',
|
|
85
|
-
|
|
86
|
-
// Lime Colors
|
|
87
|
-
'lime-50': 'var(--ina-lime-50, #fdfffa)',
|
|
88
|
-
'lime-100': 'var(--ina-lime-100, #f8fded)',
|
|
89
|
-
'lime-200': 'var(--ina-lime-200, #f2fcdf)',
|
|
90
|
-
'lime-300': 'var(--ina-lime-300, #ddf6aa)',
|
|
91
|
-
'lime-400': 'var(--ina-lime-400, #bbed56)',
|
|
92
|
-
'lime-500': 'var(--ina-lime-500, #90c821)',
|
|
93
|
-
'lime-600': 'var(--ina-lime-600, #5b7d17)',
|
|
94
|
-
'lime-700': 'var(--ina-lime-700, #3b5110)',
|
|
95
|
-
'lime-800': 'var(--ina-lime-800, #202d06)',
|
|
96
|
-
'lime-900': 'var(--ina-lime-900, #141d02)',
|
|
97
|
-
|
|
98
|
-
// Yellow Colors
|
|
99
|
-
'yellow-50': 'var(--ina-yellow-50, #fffefa)',
|
|
100
|
-
'yellow-100': 'var(--ina-yellow-100, #fff9eb)',
|
|
101
|
-
'yellow-200': 'var(--ina-yellow-200, #fff8d5)',
|
|
102
|
-
'yellow-300': 'var(--ina-yellow-300, #ffe58a)',
|
|
103
|
-
'yellow-400': 'var(--ina-yellow-400, #ffcc14)',
|
|
104
|
-
'yellow-500': 'var(--ina-yellow-500, #eebb04)',
|
|
105
|
-
'yellow-600': 'var(--ina-yellow-600, #855f00)',
|
|
106
|
-
'yellow-700': 'var(--ina-yellow-700, #553b06)',
|
|
107
|
-
'yellow-800': 'var(--ina-yellow-800, #312102)',
|
|
108
|
-
'yellow-900': 'var(--ina-yellow-900, #1c1402)',
|
|
109
|
-
|
|
110
|
-
// Orange Colors
|
|
111
|
-
'orange-50': 'var(--ina-orange-50, #fffcfa)',
|
|
112
|
-
'orange-100': 'var(--ina-orange-100, #fff5eb)',
|
|
113
|
-
'orange-200': 'var(--ina-orange-200, #ffead3)',
|
|
114
|
-
'orange-300': 'var(--ina-orange-300, #ffc382)',
|
|
115
|
-
'orange-400': 'var(--ina-orange-400, #ff8806)',
|
|
116
|
-
'orange-500': 'var(--ina-orange-500, #ec7303)',
|
|
117
|
-
'orange-600': 'var(--ina-orange-600, #c15100)',
|
|
118
|
-
'orange-700': 'var(--ina-orange-700, #562501)',
|
|
119
|
-
'orange-800': 'var(--ina-orange-800, #2f1604)',
|
|
120
|
-
'orange-900': 'var(--ina-orange-900, #170b02)',
|
|
121
|
-
|
|
122
|
-
// Coral Colors
|
|
123
|
-
'coral-50': 'var(--ina-coral-50, #fffbfa)',
|
|
124
|
-
'coral-100': 'var(--ina-coral-100, #ffefeb)',
|
|
125
|
-
'coral-200': 'var(--ina-coral-200, #ffe1d7)',
|
|
126
|
-
'coral-300': 'var(--ina-coral-300, #ffa78a)',
|
|
127
|
-
'coral-400': 'var(--ina-coral-400, #ff6a38)',
|
|
128
|
-
'coral-500': 'var(--ina-coral-500, #f3511b)',
|
|
129
|
-
'coral-600': 'var(--ina-coral-600, #d03706)',
|
|
130
|
-
'coral-700': 'var(--ina-coral-700, #5e1d08)',
|
|
131
|
-
'coral-800': 'var(--ina-coral-800, #2f0e04)',
|
|
132
|
-
'coral-900': 'var(--ina-coral-900, #1d0802)',
|
|
133
|
-
|
|
134
|
-
// Red Colors
|
|
135
|
-
'red-50': 'var(--ina-red-50, #fffafa)',
|
|
136
|
-
'red-100': 'var(--ina-red-100, #fdeded)',
|
|
137
|
-
'red-200': 'var(--ina-red-200, #ffe0e0)',
|
|
138
|
-
'red-300': 'var(--ina-red-300, #ffa0a0)',
|
|
139
|
-
'red-400': 'var(--ina-red-400, #ff5c5c)',
|
|
140
|
-
'red-500': 'var(--ina-red-500, #f02d2d)',
|
|
141
|
-
'red-600': 'var(--ina-red-600, #d50b0b)',
|
|
142
|
-
'red-700': 'var(--ina-red-700, #570303)',
|
|
143
|
-
'red-800': 'var(--ina-red-800, #2a0303)',
|
|
144
|
-
'red-900': 'var(--ina-red-900, #1d0202)',
|
|
145
|
-
|
|
146
|
-
// Pink Colors
|
|
147
|
-
'pink-50': 'var(--ina-pink-50, #fff5fa)',
|
|
148
|
-
'pink-100': 'var(--ina-pink-100, #fdedf5)',
|
|
149
|
-
'pink-200': 'var(--ina-pink-200, #fcdcec)',
|
|
150
|
-
'pink-300': 'var(--ina-pink-300, #f79cc8)',
|
|
151
|
-
'pink-400': 'var(--ina-pink-400, #f155a0)',
|
|
152
|
-
'pink-500': 'var(--ina-pink-500, #e9358b)',
|
|
153
|
-
'pink-600': 'var(--ina-pink-600, #a51359)',
|
|
154
|
-
'pink-700': 'var(--ina-pink-700, #4b112d)',
|
|
155
|
-
'pink-800': 'var(--ina-pink-800, #36061d)',
|
|
156
|
-
'pink-900': 'var(--ina-pink-900, #1d020f)',
|
|
157
|
-
|
|
158
|
-
// Magenta Colors
|
|
159
|
-
'magenta-50': 'var(--ina-magenta-50, #fefaff)',
|
|
160
|
-
'magenta-100': 'var(--ina-magenta-100, #fbebff)',
|
|
161
|
-
'magenta-200': 'var(--ina-magenta-200, #f5d2fe)',
|
|
162
|
-
'magenta-300': 'var(--ina-magenta-300, #e483fc)',
|
|
163
|
-
'magenta-400': 'var(--ina-magenta-400, #d951fb)',
|
|
164
|
-
'magenta-500': 'var(--ina-magenta-500, #c709f6)',
|
|
165
|
-
'magenta-600': 'var(--ina-magenta-600, #9400b9)',
|
|
166
|
-
'magenta-700': 'var(--ina-magenta-700, #56006b)',
|
|
167
|
-
'magenta-800': 'var(--ina-magenta-800, #370a42)',
|
|
168
|
-
'magenta-900': 'var(--ina-magenta-900, #270330)',
|
|
169
|
-
|
|
170
|
-
// Violet Colors
|
|
171
|
-
'violet-50': 'var(--ina-violet-50, #fbfaff)',
|
|
172
|
-
'violet-100': 'var(--ina-violet-100, #f7f6fe)',
|
|
173
|
-
'violet-200': 'var(--ina-violet-200, #e2ddfd)',
|
|
174
|
-
'violet-300': 'var(--ina-violet-300, #ad9efa)',
|
|
175
|
-
'violet-400': 'var(--ina-violet-400, #8770ff)',
|
|
176
|
-
'violet-500': 'var(--ina-violet-500, #583aee)',
|
|
177
|
-
'violet-600': 'var(--ina-violet-600, #3b1fc6)',
|
|
178
|
-
'violet-700': 'var(--ina-violet-700, #271a68)',
|
|
179
|
-
'violet-800': 'var(--ina-violet-800, #140f2e)',
|
|
180
|
-
'violet-900': 'var(--ina-violet-900, #06021d)',
|
|
181
|
-
|
|
182
|
-
// Purple Colors
|
|
183
|
-
'purple-50': 'var(--ina-purple-50, #fdfaff)',
|
|
184
|
-
'purple-100': 'var(--ina-purple-100, #f7ebff)',
|
|
185
|
-
'purple-200': 'var(--ina-purple-200, #ecd2fe)',
|
|
186
|
-
'purple-300': 'var(--ina-purple-300, #cc83fc)',
|
|
187
|
-
'purple-400': 'var(--ina-purple-400, #b751fb)',
|
|
188
|
-
'purple-500': 'var(--ina-purple-500, #9709f6)',
|
|
189
|
-
'purple-600': 'var(--ina-purple-600, #6f00b9)',
|
|
190
|
-
'purple-700': 'var(--ina-purple-700, #40006b)',
|
|
191
|
-
'purple-800': 'var(--ina-purple-800, #2c0a42)',
|
|
192
|
-
'purple-900': 'var(--ina-purple-900, #1e0330)',
|
|
193
|
-
|
|
194
|
-
// Lilac Colors
|
|
195
|
-
'lilac-50': 'var(--ina-lilac-50, #fdfaff)',
|
|
196
|
-
'lilac-100': 'var(--ina-lilac-100, #faf5fe)',
|
|
197
|
-
'lilac-200': 'var(--ina-lilac-200, #efddfd)',
|
|
198
|
-
'lilac-300': 'var(--ina-lilac-300, #cc9ef0)',
|
|
199
|
-
'lilac-400': 'var(--ina-lilac-400, #b56bf0)',
|
|
200
|
-
'lilac-500': 'var(--ina-lilac-500, #8935cb)',
|
|
201
|
-
'lilac-600': 'var(--ina-lilac-600, #631f99)',
|
|
202
|
-
'lilac-700': 'var(--ina-lilac-700, #3e135f)',
|
|
203
|
-
'lilac-800': 'var(--ina-lilac-800, #1c042f)',
|
|
204
|
-
'lilac-900': 'var(--ina-lilac-900, #11021d)',
|
|
205
|
-
|
|
206
|
-
// Indigo Colors
|
|
207
|
-
'indigo-50': 'var(--ina-indigo-50, #fafdff)',
|
|
208
|
-
'indigo-100': 'var(--ina-indigo-100, #ebf7ff)',
|
|
209
|
-
'indigo-200': 'var(--ina-indigo-200, #d3effe)',
|
|
210
|
-
'indigo-300': 'var(--ina-indigo-300, #80d0fd)',
|
|
211
|
-
'indigo-400': 'var(--ina-indigo-400, #0aa7ff)',
|
|
212
|
-
'indigo-500': 'var(--ina-indigo-500, #0099f0)',
|
|
213
|
-
'indigo-600': 'var(--ina-indigo-600, #0364ab)',
|
|
214
|
-
'indigo-700': 'var(--ina-indigo-700, #003c66)',
|
|
215
|
-
'indigo-800': 'var(--ina-indigo-800, #01243d)',
|
|
216
|
-
'indigo-900': 'var(--ina-indigo-900, #02121d)',
|
|
217
|
-
|
|
218
|
-
// Product Colors (Background, Content, Stroke, Guide, Negative, Positive, Warning)
|
|
219
|
-
'background-primary': 'var(--ina-background-primary, #ffffff)',
|
|
220
|
-
'background-secondary': 'var(--ina-background-secondary, #f8f8f7)',
|
|
221
|
-
'background-tertiary': 'var(--ina-background-tertiary, #f2f2f2)',
|
|
222
|
-
'background-overlay': 'var(--ina-background-overlay, #1f1f1f7a)',
|
|
223
|
-
|
|
224
|
-
'content-primary': 'var(--ina-content-primary, #1f1f1f)',
|
|
225
|
-
'content-secondary': 'var(--ina-content-secondary, #525252)',
|
|
226
|
-
'content-tertiary': 'var(--ina-content-tertiary, #a3a3a3)',
|
|
227
|
-
'content-guide': 'var(--ina-content-guide, #0968f6)',
|
|
228
|
-
'content-negative': 'var(--ina-content-negative, #f02d2d)',
|
|
229
|
-
'content-positive': 'var(--ina-content-positive, #288034)',
|
|
230
|
-
|
|
231
|
-
'stroke-primary': 'var(--ina-stroke-primary, #e5e5e5)',
|
|
232
|
-
'stroke-secondary': 'var(--ina-stroke-secondary, #a3a3a3)',
|
|
233
|
-
'stroke-tertiary': 'var(--ina-stroke-tertiary, #1f1f1f)',
|
|
234
|
-
|
|
235
|
-
// Guide Colors (alias for blue)
|
|
236
|
-
'guide-50': 'var(--ina-guide-50, #fafcff)',
|
|
237
|
-
'guide-100': 'var(--ina-guide-100, #ecf3fe)',
|
|
238
|
-
'guide-200': 'var(--ina-guide-200, #dceafe)',
|
|
239
|
-
'guide-300': 'var(--ina-guide-300, #84b4fb)',
|
|
240
|
-
'guide-400': 'var(--ina-guide-400, #4d93fc)',
|
|
241
|
-
'guide-500': 'var(--ina-guide-500, #0968f6)',
|
|
242
|
-
'guide-600': 'var(--ina-guide-600, #0049b8)',
|
|
243
|
-
'guide-700': 'var(--ina-guide-700, #002a69)',
|
|
244
|
-
'guide-800': 'var(--ina-guide-800, #0e192a)',
|
|
245
|
-
'guide-900': 'var(--ina-guide-900, #070e17)',
|
|
246
|
-
|
|
247
|
-
// Negative Colors (alias for red)
|
|
248
|
-
'negative-50': 'var(--ina-negative-50, #fffafa)',
|
|
249
|
-
'negative-100': 'var(--ina-negative-100, #fdeded)',
|
|
250
|
-
'negative-200': 'var(--ina-negative-200, #ffe0e0)',
|
|
251
|
-
'negative-300': 'var(--ina-negative-300, #ffa0a0)',
|
|
252
|
-
'negative-400': 'var(--ina-negative-400, #ff5c5c)',
|
|
253
|
-
'negative-500': 'var(--ina-negative-500, #f02d2d)',
|
|
254
|
-
'negative-600': 'var(--ina-negative-600, #d50b0b)',
|
|
255
|
-
'negative-700': 'var(--ina-negative-700, #570303)',
|
|
256
|
-
'negative-800': 'var(--ina-negative-800, #2a0303)',
|
|
257
|
-
'negative-900': 'var(--ina-negative-900, #1d0202)',
|
|
258
|
-
|
|
259
|
-
// Positive Colors (alias for green)
|
|
260
|
-
'positive-50': 'var(--ina-positive-50, #fafffa)',
|
|
261
|
-
'positive-100': 'var(--ina-positive-100, #edfded)',
|
|
262
|
-
'positive-200': 'var(--ina-positive-200, #e0fae0)',
|
|
263
|
-
'positive-300': 'var(--ina-positive-300, #a6f0a5)',
|
|
264
|
-
'positive-400': 'var(--ina-positive-400, #4ce160)',
|
|
265
|
-
'positive-500': 'var(--ina-positive-500, #3cc14e)',
|
|
266
|
-
'positive-600': 'var(--ina-positive-600, #288034)',
|
|
267
|
-
'positive-700': 'var(--ina-positive-700, #1b561a)',
|
|
268
|
-
'positive-800': 'var(--ina-positive-800, #0c310d)',
|
|
269
|
-
'positive-900': 'var(--ina-positive-900, #021d06)',
|
|
270
|
-
|
|
271
|
-
// Warning Colors (alias for orange)
|
|
272
|
-
'warning-50': 'var(--ina-warning-50, #fffefa)',
|
|
273
|
-
'warning-100': 'var(--ina-warning-100, #fff9eb)',
|
|
274
|
-
'warning-200': 'var(--ina-warning-200, #fff8d5)',
|
|
275
|
-
'warning-300': 'var(--ina-warning-300, #ffe58a)',
|
|
276
|
-
'warning-400': 'var(--ina-warning-400, #ffcc14)',
|
|
277
|
-
'warning-500': 'var(--ina-warning-500, #eebb04)',
|
|
278
|
-
'warning-600': 'var(--ina-warning-600, #855f00)',
|
|
279
|
-
'warning-700': 'var(--ina-warning-700, #553b06)',
|
|
280
|
-
'warning-800': 'var(--ina-warning-800, #312102)',
|
|
281
|
-
'warning-900': 'var(--ina-warning-900, #1c1402)',
|
|
282
|
-
|
|
283
|
-
// Base Colors
|
|
284
|
-
white: 'var(--ina-white, #ffffff)',
|
|
285
|
-
black: 'var(--ina-black, #141414)',
|
|
286
|
-
};
|
|
287
|
-
|
|
288
|
-
export default iddsColorTokens;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* InaGov Color Tokens for Tailwind CSS v3
|
|
3
|
-
* Government Services Theme
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
const inagovColorTokens: Record<string, string> = {
|
|
7
|
-
// Primary shades
|
|
8
|
-
'primary-25': 'var(--ina-primary-25, #f6f9ff)',
|
|
9
|
-
'primary-50': 'var(--ina-primary-50, #eff5fd)',
|
|
10
|
-
'primary-100': 'var(--ina-primary-100, #c0d7f9)',
|
|
11
|
-
'primary-200': 'var(--ina-primary-200, #a1c4f5)',
|
|
12
|
-
'primary-300': 'var(--ina-primary-300, #629cef)',
|
|
13
|
-
'primary-400': 'var(--ina-primary-400, #196bcd)',
|
|
14
|
-
'primary-500': 'var(--ina-primary-500, #0956c3)',
|
|
15
|
-
'primary-600': 'var(--ina-primary-600, #0a489f)',
|
|
16
|
-
'primary-700': 'var(--ina-primary-700, #083575)',
|
|
17
|
-
'primary-800': 'var(--ina-primary-800, #022a5b)',
|
|
18
|
-
'primary-900': 'var(--ina-primary-900, #041225)',
|
|
19
|
-
'primary-primary': 'var(--ina-primary-primary, #629cef)',
|
|
20
|
-
|
|
21
|
-
// Secondary/Accent colors
|
|
22
|
-
'accent-100': 'var(--ina-accent-100, #ffffff)',
|
|
23
|
-
'accent-200': 'var(--ina-accent-200, #fff5ee)',
|
|
24
|
-
'accent-300': 'var(--ina-accent-300, #ffe8cc)',
|
|
25
|
-
'accent-400': 'var(--ina-accent-400, #ffd2a6)',
|
|
26
|
-
'accent-500': 'var(--ina-accent-500, #edb98a)',
|
|
27
|
-
'accent-600': 'var(--ina-accent-600, #d39663)',
|
|
28
|
-
'accent-700': 'var(--ina-accent-700, #cc1515)',
|
|
29
|
-
|
|
30
|
-
// Interactive hover
|
|
31
|
-
'brand-hover': 'var(--ina-brand-hover, #588cd7)',
|
|
32
|
-
'neutral-hover': 'var(--ina-neutral-hover, #edeff5)',
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
export default inagovColorTokens;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* InaKu Color Tokens for Tailwind CSS v3
|
|
3
|
-
* Citizen Services Theme
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
const inakuColorTokens: Record<string, string> = {
|
|
7
|
-
// Primary shades
|
|
8
|
-
'primary-25': 'var(--ina-primary-25, #e8f1fc)',
|
|
9
|
-
'primary-50': 'var(--ina-primary-50, #d9e9f9)',
|
|
10
|
-
'primary-100': 'var(--ina-primary-100, #abd1ff)',
|
|
11
|
-
'primary-200': 'var(--ina-primary-200, #629cef)',
|
|
12
|
-
'primary-300': 'var(--ina-primary-300, #3a78c1)',
|
|
13
|
-
'primary-400': 'var(--ina-primary-400, #194472)',
|
|
14
|
-
'primary-500': 'var(--ina-primary-500, #06264d)',
|
|
15
|
-
'primary-600': 'var(--ina-primary-600, #041d35)',
|
|
16
|
-
'primary-700': 'var(--ina-primary-700, #020f1f)',
|
|
17
|
-
'primary-800': 'var(--ina-primary-800, #020b17)',
|
|
18
|
-
'primary-900': 'var(--ina-primary-900, #01080f)',
|
|
19
|
-
'primary-primary': 'var(--ina-primary-primary, #06264d)',
|
|
20
|
-
|
|
21
|
-
// Secondary/Accent colors
|
|
22
|
-
'accent-100': 'var(--ina-accent-100, #ffffff)',
|
|
23
|
-
'accent-200': 'var(--ina-accent-200, #6a7d94)',
|
|
24
|
-
'accent-300': 'var(--ina-accent-300, #06264d)',
|
|
25
|
-
'accent-400': 'var(--ina-accent-400, #051c3a)',
|
|
26
|
-
'accent-500': 'var(--ina-accent-500, #031327)',
|
|
27
|
-
'accent-600': 'var(--ina-accent-600, #000000)',
|
|
28
|
-
'accent-700': 'var(--ina-accent-700, #6a7d94)',
|
|
29
|
-
|
|
30
|
-
// Interactive hover
|
|
31
|
-
'inaku-brand-hover': 'var(--ina-inaku-brand-hover, #b81313)',
|
|
32
|
-
'inaku-neutral-hover': 'var(--ina-inaku-neutral-hover, #fafafa)',
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
export default inakuColorTokens;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* InaPas Color Tokens for Tailwind CSS v3
|
|
3
|
-
* Passport & Immigration Services Theme
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
const inapasColorTokens: Record<string, string> = {
|
|
7
|
-
// Primary shades
|
|
8
|
-
'primary-25': 'var(--ina-primary-25, #fef2f2)',
|
|
9
|
-
'primary-50': 'var(--ina-primary-50, #f9dcdc)',
|
|
10
|
-
'primary-100': 'var(--ina-primary-100, #f9cdc7)',
|
|
11
|
-
'primary-200': 'var(--ina-primary-200, #ffa194)',
|
|
12
|
-
'primary-300': 'var(--ina-primary-300, #ff5f42)',
|
|
13
|
-
'primary-400': 'var(--ina-primary-400, #e8422d)',
|
|
14
|
-
'primary-500': 'var(--ina-primary-500, #cc1515)',
|
|
15
|
-
'primary-600': 'var(--ina-primary-600, #a00000)',
|
|
16
|
-
'primary-700': 'var(--ina-primary-700, #680000)',
|
|
17
|
-
'primary-800': 'var(--ina-primary-800, #290404)',
|
|
18
|
-
'primary-900': 'var(--ina-primary-900, #140202)',
|
|
19
|
-
'primary-primary': 'var(--ina-primary-primary, #cc1515)',
|
|
20
|
-
|
|
21
|
-
// Accent colors
|
|
22
|
-
'accent-100': 'var(--ina-accent-100, #f6fef9)',
|
|
23
|
-
'accent-200': 'var(--ina-accent-200, #ecfef3)',
|
|
24
|
-
'accent-300': 'var(--ina-accent-300, #d1fadf)',
|
|
25
|
-
'accent-400': 'var(--ina-accent-400, #a6f4c5)',
|
|
26
|
-
'accent-500': 'var(--ina-accent-500, #12b76a)',
|
|
27
|
-
'accent-600': 'var(--ina-accent-600, #039855)',
|
|
28
|
-
'accent-700': 'var(--ina-accent-700, #027a48)',
|
|
29
|
-
|
|
30
|
-
// Interactive hover
|
|
31
|
-
'inapas-brand-hover': 'var(--ina-inapas-brand-hover, #155eef)',
|
|
32
|
-
'inapas-neutral-hover': 'var(--ina-inapas-neutral-hover, #f9fafb)',
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
export default inapasColorTokens;
|
package/dist/tailwind/ts/lan.ts
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* LAN Color Tokens for Tailwind CSS v3
|
|
3
|
-
* Local Area Network Theme
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
const lanColorTokens: Record<string, string> = {
|
|
7
|
-
// Primary shades
|
|
8
|
-
'primary-25': 'var(--ina-primary-25, #f3f6fc)',
|
|
9
|
-
'primary-50': 'var(--ina-primary-50, #e5edf9)',
|
|
10
|
-
'primary-100': 'var(--ina-primary-100, #c6daf1)',
|
|
11
|
-
'primary-200': 'var(--ina-primary-200, #94bde5)',
|
|
12
|
-
'primary-300': 'var(--ina-primary-300, #5b9bd5)',
|
|
13
|
-
'primary-400': 'var(--ina-primary-400, #3781c7)',
|
|
14
|
-
'primary-500': 'var(--ina-primary-500, #2663a3)',
|
|
15
|
-
'primary-600': 'var(--ina-primary-600, #1f4f85)',
|
|
16
|
-
'primary-700': 'var(--ina-primary-700, #1e446e)',
|
|
17
|
-
'primary-800': 'var(--ina-primary-800, #1e3a5c)',
|
|
18
|
-
'primary-900': 'var(--ina-primary-900, #14263d)',
|
|
19
|
-
'primary-primary': 'var(--ina-primary-primary, #2663a3)',
|
|
20
|
-
|
|
21
|
-
// Secondary shades
|
|
22
|
-
'secondary-25': 'var(--ina-secondary-25, #fffdeb)',
|
|
23
|
-
'secondary-50': 'var(--ina-secondary-50, #fdf9c8)',
|
|
24
|
-
'secondary-100': 'var(--ina-secondary-100, #fbf38c)',
|
|
25
|
-
'secondary-200': 'var(--ina-secondary-200, #f9e650)',
|
|
26
|
-
'secondary-300': 'var(--ina-secondary-300, #f7d628)',
|
|
27
|
-
'secondary-400': 'var(--ina-secondary-400, #f2bd1d)',
|
|
28
|
-
'secondary-500': 'var(--ina-secondary-500, #d69009)',
|
|
29
|
-
'secondary-600': 'var(--ina-secondary-600, #b1670c)',
|
|
30
|
-
'secondary-700': 'var(--ina-secondary-700, #905110)',
|
|
31
|
-
'secondary-800': 'var(--ina-secondary-800, #764111)',
|
|
32
|
-
'secondary-900': 'var(--ina-secondary-900, #442204)',
|
|
33
|
-
|
|
34
|
-
// Accent colors
|
|
35
|
-
'accent-red': 'var(--ina-accent-red, #a40f0a)',
|
|
36
|
-
'accent-green': 'var(--ina-accent-green, #1cbd19)',
|
|
37
|
-
'accent-blue': 'var(--ina-accent-blue, #0a35c0)',
|
|
38
|
-
'accent-orange': 'var(--ina-accent-orange, #f08519)',
|
|
39
|
-
|
|
40
|
-
// Interactive hover
|
|
41
|
-
'lan-brand-hover': 'var(--ina-lan-brand-hover, #1f4f85)',
|
|
42
|
-
'lan-neutral-hover': 'var(--ina-lan-neutral-hover, #fafafa)',
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
export default lanColorTokens;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* PANRB Color Tokens for Tailwind CSS v3
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
const panrbColorTokens: Record<string, string> = {
|
|
6
|
-
// Primary shades
|
|
7
|
-
'primary-25': 'var(--ina-primary-25, #fdf3f3)',
|
|
8
|
-
'primary-50': 'var(--ina-primary-50, #fce4e4)',
|
|
9
|
-
'primary-100': 'var(--ina-primary-100, #facecf)',
|
|
10
|
-
'primary-200': 'var(--ina-primary-200, #f5acad)',
|
|
11
|
-
'primary-300': 'var(--ina-primary-300, #ed7c7e)',
|
|
12
|
-
'primary-400': 'var(--ina-primary-400, #e15254)',
|
|
13
|
-
'primary-500': 'var(--ina-primary-500, #cd3537)',
|
|
14
|
-
'primary-600': 'var(--ina-primary-600, #b42b2d)',
|
|
15
|
-
'primary-700': 'var(--ina-primary-700, #8f2527)',
|
|
16
|
-
'primary-800': 'var(--ina-primary-800, #772526)',
|
|
17
|
-
'primary-900': 'var(--ina-primary-900, #400f10)',
|
|
18
|
-
'primary-primary': 'var(--ina-primary-primary, #b42b2d)',
|
|
19
|
-
|
|
20
|
-
// Secondary shades
|
|
21
|
-
'secondary-25': 'var(--ina-secondary-25, #f8f7f8)',
|
|
22
|
-
'secondary-50': 'var(--ina-secondary-50, #f0eeee)',
|
|
23
|
-
'secondary-100': 'var(--ina-secondary-100, #ded9da)',
|
|
24
|
-
'secondary-200': 'var(--ina-secondary-200, #c1b8bb)',
|
|
25
|
-
'secondary-300': 'var(--ina-secondary-300, #9f9196)',
|
|
26
|
-
'secondary-400': 'var(--ina-secondary-400, #847379)',
|
|
27
|
-
'secondary-500': 'var(--ina-secondary-500, #6c5d62)',
|
|
28
|
-
'secondary-600': 'var(--ina-secondary-600, #584c50)',
|
|
29
|
-
'secondary-700': 'var(--ina-secondary-700, #4b4144)',
|
|
30
|
-
'secondary-800': 'var(--ina-secondary-800, #41393b)',
|
|
31
|
-
'secondary-900': 'var(--ina-secondary-900, #231f20)',
|
|
32
|
-
|
|
33
|
-
// Accent colors
|
|
34
|
-
'accent-yellow': 'var(--ina-accent-yellow, #f2c548)',
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
export default panrbColorTokens;
|