@clayui/css 3.68.0 → 3.69.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 (19) hide show
  1. package/lib/css/atlas.css +1 -1
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +1 -1
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +8 -2
  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/_buttons.scss +26 -26
  11. package/src/scss/atlas/variables/_custom-forms.scss +2 -2
  12. package/src/scss/atlas/variables/_menubar.scss +6 -6
  13. package/src/scss/atlas/variables/_utilities.scss +1 -1
  14. package/src/scss/cadmin/components/_buttons.scss +14 -22
  15. package/src/scss/cadmin/variables/_buttons.scss +6 -0
  16. package/src/scss/cadmin/variables/_menubar.scss +8 -8
  17. package/src/scss/components/_buttons.scss +14 -22
  18. package/src/scss/mixins/_globals.scss +1 -1
  19. package/src/scss/variables/_menubar.scss +8 -8
package/src/scss/components/_buttons.scss CHANGED
@@ -119,7 +119,11 @@ input[type='button'] {
119
119
  starts-with($color, '#') or
120
120
  starts-with($color, '%'),
121
121
  $color,
122
- str-insert($color, '.btn-', 1)
122
+ if(
123
+ starts-with($color, 'btn-'),
124
+ str-insert($color, '.', 1),
125
+ str-insert($color, '.btn-', 1)
126
+ )
123
127
  );
124
128
 
125
129
  @if (starts-with($color, '%') or map-get($value, extend)) {
@@ -127,17 +131,9 @@ input[type='button'] {
127
131
  @include clay-button-variant($value);
128
132
  }
129
133
  } @else {
130
- $placeholder: if(
131
- starts-with($color, '.') or starts-with($color, '#'),
132
- '%#{str-slice($color, 2)}',
133
- '%btn-#{$color}'
134
- );
134
+ $placeholder: '%#{str-slice($selector, 2)}';
135
135
 
136
- $placeholder-focus: if(
137
- starts-with($color, '.') or starts-with($color, '#'),
138
- '%#{str-slice($color, 2)}-focus',
139
- '%btn-#{$color}-focus'
140
- );
136
+ $placeholder-focus: '%#{str-slice($selector, 2)}-focus';
141
137
 
142
138
  #{$placeholder} {
143
139
  @include clay-button-variant($value);
@@ -161,7 +157,11 @@ input[type='button'] {
161
157
  starts-with($color, '#') or
162
158
  starts-with($color, '%'),
163
159
  $color,
164
- str-insert($color, '.btn-outline-', 1)
160
+ if(
161
+ starts-with($color, 'btn-'),
162
+ str-insert($color, '.', 1),
163
+ str-insert($color, '.btn-outline-', 1)
164
+ )
165
165
  );
166
166
 
167
167
  @if (starts-with($color, '%') or map-get($value, extend)) {
@@ -169,17 +169,9 @@ input[type='button'] {
169
169
  @include clay-button-variant($value);
170
170
  }
171
171
  } @else {
172
- $placeholder: if(
173
- starts-with($color, '.') or starts-with($color, '#'),
174
- '%#{str-slice($color, 2)}',
175
- '%btn-outline-#{$color}'
176
- );
172
+ $placeholder: '%#{str-slice($selector, 2)}';
177
173
 
178
- $placeholder-focus: if(
179
- starts-with($color, '.') or starts-with($color, '#'),
180
- '%#{str-slice($color, 2)}-focus',
181
- '%btn-outline-#{$color}-focus'
182
- );
174
+ $placeholder-focus: '%#{str-slice($selector, 2)}-focus';
183
175
 
184
176
  #{$placeholder} {
185
177
  @include clay-button-variant($value);
package/src/scss/mixins/_globals.scss CHANGED
@@ -241,7 +241,7 @@
241
241
 
242
242
  @if ($enabled) {
243
243
  @each $key, $value in $map {
244
- @if ($value == clay-unset) {
244
+ @if ($value == clay-unset or $value == c-unset) {
245
245
  $value: null;
246
246
  }
247
247
 
package/src/scss/variables/_menubar.scss CHANGED
@@ -74,7 +74,7 @@ $menubar-vertical-transparent-md: map-deep-merge(
74
74
  color: rgba($black, 0.9),
75
75
  ),
76
76
  show: (
77
- color: $c-unset,
77
+ color: c-unset,
78
78
  ),
79
79
  disabled: (
80
80
  color: rgba($black, 0.3),
@@ -99,9 +99,9 @@ $menubar-vertical-transparent-md: map-deep-merge(
99
99
  color: $gray-600,
100
100
  ),
101
101
  show: (
102
- background-color: $c-unset,
103
- color: $c-unset,
104
- font-weight: $c-unset,
102
+ background-color: c-unset,
103
+ color: c-unset,
104
+ font-weight: c-unset,
105
105
  ),
106
106
  ),
107
107
  collapse-mobile: (
@@ -241,7 +241,7 @@ $menubar-vertical-transparent-lg: map-deep-merge(
241
241
  color: rgba($black, 0.9),
242
242
  ),
243
243
  show: (
244
- color: $c-unset,
244
+ color: c-unset,
245
245
  ),
246
246
  disabled: (
247
247
  color: rgba($black, 0.3),
@@ -266,9 +266,9 @@ $menubar-vertical-transparent-lg: map-deep-merge(
266
266
  color: $gray-600,
267
267
  ),
268
268
  show: (
269
- background-color: $c-unset,
270
- color: $c-unset,
271
- font-weight: $c-unset,
269
+ background-color: c-unset,
270
+ color: c-unset,
271
+ font-weight: c-unset,
272
272
  ),
273
273
  ),
274
274
  collapse-mobile: (