@trackunit/css-tailwind 0.0.17 → 0.0.18
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/package.json +1 -1
- package/tailwind-base.generated.js +130 -2
package/package.json
CHANGED
|
@@ -165,9 +165,95 @@ var CardTokenDefinition = AsComponentTokenDefinition({
|
|
|
165
165
|
}
|
|
166
166
|
});
|
|
167
167
|
|
|
168
|
+
// libs/css/component-tokens/src/component-tokens/components/Search.tokens.ts
|
|
169
|
+
var SearchTokenDefinition = AsComponentTokenDefinition({
|
|
170
|
+
DEFAULT: {
|
|
171
|
+
width: { width: "9rem" },
|
|
172
|
+
background: { backgroundColor: "" },
|
|
173
|
+
borderless: { borderStyle: "hidden" },
|
|
174
|
+
"focus-hover": {
|
|
175
|
+
borderWidth: "1px",
|
|
176
|
+
borderBottomWidth: "1px",
|
|
177
|
+
borderColor: "rgb(var(--color-gray-400))",
|
|
178
|
+
borderBottomColor: "rgb(var(--color-gray-400))",
|
|
179
|
+
backgroundColor: "rgb(var(--color-slate-50))"
|
|
180
|
+
},
|
|
181
|
+
border: {
|
|
182
|
+
borderStyle: "solid",
|
|
183
|
+
borderWidth: "1px",
|
|
184
|
+
borderBottomWidth: "1px",
|
|
185
|
+
borderColor: "rgb(var(--color-gray-200))",
|
|
186
|
+
borderBottomColor: "rgb(var(--color-gray-200))",
|
|
187
|
+
borderRadius: "0.5rem"
|
|
188
|
+
},
|
|
189
|
+
"focus-within": {
|
|
190
|
+
borderColor: "rgb(var(--color-slate-400))",
|
|
191
|
+
boxShadow: "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)"
|
|
192
|
+
},
|
|
193
|
+
widen: { borderBottomColor: "rgb(var(--color-white-DEFAULT))" },
|
|
194
|
+
"widen-focus": { borderBottomColor: "rgb(var(--color-black-DEFAULT))" },
|
|
195
|
+
prefix: {
|
|
196
|
+
color: "rgb(var(--color-slate-400))",
|
|
197
|
+
cursor: "default"
|
|
198
|
+
}
|
|
199
|
+
},
|
|
200
|
+
"theme-marketing": {
|
|
201
|
+
width: { width: "0px" },
|
|
202
|
+
background: { backgroundColor: "transparent" },
|
|
203
|
+
borderless: {
|
|
204
|
+
borderStyle: "hidden"
|
|
205
|
+
},
|
|
206
|
+
"focus-hover": {
|
|
207
|
+
borderWidth: "0px",
|
|
208
|
+
borderBottomWidth: "2px",
|
|
209
|
+
borderColor: "rgb(var(--color-black-DEFAULT))",
|
|
210
|
+
borderBottomColor: "rgb(var(--color-black-DEFAULT))",
|
|
211
|
+
backgroundColor: "transparent"
|
|
212
|
+
},
|
|
213
|
+
border: {
|
|
214
|
+
borderStyle: "solid",
|
|
215
|
+
borderWidth: "0px",
|
|
216
|
+
borderBottomWidth: "2px",
|
|
217
|
+
borderColor: "rgb(var(--color-white-DEFAULT))",
|
|
218
|
+
borderBottomColor: "rgb(var(--color-black-DEFAULT))",
|
|
219
|
+
borderRadius: "0px"
|
|
220
|
+
},
|
|
221
|
+
"focus-within": {
|
|
222
|
+
borderColor: "none",
|
|
223
|
+
boxShadow: "none"
|
|
224
|
+
},
|
|
225
|
+
widen: {
|
|
226
|
+
borderBottomColor: "rgb(var(--color-white-DEFAULT))"
|
|
227
|
+
},
|
|
228
|
+
"widen-focus": {
|
|
229
|
+
borderBottomColor: "rgb(var(--color-black-DEFAULT))"
|
|
230
|
+
},
|
|
231
|
+
prefix: {
|
|
232
|
+
color: "rgb(var(--color-slate-600))",
|
|
233
|
+
cursor: "pointer"
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
});
|
|
237
|
+
|
|
238
|
+
// libs/css/component-tokens/src/component-tokens/components/Button.tokens.ts
|
|
239
|
+
var ButtonTokenDefinition = AsComponentTokenDefinition({
|
|
240
|
+
DEFAULT: {
|
|
241
|
+
border: { borderRadius: "var(--border-radius-lg)" },
|
|
242
|
+
height: { height: "min-content", maxHeight: "32px" },
|
|
243
|
+
width: { width: "min-content", minWidth: "min-content" }
|
|
244
|
+
},
|
|
245
|
+
"theme-marketing": {
|
|
246
|
+
border: { borderRadius: "50px" },
|
|
247
|
+
height: { height: "55px", maxHeight: "" },
|
|
248
|
+
width: { width: "min-content", minWidth: "158px" }
|
|
249
|
+
}
|
|
250
|
+
});
|
|
251
|
+
|
|
168
252
|
// libs/css/component-tokens/src/component-tokens/ComponentTokens.ts
|
|
169
253
|
var componentTokenDefinitions = {
|
|
170
|
-
card: CardTokenDefinition
|
|
254
|
+
card: CardTokenDefinition,
|
|
255
|
+
button: ButtonTokenDefinition,
|
|
256
|
+
search: SearchTokenDefinition
|
|
171
257
|
};
|
|
172
258
|
|
|
173
259
|
// libs/css/component-tokens/src/component-tokens/ComponentTokenVariablesByThemeName.ts
|
|
@@ -809,7 +895,49 @@ var tailwindBaseConfig = {
|
|
|
809
895
|
popover: withCustomPropertyValueAsComment("--z-popover"),
|
|
810
896
|
toast: withCustomPropertyValueAsComment("--z-toast")
|
|
811
897
|
}
|
|
812
|
-
})
|
|
898
|
+
}),
|
|
899
|
+
variables: {
|
|
900
|
+
"theme-marketing": {
|
|
901
|
+
color: {
|
|
902
|
+
primary: {
|
|
903
|
+
50: "254 236 235",
|
|
904
|
+
100: "254 236 235",
|
|
905
|
+
200: "254 217 215",
|
|
906
|
+
300: "253 180 176",
|
|
907
|
+
400: "251 142 136",
|
|
908
|
+
500: "250 104 97",
|
|
909
|
+
600: "249 66 58",
|
|
910
|
+
700: "238 19 7",
|
|
911
|
+
800: "178 14 5",
|
|
912
|
+
900: "119 9 4"
|
|
913
|
+
},
|
|
914
|
+
secondary: {
|
|
915
|
+
50: "238 243 246",
|
|
916
|
+
100: "238 243 246",
|
|
917
|
+
200: "222 231 237",
|
|
918
|
+
300: "189 208 219",
|
|
919
|
+
400: "155 184 202",
|
|
920
|
+
500: "122 160 184",
|
|
921
|
+
600: "89 137 166",
|
|
922
|
+
700: "71 109 133",
|
|
923
|
+
800: "53 82 100",
|
|
924
|
+
900: "36 55 66"
|
|
925
|
+
},
|
|
926
|
+
accent: {
|
|
927
|
+
50: "255 246 240",
|
|
928
|
+
100: "255 246 240",
|
|
929
|
+
200: "255 238 224",
|
|
930
|
+
300: "255 223 199",
|
|
931
|
+
400: "255 206 168",
|
|
932
|
+
500: "255 191 143",
|
|
933
|
+
600: "255 173 112",
|
|
934
|
+
700: "255 134 41",
|
|
935
|
+
800: "219 95 0",
|
|
936
|
+
900: "148 64 0"
|
|
937
|
+
}
|
|
938
|
+
}
|
|
939
|
+
}
|
|
940
|
+
}
|
|
813
941
|
},
|
|
814
942
|
plugins: [CssTailwindCustomPropertiesPlugin, src_default]
|
|
815
943
|
};
|