@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.css CHANGED
@@ -7290,7 +7290,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
7290
7290
  }
7291
7291
  .ids-message.ids-message-light.ids-message-disabled .ids-message__text,
7292
7292
  .ids-message.ids-message-light.ids-message-disabled .ids-message__suffix {
7293
- color: var(--ids-comp-forms-message-color-fg-text-light-disabled);
7293
+ color: var(--ids-comp-forms-message-color-fg-text-light-disabled) !important;
7294
7294
  }
7295
7295
  .ids-message.ids-message-light.ids-error-message .ids-message__prefix {
7296
7296
  color: var(--ids-comp-forms-message-color-fg-icon-light-error-default);
@@ -7318,7 +7318,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
7318
7318
  }
7319
7319
  .ids-message.ids-message-dark.ids-message-disabled .ids-message__text,
7320
7320
  .ids-message.ids-message-dark.ids-message-disabled .ids-message__suffix {
7321
- color: var(--ids-comp-forms-message-color-fg-text-dark-disabled);
7321
+ color: var(--ids-comp-forms-message-color-fg-text-dark-disabled) !important;
7322
7322
  }
7323
7323
  .ids-message.ids-message-dark.ids-error-message .ids-message__prefix {
7324
7324
  color: var(--ids-comp-forms-message-color-fg-icon-dark-error-default);
@@ -7346,7 +7346,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
7346
7346
  }
7347
7347
  .ids-message.ids-message-surface.ids-message-disabled .ids-message__text,
7348
7348
  .ids-message.ids-message-surface.ids-message-disabled .ids-message__suffix {
7349
- color: var(--ids-comp-forms-message-color-fg-text-surface-disabled);
7349
+ color: var(--ids-comp-forms-message-color-fg-text-surface-disabled) !important;
7350
7350
  }
7351
7351
  .ids-message.ids-message-surface.ids-error-message .ids-message__prefix {
7352
7352
  color: var(--ids-comp-forms-message-color-fg-icon-surface-error-default);
@@ -7376,7 +7376,6 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
7376
7376
  border-style: none;
7377
7377
  border-color: transparent;
7378
7378
  line-height: 1.5;
7379
- font-family: "IDS Icons";
7380
7379
  display: inline-flex;
7381
7380
  text-transform: none;
7382
7381
  letter-spacing: normal;
@@ -7388,6 +7387,10 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
7388
7387
  fill: currentColor;
7389
7388
  align-items: center;
7390
7389
  justify-content: center;
7390
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-compact);
7391
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-comfortable);
7392
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-spacious);
7393
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-dense);
7391
7394
  }
7392
7395
  .ids-icon::before, .ids-icon::after, .ids-icon *, .ids-icon ::before, .ids-icon ::after {
7393
7396
  box-sizing: border-box;
@@ -7396,48 +7399,56 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
7396
7399
  border-color: transparent;
7397
7400
  }
7398
7401
  .ids-icon.ids-icon-smallcollection-compact {
7402
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-compact);
7399
7403
  height: var(--ids-comp-icon-size-smallcollection-height-compact);
7400
7404
  width: var(--ids-comp-icon-size-smallcollection-width-compact);
7401
7405
  font-size: var(--ids-comp-icon-typography-smallcollection-font-size-compact);
7402
7406
  line-height: var(--ids-comp-icon-typography-smallcollection-line-height-compact);
7403
7407
  }
7404
7408
  .ids-icon.ids-icon-smallcollection-comfortable {
7409
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-comfortable);
7405
7410
  height: var(--ids-comp-icon-size-smallcollection-height-comfortable);
7406
7411
  width: var(--ids-comp-icon-size-smallcollection-width-comfortable);
7407
7412
  font-size: var(--ids-comp-icon-typography-smallcollection-font-size-comfortable);
7408
7413
  line-height: var(--ids-comp-icon-typography-smallcollection-line-height-comfortable);
7409
7414
  }
7410
7415
  .ids-icon.ids-icon-smallcollection-spacious {
7416
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-spacious);
7411
7417
  height: var(--ids-comp-icon-size-smallcollection-height-spacious);
7412
7418
  width: var(--ids-comp-icon-size-smallcollection-width-spacious);
7413
7419
  font-size: var(--ids-comp-icon-typography-smallcollection-font-size-spacious);
7414
7420
  line-height: var(--ids-comp-icon-typography-smallcollection-line-height-spacious);
7415
7421
  }
7416
7422
  .ids-icon.ids-icon-smallcollection-dense {
7423
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-dense);
7417
7424
  height: var(--ids-comp-icon-size-smallcollection-height-dense);
7418
7425
  width: var(--ids-comp-icon-size-smallcollection-width-dense);
7419
7426
  font-size: var(--ids-comp-icon-typography-smallcollection-font-size-dense);
7420
7427
  line-height: var(--ids-comp-icon-typography-smallcollection-line-height-dense);
7421
7428
  }
7422
7429
  .ids-icon.ids-icon-bigcollection-compact {
7430
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-compact);
7423
7431
  height: var(--ids-comp-icon-size-bigcollection-height-compact);
7424
7432
  width: var(--ids-comp-icon-size-bigcollection-width-compact);
7425
7433
  font-size: var(--ids-comp-icon-typography-bigcollection-font-size-compact);
7426
7434
  line-height: var(--ids-comp-icon-typography-bigcollection-line-height-compact);
7427
7435
  }
7428
7436
  .ids-icon.ids-icon-bigcollection-comfortable {
7437
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-comfortable);
7429
7438
  height: var(--ids-comp-icon-size-bigcollection-height-comfortable);
7430
7439
  width: var(--ids-comp-icon-size-bigcollection-width-comfortable);
7431
7440
  font-size: var(--ids-comp-icon-typography-bigcollection-font-size-comfortable);
7432
7441
  line-height: var(--ids-comp-icon-typography-bigcollection-line-height-comfortable);
7433
7442
  }
7434
7443
  .ids-icon.ids-icon-bigcollection-spacious {
7444
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-spacious);
7435
7445
  height: var(--ids-comp-icon-size-bigcollection-height-spacious);
7436
7446
  width: var(--ids-comp-icon-size-bigcollection-width-spacious);
7437
7447
  font-size: var(--ids-comp-icon-typography-bigcollection-font-size-spacious);
7438
7448
  line-height: var(--ids-comp-icon-typography-bigcollection-line-height-spacious);
7439
7449
  }
7440
7450
  .ids-icon.ids-icon-bigcollection-dense {
7451
+ font-family: var(--ids-comp-icon-typography-font-family-font-family-default-dense);
7441
7452
  height: var(--ids-comp-icon-size-bigcollection-height-dense);
7442
7453
  width: var(--ids-comp-icon-size-bigcollection-width-dense);
7443
7454
  font-size: var(--ids-comp-icon-typography-bigcollection-font-size-dense);