@tmorrow/cre8-wc 2.0.5 → 2.0.7

package/dist/assets/checkbox-field-item.stories-Wbkn0aOb.js

@@ -1,39 +0,0 @@
-import{b as l}from"./iframe-CdWmiVXf.js";import"./field-note-txmyzeNl.js";import"./checkbox-field-item-BVUOuGTx.js";import{s as p}from"./spread-BOaHI3Dl.js";import"./preload-helper-PPVm8Dsz.js";import"./Warning-CawqmTvB.js";import"./Error-X6enME_5.js";import"./cre8-element-gkCuLp-W.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./icon-DYiIK7a4.js";import"./unsafe-html-BLUBm7l3.js";import"./directive-b18f_ppQ.js";import"./Caret_Down-Bmqq8eNW.js";import"./if-defined-sxEueMHN.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-DsXhvnkn.js";const W={title:"cre8 Components/Checkbox Field Item",component:"cre8-checkbox-field-item",parameters:{status:{type:"inProgress"},actions:{handles:["input","change","blur","click"]}},render:d=>l`<cre8-checkbox-field-item ${p(d)}></cre8-checkbox-field-item>`,args:{checked:void 0,disabled:void 0,errorNote:void 0,fieldNote:void 0,isError:void 0,isSuccess:void 0,label:"Label",required:void 0,successNote:void 0,name:void 0},argTypes:{checked:{control:"boolean"},disabled:{control:"boolean"},errorNote:{control:"text"},fieldNote:{control:"text"},fieldNoteIconName:{control:"text"},label:{control:"text"},successNote:{control:"text"},validationAriaDescribedBy:{control:"text"},name:{control:"text",optional:!0}}},o={},a={args:{checked:!0}},e={args:{label:"Label (optional)"}},t={args:{isError:!0,required:!0}},r={args:{disabled:!0}},s={args:{fieldNote:"This is a field note.",ariaDescribedBy:"default-fieldnote-message"}},i={args:{isError:!0,errorNote:"Short, clear error message",validationAriaDescribedBy:"error-validation-message"}},c={args:{isSuccess:!0,successNote:"Short, clear success message",validationAriaDescribedBy:"success-valitation-message"}},n={args:{label:"This could mayhaps be the longest title that has ever been put on a checkbox field ever!"}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:"{}",...o.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
-  args: {
-    checked: true
-  }
-}`,...a.parameters?.docs?.source}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    label: 'Label (optional)'
-  }
-}`,...e.parameters?.docs?.source},description:{story:"As a universal form rule, remember to minimize the number of optional fields to keep forms as short as possible. Include the text `(optional)` at the end of the label for the checkbox.",...e.parameters?.docs?.description}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    isError: true,
-    required: true
-  }
-}`,...t.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
-  args: {
-    disabled: true
-  }
-}`,...r.parameters?.docs?.source},description:{story:"Using disabled states is not advised. Ideally, never display unavailable actions.",...r.parameters?.docs?.description}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
-  args: {
-    fieldNote: 'This is a field note.',
-    ariaDescribedBy: 'default-fieldnote-message'
-  }
-}`,...s.parameters?.docs?.source},description:{story:"Optional guidance messaging can be passed via the `fieldNote` property or by using the `fieldNote` slot.\nMessages included in this manner must also include an associated `ariaDescribedBy` id property.\n\nError and success field note messaging are passed via their respective `errorNote` and `successNote` properties,\nand must include an associated `validationAriaDescribedBy` property.",...s.parameters?.docs?.description}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
-  args: {
-    isError: true,
-    errorNote: 'Short, clear error message',
-    validationAriaDescribedBy: 'error-validation-message'
-  }
-}`,...i.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
-  args: {
-    isSuccess: true,
-    successNote: 'Short, clear success message',
-    validationAriaDescribedBy: 'success-valitation-message'
-  }
-}`,...c.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
-  args: {
-    label: 'This could mayhaps be the longest title that has ever been put on a checkbox field ever!'
-  }
-}`,...n.parameters?.docs?.source}}};const I=["Default","Preselected","Optional","Error","Disabled","DefaultWithFieldNote","ErrorWithFieldNote","SuccessWithFieldNote","LongTitle"];export{o as Default,s as DefaultWithFieldNote,r as Disabled,t as Error,i as ErrorWithFieldNote,n as LongTitle,e as Optional,a as Preselected,c as SuccessWithFieldNote,I as __namedExportsOrder,W as default};

package/dist/assets/directive-b18f_ppQ.js

@@ -1 +0,0 @@
-const s={CHILD:2,ELEMENT:6},$=r=>(...t)=>({_$litDirective$:r,values:t});class _{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}export{$ as e,_ as i,s as t};

package/dist/assets/dropdown-item.stories-Dxn0MeE8.js

@@ -1,26 +0,0 @@
-import{b as o}from"./iframe-CdWmiVXf.js";import"./dropdown-DZE-lVYN.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-gkCuLp-W.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./state-BQD-SkUn.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./Caret_Down-Bmqq8eNW.js";const x={title:"In Development/Dropdown Item",component:"cre8-dropdown-item",parameters:{status:{type:"inProgress"},actions:{handles:["dropdown-item-selected"]},docs:{story:{height:"300px"}}}},p=({buttonText:e,dropdownContent:r,maxHeight:n,dropdownWithLink:d})=>o`
-  <cre8-dropdown
-    buttonText=${e}
-    maxHeight=${n}
-    dropdownWithLink=${d}
-  >
-    ${r}
-  </cre8-dropdown>
-`,t=p.bind({});t.args={buttonText:"Select",dropdownContent:o`
-  <cre8-dropdown-item>Item 1</cre8-dropdown-item>
-  <cre8-dropdown-item>Item 2 Item with longer text than default</cre8-dropdown-item>
-  <cre8-dropdown-item>Item 3</cre8-dropdown-item>
-  `};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`({
-  buttonText,
-  dropdownContent,
-  maxHeight,
-  dropdownWithLink
-}) => html\`
-  <cre8-dropdown
-    buttonText=\${buttonText}
-    maxHeight=\${maxHeight}
-    dropdownWithLink=\${dropdownWithLink}
-  >
-    \${dropdownContent}
-  </cre8-dropdown>
-\``,...t.parameters?.docs?.source}}};const g=["Default"];export{t as Default,g as __namedExportsOrder,x as default};

package/dist/assets/field-note.stories-CT0_DymI.js

@@ -1,27 +0,0 @@
-import{b as c}from"./iframe-CdWmiVXf.js";import{s as l}from"./spread-BOaHI3Dl.js";import{o as p}from"./unsafe-html-BLUBm7l3.js";import{s as d}from"./story-helpers-BJLZYDac.js";import"./field-note-txmyzeNl.js";import"./text-link-Dg8E1dhI.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./Warning-CawqmTvB.js";import"./Error-X6enME_5.js";import"./cre8-element-gkCuLp-W.js";import"./icon-DYiIK7a4.js";import"./Caret_Down-Bmqq8eNW.js";import"./if-defined-sxEueMHN.js";const D={title:"cre8 Components/Field Note",render:({slot:n,...a})=>c`<cre8-field-note ${l(a)}>${p(d(n,"cre8-text-link"))}</cre8-field-note>`,component:"cre8-field-note",parameters:{status:{type:"inProgress"}},argTypes:{iconName:{control:"text"},isError:{control:"boolean"},isSuccess:{control:"boolean"}}},e={args:{slot:"This is a field note."}},r={args:{slot:'<cre8-text-link href="#">Helpful link</cre8-text-link> at the beginning of a field note'}},t={args:{slot:'This is a field note with a <cre8-text-link href="#">helpful link</cre8-text-link> in the middle of content'}},s={args:{slot:'This is a field note with an ending <cre8-text-link href="#">helpful link</cre8-text-link>'}},o={args:{isError:!0,slot:"This is a field note with an error state."}},i={args:{isSuccess:!0,slot:"This is a field note with a success state."}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    slot: 'This is a field note.'
-  }
-}`,...e.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
-  args: {
-    slot: \`<cre8-text-link href="#">Helpful link</cre8-text-link> at the beginning of a field note\`
-  }
-}`,...r.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    slot: \`This is a field note with a <cre8-text-link href="#">helpful link</cre8-text-link> in the middle of content\`
-  }
-}`,...t.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
-  args: {
-    slot: \`This is a field note with an ending <cre8-text-link href="#">helpful link</cre8-text-link>\`
-  }
-}`,...s.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
-  args: {
-    isError: true,
-    slot: 'This is a field note with an error state.'
-  }
-}`,...o.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
-  args: {
-    isSuccess: true,
-    slot: 'This is a field note with a success state.'
-  }
-}`,...i.parameters?.docs?.source}}};const H=["Default","BeginningLink","MiddleLink","EndingLink","Error","Success"];export{r as BeginningLink,e as Default,s as EndingLink,o as Error,t as MiddleLink,i as Success,H as __namedExportsOrder,D as default};

package/dist/assets/formatter-EIJCOSYU-CYrt3ugJ.js

@@ -1 +0,0 @@
-import{d as i,b as m}from"./blocks-B_WQ1U89.js";import{e as o}from"./iframe-CdWmiVXf.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";var t=o(m(),1),s=(0,t.default)(2)(async(e,r)=>e===!1?r:i(r));export{s as formatter};

package/dist/assets/global-nav-item.stories-C_7FzIWj.js

@@ -1 +0,0 @@
-import{b as o}from"./iframe-CdWmiVXf.js";import{s as t}from"./spread-BOaHI3Dl.js";import"./global-nav-item-C_P64qZX.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";import"./if-defined-sxEueMHN.js";import"./cre8-element-gkCuLp-W.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./state-BQD-SkUn.js";const g={title:"Cre8 Components/Global Nav Item",component:"cre8-global-nav-item",parameters:{status:{type:"inProgress"}}},r=e=>o`<cre8-global-nav-item ${t(e)}>Hello world</cre8-global-nav-item>`;r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:"args => html`<cre8-global-nav-item ${spread(args)}>Hello world</cre8-global-nav-item>`",...r.parameters?.docs?.source}}};const b=["Default"];export{r as Default,b as __namedExportsOrder,g as default};

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

@@ -1,3 +0,0 @@
-import{b as o}from"./iframe-CdWmiVXf.js";import{s}from"./spread-BOaHI3Dl.js";import"./icon-description-P810XJAK.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";const l={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 p=["Default"];export{e as Default,p as __namedExportsOrder,l as default};

package/dist/assets/icon.stories-C73dxBRO.js

@@ -1,11 +0,0 @@
-import{b as o}from"./iframe-CdWmiVXf.js";import{s as c}from"./spread-BOaHI3Dl.js";import{a as t}from"./icon-DYiIK7a4.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";import"./unsafe-html-BLUBm7l3.js";import"./cre8-element-gkCuLp-W.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./Caret_Down-Bmqq8eNW.js";import"./Warning-CawqmTvB.js";const f={title:"cre8 Components/Icon/Icon",component:"cre8-icon-legacy",parameters:{status:{type:"inProgress"}},args:{name:"add"}},r=e=>o`
-  <p><strong>cre8-icon usage:</strong></p>
-  <cre8-icon svg="${t}" width="48" height="48" fill="currentColor"></cre8-icon>
-  <p><strong>cre8-icon-legacy usage:</strong></p>
-  <cre8-icon-legacy ${c(e)}></cre8-icon-legacy>`;r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`args => {
-  return html\`
-  <p><strong>cre8-icon usage:</strong></p>
-  <cre8-icon svg="\${svgInfoFilled}" width="48" height="48" fill="currentColor"></cre8-icon>
-  <p><strong>cre8-icon-legacy usage:</strong></p>
-  <cre8-icon-legacy \${spread(args)}></cre8-icon-legacy>\`;
-}`,...r.parameters?.docs?.source}}};const y=["Default"];export{r as Default,y as __namedExportsOrder,f as default};

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

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