@bethinkpl/design-system 26.15.0 → 26.16.0

package/lib/js/components/Form/PasswordField/PasswordField.vue

@@ -0,0 +1,55 @@
+<template>
+	<input-field
+		v-bind="$props"
+		v-model="value"
+		:input-props="inputProps"
+		:left-icon="ICONS.FA_UNLOCK_KEYHOLE"
+	>
+		<template #action>
+			<icon-button
+				:icon="eyeIcon"
+				:color="ICON_BUTTON_COLORS.NEUTRAL_WEAK"
+				:size="ICON_BUTTON_SIZES.X_SMALL"
+				:touchable="false"
+				data-test-id="password-toggle"
+				@click="isPasswordVisible = !isPasswordVisible"
+			/>
+		</template>
+		<!-- begin: FormField slots -->
+		<template v-if="$slots.help" #help>
+			<slot name="help" />
+		</template>
+		<template v-if="$slots.labelAside" #labelAside>
+			<slot name="labelAside" />
+		</template>
+		<template v-if="$slots.message" #message="{ messageId }">
+			<slot name="message" :message-id="messageId" />
+		</template>
+		<template v-if="$slots.fieldStatus" #fieldStatus>
+			<slot name="fieldStatus" />
+		</template>
+		<!-- end: FormField slots -->
+	</input-field>
+</template>
+
+<script setup lang="ts">
+import InputField from '../InputField';
+import IconButton, { ICON_BUTTON_COLORS, ICON_BUTTON_SIZES } from '../../Buttons/IconButton';
+import { ICONS } from '../../Icons/Icon';
+import { computed, ref, InputHTMLAttributes } from 'vue';
+import { InputFieldProps, InputFieldSlots } from '../InputField/InputField.types';
+
+const { inputProps: baseInputProps } = defineProps<Omit<InputFieldProps, 'leftIcon'>>();
+const value = defineModel<string>();
+defineSlots<Omit<InputFieldSlots, 'action'>>();
+
+const isPasswordVisible = ref(false);
+const inputProps = computed<InputHTMLAttributes>(() => ({
+	...baseInputProps,
+	type: isPasswordVisible.value ? 'text' : 'password',
+}));
+
+const eyeIcon = computed(() => {
+	return isPasswordVisible.value ? ICONS.FA_EYE_SLASH : ICONS.FA_EYE;
+});
+</script>

package/lib/js/components/Form/PasswordField/index.ts

@@ -0,0 +1,3 @@
+import PasswordField from './PasswordField.vue';
+
+export default PasswordField;

package/lib/js/components/Modals/Modal/Modal.consts.ts

@@ -1,9 +1,15 @@
+import { Value } from '../../../utils/type.utils';
+
 export const MODAL_SIZES = {
 	SMALL: 'small',
 	MEDIUM: 'medium',
-};
+} as const;
+
+export type ModalSize = Value<typeof MODAL_SIZES>;
 
 export const MODAL_HEADER_TITLE_SIZES = {
 	SMALL: 'small',
 	MEDIUM: 'medium',
-};
+} as const;
+
+export type ModalHeaderTitleSize = Value<typeof MODAL_HEADER_TITLE_SIZES>;

package/lib/js/components/Modals/Modal/Modal.vue

@@ -10,6 +10,7 @@
 						:size="ICON_SIZES.SMALL"
 						:elevation="BUTTON_ELEVATIONS.X_SMALL"
 						:color="ICON_BUTTON_COLORS.NEUTRAL_WEAK"
+						data-test-selector="ds-modal__closeButton"
 						@click.stop="$emit('close-modal')"
 					/>
 				</div>
@@ -329,7 +330,12 @@ $image-height-small: 140px;
 
 <script lang="ts">
 import FeatureIcon from '../../Icons/FeatureIcon/FeatureIcon.vue';
-import { MODAL_HEADER_TITLE_SIZES, MODAL_SIZES } from './Modal.consts';
+import {
+	MODAL_HEADER_TITLE_SIZES,
+	MODAL_SIZES,
+	ModalHeaderTitleSize,
+	ModalSize,
+} from './Modal.consts';
 import { ICON_SIZES, ICONS } from '../../Icons/Icon';
 import { FEATURE_ICON_COLOR, FEATURE_ICON_SIZES } from '../../Icons/FeatureIcon';
 import WnlButton, {
@@ -349,7 +355,7 @@ export default defineComponent({
 		size: {
 			type: String,
 			default: MODAL_SIZES.MEDIUM,
-			validator: (value: string) => Object.values(MODAL_SIZES).includes(value),
+			validator: (value: ModalSize) => Object.values(MODAL_SIZES).includes(value),
 		},
 		danger: {
 			type: Boolean,
@@ -358,7 +364,8 @@ export default defineComponent({
 		headerTitleSize: {
 			type: String,
 			default: MODAL_HEADER_TITLE_SIZES.MEDIUM,
-			validator: (value: string) => Object.values(MODAL_HEADER_TITLE_SIZES).includes(value),
+			validator: (value: ModalHeaderTitleSize) =>
+				Object.values(MODAL_HEADER_TITLE_SIZES).includes(value),
 		},
 		headerTitle: {
 			type: String,

package/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.stories.ts

@@ -47,7 +47,6 @@ const StoryTemplate: StoryFn<typeof SelectListItemToggle> = (args) => {
 					() =>
 						updateArgs({
 							isLoading: false,
-							// @ts-ignore
 							isOn: !this.isOn,
 						}),
 					1000,

package/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue

@@ -34,36 +34,33 @@
 							'-ds-oneContainer': containers === SURVEY_QUESTION_CONTAINERS.ONE,
 						}"
 					>
-						<template
+						<div
 							v-for="(option, index) in scaleOptions"
 							:key="`ds-surveyQuestionScale-${index}`"
+							class="ds-surveyQuestionScale__toggle"
+							:class="{
+								'-ds-hideOnDesktop':
+									option.standalone &&
+									containers === SURVEY_QUESTION_CONTAINERS.TWO,
+							}"
 						>
-							<div
-								class="ds-surveyQuestionScale__toggle"
-								:class="{
-									'-ds-hideOnDesktop':
-										option.standalone &&
-										containers === SURVEY_QUESTION_CONTAINERS.TWO,
-								}"
-							>
-								<survey-toggle
-									:meaning="option.meaning"
-									:content-text="option.content"
-									:label="option.label"
-									:status="
-										selectedValue === option.value
-											? SURVEY_TOGGLE_STATUSES.SELECTED
-											: SURVEY_TOGGLE_STATUSES.DEFAULT
-									"
-									:state="
-										state === SURVEY_QUESTION_STATES.DISABLED
-											? SURVEY_TOGGLE_STATES.DISABLED
-											: SURVEY_TOGGLE_STATES.DEFAULT
-									"
-									@click="onToggleClick(option.value)"
-								/>
-							</div>
-						</template>
+							<survey-toggle
+								:meaning="option.meaning"
+								:content-text="option.content"
+								:label="option.label"
+								:status="
+									selectedValue === option.value
+										? SURVEY_TOGGLE_STATUSES.SELECTED
+										: SURVEY_TOGGLE_STATUSES.DEFAULT
+								"
+								:state="
+									state === SURVEY_QUESTION_STATES.DISABLED
+										? SURVEY_TOGGLE_STATES.DISABLED
+										: SURVEY_TOGGLE_STATES.DEFAULT
+								"
+								@click="onToggleClick(option.value)"
+							/>
+						</div>
 					</div>
 
 					<div
@@ -73,29 +70,28 @@
 						"
 						class="ds-surveyQuestionScale__container -ds-justifyEnd -ds-hideOnMobile"
 					>
-						<template
+						<div
 							v-for="(option, index) in standaloneOptions"
 							:key="`ds-surveyQuestionScale-standalone-${index}`"
+							class="ds-surveyQuestionScale__toggle"
 						>
-							<div class="ds-surveyQuestionScale__toggle">
-								<survey-toggle
-									:meaning="option.meaning"
-									:content-text="option.content"
-									:label="option.label"
-									:status="
-										selectedValue === option.value
-											? SURVEY_TOGGLE_STATUSES.SELECTED
-											: SURVEY_TOGGLE_STATUSES.DEFAULT
-									"
-									:state="
-										state === SURVEY_QUESTION_STATES.DISABLED
-											? SURVEY_TOGGLE_STATES.DISABLED
-											: SURVEY_TOGGLE_STATES.DEFAULT
-									"
-									@click="onToggleClick(option.value)"
-								/>
-							</div>
-						</template>
+							<survey-toggle
+								:meaning="option.meaning"
+								:content-text="option.content"
+								:label="option.label"
+								:status="
+									selectedValue === option.value
+										? SURVEY_TOGGLE_STATUSES.SELECTED
+										: SURVEY_TOGGLE_STATUSES.DEFAULT
+								"
+								:state="
+									state === SURVEY_QUESTION_STATES.DISABLED
+										? SURVEY_TOGGLE_STATES.DISABLED
+										: SURVEY_TOGGLE_STATES.DEFAULT
+								"
+								@click="onToggleClick(option.value)"
+							/>
+						</div>
 					</div>
 				</div>
 

package/lib/js/components/TabItem/TabItem.spec.ts

@@ -7,7 +7,6 @@ import { TAB_ITEM_SIZES } from './TabItem.consts';
 
 describe('TabItem', () => {
 	const createComponent = ({ isSelected = false } = {}) => {
-		//@ts-ignore
 		return shallowMount(TabItem, {
 			props: {
 				icon: ICONS.FA_CALENDAR_DAYS,

package/lib/js/components/Toast/Toast.vue

@@ -101,8 +101,6 @@ import {
 import { defineComponent, PropType, toRaw } from 'vue';
 import { ICONS } from '../Icons/Icon';
 
-const TOAST_OFFSET = 24;
-
 function calculateBoundariesOffset(boundariesElement: HTMLElement) {
 	const borderLeftWidth = window.getComputedStyle(boundariesElement).borderLeftWidth;
 	const borderRightWidth = window.getComputedStyle(boundariesElement).borderRightWidth;

package/lib/js/icons/fontawesome.ts

@@ -16,6 +16,7 @@ import { faArrowsRotate } from '@fortawesome/pro-regular-svg-icons/faArrowsRotat
 import { faArrowUpRightAndArrowDownLeftFromCenter } from '@fortawesome/pro-regular-svg-icons/faArrowUpRightAndArrowDownLeftFromCenter';
 import { faArrowUpRightFromSquare } from '@fortawesome/pro-regular-svg-icons/faArrowUpRightFromSquare';
 import { faAtom } from '@fortawesome/pro-regular-svg-icons/faAtom';
+import { faAtom as fasAtom } from '@fortawesome/pro-solid-svg-icons/faAtom';
 import { faBadgePercent } from '@fortawesome/pro-regular-svg-icons/faBadgePercent';
 import { faBan } from '@fortawesome/pro-regular-svg-icons/faBan';
 import { faBars } from '@fortawesome/pro-regular-svg-icons/faBars';
@@ -27,6 +28,7 @@ import { faBookBlank } from '@fortawesome/pro-regular-svg-icons/faBookBlank';
 import { faBookCopy } from '@fortawesome/pro-regular-svg-icons/faBookCopy';
 import { faBox } from '@fortawesome/pro-regular-svg-icons/faBox';
 import { faBoxArchive } from '@fortawesome/pro-regular-svg-icons/faBoxArchive';
+import { faCalculatorSimple as fasCalculatorSimple } from '@fortawesome/pro-solid-svg-icons/faCalculatorSimple';
 import { faCalendar } from '@fortawesome/pro-regular-svg-icons/faCalendar';
 import { faCalendarDays } from '@fortawesome/pro-regular-svg-icons/faCalendarDays';
 import { faCalendarDay } from '@fortawesome/pro-regular-svg-icons/faCalendarDay';
@@ -63,6 +65,7 @@ import { faComments } from '@fortawesome/pro-regular-svg-icons/faComments';
 import { faCompress } from '@fortawesome/pro-regular-svg-icons/faCompress';
 import { faCopy } from '@fortawesome/pro-regular-svg-icons/faCopy';
 import { faCreditCard } from '@fortawesome/pro-regular-svg-icons/faCreditCard';
+import { faDna as fasDna } from '@fortawesome/pro-solid-svg-icons/faDna';
 import { faEarthAmericas } from '@fortawesome/pro-regular-svg-icons/faEarthAmericas';
 import { faEllipsis } from '@fortawesome/pro-regular-svg-icons/faEllipsis';
 import { faEllipsisVertical } from '@fortawesome/pro-regular-svg-icons/faEllipsisVertical';
@@ -162,6 +165,7 @@ import { faArrowRight as fasArrowRight } from '@fortawesome/pro-solid-svg-icons/
 import { faArrowsLeftRight as fasArrowsLeftRight } from '@fortawesome/pro-solid-svg-icons/faArrowsLeftRight';
 import { faArrowUp as fasArrowUp } from '@fortawesome/pro-solid-svg-icons/faArrowUp';
 import { faBookmark as fasBookmark } from '@fortawesome/pro-solid-svg-icons/faBookmark';
+import { faBookMedical as fasBookMedical } from '@fortawesome/pro-solid-svg-icons/faBookMedical';
 import { faBookSparkles as fasBookSparkles } from '@fortawesome/pro-solid-svg-icons/faBookSparkles';
 import { faCamera as fasCamera } from '@fortawesome/pro-solid-svg-icons/faCamera';
 import { faCaretSquareRight as fasCaretSquareRight } from '@fortawesome/pro-solid-svg-icons/faCaretSquareRight';
@@ -236,6 +240,7 @@ export const FONTAWESOME_ICONS = {
 	FA_ARROWS_MAXIMIZE: faArrowsMaximize,
 	FA_ARROWS_ROTATE: faArrowsRotate,
 	FA_ATOM: faAtom,
+	FA_ATOM_SOLID: fasAtom,
 	FA_BADGE_PERCENT: faBadgePercent,
 	FA_BAN: faBan,
 	FA_BARS: faBars,
@@ -247,8 +252,10 @@ export const FONTAWESOME_ICONS = {
 	FA_BOOK_COPY: faBookCopy,
 	FA_BOOK_SPARKLES_SOLID: fasBookSparkles,
 	FA_BOOKMARK_SOLID: fasBookmark,
+	FA_BOOK_MEDICAL_SOLID: fasBookMedical,
 	FA_BOX: faBox,
 	FA_BOX_ARCHIVE: faBoxArchive,
+	FA_CALCULATOR_SIMPLE_SOLID: fasCalculatorSimple,
 	FA_CALENDAR: faCalendar,
 	FA_CALENDAR_CLOCK: faCalendarClock,
 	FA_CALENDAR_CIRCLE_EXCLAMATION: faCalendarCircleExclamation,
@@ -298,6 +305,7 @@ export const FONTAWESOME_ICONS = {
 	FA_COMPRESS: faCompress,
 	FA_COPY: faCopy,
 	FA_CREDIT_CARD: faCreditCard,
+	FA_DNA_SOLID: fasDna,
 	FA_DOT_CIRCLE_SOLID: fasCircleDot,
 	FA_EARTH_AMERICAS: faEarthAmericas,
 	FA_ELLIPSIS: faEllipsis,

package/lib/js/index.ts

@@ -29,12 +29,18 @@ export * from './components/Divider/Divider.consts';
 export { default as FeatureIcon } from './components/Icons/FeatureIcon';
 export { default as DsFeatureIcon } from './components/Icons/FeatureIcon';
 export * from './components/Icons/FeatureIcon/FeatureIcon.consts';
+export { default as DsFormField } from './components/Form/FormField';
+export * from './components/Form/FormField';
+export { default as DsFormFieldMessage } from './components/Form/FormField/FormFieldMessage';
+export * from './components/Form/FormField/FormFieldMessage';
+export { default as DsHelpButton } from './components/Buttons/HelpButton';
 export { default as Icon } from './components/Icons/Icon';
 export { default as DsIcon } from './components/Icons/Icon';
 export * from './components/Icons/Icon/Icon.consts';
 export { default as IconButton } from './components/Buttons/IconButton';
 export { default as DsIconButton } from './components/Buttons/IconButton';
 export * from './components/Buttons/IconButton/IconButton.consts';
+export { default as DsInputField } from './components/Form/InputField';
 export { default as Modal } from './components/Modal';
 export { default as DsModal } from './components/Modals/Modal';
 export * from './components/Modals/Modal/Modal.consts';
@@ -42,6 +48,7 @@ export { default as DsModalDialog } from './components/Modals/ModalDialog';
 export { default as NumberInCircle } from './components/NumberInCircle';
 export { default as DsNumberInCircle } from './components/NumberInCircle';
 export * from './components/NumberInCircle/NumberInCircle.consts';
+export { default as DsPasswordField } from './components/Form/PasswordField';
 export { default as TabItem } from './components/TabItem';
 export { default as DsTabItem } from './components/TabItem';
 export * from './components/TabItem/TabItem.consts';

package/lib/js/styles/Borders/BorderSizes.stories.ts

@@ -1,4 +1,4 @@
-import { Args, ArgTypes, Meta, StoryFn } from '@storybook/vue3';
+import { Meta, StoryFn } from '@storybook/vue3';
 
 export default {
 	title: 'foundations/Borders',

package/lib/js/styles/ItemsList.vue

@@ -6,7 +6,7 @@
 					<h2 class="itemsList__title">{{ itemsList.title }}</h2>
 					<ol class="itemsList__categories">
 						<li
-							v-for="(items, itemCategory) in itemsList.list"
+							v-for="(_items, itemCategory) in itemsList.list"
 							:key="itemCategory"
 							class="itemsListItem__category"
 						>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bethinkpl/design-system",
-  "version": "26.15.0",
+  "version": "26.16.0",
   "description": "Bethink universe design-system",
   "repository": {
     "type": "git",
@@ -56,7 +56,7 @@
     "@vitejs/plugin-vue": "^5.1.4",
     "@vitest/coverage-c8": "0.33.0",
     "@vitest/ui": "3.1.4",
-    "@vue/test-utils": "2.2.7",
+    "@vue/test-utils": "2.4.6",
     "axios": "^0.26.0",
     "dotenv": "16.0.3",
     "eslint": "8.25.0",
@@ -84,14 +84,14 @@
     "vite-plugin-dts": "^3.9.1",
     "vite-svg-loader": "^5.1.0",
     "vitest": "3.1.4",
-    "vue": "3.5.12",
+    "vue": "3.5.16",
     "vue-eslint-parser": "^10.1.1",
     "vue-popperjs": "github:bethinkpl/vue-popper#03c7912c4729386743b0cca8f39b35448cc3db7f",
-    "vue-tsc": "2.2.8"
+    "vue-tsc": "2.2.10"
   },
   "dependencies": {
     "@primevue/themes": "4.0.0-rc.3",
     "primevue": "4.0.0-rc.3",
-    "vue-component-type-helpers": "^2.2.2"
+    "vue-component-type-helpers": "2.2.10"
   }
 }

package/tsconfig.base.json

@@ -12,8 +12,7 @@
     "moduleResolution": "node",
     "noImplicitReturns": true,
     "resolveJsonModule": true,
-    // It causes `TS6133: '_withScopeId' is declared but its value is never read.`
-    // "noUnusedLocals": true,
+    "noUnusedLocals": true,
     "skipLibCheck": true,
     "strictBindCallApply": true,
     // Re-enable after https://github.com/vuejs/core/issues/4668 is fixed

package/tsconfig.build.json

@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.base.json",
+  "exclude": [
+    // excluded to prevent generating redundant d.ts files in dist on build
+    "lib/**/*.spec.ts",
+    "lib/**/*.stories.ts"
+  ]
+}

package/tsconfig.json

@@ -1,8 +1,3 @@
 {
-  "extends": "./tsconfig.base.json",
-  "exclude": [
-    // excluded to prevent generating redundant d.ts files in dist on build
-    "lib/**/*.spec.ts",
-    "lib/**/*.stories.ts"
-  ]
+  "extends": "./tsconfig.base.json"
 }

package/vite.config.ts

@@ -6,10 +6,18 @@ import vue from '@vitejs/plugin-vue';
 import svgLoader from 'vite-svg-loader';
 import dts from 'vite-plugin-dts';
 import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js';
+// import tsconfigPaths from 'vite-tsconfig-paths';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-	plugins: [vue(), svgLoader(), dts(), cssInjectedByJsPlugin()],
+	plugins: [
+		vue(),
+		svgLoader(),
+		dts({
+			tsconfigPath: './tsconfig.build.json',
+		}),
+		cssInjectedByJsPlugin(),
+	],
 	build: {
 		lib: {
 			entry: resolve(__dirname, 'lib/js/index.ts'),

package/docs/assets/Avatar-BfMssJty.js

@@ -1 +0,0 @@
-import{d as V,q as c,c as u,a as D,g as v,k as G,u as t,s as k,b as O,e as h,j as I,n as q,o}from"./vue.esm-bundler-DD4BrEtS.js";import{c as l,b as s,B as M,a as C}from"./Badge-D6TIWhxN.js";import{I as d}from"./Icon-DLflpryl.js";import{a as w,T as K}from"./Tooltip-DZi9yXjr.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e={XX_SMALL:"xx-small",X_SMALL:"x-small",SMALL:"small",MEDIUM:"medium",LARGE:"large",X_LARGE:"x-large"},T={ACTIVE:"active",INACTIVE:"inactive"},r={ACTIVE:"active",INACTIVE:"inactive",AWAITING:"awaiting",BLOCKED:"blocked",TEAM_MEMBER:"team-member"},H=["src","alt"],W={key:1,class:"ds-avatar__initials"},Y={key:0,class:"ds-avatar__activityStatus"},j={key:1,class:"ds-avatar__accessStatus"},f=V({__name:"Avatar",props:{username:{},avatarUrl:{},size:{default:()=>e.X_SMALL},activityStatus:{},accessStatus:{},teamMemberImageUrl:{},activityStatusTooltip:{}},setup(i){const{initials:y,initialBackgroundColor:_}=R(),{accessStatusColor:g,accessStatusIcon:U,accessStatusSize:p,accessStatusImage:z}=X(),{activityStatusColor:b,activityStatusSize:N}=B();function R(){const a=["#1abc9c","#2ecc71","#3498db","#9b59b6","#34495e","#16a085","#27ae60","#2980b9","#8e44ad","#2c3e50","#f1c40f","#e67e22","#e74c3c","#f39c12","#d35400","#c0392b"];function n(A){const[m,E]=A.split(/\s+/);return m&&E?`${m[0]}${E[0]}`.toUpperCase():m.substring(0,2).toUpperCase()}const S=c(()=>{if(i.avatarUrl)return;const A=(i.username.charCodeAt(0)-65)%16;return a[A]});return{initials:c(()=>n(i.username)),initialBackgroundColor:S}}function X(){const a=c(()=>{switch(i.accessStatus){case r.ACTIVE:return l.SUCCESS;case r.INACTIVE:case r.AWAITING:return l.NEUTRAL;case r.BLOCKED:return l.DANGER;default:return}}),n=c(()=>{switch(i.accessStatus){case r.ACTIVE:return d.FA_UNLOCK_KEYHOLE;case r.BLOCKED:case r.INACTIVE:return d.FA_LOCK_KEYHOLE;case r.AWAITING:return d.FA_HOURGLASS_START;default:return}}),S=c(()=>{switch(i.size){case e.XX_SMALL:return s.SMALL;case e.X_SMALL:return s.SMALL;case e.SMALL:return s.SMALL;case e.MEDIUM:return s.MEDIUM;case e.LARGE:return s.MEDIUM;case e.X_LARGE:default:return s.X_LARGE}}),L=c(()=>{if(i.accessStatus===r.TEAM_MEMBER)return i.teamMemberImageUrl});return{accessStatusColor:a,accessStatusIcon:n,accessStatusSize:S,accessStatusImage:L}}function B(){const a=c(()=>{switch(i.activityStatus){case T.ACTIVE:return l.SUCCESS;default:case T.INACTIVE:return l.NEUTRAL}}),n=c(()=>{switch(i.size){case e.XX_SMALL:return s.X_SMALL;case e.X_SMALL:return s.SMALL;case e.SMALL:return s.SMALL;case e.MEDIUM:return s.MEDIUM;case e.LARGE:return s.MEDIUM;case e.X_LARGE:default:return s.MEDIUM}});return{activityStatusColor:a,activityStatusSize:n}}return(a,n)=>(o(),u("div",{class:q(["ds-avatar",{"-ds-xx-small":a.size===t(e).XX_SMALL,"-ds-x-small":a.size===t(e).X_SMALL,"-ds-small":a.size===t(e).SMALL,"-ds-medium":a.size===t(e).MEDIUM,"-ds-large":a.size===t(e).LARGE,"-ds-x-large":a.size===t(e).X_LARGE}])},[D("div",{class:"ds-avatar__content",style:k({backgroundColor:t(_)})},[a.avatarUrl?(o(),u("img",{key:0,src:a.avatarUrl,alt:a.username,class:"ds-avatar__image"},null,8,H)):(o(),u("span",W,G(t(y)),1))],4),a.activityStatus?(o(),u("div",Y,[(o(),O(t(K),{key:a.activityStatusTooltip,class:"ds-avatar__activityStatusTooltip",text:a.activityStatusTooltip,"is-disabled":!a.activityStatusTooltip,"is-pointer-visible":"",placement:t(w).BOTTOM,"is-hidden-on-mobile":!1},{default:h(()=>[I(t(M),{color:t(b),elevation:t(C).X_SMALL,size:t(N)},null,8,["color","elevation","size"])]),_:1},8,["text","is-disabled","placement"]))])):v("",!0),a.accessStatus?(o(),u("div",j,[I(t(M),{color:t(g),elevation:t(C).SMALL,icon:t(U),size:t(p),"image-url":t(z)},null,8,["color","elevation","icon","size","image-url"])])):v("",!0)],2))}}),Q=F(f,[["__scopeId","data-v-18be9f69"]]);f.__docgenInfo={exportName:"default",displayName:"Avatar",description:"",tags:{},props:[{name:"username",required:!0,type:{name:"string"}},{name:"avatarUrl",required:!1,type:{name:"string"}},{name:"size",required:!1,type:{name:"AvatarSize"}},{name:"activityStatus",required:!1,type:{name:"AvatarActivityStatus"}},{name:"accessStatus",required:!1,type:{name:"AvatarAccessStatus"}},{name:"teamMemberImageUrl",required:!1,type:{name:"string"}},{name:"activityStatusTooltip",required:!1,type:{name:"string"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Avatar/Avatar.vue"]};export{Q as A,e as a,T as b,r as c};

package/docs/assets/BasicRichListItem-D0Wk0hG3.js

@@ -1 +0,0 @@
-import{d as y,t as v,b,h as T,e as l,n as S,r as u,o as g,f as n,a as E,j as L}from"./vue.esm-bundler-DD4BrEtS.js";import{c as R,I as C}from"./Icon-DLflpryl.js";import{D as h,T as i,c as r}from"./TextGroup-AUUBIFJZ.js";import{a as d,e as t,d as p,c as s,f,h as O,R as _,b as D}from"./GroupRichListItem-BvLfDPjh.js";import{_ as V}from"./_plugin-vue_export-helper-DlAUqK2U.js";const m=y({name:"BasicRichListItem",components:{DsTextGroup:h,RichListItem:O},props:{type:{type:String,default:f.DEFAULT,validator(e){return Object.values(f).includes(e)}},state:{type:String,default:s.DEFAULT,validator(e){return Object.values(s).includes(e)}},layout:{type:String,default:p.HORIZONTAL,validator(e){return Object.values(p).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(C).includes(v(e))}},iconColor:{type:String,default:null,validator(e){return Object.values(R).includes(e)}},iconColorHex:{type:String,default:null},borderColor:{type:String,default:null,validator(e){return Object.values(D).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(_).includes(e)}},hasDraggableHandler:{type:Boolean,default:!0},hasActionsSlotDivider:{type:Boolean,default:!0},isSelectable:{type:Boolean,default:!0},isSelected:{type:Boolean,default:!1},isTextGroupSelected:{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(s)}},computed:{textGroupSize(){return{[t.SMALL]:r.SMALL,[t.MEDIUM]:r.MEDIUM}[this.size]},textGroupState(){return this.state===s.LOADING?i.LOADING:this.hovered&&this.isInteractive?i.HOVERED:i.DEFAULT}}}),M={class:"ds-basicRichListItem__content"};function A(e,a,H,B,U,w){const c=u("ds-text-group"),I=u("rich-list-item");return g(),b(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:S(["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))},T({content:l(()=>[E("div",M,[L(c,{"eyebrow-text":e.eyebrow,"eyebrow-text-ellipsis":e.eyebrowEllipsis,"is-eyebrow-text-uppercase":e.isEyebrowUppercase,"is-selected":e.isTextGroupSelected,"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:l(()=>[n(e.$slots,"media",{},void 0,!0)]),key:"0"}:void 0,e.$slots.metadata?{name:"metadata",fn:l(()=>[n(e.$slots,"metadata",{},void 0,!0)]),key:"1"}:void 0,e.$slots.actions?{name:"actions",fn:l(()=>[n(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 $=V(m,[["render",A],["__scopeId","data-v-c8b54c95"]]);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"}},{name:"isTextGroupSelected",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{$ as B};

package/docs/assets/Card-KSW_Q55y.js

@@ -1 +0,0 @@
-import{d as m,c as o,b as t,g as r,f as s,n as d,r as l,o as a}from"./vue.esm-bundler-DD4BrEtS.js";import{D as p}from"./Divider-9o-i_zKL.js";import{L as c,a as B}from"./LoadingBar-Dc_eLNsl.js";import{_ as h}from"./_plugin-vue_export-helper-DlAUqK2U.js";const g={NEUTRAL_HEAVY:"neutralHeavy",NEUTRAL_STRONG:"neutralStrong",SUCCESS:"success",WARNING:"warning",DANGER:"danger",INFO:"info",TRANSPARENT:"transparent"},C={SMALL:"small",MEDIUM:"medium",LARGE:"large"},n={TOP:"top",LEFT:"left"},i=m({name:"Card",components:{DsDivider:p,DsLoadingBar:B},props:{headerHasPadding:{type:Boolean,default:!1},dividerUnderHeader:{type:Boolean,default:!1},hasBorder:{type:Boolean,default:!1},borderPosition:{type:String,default:n.TOP},borderSize:{type:String,default:C.LARGE},borderColor:{type:String,default:g.NEUTRAL_HEAVY},hasLoadingBar:{type:Boolean,default:!1},loadingBarColor:{type:String,default:c.NEUTRAL_HEAVY},loadingBarTime:{type:String,default:"0"}},computed:{hasLeftBoarder(){return this.hasBorder&&this.borderPosition===n.LEFT&&!this.hasLoadingBar},hasTopBoarder(){return this.hasBorder&&this.borderPosition===n.TOP||this.hasLoadingBar},borderColorClass(){return this.hasLoadingBar?"-ds-border-color-transparent":`-ds-border-color-${this.borderColor}`},borderSizeClass(){return!this.hasBorder&&!this.hasLoadingBar?"":`-ds-border-size-${this.borderSize}`}}}),R={key:3,class:"ds-card__content"};function _(e,L,S,b,A,E){const u=l("ds-loading-bar"),f=l("ds-divider");return a(),o("div",{class:d({"ds-card":!0,[e.borderColorClass]:!0,[e.borderSizeClass]:!0,"-ds-top-border":e.hasTopBoarder,"-ds-left-border":e.hasLeftBoarder})},[e.hasLoadingBar?(a(),t(u,{key:0,class:"ds-card__loadingBar",time:e.loadingBarTime,color:e.loadingBarColor,size:e.borderSize},null,8,["time","color","size"])):r("",!0),e.$slots.header?(a(),o("div",{key:1,class:d(["ds-card__header",{"-ds-withPadding":e.headerHasPadding}])},[s(e.$slots,"header",{},void 0,!0)],2)):r("",!0),e.$slots.header&&e.$slots.content&&e.dividerUnderHeader?(a(),t(f,{key:2,class:d(["ds-card__headerDivider",{"-ds-withHorizontalMargin":e.headerHasPadding}])},null,8,["class"])):r("",!0),e.$slots.content?(a(),o("div",R,[s(e.$slots,"content",{},void 0,!0)])):r("",!0),s(e.$slots,"footer",{},void 0,!0)],2)}const D=h(i,[["render",_],["__scopeId","data-v-b900d6c2"]]);i.__docgenInfo={displayName:"Card",exportName:"default",description:"",tags:{},props:[{name:"headerHasPadding",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"dividerUnderHeader",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"hasBorder",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"borderPosition",type:{name:"CardBorderPositions"},defaultValue:{func:!1,value:"CARD_BORDER_POSITIONS.TOP"}},{name:"borderSize",type:{name:"CardBorderSizes"},defaultValue:{func:!1,value:"CARD_BORDER_SIZES.LARGE"}},{name:"borderColor",type:{name:"CardBorderColors"},defaultValue:{func:!1,value:"CARD_BORDER_COLORS.NEUTRAL_HEAVY"}},{name:"hasLoadingBar",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"loadingBarColor",type:{name:"LoadingBarColors"},defaultValue:{func:!1,value:"LOADING_BAR_COLORS.NEUTRAL_HEAVY"}},{name:"loadingBarTime",type:{name:"string"},defaultValue:{func:!1,value:"'0'"}}],slots:[{name:"header"},{name:"content"},{name:"footer"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Cards/Card/Card.vue"]};export{D as C,g as a,C as b,n as c};

package/docs/assets/CardExpandable-DZ5qdj_Y.js

@@ -1 +0,0 @@
-import{d as u,b as c,h as f,e as a,r as s,o as t,a as r,j as m,k as x,f as n,c as E,g as C}from"./vue.esm-bundler-DD4BrEtS.js";import{C as h}from"./Card-KSW_Q55y.js";import{a as b,b as I,I as v}from"./Icon-DLflpryl.js";import{_ as y}from"./_plugin-vue_export-helper-DlAUqK2U.js";const o=u({name:"CardExpandable",components:{DsCard:h,DsIcon:b},props:{isExpanded:{type:Boolean,default:!1},isExpanderVisible:{type:Boolean,default:!0},expanderTextCollapsed:{type:String,default:"Rozwiń"},expanderTextExpanded:{type:String,default:"Zwiń"},headerHasPadding:{type:Boolean,default:!1},dividerUnderHeader:{type:Boolean,default:!1}},emits:{"update:isExpanded":e=>!0},data(){return{isExpandedInternal:!1,ICONS:Object.freeze(v),ICON_SIZES:Object.freeze(I)}},computed:{chevronRotation(){return this.isExpandedInternal?180:null}},watch:{isExpanded:{handler(e){e!==this.isExpandedInternal&&(this.isExpandedInternal=e)},immediate:!0}},methods:{onExpanderClick(){this.isExpandedInternal=!this.isExpandedInternal,this.$emit("update:isExpanded",this.isExpandedInternal)}}}),_={key:0,class:"ds-cardExpandable__expandedContent"},g={class:"ds-cardExpandable__expanderLabel"};function S(e,d,N,V,k,O){const i=s("ds-icon"),l=s("ds-card");return t(),c(l,{class:"ds-cardExpandable","header-has-padding":e.headerHasPadding,"divider-under-header":e.dividerUnderHeader},f({header:a(()=>[n(e.$slots,"header",{},void 0,!0)]),content:a(()=>[n(e.$slots,"content",{isExpanded:e.isExpandedInternal},void 0,!0),e.isExpandedInternal?(t(),E("div",_,[n(e.$slots,"expandedContent",{},void 0,!0)])):C("",!0)]),_:2},[e.isExpanderVisible?{name:"footer",fn:a(()=>[r("div",{class:"ds-cardExpandable__expander",onClick:d[0]||(d[0]=(...p)=>e.onExpanderClick&&e.onExpanderClick(...p))},[r("span",g,x(e.isExpandedInternal?e.expanderTextExpanded:e.expanderTextCollapsed),1),m(i,{class:"ds-cardExpandable__expanderIcon",icon:e.ICONS.FA_CHEVRON_DOWN,rotation:e.chevronRotation,size:e.ICON_SIZES.X_SMALL},null,8,["icon","rotation","size"])])]),key:"0"}:void 0]),1032,["header-has-padding","divider-under-header"])}const z=y(o,[["render",S],["__scopeId","data-v-762d08c5"]]);o.__docgenInfo={displayName:"CardExpandable",exportName:"default",description:"",tags:{},props:[{name:"isExpanded",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isExpanderVisible",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"expanderTextCollapsed",type:{name:"string"},defaultValue:{func:!1,value:"'Rozwiń'"}},{name:"expanderTextExpanded",type:{name:"string"},defaultValue:{func:!1,value:"'Zwiń'"}},{name:"headerHasPadding",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"dividerUnderHeader",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"update:isExpanded",type:{names:["undefined"]}}],slots:[{name:"header"},{name:"content",scoped:!0,bindings:[{name:"is-expanded",title:"binding"}]},{name:"expandedContent"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Cards/CardExpandable/CardExpandable.vue"]};export{z as C};

package/docs/assets/Checkbox-yVtwyPI-.js

@@ -1 +0,0 @@
-import{d as u,b as i,r,o as c}from"./vue.esm-bundler-DD4BrEtS.js";import{S as p,a as d,b as f,c as C}from"./SelectionControl-JHBohZVS.js";import{I as m}from"./Icon-DLflpryl.js";import{_ as S}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={...d},o={...p},a=u({name:"Checkbox",components:{SelectionControl:f},props:{size:{type:String,default:s.SMALL,validator(e){return Object.values(s).includes(e)}},label:{type:String,default:null},isSelected:{type:Boolean,default:!1},state:{type:String,default:o.DEFAULT,validator(e){return Object.values(o).includes(e)}}},emits:["update:is-selected","input:focus","input:blur"],data(){return{SELECTION_CONTROL_TYPE:Object.freeze(C),ICONS:Object.freeze(m)}}});function O(e,t,E,T,_,I){const l=r("selection-control");return c(),i(l,{size:e.size,label:e.label,"is-selected":e.isSelected,"selected-icon":e.ICONS.FA_SQUARE_CHECK_SOLID,"not-selected-icon":e.ICONS.FA_SQUARE,state:e.state,type:e.SELECTION_CONTROL_TYPE.CHECKBOX,"onUpdate:isSelected":t[0]||(t[0]=n=>e.$emit("update:is-selected",n)),"onInput:focus":t[1]||(t[1]=n=>e.$emit("input:focus")),"onInput:blur":t[2]||(t[2]=n=>e.$emit("input:blur"))},null,8,["size","label","is-selected","selected-icon","not-selected-icon","state","type"])}const b=S(a,[["render",O]]);a.__docgenInfo={displayName:"Checkbox",exportName:"default",description:"",tags:{},props:[{name:"size",type:{name:"CheckboxSize"},defaultValue:{func:!1,value:"CHECKBOX_SIZE.SMALL"}},{name:"label",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"state",type:{name:"CheckboxState"},defaultValue:{func:!1,value:"CHECKBOX_STATE.DEFAULT"}}],events:[{name:"update:is-selected"},{name:"input:focus"},{name:"input:blur"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Form/Checkbox/Checkbox.vue"]};const k=Object.freeze(Object.defineProperty({__proto__:null,default:b},Symbol.toStringTag,{value:"Module"}));export{o as C,b as D,s as a,k as b};

package/docs/assets/DrawerHeader-Wv_4-y80.js

@@ -1 +0,0 @@
-import{d as y,c as s,a as i,b as n,g as l,e as v,n as r,k as u,f,r as o,o as a,l as S}from"./vue.esm-bundler-DD4BrEtS.js";import{D as _,g as C,d as T}from"./Button-DTM9D6tQ.js";import{D,b as N,a as O}from"./Divider-9o-i_zKL.js";import{I as w}from"./IconButton-jIBOZaL6.js";import{C as k}from"./Chip-C-ttDDPa.js";import{a as R,b as L,I as V}from"./Icon-DLflpryl.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const g={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:g.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(T),DIVIDER_SIZES:Object.freeze(O),DIVIDER_PROMINENCES:Object.freeze(N),ICONS:Object.freeze(V),ICON_BUTTON_SIZES:Object.freeze(C),ICON_SIZES:Object.freeze(L)}}}),H={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",H,[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,g as a};

package/docs/assets/DrawerTile-DMIeqQC0.js

@@ -1 +0,0 @@
-import{p as n,c as t}from"./Tile-C-0-l9Zd.js";import{d as a,c as i,j as c,p,r as l,o as m}from"./vue.esm-bundler-DD4BrEtS.js";import{_ as d}from"./_plugin-vue_export-helper-DlAUqK2U.js";const o=a({name:"DrawerTile",components:{DsTile:t},props:n,emits:{click:()=>!0}}),_={class:"ds-drawerTile"};function f(e,s,u,w,D,T){const r=l("ds-tile");return m(),i("div",_,[c(r,p(e.$props,{onClick:s[0]||(s[0]=k=>e.$emit("click"))}),null,16)])}const y=d(o,[["render",f],["__scopeId","data-v-3aa8c837"]]);o.__docgenInfo={displayName:"DrawerTile",exportName:"default",description:"",tags:{},events:[{name:"click"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerTile/DrawerTile.vue"]};export{y as D};

package/docs/assets/Dropdown-CYFZ3OvV.js

@@ -1 +0,0 @@
-import{V as u}from"./vue-popper-DoPHnofs.js";import{d as m,b as c,e as s,r as f,o as O,a,n,s as h,f as i}from"./vue.esm-bundler-DD4BrEtS.js";import{_ as S}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r={CLICK:"click",HOVER:"hover"},o={TOP:"top",BOTTOM:"bottom",BOTH:"both"},l={BOTTOM_START:"bottom-start",BOTTOM_END:"bottom-end"},d=m({name:"Dropdown",components:{VuePopper:u},props:{boundariesSelector:{type:String,default:null},forceShow:{type:Boolean,default:!1},sameWidth:{type:Boolean,default:!1},triggerAction:{type:String,default:r.CLICK,validator(e){return Object.values(r).includes(e)}},radius:{type:String,default:o.BOTH,validate(e){return Object.values(o).includes(e)}},placement:{type:String,default:l.BOTTOM_START,validate(e){return Object.values(l).includes(e)}},maxHeight:{type:String,default:null}},emits:["document-click","hide","show"],data(){return{key:1,isOpened:!1,DROPDOWN_RADIUSES:Object.freeze(o)}},computed:{scrollableWrapperStyles(){return{...this.maxHeight&&{maxHeight:this.maxHeight}}},options(){return{modifiers:{preventOverflow:{padding:0}},placement:this.placement,...this.sameWidth&&{onUpdate:({instance:{reference:e,popper:t}})=>{t.style.width=`${e.offsetWidth}px`}}}}},watch:{triggerAction(){this.updateKey()},sameWidth(){this.updateKey()},boundariesSelector(){this.updateKey()},placement(){this.updateKey()}},methods:{close(){this.isOpened=!1,this.$refs.popper.doClose()},updateKey(){this.key++},onHide(){this.isOpened=!1,this.$emit("hide")},onShow(){this.isOpened=!0,this.$emit("show")}}});function g(e,t,D,y,T,v){const p=f("vue-popper");return O(),c(p,{ref:"popper",key:e.key,"boundaries-selector":e.boundariesSelector,"force-show":e.forceShow,options:e.options,"visible-arrow":!1,trigger:e.triggerAction,"delay-on-mouse-out":300,onDocumentClick:t[0]||(t[0]=b=>e.$emit("document-click")),onHide:e.onHide,onShow:e.onShow},{reference:s(()=>[i(e.$slots,"reference",{isOpened:e.isOpened},void 0,!0)]),default:s(()=>[a("div",{class:n(["popper ds-dropdown",{"-ds-radiusBottom":e.radius===e.DROPDOWN_RADIUSES.BOTTOM,"-ds-radiusTop":e.radius===e.DROPDOWN_RADIUSES.TOP,"-ds-radiusBottom -ds-radiusTop":e.radius===e.DROPDOWN_RADIUSES.BOTH}])},[a("div",{class:n(["ds-dropdown__scrollableWrapper",{"-ds-heightLimited":!!e.maxHeight}]),style:h(e.scrollableWrapperStyles)},[i(e.$slots,"default",{close:e.close},void 0,!0)],6)],2)]),_:3},8,["boundaries-selector","force-show","options","trigger","onHide","onShow"])}const W=S(d,[["render",g],["__scopeId","data-v-2c4712ca"]]);d.__docgenInfo={displayName:"Dropdown",exportName:"default",description:"",tags:{},props:[{name:"boundariesSelector",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"forceShow",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"sameWidth",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"triggerAction",type:{name:"string"},defaultValue:{func:!1,value:"DROPDOWN_TRIGGER_ACTIONS.CLICK"}},{name:"radius",type:{name:"string"},defaultValue:{func:!1,value:"DROPDOWN_RADIUSES.BOTH"}},{name:"placement",type:{name:"string"},defaultValue:{func:!1,value:"DROPDOWN_PLACEMENTS.BOTTOM_START"}},{name:"maxHeight",type:{name:"string"},defaultValue:{func:!1,value:"null"}}],events:[{name:"document-click"},{name:"hide"},{name:"show"}],slots:[{name:"default",scoped:!0,bindings:[{name:"close",title:"binding"}]},{name:"reference",scoped:!0,bindings:[{name:"is-opened",title:"binding"}]}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Dropdown/Dropdown.vue"]};export{W as D,l as a,o as b,r as c};

package/docs/assets/GroupRichListItem-BvLfDPjh.js

@@ -1 +0,0 @@
-import{d as g,t as D,c as l,g as s,a as d,f as o,n as i,j as f,x as c,s as p,b,r as C,o as t}from"./vue.esm-bundler-DD4BrEtS.js";import{D as M}from"./Divider-9o-i_zKL.js";import{D as V}from"./Checkbox-yVtwyPI-.js";import{a as $,b as U,I as v,c as z}from"./Icon-DLflpryl.js";import{_ as R}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r={DEFAULT:"default",FLAT:"flat"},n={DEFAULT:"default",LOADING:"loading",DRAG:"drag"},m={SMALL:"small",MEDIUM:"medium"},y={DEFAULT:"default",PRIMARY:"primary",PRIMARY_WEAK:"primary-weak",NEUTRAL_HEAVY:"neutral-heavy",NEUTRAL_STRONG:"neutral-strong",NEUTRAL:"neutral",NEUTRAL_WEAK:"neutral-weak",NEUTRAL_GHOST:"neutral-ghost",DANGER:"danger",DANGER_WEAK:"danger-weak",FAIL:"fail",FAIL_WEAK:"fail-weak",WARNING:"warning",WARNING_WEAK:"warning-weak",SUCCESS:"success",SUCCESS_WEAK:"success-weak",INFO:"info",INFO_WEAK:"info-weak",ACCENT:"accent",ACCENT_WEAK:"accent-weak"},L={NEUTRAL:"neutral",NEUTRAL_WEAK:"neutral-weak"},G={SMALL:"small"},I={HORIZONTAL:"horizontal",VERTICAL:"vertical"},E=g({name:"RichListItem",components:{DsCheckbox:V,DsDivider:M,DsIcon:$},props:{type:{type:String,default:r.DEFAULT,validator(e){return Object.values(r).includes(e)}},layout:{type:String,default:I.HORIZONTAL,validator(e){return Object.values(I).includes(e)}},state:{type:String,default:n.DEFAULT,validator(e){return Object.values(n).includes(e)}},size:{type:String,default:m.MEDIUM,validator(e){return Object.values(m).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(v).includes(D(e))}},iconColor:{type:String,default:null,validator(e){return Object.values(z).includes(e)}},iconColorHex:{type:String,default:null},borderColor:{type:String,default:null,validator(e){return Object.values(y).includes(e)}},borderColorHex:{type:String,default:null},draggableIconClassName:{type:String,default:null},backgroundColor:{type:String,default:L.NEUTRAL,validator(e){return Object.values(L).includes(e)}},elevation:{type:String,default:null,validator(e){return Object.values(G).includes(e)}},hasDraggableHandler:{type:Boolean,default:!0},hasActionsSlotDivider:{type:Boolean,default:!0},isSelectable:{type:Boolean,default:!0},isSelected:{type:Boolean,default:!1}},emits:{"icon-click":()=>!0,click:e=>!0,"update:is-selected":e=>!0},data(){return{ICONS:Object.freeze(v),ICON_SIZES:Object.freeze(U),RICH_LIST_ITEM_TYPE:Object.freeze(r),RICH_LIST_ITEM_STATE:Object.freeze(n),RICH_LIST_ITEM_SIZE:Object.freeze(m)}},computed:{classList(){return{"-ds-default":this.type===r.DEFAULT,"-ds-flat":this.type===r.FLAT,"-ds-horizontal":this.isHorizontal,"-ds-verticalWithMedia":this.isVertical&&this.hasMedia,"-ds-vertical":this.isVertical,"-ds-loading":this.state===n.LOADING,"-ds-dimmed":this.isDimmed,"-ds-interactive":this.isInteractive,"-ds-small":this.size===m.SMALL,...this.backgroundColor&&this.type!==r.FLAT&&{[`-ds-background-${this.backgroundColor}`]:!0},...this.elevation&&this.type!==r.FLAT&&{[`-ds-elevation-${this.elevation}`]:!0},"-ds-draggable":this.isDraggable,"-ds-draggable-without-handler":this.isDraggable&&!this.hasDraggableHandler,"-ds-has-media":this.hasMedia,"-ds-drag":this.isDragging}},isHorizontal(){return this.layout===I.HORIZONTAL},isVertical(){return this.layout===I.VERTICAL},iconColorClass(){if(!(!this.iconColor||this.iconColor&&this.iconColorHex))return`-ds-${this.iconColor}`},iconColorStyle(){if(!(!this.iconColor||!this.iconColorHex))return{color:this.iconColorHex}},borderColorClass(){if(!(!this.borderColor||this.borderColorHex))return`-ds-border-${this.borderColor}`},borderColorStyle(){if(this.borderColorHex)return{backgroundColor:this.borderColorHex}},hasMedia(){return!!this.$slots.media},isDragging(){return this.isDraggable&&this.state===n.DRAG}}}),B={key:0,class:"ds-richListItem__mediaVertical -ds-dimmable"},j={class:"ds-richListItem__container -ds-dimmable"},F={key:0,class:"ds-richListItem__mediaHorizontal"},w={key:2,class:"ds-richListItem__iconWrapper"},Z={class:"ds-richListItem__content"},K={class:"ds-richListItem__rightContainer"},W={key:0,class:"ds-richListItem__metadata"},P={key:2,class:"ds-richListItem__checkbox"},Y={key:1,class:"ds-richListItem__metadata -ds-dimmable"};function X(e,a,A,O,k,N){const h=C("ds-icon"),_=C("ds-divider"),H=C("ds-checkbox");return t(),l("div",{class:i(["ds-richListItem",e.classList]),onClick:a[5]||(a[5]=u=>e.$emit("click",u))},[e.hasMedia&&e.isVertical?(t(),l("div",B,[o(e.$slots,"media",{},void 0,!0)])):s("",!0),d("div",j,[e.hasMedia&&e.isHorizontal?(t(),l("div",F,[o(e.$slots,"media",{},void 0,!0)])):s("",!0),e.isDraggable&&e.hasDraggableHandler?(t(),l("div",{key:1,class:i(["ds-richListItem__dragAndDrop",{[e.draggableIconClassName]:!!e.draggableIconClassName}])},[f(h,{icon:e.ICONS.FA_BARS,class:"ds-richListItem__dragAndDropIcon",size:e.size===e.RICH_LIST_ITEM_SIZE.SMALL?e.ICON_SIZES.XX_SMALL:e.ICON_SIZES.X_SMALL,onClick:a[0]||(a[0]=c(()=>{},["stop"]))},null,8,["icon","size"])],2)):s("",!0),e.icon?(t(),l("div",w,[f(h,{icon:e.icon,class:i(["ds-richListItem__icon",e.iconColorClass]),size:e.size===e.RICH_LIST_ITEM_SIZE.SMALL?e.ICON_SIZES.XX_SMALL:e.ICON_SIZES.X_SMALL,style:p(e.iconColorStyle),onClick:a[1]||(a[1]=c(u=>e.$emit("icon-click"),["prevent"]))},null,8,["icon","size","class","style"])])):s("",!0),d("div",Z,[o(e.$slots,"content",{},void 0,!0)]),d("div",K,[e.$slots.metadata&&e.isHorizontal?(t(),l("div",W,[o(e.$slots,"metadata",{},void 0,!0)])):s("",!0),e.$slots.actions?(t(),l("div",{key:1,class:"ds-richListItem__actionSlot",onClick:a[2]||(a[2]=c(()=>{},["stop"]))},[e.$slots.actions&&e.hasActionsSlotDivider&&e.isHorizontal?(t(),b(_,{key:0,"is-vertical":""})):s("",!0),o(e.$slots,"actions",{},void 0,!0)])):s("",!0),e.isSelectable?(t(),l("div",P,[e.isHorizontal?(t(),b(_,{key:0,"is-vertical":""})):s("",!0),f(H,{"is-selected":e.isSelected,"onUpdate:isSelected":a[3]||(a[3]=u=>e.$emit("update:is-selected",u)),onClick:a[4]||(a[4]=c(()=>{},["stop"]))},null,8,["is-selected"])])):s("",!0)])]),e.$slots.metadata&&e.isVertical?(t(),l("div",Y,[o(e.$slots,"metadata",{},void 0,!0)])):s("",!0),e.borderColorClass||e.borderColorStyle?(t(),l("div",{key:2,class:i(["ds-richListItem__border",e.borderColorClass]),style:p(e.borderColorStyle)},null,6)):s("",!0)],2)}const re=R(E,[["render",X],["__scopeId","data-v-306ca009"]]);E.__docgenInfo={displayName:"RichListItem",exportName:"default",description:"",tags:{},props:[{name:"type",type:{name:"RichListItemType"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_TYPE.DEFAULT"}},{name:"layout",type:{name:"RichListItemLayout"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_LAYOUT.HORIZONTAL"}},{name:"state",type:{name:"RichListItemState"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_STATE.DEFAULT"}},{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:"draggableIconClassName",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{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:"click"},{name:"icon-click"},{name:"update:is-selected"}],slots:[{name:"media"},{name:"content"},{name:"metadata"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/RichList/RichListItem/RichListItem.vue"]};const q={...y},S={...L},T=g({name:"GroupRichListItem",props:{isExpanded:{type:Boolean,default:!1},borderColor:{type:String,default:null,validator(e){return Object.values(q).includes(e)}},borderColorHex:{type:String,default:null},backgroundColor:{type:String,default:S.NEUTRAL,validator(e){return Object.values(S).includes(e)}}},computed:{classList(){return{...this.backgroundColor&&{[`-ds-background-${this.backgroundColor}`]:!0}}},borderColorClass(){if(!(!this.borderColor||this.borderColorHex))return`-ds-border-${this.borderColor}`},borderColorStyle(){if(this.borderColorHex)return{backgroundColor:this.borderColorHex}}}}),J={class:"ds-groupRichListItem__wrapper"},Q={class:"ds-groupRichListItem__parent"},x={key:0,class:"ds-groupRichListItem__children"};function ee(e,a,A,O,k,N){return t(),l("div",{class:i(["ds-groupRichListItem",e.classList])},[d("div",J,[d("div",Q,[o(e.$slots,"parent",{},void 0,!0)]),e.isExpanded?(t(),l("div",x,[o(e.$slots,"children",{},void 0,!0)])):s("",!0)]),e.borderColorClass||e.borderColorStyle?(t(),l("div",{key:0,class:i(["ds-groupRichListItem__border",e.borderColorClass]),style:p(e.borderColorStyle)},null,6)):s("",!0)],2)}const ie=R(T,[["render",ee],["__scopeId","data-v-f6870d20"]]);T.__docgenInfo={displayName:"GroupRichListItem",exportName:"default",description:"",tags:{},props:[{name:"isExpanded",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"borderColor",type:{name:"GroupRichListItemBorderColor"},defaultValue:{func:!1,value:"null"}},{name:"borderColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"backgroundColor",type:{name:"GroupRichListItemBackgroundColor"},defaultValue:{func:!1,value:"GROUP_RICH_LIST_ITEM_BACKGROUND_COLOR.NEUTRAL"}}],slots:[{name:"parent"},{name:"children"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/RichList/GroupRichListItem/GroupRichListItem.vue"]};export{ie as G,G as R,L as a,y as b,n as c,I as d,m as e,r as f,S as g,re as h,q as i};