@clayui/css 3.127.0 → 3.130.0

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 (49) hide show
  1. package/lib/css/atlas.css +254 -72
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +205 -94
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +238 -74
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/icons.svg +1 -1
  8. package/lib/images/icons/send.svg +9 -0
  9. package/lib/images/icons/speed.svg +10 -0
  10. package/lib/images/icons/voice.svg +9 -0
  11. package/package.json +2 -2
  12. package/src/images/icons/send.svg +9 -0
  13. package/src/images/icons/speed.svg +10 -0
  14. package/src/images/icons/voice.svg +9 -0
  15. package/src/scss/_license-text.scss +1 -1
  16. package/src/scss/atlas/variables/_forms.scss +1 -0
  17. package/src/scss/atlas/variables/_globals.scss +2 -0
  18. package/src/scss/cadmin/components/_dropdowns.scss +10 -0
  19. package/src/scss/cadmin/components/_forms.scss +16 -14
  20. package/src/scss/cadmin/components/_grid.scss +3 -1
  21. package/src/scss/cadmin/components/_input-groups.scss +12 -1
  22. package/src/scss/cadmin/components/_type.scss +5 -1
  23. package/src/scss/cadmin/components/_utilities-functional-important.scss +11 -0
  24. package/src/scss/cadmin/variables/_custom-forms.scss +1 -1
  25. package/src/scss/cadmin/variables/_dropdowns.scss +3 -0
  26. package/src/scss/cadmin/variables/_forms.scss +15 -0
  27. package/src/scss/cadmin/variables/_globals.scss +2 -0
  28. package/src/scss/cadmin/variables/_utilities.scss +16 -0
  29. package/src/scss/components/_dropdowns.scss +10 -0
  30. package/src/scss/components/_forms.scss +16 -14
  31. package/src/scss/components/_grid.scss +3 -1
  32. package/src/scss/components/_input-groups.scss +12 -1
  33. package/src/scss/components/_type.scss +5 -1
  34. package/src/scss/components/_utilities-functional-important.scss +8 -0
  35. package/src/scss/functions/_lx-icons-generated.scss +6 -0
  36. package/src/scss/mixins/_alerts.scss +104 -48
  37. package/src/scss/mixins/_badges.scss +75 -33
  38. package/src/scss/mixins/_buttons.scss +503 -225
  39. package/src/scss/mixins/_cards.scss +619 -277
  40. package/src/scss/mixins/_close.scss +42 -24
  41. package/src/scss/mixins/_custom-forms.scss +864 -581
  42. package/src/scss/mixins/_dropdown-menu.scss +466 -223
  43. package/src/scss/mixins/_forms.scss +0 -13
  44. package/src/scss/mixins/_links.scss +564 -282
  45. package/src/scss/variables/_custom-forms.scss +1 -1
  46. package/src/scss/variables/_dropdowns.scss +3 -0
  47. package/src/scss/variables/_forms.scss +10 -0
  48. package/src/scss/variables/_globals.scss +2 -0
  49. package/src/scss/variables/_utilities.scss +16 -0
package/src/scss/mixins/_close.scss CHANGED
@@ -348,43 +348,59 @@
348
348
  );
349
349
 
350
350
  @if ($enabled) {
351
- @include clay-css($base);
351
+ @if (length($base) != 0) {
352
+ @include clay-css($base);
353
+ }
352
354
 
353
- &:hover {
354
- @include clay-css($hover);
355
+ @if (length($hover) != 0) {
356
+ &:hover {
357
+ @include clay-css($hover);
358
+ }
355
359
  }
356
360
 
357
- @at-root {
358
- button#{&} {
359
- #{$focus-visible-selector},
360
- #{if($c-prefers-focus-selector,$c-prefers-focus-selector,clay-insert-before('.cadmin', '.c-prefers-focus ', '&:focus'))} {
361
- @include clay-css($btn-focus);
361
+ @if (length($btn-focus) != 0) {
362
+ @at-root {
363
+ button#{&} {
364
+ #{$focus-visible-selector},
365
+ #{if($c-prefers-focus-selector,$c-prefers-focus-selector,clay-insert-before('.cadmin', '.c-prefers-focus ', '&:focus'))} {
366
+ @include clay-css($btn-focus);
367
+ }
362
368
  }
363
369
  }
364
370
  }
365
371
 
366
- @at-root {
367
- &.focus,
368
- #{$focus-visible-selector},
369
- #{if($c-prefers-focus-selector,$c-prefers-focus-selector,clay-insert-before('.cadmin', '.c-prefers-focus ', '&:focus'))} {
370
- @include clay-css($focus);
372
+ @if (length($focus) != 0) {
373
+ @at-root {
374
+ &.focus,
375
+ #{$focus-visible-selector},
376
+ #{if($c-prefers-focus-selector,$c-prefers-focus-selector,clay-insert-before('.cadmin', '.c-prefers-focus ', '&:focus'))} {
377
+ @include clay-css($focus);
378
+ }
371
379
  }
372
380
  }
373
381
 
374
- &:active {
375
- @include clay-css($active);
382
+ @if (length($active) != 0) {
383
+ &:active {
384
+ @include clay-css($active);
385
+ }
376
386
  }
377
387
 
378
- &.active {
379
- @include clay-css($active-class);
388
+ @if (length($active-class) != 0) {
389
+ &.active {
390
+ @include clay-css($active-class);
391
+ }
380
392
  }
381
393
 
382
- &:disabled,
383
- &.disabled {
384
- @include clay-css($disabled);
394
+ @if (length($disabled) != 0) {
395
+ &:disabled,
396
+ &.disabled {
397
+ @include clay-css($disabled);
385
398
 
386
- &:active {
387
- @include clay-css($disabled-active);
399
+ @if (length($disabled-active) != 0) {
400
+ &:active {
401
+ @include clay-css($disabled-active);
402
+ }
403
+ }
388
404
  }
389
405
  }
390
406
 
@@ -394,8 +410,10 @@
394
410
  }
395
411
  }
396
412
 
397
- .lexicon-icon {
398
- @include clay-css($lexicon-icon);
413
+ @if (length($lexicon-icon) != 0) {
414
+ .lexicon-icon {
415
+ @include clay-css($lexicon-icon);
416
+ }
399
417
  }
400
418
  }
401
419
  }