@sellmate/design-system 0.0.56 → 1.0.0

package/dist/components/sd-toast-message.js

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-CQBrru3e.js';
-import { r as resolveColor } from './p-BYf-ybt2.js';
-import { d as defineCustomElement$3 } from './p-DLrb7Zq3.js';
-import { d as defineCustomElement$2 } from './p-BHHbLFXg.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-YLoygqPr.js';
+import { r as resolveColor } from './p-DcGvp3RM.js';
+import { d as defineCustomElement$3 } from './p-CdGD6AqM.js';
+import { d as defineCustomElement$2 } from './p-DnQF6htq.js';
 
 const sdToastMessageCss = () => `.sd-toast-message.sc-sd-toast-message{display:flex;width:fit-content;align-items:center;gap:16px;padding:12px 24px;border-radius:4px;background-color:var(--sd-toast-bg);color:var(--sd-toast-text);transition:opacity 0.2s ease, visibility 0.2s ease;box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}.sd-toast-message--hidden.sc-sd-toast-message{opacity:0;visibility:hidden;pointer-events:none}.sd-toast-message__icon.sc-sd-toast-message{display:flex;align-items:center;flex-shrink:0}.sd-toast-message__content.sc-sd-toast-message{display:flex;flex:1}.sd-toast-message__message.sc-sd-toast-message{font-size:14px;line-height:20px;font-weight:400}.sd-toast-message__link.sc-sd-toast-message{font-size:14px;line-height:20px;color:var(--sd-toast-text);text-decoration:underline;cursor:pointer;transition:opacity 0.2s ease;margin-left:4px}.sd-toast-message__link.sc-sd-toast-message:hover{opacity:0.8}.sd-toast-message__button.sc-sd-toast-message{flex-shrink:0}.sd-toast-message__button.sc-sd-toast-message button.sc-sd-toast-message{color:var(--button-text-color, inherit) !important}.sd-toast-message__close.sc-sd-toast-message{display:flex;align-items:center;justify-content:center;padding:4px;background-color:transparent;border:none;cursor:pointer;transition:opacity 0.2s ease;flex-shrink:0}.sd-toast-message__close.sc-sd-toast-message:hover{opacity:0.7}.sd-toast-message__close.sc-sd-toast-message:active{opacity:0.5}`;
 
@@ -11,18 +11,18 @@ const SdToastMessage$1 = /*@__PURE__*/ proxyCustomElement(class SdToastMessage e
         if (registerHost !== false) {
             this.__registerHost();
         }
-        this.sdClose = createEvent(this, "sdClose");
-        this.sdButtonClick = createEvent(this, "sdButtonClick");
+        this.close = createEvent(this, "sdClose");
+        this.buttonClick = createEvent(this, "sdButtonClick");
     }
     icon;
     message;
     link;
     linkLabel;
     buttonLabel;
-    close = false;
+    useClose = false;
     type = 'basicDark';
-    sdClose;
-    sdButtonClick;
+    close;
+    buttonClick;
     isVisible = true;
     static COLOR_OF_TYPE = {
         basicLight: { background: 'white', text: 'grey_95' },
@@ -34,10 +34,10 @@ const SdToastMessage$1 = /*@__PURE__*/ proxyCustomElement(class SdToastMessage e
     };
     handleClose = () => {
         this.isVisible = false;
-        this.sdClose.emit();
+        this.close.emit();
     };
     handleButtonClick = () => {
-        this.sdButtonClick.emit();
+        this.buttonClick.emit();
     };
     getContainerClasses() {
         const classes = ['sd-toast-message', `sd-toast-message--${this.type}`];
@@ -52,10 +52,10 @@ const SdToastMessage$1 = /*@__PURE__*/ proxyCustomElement(class SdToastMessage e
             background: resolveColor(colorTokens.background),
             text: resolveColor(colorTokens.text),
         };
-        return (h(Host, { key: '08b9ea203d36fbb3c6da642f3fc4355209867042', style: {
+        return (h(Host, { key: 'edd60b2a74bae15c88131baedaa3e913dc5326ae', style: {
                 '--sd-toast-bg': colors.background,
                 '--sd-toast-text': colors.text,
-            } }, h("div", { key: '9b93919198c900453ff04a7dd71985f829967803', class: this.getContainerClasses(), role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: '6d1775a1d5c9e4b55fdac888f9dea6e806a76b14', class: "sd-toast-message__icon" }, h("sd-icon", { key: 'd122832fa3b011792eb81f31296177d2dd99d571', name: this.icon, size: 16, color: colors.text }))), h("div", { key: '63e5f2f2bc800d24559fb5fb8a2e92e575f2b119', class: "sd-toast-message__content" }, h("span", { key: '2422d351d2019333f5085e8c0fdcb3cbf58b5b67', class: "sd-toast-message__message" }, this.message)), this.link && (h("a", { key: '766716d0ddf7da45d78b4e84a55f12c66e95a8f3', href: this.link, class: "sd-toast-message__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.buttonLabel && (h("sd-button", { key: '8b1e262e5da42e324cb392fc950c02c82005987c', class: `sd-toast-message__button ${this.type === 'basicLight' ? 'text-white' : ''}`, label: this.buttonLabel, variant: "primary", color: this.type === 'basicLight' ? 'oceanblue_75' : 'white', size: "sm", onSdClick: this.handleButtonClick, style: this.type !== 'basicLight' ? { '--button-text-color': resolveColor('grey_95') } : {} })), this.close && (h("button", { key: '42d20adef4a675644958116f8bbb987f131e194c', type: "button", class: "sd-toast-message__close", onClick: this.handleClose, "aria-label": "Close", title: "Close" }, h("sd-icon", { key: '5141cf3044ba13b541091bb79b3040e1eabc0b17', name: "close", size: 12, color: colors.text }))))));
+            } }, h("div", { key: 'b41ad15e9fe7520ee8fbf683f6d95e327c59ac6c', class: this.getContainerClasses(), role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: 'def78fc8bc05ead9b97144dccc4f105fad953477', class: "sd-toast-message__icon" }, h("sd-icon", { key: 'a01368892d295aee0339fa027663bffe31fb2c2b', name: this.icon, size: 16, color: colors.text }))), h("div", { key: 'f0c6d32da360c2135aee2374b1091c27bddf4d22', class: "sd-toast-message__content" }, h("span", { key: '0f1f7d81154470ad9bcc3d8d4c1ed0c0994da7bb', class: "sd-toast-message__message" }, this.message)), this.link && (h("a", { key: '2a4f7b21940e2234653a18e8a677aba9586d18e3', href: this.link, class: "sd-toast-message__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.buttonLabel && (h("sd-button", { key: 'd399961349429bee81fa395c555879fabef86136', class: `sd-toast-message__button ${this.type === 'basicLight' ? 'text-white' : ''}`, label: this.buttonLabel, variant: "primary", color: this.type === 'basicLight' ? 'oceanblue_75' : 'white', size: "sm", onClick: this.handleButtonClick, style: this.type !== 'basicLight' ? { '--button-text-color': resolveColor('grey_95') } : {} })), this.useClose && (h("button", { key: '4bfae7573d5a5204c29d5ef0e2dc71e9a7622d62', type: "button", class: "sd-toast-message__close", onClick: this.handleClose, "aria-label": "Close", title: "Close" }, h("sd-icon", { key: '7ac20a34965ee46c8af76c6c862a69269a73f1a2', name: "close", size: 12, color: colors.text }))))));
     }
     static get style() { return sdToastMessageCss(); }
 }, [770, "sd-toast-message", {
@@ -64,7 +64,7 @@ const SdToastMessage$1 = /*@__PURE__*/ proxyCustomElement(class SdToastMessage e
         "link": [1],
         "linkLabel": [1, "link-label"],
         "buttonLabel": [1, "button-label"],
-        "close": [4],
+        "useClose": [4, "use-close"],
         "type": [1],
         "isVisible": [32]
     }]);

package/dist/components/sd-toast-message.js.map

@@ -1 +1 @@
-{"file":"sd-toast-message.js","mappings":"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","names":["SdToastMessage","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-toast-message/sd-toast-message.scss?tag=sd-toast-message&encapsulation=scoped","src/components/sd-toast-message/sd-toast-message.tsx"],"sourcesContent":["@import 'variables';\n\n.sd-toast-message {\n display: flex;\n width: fit-content;\n align-items: center;\n gap: 16px;\n padding: 12px 24px;\n border-radius: 4px;\n background-color: var(--sd-toast-bg);\n color: var(--sd-toast-text);\n transition: opacity 0.2s ease, visibility 0.2s ease;\n box-shadow: 2px 2px 8px 2px #00000033;\n\n &--hidden {\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n }\n\n &__icon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n }\n\n &__content {\n  display: flex;\n  flex: 1;\n }\n\n &__message {\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 400;\n }\n\n &__link {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--sd-toast-text);\n  text-decoration: underline;\n  cursor: pointer;\n  transition: opacity 0.2s ease;\n  margin-left: 4px;\n\n  &:hover {\n   opacity: 0.8;\n  }\n }\n\n &__button {\n  flex-shrink: 0;\n\n  button {\n   color: var(--button-text-color, inherit) !important;\n  }\n }\n\n &__close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  transition: opacity 0.2s ease;\n  flex-shrink: 0;\n\n  &:hover {\n   opacity: 0.7;\n  }\n\n  &:active {\n   opacity: 0.5;\n  }\n }\n}","import { Component, Prop, h, Event, EventEmitter, State, Host } from '@stencil/core';\nimport { resolveColor } from '../../utils/color';\n\nexport type ToastType = 'basicLight' | 'basicDark' | 'error' | 'caution' | 'complete' | 'progress';\n\n@Component({\n tag: 'sd-toast-message',\n styleUrl: 'sd-toast-message.scss',\n scoped: true,\n})\nexport class SdToastMessage {\n @Prop() icon?: IconName;\n\n @Prop() message!: string;\n\n @Prop() link?: string;\n\n @Prop() linkLabel?: string;\n\n @Prop() buttonLabel?: string;\n\n @Prop() close: boolean = false;\n\n @Prop() type: ToastType = 'basicDark';\n\n @Event()\n sdClose!: EventEmitter<void>;\n\n @Event()\n sdButtonClick!: EventEmitter<void>;\n\n @State() private isVisible: boolean = true;\n\n private static readonly COLOR_OF_TYPE = {\n  basicLight: { background: 'white', text: 'grey_95' },\n  basicDark: { background: 'steelblue_90', text: 'white' },\n  error: { background: 'red_70', text: 'white' },\n  caution: { background: 'yellow_40', text: 'grey_90' },\n  complete: { background: 'green_75', text: 'white' },\n  progress: { background: 'brilliantblue_80', text: 'white' },\n };\n\n private handleClose = () => {\n  this.isVisible = false;\n  this.sdClose.emit();\n };\n\n private handleButtonClick = () => {\n  this.sdButtonClick.emit();\n };\n\n private getContainerClasses(): string {\n  const classes = ['sd-toast-message', `sd-toast-message--${this.type}`];\n\n  if (!this.isVisible) {\n   classes.push('sd-toast-message--hidden');\n  }\n\n  return classes.join(' ');\n }\n\n render() {\n  const colorTokens = SdToastMessage.COLOR_OF_TYPE[this.type];\n  const colors = {\n   background: resolveColor(colorTokens.background),\n   text: resolveColor(colorTokens.text),\n  };\n\n  return (\n   <Host\n    style={{\n     '--sd-toast-bg': colors.background,\n     '--sd-toast-text': colors.text,\n    }}\n   >\n    <div class={this.getContainerClasses()} role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n     {this.icon && (\n      <div class=\"sd-toast-message__icon\">\n       <sd-icon name={this.icon} size={16} color={colors.text}></sd-icon>\n      </div>\n     )}\n\n     <div class=\"sd-toast-message__content\">\n      <span class=\"sd-toast-message__message\">{this.message}</span>\n     </div>\n\n     {this.link && (\n      <a href={this.link} class=\"sd-toast-message__link\" target=\"_blank\" rel=\"noopener noreferrer\">\n       {this.linkLabel || this.link}\n      </a>\n     )}\n\n     {this.buttonLabel && (\n      <sd-button\n       class={`sd-toast-message__button ${this.type === 'basicLight' ? 'text-white' : ''}`}\n       label={this.buttonLabel}\n       variant=\"primary\"\n       color={this.type === 'basicLight' ? 'oceanblue_75' : 'white'}\n       size=\"sm\"\n       onSdClick={this.handleButtonClick}\n       style={this.type !== 'basicLight' ? { '--button-text-color': resolveColor('grey_95') } : {}}\n      ></sd-button>\n     )}\n\n     {this.close && (\n      <button\n       type=\"button\"\n       class=\"sd-toast-message__close\"\n       onClick={this.handleClose}\n       aria-label=\"Close\"\n       title=\"Close\"\n      >\n       <sd-icon name=\"close\" size={12} color={colors.text}></sd-icon>\n      </button>\n     )}\n    </div>\n   </Host>\n  );\n }\n}\n"],"version":3}
+{"file":"sd-toast-message.js","mappings":"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","names":["SdToastMessage","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-toast-message/sd-toast-message.scss?tag=sd-toast-message&encapsulation=scoped","src/components/sd-toast-message/sd-toast-message.tsx"],"sourcesContent":["@import 'variables';\n\n.sd-toast-message {\n display: flex;\n width: fit-content;\n align-items: center;\n gap: 16px;\n padding: 12px 24px;\n border-radius: 4px;\n background-color: var(--sd-toast-bg);\n color: var(--sd-toast-text);\n transition: opacity 0.2s ease, visibility 0.2s ease;\n box-shadow: 2px 2px 8px 2px #00000033;\n\n &--hidden {\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n }\n\n &__icon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n }\n\n &__content {\n  display: flex;\n  flex: 1;\n }\n\n &__message {\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 400;\n }\n\n &__link {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--sd-toast-text);\n  text-decoration: underline;\n  cursor: pointer;\n  transition: opacity 0.2s ease;\n  margin-left: 4px;\n\n  &:hover {\n   opacity: 0.8;\n  }\n }\n\n &__button {\n  flex-shrink: 0;\n\n  button {\n   color: var(--button-text-color, inherit) !important;\n  }\n }\n\n &__close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  transition: opacity 0.2s ease;\n  flex-shrink: 0;\n\n  &:hover {\n   opacity: 0.7;\n  }\n\n  &:active {\n   opacity: 0.5;\n  }\n }\n}","import { Component, Prop, h, Event, EventEmitter, State, Host } from '@stencil/core';\nimport { resolveColor } from '../../utils/color';\n\nexport type ToastType = 'basicLight' | 'basicDark' | 'error' | 'caution' | 'complete' | 'progress';\n\n@Component({\n tag: 'sd-toast-message',\n styleUrl: 'sd-toast-message.scss',\n scoped: true,\n})\nexport class SdToastMessage {\n @Prop() icon?: IconName;\n\n @Prop() message!: string;\n\n @Prop() link?: string;\n\n @Prop() linkLabel?: string;\n\n @Prop() buttonLabel?: string;\n\n @Prop() useClose: boolean = false;\n\n @Prop() type: ToastType = 'basicDark';\n\n @Event({ eventName: 'sdClose' })\n close!: EventEmitter<void>;\n\n @Event({ eventName: 'sdButtonClick' })\n buttonClick!: EventEmitter<void>;\n\n @State() private isVisible: boolean = true;\n\n private static readonly COLOR_OF_TYPE = {\n  basicLight: { background: 'white', text: 'grey_95' },\n  basicDark: { background: 'steelblue_90', text: 'white' },\n  error: { background: 'red_70', text: 'white' },\n  caution: { background: 'yellow_40', text: 'grey_90' },\n  complete: { background: 'green_75', text: 'white' },\n  progress: { background: 'brilliantblue_80', text: 'white' },\n };\n\n private handleClose = () => {\n  this.isVisible = false;\n  this.close.emit();\n };\n\n private handleButtonClick = () => {\n  this.buttonClick.emit();\n };\n\n private getContainerClasses(): string {\n  const classes = ['sd-toast-message', `sd-toast-message--${this.type}`];\n\n  if (!this.isVisible) {\n   classes.push('sd-toast-message--hidden');\n  }\n\n  return classes.join(' ');\n }\n\n render() {\n  const colorTokens = SdToastMessage.COLOR_OF_TYPE[this.type];\n  const colors = {\n   background: resolveColor(colorTokens.background),\n   text: resolveColor(colorTokens.text),\n  };\n\n  return (\n   <Host\n    style={{\n     '--sd-toast-bg': colors.background,\n     '--sd-toast-text': colors.text,\n    }}\n   >\n    <div class={this.getContainerClasses()} role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n     {this.icon && (\n      <div class=\"sd-toast-message__icon\">\n       <sd-icon name={this.icon} size={16} color={colors.text}></sd-icon>\n      </div>\n     )}\n\n     <div class=\"sd-toast-message__content\">\n      <span class=\"sd-toast-message__message\">{this.message}</span>\n     </div>\n\n     {this.link && (\n      <a href={this.link} class=\"sd-toast-message__link\" target=\"_blank\" rel=\"noopener noreferrer\">\n       {this.linkLabel || this.link}\n      </a>\n     )}\n\n     {this.buttonLabel && (\n      <sd-button\n       class={`sd-toast-message__button ${this.type === 'basicLight' ? 'text-white' : ''}`}\n       label={this.buttonLabel}\n       variant=\"primary\"\n       color={this.type === 'basicLight' ? 'oceanblue_75' : 'white'}\n       size=\"sm\"\n       onClick={this.handleButtonClick}\n       style={this.type !== 'basicLight' ? { '--button-text-color': resolveColor('grey_95') } : {}}\n      ></sd-button>\n     )}\n\n     {this.useClose && (\n      <button\n       type=\"button\"\n       class=\"sd-toast-message__close\"\n       onClick={this.handleClose}\n       aria-label=\"Close\"\n       title=\"Close\"\n      >\n       <sd-icon name=\"close\" size={12} color={colors.text}></sd-icon>\n      </button>\n     )}\n    </div>\n   </Host>\n  );\n }\n}\n"],"version":3}

package/dist/components/sd-toggle-button.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-CQBrru3e.js';
+import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-YLoygqPr.js';
 
 const sdToggleButtonCss = () => `sd-toggle-button{display:inline-block;line-height:0}.sd-toggle-button{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:4px 12px;gap:6px;border-radius:14px;border:1px solid #888888;background-color:#ffffff;color:#737373;font-size:12px;line-height:20px;font-weight:400;cursor:pointer;transition:border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;white-space:nowrap;user-select:none;box-sizing:border-box}.sd-toggle-button--active{border-color:#0075ff;color:#0075ff}.sd-toggle-button--disabled{background-color:#eeeeee;border-color:#cccccc;color:#888888;cursor:not-allowed}.sd-toggle-button--disabled.sd-toggle-button--active{background-color:#eeeeee;border-color:#cccccc;color:#888888}.sd-toggle-button:hover:not(.sd-toggle-button--disabled):not(.sd-toggle-button--active){border-color:#737373}.sd-toggle-button:hover:not(.sd-toggle-button--disabled).sd-toggle-button--active{border-color:#005cc9;color:#005cc9}`;
 
@@ -8,13 +8,13 @@ const SdToggleButton$1 = /*@__PURE__*/ proxyCustomElement(class SdToggleButton e
         if (registerHost !== false) {
             this.__registerHost();
         }
-        this.sdChange = createEvent(this, "sdChange");
+        this.change = createEvent(this, "sdUpdate");
     }
     value = false;
     label = '';
     disabled = false;
     isActive = false;
-    sdChange;
+    change;
     componentWillLoad() {
         this.updateActiveState(this.value);
     }
@@ -39,10 +39,10 @@ const SdToggleButton$1 = /*@__PURE__*/ proxyCustomElement(class SdToggleButton e
             return;
         const newValue = !this.value;
         this.value = newValue;
-        this.sdChange.emit(newValue);
+        this.change.emit(newValue);
     };
     render() {
-        return (h("label", { key: '54d45d11b3944c61147d5bd0fa68078aa28737f1', class: this.buttonClasses, role: "button", "aria-pressed": this.isActive.toString(), "aria-disabled": this.disabled.toString(), "aria-label": this.label || 'toggle button' }, this.label, h("input", { key: 'cafb7edbcaead5e487b756a006cfee9b9d890558', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
+        return (h("label", { key: '9eb4abcfe8f3894198c8d8643150daa507e6f0e9', class: this.buttonClasses, "aria-label": this.label || 'toggle button' }, this.label, h("input", { key: 'e3d952af461da0fac978b8ce6bd55a6990907fb3', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
     }
     static get style() { return sdToggleButtonCss(); }
 }, [768, "sd-toggle-button", {

package/dist/components/sd-toggle-button.js.map

@@ -1 +1 @@
-{"file":"sd-toggle-button.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,+7BAA+7B,CAAC;;MCMp9BA,gBAAc,iBAAAC,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;IACc,KAAK,GAAY,KAAK;IAEtD,KAAK,GAAW,EAAE;IAElB,QAAQ,GAAY,KAAK;IAEhB,QAAQ,GAAY,KAAK;AAEjC,IAAA,QAAQ;IAEjB,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGnC,mBAAmB,GAAA;AAClB,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC;;AAG3B,IAAA,iBAAiB,CAAC,KAAc,EAAA;AACvC,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;;AAGtB,IAAA,IAAY,aAAa,GAAA;AACxB,QAAA,MAAM,OAAO,GAAG,CAAC,kBAAkB,CAAC;AAEpC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,CAAC,IAAI,CAAC,0BAA0B,CAAC;;AAGzC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,CAAC,IAAI,CAAC,4BAA4B,CAAC;;AAG3C,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;;IAGjB,YAAY,GAAG,MAAK;QAC3B,IAAI,IAAI,CAAC,QAAQ;YAAE;AAEnB,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK;AAC5B,QAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;AACrB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC7B,KAAC;IAED,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,IAAI,CAAC,aAAa,EACzB,IAAI,EAAC,QAAQ,EAAA,cAAA,EACC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAA,eAAA,EACvB,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAC3B,YAAA,EAAA,IAAI,CAAC,KAAK,IAAI,eAAe,EAAA,EAExC,IAAI,CAAC,KAAK,EACX,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,YAAY,EAAI,CAAA,CAC1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SdToggleButton","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-toggle-button/sd-toggle-button.scss?tag=sd-toggle-button","src/components/sd-toggle-button/sd-toggle-button.tsx"],"sourcesContent":["@import 'variables';\n\nsd-toggle-button {\n display: inline-block;\n line-height: 0;\n}\n\n.sd-toggle-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 28px;\n padding: 4px 12px;\n gap: 6px;\n border-radius: 14px;\n border: 1px solid $grey_65;\n background-color: $white;\n color: $grey_70;\n font-size: 12px;\n line-height: 20px;\n font-weight: 400;\n cursor: pointer;\n transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;\n white-space: nowrap;\n user-select: none;\n box-sizing: border-box;\n\n &--active {\n  border-color: $brilliantblue_75;\n  color: $brilliantblue_75;\n }\n\n &--disabled {\n  background-color: $grey_20;\n  border-color: $grey_45;\n  color: $grey_65;\n  cursor: not-allowed;\n\n  &.sd-toggle-button--active {\n   background-color: $grey_20;\n   border-color: $grey_45;\n   color: $grey_65;\n  }\n }\n\n &:hover:not(.sd-toggle-button--disabled) {\n  &:not(.sd-toggle-button--active) {\n   border-color: $grey_70;\n  }\n\n  &.sd-toggle-button--active {\n   border-color: $brilliantblue_80;\n   color: $brilliantblue_80;\n  }\n }\n}","import { Component, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'sd-toggle-button',\n styleUrl: 'sd-toggle-button.scss',\n})\nexport class SdToggleButton {\n @Prop({ mutable: true, reflect: true }) value: boolean = false;\n\n @Prop() label: string = '';\n\n @Prop() disabled: boolean = false;\n\n @State() private isActive: boolean = false;\n\n @Event() sdChange!: EventEmitter<boolean>;\n\n componentWillLoad() {\n  this.updateActiveState(this.value);\n }\n\n componentWillRender() {\n  this.updateActiveState(this.value);\n }\n\n private updateActiveState(value: boolean) {\n  this.isActive = value;\n }\n\n private get buttonClasses(): string {\n  const classes = ['sd-toggle-button'];\n\n  if (this.isActive) {\n   classes.push('sd-toggle-button--active');\n  }\n\n  if (this.disabled) {\n   classes.push('sd-toggle-button--disabled');\n  }\n\n  return classes.join(' ');\n }\n\n private handleChange = () => {\n  if (this.disabled) return;\n\n  const newValue = !this.value;\n  this.value = newValue;\n  this.sdChange.emit(newValue);\n };\n\n render() {\n  return (\n   <label\n    class={this.buttonClasses}\n    role=\"button\"\n    aria-pressed={this.isActive.toString()}\n    aria-disabled={this.disabled.toString()}\n    aria-label={this.label || 'toggle button'}\n   >\n    {this.label}\n    <input style={{ display: 'none' }} type=\"checkbox\" onInput={this.handleChange} />\n   </label>\n  );\n }\n}\n"],"version":3}
+{"file":"sd-toggle-button.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,+7BAA+7B,CAAC;;MCMp9BA,gBAAc,iBAAAC,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;IACc,KAAK,GAAY,KAAK;IAEtD,KAAK,GAAW,EAAE;IAElB,QAAQ,GAAY,KAAK;IAEhB,QAAQ,GAAY,KAAK;AAER,IAAA,MAAM;IAExC,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGnC,mBAAmB,GAAA;AAClB,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC;;AAG3B,IAAA,iBAAiB,CAAC,KAAc,EAAA;AACvC,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;;AAGtB,IAAA,IAAY,aAAa,GAAA;AACxB,QAAA,MAAM,OAAO,GAAG,CAAC,kBAAkB,CAAC;AAEpC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,CAAC,IAAI,CAAC,0BAA0B,CAAC;;AAGzC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,CAAC,IAAI,CAAC,4BAA4B,CAAC;;AAG3C,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;;IAGjB,YAAY,GAAG,MAAK;QAC3B,IAAI,IAAI,CAAC,QAAQ;YAAE;AAEnB,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK;AAC5B,QAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;AACrB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC3B,KAAC;IAED,MAAM,GAAA;QACL,QACC,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAA,YAAA,EAIb,IAAI,CAAC,KAAK,IAAI,eAAe,EAAA,EAExC,IAAI,CAAC,KAAK,EACX,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,YAAY,EAAI,CAAA,CAC1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SdToggleButton","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-toggle-button/sd-toggle-button.scss?tag=sd-toggle-button","src/components/sd-toggle-button/sd-toggle-button.tsx"],"sourcesContent":["@import 'variables';\n\nsd-toggle-button {\n display: inline-block;\n line-height: 0;\n}\n\n.sd-toggle-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 28px;\n padding: 4px 12px;\n gap: 6px;\n border-radius: 14px;\n border: 1px solid $grey_65;\n background-color: $white;\n color: $grey_70;\n font-size: 12px;\n line-height: 20px;\n font-weight: 400;\n cursor: pointer;\n transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;\n white-space: nowrap;\n user-select: none;\n box-sizing: border-box;\n\n &--active {\n  border-color: $brilliantblue_75;\n  color: $brilliantblue_75;\n }\n\n &--disabled {\n  background-color: $grey_20;\n  border-color: $grey_45;\n  color: $grey_65;\n  cursor: not-allowed;\n\n  &.sd-toggle-button--active {\n   background-color: $grey_20;\n   border-color: $grey_45;\n   color: $grey_65;\n  }\n }\n\n &:hover:not(.sd-toggle-button--disabled) {\n  &:not(.sd-toggle-button--active) {\n   border-color: $grey_70;\n  }\n\n  &.sd-toggle-button--active {\n   border-color: $brilliantblue_80;\n   color: $brilliantblue_80;\n  }\n }\n}","import { Component, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'sd-toggle-button',\n styleUrl: 'sd-toggle-button.scss',\n})\nexport class SdToggleButton {\n @Prop({ mutable: true, reflect: true }) value: boolean = false;\n\n @Prop() label: string = '';\n\n @Prop() disabled: boolean = false;\n\n @State() private isActive: boolean = false;\n\n @Event({ eventName: 'sdUpdate' }) change!: EventEmitter<boolean>;\n\n componentWillLoad() {\n  this.updateActiveState(this.value);\n }\n\n componentWillRender() {\n  this.updateActiveState(this.value);\n }\n\n private updateActiveState(value: boolean) {\n  this.isActive = value;\n }\n\n private get buttonClasses(): string {\n  const classes = ['sd-toggle-button'];\n\n  if (this.isActive) {\n   classes.push('sd-toggle-button--active');\n  }\n\n  if (this.disabled) {\n   classes.push('sd-toggle-button--disabled');\n  }\n\n  return classes.join(' ');\n }\n\n private handleChange = () => {\n  if (this.disabled) return;\n\n  const newValue = !this.value;\n  this.value = newValue;\n  this.change.emit(newValue);\n };\n\n render() {\n  return (\n   <label\n    class={this.buttonClasses}\n    // role=\"button\"\n    // aria-pressed={this.isActive.toString()}\n    // aria-disabled={this.disabled.toString()}\n    aria-label={this.label || 'toggle button'}\n   >\n    {this.label}\n    <input style={{ display: 'none' }} type=\"checkbox\" onInput={this.handleChange} />\n   </label>\n  );\n }\n}\n"],"version":3}

package/dist/components/sd-toggle.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-CQBrru3e.js';
+import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-YLoygqPr.js';
 
 const sdToggleCss = () => `sd-toggle{display:inline-block;height:20px;line-height:0}sd-toggle .sd-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:20px}sd-toggle .sd-toggle>input{display:none}sd-toggle .sd-toggle__label{font-size:12px;color:#333333;line-height:20px}sd-toggle .sd-toggle__track{width:36px;height:20px;border-radius:12px;background:#cccccc;position:relative;transition:background-color 0.2s ease}sd-toggle .sd-toggle__thumb{width:16px;height:16px;border-radius:50%;background:white;position:absolute;top:2px;left:2px;transition:transform 0.2s ease}sd-toggle .sd-toggle--checked .sd-toggle__track{background:#0075ff}sd-toggle .sd-toggle--checked .sd-toggle__thumb{transform:translateX(16px)}sd-toggle .sd-toggle--disabled{cursor:not-allowed}sd-toggle .sd-toggle--disabled.sd-toggle--checked .sd-toggle__track{background:#bbdaff}sd-toggle .sd-toggle--disabled.sd-toggle--unchecked .sd-toggle__track{background:#eeeeee}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--checked .sd-toggle__track{background:#005cc9}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--unchecked .sd-toggle__track{background:#bbbbbb}`;
 
@@ -8,13 +8,12 @@ const SdToggle$1 = /*@__PURE__*/ proxyCustomElement(class SdToggle extends H {
         if (registerHost !== false) {
             this.__registerHost();
         }
-        this.sdChange = createEvent(this, "sdChange");
+        this.change = createEvent(this, "sdUpdate");
     }
     value = false;
     label = '';
     disabled = false;
-    isChecked = false;
-    sdChange;
+    change;
     componentWillLoad() {
         this.updateCheckedState(this.value);
     }
@@ -22,10 +21,10 @@ const SdToggle$1 = /*@__PURE__*/ proxyCustomElement(class SdToggle extends H {
         this.updateCheckedState(this.value);
     }
     updateCheckedState(value) {
-        this.isChecked = value;
+        this.value = value;
     }
     get toggleClasses() {
-        const classes = ['sd-toggle', this.isChecked ? 'sd-toggle--checked' : 'sd-toggle--unchecked'];
+        const classes = ['sd-toggle', this.value ? 'sd-toggle--checked' : 'sd-toggle--unchecked'];
         if (this.disabled) {
             classes.push('sd-toggle--disabled');
         }
@@ -36,17 +35,16 @@ const SdToggle$1 = /*@__PURE__*/ proxyCustomElement(class SdToggle extends H {
             return;
         const newValue = !this.value;
         this.value = newValue;
-        this.sdChange.emit(newValue);
+        this.change.emit(newValue);
     };
     render() {
-        return (h("label", { key: 'ba2398d6eb054c00c526ab1ada37b09e4d6602a3', "aria-checked": this.isChecked.toString(), "aria-disabled": this.disabled.toString(), role: "switch", "aria-label": this.label || 'toggle', class: this.toggleClasses }, h("input", { key: 'b7da299e1dacd7d41bc1cd72d5bc135d5ecd52fd', type: "checkbox", checked: this.isChecked, disabled: this.disabled, onInput: this.handleChange }), this.label && h("span", { key: 'b6ddc87485036dee698eb099d7343edd4163d7b0', class: "sd-toggle__label" }, this.label), h("div", { key: '2439852af329488d50907ee132a6fd819129a6a0', class: "sd-toggle__track" }, h("div", { key: '72114f2bec9e0372b05d90df8099dc9aad812e3d', class: "sd-toggle__thumb" }))));
+        return (h("label", { key: 'ca85bc0493aff9ff17108696ddb8af29734b00f5', "aria-label": this.label || 'toggle', class: this.toggleClasses }, h("input", { key: 'b99a4fa0d557968e50b302332778faaf1b46f8cc', type: "checkbox", checked: this.value, disabled: this.disabled, onInput: this.handleChange }), this.label && h("span", { key: 'e62ca806b95463c7807f82ace61b4aa0affec962', class: "sd-toggle__label" }, this.label), h("div", { key: '6923da9a043df0d0d7fc0ecf2fe175857279e9b3', class: "sd-toggle__track" }, h("div", { key: '090dfbcf308f26b8e200d0e2cd69d44b0f5cb8bf', class: "sd-toggle__thumb" }))));
     }
     static get style() { return sdToggleCss(); }
 }, [768, "sd-toggle", {
-        "value": [1540],
+        "value": [1028],
         "label": [1],
-        "disabled": [4],
-        "isChecked": [32]
+        "disabled": [4]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/sd-toggle.js.map

@@ -1 +1 @@
-{"file":"sd-toggle.js","mappings":";;AAAA,MAAM,WAAW,GAAG,MAAM,CAAC,+nCAA+nC,CAAC;;MCM9oCA,UAAQ,iBAAAC,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;;;IACoB,KAAK,GAAY,KAAK;IAEtD,KAAK,GAAW,EAAE;IAElB,QAAQ,GAAY,KAAK;IAEhB,SAAS,GAAY,KAAK;AAElC,IAAA,QAAQ;IAEjB,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGpC,mBAAmB,GAAA;AAClB,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;;AAG5B,IAAA,kBAAkB,CAAC,KAAc,EAAA;AACxC,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;;AAGvB,IAAA,IAAY,aAAa,GAAA;AACxB,QAAA,MAAM,OAAO,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,GAAG,oBAAoB,GAAG,sBAAsB,CAAC;AAE7F,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC;;AAGpC,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;;IAGjB,YAAY,GAAG,MAAK;QAC3B,IAAI,IAAI,CAAC,QAAQ;YAAE;AAEnB,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK;AAC5B,QAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;AACrB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC7B,KAAC;IAED,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,cAAA,EACe,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,EACxB,eAAA,EAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EACvC,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,IAAI,CAAC,KAAK,IAAI,QAAQ,EAClC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAA,EAEzB,CACC,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,YAAY,EACzB,CAAA,EACD,IAAI,CAAC,KAAK,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,EACjE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC5B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,GAAO,CAC/B,CACC;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SdToggle","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-toggle/sd-toggle.scss?tag=sd-toggle","src/components/sd-toggle/sd-toggle.tsx"],"sourcesContent":["@import 'variables';\n\nsd-toggle {\n  display: inline-block;\n  height: 20px;\n  line-height: 0;\n\n  .sd-toggle {\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    height: 20px;\n\n    > input {\n      display: none;\n    }\n\n    &__label {\n      font-size: 12px;\n      color: $grey_90;\n      line-height: 20px;\n    }\n\n    &__track {\n      width: 36px;\n      height: 20px;\n      border-radius: 12px;\n      background: $grey_45;\n      position: relative;\n      transition: background-color 0.2s ease;\n    }\n\n    &__thumb {\n      width: 16px;\n      height: 16px;\n      border-radius: 50%;\n      background: white;\n      position: absolute;\n      top: 2px;\n      left: 2px;\n      transition: transform 0.2s ease;\n    }\n\n    &--checked {\n      .sd-toggle__track {\n        background: $brilliantblue_75;\n      }\n\n      .sd-toggle__thumb {\n        transform: translateX(16px);\n      }\n    }\n\n    &--disabled {\n      cursor: not-allowed;\n\n      &.sd-toggle--checked {\n        .sd-toggle__track {\n          background: $brilliantblue_40;\n        }\n      }\n\n      &.sd-toggle--unchecked {\n        .sd-toggle__track {\n          background: $grey_20;\n        }\n      }\n    }\n\n    &:hover:not(.sd-toggle--disabled) {\n      &.sd-toggle--checked {\n        .sd-toggle__track {\n          background: $brilliantblue_80;\n        }\n      }\n\n      &.sd-toggle--unchecked {\n        .sd-toggle__track {\n          background: $grey_50;\n        }\n      }\n    }\n  }\n}\n","import { Component, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'sd-toggle',\n styleUrl: 'sd-toggle.scss',\n})\nexport class SdToggle {\n @Prop({ mutable: true, reflect: true }) value: boolean = false;\n\n @Prop() label: string = '';\n\n @Prop() disabled: boolean = false;\n\n @State() private isChecked: boolean = false;\n\n @Event() sdChange!: EventEmitter<boolean>;\n\n componentWillLoad() {\n  this.updateCheckedState(this.value);\n }\n\n componentWillRender() {\n  this.updateCheckedState(this.value);\n }\n\n private updateCheckedState(value: boolean) {\n  this.isChecked = value;\n }\n\n private get toggleClasses(): string {\n  const classes = ['sd-toggle', this.isChecked ? 'sd-toggle--checked' : 'sd-toggle--unchecked'];\n\n  if (this.disabled) {\n   classes.push('sd-toggle--disabled');\n  }\n\n  return classes.join(' ');\n }\n\n private handleChange = () => {\n  if (this.disabled) return;\n\n  const newValue = !this.value;\n  this.value = newValue;\n  this.sdChange.emit(newValue);\n };\n\n render() {\n  return (\n   <label\n    aria-checked={this.isChecked.toString()}\n    aria-disabled={this.disabled.toString()}\n    role=\"switch\"\n    aria-label={this.label || 'toggle'}\n    class={this.toggleClasses}\n   >\n    <input\n     type=\"checkbox\"\n     checked={this.isChecked}\n     disabled={this.disabled}\n     onInput={this.handleChange}\n    />\n    {this.label && <span class=\"sd-toggle__label\">{this.label}</span>}\n    <div class=\"sd-toggle__track\">\n     <div class=\"sd-toggle__thumb\"></div>\n    </div>\n   </label>\n  );\n }\n}\n"],"version":3}
+{"file":"sd-toggle.js","mappings":";;AAAA,MAAM,WAAW,GAAG,MAAM,CAAC,+nCAA+nC,CAAC;;MCM9oCA,UAAQ,iBAAAC,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;;;IACK,KAAK,GAAY,KAAK;IAEvC,KAAK,GAAW,EAAE;IAElB,QAAQ,GAAY,KAAK;AAEC,IAAA,MAAM;IAExC,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGpC,mBAAmB,GAAA;AAClB,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;;AAG5B,IAAA,kBAAkB,CAAC,KAAc,EAAA;AACxC,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;;AAGnB,IAAA,IAAY,aAAa,GAAA;AACxB,QAAA,MAAM,OAAO,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,GAAG,oBAAoB,GAAG,sBAAsB,CAAC;AAEzF,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC;;AAGpC,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;;IAGjB,YAAY,GAAG,MAAK;QAC3B,IAAI,IAAI,CAAC,QAAQ;YAAE;AAEnB,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK;AAC5B,QAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;AACrB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC3B,KAAC;IAED,MAAM,GAAA;QACL,QACC,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAIa,IAAI,CAAC,KAAK,IAAI,QAAQ,EAClC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAA,EAEzB,CACC,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,YAAY,EACzB,CAAA,EACD,IAAI,CAAC,KAAK,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,EACjE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC5B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,GAAO,CAC/B,CACC;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SdToggle","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-toggle/sd-toggle.scss?tag=sd-toggle","src/components/sd-toggle/sd-toggle.tsx"],"sourcesContent":["@import 'variables';\n\nsd-toggle {\n  display: inline-block;\n  height: 20px;\n  line-height: 0;\n\n  .sd-toggle {\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    height: 20px;\n\n    > input {\n      display: none;\n    }\n\n    &__label {\n      font-size: 12px;\n      color: $grey_90;\n      line-height: 20px;\n    }\n\n    &__track {\n      width: 36px;\n      height: 20px;\n      border-radius: 12px;\n      background: $grey_45;\n      position: relative;\n      transition: background-color 0.2s ease;\n    }\n\n    &__thumb {\n      width: 16px;\n      height: 16px;\n      border-radius: 50%;\n      background: white;\n      position: absolute;\n      top: 2px;\n      left: 2px;\n      transition: transform 0.2s ease;\n    }\n\n    &--checked {\n      .sd-toggle__track {\n        background: $brilliantblue_75;\n      }\n\n      .sd-toggle__thumb {\n        transform: translateX(16px);\n      }\n    }\n\n    &--disabled {\n      cursor: not-allowed;\n\n      &.sd-toggle--checked {\n        .sd-toggle__track {\n          background: $brilliantblue_40;\n        }\n      }\n\n      &.sd-toggle--unchecked {\n        .sd-toggle__track {\n          background: $grey_20;\n        }\n      }\n    }\n\n    &:hover:not(.sd-toggle--disabled) {\n      &.sd-toggle--checked {\n        .sd-toggle__track {\n          background: $brilliantblue_80;\n        }\n      }\n\n      &.sd-toggle--unchecked {\n        .sd-toggle__track {\n          background: $grey_50;\n        }\n      }\n    }\n  }\n}\n","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'sd-toggle',\n styleUrl: 'sd-toggle.scss',\n})\nexport class SdToggle {\n @Prop({ mutable: true }) value: boolean = false;\n\n @Prop() label: string = '';\n\n @Prop() disabled: boolean = false;\n\n @Event({ eventName: 'sdUpdate' }) change!: EventEmitter<boolean>;\n\n componentWillLoad() {\n  this.updateCheckedState(this.value);\n }\n\n componentWillRender() {\n  this.updateCheckedState(this.value);\n }\n\n private updateCheckedState(value: boolean) {\n  this.value = value;\n }\n\n private get toggleClasses(): string {\n  const classes = ['sd-toggle', this.value ? 'sd-toggle--checked' : 'sd-toggle--unchecked'];\n\n  if (this.disabled) {\n   classes.push('sd-toggle--disabled');\n  }\n\n  return classes.join(' ');\n }\n\n private handleChange = () => {\n  if (this.disabled) return;\n\n  const newValue = !this.value;\n  this.value = newValue;\n  this.change.emit(newValue);\n };\n\n render() {\n  return (\n   <label\n    // aria-checked={this.value.toString()}\n    // aria-disabled={this.disabled.toString()}\n    // role=\"switch\"\n    aria-label={this.label || 'toggle'}\n    class={this.toggleClasses}\n   >\n    <input\n     type=\"checkbox\"\n     checked={this.value}\n     disabled={this.disabled}\n     onInput={this.handleChange}\n    />\n    {this.label && <span class=\"sd-toggle__label\">{this.label}</span>}\n    <div class=\"sd-toggle__track\">\n     <div class=\"sd-toggle__thumb\"></div>\n    </div>\n   </label>\n  );\n }\n}\n"],"version":3}

package/dist/components/sd-tooltip.js

@@ -1,4 +1,4 @@
-import { S as SdTooltip$1, d as defineCustomElement$1 } from './p-K42WRBPA.js';
+import { S as SdTooltip$1, d as defineCustomElement$1 } from './p-7xekTQRB.js';
 
 const SdTooltip = SdTooltip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/design-system/design-system.css

@@ -1 +1 @@
-.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}: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}.sd-popover-menu{width:fit-content;padding:12px 20px;border-radius:4px;color:white;background:#07284a;font-size:12px;position:relative;box-sizing:border-box}.sd-popover-menu__arrow{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-popover-menu__arrow svg{width:100%;height:100%}.sd-popover-menu__arrow--top{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-popover-menu__arrow--bottom{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-popover-menu__arrow--left{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-popover-menu__arrow--right{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-popover-menu__content{font-size:12px;line-height:20px}.sd-popover-menu__content .sd-popover-menu__title{font-weight:700;margin-bottom:4px}.sd-popover-menu__content .sd-popover-menu__messages{font-weight:500}.sd-popover-menu__content .sd-popover-menu__buttons{margin-top:12px;display:flex;gap:8px;align-items:center}.sd-popover-menu__content .sd-popover-menu__buttons--1{justify-content:flex-end}.sd-popover-menu__content .sd-popover-menu__buttons--2{justify-content:space-between}.sd-popover-menu__close-button{position:absolute;top:16px;right:12px;padding:0;background:none;border:none;cursor:pointer}
+.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}

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

@@ -1,2 +1,2 @@
-import{p as e,g as l,b as a}from"./p-7X2nzJWz.js";export{s as setNonce}from"./p-7X2nzJWz.js";var o=()=>{const l=import.meta.url;const a={};if(l!==""){a.resourcesUrl=new URL(".",l).href}return e(a)};o().then((async e=>{await l();return a([["p-27985b84",[[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],bodyCellRenderer:[16],useInternalPagination:[4,"use-internal-pagination"],useRowsPerPageSelect:[4,"use-rows-per-page-select"],rowsPerPageOption:[16],currentPage:[32],innerRows:[32],innerSelected:[32],columnWidths:[32],scrolledLeft:[32],scrolledRight:[32]},null,{columns:["handleColumnsChange"],rows:["handleRowsChange"],selected:["handleSelectedChange"],pagination:["handlePaginationChange"]}]]],["p-e180c69c",[[772,"sd-select-multiple",{value:[1040],label:[1],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],disabled:[4],clearable:[4],searchable:[4],useCheckbox:[4,"use-checkbox"],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32],open:[64]},null,{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}]]],["p-2633690f",[[770,"sd-date-picker",{value:[1537],label:[1],selectable:[16],disabled:[4],placeholder:[1],isOpen:[32],currentDate:[32],currentYear:[32],currentMonth:[32]}]]],["p-bdd9afaf",[[770,"sd-date-range-picker",{value:[16],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"]}]]],["p-5576f0f0",[[769,"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"]}]]],["p-de826a92",[[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],modalClass:[1,"modal-class"]}]]],["p-9ade8cd7",[[770,"sd-badge",{size:[1],color:[1],label:[1]}]]],["p-ddfe63b8",[[772,"sd-card",{bordered:[4],cardClassName:[1,"card-class-name"]}]]],["p-b5720c60",[[768,"sd-progress",{type:[1],error:[4],percentage:[2],size:[2],strokeWidth:[2,"stroke-width"],label:[1]}]]],["p-7a424f6b",[[768,"sd-radio-button-group",{value:[1544],radioOptions:[1040],size:[1],disabled:[4],name:[1],selectedValue:[32]},null,{value:["valueChanged"]}]]],["p-0893dbd0",[[772,"sd-td",{name:[1],align:[1],tdStyle:[16],tdClass:[1,"td-class"]}]]],["p-b1b828e6",[[770,"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]}]]],["p-a7bdb6ba",[[260,"sd-tbody"],[260,"sd-th"],[260,"sd-tr"]]],["p-7ca988ab",[[772,"sd-table-backup",{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],headerCellRenderer:[16],bodyCellRenderer:[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"],columnWidths:["handleColumnWidthsChange"],rows:["handleRowsChange"],selected:["handleSelectedChange"],pagination:["handlePaginationChange"]}],[772,"sd-select-multiple-group",{value:[1040],label:[1],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"],containerStyle:[16],triggerStyle:[16],dropdownStyle:[16],optionStyle:[16],labelStyle:[16],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32],isDropdownReady:[32],open:[64]},null,{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}],[768,"sd-guide",{type:[1],label:[1],message:[1],guideUrl:[1,"guide-url"],popupTitle:[1,"popup-title"],popupWidth:[2,"popup-width"],popupShow:[32]}],[770,"sd-toast-message",{icon:[1],message:[1],link:[1],linkLabel:[1,"link-label"],buttonLabel:[1,"button-label"],close:[4],type:[1],isVisible:[32]}],[768,"sd-file-picker",{value:[1040],placeholder:[1],disabled:[4],inline:[4],multiple:[4],accept:[1],width:[8],internalValue:[32],hovered:[32],showTooltip:[32]},null,{value:["valueChanged"]}],[768,"sd-number-input",{min:[2],max:[2],step:[2],useButton:[4,"use-button"],useDecimal:[4,"use-decimal"],value:[1032],label:[1],placeholder:[1],disabled:[4],width:[8],rules:[16],autoFocus:[4,"auto-focus"],status:[1],inputClass:[1,"input-class"],readonly:[4],inputStyle:[16],internalValue:[32],displayValue:[32],hovered:[32],error:[32],getNativeElement:[64]},null,{value:["valueChanged"],internalValue:["internalValueChanged"]}],[768,"sd-tabs",{value:[1537],tabs:[1040],size:[1],isSub:[4,"is-sub"],selectedValue:[32]},null,{value:["valueChanged"]}],[768,"sd-radio-group",{value:[1544],radioOptions:[1040],direction:[1],disabled:[4],name:[1],selectedValue:[32]},null,{value:["valueChanged"]}],[768,"sd-toggle",{value:[1540],label:[1],disabled:[4],isChecked:[32]}],[768,"sd-toggle-button",{value:[1540],label:[1],disabled:[4],isActive:[32]}],[768,"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]}],[768,"sd-loading-spinner",{color:[1]}],[769,"sd-tag",{size:[1],color:[1],rounded:[4],label:[1],bgColor:[1,"bg-color"],textColor:[1,"text-color"]}],[772,"sd-select",{value:[1032],label:[1],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],disabled:[4],clearable:[4],searchable:[4],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32],open:[64]},null,{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}],[768,"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],slotContent:[32]}],[768,"sd-pagination",{currentPage:[2,"current-page"],lastPage:[2,"last-page"],simple:[4]}],[768,"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],isDisabled:[64]}],[768,"sd-select-search-input",{isScrolled:[4,"is-scrolled"],searchText:[1,"search-text"],getNativeElement:[64],searchInputFocus:[64]}],[769,"sd-tooltip-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"]]],[768,"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"],class:[1]}],[768,"sd-checkbox",{checked:[1028],val:[8],disabled:[4],label:[1],isChecked:[32]},null,{checked:["watchValueHandler"]}],[772,"sd-input",{value:[1032],label:[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],inputStyle:[16],internalValue:[32],error:[32],focused:[32],hovered:[32],getNativeElement:[64]},null,{value:["valueChanged"],internalValue:["internalValueChanged"]}],[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"]]],[768,"sd-icon",{name:[1],size:[8],color:[1],rotate:[2],label:[1],iconStyle:[16]}]]]],e)}));
+import{p as e,g as l,b as a}from"./p-C3qNZ7Qh.js";export{s as setNonce}from"./p-C3qNZ7Qh.js";var o=()=>{const l=import.meta.url;const a={};if(l!==""){a.resourcesUrl=new URL(".",l).href}return e(a)};o().then((async e=>{await l();return a(JSON.parse('[["p-9d2459ed",[[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],"headerCellRenderer":[16],"bodyCellRenderer":[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"],"columnWidths":["handleColumnWidthsChange"],"rows":["handleRowsChange"],"selected":["handleSelectedChange"],"pagination":["handlePaginationChange"]}]]],["p-c25c4bd6",[[768,"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],"name":[1],"rules":[16],"error":[4],"optionRenderer":[16],"isOpen":[32],"itemIndex":[32],"isScrolled":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":["valueChanged"],"isOpen":["isOpenChanged"]}]]],["p-652c4d37",[[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],"name":[1],"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"],"options":["optionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"],"isOpen":["isOpenChanged"]}]]],["p-0d3f019d",[[770,"sd-date-picker",{"value":[1537],"label":[1],"selectable":[16],"disabled":[4],"placeholder":[1],"isOpen":[32],"currentDate":[32],"currentYear":[32],"currentMonth":[32]}]]],["p-f254b09a",[[770,"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"]}]]],["p-02e23509",[[768,"sd-guide",{"type":[1],"label":[1],"message":[1],"guideUrl":[1,"guide-url"],"popupTitle":[1,"popup-title"],"popupWidth":[2,"popup-width"],"popupShow":[32]}]]],["p-cde56c79",[[768,"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"]}]]],["p-661c4553",[[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],"modalClass":[1,"modal-class"]}]]],["p-d77422e4",[[770,"sd-toast-message",{"icon":[1],"message":[1],"link":[1],"linkLabel":[1,"link-label"],"buttonLabel":[1,"button-label"],"useClose":[4,"use-close"],"type":[1],"isVisible":[32]}]]],["p-15dd1289",[[768,"sd-file-picker",{"value":[1040],"placeholder":[1],"disabled":[4],"inline":[4],"multiple":[4],"accept":[1],"width":[8],"internalValue":[32],"hovered":[32],"showTooltip":[32]},null,{"value":["valueChanged"]}]]],["p-0a2f733d",[[768,"sd-number-input",{"min":[2],"max":[2],"step":[2],"useButton":[4,"use-button"],"useDecimal":[4,"use-decimal"],"value":[1032],"label":[1],"placeholder":[1],"disabled":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"inputClass":[1,"input-class"],"readonly":[4],"inputStyle":[16],"internalValue":[32],"displayValue":[32],"hovered":[32],"error":[32],"sdGetNativeElement":[64]},null,{"value":["valueChanged"],"internalValue":["internalValueChanged"]}]]],["p-2400d67b",[[769,"sd-tag",{"size":[1],"color":[1],"rounded":[4],"label":[1],"bgColor":[1,"bg-color"],"textColor":[1,"text-color"]}]]],["p-a7d4c6bd",[[768,"sd-tabs",{"value":[1537],"tabs":[1040],"size":[1],"isSub":[4,"is-sub"]},null,{"value":["valueChanged"]}]]],["p-ac29c52c",[[768,"sd-badge",{"size":[1],"color":[1],"label":[1]}]]],["p-282f4087",[[772,"sd-card",{"bordered":[4],"cardClassName":[1,"card-class-name"]}]]],["p-8df72aa2",[[260,"sd-form",{"sdRegisterField":[64],"sdUnregisterField":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidation":[64]}]]],["p-388d5b9f",[[768,"sd-progress",{"type":[1],"error":[4],"percentage":[2],"size":[2],"strokeWidth":[2,"stroke-width"],"label":[1]}]]],["p-b0277422",[[768,"sd-radio-button-group",{"value":[1032],"radioOptions":[1040],"size":[1],"disabled":[4],"name":[1]}]]],["p-216c6543",[[768,"sd-radio-group",{"value":[1544],"radioOptions":[1040],"direction":[1],"disabled":[4],"name":[1],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["p-6277b220",[[768,"sd-toggle",{"value":[1028],"label":[1],"disabled":[4]}]]],["p-f3287206",[[768,"sd-toggle-button",{"value":[1540],"label":[1],"disabled":[4],"isActive":[32]}]]],["p-dc410414",[[770,"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]}]]],["p-4d7bb5b6",[[768,"sd-textarea",{"value":[1025],"name":[1],"disabled":[4],"width":[8],"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"],"internalValue":["internalValueChanged"]}],[768,"sd-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"simple":[4]}],[768,"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"]]],[768,"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"],"class":[1]}],[768,"sd-icon",{"name":[1],"size":[8],"color":[1],"rotate":[2],"label":[1],"iconStyle":[16]}]]],["p-827ca975",[[768,"sd-checkbox",{"value":[1028],"val":[8],"disabled":[4],"label":[1],"isChecked":[32]},null,{"value":["watchValueHandler"]}]]],["p-686958c5",[[768,"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]}]]],["p-53972259",[[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"],"internalValue":["internalValueChanged"]}],[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]}]]],["p-811c5aa4",[[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"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"]}],[768,"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]}],[768,"sd-select-search-input",{"isScrolled":[4,"is-scrolled"],"searchText":[1,"search-text"],"sdGetNativeElement":[64],"sdSearchInputFocus":[64]}]]],["p-c3061828",[[768,"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],"name":[1],"rules":[16],"error":[4],"optionRenderer":[16],"isOpen":[32],"itemIndex":[32],"isScrolled":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":["valueChanged"],"isOpen":["isOpenChanged"]}],[768,"sd-loading-spinner",{"color":[1]}]]]]'),e)}));
 //# sourceMappingURL=design-system.esm.js.map

package/dist/design-system/p-02e23509.entry.js

@@ -0,0 +1,2 @@
+import{r as t,a as e,h as o,H as i}from"./p-C3qNZ7Qh.js";const n=()=>`@charset "UTF-8";sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{text-decoration:none;cursor:pointer;border-radius:4px;transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none}.sd-button--xs{padding:0 8px;font-size:12px;font-weight:500;line-height:20px;min-height:24px}.sd-button--sm{padding:0 12px;font-size:12px;font-weight:500;line-height:20px;min-height:28px}.sd-button--md{padding:0 20px;font-size:16px;font-weight:500;line-height:26px;min-height:34px}.sd-button--lg{padding:0 28px;font-size:18px;font-weight:500;line-height:30px;min-height:62px}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:1px solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:1px solid #cccccc;background:#e1e1e1;color:#888888;cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:fit-content;height:fit-content;aspect-ratio:1/1}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:4px;z-index:1;font-weight:500}sd-guide{display:inline-flex;align-items:center}sd-guide .sd-guide{display:inline-flex}sd-guide .sd-guide .sd-button{padding:0 16px 0 12px;border-radius:16px;color:#333333 !important;display:flex;align-items:center;transition:none}sd-guide .sd-guide .sd-button .sd-button__content{color:#333333 !important}sd-guide .sd-guide .sd-button .sd-button__content .sd-button__label{color:#333333 !important;margin-left:4px}sd-guide .sd-guide--active .sd-button{border:1px solid #00973c}sd-guide .sd-guide--active .sd-button .sd-button__content .sd-button__label{color:white !important}.sd-guide__popup{position:relative;padding:20px 32px;border-radius:8px;box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.1);background:white}.sd-guide__popup>.sd-guide__popup__close{position:absolute;top:12px;right:12px}.sd-guide__popup__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sd-guide__popup__header .sd-guide__popup__title{margin-top:0;font-size:16px;font-weight:700;line-height:26px;color:#333333}.sd-guide__popup__list{width:100%;padding:0;margin:0}.sd-guide__popup__list__item{display:flex;width:100%;align-items:start;list-style:none;color:#333333;font-size:12px;font-weight:400}.sd-guide__popup__list__item p{width:100%;padding:0;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;min-width:0}.sd-guide__popup__list__item::before{display:block;content:"-";width:6px;color:#333333;font-size:12px;font-weight:400;margin-left:10px;margin-right:12px;flex-shrink:0}.sd-guide__popup__list__item--depth-2::before{content:"•"}.sd-guide__popup__list__item--depth-2{padding-left:26px}`;const s={help:"활용 TIP",pdf:"PDF Guide",youtube:"Video Guide",notion:"사용법 안내",event:"Event Button"};const d={help:{name:"helpOutline",size:20,color:"green_75"},pdf:{name:"pdf",size:20,color:"red_75"},youtube:{name:"youtube",size:20,color:"red_75"},notion:{name:"notion",size:16,color:"black"},event:{name:"event",size:16,color:"brilliantblue_70"}};const p=class{constructor(e){t(this,e)}get el(){return e(this)}type="help";label="";message="";guideUrl="";popupTitle="";popupWidth;popupShow=false;guideRef;handleClickGuide=()=>{if(this.type==="help"){this.popupShow=!this.popupShow;return}if(this.guideUrl){window.open(this.guideUrl,"_blank")}};get guideClass(){const t=["sd-guide",`sd-guide--${this.type}`];if(this.popupShow)t.push("sd-guide--active");return t.join(" ")}closeDropdown=()=>{this.popupShow=false};render(){const{name:t,size:e,color:n}=d[this.type];return o(i,{key:"a7a284528f1bf4c24cbf4c645c600bfdb8ac3397",style:{"--sd-guide-color":d[this.type].color}},o("sd-button",{key:"7a31bb752942f693d77e687b7ee433772f0fb968",ref:t=>this.guideRef=t,class:this.guideClass,variant:this.popupShow?"primary":"outline",label:this.label||s[this.type],size:"sm",color:this.popupShow?d[this.type].color:"grey_45",icon:t,iconColor:this.popupShow?"white":n,iconSize:e,noHover:this.popupShow,onClick:this.handleClickGuide}),this.type==="help"&&this.popupShow&&o("sd-portal",{key:"b90a2c0594d2b9a09aad39954400fc648b14b776",open:this.popupShow,parentRef:this.guideRef,onSdClose:this.closeDropdown,offset:[0,4]},o("div",{key:"5f74f1b359de72ce3224a6d85971dc599e9eca11",style:{position:"absolute",width:"0px",height:"0px"}},o("div",{key:"c7f0fea72dec238904e6ec696f0de8d7b4d99139",class:"sd-guide__popup",style:{width:this.popupWidth?this.popupWidth+"px":"426px"}},o("sd-button",{key:"91d375b51051cc6689d57a22615ece587592d4cd",class:"sd-guide__popup__close",icon:"close",color:"grey_65",size:"md",variant:"ghost",noHover:true,onClick:this.closeDropdown}),o("div",{key:"182d31b38da2082c18ed6d25d6879e8e5d5fc839",class:"sd-guide__popup__header"},o("sd-icon",{key:"21a45f953f436528e8a5a0d08af988cb7cbbbf0c",name:"helpOutline",size:24,color:"green_65"}),o("h3",{key:"f6f24e6584b585fb6719327fed01bff87df8b9b9",class:"sd-guide__popup__title"},this.popupTitle||s[this.type])),o("ul",{key:"87fc85b3bb2bdd0e902bd7dc81cd6e36447d5241",class:"sd-guide__popup__list"},this.renderListItem(this.message))))))}renderListItem(t,e=0){const o=[];if(Array.isArray(t)){const i=t.map((t=>this.renderListItem(t,e+1)));o.push(...i.flat())}else{o.push(this.renderLi(t,e))}return o}renderLi=(t,e)=>o("li",{class:`sd-guide__popup__list__item sd-guide__popup__list__item--depth-${e}`},o("p",{innerHTML:t}))};p.style=n();export{p as sd_guide};
+//# sourceMappingURL=p-02e23509.entry.js.map

package/dist/design-system/p-02e23509.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","getElement","h","Host","sdGuideCss","GUIDE_LABEL","help","pdf","youtube","notion","event","GUIDE_ICON","name","size","color","SdGuide","constructor","hostRef","this","el","type","label","message","guideUrl","popupTitle","popupWidth","popupShow","guideRef","handleClickGuide","window","open","guideClass","classes","push","join","closeDropdown","render","iconName","iconSize","iconColor","key","style","ref","class","variant","icon","noHover","onClick","parentRef","onSdClose","offset","position","width","height","renderListItem","depth","listItems","Array","isArray","depthMsg","map","msg","flat","renderLi","innerHTML"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/design-system/p-0a2f733d.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,a as n,h as i,H as s}from"./p-C3qNZ7Qh.js";const r=()=>`sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}.sd-number-input{box-sizing:border-box;display:flex;width:var(--input-width, 100%);align-items:center;height:28px;padding:4px 8px;border:1px solid #aaaaaa;border-radius:4px;color:#333333;font-size:12px;line-height:20px;background:white;position:relative}.sd-number-input--hovered{border-color:#0075ff;box-shadow:0 0 4px 0 rgba(0, 113, 255, 0.4)}.sd-number-input.sd-number-input--error{border-color:#fb4444}.sd-number-input.sd-number-input--pass{border-color:#2bce6c}.sd-number-input.sd-number-input--disabled{background-color:#eeeeee !important;border-color:#cccccc !important;cursor:not-allowed !important;box-shadow:none !important}.sd-number-input.sd-number-input--disabled .sd-number-input__input{color:#888888 !important;cursor:not-allowed !important}.sd-number-input .sd-number-input__input{display:block;width:100%;height:20px;line-height:20px;border:none;outline:none;background:transparent;font-size:inherit;color:#333333;margin-left:4px;margin-right:4px;padding-block:0;padding-inline:0;text-align:right}.sd-number-input .sd-number-input__input::placeholder{font-size:12px;height:20px;line-height:20px;color:#aaaaaa}.sd-number-input .sd-number-input__clear-icon{cursor:pointer;margin-left:8px}.sd-number-input .sd-number-input__buttons{padding:4px;display:flex;justify-content:space-between;align-items:center;position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 0.2s ease}.sd-number-input .sd-number-input__button{width:20px;height:20px;border:none;border-radius:2px;background-color:#eff6ff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color 0.2s ease}.sd-number-input .sd-number-input__button:hover:not(:disabled){background-color:#e6f1ff}.sd-number-input .sd-number-input__button:disabled{background-color:#eeeeee;cursor:not-allowed}.sd-number-input .sd-number-input__button--decrement{border-bottom-left-radius:0;border-bottom-right-radius:0}.sd-number-input .sd-number-input__button--increment{border-top-left-radius:0;border-top-right-radius:0}.sd-number-input .sd-number-input__label{margin-bottom:8px;font-weight:500;color:#333333}sd-number-input:focus-within .sd-number-input__buttons{opacity:1;pointer-events:auto}sd-number-input:focus-within .sd-number-input{border-color:#0075ff;box-shadow:0 0 4px 0 rgba(0, 113, 255, 0.4)}`;const u=class{constructor(n){t(this,n);this.update=e(this,"sdUpdate");this.focus=e(this,"sdFocus");this.blur=e(this,"sdBlur")}get el(){return n(this)}min=Number.NEGATIVE_INFINITY;max=Number.POSITIVE_INFINITY;step=1;useButton=false;useDecimal=false;value=null;label;placeholder="입력해 주세요.";disabled=false;width;rules;autoFocus=false;status;inputClass="";readonly=false;inputStyle={};internalValue=null;displayValue="";hovered=false;error=false;nativeEl=undefined;update;focus;blur;formatWithCommas(t){if(t===null||t===undefined)return"";const e=t<0;const n=Math.abs(t);const[i,s]=n.toString().split(".");const r=(+i).toLocaleString();const u=e?"-"+r:r;return s?u+"."+s:String(u)}parseInput(t){if(!t||t.trim()==="")return null;const e=t.replace(/,/g,"").trim();if(!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(e)){return null}const n=parseFloat(e);if(isNaN(n))return null;if(!this.useDecimal&&e.includes(".")){return null}return n}clampMinMax(t){return Math.min(Math.max(t,this.min),this.max)}updateDisplay(){this.displayValue=this.formatWithCommas(this.internalValue)}isIncrementDisabled(){if(this.disabled||this.readonly)return true;if(this.internalValue!==null){return this.internalValue>=this.max}return false}isDecrementDisabled(){if(this.disabled||this.readonly)return true;if(this.internalValue!==null){return this.internalValue<=this.min}return false}valueChanged(t){if(t===null||t===""){this.internalValue=null}else{const e=typeof t==="string"?this.parseInput(t):t;if(e!==null){this.internalValue=this.clampMinMax(e)}}this.updateDisplay()}internalValueChanged(t){this.updateDisplay();if(t!==this.value){this.value=t;this.update?.emit(t)}if(!this.rules||this.rules.length===0)return;this.error=false;for(const e of this.rules){const n=e(t);if(n!==true){this.error=true;break}}}componentWillLoad(){if(this.value!==null&&this.value!==undefined){const t=typeof this.value==="string"?this.parseInput(this.value):this.value;if(t!==null){this.internalValue=this.clampMinMax(t)}}this.updateDisplay()}handleInput=t=>{const e=t.target;const n=e.value;if(n===""){this.internalValue=null;this.displayValue="";return}const i=n.replace(/,/g,"");const s=(i.match(/\./g)||[]).length;if(s>1){e.value=this.displayValue;return}if(i==="-"||i==="."||i==="-."){e.value=i;return}if(i.endsWith(".")&&s===1){const t=i.slice(0,-1);const n=this.parseInput(t);if(n!==null){const t=this.formatWithCommas(n);e.value=t+".";return}}const r=this.parseInput(i);if(r!==null){if(r<this.min){e.value=this.displayValue;return}if(r>this.max){e.value=this.displayValue;return}this.internalValue=r;this.displayValue=this.formatWithCommas(r);e.value=this.displayValue}else{e.value=this.displayValue}};handleFocus=t=>{this.focus?.emit(t)};handleBlur=t=>{this.updateDisplay();if(this.nativeEl){this.nativeEl.value=this.displayValue}this.blur?.emit(t)};handleKeyDown=t=>{if(t.key==="ArrowUp"){t.preventDefault();this.handleIncrement()}else if(t.key==="ArrowDown"){t.preventDefault();this.handleDecrement()}};handleIncrement=()=>{if(this.isIncrementDisabled())return;const t=this.internalValue??this.min??0;let e=t+this.step;if(e>this.max){e=this.max}if(e===t)return;this.internalValue=e};handleDecrement=()=>{if(this.isDecrementDisabled())return;const t=this.internalValue??this.min??0;let e=t-this.step;if(e<this.min){e=this.min}if(e===t)return;this.internalValue=e};async sdGetNativeElement(){return this.nativeEl||null}getInputStatus(){if(this.disabled)return"sd-number-input--disabled";if(this.hovered)return"sd-number-input--hovered";if(this.status)return`sd-number-input--${this.status}`;if(this.error)return"sd-number-input--error";return""}render(){const t=this.width?{"--input-width":typeof this.width==="number"?`${this.width}px`:this.width}:{};const e={textAlign:this.useButton?"center":"right"};return i(s,{key:"cc0a8b33a183c708f4caab8b085647666f3f6a98",style:t,onFocus:this.handleFocus,onBlur:this.handleBlur},this.useButton?"use buttons":"dont use buttons",this.label&&i("div",{key:"65a9e62f1ae8d4c4f8712a93a86e5c179953d398",class:"sd-number-input__label"},this.label),i("label",{key:"25a1617e500b5c002b540215fa59c9d419468462",class:{"sd-number-input":true,[this.getInputStatus()]:true,"sd-number-input--with-buttons":this.useButton},onMouseEnter:()=>this.hovered=true,onMouseLeave:()=>this.hovered=false,style:this.inputStyle},i("input",{key:"3cdbc6d5f59a6eaa3766e38768c718ca69a2b111",ref:t=>this.nativeEl=t,class:`sd-number-input__input ${this.inputClass}`,type:"text",inputMode:"numeric",value:this.displayValue,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,style:e}),this.useButton&&i("div",{key:"8929f899d9c3f06510fc7d7d9c9a33fbaf0786ac",class:"sd-number-input__buttons"},i("button",{key:"d3673187beb0c5941b38b78016596519bf802935",type:"button",class:{"sd-number-input__button":true,"sd-number-input__button--decrement":true},disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},i("sd-icon",{key:"bd0b93c426d1dbc6ca5be932f999e0fa09538571",name:"minus",size:12,color:this.isDecrementDisabled()?"#CCCCCC":"#2D8DFF"})),i("button",{key:"b763da67109584b0c55dcfeaf3b2779c31c7caa4",type:"button",class:{"sd-number-input__button":true,"sd-number-input__button--increment":true},disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},i("sd-icon",{key:"48c6fc62f19db50be1c23d65706b345a6d543d87",name:"add",size:12,color:this.isIncrementDisabled()?"#CCCCCC":"#2D8DFF"})))))}static get watchers(){return{value:["valueChanged"],internalValue:["internalValueChanged"]}}};u.style=r();export{u as sd_number_input};
+//# sourceMappingURL=p-0a2f733d.entry.js.map

package/dist/design-system/p-0a2f733d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","getElement","h","Host","sdNumberInputCss","SdNumberInput","constructor","hostRef","this","update","focus","blur","el","min","Number","NEGATIVE_INFINITY","max","POSITIVE_INFINITY","step","useButton","useDecimal","value","label","placeholder","disabled","width","rules","autoFocus","status","inputClass","readonly","inputStyle","internalValue","displayValue","hovered","error","nativeEl","undefined","formatWithCommas","isNegative","absValue","Math","abs","intPart","decPart","toString","split","formatted","toLocaleString","result","String","parseInput","input","trim","cleaned","replace","test","parsed","parseFloat","isNaN","includes","clampMinMax","updateDisplay","isIncrementDisabled","isDecrementDisabled","valueChanged","newValue","internalValueChanged","emit","length","rule","componentWillLoad","handleInput","event","target","inputValue","commasRemoved","decimalCount","match","endsWith","numberPart","slice","handleFocus","handleBlur","handleKeyDown","key","preventDefault","handleIncrement","handleDecrement","currentVal","nextVal","sdGetNativeElement","getInputStatus","render","inputWidth","inputStyles","textAlign","style","onFocus","onBlur","class","onMouseEnter","onMouseLeave","ref","type","inputMode","autofocus","onInput","onKeyDown","onClick","tabindex","name","size","color","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/design-system/p-0d3f019d.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,a as d,h as a,H as s}from"./p-C3qNZ7Qh.js";import{u as i,t as c}from"./p-QZbqqKSO.js";const r=()=>`.sd-date-picker.sc-sd-date-picker{width:100%;display:inline-block}.sd-date-picker.sc-sd-date-picker .sd-date-picker--disabled.sc-sd-date-picker .date-icon.sc-sd-date-picker{cursor:not-allowed !important;color:#888888 !important}.sd-date-picker.sc-sd-date-picker .sd-date-picker__input.sc-sd-date-picker{text-align:center !important}.sd-date-picker__menu.sc-sd-date-picker{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker button.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker button.sc-sd-date-picker{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav__current.sc-sd-date-picker{width:40px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav__current.sc-sd-date-picker{width:100px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker .day.sc-sd-date-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__body.sc-sd-date-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}`;const n=class{constructor(d){e(this,d);this.update=t(this,"sdUpdate")}get el(){return d(this)}value=null;label;selectable;disabled=false;placeholder="";isOpen=false;currentDate=null;currentYear;currentMonth;update;componentWillLoad(){this.setCalendar()}dateUtil=i();inputEl;setCalendar(){const e=this.value||c;const[t,d]=e.split("-").map(Number);this.currentYear=t;this.currentMonth=d;this.currentDate=this.value}openMenu(){if(this.disabled)return;this.setCalendar();this.isOpen=true}get calendar(){return this.dateUtil.createCalendar(this.currentYear,this.currentMonth)}setCurrentYear(e){this.currentYear=e}setCurrentMonth(e){this.currentMonth=e}setCurrentDate(e){this.currentDate=e}handleUpdateMonth(e){const{newYear:t,newMonth:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,e);this.setCurrentYear(t);this.setCurrentMonth(d)}handleDateClick(e){if(!e)return;const t=this.dateUtil.formatDate(this.currentYear,this.currentMonth,e);this.setCurrentDate(t);this.isOpen=false;this.value=t;this.update.emit?.(t)}isDisabledDate(e){if(!this.selectable)return false;const[t,d]=this.selectable;if(t&&d){return e<t||e>d}if(t){return e<t}if(d){return e>d}return false}handleClose=()=>{this.isOpen=false};render(){return a(s,{key:"4eccf6134d01546c9a47ddc3806233dd68195a8a",class:{"sd-date-picker":true,"sd-date-picker--disabled":this.disabled}},a("sd-input",{key:"f1c015db2efd3801792266d7abb6391e2751c225",ref:e=>this.inputEl=e,value:this.value,label:this.label,"inside-label":true,readonly:true,disabled:this.disabled,placeholder:this.placeholder,inputClass:"sd-date-picker__input",onClick:()=>this.openMenu()},a("sd-icon",{key:"671f3d5166618228d2018477b4b9f1b3c13fa312",slot:"prefix",name:"date",size:"16",color:this.disabled?"grey_65":"grey_70",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&a("sd-portal",{key:"ca295d75db67328d189fefd16e3598f0a4b1b5fe",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},a("div",{key:"c9b0d87465936760ecf0453cfb5dad00247b7612",class:"sd-date-picker__menu"},a("div",{key:"fac0f5d91634d394cecda4c1a149103e12e210c6",class:"sd-date-picker__header"},a("div",{key:"2f55a9ec84e74135a7c1f8c1925f557ad85e43a8",class:"year-nav"},a("button",{key:"811d3eab71e03c23214d3da2e829d62af73c8828",type:"button",name:"prev-year",title:"Previous Year",onClick:()=>this.setCurrentYear(this.currentYear-1)},a("sd-icon",{key:"60bb560ea0aedc61a6ba7565b4f8daf95a33c9cf",name:"arrowLeft",size:"12",color:"#CCCCCC"})),a("span",{key:"976c256e704793d39e98a3e80ac0eb536a32b361",class:"year-nav__current"},this.currentYear),a("button",{key:"32ecf743b29434b1aeb9ef72d49a2254acd4e514",type:"button",name:"next-year",title:"Next Year",onClick:()=>this.setCurrentYear(this.currentYear+1)},a("sd-icon",{key:"a70f679e27d00db53047b387fa9d16520cb0369f",name:"arrowRight",size:"12",color:"#CCCCCC"}))),a("div",{key:"1d5e17dd8b4c0081a2cda2991e8e0055f0c4d24d",class:"month-nav"},a("button",{key:"3fa7edc4eb796e298b12ea64ac1aa0d83bf6ddb1",type:"button",name:"prev-month",title:"Previous       ",onClick:()=>this.handleUpdateMonth("prev")},a("sd-icon",{key:"3d6ed03bb28a1ccb711c97d31ff6d667ada8c410",name:"arrowLeft",size:"12",color:"#CCCCCC"})),a("span",{key:"5b3b1c05eb303ff7cb4a7ad599abd45747822589",class:"month-nav__current"},this.currentMonth,"월"),a("button",{key:"6718f389605d55f7c08934360171b61a28e2646d",type:"button",name:"next-month",title:"Next Month",onClick:()=>this.handleUpdateMonth("next")},a("sd-icon",{key:"8216564c82d61220f8d99bc9759a83994839a836",name:"arrowRight",size:"12",color:"#CCCCCC"})))),a("div",{key:"d3e9f16ec52b5ba82af3c5349966402c271ddb00",class:"sd-date-picker__days"},["일","월","화","수","목","금","토"].map((e=>a("div",{key:e,class:"day"},e)))),a("div",{key:"a2b2b56fefcecc67a06b5db9ae0a7767cca163f5",class:"sd-date-picker__body"},[...this.calendar.prevMonthDays,...this.calendar.days,...this.calendar.afterMonthDays].map(((e,t)=>{const d=this.dateUtil.formatDate(this.currentYear,this.currentMonth,Number(e));return a("sd-date-box",{key:`${e}_${t}`,date:!e?"":Number(e),selected:this.currentDate===d,isToday:c===d,disabled:!e?true:this.isDisabledDate(d),onClick:!this.isDisabledDate(d)&&e?()=>this.handleDateClick(Number(e)):undefined})}))))))}};n.style=r();export{n as sd_date_picker};
+//# sourceMappingURL=p-0d3f019d.entry.js.map

package/dist/design-system/p-0d3f019d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","getElement","h","Host","useDatePicker","today","sdDatePickerCss","SdDatePicker","constructor","hostRef","this","update","el","value","label","selectable","disabled","placeholder","isOpen","currentDate","currentYear","currentMonth","componentWillLoad","setCalendar","dateUtil","inputEl","base","year","month","split","map","Number","openMenu","calendar","createCalendar","setCurrentYear","setCurrentMonth","setCurrentDate","date","handleUpdateMonth","type","newYear","newMonth","calculateYearMonth","handleDateClick","day","formatDate","emit","isDisabledDate","startSelectable","endSelectable","handleClose","render","key","class","ref","readonly","inputClass","onClick","slot","name","size","color","open","parentRef","onSdClose","title","prevMonthDays","days","afterMonthDays","idx","formattedDate","selected","isToday","undefined","style"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/design-system/p-15dd1289.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,a as t,h as s}from"./p-C3qNZ7Qh.js";const r=()=>`sd-file-picker{display:inline-flex}.sd-file-picker{display:inline-flex;align-items:center;max-width:var(--picker-width, 100%);height:28px;gap:8px;padding:4px 8px;border:1px solid #aaaaaa;border-radius:4px;background-color:#ffffff;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;vertical-align:middle}.sd-file-picker__text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;font-size:12px;line-height:20px;color:#aaaaaa}.sd-file-picker__text--active{color:#222222}.sd-file-picker__text--placeholder{color:#aaaaaa}.sd-file-picker__icon{flex-shrink:0}.sd-file-picker__clear-icon{flex-shrink:0;cursor:pointer;transition:opacity 0.2s ease}.sd-file-picker__clear-icon:hover{opacity:0.7}.sd-file-picker__input{display:none}.sd-file-picker__tooltip{position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%);z-index:1000;white-space:nowrap;padding:8px 12px;background:rgba(0, 0, 0, 0.8);color:white;font-size:12px;line-height:18px;border-radius:4px;pointer-events:none}.sd-file-picker:hover:not(.sd-file-picker--inline):not(.sd-file-picker--disabled){background-color:#f6f6f6}.sd-file-picker--active:not(.sd-file-picker--inline):not(.sd-file-picker--disabled){background-color:#ffffff}.sd-file-picker--active:not(.sd-file-picker--inline):not(.sd-file-picker--disabled) .sd-file-picker__text{color:#222222}.sd-file-picker--disabled:not(.sd-file-picker--inline){background-color:#eeeeee;border-color:#cccccc;cursor:not-allowed !important}.sd-file-picker--disabled:not(.sd-file-picker--inline) .sd-file-picker__text{color:#888888}.sd-file-picker--inline{border:none;background-color:transparent;padding:0;height:auto}.sd-file-picker--inline .sd-file-picker__text{color:#aaaaaa}.sd-file-picker--inline:hover:not(.sd-file-picker--disabled) .sd-file-picker__text{color:#737373}.sd-file-picker--inline.sd-file-picker--active:not(.sd-file-picker--disabled) .sd-file-picker__text--active{color:#222222}.sd-file-picker--inline.sd-file-picker--disabled .sd-file-picker__text{color:#cccccc}`;const l=class{constructor(t){e(this,t);this.update=i(this,"sdUpdate")}get el(){return t(this)}value=null;placeholder="Click to upload";disabled=false;inline=false;multiple=false;accept;width;internalValue=null;hovered=false;showTooltip=false;fileInputRef;fileNamesRef;update;valueChanged(e){this.internalValue=e}componentDidLoad(){this.checkOverflow()}componentDidUpdate(){this.checkOverflow()}handleFileChange=e=>{const i=e.target;const t=i.files;if(!t||t.length===0){return}const s=Array.from(t);if(this.multiple){this.internalValue=s}else{this.internalValue=s[0]}this.value=this.internalValue;this.update?.emit(this.value)};handleClear=e=>{e.stopPropagation();const i=this.multiple?[]:null;this.value=i;this.internalValue=i;this.update?.emit(i);if(this.fileInputRef){this.fileInputRef.value=""}};handleClick=()=>{if(this.disabled)return;this.fileInputRef?.click()};getStatusClass(){if(this.disabled)return"sd-file-picker--disabled";if(this.hasFiles())return"sd-file-picker--active";return""}hasFiles(){if(!this.internalValue)return false;if(Array.isArray(this.internalValue)){return this.internalValue.length>0}return true}getDisplayText(){if(!this.hasFiles())return this.placeholder;if(Array.isArray(this.internalValue)){return this.internalValue.map((e=>e.name)).join(", ")}return this.internalValue?.name||this.placeholder}checkOverflow(){if(!this.fileNamesRef)return;const e=this.fileNamesRef.scrollWidth>this.fileNamesRef.clientWidth;this.showTooltip=e}getIconColor(){if(this.disabled){return this.inline?"grey_45":"grey_55"}return"grey_70"}render(){const e=this.hasFiles();const i=this.getDisplayText();return s("div",{key:"dac7726e25ba3bf4afa0da022cb3e472a8891cec",class:{"sd-file-picker":true,[this.getStatusClass()]:true,"sd-file-picker--inline":this.inline},onClick:this.handleClick,onMouseEnter:()=>this.hovered=true,onMouseLeave:()=>this.hovered=false},s("input",{key:"1ab733ebf6d98ad792b7b6d06f562b014504a2fe",ref:e=>this.fileInputRef=e,type:"file",class:"sd-file-picker__input",disabled:this.disabled,multiple:this.multiple,accept:this.accept,onInput:this.handleFileChange,"aria-label":this.placeholder}),s("sd-icon",{key:"c82214c83107f01314de1eb380a421fc80af043f",name:"attachFile",size:16,color:this.getIconColor(),class:"sd-file-picker__icon"}),s("div",{key:"11f5bfca6d50fd4e78c902ddc52995b3ed399b21",ref:e=>this.fileNamesRef=e,class:{"sd-file-picker__text":true,"sd-file-picker__text--placeholder":!e,"sd-file-picker__text--active":e}},i),!this.disabled&&e&&s("sd-icon",{key:"e429e10a285f12e16d1fa362e51903f12119bf3b",name:"close",size:12,color:"#888888",class:"sd-file-picker__clear-icon",onClick:this.handleClear}),this.showTooltip&&e&&this.hovered&&s("div",{key:"1a7c924eed094fdb070ed5711a9b09aeea8f3c56",class:"sd-file-picker__tooltip"},i))}static get watchers(){return{value:["valueChanged"]}}};l.style=r();export{l as sd_file_picker};
+//# sourceMappingURL=p-15dd1289.entry.js.map

package/dist/design-system/p-15dd1289.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","getElement","h","sdFilePickerCss","SdFilePicker","constructor","hostRef","this","update","el","value","placeholder","disabled","inline","multiple","accept","width","internalValue","hovered","showTooltip","fileInputRef","fileNamesRef","valueChanged","newValue","componentDidLoad","checkOverflow","componentDidUpdate","handleFileChange","event","input","target","files","length","fileArray","Array","from","emit","handleClear","stopPropagation","clearedValue","handleClick","click","getStatusClass","hasFiles","isArray","getDisplayText","map","f","name","join","isOverflowing","scrollWidth","clientWidth","getIconColor","render","displayText","key","class","onClick","onMouseEnter","onMouseLeave","ref","type","onInput","size","color","watchers","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAkBC,OAAYC,MAAS,kBAE5E,MAAMC,EAAkB,IAAM,ygEAE9B,MAAMC,EAAe,MACjB,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,GACvBC,KAAKC,OAASR,EAAYO,KAAM,WACpC,CACA,MAAIE,GAAO,OAAOR,EAAWM,KAAO,CACpCG,MAAQ,KACRC,YAAc,kBACdC,SAAW,MACXC,OAAS,MACTC,SAAW,MACXC,OACAC,MACAC,cAAgB,KAChBC,QAAU,MACVC,YAAc,MACdC,aACAC,aACAb,OACA,YAAAc,CAAaC,GACThB,KAAKU,cAAgBM,CACzB,CACA,gBAAAC,GACIjB,KAAKkB,eACT,CACA,kBAAAC,GACInB,KAAKkB,eACT,CACAE,iBAAoBC,IAChB,MAAMC,EAAQD,EAAME,OACpB,MAAMC,EAAQF,EAAME,MACpB,IAAKA,GAASA,EAAMC,SAAW,EAAG,CAC9B,MACJ,CACA,MAAMC,EAAYC,MAAMC,KAAKJ,GAC7B,GAAIxB,KAAKO,SAAU,CACfP,KAAKU,cAAgBgB,CACzB,KACK,CACD1B,KAAKU,cAAgBgB,EAAU,EACnC,CACA1B,KAAKG,MAAQH,KAAKU,cAClBV,KAAKC,QAAQ4B,KAAK7B,KAAKG,MAAM,EAEjC2B,YAAeT,IACXA,EAAMU,kBACN,MAAMC,EAAehC,KAAKO,SAAW,GAAK,KAC1CP,KAAKG,MAAQ6B,EACbhC,KAAKU,cAAgBsB,EACrBhC,KAAKC,QAAQ4B,KAAKG,GAClB,GAAIhC,KAAKa,aAAc,CACnBb,KAAKa,aAAaV,MAAQ,EAC9B,GAEJ8B,YAAc,KACV,GAAIjC,KAAKK,SACL,OACJL,KAAKa,cAAcqB,OAAO,EAE9B,cAAAC,GACI,GAAInC,KAAKK,SACL,MAAO,2BACX,GAAIL,KAAKoC,WACL,MAAO,yBACX,MAAO,EACX,CACA,QAAAA,GACI,IAAKpC,KAAKU,cACN,OAAO,MACX,GAAIiB,MAAMU,QAAQrC,KAAKU,eAAgB,CACnC,OAAOV,KAAKU,cAAce,OAAS,CACvC,CACA,OAAO,IACX,CACA,cAAAa,GACI,IAAKtC,KAAKoC,WACN,OAAOpC,KAAKI,YAChB,GAAIuB,MAAMU,QAAQrC,KAAKU,eAAgB,CACnC,OAAOV,KAAKU,cAAc6B,KAAIC,GAAKA,EAAEC,OAAMC,KAAK,KACpD,CACA,OAAO1C,KAAKU,eAAe+B,MAAQzC,KAAKI,WAC5C,CACA,aAAAc,GACI,IAAKlB,KAAKc,aACN,OACJ,MAAM6B,EAAgB3C,KAAKc,aAAa8B,YAAc5C,KAAKc,aAAa+B,YACxE7C,KAAKY,YAAc+B,CACvB,CACA,YAAAG,GACI,GAAI9C,KAAKK,SAAU,CACf,OAAOL,KAAKM,OAAS,UAAY,SACrC,CACA,MAAO,SACX,CACA,MAAAyC,GACI,MAAMX,EAAWpC,KAAKoC,WACtB,MAAMY,EAAchD,KAAKsC,iBACzB,OAAQ3C,EAAE,MAAO,CAAEsD,IAAK,2CAA4CC,MAAO,CACnE,iBAAkB,KAClB,CAAClD,KAAKmC,kBAAmB,KACzB,yBAA0BnC,KAAKM,QAChC6C,QAASnD,KAAKiC,YAAamB,aAAc,IAAOpD,KAAKW,QAAU,KAAO0C,aAAc,IAAOrD,KAAKW,QAAU,OAAUhB,EAAE,QAAS,CAAEsD,IAAK,2CAA4CK,IAAKpD,GAAOF,KAAKa,aAAeX,EAAKqD,KAAM,OAAQL,MAAO,wBAAyB7C,SAAUL,KAAKK,SAAUE,SAAUP,KAAKO,SAAUC,OAAQR,KAAKQ,OAAQgD,QAASxD,KAAKoB,iBAAkB,aAAcpB,KAAKI,cAAgBT,EAAE,UAAW,CAAEsD,IAAK,2CAA4CR,KAAM,aAAcgB,KAAM,GAAIC,MAAO1D,KAAK8C,eAAgBI,MAAO,yBAA2BvD,EAAE,MAAO,CAAEsD,IAAK,2CAA4CK,IAAKpD,GAAOF,KAAKc,aAAeZ,EAAKgD,MAAO,CAClpB,uBAAwB,KACxB,qCAAsCd,EACtC,+BAAgCA,IAC/BY,IAAehD,KAAKK,UAAY+B,GAAazC,EAAE,UAAW,CAAEsD,IAAK,2CAA4CR,KAAM,QAASgB,KAAM,GAAIC,MAAO,UAAWR,MAAO,6BAA8BC,QAASnD,KAAK8B,cAAiB9B,KAAKY,aAAewB,GAAYpC,KAAKW,SAAYhB,EAAE,MAAO,CAAEsD,IAAK,2CAA4CC,MAAO,2BAA6BF,GAC1X,CACA,mBAAWW,GAAa,MAAO,CAC3BxD,MAAS,CAAC,gBACX,GAEPN,EAAa+D,MAAQhE,WAEZC","ignoreList":[]}

package/dist/design-system/p-216c6543.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as r,h as i}from"./p-C3qNZ7Qh.js";const d=()=>`sd-radio-group{display:inline-block}sd-radio-group .sd-radio-group{display:flex}sd-radio-group .sd-radio-group--vertical{flex-direction:column;gap:8px}sd-radio-group .sd-radio-group--horizontal{flex-direction:row;align-items:center;gap:20px}sd-radio-group .sd-radio-group__option{width:fit-content;display:flex;align-items:center;gap:8px;font-weight:400;font-size:12px;line-height:20px;cursor:pointer}sd-radio-group .sd-radio-group__option:has(input:disabled){cursor:not-allowed}sd-radio-group .sd-radio-group__option input{position:relative;appearance:none;margin:0;width:16px;height:16px;border:1px solid #888888;border-radius:50%;cursor:pointer;accent-color:#0075ff;background-color:white}sd-radio-group .sd-radio-group__option input:checked{border-color:#0075ff;background-color:white}sd-radio-group .sd-radio-group__option input:checked::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background-color:#0075ff}sd-radio-group .sd-radio-group__option input:disabled{cursor:not-allowed;border-color:#cccccc;background-color:#eeeeee}sd-radio-group .sd-radio-group__option input:disabled:checked::before{background-color:#cccccc}sd-radio-group .sd-radio-group__option input:not(:disabled):hover{border-color:#0075ff;background-color:#d9eaff}sd-radio-group .sd-radio-group__label{font-size:12px;color:#333333;line-height:20px;user-select:none}sd-radio-group .sd-radio-group__option--disabled{cursor:not-allowed}sd-radio-group .sd-radio-group__option--disabled .sd-radio-group__label{color:#888888}`;const e=class{constructor(i){o(this,i);this.change=r(this,"sdUpdate")}value;radioOptions=[];direction="vertical";disabled=false;name;selectedValue;change;componentWillLoad(){if(this.value){this.selectedValue=this.value}}valueChanged(o){this.selectedValue=o}handleRadioChange=(o,r)=>{if(this.disabled||r)return;this.selectedValue=o;this.value=o;this.change.emit(o)};isOptionSelected(o){return this.selectedValue===o.value}isOptionDisabled(o){return this.disabled||!!o.disabled}getRadioClasses(o){const r=["sd-radio-group__option",this.isOptionSelected(o)?"sd-radio-group__option--selected":"sd-radio-group__option--unselected"];if(this.isOptionDisabled(o)){r.push("sd-radio-group__option--disabled")}return r.join(" ")}getGroupClasses(){const o=["sd-radio-group",`sd-radio-group--${this.direction}`];return o.join(" ")}render(){const o=this.name||`sd-radio-group-${Math.random().toString(36).substring(2,11)}`;return i("div",{key:"9599dded7410ed41178f6cbf93aa24897cc9b030",class:this.getGroupClasses(),role:"radiogroup"},this.radioOptions.map(((r,d)=>{const e=this.isOptionSelected(r);const a=this.isOptionDisabled(r);return i("label",{key:`radio-${d}`,class:this.getRadioClasses(r),role:"radio","aria-checked":e.toString(),"aria-disabled":a.toString(),"aria-label":r.label||"radio option"},i("input",{type:"radio",name:o,value:r.value.toString(),checked:e,disabled:a,onInput:()=>this.handleRadioChange(r.value,r.disabled)}),r.label&&i("span",{class:"sd-radio-group__label"},r.label))})))}static get watchers(){return{value:["valueChanged"]}}};e.style=d();export{e as sd_radio_group};
+//# sourceMappingURL=p-216c6543.entry.js.map