@clayui/css 3.105.0 → 3.105.1-alpha.9

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.105.0
3
+ * Clay 3.105.1-alpha.9+1fe334d52
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>
@@ -5412,12 +5412,12 @@ input[type=button].btn-block {
5412
5412
  color: #272833;
5413
5413
  }
5414
5414
  .card-title[href],
5415
- .card-title [href] {
5415
+ .card-title a[href] {
5416
5416
  color: #272833;
5417
5417
  }
5418
5418
  .card-title[href]:hover, .card-title[href].hover,
5419
- .card-title [href]:hover,
5420
- .card-title [href].hover {
5419
+ .card-title a[href]:hover,
5420
+ .card-title a[href].hover {
5421
5421
  color: #272833;
5422
5422
  }
5423
5423
  .card-subtitle {
@@ -5428,12 +5428,12 @@ input[type=button].btn-block {
5428
5428
  margin-top: 0;
5429
5429
  }
5430
5430
  .card-subtitle[href],
5431
- .card-subtitle [href] {
5431
+ .card-subtitle a[href] {
5432
5432
  color: #6b6c7e;
5433
5433
  }
5434
5434
  .card-subtitle[href]:hover, .card-subtitle[href].hover,
5435
- .card-subtitle [href]:hover,
5436
- .card-subtitle [href].hover {
5435
+ .card-subtitle a[href]:hover,
5436
+ .card-subtitle a[href].hover {
5437
5437
  color: #6b6c7e;
5438
5438
  }
5439
5439
  .card-text:last-child {
@@ -6605,7 +6605,7 @@ input[type=button].btn-block {
6605
6605
  color: #6b6c7e;
6606
6606
  }
6607
6607
  .dropdown-section .custom-control-label-text {
6608
- padding-left: 0.75rem;
6608
+ padding-left: 1.75rem;
6609
6609
  }
6610
6610
  .dropdown-section.active .custom-control-label {
6611
6611
  color: #272833;
@@ -8542,31 +8542,31 @@ button.link-outline {
8542
8542
  margin-top: calc(( 2rem - (1em * 1.25) ) / 2);
8543
8543
  }
8544
8544
  .component-title[href],
8545
- .component-title [href] {
8545
+ .component-title a[href] {
8546
8546
  color: #272833;
8547
8547
  border-radius: 1px;
8548
8548
  transition: box-shadow 0.15s ease-in-out;
8549
8549
  }
8550
8550
  @media (prefers-reduced-motion: reduce) {
8551
8551
  .component-title[href],
8552
- .component-title [href] {
8552
+ .component-title a[href] {
8553
8553
  transition: none;
8554
8554
  }
8555
8555
  }
8556
8556
  .c-prefers-reduced-motion .component-title[href],
8557
- .c-prefers-reduced-motion .component-title [href] {
8557
+ .c-prefers-reduced-motion .component-title a[href] {
8558
8558
  transition: none;
8559
8559
  }
8560
8560
 
8561
8561
  .component-title[href]:hover, .component-title[href].hover,
8562
- .component-title [href]:hover,
8563
- .component-title [href].hover {
8562
+ .component-title a[href]:hover,
8563
+ .component-title a[href].hover {
8564
8564
  color: #060608;
8565
8565
  }
8566
8566
  .component-title[href].focus, .component-title[href]:focus-visible, .c-prefers-focus .component-title[href]:focus,
8567
- .component-title [href].focus,
8568
- .component-title [href]:focus-visible,
8569
- .c-prefers-focus .component-title [href]:focus {
8567
+ .component-title a[href].focus,
8568
+ .component-title a[href]:focus-visible,
8569
+ .c-prefers-focus .component-title a[href]:focus {
8570
8570
  color: #060608;
8571
8571
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
8572
8572
  outline: 0;
@@ -8578,31 +8578,31 @@ button.link-outline {
8578
8578
  line-height: 1.45;
8579
8579
  }
8580
8580
  .component-subtitle[href],
8581
- .component-subtitle [href] {
8581
+ .component-subtitle a[href] {
8582
8582
  color: #6b6c7e;
8583
8583
  border-radius: 1px;
8584
8584
  transition: box-shadow 0.15s ease-in-out;
8585
8585
  }
8586
8586
  @media (prefers-reduced-motion: reduce) {
8587
8587
  .component-subtitle[href],
8588
- .component-subtitle [href] {
8588
+ .component-subtitle a[href] {
8589
8589
  transition: none;
8590
8590
  }
8591
8591
  }
8592
8592
  .c-prefers-reduced-motion .component-subtitle[href],
8593
- .c-prefers-reduced-motion .component-subtitle [href] {
8593
+ .c-prefers-reduced-motion .component-subtitle a[href] {
8594
8594
  transition: none;
8595
8595
  }
8596
8596
 
8597
8597
  .component-subtitle[href]:hover, .component-subtitle[href].hover,
8598
- .component-subtitle [href]:hover,
8599
- .component-subtitle [href].hover {
8598
+ .component-subtitle a[href]:hover,
8599
+ .component-subtitle a[href].hover {
8600
8600
  color: #272833;
8601
8601
  }
8602
8602
  .component-subtitle[href].focus, .component-subtitle[href]:focus-visible, .c-prefers-focus .component-subtitle[href]:focus,
8603
- .component-subtitle [href].focus,
8604
- .component-subtitle [href]:focus-visible,
8605
- .c-prefers-focus .component-subtitle [href]:focus {
8603
+ .component-subtitle a[href].focus,
8604
+ .component-subtitle a[href]:focus-visible,
8605
+ .c-prefers-focus .component-subtitle a[href]:focus {
8606
8606
  color: #272833;
8607
8607
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
8608
8608
  outline: 0;
@@ -8945,22 +8945,10 @@ button.link-outline {
8945
8945
  .clay-range-input .form-control-range:hover {
8946
8946
  cursor: pointer;
8947
8947
  }
8948
- .clay-range-input .form-control-range:hover ~ .clay-range-progress .clay-range-thumb {
8949
- background-color: #f0f5ff;
8950
- }
8951
8948
  .clay-range-input .form-control-range:hover ~ .clay-range-progress .tooltip {
8952
8949
  visibility: visible;
8953
8950
  opacity: 1;
8954
8951
  }
8955
- .clay-range-input .form-control-range:hover::-moz-range-thumb {
8956
- background-color: #f0f5ff;
8957
- }
8958
- .clay-range-input .form-control-range:hover::-ms-thumb {
8959
- background-color: #f0f5ff;
8960
- }
8961
- .clay-range-input .form-control-range:hover::-webkit-slider-thumb {
8962
- background-color: #f0f5ff;
8963
- }
8964
8952
  .clay-range-input .form-control-range.focus, .clay-range-input .form-control-range:focus-visible, .c-prefers-focus .clay-range-input .form-control-range:focus {
8965
8953
  outline: 0;
8966
8954
  }
@@ -8991,18 +8979,6 @@ button.link-outline {
8991
8979
  .clay-range-input .form-control-range:disabled ~ .clay-range-progress {
8992
8980
  background-color: #b3cdff;
8993
8981
  }
8994
- .clay-range-input .form-control-range:disabled ~ .clay-range-progress .clay-range-thumb {
8995
- background-color: #f7f8f9;
8996
- }
8997
- .clay-range-input .form-control-range:disabled::-moz-range-thumb {
8998
- background-color: #f7f8f9;
8999
- }
9000
- .clay-range-input .form-control-range:disabled::-ms-thumb {
9001
- background-color: #f7f8f9;
9002
- }
9003
- .clay-range-input .form-control-range:disabled::-webkit-slider-thumb {
9004
- background-color: #f7f8f9;
9005
- }
9006
8982
  .clay-range-input[data-label-min], .clay-range-input[data-label-max] {
9007
8983
  margin-bottom: 1rem;
9008
8984
  }
@@ -9660,7 +9636,8 @@ label.custom-control-label {
9660
9636
  }
9661
9637
 
9662
9638
  .custom-control-label-text {
9663
- padding-left: 0.5rem;
9639
+ display: block;
9640
+ padding-left: calc( 1rem + 0.5rem );
9664
9641
  }
9665
9642
  .custom-control-label-text small,
9666
9643
  .custom-control-label-text .small {
@@ -11968,7 +11945,7 @@ label.custom-control-label {
11968
11945
  color: #272833;
11969
11946
  }
11970
11947
  .list-group-title[href],
11971
- .list-group-title [href] {
11948
+ .list-group-title a[href] {
11972
11949
  color: #272833;
11973
11950
  max-width: 100%;
11974
11951
  border-radius: 1px;
@@ -11978,24 +11955,24 @@ label.custom-control-label {
11978
11955
  }
11979
11956
  @media (prefers-reduced-motion: reduce) {
11980
11957
  .list-group-title[href],
11981
- .list-group-title [href] {
11958
+ .list-group-title a[href] {
11982
11959
  transition: none;
11983
11960
  }
11984
11961
  }
11985
11962
  .c-prefers-reduced-motion .list-group-title[href],
11986
- .c-prefers-reduced-motion .list-group-title [href] {
11963
+ .c-prefers-reduced-motion .list-group-title a[href] {
11987
11964
  transition: none;
11988
11965
  }
11989
11966
 
11990
11967
  .list-group-title[href]:hover, .list-group-title[href].hover,
11991
- .list-group-title [href]:hover,
11992
- .list-group-title [href].hover {
11968
+ .list-group-title a[href]:hover,
11969
+ .list-group-title a[href].hover {
11993
11970
  color: #272833;
11994
11971
  }
11995
11972
  .list-group-title[href].focus, .list-group-title[href]:focus-visible, .c-prefers-focus .list-group-title[href]:focus,
11996
- .list-group-title [href].focus,
11997
- .list-group-title [href]:focus-visible,
11998
- .c-prefers-focus .list-group-title [href]:focus {
11973
+ .list-group-title a[href].focus,
11974
+ .list-group-title a[href]:focus-visible,
11975
+ .c-prefers-focus .list-group-title a[href]:focus {
11999
11976
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
12000
11977
  outline: 0;
12001
11978
  }
@@ -12004,7 +11981,7 @@ label.custom-control-label {
12004
11981
  margin-bottom: 0;
12005
11982
  }
12006
11983
  .list-group-subtitle[href],
12007
- .list-group-subtitle [href] {
11984
+ .list-group-subtitle a[href] {
12008
11985
  color: #6b6c7e;
12009
11986
  border-radius: 1px;
12010
11987
  display: inline-block;
@@ -12013,24 +11990,24 @@ label.custom-control-label {
12013
11990
  }
12014
11991
  @media (prefers-reduced-motion: reduce) {
12015
11992
  .list-group-subtitle[href],
12016
- .list-group-subtitle [href] {
11993
+ .list-group-subtitle a[href] {
12017
11994
  transition: none;
12018
11995
  }
12019
11996
  }
12020
11997
  .c-prefers-reduced-motion .list-group-subtitle[href],
12021
- .c-prefers-reduced-motion .list-group-subtitle [href] {
11998
+ .c-prefers-reduced-motion .list-group-subtitle a[href] {
12022
11999
  transition: none;
12023
12000
  }
12024
12001
 
12025
12002
  .list-group-subtitle[href]:hover, .list-group-subtitle[href].hover,
12026
- .list-group-subtitle [href]:hover,
12027
- .list-group-subtitle [href].hover {
12003
+ .list-group-subtitle a[href]:hover,
12004
+ .list-group-subtitle a[href].hover {
12028
12005
  color: #272833;
12029
12006
  }
12030
12007
  .list-group-subtitle[href].focus, .list-group-subtitle[href]:focus-visible, .c-prefers-focus .list-group-subtitle[href]:focus,
12031
- .list-group-subtitle [href].focus,
12032
- .list-group-subtitle [href]:focus-visible,
12033
- .c-prefers-focus .list-group-subtitle [href]:focus {
12008
+ .list-group-subtitle a[href].focus,
12009
+ .list-group-subtitle a[href]:focus-visible,
12010
+ .c-prefers-focus .list-group-subtitle a[href]:focus {
12034
12011
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
12035
12012
  outline: 0;
12036
12013
  }
@@ -12039,7 +12016,7 @@ label.custom-control-label {
12039
12016
  margin-bottom: 0;
12040
12017
  }
12041
12018
  .list-group-text[href],
12042
- .list-group-text [href] {
12019
+ .list-group-text a[href] {
12043
12020
  color: #272833;
12044
12021
  border-radius: 1px;
12045
12022
  display: inline-block;
@@ -12048,24 +12025,24 @@ label.custom-control-label {
12048
12025
  }
12049
12026
  @media (prefers-reduced-motion: reduce) {
12050
12027
  .list-group-text[href],
12051
- .list-group-text [href] {
12028
+ .list-group-text a[href] {
12052
12029
  transition: none;
12053
12030
  }
12054
12031
  }
12055
12032
  .c-prefers-reduced-motion .list-group-text[href],
12056
- .c-prefers-reduced-motion .list-group-text [href] {
12033
+ .c-prefers-reduced-motion .list-group-text a[href] {
12057
12034
  transition: none;
12058
12035
  }
12059
12036
 
12060
12037
  .list-group-text[href]:hover, .list-group-text[href].hover,
12061
- .list-group-text [href]:hover,
12062
- .list-group-text [href].hover {
12038
+ .list-group-text a[href]:hover,
12039
+ .list-group-text a[href].hover {
12063
12040
  color: #272833;
12064
12041
  }
12065
12042
  .list-group-text[href].focus, .list-group-text[href]:focus-visible, .c-prefers-focus .list-group-text[href]:focus,
12066
- .list-group-text [href].focus,
12067
- .list-group-text [href]:focus-visible,
12068
- .c-prefers-focus .list-group-text [href]:focus {
12043
+ .list-group-text a[href].focus,
12044
+ .list-group-text a[href]:focus-visible,
12045
+ .c-prefers-focus .list-group-text a[href]:focus {
12069
12046
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
12070
12047
  outline: 0;
12071
12048
  }
@@ -12075,7 +12052,7 @@ label.custom-control-label {
12075
12052
  margin-top: 0.5rem;
12076
12053
  }
12077
12054
  .list-group-subtext[href],
12078
- .list-group-subtext [href] {
12055
+ .list-group-subtext a[href] {
12079
12056
  color: #6b6c7e;
12080
12057
  border-radius: 1px;
12081
12058
  display: inline-block;
@@ -12084,24 +12061,24 @@ label.custom-control-label {
12084
12061
  }
12085
12062
  @media (prefers-reduced-motion: reduce) {
12086
12063
  .list-group-subtext[href],
12087
- .list-group-subtext [href] {
12064
+ .list-group-subtext a[href] {
12088
12065
  transition: none;
12089
12066
  }
12090
12067
  }
12091
12068
  .c-prefers-reduced-motion .list-group-subtext[href],
12092
- .c-prefers-reduced-motion .list-group-subtext [href] {
12069
+ .c-prefers-reduced-motion .list-group-subtext a[href] {
12093
12070
  transition: none;
12094
12071
  }
12095
12072
 
12096
12073
  .list-group-subtext[href]:hover, .list-group-subtext[href].hover,
12097
- .list-group-subtext [href]:hover,
12098
- .list-group-subtext [href].hover {
12074
+ .list-group-subtext a[href]:hover,
12075
+ .list-group-subtext a[href].hover {
12099
12076
  color: #272833;
12100
12077
  }
12101
12078
  .list-group-subtext[href].focus, .list-group-subtext[href]:focus-visible, .c-prefers-focus .list-group-subtext[href]:focus,
12102
- .list-group-subtext [href].focus,
12103
- .list-group-subtext [href]:focus-visible,
12104
- .c-prefers-focus .list-group-subtext [href]:focus {
12079
+ .list-group-subtext a[href].focus,
12080
+ .list-group-subtext a[href]:focus-visible,
12081
+ .c-prefers-focus .list-group-subtext a[href]:focus {
12105
12082
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
12106
12083
  outline: 0;
12107
12084
  }
@@ -19874,7 +19851,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
19874
19851
  word-wrap: break-word;
19875
19852
  }
19876
19853
  .sidebar-header .component-title[href],
19877
- .sidebar-header .component-title [href] {
19854
+ .sidebar-header .component-title a[href] {
19878
19855
  color: #272833;
19879
19856
  }
19880
19857
  .sidebar-header .component-subtitle {
@@ -19991,7 +19968,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
19991
19968
  font-size: 1rem;
19992
19969
  }
19993
19970
  .sidebar-light .sidebar-list-group .list-group-title[href],
19994
- .sidebar-light .sidebar-list-group .list-group-title [href] {
19971
+ .sidebar-light .sidebar-list-group .list-group-title a[href] {
19995
19972
  color: #272833;
19996
19973
  }
19997
19974
  .sidebar-light .sidebar-panel {
@@ -20001,7 +19978,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
20001
19978
  color: #6b6c7e;
20002
19979
  }
20003
19980
  .sidebar-light .sidebar-dd[href],
20004
- .sidebar-light .sidebar-dd [href] {
19981
+ .sidebar-light .sidebar-dd a[href] {
20005
19982
  color: #272833;
20006
19983
  }
20007
19984
  .sidebar-light .panel-unstyled .panel-header.panel-header-link.focus, .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus-visible, .c-prefers-focus .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus {
@@ -20061,14 +20038,14 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
20061
20038
  color: inherit;
20062
20039
  }
20063
20040
  .sidebar-dark .sidebar-header .component-title[href],
20064
- .sidebar-dark .sidebar-header .component-title [href] {
20041
+ .sidebar-dark .sidebar-header .component-title a[href] {
20065
20042
  color: inherit;
20066
20043
  }
20067
20044
  .sidebar-dark .sidebar-header .component-subtitle {
20068
20045
  color: inherit;
20069
20046
  }
20070
20047
  .sidebar-dark .sidebar-header .component-subtitle[href],
20071
- .sidebar-dark .sidebar-header .component-subtitle [href] {
20048
+ .sidebar-dark .sidebar-header .component-subtitle a[href] {
20072
20049
  color: inherit;
20073
20050
  }
20074
20051
  .sidebar-dark .nav-nested .nav-link {
@@ -20123,14 +20100,14 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
20123
20100
  color: inherit;
20124
20101
  }
20125
20102
  .sidebar-dark-l2 .sidebar-header .component-title[href],
20126
- .sidebar-dark-l2 .sidebar-header .component-title [href] {
20103
+ .sidebar-dark-l2 .sidebar-header .component-title a[href] {
20127
20104
  color: inherit;
20128
20105
  }
20129
20106
  .sidebar-dark-l2 .sidebar-header .component-subtitle {
20130
20107
  color: inherit;
20131
20108
  }
20132
20109
  .sidebar-dark-l2 .sidebar-header .component-subtitle[href],
20133
- .sidebar-dark-l2 .sidebar-header .component-subtitle [href] {
20110
+ .sidebar-dark-l2 .sidebar-header .component-subtitle a[href] {
20134
20111
  color: inherit;
20135
20112
  }
20136
20113
  .sidebar-dark-l2 .nav-nested .nav-link {
@@ -20362,24 +20339,24 @@ caption {
20362
20339
  border-top-width: 0px;
20363
20340
  vertical-align: bottom;
20364
20341
  }
20365
- .table thead th [href] {
20342
+ .table thead th a[href] {
20366
20343
  border-radius: 1px;
20367
20344
  color: #6b6c7e;
20368
20345
  transition: box-shadow 0.15s ease-in-out;
20369
20346
  }
20370
20347
  @media (prefers-reduced-motion: reduce) {
20371
- .table thead th [href] {
20348
+ .table thead th a[href] {
20372
20349
  transition: none;
20373
20350
  }
20374
20351
  }
20375
- .c-prefers-reduced-motion .table thead th [href] {
20352
+ .c-prefers-reduced-motion .table thead th a[href] {
20376
20353
  transition: none;
20377
20354
  }
20378
20355
 
20379
- .table thead th [href]:hover, .table thead th [href].hover {
20356
+ .table thead th a[href]:hover, .table thead th a[href].hover {
20380
20357
  color: #272833;
20381
20358
  }
20382
- .table thead th [href].focus, .table thead th [href]:focus-visible, .c-prefers-focus .table thead th [href]:focus {
20359
+ .table thead th a[href].focus, .table thead th a[href]:focus-visible, .c-prefers-focus .table thead th a[href]:focus {
20383
20360
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
20384
20361
  outline: 0;
20385
20362
  }
@@ -20464,8 +20441,8 @@ caption {
20464
20441
  background-color: #fff;
20465
20442
  cursor: not-allowed;
20466
20443
  }
20467
- .table .table-disabled th [href],
20468
- .table .table-disabled td [href] {
20444
+ .table .table-disabled th a[href],
20445
+ .table .table-disabled td a[href] {
20469
20446
  color: #a7a9bc;
20470
20447
  pointer-events: none;
20471
20448
  }
@@ -20486,6 +20463,14 @@ caption {
20486
20463
  .table .autofit-col:last-child {
20487
20464
  padding-right: 0;
20488
20465
  }
20466
+ .table .component-drag {
20467
+ font-size: 0.875rem;
20468
+ height: 1rem;
20469
+ width: 1rem;
20470
+ }
20471
+ .table .component-drag.focus, .table .component-drag:focus-visible, .c-prefers-focus .table .component-drag:focus {
20472
+ box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
20473
+ }
20489
20474
  .table .custom-control,
20490
20475
  .table .form-check {
20491
20476
  margin-bottom: 0;
@@ -20709,11 +20694,11 @@ caption {
20709
20694
  color: #fff;
20710
20695
  }
20711
20696
  .table .table-dark .table-title[href],
20712
- .table .table-dark .table-title [href],
20697
+ .table .table-dark .table-title a[href],
20713
20698
  .table .table-dark > th .table-title[href],
20714
- .table .table-dark > th .table-title [href],
20699
+ .table .table-dark > th .table-title a[href],
20715
20700
  .table .table-dark > td .table-title[href],
20716
- .table .table-dark > td .table-title [href] {
20701
+ .table .table-dark > td .table-title a[href] {
20717
20702
  color: inherit;
20718
20703
  }
20719
20704
  .table .table-dark th,
@@ -20775,7 +20760,7 @@ caption {
20775
20760
  color: #272833;
20776
20761
  }
20777
20762
  .table-title[href],
20778
- .table-title [href] {
20763
+ .table-title a[href] {
20779
20764
  color: #272833;
20780
20765
  border-radius: 1px;
20781
20766
  display: inline-flex;
@@ -20784,24 +20769,24 @@ caption {
20784
20769
  }
20785
20770
  @media (prefers-reduced-motion: reduce) {
20786
20771
  .table-title[href],
20787
- .table-title [href] {
20772
+ .table-title a[href] {
20788
20773
  transition: none;
20789
20774
  }
20790
20775
  }
20791
20776
  .c-prefers-reduced-motion .table-title[href],
20792
- .c-prefers-reduced-motion .table-title [href] {
20777
+ .c-prefers-reduced-motion .table-title a[href] {
20793
20778
  transition: none;
20794
20779
  }
20795
20780
 
20796
20781
  .table-title[href]:hover, .table-title[href].hover,
20797
- .table-title [href]:hover,
20798
- .table-title [href].hover {
20782
+ .table-title a[href]:hover,
20783
+ .table-title a[href].hover {
20799
20784
  color: #272833;
20800
20785
  }
20801
20786
  .table-title[href].focus, .table-title[href]:focus-visible, .c-prefers-focus .table-title[href]:focus,
20802
- .table-title [href].focus,
20803
- .table-title [href]:focus-visible,
20804
- .c-prefers-focus .table-title [href]:focus {
20787
+ .table-title a[href].focus,
20788
+ .table-title a[href]:focus-visible,
20789
+ .c-prefers-focus .table-title a[href]:focus {
20805
20790
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
20806
20791
  outline: 0;
20807
20792
  }
@@ -21052,8 +21037,8 @@ caption {
21052
21037
  background-color: #fff;
21053
21038
  color: #a7a9bc;
21054
21039
  }
21055
- .table-list .table-disabled th [href],
21056
- .table-list .table-disabled td [href] {
21040
+ .table-list .table-disabled th a[href],
21041
+ .table-list .table-disabled td a[href] {
21057
21042
  color: #a7a9bc;
21058
21043
  pointer-events: none;
21059
21044
  }
@@ -21132,7 +21117,7 @@ caption {
21132
21117
  color: #272833;
21133
21118
  }
21134
21119
  .table-list-title[href],
21135
- .table-list-title [href] {
21120
+ .table-list-title a[href] {
21136
21121
  color: #272833;
21137
21122
  border-radius: 1px;
21138
21123
  display: inline-flex;
@@ -21141,24 +21126,24 @@ caption {
21141
21126
  }
21142
21127
  @media (prefers-reduced-motion: reduce) {
21143
21128
  .table-list-title[href],
21144
- .table-list-title [href] {
21129
+ .table-list-title a[href] {
21145
21130
  transition: none;
21146
21131
  }
21147
21132
  }
21148
21133
  .c-prefers-reduced-motion .table-list-title[href],
21149
- .c-prefers-reduced-motion .table-list-title [href] {
21134
+ .c-prefers-reduced-motion .table-list-title a[href] {
21150
21135
  transition: none;
21151
21136
  }
21152
21137
 
21153
21138
  .table-list-title[href]:hover, .table-list-title[href].hover,
21154
- .table-list-title [href]:hover,
21155
- .table-list-title [href].hover {
21139
+ .table-list-title a[href]:hover,
21140
+ .table-list-title a[href].hover {
21156
21141
  color: #272833;
21157
21142
  }
21158
21143
  .table-list-title[href].focus, .table-list-title[href]:focus-visible, .c-prefers-focus .table-list-title[href]:focus,
21159
- .table-list-title [href].focus,
21160
- .table-list-title [href]:focus-visible,
21161
- .c-prefers-focus .table-list-title [href]:focus {
21144
+ .table-list-title a[href].focus,
21145
+ .table-list-title a[href]:focus-visible,
21146
+ .c-prefers-focus .table-list-title a[href]:focus {
21162
21147
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
21163
21148
  outline: 0;
21164
21149
  }
@@ -21317,6 +21302,45 @@ caption {
21317
21302
  vertical-align: top;
21318
21303
  }
21319
21304
 
21305
+ .table-nested-rows th:first-child,
21306
+ .table-nested-rows td:first-child,
21307
+ .table-nested-rows .table-column-start {
21308
+ padding-left: 1.25rem;
21309
+ }
21310
+ .table-nested-rows th:last-child,
21311
+ .table-nested-rows td:last-child,
21312
+ .table-nested-rows .table-column-end {
21313
+ padding-right: 1.25rem;
21314
+ }
21315
+ .table-nested-rows .autofit-col {
21316
+ padding-left: 0.125rem;
21317
+ padding-right: 0.125rem;
21318
+ min-width: 1.75rem;
21319
+ }
21320
+ .table-nested-rows .autofit-col-checkbox {
21321
+ padding-right: 0.625rem;
21322
+ }
21323
+ .table-nested-rows .autofit-col-icon {
21324
+ padding-right: 0.625rem;
21325
+ }
21326
+ .table-nested-rows .component-drag {
21327
+ left: 2px;
21328
+ position: absolute;
21329
+ top: 50%;
21330
+ transform: translateY(-50%);
21331
+ }
21332
+ .table-nested-rows .component-toggle {
21333
+ font-size: 0.875rem;
21334
+ height: 1.5rem;
21335
+ width: 1.5rem;
21336
+ }
21337
+ .table-nested-rows .component-action.show .collapse-icon-closed {
21338
+ display: none;
21339
+ }
21340
+ .table-nested-rows .component-action:not(.show) .collapse-icon-open {
21341
+ display: none;
21342
+ }
21343
+
21320
21344
  .show-quick-actions-on-hover tr:not(.table-active):not(.table-disabled):hover .quick-action-menu {
21321
21345
  display: flex;
21322
21346
  }