@carbon/styles 1.41.0 → 1.41.2

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.
package/css/styles.css CHANGED
@@ -19520,7 +19520,7 @@ span.cds--pagination__text.cds--pagination__items-count {
19520
19520
  min-inline-size: 12.5rem;
19521
19521
  }
19522
19522
  .cds--slider-container--two-handles .cds--slider {
19523
- margin-inline: rem(4px);
19523
+ margin-inline: 0.25rem;
19524
19524
  }
19525
19525
 
19526
19526
  .cds--slider__range-label {
@@ -20132,7 +20132,7 @@ span.cds--pagination__text.cds--pagination__items-count {
20132
20132
  row-gap: 0;
20133
20133
  }
20134
20134
 
20135
- .cds--slug.cds--slug--enabled .cds--popover-content {
20135
+ .cds--slug.cds--slug--enabled .cds--slug-content {
20136
20136
  border: 1px solid var(--cds-border-subtle);
20137
20137
  border-radius: 16px;
20138
20138
  -webkit-backdrop-filter: blur(25px);
@@ -20143,16 +20143,40 @@ span.cds--pagination__text.cds--pagination__items-count {
20143
20143
  min-inline-size: 17.5rem;
20144
20144
  }
20145
20145
 
20146
- .cds--slug.cds--slug--enabled .cds--popover-caret {
20146
+ .cds--slug.cds--slug--enabled > .cds--toggletip > .cds--popover > .cds--popover-caret {
20147
20147
  background: var(--cds-border-subtle);
20148
20148
  }
20149
20149
 
20150
20150
  .cds--slug.cds--slug--enabled .cds--toggletip-content {
20151
+ max-inline-size: 20.875rem;
20151
20152
  padding-block-end: 5rem;
20152
20153
  padding-block-start: 2rem;
20153
20154
  padding-inline: 2rem;
20154
20155
  }
20155
20156
 
20157
+ .cds--slug.cds--slug--enabled .cds--slug-actions {
20158
+ position: absolute;
20159
+ justify-content: flex-end;
20160
+ background: var(--cds-layer-accent);
20161
+ border-end-end-radius: 0.9375rem;
20162
+ border-end-start-radius: 0.9375rem;
20163
+ -moz-column-gap: 0;
20164
+ column-gap: 0;
20165
+ inline-size: 100%;
20166
+ inset-block-end: 0;
20167
+ inset-inline-end: 0;
20168
+ }
20169
+
20170
+ .cds--slug.cds--slug--enabled .cds--slug-actions .cds--btn:focus {
20171
+ border-color: var(--cds-focus, #0f62fe);
20172
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-background, #ffffff);
20173
+ }
20174
+
20175
+ .cds--slug.cds--slug--enabled .cds--slug-actions .cds--btn--primary {
20176
+ order: 1;
20177
+ border-end-end-radius: 1rem;
20178
+ }
20179
+
20156
20180
  .cds--stack-horizontal {
20157
20181
  display: inline-grid;
20158
20182
  -moz-column-gap: var(--cds-stack-gap, 0);