@dpa-id-components/dpa-shared-components 4.0.1-1 → 4.0.1-2
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.
|
@@ -0,0 +1,206 @@
|
|
|
1
|
+
export namespace theme {
|
|
2
|
+
export const inset: {
|
|
3
|
+
0: number;
|
|
4
|
+
"1/2": string;
|
|
5
|
+
full: string;
|
|
6
|
+
};
|
|
7
|
+
export { screens };
|
|
8
|
+
export const fontSize: {
|
|
9
|
+
xs: string;
|
|
10
|
+
sm: string;
|
|
11
|
+
base: string;
|
|
12
|
+
lg: string;
|
|
13
|
+
xl: string;
|
|
14
|
+
"2xl": string;
|
|
15
|
+
"3xl": string;
|
|
16
|
+
"4xl": string;
|
|
17
|
+
"5xl": string;
|
|
18
|
+
"6xl": string;
|
|
19
|
+
"7xl": string;
|
|
20
|
+
};
|
|
21
|
+
export const spacing: {
|
|
22
|
+
px: string;
|
|
23
|
+
0: string;
|
|
24
|
+
0.5: string;
|
|
25
|
+
1: string;
|
|
26
|
+
1.5: string;
|
|
27
|
+
2: string;
|
|
28
|
+
2.5: string;
|
|
29
|
+
3: string;
|
|
30
|
+
3.5: string;
|
|
31
|
+
4: string;
|
|
32
|
+
5: string;
|
|
33
|
+
6: string;
|
|
34
|
+
7: string;
|
|
35
|
+
8: string;
|
|
36
|
+
9: string;
|
|
37
|
+
10: string;
|
|
38
|
+
11: string;
|
|
39
|
+
12: string;
|
|
40
|
+
14: string;
|
|
41
|
+
16: string;
|
|
42
|
+
20: string;
|
|
43
|
+
24: string;
|
|
44
|
+
28: string;
|
|
45
|
+
32: string;
|
|
46
|
+
36: string;
|
|
47
|
+
37: string;
|
|
48
|
+
40: string;
|
|
49
|
+
41: string;
|
|
50
|
+
44: string;
|
|
51
|
+
48: string;
|
|
52
|
+
52: string;
|
|
53
|
+
56: string;
|
|
54
|
+
60: string;
|
|
55
|
+
64: string;
|
|
56
|
+
72: string;
|
|
57
|
+
80: string;
|
|
58
|
+
96: string;
|
|
59
|
+
};
|
|
60
|
+
export namespace extend {
|
|
61
|
+
export namespace outline {
|
|
62
|
+
const blue: string[];
|
|
63
|
+
}
|
|
64
|
+
export namespace fontFamily {
|
|
65
|
+
const sans: string[];
|
|
66
|
+
const marketing: string[];
|
|
67
|
+
}
|
|
68
|
+
export namespace spacing_1 {
|
|
69
|
+
const inherit: string;
|
|
70
|
+
const half: string;
|
|
71
|
+
const inputFocused: string;
|
|
72
|
+
}
|
|
73
|
+
export { spacing_1 as spacing };
|
|
74
|
+
export const duration: {
|
|
75
|
+
0: string;
|
|
76
|
+
};
|
|
77
|
+
export const colors: {
|
|
78
|
+
transparent: string;
|
|
79
|
+
black: string;
|
|
80
|
+
white: string;
|
|
81
|
+
gray: {
|
|
82
|
+
100: string;
|
|
83
|
+
200: string;
|
|
84
|
+
300: string;
|
|
85
|
+
400: string;
|
|
86
|
+
500: string;
|
|
87
|
+
600: string;
|
|
88
|
+
700: string;
|
|
89
|
+
800: string;
|
|
90
|
+
900: string;
|
|
91
|
+
};
|
|
92
|
+
blue: {
|
|
93
|
+
default: string;
|
|
94
|
+
dark: string;
|
|
95
|
+
};
|
|
96
|
+
red: {
|
|
97
|
+
default: string;
|
|
98
|
+
dark: string;
|
|
99
|
+
};
|
|
100
|
+
pink: {
|
|
101
|
+
default: string;
|
|
102
|
+
dark: string;
|
|
103
|
+
};
|
|
104
|
+
purple: {
|
|
105
|
+
default: string;
|
|
106
|
+
dark: string;
|
|
107
|
+
};
|
|
108
|
+
cyan: {
|
|
109
|
+
default: string;
|
|
110
|
+
dark: string;
|
|
111
|
+
};
|
|
112
|
+
teal: {
|
|
113
|
+
default: string;
|
|
114
|
+
dark: string;
|
|
115
|
+
};
|
|
116
|
+
green: {
|
|
117
|
+
default: string;
|
|
118
|
+
dark: string;
|
|
119
|
+
};
|
|
120
|
+
yellow: {
|
|
121
|
+
default: string;
|
|
122
|
+
dark: string;
|
|
123
|
+
};
|
|
124
|
+
orange: {
|
|
125
|
+
default: string;
|
|
126
|
+
dark: string;
|
|
127
|
+
};
|
|
128
|
+
"alert-red": {
|
|
129
|
+
default: string;
|
|
130
|
+
dark: string;
|
|
131
|
+
};
|
|
132
|
+
"alert-green": {
|
|
133
|
+
default: string;
|
|
134
|
+
dark: string;
|
|
135
|
+
};
|
|
136
|
+
"neon-green": string;
|
|
137
|
+
rainbow: {
|
|
138
|
+
red: string;
|
|
139
|
+
"red-dark": string;
|
|
140
|
+
orange: string;
|
|
141
|
+
purple: string;
|
|
142
|
+
};
|
|
143
|
+
};
|
|
144
|
+
export const opacity: {
|
|
145
|
+
60: string;
|
|
146
|
+
20: string;
|
|
147
|
+
};
|
|
148
|
+
export namespace boxShadow {
|
|
149
|
+
const _default: string;
|
|
150
|
+
export { _default as default };
|
|
151
|
+
export const negative: string;
|
|
152
|
+
export const md: string;
|
|
153
|
+
export const lg: string;
|
|
154
|
+
}
|
|
155
|
+
const inset_1: {
|
|
156
|
+
0: number;
|
|
157
|
+
auto: string;
|
|
158
|
+
1: string;
|
|
159
|
+
3: string;
|
|
160
|
+
4: string;
|
|
161
|
+
5: string;
|
|
162
|
+
12: string;
|
|
163
|
+
16: string;
|
|
164
|
+
full: string;
|
|
165
|
+
};
|
|
166
|
+
export { inset_1 as inset };
|
|
167
|
+
export namespace screens_1 {
|
|
168
|
+
namespace print {
|
|
169
|
+
const raw: string;
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
export { screens_1 as screens };
|
|
173
|
+
export const lineHeight: {
|
|
174
|
+
3: string;
|
|
175
|
+
4: string;
|
|
176
|
+
5: string;
|
|
177
|
+
6: string;
|
|
178
|
+
7: string;
|
|
179
|
+
8: string;
|
|
180
|
+
9: string;
|
|
181
|
+
10: string;
|
|
182
|
+
};
|
|
183
|
+
export const width: {
|
|
184
|
+
4.5: string;
|
|
185
|
+
};
|
|
186
|
+
export const height: {
|
|
187
|
+
4.5: string;
|
|
188
|
+
};
|
|
189
|
+
}
|
|
190
|
+
export const maxHeight: {
|
|
191
|
+
60: string;
|
|
192
|
+
};
|
|
193
|
+
}
|
|
194
|
+
export namespace variants {
|
|
195
|
+
const opacity_1: string[];
|
|
196
|
+
export { opacity_1 as opacity };
|
|
197
|
+
const outline_1: string[];
|
|
198
|
+
export { outline_1 as outline };
|
|
199
|
+
export const display: string[];
|
|
200
|
+
export const textColor: string[];
|
|
201
|
+
export const textDecoration: string[];
|
|
202
|
+
}
|
|
203
|
+
export const plugins: (typeof import("@tailwindcss/typography") | {
|
|
204
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
|
205
|
+
config?: Partial<import("tailwindcss/types/config").Config> | undefined;
|
|
206
|
+
})[];
|
package/dist/tailwind.config.cjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
const screens = require("./screens");
|
|
2
2
|
|
|
3
3
|
module.exports = {
|
|
4
4
|
theme: {
|
|
5
5
|
inset: {
|
|
6
6
|
0: 0,
|
|
7
7
|
"1/2": "50%",
|
|
8
|
-
full: "100%"
|
|
8
|
+
full: "100%",
|
|
9
9
|
},
|
|
10
10
|
screens,
|
|
11
11
|
fontSize: {
|
|
@@ -19,7 +19,7 @@ module.exports = {
|
|
|
19
19
|
"4xl": "36px",
|
|
20
20
|
"5xl": "48px",
|
|
21
21
|
"6xl": "60px",
|
|
22
|
-
"7xl": "72px"
|
|
22
|
+
"7xl": "72px",
|
|
23
23
|
},
|
|
24
24
|
spacing: {
|
|
25
25
|
px: "1px",
|
|
@@ -58,23 +58,23 @@ module.exports = {
|
|
|
58
58
|
64: "256px",
|
|
59
59
|
72: "288px",
|
|
60
60
|
80: "320px",
|
|
61
|
-
96: "384px"
|
|
61
|
+
96: "384px",
|
|
62
62
|
},
|
|
63
63
|
extend: {
|
|
64
64
|
outline: {
|
|
65
|
-
blue: ["2px solid rgba(0, 62, 219, 0.5)", "2px"]
|
|
65
|
+
blue: ["2px solid rgba(0, 62, 219, 0.5)", "2px"],
|
|
66
66
|
},
|
|
67
67
|
fontFamily: {
|
|
68
68
|
sans: ["Inter", "sans-serif"],
|
|
69
|
-
marketing: ["Futura", "sans-serif"]
|
|
69
|
+
marketing: ["Futura", "sans-serif"],
|
|
70
70
|
},
|
|
71
71
|
spacing: {
|
|
72
72
|
inherit: "inherit",
|
|
73
73
|
half: "2px", // 2px,
|
|
74
|
-
inputFocused: "15px"
|
|
74
|
+
inputFocused: "15px",
|
|
75
75
|
},
|
|
76
76
|
duration: {
|
|
77
|
-
0: "0ms"
|
|
77
|
+
0: "0ms",
|
|
78
78
|
},
|
|
79
79
|
colors: {
|
|
80
80
|
transparent: "rgba(255, 255, 255, 0)",
|
|
@@ -90,69 +90,69 @@ module.exports = {
|
|
|
90
90
|
600: "#7E7E7E",
|
|
91
91
|
700: "#757575",
|
|
92
92
|
800: "#4D4D4D",
|
|
93
|
-
900: "#212121"
|
|
93
|
+
900: "#212121",
|
|
94
94
|
},
|
|
95
95
|
blue: {
|
|
96
96
|
default: "#003edb",
|
|
97
|
-
dark: "#0030aa"
|
|
97
|
+
dark: "#0030aa",
|
|
98
98
|
},
|
|
99
99
|
red: {
|
|
100
100
|
default: "#E53935",
|
|
101
|
-
dark: "#AB000D"
|
|
101
|
+
dark: "#AB000D",
|
|
102
102
|
},
|
|
103
103
|
pink: {
|
|
104
104
|
default: "#F5138D",
|
|
105
|
-
dark: "#BD0060"
|
|
105
|
+
dark: "#BD0060",
|
|
106
106
|
},
|
|
107
107
|
purple: {
|
|
108
108
|
default: "#8E24AA",
|
|
109
|
-
dark: "#5C007A"
|
|
109
|
+
dark: "#5C007A",
|
|
110
110
|
},
|
|
111
111
|
cyan: {
|
|
112
112
|
default: "#00ACC1",
|
|
113
|
-
dark: "#007C91"
|
|
113
|
+
dark: "#007C91",
|
|
114
114
|
},
|
|
115
115
|
teal: {
|
|
116
116
|
default: "#00897B",
|
|
117
|
-
dark: "#005B4F"
|
|
117
|
+
dark: "#005B4F",
|
|
118
118
|
},
|
|
119
119
|
green: {
|
|
120
120
|
default: "#30DF7B",
|
|
121
|
-
dark: "#00AC4D"
|
|
121
|
+
dark: "#00AC4D",
|
|
122
122
|
},
|
|
123
123
|
yellow: {
|
|
124
124
|
default: "#F9F500",
|
|
125
|
-
dark: "#C1BE00"
|
|
125
|
+
dark: "#C1BE00",
|
|
126
126
|
},
|
|
127
127
|
orange: {
|
|
128
128
|
default: "#FFB300",
|
|
129
|
-
dark: "#C68400"
|
|
129
|
+
dark: "#C68400",
|
|
130
130
|
},
|
|
131
131
|
"alert-red": {
|
|
132
132
|
default: "#F53000",
|
|
133
|
-
dark: "#BA2400"
|
|
133
|
+
dark: "#BA2400",
|
|
134
134
|
},
|
|
135
135
|
"alert-green": {
|
|
136
136
|
default: "#00D200",
|
|
137
|
-
dark: "#00AA00"
|
|
137
|
+
dark: "#00AA00",
|
|
138
138
|
},
|
|
139
139
|
"neon-green": "#00E281",
|
|
140
140
|
rainbow: {
|
|
141
141
|
red: "#E53935",
|
|
142
142
|
"red-dark": "#AB000D",
|
|
143
143
|
orange: "#FFB300",
|
|
144
|
-
purple: "#8E24AA"
|
|
145
|
-
}
|
|
144
|
+
purple: "#8E24AA",
|
|
145
|
+
},
|
|
146
146
|
},
|
|
147
147
|
opacity: {
|
|
148
148
|
60: "0.6",
|
|
149
|
-
20: "0.2"
|
|
149
|
+
20: "0.2",
|
|
150
150
|
},
|
|
151
151
|
boxShadow: {
|
|
152
152
|
default: "0px 1px 1px rgba(0, 0, 0, 0.1)",
|
|
153
153
|
negative: "0px -1px 1px rgba(0, 0, 0, 0.1)",
|
|
154
154
|
md: "0px 1px 5px rgba(0, 0, 0, 0.1)",
|
|
155
|
-
lg: "0px 2px 6px rgba(0, 0, 0, 0.25)"
|
|
155
|
+
lg: "0px 2px 6px rgba(0, 0, 0, 0.25)",
|
|
156
156
|
},
|
|
157
157
|
inset: {
|
|
158
158
|
0: 0,
|
|
@@ -163,10 +163,10 @@ module.exports = {
|
|
|
163
163
|
5: "20px",
|
|
164
164
|
12: "48px",
|
|
165
165
|
16: "64px",
|
|
166
|
-
full: "100%"
|
|
166
|
+
full: "100%",
|
|
167
167
|
},
|
|
168
168
|
screens: {
|
|
169
|
-
print: { raw: "print" }
|
|
169
|
+
print: { raw: "print" },
|
|
170
170
|
},
|
|
171
171
|
lineHeight: {
|
|
172
172
|
3: "12px",
|
|
@@ -176,29 +176,28 @@ module.exports = {
|
|
|
176
176
|
7: "28px",
|
|
177
177
|
8: "32px",
|
|
178
178
|
9: "36px",
|
|
179
|
-
10: "40px"
|
|
179
|
+
10: "40px",
|
|
180
180
|
},
|
|
181
181
|
width: {
|
|
182
|
-
|
|
182
|
+
4.5: "18px",
|
|
183
183
|
},
|
|
184
184
|
height: {
|
|
185
|
-
|
|
186
|
-
}
|
|
185
|
+
4.5: "18px",
|
|
186
|
+
},
|
|
187
187
|
},
|
|
188
188
|
maxHeight: {
|
|
189
|
-
60: "240px"
|
|
190
|
-
}
|
|
191
|
-
|
|
189
|
+
60: "240px",
|
|
190
|
+
},
|
|
192
191
|
},
|
|
193
192
|
variants: {
|
|
194
193
|
opacity: ["responsive", "hover", "focus", "group-hover"],
|
|
195
194
|
outline: ["focus", "focus-visible"],
|
|
196
195
|
display: ["responsive", "group-hover"],
|
|
197
196
|
textColor: ["responsive", "hover", "focus", "group-hover", "group-focus"],
|
|
198
|
-
textDecoration: ["group-hover"]
|
|
197
|
+
textDecoration: ["group-hover"],
|
|
199
198
|
},
|
|
200
199
|
plugins: [
|
|
201
200
|
require("@tailwindcss/typography"),
|
|
202
|
-
require("@tailwindcss/container-queries")
|
|
203
|
-
]
|
|
201
|
+
require("@tailwindcss/container-queries"),
|
|
202
|
+
],
|
|
204
203
|
};
|