@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/snackbar/snackbar.min.css ADDED
@@ -0,0 +1 @@
1
+ .ids-snackbar-group{display:flex}.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{flex-direction:column-reverse}.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{flex-direction:column}.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{flex-direction:column}.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{flex-direction:column-reverse}.ids-snackbar-group.ids-snackbar-group-position-top-left,.ids-snackbar-group.ids-snackbar-group-position-bottom-left{align-items:flex-start}.ids-snackbar-group.ids-snackbar-group-position-top-center,.ids-snackbar-group.ids-snackbar-group-position-bottom-center{align-items:center}.ids-snackbar-group.ids-snackbar-group-position-top-right,.ids-snackbar-group.ids-snackbar-group-position-bottom-right{align-items:flex-end}.ids-snackbar-group .ids-snackbar{min-width:max-content}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper{position:relative;display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;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)}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{display:flex;align-items:center;flex-shrink:0}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{display:flex;justify-content:space-between;align-items:center;align-content:center;flex:1 0 0;flex-wrap:wrap}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{flex:1 0 0;font-style:normal}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{display:flex;align-items:center}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button{position:absolute;top:16px;right:16px}.ids-snackbar-group .ids-snackbar.ids-snackbar-dark>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-dark-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-dark-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-dark-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-dark-default);background:var(--ids-comp-snackbar-filled-color-bg-dark-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-dark>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-dark-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-dark>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-dark-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-info>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-info-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-info-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-info-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-info-default);background:var(--ids-comp-snackbar-filled-color-bg-info-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-info>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-info-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-info>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-info-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-success>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-success-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-success-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-success-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-success-default);background:var(--ids-comp-snackbar-filled-color-bg-success-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-success>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-success-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-success>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-success-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-error>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-error-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-error-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-error-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-error-default);background:var(--ids-comp-snackbar-filled-color-bg-error-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-error>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-error-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-error>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-error-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-warning>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-warning-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-warning-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-warning-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-warning-default);background:var(--ids-comp-snackbar-filled-color-bg-warning-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-warning>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-warning-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-warning>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-warning-default)}.ids-snackbar-group.ids-snackbar-group-compact{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-compact);padding:var(--ids-comp-snackbar-container-size-padding-y-compact) var(--ids-comp-snackbar-container-size-padding-x-compact);border-radius:var(--ids-comp-snackbar-container-size-border-radius-compact);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-compact);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-compact);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-compact);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-compact);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-compact);height:var(--ids-comp-snackbar-icon-size-icon-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-compact);row-gap:var(--ids-comp-snackbar-message-action-size-gap-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-compact);max-width:var(--ids-comp-snackbar-message-size-max-width-compact);min-height:var(--ids-comp-snackbar-message-size-min-height-compact);padding-right:var(--ids-comp-snackbar-message-size-padding-right-compact);font-family:var(--ids-comp-snackbar-message-typography-font-family-compact);font-size:var(--ids-comp-snackbar-message-typography-font-size-compact);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-compact);line-height:var(--ids-comp-snackbar-message-typography-line-height-compact);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-compact);height:var(--ids-comp-snackbar-icon-button-size-icon-button-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-compact)}.ids-snackbar-group.ids-snackbar-group-comfortable{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-comfortable);padding:var(--ids-comp-snackbar-container-size-padding-y-comfortable) var(--ids-comp-snackbar-container-size-padding-x-comfortable);border-radius:var(--ids-comp-snackbar-container-size-border-radius-comfortable);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-comfortable);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-comfortable);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-comfortable);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-comfortable);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-comfortable);height:var(--ids-comp-snackbar-icon-size-icon-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-comfortable);row-gap:var(--ids-comp-snackbar-message-action-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-comfortable);max-width:var(--ids-comp-snackbar-message-size-max-width-comfortable);min-height:var(--ids-comp-snackbar-message-size-min-height-comfortable);padding-right:var(--ids-comp-snackbar-message-size-padding-right-comfortable);font-family:var(--ids-comp-snackbar-message-typography-font-family-comfortable);font-size:var(--ids-comp-snackbar-message-typography-font-size-comfortable);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-comfortable);line-height:var(--ids-comp-snackbar-message-typography-line-height-comfortable);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-comfortable);height:var(--ids-comp-snackbar-icon-button-size-icon-button-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-comfortable)}.ids-snackbar-group.ids-snackbar-group-spacious{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-spacious);padding:var(--ids-comp-snackbar-container-size-padding-y-spacious) var(--ids-comp-snackbar-container-size-padding-x-spacious);border-radius:var(--ids-comp-snackbar-container-size-border-radius-spacious);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-spacious);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-spacious);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-spacious);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-spacious);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-spacious);height:var(--ids-comp-snackbar-icon-size-icon-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-spacious);row-gap:var(--ids-comp-snackbar-message-action-size-gap-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-spacious);max-width:var(--ids-comp-snackbar-message-size-max-width-spacious);min-height:var(--ids-comp-snackbar-message-size-min-height-spacious);padding-right:var(--ids-comp-snackbar-message-size-padding-right-spacious);font-family:var(--ids-comp-snackbar-message-typography-font-family-spacious);font-size:var(--ids-comp-snackbar-message-typography-font-size-spacious);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-spacious);line-height:var(--ids-comp-snackbar-message-typography-line-height-spacious);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-spacious);height:var(--ids-comp-snackbar-icon-button-size-icon-button-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-spacious)}.ids-snackbar-group.ids-snackbar-group-dense{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-dense);padding:var(--ids-comp-snackbar-container-size-padding-y-dense) var(--ids-comp-snackbar-container-size-padding-x-dense);border-radius:var(--ids-comp-snackbar-container-size-border-radius-dense);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-dense);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-dense);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-dense);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-dense);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-dense);height:var(--ids-comp-snackbar-icon-size-icon-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-dense);row-gap:var(--ids-comp-snackbar-message-action-size-gap-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-dense);max-width:var(--ids-comp-snackbar-message-size-max-width-dense);min-height:var(--ids-comp-snackbar-message-size-min-height-dense);padding-right:var(--ids-comp-snackbar-message-size-padding-right-dense);font-family:var(--ids-comp-snackbar-message-typography-font-family-dense);font-size:var(--ids-comp-snackbar-message-typography-font-size-dense);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-dense);line-height:var(--ids-comp-snackbar-message-typography-line-height-dense);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-dense);height:var(--ids-comp-snackbar-icon-button-size-icon-button-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-dense)}
package/dist/snackbar/snackbar.plugin.js ADDED
@@ -0,0 +1,292 @@
1
+ // Tailwind CSS plugin for the snackbar component in the i-Cell Design System
2
+ module.exports = function SnackbarPlugin() {
3
+ return function ({ addComponents }) {
4
+ const cssObj = {
5
+ '.ids-snackbar-group': { display: 'flex' },
6
+ '.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':
7
+ { flexDirection: 'column-reverse' },
8
+ '.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':
9
+ { flexDirection: 'column' },
10
+ '.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':
11
+ { flexDirection: 'column' },
12
+ '.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':
13
+ { flexDirection: 'column-reverse' },
14
+ '.ids-snackbar-group.ids-snackbar-group-position-top-left,.ids-snackbar-group.ids-snackbar-group-position-bottom-left': {
15
+ alignItems: 'flex-start',
16
+ },
17
+ '.ids-snackbar-group.ids-snackbar-group-position-top-center,.ids-snackbar-group.ids-snackbar-group-position-bottom-center': {
18
+ alignItems: 'center',
19
+ },
20
+ '.ids-snackbar-group.ids-snackbar-group-position-top-right,.ids-snackbar-group.ids-snackbar-group-position-bottom-right': {
21
+ alignItems: 'flex-end',
22
+ },
23
+ '.ids-snackbar-group .ids-snackbar': { minWidth: 'max-content' },
24
+ '.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper': {
25
+ position: 'relative',
26
+ display: 'flex',
27
+ justifyContent: 'space-between',
28
+ alignItems: 'flex-start',
29
+ alignContent: 'flex-start',
30
+ flexWrap: 'wrap',
31
+ borderTopStyle: 'solid',
32
+ borderRightStyle: 'solid',
33
+ borderBottomStyle: 'solid',
34
+ borderLeftStyle: 'solid',
35
+ boxShadow:
36
+ '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)',
37
+ },
38
+ '.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element': {
39
+ display: 'flex',
40
+ alignItems: 'center',
41
+ flexShrink: 0,
42
+ },
43
+ '.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container': {
44
+ display: 'flex',
45
+ justifyContent: 'space-between',
46
+ alignItems: 'center',
47
+ alignContent: 'center',
48
+ flex: '1 0 0',
49
+ flexWrap: 'wrap',
50
+ },
51
+ '.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message': {
52
+ flex: '1 0 0',
53
+ fontStyle: 'normal',
54
+ },
55
+ '.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action': {
56
+ display: 'flex',
57
+ alignItems: 'center',
58
+ },
59
+ '.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button': {
60
+ position: 'absolute',
61
+ top: '16px',
62
+ right: '16px',
63
+ },
64
+ '.ids-snackbar-group .ids-snackbar.ids-snackbar-dark>.ids-snackbar__content-wrapper': {
65
+ borderTopColor: 'var(--ids-comp-snackbar-filled-color-border-dark-default)',
66
+ borderRightColor: 'var(--ids-comp-snackbar-filled-color-border-dark-default)',
67
+ borderBottomColor: 'var(--ids-comp-snackbar-filled-color-border-dark-default)',
68
+ borderLeftColor: 'var(--ids-comp-snackbar-filled-color-border-dark-default)',
69
+ background: 'var(--ids-comp-snackbar-filled-color-bg-dark-default)',
70
+ },
71
+ '.ids-snackbar-group .ids-snackbar.ids-snackbar-dark>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon': {
72
+ color: 'var(--ids-comp-snackbar-filled-color-fg-icon-dark-default)',
73
+ },
74
+ '.ids-snackbar-group .ids-snackbar.ids-snackbar-dark>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message':
75
+ { color: 'var(--ids-comp-snackbar-filled-color-fg-message-dark-default)' },
76
+ '.ids-snackbar-group .ids-snackbar.ids-snackbar-info>.ids-snackbar__content-wrapper': {
77
+ borderTopColor: 'var(--ids-comp-snackbar-filled-color-border-info-default)',
78
+ borderRightColor: 'var(--ids-comp-snackbar-filled-color-border-info-default)',
79
+ borderBottomColor: 'var(--ids-comp-snackbar-filled-color-border-info-default)',
80
+ borderLeftColor: 'var(--ids-comp-snackbar-filled-color-border-info-default)',
81
+ background: 'var(--ids-comp-snackbar-filled-color-bg-info-default)',
82
+ },
83
+ '.ids-snackbar-group .ids-snackbar.ids-snackbar-info>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon': {
84
+ color: 'var(--ids-comp-snackbar-filled-color-fg-icon-info-default)',
85
+ },
86
+ '.ids-snackbar-group .ids-snackbar.ids-snackbar-info>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message':
87
+ { color: 'var(--ids-comp-snackbar-filled-color-fg-message-info-default)' },
88
+ '.ids-snackbar-group .ids-snackbar.ids-snackbar-success>.ids-snackbar__content-wrapper': {
89
+ borderTopColor: 'var(--ids-comp-snackbar-filled-color-border-success-default)',
90
+ borderRightColor: 'var(--ids-comp-snackbar-filled-color-border-success-default)',
91
+ borderBottomColor: 'var(--ids-comp-snackbar-filled-color-border-success-default)',
92
+ borderLeftColor: 'var(--ids-comp-snackbar-filled-color-border-success-default)',
93
+ background: 'var(--ids-comp-snackbar-filled-color-bg-success-default)',
94
+ },
95
+ '.ids-snackbar-group .ids-snackbar.ids-snackbar-success>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon': {
96
+ color: 'var(--ids-comp-snackbar-filled-color-fg-icon-success-default)',
97
+ },
98
+ '.ids-snackbar-group .ids-snackbar.ids-snackbar-success>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message':
99
+ { color: 'var(--ids-comp-snackbar-filled-color-fg-message-success-default)' },
100
+ '.ids-snackbar-group .ids-snackbar.ids-snackbar-error>.ids-snackbar__content-wrapper': {
101
+ borderTopColor: 'var(--ids-comp-snackbar-filled-color-border-error-default)',
102
+ borderRightColor: 'var(--ids-comp-snackbar-filled-color-border-error-default)',
103
+ borderBottomColor: 'var(--ids-comp-snackbar-filled-color-border-error-default)',
104
+ borderLeftColor: 'var(--ids-comp-snackbar-filled-color-border-error-default)',
105
+ background: 'var(--ids-comp-snackbar-filled-color-bg-error-default)',
106
+ },
107
+ '.ids-snackbar-group .ids-snackbar.ids-snackbar-error>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon': {
108
+ color: 'var(--ids-comp-snackbar-filled-color-fg-icon-error-default)',
109
+ },
110
+ '.ids-snackbar-group .ids-snackbar.ids-snackbar-error>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message':
111
+ { color: 'var(--ids-comp-snackbar-filled-color-fg-message-error-default)' },
112
+ '.ids-snackbar-group .ids-snackbar.ids-snackbar-warning>.ids-snackbar__content-wrapper': {
113
+ borderTopColor: 'var(--ids-comp-snackbar-filled-color-border-warning-default)',
114
+ borderRightColor: 'var(--ids-comp-snackbar-filled-color-border-warning-default)',
115
+ borderBottomColor: 'var(--ids-comp-snackbar-filled-color-border-warning-default)',
116
+ borderLeftColor: 'var(--ids-comp-snackbar-filled-color-border-warning-default)',
117
+ background: 'var(--ids-comp-snackbar-filled-color-bg-warning-default)',
118
+ },
119
+ '.ids-snackbar-group .ids-snackbar.ids-snackbar-warning>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon': {
120
+ color: 'var(--ids-comp-snackbar-filled-color-fg-icon-warning-default)',
121
+ },
122
+ '.ids-snackbar-group .ids-snackbar.ids-snackbar-warning>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message':
123
+ { color: 'var(--ids-comp-snackbar-filled-color-fg-message-warning-default)' },
124
+ '.ids-snackbar-group.ids-snackbar-group-compact': { gap: 'var(--ids-comp-snackbar-group-container-size-gap-comfortable)' },
125
+ '.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper': {
126
+ gap: 'var(--ids-comp-snackbar-container-size-gap-compact)',
127
+ padding: 'var(--ids-comp-snackbar-container-size-padding-y-compact) var(--ids-comp-snackbar-container-size-padding-x-compact)',
128
+ borderRadius: 'var(--ids-comp-snackbar-container-size-border-radius-compact)',
129
+ borderTopWidth: 'var(--ids-comp-snackbar-container-size-border-top-width-compact)',
130
+ borderRightWidth: 'var(--ids-comp-snackbar-container-size-border-right-width-compact)',
131
+ borderBottomWidth: 'var(--ids-comp-snackbar-container-size-border-bottom-width-compact)',
132
+ borderLeftWidth: 'var(--ids-comp-snackbar-container-size-border-left-width-compact)',
133
+ },
134
+ '.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element': {
135
+ paddingLeft: 'var(--ids-comp-snackbar-icon-size-padding-left-compact)',
136
+ paddingRight: 'var(--ids-comp-snackbar-icon-size-padding-right-compact)',
137
+ },
138
+ '.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon':
139
+ { width: 'var(--ids-comp-snackbar-icon-size-icon-compact)', height: 'var(--ids-comp-snackbar-icon-size-icon-compact)' },
140
+ '.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container':
141
+ {
142
+ minWidth: 'var(--ids-comp-snackbar-container-size-min-width-compact)',
143
+ rowGap: 'var(--ids-comp-snackbar-message-action-size-gap-compact)',
144
+ },
145
+ '.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message':
146
+ {
147
+ minWidth: 'var(--ids-comp-snackbar-message-size-min-width-compact)',
148
+ maxWidth: 'var(--ids-comp-snackbar-message-size-max-width-compact)',
149
+ minHeight: 'var(--ids-comp-snackbar-message-size-min-height-compact)',
150
+ paddingRight: 'var(--ids-comp-snackbar-message-size-padding-right-compact)',
151
+ fontFamily: 'var(--ids-comp-snackbar-message-typography-font-family-compact)',
152
+ fontSize: 'var(--ids-comp-snackbar-message-typography-font-size-compact)',
153
+ fontWeight: 'var(--ids-comp-snackbar-message-typography-font-weight-compact)',
154
+ lineHeight: 'var(--ids-comp-snackbar-message-typography-line-height-compact)',
155
+ letterSpacing: 'var(--ids-comp-snackbar-message-typography-letter-spacing-compact)',
156
+ },
157
+ '.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action':
158
+ { gap: 'var(--ids-comp-snackbar-actions-size-gap-compact)' },
159
+ '.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon': {
160
+ width: 'var(--ids-comp-snackbar-icon-button-size-icon-button-compact)',
161
+ height: 'var(--ids-comp-snackbar-icon-button-size-icon-button-compact)',
162
+ },
163
+ '.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container':
164
+ { paddingRight: 'var(--ids-comp-snackbar-message-action-size-padding-right-compact)' },
165
+ '.ids-snackbar-group.ids-snackbar-group-comfortable': { gap: 'var(--ids-comp-snackbar-group-container-size-gap-comfortable)' },
166
+ '.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper': {
167
+ gap: 'var(--ids-comp-snackbar-container-size-gap-comfortable)',
168
+ padding:
169
+ 'var(--ids-comp-snackbar-container-size-padding-y-comfortable) var(--ids-comp-snackbar-container-size-padding-x-comfortable)',
170
+ borderRadius: 'var(--ids-comp-snackbar-container-size-border-radius-comfortable)',
171
+ borderTopWidth: 'var(--ids-comp-snackbar-container-size-border-top-width-comfortable)',
172
+ borderRightWidth: 'var(--ids-comp-snackbar-container-size-border-right-width-comfortable)',
173
+ borderBottomWidth: 'var(--ids-comp-snackbar-container-size-border-bottom-width-comfortable)',
174
+ borderLeftWidth: 'var(--ids-comp-snackbar-container-size-border-left-width-comfortable)',
175
+ },
176
+ '.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element': {
177
+ paddingLeft: 'var(--ids-comp-snackbar-icon-size-padding-left-comfortable)',
178
+ paddingRight: 'var(--ids-comp-snackbar-icon-size-padding-right-comfortable)',
179
+ },
180
+ '.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon':
181
+ { width: 'var(--ids-comp-snackbar-icon-size-icon-comfortable)', height: 'var(--ids-comp-snackbar-icon-size-icon-comfortable)' },
182
+ '.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container':
183
+ {
184
+ minWidth: 'var(--ids-comp-snackbar-container-size-min-width-comfortable)',
185
+ rowGap: 'var(--ids-comp-snackbar-message-action-size-gap-comfortable)',
186
+ },
187
+ '.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message':
188
+ {
189
+ minWidth: 'var(--ids-comp-snackbar-message-size-min-width-comfortable)',
190
+ maxWidth: 'var(--ids-comp-snackbar-message-size-max-width-comfortable)',
191
+ minHeight: 'var(--ids-comp-snackbar-message-size-min-height-comfortable)',
192
+ paddingRight: 'var(--ids-comp-snackbar-message-size-padding-right-comfortable)',
193
+ fontFamily: 'var(--ids-comp-snackbar-message-typography-font-family-comfortable)',
194
+ fontSize: 'var(--ids-comp-snackbar-message-typography-font-size-comfortable)',
195
+ fontWeight: 'var(--ids-comp-snackbar-message-typography-font-weight-comfortable)',
196
+ lineHeight: 'var(--ids-comp-snackbar-message-typography-line-height-comfortable)',
197
+ letterSpacing: 'var(--ids-comp-snackbar-message-typography-letter-spacing-comfortable)',
198
+ },
199
+ '.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action':
200
+ { gap: 'var(--ids-comp-snackbar-actions-size-gap-comfortable)' },
201
+ '.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon': {
202
+ width: 'var(--ids-comp-snackbar-icon-button-size-icon-button-comfortable)',
203
+ height: 'var(--ids-comp-snackbar-icon-button-size-icon-button-comfortable)',
204
+ },
205
+ '.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container':
206
+ { paddingRight: 'var(--ids-comp-snackbar-message-action-size-padding-right-comfortable)' },
207
+ '.ids-snackbar-group.ids-snackbar-group-spacious': { gap: 'var(--ids-comp-snackbar-group-container-size-gap-comfortable)' },
208
+ '.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper': {
209
+ gap: 'var(--ids-comp-snackbar-container-size-gap-spacious)',
210
+ padding: 'var(--ids-comp-snackbar-container-size-padding-y-spacious) var(--ids-comp-snackbar-container-size-padding-x-spacious)',
211
+ borderRadius: 'var(--ids-comp-snackbar-container-size-border-radius-spacious)',
212
+ borderTopWidth: 'var(--ids-comp-snackbar-container-size-border-top-width-spacious)',
213
+ borderRightWidth: 'var(--ids-comp-snackbar-container-size-border-right-width-spacious)',
214
+ borderBottomWidth: 'var(--ids-comp-snackbar-container-size-border-bottom-width-spacious)',
215
+ borderLeftWidth: 'var(--ids-comp-snackbar-container-size-border-left-width-spacious)',
216
+ },
217
+ '.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element': {
218
+ paddingLeft: 'var(--ids-comp-snackbar-icon-size-padding-left-spacious)',
219
+ paddingRight: 'var(--ids-comp-snackbar-icon-size-padding-right-spacious)',
220
+ },
221
+ '.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon':
222
+ { width: 'var(--ids-comp-snackbar-icon-size-icon-spacious)', height: 'var(--ids-comp-snackbar-icon-size-icon-spacious)' },
223
+ '.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container':
224
+ {
225
+ minWidth: 'var(--ids-comp-snackbar-container-size-min-width-spacious)',
226
+ rowGap: 'var(--ids-comp-snackbar-message-action-size-gap-spacious)',
227
+ },
228
+ '.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message':
229
+ {
230
+ minWidth: 'var(--ids-comp-snackbar-message-size-min-width-spacious)',
231
+ maxWidth: 'var(--ids-comp-snackbar-message-size-max-width-spacious)',
232
+ minHeight: 'var(--ids-comp-snackbar-message-size-min-height-spacious)',
233
+ paddingRight: 'var(--ids-comp-snackbar-message-size-padding-right-spacious)',
234
+ fontFamily: 'var(--ids-comp-snackbar-message-typography-font-family-spacious)',
235
+ fontSize: 'var(--ids-comp-snackbar-message-typography-font-size-spacious)',
236
+ fontWeight: 'var(--ids-comp-snackbar-message-typography-font-weight-spacious)',
237
+ lineHeight: 'var(--ids-comp-snackbar-message-typography-line-height-spacious)',
238
+ letterSpacing: 'var(--ids-comp-snackbar-message-typography-letter-spacing-spacious)',
239
+ },
240
+ '.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action':
241
+ { gap: 'var(--ids-comp-snackbar-actions-size-gap-spacious)' },
242
+ '.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon': {
243
+ width: 'var(--ids-comp-snackbar-icon-button-size-icon-button-spacious)',
244
+ height: 'var(--ids-comp-snackbar-icon-button-size-icon-button-spacious)',
245
+ },
246
+ '.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container':
247
+ { paddingRight: 'var(--ids-comp-snackbar-message-action-size-padding-right-spacious)' },
248
+ '.ids-snackbar-group.ids-snackbar-group-dense': { gap: 'var(--ids-comp-snackbar-group-container-size-gap-comfortable)' },
249
+ '.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper': {
250
+ gap: 'var(--ids-comp-snackbar-container-size-gap-dense)',
251
+ padding: 'var(--ids-comp-snackbar-container-size-padding-y-dense) var(--ids-comp-snackbar-container-size-padding-x-dense)',
252
+ borderRadius: 'var(--ids-comp-snackbar-container-size-border-radius-dense)',
253
+ borderTopWidth: 'var(--ids-comp-snackbar-container-size-border-top-width-dense)',
254
+ borderRightWidth: 'var(--ids-comp-snackbar-container-size-border-right-width-dense)',
255
+ borderBottomWidth: 'var(--ids-comp-snackbar-container-size-border-bottom-width-dense)',
256
+ borderLeftWidth: 'var(--ids-comp-snackbar-container-size-border-left-width-dense)',
257
+ },
258
+ '.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element': {
259
+ paddingLeft: 'var(--ids-comp-snackbar-icon-size-padding-left-dense)',
260
+ paddingRight: 'var(--ids-comp-snackbar-icon-size-padding-right-dense)',
261
+ },
262
+ '.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon':
263
+ { width: 'var(--ids-comp-snackbar-icon-size-icon-dense)', height: 'var(--ids-comp-snackbar-icon-size-icon-dense)' },
264
+ '.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container': {
265
+ minWidth: 'var(--ids-comp-snackbar-container-size-min-width-dense)',
266
+ rowGap: 'var(--ids-comp-snackbar-message-action-size-gap-dense)',
267
+ },
268
+ '.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message':
269
+ {
270
+ minWidth: 'var(--ids-comp-snackbar-message-size-min-width-dense)',
271
+ maxWidth: 'var(--ids-comp-snackbar-message-size-max-width-dense)',
272
+ minHeight: 'var(--ids-comp-snackbar-message-size-min-height-dense)',
273
+ paddingRight: 'var(--ids-comp-snackbar-message-size-padding-right-dense)',
274
+ fontFamily: 'var(--ids-comp-snackbar-message-typography-font-family-dense)',
275
+ fontSize: 'var(--ids-comp-snackbar-message-typography-font-size-dense)',
276
+ fontWeight: 'var(--ids-comp-snackbar-message-typography-font-weight-dense)',
277
+ lineHeight: 'var(--ids-comp-snackbar-message-typography-line-height-dense)',
278
+ letterSpacing: 'var(--ids-comp-snackbar-message-typography-letter-spacing-dense)',
279
+ },
280
+ '.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action':
281
+ { gap: 'var(--ids-comp-snackbar-actions-size-gap-dense)' },
282
+ '.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon': {
283
+ width: 'var(--ids-comp-snackbar-icon-button-size-icon-button-dense)',
284
+ height: 'var(--ids-comp-snackbar-icon-button-size-icon-button-dense)',
285
+ },
286
+ '.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container':
287
+ { paddingRight: 'var(--ids-comp-snackbar-message-action-size-padding-right-dense)' },
288
+ };
289
+
290
+ addComponents(cssObj);
291
+ };
292
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@i-cell/ids-styles",
3
- "version": "0.0.12",
3
+ "version": "0.0.13",
4
4
  "private": false,
5
5
  "description": "Stylesheets for i-Cell Design System UI Kit components (currently Vue and Angular)",
6
6
  "scripts": {