@bethinkpl/design-system 26.14.5 → 26.14.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/design-system.umd.cjs +15 -15
- package/dist/design-system.umd.cjs.map +1 -1
- package/docs/assets/{BasicRichListItem.stories-CnWdWdmC.js → BasicRichListItem.stories-D9JXulfY.js} +1 -1
- package/docs/assets/Chip-D8U2AoNF.js +1 -0
- package/docs/assets/Chip.stories-B9eiVCD_.js +43 -0
- package/docs/assets/{Color-ERTF36HU-BxTduNqG.js → Color-ERTF36HU-8HUXIO3y.js} +1 -1
- package/docs/assets/{DateBox.stories-CDMlmmhz.js → DateBox.stories-Dxd2iHEL.js} +1 -1
- package/docs/assets/{DatePicker-D0XaBW1a.js → DatePicker-DCnXj9B0.js} +1 -1
- package/docs/assets/{DatePicker.stories-BQG31hVQ.js → DatePicker.stories-B2oP8EDp.js} +13 -5
- package/docs/assets/DateRangePicker-pseoBrgs.js +1 -0
- package/docs/assets/{DateRangePicker.stories-CEnBjdrE.js → DateRangePicker.stories-C-xk_e9Q.js} +1 -1
- package/docs/assets/{DocsRenderer-CFRXHY34-TNb7LCKP.js → DocsRenderer-CFRXHY34-CAMue5G_.js} +5 -5
- package/docs/assets/{DrawerHeader-DKnj6uGf.js → DrawerHeader-BkmE9DAx.js} +1 -1
- package/docs/assets/{DrawerHeader.stories-BDuVqv88.js → DrawerHeader.stories-5rfHXX9g.js} +1 -1
- package/docs/assets/{OutlineItem.stories-B0QRpUCr.js → OutlineItem.stories-Cnxjtkf0.js} +1 -1
- package/docs/assets/{RichListItem.stories-ByYKVXoj.js → RichListItem.stories-BI_BQQKa.js} +1 -1
- package/docs/assets/{SelectionTile-zJELYQH1.js → SelectionTile-DqSyMbTY.js} +1 -1
- package/docs/assets/{SelectionTile.stories-DIGebTkW.js → SelectionTile.stories-yjRPyk8o.js} +1 -1
- package/docs/assets/Well-Bpgrb9Pb.js +1 -0
- package/docs/assets/Well.stories-CAEM29pI.js +15 -0
- package/docs/assets/{iframe-BvVXUrhW.js → iframe-CJskIN9Y.js} +6 -6
- package/docs/assets/{index-eqI06LoF.js → index-B450X-la.js} +1 -1
- package/docs/assets/{index-DlcQIzWq.js → index-DaAMnETB.js} +1 -1
- package/docs/assets/{preview-DlI-9236.js → preview-DiAw23L-.js} +2 -2
- package/docs/assets/{preview-CnZUp2W_.js → preview-rSCPF5Zk.js} +1 -1
- package/docs/iframe.html +1 -1
- package/docs/project.json +1 -1
- package/lib/js/components/DatePickers/DatePicker/DatePicker.stories.ts +4 -0
- package/lib/js/components/DatePickers/DatePicker/DatePicker.vue +28 -0
- package/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue +28 -0
- package/package.json +1 -1
- package/docs/assets/Chip-CYE9ciB6.js +0 -1
- package/docs/assets/Chip.stories-DvZRPuZX.js +0 -43
- package/docs/assets/DateRangePicker-BKwZTPvV.js +0 -1
- package/docs/assets/Well-Chn1RK_x.js +0 -1
- package/docs/assets/Well.stories-D3_25hWV.js +0 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
import{d as y,c as s,a as i,b as n,e as v,g as l,n as r,j as u,f,r as o,o as a,l as S}from"./vue.esm-bundler-DmkhfO_9.js";import{D as _,a as C,I as T}from"./Button-DHfR56t4.js";import{D,b as N,a as O}from"./Divider-CeZli6az.js";import{I as w}from"./IconButton-BJcODvDg.js";import{C as k}from"./Chip-
|
|
1
|
+
import{d as y,c as s,a as i,b as n,e as v,g as l,n as r,j as u,f,r as o,o as a,l as S}from"./vue.esm-bundler-DmkhfO_9.js";import{D as _,a as C,I as T}from"./Button-DHfR56t4.js";import{D,b as N,a as O}from"./Divider-CeZli6az.js";import{I as w}from"./IconButton-BJcODvDg.js";import{C as k}from"./Chip-D8U2AoNF.js";import{a as R,I as L,b as V}from"./Icon-D0llnARZ.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const H={NEUTRAL_STRONG:"neutralStrong",NEUTRAL_WEAK:"neutralWeak"},p=y({name:"DrawerHeader",components:{DsButton:_,Divider:D,Icon:R,IconButton:w,Chip:k},props:{eyebrowText:{type:String,default:null},isInteractiveEyebrow:{type:Boolean,default:!1},eyebrowEllipsis:{type:Boolean,default:!1},title:{type:String,default:null},titleEllipsis:{type:Boolean,default:!1},titleColor:{type:String,default:H.NEUTRAL_STRONG},leftIcon:{type:[Object,null],default:null},chipLabel:{type:String,default:null},isClosable:{type:Boolean,default:!0},hasDivider:{type:Boolean,default:!1},isSecondLevel:{type:Boolean,default:!1}},emits:["backClicked","close","eyebrowClicked"],data(){return{BUTTON_TYPES:Object.freeze(C),DIVIDER_SIZES:Object.freeze(N),DIVIDER_PROMINENCES:Object.freeze(O),ICONS:Object.freeze(L),ICON_BUTTON_SIZES:Object.freeze(T),ICON_SIZES:Object.freeze(V)}}}),g={class:"ds-drawerHeader"},$={class:"ds-drawerHeader__titleWrapper"},A={class:"ds-drawerHeader__title"},h=["title"],z={key:3},U={key:1,class:"ds-drawerHeader__actions"};function j(e,t,Z,M,W,P){const c=o("ds-button"),m=o("icon"),E=o("chip"),I=o("icon-button"),b=o("divider");return a(),s("div",g,[i("div",$,[e.isSecondLevel?(a(),n(c,{key:0,"icon-left":e.ICONS.FA_CHEVRON_LEFT,type:e.BUTTON_TYPES.TEXT,class:"ds-drawerHeader__secondLevel",onClick:t[0]||(t[0]=d=>e.$emit("backClicked"))},{default:v(()=>t[3]||(t[3]=[S(" Wróć ")])),_:1},8,["icon-left","type"])):l("",!0),i("div",{class:r([{"-ds-hidden":e.isSecondLevel},"ds-drawerHeader__firstLevel"])},[e.eyebrowText?(a(),s("span",{key:0,class:r([{"-ds-isInteractive":e.isInteractiveEyebrow,"-ds-ellipsis":e.eyebrowEllipsis},"ds-drawerHeader__eyebrow"]),onClick:t[1]||(t[1]=d=>e.isInteractiveEyebrow&&e.$emit("eyebrowClicked"))},u(e.eyebrowText),3)):l("",!0),i("div",A,[e.leftIcon?(a(),n(m,{key:0,icon:e.leftIcon,size:e.ICON_SIZES.X_SMALL,class:"ds-drawerHeader__leftIcon"},null,8,["icon","size"])):l("",!0),e.title?(a(),s("span",{key:1,class:r(["ds-drawerHeader__titleText",{"-ds-ellipsis":e.titleEllipsis,[`-ds-${e.titleColor}`]:!0}]),title:e.titleEllipsis?e.title:void 0},u(e.title),11,h)):l("",!0),e.chipLabel?(a(),n(E,{key:2,label:e.chipLabel},null,8,["label"])):l("",!0),e.$slots.titleTrailing?(a(),s("div",z,[f(e.$slots,"titleTrailing",{},void 0,!0)])):l("",!0)])],2),e.$slots.actions?(a(),s("div",U,[f(e.$slots,"actions",{},void 0,!0)])):l("",!0),e.isClosable?(a(),n(I,{key:2,icon:e.ICONS.FA_XMARK,size:e.ICON_BUTTON_SIZES.MEDIUM,touchable:!1,onClick:t[2]||(t[2]=d=>e.$emit("close"))},null,8,["icon","size"])):l("",!0)]),e.hasDivider?(a(),n(b,{key:0,size:e.DIVIDER_SIZES.L,prominence:e.DIVIDER_PROMINENCES.WEAK},null,8,["size","prominence"])):l("",!0)])}const Q=B(p,[["render",j],["__scopeId","data-v-5b63b67e"]]);p.__docgenInfo={displayName:"DrawerHeader",exportName:"default",description:"",tags:{},props:[{name:"eyebrowText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"isInteractiveEyebrow",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"eyebrowEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"title",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"titleEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"titleColor",type:{name:"DrawerHeaderTitleColor"},defaultValue:{func:!1,value:"DRAWER_HEADER_TITLE_COLORS.NEUTRAL_STRONG"}},{name:"leftIcon",type:{name:"object|null"},defaultValue:{func:!1,value:"null"}},{name:"chipLabel",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"isClosable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"hasDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isSecondLevel",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"backClicked"},{name:"eyebrowClicked"},{name:"close"}],slots:[{name:"titleTrailing"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue"]};export{Q as D,H as a};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{D as o,a as r}from"./DrawerHeader-
|
|
1
|
+
import{D as o,a as r}from"./DrawerHeader-BkmE9DAx.js";import{I as n}from"./Icon-D0llnARZ.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./Button-DHfR56t4.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Divider-CeZli6az.js";import"./IconButton-BJcODvDg.js";import"./device-9fgosCm4.js";import"./Chip-D8U2AoNF.js";const I={title:"Components/Drawer/DrawerHeader",component:o},s=a=>({components:{DrawerHeader:o},setup(){return a},data(){return{ICONS:Object.freeze(n)}},template:`
|
|
2
2
|
<drawer-header
|
|
3
3
|
:eyebrow-ellipsis="eyebrowEllipsis"
|
|
4
4
|
:eyebrow-text="eyebrowText"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{O as i,a,b as s,c as r}from"./OutlineItem-zkItoOB5.js";import{C as d}from"./Chip-
|
|
1
|
+
import{O as i,a,b as s,c as r}from"./OutlineItem-zkItoOB5.js";import{C as d}from"./Chip-D8U2AoNF.js";import{I as t}from"./Icon-D0llnARZ.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Button-DHfR56t4.js";import"./IconButton-BJcODvDg.js";import"./device-9fgosCm4.js";const x={title:"Components/Outline/OutlineItem",component:i},p=c=>({components:{OutlineItem:i,DsChip:d},setup(){return c},data(){return{ICONS:Object.freeze(t)}},template:`
|
|
2
2
|
<outline-item :label="label" :additional-text="additionalText" :size="size" :state="state"
|
|
3
3
|
:icon-left="ICONS[iconLeft]" :icon-right="ICONS[iconRight]" :is-done="isDone"
|
|
4
4
|
:is-selected="isSelected" :background-color="backgroundColor" :index="index"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{i as n,R as l,a as c,b as m,c as d,d as _,e as p,f}from"./GroupRichListItem-DDOzz7uS.js";import{c as g,I as s}from"./Icon-D0llnARZ.js";import"./Avatar-Ddf_DDf6.js";import"./Badge-DsHkKLq5.js";import"./BadgeScore-DZ7uKkkn.js";import"./Banner-B73N4KyQ.js";import"./Button-DHfR56t4.js";import"./ToggleButton-fcVVisoD.js";import"./Card-BzXb8FVb.js";import"./CardExpandable-OLKQQ6p3.js";import"./DatePicker-
|
|
1
|
+
import{i as n,R as l,a as c,b as m,c as d,d as _,e as p,f}from"./GroupRichListItem-DDOzz7uS.js";import{c as g,I as s}from"./Icon-D0llnARZ.js";import"./Avatar-Ddf_DDf6.js";import"./Badge-DsHkKLq5.js";import"./BadgeScore-DZ7uKkkn.js";import"./Banner-B73N4KyQ.js";import"./Button-DHfR56t4.js";import"./ToggleButton-fcVVisoD.js";import"./Card-BzXb8FVb.js";import"./CardExpandable-OLKQQ6p3.js";import"./DatePicker-DCnXj9B0.js";import"./DateRangePicker-pseoBrgs.js";import"./Divider-CeZli6az.js";import"./FeatureIcon-BDPyvlSM.js";import"./IconButton-BJcODvDg.js";import"./string-Ct9SAoCE.js";import"./Modal-B4jvsyp2.js";import"./ModalDialog-B1Fx-Up2.js";import"./NumberInCircle-CYZFaZ00.js";import"./TabItem-CRrapLva.js";import"./Tile-CH8oOuWL.js";import"./Toast-DCT_C-Jm.js";import"./AccessStatus-DzMA_dRH.js";import"./BlockadeStatus-BR_7M5Y7.js";import"./SurveyToggle-CAt6qXiD.js";import"./SurveyQuestionScale-YQUf1B6i.js";import"./SurveyQuestionOpenEnded-BugWE9n5.js";import"./SectionHeader-mtDgyTNK.js";import"./PageHeader-DLJRiCDS.js";import"./SectionTitle-_cACyvBA.js";import"./Drawer-SoovlwOt.js";import"./DrawerContent-BC_l9IKr.js";import"./DrawerDivider-DuTuIbLz.js";import"./DrawerHeader-BkmE9DAx.js";import"./DrawerListItem-CTXZN6Bi.js";import"./DrawerListItemGroup-BTfrsZ_p.js";import"./DrawerTile-DbrnM1Eh.js";import"./DrawerSection-CZ_dBYx4.js";import"./OutlineItem-zkItoOB5.js";import"./OutlineDivider-DItdz99b.js";import"./OutlineSectionHeader-CtypBCqR.js";import"./Chip-D8U2AoNF.js";import"./CounterToggle-_K-to0yi.js";import"./SelectList-T6eJOYPv.js";import"./SelectListItem-DorYfEdc.js";import"./SelectListItemDivider-CTuILyj9.js";import"./SelectListItemToggle-htk1ZR7a.js";import"./SelectListItemTile-DZDC7P_P.js";import"./SelectListSectionTitle-BOCjrVHo.js";import"./SelectionTile-DqSyMbTY.js";import"./LoadingBar-C1yAImWt.js";import"./PopOver-BPteMd3J.js";import"./Dropdown-D0Da3_Op.js";import"./ProgressBar-CWgk1hV8.js";import"./ProgressDonutChart-WC2lEAZ8.js";import"./IconText-CHD1e6XV.js";import"./Pagination-BP-W1sZd.js";import"./OverlayHeader-BKF2Jxw2.js";import"./Well-Bpgrb9Pb.js";import"./ThreeColumnLayout-CQnFmK7u.js";import"./BasicRichListItem-DOfqex-T.js";import"./Switch-D_N0-PMC.js";import"./TextGroup-Bk9VXC2h.js";import"./Tooltip-DB8acOEc.js";import{I as y}from"./Image-B9jnhF_n.js";import"./Skeleton-DMxKKJ0Z.js";import{w as x}from"./decorator-CSnIf-k5.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./Checkbox-Dw7yhq_D.js";import"./SelectionControl-BK_tron5.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./iframe-CJskIN9Y.js";import"../sb-preview/runtime.js";import"./device-9fgosCm4.js";import"./user-_JB5aHqq.js";import"./vue-popper-DQfdblyw.js";import"./_commonjsHelpers-Chg3vePA.js";import"./v4-BZawosSj.js";const{useArgs:S}=__STORYBOOK_MODULE_PREVIEW_API__,Xe={title:"Components/RichList/RichListItem",component:n,decorators:[e=>({components:{story:e},template:"<div style='display: flex;padding: 16px;'><story /></div>"}),x]},O=(e,a={})=>(e.argTypes={type:{options:Object.values(l),control:"select"},size:{options:Object.values(c),control:"select"},layout:{options:Object.values(m),control:{type:"select"}},state:{options:Object.values(d),control:"select"},iconColor:{options:Object.values(g),control:"select"},borderColor:{options:[null,...Object.values(_)],control:"select"},icon:{options:[null,...Object.keys(s)],control:"select"},iconColorHex:{control:"text"},borderColorHex:{control:"text"},content:{control:"text"},metadata:{control:"text"},actions:{control:"text"},draggableIconClassName:{control:"text"},backgroundColor:{options:[null,...Object.values(p)],control:"select"},elevation:{options:[null,...Object.values(f)],control:"select"}},e.args={size:c.MEDIUM,type:l.DEFAULT,layout:m.HORIZONTAL,backgroundColor:p.NEUTRAL,elevation:null,isDimmed:!1,isDraggable:!0,hasDraggableHandler:!0,icon:null,iconColor:g.NEUTRAL_WEAK,iconColorHex:"",hasActionsSlotDivider:!0,isSelectable:!0,isSelected:!0,borderColor:null,borderColorHex:"",state:d.DEFAULT,isInteractive:!0,draggableIconClassName:"draggableIconClassName-1",content:"Content Slot",metadata:"Metadata Slot",actions:"ACS",...a},e.parameters={actions:{handles:["icon-click","click","update:is-selected"]},layout:"fullscreen",design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=8507-129603&mode=design&t=dC5vBzU9RlP1j7G2-4"}},e),D=e=>{const[a,i]=S();return{components:{RichListItem:n},setup(){return e},data(){return{ICONS:Object.freeze(s)}},methods:{updateIsSelected(r){i({isSelected:r})}},template:`
|
|
2
2
|
<rich-list-item
|
|
3
3
|
:size="size"
|
|
4
4
|
:type="type"
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Checkbox-Dw7yhq_D.js","./vue.esm-bundler-DmkhfO_9.js","./SelectionControl-BK_tron5.js","./Icon-D0llnARZ.js","./_plugin-vue_export-helper-DlAUqK2U.js","./RadioButton-DDS7T3bf.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{_ as d}from"./iframe-
|
|
2
|
+
import{_ as d}from"./iframe-CJskIN9Y.js";import{d as L,y as u,t as O,c as r,a as i,b as c,z as m,j as p,g as T,n as _,r as f,o as n}from"./vue.esm-bundler-DmkhfO_9.js";import{a as C,I as E,b as N}from"./Icon-D0llnARZ.js";import{a as o,b as A,S as g}from"./SelectionControl-BK_tron5.js";import{_ as D}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a={RADIO_BUTTON:"radioButton",CHECKBOX:"checkbox"},t={DEFAULT:"default",DISABLED:"disabled",LOADING:"loading"},y={[t.DEFAULT]:o.DEFAULT,[t.LOADING]:o.LOADING,[t.DISABLED]:o.DISABLED},I=L({name:"SelectionTile",components:{SelectionControl:A,Icon:C,Checkbox:u(()=>d(()=>import("./Checkbox-Dw7yhq_D.js").then(e=>e.b),__vite__mapDeps([0,1,2,3,4]),import.meta.url)),RadioButton:u(()=>d(()=>import("./RadioButton-DDS7T3bf.js").then(e=>e.c),__vite__mapDeps([5,1,2,3,4]),import.meta.url))},props:{type:{type:String,default:a.RADIO_BUTTON,validator(e){return Object.values(a).includes(e)}},title:{type:String,required:!0},supportingText:{type:String,default:null},icon:{type:Object,default:null,validator(e){return Object.values(E).includes(O(e))}},isSelected:{type:Boolean,default:!1},state:{type:String,default:t.DEFAULT,validator(e){return Object.values(t).includes(e)}}},emits:["update:is-selected","icon-click"],data(){return{ICONS:Object.freeze(E),ICON_SIZES:Object.freeze(N),SELECTION_CONTROL_SIZE:Object.freeze(g),SELECTION_TILE_STATE:Object.freeze(t),SELECTION_TILE_TYPE:Object.freeze(a),SELECTION_CONTROL_STATE_MAP:y,inputIsFocused:!1}},computed:{isLoading(){return this.state===t.LOADING}},methods:{updateIsSelected(e){this.isLoading||this.state===t.DISABLED||this.$emit("update:is-selected",e)},onIconClick(e){this.isLoading||(e.stopPropagation(),this.$emit("icon-click"))},onInputFocus(){this.inputIsFocused=!0},onInputBlur(){this.inputIsFocused=!1}}}),b={class:"ds-selectionTile__wrapper"},v={class:"ds-selectionTile__textWrapper"},B={class:"ds-selectionTile__title"},k={key:0,class:"ds-selectionTile__supportingText"};function h(e,s,R,F,j,z){const S=f("icon");return n(),r("div",{class:_(["ds-selectionTile",[{"-ds-selected":e.isSelected,"-ds-default":e.state===e.SELECTION_TILE_STATE.DEFAULT,"-ds-disabled":e.state===e.SELECTION_TILE_STATE.DISABLED,"-ds-loading":e.isLoading,"-ds-focused":e.inputIsFocused&&!e.isLoading}]]),onClick:s[1]||(s[1]=l=>e.updateIsSelected(!e.isSelected))},[i("div",b,[(n(),c(m(e.type===e.SELECTION_TILE_TYPE.RADIO_BUTTON?"radio-button":"checkbox"),{size:e.SELECTION_CONTROL_SIZE.X_SMALL,"is-selected":e.isSelected,state:e.SELECTION_CONTROL_STATE_MAP[e.state],"onUpdate:isSelected":s[0]||(s[0]=l=>e.updateIsSelected(l)),"onInput:focus":e.onInputFocus,"onInput:blur":e.onInputBlur},null,40,["size","is-selected","state","onInput:focus","onInput:blur"])),i("div",v,[i("div",B,p(e.title),1),e.supportingText?(n(),r("div",k,p(e.supportingText),1)):T("",!0)])]),e.icon||e.isLoading?(n(),c(S,{key:0,class:"ds-selectionTile__icon",icon:e.isLoading?e.ICONS.FAD_SPINNER_THIRD:e.icon,size:e.ICON_SIZES.X_SMALL,spinning:e.isLoading,onClick:e.onIconClick},null,8,["icon","size","spinning","onClick"])):T("",!0)],2)}const G=D(I,[["render",h],["__scopeId","data-v-e2d48501"]]);I.__docgenInfo={displayName:"SelectionTile",exportName:"default",description:"",tags:{},props:[{name:"type",type:{name:"SelectionTileType"},defaultValue:{func:!1,value:"SELECTION_TILE_TYPE.RADIO_BUTTON"}},{name:"title",type:{name:"string"},required:!0},{name:"supportingText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"icon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"state",type:{name:"SelectionTileState"},defaultValue:{func:!1,value:"SELECTION_TILE_STATE.DEFAULT"}}],events:[{name:"update:is-selected",type:{names:["undefined"]}},{name:"icon-click"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SelectionTile/SelectionTile.vue"]};export{G as S,a,t as b};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{S as i,a as c,b as l}from"./SelectionTile-
|
|
1
|
+
import{S as i,a as c,b as l}from"./SelectionTile-DqSyMbTY.js";import{I as r}from"./Icon-D0llnARZ.js";import{w as d}from"./decorator-CSnIf-k5.js";import"./iframe-CJskIN9Y.js";import"../sb-preview/runtime.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./SelectionControl-BK_tron5.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./v4-BZawosSj.js";const{useArgs:m}=__STORYBOOK_MODULE_PREVIEW_API__,k={title:"Components/SelectionTile",component:i,decorators:[t=>({components:{story:t},template:"<div style='display: flex; max-width: 300px;'><story /></div>"}),d]},S=t=>{const[u,p]=m();return{components:{SelectionTile:i},setup(){return t},methods:{onIsSelectedUpdated(a){p({isSelected:a})},onIconClick(){alert("Klik w ikonę")}},data(){return{ICONS:Object.freeze(r)}},template:`
|
|
2
2
|
<SelectionTile
|
|
3
3
|
:title="title"
|
|
4
4
|
:supporting-text="supportingText"
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as p,c as s,k as n,h as d,e as c,u as a,g as t,f as l,n as m,o}from"./vue.esm-bundler-DmkhfO_9.js";import{a as u,b as h,C as f}from"./Chip-D8U2AoNF.js";import{_ as C}from"./_plugin-vue_export-helper-DlAUqK2U.js";const i={SMALL:"small",MEDIUM:"medium"},y={key:0,class:"ds-well__chipContainer"},r=p({__name:"Well",props:{padding:{default:null},hasChip:{type:Boolean,default:!1},chipLabel:{},chipLabelUppercase:{type:Boolean,default:!1},chipLeftIcon:{default:null},chipRadius:{default:()=>u.ROUNDED},chipColor:{default:()=>h},chipColorHex:{}},setup(L){return(e,b)=>(o(),s("div",{class:m(["ds-well",{"-ds-medium":a(i).MEDIUM===e.padding,"-ds-small":a(i).SMALL===e.padding}])},[e.hasChip?(o(),s("div",y,[n(a(f),{label:e.chipLabel,"is-label-uppercase":e.chipLabelUppercase,"left-icon":e.chipLeftIcon,radius:e.chipRadius,color:e.chipColor,"color-hex":e.chipColorHex},d({_:2},[e.$slots.chipAccessory?{name:"accessory",fn:c(()=>[l(e.$slots,"chipAccessory",{},void 0,!0)]),key:"0"}:void 0]),1032,["label","is-label-uppercase","left-icon","radius","color","color-hex"])])):t("",!0),l(e.$slots,"default",{},void 0,!0)],2))}}),q=C(r,[["__scopeId","data-v-7d6ca26f"]]);r.__docgenInfo={exportName:"default",displayName:"Well",description:"",tags:{},props:[{name:"padding",required:!1,type:{name:"WellPadding"}},{name:"hasChip",required:!1,type:{name:"boolean"}},{name:"chipLabel",required:!1,type:{name:"string"}},{name:"chipLabelUppercase",required:!1,type:{name:"boolean"}},{name:"chipLeftIcon",required:!1,type:{name:"IconItem"}},{name:"chipRadius",required:!1,type:{name:"ChipRadius"}},{name:"chipColor",required:!1,type:{name:"ChipColor"}},{name:"chipColorHex",required:!1,type:{name:"string"}}],slots:[{name:"chipAccessory"},{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Well/Well.vue"]};export{q as W,i as a};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import{W as o,a as p}from"./Well-Bpgrb9Pb.js";import{I as n}from"./Icon-D0llnARZ.js";import{a as l,b as r,c}from"./Chip-D8U2AoNF.js";import{B as m,a as d}from"./Banner-B73N4KyQ.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Button-DHfR56t4.js";import"./IconButton-BJcODvDg.js";import"./device-9fgosCm4.js";import"./Divider-CeZli6az.js";function u(e){return`<div style="display: inline-flex; flex-direction: column; width: 100%; gap: 20px;">${e}
|
|
2
|
+
<ds-banner :color="BANNER_COLORS.WARNING" title="Taka kombinacja jest niezgodna z design systemem!" v-if="invalidUsage" /></div>
|
|
3
|
+
`}const D={title:"Components/Well",component:o,render:e=>({components:{Well:o,DsBanner:m},setup(){return{args:e,ICONS:n,BANNER_COLORS:d}},template:u('<well v-bind="args" :chip-left-icon="ICONS[args.chipLeftIcon]"><div v-html="args.content" /></well>'),computed:{invalidUsage(){return e.hasChip&&!e.padding}}}),argTypes:{padding:{control:"select",options:[null,...Object.values(p)]},content:{control:"text"}},parameters:{design:{type:"figma",url:"https://www.figma.com/design/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=13194-76861&p=f&m=dev"}}},t={args:{padding:null,content:'<h3 style="margin-top: 0">Content</h3>Voluptatem saepe suscipit optio et delectus esse sed velit. Autem maxime soluta aliquam perspiciatis quidem dolor saepe rerum.',hasChip:!1,chipLabel:"Chip z labelem",chipLabelUppercase:!1,chipLeftIcon:null,chipRadius:l.ROUNDED,color:r,colorHex:""}},h={chipLeftIcon:{control:"select",options:[null,...Object.keys(n)]},chipColor:{control:"select",options:Object.values(c)},chipRadius:{control:"select",options:Object.values(l)}};t.argTypes=h;var a,s,i;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:`{
|
|
4
|
+
args: {
|
|
5
|
+
padding: null,
|
|
6
|
+
content: '<h3 style="margin-top: 0">Content</h3>' + 'Voluptatem saepe suscipit optio et delectus esse sed velit. Autem maxime soluta aliquam perspiciatis quidem dolor saepe rerum.',
|
|
7
|
+
hasChip: false,
|
|
8
|
+
chipLabel: 'Chip z labelem',
|
|
9
|
+
chipLabelUppercase: false,
|
|
10
|
+
chipLeftIcon: null,
|
|
11
|
+
chipRadius: CHIP_RADIUSES.ROUNDED,
|
|
12
|
+
color: CHIP_DEFAULT_COLOR,
|
|
13
|
+
colorHex: ''
|
|
14
|
+
} as Args
|
|
15
|
+
}`,...(i=(s=t.parameters)==null?void 0:s.docs)==null?void 0:i.source}}};const _=["Interactive"];export{t as Interactive,_ as __namedExportsOrder,D as default};
|