@inera/ids-design 7.0.1 → 7.1.0

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 (76) hide show
  1. package/components/accordion/accordion-lit.js +1 -1
  2. package/components/accordion/accordion.css +7 -3
  3. package/components/alert/alert-lit.js +1 -1
  4. package/components/alert/alert.css +13 -1
  5. package/components/alert-global/alert-global-lit.js +1 -1
  6. package/components/alert-global/alert-global.css +4 -0
  7. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  8. package/components/breadcrumbs/breadcrumbs.css +2 -0
  9. package/components/carousel/carousel-lit.js +1 -1
  10. package/components/carousel/carousel.css +2 -0
  11. package/components/data-table/data-table-lit.js +1 -1
  12. package/components/data-table/data-table.css +4 -1
  13. package/components/dialog/dialog-lit.js +1 -1
  14. package/components/dialog/dialog.css +2 -0
  15. package/components/footer-1177/footer-1177-lit.js +1 -1
  16. package/components/footer-1177/footer-1177.css +2 -0
  17. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  18. package/components/footer-1177-admin/footer-1177-admin.css +2 -0
  19. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  20. package/components/footer-1177-pro/footer-1177-pro.css +2 -0
  21. package/components/form/error-message/error-message-lit.js +1 -1
  22. package/components/form/error-message/error-message.css +2 -0
  23. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  24. package/components/form/select-multiple/select-multiple.css +2 -0
  25. package/components/header-1177/composite-header-1177.css +62 -10
  26. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  27. package/components/header-1177/header-1177-avatar.css +50 -10
  28. package/components/header-1177/header-1177-item-lit.js +1 -1
  29. package/components/header-1177/header-1177-item.css +4 -0
  30. package/components/header-1177/header-1177-lit.js +1 -1
  31. package/components/header-1177/header-1177.css +8 -0
  32. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  33. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  34. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +2 -0
  35. package/components/header-1177-admin/header-1177-admin-avatar.css +16 -0
  36. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  37. package/components/header-1177-admin/header-1177-admin.css +4 -0
  38. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  39. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  40. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +6 -0
  41. package/components/header-1177-pro/header-1177-pro-avatar.css +16 -0
  42. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  43. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  44. package/components/header-1177-pro/header-1177-pro-region-picker.css +28 -0
  45. package/components/header-1177-pro/header-1177-pro.css +4 -0
  46. package/components/header-inera/header-inera-lit.js +1 -1
  47. package/components/header-inera/header-inera.css +2 -0
  48. package/components/header-inera-admin/composite-header-inera-admin.css +2 -0
  49. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  50. package/components/header-inera-admin/header-inera-admin-avatar.css +2 -0
  51. package/components/header-patient/header-patient-lit.js +1 -1
  52. package/components/header-patient/header-patient.css +2 -0
  53. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  54. package/components/mobile-menu/mobile-menu.css +14 -0
  55. package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
  56. package/components/pagination/data-pagination/data-pagination.css +6 -0
  57. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  58. package/components/pagination/list-pagination/list-pagination.css +4 -0
  59. package/components/popover/popover-content-lit.js +1 -1
  60. package/components/popover/popover-content.css +2 -0
  61. package/components/puff-list/puff-list-lit.js +1 -1
  62. package/components/puff-list/puff-list.css +2 -0
  63. package/components/side-menu/side-menu-lit.js +1 -1
  64. package/components/side-menu/side-menu.css +4 -0
  65. package/components/side-panel/side-panel-lit.js +1 -1
  66. package/components/side-panel/side-panel.css +2 -0
  67. package/components/stepper/stepper-lit.js +1 -1
  68. package/components/stepper/stepper.css +6 -0
  69. package/components/tabs/tabs-lit.js +1 -1
  70. package/components/tag/tag-lit.js +1 -1
  71. package/components/tag/tag.css +2 -0
  72. package/package.json +1 -1
  73. package/themes/1177/1177.css +30 -7
  74. package/themes/1177-pro/1177-pro.css +30 -7
  75. package/themes/inera/inera.css +30 -7
  76. package/themes/inera-admin/inera-admin.css +31 -8
package/themes/inera/inera.css CHANGED
@@ -1129,7 +1129,7 @@ body.ids {
1129
1129
 
1130
1130
  /* Margin Bottom */
1131
1131
  .ids-mb-0 {
1132
- margin-bottom: 0 px;
1132
+ margin-bottom: 0px;
1133
1133
  }
1134
1134
 
1135
1135
  .ids .ids-mb-1 {
@@ -1186,7 +1186,7 @@ body.ids {
1186
1186
 
1187
1187
  /* Checkpoint */
1188
1188
  .ids-me-0 {
1189
- margin-inline-end: 0 px;
1189
+ margin-inline-end: 0px;
1190
1190
  }
1191
1191
 
1192
1192
  .ids-me-1 {
@@ -1246,7 +1246,7 @@ body.ids {
1246
1246
  }
1247
1247
 
1248
1248
  .ids-ms-0 {
1249
- margin-inline-start: 0 px;
1249
+ margin-inline-start: 0px;
1250
1250
  }
1251
1251
 
1252
1252
  .ids-ms-1 {
@@ -1398,7 +1398,7 @@ body.ids {
1398
1398
  }
1399
1399
 
1400
1400
  .ids-p-0 {
1401
- padding: 0 px;
1401
+ padding: 0px;
1402
1402
  }
1403
1403
 
1404
1404
  .ids-p-1 {
@@ -1450,7 +1450,7 @@ body.ids {
1450
1450
  }
1451
1451
 
1452
1452
  .ids-pe-0 {
1453
- padding-inline-end: 0 px;
1453
+ padding-inline-end: 0px;
1454
1454
  }
1455
1455
 
1456
1456
  .ids-pe-1 {
@@ -1502,7 +1502,7 @@ body.ids {
1502
1502
  }
1503
1503
 
1504
1504
  .ids-ps-0 {
1505
- padding-inline-start: 0 px;
1505
+ padding-inline-start: 0px;
1506
1506
  }
1507
1507
 
1508
1508
  .ids-ps-1 {
@@ -4086,6 +4086,8 @@ input:focus + .ids-checkbox input::before {
4086
4086
  display: block;
4087
4087
  position: absolute;
4088
4088
  pointer-events: none;
4089
+ -webkit-font-smoothing: antialiased;
4090
+ -moz-osx-font-smoothing: grayscale;
4089
4091
  content: "\e93a";
4090
4092
  font-size: 1rem;
4091
4093
  color: var(--IDS-ICON__COLOR);
@@ -4100,6 +4102,8 @@ input:focus + .ids-checkbox input::before {
4100
4102
  display: block;
4101
4103
  position: absolute;
4102
4104
  pointer-events: none;
4105
+ -webkit-font-smoothing: antialiased;
4106
+ -moz-osx-font-smoothing: grayscale;
4103
4107
  content: "\e92b";
4104
4108
  font-size: 1rem;
4105
4109
  top: 0.125rem;
@@ -4182,6 +4186,8 @@ input:focus + .ids-checkbox input::before {
4182
4186
  display: block;
4183
4187
  position: absolute;
4184
4188
  pointer-events: none;
4189
+ -webkit-font-smoothing: antialiased;
4190
+ -moz-osx-font-smoothing: grayscale;
4185
4191
  }
4186
4192
  .ids-check-button .ids-check-button__input[type=checkbox],
4187
4193
  .ids-check-button .ids-check-button__input {
@@ -4206,6 +4212,8 @@ input:focus + .ids-checkbox input::before {
4206
4212
  display: block;
4207
4213
  position: absolute;
4208
4214
  pointer-events: none;
4215
+ -webkit-font-smoothing: antialiased;
4216
+ -moz-osx-font-smoothing: grayscale;
4209
4217
  content: "\e93a";
4210
4218
  font-size: 1rem;
4211
4219
  top: 50%;
@@ -4288,6 +4296,8 @@ input:focus + .ids-checkbox input::before {
4288
4296
  display: block;
4289
4297
  position: absolute;
4290
4298
  pointer-events: none;
4299
+ -webkit-font-smoothing: antialiased;
4300
+ -moz-osx-font-smoothing: grayscale;
4291
4301
  font-size: 1.25rem;
4292
4302
  left: 0;
4293
4303
  top: 50%;
@@ -4312,6 +4322,8 @@ input:focus + .ids-checkbox input::before {
4312
4322
  display: block;
4313
4323
  position: absolute;
4314
4324
  pointer-events: none;
4325
+ -webkit-font-smoothing: antialiased;
4326
+ -moz-osx-font-smoothing: grayscale;
4315
4327
  content: "\e93a";
4316
4328
  font-size: 1.25rem;
4317
4329
  left: 0;
@@ -4404,6 +4416,8 @@ input:focus + .ids-checkbox input::before {
4404
4416
  display: block;
4405
4417
  position: absolute;
4406
4418
  pointer-events: none;
4419
+ -webkit-font-smoothing: antialiased;
4420
+ -moz-osx-font-smoothing: grayscale;
4407
4421
  content: "\e919";
4408
4422
  font-size: 1.875rem;
4409
4423
  color: var(--IDS-ICON__COLOR);
@@ -4596,6 +4610,8 @@ input:focus + .ids-checkbox input::before {
4596
4610
  display: block;
4597
4611
  position: absolute;
4598
4612
  pointer-events: none;
4613
+ -webkit-font-smoothing: antialiased;
4614
+ -moz-osx-font-smoothing: grayscale;
4599
4615
  content: "\e936";
4600
4616
  color: var(--IDS-ICON__COLOR);
4601
4617
  width: 1rem;
@@ -4732,6 +4748,8 @@ input:focus + .ids-checkbox input::before {
4732
4748
  display: block;
4733
4749
  position: absolute;
4734
4750
  pointer-events: none;
4751
+ -webkit-font-smoothing: antialiased;
4752
+ -moz-osx-font-smoothing: grayscale;
4735
4753
  content: "\e922";
4736
4754
  font-size: 1.25rem;
4737
4755
  color: var(--IDS-ICON__COLOR);
@@ -4861,6 +4879,8 @@ input:focus + .ids-toggle input:before {
4861
4879
  display: block;
4862
4880
  position: absolute;
4863
4881
  pointer-events: none;
4882
+ -webkit-font-smoothing: antialiased;
4883
+ -moz-osx-font-smoothing: grayscale;
4864
4884
  content: "\e934";
4865
4885
  display: inline-block;
4866
4886
  font-size: 0.75rem;
@@ -4887,6 +4907,8 @@ input:focus + .ids-toggle input:before {
4887
4907
  display: block;
4888
4908
  position: absolute;
4889
4909
  pointer-events: none;
4910
+ -webkit-font-smoothing: antialiased;
4911
+ -moz-osx-font-smoothing: grayscale;
4890
4912
  content: "\e93a";
4891
4913
  font-size: 0.875rem;
4892
4914
  line-height: 1.5rem;
@@ -5821,6 +5843,7 @@ input[type=search]::-webkit-search-results-decoration {
5821
5843
  --IDS-DATA-TABLE__CELL-BACKGROUND_COLOR: var(--IDS-COLOR-NEUTRAL-100);
5822
5844
  --IDS-DATA-TABLE__ROW--SELECTED__COLOR: var(--IDS-COLOR-SECONDARY-90);
5823
5845
  --IDS-DATA-TABLE__CELL-BORDER_COLOR: var(--IDS-COLOR-NEUTRAL-40);
5846
+ --IDS-DATA-TABLE--HOVER-OUTLINE: var(--IDS-COLOR-NEUTRAL-40);
5824
5847
  /* Date label */
5825
5848
  --IDS-DATE-LABEL__DAY-FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
5826
5849
  --IDS-DATE-LABEL__DAY-COLOR: var(--IDS-COLOR-ACCENT-40);
@@ -5840,7 +5863,7 @@ input[type=search]::-webkit-search-results-decoration {
5840
5863
  --IDS-DESCRIPTION-LIST--COLUMN__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
5841
5864
  --IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS: 0.313rem;
5842
5865
  --IDS-DESCRIPTION-LIST--COLUMN__PADDING: 0.5rem 1rem;
5843
- --IDS-DESCRIPTION-LIST--COLUMN__TERM-BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-90);
5866
+ --IDS-DESCRIPTION-LIST--COLUMN__TERM-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
5844
5867
  --IDS-DESCRIPTION-LIST--COLUMN__DESCRIPTION-MARGIN-BOTTOM: 0;
5845
5868
  /* Dialog */
5846
5869
  --IDS-DIALOG__COLOR: var(--IDS-COLOR-NEUTRAL-20);
package/themes/inera-admin/inera-admin.css CHANGED
@@ -1129,7 +1129,7 @@ body.ids {
1129
1129
 
1130
1130
  /* Margin Bottom */
1131
1131
  .ids-mb-0 {
1132
- margin-bottom: 0 px;
1132
+ margin-bottom: 0px;
1133
1133
  }
1134
1134
 
1135
1135
  .ids .ids-mb-1 {
@@ -1186,7 +1186,7 @@ body.ids {
1186
1186
 
1187
1187
  /* Checkpoint */
1188
1188
  .ids-me-0 {
1189
- margin-inline-end: 0 px;
1189
+ margin-inline-end: 0px;
1190
1190
  }
1191
1191
 
1192
1192
  .ids-me-1 {
@@ -1246,7 +1246,7 @@ body.ids {
1246
1246
  }
1247
1247
 
1248
1248
  .ids-ms-0 {
1249
- margin-inline-start: 0 px;
1249
+ margin-inline-start: 0px;
1250
1250
  }
1251
1251
 
1252
1252
  .ids-ms-1 {
@@ -1398,7 +1398,7 @@ body.ids {
1398
1398
  }
1399
1399
 
1400
1400
  .ids-p-0 {
1401
- padding: 0 px;
1401
+ padding: 0px;
1402
1402
  }
1403
1403
 
1404
1404
  .ids-p-1 {
@@ -1450,7 +1450,7 @@ body.ids {
1450
1450
  }
1451
1451
 
1452
1452
  .ids-pe-0 {
1453
- padding-inline-end: 0 px;
1453
+ padding-inline-end: 0px;
1454
1454
  }
1455
1455
 
1456
1456
  .ids-pe-1 {
@@ -1502,7 +1502,7 @@ body.ids {
1502
1502
  }
1503
1503
 
1504
1504
  .ids-ps-0 {
1505
- padding-inline-start: 0 px;
1505
+ padding-inline-start: 0px;
1506
1506
  }
1507
1507
 
1508
1508
  .ids-ps-1 {
@@ -4086,6 +4086,8 @@ input:focus + .ids-checkbox input::before {
4086
4086
  display: block;
4087
4087
  position: absolute;
4088
4088
  pointer-events: none;
4089
+ -webkit-font-smoothing: antialiased;
4090
+ -moz-osx-font-smoothing: grayscale;
4089
4091
  content: "\e93a";
4090
4092
  font-size: 1rem;
4091
4093
  color: var(--IDS-ICON__COLOR);
@@ -4100,6 +4102,8 @@ input:focus + .ids-checkbox input::before {
4100
4102
  display: block;
4101
4103
  position: absolute;
4102
4104
  pointer-events: none;
4105
+ -webkit-font-smoothing: antialiased;
4106
+ -moz-osx-font-smoothing: grayscale;
4103
4107
  content: "\e92b";
4104
4108
  font-size: 1rem;
4105
4109
  top: 0.125rem;
@@ -4182,6 +4186,8 @@ input:focus + .ids-checkbox input::before {
4182
4186
  display: block;
4183
4187
  position: absolute;
4184
4188
  pointer-events: none;
4189
+ -webkit-font-smoothing: antialiased;
4190
+ -moz-osx-font-smoothing: grayscale;
4185
4191
  }
4186
4192
  .ids-check-button .ids-check-button__input[type=checkbox],
4187
4193
  .ids-check-button .ids-check-button__input {
@@ -4206,6 +4212,8 @@ input:focus + .ids-checkbox input::before {
4206
4212
  display: block;
4207
4213
  position: absolute;
4208
4214
  pointer-events: none;
4215
+ -webkit-font-smoothing: antialiased;
4216
+ -moz-osx-font-smoothing: grayscale;
4209
4217
  content: "\e93a";
4210
4218
  font-size: 1rem;
4211
4219
  top: 50%;
@@ -4288,6 +4296,8 @@ input:focus + .ids-checkbox input::before {
4288
4296
  display: block;
4289
4297
  position: absolute;
4290
4298
  pointer-events: none;
4299
+ -webkit-font-smoothing: antialiased;
4300
+ -moz-osx-font-smoothing: grayscale;
4291
4301
  font-size: 1.25rem;
4292
4302
  left: 0;
4293
4303
  top: 50%;
@@ -4312,6 +4322,8 @@ input:focus + .ids-checkbox input::before {
4312
4322
  display: block;
4313
4323
  position: absolute;
4314
4324
  pointer-events: none;
4325
+ -webkit-font-smoothing: antialiased;
4326
+ -moz-osx-font-smoothing: grayscale;
4315
4327
  content: "\e93a";
4316
4328
  font-size: 1.25rem;
4317
4329
  left: 0;
@@ -4404,6 +4416,8 @@ input:focus + .ids-checkbox input::before {
4404
4416
  display: block;
4405
4417
  position: absolute;
4406
4418
  pointer-events: none;
4419
+ -webkit-font-smoothing: antialiased;
4420
+ -moz-osx-font-smoothing: grayscale;
4407
4421
  content: "\e919";
4408
4422
  font-size: 1.875rem;
4409
4423
  color: var(--IDS-ICON__COLOR);
@@ -4596,6 +4610,8 @@ input:focus + .ids-checkbox input::before {
4596
4610
  display: block;
4597
4611
  position: absolute;
4598
4612
  pointer-events: none;
4613
+ -webkit-font-smoothing: antialiased;
4614
+ -moz-osx-font-smoothing: grayscale;
4599
4615
  content: "\e936";
4600
4616
  color: var(--IDS-ICON__COLOR);
4601
4617
  width: 1rem;
@@ -4732,6 +4748,8 @@ input:focus + .ids-checkbox input::before {
4732
4748
  display: block;
4733
4749
  position: absolute;
4734
4750
  pointer-events: none;
4751
+ -webkit-font-smoothing: antialiased;
4752
+ -moz-osx-font-smoothing: grayscale;
4735
4753
  content: "\e922";
4736
4754
  font-size: 1.25rem;
4737
4755
  color: var(--IDS-ICON__COLOR);
@@ -4861,6 +4879,8 @@ input:focus + .ids-toggle input:before {
4861
4879
  display: block;
4862
4880
  position: absolute;
4863
4881
  pointer-events: none;
4882
+ -webkit-font-smoothing: antialiased;
4883
+ -moz-osx-font-smoothing: grayscale;
4864
4884
  content: "\e934";
4865
4885
  display: inline-block;
4866
4886
  font-size: 0.75rem;
@@ -4887,6 +4907,8 @@ input:focus + .ids-toggle input:before {
4887
4907
  display: block;
4888
4908
  position: absolute;
4889
4909
  pointer-events: none;
4910
+ -webkit-font-smoothing: antialiased;
4911
+ -moz-osx-font-smoothing: grayscale;
4890
4912
  content: "\e93a";
4891
4913
  font-size: 0.875rem;
4892
4914
  line-height: 1.5rem;
@@ -5821,6 +5843,7 @@ input[type=search]::-webkit-search-results-decoration {
5821
5843
  --IDS-DATA-TABLE__CELL-BACKGROUND_COLOR: var(--IDS-COLOR-NEUTRAL-100);
5822
5844
  --IDS-DATA-TABLE__ROW--SELECTED__COLOR: var(--IDS-COLOR-SECONDARY-90);
5823
5845
  --IDS-DATA-TABLE__CELL-BORDER_COLOR: var(--IDS-COLOR-NEUTRAL-40);
5846
+ --IDS-DATA-TABLE--HOVER-OUTLINE: var(--IDS-COLOR-NEUTRAL-40);
5824
5847
  /* Date label */
5825
5848
  --IDS-DATE-LABEL__DAY-FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
5826
5849
  --IDS-DATE-LABEL__DAY-COLOR: var(--IDS-COLOR-ACCENT-40);
@@ -5840,7 +5863,7 @@ input[type=search]::-webkit-search-results-decoration {
5840
5863
  --IDS-DESCRIPTION-LIST--COLUMN__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
5841
5864
  --IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS: 0.313rem;
5842
5865
  --IDS-DESCRIPTION-LIST--COLUMN__PADDING: 0.5rem 1rem;
5843
- --IDS-DESCRIPTION-LIST--COLUMN__TERM-BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-90);
5866
+ --IDS-DESCRIPTION-LIST--COLUMN__TERM-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
5844
5867
  --IDS-DESCRIPTION-LIST--COLUMN__DESCRIPTION-MARGIN-BOTTOM: 0;
5845
5868
  /* Dialog */
5846
5869
  --IDS-DIALOG__COLOR: var(--IDS-COLOR-NEUTRAL-20);
@@ -6205,7 +6228,7 @@ ids-input input[type=search]::-webkit-search-results-decoration {
6205
6228
  --IDS-DESCRIPTION-LIST--COLUMN__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
6206
6229
  --IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS: 0.313rem;
6207
6230
  --IDS-DESCRIPTION-LIST--COLUMN__PADDING: 0.5rem 1rem;
6208
- --IDS-DESCRIPTION-LIST--COLUMN__TERM-BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-90);
6231
+ --IDS-DESCRIPTION-LIST--COLUMN__TERM-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
6209
6232
  --IDS-DESCRIPTION-LIST--COLUMN__DESCRIPTION-MARGIN-BOTTOM: 0;
6210
6233
  /* Header */
6211
6234
  --IDS-HEADER-INERA__ITEM-ICON-COLOR: var(--IDS-COLOR-PRIMARY-40);