@knime/kds-components 0.20.1 → 0.21.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.
Files changed (49) hide show
  1. package/dist/{db-database-DYNQa14y.js → circle-unchecked-DOoOn6iz.js} +4 -4
  2. package/dist/circle-unchecked-DOoOn6iz.js.map +1 -0
  3. package/dist/db-database-CyCrPzu-.js +23 -0
  4. package/dist/db-database-CyCrPzu-.js.map +1 -0
  5. package/dist/folder-search-DDOYg0f6.js +23 -0
  6. package/dist/folder-search-DDOYg0f6.js.map +1 -0
  7. package/dist/hide-eye-BrIKmBWt.js +23 -0
  8. package/dist/hide-eye-BrIKmBWt.js.map +1 -0
  9. package/dist/index.css +75 -4
  10. package/dist/index.js +360 -51
  11. package/dist/index.js.map +1 -1
  12. package/dist/menu-BSS_QnZi.js +23 -0
  13. package/dist/menu-BSS_QnZi.js.map +1 -0
  14. package/dist/pin-B6vKBZDp.js +23 -0
  15. package/dist/pin-B6vKBZDp.js.map +1 -0
  16. package/dist/python-Bn3ET_9Z.js +23 -0
  17. package/dist/python-Bn3ET_9Z.js.map +1 -0
  18. package/dist/src/buttons/index.d.ts +4 -2
  19. package/dist/src/buttons/index.d.ts.map +1 -1
  20. package/dist/src/buttons/links/KdsLink/KdsLink.vue.d.ts +8 -0
  21. package/dist/src/buttons/links/KdsLink/KdsLink.vue.d.ts.map +1 -0
  22. package/dist/src/buttons/links/KdsLink/index.d.ts +3 -0
  23. package/dist/src/buttons/links/KdsLink/index.d.ts.map +1 -0
  24. package/dist/src/buttons/links/KdsLink/types.d.ts +30 -0
  25. package/dist/src/buttons/links/KdsLink/types.d.ts.map +1 -0
  26. package/dist/src/buttons/links/KdsLinkButton/KdsLinkButton.vue.d.ts +27 -0
  27. package/dist/src/buttons/links/KdsLinkButton/KdsLinkButton.vue.d.ts.map +1 -0
  28. package/dist/src/buttons/links/KdsLinkButton/index.d.ts.map +1 -0
  29. package/dist/src/buttons/links/KdsLinkButton/types.d.ts +4 -0
  30. package/dist/src/buttons/links/KdsLinkButton/types.d.ts.map +1 -0
  31. package/dist/src/buttons/links/docs.d.ts +2 -0
  32. package/dist/src/buttons/links/docs.d.ts.map +1 -0
  33. package/dist/src/buttons/links/linkTypes.d.ts +25 -0
  34. package/dist/src/buttons/links/linkTypes.d.ts.map +1 -0
  35. package/dist/src/overlays/Modal/KdsModal.vue.d.ts +1 -1
  36. package/dist/tag-_fZiuJaC.js +27 -0
  37. package/dist/tag-_fZiuJaC.js.map +1 -0
  38. package/dist/template-gallery-BtXi4GHd.js +23 -0
  39. package/dist/template-gallery-BtXi4GHd.js.map +1 -0
  40. package/dist/usage-827uIQyn.js +23 -0
  41. package/dist/usage-827uIQyn.js.map +1 -0
  42. package/package.json +4 -3
  43. package/dist/db-database-DYNQa14y.js.map +0 -1
  44. package/dist/src/buttons/KdsLinkButton/KdsLinkButton.vue.d.ts +0 -51
  45. package/dist/src/buttons/KdsLinkButton/KdsLinkButton.vue.d.ts.map +0 -1
  46. package/dist/src/buttons/KdsLinkButton/index.d.ts.map +0 -1
  47. package/dist/src/buttons/KdsLinkButton/types.d.ts +0 -24
  48. package/dist/src/buttons/KdsLinkButton/types.d.ts.map +0 -1
  49. /package/dist/src/buttons/{KdsLinkButton → links/KdsLinkButton}/index.d.ts +0 -0
@@ -12,12 +12,12 @@ const _hoisted_1 = {
12
12
  function render(_ctx, _cache) {
13
13
  return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
14
14
  createElementVNode("path", {
15
- d: "M10 5.977c0 1.134-1.79 2.054-4 2.054s-4-.92-4-2.054m8 2.469C10 9.58 8.21 10.5 6 10.5s-4-.92-4-2.054m8-4.892c0 1.135-1.79 2.054-4 2.054s-4-.92-4-2.054S3.79 1.5 6 1.5s4 .92 4 2.054",
15
+ d: "M6 11A5 5 0 1 0 6 1a5 5 0 0 0 0 10",
16
16
  "vector-effect": "non-scaling-stroke"
17
17
  }, null, -1)
18
18
  ]))]))
19
19
  }
20
- const dbDatabase = { render: render };
20
+ const circleUnchecked = { render: render };
21
21
 
22
- export { dbDatabase as default, render };
23
- //# sourceMappingURL=db-database-DYNQa14y.js.map
22
+ export { circleUnchecked as default, render };
23
+ //# sourceMappingURL=circle-unchecked-DOoOn6iz.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"circle-unchecked-DOoOn6iz.js","sources":["../../styles/dist/img/icons/circle-unchecked.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: \"M6 11A5 5 0 1 0 6 1a5 5 0 0 0 0 10\",\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,oCAAoC;AAC7C,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,wBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}
@@ -0,0 +1,23 @@
1
+ import { openBlock, createElementBlock, createElementVNode } from 'vue';
2
+
3
+ const _hoisted_1 = {
4
+ xmlns: "http://www.w3.org/2000/svg",
5
+ fill: "none",
6
+ stroke: "currentColor",
7
+ "stroke-linecap": "round",
8
+ "stroke-linejoin": "round",
9
+ viewBox: "0 0 12 12"
10
+ };
11
+
12
+ function render(_ctx, _cache) {
13
+ return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
14
+ createElementVNode("path", {
15
+ d: "M2 3c0 .398.421.78 1.172 1.06.75.282 1.767.44 2.828.44s2.078-.158 2.828-.44C9.578 3.78 10 3.399 10 3M2 3c0-.398.421-.78 1.172-1.06.75-.282 1.767-.44 2.828-.44s2.078.158 2.828.44C9.578 2.22 10 2.601 10 3M2 3v3m8-3v3M2 6c0 .398.421.78 1.172 1.06.75.282 1.767.44 2.828.44s2.078-.158 2.828-.44C9.578 6.78 10 6.399 10 6M2 6v3c0 .398.421.78 1.172 1.06.75.282 1.767.44 2.828.44s2.078-.158 2.828-.44C9.578 9.78 10 9.399 10 9V6",
16
+ "vector-effect": "non-scaling-stroke"
17
+ }, null, -1)
18
+ ]))]))
19
+ }
20
+ const dbDatabase = { render: render };
21
+
22
+ export { dbDatabase as default, render };
23
+ //# sourceMappingURL=db-database-CyCrPzu-.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"db-database-CyCrPzu-.js","sources":["../../styles/dist/img/icons/db-database.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: \"M2 3c0 .398.421.78 1.172 1.06.75.282 1.767.44 2.828.44s2.078-.158 2.828-.44C9.578 3.78 10 3.399 10 3M2 3c0-.398.421-.78 1.172-1.06.75-.282 1.767-.44 2.828-.44s2.078.158 2.828.44C9.578 2.22 10 2.601 10 3M2 3v3m8-3v3M2 6c0 .398.421.78 1.172 1.06.75.282 1.767.44 2.828.44s2.078-.158 2.828-.44C9.578 6.78 10 6.399 10 6M2 6v3c0 .398.421.78 1.172 1.06.75.282 1.767.44 2.828.44s2.078-.158 2.828-.44C9.578 9.78 10 9.399 10 9V6\",\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,oaAAoa;AAC7a,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,mBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}
@@ -0,0 +1,23 @@
1
+ import { openBlock, createElementBlock, createElementVNode } from 'vue';
2
+
3
+ const _hoisted_1 = {
4
+ xmlns: "http://www.w3.org/2000/svg",
5
+ fill: "none",
6
+ stroke: "currentColor",
7
+ "stroke-linecap": "round",
8
+ "stroke-linejoin": "round",
9
+ viewBox: "0 0 12 12"
10
+ };
11
+
12
+ function render(_ctx, _cache) {
13
+ return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
14
+ createElementVNode("path", {
15
+ d: "M3.5 9.75H2A.75.75 0 0 1 1.25 9V2.75c0-.263.213-.5.476-.5H4.5l1 1.25h4.75a.5.5 0 0 1 .5.5M9.279 9.267c.314-.347.505-.812.505-1.323C9.784 6.871 8.937 6 7.892 6S6 6.87 6 7.944 6.847 9.89 7.892 9.89c.548 0 1.041-.24 1.387-.622m0 0L11 11",
16
+ "vector-effect": "non-scaling-stroke"
17
+ }, null, -1)
18
+ ]))]))
19
+ }
20
+ const folderSearch = { render: render };
21
+
22
+ export { folderSearch as default, render };
23
+ //# sourceMappingURL=folder-search-DDOYg0f6.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"folder-search-DDOYg0f6.js","sources":["../../styles/dist/img/icons/folder-search.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: \"M3.5 9.75H2A.75.75 0 0 1 1.25 9V2.75c0-.263.213-.5.476-.5H4.5l1 1.25h4.75a.5.5 0 0 1 .5.5M9.279 9.267c.314-.347.505-.812.505-1.323C9.784 6.871 8.937 6 7.892 6S6 6.87 6 7.944 6.847 9.89 7.892 9.89c.548 0 1.041-.24 1.387-.622m0 0L11 11\",\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,2OAA2O;AACpP,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,qBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}
@@ -0,0 +1,23 @@
1
+ import { openBlock, createElementBlock, createElementVNode } from 'vue';
2
+
3
+ const _hoisted_1 = {
4
+ xmlns: "http://www.w3.org/2000/svg",
5
+ fill: "none",
6
+ stroke: "currentColor",
7
+ "stroke-linecap": "round",
8
+ "stroke-linejoin": "round",
9
+ viewBox: "0 0 12 12"
10
+ };
11
+
12
+ function render(_ctx, _cache) {
13
+ return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
14
+ createElementVNode("path", {
15
+ d: "M5.214 5.215a1.111 1.111 0 0 0 1.572 1.571M8.6 8.596A4.84 4.84 0 0 1 6 9.333Q3 9.333 1 6q1.06-1.766 2.4-2.597m1.589-.636q.5-.102 1.011-.1 3 0 5 3.333a9.2 9.2 0 0 1-1.188 1.594M1 1l10 10",
16
+ "vector-effect": "non-scaling-stroke"
17
+ }, null, -1)
18
+ ]))]))
19
+ }
20
+ const hideEye = { render: render };
21
+
22
+ export { hideEye as default, render };
23
+ //# sourceMappingURL=hide-eye-BrIKmBWt.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hide-eye-BrIKmBWt.js","sources":["../../styles/dist/img/icons/hide-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-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.214 5.215a1.111 1.111 0 0 0 1.572 1.571M8.6 8.596A4.84 4.84 0 0 1 6 9.333Q3 9.333 1 6q1.06-1.766 2.4-2.597m1.589-.636q.5-.102 1.011-.1 3 0 5 3.333a9.2 9.2 0 0 1-1.188 1.594M1 1l10 10\",\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,2LAA2L;AACpM,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,gBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}
package/dist/index.css CHANGED
@@ -705,6 +705,77 @@ html.kds-legacy {
705
705
  }
706
706
  }
707
707
 
708
+ .kds-link {
709
+ &[data-v-65e776f1] {
710
+ display: inline-flex;
711
+ align-items: center;
712
+ justify-content: center;
713
+ width: fit-content;
714
+ max-width: 100%;
715
+ padding: var(--kds-spacing-container-none) var(--kds-spacing-container-0-10x);
716
+ font: var(--kds-font-base-body-small);
717
+ color: var(--kds-color-text-and-icon-neutral);
718
+ white-space: nowrap;
719
+ text-decoration-line: underline;
720
+ border-radius: var(--kds-border-radius-container-0-12x);
721
+ }
722
+ &[data-v-65e776f1]:is(a) {
723
+ cursor: pointer;
724
+ }
725
+ &[data-v-65e776f1]:focus-visible {
726
+ outline: var(--kds-border-action-focused);
727
+ outline-offset: var(--kds-spacing-container-none);
728
+ }
729
+ & .label[data-v-65e776f1],
730
+ & .file-size[data-v-65e776f1] {
731
+ min-width: 0;
732
+ overflow: hidden;
733
+ text-overflow: ellipsis;
734
+ }
735
+ &.variant-internal {
736
+ &[data-v-65e776f1] {
737
+ color: var(--kds-color-text-and-icon-neutral);
738
+ }
739
+ &:not(.disabled) {
740
+ &[data-v-65e776f1]:visited {
741
+ color: var(--kds-color-text-and-icon-info);
742
+ }
743
+ &[data-v-65e776f1]:hover {
744
+ background-color: var(--kds-color-background-neutral-hover);
745
+ }
746
+ &[data-v-65e776f1]:active {
747
+ background-color: var(--kds-color-background-neutral-active);
748
+ }
749
+ }
750
+ }
751
+ &.variant-external[data-v-65e776f1] {
752
+ gap: var(--kds-spacing-container-0-12x);
753
+ }
754
+ &:is(.variant-external, .variant-document) {
755
+ &[data-v-65e776f1] {
756
+ color: var(--kds-color-text-and-icon-selected);
757
+ }
758
+ &:not(.disabled) {
759
+ &[data-v-65e776f1]:visited {
760
+ color: var(--kds-color-text-and-icon-info);
761
+ }
762
+ &[data-v-65e776f1]:hover {
763
+ color: var(--kds-color-text-and-icon-primary-inverted);
764
+ background-color: var(--kds-color-background-primary-bold-hover);
765
+ }
766
+ &[data-v-65e776f1]:active {
767
+ color: var(--kds-color-text-and-icon-selected-inverted);
768
+ background-color: var(--kds-color-background-primary-bold-active);
769
+ }
770
+ }
771
+ }
772
+ &.disabled[data-v-65e776f1] {
773
+ color: var(--kds-color-text-and-icon-disabled);
774
+ pointer-events: none;
775
+ cursor: default;
776
+ }
777
+ }
778
+
708
779
  .leading {
709
780
  &[data-v-d38d7ade] {
710
781
  position: relative;
@@ -742,7 +813,7 @@ html.kds-legacy {
742
813
  opacity: 1;
743
814
  }
744
815
 
745
- .kds-empty-state[data-v-02149081] {
816
+ .kds-empty-state[data-v-5da4d570] {
746
817
  display: flex;
747
818
  flex-direction: column;
748
819
  gap: var(--kds-spacing-container-0-5x);
@@ -750,19 +821,19 @@ html.kds-legacy {
750
821
  max-width: 280px;
751
822
  padding: var(--kds-spacing-container-0-5x);
752
823
  }
753
- .kds-empty-state-headline[data-v-02149081] {
824
+ .kds-empty-state-headline[data-v-5da4d570] {
754
825
  margin: 0;
755
826
  font: var(--kds-font-base-title-small);
756
827
  color: var(--kds-color-text-and-icon-muted);
757
828
  text-align: center;
758
829
  }
759
- .kds-empty-state-description[data-v-02149081] {
830
+ .kds-empty-state-description[data-v-5da4d570] {
760
831
  margin: 0;
761
832
  font: var(--kds-font-base-body-small);
762
833
  color: var(--kds-color-text-and-icon-muted);
763
834
  text-align: center;
764
835
  }
765
- .kds-empty-state-action[data-v-02149081] {
836
+ .kds-empty-state-action[data-v-5da4d570] {
766
837
  margin-top: var(--kds-spacing-container-0-12x);
767
838
  }
768
839