@bethinkpl/design-system 27.0.1 → 27.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/RadioButton-8YJljDpl.js +63 -0
  2. package/dist/RadioButton-8YJljDpl.js.map +1 -0
  3. package/dist/RadioButton-BNhtY6NX.js +63 -0
  4. package/dist/RadioButton-BNhtY6NX.js.map +1 -0
  5. package/dist/design-system.js +2 -2
  6. package/dist/index-BbTaEPiY.js +24357 -0
  7. package/dist/index-BbTaEPiY.js.map +1 -0
  8. package/dist/index-CSKD0ycJ.js +24356 -0
  9. package/dist/index-CSKD0ycJ.js.map +1 -0
  10. package/docs/assets/{Badge.stories-DxdwaS-k.js → Badge.stories-BVlBnFdk.js} +1 -1
  11. package/docs/assets/Banner-vhOMD_c2.js +1 -0
  12. package/docs/assets/{Banner.stories-Ch0_NPk4.js → Banner.stories-ubnw8_3H.js} +2 -2
  13. package/docs/assets/{BasicRichListItem.stories-0FVt_4Qm.js → BasicRichListItem.stories-QMsn6spI.js} +1 -1
  14. package/docs/assets/{Color-ERTF36HU-Cuzi-pDu.js → Color-ERTF36HU-DV2oAw-5.js} +1 -1
  15. package/docs/assets/{DateBox.stories-DXwKzO8T.js → DateBox.stories-C4nZWgba.js} +1 -1
  16. package/docs/assets/{DatePicker-BSnFZYfg.js → DatePicker-DhcUVNfg.js} +1 -1
  17. package/docs/assets/{DatePicker.stories-B90AMiei.js → DatePicker.stories-DUwPhnRD.js} +1 -1
  18. package/docs/assets/{DateRangePicker-Bv8_PkkF.js → DateRangePicker-Dw1OmGSl.js} +1 -1
  19. package/docs/assets/{DateRangePicker.stories-C948lnze.js → DateRangePicker.stories-DAMsza6Y.js} +1 -1
  20. package/docs/assets/{DocsRenderer-CFRXHY34-BiyZcNOo.js → DocsRenderer-CFRXHY34-MjC8gp3R.js} +5 -5
  21. package/docs/assets/{DrawerTile.stories-DCe2L4Tv.js → DrawerTile.stories-fOMnYXRU.js} +1 -1
  22. package/docs/assets/{HelpButton.stories-C3-CU20F.js → HelpButton.stories-GvxKeu97.js} +1 -1
  23. package/docs/assets/{InputField-BVhhY_fK.js → InputField-BYXbgMSk.js} +1 -1
  24. package/docs/assets/{InputField.stories-BLiu5Nxd.js → InputField.stories-CoepyH9v.js} +1 -1
  25. package/docs/assets/{PasswordField-DG3JF46j.js → PasswordField-BRA9WjnV.js} +1 -1
  26. package/docs/assets/{PasswordField.stories-9f0ZYW3T.js → PasswordField.stories-OeQ_LhBY.js} +1 -1
  27. package/docs/assets/{RichListItem.stories-gvwi4r1x.js → RichListItem.stories-Cmemxtdv.js} +1 -1
  28. package/docs/assets/{SelectListItemTile.stories-BXFfuX9q.js → SelectListItemTile.stories-CoxYWGt6.js} +1 -1
  29. package/docs/assets/{SelectionTile-DS9jXYKh.js → SelectionTile-CFD4LWsT.js} +1 -1
  30. package/docs/assets/{SelectionTile.stories-BIQogLUn.js → SelectionTile.stories-ABD2B3Va.js} +1 -1
  31. package/docs/assets/{Tile.sb.shared-D3LxXPDs.js → Tile.sb.shared-Cd3XOpWR.js} +1 -1
  32. package/docs/assets/{Tile.stories-BhXwnkKz.js → Tile.stories-DXZCNMZi.js} +1 -1
  33. package/docs/assets/{Well.stories-4VLIlu-l.js → Well.stories-BYWb_U8C.js} +1 -1
  34. package/docs/assets/{iframe-DplxzPUZ.js → iframe-DT6GsmNy.js} +4 -4
  35. package/docs/assets/{index-DGv_lh7V.js → index-CkTbpRNC.js} +1 -1
  36. package/docs/assets/{index-Z4mtXFWR.js → index-DRg1UTqS.js} +1 -1
  37. package/docs/assets/{preview-w9sWydmg.js → preview-BC9ULqUK.js} +2 -2
  38. package/docs/assets/{preview-DL93qXAj.js → preview-DgJ2EeDz.js} +1 -1
  39. package/docs/iframe.html +1 -1
  40. package/docs/project.json +1 -1
  41. package/lib/js/components/Banner/Banner.stories.ts +6 -6
  42. package/lib/js/components/Banner/Banner.vue +38 -27
  43. package/lib/js/components/Form/InputField/InputField.vue +2 -1
  44. package/package.json +1 -1
  45. package/docs/assets/Banner-D5riYdGJ.js +0 -1
@@ -0,0 +1,63 @@
1
+ import { defineComponent as i, resolveComponent as a, createBlock as r, openBlock as u } from "vue";
2
+ import { S as O, a as d, b as p, c, I as T, _ as S } from "./index-BbTaEPiY.js";
3
+ const o = {
4
+ ...d
5
+ }, s = {
6
+ ...O
7
+ }, C = i({
8
+ name: "RadioButton",
9
+ components: { SelectionControl: p },
10
+ props: {
11
+ size: {
12
+ type: String,
13
+ default: o.SMALL,
14
+ validator(e) {
15
+ return Object.values(o).includes(e);
16
+ }
17
+ },
18
+ label: {
19
+ type: String,
20
+ default: null
21
+ },
22
+ isSelected: {
23
+ type: Boolean,
24
+ default: !1
25
+ },
26
+ state: {
27
+ type: String,
28
+ default: s.DEFAULT,
29
+ validator(e) {
30
+ return Object.values(s).includes(e);
31
+ }
32
+ }
33
+ },
34
+ // TODO fix me when touching this file
35
+ // eslint-disable-next-line vue/require-emit-validator
36
+ emits: ["update:is-selected", "input:focus", "input:blur"],
37
+ data() {
38
+ return {
39
+ ICONS: Object.freeze(T),
40
+ SELECTION_CONTROL_TYPE: Object.freeze(c)
41
+ };
42
+ }
43
+ });
44
+ function E(e, t, I, f, N, L) {
45
+ const l = a("selection-control");
46
+ return u(), r(l, {
47
+ size: e.size,
48
+ label: e.label,
49
+ "is-selected": e.isSelected,
50
+ "selected-icon": e.ICONS.FA_DOT_CIRCLE_SOLID,
51
+ "not-selected-icon": e.ICONS.FA_CIRCLE,
52
+ state: e.state,
53
+ type: e.SELECTION_CONTROL_TYPE.RADIO_BUTTON,
54
+ "onUpdate:isSelected": t[0] || (t[0] = (n) => e.$emit("update:is-selected", n)),
55
+ "onInput:focus": t[1] || (t[1] = (n) => e.$emit("input:focus")),
56
+ "onInput:blur": t[2] || (t[2] = (n) => e.$emit("input:blur"))
57
+ }, null, 8, ["size", "label", "is-selected", "selected-icon", "not-selected-icon", "state", "type"]);
58
+ }
59
+ const b = /* @__PURE__ */ S(C, [["render", E]]);
60
+ export {
61
+ b as default
62
+ };
63
+ //# sourceMappingURL=RadioButton-8YJljDpl.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadioButton-8YJljDpl.js","sources":["../lib/js/components/Form/RadioButton/RadioButton.consts.ts","../lib/js/components/Form/RadioButton/RadioButton.vue"],"sourcesContent":["import {\n\tSELECTION_CONTROL_SIZE,\n\tSELECTION_CONTROL_STATE,\n} from '../SelectionControl/SelectionControl.consts';\n\nexport const RADIO_BUTTON_SIZE = {\n\t...SELECTION_CONTROL_SIZE,\n} as const;\n\nexport type RadioButtonSize = typeof RADIO_BUTTON_SIZE[keyof typeof RADIO_BUTTON_SIZE];\nexport const RADIO_BUTTON_STATE = {\n\t...SELECTION_CONTROL_STATE,\n} as const;\n\nexport type RadioButtonState = typeof RADIO_BUTTON_STATE[keyof typeof RADIO_BUTTON_STATE];\n","<template>\n\t<selection-control\n\t\t:size=\"size\"\n\t\t:label=\"label\"\n\t\t:is-selected=\"isSelected\"\n\t\t:selected-icon=\"ICONS.FA_DOT_CIRCLE_SOLID\"\n\t\t:not-selected-icon=\"ICONS.FA_CIRCLE\"\n\t\t:state=\"state\"\n\t\t:type=\"SELECTION_CONTROL_TYPE.RADIO_BUTTON\"\n\t\t@update:is-selected=\"$emit('update:is-selected', $event)\"\n\t\t@input:focus=\"$emit('input:focus')\"\n\t\t@input:blur=\"$emit('input:blur')\"\n\t/>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from 'vue';\nimport {\n\tRADIO_BUTTON_SIZE,\n\tRADIO_BUTTON_STATE,\n\tRadioButtonSize,\n\tRadioButtonState,\n} from './RadioButton.consts';\nimport SelectionControl from '../SelectionControl/SelectionControl.vue';\nimport { ICONS } from '../../Icons/Icon';\nimport { SELECTION_CONTROL_TYPE } from '../SelectionControl/SelectionControl.consts';\n\nexport default defineComponent({\n\tname: 'RadioButton',\n\tcomponents: { SelectionControl },\n\tprops: {\n\t\tsize: {\n\t\t\ttype: String as PropType<RadioButtonSize>,\n\t\t\tdefault: RADIO_BUTTON_SIZE.SMALL,\n\t\t\tvalidator(size: RadioButtonSize) {\n\t\t\t\treturn Object.values(RADIO_BUTTON_SIZE).includes(size);\n\t\t\t},\n\t\t},\n\t\tlabel: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\tisSelected: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tstate: {\n\t\t\ttype: String as PropType<RadioButtonState>,\n\t\t\tdefault: RADIO_BUTTON_STATE.DEFAULT,\n\t\t\tvalidator(state: RadioButtonState) {\n\t\t\t\treturn Object.values(RADIO_BUTTON_STATE).includes(state);\n\t\t\t},\n\t\t},\n\t},\n\t// TODO fix me when touching this file\n\t// eslint-disable-next-line vue/require-emit-validator\n\temits: ['update:is-selected', 'input:focus', 'input:blur'],\n\tdata() {\n\t\treturn {\n\t\t\tICONS: Object.freeze(ICONS),\n\t\t\tSELECTION_CONTROL_TYPE: Object.freeze(SELECTION_CONTROL_TYPE),\n\t\t};\n\t},\n});\n</script>\n"],"names":["RADIO_BUTTON_SIZE","SELECTION_CONTROL_SIZE","RADIO_BUTTON_STATE","SELECTION_CONTROL_STATE","_sfc_main","defineComponent","SelectionControl","size","state","ICONS","SELECTION_CONTROL_TYPE","_component_selection_control","_resolveComponent","_openBlock","_createBlock","_ctx","_cache","$emit","$event"],"mappings":";;AAKO,MAAMA,IAAoB;AAAA,EAChC,GAAGC;AACJ,GAGaC,IAAqB;AAAA,EACjC,GAAGC;AACJ,GCeAC,IAAeC,EAAgB;AAAA,EAC9B,MAAM;AAAA,EACN,YAAY,EAAE,kBAAAC,EAAiB;AAAA,EAC/B,OAAO;AAAA,IACN,MAAM;AAAA,MACL,MAAM;AAAA,MACN,SAASN,EAAkB;AAAA,MAC3B,UAAUO,GAAuB;AAChC,eAAO,OAAO,OAAOP,CAAiB,EAAE,SAASO,CAAI;AAAA,MAAA;AAAA,IAEvD;AAAA,IACA,OAAO;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACA,YAAY;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACN,MAAM;AAAA,MACN,SAASL,EAAmB;AAAA,MAC5B,UAAUM,GAAyB;AAClC,eAAO,OAAO,OAAON,CAAkB,EAAE,SAASM,CAAK;AAAA,MAAA;AAAA,IACxD;AAAA,EAEF;AAAA;AAAA;AAAA,EAGA,OAAO,CAAC,sBAAsB,eAAe,YAAY;AAAA,EACzD,OAAO;AACC,WAAA;AAAA,MACN,OAAO,OAAO,OAAOC,CAAK;AAAA,MAC1B,wBAAwB,OAAO,OAAOC,CAAsB;AAAA,IAC7D;AAAA,EAAA;AAEF,CAAC;;AAnDE,QAAAC,IAAAC,EAAA,mBAAA;SATKC,EAAO,GAAAC,EAAAH,GAAA;AAAA,IACZ,MAAAI,EAAA;AAAA,IACA,OAAAA,EAAA;AAAA,IACA,eAAiBA,EAAA;AAAA,IACjB,iBAAYA,EAAA,MAAA;AAAA,IACZ,qBAAML,EAAAA,MAAAA;AAAAA,IACN,OAAAK,EAAA;AAAA,IACA,MAAWA,EAAA,uBAAA;AAAA,IACX,uBAAUC,uBAAEC,EAAK,MAAA,sBAAAC,CAAA;AAAA,IAAA,iBAAAF,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAE,MAAAH,EAAA,MAAA,aAAA;AAAA;;;;"}
@@ -0,0 +1,63 @@
1
+ import { defineComponent as i, resolveComponent as a, createBlock as r, openBlock as u } from "vue";
2
+ import { S as O, a as d, b as p, c, I as T, _ as S } from "./index-CSKD0ycJ.js";
3
+ const o = {
4
+ ...d
5
+ }, s = {
6
+ ...O
7
+ }, C = i({
8
+ name: "RadioButton",
9
+ components: { SelectionControl: p },
10
+ props: {
11
+ size: {
12
+ type: String,
13
+ default: o.SMALL,
14
+ validator(e) {
15
+ return Object.values(o).includes(e);
16
+ }
17
+ },
18
+ label: {
19
+ type: String,
20
+ default: null
21
+ },
22
+ isSelected: {
23
+ type: Boolean,
24
+ default: !1
25
+ },
26
+ state: {
27
+ type: String,
28
+ default: s.DEFAULT,
29
+ validator(e) {
30
+ return Object.values(s).includes(e);
31
+ }
32
+ }
33
+ },
34
+ // TODO fix me when touching this file
35
+ // eslint-disable-next-line vue/require-emit-validator
36
+ emits: ["update:is-selected", "input:focus", "input:blur"],
37
+ data() {
38
+ return {
39
+ ICONS: Object.freeze(T),
40
+ SELECTION_CONTROL_TYPE: Object.freeze(c)
41
+ };
42
+ }
43
+ });
44
+ function E(e, t, I, f, N, L) {
45
+ const l = a("selection-control");
46
+ return u(), r(l, {
47
+ size: e.size,
48
+ label: e.label,
49
+ "is-selected": e.isSelected,
50
+ "selected-icon": e.ICONS.FA_DOT_CIRCLE_SOLID,
51
+ "not-selected-icon": e.ICONS.FA_CIRCLE,
52
+ state: e.state,
53
+ type: e.SELECTION_CONTROL_TYPE.RADIO_BUTTON,
54
+ "onUpdate:isSelected": t[0] || (t[0] = (n) => e.$emit("update:is-selected", n)),
55
+ "onInput:focus": t[1] || (t[1] = (n) => e.$emit("input:focus")),
56
+ "onInput:blur": t[2] || (t[2] = (n) => e.$emit("input:blur"))
57
+ }, null, 8, ["size", "label", "is-selected", "selected-icon", "not-selected-icon", "state", "type"]);
58
+ }
59
+ const b = /* @__PURE__ */ S(C, [["render", E]]);
60
+ export {
61
+ b as default
62
+ };
63
+ //# sourceMappingURL=RadioButton-BNhtY6NX.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadioButton-BNhtY6NX.js","sources":["../lib/js/components/Form/RadioButton/RadioButton.consts.ts","../lib/js/components/Form/RadioButton/RadioButton.vue"],"sourcesContent":["import {\n\tSELECTION_CONTROL_SIZE,\n\tSELECTION_CONTROL_STATE,\n} from '../SelectionControl/SelectionControl.consts';\n\nexport const RADIO_BUTTON_SIZE = {\n\t...SELECTION_CONTROL_SIZE,\n} as const;\n\nexport type RadioButtonSize = typeof RADIO_BUTTON_SIZE[keyof typeof RADIO_BUTTON_SIZE];\nexport const RADIO_BUTTON_STATE = {\n\t...SELECTION_CONTROL_STATE,\n} as const;\n\nexport type RadioButtonState = typeof RADIO_BUTTON_STATE[keyof typeof RADIO_BUTTON_STATE];\n","<template>\n\t<selection-control\n\t\t:size=\"size\"\n\t\t:label=\"label\"\n\t\t:is-selected=\"isSelected\"\n\t\t:selected-icon=\"ICONS.FA_DOT_CIRCLE_SOLID\"\n\t\t:not-selected-icon=\"ICONS.FA_CIRCLE\"\n\t\t:state=\"state\"\n\t\t:type=\"SELECTION_CONTROL_TYPE.RADIO_BUTTON\"\n\t\t@update:is-selected=\"$emit('update:is-selected', $event)\"\n\t\t@input:focus=\"$emit('input:focus')\"\n\t\t@input:blur=\"$emit('input:blur')\"\n\t/>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from 'vue';\nimport {\n\tRADIO_BUTTON_SIZE,\n\tRADIO_BUTTON_STATE,\n\tRadioButtonSize,\n\tRadioButtonState,\n} from './RadioButton.consts';\nimport SelectionControl from '../SelectionControl/SelectionControl.vue';\nimport { ICONS } from '../../Icons/Icon';\nimport { SELECTION_CONTROL_TYPE } from '../SelectionControl/SelectionControl.consts';\n\nexport default defineComponent({\n\tname: 'RadioButton',\n\tcomponents: { SelectionControl },\n\tprops: {\n\t\tsize: {\n\t\t\ttype: String as PropType<RadioButtonSize>,\n\t\t\tdefault: RADIO_BUTTON_SIZE.SMALL,\n\t\t\tvalidator(size: RadioButtonSize) {\n\t\t\t\treturn Object.values(RADIO_BUTTON_SIZE).includes(size);\n\t\t\t},\n\t\t},\n\t\tlabel: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\tisSelected: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tstate: {\n\t\t\ttype: String as PropType<RadioButtonState>,\n\t\t\tdefault: RADIO_BUTTON_STATE.DEFAULT,\n\t\t\tvalidator(state: RadioButtonState) {\n\t\t\t\treturn Object.values(RADIO_BUTTON_STATE).includes(state);\n\t\t\t},\n\t\t},\n\t},\n\t// TODO fix me when touching this file\n\t// eslint-disable-next-line vue/require-emit-validator\n\temits: ['update:is-selected', 'input:focus', 'input:blur'],\n\tdata() {\n\t\treturn {\n\t\t\tICONS: Object.freeze(ICONS),\n\t\t\tSELECTION_CONTROL_TYPE: Object.freeze(SELECTION_CONTROL_TYPE),\n\t\t};\n\t},\n});\n</script>\n"],"names":["RADIO_BUTTON_SIZE","SELECTION_CONTROL_SIZE","RADIO_BUTTON_STATE","SELECTION_CONTROL_STATE","_sfc_main","defineComponent","SelectionControl","size","state","ICONS","SELECTION_CONTROL_TYPE","_component_selection_control","_resolveComponent","_openBlock","_createBlock","_ctx","_cache","$emit","$event"],"mappings":";;AAKO,MAAMA,IAAoB;AAAA,EAChC,GAAGC;AACJ,GAGaC,IAAqB;AAAA,EACjC,GAAGC;AACJ,GCeAC,IAAeC,EAAgB;AAAA,EAC9B,MAAM;AAAA,EACN,YAAY,EAAE,kBAAAC,EAAiB;AAAA,EAC/B,OAAO;AAAA,IACN,MAAM;AAAA,MACL,MAAM;AAAA,MACN,SAASN,EAAkB;AAAA,MAC3B,UAAUO,GAAuB;AAChC,eAAO,OAAO,OAAOP,CAAiB,EAAE,SAASO,CAAI;AAAA,MAAA;AAAA,IAEvD;AAAA,IACA,OAAO;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACA,YAAY;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACN,MAAM;AAAA,MACN,SAASL,EAAmB;AAAA,MAC5B,UAAUM,GAAyB;AAClC,eAAO,OAAO,OAAON,CAAkB,EAAE,SAASM,CAAK;AAAA,MAAA;AAAA,IACxD;AAAA,EAEF;AAAA;AAAA;AAAA,EAGA,OAAO,CAAC,sBAAsB,eAAe,YAAY;AAAA,EACzD,OAAO;AACC,WAAA;AAAA,MACN,OAAO,OAAO,OAAOC,CAAK;AAAA,MAC1B,wBAAwB,OAAO,OAAOC,CAAsB;AAAA,IAC7D;AAAA,EAAA;AAEF,CAAC;;AAnDE,QAAAC,IAAAC,EAAA,mBAAA;SATKC,EAAO,GAAAC,EAAAH,GAAA;AAAA,IACZ,MAAAI,EAAA;AAAA,IACA,OAAAA,EAAA;AAAA,IACA,eAAiBA,EAAA;AAAA,IACjB,iBAAYA,EAAA,MAAA;AAAA,IACZ,qBAAML,EAAAA,MAAAA;AAAAA,IACN,OAAAK,EAAA;AAAA,IACA,MAAWA,EAAA,uBAAA;AAAA,IACX,uBAAUC,uBAAEC,EAAK,MAAA,sBAAAC,CAAA;AAAA,IAAA,iBAAAF,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAE,MAAAH,EAAA,MAAA,aAAA;AAAA;;;;"}