diff --git a/README.md b/README.md index c6da16db..f721b6f8 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,11 @@ # carbon-components-svelte > 🚧🚧🚧 UNDER CONSTRUCTION + > Svelte implementation of the Carbon Design System +> 🚧🚧🚧 + ## [Storybook](https://ibm.github.io/carbon-components-svelte) ## Getting Started @@ -15,16 +18,16 @@ Currently, the following components are supported: - Accordion - AccordionItem -- AccordionSkeleton + - AccordionSkeleton - Breadcrumb - BreadcrumbItem -- BreadcrumbSkeleton + - BreadcrumbSkeleton - Button -- ButtonSkeleton + - ButtonSkeleton - Checkbox -- CheckboxSkeleton + - CheckboxSkeleton - CodeSnippet -- CodeSnippetSkeleton + - CodeSnippetSkeleton - Copy - CopyButton - InlineLoading @@ -32,18 +35,23 @@ Currently, the following components are supported: - Link - ListItem - OrderedList +- RadioButton + - RadioButtonSkeleton - Search -- SearchSkeleton + - SearchSkeleton - SkeletonPlaceholder - SkeletonText - Tag -- TagSkeleton + - TagSkeleton - TextArea -- TextAreaSkeleton + - TextAreaSkeleton +- TextInput + - TextInputSkeleton + - PasswordInput - Toggle -- ToggleSkeleton + - ToggleSkeleton - ToggleSmall -- ToggleSmallSkeleton + - ToggleSmallSkeleton - TooltipDefinition - TooltipIcon - UnorderedList diff --git a/docs/iframe.html b/docs/iframe.html index 17dbc8d0..6226cff9 100644 --- a/docs/iframe.html +++ b/docs/iframe.html @@ -70,4 +70,4 @@ }

No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.


\ No newline at end of file
+      }
No Preview
Sorry, but you either have no stories or none are selected somehow.
If the problem persists, check the browser console, or the terminal you've run Storybook from.

\ No newline at end of file
diff --git a/docs/main.970eec03e30441a69853.bundle.js b/docs/main.970eec03e30441a69853.bundle.js
new file mode 100644
index 00000000..0e32967f
--- /dev/null
+++ b/docs/main.970eec03e30441a69853.bundle.js
@@ -0,0 +1,2 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{1:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(24),__webpack_require__(595),__webpack_require__(109),__webpack_require__(25);var prefix="bx";function cx(){for(var classes=[],_len=arguments.length,items=Array(_len),_key=0;_key<_len;_key++)items[_key]=arguments[_key];return items.forEach((function(item){"string"==typeof item&&("--"===item.slice(0,2)?classes.push("".concat(prefix).concat(item)):classes.push(item))})),classes.join(" ")}__webpack_require__.d(__webpack_exports__,"a",(function(){return cx}))},10:function(module,__webpack_exports__,__webpack_require__){"use strict";var internal=__webpack_require__(0),lib=__webpack_require__(1);function create_fragment(ctx){let li,current;const default_slot_template=ctx[4].default,default_slot=Object(internal.l)(default_slot_template,ctx,ctx[3],null);let li_levels=[ctx[0],{class:ctx[1]}],li_data={};for(let i=0;i{"class"in $$props&&$$invalidate(2,className=$$props.class),"props"in $$props&&$$invalidate(0,props=$$props.props),"$$scope"in $$props&&$$invalidate(3,$$scope=$$props.$$scope)},[props,_class,className,$$scope,$$slots]}class ListItem_svelte_ListItem extends internal.a{constructor(options){super(),Object(internal.y)(this,options,instance,create_fragment,internal.G,{class:2,props:0})}}var ListItem_svelte=ListItem_svelte_ListItem;__webpack_exports__.a=ListItem_svelte},125:function(module,__webpack_exports__,__webpack_require__){"use strict";var svelte_internal__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_lib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(1);function get_each_context(ctx,list,i){const child_ctx=ctx.slice();return child_ctx[2]=list[i].width,child_ctx}function create_else_block(ctx){let p,p_levels=[ctx[1],{class:ctx[4]},{style:`width: ${ctx[2]};`}],p_data={};for(let i=0;i{"class"in $$props&&$$invalidate(5,className=$$props.class),"paragraph"in $$props&&$$invalidate(0,paragraph=$$props.paragraph),"lineCount"in $$props&&$$invalidate(6,lineCount=$$props.lineCount),"width"in $$props&&$$invalidate(2,width=$$props.width),"heading"in $$props&&$$invalidate(7,heading=$$props.heading),"props"in $$props&&$$invalidate(1,props=$$props.props)},$$self.$$.update=()=>{if(77&$$self.$$.dirty[0]&¶graph)for(let i=0;i{if_blocks[previous_block_index]=null}),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.i)(),if_block=if_blocks[current_block_type_index],if_block||(if_block=if_blocks[current_block_type_index]=if_block_creators[current_block_type_index](ctx),if_block.c()),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(if_block,1),if_block.m(if_block_anchor.parentNode,if_block_anchor))},i(local){current||(Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(if_block),current=!0)},o(local){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(if_block),current=!1},d(detaching){if_blocks[current_block_type_index].d(detaching),detaching&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.p)(if_block_anchor)}}}function instance($$self,$$props,$$invalidate){let{class:className}=$$props,{href:href}=$$props,{disabled:disabled=!1}=$$props,{inline:inline=!1}=$$props,{props:props={}}=$$props;const _class=Object(_lib__WEBPACK_IMPORTED_MODULE_1__.a)("--link",disabled&&"--link--disabled",inline&&"--link--inline",className);let{$$slots:$$slots={},$$scope:$$scope}=$$props;return $$self.$set=$$props=>{"class"in $$props&&$$invalidate(4,className=$$props.class),"href"in $$props&&$$invalidate(0,href=$$props.href),"disabled"in $$props&&$$invalidate(1,disabled=$$props.disabled),"inline"in $$props&&$$invalidate(5,inline=$$props.inline),"props"in $$props&&$$invalidate(2,props=$$props.props),"$$scope"in $$props&&$$invalidate(6,$$scope=$$props.$$scope)},[href,disabled,props,_class,className,inline,$$scope,$$slots]}class Link extends svelte_internal__WEBPACK_IMPORTED_MODULE_0__.a{constructor(options){super(),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.y)(this,options,instance,create_fragment,svelte_internal__WEBPACK_IMPORTED_MODULE_0__.G,{class:4,href:0,disabled:1,inline:5,props:2})}}__webpack_exports__.a=Link},127:function(module,__webpack_exports__,__webpack_require__){"use strict";var svelte_internal__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),svelte__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(7),carbon_icons_svelte_lib_Copy16__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(277),_lib__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(1);function create_fragment(ctx){let button,span,t0,span_class_value,t1,current,dispose;const copy16=new carbon_icons_svelte_lib_Copy16__WEBPACK_IMPORTED_MODULE_2__.a({props:{class:Object(_lib__WEBPACK_IMPORTED_MODULE_3__.a)("--snippet__icon")}});let button_levels=[ctx[2],{"aria-label":ctx[0]},{title:ctx[0]},{class:ctx[3]},{type:"button"}],button_data={};for(let i=0;i{void 0!==timeoutId&&(clearTimeout(timeoutId),timeoutId=void 0)}),$$self.$set=$$props=>{"class"in $$props&&$$invalidate(6,className=$$props.class),"iconDescription"in $$props&&$$invalidate(0,iconDescription=$$props.iconDescription),"feedback"in $$props&&$$invalidate(1,feedback=$$props.feedback),"feedbackTimeout"in $$props&&$$invalidate(7,feedbackTimeout=$$props.feedbackTimeout),"props"in $$props&&$$invalidate(2,props=$$props.props)},$$self.$$.update=()=>{320&$$self.$$.dirty[0]&&$$invalidate(3,_class=Object(_lib__WEBPACK_IMPORTED_MODULE_3__.a)("--snippet-button","--copy-btn",animation&&"--copy-btn--animating",animation&&`--copy-btn--${animation}`,className))},[iconDescription,feedback,props,_class,function handleClick(event){$$invalidate(8,animation="fade-in"),timeoutId=setTimeout(()=>{$$invalidate(8,animation="fade-out")},feedbackTimeout)},function handleAnimationEnd(event){"hide-feedback"===event.animationName&&$$invalidate(8,animation=void 0)},className,feedbackTimeout,animation,timeoutId,dispatch,function click_handler(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function mouseover_handler(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function mouseenter_handler(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function mouseleave_handler(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function animationend_handler(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)}]}class CopyButton extends svelte_internal__WEBPACK_IMPORTED_MODULE_0__.a{constructor(options){super(),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.y)(this,options,instance,create_fragment,svelte_internal__WEBPACK_IMPORTED_MODULE_0__.G,{class:6,iconDescription:0,feedback:1,feedbackTimeout:7,props:2})}}__webpack_exports__.a=CopyButton},128:function(module,__webpack_exports__,__webpack_require__){"use strict";var svelte_internal__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_lib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(1);function create_else_block(ctx){let div,label,t0,label_class_value,t1,svg,title,t2,circle,circle_class_value,svg_class_value,if_block=ctx[2]&&create_if_block_2(ctx),div_levels=[ctx[4],{"aria-atomic":"true"},{"aria-labelledby":ctx[5]},{"aria-live":ctx[0]?"assertive":"off"},{class:ctx[7]}],div_data={};for(let i=0;i{"class"in $$props&&$$invalidate(9,className=$$props.class),"active"in $$props&&$$invalidate(0,active=$$props.active),"withOverlay"in $$props&&$$invalidate(1,withOverlay=$$props.withOverlay),"small"in $$props&&$$invalidate(2,small=$$props.small),"description"in $$props&&$$invalidate(3,description=$$props.description),"props"in $$props&&$$invalidate(4,props=$$props.props)},[active,withOverlay,small,description,props,loadingId,spinnerRadius,_class,_overlayClass,className]}class Loading extends svelte_internal__WEBPACK_IMPORTED_MODULE_0__.a{constructor(options){super(),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.y)(this,options,instance,create_fragment,svelte_internal__WEBPACK_IMPORTED_MODULE_0__.G,{class:9,active:0,withOverlay:1,small:2,description:3,props:4})}}__webpack_exports__.a=Loading},284:function(module,exports,__webpack_require__){__webpack_require__(285),__webpack_require__(396),module.exports=__webpack_require__(397)},306:function(module,exports){},33:function(module,__webpack_exports__,__webpack_require__){"use strict";var svelte_internal__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_lib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(1);const get_default_slot_changes=dirty=>({}),get_default_slot_context=ctx=>({props:ctx[6]});function create_else_block(ctx){let button,t0,t1,current,dispose,if_block0=ctx[5]&&create_if_block_5(ctx);const default_slot_template=ctx[18].default,default_slot=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.l)(default_slot_template,ctx,ctx[17],null);let if_block1=ctx[3]&&create_if_block_4(ctx),button_levels=[ctx[6]],button_data={};for(let i=0;i{if_block1=null}),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.i)()),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.H)(button,Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.w)(button_levels,[64&dirty[0]&&ctx[6]]))},i(local){current||(Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(default_slot,local),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(if_block1),current=!0)},o(local){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(default_slot,local),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(if_block1),current=!1},d(detaching){detaching&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.p)(button),if_block0&&if_block0.d(),default_slot&&default_slot.d(detaching),if_block1&&if_block1.d(),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.F)(dispose)}}}function create_if_block_1(ctx){let a,t0,t1,current,dispose,if_block0=ctx[5]&&create_if_block_3(ctx);const default_slot_template=ctx[18].default,default_slot=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.l)(default_slot_template,ctx,ctx[17],null);let if_block1=ctx[3]&&create_if_block_2(ctx),a_levels=[ctx[6],{href:ctx[2]}],a_data={};for(let i=0;i{if_block1=null}),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.i)()),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.H)(a,Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.w)(a_levels,[64&dirty[0]&&ctx[6],4&dirty[0]&&{href:ctx[2]}]))},i(local){current||(Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(default_slot,local),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(if_block1),current=!0)},o(local){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(default_slot,local),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(if_block1),current=!1},d(detaching){detaching&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.p)(a),if_block0&&if_block0.d(),default_slot&&default_slot.d(detaching),if_block1&&if_block1.d(),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.F)(dispose)}}}function create_if_block(ctx){let current;const default_slot_template=ctx[18].default,default_slot=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.l)(default_slot_template,ctx,ctx[17],get_default_slot_context);return{c(){default_slot&&default_slot.c()},m(target,anchor){default_slot&&default_slot.m(target,anchor),current=!0},p(ctx,dirty){default_slot&&default_slot.p&&131072&dirty[0]&&default_slot.p(Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.u)(default_slot_template,ctx,ctx[17],get_default_slot_context),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.t)(default_slot_template,ctx[17],dirty,get_default_slot_changes))},i(local){current||(Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(default_slot,local),current=!0)},o(local){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(default_slot,local),current=!1},d(detaching){default_slot&&default_slot.d(detaching)}}}function create_if_block_5(ctx){let span,t,span_class_value;return{c(){span=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.q)("span"),t=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.N)(ctx[4]),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.e)(span,"class",span_class_value=Object(_lib__WEBPACK_IMPORTED_MODULE_1__.a)("--assistive-text"))},m(target,anchor){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.z)(target,span,anchor),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.c)(span,t)},p(ctx,dirty){16&dirty[0]&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.I)(t,ctx[4])},d(detaching){detaching&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.p)(span)}}}function create_if_block_4(ctx){let switch_instance_anchor,current;var switch_value=ctx[3];function switch_props(ctx){return{props:{"aria-hidden":"true",class:Object(_lib__WEBPACK_IMPORTED_MODULE_1__.a)("--btn__icon"),"aria-label":ctx[4]}}}if(switch_value)var switch_instance=new switch_value(switch_props(ctx));return{c(){switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.k)(switch_instance.$$.fragment),switch_instance_anchor=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.r)()},m(target,anchor){switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.B)(switch_instance,target,anchor),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.z)(target,switch_instance_anchor,anchor),current=!0},p(ctx,dirty){const switch_instance_changes={};if(16&dirty[0]&&(switch_instance_changes["aria-label"]=ctx[4]),switch_value!==(switch_value=ctx[3])){if(switch_instance){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.x)();const old_component=switch_instance;Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(old_component.$$.fragment,1,0,()=>{Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.n)(old_component,1)}),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.i)()}switch_value?(switch_instance=new switch_value(switch_props(ctx)),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.k)(switch_instance.$$.fragment),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(switch_instance.$$.fragment,1),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.B)(switch_instance,switch_instance_anchor.parentNode,switch_instance_anchor)):switch_instance=null}else switch_value&&switch_instance.$set(switch_instance_changes)},i(local){current||(switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(switch_instance.$$.fragment,local),current=!0)},o(local){switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(switch_instance.$$.fragment,local),current=!1},d(detaching){detaching&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.p)(switch_instance_anchor),switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.n)(switch_instance,detaching)}}}function create_if_block_3(ctx){let span,t,span_class_value;return{c(){span=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.q)("span"),t=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.N)(ctx[4]),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.e)(span,"class",span_class_value=Object(_lib__WEBPACK_IMPORTED_MODULE_1__.a)("--assistive-text"))},m(target,anchor){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.z)(target,span,anchor),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.c)(span,t)},p(ctx,dirty){16&dirty[0]&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.I)(t,ctx[4])},d(detaching){detaching&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.p)(span)}}}function create_if_block_2(ctx){let switch_instance_anchor,current;var switch_value=ctx[3];function switch_props(ctx){return{props:{"aria-hidden":"true",class:Object(_lib__WEBPACK_IMPORTED_MODULE_1__.a)("--btn__icon"),"aria-label":ctx[4]}}}if(switch_value)var switch_instance=new switch_value(switch_props(ctx));return{c(){switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.k)(switch_instance.$$.fragment),switch_instance_anchor=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.r)()},m(target,anchor){switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.B)(switch_instance,target,anchor),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.z)(target,switch_instance_anchor,anchor),current=!0},p(ctx,dirty){const switch_instance_changes={};if(16&dirty[0]&&(switch_instance_changes["aria-label"]=ctx[4]),switch_value!==(switch_value=ctx[3])){if(switch_instance){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.x)();const old_component=switch_instance;Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(old_component.$$.fragment,1,0,()=>{Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.n)(old_component,1)}),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.i)()}switch_value?(switch_instance=new switch_value(switch_props(ctx)),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.k)(switch_instance.$$.fragment),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(switch_instance.$$.fragment,1),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.B)(switch_instance,switch_instance_anchor.parentNode,switch_instance_anchor)):switch_instance=null}else switch_value&&switch_instance.$set(switch_instance_changes)},i(local){current||(switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(switch_instance.$$.fragment,local),current=!0)},o(local){switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(switch_instance.$$.fragment,local),current=!1},d(detaching){detaching&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.p)(switch_instance_anchor),switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.n)(switch_instance,detaching)}}}function create_fragment(ctx){let current_block_type_index,if_block,if_block_anchor,current;const if_block_creators=[create_if_block,create_if_block_1,create_else_block],if_blocks=[];function select_block_type(ctx,dirty){return ctx[0]?0:ctx[2]&&!ctx[1]?1:2}return current_block_type_index=select_block_type(ctx),if_block=if_blocks[current_block_type_index]=if_block_creators[current_block_type_index](ctx),{c(){if_block.c(),if_block_anchor=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.r)()},m(target,anchor){if_blocks[current_block_type_index].m(target,anchor),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.z)(target,if_block_anchor,anchor),current=!0},p(ctx,dirty){let previous_block_index=current_block_type_index;current_block_type_index=select_block_type(ctx),current_block_type_index===previous_block_index?if_blocks[current_block_type_index].p(ctx,dirty):(Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.x)(),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(if_blocks[previous_block_index],1,1,()=>{if_blocks[previous_block_index]=null}),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.i)(),if_block=if_blocks[current_block_type_index],if_block||(if_block=if_blocks[current_block_type_index]=if_block_creators[current_block_type_index](ctx),if_block.c()),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(if_block,1),if_block.m(if_block_anchor.parentNode,if_block_anchor))},i(local){current||(Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(if_block),current=!0)},o(local){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(if_block),current=!1},d(detaching){if_blocks[current_block_type_index].d(detaching),detaching&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.p)(if_block_anchor)}}}function instance($$self,$$props,$$invalidate){let{class:className}=$$props,{as:as}=$$props,{disabled:disabled=!1}=$$props,{size:size="default"}=$$props,{small:small=!1}=$$props,{kind:kind="primary"}=$$props,{href:href}=$$props,{tabindex:tabindex="0"}=$$props,{type:type="button"}=$$props,{renderIcon:renderIcon}=$$props,{iconDescription:iconDescription}=$$props,{hasIconOnly:hasIconOnly=!1}=$$props,{tooltipPosition:tooltipPosition}=$$props,{tooltipAlignment:tooltipAlignment}=$$props,{props:props={}}=$$props;const _class=Object(_lib__WEBPACK_IMPORTED_MODULE_1__.a)("--btn","field"===size&&"--btn--field",("small"===size||small)&&"--btn--sm","primary"===kind&&"--btn--primary","danger"===kind&&"--btn--danger","secondary"===kind&&"--btn--secondary","ghost"===kind&&"--btn--ghost","danger--primary"===kind&&"--btn--danger--primary","tertiary"===kind&&"--btn--tertiary",disabled&&"--btn--disabled",hasIconOnly&&"--btn--icon-only",hasIconOnly&&"--tooltip__trigger",hasIconOnly&&"--tooltip--a11y",hasIconOnly&&tooltipPosition&&`--tooltip--${tooltipPosition}`,hasIconOnly&&tooltipAlignment&&`--tooltip--align-${tooltipAlignment}`,className),buttonProps={...props,tabindex:tabindex,class:_class,disabled:disabled,type:href&&!disabled?void 0:type,role:"button",href:href};let{$$slots:$$slots={},$$scope:$$scope}=$$props;return $$self.$set=$$props=>{"class"in $$props&&$$invalidate(7,className=$$props.class),"as"in $$props&&$$invalidate(0,as=$$props.as),"disabled"in $$props&&$$invalidate(1,disabled=$$props.disabled),"size"in $$props&&$$invalidate(8,size=$$props.size),"small"in $$props&&$$invalidate(9,small=$$props.small),"kind"in $$props&&$$invalidate(10,kind=$$props.kind),"href"in $$props&&$$invalidate(2,href=$$props.href),"tabindex"in $$props&&$$invalidate(11,tabindex=$$props.tabindex),"type"in $$props&&$$invalidate(12,type=$$props.type),"renderIcon"in $$props&&$$invalidate(3,renderIcon=$$props.renderIcon),"iconDescription"in $$props&&$$invalidate(4,iconDescription=$$props.iconDescription),"hasIconOnly"in $$props&&$$invalidate(5,hasIconOnly=$$props.hasIconOnly),"tooltipPosition"in $$props&&$$invalidate(13,tooltipPosition=$$props.tooltipPosition),"tooltipAlignment"in $$props&&$$invalidate(14,tooltipAlignment=$$props.tooltipAlignment),"props"in $$props&&$$invalidate(15,props=$$props.props),"$$scope"in $$props&&$$invalidate(17,$$scope=$$props.$$scope)},[as,disabled,href,renderIcon,iconDescription,hasIconOnly,buttonProps,className,size,small,kind,tabindex,type,tooltipPosition,tooltipAlignment,props,_class,$$scope,$$slots,function click_handler(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function mouseover_handler(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function mouseenter_handler(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function mouseleave_handler(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function click_handler_1(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function mouseover_handler_1(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function mouseenter_handler_1(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function mouseleave_handler_1(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)}]}class Button extends svelte_internal__WEBPACK_IMPORTED_MODULE_0__.a{constructor(options){super(),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.y)(this,options,instance,create_fragment,svelte_internal__WEBPACK_IMPORTED_MODULE_0__.G,{class:7,as:0,disabled:1,size:8,small:9,kind:10,href:2,tabindex:11,type:12,renderIcon:3,iconDescription:4,hasIconOnly:5,tooltipPosition:13,tooltipAlignment:14,props:15})}}__webpack_exports__.a=Button},397:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var _storybook_svelte__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(274);__webpack_require__(578);Object(_storybook_svelte__WEBPACK_IMPORTED_MODULE_0__.configure)(__webpack_require__(583),module)}.call(this,__webpack_require__(398)(module))},4:function(module,__webpack_exports__,__webpack_require__){"use strict";var svelte_internal__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0);function create_fragment(ctx){let div,current;const default_slot_template=ctx[1].default,default_slot=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.l)(default_slot_template,ctx,ctx[0],null);return{c(){div=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.q)("div"),default_slot&&default_slot.c(),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.e)(div,"class","layout svelte-7rvfjm")},m(target,anchor){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.z)(target,div,anchor),default_slot&&default_slot.m(div,null),current=!0},p(ctx,dirty){default_slot&&default_slot.p&&1&dirty[0]&&default_slot.p(Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.u)(default_slot_template,ctx,ctx[0],null),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.t)(default_slot_template,ctx[0],dirty,null))},i(local){current||(Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(default_slot,local),current=!0)},o(local){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(default_slot,local),current=!1},d(detaching){detaching&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.p)(div),default_slot&&default_slot.d(detaching)}}}function instance($$self,$$props,$$invalidate){let{$$slots:$$slots={},$$scope:$$scope}=$$props;return $$self.$set=$$props=>{"$$scope"in $$props&&$$invalidate(0,$$scope=$$props.$$scope)},[$$scope,$$slots]}class Layout extends svelte_internal__WEBPACK_IMPORTED_MODULE_0__.a{constructor(options){super(),document.getElementById("svelte-7rvfjm-style")||function add_css(){var style=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.q)("style");style.id="svelte-7rvfjm-style",style.textContent=".layout.svelte-7rvfjm{padding:3em;display:flex;flex-direction:column}",Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.c)(document.head,style)}(),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.y)(this,options,instance,create_fragment,svelte_internal__WEBPACK_IMPORTED_MODULE_0__.G,{})}}__webpack_exports__.a=Layout},583:function(module,exports,__webpack_require__){var map={"./components/Accordion/Accordion.stories.js":600,"./components/Breadcrumb/Breadcrumb.stories.js":599,"./components/Button/Button.stories.js":620,"./components/Checkbox/Checkbox.stories.js":609,"./components/CodeSnippet/CodeSnippet.stories.js":598,"./components/CopyButton/CopyButton.stories.js":615,"./components/InlineLoading/InlineLoading.stories.js":606,"./components/Link/Link.stories.js":616,"./components/Loading/Loading.stories.js":618,"./components/OrderedList/OrderedList.stories.js":612,"./components/RadioButton/RadioButton.stories.js":605,"./components/Search/Search.stories.js":607,"./components/SkeletonPlaceholder/SkeletonPlaceholder.stories.js":611,"./components/SkeletonText/SkeletonText.stories.js":619,"./components/Tag/Tag.stories.js":602,"./components/TextArea/TextArea.stories.js":604,"./components/TextInput/TextInput.stories.js":601,"./components/Toggle/Toggle.stories.js":608,"./components/ToggleSmall/ToggleSmall.stories.js":603,"./components/TooltipDefinition/TooltipDefinition.stories.js":613,"./components/TooltipIcon/TooltipIcon.stories.js":610,"./components/UnorderedList/UnorderedList.stories.js":614};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id=583},598:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var dist=__webpack_require__(2),internal=__webpack_require__(0),Layout_svelte=__webpack_require__(4),svelte=__webpack_require__(7),ChevronDown16=__webpack_require__(278),lib=__webpack_require__(1),Button=__webpack_require__(91);function create_fragment(ctx){let button,t,div,current,dispose;const default_slot_template=ctx[10].default,default_slot=Object(internal.l)(default_slot_template,ctx,ctx[9],null);let button_levels=[ctx[2],{type:"button"},{class:ctx[0]}],button_data={};for(let i=0;i{void 0!==timeoutId&&(clearTimeout(timeoutId),timeoutId=void 0)});let _class,{$$slots:$$slots={},$$scope:$$scope}=$$props;return $$self.$set=$$props=>{"class"in $$props&&$$invalidate(0,className=$$props.class),"feedback"in $$props&&$$invalidate(1,feedback=$$props.feedback),"feedbackTimeout"in $$props&&$$invalidate(5,feedbackTimeout=$$props.feedbackTimeout),"props"in $$props&&$$invalidate(2,props=$$props.props),"$$scope"in $$props&&$$invalidate(9,$$scope=$$props.$$scope)},$$self.$$.update=()=>{128&$$self.$$.dirty[0]&&$$invalidate(3,_class=Object(lib.a)("--btn--copy__feedback",showFeedback&&"--btn--copy__feedback--displayed"))},[className,feedback,props,_class,function handleClick(event){$$invalidate(7,showFeedback=!0),timeoutId=setTimeout(()=>{$$invalidate(7,showFeedback=!1)},feedbackTimeout)},feedbackTimeout,timeoutId,showFeedback,dispatch,$$scope,$$slots,function click_handler(event){Object(internal.h)($$self,event)},function mouseover_handler(event){Object(internal.h)($$self,event)},function mouseenter_handler(event){Object(internal.h)($$self,event)},function mouseleave_handler(event){Object(internal.h)($$self,event)}]}class Copy_svelte_Copy extends internal.a{constructor(options){super(),Object(internal.y)(this,options,instance,create_fragment,internal.G,{class:0,feedback:1,feedbackTimeout:5,props:2})}}var components_Copy=Copy_svelte_Copy,CopyButton=__webpack_require__(127).a;function create_else_block(ctx){let div1,div0,code,pre,div0_class_value,div0_aria_label_value,t0,t1,current;const default_slot_template=ctx[16].default,default_slot=Object(internal.l)(default_slot_template,ctx,ctx[21],null),copybutton=new CopyButton({props:{feedback:ctx[1],iconDescription:ctx[2]}});copybutton.$on("click",ctx[19]);let if_block=ctx[7]&&create_if_block_1(ctx),div1_levels=[ctx[4],{class:ctx[8]}],div1_data={};for(let i=0;i{if_block=null}),Object(internal.i)()),Object(internal.H)(div1,Object(internal.w)(div1_levels,[16&dirty[0]&&ctx[4],256&dirty[0]&&{class:ctx[8]}]))},i(local){current||(Object(internal.O)(default_slot,local),Object(internal.O)(copybutton.$$.fragment,local),Object(internal.O)(if_block),current=!0)},o(local){Object(internal.P)(default_slot,local),Object(internal.P)(copybutton.$$.fragment,local),Object(internal.P)(if_block),current=!1},d(detaching){detaching&&Object(internal.p)(div1),default_slot&&default_slot.d(detaching),ctx[18](null),Object(internal.n)(copybutton),if_block&&if_block.d()}}}function create_if_block(ctx){let current;const copy=new components_Copy({props:{"aria-label":ctx[3]||ctx[11]["aria-label"],"aria-describedby":ctx[10],class:ctx[8],feedback:ctx[1],props:ctx[4],$$slots:{default:[create_default_slot]},$$scope:{ctx:ctx}}});return copy.$on("click",ctx[17]),{c(){Object(internal.k)(copy.$$.fragment)},m(target,anchor){Object(internal.B)(copy,target,anchor),current=!0},p(ctx,dirty){const copy_changes={};2056&dirty[0]&&(copy_changes["aria-label"]=ctx[3]||ctx[11]["aria-label"]),256&dirty[0]&&(copy_changes.class=ctx[8]),2&dirty[0]&&(copy_changes.feedback=ctx[1]),16&dirty[0]&&(copy_changes.props=ctx[4]),2097152&dirty[0]&&(copy_changes.$$scope={dirty:dirty,ctx:ctx}),copy.$set(copy_changes)},i(local){current||(Object(internal.O)(copy.$$.fragment,local),current=!0)},o(local){Object(internal.P)(copy.$$.fragment,local),current=!1},d(detaching){Object(internal.n)(copy,detaching)}}}function create_if_block_1(ctx){let current;const button=new Button.a({props:{kind:"ghost",size:"small",class:Object(lib.a)("--snippet-btn--expand"),$$slots:{default:[create_default_slot_1]},$$scope:{ctx:ctx}}});return button.$on("click",ctx[20]),{c(){Object(internal.k)(button.$$.fragment)},m(target,anchor){Object(internal.B)(button,target,anchor),current=!0},p(ctx,dirty){const button_changes={};2097664&dirty[0]&&(button_changes.$$scope={dirty:dirty,ctx:ctx}),button.$set(button_changes)},i(local){current||(Object(internal.O)(button.$$.fragment,local),current=!0)},o(local){Object(internal.P)(button.$$.fragment,local),current=!1},d(detaching){Object(internal.n)(button,detaching)}}}function create_default_slot_1(ctx){let span,t0,span_class_value,t1,current;const chevrondown16=new ChevronDown16.a({props:{"aria-label":ctx[9],class:Object(lib.a)("--icon-chevron--down","--snippet__icon")}});return{c(){span=Object(internal.q)("span"),t0=Object(internal.N)(ctx[9]),t1=Object(internal.L)(),Object(internal.k)(chevrondown16.$$.fragment),Object(internal.e)(span,"class",span_class_value=Object(lib.a)("--snippet-btn--text"))},m(target,anchor){Object(internal.z)(target,span,anchor),Object(internal.c)(span,t0),Object(internal.z)(target,t1,anchor),Object(internal.B)(chevrondown16,target,anchor),current=!0},p(ctx,dirty){(!current||512&dirty[0])&&Object(internal.I)(t0,ctx[9]);const chevrondown16_changes={};512&dirty[0]&&(chevrondown16_changes["aria-label"]=ctx[9]),chevrondown16.$set(chevrondown16_changes)},i(local){current||(Object(internal.O)(chevrondown16.$$.fragment,local),current=!0)},o(local){Object(internal.P)(chevrondown16.$$.fragment,local),current=!1},d(detaching){detaching&&Object(internal.p)(span),detaching&&Object(internal.p)(t1),Object(internal.n)(chevrondown16,detaching)}}}function create_default_slot(ctx){let code,current;const default_slot_template=ctx[16].default,default_slot=Object(internal.l)(default_slot_template,ctx,ctx[21],null);return{c(){code=Object(internal.q)("code"),default_slot&&default_slot.c(),Object(internal.e)(code,"id",ctx[10])},m(target,anchor){Object(internal.z)(target,code,anchor),default_slot&&default_slot.m(code,null),current=!0},p(ctx,dirty){default_slot&&default_slot.p&&2097152&dirty[0]&&default_slot.p(Object(internal.u)(default_slot_template,ctx,ctx[21],null),Object(internal.t)(default_slot_template,ctx[21],dirty,null))},i(local){current||(Object(internal.O)(default_slot,local),current=!0)},o(local){Object(internal.P)(default_slot,local),current=!1},d(detaching){detaching&&Object(internal.p)(code),default_slot&&default_slot.d(detaching)}}}function CodeSnippet_svelte_create_fragment(ctx){let current_block_type_index,if_block,if_block_anchor,current;const if_block_creators=[create_if_block,create_else_block],if_blocks=[];function select_block_type(ctx,dirty){return"inline"===ctx[0]?0:1}return current_block_type_index=select_block_type(ctx),if_block=if_blocks[current_block_type_index]=if_block_creators[current_block_type_index](ctx),{c(){if_block.c(),if_block_anchor=Object(internal.r)()},m(target,anchor){if_blocks[current_block_type_index].m(target,anchor),Object(internal.z)(target,if_block_anchor,anchor),current=!0},p(ctx,dirty){let previous_block_index=current_block_type_index;current_block_type_index=select_block_type(ctx),current_block_type_index===previous_block_index?if_blocks[current_block_type_index].p(ctx,dirty):(Object(internal.x)(),Object(internal.P)(if_blocks[previous_block_index],1,1,()=>{if_blocks[previous_block_index]=null}),Object(internal.i)(),if_block=if_blocks[current_block_type_index],if_block||(if_block=if_blocks[current_block_type_index]=if_block_creators[current_block_type_index](ctx),if_block.c()),Object(internal.O)(if_block,1),if_block.m(if_block_anchor.parentNode,if_block_anchor))},i(local){current||(Object(internal.O)(if_block),current=!0)},o(local){Object(internal.P)(if_block),current=!1},d(detaching){if_blocks[current_block_type_index].d(detaching),detaching&&Object(internal.p)(if_block_anchor)}}}function CodeSnippet_svelte_instance($$self,$$props,$$invalidate){let{class:className}=$$props,{type:type="single"}=$$props,{feedback:feedback}=$$props,{copyButtonDescription:copyButtonDescription}=$$props,{copyLabel:copyLabel}=$$props,{showMoreText:showMoreText="Show more"}=$$props,{showLessText:showLessText="Show less"}=$$props,{light:light=!1}=$$props,{props:props={}}=$$props;const id=Math.random();let codeRef=void 0,expandedCode=!1,shouldShowMoreLessBtn=!1;Object(svelte.c)(()=>{if(codeRef){const{height:height}=codeRef.getBoundingClientRect();$$invalidate(7,shouldShowMoreLessBtn="multi"===type&&height>255)}});let{$$slots:$$slots={},$$scope:$$scope}=$$props;let _class,expandCodeBtnText;return $$self.$set=$$new_props=>{$$invalidate(11,$$props=Object(internal.d)(Object(internal.d)({},$$props),Object(internal.s)($$new_props))),"class"in $$new_props&&$$invalidate(12,className=$$new_props.class),"type"in $$new_props&&$$invalidate(0,type=$$new_props.type),"feedback"in $$new_props&&$$invalidate(1,feedback=$$new_props.feedback),"copyButtonDescription"in $$new_props&&$$invalidate(2,copyButtonDescription=$$new_props.copyButtonDescription),"copyLabel"in $$new_props&&$$invalidate(3,copyLabel=$$new_props.copyLabel),"showMoreText"in $$new_props&&$$invalidate(13,showMoreText=$$new_props.showMoreText),"showLessText"in $$new_props&&$$invalidate(14,showLessText=$$new_props.showLessText),"light"in $$new_props&&$$invalidate(15,light=$$new_props.light),"props"in $$new_props&&$$invalidate(4,props=$$new_props.props),"$$scope"in $$new_props&&$$invalidate(21,$$scope=$$new_props.$$scope)},$$self.$$.update=()=>{36929&$$self.$$.dirty[0]&&$$invalidate(8,_class=Object(lib.a)("--snippet",type&&`--snippet--${type}`,expandedCode&&"--snippet--expand",light&&"--snippet--light",className)),24640&$$self.$$.dirty[0]&&$$invalidate(9,expandCodeBtnText=expandedCode?showLessText:showMoreText)},$$props=Object(internal.s)($$props),[type,feedback,copyButtonDescription,copyLabel,props,codeRef,expandedCode,shouldShowMoreLessBtn,_class,expandCodeBtnText,id,$$props,className,showMoreText,showLessText,light,$$slots,function click_handler(event){Object(internal.h)($$self,event)},function pre_binding($$value){internal.g[$$value?"unshift":"push"](()=>{$$invalidate(5,codeRef=$$value)})},function click_handler_1(event){Object(internal.h)($$self,event)},()=>{$$invalidate(6,expandedCode=!expandedCode)},$$scope]}class CodeSnippet_svelte_CodeSnippet extends internal.a{constructor(options){super(),Object(internal.y)(this,options,CodeSnippet_svelte_instance,CodeSnippet_svelte_create_fragment,internal.G,{class:12,type:0,feedback:1,copyButtonDescription:2,copyLabel:3,showMoreText:13,showLessText:14,light:15,props:4})}}var CodeSnippet_svelte=CodeSnippet_svelte_CodeSnippet;function CodeSnippet_Skeleton_svelte_create_if_block_1(ctx){let div1,div0,span0,t0,span1,t1,span2,div0_class_value,div1_levels=[ctx[1],{class:ctx[2]}],div1_data={};for(let i=0;i{"class"in $$props&&$$invalidate(3,className=$$props.class),"type"in $$props&&$$invalidate(0,type=$$props.type),"props"in $$props&&$$invalidate(1,props=$$props.props)},[type,props,_class,className]}class CodeSnippet_Skeleton_svelte_CodeSnippet_Skeleton extends internal.a{constructor(options){super(),Object(internal.y)(this,options,CodeSnippet_Skeleton_svelte_instance,CodeSnippet_Skeleton_svelte_create_fragment,internal.G,{class:3,type:0,props:1})}}var CodeSnippet_Skeleton_svelte=CodeSnippet_Skeleton_svelte_CodeSnippet_Skeleton;function create_if_block_3(ctx){let current;const codesnippet_spread_levels=[{type:"multi"},ctx[3]];let codesnippet_props={$$slots:{default:[create_default_slot_3]},$$scope:{ctx:ctx}};for(let i=0;i