@bethinkpl/design-system 34.2.0 → 34.2.2

package/dist/lib/js/components/Switch/Switch.vue.d.ts

@@ -170,6 +170,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly FA_FACEBOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_FACEBOOK_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_FILE_ARROW_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_FILE_EXPORT: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_FILE_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_FILE_INVOICE_DOLLAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_FILE_LINES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;

package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts

@@ -130,6 +130,7 @@ export declare const data: () => {
         readonly FA_FACEBOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_FACEBOOK_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_FILE_ARROW_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_FILE_EXPORT: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_FILE_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_FILE_INVOICE_DOLLAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_FILE_LINES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;

package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts

@@ -186,6 +186,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly FA_FACEBOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_FACEBOOK_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_FILE_ARROW_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_FILE_EXPORT: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_FILE_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_FILE_INVOICE_DOLLAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_FILE_LINES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;

package/dist/lib/js/components/Well/Well.vue.d.ts

@@ -3,6 +3,7 @@ import { ChipRadius, ChipColor } from '../Chip';
 import { IconItem } from '../Icons/Icon';
 
 declare function __VLS_template(): {
+    accessory?(_: {}): any;
     chipAccessory?(_: {}): any;
     default?(_: {}): any;
 };

package/dist/lib/js/i18n/en.d.ts

@@ -1,4 +1,10 @@
 declare const _default: {
+    "ds.blockadeStatus.active": string;
+    "ds.blockadeStatus.ended": string;
+    "ds.cardExpandable.collapse": string;
+    "ds.cardExpandable.expand": string;
+    "ds.overlayHeader.close": string;
+    "ds.survey.placeholder": string;
     "ds.datePicker.selectDate": string;
     "ds.datePicker.set": string;
     "ds.statsLayout.default.leftColumnLabel": string;

package/dist/lib/js/i18n/index.d.ts

@@ -4,6 +4,12 @@ import { default as pl } from './pl';
 export type MessageSchema = typeof pl;
 export declare const messages: {
     pl: {
+        "ds.blockadeStatus.active": string;
+        "ds.blockadeStatus.ended": string;
+        "ds.cardExpandable.collapse": string;
+        "ds.cardExpandable.expand": string;
+        "ds.overlayHeader.close": string;
+        "ds.survey.placeholder": string;
         "ds.datePicker.selectDate": string;
         "ds.datePicker.set": string;
         "ds.statsLayout.default.leftColumnLabel": string;
@@ -26,6 +32,12 @@ export declare const messages: {
         "ds.globals.loading": string;
     };
     en: {
+        "ds.blockadeStatus.active": string;
+        "ds.blockadeStatus.ended": string;
+        "ds.cardExpandable.collapse": string;
+        "ds.cardExpandable.expand": string;
+        "ds.overlayHeader.close": string;
+        "ds.survey.placeholder": string;
         "ds.datePicker.selectDate": string;
         "ds.datePicker.set": string;
         "ds.statsLayout.default.leftColumnLabel": string;

package/dist/lib/js/i18n/pl.d.ts

@@ -1,4 +1,10 @@
 declare const _default: {
+    "ds.blockadeStatus.active": string;
+    "ds.blockadeStatus.ended": string;
+    "ds.cardExpandable.collapse": string;
+    "ds.cardExpandable.expand": string;
+    "ds.overlayHeader.close": string;
+    "ds.survey.placeholder": string;
     "ds.datePicker.selectDate": string;
     "ds.datePicker.set": string;
     "ds.statsLayout.default.leftColumnLabel": string;

package/dist/lib/js/icons/fontawesome.d.ts

@@ -116,6 +116,7 @@ export declare const FONTAWESOME_ICONS: {
     readonly FA_FACEBOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
     readonly FA_FACEBOOK_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
     readonly FA_FILE_ARROW_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
+    readonly FA_FILE_EXPORT: import('@fortawesome/fontawesome-common-types').IconDefinition;
     readonly FA_FILE_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
     readonly FA_FILE_INVOICE_DOLLAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
     readonly FA_FILE_LINES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;

package/lib/js/components/Cards/CardExpandable/CardExpandable.stories.ts

@@ -13,8 +13,8 @@ const StoryTemplate: StoryFn<typeof CardExpandable> = (args) => ({
 		return args;
 	},
 	template: `
-			<card-expandable :is-expander-visible="isExpanderVisible" :expander-text-collapsed="expanderTextCollapsed"
-											 :expander-text-expanded="expanderTextExpanded" :is-expanded="isExpanded"
+			<card-expandable :is-expander-visible="isExpanderVisible" :expander-text-collapsed="expanderTextCollapsed !== '' ? expanderTextCollapsed : null"
+											 :expander-text-expanded="expanderTextExpanded !== '' ? expanderTextExpanded : null" :is-expanded="isExpanded"
 											 :header-has-padding="headerHasPadding" :divider-under-header="dividerUnderHeader">
 			<template v-if="header" #header>
 				<div v-html="header" />

package/lib/js/components/Cards/CardExpandable/CardExpandable.vue

@@ -16,7 +16,11 @@
 		<template v-if="isExpanderVisible" #footer>
 			<div class="ds-cardExpandable__expander" @click="onExpanderClick">
 				<span class="ds-cardExpandable__expanderLabel">
-					{{ isExpandedInternal ? expanderTextExpanded : expanderTextCollapsed }}
+					{{
+						isExpandedInternal
+							? resolvedExpanderTextExpanded
+							: resolvedExpanderTextCollapsed
+					}}
 				</span>
 				<ds-icon
 					class="ds-cardExpandable__expanderIcon"
@@ -72,6 +76,7 @@
 import { defineComponent } from 'vue';
 import DsCard from '../Card/';
 import DsIcon, { ICON_SIZES, ICONS } from '../../../components/Icons/Icon';
+import { useLegacyI18n } from '../../../composables/useLegacyI18n';
 
 export default defineComponent({
 	name: 'CardExpandable',
@@ -90,11 +95,11 @@ export default defineComponent({
 		},
 		expanderTextCollapsed: {
 			type: String,
-			default: 'Rozwiń',
+			default: null,
 		},
 		expanderTextExpanded: {
 			type: String,
-			default: 'Zwiń',
+			default: null,
 		},
 		headerHasPadding: {
 			type: Boolean,
@@ -106,6 +111,11 @@ export default defineComponent({
 		},
 	},
 	emits: { 'update:isExpanded': (payload: Boolean) => true },
+	setup() {
+		const { t } = useLegacyI18n();
+
+		return { t };
+	},
 	data() {
 		return {
 			isExpandedInternal: false,
@@ -114,6 +124,12 @@ export default defineComponent({
 		};
 	},
 	computed: {
+		resolvedExpanderTextCollapsed(): string {
+			return this.expanderTextCollapsed ?? this.t('ds.cardExpandable.expand');
+		},
+		resolvedExpanderTextExpanded(): string {
+			return this.expanderTextExpanded ?? this.t('ds.cardExpandable.collapse');
+		},
 		chevronRotation(): number | null {
 			return this.isExpandedInternal ? 180 : null;
 		},

package/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue

@@ -104,7 +104,7 @@
 		<ds-tooltip
 			:is-pointer-visible="false"
 			:placement="TOOLTIP_PLACEMENTS.LEFT"
-			text="Zamknij — Q"
+			:text="t('ds.overlayHeader.close')"
 		>
 			<ds-icon-button
 				data-test-selector="overlay-header-close-button"
@@ -320,6 +320,7 @@ import {
 } from './OverlayHeader.consts';
 import { Value } from '../../../utils/type.utils';
 import { isElementEditable } from '../../../utils/shortcut-keys';
+import { useLegacyI18n } from '../../../composables/useLegacyI18n';
 import { toRaw } from 'vue';
 
 import { defineComponent } from 'vue';
@@ -369,6 +370,11 @@ export default defineComponent({
 		close: () => true,
 		titleClick: () => true,
 	},
+	setup() {
+		const { t } = useLegacyI18n();
+
+		return { t };
+	},
 	data() {
 		return {
 			ICON_BUTTON_SIZES: Object.freeze(ICON_BUTTON_SIZES),

package/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue

@@ -40,6 +40,7 @@
 import { defineComponent } from 'vue';
 import Icon, { ICON_SIZES, ICONS } from '../../Icons/Icon';
 import { COURSE_BLOCKADE_ACCESS_STATUS } from '../../../consts/user';
+import { useLegacyI18n } from '../../../composables/useLegacyI18n';
 
 export default defineComponent({
 	name: 'BlockadeStatus',
@@ -52,6 +53,11 @@ export default defineComponent({
 			required: true,
 		},
 	},
+	setup() {
+		const { t } = useLegacyI18n();
+
+		return { t };
+	},
 	data() {
 		return {
 			ICONS: Object.freeze(ICONS),
@@ -73,9 +79,9 @@ export default defineComponent({
 		},
 		text() {
 			if (this.status === COURSE_BLOCKADE_ACCESS_STATUS.ACTIVE) {
-				return 'Blokada dostępu';
+				return this.t('ds.blockadeStatus.active');
 			}
-			return 'Blokada zakończona';
+			return this.t('ds.blockadeStatus.ended');
 		},
 	},
 });

package/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.stories.ts

@@ -19,7 +19,7 @@ const StoryTemplate: StoryFn<typeof SurveyQuestionOpenEnded> = (args) => {
 		},
 		// TODO typing in textarea looses focus
 		template:
-			'<survey-question-open-ended  :title="title" :value="value" :state="state" :placeholder="placeholder" @input="explanationUpdate">' +
+			'<survey-question-open-ended  :title="title" :value="value" :state="state" :placeholder="placeholder !== \'\' ? placeholder: null" @input="explanationUpdate">' +
 			'<template v-if="explanation" #explanation><div v-html="explanation" /></template>' +
 			'</survey-question-open-ended>',
 		methods: {
@@ -37,7 +37,7 @@ const args = {
 	value: 'value',
 	explanation:
 		'<h3 class="modalHeader" style="text-align: center; margin-bottom: 16px;">Jak ocenić, czy slajdy i diagramy były zrozumiałe?</h3><div>Wyczerpujące materiały dają poczucie pełnego zrozumieina, przy jednoczesnym usystematyzowaniu informacji. Wpływa na to nie tylko ich jakość, ale też ilość.</div>',
-	placeholder: 'Wpisz swoją odpowiedź',
+	placeholder: '',
 	state: SURVEY_QUESTION_STATES.DEFAULT,
 } as Args;
 

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

@@ -35,7 +35,7 @@
 						class="ds-surveyQuestionOpenEnded__input"
 						:disabled="state === SURVEY_QUESTION_STATES.DISABLED"
 						:value="value"
-						:placeholder="placeholder"
+						:placeholder="resolvedPlaceholder"
 						@input="$emit('input', $event)"
 					/>
 				</div>
@@ -114,7 +114,7 @@ export default defineComponent({
 		},
 		placeholder: {
 			type: String,
-			default: 'Wpisz swoją odpowiedź',
+			default: null,
 		},
 		state: {
 			type: String,
@@ -143,5 +143,10 @@ export default defineComponent({
 			SURVEY_QUESTION_STATES: Object.freeze(SURVEY_QUESTION_STATES),
 		};
 	},
+	computed: {
+		resolvedPlaceholder(): string {
+			return this.placeholder ?? this.t('ds.survey.placeholder');
+		},
+	},
 });
 </script>

package/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.stories.ts

@@ -19,7 +19,7 @@ const StoryTemplate: StoryFn<typeof SurveyQuestionScale> = (args) => {
 			return args;
 		},
 		template:
-			'<survey-question-scale :title="title" :scale-options="scaleOptions" :elaboration-value="elaborationValue" :elaborationLabel="elaborationLabel" :placeholder="placeholder" :selected-value="selectedValue" :state="state" :containers="containers" @select-change="selectedValueUpdate" @elaboration-change="elaborationUpdate">' +
+			'<survey-question-scale :title="title" :scale-options="scaleOptions" :elaboration-value="elaborationValue" :elaborationLabel="elaborationLabel" :placeholder="placeholder !== \'\' ? placeholder: null" :selected-value="selectedValue" :state="state" :containers="containers" @select-change="selectedValueUpdate" @elaboration-change="elaborationUpdate">' +
 			'<template v-if="explanation" #explanation><div v-html="explanation" /></template>' +
 			'</survey-question-scale>',
 		methods: {
@@ -41,7 +41,7 @@ const args = {
 	elaborationValue: '',
 	explanation:
 		'<h3 style="text-align: center; margin-bottom: 16px;">Jak ocenić, czy slajdy i diagramy były zrozumiałe?</h3>\n<div>Wyczerpujące materiały dają poczucie pełnego zrozumienia, przy jednoczesnym usystematyzowaniu informacji. Wpływa na to nie tylko ich jakość, ale też ilość.</div>',
-	placeholder: 'Wpisz swoją odpowiedź',
+	placeholder: '',
 	containers: SURVEY_QUESTION_SCALE_CONTAINERS.TWO,
 	selectedValue: null,
 	scaleOptions: [
@@ -126,7 +126,7 @@ const StoryLimitedWidthTemplate: StoryFn<typeof SurveyQuestionScale> = (args) =>
 			return args;
 		},
 		template:
-			'<div style="max-width: 600px"><survey-question-scale :title="title" :scale-options="scaleOptions" :elaboration-value="elaborationValue" :elaborationLabel="elaborationLabel" :placeholder="placeholder" :selected-value="selectedValue" :containers="containers" :state="state" @select-change="selectedValueUpdate" @elaboration-change="elaborationUpdate">' +
+			'<div style="max-width: 600px"><survey-question-scale :title="title" :scale-options="scaleOptions" :elaboration-value="elaborationValue" :elaborationLabel="elaborationLabel" :placeholder="placeholder !== \'\' ? placeholder: null" :selected-value="selectedValue" :containers="containers" :state="state" @select-change="selectedValueUpdate" @elaboration-change="elaborationUpdate">' +
 			'<template v-if="explanation" #explanation><div v-html="explanation" /></template>' +
 			'</survey-question-scale></div>',
 		methods: {
@@ -155,7 +155,7 @@ LimitedWidth.args = {
 	elaborationValue: '',
 	explanation:
 		'<h3 class="modalHeader" style="text-align: center; margin-bottom: 16px;">Jak ocenić, czy slajdy i diagramy były zrozumiałe?</h3>\n<div>Wyczerpujące materiały dają poczucie pełnego zrozumienia, przy jednoczesnym usystematyzowaniu informacji. Wpływa na to nie tylko ich jakość, ale też ilość.</div>',
-	placeholder: 'Wpisz swoją odpowiedź',
+	placeholder: '',
 	containers: SURVEY_QUESTION_SCALE_CONTAINERS.TWO,
 	state: SURVEY_QUESTION_STATES.DEFAULT,
 	selectedValue: null,

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

@@ -105,7 +105,7 @@
 							:id="inputId"
 							:value="elaborationValue"
 							class="ds-surveyQuestionScale__elaborationInput"
-							:placeholder="placeholder"
+							:placeholder="resolvedPlaceholder"
 							:disabled="state === SURVEY_QUESTION_STATES.DISABLED"
 							@input="$emit('elaboration-change', $event)"
 						/>
@@ -293,7 +293,7 @@ export default defineComponent({
 		},
 		placeholder: {
 			type: String,
-			default: 'Wpisz swoją odpowiedź',
+			default: null,
 		},
 		selectedValue: {
 			type: String,
@@ -331,6 +331,9 @@ export default defineComponent({
 		};
 	},
 	computed: {
+		resolvedPlaceholder(): string {
+			return this.placeholder ?? this.t('ds.survey.placeholder');
+		},
 		standaloneOptions() {
 			return this.scaleOptions.filter(
 				(option: SurveyQuestionScaleOption) => option.standalone,

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

@@ -3,7 +3,7 @@
 		ref="textarea"
 		class="ds-surveyQuestionTextarea"
 		:disabled="disabled"
-		:placeholder="placeholder"
+		:placeholder="resolvedPlaceholder"
 		:value="value"
 		@input="onInput"
 	/>
@@ -35,6 +35,7 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
+import { useLegacyI18n } from '../../composables/useLegacyI18n';
 
 export default defineComponent({
 	name: 'SurveyQuestionTextarea',
@@ -45,7 +46,7 @@ export default defineComponent({
 		},
 		placeholder: {
 			type: String,
-			default: 'Wpisz swoją odpowiedź',
+			default: null,
 		},
 		disabled: {
 			type: Boolean,
@@ -55,6 +56,16 @@ export default defineComponent({
 	// TODO fix me when touching this file
 	// eslint-disable-next-line vue/require-emit-validator
 	emits: ['input'],
+	setup() {
+		const { t } = useLegacyI18n();
+
+		return { t };
+	},
+	computed: {
+		resolvedPlaceholder(): string {
+			return this.placeholder ?? this.t('ds.survey.placeholder');
+		},
+	},
 	watch: {
 		value() {
 			// we want to update height of textarea based on content that is inside

package/lib/js/components/Well/Well.stories.ts

@@ -5,7 +5,7 @@ import Well from './Well.vue';
 import { WELL_PADDINGS } from './Well.consts';
 import type { ComponentProps } from 'vue-component-type-helpers';
 import { ICONS } from '../Icons/Icon';
-import { CHIP_COLORS, CHIP_DEFAULT_COLOR, CHIP_RADIUSES } from '../Chip';
+import Chip, { CHIP_COLORS, CHIP_DEFAULT_COLOR, CHIP_RADIUSES } from '../Chip';
 import DsBanner, { BANNER_COLORS } from '../Banner';
 
 type WellProps = ComponentProps<typeof Well>;
@@ -90,3 +90,42 @@ const argTypes = {
 } as ArgTypes;
 
 Interactive.argTypes = argTypes;
+
+export const WithMultipleChips: Story = {
+	render: (args) => {
+		return {
+			components: { Chip, Well },
+			setup() {
+				return {
+					args,
+					CHIP_RADIUSES,
+					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.',
+				};
+			},
+			template: `<well v-bind="args">
+				<template #accessory>
+					<chip
+						label="First Chip"
+						:radius="CHIP_RADIUSES.ROUNDED"
+					/>
+					<chip
+						label="Second Chip"
+						:radius="CHIP_RADIUSES.ROUNDED"
+					/>
+					<chip
+						label="Third Chip"
+						:radius="CHIP_RADIUSES.ROUNDED"
+					/>
+				</template>
+				<div v-html="content" />
+			</well>`,
+		};
+	},
+	args: {
+		padding: WELL_PADDINGS.SMALL,
+	},
+};
+
+WithMultipleChips.argTypes = argTypes;

package/lib/js/components/Well/Well.vue

@@ -6,19 +6,21 @@
 			'-ds-small': WELL_PADDINGS.SMALL === padding,
 		}"
 	>
-		<div v-if="hasChip" class="ds-well__chipContainer">
-			<chip
-				:label="chipLabel"
-				:is-label-uppercase="chipLabelUppercase"
-				:left-icon="chipLeftIcon"
-				:radius="chipRadius"
-				:color="chipColor"
-				:color-hex="chipColorHex"
-			>
-				<template v-if="$slots.chipAccessory" #accessory>
-					<slot name="chipAccessory" />
-				</template>
-			</chip>
+		<div v-if="hasChip || $slots.accessory" class="ds-well__accessorySlot">
+			<slot name="accessory">
+				<chip
+					:label="chipLabel"
+					:is-label-uppercase="chipLabelUppercase"
+					:left-icon="chipLeftIcon"
+					:radius="chipRadius"
+					:color="chipColor"
+					:color-hex="chipColorHex"
+				>
+					<template v-if="$slots.chipAccessory" #accessory>
+						<slot name="chipAccessory" />
+					</template>
+				</chip>
+			</slot>
 		</div>
 
 		<slot />
@@ -37,8 +39,9 @@
 	border-radius: $radius-m;
 	position: relative;
 
-	&__chipContainer {
+	&__accessorySlot {
 		display: flex;
+		gap: $space-4xs;
 		position: absolute;
 		right: 0;
 		top: -10px;
@@ -47,7 +50,7 @@
 	&.-ds-medium {
 		padding: $space-s;
 
-		#{$root}__chipContainer {
+		#{$root}__accessorySlot {
 			right: $space-s;
 		}
 	}
@@ -55,7 +58,7 @@
 	&.-ds-small {
 		padding: $space-xs;
 
-		#{$root}__chipContainer {
+		#{$root}__accessorySlot {
 			right: $space-xs;
 		}
 	}

package/lib/js/i18n/en/blockadeStatus.json

@@ -0,0 +1,4 @@
+{
+	"ds.blockadeStatus.active": "Access blockade",
+	"ds.blockadeStatus.ended": "Blockade ended"
+}

package/lib/js/i18n/en/cardExpandable.json

@@ -0,0 +1,4 @@
+{
+	"ds.cardExpandable.collapse": "Collapse",
+	"ds.cardExpandable.expand": "Expand"
+}

package/lib/js/i18n/en/overlayHeader.json

@@ -0,0 +1,3 @@
+{
+	"ds.overlayHeader.close": "Close — Q"
+}

package/lib/js/i18n/en/survey.json

@@ -0,0 +1,3 @@
+{
+	"ds.survey.placeholder": "Enter your answer"
+}

package/lib/js/i18n/en.ts

@@ -3,6 +3,10 @@ import accessStatus from './en/accessStatus.json';
 import pagination from './en/pagination.json';
 import statsLayout from './en/statsLayout.json';
 import datePicker from './en/datePicker.json';
+import survey from './en/survey.json';
+import overlayHeader from './en/overlayHeader.json';
+import cardExpandable from './en/cardExpandable.json';
+import blockadeStatus from './en/blockadeStatus.json';
 
 export default {
 	...globals,
@@ -10,4 +14,8 @@ export default {
 	...pagination,
 	...statsLayout,
 	...datePicker,
+	...survey,
+	...overlayHeader,
+	...cardExpandable,
+	...blockadeStatus,
 };

package/lib/js/i18n/pl/blockadeStatus.json

@@ -0,0 +1,4 @@
+{
+	"ds.blockadeStatus.active": "Blokada dostępu",
+	"ds.blockadeStatus.ended": "Blokada zakończona"
+}

package/lib/js/i18n/pl/cardExpandable.json

@@ -0,0 +1,4 @@
+{
+	"ds.cardExpandable.collapse": "Zwiń",
+	"ds.cardExpandable.expand": "Rozwiń"
+}

package/lib/js/i18n/pl/overlayHeader.json

@@ -0,0 +1,3 @@
+{
+	"ds.overlayHeader.close": "Zamknij — Q"
+}

package/lib/js/i18n/pl/survey.json

@@ -0,0 +1,3 @@
+{
+	"ds.survey.placeholder": "Wpisz swoją odpowiedź"
+}

package/lib/js/i18n/pl.ts

@@ -3,6 +3,10 @@ import accessStatus from './pl/accessStatus.json';
 import pagination from './pl/pagination.json';
 import statsLayout from './pl/statsLayout.json';
 import datePicker from './pl/datePicker.json';
+import survey from './pl/survey.json';
+import overlayHeader from './pl/overlayHeader.json';
+import cardExpandable from './pl/cardExpandable.json';
+import blockadeStatus from './pl/blockadeStatus.json';
 
 export default {
 	...globals,
@@ -10,4 +14,8 @@ export default {
 	...pagination,
 	...statsLayout,
 	...datePicker,
+	...survey,
+	...overlayHeader,
+	...cardExpandable,
+	...blockadeStatus,
 };

package/lib/js/icons/fontawesome.ts

@@ -84,6 +84,7 @@ import { faFaceFrown } from '@fortawesome/pro-regular-svg-icons/faFaceFrown';
 import { faFaceGrimace } from '@fortawesome/pro-regular-svg-icons/faFaceGrimace';
 import { faFaceMeh } from '@fortawesome/pro-regular-svg-icons/faFaceMeh';
 import { faFaceSmile } from '@fortawesome/pro-regular-svg-icons/faFaceSmile';
+import { faFileExport } from '@fortawesome/pro-regular-svg-icons/faFileExport';
 import { faFileInvoiceDollar } from '@fortawesome/pro-regular-svg-icons/faFileInvoiceDollar';
 import { faFileLines } from '@fortawesome/pro-regular-svg-icons/faFileLines';
 import { faFileMagnifyingGlass } from '@fortawesome/pro-regular-svg-icons/faFileMagnifyingGlass';
@@ -379,6 +380,7 @@ export const FONTAWESOME_ICONS = {
 	FA_FACEBOOK: faFacebook,
 	FA_FACEBOOK_SQUARE: faFacebookSquare,
 	FA_FILE_ARROW_DOWN: faFileArrowDown,
+	FA_FILE_EXPORT: faFileExport,
 	FA_FILE_CHECK: faFileCheck,
 	FA_FILE_INVOICE_DOLLAR: faFileInvoiceDollar,
 	FA_FILE_LINES_SOLID: fasFileLines,

package/package.json

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

package/dist/node_modules/@fortawesome/duotone-regular-svg-icons/faSquare.js

@@ -1,23 +0,0 @@
-import { __exports as e } from "../../../_virtual/faSquare6.js";
-var v;
-function t() {
-  return v ? e : (v = 1, (function(a) {
-    Object.defineProperty(a, "__esModule", { value: !0 });
-    var r = "fadr", c = "square", u = 448, n = 512, i = [9632, 9723, 9724, 61590], f = "f0c8", l = ["M48 96l0 320c0 8.8 7.2 16 16 16l320 0c8.8 0 16-7.2 16-16l0-320c0-8.8-7.2-16-16-16L64 80c-8.8 0-16 7.2-16 16z", "M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z"];
-    a.definition = {
-      prefix: r,
-      iconName: c,
-      icon: [
-        u,
-        n,
-        i,
-        f,
-        l
-      ]
-    }, a.faSquare = a.definition, a.prefix = r, a.iconName = c, a.width = u, a.height = n, a.ligatures = i, a.unicode = f, a.svgPathData = l, a.aliases = i;
-  })(e), e);
-}
-export {
-  t as __require
-};
-//# sourceMappingURL=faSquare.js.map

package/dist/node_modules/@fortawesome/duotone-regular-svg-icons/faSquare.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"faSquare.js","sources":["../../../../node_modules/@fortawesome/duotone-regular-svg-icons/faSquare.js"],"sourcesContent":["'use strict';\nObject.defineProperty(exports, '__esModule', { value: true });\nvar prefix = 'fadr';\nvar iconName = 'square';\nvar width = 448;\nvar height = 512;\nvar aliases = [9632,9723,9724,61590];\nvar unicode = 'f0c8';\nvar svgPathData = ['M48 96l0 320c0 8.8 7.2 16 16 16l320 0c8.8 0 16-7.2 16-16l0-320c0-8.8-7.2-16-16-16L64 80c-8.8 0-16 7.2-16 16z', 'M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z'];\n\nexports.definition = {\n  prefix: prefix,\n  iconName: iconName,\n  icon: [\n    width,\n    height,\n    aliases,\n    unicode,\n    svgPathData\n  ]};\n\nexports.faSquare = exports.definition;\nexports.prefix = prefix;\nexports.iconName = iconName;\nexports.width = width;\nexports.height = height;\nexports.ligatures = aliases;\nexports.unicode = unicode;\nexports.svgPathData = svgPathData;\nexports.aliases = aliases;"],"names":["exports","prefix","iconName","width","height","aliases","unicode","svgPathData"],"mappings":";;;;AACA,WAAO,eAAcA,GAAU,cAAc,EAAE,OAAO,IAAM;AAC5D,QAAIC,IAAS,QACTC,IAAW,UACXC,IAAQ,KACRC,IAAS,KACTC,IAAU,CAAC,MAAK,MAAK,MAAK,KAAK,GAC/BC,IAAU,QACVC,IAAc,CAAC,gHAAgH,kOAAkO;AAErWP,IAAAA,EAAA,aAAqB;AAAA,MACnB,QAAQC;AAAA,MACR,UAAUC;AAAA,MACV,MAAM;AAAA,QACJC;AAAA,QACAC;AAAA,QACAC;AAAA,QACAC;AAAA,QACAC;AAAA,MACJ;AAAA,IAAG,GAEHP,EAAA,WAAmBA,EAAQ,YAC3BA,EAAA,SAAiBC,GACjBD,EAAA,WAAmBE,GACnBF,EAAA,QAAgBG,GAChBH,EAAA,SAAiBI,GACjBJ,EAAA,YAAoBK,GACpBL,EAAA,UAAkBM,GAClBN,EAAA,cAAsBO,GACtBP,EAAA,UAAkBK;AAAA;;","x_google_ignoreList":[0]}