@i-cell/ids-styles 0.0.12 → 0.0.13

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 (7) hide show
  1. package/dist/components.css +312 -0
  2. package/dist/components.min.css +1 -1
  3. package/dist/components.plugin.js +283 -0
  4. package/dist/snackbar/snackbar.css +311 -0
  5. package/dist/snackbar/snackbar.min.css +1 -0
  6. package/dist/snackbar/snackbar.plugin.js +292 -0
  7. package/package.json +1 -1
package/dist/components.css CHANGED
@@ -7357,6 +7357,318 @@
7357
7357
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-disabled);
7358
7358
  }
7359
7359
 
7360
+ .ids-snackbar-group {
7361
+ display: flex;
7362
+ }
7363
+ .ids-snackbar-group.ids-snackbar-group-position-top-left, .ids-snackbar-group.ids-snackbar-group-position-top-center, .ids-snackbar-group.ids-snackbar-group-position-top-right {
7364
+ flex-direction: column-reverse;
7365
+ }
7366
+ .ids-snackbar-group.ids-snackbar-group-position-top-left.ids-snackbar-group-newest-at-start, .ids-snackbar-group.ids-snackbar-group-position-top-center.ids-snackbar-group-newest-at-start, .ids-snackbar-group.ids-snackbar-group-position-top-right.ids-snackbar-group-newest-at-start {
7367
+ flex-direction: column;
7368
+ }
7369
+ .ids-snackbar-group.ids-snackbar-group-position-bottom-left, .ids-snackbar-group.ids-snackbar-group-position-bottom-center, .ids-snackbar-group.ids-snackbar-group-position-bottom-right {
7370
+ flex-direction: column;
7371
+ }
7372
+ .ids-snackbar-group.ids-snackbar-group-position-bottom-left.ids-snackbar-group-newest-at-start, .ids-snackbar-group.ids-snackbar-group-position-bottom-center.ids-snackbar-group-newest-at-start, .ids-snackbar-group.ids-snackbar-group-position-bottom-right.ids-snackbar-group-newest-at-start {
7373
+ flex-direction: column-reverse;
7374
+ }
7375
+ .ids-snackbar-group.ids-snackbar-group-position-top-left, .ids-snackbar-group.ids-snackbar-group-position-bottom-left {
7376
+ align-items: flex-start;
7377
+ }
7378
+ .ids-snackbar-group.ids-snackbar-group-position-top-center, .ids-snackbar-group.ids-snackbar-group-position-bottom-center {
7379
+ align-items: center;
7380
+ }
7381
+ .ids-snackbar-group.ids-snackbar-group-position-top-right, .ids-snackbar-group.ids-snackbar-group-position-bottom-right {
7382
+ align-items: flex-end;
7383
+ }
7384
+ .ids-snackbar-group .ids-snackbar {
7385
+ min-width: max-content;
7386
+ }
7387
+ .ids-snackbar-group .ids-snackbar > .ids-snackbar__content-wrapper {
7388
+ position: relative;
7389
+ display: flex;
7390
+ justify-content: space-between;
7391
+ align-items: flex-start;
7392
+ align-content: flex-start;
7393
+ flex-wrap: wrap;
7394
+ border-top-style: solid;
7395
+ border-right-style: solid;
7396
+ border-bottom-style: solid;
7397
+ border-left-style: solid;
7398
+ box-shadow: var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xl) var(--ids-smc-reference-container-effects-shadow-blur-xxl) var(--ids-smc-reference-container-effects-shadow-spread-sm) var(--ids-smc-reference-container-effects-shadow-color-dark-light), var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-md) var(--ids-smc-reference-container-effects-shadow-blur-lg) var(--ids-smc-reference-container-effects-shadow-spread-xs) var(--ids-smc-reference-container-effects-shadow-color-dark-light);
7399
+ }
7400
+ .ids-snackbar-group .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__leading-element {
7401
+ display: flex;
7402
+ align-items: center;
7403
+ flex-shrink: 0;
7404
+ }
7405
+ .ids-snackbar-group .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container {
7406
+ display: flex;
7407
+ justify-content: space-between;
7408
+ align-items: center;
7409
+ align-content: center;
7410
+ flex: 1 0 0;
7411
+ flex-wrap: wrap;
7412
+ }
7413
+ .ids-snackbar-group .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container > .ids-snackbar__message {
7414
+ flex: 1 0 0;
7415
+ font-style: normal;
7416
+ }
7417
+ .ids-snackbar-group .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container > .ids-snackbar__action {
7418
+ display: flex;
7419
+ align-items: center;
7420
+ }
7421
+ .ids-snackbar-group .ids-snackbar > .ids-snackbar__content-wrapper > .ids-icon-button {
7422
+ position: absolute;
7423
+ top: 16px;
7424
+ right: 16px;
7425
+ }
7426
+ .ids-snackbar-group .ids-snackbar.ids-snackbar-dark > .ids-snackbar__content-wrapper {
7427
+ border-top-color: var(--ids-comp-snackbar-filled-color-border-dark-default);
7428
+ border-right-color: var(--ids-comp-snackbar-filled-color-border-dark-default);
7429
+ border-bottom-color: var(--ids-comp-snackbar-filled-color-border-dark-default);
7430
+ border-left-color: var(--ids-comp-snackbar-filled-color-border-dark-default);
7431
+ background: var(--ids-comp-snackbar-filled-color-bg-dark-default);
7432
+ }
7433
+ .ids-snackbar-group .ids-snackbar.ids-snackbar-dark > .ids-snackbar__content-wrapper > .ids-snackbar__leading-element > .ids-icon {
7434
+ color: var(--ids-comp-snackbar-filled-color-fg-icon-dark-default);
7435
+ }
7436
+ .ids-snackbar-group .ids-snackbar.ids-snackbar-dark > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container > .ids-snackbar__message {
7437
+ color: var(--ids-comp-snackbar-filled-color-fg-message-dark-default);
7438
+ }
7439
+ .ids-snackbar-group .ids-snackbar.ids-snackbar-info > .ids-snackbar__content-wrapper {
7440
+ border-top-color: var(--ids-comp-snackbar-filled-color-border-info-default);
7441
+ border-right-color: var(--ids-comp-snackbar-filled-color-border-info-default);
7442
+ border-bottom-color: var(--ids-comp-snackbar-filled-color-border-info-default);
7443
+ border-left-color: var(--ids-comp-snackbar-filled-color-border-info-default);
7444
+ background: var(--ids-comp-snackbar-filled-color-bg-info-default);
7445
+ }
7446
+ .ids-snackbar-group .ids-snackbar.ids-snackbar-info > .ids-snackbar__content-wrapper > .ids-snackbar__leading-element > .ids-icon {
7447
+ color: var(--ids-comp-snackbar-filled-color-fg-icon-info-default);
7448
+ }
7449
+ .ids-snackbar-group .ids-snackbar.ids-snackbar-info > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container > .ids-snackbar__message {
7450
+ color: var(--ids-comp-snackbar-filled-color-fg-message-info-default);
7451
+ }
7452
+ .ids-snackbar-group .ids-snackbar.ids-snackbar-success > .ids-snackbar__content-wrapper {
7453
+ border-top-color: var(--ids-comp-snackbar-filled-color-border-success-default);
7454
+ border-right-color: var(--ids-comp-snackbar-filled-color-border-success-default);
7455
+ border-bottom-color: var(--ids-comp-snackbar-filled-color-border-success-default);
7456
+ border-left-color: var(--ids-comp-snackbar-filled-color-border-success-default);
7457
+ background: var(--ids-comp-snackbar-filled-color-bg-success-default);
7458
+ }
7459
+ .ids-snackbar-group .ids-snackbar.ids-snackbar-success > .ids-snackbar__content-wrapper > .ids-snackbar__leading-element > .ids-icon {
7460
+ color: var(--ids-comp-snackbar-filled-color-fg-icon-success-default);
7461
+ }
7462
+ .ids-snackbar-group .ids-snackbar.ids-snackbar-success > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container > .ids-snackbar__message {
7463
+ color: var(--ids-comp-snackbar-filled-color-fg-message-success-default);
7464
+ }
7465
+ .ids-snackbar-group .ids-snackbar.ids-snackbar-error > .ids-snackbar__content-wrapper {
7466
+ border-top-color: var(--ids-comp-snackbar-filled-color-border-error-default);
7467
+ border-right-color: var(--ids-comp-snackbar-filled-color-border-error-default);
7468
+ border-bottom-color: var(--ids-comp-snackbar-filled-color-border-error-default);
7469
+ border-left-color: var(--ids-comp-snackbar-filled-color-border-error-default);
7470
+ background: var(--ids-comp-snackbar-filled-color-bg-error-default);
7471
+ }
7472
+ .ids-snackbar-group .ids-snackbar.ids-snackbar-error > .ids-snackbar__content-wrapper > .ids-snackbar__leading-element > .ids-icon {
7473
+ color: var(--ids-comp-snackbar-filled-color-fg-icon-error-default);
7474
+ }
7475
+ .ids-snackbar-group .ids-snackbar.ids-snackbar-error > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container > .ids-snackbar__message {
7476
+ color: var(--ids-comp-snackbar-filled-color-fg-message-error-default);
7477
+ }
7478
+ .ids-snackbar-group .ids-snackbar.ids-snackbar-warning > .ids-snackbar__content-wrapper {
7479
+ border-top-color: var(--ids-comp-snackbar-filled-color-border-warning-default);
7480
+ border-right-color: var(--ids-comp-snackbar-filled-color-border-warning-default);
7481
+ border-bottom-color: var(--ids-comp-snackbar-filled-color-border-warning-default);
7482
+ border-left-color: var(--ids-comp-snackbar-filled-color-border-warning-default);
7483
+ background: var(--ids-comp-snackbar-filled-color-bg-warning-default);
7484
+ }
7485
+ .ids-snackbar-group .ids-snackbar.ids-snackbar-warning > .ids-snackbar__content-wrapper > .ids-snackbar__leading-element > .ids-icon {
7486
+ color: var(--ids-comp-snackbar-filled-color-fg-icon-warning-default);
7487
+ }
7488
+ .ids-snackbar-group .ids-snackbar.ids-snackbar-warning > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container > .ids-snackbar__message {
7489
+ color: var(--ids-comp-snackbar-filled-color-fg-message-warning-default);
7490
+ }
7491
+ .ids-snackbar-group.ids-snackbar-group-compact {
7492
+ gap: var(--ids-comp-snackbar-group-container-size-gap-comfortable);
7493
+ }
7494
+ .ids-snackbar-group.ids-snackbar-group-compact > .ids-snackbar > .ids-snackbar__content-wrapper {
7495
+ gap: var(--ids-comp-snackbar-container-size-gap-compact);
7496
+ padding: var(--ids-comp-snackbar-container-size-padding-y-compact) var(--ids-comp-snackbar-container-size-padding-x-compact);
7497
+ border-radius: var(--ids-comp-snackbar-container-size-border-radius-compact);
7498
+ border-top-width: var(--ids-comp-snackbar-container-size-border-top-width-compact);
7499
+ border-right-width: var(--ids-comp-snackbar-container-size-border-right-width-compact);
7500
+ border-bottom-width: var(--ids-comp-snackbar-container-size-border-bottom-width-compact);
7501
+ border-left-width: var(--ids-comp-snackbar-container-size-border-left-width-compact);
7502
+ }
7503
+ .ids-snackbar-group.ids-snackbar-group-compact > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__leading-element {
7504
+ padding-left: var(--ids-comp-snackbar-icon-size-padding-left-compact);
7505
+ padding-right: var(--ids-comp-snackbar-icon-size-padding-right-compact);
7506
+ }
7507
+ .ids-snackbar-group.ids-snackbar-group-compact > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__leading-element > .ids-icon {
7508
+ width: var(--ids-comp-snackbar-icon-size-icon-compact);
7509
+ height: var(--ids-comp-snackbar-icon-size-icon-compact);
7510
+ }
7511
+ .ids-snackbar-group.ids-snackbar-group-compact > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container {
7512
+ min-width: var(--ids-comp-snackbar-container-size-min-width-compact);
7513
+ row-gap: var(--ids-comp-snackbar-message-action-size-gap-compact);
7514
+ }
7515
+ .ids-snackbar-group.ids-snackbar-group-compact > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container > .ids-snackbar__message {
7516
+ min-width: var(--ids-comp-snackbar-message-size-min-width-compact);
7517
+ max-width: var(--ids-comp-snackbar-message-size-max-width-compact);
7518
+ min-height: var(--ids-comp-snackbar-message-size-min-height-compact);
7519
+ padding-right: var(--ids-comp-snackbar-message-size-padding-right-compact);
7520
+ font-family: var(--ids-comp-snackbar-message-typography-font-family-compact);
7521
+ font-size: var(--ids-comp-snackbar-message-typography-font-size-compact);
7522
+ font-weight: var(--ids-comp-snackbar-message-typography-font-weight-compact);
7523
+ line-height: var(--ids-comp-snackbar-message-typography-line-height-compact);
7524
+ letter-spacing: var(--ids-comp-snackbar-message-typography-letter-spacing-compact);
7525
+ }
7526
+ .ids-snackbar-group.ids-snackbar-group-compact > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container > .ids-snackbar__action {
7527
+ gap: var(--ids-comp-snackbar-actions-size-gap-compact);
7528
+ }
7529
+ .ids-snackbar-group.ids-snackbar-group-compact > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-icon-button > .ids-icon {
7530
+ width: var(--ids-comp-snackbar-icon-button-size-icon-button-compact);
7531
+ height: var(--ids-comp-snackbar-icon-button-size-icon-button-compact);
7532
+ }
7533
+ .ids-snackbar-group.ids-snackbar-group-compact > .ids-snackbar.ids-snackbar-width-close-x-button > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container {
7534
+ padding-right: var(--ids-comp-snackbar-message-action-size-padding-right-compact);
7535
+ }
7536
+ .ids-snackbar-group.ids-snackbar-group-comfortable {
7537
+ gap: var(--ids-comp-snackbar-group-container-size-gap-comfortable);
7538
+ }
7539
+ .ids-snackbar-group.ids-snackbar-group-comfortable > .ids-snackbar > .ids-snackbar__content-wrapper {
7540
+ gap: var(--ids-comp-snackbar-container-size-gap-comfortable);
7541
+ padding: var(--ids-comp-snackbar-container-size-padding-y-comfortable) var(--ids-comp-snackbar-container-size-padding-x-comfortable);
7542
+ border-radius: var(--ids-comp-snackbar-container-size-border-radius-comfortable);
7543
+ border-top-width: var(--ids-comp-snackbar-container-size-border-top-width-comfortable);
7544
+ border-right-width: var(--ids-comp-snackbar-container-size-border-right-width-comfortable);
7545
+ border-bottom-width: var(--ids-comp-snackbar-container-size-border-bottom-width-comfortable);
7546
+ border-left-width: var(--ids-comp-snackbar-container-size-border-left-width-comfortable);
7547
+ }
7548
+ .ids-snackbar-group.ids-snackbar-group-comfortable > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__leading-element {
7549
+ padding-left: var(--ids-comp-snackbar-icon-size-padding-left-comfortable);
7550
+ padding-right: var(--ids-comp-snackbar-icon-size-padding-right-comfortable);
7551
+ }
7552
+ .ids-snackbar-group.ids-snackbar-group-comfortable > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__leading-element > .ids-icon {
7553
+ width: var(--ids-comp-snackbar-icon-size-icon-comfortable);
7554
+ height: var(--ids-comp-snackbar-icon-size-icon-comfortable);
7555
+ }
7556
+ .ids-snackbar-group.ids-snackbar-group-comfortable > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container {
7557
+ min-width: var(--ids-comp-snackbar-container-size-min-width-comfortable);
7558
+ row-gap: var(--ids-comp-snackbar-message-action-size-gap-comfortable);
7559
+ }
7560
+ .ids-snackbar-group.ids-snackbar-group-comfortable > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container > .ids-snackbar__message {
7561
+ min-width: var(--ids-comp-snackbar-message-size-min-width-comfortable);
7562
+ max-width: var(--ids-comp-snackbar-message-size-max-width-comfortable);
7563
+ min-height: var(--ids-comp-snackbar-message-size-min-height-comfortable);
7564
+ padding-right: var(--ids-comp-snackbar-message-size-padding-right-comfortable);
7565
+ font-family: var(--ids-comp-snackbar-message-typography-font-family-comfortable);
7566
+ font-size: var(--ids-comp-snackbar-message-typography-font-size-comfortable);
7567
+ font-weight: var(--ids-comp-snackbar-message-typography-font-weight-comfortable);
7568
+ line-height: var(--ids-comp-snackbar-message-typography-line-height-comfortable);
7569
+ letter-spacing: var(--ids-comp-snackbar-message-typography-letter-spacing-comfortable);
7570
+ }
7571
+ .ids-snackbar-group.ids-snackbar-group-comfortable > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container > .ids-snackbar__action {
7572
+ gap: var(--ids-comp-snackbar-actions-size-gap-comfortable);
7573
+ }
7574
+ .ids-snackbar-group.ids-snackbar-group-comfortable > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-icon-button > .ids-icon {
7575
+ width: var(--ids-comp-snackbar-icon-button-size-icon-button-comfortable);
7576
+ height: var(--ids-comp-snackbar-icon-button-size-icon-button-comfortable);
7577
+ }
7578
+ .ids-snackbar-group.ids-snackbar-group-comfortable > .ids-snackbar.ids-snackbar-width-close-x-button > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container {
7579
+ padding-right: var(--ids-comp-snackbar-message-action-size-padding-right-comfortable);
7580
+ }
7581
+ .ids-snackbar-group.ids-snackbar-group-spacious {
7582
+ gap: var(--ids-comp-snackbar-group-container-size-gap-comfortable);
7583
+ }
7584
+ .ids-snackbar-group.ids-snackbar-group-spacious > .ids-snackbar > .ids-snackbar__content-wrapper {
7585
+ gap: var(--ids-comp-snackbar-container-size-gap-spacious);
7586
+ padding: var(--ids-comp-snackbar-container-size-padding-y-spacious) var(--ids-comp-snackbar-container-size-padding-x-spacious);
7587
+ border-radius: var(--ids-comp-snackbar-container-size-border-radius-spacious);
7588
+ border-top-width: var(--ids-comp-snackbar-container-size-border-top-width-spacious);
7589
+ border-right-width: var(--ids-comp-snackbar-container-size-border-right-width-spacious);
7590
+ border-bottom-width: var(--ids-comp-snackbar-container-size-border-bottom-width-spacious);
7591
+ border-left-width: var(--ids-comp-snackbar-container-size-border-left-width-spacious);
7592
+ }
7593
+ .ids-snackbar-group.ids-snackbar-group-spacious > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__leading-element {
7594
+ padding-left: var(--ids-comp-snackbar-icon-size-padding-left-spacious);
7595
+ padding-right: var(--ids-comp-snackbar-icon-size-padding-right-spacious);
7596
+ }
7597
+ .ids-snackbar-group.ids-snackbar-group-spacious > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__leading-element > .ids-icon {
7598
+ width: var(--ids-comp-snackbar-icon-size-icon-spacious);
7599
+ height: var(--ids-comp-snackbar-icon-size-icon-spacious);
7600
+ }
7601
+ .ids-snackbar-group.ids-snackbar-group-spacious > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container {
7602
+ min-width: var(--ids-comp-snackbar-container-size-min-width-spacious);
7603
+ row-gap: var(--ids-comp-snackbar-message-action-size-gap-spacious);
7604
+ }
7605
+ .ids-snackbar-group.ids-snackbar-group-spacious > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container > .ids-snackbar__message {
7606
+ min-width: var(--ids-comp-snackbar-message-size-min-width-spacious);
7607
+ max-width: var(--ids-comp-snackbar-message-size-max-width-spacious);
7608
+ min-height: var(--ids-comp-snackbar-message-size-min-height-spacious);
7609
+ padding-right: var(--ids-comp-snackbar-message-size-padding-right-spacious);
7610
+ font-family: var(--ids-comp-snackbar-message-typography-font-family-spacious);
7611
+ font-size: var(--ids-comp-snackbar-message-typography-font-size-spacious);
7612
+ font-weight: var(--ids-comp-snackbar-message-typography-font-weight-spacious);
7613
+ line-height: var(--ids-comp-snackbar-message-typography-line-height-spacious);
7614
+ letter-spacing: var(--ids-comp-snackbar-message-typography-letter-spacing-spacious);
7615
+ }
7616
+ .ids-snackbar-group.ids-snackbar-group-spacious > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container > .ids-snackbar__action {
7617
+ gap: var(--ids-comp-snackbar-actions-size-gap-spacious);
7618
+ }
7619
+ .ids-snackbar-group.ids-snackbar-group-spacious > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-icon-button > .ids-icon {
7620
+ width: var(--ids-comp-snackbar-icon-button-size-icon-button-spacious);
7621
+ height: var(--ids-comp-snackbar-icon-button-size-icon-button-spacious);
7622
+ }
7623
+ .ids-snackbar-group.ids-snackbar-group-spacious > .ids-snackbar.ids-snackbar-width-close-x-button > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container {
7624
+ padding-right: var(--ids-comp-snackbar-message-action-size-padding-right-spacious);
7625
+ }
7626
+ .ids-snackbar-group.ids-snackbar-group-dense {
7627
+ gap: var(--ids-comp-snackbar-group-container-size-gap-comfortable);
7628
+ }
7629
+ .ids-snackbar-group.ids-snackbar-group-dense > .ids-snackbar > .ids-snackbar__content-wrapper {
7630
+ gap: var(--ids-comp-snackbar-container-size-gap-dense);
7631
+ padding: var(--ids-comp-snackbar-container-size-padding-y-dense) var(--ids-comp-snackbar-container-size-padding-x-dense);
7632
+ border-radius: var(--ids-comp-snackbar-container-size-border-radius-dense);
7633
+ border-top-width: var(--ids-comp-snackbar-container-size-border-top-width-dense);
7634
+ border-right-width: var(--ids-comp-snackbar-container-size-border-right-width-dense);
7635
+ border-bottom-width: var(--ids-comp-snackbar-container-size-border-bottom-width-dense);
7636
+ border-left-width: var(--ids-comp-snackbar-container-size-border-left-width-dense);
7637
+ }
7638
+ .ids-snackbar-group.ids-snackbar-group-dense > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__leading-element {
7639
+ padding-left: var(--ids-comp-snackbar-icon-size-padding-left-dense);
7640
+ padding-right: var(--ids-comp-snackbar-icon-size-padding-right-dense);
7641
+ }
7642
+ .ids-snackbar-group.ids-snackbar-group-dense > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__leading-element > .ids-icon {
7643
+ width: var(--ids-comp-snackbar-icon-size-icon-dense);
7644
+ height: var(--ids-comp-snackbar-icon-size-icon-dense);
7645
+ }
7646
+ .ids-snackbar-group.ids-snackbar-group-dense > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container {
7647
+ min-width: var(--ids-comp-snackbar-container-size-min-width-dense);
7648
+ row-gap: var(--ids-comp-snackbar-message-action-size-gap-dense);
7649
+ }
7650
+ .ids-snackbar-group.ids-snackbar-group-dense > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container > .ids-snackbar__message {
7651
+ min-width: var(--ids-comp-snackbar-message-size-min-width-dense);
7652
+ max-width: var(--ids-comp-snackbar-message-size-max-width-dense);
7653
+ min-height: var(--ids-comp-snackbar-message-size-min-height-dense);
7654
+ padding-right: var(--ids-comp-snackbar-message-size-padding-right-dense);
7655
+ font-family: var(--ids-comp-snackbar-message-typography-font-family-dense);
7656
+ font-size: var(--ids-comp-snackbar-message-typography-font-size-dense);
7657
+ font-weight: var(--ids-comp-snackbar-message-typography-font-weight-dense);
7658
+ line-height: var(--ids-comp-snackbar-message-typography-line-height-dense);
7659
+ letter-spacing: var(--ids-comp-snackbar-message-typography-letter-spacing-dense);
7660
+ }
7661
+ .ids-snackbar-group.ids-snackbar-group-dense > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container > .ids-snackbar__action {
7662
+ gap: var(--ids-comp-snackbar-actions-size-gap-dense);
7663
+ }
7664
+ .ids-snackbar-group.ids-snackbar-group-dense > .ids-snackbar > .ids-snackbar__content-wrapper > .ids-icon-button > .ids-icon {
7665
+ width: var(--ids-comp-snackbar-icon-button-size-icon-button-dense);
7666
+ height: var(--ids-comp-snackbar-icon-button-size-icon-button-dense);
7667
+ }
7668
+ .ids-snackbar-group.ids-snackbar-group-dense > .ids-snackbar.ids-snackbar-width-close-x-button > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container {
7669
+ padding-right: var(--ids-comp-snackbar-message-action-size-padding-right-dense);
7670
+ }
7671
+
7360
7672
  .ids-tag {
7361
7673
  flex-shrink: 0;
7362
7674
  width: fit-content;