@clayui/css 3.73.0 → 3.74.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 (16) hide show
  1. package/lib/css/atlas.css +127 -58
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +101 -57
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +52 -148
  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/_custom-forms.scss +57 -1
  11. package/src/scss/cadmin/components/_tables.scss +0 -8
  12. package/src/scss/cadmin/variables/_custom-forms.scss +59 -2
  13. package/src/scss/components/_tables.scss +20 -12
  14. package/src/scss/mixins/_custom-forms.scss +246 -0
  15. package/src/scss/variables/_custom-forms.scss +35 -0
  16. package/src/scss/variables/_tables.scss +6 -0
package/lib/css/cadmin.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.73.0
3
+ * Clay 3.74.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>
@@ -16,7 +16,7 @@
16
16
  * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
17
17
  */
18
18
  /**
19
- * Clay 3.73.0
19
+ * Clay 3.74.0
20
20
  *
21
21
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
22
22
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -7972,7 +7972,7 @@ html:not(#__):not(#___) .cadmin .custom-control-input[disabled] ~ .custom-contro
7972
7972
  }
7973
7973
  html:not(#__):not(#___) .cadmin .custom-control-input[disabled] ~ .custom-control-label::before, html:not(#__):not(#___) .cadmin .custom-control-input:disabled ~ .custom-control-label::before {
7974
7974
  background-color: #f1f2f5;
7975
- border-color: #f1f2f5;
7975
+ border-color: #e7e7ed;
7976
7976
  box-shadow: none;
7977
7977
  }
7978
7978
  html:not(#__):not(#___) .cadmin .custom-control-input:checked ~ .custom-control-label::before {
@@ -7980,6 +7980,21 @@ html:not(#__):not(#___) .cadmin .custom-control-input:checked ~ .custom-control-
7980
7980
  border-color: #0b5fff;
7981
7981
  color: #fff;
7982
7982
  }
7983
+ html:not(#__):not(#___) .cadmin .custom-control-input[readonly] ~ .custom-control-label {
7984
+ color: #272833;
7985
+ }
7986
+ html:not(#__):not(#___) .cadmin .custom-control-input[readonly] ~ .custom-control-label::before {
7987
+ background-color: #f1f2f5;
7988
+ border-color: #e7e7ed;
7989
+ }
7990
+ html:not(#__):not(#___) .cadmin .custom-control-input[readonly][disabled] ~ .custom-control-label {
7991
+ color: #a7a9bc;
7992
+ }
7993
+ html:not(#__):not(#___) .cadmin .custom-control-input:checked ~ .custom-control-label::before {
7994
+ background-color: #0b5fff;
7995
+ border-color: #0b5fff;
7996
+ color: #fff;
7997
+ }
7983
7998
  html:not(#__):not(#___) .cadmin .custom-control-input:checked:active ~ .custom-control-label::before {
7984
7999
  background-color: #0b5fff;
7985
8000
  border-color: #0b5fff;
@@ -7995,13 +8010,29 @@ html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:checked ~
7995
8010
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M220.9%20377.2c-8%200-15.8-3.2-21.5-8.9l-91-91c-28.1-28.1%2014.8-71%2042.9-42.9l68.2%2068.2%20139.8-157.2c26.4-30%2072%2010.1%2045.6%2040.1L243.7%20366.9c-5.5%206.3-13.4%2010-21.8%2010.3h-1z'%20fill='%23fff'/%3E%3C/svg%3E");
7996
8011
  background-size: 100%;
7997
8012
  }
8013
+ html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
8014
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M220.9%20377.2c-8%200-15.8-3.2-21.5-8.9l-91-91c-28.1-28.1%2014.8-71%2042.9-42.9l68.2%2068.2%20139.8-157.2c26.4-30%2072%2010.1%2045.6%2040.1L243.7%20366.9c-5.5%206.3-13.4%2010-21.8%2010.3h-1z'%20fill='%23fff'/%3E%3C/svg%3E");
8015
+ background-size: 100%;
8016
+ }
7998
8017
  html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:checked[disabled] ~ .custom-control-label::before, html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:checked:disabled ~ .custom-control-label::before {
7999
8018
  background-color: #b3cdff;
8000
8019
  }
8020
+ html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:checked[readonly] ~ .custom-control-label::before {
8021
+ background-color: #fff;
8022
+ border-color: #cdced9;
8023
+ }
8024
+ html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:checked[readonly] ~ .custom-control-label::after {
8025
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M220.9%20377.2c-8%200-15.8-3.2-21.5-8.9l-91-91c-28.1-28.1%2014.8-71%2042.9-42.9l68.2%2068.2%20139.8-157.2c26.4-30%2072%2010.1%2045.6%2040.1L243.7%20366.9c-5.5%206.3-13.4%2010-21.8%2010.3h-1z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
8026
+ }
8027
+ html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:checked[readonly][disabled] ~ .custom-control-label::before {
8028
+ opacity: 0.4;
8029
+ }
8030
+ html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:checked[readonly][disabled] ~ .custom-control-label::after {
8031
+ opacity: 0.4;
8032
+ }
8001
8033
  html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
8002
8034
  background-color: #0b5fff;
8003
8035
  border-color: #0b5fff;
8004
- box-shadow: none;
8005
8036
  }
8006
8037
  html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
8007
8038
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M384%20288H128c-42.7%200-42.7-64%200-64h256c42.7%200%2042.7%2064%200%2064z'%20fill='%23fff'/%3E%3C/svg%3E");
@@ -8011,6 +8042,19 @@ html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:indetermi
8011
8042
  background-color: #b3cdff;
8012
8043
  border-color: #b3cdff;
8013
8044
  }
8045
+ html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:indeterminate[readonly] ~ .custom-control-label::before {
8046
+ background-color: #fff;
8047
+ border-color: #cdced9;
8048
+ }
8049
+ html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:indeterminate[readonly] ~ .custom-control-label::after {
8050
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M384%20288H128c-42.7%200-42.7-64%200-64h256c42.7%200%2042.7%2064%200%2064z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
8051
+ }
8052
+ html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:indeterminate[readonly][disabled] ~ .custom-control-label::before {
8053
+ opacity: 0.4;
8054
+ }
8055
+ html:not(#__):not(#___) .cadmin .custom-checkbox .custom-control-input:indeterminate[readonly][disabled] ~ .custom-control-label::after {
8056
+ opacity: 0.4;
8057
+ }
8014
8058
  html:not(#__):not(#___) .cadmin .custom-radio .custom-control-input ~ .custom-control-label::before {
8015
8059
  border-radius: 50%;
8016
8060
  }
@@ -8021,6 +8065,10 @@ html:not(#__):not(#___) .cadmin .custom-radio .custom-control-input:checked ~ .c
8021
8065
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Ccircle%20class='lexicon-icon-outline'%20cx='256'%20cy='256'%20r='256'%20fill='%23fff'/%3E%3C/svg%3E");
8022
8066
  background-size: 50%;
8023
8067
  }
8068
+ html:not(#__):not(#___) .cadmin .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
8069
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Ccircle%20class='lexicon-icon-outline'%20cx='256'%20cy='256'%20r='256'%20fill='%23fff'/%3E%3C/svg%3E");
8070
+ background-size: 50%;
8071
+ }
8024
8072
  html:not(#__):not(#___) .cadmin .custom-radio .custom-control-input:checked[disabled] ~ .custom-control-label::before, html:not(#__):not(#___) .cadmin .custom-radio .custom-control-input:checked:disabled ~ .custom-control-label::before {
8025
8073
  background-color: #b3cdff;
8026
8074
  border-color: #b3cdff;
@@ -15990,150 +16038,6 @@ html:not(#__):not(#___) .cadmin .table-hover .table-disabled:hover th,
15990
16038
  html:not(#__):not(#___) .cadmin .table-hover .table-disabled:hover td {
15991
16039
  background-color: #fff;
15992
16040
  }
15993
- html:not(#__):not(#___) .cadmin .table-primary,
15994
- html:not(#__):not(#___) .cadmin .table-primary > th,
15995
- html:not(#__):not(#___) .cadmin .table-primary > td {
15996
- background-color: #bbd2ff;
15997
- }
15998
- html:not(#__):not(#___) .cadmin .table-primary th,
15999
- html:not(#__):not(#___) .cadmin .table-primary td,
16000
- html:not(#__):not(#___) .cadmin .table-primary thead th,
16001
- html:not(#__):not(#___) .cadmin .table-primary tbody + tbody {
16002
- border-color: #80acff;
16003
- }
16004
- html:not(#__):not(#___) .cadmin .table-hover .table-primary:hover {
16005
- background-color: #a2c1ff;
16006
- }
16007
- html:not(#__):not(#___) .cadmin .table-hover .table-primary:hover > td,
16008
- html:not(#__):not(#___) .cadmin .table-hover .table-primary:hover > th {
16009
- background-color: #a2c1ff;
16010
- }
16011
- html:not(#__):not(#___) .cadmin .table-secondary,
16012
- html:not(#__):not(#___) .cadmin .table-secondary > th,
16013
- html:not(#__):not(#___) .cadmin .table-secondary > td {
16014
- background-color: #d6d6db;
16015
- }
16016
- html:not(#__):not(#___) .cadmin .table-secondary th,
16017
- html:not(#__):not(#___) .cadmin .table-secondary td,
16018
- html:not(#__):not(#___) .cadmin .table-secondary thead th,
16019
- html:not(#__):not(#___) .cadmin .table-secondary tbody + tbody {
16020
- border-color: #b2b3bc;
16021
- }
16022
- html:not(#__):not(#___) .cadmin .table-hover .table-secondary:hover {
16023
- background-color: #c8c8cf;
16024
- }
16025
- html:not(#__):not(#___) .cadmin .table-hover .table-secondary:hover > td,
16026
- html:not(#__):not(#___) .cadmin .table-hover .table-secondary:hover > th {
16027
- background-color: #c8c8cf;
16028
- }
16029
- html:not(#__):not(#___) .cadmin .table-success,
16030
- html:not(#__):not(#___) .cadmin .table-success > th,
16031
- html:not(#__):not(#___) .cadmin .table-success > td {
16032
- background-color: #c3dbc8;
16033
- }
16034
- html:not(#__):not(#___) .cadmin .table-success th,
16035
- html:not(#__):not(#___) .cadmin .table-success td,
16036
- html:not(#__):not(#___) .cadmin .table-success thead th,
16037
- html:not(#__):not(#___) .cadmin .table-success tbody + tbody {
16038
- border-color: #8fbb9a;
16039
- }
16040
- html:not(#__):not(#___) .cadmin .table-hover .table-success:hover {
16041
- background-color: #b3d1b9;
16042
- }
16043
- html:not(#__):not(#___) .cadmin .table-hover .table-success:hover > td,
16044
- html:not(#__):not(#___) .cadmin .table-hover .table-success:hover > th {
16045
- background-color: #b3d1b9;
16046
- }
16047
- html:not(#__):not(#___) .cadmin .table-info,
16048
- html:not(#__):not(#___) .cadmin .table-info > th,
16049
- html:not(#__):not(#___) .cadmin .table-info > td {
16050
- background-color: #c4d1e8;
16051
- }
16052
- html:not(#__):not(#___) .cadmin .table-info th,
16053
- html:not(#__):not(#___) .cadmin .table-info td,
16054
- html:not(#__):not(#___) .cadmin .table-info thead th,
16055
- html:not(#__):not(#___) .cadmin .table-info tbody + tbody {
16056
- border-color: #92a9d4;
16057
- }
16058
- html:not(#__):not(#___) .cadmin .table-hover .table-info:hover {
16059
- background-color: #b2c3e1;
16060
- }
16061
- html:not(#__):not(#___) .cadmin .table-hover .table-info:hover > td,
16062
- html:not(#__):not(#___) .cadmin .table-hover .table-info:hover > th {
16063
- background-color: #b2c3e1;
16064
- }
16065
- html:not(#__):not(#___) .cadmin .table-warning,
16066
- html:not(#__):not(#___) .cadmin .table-warning > th,
16067
- html:not(#__):not(#___) .cadmin .table-warning > td {
16068
- background-color: #ebceb8;
16069
- }
16070
- html:not(#__):not(#___) .cadmin .table-warning th,
16071
- html:not(#__):not(#___) .cadmin .table-warning td,
16072
- html:not(#__):not(#___) .cadmin .table-warning thead th,
16073
- html:not(#__):not(#___) .cadmin .table-warning tbody + tbody {
16074
- border-color: #dba47a;
16075
- }
16076
- html:not(#__):not(#___) .cadmin .table-hover .table-warning:hover {
16077
- background-color: #e5c0a4;
16078
- }
16079
- html:not(#__):not(#___) .cadmin .table-hover .table-warning:hover > td,
16080
- html:not(#__):not(#___) .cadmin .table-hover .table-warning:hover > th {
16081
- background-color: #e5c0a4;
16082
- }
16083
- html:not(#__):not(#___) .cadmin .table-danger,
16084
- html:not(#__):not(#___) .cadmin .table-danger > th,
16085
- html:not(#__):not(#___) .cadmin .table-danger > td {
16086
- background-color: #f5bdbd;
16087
- }
16088
- html:not(#__):not(#___) .cadmin .table-danger th,
16089
- html:not(#__):not(#___) .cadmin .table-danger td,
16090
- html:not(#__):not(#___) .cadmin .table-danger thead th,
16091
- html:not(#__):not(#___) .cadmin .table-danger tbody + tbody {
16092
- border-color: #ec8585;
16093
- }
16094
- html:not(#__):not(#___) .cadmin .table-hover .table-danger:hover {
16095
- background-color: #f2a7a7;
16096
- }
16097
- html:not(#__):not(#___) .cadmin .table-hover .table-danger:hover > td,
16098
- html:not(#__):not(#___) .cadmin .table-hover .table-danger:hover > th {
16099
- background-color: #f2a7a7;
16100
- }
16101
- html:not(#__):not(#___) .cadmin .table-light,
16102
- html:not(#__):not(#___) .cadmin .table-light > th,
16103
- html:not(#__):not(#___) .cadmin .table-light > td {
16104
- background-color: #fbfbfc;
16105
- }
16106
- html:not(#__):not(#___) .cadmin .table-light th,
16107
- html:not(#__):not(#___) .cadmin .table-light td,
16108
- html:not(#__):not(#___) .cadmin .table-light thead th,
16109
- html:not(#__):not(#___) .cadmin .table-light tbody + tbody {
16110
- border-color: #f8f8fa;
16111
- }
16112
- html:not(#__):not(#___) .cadmin .table-hover .table-light:hover {
16113
- background-color: #ececf1;
16114
- }
16115
- html:not(#__):not(#___) .cadmin .table-hover .table-light:hover > td,
16116
- html:not(#__):not(#___) .cadmin .table-hover .table-light:hover > th {
16117
- background-color: #ececf1;
16118
- }
16119
- html:not(#__):not(#___) .cadmin .table-dark,
16120
- html:not(#__):not(#___) .cadmin .table-dark > th,
16121
- html:not(#__):not(#___) .cadmin .table-dark > td {
16122
- background-color: #c3c3c6;
16123
- }
16124
- html:not(#__):not(#___) .cadmin .table-dark th,
16125
- html:not(#__):not(#___) .cadmin .table-dark td,
16126
- html:not(#__):not(#___) .cadmin .table-dark thead th,
16127
- html:not(#__):not(#___) .cadmin .table-dark tbody + tbody {
16128
- border-color: #8f8f95;
16129
- }
16130
- html:not(#__):not(#___) .cadmin .table-hover .table-dark:hover {
16131
- background-color: #b6b6ba;
16132
- }
16133
- html:not(#__):not(#___) .cadmin .table-hover .table-dark:hover > td,
16134
- html:not(#__):not(#___) .cadmin .table-hover .table-dark:hover > th {
16135
- background-color: #b6b6ba;
16136
- }
16137
16041
  html:not(#__):not(#___) .cadmin .table-striped tbody .table-disabled:nth-of-type(odd) td,
16138
16042
  html:not(#__):not(#___) .cadmin .table-striped tbody .table-disabled:nth-of-type(odd) th {
16139
16043
  background-color: #fff;