@clayui/css 3.134.0 → 3.135.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.
package/lib/css/atlas.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.134.0
3
+ * Clay 3.135.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>
@@ -5480,6 +5480,7 @@ input[type=button].btn-block {
5480
5480
  .sticker .lexicon-icon {
5481
5481
  margin-top: 0;
5482
5482
  }
5483
+
5483
5484
  .sticker-overlay {
5484
5485
  align-items: center;
5485
5486
  border-radius: inherit;
@@ -13105,7 +13106,7 @@ label.custom-control-label {
13105
13106
  overflow: auto;
13106
13107
  padding: 1.5rem;
13107
13108
  }
13108
- .modal-body .aspect-ratio {
13109
+ .modal-body .modal-banner-img {
13109
13110
  margin-left: -1.5rem;
13110
13111
  margin-right: -1.5rem;
13111
13112
  top: -1.5rem;
@@ -16880,6 +16881,7 @@ label.custom-control-label {
16880
16881
  .application-bar-dark .navbar-overlay {
16881
16882
  background-color: #30313f;
16882
16883
  }
16884
+
16883
16885
  .management-bar {
16884
16886
  border-width: 0px 0px 0.0625rem 0px;
16885
16887
  font-size: 0.875rem;
@@ -18069,6 +18071,7 @@ label.custom-control-label {
18069
18071
  .management-bar-light .navbar-overlay {
18070
18072
  background-color: #fff;
18071
18073
  }
18074
+
18072
18075
  .management-bar-primary {
18073
18076
  background-color: #f0f5ff;
18074
18077
  border-color: #0b5fff;
@@ -18141,6 +18144,7 @@ label.custom-control-label {
18141
18144
  .management-bar-primary .navbar-overlay {
18142
18145
  background-color: #f0f5ff;
18143
18146
  }
18147
+
18144
18148
  .navigation-bar {
18145
18149
  border-width: 0px 0px 0.0625rem 0px;
18146
18150
  font-size: 0.875rem;
@@ -20901,6 +20905,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
20901
20905
  .sidebar-light .component-navigation-bar .navbar-overlay {
20902
20906
  background-color: #fff;
20903
20907
  }
20908
+
20904
20909
  .sidebar-dark {
20905
20910
  background-color: #272833;
20906
20911
  color: #fff;
@@ -21365,16 +21370,19 @@ caption {
21365
21370
  .table-lg td {
21366
21371
  padding: 1.0625rem;
21367
21372
  }
21373
+
21368
21374
  .table-md th,
21369
21375
  .table-md td {
21370
21376
  height: 48px;
21371
21377
  padding: 0.375rem 1rem;
21372
21378
  }
21379
+
21373
21380
  .table-sm th,
21374
21381
  .table-sm td {
21375
21382
  height: 32px;
21376
21383
  padding: 0.25rem 1rem;
21377
21384
  }
21385
+
21378
21386
  .table-bordered {
21379
21387
  border: 0.0625rem solid #e7e7ed;
21380
21388
  }
@@ -21386,6 +21394,7 @@ caption {
21386
21394
  .table-bordered td {
21387
21395
  border: 0.0625rem solid #e7e7ed;
21388
21396
  }
21397
+
21389
21398
  .table-head-bordered thead th,
21390
21399
  .table-head-bordered thead td {
21391
21400
  border-left: 0.0625rem solid #e7e7ed;
@@ -21394,6 +21403,7 @@ caption {
21394
21403
  .table-head-bordered thead td:first-child {
21395
21404
  border-left-width: 0;
21396
21405
  }
21406
+
21397
21407
  .table-borderless th,
21398
21408
  .table-borderless td,
21399
21409
  .table-borderless thead th,
@@ -21425,6 +21435,7 @@ caption {
21425
21435
  .table-hover .table-disabled:hover {
21426
21436
  background-color: #fff;
21427
21437
  }
21438
+
21428
21439
  tr.table-focus {
21429
21440
  outline: 0;
21430
21441
  }
@@ -21998,6 +22009,7 @@ td.table-focus {
21998
22009
  .table.table-list.table-bordered .table-column-start {
21999
22010
  border-left-width: 0;
22000
22011
  }
22012
+
22001
22013
  .table-list.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider),
22002
22014
  .table-list.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) th,
22003
22015
  .table-list.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) td {
@@ -22027,6 +22039,7 @@ td.table-focus {
22027
22039
  .table-list.table-hover .table-disabled:hover {
22028
22040
  background-color: #fff;
22029
22041
  }
22042
+
22030
22043
  .table-list-title {
22031
22044
  font-size: 0.875rem;
22032
22045
  font-weight: 600;
@@ -22279,6 +22292,7 @@ td.table-focus {
22279
22292
  height: 1.5rem;
22280
22293
  width: 1.5rem;
22281
22294
  }
22295
+
22282
22296
  .show-quick-actions-on-hover tr:not(.table-active):not(.table-disabled):hover .quick-action-menu {
22283
22297
  display: flex;
22284
22298
  }
@@ -22596,9 +22610,6 @@ td.table-focus {
22596
22610
  height: 3.5rem;
22597
22611
  color: #6b6c7e;
22598
22612
  }
22599
- .component-tbar .tbar-label {
22600
- border-width: 0.0625rem;
22601
- }
22602
22613
  .subnav-tbar {
22603
22614
  font-size: 0.875rem;
22604
22615
  }
@@ -22701,9 +22712,6 @@ td.table-focus {
22701
22712
  .subnav-tbar .component-label {
22702
22713
  font-weight: 400;
22703
22714
  }
22704
- .subnav-tbar .tbar-label {
22705
- border-width: 0.0625rem;
22706
- }
22707
22715
  .subnav-tbar-primary {
22708
22716
  background-color: #b3cdff;
22709
22717
  padding-bottom: 0.625rem;
@@ -22767,18 +22775,12 @@ td.table-focus {
22767
22775
  .subnav-tbar-primary.subnav-tbar-disabled .component-label {
22768
22776
  border-color: #8e94aa;
22769
22777
  }
22770
- .subnav-tbar-primary.subnav-tbar-disabled .tbar-label {
22771
- border-width: 0.0625rem;
22772
- }
22773
22778
  .subnav-tbar-light {
22774
22779
  background-color: white;
22775
22780
  color: #6b6c7e;
22776
22781
  padding-bottom: 0.125rem;
22777
22782
  padding-top: 0.125rem;
22778
22783
  }
22779
- .subnav-tbar-light .tbar-label {
22780
- border-width: 0.0625rem;
22781
- }
22782
22784
  .tbar-stacked {
22783
22785
  display: inline-flex;
22784
22786
  height: 100%;
@@ -22843,9 +22845,6 @@ td.table-focus {
22843
22845
  margin-right: 0;
22844
22846
  margin-top: 0;
22845
22847
  }
22846
- .tbar-stacked .tbar-label {
22847
- border-width: 0.0625rem;
22848
- }
22849
22848
  .tbar-light {
22850
22849
  background-color: #fff;
22851
22850
  box-shadow: inset 1px 0 0 0 #f1f2f5, inset -1px 0 0 0 #f1f2f5;
@@ -22879,9 +22878,6 @@ td.table-focus {
22879
22878
  background-color: #f1f2f5;
22880
22879
  color: #272833;
22881
22880
  }
22882
- .tbar-light .tbar-label {
22883
- border-width: 0.0625rem;
22884
- }
22885
22881
  .tbar-dark-l2 {
22886
22882
  background-color: #393a4a;
22887
22883
  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
@@ -22916,9 +22912,6 @@ td.table-focus {
22916
22912
  background-color: rgba(255, 255, 255, 0.06);
22917
22913
  color: #fff;
22918
22914
  }
22919
- .tbar-dark-l2 .tbar-label {
22920
- border-width: 0.0625rem;
22921
- }
22922
22915
  .tbar-dark-d1 {
22923
22916
  background-color: #1c1c24;
22924
22917
  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
@@ -22972,9 +22965,6 @@ td.table-focus {
22972
22965
  top: 0;
22973
22966
  width: 0.25rem;
22974
22967
  }
22975
- .tbar-dark-d1 .tbar-label {
22976
- border-width: 0.0625rem;
22977
- }
22978
22968
  .timeline {
22979
22969
  list-style: none;
22980
22970
  padding-left: 0;
@@ -23273,6 +23263,7 @@ td.table-focus {
23273
23263
  .toggle-switch-bar .button-icon {
23274
23264
  font-size: 0.625rem;
23275
23265
  }
23266
+
23276
23267
  .toggle-switch-check {
23277
23268
  bottom: 0;
23278
23269
  font-size: 62.5%;
@@ -23407,6 +23398,7 @@ td.table-focus {
23407
23398
  .toggle-switch-check:focus-visible ~ .toggle-switch-bar::before, .c-prefers-focus .toggle-switch-check:focus ~ .toggle-switch-bar::before {
23408
23399
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
23409
23400
  }
23401
+
23410
23402
  .toggle-switch-check[disabled] ~ .toggle-switch-bar, .toggle-switch-check:disabled ~ .toggle-switch-bar {
23411
23403
  cursor: not-allowed;
23412
23404
  opacity: 0.4;
@@ -23648,6 +23640,7 @@ td.table-focus {
23648
23640
  content: "";
23649
23641
  position: absolute;
23650
23642
  }
23643
+
23651
23644
  .tooltip-inner {
23652
23645
  background-color: #111116;
23653
23646
  border-radius: 0.25rem;
@@ -23756,15 +23749,18 @@ td.table-focus {
23756
23749
  left: 50%;
23757
23750
  top: 0;
23758
23751
  }
23752
+
23759
23753
  .clay-tooltip-bottom-left .arrow {
23760
23754
  left: 0.5rem;
23761
23755
  margin-left: 0;
23762
23756
  }
23757
+
23763
23758
  .clay-tooltip-bottom-right .arrow {
23764
23759
  left: auto;
23765
23760
  margin-left: 0;
23766
23761
  right: 0.5rem;
23767
23762
  }
23763
+
23768
23764
  .clay-tooltip-left,
23769
23765
  .clay-tooltip-left-bottom,
23770
23766
  .clay-tooltip-left-top {
@@ -23794,15 +23790,18 @@ td.table-focus {
23794
23790
  right: 0;
23795
23791
  top: 50%;
23796
23792
  }
23793
+
23797
23794
  .clay-tooltip-left-bottom .arrow {
23798
23795
  bottom: 0.5rem;
23799
23796
  margin-top: 0;
23800
23797
  top: auto;
23801
23798
  }
23799
+
23802
23800
  .clay-tooltip-left-top .arrow {
23803
23801
  margin-top: 0;
23804
23802
  top: 0.5rem;
23805
23803
  }
23804
+
23806
23805
  .clay-tooltip-right,
23807
23806
  .clay-tooltip-right-bottom,
23808
23807
  .clay-tooltip-right-top {
@@ -23832,15 +23831,18 @@ td.table-focus {
23832
23831
  left: 0;
23833
23832
  top: 50%;
23834
23833
  }
23834
+
23835
23835
  .clay-tooltip-right-bottom .arrow {
23836
23836
  bottom: 0.5rem;
23837
23837
  margin-top: 0;
23838
23838
  top: auto;
23839
23839
  }
23840
+
23840
23841
  .clay-tooltip-right-top .arrow {
23841
23842
  margin-top: 0;
23842
23843
  top: 0.5rem;
23843
23844
  }
23845
+
23844
23846
  .clay-tooltip-top,
23845
23847
  .clay-tooltip-top-left,
23846
23848
  .clay-tooltip-top-right {
@@ -23868,15 +23870,18 @@ td.table-focus {
23868
23870
  bottom: 0;
23869
23871
  left: 50%;
23870
23872
  }
23873
+
23871
23874
  .clay-tooltip-top-left .arrow {
23872
23875
  left: 0.5rem;
23873
23876
  margin-left: 0;
23874
23877
  }
23878
+
23875
23879
  .clay-tooltip-top-right .arrow {
23876
23880
  left: auto;
23877
23881
  margin-left: 0;
23878
23882
  right: 0.5rem;
23879
23883
  }
23884
+
23880
23885
  .treeview {
23881
23886
  display: flex;
23882
23887
  flex-direction: column;