@bethinkpl/design-system 30.0.1 → 30.1.1
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-C7ZJBJPN.js +63 -0
- package/dist/RadioButton-C7ZJBJPN.js.map +1 -0
- package/dist/RadioButton-ZaM8VDtw.js +63 -0
- package/dist/RadioButton-ZaM8VDtw.js.map +1 -0
- package/dist/design-system.css +1 -1
- package/dist/design-system.js +256 -250
- package/dist/index-BsZf2ZGE.js +25491 -0
- package/dist/index-BsZf2ZGE.js.map +1 -0
- package/dist/index-DgiPmReD.js +25491 -0
- package/dist/index-DgiPmReD.js.map +1 -0
- package/dist/lib/js/components/Cards/Card/Card.consts.d.ts +23 -15
- package/dist/lib/js/components/Cards/Card/Card.vue.d.ts +2 -0
- package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +21 -12
- package/dist/lib/js/components/ContainerRibbon/ContainerRibbon.consts.d.ts +32 -0
- package/dist/lib/js/components/ContainerRibbon/ContainerRibbon.vue.d.ts +23 -0
- package/dist/lib/js/components/ContainerRibbon/index.d.ts +4 -0
- package/dist/lib/js/components/LoadingBar/LoadingBar.vue.d.ts +32 -37
- package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +2 -2
- package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +1 -1
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +21 -12
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +21 -12
- package/dist/lib/js/components/Toast/Toast.vue.d.ts +21 -12
- package/dist/lib/js/index.d.ts +2 -0
- package/lib/js/components/Cards/Card/Card.consts.ts +13 -17
- package/lib/js/components/Cards/Card/Card.stories.ts +4 -0
- package/lib/js/components/Cards/Card/Card.vue +89 -137
- package/lib/js/components/ContainerRibbon/ContainerRibbon.consts.ts +39 -0
- package/lib/js/components/ContainerRibbon/ContainerRibbon.spec.ts +69 -0
- package/lib/js/components/ContainerRibbon/ContainerRibbon.stories.ts +65 -0
- package/lib/js/components/ContainerRibbon/ContainerRibbon.vue +147 -0
- package/lib/js/components/ContainerRibbon/index.ts +4 -0
- package/lib/js/components/LoadingBar/LoadingBar.vue +68 -88
- package/lib/js/index.ts +2 -0
- 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-BsZf2ZGE.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-C7ZJBJPN.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioButton-C7ZJBJPN.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","_createBlock","_component_selection_control","_ctx","_cache","$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,EAAA;AAAA,EACd,OAAO;AAAA,IACN,MAAM;AAAA,MACL,MAAM;AAAA,MACN,SAASN,EAAkB;AAAA,MAC3B,UAAUO,GAAuB;AAChC,eAAO,OAAO,OAAOP,CAAiB,EAAE,SAASO,CAAI;AAAA,MACtD;AAAA,IAAA;AAAA,IAED,OAAO;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEV,YAAY;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEV,OAAO;AAAA,MACN,MAAM;AAAA,MACN,SAASL,EAAmB;AAAA,MAC5B,UAAUM,GAAyB;AAClC,eAAO,OAAO,OAAON,CAAkB,EAAE,SAASM,CAAK;AAAA,MACxD;AAAA,IAAA;AAAA,EACD;AAAA;AAAA;AAAA,EAID,OAAO,CAAC,sBAAsB,eAAe,YAAY;AAAA,EACzD,OAAO;AACN,WAAO;AAAA,MACN,OAAO,OAAO,OAAOC,CAAK;AAAA,MAC1B,wBAAwB,OAAO,OAAOC,CAAsB;AAAA,IAAA;AAAA,EAE9D;AACD,CAAC;;;cA9DAC,EAWEC,GAAA;AAAA,IAVA,MAAMC,EAAA;AAAA,IACN,OAAOA,EAAA;AAAA,IACP,eAAaA,EAAA;AAAA,IACb,iBAAeA,EAAA,MAAM;AAAA,IACrB,qBAAmBA,EAAA,MAAM;AAAA,IACzB,OAAOA,EAAA;AAAA,IACP,MAAMA,EAAA,uBAAuB;AAAA,IAC7B,uBAAkBC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEF,EAAA,MAAK,sBAAuBE,CAAM;AAAA,IACtD,iBAAWD,uBAAED,EAAA,MAAK,aAAA;AAAA,IAClB,gBAAUC,uBAAED,EAAA,MAAK,YAAA;AAAA,EAAA,GAAA,MAAA,GAAA,CAAA,QAAA,SAAA,eAAA,iBAAA,qBAAA,SAAA,MAAA,CAAA;;;"}
|
|
@@ -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-DgiPmReD.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-ZaM8VDtw.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioButton-ZaM8VDtw.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","_createBlock","_component_selection_control","_ctx","_cache","$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,EAAA;AAAA,EACd,OAAO;AAAA,IACN,MAAM;AAAA,MACL,MAAM;AAAA,MACN,SAASN,EAAkB;AAAA,MAC3B,UAAUO,GAAuB;AAChC,eAAO,OAAO,OAAOP,CAAiB,EAAE,SAASO,CAAI;AAAA,MACtD;AAAA,IAAA;AAAA,IAED,OAAO;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEV,YAAY;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEV,OAAO;AAAA,MACN,MAAM;AAAA,MACN,SAASL,EAAmB;AAAA,MAC5B,UAAUM,GAAyB;AAClC,eAAO,OAAO,OAAON,CAAkB,EAAE,SAASM,CAAK;AAAA,MACxD;AAAA,IAAA;AAAA,EACD;AAAA;AAAA;AAAA,EAID,OAAO,CAAC,sBAAsB,eAAe,YAAY;AAAA,EACzD,OAAO;AACN,WAAO;AAAA,MACN,OAAO,OAAO,OAAOC,CAAK;AAAA,MAC1B,wBAAwB,OAAO,OAAOC,CAAsB;AAAA,IAAA;AAAA,EAE9D;AACD,CAAC;;;cA9DAC,EAWEC,GAAA;AAAA,IAVA,MAAMC,EAAA;AAAA,IACN,OAAOA,EAAA;AAAA,IACP,eAAaA,EAAA;AAAA,IACb,iBAAeA,EAAA,MAAM;AAAA,IACrB,qBAAmBA,EAAA,MAAM;AAAA,IACzB,OAAOA,EAAA;AAAA,IACP,MAAMA,EAAA,uBAAuB;AAAA,IAC7B,uBAAkBC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEF,EAAA,MAAK,sBAAuBE,CAAM;AAAA,IACtD,iBAAWD,uBAAED,EAAA,MAAK,aAAA;AAAA,IAClB,gBAAUC,uBAAED,EAAA,MAAK,YAAA;AAAA,EAAA,GAAA,MAAA,GAAA,CAAA,QAAA,SAAA,eAAA,iBAAA,qBAAA,SAAA,MAAA,CAAA;;;"}
|