@bethinkpl/design-system 18.9.2 → 19.0.0

package/lib/js/components/Outline/OutlineItem/OutlineItem.stories.ts

@@ -1,5 +1,5 @@
 import OutlineItem from './OutlineItem.vue';
-import DsPill from '../..//Pill/Pill.vue';
+import DsChip from '../../Chip/Chip.vue';
 import { Args, ArgTypes, Meta, StoryFn } from '@storybook/vue3';
 import { ICONS } from '../../Icons/Icon';
 import {
@@ -14,7 +14,7 @@ export default {
 } as Meta<typeof OutlineItem>;
 
 const StoryTemplate: StoryFn<typeof OutlineItem> = (args) => ({
-	components: { OutlineItem, DsPill },
+	components: { OutlineItem, DsChip },
 	setup() {
 		return { ...args };
 	},
@@ -31,7 +31,7 @@ const StoryTemplate: StoryFn<typeof OutlineItem> = (args) => ({
 									:has-selected-icons-color-primary="hasSelectedIconsColorPrimary"
 									:is-selected-interactive="isSelectedInteractive">
 			<template #default v-if="defaultSlot.length > 0">
-				<ds-pill :label="defaultSlot" />
+				<ds-chip :label="defaultSlot" />
 			</template>
 		</outline-item>`,
 });

package/lib/js/index.ts

@@ -1,8 +1,5 @@
-export { default as Badge } from './components/Badges/Badge';
-export * from './components/Badges/Badge';
-export * from './components/Badges/Badge/Badge.consts';
-export { default as BadgeScore } from './components/Badges/BadgeScore';
-export * from './components/Badges/BadgeScore/BadgeScore.consts';
+export { default as BadgeScore } from './components/BadgeScore';
+export * from './components/BadgeScore/BadgeScore.consts';
 export { default as Banner } from './components/Banner';
 export * from './components/Banner/Banner.consts';
 export { default as Button } from './components/Buttons/Button';
@@ -59,8 +56,8 @@ export { default as OutlineItem } from './components/Outline/OutlineItem';
 export * from './components/Outline/OutlineItem/OutlineItem.consts';
 export { default as OutlineDivider } from './components/Outline/OutlineDivider';
 export { default as OutlineSectionHeader } from './components/Outline/OutlineSectionHeader';
-export { default as Pill } from './components/Pill';
-export * from './components/Pill/Pill.consts';
+export { default as Chip } from './components/Chip';
+export * from './components/Chip/Chip.consts';
 export { default as CounterToggle } from './components/Toggles/CounterToggle';
 export * from './components/Toggles/CounterToggle/CounterToggle.consts';
 export { default as SelectList } from './components/SelectList/SelectList.vue';
@@ -90,6 +87,10 @@ export { default as Well } from './components/Well';
 export * from './components/Well/Well.consts';
 export { default as ThreeColumnLayout } from './components/Layouts/ThreeColumnLayout';
 export * from './components/Layouts/ThreeColumnLayout/ThreeColumnLayout.consts';
+export { default as RichListItem } from './components/RichList/RichListItem';
+export * from './components/RichList/RichListItem/RichListItem.consts';
+export { default as RichListItemBasic } from './components/RichList/RichListItemBasic';
+export { default as RichListGroupItem } from './components/RichList/RichListGroupItem';
 
 export {
 	initialize as initializeIcons,

package/lib/styles/settings/_radiuses.scss

@@ -2,3 +2,5 @@ $radius-xs: 2px;
 $radius-s: 4px;
 $radius-m: 6px;
 $radius-l: 8px;
+//Special radius for components which have to be always rounded
+$radius-xl: 200px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bethinkpl/design-system",
-  "version": "18.9.2",
+  "version": "19.0.0",
   "description": "Bethink universe design-system",
   "repository": "git@github.com:bethinkpl/design-system.git",
   "author": "nerdy@bethink.pl",