@tmorrow/cre8-wc 2.1.1 → 2.2.0

package/dist/assets/icon-description.stories-Cg6ekOme.js

@@ -1,3 +0,0 @@
-import{b as o}from"./iframe-BNJP6ovU.js";import{s}from"./spread-CnPic3C2.js";import"./icon-description-BBSwDykJ.js";import"./preload-helper-PPVm8Dsz.js";const a={title:"Examples/Icon Description",component:"icon-description",parameters:{status:{type:"inProgress"}}},e=r=>o` <icon-description ${s(r)} verticalAlign="center" size="sm">
-  <cre8-icon-legacy name="order-status" slot="header"></cre8-icon-legacy>Enrolled in auto refill
-</icon-description>`;e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:'args => html` <icon-description ${spread(args)} verticalAlign="center" size="sm">\n  <cre8-icon-legacy name="order-status" slot="header"></cre8-icon-legacy>Enrolled in auto refill\n</icon-description>`',...e.parameters?.docs?.source}}};const l=["Default"];export{e as Default,l as __namedExportsOrder,a as default};

package/dist/assets/if-defined-Bxnzk64Q.js

@@ -1 +0,0 @@
-import{A as r}from"./iframe-BNJP6ovU.js";const m=o=>o??r;export{m as o};

package/dist/assets/medication-card.stories-Wc-hA0-s.js

@@ -1,165 +0,0 @@
-import{a as t,b as r}from"./iframe-BNJP6ovU.js";import"./button-CgaWukz0.js";import"./grid-C5CKMXNe.js";import"./heading-Dbka33DK.js";import"./icon-ChfRWXWy.js";import"./text-link-B3m3KEqY.js";import"./text-passage-xQVosjOr.js";import{s as n}from"./spread-CnPic3C2.js";import"./icon-description-BBSwDykJ.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-Cfc5VeYV.js";import"./loading-spinner-C52KNq6y.js";t`@import 'design-tokens/core/scss/theming/component';
-
-/**
- * 1)
- */
-
-div.c-medication-card__header {
-  display: flex;
-  align-items: center;
-  padding: size(2);
-}
-
-.c-medication-card__icon {
-  --cre8-icon-height: #{size(3)};
-  --cre8-icon-width: #{size(3)};
-  --cre8-icon-fill: var(--cre8-color-content-subtle);
-  margin-right: size(2);
-}
-
-.c-medication-card__heading-after {
-  @include cre8-typography-body-default;
-  margin-left: auto;
-
-  ::slotted(div) {
-    display: flex;
-    gap: size(1);
-    align-items: center;
-  }
-}
-.c-medication-card__footer {
-  @include cre8-typography-body-default;
-  padding: size(1) size(2);
-  border-top: var(--cre8-theme-border-width) var(--cre8-border-style-default) var(--cre8-color-border-default);
-}
-`;const x={title:"Examples/Medication Card",component:"medication-card",parameters:{status:{type:"inProgress"}}},e=i=>r`<medication-card ${n(i)}>
-  <cre8-heading slot="heading" headingTagName="h2" variant="title-default">atorvastatin</cre8-heading>
-  <div slot="headingAfter">
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="25" viewBox="0 0 16 25" fill="none">
-      <path
-        d="M13.5694 5.87747C13.2776 5.87747 13.041 6.12621 13.041 6.433V22.5427C13.041 23.4732 12.8297 23.6871 11.9077 23.6871H4.59773C3.67837 23.6871 3.46703 23.4732 3.46703 22.5427V21.1928H9.85496C10.1468 21.1928 10.3833 20.9441 10.3833 20.6373V8.99389C10.3833 8.6871 10.1468 8.43839 9.85496 8.43839H3.46438V6.43578C3.46438 6.12898 3.22783 5.88027 2.93602 5.88027C2.64421 5.88027 2.40765 6.12898 2.40765 6.43578V22.5455C2.40765 24.087 3.1051 24.8036 4.60037 24.8036H11.9103C13.4082 24.8036 14.103 24.087 14.103 22.5455V6.43578C14.1037 6.287 14.0476 6.14414 13.9473 6.0392C13.847 5.93426 13.7109 5.87601 13.5694 5.87747Z"
-        fill="#009BDF"
-      />
-      <path
-        d="M15.4716 0H1.06053C0.768722 0 0.532166 0.248709 0.532166 0.555508V4.3274C0.532166 4.6342 0.768722 4.88291 1.06053 4.88291H15.4716C15.7634 4.88291 16 4.6342 16 4.3274V0.555508C16 0.248709 15.7634 0 15.4716 0ZM14.9433 3.7719H1.59153V1.11657H14.9433V3.7719Z"
-        fill="#009BDF"
-      />
-    </svg>
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="25" viewBox="0 0 16 25" fill="none">
-      <path
-        d="M13.5694 5.87747C13.2776 5.87747 13.041 6.12621 13.041 6.433V22.5427C13.041 23.4732 12.8297 23.6871 11.9077 23.6871H4.59773C3.67837 23.6871 3.46703 23.4732 3.46703 22.5427V21.1928H9.85496C10.1468 21.1928 10.3833 20.9441 10.3833 20.6373V8.99389C10.3833 8.6871 10.1468 8.43839 9.85496 8.43839H3.46438V6.43578C3.46438 6.12898 3.22783 5.88027 2.93602 5.88027C2.64421 5.88027 2.40765 6.12898 2.40765 6.43578V22.5455C2.40765 24.087 3.1051 24.8036 4.60037 24.8036H11.9103C13.4082 24.8036 14.103 24.087 14.103 22.5455V6.43578C14.1037 6.287 14.0476 6.14414 13.9473 6.0392C13.847 5.93426 13.7109 5.87601 13.5694 5.87747Z"
-        fill="#009BDF"
-      />
-      <path
-        d="M15.4716 0H1.06053C0.768722 0 0.532166 0.248709 0.532166 0.555508V4.3274C0.532166 4.6342 0.768722 4.88291 1.06053 4.88291H15.4716C15.7634 4.88291 16 4.6342 16 4.3274V0.555508C16 0.248709 15.7634 0 15.4716 0ZM14.9433 3.7719H1.59153V1.11657H14.9433V3.7719Z"
-        fill="#009BDF"
-      />
-    </svg>
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="25" viewBox="0 0 16 25" fill="none">
-      <path
-        d="M13.5694 5.87747C13.2776 5.87747 13.041 6.12621 13.041 6.433V22.5427C13.041 23.4732 12.8297 23.6871 11.9077 23.6871H4.59773C3.67837 23.6871 3.46703 23.4732 3.46703 22.5427V21.1928H9.85496C10.1468 21.1928 10.3833 20.9441 10.3833 20.6373V8.99389C10.3833 8.6871 10.1468 8.43839 9.85496 8.43839H3.46438V6.43578C3.46438 6.12898 3.22783 5.88027 2.93602 5.88027C2.64421 5.88027 2.40765 6.12898 2.40765 6.43578V22.5455C2.40765 24.087 3.1051 24.8036 4.60037 24.8036H11.9103C13.4082 24.8036 14.103 24.087 14.103 22.5455V6.43578C14.1037 6.287 14.0476 6.14414 13.9473 6.0392C13.847 5.93426 13.7109 5.87601 13.5694 5.87747Z"
-        fill="#009BDF"
-      />
-      <path
-        d="M15.4716 0H1.06053C0.768722 0 0.532166 0.248709 0.532166 0.555508V4.3274C0.532166 4.6342 0.768722 4.88291 1.06053 4.88291H15.4716C15.7634 4.88291 16 4.6342 16 4.3274V0.555508C16 0.248709 15.7634 0 15.4716 0ZM14.9433 3.7719H1.59153V1.11657H14.9433V3.7719Z"
-        fill="#009BDF"
-      />
-    </svg>
-    3 refills left
-  </div>
-  <cre8-grid variant="1-3up">
-    <cre8-grid-item>
-      <cre8-text-passage> 40 mg </cre8-text-passage>
-      <cre8-text-passage> Dr Hayden Park <a href="#">Update doctor</a> </cre8-text-passage>
-      <cre8-text-passage> Rx# 8974065213 <a href="#">Prescription details</a> </cre8-text-passage>
-    </cre8-grid-item>
-    <cre8-grid-item>
-      <icon-description verticalAlign="center" size="sm"><cre8-icon-legacy name="people" slot="header"></cre8-icon-legacy>Chris</icon-description>
-      <icon-description verticalAlign="center" size="sm">
-        <cre8-icon-legacy name="pharmacy" style="--cre8-icon-height: 2rem; --cre8-icon-width: 2rem;" slot="header"></cre8-icon-legacy> Pharmacy
-        Pharmacy
-      </icon-description>
-    </cre8-grid-item>
-    <cre8-grid-item style="text-align: right">
-      <icon-description weight="light" class="cre8-u-display-block cre8-u-margin-bottom-sm" align="end" verticalAlign="center" size="sm">
-        <cre8-icon-legacy name="order-status" slot="header"></cre8-icon-legacy>Enrolled in auto refill
-      </icon-description>
-      <cre8-button
-        class="cre8-u-display-block cre8-u-margin-bottom-sm"
-        text="Manage Auto Refill"
-        iconPosition="after"
-        iconName="keyboard-arrow-down"
-      ></cre8-button>
-      <cre8-text-link>Archive Medication</cre8-text-link>
-    </cre8-grid-item>
-  </cre8-grid>
-  <div slot="footer" style="display: flex; align-items: center;  gap: 1rem">
-    <cre8-text-passage><strong>Next order:</strong> Processing Estimated delivery by: Aug 16,2022</cre8-text-passage>
-    <cre8-button text="Order details" variant="link" size="sm" iconPosition="after" iconName="keyboard-arrow-down"></cre8-button>
-  </div>
-</medication-card>`;e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => html\`<medication-card \${spread(args)}>
-  <cre8-heading slot="heading" headingTagName="h2" variant="title-default">atorvastatin</cre8-heading>
-  <div slot="headingAfter">
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="25" viewBox="0 0 16 25" fill="none">
-      <path
-        d="M13.5694 5.87747C13.2776 5.87747 13.041 6.12621 13.041 6.433V22.5427C13.041 23.4732 12.8297 23.6871 11.9077 23.6871H4.59773C3.67837 23.6871 3.46703 23.4732 3.46703 22.5427V21.1928H9.85496C10.1468 21.1928 10.3833 20.9441 10.3833 20.6373V8.99389C10.3833 8.6871 10.1468 8.43839 9.85496 8.43839H3.46438V6.43578C3.46438 6.12898 3.22783 5.88027 2.93602 5.88027C2.64421 5.88027 2.40765 6.12898 2.40765 6.43578V22.5455C2.40765 24.087 3.1051 24.8036 4.60037 24.8036H11.9103C13.4082 24.8036 14.103 24.087 14.103 22.5455V6.43578C14.1037 6.287 14.0476 6.14414 13.9473 6.0392C13.847 5.93426 13.7109 5.87601 13.5694 5.87747Z"
-        fill="#009BDF"
-      />
-      <path
-        d="M15.4716 0H1.06053C0.768722 0 0.532166 0.248709 0.532166 0.555508V4.3274C0.532166 4.6342 0.768722 4.88291 1.06053 4.88291H15.4716C15.7634 4.88291 16 4.6342 16 4.3274V0.555508C16 0.248709 15.7634 0 15.4716 0ZM14.9433 3.7719H1.59153V1.11657H14.9433V3.7719Z"
-        fill="#009BDF"
-      />
-    </svg>
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="25" viewBox="0 0 16 25" fill="none">
-      <path
-        d="M13.5694 5.87747C13.2776 5.87747 13.041 6.12621 13.041 6.433V22.5427C13.041 23.4732 12.8297 23.6871 11.9077 23.6871H4.59773C3.67837 23.6871 3.46703 23.4732 3.46703 22.5427V21.1928H9.85496C10.1468 21.1928 10.3833 20.9441 10.3833 20.6373V8.99389C10.3833 8.6871 10.1468 8.43839 9.85496 8.43839H3.46438V6.43578C3.46438 6.12898 3.22783 5.88027 2.93602 5.88027C2.64421 5.88027 2.40765 6.12898 2.40765 6.43578V22.5455C2.40765 24.087 3.1051 24.8036 4.60037 24.8036H11.9103C13.4082 24.8036 14.103 24.087 14.103 22.5455V6.43578C14.1037 6.287 14.0476 6.14414 13.9473 6.0392C13.847 5.93426 13.7109 5.87601 13.5694 5.87747Z"
-        fill="#009BDF"
-      />
-      <path
-        d="M15.4716 0H1.06053C0.768722 0 0.532166 0.248709 0.532166 0.555508V4.3274C0.532166 4.6342 0.768722 4.88291 1.06053 4.88291H15.4716C15.7634 4.88291 16 4.6342 16 4.3274V0.555508C16 0.248709 15.7634 0 15.4716 0ZM14.9433 3.7719H1.59153V1.11657H14.9433V3.7719Z"
-        fill="#009BDF"
-      />
-    </svg>
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="25" viewBox="0 0 16 25" fill="none">
-      <path
-        d="M13.5694 5.87747C13.2776 5.87747 13.041 6.12621 13.041 6.433V22.5427C13.041 23.4732 12.8297 23.6871 11.9077 23.6871H4.59773C3.67837 23.6871 3.46703 23.4732 3.46703 22.5427V21.1928H9.85496C10.1468 21.1928 10.3833 20.9441 10.3833 20.6373V8.99389C10.3833 8.6871 10.1468 8.43839 9.85496 8.43839H3.46438V6.43578C3.46438 6.12898 3.22783 5.88027 2.93602 5.88027C2.64421 5.88027 2.40765 6.12898 2.40765 6.43578V22.5455C2.40765 24.087 3.1051 24.8036 4.60037 24.8036H11.9103C13.4082 24.8036 14.103 24.087 14.103 22.5455V6.43578C14.1037 6.287 14.0476 6.14414 13.9473 6.0392C13.847 5.93426 13.7109 5.87601 13.5694 5.87747Z"
-        fill="#009BDF"
-      />
-      <path
-        d="M15.4716 0H1.06053C0.768722 0 0.532166 0.248709 0.532166 0.555508V4.3274C0.532166 4.6342 0.768722 4.88291 1.06053 4.88291H15.4716C15.7634 4.88291 16 4.6342 16 4.3274V0.555508C16 0.248709 15.7634 0 15.4716 0ZM14.9433 3.7719H1.59153V1.11657H14.9433V3.7719Z"
-        fill="#009BDF"
-      />
-    </svg>
-    3 refills left
-  </div>
-  <cre8-grid variant="1-3up">
-    <cre8-grid-item>
-      <cre8-text-passage> 40 mg </cre8-text-passage>
-      <cre8-text-passage> Dr Hayden Park <a href="#">Update doctor</a> </cre8-text-passage>
-      <cre8-text-passage> Rx# 8974065213 <a href="#">Prescription details</a> </cre8-text-passage>
-    </cre8-grid-item>
-    <cre8-grid-item>
-      <icon-description verticalAlign="center" size="sm"><cre8-icon-legacy name="people" slot="header"></cre8-icon-legacy>Chris</icon-description>
-      <icon-description verticalAlign="center" size="sm">
-        <cre8-icon-legacy name="pharmacy" style="--cre8-icon-height: 2rem; --cre8-icon-width: 2rem;" slot="header"></cre8-icon-legacy> Pharmacy
-        Pharmacy
-      </icon-description>
-    </cre8-grid-item>
-    <cre8-grid-item style="text-align: right">
-      <icon-description weight="light" class="cre8-u-display-block cre8-u-margin-bottom-sm" align="end" verticalAlign="center" size="sm">
-        <cre8-icon-legacy name="order-status" slot="header"></cre8-icon-legacy>Enrolled in auto refill
-      </icon-description>
-      <cre8-button
-        class="cre8-u-display-block cre8-u-margin-bottom-sm"
-        text="Manage Auto Refill"
-        iconPosition="after"
-        iconName="keyboard-arrow-down"
-      ></cre8-button>
-      <cre8-text-link>Archive Medication</cre8-text-link>
-    </cre8-grid-item>
-  </cre8-grid>
-  <div slot="footer" style="display: flex; align-items: center;  gap: 1rem">
-    <cre8-text-passage><strong>Next order:</strong> Processing Estimated delivery by: Aug 16,2022</cre8-text-passage>
-    <cre8-button text="Order details" variant="link" size="sm" iconPosition="after" iconName="keyboard-arrow-down"></cre8-button>
-  </div>
-</medication-card>\``,...e.parameters?.docs?.source}}};const u=["Default"];export{e as Default,u as __namedExportsOrder,x as default};

package/dist/assets/medication-form.stories-DfFOCDaU.js

@@ -1,57 +0,0 @@
-import{a as i,b as t}from"./iframe-BNJP6ovU.js";import"./button-CgaWukz0.js";import"./field-BpUYyRW1.js";import{s as o}from"./spread-CnPic3C2.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-Cfc5VeYV.js";import"./icon-ChfRWXWy.js";import"./loading-spinner-C52KNq6y.js";import"./index.browser-BY9c7rfI.js";import"./field-note-fccBckVl.js";i`@import 'design-tokens/core/scss/theming/component' ;
-
-/**
- * 1)
- */
-.c-medication-form {
-  display: flex;
-  flex-wrap: wrap;
-  margin: size(-1.5);
-  flex-direction: column;
-
-  @media all and (min-width: component.$cre8-breakpoint-md) {
-    flex-direction: row;
-    width: 100%;
-  }
-}
-
-/**
-  * Slotted grid item within 1-2-4up Grid
-  */
-::slotted(*) {
-  width: 100%;
-  padding: size(1.5);
-
-  @media all and (min-width: component.$cre8-breakpoint-md) {
-    width: 50%;
-  }
-
-  @media all and (min-width: component.$cre8-breakpoint-xl) {
-    flex: 1;
-  }
-}
-
-::slotted(:first-child) {
-  @media all and (min-width: component.$cre8-breakpoint-lg) {
-    flex: auto;
-    width: 20%;
-  }
-}
-
-::slotted(:last-child) {
-  @media all and (min-width: component.$cre8-breakpoint-md) {
-    position: relative;
-    top: size(6.25);
-  }
-}
-`;const y={title:"Examples/Medication Form",component:"medication-form",parameters:{status:{type:"inProgress"}}},e=r=>t`<medication-form ${o(r)}>
-  <cre8-field label="Enter medication name of Rx number" placeholder="ex. Lipitor or Rx number"></cre8-field>
-  <cre8-field label="Filter by member" placeholder="All"></cre8-field>
-  <cre8-field label="Filter by pharmacy type" placeholder="All"></cre8-field>
-  <cre8-button text="Clear All" variant="bare" ?disabled=${!0}></cre8-button>
-</medication-form>`;e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => html\`<medication-form \${spread(args)}>
-  <cre8-field label="Enter medication name of Rx number" placeholder="ex. Lipitor or Rx number"></cre8-field>
-  <cre8-field label="Filter by member" placeholder="All"></cre8-field>
-  <cre8-field label="Filter by pharmacy type" placeholder="All"></cre8-field>
-  <cre8-button text="Clear All" variant="bare" ?disabled=\${true}></cre8-button>
-</medication-form>\``,...e.parameters?.docs?.source}}};const $=["Default"];export{e as Default,$ as __namedExportsOrder,y as default};

package/dist/assets/request-prescription.stories-O4zqokfb.js

@@ -1,24 +0,0 @@
-import{a as r,b as t}from"./iframe-BNJP6ovU.js";import"./button-CgaWukz0.js";import"./text-passage-xQVosjOr.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-Cfc5VeYV.js";import"./icon-ChfRWXWy.js";import"./loading-spinner-C52KNq6y.js";r`@import 'design-tokens/core/scss/theming/component' ;
-
-/**
- * 1)
- */
-.c-request-prescription {
-  @include cre8-typography-body-large();
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: size(5);
-  border: var(--cre8-theme-border-width) dashed var(--cre8-color-border-default);
-}
-
-.c-request-prescription__footer {
-  margin-top: size(2);
-}
-`;const x={title:"Examples/Request Prescription",component:"request-prescription",parameters:{status:{type:"inProgress"}}},e=o=>t` <request-prescription>
-  <cre8-text-passage>Have a new prescription or want to transfer one from another pharmacy?</cre8-text-passage>
-  <cre8-button slot="footer" text="Request an Rx" iconPosition="before" iconName="add" variant="primary"></cre8-button>
-</request-prescription>`;e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => html\` <request-prescription>
-  <cre8-text-passage>Have a new prescription or want to transfer one from another pharmacy?</cre8-text-passage>
-  <cre8-button slot="footer" text="Request an Rx" iconPosition="before" iconName="add" variant="primary"></cre8-button>
-</request-prescription>\``,...e.parameters?.docs?.source}}};const b=["Default"];export{e as Default,b as __namedExportsOrder,x as default};

package/dist/assets/state-DkQhleoO.js

@@ -1 +0,0 @@
-import{n as r}from"./cre8-element-B35i4Lyg.js";function n(t){return r({...t,state:!0,attribute:!1})}export{n as r};