@poirazis/supercomponents-shared 0.0.3 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/README.md +1 -1
  2. package/dist/index.js +3206 -3133
  3. package/dist/index.umd.cjs +9 -9
  4. package/dist/style.css +1 -1
  5. package/package.json +1 -57
  6. package/src/index.js +2 -2
  7. package/src/index.ts +10 -10
  8. package/src/lib/SuperField/SuperField.svelte +142 -0
  9. package/src/lib/SuperPopover/SuperPopover.svelte +1 -1
  10. package/src/lib/SuperTableCells/CellColor.svelte +51 -25
  11. package/src/lib/SuperTableCells/CellCommon.css +1 -0
  12. package/src/lib/SuperTableCells/CellIcon.svelte +2 -1
  13. package/src/lib/SuperTableCells/CellOptions.svelte +8 -11
  14. package/src/lib/SuperTableCells/CellOptionsAdvanced.svelte +2 -0
  15. package/src/lib/SuperFieldLabel/SuperFieldLabel.svelte +0 -91
  16. package/src/lib/SuperFieldsCommon.css +0 -54
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .super-button.svelte-159r6oj{border:1px solid var(--spectrum-global-color-gray-400);background-color:var(--spectrum-global-color-gray-75);color:var(--spectrum-global-color-gray-800);display:flex;align-items:center;font-weight:600;min-width:5rem;padding:0rem .75rem;gap:.5rem}.super-button.svelte-159r6oj.small{min-width:4rem;padding:0rem .5rem;gap:.5rem;font-size:smaller}.super-button.svelte-159r6oj>span{white-space:nowrap}.super-button.svelte-159r6oj.icon>i{display:block}.super-button.svelte-159r6oj.iconOnly{min-width:unset}.super-button.svelte-159r6oj.iconOnly>span{display:none}.super-button.svelte-159r6oj>i{display:none;opacity:.9}.full-width.svelte-159r6oj{width:100%}.menu-item.svelte-159r6oj{width:100%;justify-content:flex-start;border:unset!important;border-radius:0;background-color:transparent!important;font-weight:500}.menu-item.svelte-159r6oj:hover{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-900)}.menu-item-right.svelte-159r6oj{width:100%;justify-content:flex-end!important}i.svelte-159r6oj{color:var(--iconColor);transition:all .23s ease-in-out}.cta.svelte-159r6oj{background-color:var(--spectrum-global-color-blue-400);border:1px solid transparent;color:#fff}.cta.svelte-159r6oj.quiet{border-color:transparent!important;background-color:transparent;color:var(--spectrum-global-color-gray-800)}.cta.svelte-159r6oj.quiet:hover,.cta.svelte-159r6oj.quiet:focus{background-color:var(--spectrum-global-color-blue-400);color:#fff}.cta.svelte-159r6oj:hover,.cta.svelte-159r6oj:focus{background-color:var(--spectrum-global-color-blue-600);border-color:var(--spectrum-global-color-blue-600)}.cta.svelte-159r6oj:active{border:1px solid var(--spectrum-global-color-blue-700)}.ink.svelte-159r6oj{background-color:var(--spectrum-global-color-gray-700);border:1px solid var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-50);font-weight:700;opacity:.9}.ink.svelte-159r6oj.quiet{border-color:transparent!important;background-color:transparent;color:var(--spectrum-global-color-gray-800)}.ink.svelte-159r6oj.quiet:hover,.ink.svelte-159r6oj.quiet:focus{color:var(--spectrum-global-color-gray-50);background-color:var(--spectrum-global-color-gray-600)}.ink.svelte-159r6oj:hover,.ink.svelte-159r6oj:focus{background-color:var(--spectrum-global-color-gray-800)}.ink.svelte-159r6oj:active{border:1px solid var(--spectrum-global-color-blue-700)}.primary.svelte-159r6oj:hover,.primary.svelte-159r6oj:focus{border:1px solid var(--spectrum-global-color-gray-500);color:var(--spectrum-global-color-gray-900)}.primary.svelte-159r6oj:active{background-color:var(--spectrum-global-color-gray-100);border:1px solid var(--spectrum-global-color-gray-600)}.primary.svelte-159r6oj.quiet{border-color:transparent;background-color:transparent}.primary.svelte-159r6oj.quiet:hover{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-900)}.secondary.svelte-159r6oj{background-color:var(--spectrum-global-color-gray-200);border-color:transparent;color:var(--spectrum-global-color-gray-700);font-weight:500}.secondary.svelte-159r6oj.quiet{border-color:transparent;background-color:transparent}.secondary.svelte-159r6oj.quiet:hover{background-color:var(--spectrum-global-color-gray-200);border-color:transparent}.secondary.svelte-159r6oj:hover,.secondary.svelte-159r6oj:focus{background-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-900)}.warning.svelte-159r6oj{color:var(--spectrum-global-color-red-400)}.warning.svelte-159r6oj.quiet{border-color:transparent!important;background-color:transparent;color:var(--spectrum-global-color-red-400)}.warning.svelte-159r6oj.quiet:hover{background-color:var(--spectrum-global-color-red-400)}.warning.svelte-159r6oj:hover,.warning.svelte-159r6oj:focus{background-color:var(--spectrum-global-color-red-400);color:var(--spectrum-global-color-gray-50)}.overBackground.svelte-159r6oj{background-color:transparent}.overBackground.svelte-159r6oj.quiet{border:unset}.menu.svelte-159r6oj{border:unset;background:transparent;padding-right:0rem;color:var(--spectrum-global-color-gray-700)}.disabled.svelte-159r6oj{background-color:var(--spectrum-global-color-gray-200)!important;color:var(--spectrum-global-color-gray-400)!important;cursor:not-allowed;border-color:var(--spectrum-global-color-gray-300)}.disabled.svelte-159r6oj.quiet{background-color:unset!important;border:unset!important}.superlabel.svelte-1gp0kew{flex:0 0 auto;width:var(--label-width);overflow:hidden;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:400;line-height:1.65rem;color:var(--spectrum-global-color-gray-700);padding-left:2px;gap:1rem;transition:.13s}.superlabel.svelte-1gp0kew.notForm{font-size:14px;padding-left:unset;padding-bottom:4px}.superlabel.svelte-1gp0kew.left{flex-direction:column;align-items:flex-start;justify-content:center;line-height:1rem;gap:0px}.superlabel.svelte-1gp0kew.left>.label{width:var(--label-width);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.superlabel.svelte-1gp0kew>.label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.superlabel.svelte-1gp0kew>.error-message{color:var(--spectrum-global-color-red-400);font-size:11px}.list-wrap.svelte-vcy2bx.svelte-vcy2bx{list-style-type:none;margin:0;padding:0;width:100%;border-radius:4px}.list-wrap.svelte-vcy2bx>li.svelte-vcy2bx:not(.buttons){background-color:transparent;transition:background-color ease-in-out .13s;display:flex;align-items:center;border-bottom:1px solid var(--spectrum-global-color-gray-200)}.list-wrap.inEdit.svelte-vcy2bx>li.svelte-vcy2bx:hover{background-color:var( --spectrum-table-row-background-color-hover, var(--spectrum-alias-highlight-hover) );cursor:pointer}.list-wrap.svelte-vcy2bx>li.svelte-vcy2bx:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-wrap.svelte-vcy2bx>li.svelte-vcy2bx:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:0px}.right-content.svelte-vcy2bx.svelte-vcy2bx{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.right-content.svelte-vcy2bx.svelte-vcy2bx.showColors>i{display:block;color:var(--option-color);font-size:16px}.right-content.svelte-vcy2bx.svelte-vcy2bx>i{display:none}li.buttons.svelte-vcy2bx.svelte-vcy2bx{display:flex;padding:unset!important;color:var(--spectrum-global-color-gray-500)}li.buttons.svelte-vcy2bx.svelte-vcy2bx.inEdit{color:var(--spectrum-global-color-gray-700)}li.buttons.svelte-vcy2bx.svelte-vcy2bx:hover{background-color:transparent!important}i.svelte-vcy2bx.svelte-vcy2bx:hover{cursor:pointer}.add-button.svelte-vcy2bx.svelte-vcy2bx{flex:1;min-width:0;display:flex;justify-content:center;align-items:center}.add-button.svelte-vcy2bx.svelte-vcy2bx.disabled{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}.add-button.svelte-vcy2bx.svelte-vcy2bx.placeholder{font-style:italic;color:var(--spectrum-global-color-gray-500)}.clear-button.svelte-vcy2bx.svelte-vcy2bx{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;border-left:1px solid var(--spectrum-global-color-gray-300)}.clear-button.svelte-vcy2bx.svelte-vcy2bx:hover{color:var(--spectrum-global-color-red-500);cursor:pointer}.list-wrap.svelte-vcy2bx li.svelte-vcy2bx{padding-left:var(--spacing-s);padding-right:var(--spacing-s);line-height:1.85rem}.list-wrap.svelte-vcy2bx li.svelte-vcy2bx:focus{outline:none}.handle.svelte-vcy2bx>svg.svelte-vcy2bx:hover{cursor:grab}.handle.svelte-vcy2bx.svelte-vcy2bx{display:flex;min-width:1.5rem;align-items:center;color:var(--spectrum-global-color-gray-500);fill:var(--spectrum-global-color-gray-700);font-size:14px}.hide-popover.svelte-af3l1o{display:contents}.spectrum-Popover.svelte-af3l1o{border-color:var(--spectrum-global-color-gray-300);background-color:var(--spectrum-global-color-gray-50);overflow:auto}.customZindex.svelte-af3l1o{z-index:var(--customZindex)!important}.stb-scrollbar.svelte-fhqbbj{position:absolute;right:8px;top:var(--offset);bottom:var(--bottomOffset);width:8px;border-radius:4px;opacity:.2;z-index:1;transition:.23s;overflow:hidden}.stb-scrollbar.horizontal.svelte-fhqbbj{top:unset;bottom:var(--horizontalBottomOffset);left:calc(var(--horizontalOffset) + 8px);width:calc(100% - 32px - var(--horizontalOffset));height:8px}.highlighted.svelte-fhqbbj{opacity:.55!important}.stb-scrollbar-indicator.svelte-fhqbbj{position:relative;width:100%;border-radius:4px;background-color:var(--spectrum-global-color-gray-500);min-height:2rem;z-index:2}.stb-scrollbar-indicator.svelte-fhqbbj:hover{cursor:pointer;background-color:var(--spectrum-global-color-gray-700)}.stb-scrollbar-indicator.dragging.svelte-fhqbbj,.stb-scrollbar-indicator.horizontal.dragging.svelte-fhqbbj{cursor:pointer;background-color:var(--spectrum-global-color-gray-700)!important}.stb-scrollbar-indicator.horizontal.svelte-fhqbbj{min-height:unset;min-width:2rem;height:100%}i.svelte-tfp4ht:hover{cursor:pointer}.isEntering.svelte-tfp4ht{gap:.5rem}.placeholder.svelte-tfp4ht{min-width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;color:var(--spectrum-global-color-gray-500)}.placeholder.svelte-tfp4ht:hover{color:var(--spectrum-global-color-gray-800);cursor:pointer}.sorted.svelte-tfp4ht{color:var(--spectrum-global-color-gray-800)}.filtered.svelte-tfp4ht{gap:.5rem;color:var(--spectrum-global-color-gray-800);font-weight:600;background-color:var(--spectrum-global-color-gray-100)}.sortable.svelte-tfp4ht{cursor:pointer}.sortable.svelte-tfp4ht:hover{filter:brightness(120%)}.selected.svelte-tfp4ht{color:var(--primaryColor);background-color:var(--spectrum-global-color-gray-75)}.searchControl.svelte-9gek43{display:flex;align-items:stretch;border-bottom:1px solid var(--spectrum-global-color-gray-300)}.options.svelte-9gek43{display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;color:var(--spectrum-global-color-gray-700)}.option.svelte-9gek43{min-height:1.75rem;display:flex;gap:.5rem;align-items:center;justify-content:space-between;cursor:pointer;padding:0 .5rem}.option.svelte-9gek43.selected{color:var(--spectrum-global-color-gray-800);font-weight:600}.option.svelte-9gek43.focused{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-800)}.option.svelte-9gek43>i{font-size:14px;color:var(--spectrum-global-color-green-400)}.option.svelte-9gek43>span{display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option.svelte-9gek43>span>i{font-size:16px;color:var(--option-color)}.actionIcon.svelte-9gek43{height:100%;display:flex;justify-content:center;align-items:center;border-left:1px solid var(--spectrum-global-color-blue-500);min-width:2rem;font-size:16px}.actionIcon.svelte-9gek43:hover{cursor:pointer;background-color:var(--spectrum-global-color-gray-75);font-weight:800}.value.svelte-krsx9n{flex:auto;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.superCell{flex:auto;display:flex;align-items:center;position:relative;overflow:hidden;transition:all .13s}.superCell.multirow{align-items:stretch}.superCell:focus{outline:none}.superCell:hover .icon{color:var(--spectrum-global-color-blue-500)}.superCell:hover .value.controlIcon{color:var(--spectrum-global-color-gray-700)}.superCell.isDirty{border-left:2px solid var(--spectrum-global-color-orange-400)!important}.superCell .icon{position:absolute;left:.5rem;font-size:16px;color:var(--spectrum-global-color-gray-500)}.superCell .clearIcon{position:absolute;right:8px;color:var(--spectrum-global-color-red-500);cursor:pointer}.superCell .value{flex:auto;align-self:stretch;display:flex;align-items:center;min-width:0;overflow:hidden;padding:.25rem .5rem;gap:.5rem}.superCell .value:focus{outline:none}.superCell .value.placeholder{font-style:italic;font-weight:400;color:var(--spectrum-global-color-gray-500);justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.superCell .value.with-icon{padding-left:2rem!important}.superCell .value span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.superCell .value span.multiline{overflow:auto;white-space:normal;text-overflow:unset}.superCell .value .clearIcon,.superCell .value .endIcon{color:var(--spectrum-global-color-red-500);cursor:pointer;z-index:1}.superCell .value .controlIcon{color:var(--spectrum-global-color-gray-600);cursor:pointer}.superCell .value .items{flex:auto;display:flex;overflow:hidden;align-items:stretch;align-self:stretch;gap:.5rem}.superCell .value .items .item{display:flex;align-items:center;overflow:hidden}.superCell .value .items .item i{display:none}.superCell .value .items .item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.superCell .value .items.pills .item{background-color:var( --option-color, var(--spectrum-global-color-gray-300) );gap:.5rem;border-radius:4px;padding-left:.75rem;padding-right:.75rem}.superCell .value .items.pills .item i{display:none}.superCell .value .items.links .item{gap:.5rem;border-radius:4px;padding-left:.75rem;padding-right:.75rem;background-color:var( --option-color, var(--spectrum-global-color-gray-300) );transition:.13s}.superCell .value .items.links .item:hover{cursor:pointer;background-color:var( --option-color, var(--spectrum-global-color-blue-400) )}.superCell .value .items.links .item:hover i{display:none}.superCell .value .items.colorText .item{gap:.5rem;margin-top:4px;margin-bottom:4px}.superCell .value .items.colorText .item i{font-size:larger;color:var(--option-color);display:block}.superCell .value .items.isUser .item{background-color:var( --option-color, var(--spectrum-global-color-blue-100) );gap:.5rem;border-radius:4px;padding-left:.5rem;padding-right:.75rem}.superCell .value .items.isUser .item i{display:block}.superCell .value .item-count{border-radius:50%;background-color:var(--spectrum-global-color-gray-200);width:1.7rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.superCell.formInput{border-radius:2px;color:var(--spectrum-global-color-gray-800);border:1px solid var(--spectrum-global-color-gray-300);background:var(--spectrum-global-color-gray-50)}.superCell.formInput:focus-within{border:1px solid var(--spectrum-global-color-blue-400)!important}.superCell.formInput.inEdit{border:1px solid var(--spectrum-global-color-blue-400)!important}.superCell.formInput:hover:not(.disabled):not(.readonly){cursor:pointer;border:1px solid var(--spectrum-global-color-gray-400)}.superCell.formInput.disabled{background-color:var(--spectrum-global-color-gray-200)!important;color:var(--spectrum-global-color-gray-600)!important;cursor:not-allowed!important}.superCell.formInput.readonly:not(.disabled){background-color:var(--spectrum-global-color-gray-50);border:1px solid var(--spectrum-global-color-gray-50);color:var(--spectrum-global-color-gray-700);opacity:.9}.superCell.formInput.readonly:not(.disabled):focus-within{border:1px solid var(--spectrum-global-color-gray-200)!important;opacity:1}.superCell.formInput.error{border-color:var(--spectrum-global-color-red-400)!important}.superCell.tableCell{min-height:unset;border:1px solid transparent}.superCell.tableCell.inEdit{border-color:var(--spectrum-global-color-blue-500)}.superCell>.editor{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;overflow:hidden;gap:.25rem;padding-left:.5rem;padding-right:.5rem;background-color:transparent;outline:none;border:none;color:inherit}.superCell>.editor:focus{outline:none;border:none}.superCell>.editor:hover{cursor:pointer}.superCell>.editor.placeholder{font-style:italic}.superCell>.editor.with-icon{padding-left:2rem}.superCell>.editor i{font-size:18px}.superCell.formInput.multirow{min-height:2rem;max-height:unset}.superCell.formInput.large{max-height:unset!important}.superCell.formInput.error.inEdit:focus-within{border:1px solid var(--spectrum-global-color-red-500)}.superCell.inline{position:relative;border:unset;border-radius:2px;min-height:1.8rem;min-width:unset}.superCell.inline.disabled{background-color:var(--spectrum-global-color-gray-100)!important;color:var(--spectrum-global-color-gray-600);cursor:not-allowed}.superCell.inline.readonly{background-color:var(--spectrum-global-color-gray-100);color:var(--spectrum-global-color-gray-600);cursor:not-allowed}.icon.svelte-vlp7xb{font-size:16px;color:var(--spectrum-global-color-green-400)}.time-picker.svelte-mzlxg7{font-size:1.1em;display:flex;align-items:center;width:fit-content;border:1px solid rgba(108,120,147,.3);border-radius:3px;margin:6px auto auto;font-variant-numeric:tabular-nums}span.svelte-mzlxg7{-webkit-user-select:all;user-select:all;outline:none;position:relative;z-index:1;padding:4px 0}span.svelte-mzlxg7:not(:focus)::selection{background-color:transparent}span.svelte-mzlxg7:first-child{padding-left:6px}span.svelte-mzlxg7:last-child{padding-right:6px}.date-time-picker.svelte-w239uu.svelte-w239uu{display:inline-block;color:var(--date-picker-foreground, #000000);background:var(--date-picker-background, #ffffff);user-select:none;-webkit-user-select:none;padding:.5rem;cursor:default;font-size:.75rem;border:1px solid rgba(103,113,137,.3);border-radius:3px;box-shadow:0 2px 6px #00000014,0 2px 6px #0000001c;outline:none;transition:all 80ms cubic-bezier(.4,0,.2,1)}.date-time-picker.svelte-w239uu.svelte-w239uu:focus{border-color:var(--date-picker-highlight-border, #0269f7);box-shadow:0 0 0 2px var(--date-picker-highlight-shadow, rgba(2, 105, 247, .4))}.tab-container.svelte-w239uu.svelte-w239uu{outline:none}.top.svelte-w239uu.svelte-w239uu{display:flex;justify-content:center;align-items:center;padding-bottom:.5rem}.dropdown.svelte-w239uu.svelte-w239uu{margin-left:.25rem;margin-right:.25rem;position:relative;display:flex}.dropdown.svelte-w239uu svg.svelte-w239uu{position:absolute;right:0;top:0;height:100%;width:8px;padding:0rem .5rem;pointer-events:none;box-sizing:content-box}.month.svelte-w239uu.svelte-w239uu,.year.svelte-w239uu.svelte-w239uu{flex-grow:1}svg.svelte-w239uu.svelte-w239uu{display:block;fill:var(--date-picker-foreground, #000000);opacity:.75;outline:none}.page-button.svelte-w239uu.svelte-w239uu{background-color:transparent;width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:5px;box-sizing:border-box;border:1px solid transparent;display:flex;align-items:center;justify-content:center}.page-button.svelte-w239uu.svelte-w239uu:hover{background-color:#80808014;border:1px solid rgba(128,128,128,.08)}.page-button.svelte-w239uu svg.svelte-w239uu{width:.68rem;height:.68rem}select.dummy-select.svelte-w239uu.svelte-w239uu{position:absolute;width:100%;pointer-events:none;outline:none;color:var(--date-picker-foreground, #000000);background-color:var(--date-picker-background, #ffffff);border-radius:3px}select.svelte-w239uu:focus+select.dummy-select.svelte-w239uu{border-color:var(--date-picker-highlight-border, #0269f7);box-shadow:0 0 0 2px var(--date-picker-highlight-shadow, rgba(2, 105, 247, .4))}select.svelte-w239uu.svelte-w239uu:not(.dummy-select){opacity:0}select.svelte-w239uu.svelte-w239uu{font-size:inherit;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-grow:1;padding:0rem 1.3rem 0rem .35rem;height:1.5rem;margin:0;border:1px solid rgba(108,120,147,.3);outline:none;transition:all 80ms cubic-bezier(.4,0,.2,1);background-image:none}.header.svelte-w239uu.svelte-w239uu{display:flex;font-weight:600;padding-bottom:2px}.header-cell.svelte-w239uu.svelte-w239uu{width:1.875rem;text-align:center;flex-grow:1}.week.svelte-w239uu.svelte-w239uu{display:flex}.cell.svelte-w239uu.svelte-w239uu{display:flex;align-items:center;justify-content:center;width:2rem;height:1.94rem;flex-grow:1;border-radius:5px;box-sizing:border-box;border:2px solid transparent}.cell.svelte-w239uu.svelte-w239uu:hover{border:1px solid rgba(128,128,128,.08)}.cell.today.svelte-w239uu.svelte-w239uu{font-weight:600;border:2px solid var(--date-picker-today-border, rgba(128, 128, 128, .3))}.cell.svelte-w239uu.svelte-w239uu:hover{background-color:#80808014}.cell.disabled.svelte-w239uu.svelte-w239uu{visibility:hidden}.cell.disabled.svelte-w239uu.svelte-w239uu:hover{border:none;background-color:transparent}.cell.other-month.svelte-w239uu span.svelte-w239uu{opacity:.4}.cell.selected.svelte-w239uu.svelte-w239uu{color:var(--date-picker-selected-color, inherit);background:var(--date-picker-selected-background, rgba(2, 105, 247, .2));border:2px solid var(--date-picker-highlight-border, #0269f7)}.date-time-field.svelte-1vabmef{position:relative}input.svelte-1vabmef{color:var(--date-picker-foreground, #000000);background:var(--date-picker-background, #ffffff);min-width:0px;box-sizing:border-box;padding:4px 6px;margin:0;border:1px solid rgba(103,113,137,.3);border-radius:3px;width:var(--date-input-width, 150px);outline:none;transition:all 80ms cubic-bezier(.4,0,.2,1)}input.svelte-1vabmef:focus{border-color:var(--date-picker-highlight-border, #0269f7);box-shadow:0 0 0 2px var(--date-picker-highlight-shadow, rgba(2, 105, 247, .4))}input.svelte-1vabmef:disabled{opacity:.5}.invalid.svelte-1vabmef{border:1px solid rgba(249,47,114,.5);background-color:#f92f721a}.invalid.svelte-1vabmef:focus{border-color:#f92f72;box-shadow:0 0 0 2px #f92f7280}.picker.svelte-1vabmef{display:none;position:absolute;padding:1px;left:var(--picker-left-position);z-index:10}.picker.above.svelte-1vabmef{bottom:100%}.picker.visible.svelte-1vabmef{display:block}.control.svelte-lgt0u7.svelte-lgt0u7{flex:auto;flex-direction:column;display:flex;align-items:stretch;justify-content:space-around;gap:.25rem;padding:0rem .25rem .25rem;overflow-x:hidden}.control.svelte-lgt0u7.svelte-lgt0u7:focus{border:1px solid white}.searchControl.svelte-lgt0u7.svelte-lgt0u7{height:2rem;border-bottom:1px solid var(--spectrum-global-color-gray-300);display:flex;align-items:center;padding-left:.5rem;gap:.25rem}.searchControl.svelte-lgt0u7.svelte-lgt0u7>i{font-size:14px;transition:all .23s}.searchControl.svelte-lgt0u7.svelte-lgt0u7>input{height:100%;width:100%;outline:none;background:none;border:none;color:inherit;padding-left:.5rem;font-family:inherit;font-size:inherit}.searchControl.svelte-lgt0u7.svelte-lgt0u7>input.placeholder{font-style:italic;color:var(--spectrum-global-color-gray-600)}.listWrapper.svelte-lgt0u7.svelte-lgt0u7{flex:auto;display:flex;justify-content:stretch;align-content:stretch;gap:.25rem;overflow:hidden}.list.svelte-lgt0u7.svelte-lgt0u7{flex:1 1 50%;height:200px;overflow-y:auto;overflow-x:hidden;color:var(--spectrum-global-color-gray-800)}.listSelected.svelte-lgt0u7.svelte-lgt0u7{color:var(--spectrum-global-color-gray-800);border-left:1px solid var(--spectrum-global-color-gray-300);padding-left:.25rem}.options.svelte-lgt0u7.svelte-lgt0u7{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow-y:auto;gap:0rem;min-width:0}.option.svelte-lgt0u7.svelte-lgt0u7{line-height:1.5rem;padding:.15rem .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;justify-content:space-between}.option.svelte-lgt0u7.svelte-lgt0u7>i{visibility:hidden}.option.svelte-lgt0u7.svelte-lgt0u7.wide:hover>i{visibility:visible;color:var(--spectrum-global-color-green-500)}.option.svelte-lgt0u7.svelte-lgt0u7.selected{background-color:var(--spectrum-global-color-gray-75);color:var(--spectrum-global-color-gray-900)}.option.svelte-lgt0u7.svelte-lgt0u7.selected>i{visibility:visible;color:var(--spectrum-global-color-green-500)}.option.svelte-lgt0u7.svelte-lgt0u7.highlighted{background-color:var(--spectrum-global-color-gray-200)}.options.svelte-lgt0u7>span.svelte-lgt0u7{color:var(--spectrum-global-color-gray-500);font-style:italic;flex:auto;display:flex;align-items:center;justify-content:center}.option.svelte-lgt0u7.svelte-lgt0u7:hover{background-color:var(--spectrum-global-color-gray-200);border-radius:4px;cursor:pointer}.spectrum-TreeView-item.svelte-1xxn7uq{transition:all .13s}.spectrum-TreeView-itemLink.svelte-1xxn7uq{display:flex;justify-content:space-between;align-items:center;gap:.25rem;max-height:1.75rem}i.svelte-1xxn7uq{transition:all .13s}.open.svelte-1xxn7uq{transform:rotate(90deg)}.control.svelte-dad66x{flex:auto;flex-direction:column;display:flex;align-items:stretch;justify-content:stretch;overflow-x:hidden;gap:.25rem;min-height:260px;max-height:260px}.search.svelte-dad66x{height:2rem;border-bottom:1px solid var(--spectrum-global-color-gray-300);display:flex;align-items:stretch}.superCell.svelte-riwj21 .value.multiline.svelte-riwj21{white-space:pre-wrap!important;text-overflow:unset!important;overflow:auto!important;font-family:monospace}.superCell.svelte-riwj21 .value.multiline span.svelte-riwj21{white-space:pre-wrap!important;text-overflow:unset!important;overflow:visible!important;height:8rem;width:100%}.superCell.svelte-riwj21 .editor.svelte-riwj21{width:100%;box-sizing:border-box}.wrapper.svelte-41zw5j.svelte-41zw5j{flex:auto;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.pill.svelte-41zw5j.svelte-41zw5j{border:1px solid var(--spectrum-global-color-gray-500);padding:0rem .25rem;border-radius:3px;font-size:11px;display:flex;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;justify-content:center}a.filename.svelte-41zw5j.svelte-41zw5j{width:100%;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:underline;color:var(--spectrum-global-color-blue-700)}.icon.svelte-41zw5j.svelte-41zw5j{aspect-ratio:1;color:var(--spectrum-global-color-gray-500)}.icon.svelte-41zw5j.svelte-41zw5j:hover{aspect-ratio:1;cursor:pointer}.option.svelte-41zw5j.svelte-41zw5j{display:flex;align-items:center;justify-content:stretch;gap:.5rem;padding:.25rem}.option.svelte-41zw5j.svelte-41zw5j:hover{background-color:var(--spectrum-global-color-gray-100)}.option.svelte-41zw5j:hover>.icon.svelte-41zw5j{color:var(--spectrum-global-color-red-500)}.option.svelte-41zw5j:hover>.pill.svelte-41zw5j{color:var(--spectrum-global-color-gray-800);background-color:var(--spectrum-global-color-gray-50);border:1px solid var(--spectrum-global-color-gray-800)}.options.svelte-41zw5j.svelte-41zw5j{display:flex;flex-direction:column;align-items:stretch;padding:.25rem;min-width:15rem}.attachment.svelte-41zw5j.svelte-41zw5j{display:flex;align-items:center;border:1px solid darkcyan;border-radius:4px;height:50%;padding:0 .5rem;min-width:15rem}.attachment.svelte-41zw5j.svelte-41zw5j:hover{border:1px solid lime}.new.svelte-41zw5j.svelte-41zw5j{text-align:center;padding:.5rem 1rem;color:var(--spectrum-global-color-blue-700);text-decoration:underline;border:1px dashed var(--spectrum-global-color-blue-400)}.skeleton.svelte-i7mw17{flex:auto;width:100%;align-self:stretch;opacity:0;display:flex;align-items:stretch;justify-content:stretch;background-color:var(--spectrum-global-color-gray-200)!important;overflow:hidden;position:relative;animation:svelte-i7mw17-fadeIn .13s ease 0s 1 normal forwards}.children.svelte-i7mw17{flex:auto;pointer-events:none;opacity:.65;background-image:linear-gradient(90deg,#fff0 0,#ffffff26 20%,#fff3 60%,#ffffff26 80%,#fff0);animation:svelte-i7mw17-shimmer 2s infinite}@keyframes svelte-i7mw17-fadeIn{0%{opacity:0}to{opacity:.75}}@keyframes svelte-i7mw17-shimmer{0%{transform:translate(-80%)}to{transform:translate(100%)}}.row-buttons.svelte-ndsk96{display:flex;flex-direction:row;align-items:center;padding-left:.5rem}.action-menu.svelte-ndsk96{min-width:160px;display:flex;flex-direction:column;align-items:stretch;padding:.25rem}.selection.svelte-gq5jrp{flex:auto;padding-left:.75rem;padding-right:.75rem;gap:1rem;font-size:14px;font-weight:500;align-items:center}.selection.svelte-gq5jrp.is-hovered>.delete{color:var(--spectrum-global-color-red-700)}.selection.svelte-gq5jrp.is-selected>.delete{color:var(--spectrum-global-color-red-700)}.selection.svelte-gq5jrp.is-hovered>i{color:var(--spectrum-global-color-gray-700)}i.svelte-gq5jrp{font-size:16px;color:var(--spectrum-global-color-gray-500)}i.svelte-gq5jrp:hover{cursor:pointer}.action-menu.svelte-6lzro5{min-width:160px;display:flex;flex-direction:column;align-items:stretch;padding:.25rem}.container.svelte-10y93gh.svelte-10y93gh{position:relative;padding:.5rem .75rem .75rem;display:flex;flex-direction:column;gap:16px;background-color:var(--spectrum-global-color-gray-50)}.preview-swatch.svelte-10y93gh.svelte-10y93gh{position:relative;transition:border-color .13s ease-in-out}.preview-swatch.svelte-10y93gh.svelte-10y93gh.circle{border-radius:50%}.preview-swatch.svelte-10y93gh.svelte-10y93gh:hover:not(.readonly){cursor:pointer}.preview-fill.svelte-10y93gh.svelte-10y93gh{width:100%;height:100%;border-radius:4px;position:absolute;top:0;left:0;display:grid;place-items:center;border:1px solid var(--spectrum-global-color-gray-300)}.preview-fill.svelte-10y93gh.svelte-10y93gh.circle{border-radius:50%}.preview-fill.placeholder.svelte-10y93gh.svelte-10y93gh{border:1px solid var(--spectrum-global-color-gray-300);--squareSize:8px;--squareColor:var(--spectrum-global-color-gray-200);background-color:var(--spectrum-global-color-gray-50);background-image:linear-gradient(45deg,var(--squareColor) 25%,transparent 25%),linear-gradient(135deg,var(--spectrum-global-color-gray-200) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--squareColor) 75%),linear-gradient(135deg,transparent 75%,var(--squareColor) 75%);background-size:calc(2 * var(--squareSize)) calc(2 * var(--squareSize));background-position:0 0,var(--squareSize) 0,var(--squareSize) calc(-1 * var(--squareSize)),0 calc(-1 * var(--squareSize))}.preview-fill.placeholder.svelte-10y93gh.svelte-10y93gh.circle{border-radius:50%}.size--S.svelte-10y93gh.svelte-10y93gh{width:20px;height:20px}.size--M.svelte-10y93gh.svelte-10y93gh{width:30px;height:30px}.size--L.svelte-10y93gh.svelte-10y93gh{width:48px;height:48px}.colors.svelte-10y93gh.svelte-10y93gh{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.color-swatch.svelte-10y93gh.svelte-10y93gh{height:16px;width:16px;border-radius:50%;position:relative}.color-swatch.svelte-10y93gh.svelte-10y93gh:hover{cursor:pointer;box-shadow:0 0 2px 2px var(--spectrum-global-color-gray-300)}.color-fill.svelte-10y93gh.svelte-10y93gh{width:100%;height:100%;border-radius:50%;display:grid;place-items:center}.ri-check-line.svelte-10y93gh.svelte-10y93gh{font-size:12px;font-weight:700}.ri-palette-line.svelte-10y93gh.svelte-10y93gh{font-size:12px;margin-right:4px}.heading-icon.svelte-10y93gh.svelte-10y93gh{vertical-align:middle}.heading.svelte-10y93gh.svelte-10y93gh{font-size:12px;font-weight:600;letter-spacing:.14px;text-transform:uppercase;grid-column:1 / 5;margin-bottom:8px;display:flex;align-items:center}.custom.svelte-10y93gh.svelte-10y93gh{flex:1;display:flex;align-items:center;gap:4px;justify-content:space-between}.category--custom.svelte-10y93gh .heading.svelte-10y93gh{margin-bottom:4px}.custom-input.svelte-10y93gh.svelte-10y93gh{flex:1;padding:2px 4px;border:none;border-bottom:1px solid var(--spectrum-global-color-gray-200);border-radius:2px;font-size:12px;height:20px;width:80px;background-color:inherit;color:var(--spectrum-global-color-gray-700);font-style:italic}.custom-input.svelte-10y93gh.svelte-10y93gh:focus{outline:none;border-color:var(--spectrum-global-color-blue-500)}.clear-value.svelte-10y93gh.svelte-10y93gh{background:none;border:none;color:var(--spectrum-global-color-gray-900);cursor:pointer;font-size:13px;padding:0;margin:0}svelte-virtual-list-viewport.svelte-1tqh76q{position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;display:block}svelte-virtual-list-contents.svelte-1tqh76q,svelte-virtual-list-row.svelte-1tqh76q{display:block}svelte-virtual-list-row.svelte-1tqh76q{overflow:hidden}.preview-icon.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--spectrum-global-color-gray-300);border-radius:4px;background-color:var(--spectrum-global-color-gray-75);cursor:pointer;font-size:1rem;transition:all .2s ease-in-out;padding:2px}.preview-icon.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8:hover:not(.readonly){border-color:var(--spectrum-global-color-gray-400);background-color:var(--spectrum-global-color-gray-100)}.preview-icon.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8:focus{outline:none}.preview-icon.circle.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{border-radius:50%}.preview-icon.readonly.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{cursor:default;opacity:.7}.empty-state.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{color:var(--spectrum-global-color-gray-500)}.icon-picker.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{max-height:400px;max-width:14rem;display:flex;flex-direction:column;background:var(--spectrum-global-color-gray-50);border-radius:4px;overflow:hidden;gap:.5rem}.icon-picker.with-categories.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{max-width:20rem}.header.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{display:flex;flex-direction:column;gap:.5rem}.search-container.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{position:relative}.search-icon.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--spectrum-global-color-gray-500);pointer-events:none}.search-input.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{width:100%;padding:12px 32px;background:transparent;border:none;border-bottom:1px solid var(--spectrum-global-color-gray-300);border-radius:0;font-size:14px;color:var(--spectrum-global-color-gray-700);outline:none;transition:border-color .2s ease}.search-input.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8:focus{outline:none}.clear-search.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--spectrum-global-color-gray-500);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.category-tabs.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{display:flex;overflow-x:auto;gap:4px;scrollbar-width:none;padding:.5rem;padding-bottom:none}.category-tabs.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8::-webkit-scrollbar{display:none}.category-tabs.svelte-1x42gg8 button.svelte-1x42gg8.svelte-1x42gg8{padding:6px 12px;border:none;background:none;border-bottom:2px solid transparent;font-size:12px;font-weight:500;color:var(--spectrum-global-color-gray-700);cursor:pointer;white-space:nowrap;transition:all .2s ease;height:1.75rem}.category-tabs.svelte-1x42gg8 button.svelte-1x42gg8.svelte-1x42gg8:hover{background-color:var(--spectrum-global-color-gray-200)}.category-tabs.svelte-1x42gg8 button.selected.svelte-1x42gg8.svelte-1x42gg8{color:var(--spectrum-global-color-blue-600);border-bottom:2px solid var(--spectrum-global-color-blue-600);background:none}.icons-grid-container.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{position:relative;overflow:hidden;width:100%;padding-left:.5rem}.icons-row.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{display:grid;grid-template-columns:repeat(6,1fr);width:100%;box-sizing:border-box;height:32px;align-items:center}.with-categories.svelte-1x42gg8 .icons-row.svelte-1x42gg8.svelte-1x42gg8{grid-template-columns:repeat(9,1fr)}.icon-button.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:none;border-radius:4px;cursor:pointer;color:var(--spectrum-global-color-gray-700);width:32px;height:32px;box-sizing:border-box;font-size:20px;opacity:.9}.icon-button.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8:hover{background-color:var(--spectrum-global-color-gray-100);color:var(--spectrum-global-color-gray-800);opacity:1}.icon-button.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8:focus{outline:none}.icon-button.selected.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{color:var(--spectrum-global-color-gray-800);border:1px dotted var(--spectrum-global-color-blue-500);background-color:var(--spectrum-global-color-gray-200)}.no-results.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:var(--spectrum-global-color-gray-600);text-align:center}.no-results.svelte-1x42gg8 i.svelte-1x42gg8.svelte-1x42gg8{font-size:24px;margin-bottom:8px;color:var(--spectrum-global-color-gray-500)}.footer.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{padding:0 .5rem;border-top:1px solid var(--spectrum-global-color-gray-200);height:2rem;display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.footer-left.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{display:flex;align-items:center;height:100%}.checkbox-container.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{display:flex;align-items:center;position:relative;padding-left:20px;margin:0;cursor:pointer;height:100%;color:var(--spectrum-global-color-gray-700);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.checkbox-container.svelte-1x42gg8 input.svelte-1x42gg8.svelte-1x42gg8{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{position:absolute;top:50%;left:0;transform:translateY(-50%);height:12px;width:12px;background-color:var(--spectrum-global-color-gray-100);border:1px solid var(--spectrum-global-color-gray-400);border-radius:2px;transition:all .2s ease}.checkbox-container.svelte-1x42gg8:hover input.svelte-1x42gg8~.checkmark.svelte-1x42gg8{border-color:var(--spectrum-global-color-gray-600)}.checkbox-container.svelte-1x42gg8 input.svelte-1x42gg8:checked~.checkmark.svelte-1x42gg8{background-color:var(--spectrum-global-color-blue-500);border-color:var(--spectrum-global-color-blue-500)}.checkmark.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8:after{content:"";position:absolute;display:none}.checkbox-container.svelte-1x42gg8 input.svelte-1x42gg8:checked~.checkmark.svelte-1x42gg8:after{display:block}.checkbox-container.svelte-1x42gg8 .checkmark.svelte-1x42gg8.svelte-1x42gg8:after{left:3px;top:0;width:4px;height:7px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{margin-left:4px}.clear-button.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--spectrum-global-color-gray-700);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px}.clear-button.svelte-1x42gg8.svelte-1x42gg8.svelte-1x42gg8:hover,.rel-pills.svelte-1uxy76n,.rel-bb-reference.svelte-1uxy76n{background-color:var(--spectrum-global-color-gray-200)}.actionIcon.svelte-1uxy76n{height:100%;display:flex;justify-content:center;align-items:center;min-width:2rem;font-size:16px;transition:all .13s;margin-right:8px}.actionIcon.svelte-1uxy76n:hover{cursor:pointer;background-color:var(--spectrum-global-color-gray-75);color:var(--spectrum-global-color-red-500);font-weight:800}.loader.svelte-1uxy76n{width:120px;height:20px;background:linear-gradient(90deg,#0001 33%,#0005 50%,#0001 66%) #f2f2f2;background-size:300% 100%;animation:svelte-1uxy76n-l1 1s infinite linear}@keyframes svelte-1uxy76n-l1{0%{background-position:right}}.control.svelte-18xmfzg{flex:auto;flex-direction:column;display:flex;align-items:stretch;justify-content:stretch;overflow-x:hidden;padding:.25rem}.options.svelte-1rukzy3.svelte-1rukzy3{flex:auto;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;color:var(--spectrum-global-color-gray-700)}.option.svelte-1rukzy3.svelte-1rukzy3{min-height:1.75rem;display:flex;gap:.5rem;align-items:center;justify-content:space-between;cursor:pointer;padding:0 .5rem}.option.svelte-1rukzy3.svelte-1rukzy3.selected{display:none;color:var(--spectrum-global-color-gray-800);background-color:var(--spectrum-global-color-gray-75)}.option.svelte-1rukzy3.svelte-1rukzy3.focused{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-800);border-radius:4px}.option.svelte-1rukzy3>span.svelte-1rukzy3{display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option.svelte-1rukzy3>span.svelte-1rukzy3>i{color:var(--option-color);font-size:larger}.radios.svelte-1rukzy3.svelte-1rukzy3{flex:auto;display:flex;flex-wrap:wrap;justify-items:flex-start;color:var(--spectrum-global-color-gray-700);font-size:13px}.radios.svelte-1rukzy3.svelte-1rukzy3.formInput>.switch{padding:0 .5rem}.radios.svelte-1rukzy3.svelte-1rukzy3.inlineInput>.switch{padding:0rem .25rem}.radios.svelte-1rukzy3.svelte-1rukzy3.inlineInput>.switch.toggleAll{margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px solid var(--spectrum-global-color-gray-300)}.radios.column.svelte-1rukzy3.svelte-1rukzy3{gap:0rem;flex-direction:column;min-width:0}.radio.svelte-1rukzy3.svelte-1rukzy3{height:1.75rem;display:flex;gap:.25rem;align-items:center;cursor:pointer}.radio.svelte-1rukzy3.svelte-1rukzy3.focused{background-color:var(--spectrum-global-color-gray-200)!important;color:var(--spectrum-global-color-gray-800)}.radio.svelte-1rukzy3.svelte-1rukzy3.selected{color:var(--spectrum-global-color-gray-800)}.switch.svelte-1rukzy3.svelte-1rukzy3{width:100%;display:flex;gap:.35rem;align-items:center;cursor:pointer;height:1.75rem}.switch.svelte-1rukzy3.svelte-1rukzy3>i{color:var(--spectrum-global-color-gray-600);min-width:13px;font-size:13px}.switch.svelte-1rukzy3.svelte-1rukzy3>i.no-icon{display:none}.switch.svelte-1rukzy3.svelte-1rukzy3>.text{flex:1 1 auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;opacity:.95}.switch.svelte-1rukzy3.svelte-1rukzy3>.text.title{font-size:14px;font-weight:600}.switch.svelte-1rukzy3.svelte-1rukzy3.toggleAll{border-bottom:1px solid var(--spectrum-global-color-gray-200);height:2rem}.switch.svelte-1rukzy3.svelte-1rukzy3.focused{background-color:var(--spectrum-global-color-gray-200)!important;color:var(--spectrum-global-color-gray-800);border-radius:4px}.switch.svelte-1rukzy3.svelte-1rukzy3.selected{color:var(--spectrum-global-color-gray-800)}.switch.svelte-1rukzy3.svelte-1rukzy3.selected>i{color:var(--option-color, var(--spectrum-global-color-gray-700))}.switch.svelte-1rukzy3.svelte-1rukzy3.selected>.text{opacity:1}.switch.svelte-1rukzy3>.spectrum-Switch.svelte-1rukzy3{margin-right:unset!important}.radio.svelte-1rukzy3>i.svelte-1rukzy3{font-size:16px}
1
+ .super-button.svelte-159r6oj{border:1px solid var(--spectrum-global-color-gray-400);background-color:var(--spectrum-global-color-gray-75);color:var(--spectrum-global-color-gray-800);display:flex;align-items:center;font-weight:600;min-width:5rem;padding:0rem .75rem;gap:.5rem}.super-button.svelte-159r6oj.small{min-width:4rem;padding:0rem .5rem;gap:.5rem;font-size:smaller}.super-button.svelte-159r6oj>span{white-space:nowrap}.super-button.svelte-159r6oj.icon>i{display:block}.super-button.svelte-159r6oj.iconOnly{min-width:unset}.super-button.svelte-159r6oj.iconOnly>span{display:none}.super-button.svelte-159r6oj>i{display:none;opacity:.9}.full-width.svelte-159r6oj{width:100%}.menu-item.svelte-159r6oj{width:100%;justify-content:flex-start;border:unset!important;border-radius:0;background-color:transparent!important;font-weight:500}.menu-item.svelte-159r6oj:hover{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-900)}.menu-item-right.svelte-159r6oj{width:100%;justify-content:flex-end!important}i.svelte-159r6oj{color:var(--iconColor);transition:all .23s ease-in-out}.cta.svelte-159r6oj{background-color:var(--spectrum-global-color-blue-400);border:1px solid transparent;color:#fff}.cta.svelte-159r6oj.quiet{border-color:transparent!important;background-color:transparent;color:var(--spectrum-global-color-gray-800)}.cta.svelte-159r6oj.quiet:hover,.cta.svelte-159r6oj.quiet:focus{background-color:var(--spectrum-global-color-blue-400);color:#fff}.cta.svelte-159r6oj:hover,.cta.svelte-159r6oj:focus{background-color:var(--spectrum-global-color-blue-600);border-color:var(--spectrum-global-color-blue-600)}.cta.svelte-159r6oj:active{border:1px solid var(--spectrum-global-color-blue-700)}.ink.svelte-159r6oj{background-color:var(--spectrum-global-color-gray-700);border:1px solid var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-50);font-weight:700;opacity:.9}.ink.svelte-159r6oj.quiet{border-color:transparent!important;background-color:transparent;color:var(--spectrum-global-color-gray-800)}.ink.svelte-159r6oj.quiet:hover,.ink.svelte-159r6oj.quiet:focus{color:var(--spectrum-global-color-gray-50);background-color:var(--spectrum-global-color-gray-600)}.ink.svelte-159r6oj:hover,.ink.svelte-159r6oj:focus{background-color:var(--spectrum-global-color-gray-800)}.ink.svelte-159r6oj:active{border:1px solid var(--spectrum-global-color-blue-700)}.primary.svelte-159r6oj:hover,.primary.svelte-159r6oj:focus{border:1px solid var(--spectrum-global-color-gray-500);color:var(--spectrum-global-color-gray-900)}.primary.svelte-159r6oj:active{background-color:var(--spectrum-global-color-gray-100);border:1px solid var(--spectrum-global-color-gray-600)}.primary.svelte-159r6oj.quiet{border-color:transparent;background-color:transparent}.primary.svelte-159r6oj.quiet:hover{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-900)}.secondary.svelte-159r6oj{background-color:var(--spectrum-global-color-gray-200);border-color:transparent;color:var(--spectrum-global-color-gray-700);font-weight:500}.secondary.svelte-159r6oj.quiet{border-color:transparent;background-color:transparent}.secondary.svelte-159r6oj.quiet:hover{background-color:var(--spectrum-global-color-gray-200);border-color:transparent}.secondary.svelte-159r6oj:hover,.secondary.svelte-159r6oj:focus{background-color:var(--spectrum-global-color-gray-300);color:var(--spectrum-global-color-gray-900)}.warning.svelte-159r6oj{color:var(--spectrum-global-color-red-400)}.warning.svelte-159r6oj.quiet{border-color:transparent!important;background-color:transparent;color:var(--spectrum-global-color-red-400)}.warning.svelte-159r6oj.quiet:hover{background-color:var(--spectrum-global-color-red-400)}.warning.svelte-159r6oj:hover,.warning.svelte-159r6oj:focus{background-color:var(--spectrum-global-color-red-400);color:var(--spectrum-global-color-gray-50)}.overBackground.svelte-159r6oj{background-color:transparent}.overBackground.svelte-159r6oj.quiet{border:unset}.menu.svelte-159r6oj{border:unset;background:transparent;padding-right:0rem;color:var(--spectrum-global-color-gray-700)}.disabled.svelte-159r6oj{background-color:var(--spectrum-global-color-gray-200)!important;color:var(--spectrum-global-color-gray-400)!important;cursor:not-allowed;border-color:var(--spectrum-global-color-gray-300)}.disabled.svelte-159r6oj.quiet{background-color:unset!important;border:unset!important}.super-field.svelte-pj3x2c{min-width:180px;width:100%;display:flex;align-self:flex-start;justify-content:stretch;flex-direction:column}.super-field.svelte-pj3x2c.left-label{flex-direction:row;align-items:center;gap:1rem}.super-field.svelte-pj3x2c.multirow{align-items:stretch}.super-field.svelte-pj3x2c.multirow>.inline-cells{height:unset}.super-field.svelte-pj3x2c.multirow>.superlabel{align-self:start}.super-field.svelte-pj3x2c.multirow>.superlabel.left{padding-top:.5rem}.super-field.svelte-pj3x2c:focus-within>.superlabel{color:var(--spectrum-global-golor-gray-700)}.inline-cells.svelte-pj3x2c{flex:auto;display:flex;justify-content:stretch;height:2rem;overflow:hidden}.inline-cells.svelte-pj3x2c.multirow{height:unset}.superlabel.svelte-pj3x2c{flex:0 0 auto;width:var(--label-width);overflow:hidden;display:flex;align-items:center;justify-content:space-between;font-weight:400;line-height:1.65rem;color:var(--spectrum-global-color-gray-700);gap:1rem;transition:.13s}.superlabel.svelte-pj3x2c.left{flex-direction:column;align-items:flex-start;justify-content:center;line-height:1rem;gap:0px}.superlabel.svelte-pj3x2c.left>.label{width:var(--label-width);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.superlabel.svelte-pj3x2c>.label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.superlabel.svelte-pj3x2c>.label.showHelp{font-style:italic}.superlabel.svelte-pj3x2c>.error-message{color:var(--spectrum-global-color-red-400);font-size:11px}.list-wrap.svelte-vcy2bx.svelte-vcy2bx{list-style-type:none;margin:0;padding:0;width:100%;border-radius:4px}.list-wrap.svelte-vcy2bx>li.svelte-vcy2bx:not(.buttons){background-color:transparent;transition:background-color ease-in-out .13s;display:flex;align-items:center;border-bottom:1px solid var(--spectrum-global-color-gray-200)}.list-wrap.inEdit.svelte-vcy2bx>li.svelte-vcy2bx:hover{background-color:var( --spectrum-table-row-background-color-hover, var(--spectrum-alias-highlight-hover) );cursor:pointer}.list-wrap.svelte-vcy2bx>li.svelte-vcy2bx:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-wrap.svelte-vcy2bx>li.svelte-vcy2bx:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:0px}.right-content.svelte-vcy2bx.svelte-vcy2bx{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.right-content.svelte-vcy2bx.svelte-vcy2bx.showColors>i{display:block;color:var(--option-color);font-size:16px}.right-content.svelte-vcy2bx.svelte-vcy2bx>i{display:none}li.buttons.svelte-vcy2bx.svelte-vcy2bx{display:flex;padding:unset!important;color:var(--spectrum-global-color-gray-500)}li.buttons.svelte-vcy2bx.svelte-vcy2bx.inEdit{color:var(--spectrum-global-color-gray-700)}li.buttons.svelte-vcy2bx.svelte-vcy2bx:hover{background-color:transparent!important}i.svelte-vcy2bx.svelte-vcy2bx:hover{cursor:pointer}.add-button.svelte-vcy2bx.svelte-vcy2bx{flex:1;min-width:0;display:flex;justify-content:center;align-items:center}.add-button.svelte-vcy2bx.svelte-vcy2bx.disabled{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-500)}.add-button.svelte-vcy2bx.svelte-vcy2bx.placeholder{font-style:italic;color:var(--spectrum-global-color-gray-500)}.clear-button.svelte-vcy2bx.svelte-vcy2bx{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;border-left:1px solid var(--spectrum-global-color-gray-300)}.clear-button.svelte-vcy2bx.svelte-vcy2bx:hover{color:var(--spectrum-global-color-red-500);cursor:pointer}.list-wrap.svelte-vcy2bx li.svelte-vcy2bx{padding-left:var(--spacing-s);padding-right:var(--spacing-s);line-height:1.85rem}.list-wrap.svelte-vcy2bx li.svelte-vcy2bx:focus{outline:none}.handle.svelte-vcy2bx>svg.svelte-vcy2bx:hover{cursor:grab}.handle.svelte-vcy2bx.svelte-vcy2bx{display:flex;min-width:1.5rem;align-items:center;color:var(--spectrum-global-color-gray-500);fill:var(--spectrum-global-color-gray-700);font-size:14px}.hide-popover.svelte-af3l1o{display:contents}.spectrum-Popover.svelte-af3l1o{border-color:var(--spectrum-global-color-gray-300);background-color:var(--spectrum-global-color-gray-50);overflow:auto}.customZindex.svelte-af3l1o{z-index:var(--customZindex)!important}.stb-scrollbar.svelte-fhqbbj{position:absolute;right:8px;top:var(--offset);bottom:var(--bottomOffset);width:8px;border-radius:4px;opacity:.2;z-index:1;transition:.23s;overflow:hidden}.stb-scrollbar.horizontal.svelte-fhqbbj{top:unset;bottom:var(--horizontalBottomOffset);left:calc(var(--horizontalOffset) + 8px);width:calc(100% - 32px - var(--horizontalOffset));height:8px}.highlighted.svelte-fhqbbj{opacity:.55!important}.stb-scrollbar-indicator.svelte-fhqbbj{position:relative;width:100%;border-radius:4px;background-color:var(--spectrum-global-color-gray-500);min-height:2rem;z-index:2}.stb-scrollbar-indicator.svelte-fhqbbj:hover{cursor:pointer;background-color:var(--spectrum-global-color-gray-700)}.stb-scrollbar-indicator.dragging.svelte-fhqbbj,.stb-scrollbar-indicator.horizontal.dragging.svelte-fhqbbj{cursor:pointer;background-color:var(--spectrum-global-color-gray-700)!important}.stb-scrollbar-indicator.horizontal.svelte-fhqbbj{min-height:unset;min-width:2rem;height:100%}i.svelte-tfp4ht:hover{cursor:pointer}.isEntering.svelte-tfp4ht{gap:.5rem}.placeholder.svelte-tfp4ht{min-width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;color:var(--spectrum-global-color-gray-500)}.placeholder.svelte-tfp4ht:hover{color:var(--spectrum-global-color-gray-800);cursor:pointer}.sorted.svelte-tfp4ht{color:var(--spectrum-global-color-gray-800)}.filtered.svelte-tfp4ht{gap:.5rem;color:var(--spectrum-global-color-gray-800);font-weight:600;background-color:var(--spectrum-global-color-gray-100)}.sortable.svelte-tfp4ht{cursor:pointer}.sortable.svelte-tfp4ht:hover{filter:brightness(120%)}.selected.svelte-tfp4ht{color:var(--primaryColor);background-color:var(--spectrum-global-color-gray-75)}.searchControl.svelte-9gek43{display:flex;align-items:stretch;border-bottom:1px solid var(--spectrum-global-color-gray-300)}.options.svelte-9gek43{display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;color:var(--spectrum-global-color-gray-700)}.option.svelte-9gek43{min-height:1.75rem;display:flex;gap:.5rem;align-items:center;justify-content:space-between;cursor:pointer;padding:0 .5rem}.option.svelte-9gek43.selected{color:var(--spectrum-global-color-gray-800);font-weight:600}.option.svelte-9gek43.focused{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-800)}.option.svelte-9gek43>i{font-size:14px;color:var(--spectrum-global-color-green-400)}.option.svelte-9gek43>span{display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option.svelte-9gek43>span>i{font-size:16px;color:var(--option-color)}.actionIcon.svelte-9gek43{height:100%;display:flex;justify-content:center;align-items:center;border-left:1px solid var(--spectrum-global-color-blue-500);min-width:2rem;font-size:16px}.actionIcon.svelte-9gek43:hover{cursor:pointer;background-color:var(--spectrum-global-color-gray-75);font-weight:800}.value.svelte-krsx9n{flex:auto;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.superCell{flex:auto;display:flex;align-items:center;position:relative;overflow:hidden;transition:all .13s}.superCell.multirow{align-items:stretch}.superCell:focus{outline:none}.superCell:hover .icon{color:var(--spectrum-global-color-blue-500)}.superCell:hover .value.controlIcon{color:var(--spectrum-global-color-gray-700)}.superCell.isDirty{border-left:2px solid var(--spectrum-global-color-orange-400)!important}.superCell .icon{position:absolute;left:.5rem;font-size:16px;color:var(--spectrum-global-color-gray-500)}.superCell .clearIcon{position:absolute;right:8px;color:var(--spectrum-global-color-red-500);cursor:pointer}.superCell .value{flex:auto;align-self:stretch;display:flex;align-items:center;min-width:0;overflow:hidden;padding:.25rem .5rem;gap:.5rem}.superCell .value:focus{outline:none}.superCell .value.placeholder{font-style:italic;font-weight:400;color:var(--spectrum-global-color-gray-500);justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.superCell .value.with-icon{padding-left:2rem!important}.superCell .value span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.superCell .value span.multiline{overflow:auto;white-space:normal;text-overflow:unset}.superCell .value .clearIcon,.superCell .value .endIcon{color:var(--spectrum-global-color-red-500);cursor:pointer;z-index:1}.superCell .value .controlIcon{color:var(--spectrum-global-color-gray-600);cursor:pointer}.superCell .value .items{flex:auto;display:flex;overflow:hidden;align-items:stretch;align-self:stretch;gap:.5rem}.superCell .value .items .item{display:flex;align-items:center;overflow:hidden}.superCell .value .items .item i{display:none}.superCell .value .items .item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.superCell .value .items.pills .item{background-color:var( --option-color, var(--spectrum-global-color-gray-300) );gap:.5rem;border-radius:4px;padding-left:.75rem;padding-right:.75rem}.superCell .value .items.pills .item i{display:none}.superCell .value .items.links .item{gap:.5rem;border-radius:4px;padding-left:.75rem;padding-right:.75rem;background-color:var( --option-color, var(--spectrum-global-color-gray-300) );transition:.13s}.superCell .value .items.links .item:hover{cursor:pointer;background-color:var( --option-color, var(--spectrum-global-color-blue-400) )}.superCell .value .items.links .item:hover i{display:none}.superCell .value .items.colorText .item{gap:.5rem;margin-top:4px;margin-bottom:4px}.superCell .value .items.colorText .item i{font-size:larger;color:var(--option-color);display:block}.superCell .value .items.isUser .item{background-color:var( --option-color, var(--spectrum-global-color-blue-100) );gap:.5rem;border-radius:4px;padding-left:.5rem;padding-right:.75rem}.superCell .value .items.isUser .item i{display:block}.superCell .value .item-count{border-radius:50%;background-color:var(--spectrum-global-color-gray-200);width:1.7rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.superCell.formInput{border-radius:2px;color:var(--spectrum-global-color-gray-800);border:1px solid var(--spectrum-global-color-gray-300);background:var(--spectrum-global-color-gray-50)}.superCell.formInput:focus-within{border:1px solid var(--spectrum-global-color-blue-400)!important}.superCell.formInput.inEdit{border:1px solid var(--spectrum-global-color-blue-400)!important}.superCell.formInput:hover:not(.disabled):not(.readonly){cursor:pointer;border:1px solid var(--spectrum-global-color-gray-400)}.superCell.formInput.disabled{background-color:var(--spectrum-global-color-gray-200)!important;color:var(--spectrum-global-color-gray-600)!important;cursor:not-allowed!important}.superCell.formInput.readonly:not(.disabled){background-color:var(--spectrum-global-color-gray-50);border:1px solid var(--spectrum-global-color-gray-50);color:var(--spectrum-global-color-gray-700);opacity:.9}.superCell.formInput.readonly:not(.disabled):focus-within{border:1px solid var(--spectrum-global-color-gray-200)!important;opacity:1}.superCell.formInput.error{border-color:var(--spectrum-global-color-red-400)!important}.superCell.tableCell{min-height:unset;border:1px solid transparent}.superCell.tableCell.inEdit{border-color:var(--spectrum-global-color-blue-500)}.superCell>.editor{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;overflow:hidden;gap:.25rem;padding-left:.5rem;padding-right:.5rem;background-color:transparent;outline:none;border:none;color:inherit}.superCell>.editor:focus{outline:none;border:none}.superCell>.editor:hover{cursor:pointer}.superCell>.editor.placeholder{font-style:italic}.superCell>.editor.with-icon{padding-left:2rem}.superCell>.editor i{font-size:18px}.superCell.formInput.multirow{min-height:2rem;max-height:unset}.superCell.formInput.large{max-height:unset!important}.superCell.formInput.error.inEdit:focus-within{border:1px solid var(--spectrum-global-color-red-500)}.superCell.inline{position:relative;border:unset;border-radius:2px;min-height:1.8rem;min-width:unset}.superCell.inline.disabled{background-color:var(--spectrum-global-color-gray-100)!important;color:var(--spectrum-global-color-gray-600);cursor:not-allowed}.superCell.inline.readonly{background-color:var(--spectrum-global-color-gray-100);color:var(--spectrum-global-color-gray-600);cursor:not-allowed}.icon.svelte-vlp7xb{font-size:16px;color:var(--spectrum-global-color-green-400)}.time-picker.svelte-mzlxg7{font-size:1.1em;display:flex;align-items:center;width:fit-content;border:1px solid rgba(108,120,147,.3);border-radius:3px;margin:6px auto auto;font-variant-numeric:tabular-nums}span.svelte-mzlxg7{-webkit-user-select:all;user-select:all;outline:none;position:relative;z-index:1;padding:4px 0}span.svelte-mzlxg7:not(:focus)::selection{background-color:transparent}span.svelte-mzlxg7:first-child{padding-left:6px}span.svelte-mzlxg7:last-child{padding-right:6px}.date-time-picker.svelte-w239uu.svelte-w239uu{display:inline-block;color:var(--date-picker-foreground, #000000);background:var(--date-picker-background, #ffffff);user-select:none;-webkit-user-select:none;padding:.5rem;cursor:default;font-size:.75rem;border:1px solid rgba(103,113,137,.3);border-radius:3px;box-shadow:0 2px 6px #00000014,0 2px 6px #0000001c;outline:none;transition:all 80ms cubic-bezier(.4,0,.2,1)}.date-time-picker.svelte-w239uu.svelte-w239uu:focus{border-color:var(--date-picker-highlight-border, #0269f7);box-shadow:0 0 0 2px var(--date-picker-highlight-shadow, rgba(2, 105, 247, .4))}.tab-container.svelte-w239uu.svelte-w239uu{outline:none}.top.svelte-w239uu.svelte-w239uu{display:flex;justify-content:center;align-items:center;padding-bottom:.5rem}.dropdown.svelte-w239uu.svelte-w239uu{margin-left:.25rem;margin-right:.25rem;position:relative;display:flex}.dropdown.svelte-w239uu svg.svelte-w239uu{position:absolute;right:0;top:0;height:100%;width:8px;padding:0rem .5rem;pointer-events:none;box-sizing:content-box}.month.svelte-w239uu.svelte-w239uu,.year.svelte-w239uu.svelte-w239uu{flex-grow:1}svg.svelte-w239uu.svelte-w239uu{display:block;fill:var(--date-picker-foreground, #000000);opacity:.75;outline:none}.page-button.svelte-w239uu.svelte-w239uu{background-color:transparent;width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:5px;box-sizing:border-box;border:1px solid transparent;display:flex;align-items:center;justify-content:center}.page-button.svelte-w239uu.svelte-w239uu:hover{background-color:#80808014;border:1px solid rgba(128,128,128,.08)}.page-button.svelte-w239uu svg.svelte-w239uu{width:.68rem;height:.68rem}select.dummy-select.svelte-w239uu.svelte-w239uu{position:absolute;width:100%;pointer-events:none;outline:none;color:var(--date-picker-foreground, #000000);background-color:var(--date-picker-background, #ffffff);border-radius:3px}select.svelte-w239uu:focus+select.dummy-select.svelte-w239uu{border-color:var(--date-picker-highlight-border, #0269f7);box-shadow:0 0 0 2px var(--date-picker-highlight-shadow, rgba(2, 105, 247, .4))}select.svelte-w239uu.svelte-w239uu:not(.dummy-select){opacity:0}select.svelte-w239uu.svelte-w239uu{font-size:inherit;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-grow:1;padding:0rem 1.3rem 0rem .35rem;height:1.5rem;margin:0;border:1px solid rgba(108,120,147,.3);outline:none;transition:all 80ms cubic-bezier(.4,0,.2,1);background-image:none}.header.svelte-w239uu.svelte-w239uu{display:flex;font-weight:600;padding-bottom:2px}.header-cell.svelte-w239uu.svelte-w239uu{width:1.875rem;text-align:center;flex-grow:1}.week.svelte-w239uu.svelte-w239uu{display:flex}.cell.svelte-w239uu.svelte-w239uu{display:flex;align-items:center;justify-content:center;width:2rem;height:1.94rem;flex-grow:1;border-radius:5px;box-sizing:border-box;border:2px solid transparent}.cell.svelte-w239uu.svelte-w239uu:hover{border:1px solid rgba(128,128,128,.08)}.cell.today.svelte-w239uu.svelte-w239uu{font-weight:600;border:2px solid var(--date-picker-today-border, rgba(128, 128, 128, .3))}.cell.svelte-w239uu.svelte-w239uu:hover{background-color:#80808014}.cell.disabled.svelte-w239uu.svelte-w239uu{visibility:hidden}.cell.disabled.svelte-w239uu.svelte-w239uu:hover{border:none;background-color:transparent}.cell.other-month.svelte-w239uu span.svelte-w239uu{opacity:.4}.cell.selected.svelte-w239uu.svelte-w239uu{color:var(--date-picker-selected-color, inherit);background:var(--date-picker-selected-background, rgba(2, 105, 247, .2));border:2px solid var(--date-picker-highlight-border, #0269f7)}.date-time-field.svelte-1vabmef{position:relative}input.svelte-1vabmef{color:var(--date-picker-foreground, #000000);background:var(--date-picker-background, #ffffff);min-width:0px;box-sizing:border-box;padding:4px 6px;margin:0;border:1px solid rgba(103,113,137,.3);border-radius:3px;width:var(--date-input-width, 150px);outline:none;transition:all 80ms cubic-bezier(.4,0,.2,1)}input.svelte-1vabmef:focus{border-color:var(--date-picker-highlight-border, #0269f7);box-shadow:0 0 0 2px var(--date-picker-highlight-shadow, rgba(2, 105, 247, .4))}input.svelte-1vabmef:disabled{opacity:.5}.invalid.svelte-1vabmef{border:1px solid rgba(249,47,114,.5);background-color:#f92f721a}.invalid.svelte-1vabmef:focus{border-color:#f92f72;box-shadow:0 0 0 2px #f92f7280}.picker.svelte-1vabmef{display:none;position:absolute;padding:1px;left:var(--picker-left-position);z-index:10}.picker.above.svelte-1vabmef{bottom:100%}.picker.visible.svelte-1vabmef{display:block}.control.svelte-lgt0u7.svelte-lgt0u7{flex:auto;flex-direction:column;display:flex;align-items:stretch;justify-content:space-around;gap:.25rem;padding:0rem .25rem .25rem;overflow-x:hidden}.control.svelte-lgt0u7.svelte-lgt0u7:focus{border:1px solid white}.searchControl.svelte-lgt0u7.svelte-lgt0u7{height:2rem;border-bottom:1px solid var(--spectrum-global-color-gray-300);display:flex;align-items:center;padding-left:.5rem;gap:.25rem}.searchControl.svelte-lgt0u7.svelte-lgt0u7>i{font-size:14px;transition:all .23s}.searchControl.svelte-lgt0u7.svelte-lgt0u7>input{height:100%;width:100%;outline:none;background:none;border:none;color:inherit;padding-left:.5rem;font-family:inherit;font-size:inherit}.searchControl.svelte-lgt0u7.svelte-lgt0u7>input.placeholder{font-style:italic;color:var(--spectrum-global-color-gray-600)}.listWrapper.svelte-lgt0u7.svelte-lgt0u7{flex:auto;display:flex;justify-content:stretch;align-content:stretch;gap:.25rem;overflow:hidden}.list.svelte-lgt0u7.svelte-lgt0u7{flex:1 1 50%;height:200px;overflow-y:auto;overflow-x:hidden;color:var(--spectrum-global-color-gray-800)}.listSelected.svelte-lgt0u7.svelte-lgt0u7{color:var(--spectrum-global-color-gray-800);border-left:1px solid var(--spectrum-global-color-gray-300);padding-left:.25rem}.options.svelte-lgt0u7.svelte-lgt0u7{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow-y:auto;gap:0rem;min-width:0}.option.svelte-lgt0u7.svelte-lgt0u7{line-height:1.5rem;padding:.15rem .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;justify-content:space-between}.option.svelte-lgt0u7.svelte-lgt0u7>i{visibility:hidden}.option.svelte-lgt0u7.svelte-lgt0u7.wide:hover>i{visibility:visible;color:var(--spectrum-global-color-green-500)}.option.svelte-lgt0u7.svelte-lgt0u7.selected{background-color:var(--spectrum-global-color-gray-75);color:var(--spectrum-global-color-gray-900)}.option.svelte-lgt0u7.svelte-lgt0u7.selected>i{visibility:visible;color:var(--spectrum-global-color-green-500)}.option.svelte-lgt0u7.svelte-lgt0u7.highlighted{background-color:var(--spectrum-global-color-gray-200)}.options.svelte-lgt0u7>span.svelte-lgt0u7{color:var(--spectrum-global-color-gray-500);font-style:italic;flex:auto;display:flex;align-items:center;justify-content:center}.option.svelte-lgt0u7.svelte-lgt0u7:hover{background-color:var(--spectrum-global-color-gray-200);border-radius:4px;cursor:pointer}.spectrum-TreeView-item.svelte-1xxn7uq{transition:all .13s}.spectrum-TreeView-itemLink.svelte-1xxn7uq{display:flex;justify-content:space-between;align-items:center;gap:.25rem;max-height:1.75rem}i.svelte-1xxn7uq{transition:all .13s}.open.svelte-1xxn7uq{transform:rotate(90deg)}.control.svelte-dad66x{flex:auto;flex-direction:column;display:flex;align-items:stretch;justify-content:stretch;overflow-x:hidden;gap:.25rem;min-height:260px;max-height:260px}.search.svelte-dad66x{height:2rem;border-bottom:1px solid var(--spectrum-global-color-gray-300);display:flex;align-items:stretch}.superCell.svelte-riwj21 .value.multiline.svelte-riwj21{white-space:pre-wrap!important;text-overflow:unset!important;overflow:auto!important;font-family:monospace}.superCell.svelte-riwj21 .value.multiline span.svelte-riwj21{white-space:pre-wrap!important;text-overflow:unset!important;overflow:visible!important;height:8rem;width:100%}.superCell.svelte-riwj21 .editor.svelte-riwj21{width:100%;box-sizing:border-box}.wrapper.svelte-41zw5j.svelte-41zw5j{flex:auto;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.pill.svelte-41zw5j.svelte-41zw5j{border:1px solid var(--spectrum-global-color-gray-500);padding:0rem .25rem;border-radius:3px;font-size:11px;display:flex;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;justify-content:center}a.filename.svelte-41zw5j.svelte-41zw5j{width:100%;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:underline;color:var(--spectrum-global-color-blue-700)}.icon.svelte-41zw5j.svelte-41zw5j{aspect-ratio:1;color:var(--spectrum-global-color-gray-500)}.icon.svelte-41zw5j.svelte-41zw5j:hover{aspect-ratio:1;cursor:pointer}.option.svelte-41zw5j.svelte-41zw5j{display:flex;align-items:center;justify-content:stretch;gap:.5rem;padding:.25rem}.option.svelte-41zw5j.svelte-41zw5j:hover{background-color:var(--spectrum-global-color-gray-100)}.option.svelte-41zw5j:hover>.icon.svelte-41zw5j{color:var(--spectrum-global-color-red-500)}.option.svelte-41zw5j:hover>.pill.svelte-41zw5j{color:var(--spectrum-global-color-gray-800);background-color:var(--spectrum-global-color-gray-50);border:1px solid var(--spectrum-global-color-gray-800)}.options.svelte-41zw5j.svelte-41zw5j{display:flex;flex-direction:column;align-items:stretch;padding:.25rem;min-width:15rem}.attachment.svelte-41zw5j.svelte-41zw5j{display:flex;align-items:center;border:1px solid darkcyan;border-radius:4px;height:50%;padding:0 .5rem;min-width:15rem}.attachment.svelte-41zw5j.svelte-41zw5j:hover{border:1px solid lime}.new.svelte-41zw5j.svelte-41zw5j{text-align:center;padding:.5rem 1rem;color:var(--spectrum-global-color-blue-700);text-decoration:underline;border:1px dashed var(--spectrum-global-color-blue-400)}.skeleton.svelte-i7mw17{flex:auto;width:100%;align-self:stretch;opacity:0;display:flex;align-items:stretch;justify-content:stretch;background-color:var(--spectrum-global-color-gray-200)!important;overflow:hidden;position:relative;animation:svelte-i7mw17-fadeIn .13s ease 0s 1 normal forwards}.children.svelte-i7mw17{flex:auto;pointer-events:none;opacity:.65;background-image:linear-gradient(90deg,#fff0 0,#ffffff26 20%,#fff3 60%,#ffffff26 80%,#fff0);animation:svelte-i7mw17-shimmer 2s infinite}@keyframes svelte-i7mw17-fadeIn{0%{opacity:0}to{opacity:.75}}@keyframes svelte-i7mw17-shimmer{0%{transform:translate(-80%)}to{transform:translate(100%)}}.row-buttons.svelte-ndsk96{display:flex;flex-direction:row;align-items:center;padding-left:.5rem}.action-menu.svelte-ndsk96{min-width:160px;display:flex;flex-direction:column;align-items:stretch;padding:.25rem}.selection.svelte-gq5jrp{flex:auto;padding-left:.75rem;padding-right:.75rem;gap:1rem;font-size:14px;font-weight:500;align-items:center}.selection.svelte-gq5jrp.is-hovered>.delete{color:var(--spectrum-global-color-red-700)}.selection.svelte-gq5jrp.is-selected>.delete{color:var(--spectrum-global-color-red-700)}.selection.svelte-gq5jrp.is-hovered>i{color:var(--spectrum-global-color-gray-700)}i.svelte-gq5jrp{font-size:16px;color:var(--spectrum-global-color-gray-500)}i.svelte-gq5jrp:hover{cursor:pointer}.action-menu.svelte-6lzro5{min-width:160px;display:flex;flex-direction:column;align-items:stretch;padding:.25rem}.container.svelte-5l281g.svelte-5l281g{position:relative;padding:.5rem .75rem .75rem;display:flex;flex-direction:column;gap:16px;background-color:var(--spectrum-global-color-gray-50)}.preview-swatch.svelte-5l281g.svelte-5l281g{position:relative;transition:transform .1s ease-in-out,box-shadow .1s ease-in-out;box-sizing:border-box;border-radius:4px;overflow:hidden;border:1px solid var(--spectrum-global-color-gray-300);background:var(--spectrum-global-color-gray-50)}.preview-swatch.svelte-5l281g.svelte-5l281g.circle{border-radius:50%}.preview-swatch.svelte-5l281g.svelte-5l281g:hover{cursor:pointer}.preview-fill.svelte-5l281g.svelte-5l281g{width:100%;height:100%;position:absolute;top:0;left:0;display:grid;place-items:center;border-radius:inherit;border:1px solid transparent;padding:4px}.preview-fill.svelte-5l281g.svelte-5l281g.circle{border-radius:50%}.preview-fill.placeholder.svelte-5l281g.svelte-5l281g{--spectrum-swatch-checkerboard-light:var(--spectrum-global-color-gray-300);background-color:var(--spectrum-global-color-gray-50);background-image:linear-gradient(45deg,var(--spectrum-swatch-checkerboard-light) 25%,transparent 25%),linear-gradient(-45deg,var(--spectrum-swatch-checkerboard-light) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--spectrum-swatch-checkerboard-light) 75%),linear-gradient(-45deg,transparent 75%,var(--spectrum-swatch-checkerboard-light) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.size--XS.svelte-5l281g.svelte-5l281g{width:16px;height:16px}.size--S.svelte-5l281g.svelte-5l281g{width:24px;height:24px}.size--M.svelte-5l281g.svelte-5l281g{width:32px;height:32px}.size--L.svelte-5l281g.svelte-5l281g{width:48px;height:48px}.colors.svelte-5l281g.svelte-5l281g{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.color-swatch.svelte-5l281g.svelte-5l281g{height:16px;width:16px;border-radius:50%;position:relative}.color-swatch.svelte-5l281g.svelte-5l281g:hover{cursor:pointer;box-shadow:0 0 2px 2px var(--spectrum-global-color-gray-300)}.color-fill.svelte-5l281g.svelte-5l281g{width:100%;height:100%;border-radius:50%;display:grid;place-items:center}.ri-check-line.svelte-5l281g.svelte-5l281g{font-size:12px;font-weight:700}.ri-palette-line.svelte-5l281g.svelte-5l281g{font-size:12px;margin-right:4px}.heading-icon.svelte-5l281g.svelte-5l281g{vertical-align:middle}.heading.svelte-5l281g.svelte-5l281g{font-size:12px;font-weight:600;letter-spacing:.14px;text-transform:uppercase;grid-column:1 / 5;margin-bottom:8px;display:flex;align-items:center}.custom.svelte-5l281g.svelte-5l281g{flex:1;display:flex;align-items:center;gap:4px;justify-content:space-between}.category--custom.svelte-5l281g .heading.svelte-5l281g{margin-bottom:4px}.custom-input.svelte-5l281g.svelte-5l281g{flex:1;padding:2px 4px;border:none;border-bottom:1px solid var(--spectrum-global-color-gray-200);border-radius:2px;font-size:12px;height:20px;width:80px;background-color:inherit;color:var(--spectrum-global-color-gray-700);font-style:italic}.custom-input.svelte-5l281g.svelte-5l281g:focus{outline:none;border-color:var(--spectrum-global-color-blue-500)}.clear-value.svelte-5l281g.svelte-5l281g{background:none;border:none;color:var(--spectrum-global-color-gray-900);cursor:pointer;font-size:13px;padding:0;margin:0}svelte-virtual-list-viewport.svelte-1tqh76q{position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;display:block}svelte-virtual-list-contents.svelte-1tqh76q,svelte-virtual-list-row.svelte-1tqh76q{display:block}svelte-virtual-list-row.svelte-1tqh76q{overflow:hidden}.preview-icon.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--spectrum-global-color-gray-300);border-radius:4px;background-color:var(--spectrum-global-color-gray-50);cursor:pointer;font-size:1rem;transition:all .2s ease-in-out;padding:2px}.preview-icon.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf:hover:not(.readonly){border-color:var(--spectrum-global-color-gray-400);background-color:var(--spectrum-global-color-gray-100)}.preview-icon.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf:focus{outline:none}.preview-icon.circle.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{border-radius:50%}.preview-icon.readonly.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{cursor:default;opacity:.7}.empty-state.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{color:var(--spectrum-global-color-gray-500)}.icon-picker.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{max-height:400px;max-width:14rem;display:flex;flex-direction:column;background:var(--spectrum-global-color-gray-50);border-radius:4px;overflow:hidden;gap:.5rem}.icon-picker.with-categories.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{max-width:20rem}.header.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{display:flex;flex-direction:column;gap:.5rem}.search-container.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{position:relative}.search-icon.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--spectrum-global-color-gray-500);pointer-events:none}.search-input.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{width:100%;padding:12px 32px;background:transparent;border:none;border-bottom:1px solid var(--spectrum-global-color-gray-300);border-radius:0;font-size:14px;color:var(--spectrum-global-color-gray-700);outline:none;transition:border-color .2s ease}.search-input.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf:focus{outline:none}.clear-search.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--spectrum-global-color-gray-500);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.category-tabs.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{display:flex;overflow-x:auto;gap:4px;scrollbar-width:none;padding:.5rem;padding-bottom:none}.category-tabs.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf::-webkit-scrollbar{display:none}.category-tabs.svelte-1ftcemf button.svelte-1ftcemf.svelte-1ftcemf{padding:6px 12px;border:none;background:none;border-bottom:2px solid transparent;font-size:12px;font-weight:500;color:var(--spectrum-global-color-gray-700);cursor:pointer;white-space:nowrap;transition:all .2s ease;height:1.75rem}.category-tabs.svelte-1ftcemf button.svelte-1ftcemf.svelte-1ftcemf:hover{background-color:var(--spectrum-global-color-gray-200)}.category-tabs.svelte-1ftcemf button.selected.svelte-1ftcemf.svelte-1ftcemf{color:var(--spectrum-global-color-blue-600);border-bottom:2px solid var(--spectrum-global-color-blue-600);background:none}.icons-grid-container.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{position:relative;overflow:hidden;width:100%;padding-left:.5rem}.icons-row.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{display:grid;grid-template-columns:repeat(6,1fr);width:100%;box-sizing:border-box;height:32px;align-items:center}.with-categories.svelte-1ftcemf .icons-row.svelte-1ftcemf.svelte-1ftcemf{grid-template-columns:repeat(9,1fr)}.icon-button.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:none;border-radius:4px;cursor:pointer;color:var(--spectrum-global-color-gray-700);border:1px solid var(--spectrum-global-color-gray-100);width:32px;height:32px;box-sizing:border-box;font-size:20px;opacity:.9}.icon-button.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf:hover{background-color:var(--spectrum-global-color-gray-100);color:var(--spectrum-global-color-gray-800);opacity:1}.icon-button.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf:focus{outline:none}.icon-button.selected.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{color:var(--spectrum-global-color-gray-800);border:1px dotted var(--spectrum-global-color-blue-500);background-color:var(--spectrum-global-color-gray-200)}.no-results.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:var(--spectrum-global-color-gray-600);text-align:center}.no-results.svelte-1ftcemf i.svelte-1ftcemf.svelte-1ftcemf{font-size:24px;margin-bottom:8px;color:var(--spectrum-global-color-gray-500)}.footer.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{padding:0 .5rem;border-top:1px solid var(--spectrum-global-color-gray-200);height:2rem;display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.footer-left.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{display:flex;align-items:center;height:100%}.checkbox-container.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{display:flex;align-items:center;position:relative;padding-left:20px;margin:0;cursor:pointer;height:100%;color:var(--spectrum-global-color-gray-700);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.checkbox-container.svelte-1ftcemf input.svelte-1ftcemf.svelte-1ftcemf{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{position:absolute;top:50%;left:0;transform:translateY(-50%);height:12px;width:12px;background-color:var(--spectrum-global-color-gray-100);border:1px solid var(--spectrum-global-color-gray-400);border-radius:2px;transition:all .2s ease}.checkbox-container.svelte-1ftcemf:hover input.svelte-1ftcemf~.checkmark.svelte-1ftcemf{border-color:var(--spectrum-global-color-gray-600)}.checkbox-container.svelte-1ftcemf input.svelte-1ftcemf:checked~.checkmark.svelte-1ftcemf{background-color:var(--spectrum-global-color-blue-500);border-color:var(--spectrum-global-color-blue-500)}.checkmark.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf:after{content:"";position:absolute;display:none}.checkbox-container.svelte-1ftcemf input.svelte-1ftcemf:checked~.checkmark.svelte-1ftcemf:after{display:block}.checkbox-container.svelte-1ftcemf .checkmark.svelte-1ftcemf.svelte-1ftcemf:after{left:3px;top:0;width:4px;height:7px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{margin-left:4px}.clear-button.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--spectrum-global-color-gray-700);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px}.clear-button.svelte-1ftcemf.svelte-1ftcemf.svelte-1ftcemf:hover,.rel-pills.svelte-1uxy76n,.rel-bb-reference.svelte-1uxy76n{background-color:var(--spectrum-global-color-gray-200)}.actionIcon.svelte-1uxy76n{height:100%;display:flex;justify-content:center;align-items:center;min-width:2rem;font-size:16px;transition:all .13s;margin-right:8px}.actionIcon.svelte-1uxy76n:hover{cursor:pointer;background-color:var(--spectrum-global-color-gray-75);color:var(--spectrum-global-color-red-500);font-weight:800}.loader.svelte-1uxy76n{width:120px;height:20px;background:linear-gradient(90deg,#0001 33%,#0005 50%,#0001 66%) #f2f2f2;background-size:300% 100%;animation:svelte-1uxy76n-l1 1s infinite linear}@keyframes svelte-1uxy76n-l1{0%{background-position:right}}.control.svelte-18xmfzg{flex:auto;flex-direction:column;display:flex;align-items:stretch;justify-content:stretch;overflow-x:hidden;padding:.25rem}.options.svelte-g3rsh2.svelte-g3rsh2{flex:auto;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;color:var(--spectrum-global-color-gray-700)}.option.svelte-g3rsh2.svelte-g3rsh2{min-height:1.75rem;display:flex;gap:.5rem;align-items:center;justify-content:space-between;cursor:pointer;padding:0 .5rem}.option.svelte-g3rsh2.svelte-g3rsh2.selected{display:none;color:var(--spectrum-global-color-gray-800);background-color:var(--spectrum-global-color-gray-75)}.option.svelte-g3rsh2.svelte-g3rsh2.focused{background-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-800);border-radius:4px}.option.svelte-g3rsh2>span.svelte-g3rsh2{display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option.svelte-g3rsh2>span.svelte-g3rsh2>i{color:var(--option-color);font-size:larger}.radios.svelte-g3rsh2.svelte-g3rsh2{flex:auto;display:flex;flex-wrap:wrap;justify-items:flex-start;color:var(--spectrum-global-color-gray-700);font-size:13px}.radios.svelte-g3rsh2.svelte-g3rsh2.formInput>.switch{padding:0 .5rem}.radios.svelte-g3rsh2.svelte-g3rsh2.inlineInput>.switch{padding:0rem .25rem}.radios.svelte-g3rsh2.svelte-g3rsh2.inlineInput>.switch.toggleAll{margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px solid var(--spectrum-global-color-gray-300)}.radios.column.svelte-g3rsh2.svelte-g3rsh2{gap:0rem;flex-direction:column;min-width:0}.radio.svelte-g3rsh2.svelte-g3rsh2{height:1.75rem;display:flex;gap:.25rem;align-items:center;cursor:pointer;padding:0 .5rem}.radio.svelte-g3rsh2.svelte-g3rsh2.focused{background-color:var(--spectrum-global-color-gray-200)!important;color:var(--spectrum-global-color-gray-800)}.radio.svelte-g3rsh2.svelte-g3rsh2.selected{color:var(--spectrum-global-color-gray-800)}.switch.svelte-g3rsh2.svelte-g3rsh2{width:100%;display:flex;gap:.35rem;align-items:center;cursor:pointer;height:1.75rem}.switch.svelte-g3rsh2.svelte-g3rsh2>i{color:var(--spectrum-global-color-gray-600);min-width:13px;font-size:13px}.switch.svelte-g3rsh2.svelte-g3rsh2>i.no-icon{display:none}.switch.svelte-g3rsh2.svelte-g3rsh2>.text{flex:1 1 auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;opacity:.95}.switch.svelte-g3rsh2.svelte-g3rsh2>.text.title{font-size:14px;font-weight:600}.switch.svelte-g3rsh2.svelte-g3rsh2.toggleAll{border-bottom:1px solid var(--spectrum-global-color-gray-200);height:2rem}.switch.svelte-g3rsh2.svelte-g3rsh2.focused{background-color:var(--spectrum-global-color-gray-200)!important;color:var(--spectrum-global-color-gray-800);border-radius:4px}.switch.svelte-g3rsh2.svelte-g3rsh2.selected{color:var(--spectrum-global-color-gray-800)}.switch.svelte-g3rsh2.svelte-g3rsh2.selected>i{color:var(--option-color, var(--spectrum-global-color-gray-700))}.switch.svelte-g3rsh2.svelte-g3rsh2.selected>.text{opacity:1}.switch.svelte-g3rsh2>.spectrum-Switch.svelte-g3rsh2{margin-right:unset!important}.radio.svelte-g3rsh2>i.svelte-g3rsh2{font-size:16px}
package/package.json CHANGED
@@ -1,67 +1,11 @@
1
1
  {
2
2
  "name": "@poirazis/supercomponents-shared",
3
- "version": "0.0.3",
3
+ "version": "1.0.1",
4
4
  "description": "Shared Svelte components library",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",
8
8
  "svelte": "src/index.js",
9
- "exports": {
10
- ".": {
11
- "types": "./dist/index.d.ts",
12
- "svelte": "./src/index.ts",
13
- "default": "./dist/index.js"
14
- },
15
- "./SuperTable/SuperTable.css": "./src/lib/SuperTable/SuperTable.css",
16
- "./SuperButton": {
17
- "types": "./dist/SuperButton/index.d.ts",
18
- "svelte": "./src/lib/SuperButton/SuperButton.svelte",
19
- "default": "./dist/SuperButton/index.js"
20
- },
21
- "./SuperFieldLabel": {
22
- "types": "./dist/SuperFieldLabel/index.d.ts",
23
- "svelte": "./src/lib/SuperFieldLabel/SuperFieldLabel.svelte",
24
- "default": "./dist/SuperFieldLabel/index.js"
25
- },
26
- "./SuperList": {
27
- "types": "./dist/SuperList/index.d.ts",
28
- "svelte": "./src/lib/SuperList/SuperList.svelte",
29
- "default": "./dist/SuperList/index.js"
30
- },
31
- "./SuperPopover": {
32
- "types": "./dist/SuperPopover/index.d.ts",
33
- "svelte": "./src/lib/SuperPopover/SuperPopover.svelte",
34
- "default": "./dist/SuperPopover/index.js"
35
- },
36
- "./SuperTable": {
37
- "types": "./dist/SuperTable/index.d.ts",
38
- "svelte": "./src/lib/SuperTable/SuperTable.svelte",
39
- "default": "./dist/SuperTable/index.js"
40
- },
41
- "./SuperTableCells": {
42
- "types": "./dist/SuperTableCells/index.d.ts",
43
- "svelte": "./src/lib/SuperTableCells/index.js",
44
- "default": "./dist/SuperTableCells/index.js"
45
- },
46
- "./SuperTableColumn": {
47
- "types": "./dist/SuperTableColumn/index.d.ts",
48
- "svelte": "./src/lib/SuperTableColumn/index.js",
49
- "default": "./dist/SuperTableColumn/index.js"
50
- },
51
- "./SuperTree": {
52
- "types": "./dist/SuperTree/index.d.ts",
53
- "svelte": "./src/lib/SuperTree/SuperTree.svelte",
54
- "default": "./dist/SuperTree/index.js"
55
- },
56
- "./Actions": {
57
- "types": "./dist/Actions/index.d.ts",
58
- "default": "./dist/Actions/index.js"
59
- },
60
- "./constants": {
61
- "types": "./dist/constants.d.ts",
62
- "default": "./dist/constants.js"
63
- }
64
- },
65
9
  "scripts": {
66
10
  "test": "echo \"Error: no test specified\" && exit 1",
67
11
  "build": "vite build",
package/src/index.js CHANGED
@@ -4,7 +4,7 @@
4
4
  export { default as SuperButton } from "./lib/SuperButton/SuperButton.svelte";
5
5
 
6
6
  // Form components
7
- export { default as SuperFieldLabel } from "./lib/SuperFieldLabel/SuperFieldLabel.svelte";
7
+ export { default as SuperField } from "./lib/SuperField/SuperField.svelte";
8
8
 
9
9
  // List components
10
10
  export { default as SuperList } from "./lib/SuperList/SuperList.svelte";
@@ -23,7 +23,7 @@ export { default as SuperTree } from "./lib/SuperTree/SuperTree.svelte";
23
23
  export * from "./lib/SuperTableCells/index.js";
24
24
 
25
25
  // Re-export constants
26
- export { defaultOperatorMap } from "./lib/SuperTable/constants";
26
+ export { defaultOperatorMap } from "./lib/SuperTable/constants.js";
27
27
 
28
28
  // Export Actions (JavaScript functions)
29
29
  export * from "./lib/Actions/index.js";
package/src/index.ts CHANGED
@@ -1,31 +1,31 @@
1
1
  // Export all components for easy importing
2
2
 
3
3
  // Button components
4
- export { default as SuperButton } from './lib/SuperButton/SuperButton.svelte';
4
+ export { default as SuperButton } from "./lib/SuperButton/SuperButton.svelte";
5
5
 
6
6
  // Form components
7
- export { default as SuperFieldLabel } from './lib/SuperFieldLabel/SuperFieldLabel.svelte';
7
+ export { default as SuperField } from "./lib/SuperField/SuperField.svelte";
8
8
 
9
9
  // List components
10
- export { default as SuperList } from './lib/SuperList/SuperList.svelte';
10
+ export { default as SuperList } from "./lib/SuperList/SuperList.svelte";
11
11
 
12
12
  // Popover components
13
- export { default as SuperPopover } from './lib/SuperPopover/SuperPopover.svelte';
13
+ export { default as SuperPopover } from "./lib/SuperPopover/SuperPopover.svelte";
14
14
 
15
15
  // Table components
16
- export { default as SuperTable } from './lib/SuperTable/SuperTable.svelte';
16
+ export { default as SuperTable } from "./lib/SuperTable/SuperTable.svelte";
17
17
 
18
18
  // Tree components
19
- export { default as SuperTree } from './lib/SuperTree/SuperTree.svelte';
19
+ export { default as SuperTree } from "./lib/SuperTree/SuperTree.svelte";
20
20
 
21
21
  // Export all SuperTableCells components
22
- export * from './lib/SuperTableCells/index.js';
22
+ export * from "./lib/SuperTableCells/index.js";
23
23
 
24
24
  // Export all SuperTableColumn components
25
- export * from './lib/SuperTableColumn/index.js';
25
+ export * from "./lib/SuperTableColumn/index.js";
26
26
 
27
27
  // Re-export constants
28
- export * from './lib/SuperTable/constants';
28
+ export * from "./lib/SuperTable/constants";
29
29
 
30
30
  // Export Actions (JavaScript functions)
31
- export * from './lib/Actions/index.js';
31
+ export * from "./lib/Actions/index.js";
package/src/lib/SuperField/SuperField.svelte ADDED
@@ -0,0 +1,142 @@
1
+ <script>
2
+ export let labelPos;
3
+ export let multirow;
4
+ export let label;
5
+ export let field;
6
+ export let helpText;
7
+ export let error;
8
+ export let labelWidth;
9
+
10
+ let showHelp;
11
+ $: width = labelPos == "left" ? (labelWidth ? labelWidth : "5rem") : "auto";
12
+ </script>
13
+
14
+ <div class="super-field" class:left-label={labelPos == "left"} class:multirow>
15
+ {#if labelPos}
16
+ <div
17
+ class="superlabel"
18
+ class:left={labelPos == "left"}
19
+ class:error
20
+ style:--label-width={width}
21
+ >
22
+ <!-- svelte-ignore missing-declaration -->
23
+ <!-- svelte-ignore a11y-no-static-element-interactions -->
24
+ <div
25
+ class="label"
26
+ class:showHelp
27
+ on:mouseenter={helpText ? () => (showHelp = true) : null}
28
+ on:mouseleave={helpText ? () => (showHelp = false) : null}
29
+ >
30
+ {#if showHelp && helpText}
31
+ {helpText}
32
+ {:else}
33
+ {label || field}
34
+ {/if}
35
+ </div>
36
+ {#if error}
37
+ <div class="error-message">
38
+ {error}
39
+ </div>
40
+ {/if}
41
+ </div>
42
+ {/if}
43
+ <div class="inline-cells">
44
+ <slot></slot>
45
+ </div>
46
+ </div>
47
+
48
+ <style>
49
+ .super-field {
50
+ min-width: 180px;
51
+ width: 100%;
52
+ display: flex;
53
+ align-self: flex-start;
54
+ justify-content: stretch;
55
+ flex-direction: column;
56
+
57
+ &.left-label {
58
+ flex-direction: row;
59
+ align-items: center;
60
+ gap: 1rem;
61
+ }
62
+ &.multirow {
63
+ align-items: stretch;
64
+
65
+ & > .inline-cells {
66
+ height: unset;
67
+ }
68
+
69
+ & > .superlabel {
70
+ align-self: start;
71
+
72
+ &.left {
73
+ padding-top: 0.5rem;
74
+ }
75
+ }
76
+ }
77
+
78
+ &:focus-within {
79
+ & > .superlabel {
80
+ color: var(--spectrum-global-golor-gray-700);
81
+ }
82
+ }
83
+ }
84
+
85
+ .inline-cells {
86
+ flex: auto;
87
+ display: flex;
88
+ justify-content: stretch;
89
+ height: 2rem;
90
+ overflow: hidden;
91
+
92
+ &.multirow {
93
+ height: unset;
94
+ }
95
+ }
96
+
97
+ .superlabel {
98
+ flex: 0 0 auto;
99
+ width: var(--label-width);
100
+ overflow: hidden;
101
+ display: flex;
102
+ align-items: center;
103
+ justify-content: space-between;
104
+ font-weight: 400;
105
+ line-height: 1.65rem;
106
+ color: var(--spectrum-global-color-gray-700);
107
+ gap: 1rem;
108
+ transition: 130ms;
109
+
110
+ &.left {
111
+ flex-direction: column;
112
+ align-items: flex-start;
113
+ justify-content: center;
114
+ line-height: 1rem;
115
+ gap: 0px;
116
+
117
+ & > .label {
118
+ width: var(--label-width);
119
+ white-space: nowrap;
120
+ overflow: hidden;
121
+ text-overflow: ellipsis;
122
+ }
123
+ }
124
+
125
+ & > .label {
126
+ min-width: 0;
127
+ white-space: nowrap;
128
+ overflow: hidden;
129
+ text-overflow: ellipsis;
130
+ font-size: 12px;
131
+
132
+ &.showHelp {
133
+ font-style: italic;
134
+ }
135
+ }
136
+
137
+ & > .error-message {
138
+ color: var(--spectrum-global-color-red-400);
139
+ font-size: 11px;
140
+ }
141
+ }
142
+ </style>
package/src/lib/SuperPopover/SuperPopover.svelte CHANGED
@@ -26,7 +26,7 @@
26
26
  export let showPopover = true;
27
27
  export let clickOutsideOverride = false;
28
28
 
29
- export let ignoreAnchor = false;
29
+ export let ignoreAnchor = true;
30
30
 
31
31
  export let popup;
32
32
 
package/src/lib/SuperTableCells/CellColor.svelte CHANGED
@@ -309,66 +309,92 @@
309
309
  }
310
310
 
311
311
  /* Preview Swatch Styles */
312
+ /* Spectrum CSS Swatch styles */
312
313
  .preview-swatch {
313
314
  position: relative;
314
- transition: border-color 130ms ease-in-out;
315
+ transition:
316
+ transform 100ms ease-in-out,
317
+ box-shadow 100ms ease-in-out;
318
+ box-sizing: border-box;
319
+ border-radius: 4px;
320
+ overflow: hidden;
321
+ border: 1px solid var(--spectrum-global-color-gray-300);
322
+ background: var(--spectrum-global-color-gray-50);
315
323
 
316
324
  &.circle {
317
325
  border-radius: 50%;
318
326
  }
327
+
328
+ &:hover {
329
+ cursor: pointer;
330
+ }
319
331
  }
320
- .preview-swatch:hover:not(.readonly) {
321
- cursor: pointer;
322
- }
332
+
323
333
  .preview-fill {
324
334
  width: 100%;
325
335
  height: 100%;
326
- border-radius: 4px;
327
336
  position: absolute;
328
337
  top: 0;
329
338
  left: 0;
330
339
  display: grid;
331
340
  place-items: center;
332
- border: 1px solid var(--spectrum-global-color-gray-300);
341
+ border-radius: inherit;
342
+ border: 1px solid transparent;
343
+ padding: 4px;
344
+
333
345
  &.circle {
334
346
  border-radius: 50%;
335
347
  }
336
348
  }
349
+
337
350
  .preview-fill.placeholder {
338
- &.circle {
339
- border-radius: 50%;
340
- }
341
- border: 1px solid var(--spectrum-global-color-gray-300);
342
- --squareSize: 8px;
343
- --squareColor: var(--spectrum-global-color-gray-200);
351
+ --spectrum-swatch-checkerboard-light: var(--spectrum-global-color-gray-300);
352
+
344
353
  background-color: var(--spectrum-global-color-gray-50);
345
354
  background-image: linear-gradient(
346
355
  45deg,
347
- var(--squareColor) 25%,
356
+ var(--spectrum-swatch-checkerboard-light) 25%,
348
357
  transparent 25%
349
358
  ),
350
359
  linear-gradient(
351
- 135deg,
352
- var(--spectrum-global-color-gray-200) 25%,
360
+ -45deg,
361
+ var(--spectrum-swatch-checkerboard-light) 25%,
353
362
  transparent 25%
354
363
  ),
355
- linear-gradient(45deg, transparent 75%, var(--squareColor) 75%),
356
- linear-gradient(135deg, transparent 75%, var(--squareColor) 75%);
357
- background-size: calc(2 * var(--squareSize)) calc(2 * var(--squareSize));
364
+ linear-gradient(
365
+ 45deg,
366
+ transparent 75%,
367
+ var(--spectrum-swatch-checkerboard-light) 75%
368
+ ),
369
+ linear-gradient(
370
+ -45deg,
371
+ transparent 75%,
372
+ var(--spectrum-swatch-checkerboard-light) 75%
373
+ );
374
+ background-size: 20px 20px;
358
375
  background-position:
359
376
  0 0,
360
- var(--squareSize) 0,
361
- var(--squareSize) calc(-1 * var(--squareSize)),
362
- 0 calc(-1 * var(--squareSize));
377
+ 0 10px,
378
+ 10px -10px,
379
+ -10px 0px;
380
+ }
381
+
382
+ /* Size variants */
383
+ .size--XS {
384
+ width: 16px;
385
+ height: 16px;
363
386
  }
387
+
364
388
  .size--S {
365
- width: 20px;
366
- height: 20px;
389
+ width: 24px;
390
+ height: 24px;
367
391
  }
392
+
368
393
  .size--M {
369
- width: 30px;
370
- height: 30px;
394
+ width: 32px;
395
+ height: 32px;
371
396
  }
397
+
372
398
  .size--L {
373
399
  width: 48px;
374
400
  height: 48px;
package/src/lib/SuperTableCells/CellCommon.css CHANGED
@@ -106,6 +106,7 @@
106
106
  display: flex;
107
107
  align-items: center;
108
108
  overflow: hidden;
109
+
109
110
  i {
110
111
  display: none;
111
112
  }
package/src/lib/SuperTableCells/CellIcon.svelte CHANGED
@@ -322,7 +322,7 @@
322
322
  height: 32px;
323
323
  border: 1px solid var(--spectrum-global-color-gray-300);
324
324
  border-radius: 4px;
325
- background-color: var(--spectrum-global-color-gray-75);
325
+ background-color: var(--spectrum-global-color-gray-50);
326
326
  cursor: pointer;
327
327
  font-size: 1rem;
328
328
  transition: all 0.2s ease-in-out;
@@ -483,6 +483,7 @@
483
483
  border-radius: 4px;
484
484
  cursor: pointer;
485
485
  color: var(--spectrum-global-color-gray-700);
486
+ border: 1px solid var(--spectrum-global-color-gray-100);
486
487
  width: 32px;
487
488
  height: 32px;
488
489
  box-sizing: border-box;