@imfusion/web-ui 0.9.0 → 0.9.1-dev.6.gbdb251ae

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@imfusion/web-ui",
3
- "version": "0.9.0",
3
+ "version": "0.9.1-dev.6.gbdb251ae",
4
4
  "description": "The official Web UI component library for ImFusion web apps",
5
5
  "author": "ImFusion GmbH",
6
6
  "homepage": "https://imfusion.com",
@@ -6352,14 +6352,14 @@
6352
6352
  "skeleton": {
6353
6353
  "root": {
6354
6354
  "name": "Skeleton.Root",
6355
- "description": "Skeleton.Root — marks a region as loading. The view inside renders for real; bones stand in for the data. Sets\n`aria-busy` and announces `label` once, however many bones it holds.",
6355
+ "description": "Skeleton.Root — marks a region as loading. The view inside renders for real; bones stand in for the data. While\n`loading`, sets `aria-busy` and announces `label` once, however many bones it holds. When `loading` turns false, the\ndata fades in over the bones.",
6356
6356
  "props": [
6357
6357
  {
6358
6358
  "name": "animation",
6359
6359
  "required": false,
6360
6360
  "type": "\"none\" | \"shimmer\"",
6361
6361
  "defaultValue": "shimmer",
6362
- "description": "`none` holds every bone inside still."
6362
+ "description": "`none` holds every bone inside still and swaps in the data without a reveal."
6363
6363
  },
6364
6364
  {
6365
6365
  "name": "label",
@@ -6368,6 +6368,13 @@
6368
6368
  "defaultValue": null,
6369
6369
  "description": "Announced once through a visually hidden status. Pass `\"\"` when something else already speaks for the region."
6370
6370
  },
6371
+ {
6372
+ "name": "loading",
6373
+ "required": false,
6374
+ "type": "boolean",
6375
+ "defaultValue": "true",
6376
+ "description": "Whether the region is still loading. Root stays mounted and reveals the data when this turns false."
6377
+ },
6371
6378
  {
6372
6379
  "name": "ref",
6373
6380
  "required": false,
@@ -9,6 +9,12 @@ integration seams.
9
9
  - If Web UI is missing a component or part, report the gap instead of reaching around it.
10
10
  - Import glyphs from `@imfusion/web-ui/icons` and render them with `Icon`.
11
11
 
12
+ ## Stand in for a missing component
13
+
14
+ When a generic component is missing from Web UI and the app cannot wait, build it in `components/web-ui-pending/<name>/` and
15
+ file the gap with the library. Keep it free of app logic and name it as the library would, so the swap is an import change.
16
+ Delete the folder once Web UI ships the component.
17
+
12
18
  ## Wrap primitives when the app has a reason to
13
19
 
14
20
  Create an app-level dumb wrapper when you repeat a default, composition, styling override, accessibility improvement, or API
@@ -573,7 +573,7 @@
573
573
  },
574
574
  {
575
575
  "name": "--imf-ui-font-lineheight-title",
576
- "value": "clamp(2.0125rem, 1.8134rem + 0.8846vw, 2.5875rem)"
576
+ "value": "clamp(1.9872rem, 1.7979rem + 0.8413vw, 2.8076rem)"
577
577
  },
578
578
  {
579
579
  "name": "--imf-ui-font-size-0",
@@ -625,23 +625,23 @@
625
625
  },
626
626
  {
627
627
  "name": "--imf-ui-font-size-fluid-0",
628
- "value": "clamp(1.125rem, 4.5vw, 1.3125rem)"
628
+ "value": "clamp(1.2rem, 1.1163rem + 0.3718vw, 1.5625rem)"
629
629
  },
630
630
  {
631
631
  "name": "--imf-ui-font-size-fluid-1",
632
- "value": "clamp(1rem, 4vw, 1.5rem)"
632
+ "value": "clamp(1.44rem, 1.3216rem + 0.5263vw, 1.9531rem)"
633
633
  },
634
634
  {
635
635
  "name": "--imf-ui-font-size-fluid-2",
636
- "value": "clamp(1.75rem, 1.5769rem + 0.7692vw, 2.25rem)"
636
+ "value": "clamp(1.728rem, 1.5634rem + 0.7317vw, 2.4414rem)"
637
637
  },
638
638
  {
639
639
  "name": "--imf-ui-font-size-fluid-3",
640
- "value": "clamp(2rem, 1.1154rem + 2.8205vw, 4.5rem)"
640
+ "value": "clamp(2rem, 1.4231rem + 2.5641vw, 4.5rem)"
641
641
  },
642
642
  {
643
643
  "name": "--imf-ui-font-size-hero",
644
- "value": "clamp(3rem, 1.8rem + 6vw, 9rem)"
644
+ "value": "clamp(3rem, 1.6154rem + 6.1538vw, 9rem)"
645
645
  },
646
646
  {
647
647
  "name": "--imf-ui-font-weight-1",