@clayui/css 3.110.0 → 3.111.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/CHANGELOG.md CHANGED
@@ -3,6 +3,24 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [3.111.0](https://github.com/liferay/clay/compare/v3.110.0...v3.111.0) (2024-02-15)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **@clayui/css:** LPD-15629 Accessibility link and text should have 3:1 color contrast ([64584a6](https://github.com/liferay/clay/commit/64584a67cd73220c7011ccef1159784c6b60af57))
12
+ * **@clayui/css:** LPD-15988 Active nav tab bottom border shouldn't depend on $body-bg ([b89b64a](https://github.com/liferay/clay/commit/b89b64a483b35d571484c722afd2f803898a23b4))
13
+ * **@clayui/css:** LPD-16364 [@page](https://github.com/page) {.css-selector{}} is not valid css ([2df56c6](https://github.com/liferay/clay/commit/2df56c6cfaf048943d41f975329557d551f5c692))
14
+
15
+
16
+ ### Features
17
+
18
+ * **@clayui/css:** Add new icon-rule-builder icon ([33db79b](https://github.com/liferay/clay/commit/33db79b42bf25999503be4b6a8fa23111dd7f68d))
19
+
20
+
21
+
22
+
23
+
6
24
  # [3.110.0](https://github.com/liferay/clay/compare/v3.109.0...v3.110.0) (2024-01-25)
7
25
 
8
26
 
package/lib/css/atlas.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.110.0
3
+ * Clay 3.111.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>
@@ -36,7 +36,7 @@ main {
36
36
 
37
37
  body {
38
38
  background-color: #fff;
39
- color: #272833;
39
+ color: #1c1c24;
40
40
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
41
41
  font-size: 1rem;
42
42
  -moz-osx-font-smoothing: grayscale;
@@ -1179,7 +1179,7 @@ button.collapse-icon .c-inner {
1179
1179
  border-width: 0.0625rem;
1180
1180
  border-radius: 0.25rem;
1181
1181
  box-shadow: none;
1182
- color: #272833;
1182
+ color: #1c1c24;
1183
1183
  cursor: pointer;
1184
1184
  display: inline-block;
1185
1185
  font-size: 1rem;
@@ -1209,7 +1209,7 @@ button.collapse-icon .c-inner {
1209
1209
  }
1210
1210
 
1211
1211
  .btn:hover {
1212
- color: #272833;
1212
+ color: #1c1c24;
1213
1213
  text-decoration: none;
1214
1214
  }
1215
1215
  .btn.focus, .btn:focus-visible, .c-prefers-focus .btn:focus {
@@ -6167,7 +6167,7 @@ input[type=button].btn-block {
6167
6167
  z-index: 1;
6168
6168
  }
6169
6169
  .form-check-card .form-check-label {
6170
- color: #272833;
6170
+ color: #1c1c24;
6171
6171
  display: inline;
6172
6172
  font-weight: 400;
6173
6173
  padding-left: 0;
@@ -6923,7 +6923,7 @@ input[type=button].btn-block {
6923
6923
  border-style: solid;
6924
6924
  border-width: 0px;
6925
6925
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
6926
- color: #272833;
6926
+ color: #1c1c24;
6927
6927
  display: none;
6928
6928
  float: left;
6929
6929
  font-size: 0.875rem;
@@ -7903,7 +7903,7 @@ fieldset[disabled] .form-control {
7903
7903
  border-right-width: 0.0625rem;
7904
7904
  border-style: solid;
7905
7905
  border-top-width: 0.0625rem;
7906
- color: #272833;
7906
+ color: #1c1c24;
7907
7907
  display: block;
7908
7908
  font-size: 1rem;
7909
7909
  height: 2.5rem;
@@ -12071,7 +12071,7 @@ label.custom-control-label {
12071
12071
  }
12072
12072
  .list-group-item-action:active {
12073
12073
  background-color: #f1f2f5;
12074
- color: #272833;
12074
+ color: #1c1c24;
12075
12075
  }
12076
12076
 
12077
12077
  .list-group {
@@ -19999,7 +19999,7 @@ fieldset + .sheet-footer {
19999
19999
  border-color: #a7a9bc;
20000
20000
  border-style: solid;
20001
20001
  border-width: 0 0 1px 0;
20002
- color: #272833;
20002
+ color: #1c1c24;
20003
20003
  display: block;
20004
20004
  font-size: 0.875rem;
20005
20005
  font-weight: 600;
@@ -20042,7 +20042,7 @@ fieldset + .sheet-footer {
20042
20042
  }
20043
20043
 
20044
20044
  a.sheet-subtitle {
20045
- color: #272833;
20045
+ color: #1c1c24;
20046
20046
  border-radius: 1px;
20047
20047
  transition: box-shadow 0.15s ease-in-out;
20048
20048
  }
@@ -20063,7 +20063,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
20063
20063
  outline: 0;
20064
20064
  }
20065
20065
  .sheet-tertiary-title {
20066
- color: #272833;
20066
+ color: #1c1c24;
20067
20067
  display: block;
20068
20068
  font-size: 0.875rem;
20069
20069
  font-weight: 600;
@@ -20778,7 +20778,7 @@ caption {
20778
20778
  .table {
20779
20779
  background-color: #fff;
20780
20780
  border-spacing: 0;
20781
- color: #272833;
20781
+ color: #1c1c24;
20782
20782
  font-size: 0.875rem;
20783
20783
  margin-bottom: 0;
20784
20784
  width: 100%;
@@ -20967,7 +20967,7 @@ caption {
20967
20967
 
20968
20968
  .table-hover tbody tr:hover {
20969
20969
  background-color: #f0f5ff;
20970
- color: #272833;
20970
+ color: #1c1c24;
20971
20971
  }
20972
20972
  .table-hover tbody tr:hover .quick-action-menu {
20973
20973
  background-color: #f0f5ff;
@@ -21408,7 +21408,7 @@ td.table-focus {
21408
21408
  border-radius: 0.25rem;
21409
21409
  border-style: solid;
21410
21410
  border-width: 0.0625rem 0.0625rem;
21411
- color: #272833;
21411
+ color: #1c1c24;
21412
21412
  margin-bottom: 0.0625rem;
21413
21413
  }
21414
21414
  .table-list thead {
@@ -22327,7 +22327,7 @@ td.table-focus {
22327
22327
  padding-right: 0;
22328
22328
  }
22329
22329
  .tbar-stacked .tbar-divider-before::before {
22330
- background-color: #272833;
22330
+ background-color: #1c1c24;
22331
22331
  content: "";
22332
22332
  display: block;
22333
22333
  height: 1px;
@@ -22336,7 +22336,7 @@ td.table-focus {
22336
22336
  width: 2.5rem;
22337
22337
  }
22338
22338
  .tbar-stacked .tbar-divider-after::after {
22339
- background-color: #272833;
22339
+ background-color: #1c1c24;
22340
22340
  content: "";
22341
22341
  display: block;
22342
22342
  height: 1px;
@@ -22522,7 +22522,7 @@ td.table-focus {
22522
22522
  }
22523
22523
 
22524
22524
  .timeline-item-label {
22525
- color: #272833;
22525
+ color: #1c1c24;
22526
22526
  }
22527
22527
 
22528
22528
  .timeline-item {
@@ -34262,7 +34262,7 @@ a.text-dark:hover, a.text-dark:focus {
34262
34262
  }
34263
34263
 
34264
34264
  .text-body {
34265
- color: #272833 !important;
34265
+ color: #1c1c24 !important;
34266
34266
  }
34267
34267
 
34268
34268
  .text-muted {
@@ -34613,26 +34613,33 @@ h3 {
34613
34613
  h3 {
34614
34614
  page-break-after: avoid;
34615
34615
  }
34616
-
34616
+ }
34617
+ @media print {
34617
34618
  @page {
34618
34619
  size: a3;
34619
34620
  }
34621
+ }
34622
+ @media print {
34620
34623
  body {
34621
34624
  min-width: 992px !important;
34622
34625
  }
34623
-
34626
+ }
34627
+ @media print {
34624
34628
  .container {
34625
34629
  min-width: 992px !important;
34626
34630
  }
34627
-
34631
+ }
34632
+ @media print {
34628
34633
  .navbar {
34629
34634
  display: none;
34630
34635
  }
34631
-
34636
+ }
34637
+ @media print {
34632
34638
  .badge {
34633
34639
  border: 0.0625rem solid #000;
34634
34640
  }
34635
-
34641
+ }
34642
+ @media print {
34636
34643
  .table {
34637
34644
  border-collapse: collapse !important;
34638
34645
  }
@@ -34640,12 +34647,14 @@ h3 {
34640
34647
  .table th {
34641
34648
  background-color: #fff !important;
34642
34649
  }
34643
-
34650
+ }
34651
+ @media print {
34644
34652
  .table-bordered th,
34645
34653
  .table-bordered td {
34646
34654
  border: 1px solid #e7e7ed !important;
34647
34655
  }
34648
-
34656
+ }
34657
+ @media print {
34649
34658
  .table-dark {
34650
34659
  color: inherit;
34651
34660
  }
@@ -34655,7 +34664,8 @@ h3 {
34655
34664
  .table-dark tbody + tbody {
34656
34665
  border-color: #e7e7ed;
34657
34666
  }
34658
-
34667
+ }
34668
+ @media print {
34659
34669
  .table .thead-dark th {
34660
34670
  border-color: #e7e7ed;
34661
34671
  color: inherit;