@7pmlabs/design-system 0.4.12 → 0.4.14

package/README.md

@@ -1,44 +1,44 @@
-# 7PMLabs Design System
-
-Documentation (Storybook): https://ngphanducthinh.github.io/7pmlabs-design-system
-
-In case, you also use [Tailwind CSS](https://tailwindcss.com/docs/installation) in your project, do not import `@import 'tailwindcss/base';` unless it causes broken styles.
-
-## Getting started
-
-```
-npm i @7pmlabs/design-system
-```
-
-## Usage
-
-Import CSS & plugin in main.ts:
-
-```
-import '@7pmlabs/design-system/style.css';
-
-const app = createApp(App);
-...
-app.use(ds, { i18n });
-```
-
-Import & use component:
-
-```
-import { BButton } from '@7pmlabs/design-system';
-
-<BButton>Click me!</BButton>
-```
-
-## Color Customization
-
-CSS Variables:
-
-```
---ds-colors-primary-f: 6 182 212; // #06b6d4
---ds-colors-primary-t: 59 130 246; // #3b82f6
---ds-colors-focus: 86 221 214; // #56ddd6
-
---ds-colors-primary-f-stop: 0%;
---ds-colors-primary-t-stop: 100%;
-```
+# 7PMLabs Design System
+
+Documentation (Storybook): https://ngphanducthinh.github.io/7pmlabs-design-system
+
+In case, you also use [Tailwind CSS](https://tailwindcss.com/docs/installation) in your project, do not import `@import 'tailwindcss/base';` unless it causes broken styles.
+
+## Getting started
+
+```
+npm i @7pmlabs/design-system
+```
+
+## Usage
+
+Import CSS & plugin in main.ts:
+
+```
+import '@7pmlabs/design-system/style.css';
+
+const app = createApp(App);
+...
+app.use(ds, { i18n });
+```
+
+Import & use component:
+
+```
+import { BButton } from '@7pmlabs/design-system';
+
+<BButton>Click me!</BButton>
+```
+
+## Color Customization
+
+CSS Variables:
+
+```
+--ds-colors-primary-f: 6 182 212; // #06b6d4
+--ds-colors-primary-t: 59 130 246; // #3b82f6
+--ds-colors-focus: 86 221 214; // #56ddd6
+
+--ds-colors-primary-f-stop: 0%;
+--ds-colors-primary-t-stop: 100%;
+```

package/dist/design-system.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./design-system2.js"),i=require("./design-system3.js"),r=require("./design-system4.js"),e=require("./design-system5.js"),t=require("./design-system6.js"),u=require("./design-system7.js");require("./design-system8.js");const n=require("./design-system9.js"),s=require("./design-system10.js"),_=require("./design-system11.js"),a=require("./design-system12.js"),l=require("./design-system13.js");require("./design-system14.js");const B=require("./design-system15.js"),c=require("./design-system16.js"),p=require("./design-system17.js"),d=require("./design-system18.js"),v=require("./design-system19.js"),q=require("./design-system20.js"),y=require("./design-system21.js"),g=require("./design-system22.js"),T=require("./design-system23.js"),S=require("./design-system24.js"),m=require("./design-system25.js"),P=require("./design-system26.js"),b=require("./design-system27.js"),D=require("./design-system28.js"),I=require("./design-system29.js"),k=require("./design-system30.js"),C=require("./design-system31.js"),M=require("./design-system32.js"),V=require("./design-system33.js"),z=require("./design-system34.js"),F=require("./design-system35.js"),x=require("./design-system36.js"),O=require("./design-system37.js"),w=require("./design-system38.js"),L=require("./design-system39.js"),E=require("./design-system40.js"),R=require("./design-system41.js"),f=require("./design-system42.js"),h=require("./design-system43.js"),H=require("./design-system44.js"),K=require("./design-system45.js"),N=require("./design-system46.js"),U=require("./design-system47.js");exports.useDate=o.useDate;exports.useValidationField=i.useValidationField;exports.useValidationForm=i.useValidationForm;exports.DateDelimiter=r.DateDelimiter;exports.FileImageTypes=r.FileImageTypes;exports.PIKey=r.PIKey;exports.RequiredSymbol=r.RequiredSymbol;exports.BButtonSize=e.BButtonSize;exports.BButtonType=e.BButtonType;exports.BCheckboxSize=e.BCheckboxSize;exports.BDatePickerView=e.BDatePickerView;exports.BLoadingOverlaySpinnerSize=e.BLoadingOverlaySpinnerSize;exports.BModalSize=e.BModalSize;exports.BPaginationSize=e.BPaginationSize;exports.BRadioSize=e.BRadioSize;exports.BSelectSize=e.BSelectSize;exports.BTextEditorExtension=e.BTextEditorExtension;exports.BToastItemType=e.BToastItemType;exports.BTooltipOpenEvent=e.BTooltipOpenEvent;exports.BTooltipPosition=e.BTooltipPosition;exports.SupportedLocale=e.SupportedLocale;exports.ensureVisiblePosition=t.ensureVisiblePosition;exports.ensureVisibleX=t.ensureVisibleX;exports.ensureVisibleY=t.ensureVisibleY;exports.lockScrollBody=t.lockScrollBody;exports.resetPosition=t.resetPosition;exports.scrollToTop=t.scrollToTop;exports.unlockScrollBody=t.unlockScrollBody;exports.default=u;exports.enUS=n.default;exports.viVN=s.default;exports.BButton=_;exports.BCollapse=a;exports.BDatePicker=l;exports.BDateRangePicker=B;exports.BDropdown=c;exports.BDropdownItem=p;exports.BModal=d;exports.BMultiSelect=v;exports.BOtpField=q;exports.BPagination=y;exports.BRadio=g;exports.BSelect=T;exports.BTextarea=S;exports.BToast=m;exports.BCarousel=P;exports.BCarouselItem=b;exports.BCheckbox=D;exports.BDropdownContent=I;exports.BErrorMessage=k;exports.BLabel=C;exports.BLoadingBar=M;exports.BLoadingOverlay=V;exports.BModalBody=z;exports.BModalFooter=F;exports.BModalHeader=x;exports.BOverlay=O;exports.BTab=w;exports.BTabs=L;exports.BTextField=E;exports.BToastItem=R;exports.BTooltip=f;exports.BTimeline=h;exports.BTimelineItem=H;exports.BImagePicker=K;exports.BImagePreview=N;exports.BCurrencyField=U;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./design-system2.js"),i=require("./design-system3.js"),r=require("./design-system4.js"),e=require("./design-system5.js"),t=require("./design-system6.js"),u=require("./design-system7.js");require("./design-system8.js");const n=require("./design-system9.js"),s=require("./design-system10.js"),_=require("./design-system11.js"),a=require("./design-system12.js"),l=require("./design-system13.js");require("./design-system14.js");const B=require("./design-system15.js"),c=require("./design-system16.js"),p=require("./design-system17.js"),d=require("./design-system18.js"),q=require("./design-system19.js"),v=require("./design-system20.js"),y=require("./design-system21.js"),g=require("./design-system22.js"),T=require("./design-system23.js"),S=require("./design-system24.js"),m=require("./design-system25.js"),P=require("./design-system26.js"),b=require("./design-system27.js"),D=require("./design-system28.js"),I=require("./design-system29.js"),k=require("./design-system30.js"),C=require("./design-system31.js"),M=require("./design-system32.js"),V=require("./design-system33.js"),z=require("./design-system34.js"),F=require("./design-system35.js"),w=require("./design-system36.js"),x=require("./design-system37.js"),O=require("./design-system38.js"),L=require("./design-system39.js"),E=require("./design-system40.js"),R=require("./design-system41.js"),h=require("./design-system42.js"),f=require("./design-system43.js"),H=require("./design-system44.js"),K=require("./design-system45.js"),N=require("./design-system46.js"),U=require("./design-system47.js"),X=require("./design-system48.js");exports.useDate=o.useDate;exports.useValidationField=i.useValidationField;exports.useValidationForm=i.useValidationForm;exports.DateDelimiter=r.DateDelimiter;exports.FileImageTypes=r.FileImageTypes;exports.PIKey=r.PIKey;exports.RequiredSymbol=r.RequiredSymbol;exports.BButtonSize=e.BButtonSize;exports.BButtonType=e.BButtonType;exports.BCheckboxSize=e.BCheckboxSize;exports.BDatePickerView=e.BDatePickerView;exports.BLoadingOverlaySpinnerSize=e.BLoadingOverlaySpinnerSize;exports.BModalSize=e.BModalSize;exports.BPaginationSize=e.BPaginationSize;exports.BRadioSize=e.BRadioSize;exports.BSelectSize=e.BSelectSize;exports.BTextEditorExtension=e.BTextEditorExtension;exports.BToastItemType=e.BToastItemType;exports.BTooltipOpenEvent=e.BTooltipOpenEvent;exports.BTooltipPosition=e.BTooltipPosition;exports.SupportedLocale=e.SupportedLocale;exports.ensureVisiblePosition=t.ensureVisiblePosition;exports.ensureVisibleX=t.ensureVisibleX;exports.ensureVisibleY=t.ensureVisibleY;exports.lockScrollBody=t.lockScrollBody;exports.resetPosition=t.resetPosition;exports.scrollToTop=t.scrollToTop;exports.unlockScrollBody=t.unlockScrollBody;exports.default=u;exports.enUS=n.default;exports.viVN=s.default;exports.BButton=_;exports.BCollapse=a;exports.BDatePicker=l;exports.BDateRangePicker=B;exports.BDropdown=c;exports.BDropdownItem=p;exports.BModal=d;exports.BMultiSelect=q;exports.BOtpField=v;exports.BPagination=y;exports.BSelect=g;exports.BTextarea=T;exports.BToast=S;exports.BCarousel=m;exports.BCarouselItem=P;exports.BCheckbox=b;exports.BDropdownContent=D;exports.BErrorMessage=I;exports.BLabel=k;exports.BLoadingBar=C;exports.BLoadingOverlay=M;exports.BModalBody=V;exports.BModalFooter=z;exports.BModalHeader=F;exports.BOverlay=w;exports.BRadio=x;exports.BTab=O;exports.BTabs=L;exports.BTextField=E;exports.BToastItem=R;exports.BTooltip=h;exports.BTimeline=f;exports.BTimelineItem=H;exports.BImagePicker=K;exports.BImagePreview=N;exports.BCurrencyField=U;exports.BSwitch=X;
 //# sourceMappingURL=design-system.js.map

package/dist/design-system.mjs

@@ -44,13 +44,14 @@ import { default as $e } from "./design-system44.mjs";
 import { default as oo } from "./design-system45.mjs";
 import { default as ro } from "./design-system46.mjs";
 import { default as fo } from "./design-system47.mjs";
+import { default as so } from "./design-system48.mjs";
 export {
   X as BButton,
   x as BButtonSize,
   n as BButtonType,
-  ce as BCarousel,
-  ye as BCarouselItem,
-  ge as BCheckbox,
+  ne as BCarousel,
+  ce as BCarouselItem,
+  ye as BCheckbox,
   T as BCheckboxSize,
   j as BCollapse,
   fo as BCurrencyField,
@@ -58,37 +59,38 @@ export {
   c as BDatePickerView,
   Q as BDateRangePicker,
   Z as BDropdown,
-  De as BDropdownContent,
+  ge as BDropdownContent,
   $ as BDropdownItem,
-  ke as BErrorMessage,
+  De as BErrorMessage,
   oo as BImagePicker,
   ro as BImagePreview,
-  Ce as BLabel,
-  Me as BLoadingBar,
-  ve as BLoadingOverlay,
+  ke as BLabel,
+  Ce as BLoadingBar,
+  Me as BLoadingOverlay,
   S as BLoadingOverlaySpinnerSize,
   oe as BModal,
-  Le as BModalBody,
-  Ee as BModalFooter,
-  he as BModalHeader,
+  ve as BModalBody,
+  Le as BModalFooter,
+  Ee as BModalHeader,
   y as BModalSize,
   re as BMultiSelect,
   fe as BOtpField,
-  He as BOverlay,
+  he as BOverlay,
   de as BPagination,
   P as BPaginationSize,
-  pe as BRadio,
+  He as BRadio,
   g as BRadioSize,
-  me as BSelect,
+  pe as BSelect,
   b as BSelectSize,
+  so as BSwitch,
   Ne as BTab,
   Xe as BTabs,
   D as BTextEditorExtension,
   je as BTextField,
-  ue as BTextarea,
+  me as BTextarea,
   Ze as BTimeline,
   $e as BTimelineItem,
-  ne as BToast,
+  ue as BToast,
   Ge as BToastItem,
   I as BToastItemType,
   Qe as BTooltip,

package/dist/design-system.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"design-system.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}