@ttoss/theme 1.2.8 → 1.2.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/esm/index.js CHANGED
@@ -173,6 +173,15 @@ var BruttalTheme = {
173
173
  /**
174
174
  * Components
175
175
  */
176
+ badges: {
177
+ primary: {
178
+ color: "onPrimary",
179
+ bg: "primary",
180
+ fontSize: "sm",
181
+ paddingX: "sm",
182
+ borderRadius: "default"
183
+ }
184
+ },
176
185
  buttons: {
177
186
  accent: {
178
187
  backgroundColor: "accent",
@@ -270,10 +279,24 @@ var BruttalTheme = {
270
279
  },
271
280
  forms: {
272
281
  label: {
273
- "&:has(+ div > input:invalid)": {
282
+ "&:has(+ div > input.error)": {
274
283
  "span > iconify-icon": {
275
284
  color: "danger"
276
285
  }
286
+ },
287
+ '&:has(input[type="checkbox"]:disabled)': {
288
+ color: "onMuted"
289
+ }
290
+ },
291
+ checkbox: {
292
+ "input:not(:checked) ~ &": {
293
+ color: "primary"
294
+ },
295
+ "input:disabled ~ &": {
296
+ color: "muted"
297
+ },
298
+ "input:disabled ~ & path": {
299
+ backgroundColor: "onMuted"
277
300
  }
278
301
  },
279
302
  input: {
package/dist/index.js CHANGED
@@ -210,6 +210,15 @@ var BruttalTheme = {
210
210
  /**
211
211
  * Components
212
212
  */
213
+ badges: {
214
+ primary: {
215
+ color: "onPrimary",
216
+ bg: "primary",
217
+ fontSize: "sm",
218
+ paddingX: "sm",
219
+ borderRadius: "default"
220
+ }
221
+ },
213
222
  buttons: {
214
223
  accent: {
215
224
  backgroundColor: "accent",
@@ -307,10 +316,24 @@ var BruttalTheme = {
307
316
  },
308
317
  forms: {
309
318
  label: {
310
- "&:has(+ div > input:invalid)": {
319
+ "&:has(+ div > input.error)": {
311
320
  "span > iconify-icon": {
312
321
  color: "danger"
313
322
  }
323
+ },
324
+ '&:has(input[type="checkbox"]:disabled)': {
325
+ color: "onMuted"
326
+ }
327
+ },
328
+ checkbox: {
329
+ "input:not(:checked) ~ &": {
330
+ color: "primary"
331
+ },
332
+ "input:disabled ~ &": {
333
+ color: "muted"
334
+ },
335
+ "input:disabled ~ & path": {
336
+ backgroundColor: "onMuted"
314
337
  }
315
338
  },
316
339
  input: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ttoss/theme",
3
- "version": "1.2.8",
3
+ "version": "1.2.10",
4
4
  "description": "Theme for packages.",
5
5
  "license": "UNLICENSED",
6
6
  "author": "ttoss",
@@ -24,12 +24,12 @@
24
24
  "deepmerge": "^4.3.0"
25
25
  },
26
26
  "devDependencies": {
27
- "@ttoss/config": "^1.28.3",
28
- "@ttoss/test-utils": "^1.20.5"
27
+ "@ttoss/config": "^1.28.4",
28
+ "@ttoss/test-utils": "^1.20.6"
29
29
  },
30
30
  "keywords": [],
31
31
  "publishConfig": {
32
32
  "access": "public"
33
33
  },
34
- "gitHead": "fb122458378a96e09d1da7fbad0bf12e72e8d04d"
34
+ "gitHead": "2f241b7126c460eeaea3eba6445aa139411d4b19"
35
35
  }
@@ -124,6 +124,15 @@ export const BruttalTheme: Theme = {
124
124
  /**
125
125
  * Components
126
126
  */
127
+ badges: {
128
+ primary: {
129
+ color: 'onPrimary',
130
+ bg: 'primary',
131
+ fontSize: 'sm',
132
+ paddingX: 'sm',
133
+ borderRadius: 'default',
134
+ },
135
+ },
127
136
  buttons: {
128
137
  accent: {
129
138
  backgroundColor: 'accent',
@@ -221,11 +230,25 @@ export const BruttalTheme: Theme = {
221
230
  },
222
231
  forms: {
223
232
  label: {
224
- '&:has(+ div > input:invalid)': {
233
+ '&:has(+ div > input.error)': {
225
234
  'span > iconify-icon': {
226
235
  color: 'danger',
227
236
  },
228
237
  },
238
+ '&:has(input[type="checkbox"]:disabled)': {
239
+ color: 'onMuted',
240
+ },
241
+ },
242
+ checkbox: {
243
+ 'input:not(:checked) ~ &': {
244
+ color: 'primary',
245
+ },
246
+ 'input:disabled ~ &': {
247
+ color: 'muted',
248
+ },
249
+ 'input:disabled ~ & path': {
250
+ backgroundColor: 'onMuted',
251
+ },
229
252
  },
230
253
  input: {
231
254
  fontFamily: 'body',