@pure-ds/storybook 0.4.8 → 0.4.10

package/.storybook/preview.js

@@ -1292,12 +1292,12 @@ const preview = {
     options: {
       storySort: {
         order: [
+          'About PDS',
+          ['What Is PDS', 'Getting Started'],
           'PDS',
           [
-            'General',
-            ['What is PDS', 'Getting Started'],
             'Foundations',
-            ['Colors', 'Typography', 'Icons', 'Spacing', 'Smart Surfaces'],
+            ['Colors', 'Typography', 'HTML Defaults', 'Icons', 'Spacing', 'Smart Surfaces'],
             'Primitives',
             ['Buttons', 'Forms', 'Form Groups', 'Alerts', 'Badges', 'Cards', 'Tables', 'Media', 'Accordion'],
             'Layout',
@@ -1312,10 +1312,10 @@ const preview = {
             ['Pds Jsonform', 'Pds Icon', 'Pds Drawer', 'Pds Toaster', 'Pds Tabstrip', 'Pds Splitpanel', 'Pds Scrollrow', 'Pds Richtext', 'Pds Upload'],
             'Reference'
           ],
-          'General',
+          'About PDS',
           ['What is PDS', 'Getting Started'],
           'Foundations',
-          ['Colors', 'Typography', 'Icons', 'Spacing', 'Smart Surfaces'],
+          ['Colors', 'Typography', 'HTML Defaults', 'Icons', 'Spacing', 'Smart Surfaces'],
           'Primitives',
           ['Buttons', 'Forms', 'Form Groups', 'Alerts', 'Badges', 'Cards', 'Tables', 'Media', 'Accordion'],
           'Layout',

package/dist/pds-reference.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2025-12-30T15:38:33.410Z",
+  "generatedAt": "2026-01-05T16:35:29.556Z",
   "sources": {
     "customElements": "custom-elements.json",
     "ontology": "src\\js\\pds-core\\pds-ontology.js",
@@ -345,22 +345,12 @@
     "pds-icon": {
       "tag": "pds-icon",
       "className": "SvgIcon",
-      "displayName": "Pds Icon",
-      "storyTitle": "Components/Pds Icon",
-      "category": "Components",
+      "displayName": "Icon",
+      "storyTitle": null,
+      "category": null,
       "description": "SVG Icon Web Component\n\nSVG Icon Web Component",
-      "docsDescription": "SVG sprite icons with fallbacks",
-      "pdsTags": [
-        "autodocs",
-        "graphic",
-        "icon",
-        "icons",
-        "pds-icon",
-        "phosphor",
-        "sprite",
-        "svg",
-        "symbol"
-      ],
+      "docsDescription": null,
+      "pdsTags": [],
       "ontology": {
         "id": "pds-icon",
         "name": "Icon",
@@ -375,16 +365,7 @@
         ],
         "category": "media"
       },
-      "stories": [
-        {
-          "exportName": "Default",
-          "name": "Default",
-          "id": "components-pds-icon--default",
-          "tags": [],
-          "description": null,
-          "source": "packages\\pds-storybook\\stories\\components\\PdsIcon.stories.js"
-        }
-      ],
+      "stories": [],
       "sourceModule": "public/assets/pds/components/pds-icon.js",
       "superclass": "HTMLElement",
       "attributes": [
@@ -439,6 +420,33 @@
         }
       ],
       "properties": [
+        {
+          "name": "externalIconCache",
+          "attribute": null,
+          "description": null,
+          "type": "Map<any, any>",
+          "default": null,
+          "reflects": false,
+          "privacy": "public"
+        },
+        {
+          "name": "externalIconPromises",
+          "attribute": null,
+          "description": null,
+          "type": "Map<any, any>",
+          "default": null,
+          "reflects": false,
+          "privacy": "public"
+        },
+        {
+          "name": "getExternalIconPath",
+          "attribute": null,
+          "description": "Get the external icons path from PDS config or use default",
+          "type": null,
+          "default": null,
+          "reflects": false,
+          "privacy": "public"
+        },
         {
           "name": "inlineSprites",
           "attribute": null,
@@ -527,6 +535,19 @@
           ],
           "return": "Promise<any>"
         },
+        {
+          "name": "fetchExternalIcon",
+          "description": "Fetch an external SVG icon and cache it",
+          "parameters": [
+            {
+              "name": "iconName",
+              "type": "string",
+              "description": null,
+              "optional": false
+            }
+          ],
+          "return": "Promise<boolean>"
+        },
         {
           "name": "notifyInstances",
           "description": null,
@@ -555,21 +576,11 @@
       "tag": "pds-jsonform",
       "className": "SchemaForm",
       "displayName": "PDS JSON Schema Form",
-      "storyTitle": "Components/Pds Jsonform",
-      "category": "Components",
+      "storyTitle": null,
+      "category": null,
       "description": "<pds-jsonform>\n\nForm Actions:\nBy default, the form includes Submit and Reset buttons inside the <form> element.\n\nUsage options:\n1. Default buttons:\n   <pds-jsonform .jsonSchema=${schema}></pds-jsonform>\n\n2. Customize labels:\n   <pds-jsonform .jsonSchema=${schema} submit-label=\"Save\" reset-label=\"Clear\"></pds-jsonform>\n\n3. Hide reset button:\n   <pds-jsonform .jsonSchema=${schema} hide-reset></pds-jsonform>\n\n4. Add extra buttons (slot):\n   <pds-jsonform .jsonSchema=${schema}>\n     <button type=\"button\" slot=\"actions\"\n\n<pds-jsonform>\n\nForm Actions:\nBy default, the form includes Submit and Reset buttons inside the <form> element.\n\nUsage options:\n1. Default buttons:\n   <pds-jsonform .jsonSchema=${schema}></pds-jsonform>\n\n2. Customize labels:\n   <pds-jsonform .jsonSchema=${schema} submit-label=\"Save\" reset-label=\"Clear\"></pds-jsonform>\n\n3. Hide reset button:\n   <pds-jsonform .jsonSchema=${schema} hide-reset></pds-jsonform>\n\n4. Add extra buttons (slot):\n   <pds-jsonform .jsonSchema=${schema}>\n     <button type=\"button\" slot=\"actions\"",
-      "docsDescription": "**⭐ Recommended for modern applications** - Automatically generate complete forms from JSON Schema definitions.\n\n### Key Features\n- 🎯 **Zero boilerplate** - Define form structure in JSON, get a working form with validation\n- ✅ **Built-in validation** - Automatic validation based on schema rules (required, min/max, patterns, etc.)\n- 🔄 **Data binding** - Two-way data binding with form state management\n- 🎨 **PDS styled** - Uses all PDS design tokens automatically\n- 📱 **Responsive** - Mobile-friendly layouts out of the box\n- 🧩 **Conditional logic** - Show/hide fields based on other field values\n- 🌐 **Nested objects** - Support for complex nested data structures\n- 🔧 **Extensible** - Custom field types and validators\n\n### Why JSON Schema Forms?\nInstead of manually writing HTML for every form field, validation rule, and error message, you define your data schema once and get:\n- Form UI generation\n- Client-side validation\n- Server-side validation (same schema)\n- API documentation\n- Type definitions\n- Database schemas\n\nSee the examples below to get started, or check the [primitive forms](/story/primitives-forms--default) for manual form building.",
-      "pdsTags": [
-        "autodocs",
-        "form",
-        "forms",
-        "input",
-        "interaction",
-        "json-schema",
-        "jsonform",
-        "pds-jsonform",
-        "validation"
-      ],
+      "docsDescription": null,
+      "pdsTags": [],
       "ontology": {
         "id": "pds-jsonform",
         "name": "JSON Form",
@@ -584,160 +595,7 @@
         ],
         "category": "form"
       },
-      "stories": [
-        {
-          "exportName": "WithAccordionLayout",
-          "name": "Accordion Layout",
-          "id": "components-pds-jsonform--with-accordion-layout",
-          "tags": [],
-          "description": null,
-          "source": "packages\\pds-storybook\\stories\\components\\PdsJsonform.stories.js"
-        },
-        {
-          "exportName": "ComprehensiveExample",
-          "name": "All Features Combined",
-          "id": "components-pds-jsonform--comprehensive-example",
-          "tags": [],
-          "description": null,
-          "source": "packages\\pds-storybook\\stories\\components\\PdsJsonform.stories.js"
-        },
-        {
-          "exportName": "ComplexForm",
-          "name": "ComplexForm",
-          "id": "components-pds-jsonform--complex-form",
-          "tags": [],
-          "description": null,
-          "source": "packages\\pds-storybook\\stories\\components\\PdsJsonform.stories.js"
-        },
-        {
-          "exportName": "CustomFormActions",
-          "name": "Custom Form Actions",
-          "id": "components-pds-jsonform--custom-form-actions",
-          "tags": [],
-          "description": "Demonstrates using `hide-actions` to provide custom form submission buttons and handling.\n        \nWhen `hide-actions` is set, the default Submit and Reset buttons are hidden, allowing you to create custom action buttons in the `actions` slot. You can then handle form submission programmatically using the form's `submit()` method or by manually triggering the form element.",
-          "source": "packages\\pds-storybook\\stories\\components\\PdsJsonform.stories.js"
-        },
-        {
-          "exportName": "WithDatalistAutocomplete",
-          "name": "Datalist Autocomplete",
-          "id": "components-pds-jsonform--with-datalist-autocomplete",
-          "tags": [],
-          "description": null,
-          "source": "packages\\pds-storybook\\stories\\components\\PdsJsonform.stories.js"
-        },
-        {
-          "exportName": "WithDialogForms",
-          "name": "Dialog-Based Nested Forms",
-          "id": "components-pds-jsonform--with-dialog-forms",
-          "tags": [],
-          "description": "Dialog-based forms use `ui:dialog` to edit nested objects in modal dialogs. State is transferred via FormData when using `PDS.ask()` with `useForm: true`. Click \"Edit\" buttons to modify nested data, then submit the main form to see all changes preserved.",
-          "source": "packages\\pds-storybook\\stories\\components\\PdsJsonform.stories.js"
-        },
-        {
-          "exportName": "WithArrayFields",
-          "name": "Dynamic Arrays (Add/Remove)",
-          "id": "components-pds-jsonform--with-array-fields",
-          "tags": [],
-          "description": "Arrays in JSON Schema forms allow users to dynamically add and remove items. This is perfect for managing lists like team members, tasks, or any collection that can grow or shrink.\n\n### Features:\n- **Add items** - Click \"Add\" button to create new entries\n- **Remove items** - Delete individual items with the \"Remove\" button\n- **Reorder items** - Use up/down arrows to change order\n- **Nested objects** - Each array item can contain complex nested data\n- **Initial values** - Pre-populate with default items\n- **Radio Group Open** - Arrays with `maxItems: 1` render as radio buttons for single selection",
-          "source": "packages\\pds-storybook\\stories\\components\\PdsJsonform.stories.js"
-        },
-        {
-          "exportName": "WithPdsUpload",
-          "name": "File Upload (pds-upload)",
-          "id": "components-pds-jsonform--with-pds-upload",
-          "tags": [],
-          "description": null,
-          "source": "packages\\pds-storybook\\stories\\components\\PdsJsonform.stories.js"
-        },
-        {
-          "exportName": "WithFlexLayout",
-          "name": "Flex Layout",
-          "id": "components-pds-jsonform--with-flex-layout",
-          "tags": [],
-          "description": null,
-          "source": "packages\\pds-storybook\\stories\\components\\PdsJsonform.stories.js"
-        },
-        {
-          "exportName": "WithGridLayout",
-          "name": "Grid Layout",
-          "id": "components-pds-jsonform--with-grid-layout",
-          "tags": [],
-          "description": null,
-          "source": "packages\\pds-storybook\\stories\\components\\PdsJsonform.stories.js"
-        },
-        {
-          "exportName": "WithIcons",
-          "name": "Icon-Enhanced Inputs",
-          "id": "components-pds-jsonform--with-icons",
-          "tags": [],
-          "description": null,
-          "source": "packages\\pds-storybook\\stories\\components\\PdsJsonform.stories.js"
-        },
-        {
-          "exportName": "WithRadioGroupOpen",
-          "name": "Radio Group Open (Single Selection)",
-          "id": "components-pds-jsonform--with-radio-group-open",
-          "tags": [],
-          "description": "When an array has `maxItems: 1`, it renders as a Radio Group Open, allowing single selection with the ability to add custom options.\n        \nThis is perfect for scenarios where users can choose one option from predefined choices or add their own custom value. The `data-open` enhancement automatically provides an input field to add new options dynamically.\n\n### Key Features:\n- **Single selection** - Only one option can be selected at a time (radio buttons)\n- **Add custom options** - Users can type new options in the input field\n- **Remove options** - Click the × button to remove options\n- **Pre-populated** - Start with default options from the schema\n\nThis pattern is ideal for fields like \"Priority\", \"Status\", \"Category\", or any single-choice field where users might need custom values.",
-          "source": "packages\\pds-storybook\\stories\\components\\PdsJsonform.stories.js"
-        },
-        {
-          "exportName": "WithRangeSliders",
-          "name": "Range Sliders with Output",
-          "id": "components-pds-jsonform--with-range-sliders",
-          "tags": [],
-          "description": null,
-          "source": "packages\\pds-storybook\\stories\\components\\PdsJsonform.stories.js"
-        },
-        {
-          "exportName": "WithPdsRichtext",
-          "name": "Rich Text Editor (pds-richtext)",
-          "id": "components-pds-jsonform--with-pds-richtext",
-          "tags": [],
-          "description": null,
-          "source": "packages\\pds-storybook\\stories\\components\\PdsJsonform.stories.js"
-        },
-        {
-          "exportName": "SimpleForm",
-          "name": "SimpleForm",
-          "id": "components-pds-jsonform--simple-form",
-          "tags": [],
-          "description": null,
-          "source": "packages\\pds-storybook\\stories\\components\\PdsJsonform.stories.js"
-        },
-        {
-          "exportName": "WithSurfaces",
-          "name": "Surface Wrapping (Cards)",
-          "id": "components-pds-jsonform--with-surfaces",
-          "tags": [],
-          "description": null,
-          "source": "packages\\pds-storybook\\stories\\components\\PdsJsonform.stories.js"
-        },
-        {
-          "exportName": "WithTabsLayout",
-          "name": "Tabs Layout (pds-tabstrip)",
-          "id": "components-pds-jsonform--with-tabs-layout",
-          "tags": [],
-          "description": null,
-          "source": "packages\\pds-storybook\\stories\\components\\PdsJsonform.stories.js"
-        },
-        {
-          "exportName": "WithTogglesSwitches",
-          "name": "Toggles & Switches",
-          "id": "components-pds-jsonform--with-toggles-switches",
-          "tags": [],
-          "description": null,
-          "source": "packages\\pds-storybook\\stories\\components\\PdsJsonform.stories.js"
-        },
-        {
-          "exportName": "WithInitialData",
-          "name": "WithInitialData",
-          "id": "components-pds-jsonform--with-initial-data",
-          "tags": [],
-          "description": null,
-          "source": "packages\\pds-storybook\\stories\\components\\PdsJsonform.stories.js"
-        }
-      ],
+      "stories": [],
       "sourceModule": "public/assets/pds/components/pds-jsonform.js",
       "superclass": "LitElement",
       "attributes": [
@@ -2596,6 +2454,13 @@
     "utilities": []
   },
   "enhancements": [
+    {
+      "id": "accordion",
+      "selector": ".accordion",
+      "description": "Ensures only one <details> element can be open at a time within the accordion.",
+      "demoHtml": "<div class=\"accordion\">\n        <details>\n          <summary>Section 1</summary>\n          <p>Content for section 1</p>\n        </details>\n        <details>\n          <summary>Section 2</summary>\n          <p>Content for section 2</p>\n        </details>\n        <details>\n          <summary>Section 3</summary>\n          <p>Content for section 3</p>\n        </details>\n      </div>",
+      "source": "src\\js\\pds-core\\pds-enhancers.js"
+    },
     {
       "id": "button-a-class-btn",
       "selector": "button, a[class*='btn-']",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pure-ds/storybook",
-  "version": "0.4.8",
+  "version": "0.4.10",
   "description": "Storybook showcase for Pure Design System with live configuration",
   "type": "module",
   "private": false,
@@ -35,7 +35,7 @@
     "storybook:build": "npm run build-storybook"
   },
   "peerDependencies": {
-    "@pure-ds/core": "^0.4.8"
+    "@pure-ds/core": "^0.4.10"
   },
   "dependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",

package/public/assets/img/icons/solid-anatomy-brain-1.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.2756 5.32354C20.0969 5.99038 19.4115 6.3861 18.7447 6.20743C18.3446 6.10022 17.9333 6.33766 17.8261 6.73776C17.7189 7.13786 17.9564 7.54911 18.3565 7.65632C19.6635 8.00653 21.003 7.35369 21.5576 6.16965C21.8404 6.71813 22 7.34042 22 8C22 8.51204 21.9038 9.00161 21.7285 9.45162C21.7113 9.49557 21.7262 9.54563 21.7643 9.5734C22.5133 10.1189 23 11.0026 23 12C23 12.9974 22.5133 13.8811 21.7643 14.4266C21.7262 14.4544 21.7113 14.5044 21.7285 14.5484C21.9038 14.9984 22 15.488 22 16C22 17.0214 21.6172 17.9534 20.9871 18.6603L20.9493 18.5131C20.5562 17.0461 19.0482 16.1755 17.5812 16.5686C17.1811 16.6758 16.9437 17.087 17.0509 17.4871C17.1581 17.8872 17.5693 18.1247 17.9694 18.0175C18.6352 17.8391 19.3195 18.2332 19.4995 18.8981L19.6871 19.6278C19.203 19.8534 18.6662 19.9848 18.1003 19.9988C18.0451 20.0001 18.0002 20.045 17.9984 20.1002C17.9455 21.7107 16.6233 23 15 23C14.104 23 13.2997 22.6072 12.75 21.9844V15.8515C13.2659 15.8676 13.7935 15.7763 14.3 15.5648C14.6099 15.4353 14.8932 15.2688 15.1467 15.0725C16.1042 15.5555 17.1849 15.5853 18.1272 15.2329C18.5157 15.0876 18.713 14.6558 18.5679 14.2684C18.4228 13.881 17.9902 13.6848 17.6018 13.8301C17.1445 14.0011 16.6358 14.0213 16.1559 13.8697C16.6541 12.9246 16.7423 11.7735 16.2976 10.7109C16.1377 10.3288 15.6982 10.1485 15.316 10.3082C14.9338 10.4678 14.7536 10.907 14.9135 11.2891C15.3838 12.4127 14.8523 13.7085 13.7208 14.1811C13.4025 14.3141 13.0718 14.3675 12.75 14.3508V2.01563C13.2997 1.39282 14.104 1 15 1C16.6233 1 17.9455 2.28934 17.9984 3.89981C18.0002 3.95501 18.0451 3.99987 18.1003 4.00123C18.9728 4.0227 19.776 4.32357 20.4238 4.81776L20.2779 5.31497L20.2756 5.32354Z"/>
+<path d="M3.72589 5.3293C3.90688 5.99277 4.59034 6.3858 5.25532 6.20762C5.65542 6.10042 6.06667 6.33785 6.17387 6.73795C6.28108 7.13805 6.04364 7.54931 5.64354 7.65651C4.33648 8.00674 2.99696 7.35384 2.44235 6.16974C2.15963 6.71819 2 7.34045 2 8C2 8.51204 2.09622 9.00161 2.27155 9.45162C2.28867 9.49557 2.27379 9.54563 2.23566 9.5734C1.48675 10.1189 1 11.0026 1 12C1 12.9974 1.48675 13.8811 2.23566 14.4266C2.27379 14.4544 2.28867 14.5044 2.27155 14.5484C2.09622 14.9984 2 15.488 2 16C2 17.0234 2.38436 17.9571 3.0166 18.6645L3.04652 18.5292L3.05082 18.5131C3.44391 17.0461 4.95183 16.1755 6.41887 16.5686C6.81897 16.6758 7.0564 17.087 6.9492 17.4871C6.84199 17.8872 6.43074 18.1247 6.03064 18.0175C5.36854 17.8401 4.68812 18.2289 4.50359 18.8872L4.33736 19.6392C4.81508 19.8578 5.3433 19.9851 5.89971 19.9988C5.95492 20.0001 5.99983 20.045 6.00164 20.1002C6.05449 21.7107 7.37667 23 9 23C9.89602 23 10.7003 22.6072 11.25 21.9844V12.8877C10.595 12.9888 9.90413 12.9165 9.24869 12.6427C8.9388 12.5133 8.6556 12.3468 8.40215 12.1505C7.44456 12.6336 6.36385 12.6635 5.42144 12.311C5.03295 12.1657 4.83564 11.7339 4.98075 11.3466C5.12585 10.9592 5.55841 10.7629 5.9469 10.9082C6.40418 11.0792 6.91292 11.0994 7.39286 10.9478C6.89453 10.0027 6.8063 8.85144 7.25104 7.78883C7.41096 7.40673 7.85045 7.2264 8.23266 7.38604C8.61487 7.54569 8.79507 7.98485 8.63515 8.36695C8.16486 9.49062 8.6964 10.7864 9.82781 11.259C10.2977 11.4553 10.7944 11.4783 11.25 11.358V2.01563C10.7003 1.39282 9.89602 1 9 1C7.37667 1 6.05449 2.28934 6.00164 3.89981C5.99983 3.95501 5.95492 3.99987 5.89971 4.00123C5.03552 4.0225 4.23933 4.31785 3.59477 4.80364L3.72589 5.3293Z"/>
+</svg>

package/public/assets/img/icons/solid-anatomy-hand-bones.svg

@@ -0,0 +1,21 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.4791 0.249784C11.8932 0.238725 12.2378 0.565426 12.2489 0.979492L12.2798 2.13923C12.2909 2.55329 11.9642 2.89792 11.5501 2.90898C11.1361 2.92004 10.7914 2.59334 10.7804 2.17928L10.7494 1.01954C10.7383 0.605476 11.065 0.260844 11.4791 0.249784Z"/>
+<path d="M11.5617 3.34241C11.9758 3.33135 12.3204 3.65805 12.3315 4.07211L12.4141 7.16474C12.4251 7.5788 12.0984 7.92343 11.6843 7.93449C11.2703 7.94555 10.9256 7.61885 10.9146 7.20479L10.832 4.11216C10.8209 3.6981 11.1476 3.35347 11.5617 3.34241Z"/>
+<path d="M11.6966 8.39447C12.1107 8.38341 12.4553 8.71011 12.4664 9.12417L12.5793 13.35C12.5903 13.764 12.2636 14.1087 11.8495 14.1197C11.4355 14.1308 11.0909 13.8041 11.0798 13.39L10.9669 9.16422C10.9559 8.75016 11.2826 8.40553 11.6966 8.39447Z"/>
+<path d="M7.24057 2.88085C7.17476 2.47189 6.78989 2.19372 6.38094 2.25953C5.97198 2.32534 5.69381 2.71021 5.75962 3.11916L5.91227 4.06772C5.97808 4.47667 6.36295 4.75484 6.7719 4.68903C7.18085 4.62322 7.45902 4.23835 7.39321 3.8294L7.24057 2.88085Z"/>
+<path d="M7.68928 5.72158C7.62717 5.31205 7.24483 5.03041 6.8353 5.09252C6.42577 5.15463 6.14413 5.53697 6.20624 5.9465L6.51098 7.9559C6.57309 8.36543 6.95543 8.64707 7.36496 8.58496C7.77449 8.52285 8.05613 8.14051 7.99402 7.73098L7.68928 5.72158Z"/>
+<path d="M8.34659 9.88204C8.28147 9.47298 7.89707 9.19416 7.48801 9.25928C7.07895 9.3244 6.80013 9.70881 6.86525 10.1179L7.50272 14.1222C7.56784 14.5313 7.95224 14.8101 8.36131 14.7449C8.77037 14.6798 9.04919 14.2954 8.98407 13.8864L8.34659 9.88204Z"/>
+<path d="M22.6896 7.79545C22.8527 7.41473 22.6764 6.97382 22.2957 6.81065C21.9149 6.64748 21.474 6.82384 21.3109 7.20456L21.0966 7.70456C20.9334 8.08528 21.1098 8.52619 21.4905 8.68936C21.8712 8.85253 22.3121 8.67618 22.4753 8.29545L22.6896 7.79545Z"/>
+<path d="M21.7141 10.0714C21.8773 9.69068 21.7009 9.24977 21.3202 9.0866C20.9395 8.92343 20.4986 9.09978 20.3354 9.4805L19.9806 10.3083C19.8174 10.6891 19.9938 11.13 20.3745 11.2932C20.7552 11.4563 21.1961 11.28 21.3593 10.8993L21.7141 10.0714Z"/>
+<path d="M20.6114 12.6444C20.7745 12.2637 20.5982 11.8228 20.2175 11.6596C19.8367 11.4964 19.3958 11.6728 19.2327 12.0535L18.3107 14.2046C18.1476 14.5853 18.3239 15.0262 18.7046 15.1894C19.0854 15.3525 19.5263 15.1762 19.6894 14.7955L20.6114 12.6444Z"/>
+<path d="M7.31371 22.3835C7.39588 22.3314 7.46447 22.266 7.51847 22.1919C7.60792 22.6524 8.01339 23.0001 8.50007 23.0001L9.50007 23.0001C10.0524 23.0001 10.5001 22.5524 10.5001 22.0001C10.5001 22.5524 10.9478 23 11.5001 23H15.0003C15.5481 23 15.9931 22.5594 16.0002 22.0132C16.0073 22.5594 16.4522 23 17.0001 23H17.382C17.7608 23 18.1071 22.786 18.2765 22.4472L18.4844 22.0312C18.7565 21.487 18.4835 20.8278 17.9062 20.6354L17.3163 20.4388C16.6748 20.2249 16.0125 20.696 16.0003 21.3685V21C16.0003 20.4477 15.5526 20 15.0003 20H11.5001C10.9478 20 10.5001 20.4477 10.5001 21L10.5001 21.4089C10.5001 20.7264 9.8314 20.2444 9.18387 20.4602L8.18387 20.7936C7.89439 20.8901 7.6717 21.1102 7.56659 21.3835C7.55997 21.3717 7.55301 21.3601 7.54568 21.3485L5.55014 18.2001C5.32839 17.8502 4.86501 17.7463 4.51515 17.9681C4.16529 18.1898 4.06144 18.6532 4.28319 19.0031L6.27873 22.1515C6.50048 22.5014 6.96386 22.6052 7.31371 22.3835Z"/>
+<path d="M10.9999 16.5001L10.9999 18.2405C10.9999 18.7928 11.4476 19.2405 11.9999 19.2405C12.5521 19.2405 12.9998 18.7928 12.9999 18.2406L13 16.5001C13 15.9478 12.5522 15.5 11.9999 15.5001C11.4476 15.5001 10.9999 15.9478 10.9999 16.5001Z"/>
+<path d="M16.0775 18.3746L16.1975 17.9243C16.3382 17.3964 16.8771 17.0793 17.407 17.2119C17.9705 17.3528 18.2965 17.9426 18.1151 18.4943L17.9696 18.9371C17.8365 19.3424 17.4581 19.6163 17.0316 19.6163C16.3829 19.6163 15.9104 19.0014 16.0775 18.3746Z"/>
+<path d="M7.88384 17.465L8.31596 19.2438C8.42373 19.6874 8.82102 19.9998 9.27757 19.9998C9.9069 19.9998 10.3764 19.42 10.2455 18.8045L9.8649 17.0133C9.7472 16.4595 9.19357 16.1137 8.64426 16.251L8.61309 16.2588C8.07979 16.3921 7.75407 16.9309 7.88384 17.465Z"/>
+<path d="M13.6142 18.0624L13.8326 16.6698C13.9185 16.1223 14.4361 15.7494 14.9833 15.8381C15.5316 15.927 15.9052 16.4462 15.8118 16.9938L15.5749 18.3833C15.4935 18.8606 15.0798 19.2097 14.5956 19.2097C13.9856 19.2097 13.5197 18.665 13.6142 18.0624Z"/>
+<path d="M1.59859 13.3665C1.94845 13.1448 2.41182 13.2486 2.63357 13.5985L2.94058 14.0829C3.16232 14.4327 3.05847 14.8961 2.70861 15.1179C2.35875 15.3396 1.89538 15.2357 1.67363 14.8859L1.36662 14.4015C1.14487 14.0517 1.24873 13.5883 1.59859 13.3665Z"/>
+<path d="M2.90337 15.4251C3.25322 15.2034 3.7166 15.3072 3.93835 15.6571L4.59074 16.6864C4.81249 17.0362 4.70863 17.4996 4.35877 17.7214C4.00892 17.9431 3.54554 17.8393 3.32379 17.4894L2.6714 16.4601C2.44965 16.1103 2.55351 15.6469 2.90337 15.4251Z"/>
+<path d="M18.239 2.12851C18.31 1.72042 18.0367 1.33207 17.6286 1.2611C17.2205 1.19012 16.8322 1.46341 16.7612 1.8715L16.5572 3.04443C16.4862 3.45252 16.7595 3.84087 17.1676 3.91185C17.5757 3.98282 17.964 3.70953 18.035 3.30144L18.239 2.12851Z"/>
+<path d="M17.6869 5.30337C17.7578 4.89528 17.4845 4.50693 17.0765 4.43596C16.6684 4.36498 16.28 4.63827 16.209 5.04636L15.8471 7.12764C15.7761 7.53573 16.0494 7.92409 16.4575 7.99506C16.8656 8.06603 17.2539 7.79274 17.3249 7.38465L17.6869 5.30337Z"/>
+<path d="M16.9412 9.59108C17.0121 9.18299 16.7389 8.79464 16.3308 8.72367C15.9227 8.6527 15.5343 8.92598 15.4633 9.33407L14.7612 13.3715C14.6902 13.7796 14.9635 14.1679 15.3716 14.2389C15.7797 14.3099 16.168 14.0366 16.239 13.6285L16.9412 9.59108Z"/>
+</svg>

package/public/assets/img/icons/solid-conditions-lung-condition-2.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4999 1.25C10.9141 1.25 11.2499 1.58579 11.2499 2V7.93694C11.2499 8.89661 10.6944 9.76912 9.82593 10.1756L9.56999 10.3035L9.67179 12.3256L11.2174 11.5528C11.71 11.3064 12.29 11.3064 12.7826 11.5528L14.3282 12.3256L14.43 10.3035L14.1741 10.1756C13.3056 9.76912 12.7501 8.89661 12.7501 7.93694V2C12.7501 1.58579 13.0859 1.25 13.5001 1.25C13.9143 1.25 14.2501 1.58579 14.2501 2V7.93694C14.2501 8.18971 14.3481 8.4271 14.5155 8.6043L14.5549 7.82193C14.5903 7.11814 14.8553 6.385 15.5195 6.14962C16.6652 5.74362 18.5288 6.01709 20.7079 8.83627C22.7333 11.4566 23.1237 15.5782 22.9699 18.682C22.8815 20.4677 21.0708 21.4579 19.3938 20.838L16.0668 19.6082C14.837 19.1536 14.0448 17.953 14.1108 16.6435L14.2458 13.9614L12.1118 12.8944C12.0414 12.8592 11.9586 12.8592 11.8882 12.8944L9.75416 13.9614L9.88919 16.6435C9.95513 17.953 9.16298 19.1536 7.93312 19.6082L4.60612 20.838C2.92913 21.4579 1.11847 20.4677 1.03002 18.682C0.876278 15.5782 1.26663 11.4566 3.29204 8.83627C5.47114 6.01709 7.3348 5.74362 8.48047 6.14962C9.14467 6.385 9.40961 7.11814 9.44504 7.82193L9.48443 8.60435C9.65185 8.42714 9.74988 8.18973 9.74988 7.93694V2C9.74988 1.58579 10.0857 1.25 10.4999 1.25ZM18.3423 16.1475C17.9422 16.2547 17.7047 16.666 17.8119 17.0661C17.9191 17.4662 18.3304 17.7036 18.7305 17.5964L18.7611 17.5882C19.1612 17.481 19.3987 17.0698 19.2915 16.6697C19.1843 16.2696 18.773 16.0321 18.3729 16.1393L18.3423 16.1475ZM16.7768 13.2023C16.6696 12.8022 16.907 12.391 17.3071 12.2838L17.3378 12.2756C17.7379 12.1683 18.1491 12.4058 18.2563 12.8059C18.3635 13.206 18.1261 13.6172 17.726 13.7244L17.6953 13.7327C17.2952 13.8399 16.884 13.6024 16.7768 13.2023ZM19.7566 13.698C19.3565 13.8052 19.119 14.2164 19.2262 14.6165C19.3334 15.0166 19.7447 15.254 20.1448 15.1468L20.1754 15.1386C20.5755 15.0314 20.813 14.6202 20.7058 14.2201C20.5986 13.82 20.1873 13.5825 19.7872 13.6897L19.7566 13.698ZM6.1694 17.0661C6.27661 16.666 6.03917 16.2547 5.63907 16.1475L5.60842 16.1393C5.20832 16.0321 4.79707 16.2696 4.68986 16.6697C4.58266 17.0698 4.82009 17.481 5.22019 17.5882L5.25084 17.5964C5.65094 17.7036 6.06219 17.4662 6.1694 17.0661ZM6.67422 12.2838C7.07432 12.391 7.31176 12.8022 7.20456 13.2023C7.09735 13.6024 6.6861 13.8399 6.286 13.7327L6.25535 13.7244C5.85525 13.6172 5.61781 13.206 5.72502 12.8059C5.83222 12.4058 6.24348 12.1683 6.64358 12.2756L6.67422 12.2838ZM4.75509 14.6165C4.8623 14.2164 4.62486 13.8052 4.22476 13.698L4.19411 13.6897C3.79401 13.5825 3.38276 13.82 3.27556 14.2201C3.16835 14.6202 3.40579 15.0314 3.80589 15.1386L3.83653 15.1468C4.23663 15.254 4.64789 15.0166 4.75509 14.6165Z"/>
+</svg>