fds-vue-core 2.3.2 → 3.0.0
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/fds-vue-core.cjs.js +21 -21
- package/dist/fds-vue-core.cjs.js.map +1 -1
- package/dist/fds-vue-core.es.js +21 -21
- package/dist/fds-vue-core.es.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Blocks/FdsBlockAlert/FdsBlockAlert.stories.ts +12 -12
- package/src/components/Blocks/FdsBlockAlert/FdsBlockAlert.vue +3 -3
- package/src/components/Blocks/FdsBlockAlert/types.ts +1 -1
- package/src/components/Blocks/FdsBlockExpander/FdsBlockExpander.stories.ts +11 -11
- package/src/components/Blocks/FdsBlockExpander/FdsBlockExpander.vue +2 -2
- package/src/components/Blocks/FdsBlockExpander/types.ts +1 -1
- package/src/components/Blocks/FdsBlockInfo/FdsBlockInfo.stories.ts +3 -3
- package/src/components/Blocks/FdsBlockInfo/FdsBlockInfo.vue +6 -6
- package/src/components/Blocks/FdsBlockInfo/types.ts +1 -1
- package/src/components/Blocks/FdsBlockLink/FdsBlockLink.stories.ts +12 -12
- package/src/components/Blocks/FdsBlockLink/FdsBlockLink.vue +1 -1
- package/src/components/Blocks/FdsBlockLink/types.ts +1 -1
- package/src/components/Buttons/FdsButtonCopy/FdsButtonCopy.stories.ts +6 -6
- package/src/components/Buttons/FdsButtonCopy/FdsButtonCopy.vue +4 -4
- package/src/components/Buttons/FdsButtonCopy/types.ts +2 -2
- package/src/components/FdsDevMode/FdsDevModeStorage.vue +4 -4
package/dist/fds-vue-core.es.js
CHANGED
|
@@ -657,7 +657,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
|
657
657
|
closeable: { type: Boolean, default: false },
|
|
658
658
|
collapsable: { type: Boolean, default: false },
|
|
659
659
|
expanded: { type: Boolean, default: false },
|
|
660
|
-
|
|
660
|
+
heading: { default: "" },
|
|
661
661
|
locale: { default: "sv" },
|
|
662
662
|
icon: {},
|
|
663
663
|
dataTestid: { default: void 0 }
|
|
@@ -702,7 +702,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
|
702
702
|
return isVisible.value ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, rootAttrs.value, { class: alertClasses.value }), [
|
|
703
703
|
createElementVNode("div", null, [
|
|
704
704
|
createElementVNode("div", null, [
|
|
705
|
-
__props.
|
|
705
|
+
__props.heading ? (openBlock(), createElementBlock("div", {
|
|
706
706
|
key: 0,
|
|
707
707
|
class: normalizeClass(["font-bold w-full justify-between items-start flex gap-2", { "mb-2": (isExpanded.value || !__props.collapsable) && unref(hasSlot) }])
|
|
708
708
|
}, [
|
|
@@ -714,7 +714,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
|
714
714
|
class: "fill-yellow-700"
|
|
715
715
|
})
|
|
716
716
|
]),
|
|
717
|
-
createElementVNode("span", _hoisted_3$c, toDisplayString(__props.
|
|
717
|
+
createElementVNode("span", _hoisted_3$c, toDisplayString(__props.heading), 1)
|
|
718
718
|
]),
|
|
719
719
|
createElementVNode("div", _hoisted_4$b, [
|
|
720
720
|
__props.closeable ? (openBlock(), createBlock(_sfc_main$x, mergeProps({
|
|
@@ -881,7 +881,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
|
|
|
881
881
|
__name: "FdsBlockExpander",
|
|
882
882
|
props: {
|
|
883
883
|
disabled: { type: Boolean, default: false },
|
|
884
|
-
|
|
884
|
+
heading: { default: "" },
|
|
885
885
|
open: { type: Boolean, default: false },
|
|
886
886
|
preIcon: { default: void 0 },
|
|
887
887
|
stickerColor: { default: void 0 },
|
|
@@ -959,7 +959,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
|
|
|
959
959
|
createElementVNode("span", _hoisted_3$a, [
|
|
960
960
|
createElementVNode("span", {
|
|
961
961
|
class: normalizeClass(["font-bold font-heading text-lg leading-md", { "text-gray-700": __props.disabled }])
|
|
962
|
-
}, toDisplayString(__props.
|
|
962
|
+
}, toDisplayString(__props.heading), 3)
|
|
963
963
|
])
|
|
964
964
|
], 2),
|
|
965
965
|
createElementVNode("span", null, [
|
|
@@ -1026,7 +1026,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
1026
1026
|
props: {
|
|
1027
1027
|
heading: { default: void 0 },
|
|
1028
1028
|
icon: { default: void 0 },
|
|
1029
|
-
|
|
1029
|
+
iconSize: { default: "small" },
|
|
1030
1030
|
dataTestid: { default: void 0 }
|
|
1031
1031
|
},
|
|
1032
1032
|
setup(__props) {
|
|
@@ -1035,9 +1035,9 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
1035
1035
|
const contentClasses = computed(() => [
|
|
1036
1036
|
"rounded-md bg-blue_t-100 mb-4",
|
|
1037
1037
|
!hasSlot.value && "mb-0!",
|
|
1038
|
-
props.
|
|
1039
|
-
props.
|
|
1040
|
-
props.
|
|
1038
|
+
props.iconSize === "small" && "p-4",
|
|
1039
|
+
props.iconSize === "small" && hasSlot.value && "pb-6",
|
|
1040
|
+
props.iconSize === "large" && props.icon && "p-6"
|
|
1041
1041
|
]);
|
|
1042
1042
|
const autoId = `fds-content-block-${Math.random().toString(36).slice(2, 9)}`;
|
|
1043
1043
|
const contentBlockId = computed(() => props.id ?? autoId);
|
|
@@ -1053,7 +1053,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
1053
1053
|
id: contentBlockId.value,
|
|
1054
1054
|
class: contentClasses.value
|
|
1055
1055
|
}, rootAttrs.value), [
|
|
1056
|
-
__props.
|
|
1056
|
+
__props.iconSize === "large" && __props.icon ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
|
|
1057
1057
|
createVNode(_sfc_main$y, {
|
|
1058
1058
|
name: __props.icon,
|
|
1059
1059
|
size: largeIconSize,
|
|
@@ -1079,7 +1079,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
1079
1079
|
}, [
|
|
1080
1080
|
createElementVNode("header", _hoisted_10$2, [
|
|
1081
1081
|
createElementVNode("div", _hoisted_11$2, [
|
|
1082
|
-
__props.icon && __props.
|
|
1082
|
+
__props.icon && __props.iconSize === "small" ? (openBlock(), createBlock(_sfc_main$y, {
|
|
1083
1083
|
key: 0,
|
|
1084
1084
|
name: __props.icon,
|
|
1085
1085
|
size: smallIconSize,
|
|
@@ -1111,7 +1111,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
1111
1111
|
},
|
|
1112
1112
|
__name: "FdsBlockLink",
|
|
1113
1113
|
props: {
|
|
1114
|
-
|
|
1114
|
+
heading: {},
|
|
1115
1115
|
arrow: { type: Boolean, default: false },
|
|
1116
1116
|
download: {},
|
|
1117
1117
|
href: {},
|
|
@@ -1208,7 +1208,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
1208
1208
|
}, [
|
|
1209
1209
|
createElementVNode("h3", {
|
|
1210
1210
|
class: normalizeClass(["flex-1 font-heading text-lg tracking-normal m-0 leading-md", headerTextClasses.value])
|
|
1211
|
-
}, toDisplayString(__props.
|
|
1211
|
+
}, toDisplayString(__props.heading), 3)
|
|
1212
1212
|
], 2),
|
|
1213
1213
|
createElementVNode("div", {
|
|
1214
1214
|
class: normalizeClass(slotWrapperClasses.value)
|
|
@@ -1434,8 +1434,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
1434
1434
|
props: {
|
|
1435
1435
|
value: { default: "" },
|
|
1436
1436
|
targetId: {},
|
|
1437
|
-
|
|
1438
|
-
|
|
1437
|
+
text: { default: "Kopiera" },
|
|
1438
|
+
copiedText: { default: "Kopierat!" },
|
|
1439
1439
|
timeoutMs: { default: 800 },
|
|
1440
1440
|
disabled: { type: Boolean, default: false },
|
|
1441
1441
|
dataTestid: { default: void 0 }
|
|
@@ -1493,13 +1493,13 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
1493
1493
|
return (_ctx, _cache) => {
|
|
1494
1494
|
return isCopied.value ? (openBlock(), createElementBlock("div", _hoisted_1$h, [
|
|
1495
1495
|
createVNode(_sfc_main$y, { name: "bigSuccess" }),
|
|
1496
|
-
createElementVNode("span", null, toDisplayString(props.
|
|
1496
|
+
createElementVNode("span", null, toDisplayString(props.copiedText), 1)
|
|
1497
1497
|
])) : (openBlock(), createBlock(_sfc_main$p, {
|
|
1498
1498
|
key: 1,
|
|
1499
1499
|
type: "button",
|
|
1500
1500
|
disabled: props.disabled,
|
|
1501
1501
|
icon: "copy",
|
|
1502
|
-
text: isCopied.value ? props.
|
|
1502
|
+
text: isCopied.value ? props.copiedText : props.text,
|
|
1503
1503
|
dataTestid: __props.dataTestid,
|
|
1504
1504
|
onClick
|
|
1505
1505
|
}, null, 8, ["disabled", "text", "dataTestid"]));
|
|
@@ -5116,7 +5116,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
5116
5116
|
key: 0,
|
|
5117
5117
|
heading: "localStorage",
|
|
5118
5118
|
icon: "information",
|
|
5119
|
-
|
|
5119
|
+
iconSize: "small"
|
|
5120
5120
|
}, {
|
|
5121
5121
|
default: withCtx(() => [
|
|
5122
5122
|
!localStorageEntries.value.length ? (openBlock(), createElementBlock("div", _hoisted_2$a, "Inga värden i localStorage.")) : (openBlock(), createElementBlock("div", _hoisted_3$8, [
|
|
@@ -5184,7 +5184,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
5184
5184
|
key: 1,
|
|
5185
5185
|
heading: "sessionStorage",
|
|
5186
5186
|
icon: "information",
|
|
5187
|
-
|
|
5187
|
+
iconSize: "small"
|
|
5188
5188
|
}, {
|
|
5189
5189
|
default: withCtx(() => [
|
|
5190
5190
|
!sessionStorageEntries.value.length ? (openBlock(), createElementBlock("div", _hoisted_12, "Inga värden i sessionStorage.")) : (openBlock(), createElementBlock("div", _hoisted_13, [
|
|
@@ -5252,7 +5252,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
5252
5252
|
key: 2,
|
|
5253
5253
|
heading: "Cookies",
|
|
5254
5254
|
icon: "information",
|
|
5255
|
-
|
|
5255
|
+
iconSize: "small"
|
|
5256
5256
|
}, {
|
|
5257
5257
|
default: withCtx(() => [
|
|
5258
5258
|
!cookieEntries.value.length ? (openBlock(), createElementBlock("div", _hoisted_22, "Inga cookies satta för domänen.")) : (openBlock(), createElementBlock("div", _hoisted_23, [
|
|
@@ -5320,7 +5320,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
5320
5320
|
key: 3,
|
|
5321
5321
|
heading: "Placeholder",
|
|
5322
5322
|
icon: "information",
|
|
5323
|
-
|
|
5323
|
+
iconSize: "small",
|
|
5324
5324
|
class: "min-h-[200px] flex items-center justify-center text-sm text-gray-500"
|
|
5325
5325
|
}, {
|
|
5326
5326
|
default: withCtx(() => [..._cache[21] || (_cache[21] = [
|