@i-cell/ids-styles 0.0.20 → 0.0.21

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 +599 -0
  2. package/dist/components.min.css +1 -1
  3. package/dist/components.plugin.js +373 -0
  4. package/dist/notification/notification.css +598 -0
  5. package/dist/notification/notification.min.css +1 -0
  6. package/dist/notification/notification.plugin.js +382 -0
  7. package/package.json +1 -1
package/dist/components.plugin.js CHANGED
@@ -6707,6 +6707,379 @@ module.exports = function ComponentsPlugin() {
6707
6707
  color: 'var(--ids-comp-menu-item-filled-color-fg-label-surface-disabled)',
6708
6708
  background: 'var(--ids-comp-menu-item-filled-color-bg-surface-disabled)',
6709
6709
  },
6710
+ '.ids-notification>.ids-notification__content-wrapper': {
6711
+ display: 'flex',
6712
+ justifyContent: 'space-between',
6713
+ alignItems: 'flex-start',
6714
+ alignContent: 'flex-start',
6715
+ flexWrap: 'wrap',
6716
+ borderStyle: 'solid',
6717
+ },
6718
+ '.ids-notification>.ids-notification__content-wrapper>.ids-notification__leading-element': {
6719
+ display: 'flex',
6720
+ alignItems: 'center',
6721
+ flexShrink: 0,
6722
+ },
6723
+ '.ids-notification>.ids-notification__content-wrapper>.ids-notification__container': {
6724
+ display: 'flex',
6725
+ justifyContent: 'space-between',
6726
+ alignItems: 'center',
6727
+ alignContent: 'center',
6728
+ flex: '1 0 0',
6729
+ flexWrap: 'wrap',
6730
+ },
6731
+ '.ids-notification>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container': {
6732
+ display: 'flex',
6733
+ flexDirection: 'column',
6734
+ },
6735
+ '.ids-notification>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
6736
+ { fontStyle: 'normal' },
6737
+ '.ids-notification>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
6738
+ { flex: '1 0 0', fontStyle: 'normal' },
6739
+ '.ids-notification>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__action': {
6740
+ display: 'flex',
6741
+ alignItems: 'center',
6742
+ },
6743
+ '.ids-notification>.ids-notification__content-wrapper>.ids-notification__close-btn-container.ids-notification__label-btn': {
6744
+ display: 'flex',
6745
+ alignSelf: 'center',
6746
+ },
6747
+ '.ids-notification.ids-notification-filled.ids-notification-error>.ids-notification__content-wrapper': {
6748
+ borderColor: 'var(--ids-comp-notification-filled-color-border-error-default)',
6749
+ background: 'var(--ids-comp-notification-filled-color-bg-error-default)',
6750
+ },
6751
+ '.ids-notification.ids-notification-filled.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
6752
+ { color: 'var(--ids-comp-notification-filled-color-fg-icon-error-default)' },
6753
+ '.ids-notification.ids-notification-filled.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
6754
+ { color: 'var(--ids-comp-notification-filled-color-fg-title-error-default)' },
6755
+ '.ids-notification.ids-notification-filled.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
6756
+ { color: 'var(--ids-comp-notification-filled-color-fg-message-error-default)' },
6757
+ '.ids-notification.ids-notification-filled.ids-notification-success>.ids-notification__content-wrapper': {
6758
+ borderColor: 'var(--ids-comp-notification-filled-color-border-success-default)',
6759
+ background: 'var(--ids-comp-notification-filled-color-bg-success-default)',
6760
+ },
6761
+ '.ids-notification.ids-notification-filled.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
6762
+ { color: 'var(--ids-comp-notification-filled-color-fg-icon-success-default)' },
6763
+ '.ids-notification.ids-notification-filled.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
6764
+ { color: 'var(--ids-comp-notification-filled-color-fg-title-success-default)' },
6765
+ '.ids-notification.ids-notification-filled.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
6766
+ { color: 'var(--ids-comp-notification-filled-color-fg-message-success-default)' },
6767
+ '.ids-notification.ids-notification-filled.ids-notification-warning>.ids-notification__content-wrapper': {
6768
+ borderColor: 'var(--ids-comp-notification-filled-color-border-warning-default)',
6769
+ background: 'var(--ids-comp-notification-filled-color-bg-warning-default)',
6770
+ },
6771
+ '.ids-notification.ids-notification-filled.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
6772
+ { color: 'var(--ids-comp-notification-filled-color-fg-icon-warning-default)' },
6773
+ '.ids-notification.ids-notification-filled.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
6774
+ { color: 'var(--ids-comp-notification-filled-color-fg-title-warning-default)' },
6775
+ '.ids-notification.ids-notification-filled.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
6776
+ { color: 'var(--ids-comp-notification-filled-color-fg-message-warning-default)' },
6777
+ '.ids-notification.ids-notification-filled.ids-notification-light>.ids-notification__content-wrapper': {
6778
+ borderColor: 'var(--ids-comp-notification-filled-color-border-light-default)',
6779
+ background: 'var(--ids-comp-notification-filled-color-bg-light-default)',
6780
+ },
6781
+ '.ids-notification.ids-notification-filled.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
6782
+ { color: 'var(--ids-comp-notification-filled-color-fg-icon-light-default)' },
6783
+ '.ids-notification.ids-notification-filled.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
6784
+ { color: 'var(--ids-comp-notification-filled-color-fg-title-light-default)' },
6785
+ '.ids-notification.ids-notification-filled.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
6786
+ { color: 'var(--ids-comp-notification-filled-color-fg-message-light-default)' },
6787
+ '.ids-notification.ids-notification-filled.ids-notification-dark>.ids-notification__content-wrapper': {
6788
+ borderColor: 'var(--ids-comp-notification-filled-color-border-dark-default)',
6789
+ background: 'var(--ids-comp-notification-filled-color-bg-dark-default)',
6790
+ },
6791
+ '.ids-notification.ids-notification-filled.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
6792
+ { color: 'var(--ids-comp-notification-filled-color-fg-icon-dark-default)' },
6793
+ '.ids-notification.ids-notification-filled.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
6794
+ { color: 'var(--ids-comp-notification-filled-color-fg-title-dark-default)' },
6795
+ '.ids-notification.ids-notification-filled.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
6796
+ { color: 'var(--ids-comp-notification-filled-color-fg-message-dark-default)' },
6797
+ '.ids-notification.ids-notification-filled.ids-notification-surface>.ids-notification__content-wrapper': {
6798
+ borderColor: 'var(--ids-comp-notification-filled-color-border-surface-default)',
6799
+ background: 'var(--ids-comp-notification-filled-color-bg-surface-default)',
6800
+ },
6801
+ '.ids-notification.ids-notification-filled.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
6802
+ { color: 'var(--ids-comp-notification-filled-color-fg-icon-surface-default)' },
6803
+ '.ids-notification.ids-notification-filled.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
6804
+ { color: 'var(--ids-comp-notification-filled-color-fg-title-surface-default)' },
6805
+ '.ids-notification.ids-notification-filled.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
6806
+ { color: 'var(--ids-comp-notification-filled-color-fg-message-surface-default)' },
6807
+ '.ids-notification.ids-notification-filled.ids-notification-info>.ids-notification__content-wrapper': {
6808
+ borderColor: 'var(--ids-comp-notification-filled-color-border-info-default)',
6809
+ background: 'var(--ids-comp-notification-filled-color-bg-info-default)',
6810
+ },
6811
+ '.ids-notification.ids-notification-filled.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
6812
+ { color: 'var(--ids-comp-notification-filled-color-fg-icon-info-default)' },
6813
+ '.ids-notification.ids-notification-filled.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
6814
+ { color: 'var(--ids-comp-notification-filled-color-fg-title-info-default)' },
6815
+ '.ids-notification.ids-notification-filled.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
6816
+ { color: 'var(--ids-comp-notification-filled-color-fg-message-info-default)' },
6817
+ '.ids-notification.ids-notification-compact>.ids-notification__content-wrapper': {
6818
+ gap: 'var(--ids-comp-notification-outlined-container-size-gap-compact)',
6819
+ padding:
6820
+ 'var(--ids-comp-notification-outlined-container-size-padding-y-compact) var(--ids-comp-notification-outlined-container-size-padding-x-compact)',
6821
+ borderRadius: 'var(--ids-comp-notification-outlined-container-size-border-radius-compact)',
6822
+ borderTopWidth: 'var(--ids-comp-notification-outlined-container-size-border-top-width-compact)',
6823
+ borderRightWidth: 'var(--ids-comp-notification-outlined-container-size-border-right-width-compact)',
6824
+ borderBottomWidth: 'var(--ids-comp-notification-outlined-container-size-border-bottom-width-compact)',
6825
+ borderLeftWidth: 'var(--ids-comp-notification-outlined-container-size-border-left-width-compact)',
6826
+ },
6827
+ '.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__leading-element': {
6828
+ paddingLeft: 'var(--ids-comp-notification-icon-size-padding-left-compact)',
6829
+ paddingRight: 'var(--ids-comp-notification-icon-size-padding-right-compact)',
6830
+ },
6831
+ '.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon': {
6832
+ width: 'var(--ids-comp-notification-icon-size-icon-compact)',
6833
+ height: 'var(--ids-comp-notification-icon-size-icon-compact)',
6834
+ fontSize: 'var(--ids-comp-notification-icon-typography-font-size-compact)',
6835
+ fontWeight: 'var(--ids-comp-notification-icon-typography-font-weight-compact)',
6836
+ lineHeight: 'var(--ids-comp-notification-icon-typography-line-height-compact)',
6837
+ },
6838
+ '.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container': {
6839
+ minWidth: 'var(--ids-comp-notification-outlined-container-size-min-width-compact)',
6840
+ paddingRight: 'var(--ids-comp-notification-message-size-padding-right-compact)',
6841
+ gap: 'var(--ids-comp-notification-message-size-gap-compact)',
6842
+ },
6843
+ '.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container':
6844
+ { rowGap: 'var(--ids-comp-notification-message-size-gap-compact)' },
6845
+ '.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
6846
+ {
6847
+ fontSize: 'var(--ids-comp-notification-title-typography-font-size-compact)',
6848
+ fontWeight: 'var(--ids-comp-notification-title-typography-font-weight-compact)',
6849
+ lineHeight: 'var(--ids-comp-notification-title-typography-line-height-compact)',
6850
+ letterSpacing: 'var(--ids-comp-notification-title-typography-letter-spacing-compact)',
6851
+ },
6852
+ '.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
6853
+ {
6854
+ fontSize: 'var(--ids-comp-notification-message-typography-font-size-compact)',
6855
+ fontWeight: 'var(--ids-comp-notification-message-typography-font-weight-compact)',
6856
+ lineHeight: 'var(--ids-comp-notification-message-typography-line-height-compact)',
6857
+ letterSpacing: 'var(--ids-comp-notification-message-typography-letter-spacing-compact)',
6858
+ },
6859
+ '.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__action':
6860
+ { gap: 'var(--ids-comp-notification-actions-size-gap-compact)' },
6861
+ '.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__close-btn-container>.ids-icon-button>.ids-icon':
6862
+ {
6863
+ width: 'var(--ids-comp-notification-icon-button-size-icon-button-compact)',
6864
+ height: 'var(--ids-comp-notification-icon-button-size-icon-button-compact)',
6865
+ },
6866
+ '.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper': {
6867
+ gap: 'var(--ids-comp-notification-outlined-container-size-gap-comfortable)',
6868
+ padding:
6869
+ 'var(--ids-comp-notification-outlined-container-size-padding-y-comfortable) var(--ids-comp-notification-outlined-container-size-padding-x-comfortable)',
6870
+ borderRadius: 'var(--ids-comp-notification-outlined-container-size-border-radius-comfortable)',
6871
+ borderTopWidth: 'var(--ids-comp-notification-outlined-container-size-border-top-width-comfortable)',
6872
+ borderRightWidth: 'var(--ids-comp-notification-outlined-container-size-border-right-width-comfortable)',
6873
+ borderBottomWidth: 'var(--ids-comp-notification-outlined-container-size-border-bottom-width-comfortable)',
6874
+ borderLeftWidth: 'var(--ids-comp-notification-outlined-container-size-border-left-width-comfortable)',
6875
+ },
6876
+ '.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__leading-element': {
6877
+ paddingLeft: 'var(--ids-comp-notification-icon-size-padding-left-comfortable)',
6878
+ paddingRight: 'var(--ids-comp-notification-icon-size-padding-right-comfortable)',
6879
+ },
6880
+ '.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon': {
6881
+ width: 'var(--ids-comp-notification-icon-size-icon-comfortable)',
6882
+ height: 'var(--ids-comp-notification-icon-size-icon-comfortable)',
6883
+ fontSize: 'var(--ids-comp-notification-icon-typography-font-size-comfortable)',
6884
+ fontWeight: 'var(--ids-comp-notification-icon-typography-font-weight-comfortable)',
6885
+ lineHeight: 'var(--ids-comp-notification-icon-typography-line-height-comfortable)',
6886
+ },
6887
+ '.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container': {
6888
+ minWidth: 'var(--ids-comp-notification-outlined-container-size-min-width-comfortable)',
6889
+ paddingRight: 'var(--ids-comp-notification-message-size-padding-right-comfortable)',
6890
+ gap: 'var(--ids-comp-notification-message-size-gap-comfortable)',
6891
+ },
6892
+ '.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container':
6893
+ { rowGap: 'var(--ids-comp-notification-message-size-gap-comfortable)' },
6894
+ '.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
6895
+ {
6896
+ fontSize: 'var(--ids-comp-notification-title-typography-font-size-comfortable)',
6897
+ fontWeight: 'var(--ids-comp-notification-title-typography-font-weight-comfortable)',
6898
+ lineHeight: 'var(--ids-comp-notification-title-typography-line-height-comfortable)',
6899
+ letterSpacing: 'var(--ids-comp-notification-title-typography-letter-spacing-comfortable)',
6900
+ },
6901
+ '.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
6902
+ {
6903
+ fontSize: 'var(--ids-comp-notification-message-typography-font-size-comfortable)',
6904
+ fontWeight: 'var(--ids-comp-notification-message-typography-font-weight-comfortable)',
6905
+ lineHeight: 'var(--ids-comp-notification-message-typography-line-height-comfortable)',
6906
+ letterSpacing: 'var(--ids-comp-notification-message-typography-letter-spacing-comfortable)',
6907
+ },
6908
+ '.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__action':
6909
+ { gap: 'var(--ids-comp-notification-actions-size-gap-comfortable)' },
6910
+ '.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__close-btn-container>.ids-icon-button>.ids-icon':
6911
+ {
6912
+ width: 'var(--ids-comp-notification-icon-button-size-icon-button-comfortable)',
6913
+ height: 'var(--ids-comp-notification-icon-button-size-icon-button-comfortable)',
6914
+ },
6915
+ '.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper': {
6916
+ gap: 'var(--ids-comp-notification-outlined-container-size-gap-spacious)',
6917
+ padding:
6918
+ 'var(--ids-comp-notification-outlined-container-size-padding-y-spacious) var(--ids-comp-notification-outlined-container-size-padding-x-spacious)',
6919
+ borderRadius: 'var(--ids-comp-notification-outlined-container-size-border-radius-spacious)',
6920
+ borderTopWidth: 'var(--ids-comp-notification-outlined-container-size-border-top-width-spacious)',
6921
+ borderRightWidth: 'var(--ids-comp-notification-outlined-container-size-border-right-width-spacious)',
6922
+ borderBottomWidth: 'var(--ids-comp-notification-outlined-container-size-border-bottom-width-spacious)',
6923
+ borderLeftWidth: 'var(--ids-comp-notification-outlined-container-size-border-left-width-spacious)',
6924
+ },
6925
+ '.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__leading-element': {
6926
+ paddingLeft: 'var(--ids-comp-notification-icon-size-padding-left-spacious)',
6927
+ paddingRight: 'var(--ids-comp-notification-icon-size-padding-right-spacious)',
6928
+ },
6929
+ '.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon': {
6930
+ width: 'var(--ids-comp-notification-icon-size-icon-spacious)',
6931
+ height: 'var(--ids-comp-notification-icon-size-icon-spacious)',
6932
+ fontSize: 'var(--ids-comp-notification-icon-typography-font-size-spacious)',
6933
+ fontWeight: 'var(--ids-comp-notification-icon-typography-font-weight-spacious)',
6934
+ lineHeight: 'var(--ids-comp-notification-icon-typography-line-height-spacious)',
6935
+ },
6936
+ '.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container': {
6937
+ minWidth: 'var(--ids-comp-notification-outlined-container-size-min-width-spacious)',
6938
+ paddingRight: 'var(--ids-comp-notification-message-size-padding-right-spacious)',
6939
+ gap: 'var(--ids-comp-notification-message-size-gap-spacious)',
6940
+ },
6941
+ '.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container':
6942
+ { rowGap: 'var(--ids-comp-notification-message-size-gap-spacious)' },
6943
+ '.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
6944
+ {
6945
+ fontSize: 'var(--ids-comp-notification-title-typography-font-size-spacious)',
6946
+ fontWeight: 'var(--ids-comp-notification-title-typography-font-weight-spacious)',
6947
+ lineHeight: 'var(--ids-comp-notification-title-typography-line-height-spacious)',
6948
+ letterSpacing: 'var(--ids-comp-notification-title-typography-letter-spacing-spacious)',
6949
+ },
6950
+ '.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
6951
+ {
6952
+ fontSize: 'var(--ids-comp-notification-message-typography-font-size-spacious)',
6953
+ fontWeight: 'var(--ids-comp-notification-message-typography-font-weight-spacious)',
6954
+ lineHeight: 'var(--ids-comp-notification-message-typography-line-height-spacious)',
6955
+ letterSpacing: 'var(--ids-comp-notification-message-typography-letter-spacing-spacious)',
6956
+ },
6957
+ '.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__action':
6958
+ { gap: 'var(--ids-comp-notification-actions-size-gap-spacious)' },
6959
+ '.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__close-btn-container>.ids-icon-button>.ids-icon':
6960
+ {
6961
+ width: 'var(--ids-comp-notification-icon-button-size-icon-button-spacious)',
6962
+ height: 'var(--ids-comp-notification-icon-button-size-icon-button-spacious)',
6963
+ },
6964
+ '.ids-notification.ids-notification-dense>.ids-notification__content-wrapper': {
6965
+ gap: 'var(--ids-comp-notification-outlined-container-size-gap-dense)',
6966
+ padding:
6967
+ 'var(--ids-comp-notification-outlined-container-size-padding-y-dense) var(--ids-comp-notification-outlined-container-size-padding-x-dense)',
6968
+ borderRadius: 'var(--ids-comp-notification-outlined-container-size-border-radius-dense)',
6969
+ borderTopWidth: 'var(--ids-comp-notification-outlined-container-size-border-top-width-dense)',
6970
+ borderRightWidth: 'var(--ids-comp-notification-outlined-container-size-border-right-width-dense)',
6971
+ borderBottomWidth: 'var(--ids-comp-notification-outlined-container-size-border-bottom-width-dense)',
6972
+ borderLeftWidth: 'var(--ids-comp-notification-outlined-container-size-border-left-width-dense)',
6973
+ },
6974
+ '.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__leading-element': {
6975
+ paddingLeft: 'var(--ids-comp-notification-icon-size-padding-left-dense)',
6976
+ paddingRight: 'var(--ids-comp-notification-icon-size-padding-right-dense)',
6977
+ },
6978
+ '.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon': {
6979
+ width: 'var(--ids-comp-notification-icon-size-icon-dense)',
6980
+ height: 'var(--ids-comp-notification-icon-size-icon-dense)',
6981
+ fontSize: 'var(--ids-comp-notification-icon-typography-font-size-dense)',
6982
+ fontWeight: 'var(--ids-comp-notification-icon-typography-font-weight-dense)',
6983
+ lineHeight: 'var(--ids-comp-notification-icon-typography-line-height-dense)',
6984
+ },
6985
+ '.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container': {
6986
+ minWidth: 'var(--ids-comp-notification-outlined-container-size-min-width-dense)',
6987
+ paddingRight: 'var(--ids-comp-notification-message-size-padding-right-dense)',
6988
+ gap: 'var(--ids-comp-notification-message-size-gap-dense)',
6989
+ },
6990
+ '.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container':
6991
+ { rowGap: 'var(--ids-comp-notification-message-size-gap-dense)' },
6992
+ '.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
6993
+ {
6994
+ fontSize: 'var(--ids-comp-notification-title-typography-font-size-dense)',
6995
+ fontWeight: 'var(--ids-comp-notification-title-typography-font-weight-dense)',
6996
+ lineHeight: 'var(--ids-comp-notification-title-typography-line-height-dense)',
6997
+ letterSpacing: 'var(--ids-comp-notification-title-typography-letter-spacing-dense)',
6998
+ },
6999
+ '.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
7000
+ {
7001
+ fontSize: 'var(--ids-comp-notification-message-typography-font-size-dense)',
7002
+ fontWeight: 'var(--ids-comp-notification-message-typography-font-weight-dense)',
7003
+ lineHeight: 'var(--ids-comp-notification-message-typography-line-height-dense)',
7004
+ letterSpacing: 'var(--ids-comp-notification-message-typography-letter-spacing-dense)',
7005
+ },
7006
+ '.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__action':
7007
+ { gap: 'var(--ids-comp-notification-actions-size-gap-dense)' },
7008
+ '.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__close-btn-container>.ids-icon-button>.ids-icon':
7009
+ {
7010
+ width: 'var(--ids-comp-notification-icon-button-size-icon-button-dense)',
7011
+ height: 'var(--ids-comp-notification-icon-button-size-icon-button-dense)',
7012
+ },
7013
+ '.ids-notification.ids-notification-outlined.ids-notification-error>.ids-notification__content-wrapper': {
7014
+ borderColor: 'var(--ids-comp-notification-outlined-color-border-error-default)',
7015
+ background: 'var(--ids-comp-notification-outlined-color-bg-error-default)',
7016
+ },
7017
+ '.ids-notification.ids-notification-outlined.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
7018
+ { color: 'var(--ids-comp-notification-outlined-color-fg-icon-error-default)' },
7019
+ '.ids-notification.ids-notification-outlined.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
7020
+ { color: 'var(--ids-comp-notification-outlined-color-fg-title-error-default)' },
7021
+ '.ids-notification.ids-notification-outlined.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
7022
+ { color: 'var(--ids-comp-notification-outlined-color-fg-message-error-default)' },
7023
+ '.ids-notification.ids-notification-outlined.ids-notification-success>.ids-notification__content-wrapper': {
7024
+ borderColor: 'var(--ids-comp-notification-outlined-color-border-success-default)',
7025
+ background: 'var(--ids-comp-notification-outlined-color-bg-success-default)',
7026
+ },
7027
+ '.ids-notification.ids-notification-outlined.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
7028
+ { color: 'var(--ids-comp-notification-outlined-color-fg-icon-success-default)' },
7029
+ '.ids-notification.ids-notification-outlined.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
7030
+ { color: 'var(--ids-comp-notification-outlined-color-fg-title-success-default)' },
7031
+ '.ids-notification.ids-notification-outlined.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
7032
+ { color: 'var(--ids-comp-notification-outlined-color-fg-message-success-default)' },
7033
+ '.ids-notification.ids-notification-outlined.ids-notification-warning>.ids-notification__content-wrapper': {
7034
+ borderColor: 'var(--ids-comp-notification-outlined-color-border-warning-default)',
7035
+ background: 'var(--ids-comp-notification-outlined-color-bg-warning-default)',
7036
+ },
7037
+ '.ids-notification.ids-notification-outlined.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
7038
+ { color: 'var(--ids-comp-notification-outlined-color-fg-icon-warning-default)' },
7039
+ '.ids-notification.ids-notification-outlined.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
7040
+ { color: 'var(--ids-comp-notification-outlined-color-fg-title-warning-default)' },
7041
+ '.ids-notification.ids-notification-outlined.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
7042
+ { color: 'var(--ids-comp-notification-outlined-color-fg-message-warning-default)' },
7043
+ '.ids-notification.ids-notification-outlined.ids-notification-light>.ids-notification__content-wrapper': {
7044
+ borderColor: 'var(--ids-comp-notification-outlined-color-border-light-default)',
7045
+ background: 'var(--ids-comp-notification-outlined-color-bg-light-default)',
7046
+ },
7047
+ '.ids-notification.ids-notification-outlined.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
7048
+ { color: 'var(--ids-comp-notification-outlined-color-fg-icon-light-default)' },
7049
+ '.ids-notification.ids-notification-outlined.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
7050
+ { color: 'var(--ids-comp-notification-outlined-color-fg-title-light-default)' },
7051
+ '.ids-notification.ids-notification-outlined.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
7052
+ { color: 'var(--ids-comp-notification-outlined-color-fg-message-light-default)' },
7053
+ '.ids-notification.ids-notification-outlined.ids-notification-dark>.ids-notification__content-wrapper': {
7054
+ borderColor: 'var(--ids-comp-notification-outlined-color-border-dark-default)',
7055
+ background: 'var(--ids-comp-notification-outlined-color-bg-dark-default)',
7056
+ },
7057
+ '.ids-notification.ids-notification-outlined.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
7058
+ { color: 'var(--ids-comp-notification-outlined-color-fg-icon-dark-default)' },
7059
+ '.ids-notification.ids-notification-outlined.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
7060
+ { color: 'var(--ids-comp-notification-outlined-color-fg-title-dark-default)' },
7061
+ '.ids-notification.ids-notification-outlined.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
7062
+ { color: 'var(--ids-comp-notification-outlined-color-fg-message-dark-default)' },
7063
+ '.ids-notification.ids-notification-outlined.ids-notification-surface>.ids-notification__content-wrapper': {
7064
+ borderColor: 'var(--ids-comp-notification-outlined-color-border-surface-default)',
7065
+ background: 'var(--ids-comp-notification-outlined-color-bg-surface-default)',
7066
+ },
7067
+ '.ids-notification.ids-notification-outlined.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
7068
+ { color: 'var(--ids-comp-notification-outlined-color-fg-icon-surface-default)' },
7069
+ '.ids-notification.ids-notification-outlined.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
7070
+ { color: 'var(--ids-comp-notification-outlined-color-fg-title-surface-default)' },
7071
+ '.ids-notification.ids-notification-outlined.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
7072
+ { color: 'var(--ids-comp-notification-outlined-color-fg-message-surface-default)' },
7073
+ '.ids-notification.ids-notification-outlined.ids-notification-info>.ids-notification__content-wrapper': {
7074
+ borderColor: 'var(--ids-comp-notification-outlined-color-border-info-default)',
7075
+ background: 'var(--ids-comp-notification-outlined-color-bg-info-default)',
7076
+ },
7077
+ '.ids-notification.ids-notification-outlined.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
7078
+ { color: 'var(--ids-comp-notification-outlined-color-fg-icon-info-default)' },
7079
+ '.ids-notification.ids-notification-outlined.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
7080
+ { color: 'var(--ids-comp-notification-outlined-color-fg-title-info-default)' },
7081
+ '.ids-notification.ids-notification-outlined.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
7082
+ { color: 'var(--ids-comp-notification-outlined-color-fg-message-info-default)' },
6710
7083
  '.ids-option': { display: 'flex', alignItems: 'center', alignSelf: 'stretch', boxSizing: 'border-box', userSelect: 'none' },
6711
7084
  '.ids-option>.ids-option__text': { overflow: 'hidden', textOverflow: 'ellipsis', fontStyle: 'normal' },
6712
7085
  '.ids-option:not(.ids-option-disabled)': { cursor: 'pointer' },