@clayui/css 3.78.0 → 3.81.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 (67) hide show
  1. package/lib/css/atlas.css +44 -12
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +37 -6
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +39 -5
  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/_alerts.scss +1 -1
  11. package/src/scss/atlas/variables/_custom-forms.scss +16 -4
  12. package/src/scss/atlas/variables/_date-picker.scss +7 -2
  13. package/src/scss/atlas/variables/_links.scss +19 -2
  14. package/src/scss/atlas/variables/_navigation-bar.scss +0 -1
  15. package/src/scss/atlas/variables/_range.scss +1 -1
  16. package/src/scss/atlas/variables/_time.scss +1 -1
  17. package/src/scss/atlas/variables/_toggle-switch.scss +1 -1
  18. package/src/scss/cadmin/components/_alerts.scss +1 -1
  19. package/src/scss/cadmin/components/_clay-color.scss +15 -20
  20. package/src/scss/cadmin/components/_custom-forms.scss +32 -4
  21. package/src/scss/cadmin/components/_date-picker.scss +4 -4
  22. package/src/scss/cadmin/components/_forms.scss +5 -7
  23. package/src/scss/cadmin/components/_list-group.scss +2 -2
  24. package/src/scss/cadmin/components/_modals.scss +2 -4
  25. package/src/scss/cadmin/components/_range.scss +3 -3
  26. package/src/scss/cadmin/components/_time.scss +3 -3
  27. package/src/scss/cadmin/variables/_alerts.scss +1 -1
  28. package/src/scss/cadmin/variables/_clay-color.scss +24 -13
  29. package/src/scss/cadmin/variables/_custom-forms.scss +2 -2
  30. package/src/scss/cadmin/variables/_date-picker.scss +4 -4
  31. package/src/scss/cadmin/variables/_forms.scss +5 -5
  32. package/src/scss/cadmin/variables/_list-group.scss +2 -2
  33. package/src/scss/cadmin/variables/_range.scss +8 -4
  34. package/src/scss/cadmin/variables/_time.scss +5 -4
  35. package/src/scss/components/_alerts.scss +6 -2
  36. package/src/scss/components/_buttons.scss +5 -1
  37. package/src/scss/components/_clay-color.scss +15 -20
  38. package/src/scss/components/_custom-forms.scss +62 -10
  39. package/src/scss/components/_date-picker.scss +4 -4
  40. package/src/scss/components/_dropdowns.scss +5 -1
  41. package/src/scss/components/_forms.scss +5 -5
  42. package/src/scss/components/_list-group.scss +2 -2
  43. package/src/scss/components/_modals.scss +2 -2
  44. package/src/scss/components/_panels.scss +56 -12
  45. package/src/scss/components/_range.scss +3 -3
  46. package/src/scss/components/_sheets.scss +3 -1
  47. package/src/scss/components/_time.scss +3 -3
  48. package/src/scss/components/_timelines.scss +7 -1
  49. package/src/scss/variables/_alerts.scss +1 -1
  50. package/src/scss/variables/_application-bar.scss +32 -6
  51. package/src/scss/variables/_clay-color.scss +41 -16
  52. package/src/scss/variables/_custom-forms.scss +225 -48
  53. package/src/scss/variables/_date-picker.scss +6 -6
  54. package/src/scss/variables/_drilldown.scss +5 -1
  55. package/src/scss/variables/_forms.scss +5 -5
  56. package/src/scss/variables/_links.scss +10 -2
  57. package/src/scss/variables/_list-group.scss +2 -2
  58. package/src/scss/variables/_management-bar.scss +56 -10
  59. package/src/scss/variables/_multi-step-nav.scss +5 -1
  60. package/src/scss/variables/_navigation-bar.scss +56 -9
  61. package/src/scss/variables/_range.scss +6 -5
  62. package/src/scss/variables/_reorder.scss +18 -5
  63. package/src/scss/variables/_sidebar.scss +25 -5
  64. package/src/scss/variables/_stickers.scss +1 -1
  65. package/src/scss/variables/_tbar.scss +6 -1
  66. package/src/scss/variables/_time.scss +5 -4
  67. package/src/scss/variables/_toggle-switch.scss +22 -10
package/lib/css/atlas.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.78.0
3
+ * Clay 3.81.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>
@@ -5029,6 +5029,7 @@ input[type=button].btn-block {
5029
5029
  .sticker {
5030
5030
  align-items: center;
5031
5031
  border-radius: 0.25rem;
5032
+ color: #272833;
5032
5033
  height: 2rem;
5033
5034
  line-height: 2rem;
5034
5035
  display: inline-flex;
@@ -8227,8 +8228,8 @@ button.link-outline {
8227
8228
  font-size: 1rem;
8228
8229
  font-weight: 700;
8229
8230
  line-height: 1.25;
8230
- margin-bottom: calc((2rem - (1em * 1.25)) / 2);
8231
- margin-top: calc((2rem - (1em * 1.25)) / 2);
8231
+ margin-bottom: calc(( 2rem - (1em * 1.25) ) / 2);
8232
+ margin-top: calc(( 2rem - (1em * 1.25) ) / 2);
8232
8233
  }
8233
8234
  .component-title[href],
8234
8235
  .component-title [href] {
@@ -8359,6 +8360,7 @@ button.link-outline {
8359
8360
  flex-direction: column;
8360
8361
  }
8361
8362
  .clay-range .input-group-text {
8363
+ background-color: transparent;
8362
8364
  border-width: 0px;
8363
8365
  color: #a7a9bc;
8364
8366
  font-size: 0.875rem;
@@ -8368,7 +8370,6 @@ button.link-outline {
8368
8370
  padding-left: 0;
8369
8371
  padding-right: 0;
8370
8372
  padding-top: 0;
8371
- background-color: transparent;
8372
8373
  }
8373
8374
  .clay-range.disabled .clay-range-title {
8374
8375
  color: #a7a9bc;
@@ -8701,10 +8702,10 @@ button.link-outline {
8701
8702
  padding-right: 0.5rem;
8702
8703
  }
8703
8704
  .clay-color > .input-group-item > .input-group-text {
8705
+ background-color: #fff;
8704
8706
  border-color: #e7e7ed;
8705
8707
  padding-left: 0;
8706
8708
  padding-right: 0;
8707
- background-color: #fff;
8708
8709
  }
8709
8710
 
8710
8711
  .clay-color-dropdown-menu {
@@ -8979,6 +8980,38 @@ button.link-outline {
8979
8980
  position: static;
8980
8981
  vertical-align: top;
8981
8982
  }
8983
+ .custom-control-label::before {
8984
+ background-color: #fff;
8985
+ border-color: #cdced9;
8986
+ border-style: solid;
8987
+ border-width: 0.0625rem;
8988
+ box-shadow: none;
8989
+ content: "";
8990
+ display: block;
8991
+ float: left;
8992
+ font-size: 1rem;
8993
+ height: 1rem;
8994
+ left: 0;
8995
+ position: relative;
8996
+ top: 0.125rem;
8997
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
8998
+ width: 1rem;
8999
+ }
9000
+ @media (prefers-reduced-motion: reduce) {
9001
+ .custom-control-label::before {
9002
+ transition: none;
9003
+ }
9004
+ }
9005
+ .custom-control-label::after {
9006
+ background: no-repeat 50%/50% 50%;
9007
+ content: "";
9008
+ display: block;
9009
+ height: 1rem;
9010
+ left: 0;
9011
+ position: absolute;
9012
+ top: 0.125rem;
9013
+ width: 1rem;
9014
+ }
8982
9015
 
8983
9016
  label.custom-control-label {
8984
9017
  font-size: 0.875rem;
@@ -8995,7 +9028,6 @@ label.custom-control-label {
8995
9028
  .custom-control-primary .custom-control-label-text {
8996
9029
  font-weight: 600;
8997
9030
  }
8998
-
8999
9031
  .custom-control-label::before {
9000
9032
  background-color: #fff;
9001
9033
  border-color: #cdced9;
@@ -9223,7 +9255,7 @@ label.custom-control-label {
9223
9255
  }
9224
9256
  .custom-select:focus {
9225
9257
  border-color: #80acff;
9226
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
9258
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem #80acff;
9227
9259
  outline: 0;
9228
9260
  }
9229
9261
  .custom-select:focus::-ms-value {
@@ -9522,12 +9554,12 @@ label.custom-control-label {
9522
9554
  background-color: #b3d8fd;
9523
9555
  }
9524
9556
  .clay-time .input-group-text {
9557
+ background-color: transparent;
9525
9558
  border-color: transparent;
9526
9559
  padding-bottom: 0;
9527
9560
  padding-left: 0;
9528
9561
  padding-right: 0;
9529
9562
  padding-top: 0;
9530
- background-color: transparent;
9531
9563
  }
9532
9564
  .clay-time .clay-time-ampm {
9533
9565
  font-weight: 500;
@@ -9626,14 +9658,14 @@ label.custom-control-label {
9626
9658
  }
9627
9659
  .date-picker-nav .nav-btn:focus, .date-picker-nav .nav-btn.focus {
9628
9660
  background-color: #f1f2f5;
9629
- box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
9661
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
9630
9662
  color: #272833;
9631
9663
  }
9632
9664
  .date-picker-nav .nav-btn:active {
9633
9665
  background-color: #f1f2f5;
9634
9666
  }
9635
9667
  .date-picker-nav .nav-btn:active:focus {
9636
- box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
9668
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
9637
9669
  }
9638
9670
  .date-picker-nav .nav-btn.active {
9639
9671
  background-color: #f1f2f5;
@@ -9810,7 +9842,7 @@ label.custom-control-label {
9810
9842
  }
9811
9843
  .date-picker-date:focus, .date-picker-date.focus {
9812
9844
  background-color: #f1f2f5;
9813
- box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
9845
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
9814
9846
  color: #272833;
9815
9847
  outline: 0;
9816
9848
  }
@@ -9819,7 +9851,7 @@ label.custom-control-label {
9819
9851
  color: #fff;
9820
9852
  }
9821
9853
  .date-picker-date:active:focus {
9822
- box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
9854
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
9823
9855
  }
9824
9856
  .date-picker-date.active {
9825
9857
  background-color: #0b5fff;