@knime/kds-components 0.4.2 → 0.5.0

package/dist/Button/BaseButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.vue.d.ts","sourceRoot":"","sources":["../../src/Button/BaseButton.vue"],"names":[],"mappings":";AAucA,wBASG"}
+{"version":3,"file":"BaseButton.vue.d.ts","sourceRoot":"","sources":["../../src/Button/BaseButton.vue"],"names":[],"mappings":";AA8dA,wBASG"}

package/dist/Button/KdsButton.vue.d.ts

@@ -1,43 +1,3 @@
-declare const _default: import('vue').DefineComponent<({
-    variant?: import('./types').KdsButtonVariant;
-    size?: import('../types').KdsSize;
-    destructive?: boolean;
-    disabled?: boolean;
-} & {
-    label: string;
-    leadingIcon?: import('packages/styles/dist/img/icons/def').IconName;
-    trailingIcon?: import('packages/styles/dist/img/icons/def').IconName;
-}) | ({
-    variant?: import('./types').KdsButtonVariant;
-    size?: import('../types').KdsSize;
-    destructive?: boolean;
-    disabled?: boolean;
-} & {
-    label?: never;
-    leadingIcon: import('packages/styles/dist/img/icons/def').IconName;
-    trailingIcon?: never;
-}), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (event: MouseEvent) => any;
-}, string, import('vue').PublicProps, Readonly<({
-    variant?: import('./types').KdsButtonVariant;
-    size?: import('../types').KdsSize;
-    destructive?: boolean;
-    disabled?: boolean;
-} & {
-    label: string;
-    leadingIcon?: import('packages/styles/dist/img/icons/def').IconName;
-    trailingIcon?: import('packages/styles/dist/img/icons/def').IconName;
-}) | ({
-    variant?: import('./types').KdsButtonVariant;
-    size?: import('../types').KdsSize;
-    destructive?: boolean;
-    disabled?: boolean;
-} & {
-    label?: never;
-    leadingIcon: import('packages/styles/dist/img/icons/def').IconName;
-    trailingIcon?: never;
-})> & Readonly<{
-    onClick?: ((event: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
 export default _default;
 //# sourceMappingURL=KdsButton.vue.d.ts.map

package/dist/Button/KdsButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsButton.vue.d.ts","sourceRoot":"","sources":["../../src/Button/KdsButton.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFA,wBAQG"}
+{"version":3,"file":"KdsButton.vue.d.ts","sourceRoot":"","sources":["../../src/Button/KdsButton.vue"],"names":[],"mappings":";AA2FA,wBASG"}

package/dist/Button/KdsLinkButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsLinkButton.vue.d.ts","sourceRoot":"","sources":["../../src/Button/KdsLinkButton.vue"],"names":[],"mappings":";AA8HA,wBASG"}
+{"version":3,"file":"KdsLinkButton.vue.d.ts","sourceRoot":"","sources":["../../src/Button/KdsLinkButton.vue"],"names":[],"mappings":";AAiIA,wBASG"}

package/dist/Button/KdsToggleButton.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+export default _default;
+//# sourceMappingURL=KdsToggleButton.vue.d.ts.map

package/dist/Button/KdsToggleButton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdsToggleButton.vue.d.ts","sourceRoot":"","sources":["../../src/Button/KdsToggleButton.vue"],"names":[],"mappings":";AAwGA,wBASG"}

package/dist/Button/constants.d.ts

@@ -1,2 +1,3 @@
 export declare const kdsButtonVariants: readonly ["filled", "outlined", "transparent"];
+export declare const kdsToggleButtonVariants: readonly ["outlined", "transparent"];
 //# sourceMappingURL=constants.d.ts.map

package/dist/Button/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/Button/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,gDAAiD,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/Button/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,gDAAiD,CAAC;AAEhF,eAAO,MAAM,uBAAuB,sCAAuC,CAAC"}

package/dist/Button/types.d.ts

@@ -1,31 +1,48 @@
 import { IconName } from '@knime/kds-styles/img/icons/def';
 import { KdsSize } from '../types';
-import { kdsButtonVariants } from './constants';
+import { kdsButtonVariants, kdsToggleButtonVariants } from './constants';
 export type KdsButtonVariant = (typeof kdsButtonVariants)[number];
-type BaseProps = {
-    variant?: KdsButtonVariant;
+export type KdsToggleButtonVariant = (typeof kdsToggleButtonVariants)[number];
+/**
+ * Properties common to all button components
+ */
+type CommonProps = {
     size?: KdsSize;
-    destructive?: boolean;
     disabled?: boolean;
 };
-type WithLabelOrLeadingIcon = BaseProps & {
+/**
+ * Helper types
+ */
+type LabelAndIcons = {
     label: string;
     leadingIcon?: IconName;
     trailingIcon?: IconName;
 };
-type EnsureLabelAndTrailingIcon = BaseProps & {
+type LeadingIconOnly = {
     label?: never;
     leadingIcon: IconName;
     trailingIcon?: never;
 };
-export type BaseButtonProps = WithLabelOrLeadingIcon | EnsureLabelAndTrailingIcon;
-export type KdsButtonProps = BaseButtonProps;
-export type KdsLinkButtonProps = BaseButtonProps & {
+/**
+ * Composable button types
+ */
+type WithVariant<TVariant> = {
+    variant: TVariant;
+};
+type WithLabelAndIcons = LabelAndIcons | LeadingIconOnly;
+type WithDestructive = {
+    /**
+     * If set to true, the button will prominently warn the user of a destructive action.
+     */
+    destructive?: boolean;
+};
+type WithRouterNavigation = {
     /**
      * Route Location the link should navigate to when clicked on; passed to RouterLink/NuxtLink component if globally available
      */
     to: string | Record<string, unknown>;
-} & {
+};
+type WithAnchorElementAttributes = {
     /**
      * If set to true, the link will be downloaded instead of navigating to it.
      */
@@ -39,5 +56,21 @@ export type KdsLinkButtonProps = BaseButtonProps & {
      */
     rel?: "noopener" | "noreferrer" | "nofollow" | "sponsored" | "ugc" | string | null;
 };
+type WithToggled = {
+    /**
+     * Represents the button's toggled state
+     */
+    toggled?: boolean;
+};
+/**
+ * Type for BaseButton component which supports all behaviors
+ */
+export type BaseButtonProps = CommonProps & WithVariant<KdsButtonVariant> & WithLabelAndIcons & WithDestructive & WithToggled;
+/**
+ * Component types
+ */
+export type KdsButtonProps = CommonProps & Partial<WithVariant<KdsButtonVariant>> & WithLabelAndIcons & WithDestructive;
+export type KdsLinkButtonProps = CommonProps & Partial<WithVariant<KdsButtonVariant>> & WithLabelAndIcons & WithDestructive & WithRouterNavigation & WithAnchorElementAttributes;
+export type KdsToggleButtonProps = CommonProps & Partial<WithVariant<KdsToggleButtonVariant>> & WithLabelAndIcons;
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/Button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEhE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,sBAAsB,GAAG,SAAS,GAAG;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,YAAY,CAAC,EAAE,QAAQ,CAAC;CACzB,CAAC;AAEF,KAAK,0BAA0B,GAAG,SAAS,GAAG;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,EAAE,QAAQ,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GACvB,sBAAsB,GACtB,0BAA0B,CAAC;AAsB/B,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC;AAE7C,MAAM,MAAM,kBAAkB,GAAG,eAAe,GAAG;IAGjD;;OAEG;IACH,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC,GAAG;IAGF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACjE;;OAEG;IACH,GAAG,CAAC,EACA,UAAU,GACV,YAAY,GACZ,UAAU,GACV,WAAW,GACX,KAAK,GACL,MAAM,GACN,IAAI,CAAC;CACV,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEhE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE9E,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAClE,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9E;;GAEG;AACH,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,YAAY,CAAC,EAAE,QAAQ,CAAC;CACzB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,EAAE,QAAQ,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEF;;GAEG;AACH,KAAK,WAAW,CAAC,QAAQ,IAAI;IAC3B,OAAO,EAAE,QAAQ,CAAC;CACnB,CAAC;AAEF,KAAK,iBAAiB,GAAG,aAAa,GAAG,eAAe,CAAC;AAEzD,KAAK,eAAe,GAAG;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC,CAAC;AAEF,KAAK,2BAA2B,GAAG;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACjE;;OAEG;IACH,GAAG,CAAC,EACA,UAAU,GACV,YAAY,GACZ,UAAU,GACV,WAAW,GACX,KAAK,GACL,MAAM,GACN,IAAI,CAAC;CACV,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,WAAW,CAAC,gBAAgB,CAAC,GAC7B,iBAAiB,GACjB,eAAe,GACf,WAAW,CAAC;AAEd;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,WAAW,GACtC,OAAO,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,GACtC,iBAAiB,GACjB,eAAe,CAAC;AAElB,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAC1C,OAAO,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,GACtC,iBAAiB,GACjB,eAAe,GACf,oBAAoB,GACpB,2BAA2B,CAAC;AAE9B,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAC5C,OAAO,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,GAC5C,iBAAiB,CAAC"}

package/dist/circle-info-DL9BFZEc.js

@@ -0,0 +1,23 @@
+import { createElementBlock, openBlock, createElementVNode } from 'vue';
+
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 12 12"
+};
+
+function render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "#000",
+      stroke: "none",
+      d: "M6.055 5.25h.5a.5.5 0 0 0-.5-.5zm-1.282-.5a.5.5 0 1 0 0 1zM4.688 8.5a.5.5 0 0 0 0 1zm2.625 1a.5.5 0 0 0 0-1zM6.265 3.64l.354.354zm-.53 0-.354.354zm.32 1.61v-.5H4.773v1h1.282zM4.688 9v.5h1.367v-1H4.688zm1.367 0v.5h1.258v-1H6.055zm0 0h.5V5.25h-1V9zm-.43-5.625v.5H6v-1h-.375zm.375 0v.5h.375v-1H6zm-.375 0h.5c0 .037-.017.07-.041.093l-.335-.372-.335-.371a.87.87 0 0 0-.289.65zm.124-.279.335.372A.13.13 0 0 1 6 3.5v-1a.87.87 0 0 0-.586.225zM6 3.375l.372-.335-.251-.278-.372.334-.371.335.25.279zM6 3v.5a.13.13 0 0 1-.088-.037l.353-.353.354-.354A.87.87 0 0 0 6 2.5zm.265.11-.353.353a.13.13 0 0 1-.037-.088h1a.87.87 0 0 0-.256-.619zM6 3.375l.354.354.265-.266-.354-.353-.353-.354-.266.265zm.375 0h-.5c0-.034.015-.066.037-.088l.353.353.354.354a.87.87 0 0 0 .256-.619zm-.11.265-.353-.353A.13.13 0 0 1 6 3.25v1c.241 0 .46-.098.619-.256zM6 3.375l-.354.354.266.265.353-.354.354-.353-.265-.266zm0 .375v-.5c.034 0 .066.015.088.037l-.353.353-.354.354A.87.87 0 0 0 6 4.25zm-.265-.11.353-.353a.13.13 0 0 1 .037.088h-1c0 .241.098.46.256.619zM6 3.375l-.354-.354-.265.266.354.353.353.354.266-.265zM11 6h-.5A4.5 4.5 0 0 1 6 10.5v1A5.5 5.5 0 0 0 11.5 6zm-5 5v-.5A4.5 4.5 0 0 1 1.5 6h-1A5.5 5.5 0 0 0 6 11.5zM1 6h.5A4.5 4.5 0 0 1 6 1.5v-1A5.5 5.5 0 0 0 .5 6zm5-5v.5A4.5 4.5 0 0 1 10.5 6h1A5.5 5.5 0 0 0 6 .5z",
+      "vector-effect": "non-scaling-stroke"
+    }, null, -1)
+  ]))]))
+}
+const circleInfo = { render: render };
+
+export { circleInfo as default, render };
+//# sourceMappingURL=circle-info-DL9BFZEc.js.map

package/dist/circle-info-DL9BFZEc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle-info-DL9BFZEc.js","sources":["../../styles/dist/img/icons/circle-info.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  viewBox: \"0 0 12 12\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [...(_cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      fill: \"#000\",\n      stroke: \"none\",\n      d: \"M6.055 5.25h.5a.5.5 0 0 0-.5-.5zm-1.282-.5a.5.5 0 1 0 0 1zM4.688 8.5a.5.5 0 0 0 0 1zm2.625 1a.5.5 0 0 0 0-1zM6.265 3.64l.354.354zm-.53 0-.354.354zm.32 1.61v-.5H4.773v1h1.282zM4.688 9v.5h1.367v-1H4.688zm1.367 0v.5h1.258v-1H6.055zm0 0h.5V5.25h-1V9zm-.43-5.625v.5H6v-1h-.375zm.375 0v.5h.375v-1H6zm-.375 0h.5c0 .037-.017.07-.041.093l-.335-.372-.335-.371a.87.87 0 0 0-.289.65zm.124-.279.335.372A.13.13 0 0 1 6 3.5v-1a.87.87 0 0 0-.586.225zM6 3.375l.372-.335-.251-.278-.372.334-.371.335.25.279zM6 3v.5a.13.13 0 0 1-.088-.037l.353-.353.354-.354A.87.87 0 0 0 6 2.5zm.265.11-.353.353a.13.13 0 0 1-.037-.088h1a.87.87 0 0 0-.256-.619zM6 3.375l.354.354.265-.266-.354-.353-.353-.354-.266.265zm.375 0h-.5c0-.034.015-.066.037-.088l.353.353.354.354a.87.87 0 0 0 .256-.619zm-.11.265-.353-.353A.13.13 0 0 1 6 3.25v1c.241 0 .46-.098.619-.256zM6 3.375l-.354.354.266.265.353-.354.354-.353-.265-.266zm0 .375v-.5c.034 0 .066.015.088.037l-.353.353-.354.354A.87.87 0 0 0 6 4.25zm-.265-.11.353-.353a.13.13 0 0 1 .037.088h-1c0 .241.098.46.256.619zM6 3.375l-.354-.354-.265.266.354.353.353.354.266-.265zM11 6h-.5A4.5 4.5 0 0 1 6 10.5v1A5.5 5.5 0 0 0 11.5 6zm-5 5v-.5A4.5 4.5 0 0 1 1.5 6h-1A5.5 5.5 0 0 0 6 11.5zM1 6h.5A4.5 4.5 0 0 1 6 1.5v-1A5.5 5.5 0 0 0 .5 6zm5-5v.5A4.5 4.5 0 0 1 10.5 6h1A5.5 5.5 0 0 0 6 .5z\",\n      \"vector-effect\": \"non-scaling-stroke\"\n    }, null, -1)\n  ]))]))\n}\nexport default { render: render }"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;AAEA,MAAM,UAAU,GAAG;AACnB,EAAE,KAAK,EAAE,4BAA4B;AACrC,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAE,cAAc;AACxB,EAAE,OAAO,EAAE;AACX;;AAEO,SAAS,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE;AACrC,EAAE,QAAQA,SAAU,EAAE,EAAEC,kBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG;AAC9F,IAAIC,kBAAmB,CAAC,MAAM,EAAE;AAChC,MAAM,IAAI,EAAE,MAAM;AAClB,MAAM,MAAM,EAAE,MAAM;AACpB,MAAM,CAAC,EAAE,owCAAowC;AAC7wC,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,mBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}

package/dist/{collection-set-datatype-DYpMtzHI.js → collection-set-datatype-BmEIjJCx.js}

@@ -11,7 +11,7 @@ const _hoisted_1 = {
 function render(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      d: "M3.25 10.75H1v-9.5h2.25m5.5 9.5H11v-9.5H8.75M6.874 8.125a1.125 1.125 0 1 0 2.25 0 1.125 1.125 0 0 0-2.25 0Zm-4-.75A.375.375 0 0 1 3.25 7h1.5a.375.375 0 0 1 .375.375v1.5a.375.375 0 0 1-.375.375h-1.5a.375.375 0 0 1-.375-.375zM6 2.455l1.5 2.918v.001h0l-.001.001H4.502q0 0 0 0H4.5v-.002l1.498-2.918q0 0 0 0z",
+      d: "M3.25 10.75H1v-9.5h2.25m5.5 9.5H11v-9.5H8.75M6.874 8.125a1.125 1.125 0 1 0 2.25 0 1.125 1.125 0 0 0-2.25 0Zm-4-.75A.375.375 0 0 1 3.25 7h1.5a.375.375 0 0 1 .375.375v1.5a.375.375 0 0 1-.375.375h-1.5a.375.375 0 0 1-.375-.375zm3.126-4.92L7.5 5.373v.001h0l-.001.001H4.502q0 0 0 0H4.5v-.002l1.498-2.918q0 0 0 0h.002Z",
       "vector-effect": "non-scaling-stroke"
     }, null, -1)
   ]))]))
@@ -19,4 +19,4 @@ function render(_ctx, _cache) {
 const collectionSetDatatype = { render: render };
 
 export { collectionSetDatatype as default, render };
-//# sourceMappingURL=collection-set-datatype-DYpMtzHI.js.map
+//# sourceMappingURL=collection-set-datatype-BmEIjJCx.js.map

package/dist/collection-set-datatype-BmEIjJCx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collection-set-datatype-BmEIjJCx.js","sources":["../../styles/dist/img/type-icons/collection-set-datatype.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  viewBox: \"0 0 12 12\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [...(_cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      d: \"M3.25 10.75H1v-9.5h2.25m5.5 9.5H11v-9.5H8.75M6.874 8.125a1.125 1.125 0 1 0 2.25 0 1.125 1.125 0 0 0-2.25 0Zm-4-.75A.375.375 0 0 1 3.25 7h1.5a.375.375 0 0 1 .375.375v1.5a.375.375 0 0 1-.375.375h-1.5a.375.375 0 0 1-.375-.375zm3.126-4.92L7.5 5.373v.001h0l-.001.001H4.502q0 0 0 0H4.5v-.002l1.498-2.918q0 0 0 0h.002Z\",\n      \"vector-effect\": \"non-scaling-stroke\"\n    }, null, -1)\n  ]))]))\n}\nexport default { render: render }"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;AAEA,MAAM,UAAU,GAAG;AACnB,EAAE,KAAK,EAAE,4BAA4B;AACrC,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAE,cAAc;AACxB,EAAE,gBAAgB,EAAE,OAAO;AAC3B,EAAE,OAAO,EAAE;AACX;;AAEO,SAAS,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE;AACrC,EAAE,QAAQA,SAAU,EAAE,EAAEC,kBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG;AAC9F,IAAIC,kBAAmB,CAAC,MAAM,EAAE;AAChC,MAAM,CAAC,EAAE,yTAAyT;AAClU,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,8BAAe,EAAE,MAAM,EAAE,MAAM;;;;"}

package/dist/{data-app-DLBrad5z.js → data-app-wBNobXat.js}

@@ -12,7 +12,7 @@ const _hoisted_1 = {
 function render(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      d: "M10.5 10.51h-9m7-7.01v5.25h2V1.5h-2zm-7 3.444V8.75h2V3.649h-2zM5 7.25v1.5h2V5.373H5z",
+      d: "M10.5 10.51h-9m7-7.01v5.25h2V1.5h-2zm-7 3.444V8.75h2V3.649h-2v3.295M5 7.25v1.5h2V5.373H5z",
       "vector-effect": "non-scaling-stroke"
     }, null, -1)
   ]))]))
@@ -20,4 +20,4 @@ function render(_ctx, _cache) {
 const dataApp = { render: render };
 
 export { dataApp as default, render };
-//# sourceMappingURL=data-app-DLBrad5z.js.map
+//# sourceMappingURL=data-app-wBNobXat.js.map

package/dist/data-app-wBNobXat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-app-wBNobXat.js","sources":["../../styles/dist/img/icons/data-app.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  viewBox: \"0 0 12 12\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [...(_cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      d: \"M10.5 10.51h-9m7-7.01v5.25h2V1.5h-2zm-7 3.444V8.75h2V3.649h-2v3.295M5 7.25v1.5h2V5.373H5z\",\n      \"vector-effect\": \"non-scaling-stroke\"\n    }, null, -1)\n  ]))]))\n}\nexport default { render: render }"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;AAEA,MAAM,UAAU,GAAG;AACnB,EAAE,KAAK,EAAE,4BAA4B;AACrC,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAE,cAAc;AACxB,EAAE,gBAAgB,EAAE,OAAO;AAC3B,EAAE,iBAAiB,EAAE,OAAO;AAC5B,EAAE,OAAO,EAAE;AACX;;AAEO,SAAS,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE;AACrC,EAAE,QAAQA,SAAU,EAAE,EAAEC,kBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG;AAC9F,IAAIC,kBAAmB,CAAC,MAAM,EAAE;AAChC,MAAM,CAAC,EAAE,2FAA2F;AACpG,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,gBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}

package/dist/{db-table-view-ChgmvJ0r.js → db-table-view-B0xGvbnv.js}

@@ -12,7 +12,7 @@ const _hoisted_1 = {
 function render(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      d: "M5.385 10.133h-3.41a.98.98 0 0 1-.69-.281A.95.95 0 0 1 1 9.173V2.46c0-.254.103-.498.285-.678a.98.98 0 0 1 .69-.281h6.82c.258 0 .506.101.689.28s.285.425.285.68v3.356M1 4.857h8.77M4.41 1.5v8.633m3.41-1.194c0 .138.052.27.143.368a.47.47 0 0 0 .345.152.47.47 0 0 0 .344-.152.54.54 0 0 0 .143-.368.54.54 0 0 0-.143-.368.47.47 0 0 0-.344-.153.47.47 0 0 0-.345.153.54.54 0 0 0-.142.368m2.68 0q-.877 1.56-2.192 1.561T6.115 8.939q.877-1.561 2.193-1.561 1.315 0 2.192 1.56",
+      d: "M5.385 10.133h-3.41a.98.98 0 0 1-.69-.281A.95.95 0 0 1 1 9.173V2.46c0-.254.103-.498.285-.678.183-.18.43-.281.69-.281h6.82c.258 0 .506.101.689.28s.285.425.285.68v3.356M1 4.857h8.77M4.41 1.5v8.633m3.41-1.194c0 .138.052.27.143.368a.47.47 0 0 0 .345.152c.129 0 .253-.055.344-.152a.54.54 0 0 0 .143-.368.54.54 0 0 0-.143-.368.47.47 0 0 0-.344-.153.47.47 0 0 0-.345.153.54.54 0 0 0-.142.368m2.68 0q-.877 1.56-2.192 1.561T6.115 8.939q.877-1.561 2.193-1.561 1.315 0 2.192 1.56",
       "vector-effect": "non-scaling-stroke"
     }, null, -1)
   ]))]))
@@ -20,4 +20,4 @@ function render(_ctx, _cache) {
 const dbTableView = { render: render };
 
 export { dbTableView as default, render };
-//# sourceMappingURL=db-table-view-ChgmvJ0r.js.map
+//# sourceMappingURL=db-table-view-B0xGvbnv.js.map

package/dist/db-table-view-B0xGvbnv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-table-view-B0xGvbnv.js","sources":["../../styles/dist/img/icons/db-table-view.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  viewBox: \"0 0 12 12\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [...(_cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      d: \"M5.385 10.133h-3.41a.98.98 0 0 1-.69-.281A.95.95 0 0 1 1 9.173V2.46c0-.254.103-.498.285-.678.183-.18.43-.281.69-.281h6.82c.258 0 .506.101.689.28s.285.425.285.68v3.356M1 4.857h8.77M4.41 1.5v8.633m3.41-1.194c0 .138.052.27.143.368a.47.47 0 0 0 .345.152c.129 0 .253-.055.344-.152a.54.54 0 0 0 .143-.368.54.54 0 0 0-.143-.368.47.47 0 0 0-.344-.153.47.47 0 0 0-.345.153.54.54 0 0 0-.142.368m2.68 0q-.877 1.56-2.192 1.561T6.115 8.939q.877-1.561 2.193-1.561 1.315 0 2.192 1.56\",\n      \"vector-effect\": \"non-scaling-stroke\"\n    }, null, -1)\n  ]))]))\n}\nexport default { render: render }"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;AAEA,MAAM,UAAU,GAAG;AACnB,EAAE,KAAK,EAAE,4BAA4B;AACrC,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAE,cAAc;AACxB,EAAE,gBAAgB,EAAE,OAAO;AAC3B,EAAE,iBAAiB,EAAE,OAAO;AAC5B,EAAE,OAAO,EAAE;AACX;;AAEO,SAAS,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE;AACrC,EAAE,QAAQA,SAAU,EAAE,EAAEC,kBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG;AAC9F,IAAIC,kBAAmB,CAAC,MAAM,EAAE;AAChC,MAAM,CAAC,EAAE,sdAAsd;AAC/d,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,oBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}

package/dist/{eye-hI4CjRyR.js → eye-BaEvu1WZ.js}

@@ -11,7 +11,7 @@ const _hoisted_1 = {
 function render(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      d: "M11.25 6c0-.5-1.88-3.25-5.25-3.25S.75 5.5.75 6m10.5 0c0 .5-1.88 3.25-5.25 3.25S.75 6.5.75 6",
+      d: "M11.25 6c0-.5-1.88-3.25-5.25-3.25S.75 5.5.75 6M11.25 6c0 .5-1.88 3.25-5.25 3.25S.75 6.5.75 6",
       "vector-effect": "non-scaling-stroke"
     }, null, -1),
     createElementVNode("path", {
@@ -23,4 +23,4 @@ function render(_ctx, _cache) {
 const eye = { render: render };
 
 export { eye as default, render };
-//# sourceMappingURL=eye-hI4CjRyR.js.map
+//# sourceMappingURL=eye-BaEvu1WZ.js.map

package/dist/eye-BaEvu1WZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eye-BaEvu1WZ.js","sources":["../../styles/dist/img/icons/eye.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  \"stroke-linejoin\": \"round\",\n  viewBox: \"0 0 12 12\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [...(_cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      d: \"M11.25 6c0-.5-1.88-3.25-5.25-3.25S.75 5.5.75 6M11.25 6c0 .5-1.88 3.25-5.25 3.25S.75 6.5.75 6\",\n      \"vector-effect\": \"non-scaling-stroke\"\n    }, null, -1),\n    _createElementVNode(\"path\", {\n      d: \"M6 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\",\n      \"vector-effect\": \"non-scaling-stroke\"\n    }, null, -1)\n  ]))]))\n}\nexport default { render: render }"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;AAEA,MAAM,UAAU,GAAG;AACnB,EAAE,KAAK,EAAE,4BAA4B;AACrC,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAE,cAAc;AACxB,EAAE,iBAAiB,EAAE,OAAO;AAC5B,EAAE,OAAO,EAAE;AACX;;AAEO,SAAS,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE;AACrC,EAAE,QAAQA,SAAU,EAAE,EAAEC,kBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG;AAC9F,IAAIC,kBAAmB,CAAC,MAAM,EAAE;AAChC,MAAM,CAAC,EAAE,8FAA8F;AACvG,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC;AAChB,IAAIA,kBAAmB,CAAC,MAAM,EAAE;AAChC,MAAM,CAAC,EAAE,6CAA6C;AACtD,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,YAAe,EAAE,MAAM,EAAE,MAAM;;;;"}

package/dist/{helm-datatype-DIMao1A4.js → helm-datatype-BWAUZ-Tt.js}

@@ -12,7 +12,7 @@ const _hoisted_1 = {
 function render(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      d: "M8.5 1.5V2m0 0q-.008 2.51-2.502 4.004c-1.663.994 1.667-1 .004-.007Q3.507 7.488 3.5 10v.5m5-8.5H3.504M8.5 10.5V10q-.008-2.51-2.502-4.003c-1.663-.995 1.667.999.004.006Q3.507 4.512 3.5 2v-.5m.004 8.493H8.5M4.004 3.998H8M4.004 7.995H8",
+      d: "M8.5 1.5V2m0 0Q8.492 4.51 5.998 6.004c-1.663.994 1.667-1 .004-.007Q3.507 7.488 3.5 10v.5m5-8.5H3.504M8.5 10.5V10Q8.492 7.49 5.998 5.997c-1.663-.995 1.667.999.004.006Q3.507 4.512 3.5 2v-.5m.004 8.493H8.5M4.004 3.998H8M4.004 7.995H8",
       "vector-effect": "non-scaling-stroke"
     }, null, -1)
   ]))]))
@@ -20,4 +20,4 @@ function render(_ctx, _cache) {
 const helmDatatype = { render: render };
 
 export { helmDatatype as default, render };
-//# sourceMappingURL=helm-datatype-DIMao1A4.js.map
+//# sourceMappingURL=helm-datatype-BWAUZ-Tt.js.map

package/dist/{helm-datatype-DIMao1A4.js.map → helm-datatype-BWAUZ-Tt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"helm-datatype-DIMao1A4.js","sources":["../../styles/dist/img/type-icons/helm-datatype.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  viewBox: \"0 0 12 12\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [...(_cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      d: \"M8.5 1.5V2m0 0q-.008 2.51-2.502 4.004c-1.663.994 1.667-1 .004-.007Q3.507 7.488 3.5 10v.5m5-8.5H3.504M8.5 10.5V10q-.008-2.51-2.502-4.003c-1.663-.995 1.667.999.004.006Q3.507 4.512 3.5 2v-.5m.004 8.493H8.5M4.004 3.998H8M4.004 7.995H8\",\n      \"vector-effect\": \"non-scaling-stroke\"\n    }, null, -1)\n  ]))]))\n}\nexport default { render: render }"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;AAEA,MAAM,UAAU,GAAG;AACnB,EAAE,KAAK,EAAE,4BAA4B;AACrC,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAE,cAAc;AACxB,EAAE,gBAAgB,EAAE,OAAO;AAC3B,EAAE,iBAAiB,EAAE,OAAO;AAC5B,EAAE,OAAO,EAAE;AACX;;AAEO,SAAS,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE;AACrC,EAAE,QAAQA,SAAU,EAAE,EAAEC,kBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG;AAC9F,IAAIC,kBAAmB,CAAC,MAAM,EAAE;AAChC,MAAM,CAAC,EAAE,wOAAwO;AACjP,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,qBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}
+{"version":3,"file":"helm-datatype-BWAUZ-Tt.js","sources":["../../styles/dist/img/type-icons/helm-datatype.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  viewBox: \"0 0 12 12\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [...(_cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      d: \"M8.5 1.5V2m0 0Q8.492 4.51 5.998 6.004c-1.663.994 1.667-1 .004-.007Q3.507 7.488 3.5 10v.5m5-8.5H3.504M8.5 10.5V10Q8.492 7.49 5.998 5.997c-1.663-.995 1.667.999.004.006Q3.507 4.512 3.5 2v-.5m.004 8.493H8.5M4.004 3.998H8M4.004 7.995H8\",\n      \"vector-effect\": \"non-scaling-stroke\"\n    }, null, -1)\n  ]))]))\n}\nexport default { render: render }"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;AAEA,MAAM,UAAU,GAAG;AACnB,EAAE,KAAK,EAAE,4BAA4B;AACrC,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAE,cAAc;AACxB,EAAE,gBAAgB,EAAE,OAAO;AAC3B,EAAE,iBAAiB,EAAE,OAAO;AAC5B,EAAE,OAAO,EAAE;AACX;;AAEO,SAAS,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE;AACrC,EAAE,QAAQA,SAAU,EAAE,EAAEC,kBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG;AAC9F,IAAIC,kBAAmB,CAAC,MAAM,EAAE;AAChC,MAAM,CAAC,EAAE,wOAAwO;AACjP,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,qBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}

package/dist/index.css

@@ -52,7 +52,7 @@ html.kds-legacy {
 }
 
 .button {
-&[data-v-f82890d7] {
+&[data-v-67f7d3ae] {
   position: relative;
   display: flex;
   flex-shrink: 0;
@@ -66,125 +66,143 @@ html.kds-legacy {
 
   /* for LinkButton */
 }
-&[data-v-f82890d7]:is(a) {
+&[data-v-67f7d3ae]:is(a) {
     text-decoration: none;
 }
-&.disabled[data-v-f82890d7] {
+&.disabled[data-v-67f7d3ae] {
     cursor: not-allowed;
 }
-&[data-v-f82890d7]:focus-visible {
+&[data-v-67f7d3ae]:focus-visible {
     outline: var(--kds-border-action-focused);
     outline-offset: var(--kds-spacing-offset-focus);
 }
 &.filled {
-&[data-v-f82890d7] {
+&[data-v-67f7d3ae] {
     color: var(--kds-color-text-and-icon-primary-inverted);
     background-color: var(--kds-color-background-primary-bold-initial);
     border: var(--kds-border-action-transparent);
 }
-&.disabled[data-v-f82890d7] {
+&.disabled[data-v-67f7d3ae] {
       color: var(--kds-color-text-and-icon-disabled-inverted);
       background-color: var(--kds-color-background-disabled-primary);
 }
 &:not(.disabled) {
-&[data-v-f82890d7]:hover {
+&[data-v-67f7d3ae]:hover {
         background-color: var(--kds-color-background-primary-bold-hover);
 }
-&[data-v-f82890d7]:active {
+&[data-v-67f7d3ae]:active {
         background-color: var(--kds-color-background-primary-bold-active);
 }
 }
 &.destructive {
-&[data-v-f82890d7] {
+&[data-v-67f7d3ae] {
       color: var(--kds-color-text-and-icon-danger-inverted);
       background-color: var(--kds-color-background-danger-bold-initial);
 }
-&.disabled[data-v-f82890d7] {
+&.disabled[data-v-67f7d3ae] {
         color: var(--kds-color-text-and-icon-disabled-inverted);
         background-color: var(--kds-color-background-disabled-danger);
 }
 &:not(.disabled) {
-&[data-v-f82890d7]:hover {
+&[data-v-67f7d3ae]:hover {
           background-color: var(--kds-color-background-danger-bold-hover);
 }
-&[data-v-f82890d7]:active {
+&[data-v-67f7d3ae]:active {
           background-color: var(--kds-color-background-danger-bold-active);
 }
 }
 }
 }
 &.outlined {
-&[data-v-f82890d7] {
+&[data-v-67f7d3ae] {
     color: var(--kds-color-text-and-icon-neutral);
     background-color: var(--kds-color-background-neutral-initial);
     border: var(--kds-border-action-default);
 }
-&.disabled[data-v-f82890d7] {
+&.disabled[data-v-67f7d3ae] {
       color: var(--kds-color-text-and-icon-disabled);
       border: var(--kds-border-action-disabled);
 }
 &:not(.disabled) {
-&[data-v-f82890d7]:hover {
+&[data-v-67f7d3ae]:hover {
         background-color: var(--kds-color-background-neutral-hover);
 }
-&[data-v-f82890d7]:active {
+&[data-v-67f7d3ae]:active {
         background-color: var(--kds-color-background-neutral-active);
 }
 }
 &.destructive {
-&[data-v-f82890d7] {
+&[data-v-67f7d3ae] {
       color: var(--kds-color-text-and-icon-danger);
       border: var(--kds-border-action-error);
 }
-&.disabled[data-v-f82890d7] {
+&.disabled[data-v-67f7d3ae] {
         color: var(--kds-color-text-and-icon-disabled);
         border: var(--kds-border-action-disabled);
 }
 &:not(.disabled) {
-&[data-v-f82890d7]:hover {
+&[data-v-67f7d3ae]:hover {
           background-color: var(--kds-color-background-danger-hover);
 }
-&[data-v-f82890d7]:active {
+&[data-v-67f7d3ae]:active {
           background-color: var(--kds-color-background-danger-active);
 }
 }
 }
 }
 &.transparent {
-&[data-v-f82890d7] {
+&[data-v-67f7d3ae] {
     color: var(--kds-color-text-and-icon-neutral);
     background-color: var(--kds-color-background-neutral-initial);
     border: var(--kds-border-action-transparent);
 }
-&.disabled[data-v-f82890d7] {
+&.disabled[data-v-67f7d3ae] {
       color: var(--kds-color-text-and-icon-disabled);
 }
 &:not(.disabled) {
-&[data-v-f82890d7]:hover {
+&[data-v-67f7d3ae]:hover {
         background-color: var(--kds-color-background-neutral-hover);
 }
-&[data-v-f82890d7]:active {
+&[data-v-67f7d3ae]:active {
         background-color: var(--kds-color-background-neutral-active);
 }
 }
 &.destructive {
-&[data-v-f82890d7] {
+&[data-v-67f7d3ae] {
       color: var(--kds-color-text-and-icon-danger);
 }
-&.disabled[data-v-f82890d7] {
+&.disabled[data-v-67f7d3ae] {
         color: var(--kds-color-text-and-icon-disabled);
 }
 &:not(.disabled) {
-&[data-v-f82890d7]:hover {
+&[data-v-67f7d3ae]:hover {
           background-color: var(--kds-color-background-danger-hover);
 }
-&[data-v-f82890d7]:active {
+&[data-v-67f7d3ae]:active {
           background-color: var(--kds-color-background-danger-active);
 }
 }
 }
 }
-& .label[data-v-f82890d7] {
+&.toggled {
+&[data-v-67f7d3ae] {
+    color: var(--kds-color-text-and-icon-selected);
+    background-color: var(--kds-color-background-selected-initial);
+    border: var(--kds-border-action-selected);
+}
+&.disabled[data-v-67f7d3ae] {
+      color: var(--kds-color-text-and-icon-disabled);
+}
+&:not(.disabled) {
+&[data-v-67f7d3ae]:hover {
+        background-color: var(--kds-color-background-selected-hover);
+}
+&[data-v-67f7d3ae]:active {
+        background-color: var(--kds-color-background-selected-active);
+}
+}
+}
+& .label[data-v-67f7d3ae] {
     max-width: 200px;
     padding: 0 var(--kds-spacing-container-0-12x);
     overflow: hidden;
@@ -192,7 +210,7 @@ html.kds-legacy {
     white-space: nowrap;
     text-rendering: geometricprecision;
 }
-&.xsmall[data-v-f82890d7] {
+&.xsmall[data-v-67f7d3ae] {
     gap: var(--kds-spacing-container-0-12x);
     height: var(--kds-dimension-component-height-1-25x);
     padding: 0
@@ -204,7 +222,7 @@ html.kds-legacy {
       var(--kds-border-radius-container-0-25x)
     );
 }
-&.small[data-v-f82890d7] {
+&.small[data-v-67f7d3ae] {
     gap: var(--kds-spacing-container-0-12x);
     height: var(--kds-dimension-component-height-1-5x);
     padding: 0
@@ -216,7 +234,7 @@ html.kds-legacy {
       var(--kds-border-radius-container-0-37x)
     );
 }
-&.medium[data-v-f82890d7] {
+&.medium[data-v-67f7d3ae] {
     gap: var(--kds-spacing-container-0-25x);
     height: var(--kds-dimension-component-height-1-75x);
     padding: 0
@@ -229,7 +247,7 @@ html.kds-legacy {
     );
 }
 &.large {
-&[data-v-f82890d7] {
+&[data-v-67f7d3ae] {
     gap: var(--kds-spacing-container-0-25x);
     height: var(--kds-dimension-component-height-2-25x);
     padding: 0
@@ -241,7 +259,7 @@ html.kds-legacy {
       var(--kds-border-radius-container-0-50x)
     );
 }
-& .label[data-v-f82890d7] {
+& .label[data-v-67f7d3ae] {
       padding: 0 var(--kds-spacing-container-0-25x);
 }
 }

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { default as KdsButton } from './Button/KdsButton.vue';
 export { default as KdsLinkButton } from './Button/KdsLinkButton.vue';
+export { default as KdsToggleButton } from './Button/KdsToggleButton.vue';
 export { default as KdsCheckbox } from './Checkbox/KdsCheckbox.vue';
 export { default as KdsIcon } from './Icon/KdsIcon.vue';
 export { default as KdsDataType } from './Icon/KdsDataType.vue';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AACzF,OAAO,EACL,KAAK,6BAA6B,EAClC,KAAK,6BAA6B,EAClC,KAAK,uBAAuB,EAC5B,kBAAkB,GACnB,MAAM,4BAA4B,CAAC;AAGpC,mBAAmB,gBAAgB,CAAC;AACpC,mBAAmB,kBAAkB,CAAC;AACtC,mBAAmB,cAAc,CAAC;AAClC,mBAAmB,eAAe,CAAC;AAGnC,cAAc,QAAQ,CAAC;AAGvB,mBAAmB,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AACzF,OAAO,EACL,KAAK,6BAA6B,EAClC,KAAK,6BAA6B,EAClC,KAAK,uBAAuB,EAC5B,kBAAkB,GACnB,MAAM,4BAA4B,CAAC;AAGpC,mBAAmB,gBAAgB,CAAC;AACpC,mBAAmB,kBAAkB,CAAC;AACtC,mBAAmB,cAAc,CAAC;AAClC,mBAAmB,eAAe,CAAC;AAGnC,cAAc,QAAQ,CAAC;AAGvB,mBAAmB,QAAQ,CAAC"}