@bethinkpl/design-system 26.12.0 → 26.13.0

package/docs/assets/{preview-CYLlXYqB.js → preview-bQNvU0Tw.js}

@@ -1,2 +1,2 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-DCdQFGQN.js","./iframe-DdYOFeJw.js","./_commonjsHelpers-Chg3vePA.js","./index-vG0co4wr.js"])))=>i.map(i=>d[i]);
-import{_ as s}from"./iframe-DdYOFeJw.js";import"../sb-preview/runtime.js";const{global:_}=__STORYBOOK_MODULE_GLOBAL__;var o,i=Object.entries((o=_.TAGS_OPTIONS)!=null?o:{}).reduce((e,r)=>{let[t,a]=r;return a.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await s(()=>import("./DocsRenderer-CFRXHY34-DCdQFGQN.js").then(r=>r.am),__vite__mapDeps([0,1,2,3]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>i[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters};
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-BtI7lPJt.js","./iframe-D0_R78Pi.js","./_commonjsHelpers-Chg3vePA.js","./index-vG0co4wr.js"])))=>i.map(i=>d[i]);
+import{_ as s}from"./iframe-D0_R78Pi.js";import"../sb-preview/runtime.js";const{global:_}=__STORYBOOK_MODULE_GLOBAL__;var o,i=Object.entries((o=_.TAGS_OPTIONS)!=null?o:{}).reduce((e,r)=>{let[t,a]=r;return a.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await s(()=>import("./DocsRenderer-CFRXHY34-BtI7lPJt.js").then(r=>r.am),__vite__mapDeps([0,1,2,3]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>i[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters};

package/docs/assets/{string-WbDRKdc6.js → string-CFc0pFCE.js}

@@ -1 +1 @@
-import{a as h,I as y,b as I}from"./Icon-Dtb7OFDy.js";import{d as p,r as g,o as s,c as n,a as d,f as i,k as $,x as u,g as m,n as b}from"./vue.esm-bundler-DmkhfO_9.js";import{_ as c}from"./_plugin-vue_export-helper-DlAUqK2U.js";const f=p({name:"Modal",components:{WnlIcon:h},props:{showHeader:{type:Boolean,default:!0},animateScrollingContent:{type:Boolean,default:!1}},emits:["close-modal"],data(){return{ICONS:Object.freeze(y),ICON_SIZES:Object.freeze(I)}}}),C={key:0,class:"m-modal__header"},N={key:1,class:"m-modal__footer"};function w(e,a,o,l,t,S){const r=g("wnl-icon");return s(),n("div",{class:"m-modal",onClick:a[2]||(a[2]=u(_=>e.$emit("close-modal"),["stop"]))},[d("div",{class:"m-modal__contentWrapper",onClick:a[1]||(a[1]=u(()=>{},["stop"]))},[e.showHeader?(s(),n("div",C,[i(e.$slots,"header",{},void 0,!0),$(r,{touchable:"",icon:e.ICONS.FA_XMARK,class:"m-modal__header__close",size:e.ICON_SIZES.SMALL,onClick:a[0]||(a[0]=u(_=>e.$emit("close-modal"),["stop"]))},null,8,["icon","size"])])):m("",!0),d("div",{class:b(["m-modal__content",{"scrollable-main-container":e.animateScrollingContent}])},[i(e.$slots,"default",{},void 0,!0)],2),a[3]||(a[3]=d("div",{class:"m-modal__content__shadow"},null,-1)),e.$slots.footer?(s(),n("div",N,[i(e.$slots,"footer",{},void 0,!0)])):m("",!0)])])}const A=c(f,[["render",w],["__scopeId","data-v-b165f419"]]);f.__docgenInfo={displayName:"Modal",exportName:"default",description:"",tags:{},props:[{name:"showHeader",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"animateScrollingContent",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"close-modal"}],slots:[{name:"header"},{name:"default"},{name:"footer"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Modal/Modal.vue"]};const V={DEFAULT:"default",DISABLED:"disabled"},Q={ONE:"one",TWO:"two"},v=p({name:"SurveyQuestionTextarea",props:{value:{type:String,required:!0},placeholder:{type:String,default:"Wpisz swoją odpowiedź"},disabled:{type:Boolean,default:!1}},emits:["input"],watch:{value(){this.$refs.textarea.style.height="auto",this.$refs.textarea.style.height=this.$refs.textarea.scrollHeight+"px"}},methods:{onInput(e){this.$emit("input",e.target.value)}}}),E=["disabled","placeholder","value"];function O(e,a,o,l,t,S){return s(),n("textarea",{ref:"textarea",class:"ds-surveyQuestionTextarea",disabled:e.disabled,placeholder:e.placeholder,value:e.value,onInput:a[0]||(a[0]=(...r)=>e.onInput&&e.onInput(...r))},null,40,E)}const z=c(v,[["render",O],["__scopeId","data-v-a0f836ab"]]);v.__docgenInfo={displayName:"SurveyQuestionTextarea",exportName:"default",description:"",tags:{},props:[{name:"value",type:{name:"string"},required:!0},{name:"placeholder",type:{name:"string"},defaultValue:{func:!1,value:"'Wpisz swoją odpowiedź'"}},{name:"disabled",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"input",type:{names:["undefined"]}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SurveyQuestions/SurveyQuestionTextarea.vue"]};const B=e=>{for(var a="",o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",l=o.length,t=0;t<e;t++)a+=o.charAt(Math.floor(Math.random()*l));return a};export{A as M,V as S,Q as a,z as b,B as r};
+import{a as h,I as y,b as I}from"./Icon-BPz80dqH.js";import{d as p,r as g,o as s,c as n,a as d,f as i,k as $,x as u,g as m,n as b}from"./vue.esm-bundler-DmkhfO_9.js";import{_ as c}from"./_plugin-vue_export-helper-DlAUqK2U.js";const f=p({name:"Modal",components:{WnlIcon:h},props:{showHeader:{type:Boolean,default:!0},animateScrollingContent:{type:Boolean,default:!1}},emits:["close-modal"],data(){return{ICONS:Object.freeze(y),ICON_SIZES:Object.freeze(I)}}}),C={key:0,class:"m-modal__header"},N={key:1,class:"m-modal__footer"};function w(e,a,o,l,t,S){const r=g("wnl-icon");return s(),n("div",{class:"m-modal",onClick:a[2]||(a[2]=u(_=>e.$emit("close-modal"),["stop"]))},[d("div",{class:"m-modal__contentWrapper",onClick:a[1]||(a[1]=u(()=>{},["stop"]))},[e.showHeader?(s(),n("div",C,[i(e.$slots,"header",{},void 0,!0),$(r,{touchable:"",icon:e.ICONS.FA_XMARK,class:"m-modal__header__close",size:e.ICON_SIZES.SMALL,onClick:a[0]||(a[0]=u(_=>e.$emit("close-modal"),["stop"]))},null,8,["icon","size"])])):m("",!0),d("div",{class:b(["m-modal__content",{"scrollable-main-container":e.animateScrollingContent}])},[i(e.$slots,"default",{},void 0,!0)],2),a[3]||(a[3]=d("div",{class:"m-modal__content__shadow"},null,-1)),e.$slots.footer?(s(),n("div",N,[i(e.$slots,"footer",{},void 0,!0)])):m("",!0)])])}const A=c(f,[["render",w],["__scopeId","data-v-b165f419"]]);f.__docgenInfo={displayName:"Modal",exportName:"default",description:"",tags:{},props:[{name:"showHeader",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"animateScrollingContent",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"close-modal"}],slots:[{name:"header"},{name:"default"},{name:"footer"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Modal/Modal.vue"]};const V={DEFAULT:"default",DISABLED:"disabled"},Q={ONE:"one",TWO:"two"},v=p({name:"SurveyQuestionTextarea",props:{value:{type:String,required:!0},placeholder:{type:String,default:"Wpisz swoją odpowiedź"},disabled:{type:Boolean,default:!1}},emits:["input"],watch:{value(){this.$refs.textarea.style.height="auto",this.$refs.textarea.style.height=this.$refs.textarea.scrollHeight+"px"}},methods:{onInput(e){this.$emit("input",e.target.value)}}}),E=["disabled","placeholder","value"];function O(e,a,o,l,t,S){return s(),n("textarea",{ref:"textarea",class:"ds-surveyQuestionTextarea",disabled:e.disabled,placeholder:e.placeholder,value:e.value,onInput:a[0]||(a[0]=(...r)=>e.onInput&&e.onInput(...r))},null,40,E)}const z=c(v,[["render",O],["__scopeId","data-v-a0f836ab"]]);v.__docgenInfo={displayName:"SurveyQuestionTextarea",exportName:"default",description:"",tags:{},props:[{name:"value",type:{name:"string"},required:!0},{name:"placeholder",type:{name:"string"},defaultValue:{func:!1,value:"'Wpisz swoją odpowiedź'"}},{name:"disabled",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"input",type:{names:["undefined"]}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SurveyQuestions/SurveyQuestionTextarea.vue"]};const B=e=>{for(var a="",o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",l=o.length,t=0;t<e;t++)a+=o.charAt(Math.floor(Math.random()*l));return a};export{A as M,V as S,Q as a,z as b,B as r};

package/docs/iframe.html

@@ -510,7 +510,7 @@
 </script>
 <link rel="stylesheet" href="./preview.css">
 
-    <script type="module" crossorigin src="./assets/iframe-DdYOFeJw.js"></script>
+    <script type="module" crossorigin src="./assets/iframe-D0_R78Pi.js"></script>
   </head>
 
   <body>

package/docs/project.json

@@ -1 +1 @@
-{"generatedAt":1743152637500,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.13","@vue/vue3-jest":"29.2.2","jest":"29.7.0","jest-environment-jsdom":"29.7.0","ts-jest":"29.0.5"},"packageManager":{"type":"yarn","version":"1.22.22"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/vue3-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/vue3","portableStoriesFileCount":2,"storybookVersion":"8.3.4","storybookVersionSpecifier":"^8.3.4","language":"typescript","storybookPackages":{"@storybook/vue3":{"version":"8.3.4"},"@storybook/vue3-vite":{"version":"8.3.4"},"eslint-plugin-storybook":{"version":"0.8.0"},"storybook":{"version":"8.3.4"}},"addons":{"@storybook/addon-actions":{"version":"8.3.4"},"@storybook/addon-designs":{"version":"8.0.3"},"@storybook/addon-docs":{"version":"8.3.4"},"@storybook/addon-controls":{"version":"8.3.4"},"@storybook/addon-storysource":{"version":"8.3.4"},"@storybook/addon-viewport":{"version":"8.3.4"}}}
+{"generatedAt":1744098148018,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.13","@vue/vue3-jest":"29.2.2","jest":"29.7.0","jest-environment-jsdom":"29.7.0","ts-jest":"29.0.5"},"packageManager":{"type":"yarn","version":"1.22.22"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/vue3-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/vue3","portableStoriesFileCount":2,"storybookVersion":"8.3.4","storybookVersionSpecifier":"^8.3.4","language":"typescript","storybookPackages":{"@storybook/vue3":{"version":"8.3.4"},"@storybook/vue3-vite":{"version":"8.3.4"},"eslint-plugin-storybook":{"version":"0.8.0"},"storybook":{"version":"8.3.4"}},"addons":{"@storybook/addon-actions":{"version":"8.3.4"},"@storybook/addon-designs":{"version":"8.0.3"},"@storybook/addon-docs":{"version":"8.3.4"},"@storybook/addon-controls":{"version":"8.3.4"},"@storybook/addon-storysource":{"version":"8.3.4"},"@storybook/addon-viewport":{"version":"8.3.4"}}}

package/lib/js/components/Avatar/Avatar.vue

@@ -47,6 +47,8 @@
 	$root: &;
 
 	display: flex;
+	// Explicit width&height doesn't prevent element from shrinking. Therefore, this needs to be set.
+	flex-shrink: 0;
 	position: relative;
 
 	&.-ds-xx-small {

package/lib/js/components/Chip/Chip.vue

@@ -7,6 +7,7 @@
 			'-ds-disabled': state === CHIP_STATES.DISABLED,
 			'-ds-uppercase': isLabelUppercase,
 			'-ds-rounded': radius === CHIP_RADIUSES.ROUNDED,
+			'-ds-removable': size !== CHIP_SIZES.X_SMALL && isRemovable,
 		}"
 		:title="label"
 		:style="{ backgroundColor: colorHex }"
@@ -19,7 +20,7 @@
 				/>
 			</slot>
 		</span>
-		<span class="ds-chip__label">{{ label }}</span>
+		<span v-if="label" class="ds-chip__label">{{ label }}</span>
 		<icon-button
 			v-if="size !== CHIP_SIZES.X_SMALL && isRemovable"
 			class="ds-chip__remove"
@@ -180,7 +181,12 @@ $chip-colors: (
 	align-items: center;
 	border-radius: $radius-xl;
 	display: inline-flex;
-	padding: $space-5xs $space-5xs $space-5xs $space-2xs;
+	gap: $space-4xs;
+	padding: $space-4xs $space-2xs;
+
+	&.-ds-removable {
+		padding: $space-5xs $space-5xs $space-5xs $space-2xs;
+	}
 
 	&.-ds-disabled {
 		pointer-events: none;
@@ -199,7 +205,6 @@ $chip-colors: (
 	&__label {
 		@include label-s-default-bold;
 
-		margin: $space-5xs $space-3xs $space-5xs 0;
 		overflow: hidden;
 		text-overflow: ellipsis;
 		white-space: nowrap;
@@ -207,21 +212,15 @@ $chip-colors: (
 
 	&__leftIcon {
 		display: flex;
-		margin-right: $space-4xs;
 	}
 
 	&.-ds-x-small {
+		gap: $space-5xs;
 		min-height: $chip-min-height;
-		padding-left: $space-3xs;
-
-		#{$self}__leftIcon {
-			margin-right: $space-5xs;
-		}
+		padding: $space-5xs $space-3xs;
 
 		#{$self}__label {
 			@include label-xs-default-bold;
-
-			margin: 0 $space-4xs 0 0;
 		}
 
 		&.-ds-uppercase {
@@ -238,16 +237,16 @@ $chip-colors: (
 </style>
 
 <script lang="ts">
-import { CHIP_COLORS, CHIP_RADIUSES, CHIP_SIZES, CHIP_STATES } from './Chip.consts';
+import { defineComponent, toRaw } from 'vue';
+import { Value } from '../../utils/type.utils';
+import { BUTTON_ELEVATIONS } from '../Buttons/Button';
 import IconButton, {
 	ICON_BUTTON_COLORS,
 	ICON_BUTTON_SIZES,
 	ICON_BUTTON_STATES,
 } from '../Buttons/IconButton';
 import Icon, { ICON_SIZES, ICONS } from '../Icons/Icon';
-import { BUTTON_ELEVATIONS } from '../Buttons/Button';
-import { Value } from '../../utils/type.utils';
-import { defineComponent, toRaw } from 'vue';
+import { CHIP_COLORS, CHIP_RADIUSES, CHIP_SIZES, CHIP_STATES } from './Chip.consts';
 
 const CHIP_ICON_BUTTONS_COLOR_MAP = {
 	[CHIP_COLORS.INVERTED]: ICON_BUTTON_COLORS.PRIMARY,
@@ -267,7 +266,7 @@ export default defineComponent({
 	props: {
 		label: {
 			type: String,
-			required: true,
+			default: null,
 		},
 		isLabelUppercase: {
 			type: Boolean,

package/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.stories.ts

@@ -1,6 +1,10 @@
 import BasicRichListItem from './BasicRichListItem.vue';
 
+import { withActions } from '@storybook/addon-actions/decorator';
+import { useArgs } from '@storybook/preview-api';
 import { Args, ArgTypes, Meta, StoryFn } from '@storybook/vue3';
+import { DsImage } from '../../../index';
+import { ICON_COLORS, ICONS } from '../../Icons/Icon';
 import {
 	RICH_LIST_ITEM_BACKGROUND_COLOR,
 	RICH_LIST_ITEM_BORDER_COLOR,
@@ -10,10 +14,6 @@ import {
 	RICH_LIST_ITEM_STATE,
 	RICH_LIST_ITEM_TYPE,
 } from '../RichListItem';
-import { ICON_COLORS, ICONS } from '../../Icons/Icon';
-import { DsImage } from '../../../index';
-import { useArgs } from '@storybook/preview-api';
-import { withActions } from '@storybook/addon-actions/decorator';
 
 export default {
 	title: 'Components/RichList/BasicRichListItem',
@@ -121,6 +121,7 @@ const expandStory = (story: StoryFn<typeof BasicRichListItem>, args = {}) => {
 		hasActionsSlotDivider: true,
 		isSelectable: true,
 		isSelected: true,
+		isTextGroupSelected: false,
 		borderColor: null,
 		borderColorHex: '',
 		state: RICH_LIST_ITEM_STATE.DEFAULT,
@@ -202,6 +203,7 @@ const InteractiveStoryTemplate: StoryFn<typeof BasicRichListItem> = (args) => {
 			:has-actions-slot-divider="hasActionsSlotDivider"
 			:is-selectable="isSelectable"
 			:is-selected="isSelected"
+			:is-text-group-selected="isTextGroupSelected"
 			@update:is-selected="updateIsSelected"
 		>
 			<template v-if="metadata" #metadata>
@@ -263,6 +265,7 @@ const WithMediaStoryTemplate: StoryFn<typeof BasicRichListItem> = (args) => {
 				:has-actions-slot-divider="hasActionsSlotDivider"
 				:is-selectable="isSelectable"
 				:is-selected="isSelected"
+				:is-text-group-selected="isTextGroupSelected"
 				@update:is-selected="updateIsSelected"
 			>
 				<template #media>

package/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue

@@ -36,7 +36,7 @@
 					:eyebrow-text="eyebrow"
 					:eyebrow-text-ellipsis="eyebrowEllipsis"
 					:is-eyebrow-text-uppercase="isEyebrowUppercase"
-					:is-selected="isSelected"
+					:is-selected="isTextGroupSelected"
 					:is-interactive="false"
 					:main-text="text"
 					:main-text-ellipsis="textEllipsis"
@@ -89,6 +89,15 @@
 </style>
 
 <script lang="ts">
+import { defineComponent, PropType, toRaw } from 'vue';
+import { ICON_COLORS, IconColor, IconItem, ICONS } from '../../Icons/Icon';
+import {
+	TEXT_GROUP_SIZES,
+	TEXT_GROUP_STATES,
+	TextGroupSize,
+	TextGroupState,
+} from '../../TextGroup';
+import DsTextGroup from '../../TextGroup/TextGroup.vue';
 import RichListItem, {
 	RICH_LIST_ITEM_BACKGROUND_COLOR,
 	RICH_LIST_ITEM_BORDER_COLOR,
@@ -105,15 +114,6 @@ import RichListItem, {
 	RichListItemState,
 	RichListItemType,
 } from '../RichListItem';
-import DsTextGroup from '../../TextGroup/TextGroup.vue';
-import { defineComponent, PropType, toRaw } from 'vue';
-import { ICON_COLORS, IconColor, IconItem, ICONS } from '../../Icons/Icon';
-import {
-	TEXT_GROUP_SIZES,
-	TEXT_GROUP_STATES,
-	TextGroupSize,
-	TextGroupState,
-} from '../../TextGroup';
 
 export default defineComponent({
 	name: 'BasicRichListItem',
@@ -253,6 +253,10 @@ export default defineComponent({
 			type: Boolean,
 			default: false,
 		},
+		isTextGroupSelected: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	emits: {
 		'update:is-selected': (value: boolean) => true,

package/lib/js/components/RichList/RichListItem/RichListItem.vue

@@ -136,11 +136,11 @@ $rich-list-item-media-horizontal-height: 80px;
 		#{$root}__dragAndDrop,
 		#{$root}__iconWrapper {
 			align-items: center;
-			padding: $space-3xs $space-3xs $space-3xs $space-s;
+			padding: $space-3xs $space-5xs $space-3xs $space-s;
 		}
 
 		#{$root}__content {
-			padding: 0 $space-4xs 0 $space-2xs;
+			padding: 0 $space-4xs 0 $space-s;
 		}
 
 		#{$root}__metadata {
@@ -173,6 +173,10 @@ $rich-list-item-media-horizontal-height: 80px;
 				padding: $space-3xs 0 $space-3xs $space-xs;
 			}
 
+			#{$root}__content {
+				padding: 0 $space-4xs 0 $space-xs;
+			}
+
 			#{$root}__checkbox {
 				gap: $space-xs;
 				padding: 0 $space-xs 0 $space-4xs;
@@ -242,6 +246,10 @@ $rich-list-item-media-horizontal-height: 80px;
 				padding: $space-2xs $space-4xs 0 $space-2xs;
 			}
 
+			#{$root}__content {
+				padding: 0 $space-4xs 0 $space-2xs;
+			}
+
 			#{$root}__checkbox {
 				gap: $space-s;
 				padding: $space-5xs $space-2xs 0 $space-2xs;
@@ -446,6 +454,7 @@ $rich-list-item-media-horizontal-height: 80px;
 
 		&:hover {
 			cursor: grab;
+
 			#{$root}__dragAndDropIcon {
 				color: $color-neutral-icon-weak-hovered;
 			}
@@ -457,11 +466,6 @@ $rich-list-item-media-horizontal-height: 80px;
 	}
 
 	&.-ds-small {
-		#{$root}__content {
-			align-items: center;
-			padding: 0 $space-4xs 0 $space-2xs;
-		}
-
 		#{$root}__actionSlot {
 			gap: $space-2xs;
 		}

package/lib/js/icons/fontawesome.ts

@@ -33,6 +33,7 @@ import { faCalendarDay } from '@fortawesome/pro-regular-svg-icons/faCalendarDay'
 import { faCalendarRange } from '@fortawesome/pro-regular-svg-icons/faCalendarRange';
 import { faCalendarCircleExclamation } from '@fortawesome/pro-regular-svg-icons/faCalendarCircleExclamation';
 import { faCalendarCheck } from '@fortawesome/pro-regular-svg-icons/faCalendarCheck';
+import { faCalendarXmark } from '@fortawesome/pro-regular-svg-icons/faCalendarXmark';
 import { faCartShopping } from '@fortawesome/pro-regular-svg-icons/faCartShopping';
 import { faChartColumn } from '@fortawesome/pro-regular-svg-icons/faChartColumn';
 import { faChartLineUp } from '@fortawesome/pro-regular-svg-icons/faChartLineUp';
@@ -253,6 +254,7 @@ export const FONTAWESOME_ICONS = {
 	FA_CALENDAR_DAY: faCalendarDay,
 	FA_CALENDAR_DAYS: faCalendarDays,
 	FA_CALENDAR_RANGE: faCalendarRange,
+	FA_CALENDAR_XMARK: faCalendarXmark,
 	FA_CAMERA_SOLID: fasCamera,
 	FA_CARET_SQUARE_RIGHT_SOLID: fasCaretSquareRight,
 	FA_CART_SHOPPING: faCartShopping,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bethinkpl/design-system",
-  "version": "26.12.0",
+  "version": "26.13.0",
   "description": "Bethink universe design-system",
   "repository": {
     "type": "git",

package/docs/assets/BasicRichListItem-DphHumDQ.js

@@ -1 +0,0 @@
-import{i as y,R as r,c as l,b as u,a as t,d as v,e as d,f as b}from"./GroupRichListItem-ClZnBLO7.js";import{D as T,T as p,c as n}from"./TextGroup-D5le3QVY.js";import{d as S,t as g,b as E,h as L,e as s,n as R,r as f,o as C,f as i,a as h,k as O}from"./vue.esm-bundler-DmkhfO_9.js";import{I as _,c as D}from"./Icon-Dtb7OFDy.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";const m=S({name:"BasicRichListItem",components:{DsTextGroup:T,RichListItem:y},props:{type:{type:String,default:r.DEFAULT,validator(e){return Object.values(r).includes(e)}},state:{type:String,default:l.DEFAULT,validator(e){return Object.values(l).includes(e)}},layout:{type:String,default:u.HORIZONTAL,validator(e){return Object.values(u).includes(e)}},size:{type:String,default:t.MEDIUM,validator(e){return Object.values(t).includes(e)}},isInteractive:{type:Boolean,default:!0},isDimmed:{type:Boolean,default:!1},isDraggable:{type:Boolean,default:!0},icon:{type:Object,default:null,validator(e){return Object.values(_).includes(g(e))}},iconColor:{type:String,default:null,validator(e){return Object.values(D).includes(e)}},iconColorHex:{type:String,default:null},borderColor:{type:String,default:null,validator(e){return Object.values(v).includes(e)}},borderColorHex:{type:String,default:null},text:{type:String,required:!0},textEllipsis:{type:Boolean,default:!1},eyebrow:{type:String,default:null},eyebrowEllipsis:{type:Boolean,default:!1},isEyebrowUppercase:{type:Boolean,default:!1},supportingText:{type:String,default:null},supportingTextEllipsis:{type:Boolean,default:!1},isSupportingTextTooltipEnabled:{type:Boolean,default:!1},backgroundColor:{type:String,default:d.NEUTRAL,validator(e){return Object.values(d).includes(e)}},elevation:{type:String,default:null,validator(e){return Object.values(b).includes(e)}},hasDraggableHandler:{type:Boolean,default:!0},hasActionsSlotDivider:{type:Boolean,default:!0},isSelectable:{type:Boolean,default:!0},isSelected:{type:Boolean,default:!1}},emits:{"update:is-selected":e=>!0},data(){return{hovered:!1,RICH_LIST_ITEM_SIZE:Object.freeze(t),RICH_LIST_ITEM_STATE:Object.freeze(l)}},computed:{textGroupSize(){return{[t.SMALL]:p.SMALL,[t.MEDIUM]:p.MEDIUM}[this.size]},textGroupState(){return this.state===l.LOADING?n.LOADING:this.hovered&&this.isInteractive?n.HOVERED:n.DEFAULT}}}),V={class:"ds-basicRichListItem__content"};function A(e,a,H,B,U,w){const c=f("ds-text-group"),I=f("rich-list-item");return C(),E(I,{size:e.size,type:e.type,layout:e.layout,"is-interactive":e.isInteractive,"is-draggable":e.isDraggable,icon:e.icon,"icon-color":e.iconColor,"icon-color-hex":e.iconColorHex,"is-dimmed":e.isDimmed,"border-color":e.borderColor,"border-color-hex":e.borderColorHex,state:e.state,"background-color":e.backgroundColor,elevation:e.elevation,"has-draggable-handler":e.hasDraggableHandler,"has-actions-slot-divider":e.hasActionsSlotDivider,"is-selectable":e.isSelectable,"is-selected":e.isSelected,class:R(["ds-basicRichListItem",{"-ds-loading":e.state===e.RICH_LIST_ITEM_STATE.LOADING,"-ds-small":e.size===e.RICH_LIST_ITEM_SIZE.SMALL}]),onMouseover:a[0]||(a[0]=o=>e.hovered=!0),onMouseleave:a[1]||(a[1]=o=>e.hovered=!1),"onUpdate:isSelected":a[2]||(a[2]=o=>e.$emit("update:is-selected",o))},L({content:s(()=>[h("div",V,[O(c,{"eyebrow-text":e.eyebrow,"eyebrow-text-ellipsis":e.eyebrowEllipsis,"is-eyebrow-text-uppercase":e.isEyebrowUppercase,"is-selected":e.isSelected,"is-interactive":!1,"main-text":e.text,"main-text-ellipsis":e.textEllipsis,"supporting-text":e.supportingText,"supporting-text-ellipsis":e.supportingTextEllipsis,size:e.textGroupSize,state:e.textGroupState,"is-supporting-text-tooltip-enabled":e.isSupportingTextTooltipEnabled},null,8,["eyebrow-text","eyebrow-text-ellipsis","is-eyebrow-text-uppercase","is-selected","main-text","main-text-ellipsis","supporting-text","supporting-text-ellipsis","size","state","is-supporting-text-tooltip-enabled"])])]),_:2},[e.$slots.media?{name:"media",fn:s(()=>[i(e.$slots,"media",{},void 0,!0)]),key:"0"}:void 0,e.$slots.metadata?{name:"metadata",fn:s(()=>[i(e.$slots,"metadata",{},void 0,!0)]),key:"1"}:void 0,e.$slots.actions?{name:"actions",fn:s(()=>[i(e.$slots,"actions",{},void 0,!0)]),key:"2"}:void 0]),1032,["size","type","layout","is-interactive","is-draggable","icon","icon-color","icon-color-hex","is-dimmed","border-color","border-color-hex","state","background-color","elevation","has-draggable-handler","has-actions-slot-divider","is-selectable","is-selected","class"])}const G=M(m,[["render",A],["__scopeId","data-v-d64ae189"]]);m.__docgenInfo={displayName:"BasicRichListItem",exportName:"default",description:"",tags:{},props:[{name:"type",type:{name:"RichListItemType"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_TYPE.DEFAULT"}},{name:"state",type:{name:"RichListItemState"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_STATE.DEFAULT"}},{name:"layout",type:{name:"RichListItemLayout"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_LAYOUT.HORIZONTAL"}},{name:"size",type:{name:"RichListItemSize"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_SIZE.MEDIUM"}},{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isDimmed",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isDraggable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"icon",type:{name:"IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconColor",type:{name:"IconColor"},defaultValue:{func:!1,value:"null"}},{name:"iconColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"borderColor",type:{name:"RichListItemBorderColor"},defaultValue:{func:!1,value:"null"}},{name:"borderColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"text",type:{name:"string"},required:!0},{name:"textEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"eyebrow",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"eyebrowEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isEyebrowUppercase",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"supportingText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"supportingTextEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isSupportingTextTooltipEnabled",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"backgroundColor",type:{name:"RichListItemBackgroundColor"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_BACKGROUND_COLOR.NEUTRAL"}},{name:"elevation",type:{name:"RichListItemElevation"},defaultValue:{func:!1,value:"null"}},{name:"hasDraggableHandler",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"hasActionsSlotDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelectable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"update:is-selected"}],slots:[{name:"media"},{name:"metadata"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue"]};export{G as B};

package/docs/assets/Chip-B-ADwxNO.js

@@ -1 +0,0 @@
-import{I as p}from"./IconButton-ClJVjUWD.js";import{i as a,e as m,h as A,I as C}from"./Button-C4sEOlKs.js";import{a as E,I as i,b as N}from"./Icon-Dtb7OFDy.js";import{d as O,t as T,c as u,f as L,g as S,a as _,j as R,b,n as U,s as v,r as c,o,k as y}from"./vue.esm-bundler-DmkhfO_9.js";import{_ as P}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t={X_SMALL:"x-small",SMALL:"small"},s={PRIMARY:"primary",PRIMARY_STRONG:"primaryStrong",NEUTRAL:"neutral",FAIL:"fail",DANGER:"danger",SUCCESS:"success",INVERTED:"inverted",WARNING:"warning",INFO:"info"},l={DEFAULT:"default",DISABLED:"disabled"},n={CAPSULE:"capsule",ROUNDED:"rounded"},D={[s.INVERTED]:a.PRIMARY,[s.NEUTRAL]:a.NEUTRAL,[s.PRIMARY]:a.PRIMARY,[s.PRIMARY_STRONG]:a.PRIMARY,[s.FAIL]:a.FAIL,[s.DANGER]:a.DANGER,[s.WARNING]:a.WARNING,[s.SUCCESS]:a.SUCCESS,[s.INFO]:a.INFO},I=O({name:"Chip",components:{Icon:E,IconButton:p},props:{label:{type:String,required:!0},isLabelUppercase:{type:Boolean,default:!1},leftIcon:{type:Object,default:null,validator(e){return Object.values(i).includes(T(e))}},radius:{type:String,default:n.CAPSULE,validator(e){return Object.values(n).includes(e)}},size:{type:String,default:t.SMALL,validator(e){return Object.values(t).includes(e)}},color:{type:String,default:s.NEUTRAL,validator(e){return Object.values(s).includes(e)}},colorHex:{type:String,default:null},state:{type:String,default:l.DEFAULT,validator(e){return Object.values(l).includes(e)}},isRemovable:{type:Boolean,default:!1}},emits:["remove"],data(){return{ICONS:Object.freeze(i),BUTTON_ELEVATIONS:Object.freeze(m),ICON_BUTTON_STATES:Object.freeze(A),ICON_BUTTON_SIZES:Object.freeze(C),ICON_SIZES:Object.freeze(N),CHIP_SIZES:Object.freeze(t),CHIP_STATES:Object.freeze(l),CHIP_RADIUSES:Object.freeze(n)}},computed:{colorClassName(){return this.colorHex?"-ds-color-invertedHex":`-ds-color-${this.color}`},customStyle(){const e={};return this.colorHex&&(e.backgroundColor=this.colorHex),e},iconButtonColor(){return this.colorHex?a.NEUTRAL:D[this.color]||a.PRIMARY}}}),H=["title"],B={key:0,class:"ds-chip__leftIcon"},g={class:"ds-chip__label"};function M(e,r,h,z,j,V){const d=c("icon"),f=c("icon-button");return o(),u("div",{class:U(["ds-chip",{"-ds-x-small":e.size===e.CHIP_SIZES.X_SMALL,[e.colorClassName]:!0,"-ds-disabled":e.state===e.CHIP_STATES.DISABLED,"-ds-uppercase":e.isLabelUppercase,"-ds-rounded":e.radius===e.CHIP_RADIUSES.ROUNDED}]),title:e.label,style:v({backgroundColor:e.colorHex})},[e.$slots.accessory||e.leftIcon?(o(),u("span",B,[L(e.$slots,"accessory",{},()=>[y(d,{icon:e.leftIcon,size:e.size===e.CHIP_SIZES.X_SMALL?e.ICON_SIZES.XXX_SMALL:e.ICON_SIZES.XX_SMALL},null,8,["icon","size"])],!0)])):S("",!0),_("span",g,R(e.label),1),e.size!==e.CHIP_SIZES.X_SMALL&&e.isRemovable?(o(),b(f,{key:1,class:"ds-chip__remove",touchable:!1,state:e.state===e.CHIP_STATES.DISABLED?e.ICON_BUTTON_STATES.DISABLED:e.ICON_BUTTON_STATES.DEFAULT,color:e.iconButtonColor,size:e.ICON_BUTTON_SIZES.XX_SMALL,icon:e.ICONS.FA_XMARK,elevation:e.BUTTON_ELEVATIONS.X_SMALL,onClick:r[0]||(r[0]=X=>e.$emit("remove"))},null,8,["state","color","size","icon","elevation"])):S("",!0)],14,H)}const Y=P(I,[["render",M],["__scopeId","data-v-02de62e8"]]);I.__docgenInfo={displayName:"Chip",exportName:"default",description:"",tags:{},props:[{name:"label",type:{name:"string"},required:!0},{name:"isLabelUppercase",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"leftIcon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"radius",type:{name:"string"},defaultValue:{func:!1,value:"CHIP_RADIUSES.CAPSULE"}},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"CHIP_SIZES.SMALL"}},{name:"color",type:{name:"string"},defaultValue:{func:!1,value:"CHIP_COLORS.NEUTRAL"}},{name:"colorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"state",type:{name:"string"},defaultValue:{func:!1,value:"CHIP_STATES.DEFAULT"}},{name:"isRemovable",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"remove"}],slots:[{name:"accessory"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Chip/Chip.vue"]};export{Y as C,n as a,t as b,s as c,l as d};