@knime/kds-components 0.4.2 → 0.5.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.
Files changed (94) hide show
  1. package/dist/Button/BaseButton.vue.d.ts.map +1 -1
  2. package/dist/Button/KdsButton.vue.d.ts +1 -41
  3. package/dist/Button/KdsButton.vue.d.ts.map +1 -1
  4. package/dist/Button/KdsLinkButton.vue.d.ts.map +1 -1
  5. package/dist/Button/KdsToggleButton.vue.d.ts +3 -0
  6. package/dist/Button/KdsToggleButton.vue.d.ts.map +1 -0
  7. package/dist/Button/constants.d.ts +1 -0
  8. package/dist/Button/constants.d.ts.map +1 -1
  9. package/dist/Button/types.d.ts +43 -10
  10. package/dist/Button/types.d.ts.map +1 -1
  11. package/dist/Modal/KdsDynamicModalProvider.vue.d.ts.map +1 -1
  12. package/dist/Modal/KdsModal.vue.d.ts +7 -5
  13. package/dist/Modal/KdsModal.vue.d.ts.map +1 -1
  14. package/dist/Modal/KdsModalLayout.vue.d.ts +6 -1
  15. package/dist/Modal/KdsModalLayout.vue.d.ts.map +1 -1
  16. package/dist/Modal/constants.d.ts +17 -1
  17. package/dist/Modal/constants.d.ts.map +1 -1
  18. package/dist/Modal/types.d.ts +16 -4
  19. package/dist/Modal/types.d.ts.map +1 -1
  20. package/dist/Modal/useKdsDynamicModal.d.ts +36 -34
  21. package/dist/Modal/useKdsDynamicModal.d.ts.map +1 -1
  22. package/dist/circle-info-DL9BFZEc.js +23 -0
  23. package/dist/circle-info-DL9BFZEc.js.map +1 -0
  24. package/dist/{collection-set-datatype-DYpMtzHI.js → collection-set-datatype-BmEIjJCx.js} +2 -2
  25. package/dist/collection-set-datatype-BmEIjJCx.js.map +1 -0
  26. package/dist/{data-app-DLBrad5z.js → data-app-wBNobXat.js} +2 -2
  27. package/dist/data-app-wBNobXat.js.map +1 -0
  28. package/dist/{db-table-view-ChgmvJ0r.js → db-table-view-B0xGvbnv.js} +2 -2
  29. package/dist/db-table-view-B0xGvbnv.js.map +1 -0
  30. package/dist/{eye-hI4CjRyR.js → eye-BaEvu1WZ.js} +2 -2
  31. package/dist/eye-BaEvu1WZ.js.map +1 -0
  32. package/dist/{helm-datatype-DIMao1A4.js → helm-datatype-BWAUZ-Tt.js} +2 -2
  33. package/dist/{helm-datatype-DIMao1A4.js.map → helm-datatype-BWAUZ-Tt.js.map} +1 -1
  34. package/dist/index.css +81 -65
  35. package/dist/index.d.ts +1 -0
  36. package/dist/index.d.ts.map +1 -1
  37. package/dist/index.js +138 -53
  38. package/dist/index.js.map +1 -1
  39. package/dist/{json-datatype-4Cs2Inbb.js → json-datatype-CK5bFgQy.js} +2 -2
  40. package/dist/json-datatype-CK5bFgQy.js.map +1 -0
  41. package/dist/{labeling-datatype-DUpw8k46.js → labeling-datatype-DubVeYXo.js} +2 -2
  42. package/dist/labeling-datatype-DubVeYXo.js.map +1 -0
  43. package/dist/{layout-editor-DOPFq0xW.js → layout-editor-CrJYLsDK.js} +2 -2
  44. package/dist/layout-editor-CrJYLsDK.js.map +1 -0
  45. package/dist/{local-filesystem-BcErf0xu.js → local-filesystem-D9Znqo5U.js} +2 -2
  46. package/dist/local-filesystem-D9Znqo5U.js.map +1 -0
  47. package/dist/{molecule-CLDlIAXW.js → molecule-C9PFhX46.js} +2 -2
  48. package/dist/molecule-C9PFhX46.js.map +1 -0
  49. package/dist/{pan-mode-CQcOEdj0.js → pan-mode-DqMDNpGh.js} +2 -2
  50. package/dist/pan-mode-DqMDNpGh.js.map +1 -0
  51. package/dist/{placeholder-DFusG4dS.js → placeholder-6jSUL5uH.js} +2 -2
  52. package/dist/placeholder-6jSUL5uH.js.map +1 -0
  53. package/dist/{quote-CAiTBbb2.js → quote-B_HXPGC-.js} +2 -2
  54. package/dist/quote-B_HXPGC-.js.map +1 -0
  55. package/dist/{selected-execution-BHXH8Aoa.js → selected-execution-Dt9jKAcj.js} +2 -2
  56. package/dist/{selected-execution-BHXH8Aoa.js.map → selected-execution-Dt9jKAcj.js.map} +1 -1
  57. package/dist/{shortcuts-CcA_xwev.js → shortcuts-Bu3KkyH3.js} +2 -2
  58. package/dist/shortcuts-Bu3KkyH3.js.map +1 -0
  59. package/dist/{sort-descending-V0E4m-jq.js → sort-descending-DZiglaz4.js} +2 -2
  60. package/dist/sort-descending-DZiglaz4.js.map +1 -0
  61. package/dist/{undo-w2w12pRI.js → undo-DaXvDNyj.js} +2 -2
  62. package/dist/{undo-w2w12pRI.js.map → undo-DaXvDNyj.js.map} +1 -1
  63. package/dist/{unknown-datatype-jbeH2fL7.js → unknown-datatype-HVRhR0XQ.js} +2 -2
  64. package/dist/unknown-datatype-HVRhR0XQ.js.map +1 -0
  65. package/dist/{variable-collection-double-BkzlN3v3.js → variable-collection-double-D9bZO46e.js} +2 -2
  66. package/dist/variable-collection-double-D9bZO46e.js.map +1 -0
  67. package/dist/{variable-conda-environment-DVP3RIkn.js → variable-conda-environment-Hrl_-hfW.js} +2 -2
  68. package/dist/variable-conda-environment-Hrl_-hfW.js.map +1 -0
  69. package/dist/{variable-unknown-CMTvsNQf.js → variable-unknown-DLlsEO5w.js} +2 -2
  70. package/dist/variable-unknown-DLlsEO5w.js.map +1 -0
  71. package/dist/{view-cards-DEIlZarp.js → view-cards-BTGqIH1C.js} +2 -2
  72. package/dist/view-cards-BTGqIH1C.js.map +1 -0
  73. package/package.json +4 -5
  74. package/dist/circle-info-PD8-gqwS.js +0 -23
  75. package/dist/circle-info-PD8-gqwS.js.map +0 -1
  76. package/dist/collection-set-datatype-DYpMtzHI.js.map +0 -1
  77. package/dist/data-app-DLBrad5z.js.map +0 -1
  78. package/dist/db-table-view-ChgmvJ0r.js.map +0 -1
  79. package/dist/eye-hI4CjRyR.js.map +0 -1
  80. package/dist/json-datatype-4Cs2Inbb.js.map +0 -1
  81. package/dist/labeling-datatype-DUpw8k46.js.map +0 -1
  82. package/dist/layout-editor-DOPFq0xW.js.map +0 -1
  83. package/dist/local-filesystem-BcErf0xu.js.map +0 -1
  84. package/dist/molecule-CLDlIAXW.js.map +0 -1
  85. package/dist/pan-mode-CQcOEdj0.js.map +0 -1
  86. package/dist/placeholder-DFusG4dS.js.map +0 -1
  87. package/dist/quote-CAiTBbb2.js.map +0 -1
  88. package/dist/shortcuts-CcA_xwev.js.map +0 -1
  89. package/dist/sort-descending-V0E4m-jq.js.map +0 -1
  90. package/dist/unknown-datatype-jbeH2fL7.js.map +0 -1
  91. package/dist/variable-collection-double-BkzlN3v3.js.map +0 -1
  92. package/dist/variable-conda-environment-DVP3RIkn.js.map +0 -1
  93. package/dist/variable-unknown-CMTvsNQf.js.map +0 -1
  94. package/dist/view-cards-DEIlZarp.js.map +0 -1
@@ -0,0 +1 @@
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;;;;"}
@@ -12,7 +12,7 @@ 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: "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",
15
+ 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",
16
16
  "vector-effect": "non-scaling-stroke"
17
17
  }, null, -1)
18
18
  ]))]))
@@ -20,4 +20,4 @@ function render(_ctx, _cache) {
20
20
  const helmDatatype = { render: render };
21
21
 
22
22
  export { helmDatatype as default, render };
23
- //# sourceMappingURL=helm-datatype-DIMao1A4.js.map
23
+ //# sourceMappingURL=helm-datatype-BWAUZ-Tt.js.map
@@ -1 +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;;;;"}
1
+ {"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 CHANGED
@@ -52,7 +52,7 @@ html.kds-legacy {
52
52
  }
53
53
 
54
54
  .button {
55
- &[data-v-f82890d7] {
55
+ &[data-v-67f7d3ae] {
56
56
  position: relative;
57
57
  display: flex;
58
58
  flex-shrink: 0;
@@ -66,125 +66,143 @@ html.kds-legacy {
66
66
 
67
67
  /* for LinkButton */
68
68
  }
69
- &[data-v-f82890d7]:is(a) {
69
+ &[data-v-67f7d3ae]:is(a) {
70
70
  text-decoration: none;
71
71
  }
72
- &.disabled[data-v-f82890d7] {
72
+ &.disabled[data-v-67f7d3ae] {
73
73
  cursor: not-allowed;
74
74
  }
75
- &[data-v-f82890d7]:focus-visible {
75
+ &[data-v-67f7d3ae]:focus-visible {
76
76
  outline: var(--kds-border-action-focused);
77
77
  outline-offset: var(--kds-spacing-offset-focus);
78
78
  }
79
79
  &.filled {
80
- &[data-v-f82890d7] {
80
+ &[data-v-67f7d3ae] {
81
81
  color: var(--kds-color-text-and-icon-primary-inverted);
82
82
  background-color: var(--kds-color-background-primary-bold-initial);
83
83
  border: var(--kds-border-action-transparent);
84
84
  }
85
- &.disabled[data-v-f82890d7] {
85
+ &.disabled[data-v-67f7d3ae] {
86
86
  color: var(--kds-color-text-and-icon-disabled-inverted);
87
87
  background-color: var(--kds-color-background-disabled-primary);
88
88
  }
89
89
  &:not(.disabled) {
90
- &[data-v-f82890d7]:hover {
90
+ &[data-v-67f7d3ae]:hover {
91
91
  background-color: var(--kds-color-background-primary-bold-hover);
92
92
  }
93
- &[data-v-f82890d7]:active {
93
+ &[data-v-67f7d3ae]:active {
94
94
  background-color: var(--kds-color-background-primary-bold-active);
95
95
  }
96
96
  }
97
97
  &.destructive {
98
- &[data-v-f82890d7] {
98
+ &[data-v-67f7d3ae] {
99
99
  color: var(--kds-color-text-and-icon-danger-inverted);
100
100
  background-color: var(--kds-color-background-danger-bold-initial);
101
101
  }
102
- &.disabled[data-v-f82890d7] {
102
+ &.disabled[data-v-67f7d3ae] {
103
103
  color: var(--kds-color-text-and-icon-disabled-inverted);
104
104
  background-color: var(--kds-color-background-disabled-danger);
105
105
  }
106
106
  &:not(.disabled) {
107
- &[data-v-f82890d7]:hover {
107
+ &[data-v-67f7d3ae]:hover {
108
108
  background-color: var(--kds-color-background-danger-bold-hover);
109
109
  }
110
- &[data-v-f82890d7]:active {
110
+ &[data-v-67f7d3ae]:active {
111
111
  background-color: var(--kds-color-background-danger-bold-active);
112
112
  }
113
113
  }
114
114
  }
115
115
  }
116
116
  &.outlined {
117
- &[data-v-f82890d7] {
117
+ &[data-v-67f7d3ae] {
118
118
  color: var(--kds-color-text-and-icon-neutral);
119
119
  background-color: var(--kds-color-background-neutral-initial);
120
120
  border: var(--kds-border-action-default);
121
121
  }
122
- &.disabled[data-v-f82890d7] {
122
+ &.disabled[data-v-67f7d3ae] {
123
123
  color: var(--kds-color-text-and-icon-disabled);
124
124
  border: var(--kds-border-action-disabled);
125
125
  }
126
126
  &:not(.disabled) {
127
- &[data-v-f82890d7]:hover {
127
+ &[data-v-67f7d3ae]:hover {
128
128
  background-color: var(--kds-color-background-neutral-hover);
129
129
  }
130
- &[data-v-f82890d7]:active {
130
+ &[data-v-67f7d3ae]:active {
131
131
  background-color: var(--kds-color-background-neutral-active);
132
132
  }
133
133
  }
134
134
  &.destructive {
135
- &[data-v-f82890d7] {
135
+ &[data-v-67f7d3ae] {
136
136
  color: var(--kds-color-text-and-icon-danger);
137
137
  border: var(--kds-border-action-error);
138
138
  }
139
- &.disabled[data-v-f82890d7] {
139
+ &.disabled[data-v-67f7d3ae] {
140
140
  color: var(--kds-color-text-and-icon-disabled);
141
141
  border: var(--kds-border-action-disabled);
142
142
  }
143
143
  &:not(.disabled) {
144
- &[data-v-f82890d7]:hover {
144
+ &[data-v-67f7d3ae]:hover {
145
145
  background-color: var(--kds-color-background-danger-hover);
146
146
  }
147
- &[data-v-f82890d7]:active {
147
+ &[data-v-67f7d3ae]:active {
148
148
  background-color: var(--kds-color-background-danger-active);
149
149
  }
150
150
  }
151
151
  }
152
152
  }
153
153
  &.transparent {
154
- &[data-v-f82890d7] {
154
+ &[data-v-67f7d3ae] {
155
155
  color: var(--kds-color-text-and-icon-neutral);
156
156
  background-color: var(--kds-color-background-neutral-initial);
157
157
  border: var(--kds-border-action-transparent);
158
158
  }
159
- &.disabled[data-v-f82890d7] {
159
+ &.disabled[data-v-67f7d3ae] {
160
160
  color: var(--kds-color-text-and-icon-disabled);
161
161
  }
162
162
  &:not(.disabled) {
163
- &[data-v-f82890d7]:hover {
163
+ &[data-v-67f7d3ae]:hover {
164
164
  background-color: var(--kds-color-background-neutral-hover);
165
165
  }
166
- &[data-v-f82890d7]:active {
166
+ &[data-v-67f7d3ae]:active {
167
167
  background-color: var(--kds-color-background-neutral-active);
168
168
  }
169
169
  }
170
170
  &.destructive {
171
- &[data-v-f82890d7] {
171
+ &[data-v-67f7d3ae] {
172
172
  color: var(--kds-color-text-and-icon-danger);
173
173
  }
174
- &.disabled[data-v-f82890d7] {
174
+ &.disabled[data-v-67f7d3ae] {
175
175
  color: var(--kds-color-text-and-icon-disabled);
176
176
  }
177
177
  &:not(.disabled) {
178
- &[data-v-f82890d7]:hover {
178
+ &[data-v-67f7d3ae]:hover {
179
179
  background-color: var(--kds-color-background-danger-hover);
180
180
  }
181
- &[data-v-f82890d7]:active {
181
+ &[data-v-67f7d3ae]:active {
182
182
  background-color: var(--kds-color-background-danger-active);
183
183
  }
184
184
  }
185
185
  }
186
186
  }
187
- & .label[data-v-f82890d7] {
187
+ &.toggled {
188
+ &[data-v-67f7d3ae] {
189
+ color: var(--kds-color-text-and-icon-selected);
190
+ background-color: var(--kds-color-background-selected-initial);
191
+ border: var(--kds-border-action-selected);
192
+ }
193
+ &.disabled[data-v-67f7d3ae] {
194
+ color: var(--kds-color-text-and-icon-disabled);
195
+ }
196
+ &:not(.disabled) {
197
+ &[data-v-67f7d3ae]:hover {
198
+ background-color: var(--kds-color-background-selected-hover);
199
+ }
200
+ &[data-v-67f7d3ae]:active {
201
+ background-color: var(--kds-color-background-selected-active);
202
+ }
203
+ }
204
+ }
205
+ & .label[data-v-67f7d3ae] {
188
206
  max-width: 200px;
189
207
  padding: 0 var(--kds-spacing-container-0-12x);
190
208
  overflow: hidden;
@@ -192,7 +210,7 @@ html.kds-legacy {
192
210
  white-space: nowrap;
193
211
  text-rendering: geometricprecision;
194
212
  }
195
- &.xsmall[data-v-f82890d7] {
213
+ &.xsmall[data-v-67f7d3ae] {
196
214
  gap: var(--kds-spacing-container-0-12x);
197
215
  height: var(--kds-dimension-component-height-1-25x);
198
216
  padding: 0
@@ -204,7 +222,7 @@ html.kds-legacy {
204
222
  var(--kds-border-radius-container-0-25x)
205
223
  );
206
224
  }
207
- &.small[data-v-f82890d7] {
225
+ &.small[data-v-67f7d3ae] {
208
226
  gap: var(--kds-spacing-container-0-12x);
209
227
  height: var(--kds-dimension-component-height-1-5x);
210
228
  padding: 0
@@ -216,7 +234,7 @@ html.kds-legacy {
216
234
  var(--kds-border-radius-container-0-37x)
217
235
  );
218
236
  }
219
- &.medium[data-v-f82890d7] {
237
+ &.medium[data-v-67f7d3ae] {
220
238
  gap: var(--kds-spacing-container-0-25x);
221
239
  height: var(--kds-dimension-component-height-1-75x);
222
240
  padding: 0
@@ -229,7 +247,7 @@ html.kds-legacy {
229
247
  );
230
248
  }
231
249
  &.large {
232
- &[data-v-f82890d7] {
250
+ &[data-v-67f7d3ae] {
233
251
  gap: var(--kds-spacing-container-0-25x);
234
252
  height: var(--kds-dimension-component-height-2-25x);
235
253
  padding: 0
@@ -241,7 +259,7 @@ html.kds-legacy {
241
259
  var(--kds-border-radius-container-0-50x)
242
260
  );
243
261
  }
244
- & .label[data-v-f82890d7] {
262
+ & .label[data-v-67f7d3ae] {
245
263
  padding: 0 var(--kds-spacing-container-0-25x);
246
264
  }
247
265
  }
@@ -429,7 +447,7 @@ html.kds-legacy {
429
447
  }
430
448
 
431
449
  .modal-header {
432
- &[data-v-2a54ec89] {
450
+ &[data-v-c600bf4b] {
433
451
  display: flex;
434
452
  gap: var(--kds-spacing-container-0-5x);
435
453
  align-items: center;
@@ -438,12 +456,12 @@ html.kds-legacy {
438
456
  font: var(--kds-font-base-title-medium-strong);
439
457
  color: var(--kds-color-text-and-icon-neutral);
440
458
  }
441
- & .modal-header-title[data-v-2a54ec89] {
459
+ & .modal-header-title[data-v-c600bf4b] {
442
460
  flex: 1 1 auto;
443
461
  }
444
462
  }
445
463
  .modal-body {
446
- &[data-v-2a54ec89] {
464
+ &[data-v-c600bf4b] {
447
465
  --modal-padding-left: var(--kds-spacing-container-1-5x);
448
466
  --modal-padding-right: var(--kds-spacing-container-1-5x);
449
467
  --modal-padding-top: var(--kds-spacing-container-0-5x);
@@ -452,19 +470,17 @@ html.kds-legacy {
452
470
 
453
471
  display: flex;
454
472
  flex-direction: column;
455
- overflow: hidden;
473
+ overflow: var(--v7613d0dd);
456
474
  font: var(--kds-font-base-body-small);
457
475
  color: var(--kds-color-text-and-icon-neutral);
458
476
  }
459
- &.modal-body-variant-default[data-v-2a54ec89] {
477
+ &[data-variant="padded"][data-v-c600bf4b] {
460
478
  gap: var(--modal-gap);
461
479
  padding: var(--modal-padding-top) var(--modal-padding-right)
462
480
  var(--modal-padding-bottom) var(--modal-padding-left);
463
- overflow-y: auto; /* scroll if needed */
464
- overscroll-behavior: contain;
465
481
  }
466
482
  }
467
- .modal-footer[data-v-2a54ec89] {
483
+ .modal-footer[data-v-c600bf4b] {
468
484
  display: flex;
469
485
  gap: var(--kds-spacing-container-0-5x);
470
486
  justify-content: right;
@@ -477,7 +493,7 @@ body:has(dialog.modal[open]) {
477
493
  }
478
494
 
479
495
  .kds-modal {
480
- &[data-v-7dc0f65d] {
496
+ &[data-v-a80b4b47] {
481
497
  /* rule is broken it complains about local variables for no reason */
482
498
  /* stylelint-disable csstools/value-no-unknown-custom-properties */
483
499
  --modal-full-size: 95%;
@@ -489,7 +505,7 @@ body:has(dialog.modal[open]) {
489
505
  height: var(--modal-height);
490
506
  max-height: var(--modal-full-size);
491
507
  padding: 0;
492
- overflow: hidden;
508
+ overflow: var(--v5f410792);
493
509
  font: var(--kds-font-base-body-small);
494
510
  color: var(--kds-color-text-and-icon-neutral);
495
511
  background-color: var(--kds-color-surface-default);
@@ -497,64 +513,64 @@ body:has(dialog.modal[open]) {
497
513
  border-radius: var(--kds-border-radius-container-0-37x);
498
514
  box-shadow: var(--kds-elevation-level-3);
499
515
 
500
- /* hide if its not open */
501
-
502
516
  /** Animation */
503
517
  opacity: 0;
504
518
  transform: scale(var(--modal-scale-base));
505
519
  transition: var(--modal-animation-time) allow-discrete;
506
520
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
507
521
  transition-property: display, opacity, overlay, transform;
522
+
523
+ /* hide if its not open */
508
524
  }
509
- &.width-small[data-v-7dc0f65d] {
525
+ &.width-small[data-v-a80b4b47] {
510
526
  --modal-width: var(--kds-dimension-component-width-25x);
511
527
  --modal-animation-time: 100ms;
512
528
  --modal-scale-base: 0.85;
513
529
  }
514
- &.width-medium[data-v-7dc0f65d] {
530
+ &.width-medium[data-v-a80b4b47] {
515
531
  --modal-width: var(--kds-dimension-component-width-32x);
516
532
  --modal-animation-time: 140ms;
517
533
  --modal-scale-base: 0.88;
518
534
  }
519
- &.width-large[data-v-7dc0f65d] {
535
+ &.width-large[data-v-a80b4b47] {
520
536
  --modal-width: var(--kds-dimension-component-width-45x);
521
537
  --modal-animation-time: 210ms;
522
538
  --modal-scale-base: 0.88;
523
539
  }
524
- &.width-xlarge[data-v-7dc0f65d] {
540
+ &.width-xlarge[data-v-a80b4b47] {
525
541
  --modal-width: var(--kds-dimension-component-width-61x);
526
542
  --modal-animation-time: 300ms;
527
543
  --modal-scale-base: 0.88;
528
544
  }
529
- &.width-full[data-v-7dc0f65d] {
545
+ &.width-full[data-v-a80b4b47] {
530
546
  --modal-width: var(--modal-full-size);
531
547
  --modal-animation-time: 350ms;
532
548
  --modal-scale-base: 0.92;
533
549
  }
534
- &.height-full[data-v-7dc0f65d] {
550
+ &.height-full[data-v-a80b4b47] {
535
551
  --modal-height: var(--modal-full-size);
536
552
  }
537
- &.height-auto[data-v-7dc0f65d] {
553
+ &.height-auto[data-v-a80b4b47] {
538
554
  --modal-height: fit-content;
539
555
  }
540
- &[data-v-7dc0f65d]:not([open]) {
556
+ &[data-v-a80b4b47]:not([open]) {
541
557
  display: none;
542
558
  }
543
- &[data-v-7dc0f65d]:focus-visible,
544
- &[data-v-7dc0f65d]:focus {
559
+ &[data-v-a80b4b47]:focus-visible,
560
+ &[data-v-a80b4b47]:focus {
545
561
  outline: none;
546
562
  }
547
- &[data-v-7dc0f65d]::backdrop {
563
+ &[data-v-a80b4b47]::backdrop {
548
564
  background: var(--kds-color-blanket-default);
549
565
  opacity: 0;
550
566
  transition: var(--modal-animation-time) allow-discrete;
551
567
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
552
568
  transition-property: display, opacity, overlay;
553
569
  }
554
- &[open][data-v-7dc0f65d]::backdrop {
570
+ &[open][data-v-a80b4b47]::backdrop {
555
571
  opacity: 1;
556
572
  }
557
- &[open][data-v-7dc0f65d] {
573
+ &[open][data-v-a80b4b47] {
558
574
  opacity: 1;
559
575
  transform: scale(1);
560
576
  }
@@ -563,26 +579,26 @@ body:has(dialog.modal[open]) {
563
579
  /** Animation starting styles */
564
580
  @starting-style {
565
581
  .kds-modal {
566
- &[data-v-7dc0f65d] {
582
+ &[data-v-a80b4b47] {
567
583
  opacity: 1;
568
584
  transform: scale(1);
569
585
  }
570
- &[open][data-v-7dc0f65d] {
586
+ &[open][data-v-a80b4b47] {
571
587
  opacity: 0;
572
588
  transform: scale(var(--modal-scale-base));
573
589
  }
574
- &[data-v-7dc0f65d]::backdrop {
590
+ &[data-v-a80b4b47]::backdrop {
575
591
  opacity: 1;
576
592
  }
577
- &[open][data-v-7dc0f65d]::backdrop {
593
+ &[open][data-v-a80b4b47]::backdrop {
578
594
  opacity: 0;
579
595
  }
580
596
  }
581
597
  }
582
598
 
583
- .ask-again[data-v-c868f587] {
599
+ .ask-again[data-v-bd3a851b] {
584
600
  padding: var(--kds-spacing-container-0-5x) 0 0 0;
585
601
  }
586
- .flush-left[data-v-c868f587] {
602
+ .flush-left[data-v-bd3a851b] {
587
603
  margin-right: auto;
588
604
  }
package/dist/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export { default as KdsButton } from './Button/KdsButton.vue';
2
2
  export { default as KdsLinkButton } from './Button/KdsLinkButton.vue';
3
+ export { default as KdsToggleButton } from './Button/KdsToggleButton.vue';
3
4
  export { default as KdsCheckbox } from './Checkbox/KdsCheckbox.vue';
4
5
  export { default as KdsIcon } from './Icon/KdsIcon.vue';
5
6
  export { default as KdsDataType } from './Icon/KdsDataType.vue';
@@ -1 +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"}
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,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"}