@clayui/css 3.108.0 → 3.109.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 (29) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/lib/css/atlas.css +90 -7
  3. package/lib/css/atlas.css.map +1 -1
  4. package/lib/css/base.css +86 -7
  5. package/lib/css/base.css.map +1 -1
  6. package/lib/css/cadmin.css +60 -8
  7. package/lib/css/cadmin.css.map +1 -1
  8. package/lib/images/icons/bookmarks-full.svg +1 -8
  9. package/lib/images/icons/bookmarks.svg +1 -8
  10. package/lib/images/icons/icons.svg +1 -1
  11. package/lib/images/icons/video-streaming.svg +11 -0
  12. package/package.json +2 -2
  13. package/src/images/icons/bookmarks-full.svg +1 -8
  14. package/src/images/icons/bookmarks.svg +1 -8
  15. package/src/images/icons/video-streaming.svg +11 -0
  16. package/src/scss/_license-text.scss +1 -1
  17. package/src/scss/atlas/variables/_toggle-switch.scss +39 -0
  18. package/src/scss/cadmin/components/_toggle-switch.scss +32 -0
  19. package/src/scss/cadmin/variables/_modals.scss +4 -1
  20. package/src/scss/cadmin/variables/_tables.scss +3 -0
  21. package/src/scss/cadmin/variables/_toggle-switch.scss +68 -1
  22. package/src/scss/components/_tables.scss +7 -0
  23. package/src/scss/components/_toggle-switch.scss +32 -0
  24. package/src/scss/functions/_lx-icons-generated.scss +4 -2
  25. package/src/scss/mixins/_tables.scss +10 -0
  26. package/src/scss/mixins/_toggle-switch.scss +7 -0
  27. package/src/scss/variables/_modals.scss +4 -1
  28. package/src/scss/variables/_tables.scss +24 -0
  29. package/src/scss/variables/_toggle-switch.scss +64 -1
package/lib/css/cadmin.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.108.0
3
+ * Clay 3.109.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.108.0
19
+ * Clay 3.109.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>
@@ -10854,6 +10854,9 @@ html:not(#__):not(#___) .cadmin .modal, html:not(#__):not(#___) .cadmin.modal {
10854
10854
  html:not(#__):not(#___) .cadmin .modal .modal-body, html:not(#__):not(#___) .cadmin.modal .modal-body {
10855
10855
  padding: 8px 16px;
10856
10856
  }
10857
+ html:not(#__):not(#___) .cadmin .modal .modal-body-iframe, html:not(#__):not(#___) .cadmin.modal .modal-body-iframe {
10858
+ padding: 0px;
10859
+ }
10857
10860
  html:not(#__):not(#___) .cadmin .modal .modal-footer, html:not(#__):not(#___) .cadmin.modal .modal-footer {
10858
10861
  padding: 8px;
10859
10862
  }
@@ -10960,7 +10963,7 @@ html:not(#__):not(#___) .cadmin .modal-content {
10960
10963
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
10961
10964
  display: flex;
10962
10965
  flex-direction: column;
10963
- max-height: calc(100vh - 28px * 2);
10966
+ max-height: calc(100vh - 8px * 2);
10964
10967
  outline: 0;
10965
10968
  overflow: hidden;
10966
10969
  pointer-events: auto;
@@ -18205,7 +18208,7 @@ html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar::befor
18205
18208
  left: 0;
18206
18209
  position: absolute;
18207
18210
  top: 0;
18208
- transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
18211
+ transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in;
18209
18212
  width: 48px;
18210
18213
  }
18211
18214
  @media (prefers-reduced-motion: reduce) {
@@ -18230,7 +18233,7 @@ html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar::after
18230
18233
  left: 4px;
18231
18234
  position: absolute;
18232
18235
  top: 4px;
18233
- transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
18236
+ transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in;
18234
18237
  width: 16px;
18235
18238
  }
18236
18239
  @media (prefers-reduced-motion: reduce) {
@@ -18243,7 +18246,7 @@ html:not(#__):not(#___) .c-prefers-reduced-motion .cadmin .toggle-switch-check ~
18243
18246
  }
18244
18247
 
18245
18248
  html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
18246
- transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
18249
+ transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in;
18247
18250
  }
18248
18251
  @media (prefers-reduced-motion: reduce) {
18249
18252
  html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
@@ -18257,7 +18260,7 @@ html:not(#__):not(#___) .c-prefers-reduced-motion .cadmin .toggle-switch-check ~
18257
18260
  html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
18258
18261
  content: attr(data-label-off);
18259
18262
  margin-left: 56px;
18260
- transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
18263
+ transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in;
18261
18264
  white-space: nowrap;
18262
18265
  }
18263
18266
  @media (prefers-reduced-motion: reduce) {
@@ -18277,7 +18280,7 @@ html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggl
18277
18280
  text-align: center;
18278
18281
  text-indent: 0;
18279
18282
  top: 4px;
18280
- transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
18283
+ transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in;
18281
18284
  width: 16px;
18282
18285
  z-index: 1;
18283
18286
  }
@@ -18447,6 +18450,55 @@ html:not(#__):not(#___) .cadmin .simple-toggle-switch-reverse .toggle-switch-che
18447
18450
  html:not(#__):not(#___) .cadmin .simple-toggle-switch-reverse .toggle-switch-label {
18448
18451
  margin-right: 8px;
18449
18452
  }
18453
+ html:not(#__):not(#___) .cadmin .toggle-switch-sm .simple-toggle-switch .toggle-switch-label, html:not(#__):not(#___) .cadmin .simple-toggle-switch.toggle-switch-sm .toggle-switch-label {
18454
+ max-width: calc(100% - 38px);
18455
+ }
18456
+ html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check {
18457
+ height: 16px;
18458
+ width: 30px;
18459
+ }
18460
+ html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar {
18461
+ height: 16px;
18462
+ line-height: 16px;
18463
+ }
18464
+ html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar::before {
18465
+ width: 30px;
18466
+ }
18467
+ html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar::after {
18468
+ bottom: 0;
18469
+ height: 12px;
18470
+ left: 2px;
18471
+ top: 2px;
18472
+ width: 12px;
18473
+ }
18474
+ html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle {
18475
+ min-width: 30px;
18476
+ max-width: 30px;
18477
+ }
18478
+ html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
18479
+ margin-left: 38px;
18480
+ }
18481
+ html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
18482
+ font-size: 8px;
18483
+ height: 16px;
18484
+ left: 0;
18485
+ line-height: 16px;
18486
+ top: 0px;
18487
+ width: 16px;
18488
+ }
18489
+ html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
18490
+ left: 13px;
18491
+ }
18492
+ html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check:checked ~ .toggle-switch-bar::after {
18493
+ left: 16px;
18494
+ }
18495
+ html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
18496
+ left: 14px;
18497
+ }
18498
+ html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-label {
18499
+ font-size: 12px;
18500
+ max-width: calc(100% - 38px);
18501
+ }
18450
18502
  html:not(#__):not(#___) .cadmin .tooltip {
18451
18503
  display: block;
18452
18504
  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;