@carbon/styles 1.98.0 → 1.99.0-rc.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 (11) hide show
  1. package/css/styles.css +44 -54
  2. package/css/styles.min.css +1 -1
  3. package/package.json +8 -8
  4. package/scss/__tests__/carousel-test.js +92 -0
  5. package/scss/_carbon-utilities.scss +8 -0
  6. package/scss/components/notification/_actionable-notification.scss +180 -103
  7. package/scss/components/notification/_inline-notification.scss +172 -97
  8. package/scss/components/notification/_toast-notification.scss +129 -66
  9. package/scss/components/popover/_popover.scss +47 -28
  10. package/scss/components/treeview/_treeview.scss +4 -1
  11. package/scss/utilities/_tooltip.scss +12 -10
package/scss/utilities/_tooltip.scss CHANGED
@@ -11,6 +11,7 @@
11
11
  @use 'z-index' as *;
12
12
  @use '../config' as *;
13
13
  @use '../motion' as *;
14
+ @use '../spacing' as *;
14
15
  @use '../theme' as *;
15
16
  @use '../type';
16
17
 
@@ -36,11 +37,12 @@
36
37
  @include box-shadow;
37
38
 
38
39
  z-index: z('floating');
39
- padding: if(
40
- sass($tooltip-type == 'definition'),
41
- convert.to-rem(8px) convert.to-rem(16px),
42
- convert.to-rem(3px) convert.to-rem(16px)
43
- );
40
+ @if $tooltip-type == 'definition' {
41
+ padding: $spacing-03 $spacing-05;
42
+ } @else {
43
+ padding: convert.to-rem(3px) $spacing-05;
44
+ }
45
+
44
46
  border-radius: convert.to-rem(2px);
45
47
  background-color: $background-inverse;
46
48
  block-size: auto;
@@ -233,11 +235,11 @@
233
235
  $align: 'center'
234
236
  ) {
235
237
  // position and alignment
236
- $caret-spacing: if(
237
- sass($tooltip-type == 'definition'),
238
- convert.to-rem(4px),
239
- convert.to-rem(8px)
240
- );
238
+ $caret-spacing: $spacing-03;
239
+
240
+ @if $tooltip-type == 'definition' {
241
+ $caret-spacing: $spacing-02;
242
+ }
241
243
 
242
244
  // space between caret and trigger button
243
245
  $caret-height: convert.to-rem(5px);