@bethinkpl/design-system 27.0.0 → 27.0.2
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.
- package/dist/RadioButton-BNhtY6NX.js +63 -0
- package/dist/RadioButton-BNhtY6NX.js.map +1 -0
- package/dist/RadioButton-D9gR4HCr.js +63 -0
- package/dist/RadioButton-D9gR4HCr.js.map +1 -0
- package/dist/design-system.js +2 -2
- package/dist/index-CSKD0ycJ.js +24356 -0
- package/dist/index-CSKD0ycJ.js.map +1 -0
- package/dist/index-i9Ph1QiF.js +24356 -0
- package/dist/index-i9Ph1QiF.js.map +1 -0
- package/docs/assets/{BasicRichListItem.stories-Gu9n5wvW.js → BasicRichListItem.stories-B5k2trd-.js} +1 -1
- package/docs/assets/{Color-ERTF36HU-8BveRk6J.js → Color-ERTF36HU-BRCLEgq6.js} +1 -1
- package/docs/assets/{DateBox.stories-B7PTVLxc.js → DateBox.stories-DoyefDYN.js} +1 -1
- package/docs/assets/{DatePicker-70Dj0lsn.js → DatePicker-BaVHUsv7.js} +1 -1
- package/docs/assets/{DatePicker.stories-DZN51CwX.js → DatePicker.stories-ByFon954.js} +1 -1
- package/docs/assets/{DateRangePicker-D5bqKMMk.js → DateRangePicker-5w_sREmD.js} +1 -1
- package/docs/assets/{DateRangePicker.stories-WhCXoUeh.js → DateRangePicker.stories-DEZV4BJN.js} +1 -1
- package/docs/assets/{DocsRenderer-CFRXHY34-BThTLMHt.js → DocsRenderer-CFRXHY34-BEkmfMvX.js} +5 -5
- package/docs/assets/{InputField-CplPTgjC.js → InputField-DPaF-ACJ.js} +1 -1
- package/docs/assets/{InputField.stories-K675XZL5.js → InputField.stories-C4hAqyvC.js} +1 -1
- package/docs/assets/{PasswordField-Bkc6j8ri.js → PasswordField-rpkRWMuS.js} +1 -1
- package/docs/assets/{PasswordField.stories-CklmsmJF.js → PasswordField.stories-Lc7tLp-c.js} +1 -1
- package/docs/assets/{RichListItem.stories-Bls_aY12.js → RichListItem.stories-m0l3boT0.js} +1 -1
- package/docs/assets/{SelectionTile-D7fhj7-I.js → SelectionTile-BVm6AVGs.js} +1 -1
- package/docs/assets/{SelectionTile.stories-Cato0iSj.js → SelectionTile.stories-BUY2u2nu.js} +1 -1
- package/docs/assets/{iframe-D_RvUlhr.js → iframe-BxYlJ3n4.js} +3 -3
- package/docs/assets/{index-BtMHnMz0.js → index-BCBGedAQ.js} +1 -1
- package/docs/assets/{index-Cpsdq_ip.js → index-BsgyZF8q.js} +1 -1
- package/docs/assets/{preview-B_G3dFbe.js → preview-B65wZEVb.js} +2 -2
- package/docs/assets/{preview-vzvQxRBZ.js → preview-DfxUSFQ8.js} +1 -1
- package/docs/iframe.html +1 -1
- package/docs/project.json +1 -1
- package/lib/js/components/Form/InputField/InputField.vue +7 -1
- package/package.json +1 -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-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;;;;"}
|
|
@@ -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-i9Ph1QiF.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-D9gR4HCr.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioButton-D9gR4HCr.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;;;;"}
|