@knime/kds-components 0.15.0 → 0.15.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/accessories/InlineMessage/KdsInlineMessage.vue.d.ts +7 -0
- package/dist/accessories/InlineMessage/KdsInlineMessage.vue.d.ts.map +1 -0
- package/dist/accessories/InlineMessage/enums.d.ts +8 -0
- package/dist/accessories/InlineMessage/enums.d.ts.map +1 -0
- package/dist/accessories/InlineMessage/index.d.ts +4 -0
- package/dist/accessories/InlineMessage/index.d.ts.map +1 -0
- package/dist/accessories/InlineMessage/types.d.ts +11 -0
- package/dist/accessories/InlineMessage/types.d.ts.map +1 -0
- package/dist/accessories/index.d.ts +2 -0
- package/dist/accessories/index.d.ts.map +1 -1
- package/dist/index.css +59 -0
- package/dist/index.js +95 -33
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { KdsInlineMessageProps } from './types';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<KdsInlineMessageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsInlineMessageProps> & Readonly<{}>, {
|
|
3
|
+
variant: import('./types').KdsInlineMessageVariant;
|
|
4
|
+
message: string;
|
|
5
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
6
|
+
export default _default;
|
|
7
|
+
//# sourceMappingURL=KdsInlineMessage.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KdsInlineMessage.vue.d.ts","sourceRoot":"","sources":["../../../src/accessories/InlineMessage/KdsInlineMessage.vue"],"names":[],"mappings":"AAwHA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;;;;;AAgHrD,wBAQG"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const kdsInlineMessageVariant: {
|
|
2
|
+
readonly ERROR: "error";
|
|
3
|
+
readonly INFO: "info";
|
|
4
|
+
readonly SUCCESS: "success";
|
|
5
|
+
readonly WARNING: "warning";
|
|
6
|
+
};
|
|
7
|
+
export declare const kdsInlineMessageVariants: ("info" | "warning" | "success" | "error")[];
|
|
8
|
+
//# sourceMappingURL=enums.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../src/accessories/InlineMessage/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB;;;;;CAK1B,CAAC;AAEX,eAAO,MAAM,wBAAwB,8CAAyC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/accessories/InlineMessage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { kdsInlineMessageVariant } from './enums';
|
|
2
|
+
export type KdsInlineMessageVariant = (typeof kdsInlineMessageVariant)[keyof typeof kdsInlineMessageVariant];
|
|
3
|
+
export type KdsInlineMessageProps = {
|
|
4
|
+
/** The title displayed at the top of the inline message. */
|
|
5
|
+
title: string;
|
|
6
|
+
/** The message content displayed inside the inline message. */
|
|
7
|
+
message?: string;
|
|
8
|
+
/** Variant of the inline message. */
|
|
9
|
+
variant?: KdsInlineMessageVariant;
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/accessories/InlineMessage/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAElD,MAAM,MAAM,uBAAuB,GACjC,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,OAAO,uBAAuB,CAAC,CAAC;AAEzE,MAAM,MAAM,qBAAqB,GAAG;IAClC,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAC;IAEd,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,qCAAqC;IACrC,OAAO,CAAC,EAAE,uBAAuB,CAAC;CACnC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/accessories/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,mBAAmB,UAAU,CAAC;AAE9B,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC;AAE7B,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC;AAE5B,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/accessories/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,mBAAmB,UAAU,CAAC;AAE9B,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC;AAE7B,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC;AAE5B,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,kBAAkB,CAAC;AAEtC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC"}
|
package/dist/index.css
CHANGED
|
@@ -397,6 +397,65 @@ to {
|
|
|
397
397
|
}
|
|
398
398
|
}
|
|
399
399
|
|
|
400
|
+
.kds-inline-message {
|
|
401
|
+
&[data-v-ab9855b7] {
|
|
402
|
+
display: flex;
|
|
403
|
+
flex-direction: column;
|
|
404
|
+
gap: var(--kds-spacing-container-0-25x);
|
|
405
|
+
align-items: flex-start;
|
|
406
|
+
padding: calc(
|
|
407
|
+
var(--kds-spacing-container-0-5x) - var(--kds-core-border-width-xs)
|
|
408
|
+
);
|
|
409
|
+
color: var(--kds-color-text-and-icon-neutral);
|
|
410
|
+
border-radius: var(--kds-border-radius-container-0-50x);
|
|
411
|
+
}
|
|
412
|
+
.header {
|
|
413
|
+
&[data-v-ab9855b7] {
|
|
414
|
+
display: flex;
|
|
415
|
+
gap: var(--kds-spacing-container-0-25x);
|
|
416
|
+
align-items: flex-start;
|
|
417
|
+
}
|
|
418
|
+
.icon[data-v-ab9855b7] {
|
|
419
|
+
align-self: flex-start;
|
|
420
|
+
margin-top: var(--kds-spacing-container-0-12x);
|
|
421
|
+
color: var(--icon-color);
|
|
422
|
+
}
|
|
423
|
+
.title[data-v-ab9855b7] {
|
|
424
|
+
font: var(--kds-font-base-title-small-strong);
|
|
425
|
+
}
|
|
426
|
+
}
|
|
427
|
+
.body[data-v-ab9855b7] {
|
|
428
|
+
align-self: stretch;
|
|
429
|
+
padding-left: var(--kds-spacing-container-1x);
|
|
430
|
+
font: var(--kds-font-base-body-small);
|
|
431
|
+
color: var(--kds-color-text-and-icon-muted);
|
|
432
|
+
}
|
|
433
|
+
&.info[data-v-ab9855b7] {
|
|
434
|
+
--icon-color: var(--kds-color-text-and-icon-info);
|
|
435
|
+
|
|
436
|
+
background-color: var(--kds-color-background-static-info-muted);
|
|
437
|
+
border: var(--kds-border-base-info);
|
|
438
|
+
}
|
|
439
|
+
&.success[data-v-ab9855b7] {
|
|
440
|
+
--icon-color: var(--kds-color-text-and-icon-success);
|
|
441
|
+
|
|
442
|
+
background-color: var(--kds-color-background-static-success-muted);
|
|
443
|
+
border: var(--kds-border-base-success);
|
|
444
|
+
}
|
|
445
|
+
&.error[data-v-ab9855b7] {
|
|
446
|
+
--icon-color: var(--kds-color-text-and-icon-danger);
|
|
447
|
+
|
|
448
|
+
background-color: var(--kds-color-background-static-danger-muted);
|
|
449
|
+
border: var(--kds-border-base-danger);
|
|
450
|
+
}
|
|
451
|
+
&.warning[data-v-ab9855b7] {
|
|
452
|
+
--icon-color: var(--kds-color-text-and-icon-warning);
|
|
453
|
+
|
|
454
|
+
background-color: var(--kds-color-background-static-warning-muted);
|
|
455
|
+
border: var(--kds-border-base-warning);
|
|
456
|
+
}
|
|
457
|
+
}
|
|
458
|
+
|
|
400
459
|
html.kds-legacy {
|
|
401
460
|
--kds-legacy-button-border-radius: var(--kds-border-radius-container-pill);
|
|
402
461
|
}
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, ref, watch, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, shallowRef, toRef, unref, createBlock, resolveDynamicComponent, createCommentVNode, normalizeStyle, useTemplateRef, withCtx, renderSlot, mergeProps, h, useSlots, getCurrentInstance, useModel, mergeModels,
|
|
1
|
+
import { defineComponent, ref, watch, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, shallowRef, toRef, unref, createBlock, resolveDynamicComponent, createCommentVNode, normalizeStyle, useTemplateRef, createVNode, withCtx, renderSlot, mergeProps, h, useSlots, getCurrentInstance, useModel, mergeModels, defineAsyncComponent, useId, Fragment, renderList, onBeforeUpdate, nextTick, watchEffect, withModifiers, normalizeProps, guardReactiveProps, withDirectives, vModelText, toHandlers, createTextVNode, useCssVars, mergeDefaults, createSlots } from 'vue';
|
|
2
2
|
import { useLocalStorage, useDark, usePreferredDark, useResizeObserver, useMutationObserver, useElementSize } from '@vueuse/core';
|
|
3
3
|
|
|
4
4
|
import './index.css';const kdsAvatarSize = {
|
|
@@ -9,14 +9,14 @@ import './index.css';const kdsAvatarSize = {
|
|
|
9
9
|
};
|
|
10
10
|
const kdsAvatarSizes = Object.values(kdsAvatarSize);
|
|
11
11
|
|
|
12
|
-
const _hoisted_1$
|
|
13
|
-
const _hoisted_2$
|
|
14
|
-
const _hoisted_3$
|
|
12
|
+
const _hoisted_1$x = ["role", "title", "aria-hidden", "aria-label"];
|
|
13
|
+
const _hoisted_2$g = ["src"];
|
|
14
|
+
const _hoisted_3$a = {
|
|
15
15
|
key: 1,
|
|
16
16
|
class: "kds-avatar-initials",
|
|
17
17
|
"aria-hidden": "true"
|
|
18
18
|
};
|
|
19
|
-
const _sfc_main$
|
|
19
|
+
const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
20
20
|
__name: "KdsAvatar",
|
|
21
21
|
props: {
|
|
22
22
|
initials: {},
|
|
@@ -59,10 +59,10 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
|
59
59
|
alt: "",
|
|
60
60
|
"aria-hidden": "true",
|
|
61
61
|
onError: onImageError
|
|
62
|
-
}, null, 40, _hoisted_2$
|
|
62
|
+
}, null, 40, _hoisted_2$g)) : (openBlock(), createElementBlock("div", _hoisted_3$a, [
|
|
63
63
|
createElementVNode("span", null, toDisplayString(displayedInitials.value), 1)
|
|
64
64
|
]))
|
|
65
|
-
], 10, _hoisted_1$
|
|
65
|
+
], 10, _hoisted_1$x);
|
|
66
66
|
};
|
|
67
67
|
}
|
|
68
68
|
});
|
|
@@ -75,7 +75,7 @@ const _export_sfc = (sfc, props) => {
|
|
|
75
75
|
return target;
|
|
76
76
|
};
|
|
77
77
|
|
|
78
|
-
const KdsAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
78
|
+
const KdsAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-d6a313f1"]]);
|
|
79
79
|
|
|
80
80
|
const __variableDynamicImportRuntimeHelper = (glob$1, path$13, segs) => {
|
|
81
81
|
const v = glob$1[path$13];
|
|
@@ -111,7 +111,7 @@ const useIcon = ({
|
|
|
111
111
|
return iconComponent;
|
|
112
112
|
};
|
|
113
113
|
|
|
114
|
-
const _sfc_main$
|
|
114
|
+
const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
115
115
|
__name: "KdsIcon",
|
|
116
116
|
props: {
|
|
117
117
|
name: {},
|
|
@@ -137,7 +137,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
|
137
137
|
}
|
|
138
138
|
});
|
|
139
139
|
|
|
140
|
-
const KdsIcon = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
140
|
+
const KdsIcon = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-4da5bf3e"]]);
|
|
141
141
|
|
|
142
142
|
const ID_TO_ICON_MAP = {
|
|
143
143
|
// Flow Variables
|
|
@@ -463,8 +463,8 @@ const kdsDataTypeSize = {
|
|
|
463
463
|
};
|
|
464
464
|
const kdsDataTypeSizes = Object.values(kdsDataTypeSize);
|
|
465
465
|
|
|
466
|
-
const _hoisted_1$
|
|
467
|
-
const _sfc_main$
|
|
466
|
+
const _hoisted_1$w = ["title"];
|
|
467
|
+
const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
468
468
|
__name: "KdsDataType",
|
|
469
469
|
props: {
|
|
470
470
|
iconName: { default: "unknown-datatype" },
|
|
@@ -505,12 +505,12 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
|
505
505
|
"aria-hidden": "true",
|
|
506
506
|
focusable: "false"
|
|
507
507
|
}, null, 8, ["class"]))
|
|
508
|
-
], 10, _hoisted_1$
|
|
508
|
+
], 10, _hoisted_1$w);
|
|
509
509
|
};
|
|
510
510
|
}
|
|
511
511
|
});
|
|
512
512
|
|
|
513
|
-
const KdsDataType = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
513
|
+
const KdsDataType = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-806087da"]]);
|
|
514
514
|
|
|
515
515
|
const kdsBadgeVariant = {
|
|
516
516
|
NEUTRAL: "neutral",
|
|
@@ -527,8 +527,8 @@ const kdsBadgeSize = {
|
|
|
527
527
|
};
|
|
528
528
|
const kdsBadgeSizes = Object.values(kdsBadgeSize);
|
|
529
529
|
|
|
530
|
-
const _hoisted_1$
|
|
531
|
-
const _sfc_main$
|
|
530
|
+
const _hoisted_1$v = { class: "label-wrapper" };
|
|
531
|
+
const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
532
532
|
__name: "KdsBadge",
|
|
533
533
|
props: {
|
|
534
534
|
label: {},
|
|
@@ -550,13 +550,13 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
|
550
550
|
name: __props.icon,
|
|
551
551
|
size: sizeToIconSize[__props.size]
|
|
552
552
|
}, null, 8, ["name", "size"])) : createCommentVNode("", true),
|
|
553
|
-
createElementVNode("span", _hoisted_1$
|
|
553
|
+
createElementVNode("span", _hoisted_1$v, toDisplayString(__props.label), 1)
|
|
554
554
|
], 2);
|
|
555
555
|
};
|
|
556
556
|
}
|
|
557
557
|
});
|
|
558
558
|
|
|
559
|
-
const KdsBadge = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
559
|
+
const KdsBadge = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-5c6c74a8"]]);
|
|
560
560
|
|
|
561
561
|
const kdsColorSwatchType = {
|
|
562
562
|
LEARNER: "learner",
|
|
@@ -575,8 +575,8 @@ const kdsColorSwatchSize = {
|
|
|
575
575
|
};
|
|
576
576
|
const kdsColorSwatchSizes = Object.values(kdsColorSwatchSize);
|
|
577
577
|
|
|
578
|
-
const _hoisted_1$
|
|
579
|
-
const _sfc_main$
|
|
578
|
+
const _hoisted_1$u = ["role", "title", "aria-hidden", "aria-label"];
|
|
579
|
+
const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
580
580
|
__name: "KdsColorSwatch",
|
|
581
581
|
props: {
|
|
582
582
|
color: {},
|
|
@@ -611,12 +611,12 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
|
611
611
|
style: normalizeStyle({ backgroundColor: backgroundColor.value }),
|
|
612
612
|
"aria-hidden": hasTitle.value ? void 0 : "true",
|
|
613
613
|
"aria-label": hasTitle.value ? accessibleTitle.value : void 0
|
|
614
|
-
}, null, 14, _hoisted_1$
|
|
614
|
+
}, null, 14, _hoisted_1$u);
|
|
615
615
|
};
|
|
616
616
|
}
|
|
617
617
|
});
|
|
618
618
|
|
|
619
|
-
const KdsColorSwatch = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
619
|
+
const KdsColorSwatch = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-bdb3dd24"]]);
|
|
620
620
|
|
|
621
621
|
const kdsDarkModeType = {
|
|
622
622
|
LIGHT: "light",
|
|
@@ -736,9 +736,9 @@ function useKdsIsTruncated(elementRef) {
|
|
|
736
736
|
return { isTruncated };
|
|
737
737
|
}
|
|
738
738
|
|
|
739
|
-
const _hoisted_1$
|
|
740
|
-
const _hoisted_2$
|
|
741
|
-
const _sfc_main$
|
|
739
|
+
const _hoisted_1$t = ["title", "aria-label"];
|
|
740
|
+
const _hoisted_2$f = ["title"];
|
|
741
|
+
const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
742
742
|
__name: "KdsLiveStatus",
|
|
743
743
|
props: {
|
|
744
744
|
status: { default: "red" },
|
|
@@ -767,13 +767,13 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
|
767
767
|
ref: labelEl,
|
|
768
768
|
class: "label",
|
|
769
769
|
title: unref(isTruncated) ? props.label : void 0
|
|
770
|
-
}, toDisplayString(props.label), 9, _hoisted_2$
|
|
771
|
-
], 10, _hoisted_1$
|
|
770
|
+
}, toDisplayString(props.label), 9, _hoisted_2$f)) : createCommentVNode("", true)
|
|
771
|
+
], 10, _hoisted_1$t);
|
|
772
772
|
};
|
|
773
773
|
}
|
|
774
774
|
});
|
|
775
775
|
|
|
776
|
-
const KdsLiveStatus = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
776
|
+
const KdsLiveStatus = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-4dec8e94"]]);
|
|
777
777
|
|
|
778
778
|
const kdsLiveStatusStatus = {
|
|
779
779
|
RED: "red",
|
|
@@ -789,8 +789,8 @@ const kdsLiveStatusSize = {
|
|
|
789
789
|
};
|
|
790
790
|
const kdsLiveStatusSizes = Object.values(kdsLiveStatusSize);
|
|
791
791
|
|
|
792
|
-
const _hoisted_1$
|
|
793
|
-
const _sfc_main$
|
|
792
|
+
const _hoisted_1$s = ["data-style"];
|
|
793
|
+
const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
794
794
|
__name: "KdsLoadingSpinner",
|
|
795
795
|
props: {
|
|
796
796
|
size: { default: "medium" },
|
|
@@ -815,12 +815,12 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
|
815
815
|
cy: "60",
|
|
816
816
|
r: "50"
|
|
817
817
|
}, null, -1)
|
|
818
|
-
])], 10, _hoisted_1$
|
|
818
|
+
])], 10, _hoisted_1$s);
|
|
819
819
|
};
|
|
820
820
|
}
|
|
821
821
|
});
|
|
822
822
|
|
|
823
|
-
const KdsLoadingSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
823
|
+
const KdsLoadingSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-74bb7c3d"]]);
|
|
824
824
|
|
|
825
825
|
const kdsLoadingSpinnerVariant = {
|
|
826
826
|
ON_PRIMARY: "onPrimary",
|
|
@@ -830,6 +830,68 @@ const kdsLoadingSpinnerVariants = Object.values(
|
|
|
830
830
|
kdsLoadingSpinnerVariant
|
|
831
831
|
);
|
|
832
832
|
|
|
833
|
+
const _hoisted_1$r = ["role"];
|
|
834
|
+
const _hoisted_2$e = { class: "header" };
|
|
835
|
+
const _hoisted_3$9 = { class: "title" };
|
|
836
|
+
const _hoisted_4$7 = {
|
|
837
|
+
key: 0,
|
|
838
|
+
class: "body"
|
|
839
|
+
};
|
|
840
|
+
const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
841
|
+
__name: "KdsInlineMessage",
|
|
842
|
+
props: {
|
|
843
|
+
title: {},
|
|
844
|
+
message: { default: void 0 },
|
|
845
|
+
variant: { default: "info" }
|
|
846
|
+
},
|
|
847
|
+
setup(__props) {
|
|
848
|
+
const props = __props;
|
|
849
|
+
const classes = computed(() => ["kds-inline-message", props.variant]);
|
|
850
|
+
const iconName = computed(() => {
|
|
851
|
+
switch (props.variant) {
|
|
852
|
+
case "success":
|
|
853
|
+
return "circle-success";
|
|
854
|
+
case "error":
|
|
855
|
+
return "circle-error";
|
|
856
|
+
case "warning":
|
|
857
|
+
return "warning";
|
|
858
|
+
case "info":
|
|
859
|
+
default:
|
|
860
|
+
return "circle-info";
|
|
861
|
+
}
|
|
862
|
+
});
|
|
863
|
+
const role = computed(
|
|
864
|
+
() => props.variant === "warning" || props.variant === "error" ? "alert" : "status"
|
|
865
|
+
);
|
|
866
|
+
return (_ctx, _cache) => {
|
|
867
|
+
return openBlock(), createElementBlock("div", {
|
|
868
|
+
class: normalizeClass(classes.value),
|
|
869
|
+
role: role.value
|
|
870
|
+
}, [
|
|
871
|
+
createElementVNode("div", _hoisted_2$e, [
|
|
872
|
+
createVNode(KdsIcon, {
|
|
873
|
+
class: "icon",
|
|
874
|
+
name: iconName.value,
|
|
875
|
+
size: "small"
|
|
876
|
+
}, null, 8, ["name"]),
|
|
877
|
+
createElementVNode("div", _hoisted_3$9, toDisplayString(props.title), 1)
|
|
878
|
+
]),
|
|
879
|
+
props.message ? (openBlock(), createElementBlock("div", _hoisted_4$7, toDisplayString(props.message), 1)) : createCommentVNode("", true)
|
|
880
|
+
], 10, _hoisted_1$r);
|
|
881
|
+
};
|
|
882
|
+
}
|
|
883
|
+
});
|
|
884
|
+
|
|
885
|
+
const KdsInlineMessage = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-ab9855b7"]]);
|
|
886
|
+
|
|
887
|
+
const kdsInlineMessageVariant = {
|
|
888
|
+
ERROR: "error",
|
|
889
|
+
INFO: "info",
|
|
890
|
+
SUCCESS: "success",
|
|
891
|
+
WARNING: "warning"
|
|
892
|
+
};
|
|
893
|
+
const kdsInlineMessageVariants = Object.values(kdsInlineMessageVariant);
|
|
894
|
+
|
|
833
895
|
const _hoisted_1$q = {
|
|
834
896
|
key: 0,
|
|
835
897
|
class: "label"
|
|
@@ -4878,5 +4940,5 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
4878
4940
|
|
|
4879
4941
|
const KdsDynamicModalProvider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-67e036b5"]]);
|
|
4880
4942
|
|
|
4881
|
-
export { KdsAvatar, KdsBadge, _sfc_main$B as KdsButton, KdsCardClickable, _sfc_main$u as KdsCheckbox, KdsCheckboxGroup, _sfc_main$j as KdsColorInput, KdsColorSwatch, KdsDataType, _sfc_main$8 as KdsDropdown, KdsDynamicModalProvider, KdsEmptyState, KdsIcon, KdsInfoToggleButton, KdsLabel, _sfc_main$A as KdsLinkButton, KdsLiveStatus, KdsLoadingSpinner, KdsModal, KdsModalLayout, _sfc_main$i as KdsNumberInput, _sfc_main$h as KdsPatternInput, KdsProgressButton, KdsRadioButton, KdsRadioButtonGroup, _sfc_main$g as KdsSearchInput, KdsSubText, _sfc_main$l as KdsTextInput, KdsTextarea, _sfc_main$z as KdsToggleButton, KdsValueSwitch, KdsVariableToggleButton, kdsAvatarSize, kdsAvatarSizes, kdsBadgeSize, kdsBadgeSizes, kdsBadgeVariant, kdsBadgeVariants, kdsButtonSize, kdsButtonSizes, kdsButtonVariant, kdsButtonVariants, kdsCardVariant, kdsCardVariants, kdsCheckboxGroupAlignment, kdsCheckboxGroupAlignments, kdsCheckboxValue, kdsCheckboxValues, kdsColorSwatchSize, kdsColorSwatchSizes, kdsColorSwatchType, kdsColorSwatchTypes, kdsDarkModeType, kdsDarkModeTypes, kdsDataTypeSize, kdsDataTypeSizes, kdsIconName, iconNames as kdsIconNames, kdsIconSize, kdsIconSizes, kdsLiveStatusSize, kdsLiveStatusSizes, kdsLiveStatusStatus, kdsLiveStatusStatuses, kdsLoadingSpinnerVariant, kdsLoadingSpinnerVariants, kdsModalClosedBy, kdsModalClosedByOptions, kdsModalHeight, kdsModalHeightSizes, kdsModalVariant, kdsModalVariants, kdsModalWidth, kdsModalWidthSizes, kdsProgressButtonState, kdsProgressButtonStates, kdsRadioButtonGroupAlignment, kdsRadioButtonGroupAlignments, kdsToggleButtonVariant, kdsToggleButtonVariants, kdsTypeIconName, typeIconNames as kdsTypeIconNames, kdsValueSwitchSize, kdsValueSwitchSizes, kdsValueSwitchVariant, kdsValueSwitchVariants, useKdsDarkMode, useKdsDynamicModal, useKdsIsTruncated, useKdsLegacyMode };
|
|
4943
|
+
export { KdsAvatar, KdsBadge, _sfc_main$B as KdsButton, KdsCardClickable, _sfc_main$u as KdsCheckbox, KdsCheckboxGroup, _sfc_main$j as KdsColorInput, KdsColorSwatch, KdsDataType, _sfc_main$8 as KdsDropdown, KdsDynamicModalProvider, KdsEmptyState, KdsIcon, KdsInfoToggleButton, KdsInlineMessage, KdsLabel, _sfc_main$A as KdsLinkButton, KdsLiveStatus, KdsLoadingSpinner, KdsModal, KdsModalLayout, _sfc_main$i as KdsNumberInput, _sfc_main$h as KdsPatternInput, KdsProgressButton, KdsRadioButton, KdsRadioButtonGroup, _sfc_main$g as KdsSearchInput, KdsSubText, _sfc_main$l as KdsTextInput, KdsTextarea, _sfc_main$z as KdsToggleButton, KdsValueSwitch, KdsVariableToggleButton, kdsAvatarSize, kdsAvatarSizes, kdsBadgeSize, kdsBadgeSizes, kdsBadgeVariant, kdsBadgeVariants, kdsButtonSize, kdsButtonSizes, kdsButtonVariant, kdsButtonVariants, kdsCardVariant, kdsCardVariants, kdsCheckboxGroupAlignment, kdsCheckboxGroupAlignments, kdsCheckboxValue, kdsCheckboxValues, kdsColorSwatchSize, kdsColorSwatchSizes, kdsColorSwatchType, kdsColorSwatchTypes, kdsDarkModeType, kdsDarkModeTypes, kdsDataTypeSize, kdsDataTypeSizes, kdsIconName, iconNames as kdsIconNames, kdsIconSize, kdsIconSizes, kdsInlineMessageVariant, kdsInlineMessageVariants, kdsLiveStatusSize, kdsLiveStatusSizes, kdsLiveStatusStatus, kdsLiveStatusStatuses, kdsLoadingSpinnerVariant, kdsLoadingSpinnerVariants, kdsModalClosedBy, kdsModalClosedByOptions, kdsModalHeight, kdsModalHeightSizes, kdsModalVariant, kdsModalVariants, kdsModalWidth, kdsModalWidthSizes, kdsProgressButtonState, kdsProgressButtonStates, kdsRadioButtonGroupAlignment, kdsRadioButtonGroupAlignments, kdsToggleButtonVariant, kdsToggleButtonVariants, kdsTypeIconName, typeIconNames as kdsTypeIconNames, kdsValueSwitchSize, kdsValueSwitchSizes, kdsValueSwitchVariant, kdsValueSwitchVariants, useKdsDarkMode, useKdsDynamicModal, useKdsIsTruncated, useKdsLegacyMode };
|
|
4882
4944
|
//# sourceMappingURL=index.js.map
|