@knime/kds-components 0.28.9 → 0.28.10
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/CHANGELOG.md +915 -0
- package/dist/{copy-DAYm6-mo.js → copy-D43FaHi-.js} +2 -2
- package/dist/copy-D43FaHi-.js.map +1 -0
- package/dist/duplicate-Mtq886XD.js +23 -0
- package/dist/duplicate-Mtq886XD.js.map +1 -0
- package/dist/folder-move-6L5NfoIs.js +23 -0
- package/dist/folder-move-6L5NfoIs.js.map +1 -0
- package/dist/index.css +166 -0
- package/dist/index.js +488 -455
- package/dist/index.js.map +1 -1
- package/dist/linked-component-BOb5aj87.js +23 -0
- package/dist/linked-component-BOb5aj87.js.map +1 -0
- package/dist/src/index.d.ts +2 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/overlays/Modal/KdsModal.vue.d.ts +1 -1
- package/dist/src/richText/Description/KdsDescription.vue.d.ts +7 -0
- package/dist/src/richText/Description/KdsDescription.vue.d.ts.map +1 -0
- package/dist/src/richText/Description/index.d.ts +2 -0
- package/dist/src/richText/Description/index.d.ts.map +1 -0
- package/dist/src/richText/index.d.ts +3 -0
- package/dist/src/richText/index.d.ts.map +1 -0
- package/package.json +4 -3
- package/dist/copy-DAYm6-mo.js.map +0 -1
|
@@ -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: "M7.
|
|
15
|
+
d: "M7.005 1.95a.45.45 0 0 0-.45-.45H2.45a.45.45 0 0 0-.45.45v6.1c0 .249.201.45.45.45h1.026m1.974-5h4.105a.45.45 0 0 1 .45.45v6.1a.45.45 0 0 1-.45.45H5.45a.45.45 0 0 1-.45-.45v-6.1a.45.45 0 0 1 .45-.45",
|
|
16
16
|
"vector-effect": "non-scaling-stroke"
|
|
17
17
|
}, null, -1)
|
|
18
18
|
]))]))
|
|
@@ -20,4 +20,4 @@ function render(_ctx, _cache) {
|
|
|
20
20
|
const copy = { render: render };
|
|
21
21
|
|
|
22
22
|
export { copy as default, render };
|
|
23
|
-
//# sourceMappingURL=copy-
|
|
23
|
+
//# sourceMappingURL=copy-D43FaHi-.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"copy-D43FaHi-.js","sources":["../../styles/dist/img/icons/copy.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: \"M7.005 1.95a.45.45 0 0 0-.45-.45H2.45a.45.45 0 0 0-.45.45v6.1c0 .249.201.45.45.45h1.026m1.974-5h4.105a.45.45 0 0 1 .45.45v6.1a.45.45 0 0 1-.45.45H5.45a.45.45 0 0 1-.45-.45v-6.1a.45.45 0 0 1 .45-.45\",\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,uMAAuM;AAChN,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,aAAe,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: "m7 5.5 1.253 1.47L7 8.44m1.253-1.47H4m3.005-5.02a.45.45 0 0 0-.45-.45H2.45a.45.45 0 0 0-.45.45v6.1c0 .249.201.45.45.45h1.026M5 10.05c0 .248.201.45.45.45h4.105a.45.45 0 0 0 .45-.45v-6.1a.45.45 0 0 0-.45-.45H5.45a.45.45 0 0 0-.45.45M5 5.5v-.025m0 3.05V8.5",
|
|
16
|
+
"vector-effect": "non-scaling-stroke"
|
|
17
|
+
}, null, -1)
|
|
18
|
+
]))]))
|
|
19
|
+
}
|
|
20
|
+
const duplicate = { render: render };
|
|
21
|
+
|
|
22
|
+
export { duplicate as default, render };
|
|
23
|
+
//# sourceMappingURL=duplicate-Mtq886XD.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"duplicate-Mtq886XD.js","sources":["../../styles/dist/img/icons/duplicate.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: \"m7 5.5 1.253 1.47L7 8.44m1.253-1.47H4m3.005-5.02a.45.45 0 0 0-.45-.45H2.45a.45.45 0 0 0-.45.45v6.1c0 .249.201.45.45.45h1.026M5 10.05c0 .248.201.45.45.45h4.105a.45.45 0 0 0 .45-.45v-6.1a.45.45 0 0 0-.45-.45H5.45a.45.45 0 0 0-.45.45M5 5.5v-.025m0 3.05V8.5\",\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,+PAA+P;AACxQ,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,kBAAe,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: "M11 8.25H6.75M9.5 6.5 11 8.25 9.5 10m-6-.25H2A.75.75 0 0 1 1.25 9V2.75c0-.263.213-.5.476-.5H4.5l1 1.25h4.75a.5.5 0 0 1 .5.5",
|
|
16
|
+
"vector-effect": "non-scaling-stroke"
|
|
17
|
+
}, null, -1)
|
|
18
|
+
]))]))
|
|
19
|
+
}
|
|
20
|
+
const folderMove = { render: render };
|
|
21
|
+
|
|
22
|
+
export { folderMove as default, render };
|
|
23
|
+
//# sourceMappingURL=folder-move-6L5NfoIs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"folder-move-6L5NfoIs.js","sources":["../../styles/dist/img/icons/folder-move.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: \"M11 8.25H6.75M9.5 6.5 11 8.25 9.5 10m-6-.25H2A.75.75 0 0 1 1.25 9V2.75c0-.263.213-.5.476-.5H4.5l1 1.25h4.75a.5.5 0 0 1 .5.5\",\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,6HAA6H;AACtI,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,mBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}
|
package/dist/index.css
CHANGED
|
@@ -4065,3 +4065,169 @@ body:has(dialog.modal[open]) {
|
|
|
4065
4065
|
justify-content: center;
|
|
4066
4066
|
}
|
|
4067
4067
|
}
|
|
4068
|
+
|
|
4069
|
+
.description {
|
|
4070
|
+
&[data-v-43067f23] {
|
|
4071
|
+
font: var(--kds-font-base-body-small);
|
|
4072
|
+
color: var(--kds-color-text-and-icon-neutral);
|
|
4073
|
+
overflow-wrap: anywhere;
|
|
4074
|
+
|
|
4075
|
+
/* stylelint-disable knime/no-deep-nesting */
|
|
4076
|
+
}
|
|
4077
|
+
&.plain[data-v-43067f23] {
|
|
4078
|
+
white-space: pre-line;
|
|
4079
|
+
}
|
|
4080
|
+
&[data-v-43067f23] {
|
|
4081
|
+
p {
|
|
4082
|
+
& {
|
|
4083
|
+
padding: 0;
|
|
4084
|
+
margin: 0 0 var(--kds-spacing-container-0-37x);
|
|
4085
|
+
font: var(--kds-font-base-body-small);
|
|
4086
|
+
}
|
|
4087
|
+
&:last-child {
|
|
4088
|
+
margin-bottom: 0;
|
|
4089
|
+
}
|
|
4090
|
+
}
|
|
4091
|
+
strong,
|
|
4092
|
+
b {
|
|
4093
|
+
font-weight: var(--kds-core-font-weight-strong);
|
|
4094
|
+
}
|
|
4095
|
+
i,
|
|
4096
|
+
em {
|
|
4097
|
+
font-style: italic;
|
|
4098
|
+
}
|
|
4099
|
+
h3 {
|
|
4100
|
+
margin: 0;
|
|
4101
|
+
font: var(--kds-font-base-body-large-strong);
|
|
4102
|
+
}
|
|
4103
|
+
h4 {
|
|
4104
|
+
margin: 0;
|
|
4105
|
+
font: var(--kds-font-base-body-medium-strong);
|
|
4106
|
+
}
|
|
4107
|
+
pre {
|
|
4108
|
+
& {
|
|
4109
|
+
width: fit-content;
|
|
4110
|
+
padding: var(--kds-spacing-container-0-75x);
|
|
4111
|
+
font: var(--kds-font-base-code-xsmall);
|
|
4112
|
+
background: var(--kds-color-surface-subtle);
|
|
4113
|
+
border-radius: var(--kds-border-radius-container-0-25x);
|
|
4114
|
+
}
|
|
4115
|
+
& > code {
|
|
4116
|
+
padding: 0;
|
|
4117
|
+
background: none;
|
|
4118
|
+
}
|
|
4119
|
+
}
|
|
4120
|
+
& :not(pre) > code {
|
|
4121
|
+
padding: var(--kds-spacing-container-0-12x)
|
|
4122
|
+
var(--kds-spacing-container-0-25x);
|
|
4123
|
+
font: var(--kds-font-base-code-xsmall);
|
|
4124
|
+
background: var(--kds-color-surface-subtle);
|
|
4125
|
+
box-decoration-break: clone;
|
|
4126
|
+
border-radius: var(--kds-border-radius-container-0-12x);
|
|
4127
|
+
}
|
|
4128
|
+
|
|
4129
|
+
/** keep in sync with KdsLink */
|
|
4130
|
+
a {
|
|
4131
|
+
& {
|
|
4132
|
+
display: inline-flex;
|
|
4133
|
+
align-items: center;
|
|
4134
|
+
justify-content: center;
|
|
4135
|
+
width: fit-content;
|
|
4136
|
+
max-width: 100%;
|
|
4137
|
+
padding: var(--kds-spacing-container-none)
|
|
4138
|
+
var(--kds-spacing-container-0-10x);
|
|
4139
|
+
font: var(--kds-font-base-body-small);
|
|
4140
|
+
color: var(--kds-color-text-and-icon-neutral);
|
|
4141
|
+
white-space: nowrap;
|
|
4142
|
+
text-decoration-line: underline;
|
|
4143
|
+
cursor: pointer;
|
|
4144
|
+
border-radius: var(--kds-border-radius-container-0-12x);
|
|
4145
|
+
|
|
4146
|
+
/** internal links */
|
|
4147
|
+
|
|
4148
|
+
/** external links */
|
|
4149
|
+
}
|
|
4150
|
+
&:focus-visible {
|
|
4151
|
+
outline: var(--kds-border-action-focused);
|
|
4152
|
+
outline-offset: var(--kds-spacing-container-none);
|
|
4153
|
+
}
|
|
4154
|
+
&[href^="http"] {
|
|
4155
|
+
& {
|
|
4156
|
+
--link-color: var(--kds-color-text-and-icon-selected);
|
|
4157
|
+
|
|
4158
|
+
color: var(--link-color);
|
|
4159
|
+
}
|
|
4160
|
+
&:visited {
|
|
4161
|
+
--link-color: var(--kds-color-text-and-icon-info);
|
|
4162
|
+
|
|
4163
|
+
color: var(--link-color);
|
|
4164
|
+
}
|
|
4165
|
+
&:hover {
|
|
4166
|
+
--link-color: var(--kds-color-text-and-icon-primary-inverted);
|
|
4167
|
+
|
|
4168
|
+
color: var(--link-color);
|
|
4169
|
+
background-color: var(--kds-color-background-primary-bold-hover);
|
|
4170
|
+
}
|
|
4171
|
+
&:active {
|
|
4172
|
+
--link-color: var(--kds-color-text-and-icon-selected-inverted);
|
|
4173
|
+
|
|
4174
|
+
color: var(--link-color);
|
|
4175
|
+
background-color: var(--kds-color-background-primary-bold-active);
|
|
4176
|
+
}
|
|
4177
|
+
&::after {
|
|
4178
|
+
display: block;
|
|
4179
|
+
width: var(--kds-dimension-icon-0-56x);
|
|
4180
|
+
height: var(--kds-dimension-icon-0-56x);
|
|
4181
|
+
margin-left: var(--kds-spacing-container-0-12x);
|
|
4182
|
+
content: "";
|
|
4183
|
+
background-color: var(--link-color);
|
|
4184
|
+
mask-image: var(--v0c7d182f);
|
|
4185
|
+
mask-repeat: no-repeat;
|
|
4186
|
+
mask-size: contain;
|
|
4187
|
+
}
|
|
4188
|
+
}
|
|
4189
|
+
&:not([href^="http"]) {
|
|
4190
|
+
& {
|
|
4191
|
+
color: var(--kds-color-text-and-icon-neutral);
|
|
4192
|
+
}
|
|
4193
|
+
&:visited {
|
|
4194
|
+
color: var(--kds-color-text-and-icon-info);
|
|
4195
|
+
}
|
|
4196
|
+
&:hover {
|
|
4197
|
+
background-color: var(--kds-color-background-neutral-hover);
|
|
4198
|
+
}
|
|
4199
|
+
&:active {
|
|
4200
|
+
background-color: var(--kds-color-background-neutral-active);
|
|
4201
|
+
}
|
|
4202
|
+
}
|
|
4203
|
+
}
|
|
4204
|
+
ol,
|
|
4205
|
+
ul {
|
|
4206
|
+
padding-left: var(--kds-spacing-container-2x);
|
|
4207
|
+
}
|
|
4208
|
+
dd {
|
|
4209
|
+
margin-left: var(--kds-spacing-container-1x);
|
|
4210
|
+
}
|
|
4211
|
+
table {
|
|
4212
|
+
& {
|
|
4213
|
+
border-spacing: var(--kds-spacing-container-0-25x) 0;
|
|
4214
|
+
border-collapse: separate;
|
|
4215
|
+
}
|
|
4216
|
+
td,
|
|
4217
|
+
th {
|
|
4218
|
+
padding: var(--kds-spacing-container-0-25x);
|
|
4219
|
+
}
|
|
4220
|
+
th {
|
|
4221
|
+
font: var(--kds-font-base-body-small-strong);
|
|
4222
|
+
text-align: left;
|
|
4223
|
+
border-bottom: var(--kds-border-width-icon-stroke-l) solid
|
|
4224
|
+
var(--kds-color-border-neutral);
|
|
4225
|
+
}
|
|
4226
|
+
td {
|
|
4227
|
+
font: var(--kds-font-base-body-small);
|
|
4228
|
+
border-bottom: var(--kds-border-width-icon-stroke-s) solid
|
|
4229
|
+
var(--kds-color-border-neutral);
|
|
4230
|
+
}
|
|
4231
|
+
}
|
|
4232
|
+
}
|
|
4233
|
+
}
|