@carbon/styles 1.93.0-rc.0 → 1.93.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
|
@@ -4152,6 +4152,11 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
|
4152
4152
|
filter: var(--cds-popover-drop-shadow, drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2)));
|
|
4153
4153
|
}
|
|
4154
4154
|
|
|
4155
|
+
.cds--popover--border .cds--popover > .cds--popover-content {
|
|
4156
|
+
outline: 1px solid var(--cds-popover-border-color, var(--cds-border-subtle));
|
|
4157
|
+
outline-offset: -1px;
|
|
4158
|
+
}
|
|
4159
|
+
|
|
4155
4160
|
.cds--popover--caret {
|
|
4156
4161
|
--cds-popover-offset: 0.625rem;
|
|
4157
4162
|
}
|
|
@@ -4204,6 +4209,10 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
|
4204
4209
|
display: block;
|
|
4205
4210
|
}
|
|
4206
4211
|
|
|
4212
|
+
.cds--popover--background-token__background .cds--popover-content {
|
|
4213
|
+
background-color: var(--cds-background, #ffffff);
|
|
4214
|
+
}
|
|
4215
|
+
|
|
4207
4216
|
.cds--popover-content::before {
|
|
4208
4217
|
position: absolute;
|
|
4209
4218
|
display: none;
|
|
@@ -4219,9 +4228,31 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
|
4219
4228
|
position: absolute;
|
|
4220
4229
|
z-index: 6000;
|
|
4221
4230
|
display: none;
|
|
4222
|
-
background-color: var(--cds-popover-background-color, var(--cds-layer));
|
|
4223
4231
|
will-change: transform;
|
|
4224
4232
|
}
|
|
4233
|
+
.cds--popover-caret::after,
|
|
4234
|
+
.cds--popover--auto-align.cds--popover-caret::after {
|
|
4235
|
+
position: absolute;
|
|
4236
|
+
display: block;
|
|
4237
|
+
background-color: var(--cds-popover-background-color, var(--cds-layer));
|
|
4238
|
+
content: "";
|
|
4239
|
+
}
|
|
4240
|
+
.cds--popover-caret::before,
|
|
4241
|
+
.cds--popover--auto-align.cds--popover-caret::before {
|
|
4242
|
+
position: absolute;
|
|
4243
|
+
display: none;
|
|
4244
|
+
background-color: var(--cds-popover-border-color, var(--cds-border-subtle));
|
|
4245
|
+
content: "";
|
|
4246
|
+
}
|
|
4247
|
+
|
|
4248
|
+
.cds--popover--background-token__background .cds--popover-caret::after {
|
|
4249
|
+
background-color: var(--cds-background, #ffffff);
|
|
4250
|
+
}
|
|
4251
|
+
|
|
4252
|
+
.cds--popover--border .cds--popover-caret::before,
|
|
4253
|
+
.cds--popover--border .cds--popover--auto-align.cds--popover-caret::before {
|
|
4254
|
+
display: block;
|
|
4255
|
+
}
|
|
4225
4256
|
|
|
4226
4257
|
.cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-caret {
|
|
4227
4258
|
display: block;
|
|
@@ -4265,22 +4296,6 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
|
4265
4296
|
transform: translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));
|
|
4266
4297
|
}
|
|
4267
4298
|
|
|
4268
|
-
.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
|
|
4269
|
-
.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
|
|
4270
|
-
inset-block-end: 0;
|
|
4271
|
-
inset-inline-end: 0;
|
|
4272
|
-
}
|
|
4273
|
-
|
|
4274
|
-
.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
|
|
4275
|
-
inset-block-end: 0;
|
|
4276
|
-
inset-inline-end: auto;
|
|
4277
|
-
}
|
|
4278
|
-
|
|
4279
|
-
.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
|
|
4280
|
-
inset-block-end: 0;
|
|
4281
|
-
inset-inline-end: 0;
|
|
4282
|
-
}
|
|
4283
|
-
|
|
4284
4299
|
[dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
|
|
4285
4300
|
[dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
|
|
4286
4301
|
inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem));
|
|
@@ -4303,12 +4318,39 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
|
4303
4318
|
.cds--popover--bottom-right > .cds--popover > .cds--popover-caret,
|
|
4304
4319
|
.cds--popover--bottom-end > .cds--popover > .cds--popover-caret {
|
|
4305
4320
|
block-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4306
|
-
clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
|
|
4307
4321
|
inline-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4308
4322
|
inset-block-end: 0;
|
|
4309
4323
|
inset-inline-start: 50%;
|
|
4310
4324
|
transform: translate(-50%, var(--cds-popover-offset, 0rem));
|
|
4311
4325
|
}
|
|
4326
|
+
.cds--popover--bottom > .cds--popover > .cds--popover-caret::after,
|
|
4327
|
+
.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::after,
|
|
4328
|
+
.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::after,
|
|
4329
|
+
.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::after,
|
|
4330
|
+
.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::after {
|
|
4331
|
+
block-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4332
|
+
clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
|
|
4333
|
+
inline-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4334
|
+
}
|
|
4335
|
+
|
|
4336
|
+
.cds--popover--border.cds--popover--bottom > .cds--popover > .cds--popover-caret::before,
|
|
4337
|
+
.cds--popover--border.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::before,
|
|
4338
|
+
.cds--popover--border.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::before,
|
|
4339
|
+
.cds--popover--border.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::before,
|
|
4340
|
+
.cds--popover--border.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::before {
|
|
4341
|
+
block-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4342
|
+
clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
|
|
4343
|
+
inline-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4344
|
+
}
|
|
4345
|
+
.cds--popover--border.cds--popover--bottom > .cds--popover > .cds--popover-caret::after,
|
|
4346
|
+
.cds--popover--border.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::after,
|
|
4347
|
+
.cds--popover--border.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::after,
|
|
4348
|
+
.cds--popover--border.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::after,
|
|
4349
|
+
.cds--popover--border.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::after {
|
|
4350
|
+
inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
|
|
4351
|
+
inset-block-start: 1px;
|
|
4352
|
+
inset-inline-start: 0.5px;
|
|
4353
|
+
}
|
|
4312
4354
|
|
|
4313
4355
|
[dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-caret,
|
|
4314
4356
|
[dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,
|
|
@@ -4323,11 +4365,38 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
|
4323
4365
|
.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
|
|
4324
4366
|
.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
|
|
4325
4367
|
.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
|
|
4368
|
+
block-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4369
|
+
inline-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4370
|
+
}
|
|
4371
|
+
.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4372
|
+
.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4373
|
+
.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4374
|
+
.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4375
|
+
.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
|
|
4326
4376
|
block-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4327
4377
|
clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
|
|
4328
4378
|
inline-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4329
4379
|
}
|
|
4330
4380
|
|
|
4381
|
+
.cds--popover--border.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4382
|
+
.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4383
|
+
.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4384
|
+
.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4385
|
+
.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
|
|
4386
|
+
block-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4387
|
+
clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
|
|
4388
|
+
inline-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4389
|
+
}
|
|
4390
|
+
.cds--popover--border.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4391
|
+
.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4392
|
+
.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4393
|
+
.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4394
|
+
.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
|
|
4395
|
+
inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
|
|
4396
|
+
inset-block-start: 1px;
|
|
4397
|
+
inset-inline-start: 0.5px;
|
|
4398
|
+
}
|
|
4399
|
+
|
|
4331
4400
|
.cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
|
|
4332
4401
|
inset-block-start: 0;
|
|
4333
4402
|
inset-inline-start: 50%;
|
|
@@ -4380,12 +4449,39 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
|
4380
4449
|
.cds--popover--top-right > .cds--popover > .cds--popover-caret,
|
|
4381
4450
|
.cds--popover--top-end > .cds--popover > .cds--popover-caret {
|
|
4382
4451
|
block-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4383
|
-
clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
|
|
4384
4452
|
inline-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4385
4453
|
inset-block-start: 0;
|
|
4386
4454
|
inset-inline-start: 50%;
|
|
4387
4455
|
transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
|
|
4388
4456
|
}
|
|
4457
|
+
.cds--popover--top > .cds--popover > .cds--popover-caret::after,
|
|
4458
|
+
.cds--popover--top-left > .cds--popover > .cds--popover-caret::after,
|
|
4459
|
+
.cds--popover--top-start > .cds--popover > .cds--popover-caret::after,
|
|
4460
|
+
.cds--popover--top-right > .cds--popover > .cds--popover-caret::after,
|
|
4461
|
+
.cds--popover--top-end > .cds--popover > .cds--popover-caret::after {
|
|
4462
|
+
block-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4463
|
+
clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
|
|
4464
|
+
inline-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4465
|
+
}
|
|
4466
|
+
|
|
4467
|
+
.cds--popover--border.cds--popover--top > .cds--popover > .cds--popover-caret::before,
|
|
4468
|
+
.cds--popover--border.cds--popover--top-left > .cds--popover > .cds--popover-caret::before,
|
|
4469
|
+
.cds--popover--border.cds--popover--top-start > .cds--popover > .cds--popover-caret::before,
|
|
4470
|
+
.cds--popover--border.cds--popover--top-right > .cds--popover > .cds--popover-caret::before,
|
|
4471
|
+
.cds--popover--border.cds--popover--top-end > .cds--popover > .cds--popover-caret::before {
|
|
4472
|
+
block-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4473
|
+
clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
|
|
4474
|
+
inline-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4475
|
+
}
|
|
4476
|
+
.cds--popover--border.cds--popover--top > .cds--popover > .cds--popover-caret::after,
|
|
4477
|
+
.cds--popover--border.cds--popover--top-left > .cds--popover > .cds--popover-caret::after,
|
|
4478
|
+
.cds--popover--border.cds--popover--top-start > .cds--popover > .cds--popover-caret::after,
|
|
4479
|
+
.cds--popover--border.cds--popover--top-right > .cds--popover > .cds--popover-caret::after,
|
|
4480
|
+
.cds--popover--border.cds--popover--top-end > .cds--popover > .cds--popover-caret::after {
|
|
4481
|
+
inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
|
|
4482
|
+
inset-block-start: -1px;
|
|
4483
|
+
inset-inline-start: 0.5px;
|
|
4484
|
+
}
|
|
4389
4485
|
|
|
4390
4486
|
[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
|
|
4391
4487
|
[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
|
|
@@ -4400,10 +4496,37 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
|
4400
4496
|
.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
|
|
4401
4497
|
.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
|
|
4402
4498
|
.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
|
|
4499
|
+
block-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4500
|
+
inline-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4501
|
+
}
|
|
4502
|
+
.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4503
|
+
.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4504
|
+
.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4505
|
+
.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4506
|
+
.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
|
|
4507
|
+
block-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4508
|
+
clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
|
|
4509
|
+
inline-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4510
|
+
}
|
|
4511
|
+
|
|
4512
|
+
.cds--popover--border.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4513
|
+
.cds--popover--border.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4514
|
+
.cds--popover--border.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4515
|
+
.cds--popover--border.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4516
|
+
.cds--popover--border.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
|
|
4403
4517
|
block-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4404
4518
|
clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
|
|
4405
4519
|
inline-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4406
4520
|
}
|
|
4521
|
+
.cds--popover--border.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4522
|
+
.cds--popover--border.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4523
|
+
.cds--popover--border.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4524
|
+
.cds--popover--border.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4525
|
+
.cds--popover--border.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
|
|
4526
|
+
inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
|
|
4527
|
+
inset-block-start: -1px;
|
|
4528
|
+
inset-inline-start: 0.5px;
|
|
4529
|
+
}
|
|
4407
4530
|
|
|
4408
4531
|
.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
|
|
4409
4532
|
inset-block-start: 50%;
|
|
@@ -4451,12 +4574,20 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
|
4451
4574
|
.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
|
|
4452
4575
|
.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
|
|
4453
4576
|
block-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4454
|
-
clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
|
|
4455
4577
|
inline-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4456
4578
|
inset-block-start: 50%;
|
|
4457
4579
|
inset-inline-start: 100%;
|
|
4458
4580
|
transform: translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);
|
|
4459
4581
|
}
|
|
4582
|
+
.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4583
|
+
.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4584
|
+
.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4585
|
+
.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4586
|
+
.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
|
|
4587
|
+
block-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4588
|
+
clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
|
|
4589
|
+
inline-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4590
|
+
}
|
|
4460
4591
|
|
|
4461
4592
|
[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
|
|
4462
4593
|
[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
|
|
@@ -4467,16 +4598,81 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
|
4467
4598
|
inset-inline-start: initial;
|
|
4468
4599
|
}
|
|
4469
4600
|
|
|
4601
|
+
.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
|
|
4602
|
+
.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
|
|
4603
|
+
.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
|
|
4604
|
+
.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
|
|
4605
|
+
.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before {
|
|
4606
|
+
block-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4607
|
+
clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
|
|
4608
|
+
inline-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4609
|
+
}
|
|
4610
|
+
.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4611
|
+
.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4612
|
+
.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4613
|
+
.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4614
|
+
.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
|
|
4615
|
+
inset-inline-start: 1px;
|
|
4616
|
+
}
|
|
4617
|
+
|
|
4618
|
+
[dir=rtl] .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4619
|
+
[dir=rtl] .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4620
|
+
[dir=rtl] .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4621
|
+
[dir=rtl] .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4622
|
+
[dir=rtl] .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
|
|
4623
|
+
inset-inline-start: -1px;
|
|
4624
|
+
}
|
|
4625
|
+
|
|
4470
4626
|
.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
|
|
4471
4627
|
.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
|
|
4472
4628
|
.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
|
|
4473
4629
|
.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
|
|
4474
4630
|
.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
|
|
4631
|
+
block-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4632
|
+
inline-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4633
|
+
}
|
|
4634
|
+
.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4635
|
+
.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4636
|
+
.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4637
|
+
.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4638
|
+
.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
|
|
4475
4639
|
block-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4476
4640
|
clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
|
|
4477
4641
|
inline-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4478
4642
|
}
|
|
4479
4643
|
|
|
4644
|
+
.cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4645
|
+
.cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4646
|
+
.cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4647
|
+
.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4648
|
+
.cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
|
|
4649
|
+
block-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4650
|
+
clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
|
|
4651
|
+
inline-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4652
|
+
}
|
|
4653
|
+
.cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4654
|
+
.cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4655
|
+
.cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4656
|
+
.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4657
|
+
.cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
|
|
4658
|
+
inset-inline-start: 1px;
|
|
4659
|
+
}
|
|
4660
|
+
|
|
4661
|
+
[dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4662
|
+
[dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4663
|
+
[dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4664
|
+
[dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4665
|
+
[dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
|
|
4666
|
+
margin-inline-start: 1px;
|
|
4667
|
+
}
|
|
4668
|
+
[dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4669
|
+
[dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4670
|
+
[dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4671
|
+
[dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4672
|
+
[dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
|
|
4673
|
+
inset-inline-start: 0;
|
|
4674
|
+
}
|
|
4675
|
+
|
|
4480
4676
|
.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
|
|
4481
4677
|
inset-block-start: 50%;
|
|
4482
4678
|
inset-inline-end: 100%;
|
|
@@ -4523,12 +4719,20 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
|
4523
4719
|
.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
|
|
4524
4720
|
.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
|
|
4525
4721
|
block-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4526
|
-
clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
|
|
4527
4722
|
inline-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4528
4723
|
inset-block-start: 50%;
|
|
4529
4724
|
inset-inline-end: 100%;
|
|
4530
4725
|
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);
|
|
4531
4726
|
}
|
|
4727
|
+
.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4728
|
+
.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4729
|
+
.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4730
|
+
.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4731
|
+
.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
|
|
4732
|
+
block-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4733
|
+
clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
|
|
4734
|
+
inline-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4735
|
+
}
|
|
4532
4736
|
|
|
4533
4737
|
[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
|
|
4534
4738
|
[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
|
|
@@ -4539,16 +4743,81 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
|
4539
4743
|
inset-inline-start: 100%;
|
|
4540
4744
|
}
|
|
4541
4745
|
|
|
4746
|
+
.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
|
|
4747
|
+
.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
|
|
4748
|
+
.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
|
|
4749
|
+
.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
|
|
4750
|
+
.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before {
|
|
4751
|
+
block-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4752
|
+
clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
|
|
4753
|
+
inline-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4754
|
+
}
|
|
4755
|
+
.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4756
|
+
.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4757
|
+
.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4758
|
+
.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4759
|
+
.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
|
|
4760
|
+
inset-inline-start: -1px;
|
|
4761
|
+
}
|
|
4762
|
+
|
|
4763
|
+
[dir=rtl] .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4764
|
+
[dir=rtl] .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4765
|
+
[dir=rtl] .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4766
|
+
[dir=rtl] .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
|
|
4767
|
+
[dir=rtl] .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
|
|
4768
|
+
inset-inline-start: 1px;
|
|
4769
|
+
}
|
|
4770
|
+
|
|
4542
4771
|
.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
|
|
4543
4772
|
.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
|
|
4544
4773
|
.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
|
|
4545
4774
|
.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
|
|
4546
4775
|
.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
|
|
4776
|
+
block-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4777
|
+
inline-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4778
|
+
}
|
|
4779
|
+
.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4780
|
+
.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4781
|
+
.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4782
|
+
.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4783
|
+
.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
|
|
4547
4784
|
block-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4548
4785
|
clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
|
|
4549
4786
|
inline-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4550
4787
|
}
|
|
4551
4788
|
|
|
4789
|
+
.cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4790
|
+
.cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4791
|
+
.cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4792
|
+
.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4793
|
+
.cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
|
|
4794
|
+
block-size: var(--cds-popover-caret-width, 0.75rem);
|
|
4795
|
+
clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
|
|
4796
|
+
inline-size: var(--cds-popover-caret-height, 0.375rem);
|
|
4797
|
+
}
|
|
4798
|
+
.cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4799
|
+
.cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4800
|
+
.cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4801
|
+
.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4802
|
+
.cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
|
|
4803
|
+
inset-inline-start: -1px;
|
|
4804
|
+
}
|
|
4805
|
+
|
|
4806
|
+
[dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4807
|
+
[dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4808
|
+
[dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4809
|
+
[dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
|
|
4810
|
+
[dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
|
|
4811
|
+
margin-inline-start: -1px;
|
|
4812
|
+
}
|
|
4813
|
+
[dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4814
|
+
[dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4815
|
+
[dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4816
|
+
[dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
|
|
4817
|
+
[dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
|
|
4818
|
+
inset-inline-start: 0;
|
|
4819
|
+
}
|
|
4820
|
+
|
|
4552
4821
|
.cds--popover--tab-tip > .cds--popover > .cds--popover-content {
|
|
4553
4822
|
border-radius: 0;
|
|
4554
4823
|
}
|
|
@@ -25534,6 +25803,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
|
25534
25803
|
.cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug {
|
|
25535
25804
|
inset-inline-end: 1rem;
|
|
25536
25805
|
transition: inset-inline-end 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
|
25806
|
+
inset-inline-end: 2.5rem;
|
|
25537
25807
|
}
|
|
25538
25808
|
|
|
25539
25809
|
.cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--tile--inner-decorator > *,
|