@i-cell/ids-styles 0.0.56 → 0.0.57

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 (10) hide show
  1. package/dist/components.css +15 -4
  2. package/dist/components.min.css +1 -1
  3. package/dist/components.plugin.js +17 -4
  4. package/dist/form-elements/message/message.css +3 -3
  5. package/dist/form-elements/message/message.min.css +1 -1
  6. package/dist/form-elements/message/message.plugin.js +3 -3
  7. package/dist/icon/icon.css +12 -1
  8. package/dist/icon/icon.min.css +1 -1
  9. package/dist/icon/icon.plugin.js +14 -1
  10. package/package.json +2 -2
package/dist/components.plugin.js CHANGED
@@ -6841,7 +6841,7 @@ module.exports = function ComponentsPlugin() {
6841
6841
  color: 'var(--ids-comp-forms-message-color-fg-icon-light-disabled)',
6842
6842
  },
6843
6843
  '.ids-message.ids-message-light.ids-message-disabled .ids-message__text,.ids-message.ids-message-light.ids-message-disabled .ids-message__suffix':
6844
- { color: 'var(--ids-comp-forms-message-color-fg-text-light-disabled)' },
6844
+ { color: 'var(--ids-comp-forms-message-color-fg-text-light-disabled) !important' },
6845
6845
  '.ids-message.ids-message-light.ids-error-message .ids-message__prefix': {
6846
6846
  color: 'var(--ids-comp-forms-message-color-fg-icon-light-error-default)',
6847
6847
  },
@@ -6861,7 +6861,7 @@ module.exports = function ComponentsPlugin() {
6861
6861
  color: 'var(--ids-comp-forms-message-color-fg-icon-dark-disabled)',
6862
6862
  },
6863
6863
  '.ids-message.ids-message-dark.ids-message-disabled .ids-message__text,.ids-message.ids-message-dark.ids-message-disabled .ids-message__suffix':
6864
- { color: 'var(--ids-comp-forms-message-color-fg-text-dark-disabled)' },
6864
+ { color: 'var(--ids-comp-forms-message-color-fg-text-dark-disabled) !important' },
6865
6865
  '.ids-message.ids-message-dark.ids-error-message .ids-message__prefix': {
6866
6866
  color: 'var(--ids-comp-forms-message-color-fg-icon-dark-error-default)',
6867
6867
  },
@@ -6875,7 +6875,7 @@ module.exports = function ComponentsPlugin() {
6875
6875
  color: 'var(--ids-comp-forms-message-color-fg-icon-surface-disabled)',
6876
6876
  },
6877
6877
  '.ids-message.ids-message-surface.ids-message-disabled .ids-message__text,.ids-message.ids-message-surface.ids-message-disabled .ids-message__suffix':
6878
- { color: 'var(--ids-comp-forms-message-color-fg-text-surface-disabled)' },
6878
+ { color: 'var(--ids-comp-forms-message-color-fg-text-surface-disabled) !important' },
6879
6879
  '.ids-message.ids-message-surface.ids-error-message .ids-message__prefix': {
6880
6880
  color: 'var(--ids-comp-forms-message-color-fg-icon-surface-error-default)',
6881
6881
  },
@@ -6893,7 +6893,6 @@ module.exports = function ComponentsPlugin() {
6893
6893
  borderStyle: 'none',
6894
6894
  borderColor: 'rgba(0,0,0,0)',
6895
6895
  lineHeight: 1.5,
6896
- fontFamily: '"IDS Icons"',
6897
6896
  display: 'inline-flex',
6898
6897
  textTransform: 'none',
6899
6898
  letterSpacing: 'normal',
@@ -6905,6 +6904,12 @@ module.exports = function ComponentsPlugin() {
6905
6904
  fill: 'currentColor',
6906
6905
  alignItems: 'center',
6907
6906
  justifyContent: 'center',
6907
+ fontFamily: [
6908
+ 'var(--ids-comp-icon-typography-font-family-font-family-default-compact)',
6909
+ 'var(--ids-comp-icon-typography-font-family-font-family-default-comfortable)',
6910
+ 'var(--ids-comp-icon-typography-font-family-font-family-default-spacious)',
6911
+ 'var(--ids-comp-icon-typography-font-family-font-family-default-dense)',
6912
+ ],
6908
6913
  },
6909
6914
  '.ids-icon::before,.ids-icon::after,.ids-icon *,.ids-icon ::before,.ids-icon ::after': {
6910
6915
  boxSizing: 'border-box',
@@ -6913,48 +6918,56 @@ module.exports = function ComponentsPlugin() {
6913
6918
  borderColor: 'rgba(0,0,0,0)',
6914
6919
  },
6915
6920
  '.ids-icon.ids-icon-smallcollection-compact': {
6921
+ fontFamily: 'var(--ids-comp-icon-typography-font-family-font-family-default-compact)',
6916
6922
  height: 'var(--ids-comp-icon-size-smallcollection-height-compact)',
6917
6923
  width: 'var(--ids-comp-icon-size-smallcollection-width-compact)',
6918
6924
  fontSize: 'var(--ids-comp-icon-typography-smallcollection-font-size-compact)',
6919
6925
  lineHeight: 'var(--ids-comp-icon-typography-smallcollection-line-height-compact)',
6920
6926
  },
6921
6927
  '.ids-icon.ids-icon-smallcollection-comfortable': {
6928
+ fontFamily: 'var(--ids-comp-icon-typography-font-family-font-family-default-comfortable)',
6922
6929
  height: 'var(--ids-comp-icon-size-smallcollection-height-comfortable)',
6923
6930
  width: 'var(--ids-comp-icon-size-smallcollection-width-comfortable)',
6924
6931
  fontSize: 'var(--ids-comp-icon-typography-smallcollection-font-size-comfortable)',
6925
6932
  lineHeight: 'var(--ids-comp-icon-typography-smallcollection-line-height-comfortable)',
6926
6933
  },
6927
6934
  '.ids-icon.ids-icon-smallcollection-spacious': {
6935
+ fontFamily: 'var(--ids-comp-icon-typography-font-family-font-family-default-spacious)',
6928
6936
  height: 'var(--ids-comp-icon-size-smallcollection-height-spacious)',
6929
6937
  width: 'var(--ids-comp-icon-size-smallcollection-width-spacious)',
6930
6938
  fontSize: 'var(--ids-comp-icon-typography-smallcollection-font-size-spacious)',
6931
6939
  lineHeight: 'var(--ids-comp-icon-typography-smallcollection-line-height-spacious)',
6932
6940
  },
6933
6941
  '.ids-icon.ids-icon-smallcollection-dense': {
6942
+ fontFamily: 'var(--ids-comp-icon-typography-font-family-font-family-default-dense)',
6934
6943
  height: 'var(--ids-comp-icon-size-smallcollection-height-dense)',
6935
6944
  width: 'var(--ids-comp-icon-size-smallcollection-width-dense)',
6936
6945
  fontSize: 'var(--ids-comp-icon-typography-smallcollection-font-size-dense)',
6937
6946
  lineHeight: 'var(--ids-comp-icon-typography-smallcollection-line-height-dense)',
6938
6947
  },
6939
6948
  '.ids-icon.ids-icon-bigcollection-compact': {
6949
+ fontFamily: 'var(--ids-comp-icon-typography-font-family-font-family-default-compact)',
6940
6950
  height: 'var(--ids-comp-icon-size-bigcollection-height-compact)',
6941
6951
  width: 'var(--ids-comp-icon-size-bigcollection-width-compact)',
6942
6952
  fontSize: 'var(--ids-comp-icon-typography-bigcollection-font-size-compact)',
6943
6953
  lineHeight: 'var(--ids-comp-icon-typography-bigcollection-line-height-compact)',
6944
6954
  },
6945
6955
  '.ids-icon.ids-icon-bigcollection-comfortable': {
6956
+ fontFamily: 'var(--ids-comp-icon-typography-font-family-font-family-default-comfortable)',
6946
6957
  height: 'var(--ids-comp-icon-size-bigcollection-height-comfortable)',
6947
6958
  width: 'var(--ids-comp-icon-size-bigcollection-width-comfortable)',
6948
6959
  fontSize: 'var(--ids-comp-icon-typography-bigcollection-font-size-comfortable)',
6949
6960
  lineHeight: 'var(--ids-comp-icon-typography-bigcollection-line-height-comfortable)',
6950
6961
  },
6951
6962
  '.ids-icon.ids-icon-bigcollection-spacious': {
6963
+ fontFamily: 'var(--ids-comp-icon-typography-font-family-font-family-default-spacious)',
6952
6964
  height: 'var(--ids-comp-icon-size-bigcollection-height-spacious)',
6953
6965
  width: 'var(--ids-comp-icon-size-bigcollection-width-spacious)',
6954
6966
  fontSize: 'var(--ids-comp-icon-typography-bigcollection-font-size-spacious)',
6955
6967
  lineHeight: 'var(--ids-comp-icon-typography-bigcollection-line-height-spacious)',
6956
6968
  },
6957
6969
  '.ids-icon.ids-icon-bigcollection-dense': {
6970
+ fontFamily: 'var(--ids-comp-icon-typography-font-family-font-family-default-dense)',
6958
6971
  height: 'var(--ids-comp-icon-size-bigcollection-height-dense)',
6959
6972
  width: 'var(--ids-comp-icon-size-bigcollection-width-dense)',
6960
6973
  fontSize: 'var(--ids-comp-icon-typography-bigcollection-font-size-dense)',
package/dist/form-elements/message/message.css CHANGED
@@ -113,7 +113,7 @@
113
113
  }
114
114
  .ids-message.ids-message-light.ids-message-disabled .ids-message__text,
115
115
  .ids-message.ids-message-light.ids-message-disabled .ids-message__suffix {
116
- color: var(--ids-comp-forms-message-color-fg-text-light-disabled);
116
+ color: var(--ids-comp-forms-message-color-fg-text-light-disabled) !important;
117
117
  }
118
118
  .ids-message.ids-message-light.ids-error-message .ids-message__prefix {
119
119
  color: var(--ids-comp-forms-message-color-fg-icon-light-error-default);
@@ -141,7 +141,7 @@
141
141
  }
142
142
  .ids-message.ids-message-dark.ids-message-disabled .ids-message__text,
143
143
  .ids-message.ids-message-dark.ids-message-disabled .ids-message__suffix {
144
- color: var(--ids-comp-forms-message-color-fg-text-dark-disabled);
144
+ color: var(--ids-comp-forms-message-color-fg-text-dark-disabled) !important;
145
145
  }
146
146
  .ids-message.ids-message-dark.ids-error-message .ids-message__prefix {
147
147
  color: var(--ids-comp-forms-message-color-fg-icon-dark-error-default);
@@ -169,7 +169,7 @@
169
169
  }
170
170
  .ids-message.ids-message-surface.ids-message-disabled .ids-message__text,
171
171
  .ids-message.ids-message-surface.ids-message-disabled .ids-message__suffix {
172
- color: var(--ids-comp-forms-message-color-fg-text-surface-disabled);
172
+ color: var(--ids-comp-forms-message-color-fg-text-surface-disabled) !important;
173
173
  }
174
174
  .ids-message.ids-message-surface.ids-error-message .ids-message__prefix {
175
175
  color: var(--ids-comp-forms-message-color-fg-icon-surface-error-default);
package/dist/form-elements/message/message.min.css CHANGED
@@ -1 +1 @@
1
- .ids-message{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:flex;justify-content:flex-start;align-items:center;font-style:normal}.ids-message::before,.ids-message::after,.ids-message *,.ids-message ::before,.ids-message ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-message .ids-message__prefix,.ids-message .ids-message__suffix{display:flex;align-items:center}.ids-message .ids-message__text{flex-grow:1;text-align:start}.ids-message .ids-icon{color:inherit;height:inherit;width:inherit}.ids-message.ids-message-compact{gap:var(--ids-comp-forms-message-size-gap-compact);padding:var(--ids-comp-forms-message-size-padding-y-compact) var(--ids-comp-forms-message-size-padding-x-compact);font-family:var(--ids-comp-forms-message-typography-font-family-compact);font-size:var(--ids-comp-forms-message-typography-font-size-compact);font-weight:var(--ids-comp-forms-message-typography-font-weight-compact);letter-spacing:var(--ids-comp-forms-message-typography-letter-spacing-compact);line-height:var(--ids-comp-forms-message-typography-line-height-compact)}.ids-message.ids-message-compact .ids-message__prefix{height:var(--ids-comp-forms-message-size-icon-height-compact);width:var(--ids-comp-forms-message-size-icon-width-compact)}.ids-message.ids-message-compact .ids-message__prefix>.ids-icon{font-size:var(--ids-comp-forms-message-icon-typography-font-size-compact);font-weight:var(--ids-comp-forms-message-icon-typography-font-weight-compact);line-height:var(--ids-comp-forms-message-icon-typography-line-height-compact)}.ids-message.ids-message-comfortable{gap:var(--ids-comp-forms-message-size-gap-comfortable);padding:var(--ids-comp-forms-message-size-padding-y-comfortable) var(--ids-comp-forms-message-size-padding-x-comfortable);font-family:var(--ids-comp-forms-message-typography-font-family-comfortable);font-size:var(--ids-comp-forms-message-typography-font-size-comfortable);font-weight:var(--ids-comp-forms-message-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-forms-message-typography-letter-spacing-comfortable);line-height:var(--ids-comp-forms-message-typography-line-height-comfortable)}.ids-message.ids-message-comfortable .ids-message__prefix{height:var(--ids-comp-forms-message-size-icon-height-comfortable);width:var(--ids-comp-forms-message-size-icon-width-comfortable)}.ids-message.ids-message-comfortable .ids-message__prefix>.ids-icon{font-size:var(--ids-comp-forms-message-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-forms-message-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-forms-message-icon-typography-line-height-comfortable)}.ids-message.ids-message-spacious{gap:var(--ids-comp-forms-message-size-gap-spacious);padding:var(--ids-comp-forms-message-size-padding-y-spacious) var(--ids-comp-forms-message-size-padding-x-spacious);font-family:var(--ids-comp-forms-message-typography-font-family-spacious);font-size:var(--ids-comp-forms-message-typography-font-size-spacious);font-weight:var(--ids-comp-forms-message-typography-font-weight-spacious);letter-spacing:var(--ids-comp-forms-message-typography-letter-spacing-spacious);line-height:var(--ids-comp-forms-message-typography-line-height-spacious)}.ids-message.ids-message-spacious .ids-message__prefix{height:var(--ids-comp-forms-message-size-icon-height-spacious);width:var(--ids-comp-forms-message-size-icon-width-spacious)}.ids-message.ids-message-spacious .ids-message__prefix>.ids-icon{font-size:var(--ids-comp-forms-message-icon-typography-font-size-spacious);font-weight:var(--ids-comp-forms-message-icon-typography-font-weight-spacious);line-height:var(--ids-comp-forms-message-icon-typography-line-height-spacious)}.ids-message.ids-message-dense{gap:var(--ids-comp-forms-message-size-gap-dense);padding:var(--ids-comp-forms-message-size-padding-y-dense) var(--ids-comp-forms-message-size-padding-x-dense);font-family:var(--ids-comp-forms-message-typography-font-family-dense);font-size:var(--ids-comp-forms-message-typography-font-size-dense);font-weight:var(--ids-comp-forms-message-typography-font-weight-dense);letter-spacing:var(--ids-comp-forms-message-typography-letter-spacing-dense);line-height:var(--ids-comp-forms-message-typography-line-height-dense)}.ids-message.ids-message-dense .ids-message__prefix{height:var(--ids-comp-forms-message-size-icon-height-dense);width:var(--ids-comp-forms-message-size-icon-width-dense)}.ids-message.ids-message-dense .ids-message__prefix>.ids-icon{font-size:var(--ids-comp-forms-message-icon-typography-font-size-dense);font-weight:var(--ids-comp-forms-message-icon-typography-font-weight-dense);line-height:var(--ids-comp-forms-message-icon-typography-line-height-dense)}.ids-message.ids-message-light .ids-message__prefix{color:var(--ids-comp-forms-message-color-fg-icon-light-default)}.ids-message.ids-message-light .ids-message__text,.ids-message.ids-message-light .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-light-default)}.ids-message.ids-message-light.ids-message-disabled .ids-message__prefix .ids-icon{color:var(--ids-comp-forms-message-color-fg-icon-light-disabled)}.ids-message.ids-message-light.ids-message-disabled .ids-message__text,.ids-message.ids-message-light.ids-message-disabled .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-light-disabled)}.ids-message.ids-message-light.ids-error-message .ids-message__prefix{color:var(--ids-comp-forms-message-color-fg-icon-light-error-default)}.ids-message.ids-message-light.ids-error-message .ids-message__text,.ids-message.ids-message-light.ids-error-message .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-light-error-default)}.ids-message.ids-success-message .ids-message__prefix{color:var(--ids-comp-forms-message-color-fg-icon-light-success-default)}.ids-message.ids-success-message .ids-message__text,.ids-message.ids-success-message .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-light-success-default)}.ids-message.ids-message-dark .ids-message__prefix{color:var(--ids-comp-forms-message-color-fg-icon-dark-default)}.ids-message.ids-message-dark .ids-message__text,.ids-message.ids-message-dark .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-dark-default)}.ids-message.ids-message-dark.ids-message-disabled .ids-message__prefix .ids-icon{color:var(--ids-comp-forms-message-color-fg-icon-dark-disabled)}.ids-message.ids-message-dark.ids-message-disabled .ids-message__text,.ids-message.ids-message-dark.ids-message-disabled .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-dark-disabled)}.ids-message.ids-message-dark.ids-error-message .ids-message__prefix{color:var(--ids-comp-forms-message-color-fg-icon-dark-error-default)}.ids-message.ids-message-dark.ids-error-message .ids-message__text,.ids-message.ids-message-dark.ids-error-message .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-dark-error-default)}.ids-message.ids-success-message .ids-message__prefix{color:var(--ids-comp-forms-message-color-fg-icon-dark-success-default)}.ids-message.ids-success-message .ids-message__text,.ids-message.ids-success-message .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-dark-success-default)}.ids-message.ids-message-surface .ids-message__prefix{color:var(--ids-comp-forms-message-color-fg-icon-surface-default)}.ids-message.ids-message-surface .ids-message__text,.ids-message.ids-message-surface .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-surface-default)}.ids-message.ids-message-surface.ids-message-disabled .ids-message__prefix .ids-icon{color:var(--ids-comp-forms-message-color-fg-icon-surface-disabled)}.ids-message.ids-message-surface.ids-message-disabled .ids-message__text,.ids-message.ids-message-surface.ids-message-disabled .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-surface-disabled)}.ids-message.ids-message-surface.ids-error-message .ids-message__prefix{color:var(--ids-comp-forms-message-color-fg-icon-surface-error-default)}.ids-message.ids-message-surface.ids-error-message .ids-message__text,.ids-message.ids-message-surface.ids-error-message .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-surface-error-default)}.ids-message.ids-success-message .ids-message__prefix{color:var(--ids-comp-forms-message-color-fg-icon-surface-success-default)}.ids-message.ids-success-message .ids-message__text,.ids-message.ids-success-message .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-surface-success-default)}
1
+ .ids-message{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:flex;justify-content:flex-start;align-items:center;font-style:normal}.ids-message::before,.ids-message::after,.ids-message *,.ids-message ::before,.ids-message ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-message .ids-message__prefix,.ids-message .ids-message__suffix{display:flex;align-items:center}.ids-message .ids-message__text{flex-grow:1;text-align:start}.ids-message .ids-icon{color:inherit;height:inherit;width:inherit}.ids-message.ids-message-compact{gap:var(--ids-comp-forms-message-size-gap-compact);padding:var(--ids-comp-forms-message-size-padding-y-compact) var(--ids-comp-forms-message-size-padding-x-compact);font-family:var(--ids-comp-forms-message-typography-font-family-compact);font-size:var(--ids-comp-forms-message-typography-font-size-compact);font-weight:var(--ids-comp-forms-message-typography-font-weight-compact);letter-spacing:var(--ids-comp-forms-message-typography-letter-spacing-compact);line-height:var(--ids-comp-forms-message-typography-line-height-compact)}.ids-message.ids-message-compact .ids-message__prefix{height:var(--ids-comp-forms-message-size-icon-height-compact);width:var(--ids-comp-forms-message-size-icon-width-compact)}.ids-message.ids-message-compact .ids-message__prefix>.ids-icon{font-size:var(--ids-comp-forms-message-icon-typography-font-size-compact);font-weight:var(--ids-comp-forms-message-icon-typography-font-weight-compact);line-height:var(--ids-comp-forms-message-icon-typography-line-height-compact)}.ids-message.ids-message-comfortable{gap:var(--ids-comp-forms-message-size-gap-comfortable);padding:var(--ids-comp-forms-message-size-padding-y-comfortable) var(--ids-comp-forms-message-size-padding-x-comfortable);font-family:var(--ids-comp-forms-message-typography-font-family-comfortable);font-size:var(--ids-comp-forms-message-typography-font-size-comfortable);font-weight:var(--ids-comp-forms-message-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-forms-message-typography-letter-spacing-comfortable);line-height:var(--ids-comp-forms-message-typography-line-height-comfortable)}.ids-message.ids-message-comfortable .ids-message__prefix{height:var(--ids-comp-forms-message-size-icon-height-comfortable);width:var(--ids-comp-forms-message-size-icon-width-comfortable)}.ids-message.ids-message-comfortable .ids-message__prefix>.ids-icon{font-size:var(--ids-comp-forms-message-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-forms-message-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-forms-message-icon-typography-line-height-comfortable)}.ids-message.ids-message-spacious{gap:var(--ids-comp-forms-message-size-gap-spacious);padding:var(--ids-comp-forms-message-size-padding-y-spacious) var(--ids-comp-forms-message-size-padding-x-spacious);font-family:var(--ids-comp-forms-message-typography-font-family-spacious);font-size:var(--ids-comp-forms-message-typography-font-size-spacious);font-weight:var(--ids-comp-forms-message-typography-font-weight-spacious);letter-spacing:var(--ids-comp-forms-message-typography-letter-spacing-spacious);line-height:var(--ids-comp-forms-message-typography-line-height-spacious)}.ids-message.ids-message-spacious .ids-message__prefix{height:var(--ids-comp-forms-message-size-icon-height-spacious);width:var(--ids-comp-forms-message-size-icon-width-spacious)}.ids-message.ids-message-spacious .ids-message__prefix>.ids-icon{font-size:var(--ids-comp-forms-message-icon-typography-font-size-spacious);font-weight:var(--ids-comp-forms-message-icon-typography-font-weight-spacious);line-height:var(--ids-comp-forms-message-icon-typography-line-height-spacious)}.ids-message.ids-message-dense{gap:var(--ids-comp-forms-message-size-gap-dense);padding:var(--ids-comp-forms-message-size-padding-y-dense) var(--ids-comp-forms-message-size-padding-x-dense);font-family:var(--ids-comp-forms-message-typography-font-family-dense);font-size:var(--ids-comp-forms-message-typography-font-size-dense);font-weight:var(--ids-comp-forms-message-typography-font-weight-dense);letter-spacing:var(--ids-comp-forms-message-typography-letter-spacing-dense);line-height:var(--ids-comp-forms-message-typography-line-height-dense)}.ids-message.ids-message-dense .ids-message__prefix{height:var(--ids-comp-forms-message-size-icon-height-dense);width:var(--ids-comp-forms-message-size-icon-width-dense)}.ids-message.ids-message-dense .ids-message__prefix>.ids-icon{font-size:var(--ids-comp-forms-message-icon-typography-font-size-dense);font-weight:var(--ids-comp-forms-message-icon-typography-font-weight-dense);line-height:var(--ids-comp-forms-message-icon-typography-line-height-dense)}.ids-message.ids-message-light .ids-message__prefix{color:var(--ids-comp-forms-message-color-fg-icon-light-default)}.ids-message.ids-message-light .ids-message__text,.ids-message.ids-message-light .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-light-default)}.ids-message.ids-message-light.ids-message-disabled .ids-message__prefix .ids-icon{color:var(--ids-comp-forms-message-color-fg-icon-light-disabled)}.ids-message.ids-message-light.ids-message-disabled .ids-message__text,.ids-message.ids-message-light.ids-message-disabled .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-light-disabled) !important}.ids-message.ids-message-light.ids-error-message .ids-message__prefix{color:var(--ids-comp-forms-message-color-fg-icon-light-error-default)}.ids-message.ids-message-light.ids-error-message .ids-message__text,.ids-message.ids-message-light.ids-error-message .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-light-error-default)}.ids-message.ids-success-message .ids-message__prefix{color:var(--ids-comp-forms-message-color-fg-icon-light-success-default)}.ids-message.ids-success-message .ids-message__text,.ids-message.ids-success-message .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-light-success-default)}.ids-message.ids-message-dark .ids-message__prefix{color:var(--ids-comp-forms-message-color-fg-icon-dark-default)}.ids-message.ids-message-dark .ids-message__text,.ids-message.ids-message-dark .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-dark-default)}.ids-message.ids-message-dark.ids-message-disabled .ids-message__prefix .ids-icon{color:var(--ids-comp-forms-message-color-fg-icon-dark-disabled)}.ids-message.ids-message-dark.ids-message-disabled .ids-message__text,.ids-message.ids-message-dark.ids-message-disabled .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-dark-disabled) !important}.ids-message.ids-message-dark.ids-error-message .ids-message__prefix{color:var(--ids-comp-forms-message-color-fg-icon-dark-error-default)}.ids-message.ids-message-dark.ids-error-message .ids-message__text,.ids-message.ids-message-dark.ids-error-message .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-dark-error-default)}.ids-message.ids-success-message .ids-message__prefix{color:var(--ids-comp-forms-message-color-fg-icon-dark-success-default)}.ids-message.ids-success-message .ids-message__text,.ids-message.ids-success-message .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-dark-success-default)}.ids-message.ids-message-surface .ids-message__prefix{color:var(--ids-comp-forms-message-color-fg-icon-surface-default)}.ids-message.ids-message-surface .ids-message__text,.ids-message.ids-message-surface .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-surface-default)}.ids-message.ids-message-surface.ids-message-disabled .ids-message__prefix .ids-icon{color:var(--ids-comp-forms-message-color-fg-icon-surface-disabled)}.ids-message.ids-message-surface.ids-message-disabled .ids-message__text,.ids-message.ids-message-surface.ids-message-disabled .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-surface-disabled) !important}.ids-message.ids-message-surface.ids-error-message .ids-message__prefix{color:var(--ids-comp-forms-message-color-fg-icon-surface-error-default)}.ids-message.ids-message-surface.ids-error-message .ids-message__text,.ids-message.ids-message-surface.ids-error-message .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-surface-error-default)}.ids-message.ids-success-message .ids-message__prefix{color:var(--ids-comp-forms-message-color-fg-icon-surface-success-default)}.ids-message.ids-success-message .ids-message__text,.ids-message.ids-success-message .ids-message__suffix{color:var(--ids-comp-forms-message-color-fg-text-surface-success-default)}
package/dist/form-elements/message/message.plugin.js CHANGED
@@ -102,7 +102,7 @@ module.exports = function MessagePlugin() {
102
102
  color: 'var(--ids-comp-forms-message-color-fg-icon-light-disabled)',
103
103
  },
104
104
  '.ids-message.ids-message-light.ids-message-disabled .ids-message__text,.ids-message.ids-message-light.ids-message-disabled .ids-message__suffix':
105
- { color: 'var(--ids-comp-forms-message-color-fg-text-light-disabled)' },
105
+ { color: 'var(--ids-comp-forms-message-color-fg-text-light-disabled) !important' },
106
106
  '.ids-message.ids-message-light.ids-error-message .ids-message__prefix': {
107
107
  color: 'var(--ids-comp-forms-message-color-fg-icon-light-error-default)',
108
108
  },
@@ -122,7 +122,7 @@ module.exports = function MessagePlugin() {
122
122
  color: 'var(--ids-comp-forms-message-color-fg-icon-dark-disabled)',
123
123
  },
124
124
  '.ids-message.ids-message-dark.ids-message-disabled .ids-message__text,.ids-message.ids-message-dark.ids-message-disabled .ids-message__suffix':
125
- { color: 'var(--ids-comp-forms-message-color-fg-text-dark-disabled)' },
125
+ { color: 'var(--ids-comp-forms-message-color-fg-text-dark-disabled) !important' },
126
126
  '.ids-message.ids-message-dark.ids-error-message .ids-message__prefix': {
127
127
  color: 'var(--ids-comp-forms-message-color-fg-icon-dark-error-default)',
128
128
  },
@@ -136,7 +136,7 @@ module.exports = function MessagePlugin() {
136
136
  color: 'var(--ids-comp-forms-message-color-fg-icon-surface-disabled)',
137
137
  },
138
138
  '.ids-message.ids-message-surface.ids-message-disabled .ids-message__text,.ids-message.ids-message-surface.ids-message-disabled .ids-message__suffix':
139
- { color: 'var(--ids-comp-forms-message-color-fg-text-surface-disabled)' },
139
+ { color: 'var(--ids-comp-forms-message-color-fg-text-surface-disabled) !important' },
140
140
  '.ids-message.ids-message-surface.ids-error-message .ids-message__prefix': {
141
141
  color: 'var(--ids-comp-forms-message-color-fg-icon-surface-error-default)',
142
142
  },
package/dist/icon/icon.css CHANGED
@@ -4,7 +4,6 @@
4
4
  border-style: none;
5
5
  border-color: transparent;
6
6
  line-height: 1.5;
7
- font-family: "IDS Icons";
8
7
  display: inline-flex;
9
8
  text-transform: none;
10
9
  letter-spacing: normal;
@@ -16,6 +15,10 @@
16
15
  fill: currentColor;
17
16
  align-items: center;
18
17
  justify-content: center;
18
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-compact);
19
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-comfortable);
20
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-spacious);
21
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-dense);
19
22
  }
20
23
  .ids-icon::before, .ids-icon::after, .ids-icon *, .ids-icon ::before, .ids-icon ::after {
21
24
  box-sizing: border-box;
@@ -24,48 +27,56 @@
24
27
  border-color: transparent;
25
28
  }
26
29
  .ids-icon.ids-icon-smallcollection-compact {
30
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-compact);
27
31
  height: var(--ids-comp-icon-size-smallcollection-height-compact);
28
32
  width: var(--ids-comp-icon-size-smallcollection-width-compact);
29
33
  font-size: var(--ids-comp-icon-typography-smallcollection-font-size-compact);
30
34
  line-height: var(--ids-comp-icon-typography-smallcollection-line-height-compact);
31
35
  }
32
36
  .ids-icon.ids-icon-smallcollection-comfortable {
37
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-comfortable);
33
38
  height: var(--ids-comp-icon-size-smallcollection-height-comfortable);
34
39
  width: var(--ids-comp-icon-size-smallcollection-width-comfortable);
35
40
  font-size: var(--ids-comp-icon-typography-smallcollection-font-size-comfortable);
36
41
  line-height: var(--ids-comp-icon-typography-smallcollection-line-height-comfortable);
37
42
  }
38
43
  .ids-icon.ids-icon-smallcollection-spacious {
44
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-spacious);
39
45
  height: var(--ids-comp-icon-size-smallcollection-height-spacious);
40
46
  width: var(--ids-comp-icon-size-smallcollection-width-spacious);
41
47
  font-size: var(--ids-comp-icon-typography-smallcollection-font-size-spacious);
42
48
  line-height: var(--ids-comp-icon-typography-smallcollection-line-height-spacious);
43
49
  }
44
50
  .ids-icon.ids-icon-smallcollection-dense {
51
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-dense);
45
52
  height: var(--ids-comp-icon-size-smallcollection-height-dense);
46
53
  width: var(--ids-comp-icon-size-smallcollection-width-dense);
47
54
  font-size: var(--ids-comp-icon-typography-smallcollection-font-size-dense);
48
55
  line-height: var(--ids-comp-icon-typography-smallcollection-line-height-dense);
49
56
  }
50
57
  .ids-icon.ids-icon-bigcollection-compact {
58
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-compact);
51
59
  height: var(--ids-comp-icon-size-bigcollection-height-compact);
52
60
  width: var(--ids-comp-icon-size-bigcollection-width-compact);
53
61
  font-size: var(--ids-comp-icon-typography-bigcollection-font-size-compact);
54
62
  line-height: var(--ids-comp-icon-typography-bigcollection-line-height-compact);
55
63
  }
56
64
  .ids-icon.ids-icon-bigcollection-comfortable {
65
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-comfortable);
57
66
  height: var(--ids-comp-icon-size-bigcollection-height-comfortable);
58
67
  width: var(--ids-comp-icon-size-bigcollection-width-comfortable);
59
68
  font-size: var(--ids-comp-icon-typography-bigcollection-font-size-comfortable);
60
69
  line-height: var(--ids-comp-icon-typography-bigcollection-line-height-comfortable);
61
70
  }
62
71
  .ids-icon.ids-icon-bigcollection-spacious {
72
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-spacious);
63
73
  height: var(--ids-comp-icon-size-bigcollection-height-spacious);
64
74
  width: var(--ids-comp-icon-size-bigcollection-width-spacious);
65
75
  font-size: var(--ids-comp-icon-typography-bigcollection-font-size-spacious);
66
76
  line-height: var(--ids-comp-icon-typography-bigcollection-line-height-spacious);
67
77
  }
68
78
  .ids-icon.ids-icon-bigcollection-dense {
79
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-dense);
69
80
  height: var(--ids-comp-icon-size-bigcollection-height-dense);
70
81
  width: var(--ids-comp-icon-size-bigcollection-width-dense);
71
82
  font-size: var(--ids-comp-icon-typography-bigcollection-font-size-dense);
package/dist/icon/icon.min.css CHANGED
@@ -1 +1 @@
1
- .ids-icon{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;font-family:"IDS Icons";display:inline-flex;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;background-repeat:no-repeat;overflow:hidden;fill:currentColor;align-items:center;justify-content:center}.ids-icon::before,.ids-icon::after,.ids-icon *,.ids-icon ::before,.ids-icon ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-icon.ids-icon-smallcollection-compact{height:var(--ids-comp-icon-size-smallcollection-height-compact);width:var(--ids-comp-icon-size-smallcollection-width-compact);font-size:var(--ids-comp-icon-typography-smallcollection-font-size-compact);line-height:var(--ids-comp-icon-typography-smallcollection-line-height-compact)}.ids-icon.ids-icon-smallcollection-comfortable{height:var(--ids-comp-icon-size-smallcollection-height-comfortable);width:var(--ids-comp-icon-size-smallcollection-width-comfortable);font-size:var(--ids-comp-icon-typography-smallcollection-font-size-comfortable);line-height:var(--ids-comp-icon-typography-smallcollection-line-height-comfortable)}.ids-icon.ids-icon-smallcollection-spacious{height:var(--ids-comp-icon-size-smallcollection-height-spacious);width:var(--ids-comp-icon-size-smallcollection-width-spacious);font-size:var(--ids-comp-icon-typography-smallcollection-font-size-spacious);line-height:var(--ids-comp-icon-typography-smallcollection-line-height-spacious)}.ids-icon.ids-icon-smallcollection-dense{height:var(--ids-comp-icon-size-smallcollection-height-dense);width:var(--ids-comp-icon-size-smallcollection-width-dense);font-size:var(--ids-comp-icon-typography-smallcollection-font-size-dense);line-height:var(--ids-comp-icon-typography-smallcollection-line-height-dense)}.ids-icon.ids-icon-bigcollection-compact{height:var(--ids-comp-icon-size-bigcollection-height-compact);width:var(--ids-comp-icon-size-bigcollection-width-compact);font-size:var(--ids-comp-icon-typography-bigcollection-font-size-compact);line-height:var(--ids-comp-icon-typography-bigcollection-line-height-compact)}.ids-icon.ids-icon-bigcollection-comfortable{height:var(--ids-comp-icon-size-bigcollection-height-comfortable);width:var(--ids-comp-icon-size-bigcollection-width-comfortable);font-size:var(--ids-comp-icon-typography-bigcollection-font-size-comfortable);line-height:var(--ids-comp-icon-typography-bigcollection-line-height-comfortable)}.ids-icon.ids-icon-bigcollection-spacious{height:var(--ids-comp-icon-size-bigcollection-height-spacious);width:var(--ids-comp-icon-size-bigcollection-width-spacious);font-size:var(--ids-comp-icon-typography-bigcollection-font-size-spacious);line-height:var(--ids-comp-icon-typography-bigcollection-line-height-spacious)}.ids-icon.ids-icon-bigcollection-dense{height:var(--ids-comp-icon-size-bigcollection-height-dense);width:var(--ids-comp-icon-size-bigcollection-width-dense);font-size:var(--ids-comp-icon-typography-bigcollection-font-size-dense);line-height:var(--ids-comp-icon-typography-bigcollection-line-height-dense)}.ids-icon.ids-icon-primary{color:var(--ids-comp-icon-color-primary-default)}.ids-icon.ids-icon-secondary{color:var(--ids-comp-icon-color-secondary-default)}.ids-icon.ids-icon-light{color:var(--ids-comp-icon-color-light-default)}.ids-icon.ids-icon-dark{color:var(--ids-comp-icon-color-dark-default)}.ids-icon.ids-icon-error{color:var(--ids-comp-icon-color-error-default)}.ids-icon.ids-icon-success{color:var(--ids-comp-icon-color-success-default)}.ids-icon.ids-icon-warning{color:var(--ids-comp-icon-color-warning-default)}.ids-icon.ids-icon-brand{color:var(--ids-comp-icon-color-brand-default)}.ids-icon.ids-icon-surface{color:var(--ids-comp-icon-color-surface-default)}.ids-icon svg{width:100%;height:100%}.ids-icon.ids-icon-font[fontIcon]::before{content:attr(fontIcon)}
1
+ .ids-icon{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:inline-flex;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;background-repeat:no-repeat;overflow:hidden;fill:currentColor;align-items:center;justify-content:center;font-family:var(--ids-comp-icon-typography-font-family-font-family-default-compact);font-family:var(--ids-comp-icon-typography-font-family-font-family-default-comfortable);font-family:var(--ids-comp-icon-typography-font-family-font-family-default-spacious);font-family:var(--ids-comp-icon-typography-font-family-font-family-default-dense)}.ids-icon::before,.ids-icon::after,.ids-icon *,.ids-icon ::before,.ids-icon ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-icon.ids-icon-smallcollection-compact{font-family:var(--ids-comp-icon-typography-font-family-font-family-default-compact);height:var(--ids-comp-icon-size-smallcollection-height-compact);width:var(--ids-comp-icon-size-smallcollection-width-compact);font-size:var(--ids-comp-icon-typography-smallcollection-font-size-compact);line-height:var(--ids-comp-icon-typography-smallcollection-line-height-compact)}.ids-icon.ids-icon-smallcollection-comfortable{font-family:var(--ids-comp-icon-typography-font-family-font-family-default-comfortable);height:var(--ids-comp-icon-size-smallcollection-height-comfortable);width:var(--ids-comp-icon-size-smallcollection-width-comfortable);font-size:var(--ids-comp-icon-typography-smallcollection-font-size-comfortable);line-height:var(--ids-comp-icon-typography-smallcollection-line-height-comfortable)}.ids-icon.ids-icon-smallcollection-spacious{font-family:var(--ids-comp-icon-typography-font-family-font-family-default-spacious);height:var(--ids-comp-icon-size-smallcollection-height-spacious);width:var(--ids-comp-icon-size-smallcollection-width-spacious);font-size:var(--ids-comp-icon-typography-smallcollection-font-size-spacious);line-height:var(--ids-comp-icon-typography-smallcollection-line-height-spacious)}.ids-icon.ids-icon-smallcollection-dense{font-family:var(--ids-comp-icon-typography-font-family-font-family-default-dense);height:var(--ids-comp-icon-size-smallcollection-height-dense);width:var(--ids-comp-icon-size-smallcollection-width-dense);font-size:var(--ids-comp-icon-typography-smallcollection-font-size-dense);line-height:var(--ids-comp-icon-typography-smallcollection-line-height-dense)}.ids-icon.ids-icon-bigcollection-compact{font-family:var(--ids-comp-icon-typography-font-family-font-family-default-compact);height:var(--ids-comp-icon-size-bigcollection-height-compact);width:var(--ids-comp-icon-size-bigcollection-width-compact);font-size:var(--ids-comp-icon-typography-bigcollection-font-size-compact);line-height:var(--ids-comp-icon-typography-bigcollection-line-height-compact)}.ids-icon.ids-icon-bigcollection-comfortable{font-family:var(--ids-comp-icon-typography-font-family-font-family-default-comfortable);height:var(--ids-comp-icon-size-bigcollection-height-comfortable);width:var(--ids-comp-icon-size-bigcollection-width-comfortable);font-size:var(--ids-comp-icon-typography-bigcollection-font-size-comfortable);line-height:var(--ids-comp-icon-typography-bigcollection-line-height-comfortable)}.ids-icon.ids-icon-bigcollection-spacious{font-family:var(--ids-comp-icon-typography-font-family-font-family-default-spacious);height:var(--ids-comp-icon-size-bigcollection-height-spacious);width:var(--ids-comp-icon-size-bigcollection-width-spacious);font-size:var(--ids-comp-icon-typography-bigcollection-font-size-spacious);line-height:var(--ids-comp-icon-typography-bigcollection-line-height-spacious)}.ids-icon.ids-icon-bigcollection-dense{font-family:var(--ids-comp-icon-typography-font-family-font-family-default-dense);height:var(--ids-comp-icon-size-bigcollection-height-dense);width:var(--ids-comp-icon-size-bigcollection-width-dense);font-size:var(--ids-comp-icon-typography-bigcollection-font-size-dense);line-height:var(--ids-comp-icon-typography-bigcollection-line-height-dense)}.ids-icon.ids-icon-primary{color:var(--ids-comp-icon-color-primary-default)}.ids-icon.ids-icon-secondary{color:var(--ids-comp-icon-color-secondary-default)}.ids-icon.ids-icon-light{color:var(--ids-comp-icon-color-light-default)}.ids-icon.ids-icon-dark{color:var(--ids-comp-icon-color-dark-default)}.ids-icon.ids-icon-error{color:var(--ids-comp-icon-color-error-default)}.ids-icon.ids-icon-success{color:var(--ids-comp-icon-color-success-default)}.ids-icon.ids-icon-warning{color:var(--ids-comp-icon-color-warning-default)}.ids-icon.ids-icon-brand{color:var(--ids-comp-icon-color-brand-default)}.ids-icon.ids-icon-surface{color:var(--ids-comp-icon-color-surface-default)}.ids-icon svg{width:100%;height:100%}.ids-icon.ids-icon-font[fontIcon]::before{content:attr(fontIcon)}
package/dist/icon/icon.plugin.js CHANGED
@@ -8,7 +8,6 @@ module.exports = function IconPlugin() {
8
8
  borderStyle: 'none',
9
9
  borderColor: 'rgba(0,0,0,0)',
10
10
  lineHeight: 1.5,
11
- fontFamily: '"IDS Icons"',
12
11
  display: 'inline-flex',
13
12
  textTransform: 'none',
14
13
  letterSpacing: 'normal',
@@ -20,6 +19,12 @@ module.exports = function IconPlugin() {
20
19
  fill: 'currentColor',
21
20
  alignItems: 'center',
22
21
  justifyContent: 'center',
22
+ fontFamily: [
23
+ 'var(--ids-comp-icon-typography-font-family-font-family-default-compact)',
24
+ 'var(--ids-comp-icon-typography-font-family-font-family-default-comfortable)',
25
+ 'var(--ids-comp-icon-typography-font-family-font-family-default-spacious)',
26
+ 'var(--ids-comp-icon-typography-font-family-font-family-default-dense)',
27
+ ],
23
28
  },
24
29
  '.ids-icon::before,.ids-icon::after,.ids-icon *,.ids-icon ::before,.ids-icon ::after': {
25
30
  boxSizing: 'border-box',
@@ -28,48 +33,56 @@ module.exports = function IconPlugin() {
28
33
  borderColor: 'rgba(0,0,0,0)',
29
34
  },
30
35
  '.ids-icon.ids-icon-smallcollection-compact': {
36
+ fontFamily: 'var(--ids-comp-icon-typography-font-family-font-family-default-compact)',
31
37
  height: 'var(--ids-comp-icon-size-smallcollection-height-compact)',
32
38
  width: 'var(--ids-comp-icon-size-smallcollection-width-compact)',
33
39
  fontSize: 'var(--ids-comp-icon-typography-smallcollection-font-size-compact)',
34
40
  lineHeight: 'var(--ids-comp-icon-typography-smallcollection-line-height-compact)',
35
41
  },
36
42
  '.ids-icon.ids-icon-smallcollection-comfortable': {
43
+ fontFamily: 'var(--ids-comp-icon-typography-font-family-font-family-default-comfortable)',
37
44
  height: 'var(--ids-comp-icon-size-smallcollection-height-comfortable)',
38
45
  width: 'var(--ids-comp-icon-size-smallcollection-width-comfortable)',
39
46
  fontSize: 'var(--ids-comp-icon-typography-smallcollection-font-size-comfortable)',
40
47
  lineHeight: 'var(--ids-comp-icon-typography-smallcollection-line-height-comfortable)',
41
48
  },
42
49
  '.ids-icon.ids-icon-smallcollection-spacious': {
50
+ fontFamily: 'var(--ids-comp-icon-typography-font-family-font-family-default-spacious)',
43
51
  height: 'var(--ids-comp-icon-size-smallcollection-height-spacious)',
44
52
  width: 'var(--ids-comp-icon-size-smallcollection-width-spacious)',
45
53
  fontSize: 'var(--ids-comp-icon-typography-smallcollection-font-size-spacious)',
46
54
  lineHeight: 'var(--ids-comp-icon-typography-smallcollection-line-height-spacious)',
47
55
  },
48
56
  '.ids-icon.ids-icon-smallcollection-dense': {
57
+ fontFamily: 'var(--ids-comp-icon-typography-font-family-font-family-default-dense)',
49
58
  height: 'var(--ids-comp-icon-size-smallcollection-height-dense)',
50
59
  width: 'var(--ids-comp-icon-size-smallcollection-width-dense)',
51
60
  fontSize: 'var(--ids-comp-icon-typography-smallcollection-font-size-dense)',
52
61
  lineHeight: 'var(--ids-comp-icon-typography-smallcollection-line-height-dense)',
53
62
  },
54
63
  '.ids-icon.ids-icon-bigcollection-compact': {
64
+ fontFamily: 'var(--ids-comp-icon-typography-font-family-font-family-default-compact)',
55
65
  height: 'var(--ids-comp-icon-size-bigcollection-height-compact)',
56
66
  width: 'var(--ids-comp-icon-size-bigcollection-width-compact)',
57
67
  fontSize: 'var(--ids-comp-icon-typography-bigcollection-font-size-compact)',
58
68
  lineHeight: 'var(--ids-comp-icon-typography-bigcollection-line-height-compact)',
59
69
  },
60
70
  '.ids-icon.ids-icon-bigcollection-comfortable': {
71
+ fontFamily: 'var(--ids-comp-icon-typography-font-family-font-family-default-comfortable)',
61
72
  height: 'var(--ids-comp-icon-size-bigcollection-height-comfortable)',
62
73
  width: 'var(--ids-comp-icon-size-bigcollection-width-comfortable)',
63
74
  fontSize: 'var(--ids-comp-icon-typography-bigcollection-font-size-comfortable)',
64
75
  lineHeight: 'var(--ids-comp-icon-typography-bigcollection-line-height-comfortable)',
65
76
  },
66
77
  '.ids-icon.ids-icon-bigcollection-spacious': {
78
+ fontFamily: 'var(--ids-comp-icon-typography-font-family-font-family-default-spacious)',
67
79
  height: 'var(--ids-comp-icon-size-bigcollection-height-spacious)',
68
80
  width: 'var(--ids-comp-icon-size-bigcollection-width-spacious)',
69
81
  fontSize: 'var(--ids-comp-icon-typography-bigcollection-font-size-spacious)',
70
82
  lineHeight: 'var(--ids-comp-icon-typography-bigcollection-line-height-spacious)',
71
83
  },
72
84
  '.ids-icon.ids-icon-bigcollection-dense': {
85
+ fontFamily: 'var(--ids-comp-icon-typography-font-family-font-family-default-dense)',
73
86
  height: 'var(--ids-comp-icon-size-bigcollection-height-dense)',
74
87
  width: 'var(--ids-comp-icon-size-bigcollection-width-dense)',
75
88
  fontSize: 'var(--ids-comp-icon-typography-bigcollection-font-size-dense)',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@i-cell/ids-styles",
3
- "version": "0.0.56",
3
+ "version": "0.0.57",
4
4
  "private": false,
5
5
  "description": "Stylesheets for i-Cell Design System UI Kit components (currently Vue and Angular)",
6
6
  "scripts": {
@@ -36,7 +36,7 @@
36
36
  },
37
37
  "homepage": "https://github.com/i-Cell-Mobilsoft-Open-Source/ids-styles#readme",
38
38
  "devDependencies": {
39
- "@i-cell/ids-tokens": "0.0.35",
39
+ "@i-cell/ids-tokens": "0.0.37",
40
40
  "commander": "^12.1.0",
41
41
  "gulp": "^5.0.0",
42
42
  "gulp-prettier": "^6.0.0",