@inera/ids-design 7.0.0 → 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 (82) 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/badge/badge-lit.js +1 -1
  8. package/components/badge/badge.css +3 -0
  9. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  10. package/components/breadcrumbs/breadcrumbs.css +2 -0
  11. package/components/carousel/carousel-lit.js +1 -1
  12. package/components/carousel/carousel.css +2 -0
  13. package/components/data-table/data-table-lit.js +1 -1
  14. package/components/data-table/data-table.css +4 -1
  15. package/components/dialog/dialog-lit.js +1 -1
  16. package/components/dialog/dialog.css +2 -0
  17. package/components/dropdown/dropdown-lit.js +1 -1
  18. package/components/dropdown/dropdown.css +11 -24
  19. package/components/footer-1177/footer-1177-lit.js +1 -1
  20. package/components/footer-1177/footer-1177.css +2 -0
  21. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  22. package/components/footer-1177-admin/footer-1177-admin.css +2 -0
  23. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  24. package/components/footer-1177-pro/footer-1177-pro.css +2 -0
  25. package/components/form/error-message/error-message-lit.js +1 -1
  26. package/components/form/error-message/error-message.css +2 -0
  27. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  28. package/components/form/select-multiple/select-multiple.css +2 -0
  29. package/components/header-1177/composite-header-1177.css +62 -10
  30. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  31. package/components/header-1177/header-1177-avatar.css +50 -10
  32. package/components/header-1177/header-1177-item-lit.js +1 -1
  33. package/components/header-1177/header-1177-item.css +4 -0
  34. package/components/header-1177/header-1177-lit.js +1 -1
  35. package/components/header-1177/header-1177.css +8 -0
  36. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  37. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  38. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +2 -0
  39. package/components/header-1177-admin/header-1177-admin-avatar.css +16 -0
  40. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  41. package/components/header-1177-admin/header-1177-admin.css +4 -0
  42. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  43. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  44. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +6 -0
  45. package/components/header-1177-pro/header-1177-pro-avatar.css +16 -0
  46. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  47. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  48. package/components/header-1177-pro/header-1177-pro-region-picker.css +28 -0
  49. package/components/header-1177-pro/header-1177-pro.css +4 -0
  50. package/components/header-inera/header-inera-lit.js +1 -1
  51. package/components/header-inera/header-inera.css +2 -0
  52. package/components/header-inera-admin/composite-header-inera-admin.css +2 -0
  53. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  54. package/components/header-inera-admin/header-inera-admin-avatar.css +2 -0
  55. package/components/header-patient/header-patient-lit.js +1 -1
  56. package/components/header-patient/header-patient.css +2 -0
  57. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  58. package/components/mobile-menu/mobile-menu.css +14 -0
  59. package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
  60. package/components/pagination/data-pagination/data-pagination.css +6 -0
  61. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  62. package/components/pagination/list-pagination/list-pagination.css +4 -0
  63. package/components/popover/popover-content-lit.js +1 -1
  64. package/components/popover/popover-content.css +2 -0
  65. package/components/puff-list/puff-list-lit.js +1 -1
  66. package/components/puff-list/puff-list.css +2 -0
  67. package/components/region-icon/region-icon-lit.js +1 -1
  68. package/components/region-icon/region-icon.css +42 -0
  69. package/components/side-menu/side-menu-lit.js +1 -1
  70. package/components/side-menu/side-menu.css +4 -0
  71. package/components/side-panel/side-panel-lit.js +1 -1
  72. package/components/side-panel/side-panel.css +2 -0
  73. package/components/stepper/stepper-lit.js +1 -1
  74. package/components/stepper/stepper.css +6 -0
  75. package/components/tabs/tabs-lit.js +1 -1
  76. package/components/tag/tag-lit.js +1 -1
  77. package/components/tag/tag.css +2 -0
  78. package/package.json +1 -1
  79. package/themes/1177/1177.css +30 -9
  80. package/themes/1177-pro/1177-pro.css +30 -9
  81. package/themes/inera/inera.css +30 -9
  82. package/themes/inera-admin/inera-admin.css +31 -10
package/themes/1177-pro/1177-pro.css CHANGED
@@ -1102,7 +1102,7 @@ body.ids {
1102
1102
 
1103
1103
  /* Margin Bottom */
1104
1104
  .ids-mb-0 {
1105
- margin-bottom: 0 px;
1105
+ margin-bottom: 0px;
1106
1106
  }
1107
1107
 
1108
1108
  .ids .ids-mb-1 {
@@ -1159,7 +1159,7 @@ body.ids {
1159
1159
 
1160
1160
  /* Checkpoint */
1161
1161
  .ids-me-0 {
1162
- margin-inline-end: 0 px;
1162
+ margin-inline-end: 0px;
1163
1163
  }
1164
1164
 
1165
1165
  .ids-me-1 {
@@ -1219,7 +1219,7 @@ body.ids {
1219
1219
  }
1220
1220
 
1221
1221
  .ids-ms-0 {
1222
- margin-inline-start: 0 px;
1222
+ margin-inline-start: 0px;
1223
1223
  }
1224
1224
 
1225
1225
  .ids-ms-1 {
@@ -1371,7 +1371,7 @@ body.ids {
1371
1371
  }
1372
1372
 
1373
1373
  .ids-p-0 {
1374
- padding: 0 px;
1374
+ padding: 0px;
1375
1375
  }
1376
1376
 
1377
1377
  .ids-p-1 {
@@ -1423,7 +1423,7 @@ body.ids {
1423
1423
  }
1424
1424
 
1425
1425
  .ids-pe-0 {
1426
- padding-inline-end: 0 px;
1426
+ padding-inline-end: 0px;
1427
1427
  }
1428
1428
 
1429
1429
  .ids-pe-1 {
@@ -1475,7 +1475,7 @@ body.ids {
1475
1475
  }
1476
1476
 
1477
1477
  .ids-ps-0 {
1478
- padding-inline-start: 0 px;
1478
+ padding-inline-start: 0px;
1479
1479
  }
1480
1480
 
1481
1481
  .ids-ps-1 {
@@ -4059,6 +4059,8 @@ input:focus + .ids-checkbox input::before {
4059
4059
  display: block;
4060
4060
  position: absolute;
4061
4061
  pointer-events: none;
4062
+ -webkit-font-smoothing: antialiased;
4063
+ -moz-osx-font-smoothing: grayscale;
4062
4064
  content: "\e93a";
4063
4065
  font-size: 1rem;
4064
4066
  color: var(--IDS-ICON__COLOR);
@@ -4073,6 +4075,8 @@ input:focus + .ids-checkbox input::before {
4073
4075
  display: block;
4074
4076
  position: absolute;
4075
4077
  pointer-events: none;
4078
+ -webkit-font-smoothing: antialiased;
4079
+ -moz-osx-font-smoothing: grayscale;
4076
4080
  content: "\e92b";
4077
4081
  font-size: 1rem;
4078
4082
  top: 0.125rem;
@@ -4155,6 +4159,8 @@ input:focus + .ids-checkbox input::before {
4155
4159
  display: block;
4156
4160
  position: absolute;
4157
4161
  pointer-events: none;
4162
+ -webkit-font-smoothing: antialiased;
4163
+ -moz-osx-font-smoothing: grayscale;
4158
4164
  }
4159
4165
  .ids-check-button .ids-check-button__input[type=checkbox],
4160
4166
  .ids-check-button .ids-check-button__input {
@@ -4179,6 +4185,8 @@ input:focus + .ids-checkbox input::before {
4179
4185
  display: block;
4180
4186
  position: absolute;
4181
4187
  pointer-events: none;
4188
+ -webkit-font-smoothing: antialiased;
4189
+ -moz-osx-font-smoothing: grayscale;
4182
4190
  content: "\e93a";
4183
4191
  font-size: 1rem;
4184
4192
  top: 50%;
@@ -4261,6 +4269,8 @@ input:focus + .ids-checkbox input::before {
4261
4269
  display: block;
4262
4270
  position: absolute;
4263
4271
  pointer-events: none;
4272
+ -webkit-font-smoothing: antialiased;
4273
+ -moz-osx-font-smoothing: grayscale;
4264
4274
  font-size: 1.25rem;
4265
4275
  left: 0;
4266
4276
  top: 50%;
@@ -4285,6 +4295,8 @@ input:focus + .ids-checkbox input::before {
4285
4295
  display: block;
4286
4296
  position: absolute;
4287
4297
  pointer-events: none;
4298
+ -webkit-font-smoothing: antialiased;
4299
+ -moz-osx-font-smoothing: grayscale;
4288
4300
  content: "\e93a";
4289
4301
  font-size: 1.25rem;
4290
4302
  left: 0;
@@ -4377,6 +4389,8 @@ input:focus + .ids-checkbox input::before {
4377
4389
  display: block;
4378
4390
  position: absolute;
4379
4391
  pointer-events: none;
4392
+ -webkit-font-smoothing: antialiased;
4393
+ -moz-osx-font-smoothing: grayscale;
4380
4394
  content: "\e919";
4381
4395
  font-size: 1.875rem;
4382
4396
  color: var(--IDS-ICON__COLOR);
@@ -4569,6 +4583,8 @@ input:focus + .ids-checkbox input::before {
4569
4583
  display: block;
4570
4584
  position: absolute;
4571
4585
  pointer-events: none;
4586
+ -webkit-font-smoothing: antialiased;
4587
+ -moz-osx-font-smoothing: grayscale;
4572
4588
  content: "\e936";
4573
4589
  color: var(--IDS-ICON__COLOR);
4574
4590
  width: 1rem;
@@ -4705,6 +4721,8 @@ input:focus + .ids-checkbox input::before {
4705
4721
  display: block;
4706
4722
  position: absolute;
4707
4723
  pointer-events: none;
4724
+ -webkit-font-smoothing: antialiased;
4725
+ -moz-osx-font-smoothing: grayscale;
4708
4726
  content: "\e922";
4709
4727
  font-size: 1.25rem;
4710
4728
  color: var(--IDS-ICON__COLOR);
@@ -4834,6 +4852,8 @@ input:focus + .ids-toggle input:before {
4834
4852
  display: block;
4835
4853
  position: absolute;
4836
4854
  pointer-events: none;
4855
+ -webkit-font-smoothing: antialiased;
4856
+ -moz-osx-font-smoothing: grayscale;
4837
4857
  content: "\e934";
4838
4858
  display: inline-block;
4839
4859
  font-size: 0.75rem;
@@ -4860,6 +4880,8 @@ input:focus + .ids-toggle input:before {
4860
4880
  display: block;
4861
4881
  position: absolute;
4862
4882
  pointer-events: none;
4883
+ -webkit-font-smoothing: antialiased;
4884
+ -moz-osx-font-smoothing: grayscale;
4863
4885
  content: "\e93a";
4864
4886
  font-size: 0.875rem;
4865
4887
  line-height: 1.5rem;
@@ -5425,7 +5447,6 @@ input[type=range]:disabled::-ms-thumb {
5425
5447
  .ids a:focus {
5426
5448
  outline: var(--IDS-FOCUS__OUTLINE);
5427
5449
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
5428
- border-radius: 0.0313rem;
5429
5450
  }
5430
5451
 
5431
5452
  input::placeholder,
@@ -5438,7 +5459,6 @@ select::placeholder {
5438
5459
  outline: var(--IDS-FOCUS__OUTLINE);
5439
5460
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
5440
5461
  outline-color: var(--IDS-FOCUS__OUTLINE-COLOR);
5441
- border-radius: 0.0313rem;
5442
5462
  }
5443
5463
 
5444
5464
  input[type=search]::-webkit-search-decoration,
@@ -5801,6 +5821,7 @@ input[type=search]::-webkit-search-results-decoration {
5801
5821
  --IDS-DATA-TABLE__CELL-BACKGROUND_COLOR: var(--IDS-COLOR-NEUTRAL-100);
5802
5822
  --IDS-DATA-TABLE__ROW--SELECTED__COLOR: var(--IDS-COLOR-ACCENT-95);
5803
5823
  --IDS-DATA-TABLE__CELL-BORDER_COLOR: var(--IDS-COLOR-ACCENT-30);
5824
+ --IDS-DATA-TABLE--HOVER-OUTLINE: var(--IDS-COLOR-NEUTRAL-50);
5804
5825
  /* Date label */
5805
5826
  --IDS-DATE-LABEL__DAY-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
5806
5827
  --IDS-DATE-LABEL__DAY-COLOR: var(--IDS-COLOR-NEUTRAL-20);
@@ -5820,7 +5841,7 @@ input[type=search]::-webkit-search-results-decoration {
5820
5841
  --IDS-DESCRIPTION-LIST--COLUMN__BORDER: 0.063rem solid var(--IDS-COLOR-PRIMARY-30);
5821
5842
  --IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS: 0.313rem;
5822
5843
  --IDS-DESCRIPTION-LIST--COLUMN__PADDING: 0.5rem 1rem;
5823
- --IDS-DESCRIPTION-LIST--COLUMN__TERM-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-90);
5844
+ --IDS-DESCRIPTION-LIST--COLUMN__TERM-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
5824
5845
  --IDS-DESCRIPTION-LIST--COLUMN__DESCRIPTION-MARGIN-BOTTOM: 0;
5825
5846
  /* Dialog */
5826
5847
  --IDS-DIALOG__COLOR: var(--IDS-COLOR-NEUTRAL-20);
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;
@@ -5452,7 +5474,6 @@ input[type=range]:disabled::-ms-thumb {
5452
5474
  .ids a:focus {
5453
5475
  outline: var(--IDS-FOCUS__OUTLINE);
5454
5476
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
5455
- border-radius: 0.0313rem;
5456
5477
  }
5457
5478
 
5458
5479
  input::placeholder,
@@ -5465,7 +5486,6 @@ select::placeholder {
5465
5486
  outline: var(--IDS-FOCUS__OUTLINE);
5466
5487
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
5467
5488
  outline-color: var(--IDS-FOCUS__OUTLINE-COLOR);
5468
- border-radius: 0.0313rem;
5469
5489
  }
5470
5490
 
5471
5491
  input[type=search]::-webkit-search-decoration,
@@ -5823,6 +5843,7 @@ input[type=search]::-webkit-search-results-decoration {
5823
5843
  --IDS-DATA-TABLE__CELL-BACKGROUND_COLOR: var(--IDS-COLOR-NEUTRAL-100);
5824
5844
  --IDS-DATA-TABLE__ROW--SELECTED__COLOR: var(--IDS-COLOR-SECONDARY-90);
5825
5845
  --IDS-DATA-TABLE__CELL-BORDER_COLOR: var(--IDS-COLOR-NEUTRAL-40);
5846
+ --IDS-DATA-TABLE--HOVER-OUTLINE: var(--IDS-COLOR-NEUTRAL-40);
5826
5847
  /* Date label */
5827
5848
  --IDS-DATE-LABEL__DAY-FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
5828
5849
  --IDS-DATE-LABEL__DAY-COLOR: var(--IDS-COLOR-ACCENT-40);
@@ -5842,7 +5863,7 @@ input[type=search]::-webkit-search-results-decoration {
5842
5863
  --IDS-DESCRIPTION-LIST--COLUMN__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
5843
5864
  --IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS: 0.313rem;
5844
5865
  --IDS-DESCRIPTION-LIST--COLUMN__PADDING: 0.5rem 1rem;
5845
- --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);
5846
5867
  --IDS-DESCRIPTION-LIST--COLUMN__DESCRIPTION-MARGIN-BOTTOM: 0;
5847
5868
  /* Dialog */
5848
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;
@@ -5452,7 +5474,6 @@ input[type=range]:disabled::-ms-thumb {
5452
5474
  .ids a:focus {
5453
5475
  outline: var(--IDS-FOCUS__OUTLINE);
5454
5476
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
5455
- border-radius: 0.0313rem;
5456
5477
  }
5457
5478
 
5458
5479
  input::placeholder,
@@ -5465,7 +5486,6 @@ select::placeholder {
5465
5486
  outline: var(--IDS-FOCUS__OUTLINE);
5466
5487
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
5467
5488
  outline-color: var(--IDS-FOCUS__OUTLINE-COLOR);
5468
- border-radius: 0.0313rem;
5469
5489
  }
5470
5490
 
5471
5491
  input[type=search]::-webkit-search-decoration,
@@ -5823,6 +5843,7 @@ input[type=search]::-webkit-search-results-decoration {
5823
5843
  --IDS-DATA-TABLE__CELL-BACKGROUND_COLOR: var(--IDS-COLOR-NEUTRAL-100);
5824
5844
  --IDS-DATA-TABLE__ROW--SELECTED__COLOR: var(--IDS-COLOR-SECONDARY-90);
5825
5845
  --IDS-DATA-TABLE__CELL-BORDER_COLOR: var(--IDS-COLOR-NEUTRAL-40);
5846
+ --IDS-DATA-TABLE--HOVER-OUTLINE: var(--IDS-COLOR-NEUTRAL-40);
5826
5847
  /* Date label */
5827
5848
  --IDS-DATE-LABEL__DAY-FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
5828
5849
  --IDS-DATE-LABEL__DAY-COLOR: var(--IDS-COLOR-ACCENT-40);
@@ -5842,7 +5863,7 @@ input[type=search]::-webkit-search-results-decoration {
5842
5863
  --IDS-DESCRIPTION-LIST--COLUMN__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
5843
5864
  --IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS: 0.313rem;
5844
5865
  --IDS-DESCRIPTION-LIST--COLUMN__PADDING: 0.5rem 1rem;
5845
- --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);
5846
5867
  --IDS-DESCRIPTION-LIST--COLUMN__DESCRIPTION-MARGIN-BOTTOM: 0;
5847
5868
  /* Dialog */
5848
5869
  --IDS-DIALOG__COLOR: var(--IDS-COLOR-NEUTRAL-20);
@@ -6207,7 +6228,7 @@ ids-input input[type=search]::-webkit-search-results-decoration {
6207
6228
  --IDS-DESCRIPTION-LIST--COLUMN__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
6208
6229
  --IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS: 0.313rem;
6209
6230
  --IDS-DESCRIPTION-LIST--COLUMN__PADDING: 0.5rem 1rem;
6210
- --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);
6211
6232
  --IDS-DESCRIPTION-LIST--COLUMN__DESCRIPTION-MARGIN-BOTTOM: 0;
6212
6233
  /* Header */
6213
6234
  --IDS-HEADER-INERA__ITEM-ICON-COLOR: var(--IDS-COLOR-PRIMARY-40);