@kestra-io/ui-libs 0.0.109 → 0.0.111

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 (5) hide show
  1. package/README.md +2 -0
  2. package/dist/kestra-ui.css +1 -1
  3. package/package.json +1 -1
  4. package/src/scss/ks-theme-dark.scss +12 -1
  5. package/src/scss/ks-theme-light.scss +14 -3
package/README.md CHANGED
@@ -8,6 +8,8 @@
8
8
  Event-driven declarative orchestrator to simplify data operations <br>
9
9
  </h1>
10
10
 
11
+ [![](https://img.shields.io/npm/v/@kestra-io/ui-libs.svg)](https://www.npmjs.com/package/@kestra-io/ui-libs)
12
+
11
13
  Kestra UI library implemented in both the website and the application UI.
12
14
 
13
15
  Install with npm: `npm install @kestra/ui-library`
package/dist/kestra-ui.css CHANGED
@@ -1 +1 @@
1
- :root{--ks-background-body: #f9f9fa;--ks-background-cancelled: #fec9cb;--ks-background-card: #ffffff;--ks-background-card-opacity: rgba(27, 28, 35, .8980392157);--ks-background-created: #c7fdff;--ks-background-error: #fff2f3;--ks-background-info: #c7f0ff;--ks-background-input: #ffffff;--ks-background-killed: #fffbef;--ks-background-killing: #fffbef;--ks-background-left-menu: #ffffff;--ks-background-logo: #2c0059;--ks-background-paused: rgba(178, 178, 181, .2588235294);--ks-background-queued: #fffbef;--ks-background-restarted: #c7fdff;--ks-background-retried: rgba(23, 97, 253, .2);--ks-background-retrying: #c7fdff;--ks-background-running: #c7fdff;--ks-background-success: #e4f9f3;--ks-background-table-header: #f9f9fa;--ks-background-table-row: #cfd3d6;--ks-background-table-row-hover: #ffffff;--ks-background-tag: #ecebef;--ks-background-warning: #fff2ea;--ks-badge-background: #c7fdff;--ks-badge-border: #3991ff;--ks-badge-content: #134ecc;--ks-border-active: #8405ff;--ks-border-cancelled: #fd7278;--ks-border-created: #5bb8ff;--ks-border-error: #fd7278;--ks-border-inactive: #cfd3d6;--ks-border-info: #7fbbff;--ks-border-killed: #ddc46d;--ks-border-killing: #fde592;--ks-border-paused: #ecebef;--ks-border-primary: #ecebef;--ks-border-queued: #ddc46d;--ks-border-restarted: #a2cdff;--ks-border-retried: #134ecc;--ks-border-retrying: #1761fd;--ks-border-running: #3991ff;--ks-border-secondary: #cfd3d6;--ks-border-success: #21ce9c;--ks-border-system: #3991ff;--ks-border-warning: #e9985b;--ks-button-background-inactive: #f9f9fa;--ks-button-background-primary: #8405ff;--ks-button-background-primary-active: #7400df;--ks-button-background-primary-hover: #8c4bff;--ks-button-background-secondary: #ffffff;--ks-button-background-secondary-active: #cfd3d6;--ks-button-background-secondary-hover: #f9f9fa;--ks-button-background-success: #029e73;--ks-button-background-success-active: #017f5c;--ks-button-background-success-hover: #02be8a;--ks-button-content-primary: #ffffff;--ks-chart-cancelled: #fd9297;--ks-chart-created: #1761fd;--ks-chart-debug: #7fbbff;--ks-chart-error: #fd7278;--ks-chart-failed: #fd7278;--ks-chart-info: #5bb8ff;--ks-chart-killed: #fdeaa8;--ks-chart-killing: #fde89d;--ks-chart-paused: #fce07c;--ks-chart-queued: #fdedb3;--ks-chart-restarted: #c7fdff;--ks-chart-retried: #a2cdff;--ks-chart-retrying: #7fbbff;--ks-chart-running: #5bb8ff;--ks-chart-success: #02be8a;--ks-chart-trace: #ecebef;--ks-chart-warn: #eeae7e;--ks-chart-warning: #f3c4a1;--ks-content-alert: #ab0009;--ks-content-cancelled: #ab0009;--ks-content-created: #1761fd;--ks-content-error: #ab0009;--ks-content-id: #8405ff;--ks-content-inactive: #9797a6;--ks-content-info: #134ecc;--ks-content-inverse: #ffffff;--ks-content-killed: #7e703e;--ks-content-killing: #dd5f00;--ks-content-link: #8405ff;--ks-content-link-hover: #9470ff;--ks-content-paused: #2f3342;--ks-content-primary: #060709;--ks-content-queued: #9e8c4e;--ks-content-restarted: #134ecc;--ks-content-retried: #051538;--ks-content-retrying: #0e3b9a;--ks-content-running: #134ecc;--ks-content-secondary: #21242e;--ks-content-success: #016046;--ks-content-tertiary: #2f3342;--ks-content-warning: #dd5f00;--ks-dialog-background: #ffffff;--ks-dialog-border: #ecebef;--ks-dialog-header: #ffffff;--ks-dialog-headerbtn: #9797a6;--ks-dialog-headerbtn-hover: #9470ff;--ks-editor-number: #c15300;--ks-editor-pabble: #e58238;--ks-editor-property: #017f5c;--ks-editor-punctuation: #404559;--ks-editor-value: #134ecc;--ks-log-background-debug: #c7fdff;--ks-log-background-error: #fff2f3;--ks-log-background-info: #c7f0ff;--ks-log-background-trace: #f9f9fa;--ks-log-background-warn: #fff2ea;--ks-log-border-debug: #3991ff;--ks-log-border-error: #e3262f;--ks-log-border-info: #7fbbff;--ks-log-border-trace: #9797a6;--ks-log-border-warn: #e58238;--ks-log-content-debug: #134ecc;--ks-log-content-error: #ab0009;--ks-log-content-info: #134ecc;--ks-log-content-trace: #2f3342;--ks-log-content-warn: #8a3b00;--ks-select-active: #f9f9fa;--ks-select-active-icon: #8405ff;--ks-select-background: #ffffff;--ks-select-border: #ecebef;--ks-select-hover: #ecebef;--ks-tag-background: #f9f9fa;--ks-tag-background-hover: #ecebef;--ks-tag-content: #21242e;--ks-tooltip-background: #ffffff;--ks-tooltip-border: #9797a6}html.dark{--ks-background-body: #21242e;--ks-background-cancelled: rgba(253, 146, 151, .2);--ks-background-card: #2f3342;--ks-background-card-opacity: rgba(18, 19, 25, .8980392157);--ks-background-created: rgba(57, 145, 255, .2);--ks-background-error: rgba(38, 0, 2, .2);--ks-background-info: rgba(14, 59, 154, .2);--ks-background-input: #1c1e27;--ks-background-killed: rgba(253, 229, 146, .1);--ks-background-killing: rgba(126, 112, 62, .2);--ks-background-left-menu: #1c1e27;--ks-background-logo: rgba(44, 0, 89, 0);--ks-background-paused: #2f3342;--ks-background-queued: #21242e;--ks-background-restarted: rgba(91, 184, 255, .2);--ks-background-retried: rgba(87, 141, 255, .2);--ks-background-retrying: rgba(23, 97, 253, .2);--ks-background-running: rgba(23, 97, 253, .2);--ks-background-success: rgba(0, 35, 25, .2);--ks-background-table-header: #2c303f;--ks-background-table-row: #404559;--ks-background-table-row-hover: #2f3342;--ks-background-tag: #404559;--ks-background-warning: rgba(111, 48, 0, .2);--ks-badge-background: rgba(91, 184, 255, .2);--ks-badge-border: #5bb8ff;--ks-badge-content: #a2cdff;--ks-border-active: #8405ff;--ks-border-cancelled: #fd9297;--ks-border-created: #1761fd;--ks-border-error: #e3262f;--ks-border-inactive: #404559;--ks-border-info: #1761fd;--ks-border-killed: #7e703e;--ks-border-killing: #fdedb3;--ks-border-paused: #9797a6;--ks-border-primary: #404559;--ks-border-queued: #9797a6;--ks-border-restarted: #a2cdff;--ks-border-retried: #a2cdff;--ks-border-retrying: #7fbbff;--ks-border-running: #3991ff;--ks-border-secondary: #2f3342;--ks-border-success: #02be8a;--ks-border-system: #5bb8ff;--ks-border-warning: #e9985b;--ks-button-background-inactive: #2c303f;--ks-button-background-primary: #8405ff;--ks-button-background-primary-active: #7400df;--ks-button-background-primary-hover: #8c4bff;--ks-button-background-secondary: #2f3342;--ks-button-background-secondary-active: #21242e;--ks-button-background-secondary-hover: #404559;--ks-button-background-success: #02be8a;--ks-button-background-success-active: #029e73;--ks-button-background-success-hover: #21ce9c;--ks-button-content-primary: #ffffff;--ks-chart-cancelled: #fd9297;--ks-chart-created: #3991ff;--ks-chart-debug: #3991ff;--ks-chart-error: #fd7278;--ks-chart-failed: #fd7278;--ks-chart-info: #1761fd;--ks-chart-killed: #ddc46d;--ks-chart-killing: #fdeaa8;--ks-chart-paused: #9797a6;--ks-chart-queued: #ecebef;--ks-chart-restarted: #c7fdff;--ks-chart-retried: #a2cdff;--ks-chart-retrying: #7fbbff;--ks-chart-running: #5bb8ff;--ks-chart-success: #21ce9c;--ks-chart-trace: #9797a6;--ks-chart-warn: #eeae7e;--ks-chart-warning: #eeae7e;--ks-content-alert: #fd7278;--ks-content-cancelled: #fff2f3;--ks-content-created: #a2cdff;--ks-content-error: #fd9297;--ks-content-id: #bbbbff;--ks-content-inactive: #9797a6;--ks-content-info: #c7fdff;--ks-content-inverse: #060709;--ks-content-killed: #fdeaa8;--ks-content-killing: #fffbef;--ks-content-link: #bbbbff;--ks-content-link-hover: #e0e0ff;--ks-content-paused: #ecebef;--ks-content-primary: #ffffff;--ks-content-queued: #ecebef;--ks-content-restarted: #7fbbff;--ks-content-retried: #c7fdff;--ks-content-retrying: #c7fdff;--ks-content-running: #a2cdff;--ks-content-secondary: #ecebef;--ks-content-success: #beefe2;--ks-content-tertiary: #9797a6;--ks-content-warning: #eeae7e;--ks-dialog-background: #2f3342;--ks-dialog-border: #404559;--ks-dialog-header: #2f3342;--ks-dialog-headerbtn: #9797a6;--ks-dialog-headerbtn-hover: #a396ff;--ks-editor-number: #f3c4a1;--ks-editor-pabble: #fff2ea;--ks-editor-property: #7cdfc4;--ks-editor-punctuation: #9797a6;--ks-editor-value: #5bb8ff;--ks-log-background-debug: rgba(91, 184, 255, .2);--ks-log-background-error: rgba(253, 114, 120, .2);--ks-log-background-info: rgba(14, 59, 154, .2);--ks-log-background-trace: #404559;--ks-log-background-warn: rgba(229, 130, 56, .2);--ks-log-border-debug: #5bb8ff;--ks-log-border-error: #fd7278;--ks-log-border-info: #1761fd;--ks-log-border-trace: #9797a6;--ks-log-border-warn: #e9985b;--ks-log-content-debug: #a2cdff;--ks-log-content-error: #fec9cb;--ks-log-content-info: #c7fdff;--ks-log-content-trace: #cfd3d6;--ks-log-content-warn: #f3c4a1;--ks-select-active: #1c1e27;--ks-select-active-icon: #bbbbff;--ks-select-background: #21242e;--ks-select-border: #404559;--ks-select-hover: #2c303f;--ks-tag-background: #2f3342;--ks-tag-background-hover: #404559;--ks-tag-content: #ffffff;--ks-tooltip-background: #21242e;--ks-tooltip-border: #404559}.tooltip-custom .tooltip-inner{max-width:none}.wrapper[data-v-b98023ef]{display:inline-block;width:100%;height:100%;position:relative}.wrapper[data-v-b98023ef] span{position:absolute;padding:1px;left:0;display:block;width:100%;height:100%}.wrapper[data-v-b98023ef] .icon{width:100%;height:100%;display:block;background-size:contain;background-repeat:no-repeat;background-position:center center}.dependency-node-wrapper[data-v-d6b2a870]{background-color:var(--ks-background-card);color:var(--bs-black);width:184px;height:44px;margin:0;padding:8px 18px 8px 6px;display:flex;align-items:center;box-shadow:0 12px 12px #82679e1a}html.dark .dependency-node-wrapper[data-v-d6b2a870]{background-color:var(--ks-background-card);color:var(--bs-white)}.wrapper[data-v-d6b2a870]{width:26px}.dependency-text[data-v-d6b2a870]{margin-left:.5rem}.dependency-flow-text[data-v-d6b2a870]{font-size:.85rem;font-weight:700;max-width:121px}.dependency-namespace-text[data-v-d6b2a870]{font-size:.625rem;font-weight:400;color:#564a75;max-width:121px}html.dark .dependency-namespace-text[data-v-d6b2a870]{color:#e3dbff}.circle-button[data-v-0c251e77]{border-radius:1rem;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;pointer-events:auto!important}.button-icon[data-v-0c251e77]{font-size:.75rem}.badge[data-v-0c251e77]{top:-3px;position:relative;left:-3px;display:inline-block;max-width:100%}.text-color[data-v-0c251e77]{color:var(--bs-white);font-size:.5rem;font-weight:700;padding:.25rem .5rem}.top-button-div[data-v-0c251e77]{position:absolute;top:-.5rem;right:-.5rem;justify-content:center;padding-right:3px;display:flex}.custom-handle[data-v-666f472b]{visibility:hidden}.dot[data-v-666f472b]{display:flex;flex-direction:column;align-items:center;font-size:5px}.dot.GraphClusterRoot[data-v-666f472b]{color:var(--ks-border-created)}.dot.GraphClusterFinally[data-v-666f472b]{color:var(--ks-border-warning)}.dot.GraphClusterEnd[data-v-666f472b]{color:var(--ks-border-active)}.add-task-div[data-v-b42f2cb4]{margin:.2rem;width:25px;height:25px;border:.4px solid var(--ks-border-primary);background-color:var(--ks-background-card)}.add-task-div.text-danger[data-v-b42f2cb4]{border-color:#e36065}.stroke-error[data-v-2dca8a5b]{stroke:var(--ks-border-error)}.stroke-warning[data-v-2dca8a5b]{stroke:var(--ks-border-warning)}.node-wrapper[data-v-3301f01e]{background-color:var(--ks-background-card);width:184px;height:44px;margin:0;padding:8px;display:flex;z-index:150000;align-items:center;box-shadow:0 12px 12px #82679e1a}html.dark .node-wrapper[data-v-3301f01e]{background-color:var(--bs-gray-300)}.node-wrapper.execution-no-taskrun[data-v-3301f01e],.node-wrapper.disabled[data-v-3301f01e]{background-color:var(--bs-gray-200)}html.dark .node-wrapper.execution-no-taskrun[data-v-3301f01e],html.dark .node-wrapper.disabled[data-v-3301f01e]{background-color:var(--bs-gray-500)}.node-wrapper.disabled .task-title[data-v-3301f01e]{color:var(--bs-gray-500);text-decoration:line-through}html.dark .node-wrapper.disabled .task-title[data-v-3301f01e]{color:var(--bs-gray-600)}.node-wrapper .icon[data-v-3301f01e]{margin:.2rem;width:25px;height:25px;border:.4px solid var(--ks-border-primary)}.node-content[data-v-3301f01e]{display:flex;flex-direction:column;justify-content:center;margin-left:.7rem}.node-content>.node-title[data-v-3301f01e]{width:125px}.description-button[data-v-3301f01e]{color:var(--bs-gray-700);cursor:pointer}.material-design-icon.icon-rounded[data-v-3301f01e]{border-radius:1rem;padding:1px}.button-icon[data-v-3301f01e]{font-size:.75rem}.task-title[data-v-3301f01e]{font-size:.75rem;font-weight:700;color:var(--bs-black);flex-grow:1}html.dark .task-title[data-v-3301f01e]{color:var(--bs-white)}.status-div[data-v-3301f01e]{width:8px;height:100%;position:absolute;left:-.04438rem;border-radius:.5rem 0 0 .5rem}.ks-duration-tt{text-align:left;white-space:nowrap;max-width:none}.ks-duration-tt .ks-duration-tt-square{display:inline-block;width:10px;height:10px;margin-right:5px}.ks-duration-tt .ks-duration-tt-square-created{background-color:var(--ks-chart-created)}.ks-duration-tt .ks-duration-tt-square-restarted{background-color:var(--ks-chart-restarted)}.ks-duration-tt .ks-duration-tt-square-success{background-color:var(--ks-chart-success)}.ks-duration-tt .ks-duration-tt-square-running{background-color:var(--ks-chart-running)}.ks-duration-tt .ks-duration-tt-square-killing{background-color:var(--ks-chart-killing)}.ks-duration-tt .ks-duration-tt-square-killed{background-color:var(--ks-chart-killed)}.ks-duration-tt .ks-duration-tt-square-warning{background-color:var(--ks-chart-warning)}.ks-duration-tt .ks-duration-tt-square-error{background-color:var(--ks-chart-error)}.ks-duration-tt .ks-duration-tt-square-paused{background-color:var(--ks-chart-paused)}.ks-duration-tt .ks-duration-tt-square-cancelled{background-color:var(--ks-chart-cancelled)}.ks-duration-tt .ks-duration-tt-square-skipped{background-color:var(--ks-chart-skipped)}.ks-duration-tt .ks-duration-tt-square-queued{background-color:var(--ks-chart-queued)}.ks-duration-tt .ks-duration-tt-square-retrying{background-color:var(--ks-chart-retrying)}.ks-duration-tt .ks-duration-tt-square-retried{background-color:var(--ks-chart-retried)}.content[data-v-b7801302]{color:var(--bs-gray-700)}.content-children[data-v-b7801302]{font-size:.7rem}.collapsed-cluster-node[data-v-89413b39]{width:150px;height:44px;padding:8px}.node-text[data-v-89413b39]{color:#000;font-size:.9rem;display:flex;align-items:center}html.dark .node-text[data-v-89413b39]{color:#fff}.button-icon[data-v-89413b39]{font-size:.75rem}svg[data-v-084c51e6]{transform:scale(1.5)}svg[data-v-c77c1469]{transform:scale(1.5)}[data-v-e4ef7c56] .unused-path{opacity:.3}.circle-button{border-radius:1rem;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;margin-left:.25rem;z-index:2000}.button-icon{font-size:.66rem}.vue-flow__controls{border:1px solid var(--ks-border-primary);border-radius:var(--bs-border-radius)}.vue-flow__controls-button{color:var(--bs-black);border-bottom-color:var(--bs-border-color)}.vue-flow__controls-button svg{fill:var(--bs-black)}html.dark .vue-flow__controls-button{background:var(--ks-background-card);color:var(--bs-white)}html.dark .vue-flow__controls-button svg{fill:var(--bs-white)}:root{--ks-topology-edge-color: #9A8EB4}.vue-flow__container .top-button-div{position:absolute;top:-.5rem;right:-.5rem;justify-content:center;padding-right:3px;display:flex}.vue-flow__container .vue-flow__node-cluster{pointer-events:none!important}.vue-flow__container .vue-flow__handle{opacity:0!important}.vue-flow__container .vue-flow__edge-path{stroke:var(--ks-topology-edge-color)}.icon[data-v-ffd9a851]{margin-right:.3rem}.code-block[data-v-1e129ed8]{background-color:#161617;border:1px solid #252526;padding:1.25rem 1.5rem;border-radius:var(--bs-border-radius-lg);color:var(--bs-white);position:relative}.code-block .language[data-v-1e129ed8]{position:absolute;right:.35rem;top:.25rem;color:var(--bs-gray-600);font-size:.75rem}.code-block[data-v-1e129ed8] pre{margin-bottom:0}.code-block[data-v-1e129ed8] .github-dark{background-color:transparent!important}.code-block[data-v-1e129ed8] .github-dark code{display:flex;flex-direction:column}.code-block .copy[data-v-1e129ed8]{position:absolute;right:0;bottom:.1rem;color:#7081b9;border:none;background:none}.code-block #copied-tooltip[data-v-1e129ed8]{border-radius:.25rem;background:#8997bd;padding:4px 8px;font-size:.75rem;margin-right:.2rem!important}.code-block #copied-tooltip #arrow[data-v-1e129ed8],.code-block #copied-tooltip #arrow[data-v-1e129ed8]:before{position:absolute;width:8px;height:8px;background:inherit}.code-block #copied-tooltip #arrow[data-v-1e129ed8]{visibility:hidden;right:-4px}.code-block #copied-tooltip #arrow[data-v-1e129ed8]:before{visibility:visible;content:"";transform:rotate(45deg)}[data-v-1e129ed8] pre code .line{display:block;min-height:1rem}
1
+ :root{--ks-background-body: #f9f9fa;--ks-background-cancelled: #fec9cb;--ks-background-card: #ffffff;--ks-background-card-opacity: rgba(27, 28, 35, .8980392157);--ks-background-created: #c7fdff;--ks-background-error: #fff2f3;--ks-background-info: #c7f0ff;--ks-background-input: #ffffff;--ks-background-killed: #fffbef;--ks-background-killing: #fffbef;--ks-background-left-menu: #ffffff;--ks-background-logo: #2c0059;--ks-background-paused: rgba(178, 178, 181, .2588235294);--ks-background-queued: #fffbef;--ks-background-restarted: #c7fdff;--ks-background-retried: rgba(23, 97, 253, .2);--ks-background-retrying: #c7fdff;--ks-background-running: #c7fdff;--ks-background-skipped: rgba(178, 178, 181, .2588235294);--ks-background-success: #e4f9f3;--ks-background-table-header: #f9f9fa;--ks-background-table-row: #ffffff;--ks-background-table-row-hover: #ffffff;--ks-background-tag: #ecebef;--ks-background-warning: #fff2ea;--ks-badge-background: #c7fdff;--ks-badge-border: #3991ff;--ks-badge-content: #134ecc;--ks-border-active: #8405ff;--ks-border-cancelled: #fd7278;--ks-border-created: #5bb8ff;--ks-border-error: #fd7278;--ks-border-inactive: #cfd3d6;--ks-border-info: #7fbbff;--ks-border-killed: #ddc46d;--ks-border-killing: #fde592;--ks-border-paused: #ecebef;--ks-border-primary: #cfd3d6;--ks-border-queued: #ddc46d;--ks-border-restarted: #a2cdff;--ks-border-retried: #134ecc;--ks-border-retrying: #1761fd;--ks-border-running: #3991ff;--ks-border-secondary: #cfd3d6;--ks-border-skipped: #ecebef;--ks-border-success: #21ce9c;--ks-border-system: #3991ff;--ks-border-warning: #e9985b;--ks-button-background-inactive: #f9f9fa;--ks-button-background-primary: #8405ff;--ks-button-background-primary-active: #7400df;--ks-button-background-primary-hover: #8c4bff;--ks-button-background-secondary: #ffffff;--ks-button-background-secondary-active: #cfd3d6;--ks-button-background-secondary-hover: #f9f9fa;--ks-button-background-success: #029e73;--ks-button-background-success-active: #017f5c;--ks-button-background-success-hover: #02be8a;--ks-button-content-primary: #ffffff;--ks-chart-cancelled: #fd9297;--ks-chart-created: #1761fd;--ks-chart-debug: #7fbbff;--ks-chart-error: #fd7278;--ks-chart-failed: #fd7278;--ks-chart-info: #5bb8ff;--ks-chart-killed: #fdeaa8;--ks-chart-killing: #fde89d;--ks-chart-paused: #ecebef;--ks-chart-queued: #fdedb3;--ks-chart-restarted: #c7fdff;--ks-chart-retried: #a2cdff;--ks-chart-retrying: #7fbbff;--ks-chart-running: #5bb8ff;--ks-chart-skipped: #ecebef;--ks-chart-success: #02be8a;--ks-chart-trace: #ecebef;--ks-chart-warn: #eeae7e;--ks-chart-warning: #f3c4a1;--ks-content-alert: #ab0009;--ks-content-cancelled: #ab0009;--ks-content-created: #1761fd;--ks-content-error: #ab0009;--ks-content-id: #8405ff;--ks-content-inactive: #9797a6;--ks-content-info: #134ecc;--ks-content-inverse: #ffffff;--ks-content-killed: #7e703e;--ks-content-killing: #dd5f00;--ks-content-link: #8405ff;--ks-content-link-hover: #9470ff;--ks-content-paused: #2f3342;--ks-content-primary: #060709;--ks-content-queued: #9e8c4e;--ks-content-restarted: #134ecc;--ks-content-retried: #051538;--ks-content-retrying: #0e3b9a;--ks-content-running: #134ecc;--ks-content-secondary: #21242e;--ks-content-skipped: #2f3342;--ks-content-success: #016046;--ks-content-tertiary: #2f3342;--ks-content-warning: #dd5f00;--ks-dialog-background: #ffffff;--ks-dialog-border: #ecebef;--ks-dialog-header: #ffffff;--ks-dialog-headerbtn: #9797a6;--ks-dialog-headerbtn-hover: #9470ff;--ks-editor-number: #c15300;--ks-editor-pabble: #e58238;--ks-editor-property: #017f5c;--ks-editor-punctuation: #404559;--ks-editor-value: #134ecc;--ks-ks-card-shadow: #cfd3d6;--ks-log-background-debug: #c7fdff;--ks-log-background-error: #fff2f3;--ks-log-background-info: #c7f0ff;--ks-log-background-trace: #f9f9fa;--ks-log-background-warn: #fff2ea;--ks-log-border-debug: #3991ff;--ks-log-border-error: #e3262f;--ks-log-border-info: #7fbbff;--ks-log-border-trace: #9797a6;--ks-log-border-warn: #e58238;--ks-log-content-debug: #134ecc;--ks-log-content-error: #ab0009;--ks-log-content-info: #134ecc;--ks-log-content-trace: #2f3342;--ks-log-content-warn: #8a3b00;--ks-scrollbar-background: #cfd3d6;--ks-scrollbar-content: #ecebef;--ks-select-active: #f9f9fa;--ks-select-active-icon: #8405ff;--ks-select-background: #ffffff;--ks-select-border: #ecebef;--ks-select-hover: #ecebef;--ks-tag-background: #f9f9fa;--ks-tag-background-hover: #ecebef;--ks-tag-content: #21242e;--ks-tooltip-background: #ffffff;--ks-tooltip-border: #9797a6}html.dark{--ks-background-body: #21242e;--ks-background-cancelled: rgba(253, 146, 151, .2);--ks-background-card: #2f3342;--ks-background-card-opacity: rgba(18, 19, 25, .8980392157);--ks-background-created: rgba(57, 145, 255, .2);--ks-background-error: rgba(38, 0, 2, .2);--ks-background-info: rgba(14, 59, 154, .2);--ks-background-input: #1c1e27;--ks-background-killed: rgba(253, 229, 146, .1);--ks-background-killing: rgba(126, 112, 62, .2);--ks-background-left-menu: #1c1e27;--ks-background-logo: rgba(44, 0, 89, 0);--ks-background-paused: #2f3342;--ks-background-queued: #21242e;--ks-background-restarted: rgba(91, 184, 255, .2);--ks-background-retried: rgba(87, 141, 255, .2);--ks-background-retrying: rgba(23, 97, 253, .2);--ks-background-running: rgba(23, 97, 253, .2);--ks-background-skipped: #2f3342;--ks-background-success: rgba(0, 35, 25, .2);--ks-background-table-header: #2c303f;--ks-background-table-row: #21242e;--ks-background-table-row-hover: #2f3342;--ks-background-tag: #404559;--ks-background-warning: rgba(111, 48, 0, .2);--ks-badge-background: rgba(91, 184, 255, .2);--ks-badge-border: #5bb8ff;--ks-badge-content: #a2cdff;--ks-border-active: #8405ff;--ks-border-cancelled: #fd9297;--ks-border-created: #1761fd;--ks-border-error: #e3262f;--ks-border-inactive: #404559;--ks-border-info: #1761fd;--ks-border-killed: #7e703e;--ks-border-killing: #fdedb3;--ks-border-paused: #9797a6;--ks-border-primary: #404559;--ks-border-queued: #9797a6;--ks-border-restarted: #a2cdff;--ks-border-retried: #a2cdff;--ks-border-retrying: #7fbbff;--ks-border-running: #3991ff;--ks-border-secondary: #2f3342;--ks-border-skipped: #9797a6;--ks-border-success: #02be8a;--ks-border-system: #5bb8ff;--ks-border-warning: #e9985b;--ks-button-background-inactive: #2c303f;--ks-button-background-primary: #8405ff;--ks-button-background-primary-active: #7400df;--ks-button-background-primary-hover: #8c4bff;--ks-button-background-secondary: #2f3342;--ks-button-background-secondary-active: #21242e;--ks-button-background-secondary-hover: #404559;--ks-button-background-success: #02be8a;--ks-button-background-success-active: #029e73;--ks-button-background-success-hover: #21ce9c;--ks-button-content-primary: #ffffff;--ks-chart-cancelled: #fd9297;--ks-chart-created: #3991ff;--ks-chart-debug: #3991ff;--ks-chart-error: #fd7278;--ks-chart-failed: #fd7278;--ks-chart-info: #1761fd;--ks-chart-killed: #ddc46d;--ks-chart-killing: #fdeaa8;--ks-chart-paused: #9797a6;--ks-chart-queued: #ecebef;--ks-chart-restarted: #c7fdff;--ks-chart-retried: #a2cdff;--ks-chart-retrying: #7fbbff;--ks-chart-running: #5bb8ff;--ks-chart-skipped: #9797a6;--ks-chart-success: #21ce9c;--ks-chart-trace: #9797a6;--ks-chart-warn: #eeae7e;--ks-chart-warning: #eeae7e;--ks-content-alert: #fd7278;--ks-content-cancelled: #fff2f3;--ks-content-created: #a2cdff;--ks-content-error: #fd9297;--ks-content-id: #bbbbff;--ks-content-inactive: #9797a6;--ks-content-info: #c7fdff;--ks-content-inverse: #060709;--ks-content-killed: #fdeaa8;--ks-content-killing: #fffbef;--ks-content-link: #bbbbff;--ks-content-link-hover: #e0e0ff;--ks-content-paused: #ecebef;--ks-content-primary: #ffffff;--ks-content-queued: #ecebef;--ks-content-restarted: #7fbbff;--ks-content-retried: #c7fdff;--ks-content-retrying: #c7fdff;--ks-content-running: #a2cdff;--ks-content-secondary: #ecebef;--ks-content-skipped: #ecebef;--ks-content-success: #beefe2;--ks-content-tertiary: #9797a6;--ks-content-warning: #eeae7e;--ks-dialog-background: #2f3342;--ks-dialog-border: #404559;--ks-dialog-header: #2f3342;--ks-dialog-headerbtn: #9797a6;--ks-dialog-headerbtn-hover: #a396ff;--ks-editor-number: #f3c4a1;--ks-editor-pabble: #fff2ea;--ks-editor-property: #7cdfc4;--ks-editor-punctuation: #9797a6;--ks-editor-value: #5bb8ff;--ks-ks-card-shadow: #1c1e27;--ks-log-background-debug: rgba(91, 184, 255, .2);--ks-log-background-error: rgba(253, 114, 120, .2);--ks-log-background-info: rgba(14, 59, 154, .2);--ks-log-background-trace: #404559;--ks-log-background-warn: rgba(229, 130, 56, .2);--ks-log-border-debug: #5bb8ff;--ks-log-border-error: #fd7278;--ks-log-border-info: #1761fd;--ks-log-border-trace: #9797a6;--ks-log-border-warn: #e9985b;--ks-log-content-debug: #a2cdff;--ks-log-content-error: #fec9cb;--ks-log-content-info: #c7fdff;--ks-log-content-trace: #cfd3d6;--ks-log-content-warn: #f3c4a1;--ks-scrollbar-background: #1c1e27;--ks-scrollbar-content: #404559;--ks-select-active: #1c1e27;--ks-select-active-icon: #bbbbff;--ks-select-background: #21242e;--ks-select-border: #404559;--ks-select-hover: #2c303f;--ks-tag-background: #2f3342;--ks-tag-background-hover: #404559;--ks-tag-content: #ffffff;--ks-tooltip-background: #21242e;--ks-tooltip-border: #404559}.tooltip-custom .tooltip-inner{max-width:none}.wrapper[data-v-b98023ef]{display:inline-block;width:100%;height:100%;position:relative}.wrapper[data-v-b98023ef] span{position:absolute;padding:1px;left:0;display:block;width:100%;height:100%}.wrapper[data-v-b98023ef] .icon{width:100%;height:100%;display:block;background-size:contain;background-repeat:no-repeat;background-position:center center}.dependency-node-wrapper[data-v-d6b2a870]{background-color:var(--ks-background-card);color:var(--bs-black);width:184px;height:44px;margin:0;padding:8px 18px 8px 6px;display:flex;align-items:center;box-shadow:0 12px 12px #82679e1a}html.dark .dependency-node-wrapper[data-v-d6b2a870]{background-color:var(--ks-background-card);color:var(--bs-white)}.wrapper[data-v-d6b2a870]{width:26px}.dependency-text[data-v-d6b2a870]{margin-left:.5rem}.dependency-flow-text[data-v-d6b2a870]{font-size:.85rem;font-weight:700;max-width:121px}.dependency-namespace-text[data-v-d6b2a870]{font-size:.625rem;font-weight:400;color:#564a75;max-width:121px}html.dark .dependency-namespace-text[data-v-d6b2a870]{color:#e3dbff}.circle-button[data-v-0c251e77]{border-radius:1rem;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;pointer-events:auto!important}.button-icon[data-v-0c251e77]{font-size:.75rem}.badge[data-v-0c251e77]{top:-3px;position:relative;left:-3px;display:inline-block;max-width:100%}.text-color[data-v-0c251e77]{color:var(--bs-white);font-size:.5rem;font-weight:700;padding:.25rem .5rem}.top-button-div[data-v-0c251e77]{position:absolute;top:-.5rem;right:-.5rem;justify-content:center;padding-right:3px;display:flex}.custom-handle[data-v-666f472b]{visibility:hidden}.dot[data-v-666f472b]{display:flex;flex-direction:column;align-items:center;font-size:5px}.dot.GraphClusterRoot[data-v-666f472b]{color:var(--ks-border-created)}.dot.GraphClusterFinally[data-v-666f472b]{color:var(--ks-border-warning)}.dot.GraphClusterEnd[data-v-666f472b]{color:var(--ks-border-active)}.add-task-div[data-v-b42f2cb4]{margin:.2rem;width:25px;height:25px;border:.4px solid var(--ks-border-primary);background-color:var(--ks-background-card)}.add-task-div.text-danger[data-v-b42f2cb4]{border-color:#e36065}.stroke-error[data-v-2dca8a5b]{stroke:var(--ks-border-error)}.stroke-warning[data-v-2dca8a5b]{stroke:var(--ks-border-warning)}.node-wrapper[data-v-3301f01e]{background-color:var(--ks-background-card);width:184px;height:44px;margin:0;padding:8px;display:flex;z-index:150000;align-items:center;box-shadow:0 12px 12px #82679e1a}html.dark .node-wrapper[data-v-3301f01e]{background-color:var(--bs-gray-300)}.node-wrapper.execution-no-taskrun[data-v-3301f01e],.node-wrapper.disabled[data-v-3301f01e]{background-color:var(--bs-gray-200)}html.dark .node-wrapper.execution-no-taskrun[data-v-3301f01e],html.dark .node-wrapper.disabled[data-v-3301f01e]{background-color:var(--bs-gray-500)}.node-wrapper.disabled .task-title[data-v-3301f01e]{color:var(--bs-gray-500);text-decoration:line-through}html.dark .node-wrapper.disabled .task-title[data-v-3301f01e]{color:var(--bs-gray-600)}.node-wrapper .icon[data-v-3301f01e]{margin:.2rem;width:25px;height:25px;border:.4px solid var(--ks-border-primary)}.node-content[data-v-3301f01e]{display:flex;flex-direction:column;justify-content:center;margin-left:.7rem}.node-content>.node-title[data-v-3301f01e]{width:125px}.description-button[data-v-3301f01e]{color:var(--bs-gray-700);cursor:pointer}.material-design-icon.icon-rounded[data-v-3301f01e]{border-radius:1rem;padding:1px}.button-icon[data-v-3301f01e]{font-size:.75rem}.task-title[data-v-3301f01e]{font-size:.75rem;font-weight:700;color:var(--bs-black);flex-grow:1}html.dark .task-title[data-v-3301f01e]{color:var(--bs-white)}.status-div[data-v-3301f01e]{width:8px;height:100%;position:absolute;left:-.04438rem;border-radius:.5rem 0 0 .5rem}.ks-duration-tt{text-align:left;white-space:nowrap;max-width:none}.ks-duration-tt .ks-duration-tt-square{display:inline-block;width:10px;height:10px;margin-right:5px}.ks-duration-tt .ks-duration-tt-square-created{background-color:var(--ks-chart-created)}.ks-duration-tt .ks-duration-tt-square-restarted{background-color:var(--ks-chart-restarted)}.ks-duration-tt .ks-duration-tt-square-success{background-color:var(--ks-chart-success)}.ks-duration-tt .ks-duration-tt-square-running{background-color:var(--ks-chart-running)}.ks-duration-tt .ks-duration-tt-square-killing{background-color:var(--ks-chart-killing)}.ks-duration-tt .ks-duration-tt-square-killed{background-color:var(--ks-chart-killed)}.ks-duration-tt .ks-duration-tt-square-warning{background-color:var(--ks-chart-warning)}.ks-duration-tt .ks-duration-tt-square-error{background-color:var(--ks-chart-error)}.ks-duration-tt .ks-duration-tt-square-paused{background-color:var(--ks-chart-paused)}.ks-duration-tt .ks-duration-tt-square-cancelled{background-color:var(--ks-chart-cancelled)}.ks-duration-tt .ks-duration-tt-square-skipped{background-color:var(--ks-chart-skipped)}.ks-duration-tt .ks-duration-tt-square-queued{background-color:var(--ks-chart-queued)}.ks-duration-tt .ks-duration-tt-square-retrying{background-color:var(--ks-chart-retrying)}.ks-duration-tt .ks-duration-tt-square-retried{background-color:var(--ks-chart-retried)}.content[data-v-b7801302]{color:var(--bs-gray-700)}.content-children[data-v-b7801302]{font-size:.7rem}.collapsed-cluster-node[data-v-89413b39]{width:150px;height:44px;padding:8px}.node-text[data-v-89413b39]{color:#000;font-size:.9rem;display:flex;align-items:center}html.dark .node-text[data-v-89413b39]{color:#fff}.button-icon[data-v-89413b39]{font-size:.75rem}svg[data-v-084c51e6]{transform:scale(1.5)}svg[data-v-c77c1469]{transform:scale(1.5)}[data-v-e4ef7c56] .unused-path{opacity:.3}.circle-button{border-radius:1rem;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;margin-left:.25rem;z-index:2000}.button-icon{font-size:.66rem}.vue-flow__controls{border:1px solid var(--ks-border-primary);border-radius:var(--bs-border-radius)}.vue-flow__controls-button{color:var(--bs-black);border-bottom-color:var(--bs-border-color)}.vue-flow__controls-button svg{fill:var(--bs-black)}html.dark .vue-flow__controls-button{background:var(--ks-background-card);color:var(--bs-white)}html.dark .vue-flow__controls-button svg{fill:var(--bs-white)}:root{--ks-topology-edge-color: #9A8EB4}.vue-flow__container .top-button-div{position:absolute;top:-.5rem;right:-.5rem;justify-content:center;padding-right:3px;display:flex}.vue-flow__container .vue-flow__node-cluster{pointer-events:none!important}.vue-flow__container .vue-flow__handle{opacity:0!important}.vue-flow__container .vue-flow__edge-path{stroke:var(--ks-topology-edge-color)}.icon[data-v-ffd9a851]{margin-right:.3rem}.code-block[data-v-1e129ed8]{background-color:#161617;border:1px solid #252526;padding:1.25rem 1.5rem;border-radius:var(--bs-border-radius-lg);color:var(--bs-white);position:relative}.code-block .language[data-v-1e129ed8]{position:absolute;right:.35rem;top:.25rem;color:var(--bs-gray-600);font-size:.75rem}.code-block[data-v-1e129ed8] pre{margin-bottom:0}.code-block[data-v-1e129ed8] .github-dark{background-color:transparent!important}.code-block[data-v-1e129ed8] .github-dark code{display:flex;flex-direction:column}.code-block .copy[data-v-1e129ed8]{position:absolute;right:0;bottom:.1rem;color:#7081b9;border:none;background:none}.code-block #copied-tooltip[data-v-1e129ed8]{border-radius:.25rem;background:#8997bd;padding:4px 8px;font-size:.75rem;margin-right:.2rem!important}.code-block #copied-tooltip #arrow[data-v-1e129ed8],.code-block #copied-tooltip #arrow[data-v-1e129ed8]:before{position:absolute;width:8px;height:8px;background:inherit}.code-block #copied-tooltip #arrow[data-v-1e129ed8]{visibility:hidden;right:-4px}.code-block #copied-tooltip #arrow[data-v-1e129ed8]:before{visibility:visible;content:"";transform:rotate(45deg)}[data-v-1e129ed8] pre code .line{display:block;min-height:1rem}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kestra-io/ui-libs",
3
- "version": "0.0.109",
3
+ "version": "0.0.111",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",
package/src/scss/ks-theme-dark.scss CHANGED
@@ -20,9 +20,10 @@ html.dark{
20
20
  #{--ks-background-retried}: #578dff33;
21
21
  #{--ks-background-retrying}: rgba($base-blue-500, 0.2);
22
22
  #{--ks-background-running}: rgba($base-blue-500, 0.2);
23
+ #{--ks-background-skipped}: $base-gray-500;
23
24
  #{--ks-background-success}: rgba($base-green-900, 0.2);
24
25
  #{--ks-background-table-header}: $base-gray-600;
25
- #{--ks-background-table-row}: $base-gray-400;
26
+ #{--ks-background-table-row}: $base-gray-700;
26
27
  #{--ks-background-table-row-hover}: #2f3342;
27
28
  #{--ks-background-tag}: $base-gray-400;
28
29
  #{--ks-background-warning}: rgba($base-orange-900, 0.2);
@@ -49,6 +50,7 @@ html.dark{
49
50
  #{--ks-border-retrying}: $base-blue-200;
50
51
  #{--ks-border-running}: $base-blue-400;
51
52
  #{--ks-border-secondary}: $base-gray-500;
53
+ #{--ks-border-skipped}: $base-gray-300;
52
54
  #{--ks-border-success}: $base-green-400;
53
55
  #{--ks-border-system}: $base-blue-300;
54
56
  #{--ks-border-warning}: $base-orange-300;
@@ -81,6 +83,7 @@ html.dark{
81
83
  #{--ks-chart-retried}: $base-blue-100;
82
84
  #{--ks-chart-retrying}: $base-blue-200;
83
85
  #{--ks-chart-running}: $base-blue-300;
86
+ #{--ks-chart-skipped}: $base-gray-300;
84
87
  #{--ks-chart-success}: $base-green-300;
85
88
  #{--ks-chart-trace}: $base-gray-300;
86
89
  #{--ks-chart-warn}: $base-orange-200;
@@ -107,6 +110,7 @@ html.dark{
107
110
  #{--ks-content-retrying}: $base-blue-50;
108
111
  #{--ks-content-running}: $base-blue-100;
109
112
  #{--ks-content-secondary}: $base-gray-200;
113
+ #{--ks-content-skipped}: $base-gray-200;
110
114
  #{--ks-content-success}: $base-green-100;
111
115
  #{--ks-content-tertiary}: $base-gray-300;
112
116
  #{--ks-content-warning}: $base-orange-200;
@@ -125,6 +129,9 @@ html.dark{
125
129
  #{--ks-editor-punctuation}: $base-gray-300;
126
130
  #{--ks-editor-value}: $base-blue-300;
127
131
 
132
+ /* ks */
133
+ #{--ks-ks-card-shadow}: $base-gray-900;
134
+
128
135
  /* log */
129
136
  #{--ks-log-background-debug}: rgba($base-blue-300, 0.2);
130
137
  #{--ks-log-background-error}: rgba($base-red-300, 0.2);
@@ -142,6 +149,10 @@ html.dark{
142
149
  #{--ks-log-content-trace}: $base-gray-100;
143
150
  #{--ks-log-content-warn}: $base-orange-100;
144
151
 
152
+ /* scrollbar */
153
+ #{--ks-scrollbar-background}: $base-gray-900;
154
+ #{--ks-scrollbar-content}: $base-gray-400;
155
+
145
156
  /* select */
146
157
  #{--ks-select-active}: $base-gray-900;
147
158
  #{--ks-select-active-icon}: $base-purple-100;
package/src/scss/ks-theme-light.scss CHANGED
@@ -20,9 +20,10 @@
20
20
  #{--ks-background-retried}: rgba($base-blue-500, 0.2);
21
21
  #{--ks-background-retrying}: $base-blue-50;
22
22
  #{--ks-background-running}: $base-blue-50;
23
+ #{--ks-background-skipped}: #b2b2b542;
23
24
  #{--ks-background-success}: $base-green-50;
24
25
  #{--ks-background-table-header}: $base-gray-50;
25
- #{--ks-background-table-row}: $base-gray-100;
26
+ #{--ks-background-table-row}: $base-white;
26
27
  #{--ks-background-table-row-hover}: $base-white;
27
28
  #{--ks-background-tag}: $base-gray-200;
28
29
  #{--ks-background-warning}: $base-orange-50;
@@ -42,13 +43,14 @@
42
43
  #{--ks-border-killed}: $base-yellow-600;
43
44
  #{--ks-border-killing}: $base-yellow-400;
44
45
  #{--ks-border-paused}: $base-gray-200;
45
- #{--ks-border-primary}: $base-gray-200;
46
+ #{--ks-border-primary}: $base-gray-100;
46
47
  #{--ks-border-queued}: $base-yellow-600;
47
48
  #{--ks-border-restarted}: $base-blue-100;
48
49
  #{--ks-border-retried}: $base-blue-600;
49
50
  #{--ks-border-retrying}: $base-blue-500;
50
51
  #{--ks-border-running}: $base-blue-400;
51
52
  #{--ks-border-secondary}: $base-gray-100;
53
+ #{--ks-border-skipped}: $base-gray-200;
52
54
  #{--ks-border-success}: $base-green-300;
53
55
  #{--ks-border-system}: $base-blue-400;
54
56
  #{--ks-border-warning}: $base-orange-300;
@@ -75,12 +77,13 @@
75
77
  #{--ks-chart-info}: $base-blue-300;
76
78
  #{--ks-chart-killed}: $base-yellow-200;
77
79
  #{--ks-chart-killing}: $base-yellow-300;
78
- #{--ks-chart-paused}: $base-yellow-500;
80
+ #{--ks-chart-paused}: $base-gray-200;
79
81
  #{--ks-chart-queued}: $base-yellow-100;
80
82
  #{--ks-chart-restarted}: $base-blue-50;
81
83
  #{--ks-chart-retried}: $base-blue-100;
82
84
  #{--ks-chart-retrying}: $base-blue-200;
83
85
  #{--ks-chart-running}: $base-blue-300;
86
+ #{--ks-chart-skipped}: $base-gray-200;
84
87
  #{--ks-chart-success}: $base-green-400;
85
88
  #{--ks-chart-trace}: $base-gray-200;
86
89
  #{--ks-chart-warn}: $base-orange-200;
@@ -107,6 +110,7 @@
107
110
  #{--ks-content-retrying}: $base-blue-700;
108
111
  #{--ks-content-running}: $base-blue-600;
109
112
  #{--ks-content-secondary}: $base-gray-700;
113
+ #{--ks-content-skipped}: $base-gray-500;
110
114
  #{--ks-content-success}: $base-green-700;
111
115
  #{--ks-content-tertiary}: $base-gray-500;
112
116
  #{--ks-content-warning}: $base-orange-500;
@@ -125,6 +129,9 @@
125
129
  #{--ks-editor-punctuation}: $base-gray-400;
126
130
  #{--ks-editor-value}: $base-blue-600;
127
131
 
132
+ /* ks */
133
+ #{--ks-ks-card-shadow}: $base-gray-100;
134
+
128
135
  /* log */
129
136
  #{--ks-log-background-debug}: $base-blue-50;
130
137
  #{--ks-log-background-error}: $base-red-50;
@@ -142,6 +149,10 @@
142
149
  #{--ks-log-content-trace}: $base-gray-500;
143
150
  #{--ks-log-content-warn}: $base-orange-800;
144
151
 
152
+ /* scrollbar */
153
+ #{--ks-scrollbar-background}: $base-gray-100;
154
+ #{--ks-scrollbar-content}: $base-gray-200;
155
+
145
156
  /* select */
146
157
  #{--ks-select-active}: $base-gray-50;
147
158
  #{--ks-select-active-icon}: $base-purple-500;