@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.
@@ -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.125 3.75V2.5a1 1 0 0 0-1-1H2.5a1 1 0 0 0-1 1v4.75a1 1 0 0 0 1 1h2.375m1 2.25H9.5a1 1 0 0 0 1-1V4.75a1 1 0 0 0-1-1H5.875a1 1 0 0 0-1 1V9.5a1 1 0 0 0 1 1",
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-DAYm6-mo.js.map
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
+ }