@i-cell/ids-styles 0.0.21 → 0.0.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components.css +52 -184
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +162 -109
- package/dist/notification/notification.css +52 -184
- package/dist/notification/notification.min.css +1 -1
- package/dist/notification/notification.plugin.js +162 -109
- package/package.json +1 -1
|
@@ -6814,7 +6814,126 @@ module.exports = function ComponentsPlugin() {
|
|
|
6814
6814
|
{ color: 'var(--ids-comp-notification-filled-color-fg-title-info-default)' },
|
|
6815
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
6816
|
{ color: 'var(--ids-comp-notification-filled-color-fg-message-info-default)' },
|
|
6817
|
-
'.ids-notification.ids-notification-compact>.ids-notification__content-wrapper': {
|
|
6817
|
+
'.ids-notification.ids-notification-filled.ids-notification-compact>.ids-notification__content-wrapper': {
|
|
6818
|
+
gap: 'var(--ids-comp-notification-filled-container-size-gap-compact)',
|
|
6819
|
+
padding:
|
|
6820
|
+
'var(--ids-comp-notification-filled-container-size-padding-y-compact) var(--ids-comp-notification-filled-container-size-padding-x-compact)',
|
|
6821
|
+
borderRadius: 'var(--ids-comp-notification-filled-container-size-border-radius-compact)',
|
|
6822
|
+
borderTopWidth: 'var(--ids-comp-notification-filled-container-size-border-top-width-compact)',
|
|
6823
|
+
borderRightWidth: 'var(--ids-comp-notification-filled-container-size-border-right-width-compact)',
|
|
6824
|
+
borderBottomWidth: 'var(--ids-comp-notification-filled-container-size-border-bottom-width-compact)',
|
|
6825
|
+
borderLeftWidth: 'var(--ids-comp-notification-filled-container-size-border-left-width-compact)',
|
|
6826
|
+
},
|
|
6827
|
+
'.ids-notification.ids-notification-filled.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container':
|
|
6828
|
+
{ minWidth: 'var(--ids-comp-notification-filled-container-size-min-width-compact)' },
|
|
6829
|
+
'.ids-notification.ids-notification-filled.ids-notification-comfortable>.ids-notification__content-wrapper': {
|
|
6830
|
+
gap: 'var(--ids-comp-notification-filled-container-size-gap-comfortable)',
|
|
6831
|
+
padding:
|
|
6832
|
+
'var(--ids-comp-notification-filled-container-size-padding-y-comfortable) var(--ids-comp-notification-filled-container-size-padding-x-comfortable)',
|
|
6833
|
+
borderRadius: 'var(--ids-comp-notification-filled-container-size-border-radius-comfortable)',
|
|
6834
|
+
borderTopWidth: 'var(--ids-comp-notification-filled-container-size-border-top-width-comfortable)',
|
|
6835
|
+
borderRightWidth: 'var(--ids-comp-notification-filled-container-size-border-right-width-comfortable)',
|
|
6836
|
+
borderBottomWidth: 'var(--ids-comp-notification-filled-container-size-border-bottom-width-comfortable)',
|
|
6837
|
+
borderLeftWidth: 'var(--ids-comp-notification-filled-container-size-border-left-width-comfortable)',
|
|
6838
|
+
},
|
|
6839
|
+
'.ids-notification.ids-notification-filled.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container':
|
|
6840
|
+
{ minWidth: 'var(--ids-comp-notification-filled-container-size-min-width-comfortable)' },
|
|
6841
|
+
'.ids-notification.ids-notification-filled.ids-notification-spacious>.ids-notification__content-wrapper': {
|
|
6842
|
+
gap: 'var(--ids-comp-notification-filled-container-size-gap-spacious)',
|
|
6843
|
+
padding:
|
|
6844
|
+
'var(--ids-comp-notification-filled-container-size-padding-y-spacious) var(--ids-comp-notification-filled-container-size-padding-x-spacious)',
|
|
6845
|
+
borderRadius: 'var(--ids-comp-notification-filled-container-size-border-radius-spacious)',
|
|
6846
|
+
borderTopWidth: 'var(--ids-comp-notification-filled-container-size-border-top-width-spacious)',
|
|
6847
|
+
borderRightWidth: 'var(--ids-comp-notification-filled-container-size-border-right-width-spacious)',
|
|
6848
|
+
borderBottomWidth: 'var(--ids-comp-notification-filled-container-size-border-bottom-width-spacious)',
|
|
6849
|
+
borderLeftWidth: 'var(--ids-comp-notification-filled-container-size-border-left-width-spacious)',
|
|
6850
|
+
},
|
|
6851
|
+
'.ids-notification.ids-notification-filled.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container':
|
|
6852
|
+
{ minWidth: 'var(--ids-comp-notification-filled-container-size-min-width-spacious)' },
|
|
6853
|
+
'.ids-notification.ids-notification-filled.ids-notification-dense>.ids-notification__content-wrapper': {
|
|
6854
|
+
gap: 'var(--ids-comp-notification-filled-container-size-gap-dense)',
|
|
6855
|
+
padding:
|
|
6856
|
+
'var(--ids-comp-notification-filled-container-size-padding-y-dense) var(--ids-comp-notification-filled-container-size-padding-x-dense)',
|
|
6857
|
+
borderRadius: 'var(--ids-comp-notification-filled-container-size-border-radius-dense)',
|
|
6858
|
+
borderTopWidth: 'var(--ids-comp-notification-filled-container-size-border-top-width-dense)',
|
|
6859
|
+
borderRightWidth: 'var(--ids-comp-notification-filled-container-size-border-right-width-dense)',
|
|
6860
|
+
borderBottomWidth: 'var(--ids-comp-notification-filled-container-size-border-bottom-width-dense)',
|
|
6861
|
+
borderLeftWidth: 'var(--ids-comp-notification-filled-container-size-border-left-width-dense)',
|
|
6862
|
+
},
|
|
6863
|
+
'.ids-notification.ids-notification-filled.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container': {
|
|
6864
|
+
minWidth: 'var(--ids-comp-notification-filled-container-size-min-width-dense)',
|
|
6865
|
+
},
|
|
6866
|
+
'.ids-notification.ids-notification-outlined.ids-notification-error>.ids-notification__content-wrapper': {
|
|
6867
|
+
borderColor: 'var(--ids-comp-notification-outlined-color-border-error-default)',
|
|
6868
|
+
background: 'var(--ids-comp-notification-outlined-color-bg-error-default)',
|
|
6869
|
+
},
|
|
6870
|
+
'.ids-notification.ids-notification-outlined.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
|
|
6871
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-icon-error-default)' },
|
|
6872
|
+
'.ids-notification.ids-notification-outlined.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
|
|
6873
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-title-error-default)' },
|
|
6874
|
+
'.ids-notification.ids-notification-outlined.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
|
|
6875
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-message-error-default)' },
|
|
6876
|
+
'.ids-notification.ids-notification-outlined.ids-notification-success>.ids-notification__content-wrapper': {
|
|
6877
|
+
borderColor: 'var(--ids-comp-notification-outlined-color-border-success-default)',
|
|
6878
|
+
background: 'var(--ids-comp-notification-outlined-color-bg-success-default)',
|
|
6879
|
+
},
|
|
6880
|
+
'.ids-notification.ids-notification-outlined.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
|
|
6881
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-icon-success-default)' },
|
|
6882
|
+
'.ids-notification.ids-notification-outlined.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
|
|
6883
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-title-success-default)' },
|
|
6884
|
+
'.ids-notification.ids-notification-outlined.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
|
|
6885
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-message-success-default)' },
|
|
6886
|
+
'.ids-notification.ids-notification-outlined.ids-notification-warning>.ids-notification__content-wrapper': {
|
|
6887
|
+
borderColor: 'var(--ids-comp-notification-outlined-color-border-warning-default)',
|
|
6888
|
+
background: 'var(--ids-comp-notification-outlined-color-bg-warning-default)',
|
|
6889
|
+
},
|
|
6890
|
+
'.ids-notification.ids-notification-outlined.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
|
|
6891
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-icon-warning-default)' },
|
|
6892
|
+
'.ids-notification.ids-notification-outlined.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
|
|
6893
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-title-warning-default)' },
|
|
6894
|
+
'.ids-notification.ids-notification-outlined.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
|
|
6895
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-message-warning-default)' },
|
|
6896
|
+
'.ids-notification.ids-notification-outlined.ids-notification-light>.ids-notification__content-wrapper': {
|
|
6897
|
+
borderColor: 'var(--ids-comp-notification-outlined-color-border-light-default)',
|
|
6898
|
+
background: 'var(--ids-comp-notification-outlined-color-bg-light-default)',
|
|
6899
|
+
},
|
|
6900
|
+
'.ids-notification.ids-notification-outlined.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
|
|
6901
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-icon-light-default)' },
|
|
6902
|
+
'.ids-notification.ids-notification-outlined.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
|
|
6903
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-title-light-default)' },
|
|
6904
|
+
'.ids-notification.ids-notification-outlined.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
|
|
6905
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-message-light-default)' },
|
|
6906
|
+
'.ids-notification.ids-notification-outlined.ids-notification-dark>.ids-notification__content-wrapper': {
|
|
6907
|
+
borderColor: 'var(--ids-comp-notification-outlined-color-border-dark-default)',
|
|
6908
|
+
background: 'var(--ids-comp-notification-outlined-color-bg-dark-default)',
|
|
6909
|
+
},
|
|
6910
|
+
'.ids-notification.ids-notification-outlined.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
|
|
6911
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-icon-dark-default)' },
|
|
6912
|
+
'.ids-notification.ids-notification-outlined.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
|
|
6913
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-title-dark-default)' },
|
|
6914
|
+
'.ids-notification.ids-notification-outlined.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
|
|
6915
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-message-dark-default)' },
|
|
6916
|
+
'.ids-notification.ids-notification-outlined.ids-notification-surface>.ids-notification__content-wrapper': {
|
|
6917
|
+
borderColor: 'var(--ids-comp-notification-outlined-color-border-surface-default)',
|
|
6918
|
+
background: 'var(--ids-comp-notification-outlined-color-bg-surface-default)',
|
|
6919
|
+
},
|
|
6920
|
+
'.ids-notification.ids-notification-outlined.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
|
|
6921
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-icon-surface-default)' },
|
|
6922
|
+
'.ids-notification.ids-notification-outlined.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
|
|
6923
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-title-surface-default)' },
|
|
6924
|
+
'.ids-notification.ids-notification-outlined.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
|
|
6925
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-message-surface-default)' },
|
|
6926
|
+
'.ids-notification.ids-notification-outlined.ids-notification-info>.ids-notification__content-wrapper': {
|
|
6927
|
+
borderColor: 'var(--ids-comp-notification-outlined-color-border-info-default)',
|
|
6928
|
+
background: 'var(--ids-comp-notification-outlined-color-bg-info-default)',
|
|
6929
|
+
},
|
|
6930
|
+
'.ids-notification.ids-notification-outlined.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon':
|
|
6931
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-icon-info-default)' },
|
|
6932
|
+
'.ids-notification.ids-notification-outlined.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title':
|
|
6933
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-title-info-default)' },
|
|
6934
|
+
'.ids-notification.ids-notification-outlined.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message':
|
|
6935
|
+
{ color: 'var(--ids-comp-notification-outlined-color-fg-message-info-default)' },
|
|
6936
|
+
'.ids-notification.ids-notification-outlined.ids-notification-compact>.ids-notification__content-wrapper': {
|
|
6818
6937
|
gap: 'var(--ids-comp-notification-outlined-container-size-gap-compact)',
|
|
6819
6938
|
padding:
|
|
6820
6939
|
'var(--ids-comp-notification-outlined-container-size-padding-y-compact) var(--ids-comp-notification-outlined-container-size-padding-x-compact)',
|
|
@@ -6824,6 +6943,44 @@ module.exports = function ComponentsPlugin() {
|
|
|
6824
6943
|
borderBottomWidth: 'var(--ids-comp-notification-outlined-container-size-border-bottom-width-compact)',
|
|
6825
6944
|
borderLeftWidth: 'var(--ids-comp-notification-outlined-container-size-border-left-width-compact)',
|
|
6826
6945
|
},
|
|
6946
|
+
'.ids-notification.ids-notification-outlined.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container':
|
|
6947
|
+
{ minWidth: 'var(--ids-comp-notification-outlined-container-size-min-width-compact)' },
|
|
6948
|
+
'.ids-notification.ids-notification-outlined.ids-notification-comfortable>.ids-notification__content-wrapper': {
|
|
6949
|
+
gap: 'var(--ids-comp-notification-outlined-container-size-gap-comfortable)',
|
|
6950
|
+
padding:
|
|
6951
|
+
'var(--ids-comp-notification-outlined-container-size-padding-y-comfortable) var(--ids-comp-notification-outlined-container-size-padding-x-comfortable)',
|
|
6952
|
+
borderRadius: 'var(--ids-comp-notification-outlined-container-size-border-radius-comfortable)',
|
|
6953
|
+
borderTopWidth: 'var(--ids-comp-notification-outlined-container-size-border-top-width-comfortable)',
|
|
6954
|
+
borderRightWidth: 'var(--ids-comp-notification-outlined-container-size-border-right-width-comfortable)',
|
|
6955
|
+
borderBottomWidth: 'var(--ids-comp-notification-outlined-container-size-border-bottom-width-comfortable)',
|
|
6956
|
+
borderLeftWidth: 'var(--ids-comp-notification-outlined-container-size-border-left-width-comfortable)',
|
|
6957
|
+
},
|
|
6958
|
+
'.ids-notification.ids-notification-outlined.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container':
|
|
6959
|
+
{ minWidth: 'var(--ids-comp-notification-outlined-container-size-min-width-comfortable)' },
|
|
6960
|
+
'.ids-notification.ids-notification-outlined.ids-notification-spacious>.ids-notification__content-wrapper': {
|
|
6961
|
+
gap: 'var(--ids-comp-notification-outlined-container-size-gap-spacious)',
|
|
6962
|
+
padding:
|
|
6963
|
+
'var(--ids-comp-notification-outlined-container-size-padding-y-spacious) var(--ids-comp-notification-outlined-container-size-padding-x-spacious)',
|
|
6964
|
+
borderRadius: 'var(--ids-comp-notification-outlined-container-size-border-radius-spacious)',
|
|
6965
|
+
borderTopWidth: 'var(--ids-comp-notification-outlined-container-size-border-top-width-spacious)',
|
|
6966
|
+
borderRightWidth: 'var(--ids-comp-notification-outlined-container-size-border-right-width-spacious)',
|
|
6967
|
+
borderBottomWidth: 'var(--ids-comp-notification-outlined-container-size-border-bottom-width-spacious)',
|
|
6968
|
+
borderLeftWidth: 'var(--ids-comp-notification-outlined-container-size-border-left-width-spacious)',
|
|
6969
|
+
},
|
|
6970
|
+
'.ids-notification.ids-notification-outlined.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container':
|
|
6971
|
+
{ minWidth: 'var(--ids-comp-notification-outlined-container-size-min-width-spacious)' },
|
|
6972
|
+
'.ids-notification.ids-notification-outlined.ids-notification-dense>.ids-notification__content-wrapper': {
|
|
6973
|
+
gap: 'var(--ids-comp-notification-outlined-container-size-gap-dense)',
|
|
6974
|
+
padding:
|
|
6975
|
+
'var(--ids-comp-notification-outlined-container-size-padding-y-dense) var(--ids-comp-notification-outlined-container-size-padding-x-dense)',
|
|
6976
|
+
borderRadius: 'var(--ids-comp-notification-outlined-container-size-border-radius-dense)',
|
|
6977
|
+
borderTopWidth: 'var(--ids-comp-notification-outlined-container-size-border-top-width-dense)',
|
|
6978
|
+
borderRightWidth: 'var(--ids-comp-notification-outlined-container-size-border-right-width-dense)',
|
|
6979
|
+
borderBottomWidth: 'var(--ids-comp-notification-outlined-container-size-border-bottom-width-dense)',
|
|
6980
|
+
borderLeftWidth: 'var(--ids-comp-notification-outlined-container-size-border-left-width-dense)',
|
|
6981
|
+
},
|
|
6982
|
+
'.ids-notification.ids-notification-outlined.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container':
|
|
6983
|
+
{ minWidth: 'var(--ids-comp-notification-outlined-container-size-min-width-dense)' },
|
|
6827
6984
|
'.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__leading-element': {
|
|
6828
6985
|
paddingLeft: 'var(--ids-comp-notification-icon-size-padding-left-compact)',
|
|
6829
6986
|
paddingRight: 'var(--ids-comp-notification-icon-size-padding-right-compact)',
|
|
@@ -6836,7 +6993,6 @@ module.exports = function ComponentsPlugin() {
|
|
|
6836
6993
|
lineHeight: 'var(--ids-comp-notification-icon-typography-line-height-compact)',
|
|
6837
6994
|
},
|
|
6838
6995
|
'.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
6996
|
paddingRight: 'var(--ids-comp-notification-message-size-padding-right-compact)',
|
|
6841
6997
|
gap: 'var(--ids-comp-notification-message-size-gap-compact)',
|
|
6842
6998
|
},
|
|
@@ -6858,21 +7014,11 @@ module.exports = function ComponentsPlugin() {
|
|
|
6858
7014
|
},
|
|
6859
7015
|
'.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__action':
|
|
6860
7016
|
{ gap: 'var(--ids-comp-notification-actions-size-gap-compact)' },
|
|
6861
|
-
'.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__close-
|
|
7017
|
+
'.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__close-button-container>.ids-icon-button>.ids-icon':
|
|
6862
7018
|
{
|
|
6863
7019
|
width: 'var(--ids-comp-notification-icon-button-size-icon-button-compact)',
|
|
6864
7020
|
height: 'var(--ids-comp-notification-icon-button-size-icon-button-compact)',
|
|
6865
7021
|
},
|
|
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
7022
|
'.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__leading-element': {
|
|
6877
7023
|
paddingLeft: 'var(--ids-comp-notification-icon-size-padding-left-comfortable)',
|
|
6878
7024
|
paddingRight: 'var(--ids-comp-notification-icon-size-padding-right-comfortable)',
|
|
@@ -6885,7 +7031,6 @@ module.exports = function ComponentsPlugin() {
|
|
|
6885
7031
|
lineHeight: 'var(--ids-comp-notification-icon-typography-line-height-comfortable)',
|
|
6886
7032
|
},
|
|
6887
7033
|
'.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
7034
|
paddingRight: 'var(--ids-comp-notification-message-size-padding-right-comfortable)',
|
|
6890
7035
|
gap: 'var(--ids-comp-notification-message-size-gap-comfortable)',
|
|
6891
7036
|
},
|
|
@@ -6907,21 +7052,11 @@ module.exports = function ComponentsPlugin() {
|
|
|
6907
7052
|
},
|
|
6908
7053
|
'.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__action':
|
|
6909
7054
|
{ gap: 'var(--ids-comp-notification-actions-size-gap-comfortable)' },
|
|
6910
|
-
'.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__close-
|
|
7055
|
+
'.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__close-button-container>.ids-icon-button>.ids-icon':
|
|
6911
7056
|
{
|
|
6912
7057
|
width: 'var(--ids-comp-notification-icon-button-size-icon-button-comfortable)',
|
|
6913
7058
|
height: 'var(--ids-comp-notification-icon-button-size-icon-button-comfortable)',
|
|
6914
7059
|
},
|
|
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
7060
|
'.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__leading-element': {
|
|
6926
7061
|
paddingLeft: 'var(--ids-comp-notification-icon-size-padding-left-spacious)',
|
|
6927
7062
|
paddingRight: 'var(--ids-comp-notification-icon-size-padding-right-spacious)',
|
|
@@ -6934,7 +7069,6 @@ module.exports = function ComponentsPlugin() {
|
|
|
6934
7069
|
lineHeight: 'var(--ids-comp-notification-icon-typography-line-height-spacious)',
|
|
6935
7070
|
},
|
|
6936
7071
|
'.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
7072
|
paddingRight: 'var(--ids-comp-notification-message-size-padding-right-spacious)',
|
|
6939
7073
|
gap: 'var(--ids-comp-notification-message-size-gap-spacious)',
|
|
6940
7074
|
},
|
|
@@ -6956,21 +7090,11 @@ module.exports = function ComponentsPlugin() {
|
|
|
6956
7090
|
},
|
|
6957
7091
|
'.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__action':
|
|
6958
7092
|
{ gap: 'var(--ids-comp-notification-actions-size-gap-spacious)' },
|
|
6959
|
-
'.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__close-
|
|
7093
|
+
'.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__close-button-container>.ids-icon-button>.ids-icon':
|
|
6960
7094
|
{
|
|
6961
7095
|
width: 'var(--ids-comp-notification-icon-button-size-icon-button-spacious)',
|
|
6962
7096
|
height: 'var(--ids-comp-notification-icon-button-size-icon-button-spacious)',
|
|
6963
7097
|
},
|
|
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
7098
|
'.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__leading-element': {
|
|
6975
7099
|
paddingLeft: 'var(--ids-comp-notification-icon-size-padding-left-dense)',
|
|
6976
7100
|
paddingRight: 'var(--ids-comp-notification-icon-size-padding-right-dense)',
|
|
@@ -6983,7 +7107,6 @@ module.exports = function ComponentsPlugin() {
|
|
|
6983
7107
|
lineHeight: 'var(--ids-comp-notification-icon-typography-line-height-dense)',
|
|
6984
7108
|
},
|
|
6985
7109
|
'.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
7110
|
paddingRight: 'var(--ids-comp-notification-message-size-padding-right-dense)',
|
|
6988
7111
|
gap: 'var(--ids-comp-notification-message-size-gap-dense)',
|
|
6989
7112
|
},
|
|
@@ -7005,81 +7128,11 @@ module.exports = function ComponentsPlugin() {
|
|
|
7005
7128
|
},
|
|
7006
7129
|
'.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__action':
|
|
7007
7130
|
{ gap: 'var(--ids-comp-notification-actions-size-gap-dense)' },
|
|
7008
|
-
'.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__close-
|
|
7131
|
+
'.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__close-button-container>.ids-icon-button>.ids-icon':
|
|
7009
7132
|
{
|
|
7010
7133
|
width: 'var(--ids-comp-notification-icon-button-size-icon-button-dense)',
|
|
7011
7134
|
height: 'var(--ids-comp-notification-icon-button-size-icon-button-dense)',
|
|
7012
7135
|
},
|
|
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)' },
|
|
7083
7136
|
'.ids-option': { display: 'flex', alignItems: 'center', alignSelf: 'stretch', boxSizing: 'border-box', userSelect: 'none' },
|
|
7084
7137
|
'.ids-option>.ids-option__text': { overflow: 'hidden', textOverflow: 'ellipsis', fontStyle: 'normal' },
|
|
7085
7138
|
'.ids-option:not(.ids-option-disabled)': { cursor: 'pointer' },
|