@clayui/css 3.74.0 → 3.76.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 (75) hide show
  1. package/lib/css/atlas.css +1215 -626
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +1263 -650
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +670 -358
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/icons.svg +1 -1
  8. package/lib/images/icons/mobile-device-rules.svg +5 -7
  9. package/lib/images/icons/mobile-devices.svg +10 -0
  10. package/lib/images/icons/mobile-landscape.svg +2 -1
  11. package/lib/images/icons/mobile-portrait.svg +2 -1
  12. package/package.json +2 -2
  13. package/src/images/icons/mobile-device-rules.svg +5 -7
  14. package/src/images/icons/mobile-devices.svg +10 -0
  15. package/src/images/icons/mobile-landscape.svg +2 -1
  16. package/src/images/icons/mobile-portrait.svg +2 -1
  17. package/src/scss/_license-text.scss +1 -1
  18. package/src/scss/atlas/variables/_application-bar.scss +1 -1
  19. package/src/scss/atlas/variables/_buttons.scss +2 -3
  20. package/src/scss/atlas/variables/_dropdowns.scss +6 -2
  21. package/src/scss/atlas/variables/_globals.scss +6 -0
  22. package/src/scss/atlas/variables/_labels.scss +1 -1
  23. package/src/scss/atlas/variables/_links.scss +3 -13
  24. package/src/scss/atlas/variables/_management-bar.scss +1 -1
  25. package/src/scss/atlas/variables/_navigation-bar.scss +5 -5
  26. package/src/scss/atlas/variables/_quick-action.scss +1 -1
  27. package/src/scss/atlas/variables/_tables.scss +2 -2
  28. package/src/scss/cadmin/components/_custom-forms.scss +1 -1
  29. package/src/scss/cadmin/variables/_badges.scss +1 -1
  30. package/src/scss/cadmin/variables/_buttons.scss +2 -4
  31. package/src/scss/cadmin/variables/_cards.scss +1 -1
  32. package/src/scss/cadmin/variables/_date-picker.scss +4 -4
  33. package/src/scss/cadmin/variables/_globals.scss +6 -0
  34. package/src/scss/cadmin/variables/_labels.scss +2 -2
  35. package/src/scss/cadmin/variables/_links.scss +13 -22
  36. package/src/scss/cadmin/variables/_management-bar.scss +1 -1
  37. package/src/scss/cadmin/variables/_multi-step-nav.scss +1 -1
  38. package/src/scss/cadmin/variables/_navigation-bar.scss +5 -5
  39. package/src/scss/cadmin/variables/_quick-action.scss +1 -1
  40. package/src/scss/cadmin/variables/_tables.scss +2 -2
  41. package/src/scss/cadmin/variables/_utilities.scss +4 -4
  42. package/src/scss/components/_custom-forms.scss +1 -1
  43. package/src/scss/components/_links.scss +1 -1
  44. package/src/scss/functions/_global-functions.scss +23 -25
  45. package/src/scss/functions/_lx-icons-generated.scss +5 -3
  46. package/src/scss/mixins/_forms.scss +361 -322
  47. package/src/scss/mixins/_grid.scss +74 -67
  48. package/src/scss/mixins/_highlight.scss +91 -69
  49. package/src/scss/mixins/_list-group.scss +216 -192
  50. package/src/scss/mixins/_loaders.scss +142 -134
  51. package/src/scss/mixins/_menubar.scss +300 -296
  52. package/src/scss/mixins/_modals.scss +101 -92
  53. package/src/scss/mixins/_navbar.scss +811 -738
  54. package/src/scss/mixins/_slideout.scss +34 -30
  55. package/src/scss/mixins/_stickers.scss +30 -28
  56. package/src/scss/mixins/_tables.scss +44 -40
  57. package/src/scss/mixins/_tbar.scss +467 -425
  58. package/src/scss/mixins/_utilities.scss +41 -39
  59. package/src/scss/variables/_alerts.scss +30 -7
  60. package/src/scss/variables/_badges.scss +1 -1
  61. package/src/scss/variables/_buttons.scss +2 -3
  62. package/src/scss/variables/_cards.scss +1 -1
  63. package/src/scss/variables/_clay-color.scss +2 -2
  64. package/src/scss/variables/_date-picker.scss +4 -4
  65. package/src/scss/variables/_dropdowns.scss +6 -2
  66. package/src/scss/variables/_forms.scss +232 -44
  67. package/src/scss/variables/_globals.scss +6 -0
  68. package/src/scss/variables/_labels.scss +1 -1
  69. package/src/scss/variables/_links.scss +52 -20
  70. package/src/scss/variables/_multi-step-nav.scss +1 -1
  71. package/src/scss/variables/_navbar.scss +1 -1
  72. package/src/scss/variables/_navs.scss +25 -4
  73. package/src/scss/variables/_tables.scss +6 -1
  74. package/src/scss/variables/_tbar.scss +2 -2
  75. package/src/scss/variables/_time.scss +6 -1
package/src/scss/mixins/_modals.scss CHANGED
@@ -21,112 +21,121 @@
21
21
  /// footer-border-color: {Color | String | List | Null}, // deprecated after 3.9.0
22
22
 
23
23
  @mixin clay-modal-variant($map) {
24
- $enabled: setter(map-get($map, enabled), true);
24
+ @if (type-of($map) == 'map') {
25
+ $enabled: setter(map-get($map, enabled), true);
25
26
 
26
- $header: setter(map-get($map, header), ());
27
- $header: map-merge(
28
- $header,
29
- (
30
- background-color:
31
- setter(
32
- map-get($map, header-bg),
33
- map-get($header, background-color)
34
- ),
35
- border-color:
36
- setter(
37
- map-get($map, header-border-color),
38
- map-get($header, border-color)
39
- ),
40
- color: setter(map-get($map, header-color), map-get($header, color)),
41
- )
42
- );
27
+ $header: setter(map-get($map, header), ());
28
+ $header: map-merge(
29
+ $header,
30
+ (
31
+ background-color:
32
+ setter(
33
+ map-get($map, header-bg),
34
+ map-get($header, background-color)
35
+ ),
36
+ border-color:
37
+ setter(
38
+ map-get($map, header-border-color),
39
+ map-get($header, border-color)
40
+ ),
41
+ color:
42
+ setter(
43
+ map-get($map, header-color),
44
+ map-get($header, color)
45
+ ),
46
+ )
47
+ );
43
48
 
44
- $header-close: setter(map-get($map, header-close), ());
45
- $header-close: map-merge(
46
- $header-close,
47
- (
48
- color:
49
- setter(
50
- map-get($map, header-close-color),
51
- map-get($header-close, color)
52
- ),
53
- )
54
- );
49
+ $header-close: setter(map-get($map, header-close), ());
50
+ $header-close: map-merge(
51
+ $header-close,
52
+ (
53
+ color:
54
+ setter(
55
+ map-get($map, header-close-color),
56
+ map-get($header-close, color)
57
+ ),
58
+ )
59
+ );
55
60
 
56
- $header-close-btn-focus: setter(map-get($header-close, btn-focus), ());
57
- $header-close-btn-focus: map-merge(
58
- $header-close-btn-focus,
59
- (
60
- box-shadow:
61
- setter(
62
- map-get($header-close, btn-focus-box-shadow),
63
- map-get($header-close-btn-focus, box-shadow)
64
- ),
65
- outline:
66
- setter(
67
- map-get($header-close, btn-focus-outline),
68
- map-get($header-close-btn-focus, outline)
69
- ),
70
- )
71
- );
61
+ $header-close-btn-focus: setter(map-get($header-close, btn-focus), ());
62
+ $header-close-btn-focus: map-merge(
63
+ $header-close-btn-focus,
64
+ (
65
+ box-shadow:
66
+ setter(
67
+ map-get($header-close, btn-focus-box-shadow),
68
+ map-get($header-close-btn-focus, box-shadow)
69
+ ),
70
+ outline:
71
+ setter(
72
+ map-get($header-close, btn-focus-outline),
73
+ map-get($header-close-btn-focus, outline)
74
+ ),
75
+ )
76
+ );
72
77
 
73
- $body: setter(map-get($map, body), ());
74
- $body: map-merge(
75
- $body,
76
- (
77
- background-color:
78
- setter(map-get($map, body-bg), map-get($body, background-color)),
79
- color: setter(map-get($map, body-color), map-get($body, color)),
80
- )
81
- );
78
+ $body: setter(map-get($map, body), ());
79
+ $body: map-merge(
80
+ $body,
81
+ (
82
+ background-color:
83
+ setter(
84
+ map-get($map, body-bg),
85
+ map-get($body, background-color)
86
+ ),
87
+ color: setter(map-get($map, body-color), map-get($body, color)),
88
+ )
89
+ );
82
90
 
83
- $footer: setter(map-get($map, footer), ());
84
- $footer: map-merge(
85
- $footer,
86
- (
87
- background-color:
88
- setter(
89
- map-get($map, footer-bg),
90
- map-get($footer, background-color)
91
- ),
92
- border-color:
93
- setter(
94
- map-get($map, footer-border-color),
95
- map-get($footer, border-color)
96
- ),
97
- )
98
- );
91
+ $footer: setter(map-get($map, footer), ());
92
+ $footer: map-merge(
93
+ $footer,
94
+ (
95
+ background-color:
96
+ setter(
97
+ map-get($map, footer-bg),
98
+ map-get($footer, background-color)
99
+ ),
100
+ border-color:
101
+ setter(
102
+ map-get($map, footer-border-color),
103
+ map-get($footer, border-color)
104
+ ),
105
+ )
106
+ );
99
107
 
100
- @if ($enabled) {
101
- @include clay-css($map);
108
+ @if ($enabled) {
109
+ @include clay-css($map);
102
110
 
103
- // Modal specific btn-monospaced is deprecated in v2.0.0-rc.12
111
+ // Modal specific btn-monospaced is deprecated in v2.0.0-rc.12
104
112
 
105
- .btn-monospaced {
106
- color: map-get($header-close, color);
107
- }
113
+ .btn-monospaced {
114
+ color: map-get($header-close, color);
115
+ }
108
116
 
109
- .close {
110
- @include clay-close($header-close);
111
- }
117
+ .close {
118
+ @include clay-close($header-close);
119
+ }
112
120
 
113
- button.close {
114
- &:focus {
115
- box-shadow: map-get($header-close-btn-focus, box-shadow);
116
- outline: map-get($header-close-btn-focus, outline);
121
+ button.close {
122
+ &:focus {
123
+ box-shadow: map-get($header-close-btn-focus, box-shadow);
124
+ outline: map-get($header-close-btn-focus, outline);
125
+ }
117
126
  }
118
- }
119
127
 
120
- .modal-header {
121
- @include clay-css($header);
122
- }
128
+ .modal-header {
129
+ @include clay-css($header);
130
+ }
123
131
 
124
- .modal-body {
125
- @include clay-css($body);
126
- }
132
+ .modal-body {
133
+ @include clay-css($body);
134
+ }
127
135
 
128
- .modal-footer {
129
- @include clay-css($footer);
136
+ .modal-footer {
137
+ @include clay-css($footer);
138
+ }
130
139
  }
131
140
  }
132
141
  }