@sellmate/design-system 1.0.21 → 1.0.23

package/dist/cjs/app-globals-V2Kpy_OQ.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const globalScripts = () => {};
+
+exports.globalScripts = globalScripts;

package/dist/cjs/{select-keyboard-navigation-CtstKOb3.js → base-dropdown-event-BTPlZ1KF.js}

@@ -1,17 +1,5 @@
 'use strict';
 
-/* @ts-self-types="./index.d.ts" */
-let urlAlphabet =
-  'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict';
-let nanoid = (size = 21) => {
-  let id = '';
-  let i = size | 0;
-  while (i--) {
-    id += urlAlphabet[(Math.random() * 64) | 0];
-  }
-  return id
-};
-
 class DropdownManager {
     static instance;
     activeDropdowns = new Set();
@@ -100,30 +88,4 @@ class BaseDropdownEvent {
     }
 }
 
-class SelectKeyboardNavigation {
-    isSearchable;
-    filteredOptions;
-    constructor(isSearchable, filteredOptions) {
-        this.isSearchable = isSearchable;
-        this.filteredOptions = filteredOptions;
-    }
-    getNavigationBounds() {
-        return {
-            minIndex: this.isSearchable ? -1 : 0,
-            maxIndex: this.filteredOptions.length - 1,
-        };
-    }
-    getNextIndex(currentIndex, direction) {
-        const { minIndex, maxIndex } = this.getNavigationBounds();
-        if (direction === 'ArrowUp') {
-            return currentIndex > minIndex ? currentIndex - 1 : maxIndex;
-        }
-        else {
-            return currentIndex < maxIndex ? currentIndex + 1 : minIndex;
-        }
-    }
-}
-
 exports.BaseDropdownEvent = BaseDropdownEvent;
-exports.SelectKeyboardNavigation = SelectKeyboardNavigation;
-exports.nanoid = nanoid;

package/dist/cjs/component.button-C6xBMwHf.js

@@ -0,0 +1,115 @@
+'use strict';
+
+const size = {
+	xs: {
+		icon: "12"
+	},
+	sm: {
+		icon: "16"
+	},
+	md: {
+		icon: "20"
+	},
+	lg: {
+		icon: "24"
+	}
+};
+const border = {
+	disabled: "#CCCCCC"
+};
+const dropdown = {
+	xs: {
+		minWidth: "60"
+	},
+	sm: {
+		minWidth: "76"
+	},
+	md: {
+		minWidth: "106"
+	}
+};
+const bg = {
+	disabled: "#E1E1E1"
+};
+const content = {
+	disabled: "#888888"
+};
+const brand = {
+	strong: {
+		bg: {
+			"default": "#025497",
+			hover: "#004177"
+		},
+		content: "#FFFFFF",
+		dropdown: {
+			divider: "#006AC1"
+		}
+	},
+	subtle: {
+		bg: {
+			"default": "#1F8AE1",
+			hover: "#006AC1"
+		},
+		content: "#FFFFFF",
+		dropdown: {
+			divider: "#5CB0F3"
+		}
+	},
+	outline: {
+		bg: {
+			"default": "#FFFFFF",
+			hover: "#EAF5FE"
+		},
+		border: "#025497",
+		content: "#025497"
+	}
+};
+const neutral = {
+	subtle: {
+		bg: {
+			"default": "#FFFFFF",
+			hover: "#EEEEEE"
+		},
+		content: "#333333"
+	},
+	outline: {
+		bg: {
+			"default": "#FFFFFF",
+			hover: "#EEEEEE"
+		},
+		border: "#888888",
+		content: "#333333"
+	}
+};
+const danger = {
+	strong: {
+		bg: {
+			"default": "#E30000",
+			hover: "#AD0000"
+		},
+		content: "#FFFFFF",
+		dropdown: {
+			divider: "#FF7C7C"
+		}
+	},
+	outline: {
+		bg: {
+			"default": "#FFFFFF",
+			hover: "#FCEFEF"
+		},
+		border: "#E30000",
+		content: "#E30000"
+	}
+};
+var buttonTokens = {
+	size: size,
+	border: border,
+	dropdown: dropdown,
+	bg: bg,
+	content: content,
+	brand: brand,
+	neutral: neutral,
+	danger: danger
+};
+
+exports.buttonTokens = buttonTokens;

package/dist/cjs/design-system.cjs.js

@@ -1,6 +1,7 @@
 'use strict';
 
-var index = require('./index-D-PnW6jc.js');
+var index = require('./index-Qvv0fGgj.js');
+var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
@@ -17,8 +18,8 @@ var patchBrowser = () => {
 };
 
 patchBrowser().then(async (options) => {
-  await index.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"sd-select-multiple.cjs\",[[512,\"sd-select-multiple\",{\"value\":[1040],\"options\":[1040],\"placeholder\":[1],\"optionPlaceholder\":[1,\"option-placeholder\"],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"autoFocus\":[4,\"auto-focus\"],\"disabled\":[4],\"clearable\":[4],\"searchable\":[4],\"useAll\":[4,\"use-all\"],\"useCheckbox\":[4,\"use-checkbox\"],\"label\":[1],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"rules\":[16],\"error\":[4],\"optionRenderer\":[16],\"isOpen\":[32],\"itemIndex\":[32],\"isScrolled\":[32],\"sdOpen\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"isOpen\":[{\"isOpenChanged\":0}]}]]],[\"sd-select-multiple-group.cjs\",[[772,\"sd-select-multiple-group\",{\"value\":[1040],\"options\":[1040],\"placeholder\":[1],\"optionPlaceholder\":[1,\"option-placeholder\"],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"disabled\":[4],\"clearable\":[4],\"searchable\":[4],\"useCheckbox\":[4,\"use-checkbox\"],\"useAll\":[4,\"use-all\"],\"allCheckedLabel\":[1,\"all-checked-label\"],\"allCheckOptionLabel\":[1,\"all-check-option-label\"],\"label\":[1],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"rules\":[16],\"error\":[4],\"containerStyle\":[16],\"triggerStyle\":[16],\"dropdownStyle\":[16],\"optionStyle\":[16],\"labelStyle\":[16],\"optionRenderer\":[16],\"filteredOptions\":[32],\"isOpen\":[32],\"searchText\":[32],\"itemIndex\":[32],\"isScrolled\":[32],\"isDropdownReady\":[32],\"sdOpen\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"options\":[{\"optionsChanged\":0}],\"searchText\":[{\"searchTextChanged\":0}],\"itemIndex\":[{\"itemIndexChanged\":0}],\"isOpen\":[{\"isOpenChanged\":0}]}]]],[\"sd-date-picker.cjs\",[[514,\"sd-date-picker\",{\"value\":[1537],\"label\":[1],\"selectable\":[16],\"disabled\":[4],\"placeholder\":[1],\"isOpen\":[32],\"currentDate\":[32],\"currentYear\":[32],\"currentMonth\":[32]}]]],[\"sd-guide.cjs\",[[512,\"sd-guide\",{\"type\":[1],\"label\":[1],\"message\":[1],\"guideUrl\":[1,\"guide-url\"],\"popupTitle\":[1,\"popup-title\"],\"popupWidth\":[2,\"popup-width\"],\"popupShow\":[32]}]]],[\"sd-popover.cjs\",[[512,\"sd-popover\",{\"show\":[1028],\"placement\":[513],\"color\":[513],\"icon\":[513],\"iconSize\":[514,\"icon-size\"],\"label\":[1],\"buttonSize\":[513,\"button-size\"],\"buttonVariant\":[513,\"button-variant\"],\"menuTitle\":[513,\"title\"],\"messages\":[16],\"buttons\":[16],\"menuClass\":[1,\"menu-class\"],\"noHover\":[4,\"no-hover\"],\"useClose\":[4,\"use-close\"],\"showPopover\":[32],\"slotContent\":[32]},null,{\"show\":[{\"watchShowHandler\":0}]}]]],[\"sd-toast.cjs\",[[512,\"sd-toast\",{\"icon\":[1],\"message\":[1],\"link\":[1],\"linkLabel\":[1,\"link-label\"],\"buttonLabel\":[1,\"button-label\"],\"useClose\":[4,\"use-close\"],\"type\":[1],\"isVisible\":[32]}]]],[\"sd-file-picker.cjs\",[[512,\"sd-file-picker\",{\"value\":[1040],\"placeholder\":[1],\"disabled\":[4],\"inline\":[4],\"multiple\":[4],\"accept\":[1],\"internalValue\":[32],\"hovered\":[32],\"showTooltip\":[32]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-radio-group.cjs\",[[512,\"sd-radio-group\",{\"value\":[1544],\"radioOptions\":[1040],\"direction\":[1],\"disabled\":[4],\"groupName\":[1,\"group-name\"]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-tabs.cjs\",[[512,\"sd-tabs\",{\"value\":[1537],\"tabs\":[1040],\"size\":[1],\"isSub\":[4,\"is-sub\"]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-badge.cjs\",[[512,\"sd-badge\",{\"size\":[1],\"color\":[1],\"label\":[1]}]]],[\"sd-card.cjs\",[[772,\"sd-card\",{\"bordered\":[4],\"sdClass\":[1,\"sd-class\"]}]]],[\"sd-form.cjs\",[[772,\"sd-form\",{\"formClass\":[1,\"form-class\"],\"sdRegisterField\":[64],\"sdUnregisterField\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64]}]]],[\"sd-progress.cjs\",[[512,\"sd-progress\",{\"type\":[1],\"error\":[4],\"percentage\":[2],\"size\":[2],\"strokeWidth\":[2,\"stroke-width\"],\"label\":[1]}]]],[\"sd-radio-button-group.cjs\",[[512,\"sd-radio-button-group\",{\"value\":[1032],\"radioOptions\":[1040],\"size\":[1],\"disabled\":[4],\"name\":[1]}]]],[\"sd-toggle.cjs\",[[512,\"sd-toggle\",{\"value\":[1028],\"label\":[1],\"disabled\":[4]}]]],[\"sd-toggle-button.cjs\",[[512,\"sd-toggle-button\",{\"value\":[1540],\"label\":[1],\"disabled\":[4],\"isActive\":[32]}]]],[\"sd-tag.cjs\",[[769,\"sd-tag\",{\"size\":[1],\"color\":[1],\"rounded\":[4],\"label\":[1],\"bgColor\":[1,\"bg-color\"],\"textColor\":[1,\"text-color\"]}]]],[\"sd-button_21.cjs\",[[772,\"sd-table\",{\"columns\":[16],\"rows\":[1040],\"selected\":[1040],\"rowKey\":[1,\"row-key\"],\"selectable\":[4],\"resizable\":[4],\"width\":[1],\"height\":[1],\"stickyHeader\":[4,\"sticky-header\"],\"stickyColumn\":[16],\"noDataLabel\":[1,\"no-data-label\"],\"isLoading\":[4,\"is-loading\"],\"pagination\":[16],\"useInternalPagination\":[4,\"use-internal-pagination\"],\"useRowsPerPageSelect\":[4,\"use-rows-per-page-select\"],\"rowsPerPageOption\":[16],\"useVirtualScroll\":[16],\"virtualRowHeight\":[2,\"virtual-row-height\"],\"virtualColumnWidth\":[2,\"virtual-column-width\"],\"virtualBufferSize\":[16],\"currentPage\":[32],\"innerRows\":[32],\"innerSelected\":[32],\"columnWidths\":[32],\"scrolledLeft\":[32],\"scrolledRight\":[32],\"virtualStartIndex\":[32],\"virtualEndIndex\":[32],\"scrollTopPosition\":[32],\"virtualStartColIdx\":[32],\"virtualEndColIdx\":[32],\"scrollLeftPosition\":[32]},null,{\"columns\":[{\"handleColumnsChange\":0}],\"useVirtualScroll\":[{\"handleUseVirtualScrollChange\":0}],\"virtualColumnWidth\":[{\"handleVirtualColumnWidthChange\":0}],\"selectable\":[{\"handleSelectableChange\":0}],\"stickyColumn\":[{\"handleStickyColumnChange\":0}],\"columnWidths\":[{\"handleColumnWidthsChange\":0}],\"rows\":[{\"handleRowsChange\":0}],\"selected\":[{\"handleSelectedChange\":0}],\"pagination\":[{\"handlePaginationChange\":0}]}],[514,\"sd-date-range-picker\",{\"value\":[1040],\"label\":[1],\"selectable\":[16],\"maxRange\":[2,\"max-range\"],\"disabled\":[4],\"placeholder\":[1],\"isOpen\":[32],\"dateRange\":[32],\"hoverDate\":[32],\"prevYear\":[32],\"prevMonth\":[32]},null,{\"value\":[{\"onValueChange\":0}]}],[512,\"sd-number-input\",{\"min\":[2],\"max\":[2],\"step\":[2],\"useButton\":[4,\"use-button\"],\"useDecimal\":[4,\"use-decimal\"],\"value\":[1032],\"label\":[1],\"insideLabel\":[4,\"inside-label\"],\"placeholder\":[1],\"disabled\":[4],\"width\":[8],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"inputStyle\":[16],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"internalValue\":[32],\"displayValue\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64],\"sdGetNativeElement\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}],[772,\"sd-modal-card\",{\"type\":[1],\"system\":[1],\"useCloseButton\":[4,\"use-close-button\"],\"modalTitle\":[1,\"modal-title\"],\"buttonFlexDirection\":[1,\"button-flex-direction\"],\"buttonProps\":[16],\"message\":[16],\"sdClass\":[1,\"sd-class\"]}],[512,\"sd-textarea\",{\"value\":[1025],\"name\":[1],\"disabled\":[4],\"autoFocus\":[4,\"auto-focus\"],\"textareaClass\":[1,\"textarea-class\"],\"helpText\":[1,\"help-text\"],\"maxLength\":[2,\"max-length\"],\"placeholder\":[1],\"internalValue\":[32],\"focused\":[32],\"hovered\":[32],\"sdFocus\":[64],\"getNativeElement\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}],[512,\"sd-select\",{\"value\":[1032],\"options\":[1040],\"placeholder\":[1],\"optionPlaceholder\":[1,\"option-placeholder\"],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"autoFocus\":[4,\"auto-focus\"],\"disabled\":[4],\"clearable\":[4],\"searchable\":[4],\"label\":[1],\"insideLabel\":[4,\"inside-label\"],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"rules\":[16],\"error\":[4],\"optionRenderer\":[16],\"isOpen\":[32],\"itemIndex\":[32],\"isScrolled\":[32],\"sdOpen\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"isOpen\":[{\"isOpenChanged\":0}]}],[512,\"sd-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"simple\":[4]}],[512,\"sd-loading-spinner\",{\"color\":[1]}],[512,\"sd-radio\",{\"value\":[1544],\"disabled\":[4],\"val\":[1],\"label\":[1]}],[514,\"sd-date-box\",{\"date\":[8],\"disabled\":[4],\"selected\":[4],\"isStartDate\":[4,\"is-start-date\"],\"isEndDate\":[4,\"is-end-date\"],\"isToday\":[4,\"is-today\"],\"inRange\":[4,\"in-range\"],\"type\":[1]}],[772,\"sd-select-dropdown\",{\"itemIndex\":[1026,\"item-index\"],\"value\":[8],\"options\":[16],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"searchable\":[4],\"optionPlaceholder\":[1,\"option-placeholder\"],\"useCheckbox\":[4,\"use-checkbox\"],\"useAll\":[4,\"use-all\"],\"filteredOptions\":[32],\"searchText\":[32],\"isScrolled\":[32],\"isDropdownReady\":[32]},null,{\"filteredOptions\":[{\"filteredOptionsChanged\":0}],\"searchText\":[{\"searchTextChanged\":0}],\"itemIndex\":[{\"itemIndexChanged\":0}]}],[512,\"sd-select-option\",{\"option\":[16],\"index\":[2],\"isSelected\":[4,\"is-selected\"],\"isFocused\":[4,\"is-focused\"],\"optionStyle\":[16],\"disabled\":[4],\"useCheckbox\":[4,\"use-checkbox\"],\"isHovered\":[32],\"sdIsDisabled\":[64]}],[512,\"sd-select-search-input\",{\"isScrolled\":[4,\"is-scrolled\"],\"searchText\":[1,\"search-text\"],\"sdGetNativeElement\":[64],\"sdSearchInputFocus\":[64]}],[512,\"sd-checkbox\",{\"value\":[1028],\"val\":[8],\"disabled\":[4],\"label\":[1],\"isChecked\":[32]},null,{\"value\":[{\"watchValueHandler\":0}]}],[772,\"sd-portal\",{\"to\":[1],\"parentRef\":[16],\"offset\":[16],\"zIndex\":[2,\"z-index\"],\"open\":[4]},[[9,\"scroll\",\"updatePosition\"],[9,\"resize\",\"updatePosition\"],[9,\"mousedown\",\"handleMouseDown\"],[8,\"click\",\"handleWindowClick\"]]],[772,\"sd-input\",{\"value\":[1032],\"type\":[1],\"insideLabel\":[4,\"inside-label\"],\"placeholder\":[1],\"disabled\":[4],\"clearable\":[4],\"width\":[8],\"barcode\":[4],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"label\":[1],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"inputStyle\":[16],\"internalValue\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}],[772,\"sd-field\",{\"name\":[1],\"rules\":[16],\"error\":[1028],\"disabled\":[1028],\"hovered\":[1028],\"focused\":[1028],\"status\":[1],\"label\":[1],\"insideLabel\":[4,\"inside-label\"],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"errorMsg\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64],\"sdFocus\":[64]}],[512,\"sd-tooltip\",{\"trigger\":[1],\"placement\":[1],\"color\":[1],\"type\":[1],\"icon\":[1],\"iconSize\":[2,\"icon-size\"],\"label\":[1],\"buttonSize\":[1,\"button-size\"],\"buttonVariant\":[1,\"button-variant\"],\"noHover\":[4,\"no-hover\"],\"useClose\":[4,\"use-close\"],\"showTooltip\":[32],\"slotContentHTML\":[32]}],[772,\"sd-floating-portal\",{\"to\":[1],\"parentRef\":[16],\"offset\":[16],\"zIndex\":[2,\"z-index\"],\"placement\":[1],\"open\":[4]},[[9,\"scroll\",\"updatePosition\"],[9,\"resize\",\"updatePosition\"],[9,\"mousedown\",\"handleMouseDown\"],[8,\"click\",\"handleWindowClick\"]]],[512,\"sd-button\",{\"variant\":[1],\"size\":[1],\"color\":[1],\"label\":[1],\"disabled\":[4],\"type\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"iconSize\":[2,\"icon-size\"],\"iconRight\":[1,\"icon-right\"],\"noHover\":[4,\"no-hover\"],\"sdClass\":[1,\"sd-class\"]}],[512,\"sd-icon\",{\"name\":[1],\"size\":[8],\"color\":[1],\"rotate\":[2],\"label\":[1],\"iconStyle\":[16]}]]],[\"sd-select-option-group.cjs\",[[512,\"sd-select-option-group\",{\"option\":[16],\"index\":[2],\"isSelected\":[4,\"is-selected\"],\"isFocused\":[4,\"is-focused\"],\"optionStyle\":[16],\"disabled\":[4],\"useCheckbox\":[4,\"use-checkbox\"],\"useIndicator\":[4,\"use-indicator\"],\"countInfo\":[16],\"isHovered\":[32],\"isDisabled\":[64]}]]]]"), options);
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy(JSON.parse("[[\"sd-select-multiple.cjs\",[[512,\"sd-select-multiple\",{\"value\":[1040],\"options\":[1040],\"placeholder\":[1],\"optionPlaceholder\":[1,\"option-placeholder\"],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"autoFocus\":[4,\"auto-focus\"],\"disabled\":[4],\"clearable\":[4],\"searchable\":[4],\"useAll\":[4,\"use-all\"],\"useCheckbox\":[4,\"use-checkbox\"],\"label\":[1],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"rules\":[16],\"error\":[4],\"optionRenderer\":[16],\"isOpen\":[32],\"itemIndex\":[32],\"isScrolled\":[32],\"sdOpen\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"isOpen\":[{\"isOpenChanged\":0}]}]]],[\"sd-select-multiple-group.cjs\",[[772,\"sd-select-multiple-group\",{\"value\":[1040],\"options\":[1040],\"placeholder\":[1],\"optionPlaceholder\":[1,\"option-placeholder\"],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"disabled\":[4],\"clearable\":[4],\"searchable\":[4],\"useCheckbox\":[4,\"use-checkbox\"],\"useAll\":[4,\"use-all\"],\"allCheckedLabel\":[1,\"all-checked-label\"],\"allCheckOptionLabel\":[1,\"all-check-option-label\"],\"label\":[1],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"rules\":[16],\"error\":[4],\"containerStyle\":[16],\"triggerStyle\":[16],\"dropdownStyle\":[16],\"optionStyle\":[16],\"labelStyle\":[16],\"optionRenderer\":[16],\"filteredOptions\":[32],\"isOpen\":[32],\"searchText\":[32],\"itemIndex\":[32],\"isScrolled\":[32],\"isDropdownReady\":[32],\"sdOpen\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"options\":[{\"optionsChanged\":0}],\"searchText\":[{\"searchTextChanged\":0}],\"itemIndex\":[{\"itemIndexChanged\":0}],\"isOpen\":[{\"isOpenChanged\":0}]}]]],[\"sd-date-picker.cjs\",[[514,\"sd-date-picker\",{\"value\":[1537],\"label\":[1],\"selectable\":[16],\"disabled\":[4],\"placeholder\":[1],\"isOpen\":[32],\"currentDate\":[32],\"currentYear\":[32],\"currentMonth\":[32]}]]],[\"sd-guide.cjs\",[[512,\"sd-guide\",{\"type\":[1],\"label\":[1],\"message\":[1],\"guideUrl\":[1,\"guide-url\"],\"popupTitle\":[1,\"popup-title\"],\"popupWidth\":[2,\"popup-width\"],\"popupShow\":[32]}]]],[\"sd-popover.cjs\",[[512,\"sd-popover\",{\"show\":[1028],\"placement\":[513],\"color\":[513],\"icon\":[513],\"iconSize\":[514,\"icon-size\"],\"label\":[1],\"buttonSize\":[513,\"button-size\"],\"buttonVariant\":[513,\"button-variant\"],\"menuTitle\":[513,\"title\"],\"messages\":[16],\"buttons\":[16],\"menuClass\":[1,\"menu-class\"],\"noHover\":[4,\"no-hover\"],\"useClose\":[4,\"use-close\"],\"showPopover\":[32],\"slotContent\":[32]},null,{\"show\":[{\"watchShowHandler\":0}]}]]],[\"sd-dropdown-button.cjs\",[[512,\"sd-dropdown-button\",{\"name\":[1],\"label\":[1],\"items\":[16],\"disabled\":[4],\"isOpen\":[32],\"itemIndex\":[32],\"sdOpen\":[64],\"sdClose\":[64]},null,{\"isOpen\":[{\"handleOpenChange\":0}]}]]],[\"sd-tabs.cjs\",[[512,\"sd-tabs\",{\"value\":[1537],\"tabs\":[1040],\"size\":[1],\"isSub\":[4,\"is-sub\"]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-toast.cjs\",[[512,\"sd-toast\",{\"icon\":[1],\"message\":[1],\"link\":[1],\"linkLabel\":[1,\"link-label\"],\"buttonLabel\":[1,\"button-label\"],\"useClose\":[4,\"use-close\"],\"type\":[1],\"isVisible\":[32]}]]],[\"sd-button-v2.cjs\",[[512,\"sd-button-v2\",{\"name\":[1],\"label\":[1],\"icon\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"type\":[1]}]]],[\"sd-file-picker.cjs\",[[512,\"sd-file-picker\",{\"value\":[1040],\"placeholder\":[1],\"disabled\":[4],\"inline\":[4],\"multiple\":[4],\"accept\":[1],\"internalValue\":[32],\"hovered\":[32],\"showTooltip\":[32]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-radio-group.cjs\",[[512,\"sd-radio-group\",{\"value\":[1544],\"radioOptions\":[1040],\"direction\":[1],\"disabled\":[4],\"groupName\":[1,\"group-name\"]},null,{\"value\":[{\"valueChanged\":0}]}]]],[\"sd-badge.cjs\",[[512,\"sd-badge\",{\"size\":[1],\"color\":[1],\"label\":[1]}]]],[\"sd-card.cjs\",[[772,\"sd-card\",{\"bordered\":[4],\"sdClass\":[1,\"sd-class\"]}]]],[\"sd-form.cjs\",[[772,\"sd-form\",{\"formClass\":[1,\"form-class\"],\"sdRegisterField\":[64],\"sdUnregisterField\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64]}]]],[\"sd-progress.cjs\",[[512,\"sd-progress\",{\"type\":[1],\"error\":[4],\"percentage\":[2],\"size\":[2],\"strokeWidth\":[2,\"stroke-width\"],\"label\":[1]}]]],[\"sd-radio-button-group.cjs\",[[512,\"sd-radio-button-group\",{\"value\":[1032],\"radioOptions\":[1040],\"size\":[1],\"disabled\":[4],\"name\":[1]}]]],[\"sd-toggle.cjs\",[[512,\"sd-toggle\",{\"value\":[1028],\"label\":[1],\"disabled\":[4]}]]],[\"sd-toggle-button.cjs\",[[512,\"sd-toggle-button\",{\"value\":[1540],\"label\":[1],\"disabled\":[4],\"isActive\":[32]}]]],[\"sd-button_21.cjs\",[[772,\"sd-table\",{\"columns\":[16],\"rows\":[1040],\"selected\":[1040],\"rowKey\":[1,\"row-key\"],\"selectable\":[4],\"resizable\":[4],\"width\":[1],\"height\":[1],\"stickyHeader\":[4,\"sticky-header\"],\"stickyColumn\":[16],\"noDataLabel\":[1,\"no-data-label\"],\"isLoading\":[4,\"is-loading\"],\"pagination\":[16],\"useInternalPagination\":[4,\"use-internal-pagination\"],\"useRowsPerPageSelect\":[4,\"use-rows-per-page-select\"],\"rowsPerPageOption\":[16],\"useVirtualScroll\":[16],\"virtualRowHeight\":[2,\"virtual-row-height\"],\"virtualColumnWidth\":[2,\"virtual-column-width\"],\"virtualBufferSize\":[16],\"currentPage\":[32],\"innerRows\":[32],\"innerSelected\":[32],\"columnWidths\":[32],\"scrolledLeft\":[32],\"scrolledRight\":[32],\"virtualStartIndex\":[32],\"virtualEndIndex\":[32],\"scrollTopPosition\":[32],\"virtualStartColIdx\":[32],\"virtualEndColIdx\":[32],\"scrollLeftPosition\":[32]},null,{\"columns\":[{\"handleColumnsChange\":0}],\"useVirtualScroll\":[{\"handleUseVirtualScrollChange\":0}],\"virtualColumnWidth\":[{\"handleVirtualColumnWidthChange\":0}],\"selectable\":[{\"handleSelectableChange\":0}],\"stickyColumn\":[{\"handleStickyColumnChange\":0}],\"columnWidths\":[{\"handleColumnWidthsChange\":0}],\"rows\":[{\"handleRowsChange\":0}],\"selected\":[{\"handleSelectedChange\":0}],\"pagination\":[{\"handlePaginationChange\":0}]}],[514,\"sd-date-range-picker\",{\"value\":[1040],\"label\":[1],\"selectable\":[16],\"maxRange\":[2,\"max-range\"],\"disabled\":[4],\"placeholder\":[1],\"isOpen\":[32],\"dateRange\":[32],\"hoverDate\":[32],\"prevYear\":[32],\"prevMonth\":[32]},null,{\"value\":[{\"onValueChange\":0}]}],[512,\"sd-number-input\",{\"min\":[2],\"max\":[2],\"step\":[2],\"useButton\":[4,\"use-button\"],\"useDecimal\":[4,\"use-decimal\"],\"value\":[1032],\"label\":[1],\"insideLabel\":[4,\"inside-label\"],\"placeholder\":[1],\"disabled\":[4],\"width\":[8],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"inputStyle\":[16],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"internalValue\":[32],\"displayValue\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64],\"sdGetNativeElement\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}],[772,\"sd-modal-card\",{\"type\":[1],\"system\":[1],\"useCloseButton\":[4,\"use-close-button\"],\"modalTitle\":[1,\"modal-title\"],\"buttonFlexDirection\":[1,\"button-flex-direction\"],\"buttonProps\":[16],\"message\":[16],\"sdClass\":[1,\"sd-class\"]}],[512,\"sd-textarea\",{\"value\":[1025],\"name\":[1],\"disabled\":[4],\"autoFocus\":[4,\"auto-focus\"],\"textareaClass\":[1,\"textarea-class\"],\"helpText\":[1,\"help-text\"],\"maxLength\":[2,\"max-length\"],\"placeholder\":[1],\"internalValue\":[32],\"focused\":[32],\"hovered\":[32],\"sdFocus\":[64],\"getNativeElement\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}],[512,\"sd-select\",{\"value\":[1032],\"options\":[1040],\"placeholder\":[1],\"optionPlaceholder\":[1,\"option-placeholder\"],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"autoFocus\":[4,\"auto-focus\"],\"disabled\":[4],\"clearable\":[4],\"searchable\":[4],\"label\":[1],\"insideLabel\":[4,\"inside-label\"],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"rules\":[16],\"error\":[4],\"optionRenderer\":[16],\"isOpen\":[32],\"itemIndex\":[32],\"isScrolled\":[32],\"sdOpen\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"isOpen\":[{\"isOpenChanged\":0}]}],[512,\"sd-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"simple\":[4]}],[512,\"sd-loading-spinner\",{\"color\":[1]}],[512,\"sd-radio\",{\"value\":[1544],\"disabled\":[4],\"val\":[1],\"label\":[1]}],[514,\"sd-date-box\",{\"date\":[8],\"disabled\":[4],\"selected\":[4],\"isStartDate\":[4,\"is-start-date\"],\"isEndDate\":[4,\"is-end-date\"],\"isToday\":[4,\"is-today\"],\"inRange\":[4,\"in-range\"],\"type\":[1]}],[772,\"sd-select-dropdown\",{\"itemIndex\":[1026,\"item-index\"],\"value\":[8],\"options\":[16],\"width\":[1],\"dropdownHeight\":[1,\"dropdown-height\"],\"searchable\":[4],\"optionPlaceholder\":[1,\"option-placeholder\"],\"useCheckbox\":[4,\"use-checkbox\"],\"useAll\":[4,\"use-all\"],\"filteredOptions\":[32],\"searchText\":[32],\"isScrolled\":[32],\"isDropdownReady\":[32]},null,{\"filteredOptions\":[{\"filteredOptionsChanged\":0}],\"searchText\":[{\"searchTextChanged\":0}],\"itemIndex\":[{\"itemIndexChanged\":0}]}],[512,\"sd-select-option\",{\"option\":[16],\"index\":[2],\"isSelected\":[4,\"is-selected\"],\"isFocused\":[4,\"is-focused\"],\"optionStyle\":[16],\"disabled\":[4],\"useCheckbox\":[4,\"use-checkbox\"],\"isHovered\":[32],\"sdIsDisabled\":[64]}],[512,\"sd-select-search-input\",{\"isScrolled\":[4,\"is-scrolled\"],\"searchText\":[1,\"search-text\"],\"sdGetNativeElement\":[64],\"sdSearchInputFocus\":[64]}],[512,\"sd-checkbox\",{\"value\":[1028],\"val\":[8],\"disabled\":[4],\"label\":[1],\"isChecked\":[32]},null,{\"value\":[{\"watchValueHandler\":0}]}],[772,\"sd-input\",{\"value\":[1032],\"type\":[1],\"insideLabel\":[4,\"inside-label\"],\"placeholder\":[1],\"disabled\":[4],\"clearable\":[4],\"width\":[8],\"barcode\":[4],\"rules\":[16],\"autoFocus\":[4,\"auto-focus\"],\"status\":[1],\"inputClass\":[1,\"input-class\"],\"readonly\":[4],\"error\":[1028],\"focused\":[1028],\"hovered\":[1028],\"label\":[1],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"inputStyle\":[16],\"internalValue\":[32],\"sdGetNativeElement\":[64],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidate\":[64],\"sdFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"internalValue\":[{\"internalValueChanged\":0}]}],[772,\"sd-portal\",{\"to\":[1],\"parentRef\":[16],\"offset\":[16],\"zIndex\":[2,\"z-index\"],\"open\":[4]},[[9,\"scroll\",\"updatePosition\"],[9,\"resize\",\"updatePosition\"],[9,\"mousedown\",\"handleMouseDown\"],[8,\"click\",\"handleWindowClick\"]],{\"open\":[{\"handleOpenChange\":0}]}],[772,\"sd-field\",{\"name\":[1],\"rules\":[16],\"error\":[1028],\"disabled\":[1028],\"hovered\":[1028],\"focused\":[1028],\"status\":[1],\"label\":[1],\"insideLabel\":[4,\"inside-label\"],\"useLabelRequired\":[4,\"use-label-required\"],\"labelTooltip\":[1,\"label-tooltip\"],\"labelTooltipProps\":[16],\"errorMsg\":[32],\"sdValidate\":[64],\"sdReset\":[64],\"sdResetValidation\":[64],\"sdFocus\":[64]}],[512,\"sd-tooltip\",{\"trigger\":[1],\"placement\":[1],\"color\":[1],\"type\":[1],\"icon\":[1],\"iconSize\":[2,\"icon-size\"],\"label\":[1],\"buttonSize\":[1,\"button-size\"],\"buttonVariant\":[1,\"button-variant\"],\"noHover\":[4,\"no-hover\"],\"useClose\":[4,\"use-close\"],\"showTooltip\":[32],\"slotContentHTML\":[32]}],[772,\"sd-floating-portal\",{\"to\":[1],\"parentRef\":[16],\"offset\":[16],\"zIndex\":[2,\"z-index\"],\"placement\":[1],\"open\":[4]},[[9,\"scroll\",\"updatePosition\"],[9,\"resize\",\"updatePosition\"],[9,\"mousedown\",\"handleMouseDown\"],[8,\"click\",\"handleWindowClick\"]]],[512,\"sd-button\",{\"variant\":[1],\"size\":[1],\"color\":[1],\"label\":[1],\"disabled\":[4],\"type\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"iconSize\":[2,\"icon-size\"],\"iconRight\":[1,\"icon-right\"],\"noHover\":[4,\"no-hover\"],\"sdClass\":[1,\"sd-class\"]}],[512,\"sd-icon\",{\"name\":[1],\"size\":[8],\"color\":[1],\"rotate\":[2],\"label\":[1],\"iconStyle\":[16]}]]],[\"sd-select-option-group.cjs\",[[512,\"sd-select-option-group\",{\"option\":[16],\"index\":[2],\"isSelected\":[4,\"is-selected\"],\"isFocused\":[4,\"is-focused\"],\"optionStyle\":[16],\"disabled\":[4],\"useCheckbox\":[4,\"use-checkbox\"],\"useIndicator\":[4,\"use-indicator\"],\"countInfo\":[16],\"isHovered\":[32],\"isDisabled\":[64]}]]],[\"sd-tag.cjs\",[[512,\"sd-tag\",{\"name\":[1],\"label\":[1],\"icon\":[1],\"isLeft\":[4,\"is-left\"]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{index-D-PnW6jc.js → index-Qvv0fGgj.js}

@@ -1,10 +1,7 @@
 'use strict';
 
 const NAMESPACE = 'design-system';
-const BUILD = /* design-system */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, slotRelocation: true, state: true, updatable: true};
-
-const globalScripts = () => {};
-const globalStyles = ":root{--color-primary:#051D36;--sd-primary:#051D36;--color-secondary:#555555;--sd-secondary:#555555;--color-accent:#9C27B0;--sd-accent:#9C27B0;--color-positive:#0075FF;--sd-positive:#0075FF;--color-negative:#E30000;--sd-negative:#E30000;--color-info:#00CD52;--sd-info:#00CD52;--color-warning:#F2C037;--sd-warning:#F2C037;--color-caution_bg:#FEF1F1;--sd-caution_bg:#FEF1F1;--color-caution_icon:#FD9595;--sd-caution_icon:#FD9595;--color-header_alert:#FF7A00;--sd-header_alert:#FF7A00;--color-black:#000000;--sd-black:#000000;--color-grey_10:#F6F6F6;--sd-grey_10:#F6F6F6;--color-grey_20:#EEEEEE;--sd-grey_20:#EEEEEE;--color-grey_25:#E5E5E5;--sd-grey_25:#E5E5E5;--color-grey_30:#E1E1E1;--sd-grey_30:#E1E1E1;--color-grey_35:#D8D8D8;--sd-grey_35:#D8D8D8;--color-grey_45:#CCCCCC;--sd-grey_45:#CCCCCC;--color-grey_50:#BBBBBB;--sd-grey_50:#BBBBBB;--color-grey_55:#AAAAAA;--sd-grey_55:#AAAAAA;--color-grey_60:#999999;--sd-grey_60:#999999;--color-grey_65:#888888;--sd-grey_65:#888888;--color-grey_70:#737373;--sd-grey_70:#737373;--color-grey_80:#555555;--sd-grey_80:#555555;--color-grey_85:#444444;--sd-grey_85:#444444;--color-grey_90:#333333;--sd-grey_90:#333333;--color-grey_95:#222222;--sd-grey_95:#222222;--color-grey_05:#F9F9F9;--sd-grey_05:#F9F9F9;--color-white:#FFFFFF;--sd-white:#FFFFFF;--color-red_15:#FCEFEF;--sd-red_15:#FCEFEF;--color-red_20:#FCE6E6;--sd-red_20:#FCE6E6;--color-red_30:#FFD3D3;--sd-red_30:#FFD3D3;--color-red_45:#FFB5B5;--sd-red_45:#FFB5B5;--color-red_60:#FF7C7C;--sd-red_60:#FF7C7C;--color-red_70:#FB4444;--sd-red_70:#FB4444;--color-red_75:#E30000;--sd-red_75:#E30000;--color-red_80:#AD0000;--sd-red_80:#AD0000;--color-red_85:#820000;--sd-red_85:#820000;--color-red_90:#5E0000;--sd-red_90:#5E0000;--color-red_95:#440000;--sd-red_95:#440000;--color-red_99:#220000;--sd-red_99:#220000;--color-orange_10:#FEF1EA;--sd-orange_10:#FEF1EA;--color-orange_20:#FFEAD7;--sd-orange_20:#FFEAD7;--color-orange_35:#FFD5AF;--sd-orange_35:#FFD5AF;--color-orange_45:#FFBC81;--sd-orange_45:#FFBC81;--color-orange_55:#FFA452;--sd-orange_55:#FFA452;--color-orange_60:#FF7F22;--sd-orange_60:#FF7F22;--color-orange_65:#FF6B00;--sd-orange_65:#FF6B00;--color-orange_75:#CE4900;--sd-orange_75:#CE4900;--color-orange_85:#9B3700;--sd-orange_85:#9B3700;--color-orange_90:#752A00;--sd-orange_90:#752A00;--color-orange_95:#4D1B00;--sd-orange_95:#4D1B00;--color-orange_99:#2F1100;--sd-orange_99:#2F1100;--color-yellow_10:#FFF7DD;--sd-yellow_10:#FFF7DD;--color-yellow_20:#FEF1C4;--sd-yellow_20:#FEF1C4;--color-yellow_25:#FFE99E;--sd-yellow_25:#FFE99E;--color-yellow_30:#FEE17C;--sd-yellow_30:#FEE17C;--color-yellow_40:#FFD643;--sd-yellow_40:#FFD643;--color-yellow_45:#FFC700;--sd-yellow_45:#FFC700;--color-yellow_50:#EBB110;--sd-yellow_50:#EBB110;--color-yellow_60:#CA9612;--sd-yellow_60:#CA9612;--color-yellow_70:#916C0D;--sd-yellow_70:#916C0D;--color-yellow_80:#6C5002;--sd-yellow_80:#6C5002;--color-yellow_90:#453602;--sd-yellow_90:#453602;--color-yellow_95:#322700;--sd-yellow_95:#322700;--color-olive_10:#FBFBBF;--sd-olive_10:#FBFBBF;--color-olive_15:#FAFAA1;--sd-olive_15:#FAFAA1;--color-olive_20:#F6F65F;--sd-olive_20:#F6F65F;--color-olive_30:#EEEE37;--sd-olive_30:#EEEE37;--color-olive_45:#DDDD12;--sd-olive_45:#DDDD12;--color-olive_55:#C7C700;--sd-olive_55:#C7C700;--color-olive_65:#A5A500;--sd-olive_65:#A5A500;--color-olive_70:#838300;--sd-olive_70:#838300;--color-olive_80:#636300;--sd-olive_80:#636300;--color-olive_90:#454500;--sd-olive_90:#454500;--color-olive_95:#2C2C00;--sd-olive_95:#2C2C00;--color-olive_05:#FEFED9;--sd-olive_05:#FEFED9;--color-green_15:#E8F9EF;--sd-green_15:#E8F9EF;--color-green_25:#D4FAE3;--sd-green_25:#D4FAE3;--color-green_45:#ACF4C9;--sd-green_45:#ACF4C9;--color-green_55:#6DE39C;--sd-green_55:#6DE39C;--color-green_65:#2BCE6C;--sd-green_65:#2BCE6C;--color-green_70:#12B553;--sd-green_70:#12B553;--color-green_75:#00973C;--sd-green_75:#00973C;--color-green_80:#007B31;--sd-green_80:#007B31;--color-green_85:#006629;--sd-green_85:#006629;--color-green_90:#00461C;--sd-green_90:#00461C;--color-green_95:#003013;--sd-green_95:#003013;--color-green_99:#001D0B;--sd-green_99:#001D0B;--color-steelblue_10:#ECF8FD;--sd-steelblue_10:#ECF8FD;--color-steelblue_25:#D9F2FD;--sd-steelblue_25:#D9F2FD;--color-steelblue_45:#A4E2FD;--sd-steelblue_45:#A4E2FD;--color-steelblue_60:#50BFF0;--sd-steelblue_60:#50BFF0;--color-steelblue_65:#229FD7;--sd-steelblue_65:#229FD7;--color-steelblue_70:#128FC7;--sd-steelblue_70:#128FC7;--color-steelblue_75:#066D9B;--sd-steelblue_75:#066D9B;--color-steelblue_80:#06587D;--sd-steelblue_80:#06587D;--color-steelblue_85:#033F59;--sd-steelblue_85:#033F59;--color-steelblue_90:#032D40;--sd-steelblue_90:#032D40;--color-steelblue_95:#02212F;--sd-steelblue_95:#02212F;--color-steelblue_99:#021A25;--sd-steelblue_99:#021A25;--color-oceanblue_15:#EAF5FE;--sd-oceanblue_15:#EAF5FE;--color-oceanblue_25:#D5EBFE;--sd-oceanblue_25:#D5EBFE;--color-oceanblue_50:#9CD1FC;--sd-oceanblue_50:#9CD1FC;--color-oceanblue_60:#5CB0F3;--sd-oceanblue_60:#5CB0F3;--color-oceanblue_65:#1F8AE1;--sd-oceanblue_65:#1F8AE1;--color-oceanblue_70:#006AC1;--sd-oceanblue_70:#006AC1;--color-oceanblue_75:#025497;--sd-oceanblue_75:#025497;--color-oceanblue_80:#004177;--sd-oceanblue_80:#004177;--color-oceanblue_85:#07284A;--sd-oceanblue_85:#07284A;--color-oceanblue_90:#051D36;--sd-oceanblue_90:#051D36;--color-oceanblue_95:#03172D;--sd-oceanblue_95:#03172D;--color-oceanblue_99:#011428;--sd-oceanblue_99:#011428;--color-brilliantblue_10:#EFF6FF;--sd-brilliantblue_10:#EFF6FF;--color-brilliantblue_20:#E6F1FF;--sd-brilliantblue_20:#E6F1FF;--color-brilliantblue_25:#D9EAFF;--sd-brilliantblue_25:#D9EAFF;--color-brilliantblue_40:#BBDAFF;--sd-brilliantblue_40:#BBDAFF;--color-brilliantblue_50:#93C4FF;--sd-brilliantblue_50:#93C4FF;--color-brilliantblue_60:#64ABFF;--sd-brilliantblue_60:#64ABFF;--color-brilliantblue_70:#2D8DFF;--sd-brilliantblue_70:#2D8DFF;--color-brilliantblue_75:#0075FF;--sd-brilliantblue_75:#0075FF;--color-brilliantblue_80:#005CC9;--sd-brilliantblue_80:#005CC9;--color-brilliantblue_85:#004290;--sd-brilliantblue_85:#004290;--color-brilliantblue_90:#002B5E;--sd-brilliantblue_90:#002B5E;--color-brilliantblue_95:#001B39;--sd-brilliantblue_95:#001B39;--color-brilliantblue_99:#001226;--sd-brilliantblue_99:#001226;--color-brilliantblue_05:#F5FAFF;--sd-brilliantblue_05:#F5FAFF;--sd-system-typography-control-xs-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-xs-font-size:12px;--sd-system-typography-control-xs-font-weight:500;--sd-system-typography-control-xs-text-decoration:none;--sd-system-typography-control-sm-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-sm-font-size:12px;--sd-system-typography-control-sm-font-weight:500;--sd-system-typography-control-sm-text-decoration:none;--sd-system-typography-control-md-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-md-font-size:16px;--sd-system-typography-control-md-font-weight:500;--sd-system-typography-control-md-text-decoration:none;--sd-system-typography-control-lg-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-lg-font-size:18px;--sd-system-typography-control-lg-font-weight:500;--sd-system-typography-control-lg-text-decoration:none;--sd-system-size-control-xs-height:24px;--sd-system-size-control-sm-height:28px;--sd-system-size-control-md-height:34px;--sd-system-size-control-lg-height:62px;--sd-system-size-icon-xs:12px;--sd-system-size-icon-sm:16px;--sd-system-size-icon-md:20px;--sd-system-size-icon-lg:24px;--sd-system-space-control-xs-padding-x:8px;--sd-system-space-control-xs-gap:4px;--sd-system-space-control-sm-padding-x:12px;--sd-system-space-control-sm-gap:6px;--sd-system-space-control-md-padding-x:20px;--sd-system-space-control-md-gap:8px;--sd-system-space-control-lg-padding-x:28px;--sd-system-space-control-lg-gap:12px;--sd-system-radius-control-default:4px;--sd-system-border-width-control-default:1px;--sd-system-color-bg-screen:#EEEEEE;--sd-system-color-bg-frame:#FFFFFF;--sd-system-color-bg-brand:#025497;--sd-system-color-bg-subtle:#1F8AE1;--sd-system-color-bg-accent-default:#0075FF;--sd-system-color-bg-accent-light:#F5FAFF;--sd-system-color-bg-danger-default:#E30000;--sd-system-color-bg-danger-light:#FCEFEF;--sd-system-color-bg-warning:#FF6B00;--sd-system-color-bg-progress:#0075FF;--sd-system-color-bg-success-default:#00973C;--sd-system-color-bg-success-light:#12B553;--sd-system-color-text-primary:#222222;--sd-system-color-text-secondary:#333333;--sd-system-color-text-tertiary:#555555;--sd-system-color-text-quaternary:#888888;--sd-system-color-text-brand:#005CC9;--sd-system-color-text-subtle:#066D9B;--sd-system-color-text-accent:#0075FF;--sd-system-color-text-danger-default:#E30000;--sd-system-color-text-danger-light:#FB4444;--sd-system-color-text-warning:#FF6B00;--sd-system-color-text-inverse:#FFFFFF;--sd-system-color-link-accent:#006AC1;--sd-system-color-icon-brand:#025497;--sd-system-color-icon-accent:#0075FF;--sd-system-color-icon-danger:#E30000;--sd-system-color-icon-success:#00973C;--sd-system-color-icon-inverse:#FFFFFF;--sd-system-color-control-bg-disabled:#E1E1E1;--sd-system-color-control-border-disabled:#CCCCCC;--sd-system-color-control-content-disabled:#888888;--sd-button-xs-height:24px;--sd-button-xs-padding-x:8px;--sd-button-xs-gap:4px;--sd-button-xs-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-button-xs-typography-font-size:12px;--sd-button-xs-typography-font-weight:500;--sd-button-xs-typography-text-decoration:none;--sd-button-sm-height:28px;--sd-button-sm-padding-x:12px;--sd-button-sm-gap:6px;--sd-button-sm-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-button-sm-typography-font-size:12px;--sd-button-sm-typography-font-weight:500;--sd-button-sm-typography-text-decoration:none;--sd-button-md-height:34px;--sd-button-md-padding-x:20px;--sd-button-md-gap:8px;--sd-button-md-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-button-md-typography-font-size:16px;--sd-button-md-typography-font-weight:500;--sd-button-md-typography-text-decoration:none;--sd-button-lg-height:62px;--sd-button-lg-padding-x:28px;--sd-button-lg-gap:12px;--sd-button-lg-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-button-lg-typography-font-size:18px;--sd-button-lg-typography-font-weight:500;--sd-button-lg-typography-text-decoration:none;--sd-button-size-xs-icon:12px;--sd-button-size-sm-icon:16px;--sd-button-size-md-icon:20px;--sd-button-size-lg-icon:24px;--sd-button-radius-default:4px;--sd-button-border-width-default:1px;--sd-button-border-disabled:#CCCCCC;--sd-button-label-xs-min-width:36px;--sd-button-label-sm-min-width:70px;--sd-button-label-md-min-width:100px;--sd-button-label-lg-min-width:120px;--sd-button-leading-icon-xs-min-width:60px;--sd-button-leading-icon-sm-min-width:70px;--sd-button-leading-icon-md-min-width:100px;--sd-button-leading-icon-lg-min-width:120px;--sd-button-dropdown-xs-min-width:60px;--sd-button-dropdown-sm-min-width:76px;--sd-button-dropdown-md-min-width:106px;--sd-button-icon-only-xs-width:24px;--sd-button-icon-only-sm-width:28px;--sd-button-icon-only-md-width:34px;--sd-button-icon-only-lg-width:62px;--sd-button-bg-disabled:#E1E1E1;--sd-button-content-disabled:#888888;--sd-button-brand-strong-bg-default:#025497;--sd-button-brand-strong-bg-hover:#004177;--sd-button-brand-strong-content:#FFFFFF;--sd-button-brand-strong-dropdown-divider:#006AC1;--sd-button-brand-subtle-bg-default:#1F8AE1;--sd-button-brand-subtle-bg-hover:#006AC1;--sd-button-brand-subtle-content:#FFFFFF;--sd-button-brand-subtle-dropdown-divider:#5CB0F3;--sd-button-brand-outline-bg-default:#FFFFFF;--sd-button-brand-outline-bg-hover:#EAF5FE;--sd-button-brand-outline-border:#025497;--sd-button-brand-outline-content:#025497;--sd-button-neutral-subtle-bg-default:#FFFFFF;--sd-button-neutral-subtle-bg-hover:#EEEEEE;--sd-button-neutral-subtle-content:#333333;--sd-button-neutral-outline-bg-default:#FFFFFF;--sd-button-neutral-outline-bg-hover:#EEEEEE;--sd-button-neutral-outline-border:#888888;--sd-button-neutral-outline-content:#333333;--sd-button-danger-strong-bg-default:#E30000;--sd-button-danger-strong-bg-hover:#AD0000;--sd-button-danger-strong-content:#FFFFFF;--sd-button-danger-strong-dropdown-divider:#FF7C7C;--sd-button-danger-outline-bg-default:#FFFFFF;--sd-button-danger-outline-bg-hover:#FCEFEF;--sd-button-danger-outline-border:#E30000;--sd-button-danger-outline-content:#E30000}.bg-primary{background-color:var(--color-primary, #051d36)}.bg-secondary{background-color:var(--color-secondary, #555555)}.bg-accent{background-color:var(--color-accent, #9c27b0)}.bg-positive{background-color:var(--color-positive, #0075ff)}.bg-negative{background-color:var(--color-negative, #e30000)}.bg-info{background-color:var(--color-info, #00cd52)}.bg-warning{background-color:var(--color-warning, #f2c037)}.bg-red_99{background-color:var(--color-red_99, #220000)}.bg-red_95{background-color:var(--color-red_95, #440000)}.bg-red_90{background-color:var(--color-red_90, #5E0000)}.bg-red_85{background-color:var(--color-red_85, #820000)}.bg-red_80{background-color:var(--color-red_80, #AD0000)}.bg-red_75{background-color:var(--color-red_75, #E30000)}.bg-red_70{background-color:var(--color-red_70, #FB4444)}.bg-red_60{background-color:var(--color-red_60, #FF7C7C)}.bg-red_45{background-color:var(--color-red_45, #FFB5B5)}.bg-red_30{background-color:var(--color-red_30, #FFD3D3)}.bg-red_20{background-color:var(--color-red_20, #FCE6E6)}.bg-red_15{background-color:var(--color-red_15, #FCEFEF)}.bg-caution_bg{background-color:var(--color-caution_bg, #FEF1F1)}.bg-caution_icon{background-color:var(--color-caution_icon, #fd9595)}.bg-orange_99{background-color:var(--color-orange_99, #2F1100)}.bg-orange_95{background-color:var(--color-orange_95, #4D1B00)}.bg-orange_90{background-color:var(--color-orange_90, #752A00)}.bg-orange_85{background-color:var(--color-orange_85, #9B3700)}.bg-orange_75{background-color:var(--color-orange_75, #CE4900)}.bg-orange_65{background-color:var(--color-orange_65, #FF6B00)}.bg-orange_60{background-color:var(--color-orange_60, #FF7F22)}.bg-orange_55{background-color:var(--color-orange_55, #FFA452)}.bg-orange_45{background-color:var(--color-orange_45, #FFBC81)}.bg-orange_35{background-color:var(--color-orange_35, #FFD5AF)}.bg-orange_20{background-color:var(--color-orange_20, #FFEAD7)}.bg-orange_10{background-color:var(--color-orange_10, #FEF1EA)}.bg-header_alert{background-color:var(--color-header_alert, #FF7A00)}.bg-yellow_95{background-color:var(--color-yellow_95, #322700)}.bg-yellow_90{background-color:var(--color-yellow_90, #453702)}.bg-yellow_80{background-color:var(--color-yellow_80, #6C5602)}.bg-yellow_70{background-color:var(--color-yellow_70, #9C7A00)}.bg-yellow_60{background-color:var(--color-yellow_60, #C49900)}.bg-yellow_50{background-color:var(--color-yellow_50, #EBB800)}.bg-yellow_45{background-color:var(--color-yellow_45, #FFC700)}.bg-yellow_40{background-color:var(--color-yellow_40, #FFD643)}.bg-yellow_30{background-color:var(--color-yellow_30, #FEE17C)}.bg-yellow_25{background-color:var(--color-yellow_25, #FFE99E)}.bg-yellow_20{background-color:var(--color-yellow_20, #FEF1C4)}.bg-yellow_10{background-color:var(--color-yellow_10, #FFF7DD)}.bg-olive_95{background-color:var(--color-olive_95, #2C2C00)}.bg-olive_90{background-color:var(--color-olive_90, #454500)}.bg-olive_80{background-color:var(--color-olive_80, #636300)}.bg-olive_70{background-color:var(--color-olive_70, #838300)}.bg-olive_65{background-color:var(--color-olive_65, #A5A500)}.bg-olive_55{background-color:var(--color-olive_55, #C7C700)}.bg-olive_45{background-color:var(--color-olive_45, #DDDD12)}.bg-olive_30{background-color:var(--color-olive_30, #EEEE37)}.bg-olive_20{background-color:var(--color-olive_20, #F6F65F)}.bg-olive_15{background-color:var(--color-olive_15, #FAFAA1)}.bg-olive_10{background-color:var(--color-olive_10, #FBFBBF)}.bg-olive_05{background-color:var(--color-olive_05, #FEFED9)}.bg-green_99{background-color:var(--color-green_99, #001D0B)}.bg-green_95{background-color:var(--color-green_95, #003013)}.bg-green_90{background-color:var(--color-green_90, #00461C)}.bg-green_85{background-color:var(--color-green_85, #006629)}.bg-green_80{background-color:var(--color-green_80, #007B31)}.bg-green_75{background-color:var(--color-green_75, #00973C)}.bg-green_70{background-color:var(--color-green_70, #12B553)}.bg-green_65{background-color:var(--color-green_65, #2BCE6C)}.bg-green_55{background-color:var(--color-green_55, #6DE39C)}.bg-green_45{background-color:var(--color-green_45, #ACF4C9)}.bg-green_25{background-color:var(--color-green_25, #D4FAE3)}.bg-green_15{background-color:var(--color-green_15, #E8F9EF)}.bg-steelblue_99{background-color:var(--color-steelblue_99, #021a25)}.bg-steelblue_95{background-color:var(--color-steelblue_95, #02212f)}.bg-steelblue_90{background-color:var(--color-steelblue_90, #032d40)}.bg-steelblue_85{background-color:var(--color-steelblue_85, #033f59)}.bg-steelblue_80{background-color:var(--color-steelblue_80, #06587d)}.bg-steelblue_75{background-color:var(--color-steelblue_75, #066d9b)}.bg-steelblue_70{background-color:var(--color-steelblue_70, #128fc7)}.bg-steelblue_65{background-color:var(--color-steelblue_65, #229fd7)}.bg-steelblue_60{background-color:var(--color-steelblue_60, #50bff0)}.bg-steelblue_45{background-color:var(--color-steelblue_45, #a4e2fd)}.bg-steelblue_25{background-color:var(--color-steelblue_25, #d9f2fd)}.bg-steelblue_10{background-color:var(--color-steelblue_10, #ecf8fd)}.bg-oceanblue_99{background-color:var(--color-oceanblue_99, #011428)}.bg-oceanblue_95{background-color:var(--color-oceanblue_95, #03172d)}.bg-oceanblue_90{background-color:var(--color-oceanblue_90, #051d36)}.bg-oceanblue_85{background-color:var(--color-oceanblue_85, #07284a)}.bg-oceanblue_80{background-color:var(--color-oceanblue_80, #004177)}.bg-oceanblue_75{background-color:var(--color-oceanblue_75, #025497)}.bg-oceanblue_70{background-color:var(--color-oceanblue_70, #006ac1)}.bg-oceanblue_65{background-color:var(--color-oceanblue_65, #1f8ae1)}.bg-oceanblue_60{background-color:var(--color-oceanblue_60, #5cb0f3)}.bg-oceanblue_50{background-color:var(--color-oceanblue_50, #9cd1fc)}.bg-oceanblue_25{background-color:var(--color-oceanblue_25, #d5ebfe)}.bg-oceanblue_15{background-color:var(--color-oceanblue_15, #eaf5fe)}.bg-brilliantblue_99{background-color:var(--color-brilliantblue_99, #001226)}.bg-brilliantblue_95{background-color:var(--color-brilliantblue_95, #001b39)}.bg-brilliantblue_90{background-color:var(--color-brilliantblue_90, #002b5e)}.bg-brilliantblue_85{background-color:var(--color-brilliantblue_85, #004290)}.bg-brilliantblue_80{background-color:var(--color-brilliantblue_80, #005cc9)}.bg-brilliantblue_75{background-color:var(--color-brilliantblue_75, #0075ff)}.bg-brilliantblue_70{background-color:var(--color-brilliantblue_70, #2d8dff)}.bg-brilliantblue_60{background-color:var(--color-brilliantblue_60, #64abff)}.bg-brilliantblue_50{background-color:var(--color-brilliantblue_50, #93c4ff)}.bg-brilliantblue_40{background-color:var(--color-brilliantblue_40, #bbdaff)}.bg-brilliantblue_25{background-color:var(--color-brilliantblue_25, #d9eaff)}.bg-brilliantblue_20{background-color:var(--color-brilliantblue_20, #e6f1ff)}.bg-brilliantblue_10{background-color:var(--color-brilliantblue_10, #eff6ff)}.bg-brilliantblue_05{background-color:var(--color-brilliantblue_05, #f5faff)}.bg-grey_95{background-color:var(--color-grey_95, #222222)}.bg-grey_90{background-color:var(--color-grey_90, #333333)}.bg-grey_85{background-color:var(--color-grey_85, #444444)}.bg-grey_80{background-color:var(--color-grey_80, #555555)}.bg-grey_70{background-color:var(--color-grey_70, #737373)}.bg-grey_65{background-color:var(--color-grey_65, #888888)}.bg-grey_60{background-color:var(--color-grey_60, #999999)}.bg-grey_55{background-color:var(--color-grey_55, #aaaaaa)}.bg-grey_50{background-color:var(--color-grey_50, #bbbbbb)}.bg-grey_45{background-color:var(--color-grey_45, #cccccc)}.bg-grey_35{background-color:var(--color-grey_35, #D8D8D8)}.bg-grey_30{background-color:var(--color-grey_30, #e1e1e1)}.bg-grey_25{background-color:var(--color-grey_25, #E5E5E5)}.bg-grey_20{background-color:var(--color-grey_20, #eeeeee)}.bg-grey_10{background-color:var(--color-grey_10, #f6f6f6)}.bg-grey_05{background-color:var(--color-grey_05, #f9f9f9)}.bg-white{background-color:var(--color-white, #ffffff)}.bg-black{background-color:var(--color-black, #000000)}.text-primary{color:var(--color-primary, #051d36)}.text-secondary{color:var(--color-secondary, #555555)}.text-accent{color:var(--color-accent, #9c27b0)}.text-positive{color:var(--color-positive, #0075ff)}.text-negative{color:var(--color-negative, #e30000)}.text-info{color:var(--color-info, #00cd52)}.text-warning{color:var(--color-warning, #f2c037)}.text-red_99{color:var(--color-red_99, #220000)}.text-red_95{color:var(--color-red_95, #440000)}.text-red_90{color:var(--color-red_90, #5E0000)}.text-red_85{color:var(--color-red_85, #820000)}.text-red_80{color:var(--color-red_80, #AD0000)}.text-red_75{color:var(--color-red_75, #E30000)}.text-red_70{color:var(--color-red_70, #FB4444)}.text-red_60{color:var(--color-red_60, #FF7C7C)}.text-red_45{color:var(--color-red_45, #FFB5B5)}.text-red_30{color:var(--color-red_30, #FFD3D3)}.text-red_20{color:var(--color-red_20, #FCE6E6)}.text-red_15{color:var(--color-red_15, #FCEFEF)}.text-caution_bg{color:var(--color-caution_bg, #FEF1F1)}.text-caution_icon{color:var(--color-caution_icon, #fd9595)}.text-orange_99{color:var(--color-orange_99, #2F1100)}.text-orange_95{color:var(--color-orange_95, #4D1B00)}.text-orange_90{color:var(--color-orange_90, #752A00)}.text-orange_85{color:var(--color-orange_85, #9B3700)}.text-orange_75{color:var(--color-orange_75, #CE4900)}.text-orange_65{color:var(--color-orange_65, #FF6B00)}.text-orange_60{color:var(--color-orange_60, #FF7F22)}.text-orange_55{color:var(--color-orange_55, #FFA452)}.text-orange_45{color:var(--color-orange_45, #FFBC81)}.text-orange_35{color:var(--color-orange_35, #FFD5AF)}.text-orange_20{color:var(--color-orange_20, #FFEAD7)}.text-orange_10{color:var(--color-orange_10, #FEF1EA)}.text-header_alert{color:var(--color-header_alert, #FF7A00)}.text-yellow_95{color:var(--color-yellow_95, #322700)}.text-yellow_90{color:var(--color-yellow_90, #453702)}.text-yellow_80{color:var(--color-yellow_80, #6C5602)}.text-yellow_70{color:var(--color-yellow_70, #9C7A00)}.text-yellow_60{color:var(--color-yellow_60, #C49900)}.text-yellow_50{color:var(--color-yellow_50, #EBB800)}.text-yellow_45{color:var(--color-yellow_45, #FFC700)}.text-yellow_40{color:var(--color-yellow_40, #FFD643)}.text-yellow_30{color:var(--color-yellow_30, #FEE17C)}.text-yellow_25{color:var(--color-yellow_25, #FFE99E)}.text-yellow_20{color:var(--color-yellow_20, #FEF1C4)}.text-yellow_10{color:var(--color-yellow_10, #FFF7DD)}.text-olive_95{color:var(--color-olive_95, #2C2C00)}.text-olive_90{color:var(--color-olive_90, #454500)}.text-olive_80{color:var(--color-olive_80, #636300)}.text-olive_70{color:var(--color-olive_70, #838300)}.text-olive_65{color:var(--color-olive_65, #A5A500)}.text-olive_55{color:var(--color-olive_55, #C7C700)}.text-olive_45{color:var(--color-olive_45, #DDDD12)}.text-olive_30{color:var(--color-olive_30, #EEEE37)}.text-olive_20{color:var(--color-olive_20, #F6F65F)}.text-olive_15{color:var(--color-olive_15, #FAFAA1)}.text-olive_10{color:var(--color-olive_10, #FBFBBF)}.text-olive_05{color:var(--color-olive_05, #FEFED9)}.text-green_99{color:var(--color-green_99, #001D0B)}.text-green_95{color:var(--color-green_95, #003013)}.text-green_90{color:var(--color-green_90, #00461C)}.text-green_85{color:var(--color-green_85, #006629)}.text-green_80{color:var(--color-green_80, #007B31)}.text-green_75{color:var(--color-green_75, #00973C)}.text-green_70{color:var(--color-green_70, #12B553)}.text-green_65{color:var(--color-green_65, #2BCE6C)}.text-green_55{color:var(--color-green_55, #6DE39C)}.text-green_45{color:var(--color-green_45, #ACF4C9)}.text-green_25{color:var(--color-green_25, #D4FAE3)}.text-green_15{color:var(--color-green_15, #E8F9EF)}.text-steelblue_99{color:var(--color-steelblue_99, #021a25)}.text-steelblue_95{color:var(--color-steelblue_95, #02212f)}.text-steelblue_90{color:var(--color-steelblue_90, #032d40)}.text-steelblue_85{color:var(--color-steelblue_85, #033f59)}.text-steelblue_80{color:var(--color-steelblue_80, #06587d)}.text-steelblue_75{color:var(--color-steelblue_75, #066d9b)}.text-steelblue_70{color:var(--color-steelblue_70, #128fc7)}.text-steelblue_65{color:var(--color-steelblue_65, #229fd7)}.text-steelblue_60{color:var(--color-steelblue_60, #50bff0)}.text-steelblue_45{color:var(--color-steelblue_45, #a4e2fd)}.text-steelblue_25{color:var(--color-steelblue_25, #d9f2fd)}.text-steelblue_10{color:var(--color-steelblue_10, #ecf8fd)}.text-oceanblue_99{color:var(--color-oceanblue_99, #011428)}.text-oceanblue_95{color:var(--color-oceanblue_95, #03172d)}.text-oceanblue_90{color:var(--color-oceanblue_90, #051d36)}.text-oceanblue_85{color:var(--color-oceanblue_85, #07284a)}.text-oceanblue_80{color:var(--color-oceanblue_80, #004177)}.text-oceanblue_75{color:var(--color-oceanblue_75, #025497)}.text-oceanblue_70{color:var(--color-oceanblue_70, #006ac1)}.text-oceanblue_65{color:var(--color-oceanblue_65, #1f8ae1)}.text-oceanblue_60{color:var(--color-oceanblue_60, #5cb0f3)}.text-oceanblue_50{color:var(--color-oceanblue_50, #9cd1fc)}.text-oceanblue_25{color:var(--color-oceanblue_25, #d5ebfe)}.text-oceanblue_15{color:var(--color-oceanblue_15, #eaf5fe)}.text-brilliantblue_99{color:var(--color-brilliantblue_99, #001226)}.text-brilliantblue_95{color:var(--color-brilliantblue_95, #001b39)}.text-brilliantblue_90{color:var(--color-brilliantblue_90, #002b5e)}.text-brilliantblue_85{color:var(--color-brilliantblue_85, #004290)}.text-brilliantblue_80{color:var(--color-brilliantblue_80, #005cc9)}.text-brilliantblue_75{color:var(--color-brilliantblue_75, #0075ff)}.text-brilliantblue_70{color:var(--color-brilliantblue_70, #2d8dff)}.text-brilliantblue_60{color:var(--color-brilliantblue_60, #64abff)}.text-brilliantblue_50{color:var(--color-brilliantblue_50, #93c4ff)}.text-brilliantblue_40{color:var(--color-brilliantblue_40, #bbdaff)}.text-brilliantblue_25{color:var(--color-brilliantblue_25, #d9eaff)}.text-brilliantblue_20{color:var(--color-brilliantblue_20, #e6f1ff)}.text-brilliantblue_10{color:var(--color-brilliantblue_10, #eff6ff)}.text-brilliantblue_05{color:var(--color-brilliantblue_05, #f5faff)}.text-grey_95{color:var(--color-grey_95, #222222)}.text-grey_90{color:var(--color-grey_90, #333333)}.text-grey_85{color:var(--color-grey_85, #444444)}.text-grey_80{color:var(--color-grey_80, #555555)}.text-grey_70{color:var(--color-grey_70, #737373)}.text-grey_65{color:var(--color-grey_65, #888888)}.text-grey_60{color:var(--color-grey_60, #999999)}.text-grey_55{color:var(--color-grey_55, #aaaaaa)}.text-grey_50{color:var(--color-grey_50, #bbbbbb)}.text-grey_45{color:var(--color-grey_45, #cccccc)}.text-grey_35{color:var(--color-grey_35, #D8D8D8)}.text-grey_30{color:var(--color-grey_30, #e1e1e1)}.text-grey_25{color:var(--color-grey_25, #E5E5E5)}.text-grey_20{color:var(--color-grey_20, #eeeeee)}.text-grey_10{color:var(--color-grey_10, #f6f6f6)}.text-grey_05{color:var(--color-grey_05, #f9f9f9)}.text-white{color:var(--color-white, #ffffff)}.text-black{color:var(--color-black, #000000)}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-size:inherit}:target{scroll-margin-block:5ex}button{background:none;border:none;cursor:pointer;padding:0;outline:0}button:focus{outline:0 !important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}:host{display:inline-block;height:fit-content;line-height:0}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}input[type=text],input[type=number],input[type=password],input[type=email],input[type=tel],textarea{padding-block:0px;padding-inline:0px}.sd-hoverable:hover>.sd-focus-helper{background:currentColor;opacity:0.15}.sd-hoverable:hover>.sd-focus-helper:before{opacity:0.1}.sd-hoverable:hover>.sd-focus-helper:after{opacity:0.4}.sd-focus-helper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before,.sd-focus-helper:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:inherit;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before{background:#000000}.sd-focus-helper:after{background:#ffffff}";
+const BUILD = /* design-system */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, shadowDom: false, slotRelocation: true, state: true, updatable: true};
 
 /*
  Stencil Client Platform v4.43.2 | MIT Licensed | https://stenciljs.com
@@ -178,6 +175,7 @@ var plt = {
   rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
   ce: (eventName, opts) => new CustomEvent(eventName, opts)
 };
+var supportsShadow = BUILD.shadowDom;
 var supportsListenerOptions = /* @__PURE__ */ (() => {
   var _a;
   let supportsListenerOptions2 = false;
@@ -244,34 +242,6 @@ var flush = () => {
 var nextTick = (cb) => promiseResolve().then(cb);
 var readTask = /* @__PURE__ */ queueTask(queueDomReads, false);
 var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
-
-// src/utils/style.ts
-function createStyleSheetIfNeededAndSupported(styles2) {
-  if (!supportsConstructableStylesheets) return void 0;
-  const sheet = new CSSStyleSheet();
-  sheet.replaceSync(styles2);
-  return sheet;
-}
-
-// src/utils/shadow-root.ts
-var globalStyleSheet;
-function createShadowRoot(cmpMeta) {
-  var _a;
-  const opts = { mode: "open" };
-  const shadowRoot = this.attachShadow(opts);
-  if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported(globalStyles)) != null ? _a : null;
-  if (globalStyleSheet) {
-    if (supportsMutableAdoptedStyleSheets) {
-      shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
-    } else {
-      shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
-    }
-  } else if (!supportsConstructableStylesheets) {
-    const styleElm = document.createElement("style");
-    styleElm.innerHTML = globalStyles;
-    shadowRoot.prepend(styleElm);
-  }
-}
 var updateFallbackSlotVisibility = (elm) => {
   const childNodes = internalCall(elm, "childNodes");
   if (elm.tagName && elm.tagName.includes("-") && elm["s-cr"] && elm.tagName !== "SLOT-FB") {
@@ -561,7 +531,7 @@ var attachStyles = (hostRef) => {
   const flags = cmpMeta.$flags$;
   const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
   const scopeId2 = addStyle(
-    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
+    elm.getRootNode(),
     cmpMeta);
   if (flags & 10 /* needsScopedEncapsulation */) {
     elm["s-sc"] = scopeId2;
@@ -570,17 +540,6 @@ var attachStyles = (hostRef) => {
   endAttachStyles();
 };
 var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
-var convertScopedToShadow = (css) => css.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g, "$1{");
-var hydrateScopedToShadow = () => {
-  if (!win.document) {
-    return;
-  }
-  const styles2 = win.document.querySelectorAll(`[${HYDRATED_STYLE_ID}]`);
-  let i2 = 0;
-  for (; i2 < styles2.length; i2++) {
-    registerStyle(styles2[i2].getAttribute(HYDRATED_STYLE_ID), convertScopedToShadow(styles2[i2].innerHTML), true);
-  }
-};
 
 // src/utils/helpers.ts
 var isDef = (v) => v != null && v !== void 0;
@@ -714,7 +673,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
   const childRenderNodes = [];
   const slotNodes = [];
   const slottedNodes = [];
-  const shadowRootNodes = shadowRoot ? [] : null;
+  const shadowRootNodes = null;
   const vnode = newVNode(tagName, null);
   vnode.$elm$ = hostElm;
   let scopeId2;
@@ -837,27 +796,6 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       slot.$elm$.parentElement.classList.add(scopeId2 + "-s");
     });
   }
-  if (shadowRoot && !shadowRoot.childNodes.length) {
-    let rnIdex = 0;
-    const rnLen = shadowRootNodes.length;
-    if (rnLen) {
-      for (rnIdex; rnIdex < rnLen; rnIdex++) {
-        const node = shadowRootNodes[rnIdex];
-        if (node) {
-          shadowRoot.appendChild(node);
-        }
-      }
-      Array.from(hostElm.childNodes).forEach((node) => {
-        if (typeof node["s-en"] !== "string" && typeof node["s-sn"] !== "string") {
-          if (node.nodeType === 1 /* ElementNode */ && node.slot && node.hidden) {
-            node.removeAttribute("hidden");
-          } else if (node.nodeType === 8 /* CommentNode */ && !node.nodeValue) {
-            node.parentNode.removeChild(node);
-          }
-        }
-      });
-    }
-  }
   hostRef.$hostElement$ = hostElm;
   endHydrate();
 };
@@ -918,9 +856,6 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
           parentVNode.$children$[childVNode.$index$] = childVNode;
         }
         parentVNode = childVNode;
-        if (shadowRootNodes && childVNode.$depth$ === "0") {
-          shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
-        }
       }
     }
     if (node.shadowRoot) {
@@ -979,9 +914,6 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
             }
             parentVNode.$children$[childVNode.$index$] = childVNode;
           }
-          if (shadowRootNodes && childVNode.$depth$ === "0") {
-            shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
-          }
         }
       } else if (childNodeType === COMMENT_NODE_ID) {
         childVNode.$elm$ = findCorrespondingNode(node, 8 /* CommentNode */);
@@ -1004,9 +936,7 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
             slottedNodes
           );
         } else if (childNodeType === CONTENT_REF_ID) {
-          if (shadowRootNodes) {
-            node.remove();
-          } else {
+          {
             hostElm["s-cr"] = node;
             node["s-cn"] = true;
           }
@@ -1068,22 +998,7 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
   childVNode.$name$ = slotName || null;
   childVNode.$tag$ = "slot";
   const parentNodeId = (parentVNode == null ? void 0 : parentVNode.$elm$) ? parentVNode.$elm$["s-id"] || parentVNode.$elm$.getAttribute("s-id") : "";
-  if (shadowRootNodes && win.document) {
-    const slot = childVNode.$elm$ = win.document.createElement(childVNode.$tag$);
-    if (childVNode.$name$) {
-      childVNode.$elm$.setAttribute("name", slotName);
-    }
-    if (parentVNode.$elm$.shadowRoot && parentNodeId && parentNodeId !== childVNode.$hostId$) {
-      internalCall(parentVNode.$elm$, "insertBefore")(slot, internalCall(parentVNode.$elm$, "children")[0]);
-    } else {
-      internalCall(internalCall(node, "parentNode"), "insertBefore")(slot, node);
-    }
-    addSlottedNodes(slottedNodes, slotId, slotName, node, childVNode.$hostId$);
-    node.remove();
-    if (childVNode.$depth$ === "0") {
-      shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
-    }
-  } else {
+  {
     const slot = childVNode.$elm$;
     const shouldMove = parentNodeId && parentNodeId !== childVNode.$hostId$ && parentVNode.$elm$.shadowRoot;
     addSlottedNodes(slottedNodes, slotId, slotName, node, shouldMove ? parentNodeId : childVNode.$hostId$);
@@ -1609,9 +1524,6 @@ var putBackInOriginalLocation = (parentElm, recursive) => {
 var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
   let containerElm = parentElm["s-cr"] && parentElm["s-cr"].parentNode || parentElm;
   let childNode;
-  if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
-    containerElm = containerElm.shadowRoot;
-  }
   if (parentVNode.$tag$ === "template") {
     containerElm = containerElm.content;
   }
@@ -1935,11 +1847,11 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   rootVnode.$tag$ = null;
   rootVnode.$flags$ |= 4 /* isHost */;
   hostRef.$vnode$ = rootVnode;
-  rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
+  rootVnode.$elm$ = oldVNode.$elm$ = hostElm;
   {
     scopeId = hostElm["s-sc"];
   }
-  useNativeShadowDom = !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && !(cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */);
+  useNativeShadowDom = supportsShadow;
   {
     contentRef = hostElm["s-cr"];
     checkSlotFallbackVisibility = false;
@@ -2553,10 +2465,7 @@ var connectedCallback = (elm) => {
       {
         hostId = elm.getAttribute(HYDRATE_ID);
         if (hostId) {
-          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-            const scopeId2 = addStyle(elm.shadowRoot, cmpMeta);
-            elm.classList.remove(scopeId2 + "-h", scopeId2 + "-s");
-          } else if (cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+          if (cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
             const scopeId2 = getScopeId(cmpMeta);
             elm["s-sc"] = scopeId2;
           }
@@ -2661,9 +2570,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   {
     plt.$flags$ |= 2 /* appLoaded */;
   }
-  {
-    hydrateScopedToShadow();
-  }
   let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {
@@ -2701,19 +2607,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           super(self);
           self = this;
           registerHost(self, cmpMeta);
-          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-            {
-              if (!self.shadowRoot) {
-                createShadowRoot.call(self, cmpMeta);
-              } else {
-                if (self.shadowRoot.mode !== "open") {
-                  throw new Error(
-                    `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${self.shadowRoot.mode} but Stencil only supports open shadow roots.`
-                  );
-                }
-              }
-            }
-          }
         }
         connectedCallback() {
           const hostRef = getHostRef(this);
@@ -2841,7 +2734,6 @@ exports.Fragment = Fragment;
 exports.bootstrapLazy = bootstrapLazy;
 exports.createEvent = createEvent;
 exports.getElement = getElement;
-exports.globalScripts = globalScripts;
 exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.readTask = readTask;