@govtechsg/sgds-web-component 3.28.1-rc.0 → 3.29.1-rc.0

package/base/button.js

@@ -1,6 +1,6 @@
 import { css } from "lit";
 //#region src/base/button.css
-var css_248z = css`:host{--btn-font-weight:var(--sgds-font-weight-regular);--btn-color:var(--sgds-color-fixed-light);--btn-bg:var(--sgds-primary-surface-default);--btn-hover-bg:var(--sgds-primary-surface-emphasis);--btn-border-radius:var(--sgds-border-radius-md);--btn-opacity:var(--sgds-opacity-100,1)}:host([variant=danger]){--btn-bg:var(--sgds-danger-surface-default);--btn-hover-bg:var(--sgds-danger-surface-emphasis);--btn-color:var(--sgds-color-fixed-light)}:host([variant=primary][tone=brand]){--btn-bg:var(--sgds-primary-surface-default);--btn-color:var(--sgds-color-fixed-light)}:host([variant=outline]){--btn-border-width:var(--sgds-border-width-1)}:host([variant=outline][tone=brand]){--btn-border-color:var(--sgds-primary-border-color-default);--btn-bg:var(--sgds-bg-transparent);--btn-color:var(--sgds-primary-color-default);--btn-hover-bg:var(--sgds-primary-bg-translucent)}:host([variant=ghost][tone=brand]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-primary-surface-translucent);--btn-color:var(--sgds-primary-color-default)}:host([variant=primary][tone=danger]){--btn-bg:var(--sgds-danger-surface-default);--btn-hover-bg:var(--sgds-danger-surface-emphasis);--btn-color:var(--sgds-color-fixed-light)}:host([variant=outline][tone=danger]){--btn-border-color:var(--sgds-danger-border-color-default);--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-danger-surface-translucent);--btn-color:var(--sgds-danger-color-default)}:host([variant=ghost][tone=danger]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-danger-surface-translucent);--btn-color:var(--sgds-danger-color-default)}:host([variant=primary][tone=fixed-light]){--btn-bg:var(--sgds-surface-fixed-light);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-fixed-dark,hsla(0,0%,5%,.2)) 0%,var(--sgds-bg-translucent-fixed-dark,hsla(0,0%,5%,.2)) 100%),var(--sgds-surface-fixed-light,#fff);--btn-color:var(--sgds-color-fixed-dark)}:host([variant=outline][tone=fixed-light]){--btn-border-color:var(--sgds-border-color-fixed-light);--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-fixed-dark) 0%,var(--sgds-bg-translucent-fixed-dark) 100%),var(--sgds-bg-transparent);--btn-color:var(--sgds-color-fixed-light)}:host([variant=ghost][tone=fixed-light]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-fixed-dark) 0%,var(--sgds-bg-translucent-fixed-dark) 100%),var(--sgds-bg-transparent);--btn-color:var(--sgds-color-fixed-light)}:host([variant=primary][tone=neutral]){--btn-bg:var(--sgds-surface-inverse);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-inverse) 0%,var(--sgds-bg-translucent-inverse) 100%),var(--sgds-surface-inverse);--btn-color:var(--sgds-color-inverse)}:host([variant=outline][tone=neutral]){--btn-border-color:var(--sgds-border-color-emphasis);--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-inverse) 0%,var(--sgds-bg-translucent-inverse) 100%),var(--sgds-bg-translucent-subtle);--btn-color:var(--sgds-color-default)}:host([variant=ghost][tone=neutral]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-bg-translucent-subtle);--btn-color:var(--sgds-color-default)}:host([variant=ghost]) .btn,:host([variant=outline]) .btn,:host([variant=primary]) .btn{color:var(--btn-color)}:host([variant=outline]) .btn{border:var(--btn-border-width) solid var(--btn-border-color)}:host([size=lg]) .btn{font-size:var(--sgds-font-size-label-lg);height:var(--sgds-dimension-56);line-height:var(--sgds-line-height-md);min-width:var(--sgds-dimension-112);padding:var(--sgds-padding-none) var(--sgds-padding-xl)}:host([size=sm]) .btn{font-size:var(--sgds-font-size-label-sm);height:var(--sgds-dimension-40);line-height:var(--sgds-line-height-2-xs);min-width:var(--sgds-dimension-80);padding:var(--sgds-padding-none) var(--sgds-padding-md)}:host([size=xs]) .btn{font-size:var(--sgds-font-size-label-xs);height:var(--sgds-dimension-32);line-height:var(--sgds-line-height-3-xs);min-width:var(--sgds-dimension-64);padding:var(--sgds-padding-none) var(--sgds-padding-sm)}.btn{align-items:center;background-color:var(--btn-bg);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--btn-border-radius);color:var(--sgds-color-fixed-light);cursor:pointer;display:inline-flex;font-size:var(--sgds-font-size-label-md);font-weight:var(--btn-font-weight);gap:var(--sgds-gap-2-xs);height:var(--sgds-dimension-48);justify-content:center;line-height:var(--sgds-line-height-xs);min-width:var(--sgds-dimension-96);opacity:var(--btn-opacity);padding:var(--sgds-padding-none) var(--sgds-padding-lg);text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;user-select:none;vertical-align:middle;white-space:nowrap;width:inherit}.btn.active,.btn:hover{background:var(--btn-hover-bg)}.btn:focus-visible{background:var(--btn-hover-bg);border-color:transparent;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.btn.disabled,.btn:disabled{color:var(--btn-color);cursor:not-allowed;opacity:var(--sgds-opacity-40)}.btn.loading{cursor:default}.btn slot::slotted(*){color:var(--btn-color)}`;
+var css_248z = css`:host{--btn-font-weight:var(--sgds-font-weight-regular);--btn-color:var(--sgds-color-fixed-light);--btn-bg:var(--sgds-primary-surface-default);--btn-hover-bg:var(--sgds-primary-surface-emphasis);--btn-border-radius:var(--sgds-border-radius-md);--btn-opacity:var(--sgds-opacity-100,1)}:host([variant=danger]){--btn-bg:var(--sgds-danger-surface-default);--btn-hover-bg:var(--sgds-danger-surface-emphasis);--btn-color:var(--sgds-color-fixed-light)}:host([variant=primary][tone=brand]){--btn-bg:var(--sgds-primary-surface-default);--btn-color:var(--sgds-color-fixed-light)}:host([variant=outline]){--btn-border-width:var(--sgds-border-width-1)}:host([variant=outline][tone=brand]){--btn-border-color:var(--sgds-primary-border-color-default);--btn-bg:var(--sgds-bg-transparent);--btn-color:var(--sgds-primary-color-default);--btn-hover-bg:var(--sgds-primary-bg-translucent)}:host([variant=ghost][tone=brand]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-primary-surface-translucent);--btn-color:var(--sgds-primary-color-default)}:host([variant=primary][tone=danger]){--btn-bg:var(--sgds-danger-surface-default);--btn-hover-bg:var(--sgds-danger-surface-emphasis);--btn-color:var(--sgds-color-fixed-light)}:host([variant=outline][tone=danger]){--btn-border-color:var(--sgds-danger-border-color-default);--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-danger-surface-translucent);--btn-color:var(--sgds-danger-color-default)}:host([variant=ghost][tone=danger]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-danger-surface-translucent);--btn-color:var(--sgds-danger-color-default)}:host([variant=primary][tone=fixed-light]){--btn-bg:var(--sgds-surface-fixed-light);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-fixed-dark,hsla(0,0%,5%,.2)) 0%,var(--sgds-bg-translucent-fixed-dark,hsla(0,0%,5%,.2)) 100%),var(--sgds-surface-fixed-light,#fff);--btn-color:var(--sgds-color-fixed-dark)}:host([variant=outline][tone=fixed-light]){--btn-border-color:var(--sgds-border-color-fixed-light);--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-fixed-dark) 0%,var(--sgds-bg-translucent-fixed-dark) 100%),var(--sgds-bg-transparent);--btn-color:var(--sgds-color-fixed-light)}:host([variant=ghost][tone=fixed-light]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-fixed-dark) 0%,var(--sgds-bg-translucent-fixed-dark) 100%),var(--sgds-bg-transparent);--btn-color:var(--sgds-color-fixed-light)}:host([variant=primary][tone=neutral]){--btn-bg:var(--sgds-surface-inverse);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-inverse) 0%,var(--sgds-bg-translucent-inverse) 100%),var(--sgds-surface-inverse);--btn-color:var(--sgds-color-inverse)}:host([variant=outline][tone=neutral]){--btn-border-color:var(--sgds-border-color-emphasis);--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:linear-gradient(0deg,var(--sgds-bg-translucent-inverse) 0%,var(--sgds-bg-translucent-inverse) 100%),var(--sgds-bg-translucent-subtle);--btn-color:var(--sgds-color-default)}:host([variant=ghost][tone=neutral]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-bg-translucent-subtle);--btn-color:var(--sgds-color-default)}:host([variant=ghost]) .btn,:host([variant=outline]) .btn,:host([variant=primary]) .btn{color:var(--btn-color)}:host([variant=outline]) .btn{border:var(--btn-border-width) solid var(--btn-border-color)}:host([size=lg]) .btn{font-size:var(--sgds-font-size-label-lg);height:var(--sgds-dimension-56);line-height:var(--sgds-line-height-md);min-width:var(--sgds-dimension-112);padding:var(--sgds-padding-none) var(--sgds-padding-xl)}:host([size=sm]) .btn{font-size:var(--sgds-font-size-label-sm);height:var(--sgds-dimension-40);line-height:var(--sgds-line-height-2-xs);min-width:var(--sgds-dimension-80);padding:var(--sgds-padding-none) var(--sgds-padding-md)}:host([size=xs]) .btn{font-size:var(--sgds-font-size-label-xs);height:var(--sgds-dimension-32);line-height:var(--sgds-line-height-3-xs);min-width:var(--sgds-dimension-64);padding:var(--sgds-padding-none) var(--sgds-padding-sm)}.btn{align-items:center;background-color:var(--btn-bg);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--btn-border-radius);color:var(--sgds-color-fixed-light);cursor:pointer;display:inline-flex;font-size:var(--sgds-font-size-label-md);font-weight:var(--btn-font-weight);gap:var(--sgds-gap-2-xs);height:var(--sgds-dimension-48);justify-content:center;line-height:var(--sgds-line-height-xs);min-width:var(--sgds-dimension-96);opacity:var(--btn-opacity);padding:var(--sgds-padding-none) var(--sgds-padding-lg);position:relative;text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;user-select:none;vertical-align:middle;white-space:nowrap;width:inherit}.btn.active,.btn:hover{background:var(--btn-hover-bg)}.btn:focus-visible{background:var(--btn-hover-bg);border-color:transparent;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host(:not([disabled])) .btn:active:after{background-color:var(--sgds-bg-translucent);border-radius:inherit;content:"";inset:0;position:absolute}.btn.disabled,.btn:disabled{color:var(--btn-color);cursor:not-allowed;opacity:var(--sgds-opacity-40)}.btn.loading{cursor:default}.btn slot::slotted(*){color:var(--btn-color)}`;
 //#endregion
 export { css_248z as default };
 

package/base/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":[],"sources":["../../src/base/button.css"],"sourcesContent":[":host {\n  --btn-font-weight: var(--sgds-font-weight-regular);\n  --btn-color: var(--sgds-color-fixed-light);\n  --btn-bg: var(--sgds-primary-surface-default);\n  --btn-hover-bg: var(--sgds-primary-surface-emphasis);\n  --btn-border-radius: var(--sgds-border-radius-md);\n  --btn-opacity: var(--sgds-opacity-100, 1);\n}\n/* deprecated in v3.5.6 */\n:host([variant=\"danger\"]) {\n  --btn-bg: var(--sgds-danger-surface-default);\n  --btn-hover-bg: var(--sgds-danger-surface-emphasis);\n  --btn-color: var(--sgds-color-fixed-light);\n}\n\n:host([variant=\"primary\"][tone=\"brand\"]) {\n  --btn-bg: var(--sgds-primary-surface-default);\n  --btn-color: var(--sgds-color-fixed-light);\n}\n\n:host([variant=\"outline\"]) {\n  --btn-border-width: var(--sgds-border-width-1);\n}\n\n:host([variant=\"outline\"][tone=\"brand\"]) {\n  --btn-border-color: var(--sgds-primary-border-color-default);\n  --btn-bg: var(--sgds-bg-transparent);\n  --btn-color: var(--sgds-primary-color-default);\n  --btn-hover-bg: var(--sgds-primary-bg-translucent);\n}\n\n:host([variant=\"ghost\"][tone=\"brand\"]) {\n  --btn-bg: var(--sgds-bg-transparent);\n  --btn-hover-bg: var(--sgds-primary-surface-translucent);\n  --btn-color: var(--sgds-primary-color-default);\n}\n\n:host([variant=\"primary\"][tone=\"danger\"]) {\n  --btn-bg: var(--sgds-danger-surface-default);\n  --btn-hover-bg: var(--sgds-danger-surface-emphasis);\n  --btn-color: var(--sgds-color-fixed-light);\n}\n:host([variant=\"outline\"][tone=\"danger\"]) {\n  --btn-border-color: var(--sgds-danger-border-color-default);\n  --btn-bg: var(--sgds-bg-transparent);\n  --btn-hover-bg: var(--sgds-danger-surface-translucent);\n  --btn-color: var(--sgds-danger-color-default);\n}\n:host([variant=\"ghost\"][tone=\"danger\"]) {\n  --btn-bg: var(--sgds-bg-transparent);\n  --btn-hover-bg: var(--sgds-danger-surface-translucent);\n  --btn-color: var(--sgds-danger-color-default);\n}\n\n:host([variant=\"primary\"][tone=\"fixed-light\"]) {\n  --btn-bg: var(--sgds-surface-fixed-light);\n  --btn-hover-bg: linear-gradient(\n      0deg,\n      var(--sgds-bg-translucent-fixed-dark, rgba(14, 14, 14, 0.2)) 0%,\n      var(--sgds-bg-translucent-fixed-dark, rgba(14, 14, 14, 0.2)) 100%\n    ),\n    var(--sgds-surface-fixed-light, #fff);\n  --btn-color: var(--sgds-color-fixed-dark);\n}\n:host([variant=\"outline\"][tone=\"fixed-light\"]) {\n  --btn-border-color: var(--sgds-border-color-fixed-light);\n  --btn-bg: var(--sgds-bg-transparent);\n  --btn-hover-bg: linear-gradient(\n      0deg,\n      var(--sgds-bg-translucent-fixed-dark) 0%,\n      var(--sgds-bg-translucent-fixed-dark) 100%\n    ),\n    var(--sgds-bg-transparent);\n  --btn-color: var(--sgds-color-fixed-light);\n}\n:host([variant=\"ghost\"][tone=\"fixed-light\"]) {\n  --btn-bg: var(--sgds-bg-transparent);\n  --btn-hover-bg: linear-gradient(\n      0deg,\n      var(--sgds-bg-translucent-fixed-dark) 0%,\n      var(--sgds-bg-translucent-fixed-dark) 100%\n    ),\n    var(--sgds-bg-transparent);\n  --btn-color: var(--sgds-color-fixed-light);\n}\n\n:host([variant=\"primary\"][tone=\"neutral\"]) {\n  --btn-bg: var(--sgds-surface-inverse);\n  --btn-hover-bg: linear-gradient(0deg, var(--sgds-bg-translucent-inverse) 0%, var(--sgds-bg-translucent-inverse) 100%),\n    var(--sgds-surface-inverse);\n  --btn-color: var(--sgds-color-inverse);\n}\n:host([variant=\"outline\"][tone=\"neutral\"]) {\n  --btn-border-color: var(--sgds-border-color-emphasis);\n  --btn-bg: var(--sgds-bg-transparent);\n  --btn-hover-bg: linear-gradient(0deg, var(--sgds-bg-translucent-inverse) 0%, var(--sgds-bg-translucent-inverse) 100%),\n    var(--sgds-bg-translucent-subtle);\n  --btn-color: var(--sgds-color-default);\n}\n:host([variant=\"ghost\"][tone=\"neutral\"]) {\n  --btn-bg: var(--sgds-bg-transparent);\n  --btn-hover-bg: var(--sgds-bg-translucent-subtle);\n  --btn-color: var(--sgds-color-default);\n}\n\n:host([variant=\"primary\"]) .btn,\n:host([variant=\"outline\"]) .btn,\n:host([variant=\"ghost\"]) .btn {\n  color: var(--btn-color);\n}\n\n:host([variant=\"outline\"]) .btn {\n  border: var(--btn-border-width) solid var(--btn-border-color);\n}\n\n:host([size=\"lg\"]) .btn {\n  font-size: var(--sgds-font-size-label-lg);\n  line-height: var(--sgds-line-height-md);\n  padding: var(--sgds-padding-none) var(--sgds-padding-xl);\n  min-width: var(--sgds-dimension-112);\n  height: var(--sgds-dimension-56);\n}\n\n:host([size=\"sm\"]) .btn {\n  font-size: var(--sgds-font-size-label-sm);\n  line-height: var(--sgds-line-height-2-xs);\n  padding: var(--sgds-padding-none) var(--sgds-padding-md);\n  min-width: var(--sgds-dimension-80);\n  height: var(--sgds-dimension-40);\n}\n:host([size=\"xs\"]) .btn {\n  font-size: var(--sgds-font-size-label-xs);\n  line-height: var(--sgds-line-height-3-xs);\n  padding: var(--sgds-padding-none) var(--sgds-padding-sm);\n  min-width: var(--sgds-dimension-64);\n  height: var(--sgds-dimension-32);\n}\n\n.btn {\n  background-color: var(--btn-bg);\n  border: var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);\n  border-radius: var(--btn-border-radius);\n  color: var(--sgds-color-fixed-light);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--sgds-gap-2-xs);\n  font-size: var(--sgds-font-size-label-md);\n  font-weight: var(--btn-font-weight);\n  line-height: var(--sgds-line-height-xs);\n  padding: var(--sgds-padding-none) var(--sgds-padding-lg);\n  min-width: var(--sgds-dimension-96);\n  width: inherit;\n  height: var(--sgds-dimension-48);\n  white-space: nowrap;\n  text-align: center;\n  text-decoration: none;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,\n    box-shadow 0.15s ease-in-out;\n  user-select: none;\n  vertical-align: middle;\n  opacity: var(--btn-opacity);\n}\n\n\n.btn:hover,\n.btn.active {\n  background: var(--btn-hover-bg);\n}\n\n.btn:focus-visible {\n  background: var(--btn-hover-bg);\n  border-color: transparent;\n  outline: var(--sgds-outline-focus);\n  outline-offset: var(--sgds-outline-offset-focus);\n}\n\n.btn.disabled,\n.btn:disabled {\n  opacity: var(--sgds-opacity-40);\n  cursor: not-allowed;\n  color: var(--btn-color);\n}\n.btn.loading {\n  cursor: default;\n}\n\n.btn slot::slotted(*) {\n  color: var(--btn-color);\n}\n"],"mappings":""}
+{"version":3,"file":"button.js","names":[],"sources":["../../src/base/button.css"],"sourcesContent":[":host {\n  --btn-font-weight: var(--sgds-font-weight-regular);\n  --btn-color: var(--sgds-color-fixed-light);\n  --btn-bg: var(--sgds-primary-surface-default);\n  --btn-hover-bg: var(--sgds-primary-surface-emphasis);\n  --btn-border-radius: var(--sgds-border-radius-md);\n  --btn-opacity: var(--sgds-opacity-100, 1);\n}\n/* deprecated in v3.5.6 */\n:host([variant=\"danger\"]) {\n  --btn-bg: var(--sgds-danger-surface-default);\n  --btn-hover-bg: var(--sgds-danger-surface-emphasis);\n  --btn-color: var(--sgds-color-fixed-light);\n}\n\n:host([variant=\"primary\"][tone=\"brand\"]) {\n  --btn-bg: var(--sgds-primary-surface-default);\n  --btn-color: var(--sgds-color-fixed-light);\n}\n\n:host([variant=\"outline\"]) {\n  --btn-border-width: var(--sgds-border-width-1);\n}\n\n:host([variant=\"outline\"][tone=\"brand\"]) {\n  --btn-border-color: var(--sgds-primary-border-color-default);\n  --btn-bg: var(--sgds-bg-transparent);\n  --btn-color: var(--sgds-primary-color-default);\n  --btn-hover-bg: var(--sgds-primary-bg-translucent);\n}\n\n:host([variant=\"ghost\"][tone=\"brand\"]) {\n  --btn-bg: var(--sgds-bg-transparent);\n  --btn-hover-bg: var(--sgds-primary-surface-translucent);\n  --btn-color: var(--sgds-primary-color-default);\n}\n\n:host([variant=\"primary\"][tone=\"danger\"]) {\n  --btn-bg: var(--sgds-danger-surface-default);\n  --btn-hover-bg: var(--sgds-danger-surface-emphasis);\n  --btn-color: var(--sgds-color-fixed-light);\n}\n:host([variant=\"outline\"][tone=\"danger\"]) {\n  --btn-border-color: var(--sgds-danger-border-color-default);\n  --btn-bg: var(--sgds-bg-transparent);\n  --btn-hover-bg: var(--sgds-danger-surface-translucent);\n  --btn-color: var(--sgds-danger-color-default);\n}\n:host([variant=\"ghost\"][tone=\"danger\"]) {\n  --btn-bg: var(--sgds-bg-transparent);\n  --btn-hover-bg: var(--sgds-danger-surface-translucent);\n  --btn-color: var(--sgds-danger-color-default);\n}\n\n:host([variant=\"primary\"][tone=\"fixed-light\"]) {\n  --btn-bg: var(--sgds-surface-fixed-light);\n  --btn-hover-bg: linear-gradient(\n      0deg,\n      var(--sgds-bg-translucent-fixed-dark, rgba(14, 14, 14, 0.2)) 0%,\n      var(--sgds-bg-translucent-fixed-dark, rgba(14, 14, 14, 0.2)) 100%\n    ),\n    var(--sgds-surface-fixed-light, #fff);\n  --btn-color: var(--sgds-color-fixed-dark);\n}\n:host([variant=\"outline\"][tone=\"fixed-light\"]) {\n  --btn-border-color: var(--sgds-border-color-fixed-light);\n  --btn-bg: var(--sgds-bg-transparent);\n  --btn-hover-bg: linear-gradient(\n      0deg,\n      var(--sgds-bg-translucent-fixed-dark) 0%,\n      var(--sgds-bg-translucent-fixed-dark) 100%\n    ),\n    var(--sgds-bg-transparent);\n  --btn-color: var(--sgds-color-fixed-light);\n}\n:host([variant=\"ghost\"][tone=\"fixed-light\"]) {\n  --btn-bg: var(--sgds-bg-transparent);\n  --btn-hover-bg: linear-gradient(\n      0deg,\n      var(--sgds-bg-translucent-fixed-dark) 0%,\n      var(--sgds-bg-translucent-fixed-dark) 100%\n    ),\n    var(--sgds-bg-transparent);\n  --btn-color: var(--sgds-color-fixed-light);\n}\n\n:host([variant=\"primary\"][tone=\"neutral\"]) {\n  --btn-bg: var(--sgds-surface-inverse);\n  --btn-hover-bg: linear-gradient(0deg, var(--sgds-bg-translucent-inverse) 0%, var(--sgds-bg-translucent-inverse) 100%),\n    var(--sgds-surface-inverse);\n  --btn-color: var(--sgds-color-inverse);\n}\n:host([variant=\"outline\"][tone=\"neutral\"]) {\n  --btn-border-color: var(--sgds-border-color-emphasis);\n  --btn-bg: var(--sgds-bg-transparent);\n  --btn-hover-bg: linear-gradient(0deg, var(--sgds-bg-translucent-inverse) 0%, var(--sgds-bg-translucent-inverse) 100%),\n    var(--sgds-bg-translucent-subtle);\n  --btn-color: var(--sgds-color-default);\n}\n:host([variant=\"ghost\"][tone=\"neutral\"]) {\n  --btn-bg: var(--sgds-bg-transparent);\n  --btn-hover-bg: var(--sgds-bg-translucent-subtle);\n  --btn-color: var(--sgds-color-default);\n}\n\n:host([variant=\"primary\"]) .btn,\n:host([variant=\"outline\"]) .btn,\n:host([variant=\"ghost\"]) .btn {\n  color: var(--btn-color);\n}\n\n:host([variant=\"outline\"]) .btn {\n  border: var(--btn-border-width) solid var(--btn-border-color);\n}\n\n:host([size=\"lg\"]) .btn {\n  font-size: var(--sgds-font-size-label-lg);\n  line-height: var(--sgds-line-height-md);\n  padding: var(--sgds-padding-none) var(--sgds-padding-xl);\n  min-width: var(--sgds-dimension-112);\n  height: var(--sgds-dimension-56);\n}\n\n:host([size=\"sm\"]) .btn {\n  font-size: var(--sgds-font-size-label-sm);\n  line-height: var(--sgds-line-height-2-xs);\n  padding: var(--sgds-padding-none) var(--sgds-padding-md);\n  min-width: var(--sgds-dimension-80);\n  height: var(--sgds-dimension-40);\n}\n:host([size=\"xs\"]) .btn {\n  font-size: var(--sgds-font-size-label-xs);\n  line-height: var(--sgds-line-height-3-xs);\n  padding: var(--sgds-padding-none) var(--sgds-padding-sm);\n  min-width: var(--sgds-dimension-64);\n  height: var(--sgds-dimension-32);\n}\n\n.btn {\n  position: relative;\n  background-color: var(--btn-bg);\n  border: var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);\n  border-radius: var(--btn-border-radius);\n  color: var(--sgds-color-fixed-light);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--sgds-gap-2-xs);\n  font-size: var(--sgds-font-size-label-md);\n  font-weight: var(--btn-font-weight);\n  line-height: var(--sgds-line-height-xs);\n  padding: var(--sgds-padding-none) var(--sgds-padding-lg);\n  min-width: var(--sgds-dimension-96);\n  width: inherit;\n  height: var(--sgds-dimension-48);\n  white-space: nowrap;\n  text-align: center;\n  text-decoration: none;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,\n    box-shadow 0.15s ease-in-out;\n  user-select: none;\n  vertical-align: middle;\n  opacity: var(--btn-opacity);\n}\n\n\n.btn:hover,\n.btn.active {\n  background: var(--btn-hover-bg);\n}\n\n.btn:focus-visible {\n  background: var(--btn-hover-bg);\n  border-color: transparent;\n  outline: var(--sgds-outline-focus);\n  outline-offset: var(--sgds-outline-offset-focus);\n}\n\n:host(:not([disabled])) .btn:active::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-color: var(--sgds-bg-translucent);\n  border-radius: inherit;\n}\n\n.btn.disabled,\n.btn:disabled {\n  opacity: var(--sgds-opacity-40);\n  cursor: not-allowed;\n  color: var(--btn-color);\n}\n.btn.loading {\n  cursor: default;\n}\n\n.btn slot::slotted(*) {\n  color: var(--btn-color);\n}\n"],"mappings":""}

package/base/dropdown-list-element.d.ts

@@ -19,9 +19,9 @@ export declare class DropdownListElement extends DropdownElement {
     protected handleSelectSlot(e: KeyboardEvent | MouseEvent): void;
     private _resetMenu;
     protected _handleKeyboardMenuItemsEvent(e: KeyboardEvent): void;
-    private _getMenuItems;
-    private _getActiveMenuItems;
-    private _setMenuItem;
+    protected _getMenuItems(): SgdsDropdownItem[];
+    protected _getActiveMenuItems(): SgdsDropdownItem[];
+    protected _setMenuItem(currentItemIdx: number): void;
 }
 export interface IDropdownListElement {
     item: SgdsDropdownItem;

package/base/dropdown-list-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-list-element.js","names":[],"sources":["../../src/base/dropdown-list-element.ts"],"sourcesContent":["import { property, query, state } from \"lit/decorators.js\";\nimport { DropdownElement } from \"./dropdown-element\";\nimport { SgdsDropdownItem } from \"../components\";\nimport { PropertyValueMap } from \"lit\";\n\nconst TAB = \"Tab\";\nconst ARROW_DOWN = \"ArrowDown\";\nconst ARROW_UP = \"ArrowUp\";\nconst ENTER = \"Enter\";\nconst ESCAPE = \"Escape\";\n\n/**\n * @event sgds-select - Emitted when a dropdown item is selected. `event.detail.item` is the clicked `SgdsDropdownItem` element.\n */\nexport class DropdownListElement extends DropdownElement {\n  static styles = DropdownElement.styles;\n\n  /**@internal */\n  @query(\"ul.dropdown-menu\")\n  private menu: HTMLUListElement;\n\n  /** @internal */\n  @state()\n  nextDropdownItemNo = 0;\n\n  /** @internal */\n  @state()\n  prevDropdownItemNo = -1;\n\n  @property({ type: Boolean, reflect: true })\n  hidden = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener(\"sgds-hide\", this._resetMenu);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener(\"sgds-hide\", this._resetMenu);\n  }\n\n  firstUpdated(changedProperties: PropertyValueMap<this>) {\n    super.firstUpdated(changedProperties);\n    this.addEventListener(\"keydown\", this._handleKeyboardMenuItemsEvent);\n  }\n\n  protected handleSelectSlot(e: KeyboardEvent | MouseEvent) {\n    const items = this._getActiveMenuItems();\n\n    const selectedItem = items.find(item => e.composedPath().includes(item));\n    if (!selectedItem) return;\n\n    const currentItemNo = items.indexOf(selectedItem);\n    this.nextDropdownItemNo = currentItemNo + 1;\n    this.prevDropdownItemNo = currentItemNo <= 0 ? items.length - 1 : currentItemNo - 1;\n\n    /** Emitted event from SgdsDropdown element when a slot item is selected */\n    if (!selectedItem.disabled) {\n      this.emit(\"sgds-select\", { detail: { item: selectedItem } });\n      if (this.close !== \"outside\") {\n        this.hideMenu(); // <-- Use new API\n      }\n    }\n  }\n\n  private _resetMenu() {\n    this.nextDropdownItemNo = 0;\n    this.prevDropdownItemNo = -1;\n    // reset the tabindex\n    const items = this._getMenuItems();\n    items.forEach(item => {\n      const dropdownItem = item?.shadowRoot?.querySelector(\".dropdown-item\") as HTMLAnchorElement;\n      dropdownItem && dropdownItem.removeAttribute(\"tabindex\");\n    });\n  }\n  protected _handleKeyboardMenuItemsEvent(e: KeyboardEvent) {\n    if (this.readonly) return;\n    const menuItems = this._getActiveMenuItems();\n    if (menuItems.length === 0) return;\n\n    switch (e.key) {\n      case ARROW_DOWN:\n        e.preventDefault();\n        this._setMenuItem(this.nextDropdownItemNo);\n        break;\n      case ARROW_UP:\n        e.preventDefault();\n        this._setMenuItem(this.prevDropdownItemNo);\n        break;\n      case TAB:\n        if (!this.menuIsOpen) return;\n        e.preventDefault();\n        if (e.shiftKey) {\n          this._setMenuItem(this.prevDropdownItemNo);\n        } else {\n          this._setMenuItem(this.nextDropdownItemNo);\n        }\n        break;\n      case ESCAPE:\n        if (this.menuIsOpen) {\n          e.preventDefault();\n          this.hideMenu();\n        }\n        break;\n      case ENTER: {\n        const target = menuItems.find(item => e.composedPath().includes(item));\n        if (target) {\n          this.handleSelectSlot(e);\n        }\n        break;\n      }\n      default:\n        break;\n    }\n  }\n\n  private _getMenuItems(): SgdsDropdownItem[] {\n    const defaultSlot = this.shadowRoot.querySelector(\"slot#default\");\n    // for case when default slot is used e.g. dropdown, mainnavdropdown\n    if (defaultSlot) {\n      const defaultSlotItems = (this.shadowRoot.querySelector(\"slot#default\") as HTMLSlotElement)\n        ?.assignedElements({\n          flatten: true\n        })\n        .filter(\n          el =>\n            el.getAttribute(\"role\") === \"menuitem\" && !el.classList.contains(\"empty-menu\") && !el.hasAttribute(\"hidden\")\n        ) as SgdsDropdownItem[];\n      return defaultSlotItems;\n    }\n    // for case when there is no slot e.g. combobox\n    if (this.menu?.hasChildNodes()) {\n      const menuItems = Array.from(this.menu.children);\n      return [...menuItems] as SgdsDropdownItem[];\n    }\n\n    return [];\n  }\n\n  private _getActiveMenuItems(): SgdsDropdownItem[] {\n    return this._getMenuItems().filter(item => !item.disabled && !item.hidden && !item.readonly);\n  }\n  private _setMenuItem(currentItemIdx: number) {\n    const items = this._getActiveMenuItems();\n    if (items.length === 0) return;\n\n    // Use modulo for looping\n    const idx = ((currentItemIdx % items.length) + items.length) % items.length;\n    const activeItem = items[idx];\n    this.emit(\"i-sgds-option-focus\", { detail: { option: activeItem } });\n    this.nextDropdownItemNo = (idx + 1) % items.length;\n    this.prevDropdownItemNo = (idx - 1 + items.length) % items.length;\n\n    items.forEach(item => {\n      const dropdownItem = item.shadowRoot.querySelector(\".dropdown-item\") as HTMLAnchorElement;\n      dropdownItem.setAttribute(\"tabindex\", item === activeItem ? \"0\" : \"-1\");\n      if (item === activeItem) dropdownItem.focus();\n    });\n  }\n}\n\nexport interface IDropdownListElement {\n  item: SgdsDropdownItem;\n}\n"],"mappings":"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"}
+{"version":3,"file":"dropdown-list-element.js","names":[],"sources":["../../src/base/dropdown-list-element.ts"],"sourcesContent":["import { property, query, state } from \"lit/decorators.js\";\nimport { DropdownElement } from \"./dropdown-element\";\nimport { SgdsDropdownItem } from \"../components\";\nimport { PropertyValueMap } from \"lit\";\n\nconst TAB = \"Tab\";\nconst ARROW_DOWN = \"ArrowDown\";\nconst ARROW_UP = \"ArrowUp\";\nconst ENTER = \"Enter\";\nconst ESCAPE = \"Escape\";\n\n/**\n * @event sgds-select - Emitted when a dropdown item is selected. `event.detail.item` is the clicked `SgdsDropdownItem` element.\n */\nexport class DropdownListElement extends DropdownElement {\n  static styles = DropdownElement.styles;\n\n  /**@internal */\n  @query(\"ul.dropdown-menu\")\n  private menu: HTMLUListElement;\n\n  /** @internal */\n  @state()\n  nextDropdownItemNo = 0;\n\n  /** @internal */\n  @state()\n  prevDropdownItemNo = -1;\n\n  @property({ type: Boolean, reflect: true })\n  hidden = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener(\"sgds-hide\", this._resetMenu);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener(\"sgds-hide\", this._resetMenu);\n  }\n\n  firstUpdated(changedProperties: PropertyValueMap<this>) {\n    super.firstUpdated(changedProperties);\n    this.addEventListener(\"keydown\", this._handleKeyboardMenuItemsEvent);\n  }\n\n  protected handleSelectSlot(e: KeyboardEvent | MouseEvent) {\n    const items = this._getActiveMenuItems();\n\n    const selectedItem = items.find(item => e.composedPath().includes(item));\n    if (!selectedItem) return;\n\n    const currentItemNo = items.indexOf(selectedItem);\n    this.nextDropdownItemNo = currentItemNo + 1;\n    this.prevDropdownItemNo = currentItemNo <= 0 ? items.length - 1 : currentItemNo - 1;\n\n    /** Emitted event from SgdsDropdown element when a slot item is selected */\n    if (!selectedItem.disabled) {\n      this.emit(\"sgds-select\", { detail: { item: selectedItem } });\n      if (this.close !== \"outside\") {\n        this.hideMenu(); // <-- Use new API\n      }\n    }\n  }\n\n  private _resetMenu() {\n    this.nextDropdownItemNo = 0;\n    this.prevDropdownItemNo = -1;\n    // reset the tabindex\n    const items = this._getMenuItems();\n    items.forEach(item => {\n      const dropdownItem = item?.shadowRoot?.querySelector(\".dropdown-item\") as HTMLAnchorElement;\n      dropdownItem && dropdownItem.removeAttribute(\"tabindex\");\n    });\n  }\n  protected _handleKeyboardMenuItemsEvent(e: KeyboardEvent) {\n    if (this.readonly) return;\n    const menuItems = this._getActiveMenuItems();\n    if (menuItems.length === 0) return;\n\n    switch (e.key) {\n      case ARROW_DOWN:\n        e.preventDefault();\n        this._setMenuItem(this.nextDropdownItemNo);\n        break;\n      case ARROW_UP:\n        e.preventDefault();\n        this._setMenuItem(this.prevDropdownItemNo);\n        break;\n      case TAB:\n        if (!this.menuIsOpen) return;\n        e.preventDefault();\n        if (e.shiftKey) {\n          this._setMenuItem(this.prevDropdownItemNo);\n        } else {\n          this._setMenuItem(this.nextDropdownItemNo);\n        }\n        break;\n      case ESCAPE:\n        if (this.menuIsOpen) {\n          e.preventDefault();\n          this.hideMenu();\n        }\n        break;\n      case ENTER: {\n        const target = menuItems.find(item => e.composedPath().includes(item));\n        if (target) {\n          this.handleSelectSlot(e);\n        }\n        break;\n      }\n      default:\n        break;\n    }\n  }\n\n  protected _getMenuItems(): SgdsDropdownItem[] {\n    const defaultSlot = this.shadowRoot.querySelector(\"slot#default\");\n    // for case when default slot is used e.g. dropdown, mainnavdropdown\n    if (defaultSlot) {\n      const defaultSlotItems = (this.shadowRoot.querySelector(\"slot#default\") as HTMLSlotElement)\n        ?.assignedElements({\n          flatten: true\n        })\n        .filter(\n          el =>\n            el.getAttribute(\"role\") === \"menuitem\" && !el.classList.contains(\"empty-menu\") && !el.hasAttribute(\"hidden\")\n        ) as SgdsDropdownItem[];\n      return defaultSlotItems;\n    }\n    // for case when there is no slot e.g. combobox\n    if (this.menu?.hasChildNodes()) {\n      const menuItems = Array.from(this.menu.children);\n      return [...menuItems] as SgdsDropdownItem[];\n    }\n\n    return [];\n  }\n\n  protected _getActiveMenuItems(): SgdsDropdownItem[] {\n    return this._getMenuItems().filter(item => !item.disabled && !item.hidden && !item.readonly);\n  }\n  protected _setMenuItem(currentItemIdx: number) {\n    const items = this._getActiveMenuItems();\n    if (items.length === 0) return;\n\n    // Use modulo for looping\n    const idx = ((currentItemIdx % items.length) + items.length) % items.length;\n    const activeItem = items[idx];\n    this.emit(\"i-sgds-option-focus\", { detail: { option: activeItem } });\n    this.nextDropdownItemNo = (idx + 1) % items.length;\n    this.prevDropdownItemNo = (idx - 1 + items.length) % items.length;\n\n    items.forEach(item => {\n      const dropdownItem = item.shadowRoot.querySelector(\".dropdown-item\") as HTMLAnchorElement;\n      dropdownItem.setAttribute(\"tabindex\", item === activeItem ? \"0\" : \"-1\");\n      if (item === activeItem) dropdownItem.focus();\n    });\n  }\n}\n\nexport interface IDropdownListElement {\n  item: SgdsDropdownItem;\n}\n"],"mappings":"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"}

package/components/Alert/alert.js

@@ -1,6 +1,6 @@
 import { css } from "lit";
 //#region src/components/Alert/alert.css
-var css_248z = css`:host([variant=success]) .alert{background-color:var(--sgds-success-surface-default)}:host([variant=warning]) .alert{--sgds-alert-color:var(--sgds-color-fixed-dark);background-color:var(--sgds-warning-surface-default)}:host([variant=danger]) .alert{background-color:var(--sgds-danger-surface-default)}:host([variant=neutral]) .alert{background-color:var(--sgds-neutral-surface-emphasis)}:host([variant=success][outlined]) .alert{background-color:var(--sgds-success-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-success-border-color-muted)}:host([variant=warning][outlined]) .alert{background-color:var(--sgds-warning-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-warning-border-color-muted)}:host([variant=danger][outlined]) .alert{background-color:var(--sgds-danger-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-danger-border-color-muted)}:host([variant=neutral][outlined]) .alert{background-color:var(--sgds-neutral-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-neutral-border-color-muted)}:host([outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-primary-color-fixed-dark)}:host([variant=success][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-success-color-fixed-dark)}:host([variant=warning][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-warning-color-fixed-light)}:host([variant=danger][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-danger-color-fixed-dark)}:host([variant=neutral][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-color-fixed-dark)}.alert{--sgds-alert-color:var(--sgds-color-fixed-light);background-color:var(--sgds-primary-surface-default);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-border-radius-md);color:var(--sgds-alert-color);display:flex;flex-direction:row;gap:var(--sgds-gap-sm);padding:var(--sgds-padding-lg);position:relative}.alert.outlined{--sgds-alert-color:var(--sgds-color-fixed-dark);background-color:var(--sgds-primary-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-primary-border-color-muted)}.alert-content{align-items:flex-start;display:flex;flex:1 0 0;flex-direction:column;gap:var(--sgds-gap-md);padding-right:var(--sgds-padding-2-xl)}.alert-content__upper{display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs)}.alert-title{font-size:var(--sgds-font-size-subtitle-sm);font-style:normal;font-weight:var(--sgds-font-weight-semibold);line-height:var(--sgds-line-height-2-xs)}.alert-content__description{display:inline;font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-2-xs)}.alert-content__description::slotted(*){font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-2-xs)}.alert-content__description::slotted(a),.alert-content__description::slotted(a:hover){color:inherit!important}.alert-content__description::slotted(a:focus-visible){outline:var(--sgds-outline-focus)!important;outline-offset:var(--sgds-outline-offset-focus)!important}.alert sgds-close-button{position:absolute;right:14px;top:14px}`;
+var css_248z = css`:host([variant=success]) .alert{background-color:var(--sgds-success-surface-default)}:host([variant=warning]) .alert{--sgds-alert-color:var(--sgds-color-fixed-dark);background-color:var(--sgds-warning-surface-default)}:host([variant=danger]) .alert{background-color:var(--sgds-danger-surface-default)}:host([variant=neutral]) .alert{background-color:var(--sgds-neutral-surface-emphasis)}:host([variant=success][outlined]) .alert{background-color:var(--sgds-success-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-success-border-color-muted)}:host([variant=warning][outlined]) .alert{background-color:var(--sgds-warning-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-warning-border-color-muted)}:host([variant=danger][outlined]) .alert{background-color:var(--sgds-danger-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-danger-border-color-muted)}:host([variant=neutral][outlined]) .alert{background-color:var(--sgds-neutral-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-neutral-border-color-muted)}:host([outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-primary-color-default)}:host([variant=success][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-success-color-default)}:host([variant=warning][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-warning-color-fixed-light)}:host([variant=danger][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-danger-color-default)}:host([variant=neutral][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-body-color-default)}.alert{--sgds-alert-color:var(--sgds-color-fixed-light);background-color:var(--sgds-primary-surface-default);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-border-radius-md);color:var(--sgds-alert-color);display:flex;flex-direction:row;gap:var(--sgds-gap-sm);padding:var(--sgds-padding-lg);position:relative}:host([outlined]) .alert{--sgds-alert-color:var(--sgds-body-color-default);background-color:var(--sgds-primary-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-primary-border-color-muted)}.alert-content{align-items:flex-start;display:flex;flex:1 0 0;flex-direction:column;gap:var(--sgds-gap-md);padding-right:var(--sgds-padding-2-xl)}.alert-content__upper{display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs)}.alert-title{font-size:var(--sgds-font-size-subtitle-sm);font-style:normal;font-weight:var(--sgds-font-weight-semibold);line-height:var(--sgds-line-height-2-xs)}.alert-content__description{display:inline;font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-2-xs)}.alert-content__description::slotted(*){font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-2-xs)}.alert-content__description::slotted(a),.alert-content__description::slotted(a:hover){color:inherit!important}.alert-content__description::slotted(a:focus-visible){outline:var(--sgds-outline-focus)!important;outline-offset:var(--sgds-outline-offset-focus)!important}.alert sgds-close-button{position:absolute;right:14px;top:14px}`;
 //#endregion
 export { css_248z as default };
 

package/components/Alert/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","names":[],"sources":["../../../src/components/Alert/alert.css"],"sourcesContent":[":host([variant=\"success\"]) .alert {\n  background-color: var(--sgds-success-surface-default);\n}\n\n:host([variant=\"warning\"]) .alert {\n  --sgds-alert-color: var(--sgds-color-fixed-dark);\n  background-color: var(--sgds-warning-surface-default);\n}\n\n:host([variant=\"danger\"]) .alert {\n  background-color: var(--sgds-danger-surface-default);\n}\n\n:host([variant=\"neutral\"]) .alert {\n  background-color: var(--sgds-neutral-surface-emphasis);\n}\n\n:host([variant=\"success\"][outlined]) .alert {\n  background-color: var(--sgds-success-surface-muted);\n  border: var(--sgds-border-width-1) solid var(--sgds-success-border-color-muted);\n}\n\n:host([variant=\"warning\"][outlined]) .alert {\n  background-color: var(--sgds-warning-surface-muted);\n  border: var(--sgds-border-width-1) solid var(--sgds-warning-border-color-muted);\n}\n\n:host([variant=\"danger\"][outlined]) .alert {\n  background-color: var(--sgds-danger-surface-muted);\n  border: var(--sgds-border-width-1) solid var(--sgds-danger-border-color-muted);\n}\n\n:host([variant=\"neutral\"][outlined]) .alert {\n  background-color: var(--sgds-neutral-surface-muted);\n  border: var(--sgds-border-width-1) solid var(--sgds-neutral-border-color-muted);\n}\n\n:host([outlined]) .alert-icon__outlined::slotted(*) {\n  color: var(--sgds-primary-color-fixed-dark);\n}\n\n:host([variant=\"success\"][outlined]) .alert-icon__outlined::slotted(*) {\n  color: var(--sgds-success-color-fixed-dark);\n}\n\n:host([variant=\"warning\"][outlined]) .alert-icon__outlined::slotted(*) {\n  color: var(--sgds-warning-color-fixed-light);\n}\n\n:host([variant=\"danger\"][outlined]) .alert-icon__outlined::slotted(*) {\n  color: var(--sgds-danger-color-fixed-dark);\n}\n\n:host([variant=\"neutral\"][outlined]) .alert-icon__outlined::slotted(*) {\n  color: var(--sgds-color-fixed-dark);\n}\n\n.alert {\n  --sgds-alert-color: var(--sgds-color-fixed-light);\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  gap: var(--sgds-gap-sm);\n  background-color: var(--sgds-primary-surface-default);\n  border: var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);\n  border-radius: var(--sgds-border-radius-md);\n  color: var(--sgds-alert-color);\n  padding: var(--sgds-padding-lg);\n}\n\n.alert.outlined {\n  --sgds-alert-color: var(--sgds-color-fixed-dark);\n  background-color: var(--sgds-primary-surface-muted);\n  border: var(--sgds-border-width-1) solid var(--sgds-primary-border-color-muted);\n}\n\n.alert-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--sgds-gap-md);\n  flex: 1 0 0;\n  padding-right: var(--sgds-padding-2-xl);\n}\n.alert-content__upper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--sgds-gap-2-xs);\n}\n\n.alert-title {\n  font-weight: var(--sgds-font-weight-semibold);\n  font-size: var(--sgds-font-size-subtitle-sm);\n  font-style: normal;\n  font-weight: var(--sgds-font-weight-semibold);\n  line-height: var(--sgds-line-height-2-xs); /* 125% */\n}\n.alert-content__description {\n  display: inline;\n  font-size: var(--sgds-font-size-label-sm);\n  font-weight: var(--sgds-font-weight-regular);\n  line-height: var(--sgds-line-height-2-xs);\n}\n\n.alert-content__description::slotted(*) {\n  font-size: var(--sgds-font-size-label-sm);\n  font-weight: var(--sgds-font-weight-regular);\n  line-height: var(--sgds-line-height-2-xs);\n}\n\n.alert-content__description::slotted(a),\n.alert-content__description::slotted(a:hover) {\n  color: inherit !important;\n}\n\n.alert-content__description::slotted(a:focus-visible) {\n  outline: var(--sgds-outline-focus) !important;\n  outline-offset: var(--sgds-outline-offset-focus) !important;\n}\n\n.alert sgds-close-button {\n  position: absolute;\n  right: 14px;\n  top: 14px;\n}\n"],"mappings":""}
+{"version":3,"file":"alert.js","names":[],"sources":["../../../src/components/Alert/alert.css"],"sourcesContent":[":host([variant=\"success\"]) .alert {\n  background-color: var(--sgds-success-surface-default);\n}\n\n:host([variant=\"warning\"]) .alert {\n  --sgds-alert-color: var(--sgds-color-fixed-dark);\n  background-color: var(--sgds-warning-surface-default);\n}\n\n:host([variant=\"danger\"]) .alert {\n  background-color: var(--sgds-danger-surface-default);\n}\n\n:host([variant=\"neutral\"]) .alert {\n  background-color: var(--sgds-neutral-surface-emphasis);\n}\n\n:host([variant=\"success\"][outlined]) .alert {\n  background-color: var(--sgds-success-surface-muted);\n  border: var(--sgds-border-width-1) solid var(--sgds-success-border-color-muted);\n}\n\n:host([variant=\"warning\"][outlined]) .alert {\n  background-color: var(--sgds-warning-surface-muted);\n  border: var(--sgds-border-width-1) solid var(--sgds-warning-border-color-muted);\n}\n\n:host([variant=\"danger\"][outlined]) .alert {\n  background-color: var(--sgds-danger-surface-muted);\n  border: var(--sgds-border-width-1) solid var(--sgds-danger-border-color-muted);\n}\n\n:host([variant=\"neutral\"][outlined]) .alert {\n  background-color: var(--sgds-neutral-surface-muted);\n  border: var(--sgds-border-width-1) solid var(--sgds-neutral-border-color-muted);\n}\n\n:host([outlined]) .alert-icon__outlined::slotted(*) {\n  color: var(--sgds-primary-color-default);\n}\n\n:host([variant=\"success\"][outlined]) .alert-icon__outlined::slotted(*) {\n  color: var(--sgds-success-color-default);\n}\n\n:host([variant=\"warning\"][outlined]) .alert-icon__outlined::slotted(*) {\n  color: var(--sgds-warning-color-fixed-light);\n}\n\n:host([variant=\"danger\"][outlined]) .alert-icon__outlined::slotted(*) {\n  color: var(--sgds-danger-color-default);\n}\n\n:host([variant=\"neutral\"][outlined]) .alert-icon__outlined::slotted(*) {\n  color: var(--sgds-body-color-default);\n}\n\n.alert {\n  --sgds-alert-color: var(--sgds-color-fixed-light);\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  gap: var(--sgds-gap-sm);\n  background-color: var(--sgds-primary-surface-default);\n  border: var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);\n  border-radius: var(--sgds-border-radius-md);\n  color: var(--sgds-alert-color);\n  padding: var(--sgds-padding-lg);\n}\n\n:host([outlined]) .alert {\n  --sgds-alert-color: var(--sgds-body-color-default);\n  background-color: var(--sgds-primary-surface-muted);\n  border: var(--sgds-border-width-1) solid var(--sgds-primary-border-color-muted);\n}\n\n.alert-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--sgds-gap-md);\n  flex: 1 0 0;\n  padding-right: var(--sgds-padding-2-xl);\n}\n.alert-content__upper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--sgds-gap-2-xs);\n}\n\n.alert-title {\n  font-weight: var(--sgds-font-weight-semibold);\n  font-size: var(--sgds-font-size-subtitle-sm);\n  font-style: normal;\n  font-weight: var(--sgds-font-weight-semibold);\n  line-height: var(--sgds-line-height-2-xs); /* 125% */\n}\n.alert-content__description {\n  display: inline;\n  font-size: var(--sgds-font-size-label-sm);\n  font-weight: var(--sgds-font-weight-regular);\n  line-height: var(--sgds-line-height-2-xs);\n}\n\n.alert-content__description::slotted(*) {\n  font-size: var(--sgds-font-size-label-sm);\n  font-weight: var(--sgds-font-weight-regular);\n  line-height: var(--sgds-line-height-2-xs);\n}\n\n.alert-content__description::slotted(a),\n.alert-content__description::slotted(a:hover) {\n  color: inherit !important;\n}\n\n.alert-content__description::slotted(a:focus-visible) {\n  outline: var(--sgds-outline-focus) !important;\n  outline-offset: var(--sgds-outline-offset-focus) !important;\n}\n\n.alert sgds-close-button {\n  position: absolute;\n  right: 14px;\n  top: 14px;\n}\n"],"mappings":""}

package/components/Alert/index.umd.min.js

@@ -56,7 +56,7 @@ let Me={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Ne
 * Copyright 2020 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */
-let Ie=Symbol.for(``),Le=e=>{if(e?.r===Ie)return e?._$litStatic$},Re=/* @__PURE__ */ new Map,J=(e=>(t,...n)=>{let r=n.length,i,a,o=[],s=[],c,l=0,u=!1;for(;l<r;){for(c=t[l];l<r&&(a=n[l],(i=Le(a))!==void 0);)c+=i+t[++l],u=!0;l!==r&&s.push(a),o.push(c),l++}if(l===r&&o.push(t[r]),u){let e=o.join(`$$lit$$`);(t=Re.get(e))===void 0&&(o.raw=o,Re.set(e,t=o)),n=s}return e(t,...n)})(I);var ze=l`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;color:var(--sgds-body-color-default,#1a1a1a);display:block;font-family:var(--sgds-font-family-brand,"Inter",system-ui,sans-serif);font-size:var(--sgds-font-size-body-md,1rem);font-weight:var(--sgds-font-weight-regular,400);line-height:var(--sgds-line-height-xs,24px);margin:0;*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:1em;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%230e0e0e' fill-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4M12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%230e0e0e' fill-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4M12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}::slotted(svg){vertical-align:middle}}`;function Y(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}K();var X=class extends G{static{this.styles=[ze]}emit(e,t){let n=new CustomEvent(e,{bubbles:!0,cancelable:!1,composed:!0,detail:{},...t});return this.dispatchEvent(n),n}static define(e,t=this,n={}){if(!customElements.get(e)){try{customElements.define(e,t,n)}catch{customElements.define(e,class extends t{},n)}return}}static{this.dependencies={}}constructor(){super(),this.ssr=!!this.shadowRoot,Object.entries(this.constructor.dependencies).forEach(([e,t])=>{this.constructor.define(e,t)})}firstUpdated(e){super.firstUpdated(e),this.ssr&&this.shadowRoot?.querySelectorAll(`slot`).forEach(e=>{e.dispatchEvent(new Event(`slotchange`,{bubbles:!0,composed:!1,cancelable:!1}))})}};Y([q({type:Boolean,reflect:!0})],X.prototype,`ssr`,void 0);function Be(e,t){let n={waitUntilFirstUpdate:!1,...t};return(t,r)=>{let{update:i}=t;if(e in t){let a=e;t.update=function(e){if(e.has(a)){let t=e.get(a),i=this[a];t!==i&&(!n.waitUntilFirstUpdate||this.hasUpdated)&&this[r](t,i)}i.call(this,e)}}}}K();var Ve=l`:host{--sgds-close-btn-border-radius:var(--sgds-border-radius-sm);display:inline-flex}:host([size=sm]) .btn-close{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}:host([tone=fixed-light]) .btn-close{color:var(--sgds-color-fixed-light)}:host([tone=fixed-dark]) .btn-close{color:var(--sgds-color-fixed-dark)}.btn-close{align-items:center;background-color:var(--sgds-bg-transparent);border:0;border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-close-btn-border-radius);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.btn-close:focus-visible,.btn-close:hover{background-color:var(--sgds-bg-translucent)}:host([tone=fixed-light]) .btn-close:focus-visible,:host([tone=fixed-light]) .btn-close:hover{background-color:var(--sgds-bg-translucent-fixed-light)}:host([tone=fixed-dark]) .btn-close:focus-visible,:host([tone=fixed-dark]) .btn-close:hover{background-color:var(--sgds-bg-translucent-fixed-dark)}.btn-close:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([disabled]) .btn-close{cursor:not-allowed;opacity:var(--sgds-opacity-40);pointer-events:none}`;function He(e){return!!customElements.get(e)}function Ue(e,t){customElements.get(e)||customElements.define(e,t)}function We(e){return He(e)?!0:(console.error(`Custom element of name : ${e} is not registered. Remember to import the component file for custom element registration`),!1)}K();var Z=class extends X{constructor(...e){super(...e),this.size=`md`,this.tone=`default`,this.disabled=!1,this._clickHandler=()=>{}}static{this.styles=[...X.styles,Ve]}_handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.removeEventListener(`click`,this._clickHandler),this.addEventListener(`click`,this._clickHandler)}firstUpdated(e){super.firstUpdated(e),We(`sgds-icon`)}render(){return I`
+let Ie=Symbol.for(``),Le=e=>{if(e?.r===Ie)return e?._$litStatic$},Re=/* @__PURE__ */ new Map,J=(e=>(t,...n)=>{let r=n.length,i,a,o=[],s=[],c,l=0,u=!1;for(;l<r;){for(c=t[l];l<r&&(a=n[l],(i=Le(a))!==void 0);)c+=i+t[++l],u=!0;l!==r&&s.push(a),o.push(c),l++}if(l===r&&o.push(t[r]),u){let e=o.join(`$$lit$$`);(t=Re.get(e))===void 0&&(o.raw=o,Re.set(e,t=o)),n=s}return e(t,...n)})(I);var ze=l`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;color:var(--sgds-body-color-default,#1a1a1a);display:block;font-family:var(--sgds-font-family-brand,"Inter",system-ui,sans-serif);font-size:var(--sgds-font-size-body-md,1rem);font-weight:var(--sgds-font-weight-regular,400);line-height:var(--sgds-line-height-xs,24px);margin:0;*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:1em;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%230e0e0e' fill-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4M12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%230e0e0e' fill-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4M12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}::slotted(svg){vertical-align:middle}}`;function Y(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}K();var X=class extends G{static{this.styles=[ze]}emit(e,t){let n=new CustomEvent(e,{bubbles:!0,cancelable:!1,composed:!0,detail:{},...t});return this.dispatchEvent(n),n}static define(e,t=this,n={}){if(!customElements.get(e)){try{customElements.define(e,t,n)}catch{customElements.define(e,class extends t{},n)}return}}static{this.dependencies={}}constructor(){super(),this.ssr=!!this.shadowRoot,Object.entries(this.constructor.dependencies).forEach(([e,t])=>{this.constructor.define(e,t)})}firstUpdated(e){super.firstUpdated(e),this.ssr&&this.shadowRoot?.querySelectorAll(`slot`).forEach(e=>{e.dispatchEvent(new Event(`slotchange`,{bubbles:!0,composed:!1,cancelable:!1}))})}};Y([q({type:Boolean,reflect:!0})],X.prototype,`ssr`,void 0);function Be(e,t){let n={waitUntilFirstUpdate:!1,...t};return(t,r)=>{let{update:i}=t;if(e in t){let a=e;t.update=function(e){if(e.has(a)){let t=e.get(a),i=this[a];t!==i&&(!n.waitUntilFirstUpdate||this.hasUpdated)&&this[r](t,i)}i.call(this,e)}}}}K();var Ve=l`:host{--sgds-close-btn-border-radius:var(--sgds-border-radius-sm);display:inline-flex}:host([size=sm]) .btn-close{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}:host([tone=fixed-light]) .btn-close{color:var(--sgds-color-fixed-light)}:host([tone=fixed-dark]) .btn-close{color:var(--sgds-color-fixed-dark)}.btn-close{align-items:center;background-color:var(--sgds-bg-transparent);border:0;border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-close-btn-border-radius);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.btn-close:focus-visible,.btn-close:hover{background-color:var(--sgds-bg-translucent)}:host([tone=fixed-light]) .btn-close:focus-visible,:host([tone=fixed-light]) .btn-close:hover{background-color:var(--sgds-bg-translucent-fixed-light)}:host([tone=fixed-dark]) .btn-close:focus-visible,:host([tone=fixed-dark]) .btn-close:hover{background-color:var(--sgds-bg-translucent-fixed-dark)}.btn-close:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host(:not([disabled])) .btn-close:active:after{background-color:var(--sgds-bg-translucent);border-radius:inherit;content:"";inset:0;position:absolute}:host([disabled]) .btn-close{cursor:not-allowed;opacity:var(--sgds-opacity-40);pointer-events:none}`;function He(e){return!!customElements.get(e)}function Ue(e,t){customElements.get(e)||customElements.define(e,t)}function We(e){return He(e)?!0:(console.error(`Custom element of name : ${e} is not registered. Remember to import the component file for custom element registration`),!1)}K();var Z=class extends X{constructor(...e){super(...e),this.size=`md`,this.tone=`default`,this.disabled=!1,this._clickHandler=()=>{}}static{this.styles=[...X.styles,Ve]}_handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.removeEventListener(`click`,this._clickHandler),this.addEventListener(`click`,this._clickHandler)}firstUpdated(e){super.firstUpdated(e),We(`sgds-icon`)}render(){return I`
       <button class="btn-close" aria-label="Close button" ?disabled=${this.disabled} @click=${this._handleClick}>
         <sgds-icon name="cross" size="sm"></sgds-icon>
       </button>
@@ -2330,7 +2330,7 @@ let Ie=Symbol.for(``),Le=e=>{if(e?.r===Ie)return e?._$litStatic$},Re=/* @__PURE_
       clip-rule="evenodd"
     />
   </svg>
-`}));let lp={announcement:()=>Promise.resolve().then(()=>(qe(),Ge)),archive:()=>Promise.resolve().then(()=>(Xe(),Je)),"arrow-bar-down":()=>Promise.resolve().then(()=>($e(),Ze)),"arrow-bar-left":()=>Promise.resolve().then(()=>(nt(),et)),"arrow-bar-right":()=>Promise.resolve().then(()=>(at(),rt)),"arrow-bar-up":()=>Promise.resolve().then(()=>(ct(),ot)),"arrow-circle-down":()=>Promise.resolve().then(()=>(dt(),lt)),"arrow-circle-left":()=>Promise.resolve().then(()=>(mt(),ft)),"arrow-circle-right":()=>Promise.resolve().then(()=>(_t(),ht)),"arrow-circle-up":()=>Promise.resolve().then(()=>(bt(),vt)),"arrow-clockwise":()=>Promise.resolve().then(()=>(Ct(),xt)),"arrow-down":()=>Promise.resolve().then(()=>(Et(),wt)),"arrow-left":()=>Promise.resolve().then(()=>(kt(),Dt)),"arrow-repeat":()=>Promise.resolve().then(()=>(Mt(),At)),"arrow-right":()=>Promise.resolve().then(()=>(Ft(),Nt)),"arrow-square-down":()=>Promise.resolve().then(()=>(Rt(),It)),"arrow-square-left":()=>Promise.resolve().then(()=>(Vt(),zt)),"arrow-square-right":()=>Promise.resolve().then(()=>(Wt(),Ht)),"arrow-square-up":()=>Promise.resolve().then(()=>(qt(),Gt)),"arrow-up":()=>Promise.resolve().then(()=>(Xt(),Jt)),"bank-fill":()=>Promise.resolve().then(()=>($t(),Zt)),"bell-slash":()=>Promise.resolve().then(()=>(nn(),en)),bell:()=>Promise.resolve().then(()=>(on(),rn)),"bi-funnel":()=>Promise.resolve().then(()=>(ln(),sn)),"bookmark-fill":()=>Promise.resolve().then(()=>(fn(),un)),bookmark:()=>Promise.resolve().then(()=>(hn(),pn)),"box-arrow-up-right":()=>Promise.resolve().then(()=>(vn(),gn)),"box-seam":()=>Promise.resolve().then(()=>(xn(),yn)),building:()=>Promise.resolve().then(()=>(wn(),Sn)),bus:()=>Promise.resolve().then(()=>(Dn(),Tn)),calculator:()=>Promise.resolve().then(()=>(An(),On)),"calendar-check":()=>Promise.resolve().then(()=>(Nn(),jn)),"calendar-heart":()=>Promise.resolve().then(()=>(In(),Pn)),"calendar-x":()=>Promise.resolve().then(()=>(zn(),Ln)),calendar:()=>Promise.resolve().then(()=>(Hn(),Bn)),camera:()=>Promise.resolve().then(()=>(Gn(),Un)),car:()=>Promise.resolve().then(()=>(Jn(),Kn)),"chat-dots":()=>Promise.resolve().then(()=>(Zn(),Yn)),"chat-left-text":()=>Promise.resolve().then(()=>(er(),Qn)),chat:()=>Promise.resolve().then(()=>(rr(),tr)),"check-circle-fill":()=>Promise.resolve().then(()=>(or(),ir)),"check-circle":()=>Promise.resolve().then(()=>(lr(),sr)),check:()=>Promise.resolve().then(()=>(fr(),ur)),"chevron-down":()=>Promise.resolve().then(()=>(hr(),pr)),"chevron-left":()=>Promise.resolve().then(()=>(vr(),gr)),"chevron-right":()=>Promise.resolve().then(()=>(xr(),yr)),"chevron-selector-vertical":()=>Promise.resolve().then(()=>(wr(),Sr)),"chevron-up":()=>Promise.resolve().then(()=>(Dr(),Tr)),clock:()=>Promise.resolve().then(()=>(Ar(),Or)),"cloud-check":()=>Promise.resolve().then(()=>(Nr(),jr)),"cloud-download":()=>Promise.resolve().then(()=>(Ir(),Pr)),"cloud-upload":()=>Promise.resolve().then(()=>(zr(),Lr)),cloud:()=>Promise.resolve().then(()=>(Hr(),Br)),"code-square":()=>Promise.resolve().then(()=>(Gr(),Ur)),"coins-hand":()=>Promise.resolve().then(()=>(Jr(),Kr)),compass:()=>Promise.resolve().then(()=>(Zr(),Yr)),copy:()=>Promise.resolve().then(()=>(ei(),Qr)),"cpu-chip-ai":()=>Promise.resolve().then(()=>(ri(),ti)),cross:()=>Promise.resolve().then(()=>(oi(),ii)),"cursor-fill":()=>Promise.resolve().then(()=>(li(),si)),cursor:()=>Promise.resolve().then(()=>(fi(),ui)),"dash-circle":()=>Promise.resolve().then(()=>(hi(),pi)),"dash-square":()=>Promise.resolve().then(()=>(vi(),gi)),dash:()=>Promise.resolve().then(()=>(xi(),yi)),database:()=>Promise.resolve().then(()=>(wi(),Si)),dataflow:()=>Promise.resolve().then(()=>(Di(),Ti)),download:()=>Promise.resolve().then(()=>(Ai(),Oi)),edit:()=>Promise.resolve().then(()=>(Ni(),ji)),"exclamation-circle-fill":()=>Promise.resolve().then(()=>(Ii(),Pi)),"exclamation-circle":()=>Promise.resolve().then(()=>(zi(),Li)),"exclamation-triangle-fill":()=>Promise.resolve().then(()=>(Hi(),Bi)),"exclamation-triangle":()=>Promise.resolve().then(()=>(Gi(),Ui)),exclamation:()=>Promise.resolve().then(()=>(Ji(),Ki)),"eye-fill":()=>Promise.resolve().then(()=>(Zi(),Yi)),"eye-slash-fill":()=>Promise.resolve().then(()=>(ea(),Qi)),"eye-slash":()=>Promise.resolve().then(()=>(ra(),ta)),eye:()=>Promise.resolve().then(()=>(oa(),ia)),"face-smile-fill":()=>Promise.resolve().then(()=>(la(),sa)),"face-smile":()=>Promise.resolve().then(()=>(fa(),ua)),facebook:()=>Promise.resolve().then(()=>(ha(),pa)),"file-earmark-text":()=>Promise.resolve().then(()=>(va(),ga)),"file-pdf":()=>Promise.resolve().then(()=>(xa(),ya)),"file-plus":()=>Promise.resolve().then(()=>(wa(),Sa)),"file-text":()=>Promise.resolve().then(()=>(Da(),Ta)),file:()=>Promise.resolve().then(()=>(Aa(),Oa)),files:()=>Promise.resolve().then(()=>(Na(),ja)),fingerprint:()=>Promise.resolve().then(()=>(Ia(),Pa)),flash:()=>Promise.resolve().then(()=>(za(),La)),"folder-check":()=>Promise.resolve().then(()=>(Ha(),Ba)),"folder-minus":()=>Promise.resolve().then(()=>(Ga(),Ua)),"folder-plus":()=>Promise.resolve().then(()=>(Ja(),Ka)),folder:()=>Promise.resolve().then(()=>(Za(),Ya)),gear:()=>Promise.resolve().then(()=>(eo(),Qa)),"geo-alt":()=>Promise.resolve().then(()=>(ro(),to)),"geo-fill":()=>Promise.resolve().then(()=>(oo(),io)),geo:()=>Promise.resolve().then(()=>(lo(),so)),"globe-alt":()=>Promise.resolve().then(()=>(po(),uo)),globe:()=>Promise.resolve().then(()=>(go(),mo)),google:()=>Promise.resolve().then(()=>(yo(),_o)),"grid-alt":()=>Promise.resolve().then(()=>(So(),bo)),"grid-fill":()=>Promise.resolve().then(()=>(To(),Co)),"hand-thumbs-down":()=>Promise.resolve().then(()=>(Oo(),Eo)),"hand-thumbs-up":()=>Promise.resolve().then(()=>(jo(),ko)),"hard-drive":()=>Promise.resolve().then(()=>(Po(),Mo)),heart:()=>Promise.resolve().then(()=>(Lo(),Fo)),"house-door":()=>Promise.resolve().then(()=>(Bo(),Ro)),house:()=>Promise.resolve().then(()=>(Uo(),Vo)),image:()=>Promise.resolve().then(()=>(Ko(),Wo)),"in-box":()=>Promise.resolve().then(()=>(Yo(),qo)),"info-circle-fill":()=>Promise.resolve().then(()=>(Qo(),Xo)),"info-circle":()=>Promise.resolve().then(()=>(ts(),$o)),instagram:()=>Promise.resolve().then(()=>(is(),ns)),key:()=>Promise.resolve().then(()=>(ss(),as)),"laptop-gear":()=>Promise.resolve().then(()=>(us(),cs)),laptop:()=>Promise.resolve().then(()=>(ps(),ds)),layers:()=>Promise.resolve().then(()=>(gs(),ms)),"layout-text-window-reverse":()=>Promise.resolve().then(()=>(ys(),_s)),"layout-text-window":()=>Promise.resolve().then(()=>(Ss(),bs)),layout:()=>Promise.resolve().then(()=>(Ts(),Cs)),"life-buoy":()=>Promise.resolve().then(()=>(Os(),Es)),lightbulb:()=>Promise.resolve().then(()=>(js(),ks)),link:()=>Promise.resolve().then(()=>(Ps(),Ms)),linkedin:()=>Promise.resolve().then(()=>(Ls(),Fs)),list:()=>Promise.resolve().then(()=>(Bs(),Rs)),"lock-fill":()=>Promise.resolve().then(()=>(Us(),Vs)),lock:()=>Promise.resolve().then(()=>(Ks(),Ws)),login:()=>Promise.resolve().then(()=>(Ys(),qs)),logout:()=>Promise.resolve().then(()=>(Qs(),Xs)),luggage:()=>Promise.resolve().then(()=>(tc(),$s)),"mail-open":()=>Promise.resolve().then(()=>(ic(),nc)),mail:()=>Promise.resolve().then(()=>(sc(),ac)),map:()=>Promise.resolve().then(()=>(uc(),cc)),meetup:()=>Promise.resolve().then(()=>(pc(),dc)),menu:()=>Promise.resolve().then(()=>(gc(),mc)),microphone:()=>Promise.resolve().then(()=>(yc(),_c)),monitor:()=>Promise.resolve().then(()=>(Sc(),bc)),moon:()=>Promise.resolve().then(()=>(Tc(),Cc)),move:()=>Promise.resolve().then(()=>(Oc(),Ec)),paperclip:()=>Promise.resolve().then(()=>(jc(),kc)),passcode:()=>Promise.resolve().then(()=>(Pc(),Mc)),passport:()=>Promise.resolve().then(()=>(Lc(),Fc)),pause:()=>Promise.resolve().then(()=>(Bc(),Rc)),pencil:()=>Promise.resolve().then(()=>(Uc(),Vc)),"pending-circle":()=>Promise.resolve().then(()=>(Kc(),Wc)),"person-dash":()=>Promise.resolve().then(()=>(Yc(),qc)),"person-plus":()=>Promise.resolve().then(()=>(Qc(),Xc)),"person-x":()=>Promise.resolve().then(()=>(tl(),$c)),person:()=>Promise.resolve().then(()=>(il(),nl)),phone:()=>Promise.resolve().then(()=>(sl(),al)),"pin-map-fill":()=>Promise.resolve().then(()=>(ul(),cl)),pin:()=>Promise.resolve().then(()=>(pl(),dl)),placeholder:()=>Promise.resolve().then(()=>(gl(),ml)),plane:()=>Promise.resolve().then(()=>(yl(),_l)),play:()=>Promise.resolve().then(()=>(Sl(),bl)),"plus-circle":()=>Promise.resolve().then(()=>(Tl(),Cl)),"plus-square":()=>Promise.resolve().then(()=>(Ol(),El)),plus:()=>Promise.resolve().then(()=>(jl(),kl)),printer:()=>Promise.resolve().then(()=>(Pl(),Ml)),"question-circle":()=>Promise.resolve().then(()=>(Ll(),Fl)),rocket:()=>Promise.resolve().then(()=>(Bl(),Rl)),save:()=>Promise.resolve().then(()=>(Ul(),Vl)),search:()=>Promise.resolve().then(()=>(Kl(),Wl)),send:()=>Promise.resolve().then(()=>(Yl(),ql)),"sg-crest":()=>Promise.resolve().then(()=>(Ql(),Xl)),share:()=>Promise.resolve().then(()=>(tu(),$l)),"shield-tick":()=>Promise.resolve().then(()=>(iu(),nu)),"sidebar-collapse":()=>Promise.resolve().then(()=>(su(),au)),"sidebar-expand":()=>Promise.resolve().then(()=>(uu(),cu)),"slash-circle":()=>Promise.resolve().then(()=>(pu(),du)),"slash-divider":()=>Promise.resolve().then(()=>(gu(),mu)),sliders:()=>Promise.resolve().then(()=>(yu(),_u)),"sort-ascending":()=>Promise.resolve().then(()=>(Su(),bu)),"sort-descending":()=>Promise.resolve().then(()=>(Tu(),Cu)),speedometer:()=>Promise.resolve().then(()=>(Ou(),Eu)),"star-ai":()=>Promise.resolve().then(()=>(ju(),ku)),"star-fill":()=>Promise.resolve().then(()=>(Pu(),Mu)),star:()=>Promise.resolve().then(()=>(Lu(),Fu)),stoplights:()=>Promise.resolve().then(()=>(Bu(),Ru)),sun:()=>Promise.resolve().then(()=>(Uu(),Vu)),"switch-horizontal":()=>Promise.resolve().then(()=>(Ku(),Wu)),"switch-vertical":()=>Promise.resolve().then(()=>(Yu(),qu)),tablet:()=>Promise.resolve().then(()=>(Qu(),Xu)),telegram:()=>Promise.resolve().then(()=>(td(),$u)),telephone:()=>Promise.resolve().then(()=>(id(),nd)),"three-dots-vertical":()=>Promise.resolve().then(()=>(sd(),ad)),"three-dots":()=>Promise.resolve().then(()=>(ud(),cd)),ticket:()=>Promise.resolve().then(()=>(pd(),dd)),"toggle-off":()=>Promise.resolve().then(()=>(gd(),md)),"toggle-on":()=>Promise.resolve().then(()=>(yd(),_d)),train:()=>Promise.resolve().then(()=>(Sd(),bd)),translate:()=>Promise.resolve().then(()=>(Td(),Cd)),trash:()=>Promise.resolve().then(()=>(Od(),Ed)),"trend-down":()=>Promise.resolve().then(()=>(jd(),kd)),"trend-up":()=>Promise.resolve().then(()=>(Pd(),Md)),truck:()=>Promise.resolve().then(()=>(Ld(),Fd)),"twitter-x":()=>Promise.resolve().then(()=>(Bd(),Rd)),unlock:()=>Promise.resolve().then(()=>(Ud(),Vd)),upload:()=>Promise.resolve().then(()=>(Kd(),Wd)),"user-check":()=>Promise.resolve().then(()=>(Yd(),qd)),"user-circle":()=>Promise.resolve().then(()=>(Qd(),Xd)),"user-pause":()=>Promise.resolve().then(()=>(tf(),$d)),"user-square":()=>Promise.resolve().then(()=>(af(),nf)),users:()=>Promise.resolve().then(()=>(cf(),of)),"video-recorder":()=>Promise.resolve().then(()=>(df(),lf)),"volume-max":()=>Promise.resolve().then(()=>(mf(),ff)),"volume-x":()=>Promise.resolve().then(()=>(_f(),hf)),"window-dash":()=>Promise.resolve().then(()=>(bf(),vf)),"window-desktop":()=>Promise.resolve().then(()=>(Cf(),xf)),"window-dock":()=>Promise.resolve().then(()=>(Ef(),wf)),"window-fullscreen":()=>Promise.resolve().then(()=>(kf(),Df)),"window-plus":()=>Promise.resolve().then(()=>(Mf(),Af)),"window-sidebar":()=>Promise.resolve().then(()=>(Ff(),Nf)),"window-split":()=>Promise.resolve().then(()=>(Rf(),If)),"window-stack":()=>Promise.resolve().then(()=>(Vf(),zf)),"window-x":()=>Promise.resolve().then(()=>(Wf(),Hf)),window:()=>Promise.resolve().then(()=>(qf(),Gf)),"xcircle-fill":()=>Promise.resolve().then(()=>(Xf(),Jf)),xcircle:()=>Promise.resolve().then(()=>($f(),Zf)),youtube:()=>Promise.resolve().then(()=>(np(),ep)),"zoom-in":()=>Promise.resolve().then(()=>(ap(),rp)),"zoom-out":()=>Promise.resolve().then(()=>(cp(),op))};K();var up=l`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;K();let dp=/* @__PURE__ */ new Map;var Q=class extends X{constructor(...e){super(...e),this.size=`lg`}static{this.styles=[...X.styles,up]}willUpdate(e){e.has(`name`)&&this._loadIcon(this.name)}async _loadIcon(e){if(!e){this._icon=void 0;return}if(dp.has(e)){this._icon=dp.get(e);return}let t=lp[e];if(!t){console.warn(`Icon not found: ${e}`),this._icon=void 0;return}try{let n=await t();dp.set(e,n.default),this._icon=n.default}catch{console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){let e=this.shadowRoot?.querySelector(`svg`);e&&(this.ariaLabel?(e.removeAttribute(`aria-hidden`),e.setAttribute(`aria-label`,this.ariaLabel)):(e.removeAttribute(`aria-label`),e.setAttribute(`aria-hidden`,`true`)))}render(){return this._icon??R}};Y([q({type:String,reflect:!0})],Q.prototype,`name`,void 0),Y([q({type:String,reflect:!0})],Q.prototype,`size`,void 0),Y([q({type:String})],Q.prototype,`ariaLabel`,void 0),Y([je()],Q.prototype,`_icon`,void 0),K();var fp=l`:host([variant=success]) .alert{background-color:var(--sgds-success-surface-default)}:host([variant=warning]) .alert{--sgds-alert-color:var(--sgds-color-fixed-dark);background-color:var(--sgds-warning-surface-default)}:host([variant=danger]) .alert{background-color:var(--sgds-danger-surface-default)}:host([variant=neutral]) .alert{background-color:var(--sgds-neutral-surface-emphasis)}:host([variant=success][outlined]) .alert{background-color:var(--sgds-success-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-success-border-color-muted)}:host([variant=warning][outlined]) .alert{background-color:var(--sgds-warning-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-warning-border-color-muted)}:host([variant=danger][outlined]) .alert{background-color:var(--sgds-danger-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-danger-border-color-muted)}:host([variant=neutral][outlined]) .alert{background-color:var(--sgds-neutral-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-neutral-border-color-muted)}:host([outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-primary-color-fixed-dark)}:host([variant=success][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-success-color-fixed-dark)}:host([variant=warning][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-warning-color-fixed-light)}:host([variant=danger][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-danger-color-fixed-dark)}:host([variant=neutral][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-color-fixed-dark)}.alert{--sgds-alert-color:var(--sgds-color-fixed-light);background-color:var(--sgds-primary-surface-default);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-border-radius-md);color:var(--sgds-alert-color);display:flex;flex-direction:row;gap:var(--sgds-gap-sm);padding:var(--sgds-padding-lg);position:relative}.alert.outlined{--sgds-alert-color:var(--sgds-color-fixed-dark);background-color:var(--sgds-primary-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-primary-border-color-muted)}.alert-content{align-items:flex-start;display:flex;flex:1 0 0;flex-direction:column;gap:var(--sgds-gap-md);padding-right:var(--sgds-padding-2-xl)}.alert-content__upper{display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs)}.alert-title{font-size:var(--sgds-font-size-subtitle-sm);font-style:normal;font-weight:var(--sgds-font-weight-semibold);line-height:var(--sgds-line-height-2-xs)}.alert-content__description{display:inline;font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-2-xs)}.alert-content__description::slotted(*){font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-2-xs)}.alert-content__description::slotted(a),.alert-content__description::slotted(a:hover){color:inherit!important}.alert-content__description::slotted(a:focus-visible){outline:var(--sgds-outline-focus)!important;outline-offset:var(--sgds-outline-offset-focus)!important}.alert sgds-close-button{position:absolute;right:14px;top:14px}`;K();var $=class extends X{constructor(...e){super(...e),this.show=!1,this.dismissible=!1,this.variant=`info`,this.outlined=!1,this.title=``}static{this.styles=[...X.styles,fp]}static{this.dependencies={"sgds-close-button":Z,"sgds-icon":Q}}close(){this.show=!1}_handleShowChange(){this.show?this.emit(`sgds-show`):this.emit(`sgds-hide`)}render(){return this.dismissible&&this.show||!this.dismissible?J`
+`}));let lp={announcement:()=>Promise.resolve().then(()=>(qe(),Ge)),archive:()=>Promise.resolve().then(()=>(Xe(),Je)),"arrow-bar-down":()=>Promise.resolve().then(()=>($e(),Ze)),"arrow-bar-left":()=>Promise.resolve().then(()=>(nt(),et)),"arrow-bar-right":()=>Promise.resolve().then(()=>(at(),rt)),"arrow-bar-up":()=>Promise.resolve().then(()=>(ct(),ot)),"arrow-circle-down":()=>Promise.resolve().then(()=>(dt(),lt)),"arrow-circle-left":()=>Promise.resolve().then(()=>(mt(),ft)),"arrow-circle-right":()=>Promise.resolve().then(()=>(_t(),ht)),"arrow-circle-up":()=>Promise.resolve().then(()=>(bt(),vt)),"arrow-clockwise":()=>Promise.resolve().then(()=>(Ct(),xt)),"arrow-down":()=>Promise.resolve().then(()=>(Et(),wt)),"arrow-left":()=>Promise.resolve().then(()=>(kt(),Dt)),"arrow-repeat":()=>Promise.resolve().then(()=>(Mt(),At)),"arrow-right":()=>Promise.resolve().then(()=>(Ft(),Nt)),"arrow-square-down":()=>Promise.resolve().then(()=>(Rt(),It)),"arrow-square-left":()=>Promise.resolve().then(()=>(Vt(),zt)),"arrow-square-right":()=>Promise.resolve().then(()=>(Wt(),Ht)),"arrow-square-up":()=>Promise.resolve().then(()=>(qt(),Gt)),"arrow-up":()=>Promise.resolve().then(()=>(Xt(),Jt)),"bank-fill":()=>Promise.resolve().then(()=>($t(),Zt)),"bell-slash":()=>Promise.resolve().then(()=>(nn(),en)),bell:()=>Promise.resolve().then(()=>(on(),rn)),"bi-funnel":()=>Promise.resolve().then(()=>(ln(),sn)),"bookmark-fill":()=>Promise.resolve().then(()=>(fn(),un)),bookmark:()=>Promise.resolve().then(()=>(hn(),pn)),"box-arrow-up-right":()=>Promise.resolve().then(()=>(vn(),gn)),"box-seam":()=>Promise.resolve().then(()=>(xn(),yn)),building:()=>Promise.resolve().then(()=>(wn(),Sn)),bus:()=>Promise.resolve().then(()=>(Dn(),Tn)),calculator:()=>Promise.resolve().then(()=>(An(),On)),"calendar-check":()=>Promise.resolve().then(()=>(Nn(),jn)),"calendar-heart":()=>Promise.resolve().then(()=>(In(),Pn)),"calendar-x":()=>Promise.resolve().then(()=>(zn(),Ln)),calendar:()=>Promise.resolve().then(()=>(Hn(),Bn)),camera:()=>Promise.resolve().then(()=>(Gn(),Un)),car:()=>Promise.resolve().then(()=>(Jn(),Kn)),"chat-dots":()=>Promise.resolve().then(()=>(Zn(),Yn)),"chat-left-text":()=>Promise.resolve().then(()=>(er(),Qn)),chat:()=>Promise.resolve().then(()=>(rr(),tr)),"check-circle-fill":()=>Promise.resolve().then(()=>(or(),ir)),"check-circle":()=>Promise.resolve().then(()=>(lr(),sr)),check:()=>Promise.resolve().then(()=>(fr(),ur)),"chevron-down":()=>Promise.resolve().then(()=>(hr(),pr)),"chevron-left":()=>Promise.resolve().then(()=>(vr(),gr)),"chevron-right":()=>Promise.resolve().then(()=>(xr(),yr)),"chevron-selector-vertical":()=>Promise.resolve().then(()=>(wr(),Sr)),"chevron-up":()=>Promise.resolve().then(()=>(Dr(),Tr)),clock:()=>Promise.resolve().then(()=>(Ar(),Or)),"cloud-check":()=>Promise.resolve().then(()=>(Nr(),jr)),"cloud-download":()=>Promise.resolve().then(()=>(Ir(),Pr)),"cloud-upload":()=>Promise.resolve().then(()=>(zr(),Lr)),cloud:()=>Promise.resolve().then(()=>(Hr(),Br)),"code-square":()=>Promise.resolve().then(()=>(Gr(),Ur)),"coins-hand":()=>Promise.resolve().then(()=>(Jr(),Kr)),compass:()=>Promise.resolve().then(()=>(Zr(),Yr)),copy:()=>Promise.resolve().then(()=>(ei(),Qr)),"cpu-chip-ai":()=>Promise.resolve().then(()=>(ri(),ti)),cross:()=>Promise.resolve().then(()=>(oi(),ii)),"cursor-fill":()=>Promise.resolve().then(()=>(li(),si)),cursor:()=>Promise.resolve().then(()=>(fi(),ui)),"dash-circle":()=>Promise.resolve().then(()=>(hi(),pi)),"dash-square":()=>Promise.resolve().then(()=>(vi(),gi)),dash:()=>Promise.resolve().then(()=>(xi(),yi)),database:()=>Promise.resolve().then(()=>(wi(),Si)),dataflow:()=>Promise.resolve().then(()=>(Di(),Ti)),download:()=>Promise.resolve().then(()=>(Ai(),Oi)),edit:()=>Promise.resolve().then(()=>(Ni(),ji)),"exclamation-circle-fill":()=>Promise.resolve().then(()=>(Ii(),Pi)),"exclamation-circle":()=>Promise.resolve().then(()=>(zi(),Li)),"exclamation-triangle-fill":()=>Promise.resolve().then(()=>(Hi(),Bi)),"exclamation-triangle":()=>Promise.resolve().then(()=>(Gi(),Ui)),exclamation:()=>Promise.resolve().then(()=>(Ji(),Ki)),"eye-fill":()=>Promise.resolve().then(()=>(Zi(),Yi)),"eye-slash-fill":()=>Promise.resolve().then(()=>(ea(),Qi)),"eye-slash":()=>Promise.resolve().then(()=>(ra(),ta)),eye:()=>Promise.resolve().then(()=>(oa(),ia)),"face-smile-fill":()=>Promise.resolve().then(()=>(la(),sa)),"face-smile":()=>Promise.resolve().then(()=>(fa(),ua)),facebook:()=>Promise.resolve().then(()=>(ha(),pa)),"file-earmark-text":()=>Promise.resolve().then(()=>(va(),ga)),"file-pdf":()=>Promise.resolve().then(()=>(xa(),ya)),"file-plus":()=>Promise.resolve().then(()=>(wa(),Sa)),"file-text":()=>Promise.resolve().then(()=>(Da(),Ta)),file:()=>Promise.resolve().then(()=>(Aa(),Oa)),files:()=>Promise.resolve().then(()=>(Na(),ja)),fingerprint:()=>Promise.resolve().then(()=>(Ia(),Pa)),flash:()=>Promise.resolve().then(()=>(za(),La)),"folder-check":()=>Promise.resolve().then(()=>(Ha(),Ba)),"folder-minus":()=>Promise.resolve().then(()=>(Ga(),Ua)),"folder-plus":()=>Promise.resolve().then(()=>(Ja(),Ka)),folder:()=>Promise.resolve().then(()=>(Za(),Ya)),gear:()=>Promise.resolve().then(()=>(eo(),Qa)),"geo-alt":()=>Promise.resolve().then(()=>(ro(),to)),"geo-fill":()=>Promise.resolve().then(()=>(oo(),io)),geo:()=>Promise.resolve().then(()=>(lo(),so)),"globe-alt":()=>Promise.resolve().then(()=>(po(),uo)),globe:()=>Promise.resolve().then(()=>(go(),mo)),google:()=>Promise.resolve().then(()=>(yo(),_o)),"grid-alt":()=>Promise.resolve().then(()=>(So(),bo)),"grid-fill":()=>Promise.resolve().then(()=>(To(),Co)),"hand-thumbs-down":()=>Promise.resolve().then(()=>(Oo(),Eo)),"hand-thumbs-up":()=>Promise.resolve().then(()=>(jo(),ko)),"hard-drive":()=>Promise.resolve().then(()=>(Po(),Mo)),heart:()=>Promise.resolve().then(()=>(Lo(),Fo)),"house-door":()=>Promise.resolve().then(()=>(Bo(),Ro)),house:()=>Promise.resolve().then(()=>(Uo(),Vo)),image:()=>Promise.resolve().then(()=>(Ko(),Wo)),"in-box":()=>Promise.resolve().then(()=>(Yo(),qo)),"info-circle-fill":()=>Promise.resolve().then(()=>(Qo(),Xo)),"info-circle":()=>Promise.resolve().then(()=>(ts(),$o)),instagram:()=>Promise.resolve().then(()=>(is(),ns)),key:()=>Promise.resolve().then(()=>(ss(),as)),"laptop-gear":()=>Promise.resolve().then(()=>(us(),cs)),laptop:()=>Promise.resolve().then(()=>(ps(),ds)),layers:()=>Promise.resolve().then(()=>(gs(),ms)),"layout-text-window-reverse":()=>Promise.resolve().then(()=>(ys(),_s)),"layout-text-window":()=>Promise.resolve().then(()=>(Ss(),bs)),layout:()=>Promise.resolve().then(()=>(Ts(),Cs)),"life-buoy":()=>Promise.resolve().then(()=>(Os(),Es)),lightbulb:()=>Promise.resolve().then(()=>(js(),ks)),link:()=>Promise.resolve().then(()=>(Ps(),Ms)),linkedin:()=>Promise.resolve().then(()=>(Ls(),Fs)),list:()=>Promise.resolve().then(()=>(Bs(),Rs)),"lock-fill":()=>Promise.resolve().then(()=>(Us(),Vs)),lock:()=>Promise.resolve().then(()=>(Ks(),Ws)),login:()=>Promise.resolve().then(()=>(Ys(),qs)),logout:()=>Promise.resolve().then(()=>(Qs(),Xs)),luggage:()=>Promise.resolve().then(()=>(tc(),$s)),"mail-open":()=>Promise.resolve().then(()=>(ic(),nc)),mail:()=>Promise.resolve().then(()=>(sc(),ac)),map:()=>Promise.resolve().then(()=>(uc(),cc)),meetup:()=>Promise.resolve().then(()=>(pc(),dc)),menu:()=>Promise.resolve().then(()=>(gc(),mc)),microphone:()=>Promise.resolve().then(()=>(yc(),_c)),monitor:()=>Promise.resolve().then(()=>(Sc(),bc)),moon:()=>Promise.resolve().then(()=>(Tc(),Cc)),move:()=>Promise.resolve().then(()=>(Oc(),Ec)),paperclip:()=>Promise.resolve().then(()=>(jc(),kc)),passcode:()=>Promise.resolve().then(()=>(Pc(),Mc)),passport:()=>Promise.resolve().then(()=>(Lc(),Fc)),pause:()=>Promise.resolve().then(()=>(Bc(),Rc)),pencil:()=>Promise.resolve().then(()=>(Uc(),Vc)),"pending-circle":()=>Promise.resolve().then(()=>(Kc(),Wc)),"person-dash":()=>Promise.resolve().then(()=>(Yc(),qc)),"person-plus":()=>Promise.resolve().then(()=>(Qc(),Xc)),"person-x":()=>Promise.resolve().then(()=>(tl(),$c)),person:()=>Promise.resolve().then(()=>(il(),nl)),phone:()=>Promise.resolve().then(()=>(sl(),al)),"pin-map-fill":()=>Promise.resolve().then(()=>(ul(),cl)),pin:()=>Promise.resolve().then(()=>(pl(),dl)),placeholder:()=>Promise.resolve().then(()=>(gl(),ml)),plane:()=>Promise.resolve().then(()=>(yl(),_l)),play:()=>Promise.resolve().then(()=>(Sl(),bl)),"plus-circle":()=>Promise.resolve().then(()=>(Tl(),Cl)),"plus-square":()=>Promise.resolve().then(()=>(Ol(),El)),plus:()=>Promise.resolve().then(()=>(jl(),kl)),printer:()=>Promise.resolve().then(()=>(Pl(),Ml)),"question-circle":()=>Promise.resolve().then(()=>(Ll(),Fl)),rocket:()=>Promise.resolve().then(()=>(Bl(),Rl)),save:()=>Promise.resolve().then(()=>(Ul(),Vl)),search:()=>Promise.resolve().then(()=>(Kl(),Wl)),send:()=>Promise.resolve().then(()=>(Yl(),ql)),"sg-crest":()=>Promise.resolve().then(()=>(Ql(),Xl)),share:()=>Promise.resolve().then(()=>(tu(),$l)),"shield-tick":()=>Promise.resolve().then(()=>(iu(),nu)),"sidebar-collapse":()=>Promise.resolve().then(()=>(su(),au)),"sidebar-expand":()=>Promise.resolve().then(()=>(uu(),cu)),"slash-circle":()=>Promise.resolve().then(()=>(pu(),du)),"slash-divider":()=>Promise.resolve().then(()=>(gu(),mu)),sliders:()=>Promise.resolve().then(()=>(yu(),_u)),"sort-ascending":()=>Promise.resolve().then(()=>(Su(),bu)),"sort-descending":()=>Promise.resolve().then(()=>(Tu(),Cu)),speedometer:()=>Promise.resolve().then(()=>(Ou(),Eu)),"star-ai":()=>Promise.resolve().then(()=>(ju(),ku)),"star-fill":()=>Promise.resolve().then(()=>(Pu(),Mu)),star:()=>Promise.resolve().then(()=>(Lu(),Fu)),stoplights:()=>Promise.resolve().then(()=>(Bu(),Ru)),sun:()=>Promise.resolve().then(()=>(Uu(),Vu)),"switch-horizontal":()=>Promise.resolve().then(()=>(Ku(),Wu)),"switch-vertical":()=>Promise.resolve().then(()=>(Yu(),qu)),tablet:()=>Promise.resolve().then(()=>(Qu(),Xu)),telegram:()=>Promise.resolve().then(()=>(td(),$u)),telephone:()=>Promise.resolve().then(()=>(id(),nd)),"three-dots-vertical":()=>Promise.resolve().then(()=>(sd(),ad)),"three-dots":()=>Promise.resolve().then(()=>(ud(),cd)),ticket:()=>Promise.resolve().then(()=>(pd(),dd)),"toggle-off":()=>Promise.resolve().then(()=>(gd(),md)),"toggle-on":()=>Promise.resolve().then(()=>(yd(),_d)),train:()=>Promise.resolve().then(()=>(Sd(),bd)),translate:()=>Promise.resolve().then(()=>(Td(),Cd)),trash:()=>Promise.resolve().then(()=>(Od(),Ed)),"trend-down":()=>Promise.resolve().then(()=>(jd(),kd)),"trend-up":()=>Promise.resolve().then(()=>(Pd(),Md)),truck:()=>Promise.resolve().then(()=>(Ld(),Fd)),"twitter-x":()=>Promise.resolve().then(()=>(Bd(),Rd)),unlock:()=>Promise.resolve().then(()=>(Ud(),Vd)),upload:()=>Promise.resolve().then(()=>(Kd(),Wd)),"user-check":()=>Promise.resolve().then(()=>(Yd(),qd)),"user-circle":()=>Promise.resolve().then(()=>(Qd(),Xd)),"user-pause":()=>Promise.resolve().then(()=>(tf(),$d)),"user-square":()=>Promise.resolve().then(()=>(af(),nf)),users:()=>Promise.resolve().then(()=>(cf(),of)),"video-recorder":()=>Promise.resolve().then(()=>(df(),lf)),"volume-max":()=>Promise.resolve().then(()=>(mf(),ff)),"volume-x":()=>Promise.resolve().then(()=>(_f(),hf)),"window-dash":()=>Promise.resolve().then(()=>(bf(),vf)),"window-desktop":()=>Promise.resolve().then(()=>(Cf(),xf)),"window-dock":()=>Promise.resolve().then(()=>(Ef(),wf)),"window-fullscreen":()=>Promise.resolve().then(()=>(kf(),Df)),"window-plus":()=>Promise.resolve().then(()=>(Mf(),Af)),"window-sidebar":()=>Promise.resolve().then(()=>(Ff(),Nf)),"window-split":()=>Promise.resolve().then(()=>(Rf(),If)),"window-stack":()=>Promise.resolve().then(()=>(Vf(),zf)),"window-x":()=>Promise.resolve().then(()=>(Wf(),Hf)),window:()=>Promise.resolve().then(()=>(qf(),Gf)),"xcircle-fill":()=>Promise.resolve().then(()=>(Xf(),Jf)),xcircle:()=>Promise.resolve().then(()=>($f(),Zf)),youtube:()=>Promise.resolve().then(()=>(np(),ep)),"zoom-in":()=>Promise.resolve().then(()=>(ap(),rp)),"zoom-out":()=>Promise.resolve().then(()=>(cp(),op))};K();var up=l`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;K();let dp=/* @__PURE__ */ new Map;var Q=class extends X{constructor(...e){super(...e),this.size=`lg`}static{this.styles=[...X.styles,up]}willUpdate(e){e.has(`name`)&&this._loadIcon(this.name)}async _loadIcon(e){if(!e){this._icon=void 0;return}if(dp.has(e)){this._icon=dp.get(e);return}let t=lp[e];if(!t){console.warn(`Icon not found: ${e}`),this._icon=void 0;return}try{let n=await t();dp.set(e,n.default),this._icon=n.default}catch{console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){let e=this.shadowRoot?.querySelector(`svg`);e&&(this.ariaLabel?(e.removeAttribute(`aria-hidden`),e.setAttribute(`aria-label`,this.ariaLabel)):(e.removeAttribute(`aria-label`),e.setAttribute(`aria-hidden`,`true`)))}render(){return this._icon??R}};Y([q({type:String,reflect:!0})],Q.prototype,`name`,void 0),Y([q({type:String,reflect:!0})],Q.prototype,`size`,void 0),Y([q({type:String})],Q.prototype,`ariaLabel`,void 0),Y([je()],Q.prototype,`_icon`,void 0),K();var fp=l`:host([variant=success]) .alert{background-color:var(--sgds-success-surface-default)}:host([variant=warning]) .alert{--sgds-alert-color:var(--sgds-color-fixed-dark);background-color:var(--sgds-warning-surface-default)}:host([variant=danger]) .alert{background-color:var(--sgds-danger-surface-default)}:host([variant=neutral]) .alert{background-color:var(--sgds-neutral-surface-emphasis)}:host([variant=success][outlined]) .alert{background-color:var(--sgds-success-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-success-border-color-muted)}:host([variant=warning][outlined]) .alert{background-color:var(--sgds-warning-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-warning-border-color-muted)}:host([variant=danger][outlined]) .alert{background-color:var(--sgds-danger-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-danger-border-color-muted)}:host([variant=neutral][outlined]) .alert{background-color:var(--sgds-neutral-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-neutral-border-color-muted)}:host([outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-primary-color-default)}:host([variant=success][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-success-color-default)}:host([variant=warning][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-warning-color-fixed-light)}:host([variant=danger][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-danger-color-default)}:host([variant=neutral][outlined]) .alert-icon__outlined::slotted(*){color:var(--sgds-body-color-default)}.alert{--sgds-alert-color:var(--sgds-color-fixed-light);background-color:var(--sgds-primary-surface-default);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-border-radius-md);color:var(--sgds-alert-color);display:flex;flex-direction:row;gap:var(--sgds-gap-sm);padding:var(--sgds-padding-lg);position:relative}:host([outlined]) .alert{--sgds-alert-color:var(--sgds-body-color-default);background-color:var(--sgds-primary-surface-muted);border:var(--sgds-border-width-1) solid var(--sgds-primary-border-color-muted)}.alert-content{align-items:flex-start;display:flex;flex:1 0 0;flex-direction:column;gap:var(--sgds-gap-md);padding-right:var(--sgds-padding-2-xl)}.alert-content__upper{display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs)}.alert-title{font-size:var(--sgds-font-size-subtitle-sm);font-style:normal;font-weight:var(--sgds-font-weight-semibold);line-height:var(--sgds-line-height-2-xs)}.alert-content__description{display:inline;font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-2-xs)}.alert-content__description::slotted(*){font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-2-xs)}.alert-content__description::slotted(a),.alert-content__description::slotted(a:hover){color:inherit!important}.alert-content__description::slotted(a:focus-visible){outline:var(--sgds-outline-focus)!important;outline-offset:var(--sgds-outline-offset-focus)!important}.alert sgds-close-button{position:absolute;right:14px;top:14px}`;K();var $=class extends X{constructor(...e){super(...e),this.show=!1,this.dismissible=!1,this.variant=`info`,this.outlined=!1,this.title=``}static{this.styles=[...X.styles,fp]}static{this.dependencies={"sgds-close-button":Z,"sgds-icon":Q}}close(){this.show=!1}_handleShowChange(){this.show?this.emit(`sgds-show`):this.emit(`sgds-hide`)}render(){return this.dismissible&&this.show||!this.dismissible?J`
           <div
             class="${Fe({alert:!0,show:this.show,"alert-dismissible":this.dismissible,outlined:this.outlined})}"
             role="alert"
@@ -2347,7 +2347,7 @@ let Ie=Symbol.for(``),Le=e=>{if(e?.r===Ie)return e?._$litStatic$},Re=/* @__PURE_
             ${this.dismissible?J`<sgds-close-button
                   aria-label="close the alert"
                   @click=${this.close}
-                  tone=${this.outlined||this.variant===`warning`?`fixed-dark`:`fixed-light`}
+                  tone="default"
                 ></sgds-close-button>`:R}
           </div>
         `:R}};Y([q({type:Boolean,reflect:!0})],$.prototype,`show`,void 0),Y([q({type:Boolean,reflect:!0})],$.prototype,`dismissible`,void 0),Y([q({type:String,reflect:!0})],$.prototype,`variant`,void 0),Y([q({type:Boolean,reflect:!0})],$.prototype,`outlined`,void 0),Y([q({type:String,reflect:!0})],$.prototype,`title`,void 0),Y([Be(`show`)],$.prototype,`_handleShowChange`,null),U();