@carbon/styles 1.41.1 → 1.42.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.
package/css/styles.css CHANGED
@@ -13489,6 +13489,7 @@ button.cds--dropdown-text:focus {
13489
13489
  .cds--loading--small {
13490
13490
  block-size: 1rem;
13491
13491
  inline-size: 1rem;
13492
+ line-height: 1rem;
13492
13493
  }
13493
13494
  .cds--loading--small circle {
13494
13495
  stroke-width: 16;
@@ -20132,7 +20133,7 @@ span.cds--pagination__text.cds--pagination__items-count {
20132
20133
  row-gap: 0;
20133
20134
  }
20134
20135
 
20135
- .cds--slug.cds--slug--enabled .cds--popover-content {
20136
+ .cds--slug.cds--slug--enabled .cds--slug-content {
20136
20137
  border: 1px solid var(--cds-border-subtle);
20137
20138
  border-radius: 16px;
20138
20139
  -webkit-backdrop-filter: blur(25px);
@@ -20143,16 +20144,40 @@ span.cds--pagination__text.cds--pagination__items-count {
20143
20144
  min-inline-size: 17.5rem;
20144
20145
  }
20145
20146
 
20146
- .cds--slug.cds--slug--enabled .cds--popover-caret {
20147
+ .cds--slug.cds--slug--enabled > .cds--toggletip > .cds--popover > .cds--popover-caret {
20147
20148
  background: var(--cds-border-subtle);
20148
20149
  }
20149
20150
 
20150
20151
  .cds--slug.cds--slug--enabled .cds--toggletip-content {
20152
+ max-inline-size: 20.875rem;
20151
20153
  padding-block-end: 5rem;
20152
20154
  padding-block-start: 2rem;
20153
20155
  padding-inline: 2rem;
20154
20156
  }
20155
20157
 
20158
+ .cds--slug.cds--slug--enabled .cds--slug-actions {
20159
+ position: absolute;
20160
+ justify-content: flex-end;
20161
+ background: var(--cds-layer-accent);
20162
+ border-end-end-radius: 0.9375rem;
20163
+ border-end-start-radius: 0.9375rem;
20164
+ -moz-column-gap: 0;
20165
+ column-gap: 0;
20166
+ inline-size: 100%;
20167
+ inset-block-end: 0;
20168
+ inset-inline-end: 0;
20169
+ }
20170
+
20171
+ .cds--slug.cds--slug--enabled .cds--slug-actions .cds--btn:focus {
20172
+ border-color: var(--cds-focus, #0f62fe);
20173
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-background, #ffffff);
20174
+ }
20175
+
20176
+ .cds--slug.cds--slug--enabled .cds--slug-actions .cds--btn--primary {
20177
+ order: 1;
20178
+ border-end-end-radius: 1rem;
20179
+ }
20180
+
20156
20181
  .cds--stack-horizontal {
20157
20182
  display: inline-grid;
20158
20183
  -moz-column-gap: var(--cds-stack-gap, 0);