@clayui/css 3.65.1 → 3.69.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 (57) hide show
  1. package/lib/css/atlas.css +49 -94
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +31 -75
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +63 -62
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/icons.svg +1 -1
  8. package/package.json +2 -2
  9. package/src/scss/_license-text.scss +1 -1
  10. package/src/scss/atlas/variables/_buttons.scss +26 -26
  11. package/src/scss/atlas/variables/_custom-forms.scss +2 -2
  12. package/src/scss/atlas/variables/_dropdowns.scss +2 -2
  13. package/src/scss/atlas/variables/_forms.scss +6 -2
  14. package/src/scss/atlas/variables/_menubar.scss +6 -6
  15. package/src/scss/atlas/variables/_utilities.scss +1 -1
  16. package/src/scss/cadmin/components/_buttons.scss +14 -22
  17. package/src/scss/cadmin/components/_dropdowns.scss +22 -14
  18. package/src/scss/cadmin/variables/_buttons.scss +6 -0
  19. package/src/scss/cadmin/variables/_dropdowns.scss +10 -10
  20. package/src/scss/cadmin/variables/_forms.scss +7 -3
  21. package/src/scss/cadmin/variables/_menubar.scss +8 -8
  22. package/src/scss/cadmin/variables/_modals.scss +3 -2
  23. package/src/scss/cadmin/variables/_popovers.scss +3 -2
  24. package/src/scss/components/_alerts.scss +28 -80
  25. package/src/scss/components/_buttons.scss +16 -24
  26. package/src/scss/components/_custom-forms.scss +4 -12
  27. package/src/scss/components/_date-picker.scss +6 -23
  28. package/src/scss/components/_dropdowns.scss +30 -35
  29. package/src/scss/components/_forms.scss +16 -53
  30. package/src/scss/components/_icons.scss +4 -4
  31. package/src/scss/components/_labels.scss +6 -10
  32. package/src/scss/components/_list-group.scss +4 -9
  33. package/src/scss/components/_modals.scss +2 -6
  34. package/src/scss/components/_progress-bars.scss +2 -6
  35. package/src/scss/components/_stickers.scss +3 -15
  36. package/src/scss/components/_type.scss +3 -3
  37. package/src/scss/mixins/_alerts.scss +10 -24
  38. package/src/scss/mixins/_aspect-ratio.scss +51 -49
  39. package/src/scss/mixins/_badges.scss +140 -140
  40. package/src/scss/mixins/_buttons.scss +2 -6
  41. package/src/scss/mixins/_cards.scss +4 -10
  42. package/src/scss/mixins/_dropdown-menu.scss +19 -31
  43. package/src/scss/mixins/_globals.scss +1 -1
  44. package/src/scss/mixins/_grid.scss +59 -51
  45. package/src/scss/mixins/_labels.scss +228 -212
  46. package/src/scss/mixins/_menubar.scss +15 -46
  47. package/src/scss/mixins/_navbar.scss +41 -43
  48. package/src/scss/mixins/_pagination.scss +35 -71
  49. package/src/scss/mixins/_sheet.scss +2 -6
  50. package/src/scss/mixins/_stickers.scss +10 -19
  51. package/src/scss/mixins/_tbar.scss +10 -30
  52. package/src/scss/mixins/_utilities.scss +1 -1
  53. package/src/scss/variables/_dropdowns.scss +4 -4
  54. package/src/scss/variables/_forms.scss +3 -1
  55. package/src/scss/variables/_menubar.scss +8 -8
  56. package/src/scss/variables/_modals.scss +3 -2
  57. package/src/scss/variables/_popovers.scss +3 -1
package/lib/css/base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.65.1
3
+ * Clay 3.69.0
4
4
  *
5
5
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
6
6
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -3502,10 +3502,6 @@ input[type=button].btn-block {
3502
3502
  padding-top: 0.5625rem;
3503
3503
  min-height: 3.5rem;
3504
3504
  }
3505
- .alert-inline.alert.alert-dismissible.alert-fluid > .container > .alert-autofit-row .btn-group,
3506
- .alert-inline.alert.alert-dismissible.alert-fluid > .container-fluid > .alert-autofit-row .btn-group {
3507
- margin-right: 2rem;
3508
- }
3509
3505
  .alert-inline.alert > .alert-autofit-row {
3510
3506
  align-items: center;
3511
3507
  margin-bottom: calc(-0.75rem - 1px);
@@ -6252,16 +6248,16 @@ input[type=button].btn-block {
6252
6248
  width: auto;
6253
6249
  }
6254
6250
  .dropdown-item.autofit-row {
6255
- padding-left: 1rem;
6256
- padding-right: 1rem;
6251
+ padding-left: calc(1.5rem - 0.25rem);
6252
+ padding-right: calc(1.5rem - 0.25rem);
6257
6253
  }
6258
6254
  .dropdown-item.autofit-row > .autofit-col {
6259
6255
  padding-left: 0.25rem;
6260
6256
  padding-right: 0.25rem;
6261
6257
  }
6262
6258
  .dropdown-item .autofit-row {
6263
- margin-left: 0.25rem;
6264
- margin-right: 0.25rem;
6259
+ margin-left: -0.25rem;
6260
+ margin-right: -0.25rem;
6265
6261
  width: auto;
6266
6262
  }
6267
6263
  .dropdown-item .autofit-row > .autofit-col {
@@ -6517,10 +6513,16 @@ input[type=button].btn-block {
6517
6513
  .dropdown-menu-indicator-start .dropdown-subheader,
6518
6514
  .dropdown-menu-indicator-start .dropdown-caption,
6519
6515
  .dropdown-menu-indicator-start .dropdown-item {
6520
- padding-left: 3.5rem;
6516
+ padding-left: calc(
6517
+ 1.5rem + 1rem + 1rem
6518
+ );
6521
6519
  }
6522
6520
  .dropdown-menu-indicator-start .dropdown-item .c-inner {
6523
- margin-left: -3.5rem;
6521
+ margin-left: calc((
6522
+ 1.5rem +
6523
+ 1rem +
6524
+ 1rem
6525
+ ) * -1);
6524
6526
  }
6525
6527
 
6526
6528
  .dropdown-item-indicator-start {
@@ -6566,10 +6568,16 @@ input[type=button].btn-block {
6566
6568
  padding-right: 0;
6567
6569
  }
6568
6570
  .dropdown-menu-indicator-end .dropdown-item {
6569
- padding-right: 3.5rem;
6571
+ padding-right: calc(
6572
+ 1.5rem + 1rem + 1rem
6573
+ );
6570
6574
  }
6571
6575
  .dropdown-menu-indicator-end .dropdown-item .c-inner {
6572
- margin-right: -3.5rem;
6576
+ margin-right: calc((
6577
+ 1.5rem +
6578
+ 1rem +
6579
+ 1rem
6580
+ ) * -1);
6573
6581
  }
6574
6582
 
6575
6583
  .dropdown-item-indicator-end {
@@ -10618,10 +10626,6 @@ label.custom-control-label {
10618
10626
  background-color: #9fcdff;
10619
10627
  color: #004085;
10620
10628
  }
10621
- .list-group-item-primary.list-group-item-action:focus {
10622
- background-color: #9fcdff;
10623
- color: #004085;
10624
- }
10625
10629
  .list-group-item-primary.list-group-item-action.active {
10626
10630
  background-color: #004085;
10627
10631
  border-color: #004085;
@@ -10636,10 +10640,6 @@ label.custom-control-label {
10636
10640
  background-color: #c8cbcf;
10637
10641
  color: #383d41;
10638
10642
  }
10639
- .list-group-item-secondary.list-group-item-action:focus {
10640
- background-color: #c8cbcf;
10641
- color: #383d41;
10642
- }
10643
10643
  .list-group-item-secondary.list-group-item-action.active {
10644
10644
  background-color: #383d41;
10645
10645
  border-color: #383d41;
@@ -10654,10 +10654,6 @@ label.custom-control-label {
10654
10654
  background-color: #b1dfbb;
10655
10655
  color: #155724;
10656
10656
  }
10657
- .list-group-item-success.list-group-item-action:focus {
10658
- background-color: #b1dfbb;
10659
- color: #155724;
10660
- }
10661
10657
  .list-group-item-success.list-group-item-action.active {
10662
10658
  background-color: #155724;
10663
10659
  border-color: #155724;
@@ -10672,10 +10668,6 @@ label.custom-control-label {
10672
10668
  background-color: #abdde5;
10673
10669
  color: #0c5460;
10674
10670
  }
10675
- .list-group-item-info.list-group-item-action:focus {
10676
- background-color: #abdde5;
10677
- color: #0c5460;
10678
- }
10679
10671
  .list-group-item-info.list-group-item-action.active {
10680
10672
  background-color: #0c5460;
10681
10673
  border-color: #0c5460;
@@ -10690,10 +10682,6 @@ label.custom-control-label {
10690
10682
  background-color: #ffe8a1;
10691
10683
  color: #856404;
10692
10684
  }
10693
- .list-group-item-warning.list-group-item-action:focus {
10694
- background-color: #ffe8a1;
10695
- color: #856404;
10696
- }
10697
10685
  .list-group-item-warning.list-group-item-action.active {
10698
10686
  background-color: #856404;
10699
10687
  border-color: #856404;
@@ -10708,10 +10696,6 @@ label.custom-control-label {
10708
10696
  background-color: #f1b0b7;
10709
10697
  color: #721c24;
10710
10698
  }
10711
- .list-group-item-danger.list-group-item-action:focus {
10712
- background-color: #f1b0b7;
10713
- color: #721c24;
10714
- }
10715
10699
  .list-group-item-danger.list-group-item-action.active {
10716
10700
  background-color: #721c24;
10717
10701
  border-color: #721c24;
@@ -10726,10 +10710,6 @@ label.custom-control-label {
10726
10710
  background-color: #ececf6;
10727
10711
  color: #818182;
10728
10712
  }
10729
- .list-group-item-light.list-group-item-action:focus {
10730
- background-color: #ececf6;
10731
- color: #818182;
10732
- }
10733
10713
  .list-group-item-light.list-group-item-action.active {
10734
10714
  background-color: #818182;
10735
10715
  border-color: #818182;
@@ -10744,10 +10724,6 @@ label.custom-control-label {
10744
10724
  background-color: #b9bbbe;
10745
10725
  color: #1b1e21;
10746
10726
  }
10747
- .list-group-item-dark.list-group-item-action:focus {
10748
- background-color: #b9bbbe;
10749
- color: #1b1e21;
10750
- }
10751
10727
  .list-group-item-dark.list-group-item-action.active {
10752
10728
  background-color: #1b1e21;
10753
10729
  border-color: #1b1e21;
@@ -11018,8 +10994,12 @@ label.custom-control-label {
11018
10994
  .modal-footer {
11019
10995
  align-items: center;
11020
10996
  border-top: 0.0625rem solid #dee2e6;
11021
- border-bottom-left-radius: 0.2375rem;
11022
- border-bottom-right-radius: 0.2375rem;
10997
+ border-bottom-left-radius: calc(
10998
+ 0.3rem - 0.0625rem
10999
+ );
11000
+ border-bottom-right-radius: calc(
11001
+ 0.3rem - 0.0625rem
11002
+ );
11023
11003
  display: flex;
11024
11004
  flex-shrink: 0;
11025
11005
  flex-wrap: wrap;
@@ -16589,8 +16569,8 @@ label.custom-control-label {
16589
16569
  .popover-header {
16590
16570
  background-color: #f7f7f7;
16591
16571
  border-bottom: 0.0625rem solid #ebebeb;
16592
- border-top-left-radius: 0.2375rem;
16593
- border-top-right-radius: 0.2375rem;
16572
+ border-top-left-radius: calc( 0.3rem - 0.0625rem );
16573
+ border-top-right-radius: calc( 0.3rem - 0.0625rem );
16594
16574
  font-size: 1rem;
16595
16575
  font-weight: 500;
16596
16576
  margin-bottom: 0;
@@ -16601,8 +16581,8 @@ label.custom-control-label {
16601
16581
  display: none;
16602
16582
  }
16603
16583
  .popover-body {
16604
- border-bottom-left-radius: 0.2375rem;
16605
- border-bottom-right-radius: 0.2375rem;
16584
+ border-bottom-left-radius: calc( 0.3rem - 0.0625rem );
16585
+ border-bottom-right-radius: calc( 0.3rem - 0.0625rem );
16606
16586
  color: #212529;
16607
16587
  padding: 0.5rem 0.75rem;
16608
16588
  }
@@ -18773,9 +18753,6 @@ caption {
18773
18753
  border-width: 0 0 0.0625rem 0;
18774
18754
  height: 3.5rem;
18775
18755
  }
18776
- .component-tbar .tbar-label {
18777
- border-width: 0.0625rem;
18778
- }
18779
18756
  .subnav-tbar {
18780
18757
  font-size: 0.875rem;
18781
18758
  }
@@ -18875,9 +18852,6 @@ caption {
18875
18852
  .subnav-tbar .component-label {
18876
18853
  font-weight: 400;
18877
18854
  }
18878
- .subnav-tbar .tbar-label {
18879
- border-width: 0.0625rem;
18880
- }
18881
18855
  .subnav-tbar-primary {
18882
18856
  background-color: #a8d2ff;
18883
18857
  padding-bottom: 0.625rem;
@@ -18940,18 +18914,12 @@ caption {
18940
18914
  .subnav-tbar-primary.subnav-tbar-disabled .component-label {
18941
18915
  border-color: #6c757d;
18942
18916
  }
18943
- .subnav-tbar-primary.subnav-tbar-disabled .tbar-label {
18944
- border-width: 0.0625rem;
18945
- }
18946
18917
  .subnav-tbar-light {
18947
18918
  color: rgba(0, 0, 0, 0.5);
18948
18919
  background-color: #f8f9fa;
18949
18920
  padding-bottom: 0.125rem;
18950
18921
  padding-top: 0.125rem;
18951
18922
  }
18952
- .subnav-tbar-light .tbar-label {
18953
- border-width: 0.0625rem;
18954
- }
18955
18923
  .tbar-stacked {
18956
18924
  display: inline-flex;
18957
18925
  height: 100%;
@@ -19018,9 +18986,6 @@ caption {
19018
18986
  margin-right: 0;
19019
18987
  margin-top: 0;
19020
18988
  }
19021
- .tbar-stacked .tbar-label {
19022
- border-width: 0.0625rem;
19023
- }
19024
18989
  .tbar-light {
19025
18990
  background-color: #fff;
19026
18991
  box-shadow: inset 1px 0 0 0 #e9ecef, inset -1px 0 0 0 #e9ecef;
@@ -19053,9 +19018,6 @@ caption {
19053
19018
  background-color: #e9ecef;
19054
19019
  color: #343a40;
19055
19020
  }
19056
- .tbar-light .tbar-label {
19057
- border-width: 0.0625rem;
19058
- }
19059
19021
  .tbar-dark-l2 {
19060
19022
  background-color: #828e9a;
19061
19023
  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
@@ -19089,9 +19051,6 @@ caption {
19089
19051
  background-color: rgba(255, 255, 255, 0.06);
19090
19052
  color: #fff;
19091
19053
  }
19092
- .tbar-dark-l2 .tbar-label {
19093
- border-width: 0.0625rem;
19094
- }
19095
19054
  .tbar-dark-d1 {
19096
19055
  background-color: #23272b;
19097
19056
  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
@@ -19134,9 +19093,6 @@ caption {
19134
19093
  background-color: rgba(255, 255, 255, 0.06);
19135
19094
  color: #fff;
19136
19095
  }
19137
- .tbar-dark-d1 .tbar-label {
19138
- border-width: 0.0625rem;
19139
- }
19140
19096
  .timeline {
19141
19097
  list-style: none;
19142
19098
  padding-left: 0;