@clayui/css 3.82.0 → 3.83.1

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 (26) hide show
  1. package/lib/css/atlas.css +111 -9
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +89 -8
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +55 -7
  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/_forms.scss +34 -0
  11. package/src/scss/cadmin/components/_forms.scss +26 -0
  12. package/src/scss/cadmin/components/_sidebar.scss +29 -34
  13. package/src/scss/cadmin/variables/_forms.scss +35 -0
  14. package/src/scss/cadmin/variables/_sidebar.scss +54 -0
  15. package/src/scss/cadmin/variables/_utilities.scss +2 -2
  16. package/src/scss/components/_dropdowns.scss +14 -0
  17. package/src/scss/components/_forms.scss +26 -0
  18. package/src/scss/components/_sidebar.scss +28 -34
  19. package/src/scss/components/_spinners.scss +3 -2
  20. package/src/scss/mixins/_dropdown-menu.scss +76 -2
  21. package/src/scss/mixins/_forms.scss +64 -5
  22. package/src/scss/mixins/_sidebar.scss +5 -0
  23. package/src/scss/variables/_dropdowns.scss +52 -0
  24. package/src/scss/variables/_forms.scss +12 -0
  25. package/src/scss/variables/_sidebar.scss +54 -0
  26. package/src/scss/variables/_utilities.scss +2 -2
package/lib/css/cadmin.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.82.0
3
+ * Clay 3.83.1
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.82.0
19
+ * Clay 3.83.1
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>
@@ -5732,12 +5732,12 @@ html:not(#__):not(#___) .cadmin .dropdown-item {
5732
5732
  overflow-wrap: break-word;
5733
5733
  word-wrap: break-word;
5734
5734
  }
5735
- html:not(#__):not(#___) .cadmin .dropdown-item:hover {
5735
+ html:not(#__):not(#___) .cadmin .dropdown-item:hover, html:not(#__):not(#___) .cadmin .dropdown-item.hover {
5736
5736
  background-color: #f0f5ff;
5737
5737
  color: #272833;
5738
5738
  text-decoration: none;
5739
5739
  }
5740
- html:not(#__):not(#___) .cadmin .dropdown-item:focus {
5740
+ html:not(#__):not(#___) .cadmin .dropdown-item:focus, html:not(#__):not(#___) .cadmin .dropdown-item.focus {
5741
5741
  background-color: #f0f5ff;
5742
5742
  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
5743
5743
  color: #272833;
@@ -6655,6 +6655,7 @@ html:not(#__):not(#___) .cadmin .form-control-select {
6655
6655
  background-size: 1.5em 1.5em;
6656
6656
  padding-right: 2em;
6657
6657
  overflow: hidden;
6658
+ text-align: left;
6658
6659
  text-overflow: ellipsis;
6659
6660
  white-space: nowrap;
6660
6661
  }
@@ -6725,6 +6726,27 @@ html:not(#__):not(#___) .cadmin select.form-control[multiple] option:checked {
6725
6726
  padding: 6.5px 8px;
6726
6727
  }
6727
6728
  }
6729
+ html:not(#__):not(#___) .cadmin .form-control-select-secondary {
6730
+ background-color: #fff;
6731
+ color: #6b6c7e;
6732
+ }
6733
+ html:not(#__):not(#___) .cadmin .form-control-select-secondary:hover, html:not(#__):not(#___) .cadmin .form-control-select-secondary.hover {
6734
+ color: #6b6c7e;
6735
+ }
6736
+ html:not(#__):not(#___) .cadmin .form-control-select-secondary:focus, html:not(#__):not(#___) .cadmin .form-control-select-secondary.focus {
6737
+ 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%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23272833'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23272833'/%3E%3C/svg%3E");
6738
+ color: #272833;
6739
+ }
6740
+ html:not(#__):not(#___) .cadmin .form-control-select-secondary.show {
6741
+ background-color: #f1f2f5;
6742
+ 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%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23272833'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23272833'/%3E%3C/svg%3E");
6743
+ color: #272833;
6744
+ }
6745
+ html:not(#__):not(#___) .cadmin .form-control-select-secondary:disabled, html:not(#__):not(#___) .cadmin .form-control-select-secondary.disabled {
6746
+ background-color: #fff;
6747
+ color: #6b6c7e;
6748
+ opacity: 0.4;
6749
+ }
6728
6750
  html:not(#__):not(#___) .cadmin textarea.form-control,
6729
6751
  html:not(#__):not(#___) .cadmin textarea.form-control-plaintext,
6730
6752
  html:not(#__):not(#___) .cadmin .form-control.form-control-textarea {
@@ -8295,7 +8317,7 @@ html:not(#__):not(#___) .cadmin .date-picker-nav select.form-control {
8295
8317
  padding-left: 8px;
8296
8318
  padding-top: 0;
8297
8319
  }
8298
- html:not(#__):not(#___) .cadmin .date-picker-nav select.form-control:hover {
8320
+ html:not(#__):not(#___) .cadmin .date-picker-nav select.form-control:hover, html:not(#__):not(#___) .cadmin .date-picker-nav select.form-control.hover {
8299
8321
  background-color: #f1f2f5;
8300
8322
  color: #272833;
8301
8323
  }
@@ -14375,12 +14397,14 @@ html:not(#__):not(#___) .cadmin .sidebar, html:not(#__):not(#___) .cadmin.sideba
14375
14397
  overflow: auto;
14376
14398
  -webkit-overflow-scrolling: touch;
14377
14399
  }
14400
+ html:not(#__):not(#___) .cadmin .sidebar:focus, html:not(#__):not(#___) .cadmin .sidebar.focus, html:not(#__):not(#___) .cadmin.sidebar:focus, html:not(#__):not(#___) .cadmin.sidebar.focus {
14401
+ box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
14402
+ }
14378
14403
  html:not(#__):not(#___) .cadmin .sidebar .container-fluid, html:not(#__):not(#___) .cadmin.sidebar .container-fluid {
14379
14404
  padding-left: 16px;
14380
14405
  padding-right: 16px;
14381
14406
  }
14382
- html:not(#__):not(#___) .cadmin .sidebar-header,
14383
- html:not(#__):not(#___) .cadmin .sidebar-footer {
14407
+ html:not(#__):not(#___) .cadmin .sidebar-header {
14384
14408
  padding-bottom: 16px;
14385
14409
  padding-left: 16px;
14386
14410
  padding-right: 16px;
@@ -14399,6 +14423,12 @@ html:not(#__):not(#___) .cadmin .sidebar-header .component-subtitle {
14399
14423
  font-weight: 400;
14400
14424
  margin-bottom: 0;
14401
14425
  }
14426
+ html:not(#__):not(#___) .cadmin .sidebar-footer {
14427
+ padding-bottom: 16px;
14428
+ padding-left: 16px;
14429
+ padding-right: 16px;
14430
+ padding-top: 16px;
14431
+ }
14402
14432
  html:not(#__):not(#___) .cadmin .sidebar-body {
14403
14433
  overflow: auto;
14404
14434
  -webkit-overflow-scrolling: touch;
@@ -21200,6 +21230,9 @@ html:not(#__):not(#___) .cadmin .d-grid, html:not(#__):not(#___) .cadmin.d-grid
21200
21230
  html:not(#__):not(#___) .cadmin .d-block, html:not(#__):not(#___) .cadmin.d-block {
21201
21231
  display: block !important;
21202
21232
  }
21233
+ html:not(#__):not(#___) .cadmin .d-contents, html:not(#__):not(#___) .cadmin.d-contents {
21234
+ display: contents !important;
21235
+ }
21203
21236
  html:not(#__):not(#___) .cadmin .d-table, html:not(#__):not(#___) .cadmin.d-table {
21204
21237
  display: table !important;
21205
21238
  }
@@ -21231,6 +21264,9 @@ html:not(#__):not(#___) .cadmin .d-inline-flex, html:not(#__):not(#___) .cadmin.
21231
21264
  html:not(#__):not(#___) .cadmin .d-sm-block, html:not(#__):not(#___) .cadmin.d-sm-block {
21232
21265
  display: block !important;
21233
21266
  }
21267
+ html:not(#__):not(#___) .cadmin .d-sm-contents, html:not(#__):not(#___) .cadmin.d-sm-contents {
21268
+ display: contents !important;
21269
+ }
21234
21270
  html:not(#__):not(#___) .cadmin .d-sm-table, html:not(#__):not(#___) .cadmin.d-sm-table {
21235
21271
  display: table !important;
21236
21272
  }
@@ -21263,6 +21299,9 @@ html:not(#__):not(#___) .cadmin .d-inline-flex, html:not(#__):not(#___) .cadmin.
21263
21299
  html:not(#__):not(#___) .cadmin .d-md-block, html:not(#__):not(#___) .cadmin.d-md-block {
21264
21300
  display: block !important;
21265
21301
  }
21302
+ html:not(#__):not(#___) .cadmin .d-md-contents, html:not(#__):not(#___) .cadmin.d-md-contents {
21303
+ display: contents !important;
21304
+ }
21266
21305
  html:not(#__):not(#___) .cadmin .d-md-table, html:not(#__):not(#___) .cadmin.d-md-table {
21267
21306
  display: table !important;
21268
21307
  }
@@ -21295,6 +21334,9 @@ html:not(#__):not(#___) .cadmin .d-inline-flex, html:not(#__):not(#___) .cadmin.
21295
21334
  html:not(#__):not(#___) .cadmin .d-lg-block, html:not(#__):not(#___) .cadmin.d-lg-block {
21296
21335
  display: block !important;
21297
21336
  }
21337
+ html:not(#__):not(#___) .cadmin .d-lg-contents, html:not(#__):not(#___) .cadmin.d-lg-contents {
21338
+ display: contents !important;
21339
+ }
21298
21340
  html:not(#__):not(#___) .cadmin .d-lg-table, html:not(#__):not(#___) .cadmin.d-lg-table {
21299
21341
  display: table !important;
21300
21342
  }
@@ -21327,6 +21369,9 @@ html:not(#__):not(#___) .cadmin .d-inline-flex, html:not(#__):not(#___) .cadmin.
21327
21369
  html:not(#__):not(#___) .cadmin .d-xl-block, html:not(#__):not(#___) .cadmin.d-xl-block {
21328
21370
  display: block !important;
21329
21371
  }
21372
+ html:not(#__):not(#___) .cadmin .d-xl-contents, html:not(#__):not(#___) .cadmin.d-xl-contents {
21373
+ display: contents !important;
21374
+ }
21330
21375
  html:not(#__):not(#___) .cadmin .d-xl-table, html:not(#__):not(#___) .cadmin.d-xl-table {
21331
21376
  display: table !important;
21332
21377
  }
@@ -21362,6 +21407,9 @@ html:not(#__):not(#___) .cadmin .hide {
21362
21407
  html:not(#__):not(#___) .cadmin .d-print-block {
21363
21408
  display: block !important;
21364
21409
  }
21410
+ html:not(#__):not(#___) .cadmin .d-print-contents {
21411
+ display: contents !important;
21412
+ }
21365
21413
  html:not(#__):not(#___) .cadmin .d-print-table {
21366
21414
  display: table !important;
21367
21415
  }