@luscii-healthtech/web-ui 58.19.0 → 58.19.2

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 (8) hide show
  1. package/dist/esm/components/DropdownTrigger/DropdownTrigger.js +1 -1
  2. package/dist/index.development.js +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/dist/src/generated/tokens/generated/tokens.d.ts +116 -116
  6. package/dist/src/tokens/generated/tokens.d.ts +116 -116
  7. package/dist/web-ui-tailwind.css +115 -115
  8. package/package.json +1 -1
package/dist/web-ui-tailwind.css CHANGED
@@ -81,6 +81,31 @@
81
81
  --ui-primitive-dimension-8: 32px;
82
82
  --ui-primitive-dimension-9: 36px;
83
83
  --ui-primitive-dimension-999: 999px;
84
+ --ui-primitive-fontFamilies-avenir-next: Avenir Next;
85
+ --ui-primitive-fontFamilies-inter: Inter;
86
+ --ui-primitive-fontSize-0: 12px;
87
+ --ui-primitive-fontSize-1: 14px;
88
+ --ui-primitive-fontSize-2: 16px;
89
+ --ui-primitive-fontSize-3: 20px;
90
+ --ui-primitive-fontSize-4: 24px;
91
+ --ui-primitive-fontSize-5: 32px;
92
+ --ui-primitive-fontWeights-avenir-next-0: 600;
93
+ --ui-primitive-fontWeights-inter-1: 300;
94
+ --ui-primitive-fontWeights-inter-2: 400;
95
+ --ui-primitive-fontWeights-inter-3: 500;
96
+ --ui-primitive-fontWeights-inter-4: 600;
97
+ --ui-primitive-letterSpacing-0: 0%;
98
+ --ui-primitive-paragraphIndent-0: 0px;
99
+ --ui-primitive-paragraphSpacing-0: 0;
100
+ --ui-primitive-textCase-none: none;
101
+ --ui-primitive-textDecoration-none: none;
102
+ --ui-primitive-gradient-primary: linear-gradient(-90deg, #1d4ed8 0%, #1e40af 100%);
103
+ --ui-primitive-overlay: #3a465733;
104
+ --ui-primitive-shadow-active-focus-ring: 0 1px 2px 0 #0000000d, 0 0 1px 4px #d7e3fb;
105
+ --ui-primitive-shadow-error-focus-ring: 0 1px 2px 0 #0000000d, 0 0 1px 4px #fee2e2;
106
+ --ui-primitive-shadow-large: 0 2px 8px 0 #e4eaf41f, 0 16px 24px 0 #c6d3e652;
107
+ --ui-primitive-shadow-medium: 0 2px 4px 0 #e4eaf414, 0 8px 16px 0 #c6d3e63d;
108
+ --ui-primitive-shadow-small: 0 0 1px 0 #e4eaf414, 0 2px 4px 0 #c6d3e63d;
84
109
  --ui-color-background-accents-pink-default: var(--ui-primitive-color-pink-100);
85
110
  --ui-color-background-accents-pink-disabled: var(--ui-primitive-color-grey-100);
86
111
  --ui-color-background-accents-pink-hovered: var(--ui-primitive-color-pink-300);
@@ -96,9 +121,9 @@
96
121
  --ui-color-background-alerts-low-green: var(--ui-primitive-color-green-700);
97
122
  --ui-color-background-alerts-low-leaf: var(--ui-primitive-color-green-500);
98
123
  --ui-color-background-alerts-low-mint: var(--ui-primitive-color-green-300);
99
- --ui-color-background-alerts-medium-amber: var(--ui-primitive-color-orange-500);
124
+ --ui-color-background-alerts-medium-amber: var(--ui-primitive-color-orange-700);
100
125
  --ui-color-background-alerts-medium-oak: var(--ui-primitive-color-brown-500);
101
- --ui-color-background-alerts-medium-sun: var(--ui-primitive-color-orange-700);
126
+ --ui-color-background-alerts-medium-sun: var(--ui-primitive-color-yellow-700);
102
127
  --ui-color-background-alerts-neutral-fog: var(--ui-primitive-color-grey-500);
103
128
  --ui-color-background-alerts-neutral-graphite: var(--ui-primitive-color-grey-900);
104
129
  --ui-color-background-alerts-neutral-neutral: var(--ui-primitive-color-grey-700);
@@ -192,17 +217,17 @@
192
217
  --ui-color-icon-accents-purple-default: var(--ui-primitive-color-purple-900);
193
218
  --ui-color-icon-accents-purple-disabled: var(--ui-primitive-color-grey-700);
194
219
  --ui-color-icon-alerts-high-crimson: var(--ui-primitive-color-red-500);
195
- --ui-color-icon-alerts-high-red: var(--ui-primitive-color-red-300);
196
- --ui-color-icon-alerts-high-salmon: var(--ui-primitive-color-red-700);
197
- --ui-color-icon-alerts-low-green: var(--ui-primitive-color-green-300);
220
+ --ui-color-icon-alerts-high-red: var(--ui-primitive-color-red-700);
221
+ --ui-color-icon-alerts-high-salmon: var(--ui-primitive-color-red-300);
222
+ --ui-color-icon-alerts-low-green: var(--ui-primitive-color-green-700);
198
223
  --ui-color-icon-alerts-low-leaf: var(--ui-primitive-color-green-500);
199
- --ui-color-icon-alerts-low-mint: var(--ui-primitive-color-green-700);
200
- --ui-color-icon-alerts-medium-amber: var(--ui-primitive-color-orange-500);
224
+ --ui-color-icon-alerts-low-mint: var(--ui-primitive-color-green-300);
225
+ --ui-color-icon-alerts-medium-amber: var(--ui-primitive-color-orange-700);
201
226
  --ui-color-icon-alerts-medium-oak: var(--ui-primitive-color-brown-500);
202
227
  --ui-color-icon-alerts-medium-sun: var(--ui-primitive-color-yellow-700);
203
- --ui-color-icon-alerts-neutral-fog: var(--ui-primitive-color-grey-700);
204
- --ui-color-icon-alerts-neutral-graphite: var(--ui-primitive-color-grey-300);
205
- --ui-color-icon-alerts-neutral-neutral: var(--ui-primitive-color-grey-500);
228
+ --ui-color-icon-alerts-neutral-fog: var(--ui-primitive-color-grey-500);
229
+ --ui-color-icon-alerts-neutral-graphite: var(--ui-primitive-color-grey-900);
230
+ --ui-color-icon-alerts-neutral-neutral: var(--ui-primitive-color-grey-700);
206
231
  --ui-color-icon-brand-primary-default: var(--ui-primitive-color-brand-700);
207
232
  --ui-color-icon-brand-primary-disabled: var(--ui-primitive-color-grey-300);
208
233
  --ui-color-icon-brand-primary-hover: var(--ui-primitive-color-brand-500);
@@ -291,31 +316,6 @@
291
316
  --ui-semantic-size-s: var(--ui-primitive-dimension-4);
292
317
  --ui-semantic-size-xl: var(--ui-primitive-dimension-8);
293
318
  --ui-semantic-size-xs: var(--ui-primitive-dimension-3);
294
- --ui-semantic-active-focus-ring: 0 1px 2px 0 #0000000d, 0 0 1px 4px #d7e3fb;
295
- --ui-semantic-error-focus-ring: 0 1px 2px 0 #0000000d, 0 0 1px 4px #fee2e2;
296
- --ui-semantic-fontFamilies-avenir-next: Avenir Next;
297
- --ui-semantic-fontFamilies-inter: Inter;
298
- --ui-semantic-fontSize-0: 12px;
299
- --ui-semantic-fontSize-1: 14px;
300
- --ui-semantic-fontSize-2: 16px;
301
- --ui-semantic-fontSize-3: 20px;
302
- --ui-semantic-fontSize-4: 24px;
303
- --ui-semantic-fontSize-5: 32px;
304
- --ui-semantic-fontWeights-avenir-next-0: 600;
305
- --ui-semantic-fontWeights-inter-1: 300;
306
- --ui-semantic-fontWeights-inter-2: 400;
307
- --ui-semantic-fontWeights-inter-3: 500;
308
- --ui-semantic-fontWeights-inter-4: 600;
309
- --ui-semantic-gradient-primary: linear-gradient(-90deg, #1d4ed8 0%, #1e40af 100%);
310
- --ui-semantic-large: 0 2px 8px 0 #e4eaf41f, 0 16px 24px 0 #c6d3e652;
311
- --ui-semantic-letterSpacing-0: 0%;
312
- --ui-semantic-medium: 0 2px 4px 0 #e4eaf414, 0 8px 16px 0 #c6d3e63d;
313
- --ui-semantic-overlay: #3a465733;
314
- --ui-semantic-paragraphIndent-0: 0px;
315
- --ui-semantic-paragraphSpacing-0: 0;
316
- --ui-semantic-small: 0 0 1px 0 #e4eaf414, 0 2px 4px 0 #c6d3e63d;
317
- --ui-semantic-textCase-none: none;
318
- --ui-semantic-textDecoration-none: none;
319
319
  --ui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
320
320
  monospace;
321
321
  --ui-color-red-50: #fef2f2;
@@ -432,133 +432,133 @@
432
432
  --ui-flyout-menu-content-max-height: 600px;
433
433
  }
434
434
  .ui-typo-h1 {
435
- font-family: var(--ui-semantic-fontFamilies-avenir-next);
436
- font-weight: var(--ui-semantic-fontWeights-avenir-next-0);
437
- font-size: var(--ui-semantic-fontSize-5);
435
+ font-family: var(--ui-primitive-fontFamilies-avenir-next);
436
+ font-weight: var(--ui-primitive-fontWeights-avenir-next-0);
437
+ font-size: var(--ui-primitive-fontSize-5);
438
438
  line-height: var(--ui-primitive-dimension-11);
439
- letter-spacing: var(--ui-semantic-letterSpacing-0);
440
- text-transform: var(--ui-semantic-textCase-none);
441
- text-decoration: var(--ui-semantic-textDecoration-none);
439
+ letter-spacing: var(--ui-primitive-letterSpacing-0);
440
+ text-transform: var(--ui-primitive-textCase-none);
441
+ text-decoration: var(--ui-primitive-textDecoration-none);
442
442
  margin: 0;
443
443
  }
444
444
  .ui-typo-h2 {
445
- font-family: var(--ui-semantic-fontFamilies-avenir-next);
446
- font-weight: var(--ui-semantic-fontWeights-avenir-next-0);
447
- font-size: var(--ui-semantic-fontSize-4);
445
+ font-family: var(--ui-primitive-fontFamilies-avenir-next);
446
+ font-weight: var(--ui-primitive-fontWeights-avenir-next-0);
447
+ font-size: var(--ui-primitive-fontSize-4);
448
448
  line-height: var(--ui-primitive-dimension-8);
449
- letter-spacing: var(--ui-semantic-letterSpacing-0);
450
- text-transform: var(--ui-semantic-textCase-none);
451
- text-decoration: var(--ui-semantic-textDecoration-none);
449
+ letter-spacing: var(--ui-primitive-letterSpacing-0);
450
+ text-transform: var(--ui-primitive-textCase-none);
451
+ text-decoration: var(--ui-primitive-textDecoration-none);
452
452
  margin: 0;
453
453
  }
454
454
  .ui-typo-h3 {
455
- font-family: var(--ui-semantic-fontFamilies-avenir-next);
456
- font-weight: var(--ui-semantic-fontWeights-avenir-next-0);
457
- font-size: var(--ui-semantic-fontSize-3);
455
+ font-family: var(--ui-primitive-fontFamilies-avenir-next);
456
+ font-weight: var(--ui-primitive-fontWeights-avenir-next-0);
457
+ font-size: var(--ui-primitive-fontSize-3);
458
458
  line-height: var(--ui-primitive-dimension-6);
459
- letter-spacing: var(--ui-semantic-letterSpacing-0);
460
- text-transform: var(--ui-semantic-textCase-none);
461
- text-decoration: var(--ui-semantic-textDecoration-none);
459
+ letter-spacing: var(--ui-primitive-letterSpacing-0);
460
+ text-transform: var(--ui-primitive-textCase-none);
461
+ text-decoration: var(--ui-primitive-textDecoration-none);
462
462
  margin: 0;
463
463
  }
464
464
  .ui-typo-h4 {
465
- font-family: var(--ui-semantic-fontFamilies-avenir-next);
466
- font-weight: var(--ui-semantic-fontWeights-avenir-next-0);
467
- font-size: var(--ui-semantic-fontSize-2);
465
+ font-family: var(--ui-primitive-fontFamilies-avenir-next);
466
+ font-weight: var(--ui-primitive-fontWeights-avenir-next-0);
467
+ font-size: var(--ui-primitive-fontSize-2);
468
468
  line-height: var(--ui-primitive-dimension-6);
469
- letter-spacing: var(--ui-semantic-letterSpacing-0);
470
- text-transform: var(--ui-semantic-textCase-none);
471
- text-decoration: var(--ui-semantic-textDecoration-none);
469
+ letter-spacing: var(--ui-primitive-letterSpacing-0);
470
+ text-transform: var(--ui-primitive-textCase-none);
471
+ text-decoration: var(--ui-primitive-textDecoration-none);
472
472
  margin: 0;
473
473
  }
474
474
  .ui-typo-body-base-light {
475
- font-family: var(--ui-semantic-fontFamilies-inter);
476
- font-weight: var(--ui-semantic-fontWeights-inter-1);
477
- font-size: var(--ui-semantic-fontSize-2);
475
+ font-family: var(--ui-primitive-fontFamilies-inter);
476
+ font-weight: var(--ui-primitive-fontWeights-inter-1);
477
+ font-size: var(--ui-primitive-fontSize-2);
478
478
  line-height: var(--ui-semantic-size-m);
479
- letter-spacing: var(--ui-semantic-letterSpacing-0);
480
- text-transform: var(--ui-semantic-textCase-none);
481
- text-decoration: var(--ui-semantic-textDecoration-none);
479
+ letter-spacing: var(--ui-primitive-letterSpacing-0);
480
+ text-transform: var(--ui-primitive-textCase-none);
481
+ text-decoration: var(--ui-primitive-textDecoration-none);
482
482
  margin: 0;
483
483
  }
484
484
  .ui-typo-body-base-regular {
485
- font-family: var(--ui-semantic-fontFamilies-inter);
486
- font-weight: var(--ui-semantic-fontWeights-inter-2);
487
- font-size: var(--ui-semantic-fontSize-2);
485
+ font-family: var(--ui-primitive-fontFamilies-inter);
486
+ font-weight: var(--ui-primitive-fontWeights-inter-2);
487
+ font-size: var(--ui-primitive-fontSize-2);
488
488
  line-height: var(--ui-semantic-size-m);
489
- letter-spacing: var(--ui-semantic-letterSpacing-0);
490
- text-transform: var(--ui-semantic-textCase-none);
491
- text-decoration: var(--ui-semantic-textDecoration-none);
489
+ letter-spacing: var(--ui-primitive-letterSpacing-0);
490
+ text-transform: var(--ui-primitive-textCase-none);
491
+ text-decoration: var(--ui-primitive-textDecoration-none);
492
492
  margin: 0;
493
493
  }
494
494
  .ui-typo-body-base-bold {
495
- font-family: var(--ui-semantic-fontFamilies-inter);
496
- font-weight: var(--ui-semantic-fontWeights-inter-3);
497
- font-size: var(--ui-semantic-fontSize-2);
495
+ font-family: var(--ui-primitive-fontFamilies-inter);
496
+ font-weight: var(--ui-primitive-fontWeights-inter-3);
497
+ font-size: var(--ui-primitive-fontSize-2);
498
498
  line-height: var(--ui-semantic-size-m);
499
- letter-spacing: var(--ui-semantic-letterSpacing-0);
500
- text-transform: var(--ui-semantic-textCase-none);
501
- text-decoration: var(--ui-semantic-textDecoration-none);
499
+ letter-spacing: var(--ui-primitive-letterSpacing-0);
500
+ text-transform: var(--ui-primitive-textCase-none);
501
+ text-decoration: var(--ui-primitive-textDecoration-none);
502
502
  margin: 0;
503
503
  }
504
504
  .ui-typo-body-medium-light {
505
- font-family: var(--ui-semantic-fontFamilies-inter);
506
- font-weight: var(--ui-semantic-fontWeights-inter-2);
507
- font-size: var(--ui-semantic-fontSize-1);
505
+ font-family: var(--ui-primitive-fontFamilies-inter);
506
+ font-weight: var(--ui-primitive-fontWeights-inter-2);
507
+ font-size: var(--ui-primitive-fontSize-1);
508
508
  line-height: var(--ui-semantic-size-m);
509
- letter-spacing: var(--ui-semantic-letterSpacing-0);
510
- text-transform: var(--ui-semantic-textCase-none);
511
- text-decoration: var(--ui-semantic-textDecoration-none);
509
+ letter-spacing: var(--ui-primitive-letterSpacing-0);
510
+ text-transform: var(--ui-primitive-textCase-none);
511
+ text-decoration: var(--ui-primitive-textDecoration-none);
512
512
  margin: 0;
513
513
  }
514
514
  .ui-typo-body-medium-regular {
515
- font-family: var(--ui-semantic-fontFamilies-inter);
516
- font-weight: var(--ui-semantic-fontWeights-inter-3);
517
- font-size: var(--ui-semantic-fontSize-1);
515
+ font-family: var(--ui-primitive-fontFamilies-inter);
516
+ font-weight: var(--ui-primitive-fontWeights-inter-3);
517
+ font-size: var(--ui-primitive-fontSize-1);
518
518
  line-height: var(--ui-semantic-size-m);
519
- letter-spacing: var(--ui-semantic-letterSpacing-0);
520
- text-transform: var(--ui-semantic-textCase-none);
521
- text-decoration: var(--ui-semantic-textDecoration-none);
519
+ letter-spacing: var(--ui-primitive-letterSpacing-0);
520
+ text-transform: var(--ui-primitive-textCase-none);
521
+ text-decoration: var(--ui-primitive-textDecoration-none);
522
522
  margin: 0;
523
523
  }
524
524
  .ui-typo-body-medium-bold {
525
- font-family: var(--ui-semantic-fontFamilies-inter);
526
- font-weight: var(--ui-semantic-fontWeights-inter-4);
527
- font-size: var(--ui-semantic-fontSize-1);
525
+ font-family: var(--ui-primitive-fontFamilies-inter);
526
+ font-weight: var(--ui-primitive-fontWeights-inter-4);
527
+ font-size: var(--ui-primitive-fontSize-1);
528
528
  line-height: var(--ui-semantic-size-m);
529
- letter-spacing: var(--ui-semantic-letterSpacing-0);
530
- text-transform: var(--ui-semantic-textCase-none);
531
- text-decoration: var(--ui-semantic-textDecoration-none);
529
+ letter-spacing: var(--ui-primitive-letterSpacing-0);
530
+ text-transform: var(--ui-primitive-textCase-none);
531
+ text-decoration: var(--ui-primitive-textDecoration-none);
532
532
  margin: 0;
533
533
  }
534
534
  .ui-typo-body-small-light {
535
- font-family: var(--ui-semantic-fontFamilies-inter);
536
- font-weight: var(--ui-semantic-fontWeights-inter-2);
537
- font-size: var(--ui-semantic-fontSize-0);
535
+ font-family: var(--ui-primitive-fontFamilies-inter);
536
+ font-weight: var(--ui-primitive-fontWeights-inter-2);
537
+ font-size: var(--ui-primitive-fontSize-0);
538
538
  line-height: var(--ui-semantic-size-s);
539
- letter-spacing: var(--ui-semantic-letterSpacing-0);
540
- text-transform: var(--ui-semantic-textCase-none);
541
- text-decoration: var(--ui-semantic-textDecoration-none);
539
+ letter-spacing: var(--ui-primitive-letterSpacing-0);
540
+ text-transform: var(--ui-primitive-textCase-none);
541
+ text-decoration: var(--ui-primitive-textDecoration-none);
542
542
  margin: 0;
543
543
  }
544
544
  .ui-typo-body-small-regular {
545
- font-family: var(--ui-semantic-fontFamilies-inter);
546
- font-weight: var(--ui-semantic-fontWeights-inter-3);
547
- font-size: var(--ui-semantic-fontSize-0);
545
+ font-family: var(--ui-primitive-fontFamilies-inter);
546
+ font-weight: var(--ui-primitive-fontWeights-inter-3);
547
+ font-size: var(--ui-primitive-fontSize-0);
548
548
  line-height: var(--ui-semantic-size-s);
549
- letter-spacing: var(--ui-semantic-letterSpacing-0);
550
- text-transform: var(--ui-semantic-textCase-none);
551
- text-decoration: var(--ui-semantic-textDecoration-none);
549
+ letter-spacing: var(--ui-primitive-letterSpacing-0);
550
+ text-transform: var(--ui-primitive-textCase-none);
551
+ text-decoration: var(--ui-primitive-textDecoration-none);
552
552
  margin: 0;
553
553
  }
554
554
  .ui-typo-body-small-bold {
555
- font-family: var(--ui-semantic-fontFamilies-inter);
556
- font-weight: var(--ui-semantic-fontWeights-inter-4);
557
- font-size: var(--ui-semantic-fontSize-0);
555
+ font-family: var(--ui-primitive-fontFamilies-inter);
556
+ font-weight: var(--ui-primitive-fontWeights-inter-4);
557
+ font-size: var(--ui-primitive-fontSize-0);
558
558
  line-height: var(--ui-semantic-size-s);
559
- letter-spacing: var(--ui-semantic-letterSpacing-0);
560
- text-transform: var(--ui-semantic-textCase-none);
561
- text-decoration: var(--ui-semantic-textDecoration-none);
559
+ letter-spacing: var(--ui-primitive-letterSpacing-0);
560
+ text-transform: var(--ui-primitive-textCase-none);
561
+ text-decoration: var(--ui-primitive-textDecoration-none);
562
562
  margin: 0;
563
563
  }
564
564
  *, ::after, ::before, ::backdrop, ::file-selector-button {
@@ -5150,8 +5150,8 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
5150
5150
  .ui\:focus-visible\:bg-background-neutral-secondary-default:focus-visible {
5151
5151
  background-color: var(--ui-primitive-color-white-100);
5152
5152
  }
5153
- .ui\:focus-visible\:shadow-\(--ui-semantic-active-focus-ring\):focus-visible {
5154
- --tw-shadow: var(--ui-semantic-active-focus-ring);
5153
+ .ui\:focus-visible\:shadow-\(--ui-primitive-shadow-active-focus-ring\):focus-visible {
5154
+ --tw-shadow: var(--ui-primitive-shadow-active-focus-ring);
5155
5155
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5156
5156
  }
5157
5157
  .ui\:focus-visible\:ring-2:focus-visible {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luscii-healthtech/web-ui",
3
- "version": "58.19.0",
3
+ "version": "58.19.2",
4
4
  "license": "MIT",
5
5
  "author": {
6
6
  "name": "Joris Janssen"