@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.
- package/dist/Button/BaseButton.vue.d.ts.map +1 -1
- package/dist/Button/KdsButton.vue.d.ts +1 -41
- package/dist/Button/KdsButton.vue.d.ts.map +1 -1
- package/dist/Button/KdsLinkButton.vue.d.ts.map +1 -1
- package/dist/Button/KdsToggleButton.vue.d.ts +3 -0
- package/dist/Button/KdsToggleButton.vue.d.ts.map +1 -0
- package/dist/Button/constants.d.ts +1 -0
- package/dist/Button/constants.d.ts.map +1 -1
- package/dist/Button/types.d.ts +43 -10
- package/dist/Button/types.d.ts.map +1 -1
- package/dist/Modal/KdsDynamicModalProvider.vue.d.ts.map +1 -1
- package/dist/Modal/KdsModal.vue.d.ts +7 -5
- package/dist/Modal/KdsModal.vue.d.ts.map +1 -1
- package/dist/Modal/KdsModalLayout.vue.d.ts +6 -1
- package/dist/Modal/KdsModalLayout.vue.d.ts.map +1 -1
- package/dist/Modal/constants.d.ts +17 -1
- package/dist/Modal/constants.d.ts.map +1 -1
- package/dist/Modal/types.d.ts +16 -4
- package/dist/Modal/types.d.ts.map +1 -1
- package/dist/Modal/useKdsDynamicModal.d.ts +36 -34
- package/dist/Modal/useKdsDynamicModal.d.ts.map +1 -1
- package/dist/circle-info-DL9BFZEc.js +23 -0
- package/dist/circle-info-DL9BFZEc.js.map +1 -0
- package/dist/{collection-set-datatype-DYpMtzHI.js → collection-set-datatype-BmEIjJCx.js} +2 -2
- package/dist/collection-set-datatype-BmEIjJCx.js.map +1 -0
- package/dist/{data-app-DLBrad5z.js → data-app-wBNobXat.js} +2 -2
- package/dist/data-app-wBNobXat.js.map +1 -0
- package/dist/{db-table-view-ChgmvJ0r.js → db-table-view-B0xGvbnv.js} +2 -2
- package/dist/db-table-view-B0xGvbnv.js.map +1 -0
- package/dist/{eye-hI4CjRyR.js → eye-BaEvu1WZ.js} +2 -2
- package/dist/eye-BaEvu1WZ.js.map +1 -0
- package/dist/{helm-datatype-DIMao1A4.js → helm-datatype-BWAUZ-Tt.js} +2 -2
- package/dist/{helm-datatype-DIMao1A4.js.map → helm-datatype-BWAUZ-Tt.js.map} +1 -1
- package/dist/index.css +81 -65
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +138 -53
- package/dist/index.js.map +1 -1
- package/dist/{json-datatype-4Cs2Inbb.js → json-datatype-CK5bFgQy.js} +2 -2
- package/dist/json-datatype-CK5bFgQy.js.map +1 -0
- package/dist/{labeling-datatype-DUpw8k46.js → labeling-datatype-DubVeYXo.js} +2 -2
- package/dist/labeling-datatype-DubVeYXo.js.map +1 -0
- package/dist/{layout-editor-DOPFq0xW.js → layout-editor-CrJYLsDK.js} +2 -2
- package/dist/layout-editor-CrJYLsDK.js.map +1 -0
- package/dist/{local-filesystem-BcErf0xu.js → local-filesystem-D9Znqo5U.js} +2 -2
- package/dist/local-filesystem-D9Znqo5U.js.map +1 -0
- package/dist/{molecule-CLDlIAXW.js → molecule-C9PFhX46.js} +2 -2
- package/dist/molecule-C9PFhX46.js.map +1 -0
- package/dist/{pan-mode-CQcOEdj0.js → pan-mode-DqMDNpGh.js} +2 -2
- package/dist/pan-mode-DqMDNpGh.js.map +1 -0
- package/dist/{placeholder-DFusG4dS.js → placeholder-6jSUL5uH.js} +2 -2
- package/dist/placeholder-6jSUL5uH.js.map +1 -0
- package/dist/{quote-CAiTBbb2.js → quote-B_HXPGC-.js} +2 -2
- package/dist/quote-B_HXPGC-.js.map +1 -0
- package/dist/{selected-execution-BHXH8Aoa.js → selected-execution-Dt9jKAcj.js} +2 -2
- package/dist/{selected-execution-BHXH8Aoa.js.map → selected-execution-Dt9jKAcj.js.map} +1 -1
- package/dist/{shortcuts-CcA_xwev.js → shortcuts-Bu3KkyH3.js} +2 -2
- package/dist/shortcuts-Bu3KkyH3.js.map +1 -0
- package/dist/{sort-descending-V0E4m-jq.js → sort-descending-DZiglaz4.js} +2 -2
- package/dist/sort-descending-DZiglaz4.js.map +1 -0
- package/dist/{undo-w2w12pRI.js → undo-DaXvDNyj.js} +2 -2
- package/dist/{undo-w2w12pRI.js.map → undo-DaXvDNyj.js.map} +1 -1
- package/dist/{unknown-datatype-jbeH2fL7.js → unknown-datatype-HVRhR0XQ.js} +2 -2
- package/dist/unknown-datatype-HVRhR0XQ.js.map +1 -0
- package/dist/{variable-collection-double-BkzlN3v3.js → variable-collection-double-D9bZO46e.js} +2 -2
- package/dist/variable-collection-double-D9bZO46e.js.map +1 -0
- package/dist/{variable-conda-environment-DVP3RIkn.js → variable-conda-environment-Hrl_-hfW.js} +2 -2
- package/dist/variable-conda-environment-Hrl_-hfW.js.map +1 -0
- package/dist/{variable-unknown-CMTvsNQf.js → variable-unknown-DLlsEO5w.js} +2 -2
- package/dist/variable-unknown-DLlsEO5w.js.map +1 -0
- package/dist/{view-cards-DEIlZarp.js → view-cards-BTGqIH1C.js} +2 -2
- package/dist/view-cards-BTGqIH1C.js.map +1 -0
- package/package.json +4 -5
- package/dist/circle-info-PD8-gqwS.js +0 -23
- package/dist/circle-info-PD8-gqwS.js.map +0 -1
- package/dist/collection-set-datatype-DYpMtzHI.js.map +0 -1
- package/dist/data-app-DLBrad5z.js.map +0 -1
- package/dist/db-table-view-ChgmvJ0r.js.map +0 -1
- package/dist/eye-hI4CjRyR.js.map +0 -1
- package/dist/json-datatype-4Cs2Inbb.js.map +0 -1
- package/dist/labeling-datatype-DUpw8k46.js.map +0 -1
- package/dist/layout-editor-DOPFq0xW.js.map +0 -1
- package/dist/local-filesystem-BcErf0xu.js.map +0 -1
- package/dist/molecule-CLDlIAXW.js.map +0 -1
- package/dist/pan-mode-CQcOEdj0.js.map +0 -1
- package/dist/placeholder-DFusG4dS.js.map +0 -1
- package/dist/quote-CAiTBbb2.js.map +0 -1
- package/dist/shortcuts-CcA_xwev.js.map +0 -1
- package/dist/sort-descending-V0E4m-jq.js.map +0 -1
- package/dist/unknown-datatype-jbeH2fL7.js.map +0 -1
- package/dist/variable-collection-double-BkzlN3v3.js.map +0 -1
- package/dist/variable-conda-environment-DVP3RIkn.js.map +0 -1
- package/dist/variable-unknown-CMTvsNQf.js.map +0 -1
- 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
|
|
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-
|
|
23
|
+
//# sourceMappingURL=helm-datatype-BWAUZ-Tt.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helm-datatype-
|
|
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-
|
|
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-
|
|
69
|
+
&[data-v-67f7d3ae]:is(a) {
|
|
70
70
|
text-decoration: none;
|
|
71
71
|
}
|
|
72
|
-
&.disabled[data-v-
|
|
72
|
+
&.disabled[data-v-67f7d3ae] {
|
|
73
73
|
cursor: not-allowed;
|
|
74
74
|
}
|
|
75
|
-
&[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
90
|
+
&[data-v-67f7d3ae]:hover {
|
|
91
91
|
background-color: var(--kds-color-background-primary-bold-hover);
|
|
92
92
|
}
|
|
93
|
-
&[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
107
|
+
&[data-v-67f7d3ae]:hover {
|
|
108
108
|
background-color: var(--kds-color-background-danger-bold-hover);
|
|
109
109
|
}
|
|
110
|
-
&[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
127
|
+
&[data-v-67f7d3ae]:hover {
|
|
128
128
|
background-color: var(--kds-color-background-neutral-hover);
|
|
129
129
|
}
|
|
130
|
-
&[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
144
|
+
&[data-v-67f7d3ae]:hover {
|
|
145
145
|
background-color: var(--kds-color-background-danger-hover);
|
|
146
146
|
}
|
|
147
|
-
&[data-v-
|
|
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-
|
|
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-
|
|
159
|
+
&.disabled[data-v-67f7d3ae] {
|
|
160
160
|
color: var(--kds-color-text-and-icon-disabled);
|
|
161
161
|
}
|
|
162
162
|
&:not(.disabled) {
|
|
163
|
-
&[data-v-
|
|
163
|
+
&[data-v-67f7d3ae]:hover {
|
|
164
164
|
background-color: var(--kds-color-background-neutral-hover);
|
|
165
165
|
}
|
|
166
|
-
&[data-v-
|
|
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-
|
|
171
|
+
&[data-v-67f7d3ae] {
|
|
172
172
|
color: var(--kds-color-text-and-icon-danger);
|
|
173
173
|
}
|
|
174
|
-
&.disabled[data-v-
|
|
174
|
+
&.disabled[data-v-67f7d3ae] {
|
|
175
175
|
color: var(--kds-color-text-and-icon-disabled);
|
|
176
176
|
}
|
|
177
177
|
&:not(.disabled) {
|
|
178
|
-
&[data-v-
|
|
178
|
+
&[data-v-67f7d3ae]:hover {
|
|
179
179
|
background-color: var(--kds-color-background-danger-hover);
|
|
180
180
|
}
|
|
181
|
-
&[data-v-
|
|
181
|
+
&[data-v-67f7d3ae]:active {
|
|
182
182
|
background-color: var(--kds-color-background-danger-active);
|
|
183
183
|
}
|
|
184
184
|
}
|
|
185
185
|
}
|
|
186
186
|
}
|
|
187
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
459
|
+
& .modal-header-title[data-v-c600bf4b] {
|
|
442
460
|
flex: 1 1 auto;
|
|
443
461
|
}
|
|
444
462
|
}
|
|
445
463
|
.modal-body {
|
|
446
|
-
&[data-v-
|
|
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:
|
|
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
|
-
|
|
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-
|
|
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-
|
|
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:
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
550
|
+
&.height-full[data-v-a80b4b47] {
|
|
535
551
|
--modal-height: var(--modal-full-size);
|
|
536
552
|
}
|
|
537
|
-
&.height-auto[data-v-
|
|
553
|
+
&.height-auto[data-v-a80b4b47] {
|
|
538
554
|
--modal-height: fit-content;
|
|
539
555
|
}
|
|
540
|
-
&[data-v-
|
|
556
|
+
&[data-v-a80b4b47]:not([open]) {
|
|
541
557
|
display: none;
|
|
542
558
|
}
|
|
543
|
-
&[data-v-
|
|
544
|
-
&[data-v-
|
|
559
|
+
&[data-v-a80b4b47]:focus-visible,
|
|
560
|
+
&[data-v-a80b4b47]:focus {
|
|
545
561
|
outline: none;
|
|
546
562
|
}
|
|
547
|
-
&[data-v-
|
|
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-
|
|
570
|
+
&[open][data-v-a80b4b47]::backdrop {
|
|
555
571
|
opacity: 1;
|
|
556
572
|
}
|
|
557
|
-
&[open][data-v-
|
|
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-
|
|
582
|
+
&[data-v-a80b4b47] {
|
|
567
583
|
opacity: 1;
|
|
568
584
|
transform: scale(1);
|
|
569
585
|
}
|
|
570
|
-
&[open][data-v-
|
|
586
|
+
&[open][data-v-a80b4b47] {
|
|
571
587
|
opacity: 0;
|
|
572
588
|
transform: scale(var(--modal-scale-base));
|
|
573
589
|
}
|
|
574
|
-
&[data-v-
|
|
590
|
+
&[data-v-a80b4b47]::backdrop {
|
|
575
591
|
opacity: 1;
|
|
576
592
|
}
|
|
577
|
-
&[open][data-v-
|
|
593
|
+
&[open][data-v-a80b4b47]::backdrop {
|
|
578
594
|
opacity: 0;
|
|
579
595
|
}
|
|
580
596
|
}
|
|
581
597
|
}
|
|
582
598
|
|
|
583
|
-
.ask-again[data-v-
|
|
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-
|
|
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';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -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"}
|