@servicetitan/anvil2 2.9.1 → 3.0.0

package/dist/AiMark.css

@@ -1,260 +1,250 @@
-@layer starter, reset, base, state, application;
-@layer reset {
-  ._field-label-button_l6rj1_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: revert-layer;
-    box-sizing: border-box;
-  }
+.anvil2{@layer starter, reset, base, state, application;._field-label-button_3o0jn_1 {
+  --a2-internal-field-label-button-inner-background-color: var(
+    --a2-mod-field-label-button-inner-background-color
+  );
+  --a2-internal-field-label-button-outline-width: var(
+    --a2-mod-field-label-button-outline-width
+  );
+  --a2-mod-field-label-button-cursor: pointer;
+  --a2-mod-field-label-button-inner-background-color: transparent;
+  --a2-mod-field-label-button-inner-background-color-active: var(--a2-button-secondary-background-color-active, var(--a2-background-color-secondary-active, light-dark(rgba(4, 4, 4, 0.1607843137), rgba(255, 255, 255, 0.1607843137))));
+  --a2-mod-field-label-button-inner-background-color-hover: var(--a2-button-secondary-background-color-hover, var(--a2-background-color-secondary-hover, light-dark(rgba(4, 4, 4, 0.0784313725), rgba(255, 255, 255, 0.1215686275))));
+  --a2-mod-field-label-button-outline-width: 0;
+  --a2-mod-field-label-button-outline-width-focus: var(--a2-size-half, 0.125rem);
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: revert-layer;
+  align-items: center;
+  background-color: transparent;
+  border: none;
+  border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  box-sizing: border-box;
+  cursor: var(--a2-mod-field-label-button-cursor);
+  display: inline-flex;
+  flex-shrink: 0;
+  height: var(--a2-size-7, 1.75rem);
+  justify-content: center;
+  outline-color: var(--a2-button-secondary-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
+  outline-offset: var(--a2-size-quarter, 0.0625rem);
+  outline-style: solid;
+  outline-width: var(--a2-internal-field-label-button-outline-width);
+  padding: 0;
+  transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)), background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
+  width: var(--a2-size-7, 1.75rem);
+}._field-label-button_3o0jn_1:not(:disabled, [aria-disabled=true]):hover {
+  --a2-internal-field-label-button-inner-background-color: var(
+    --a2-mod-field-label-button-inner-background-color-hover
+  );
+}._field-label-button_3o0jn_1:not(:disabled, [aria-disabled=true]):focus-visible, ._field-label-button_3o0jn_1:not(:disabled, [aria-disabled=true]):focus {
+  --a2-internal-field-label-button-inner-background-color: var(
+    --a2-mod-field-label-button-inner-background-color-hover
+  );
+  --a2-internal-field-label-button-outline-width: var(
+    --a2-mod-field-label-button-outline-width-focus
+  );
+}._field-label-button_3o0jn_1:not(:disabled, [aria-disabled=true]):active {
+  --a2-internal-field-label-button-inner-background-color: var(
+    --a2-mod-field-label-button-inner-background-color-active
+  );
+}._field-label-button_3o0jn_1:disabled, ._field-label-button_3o0jn_1._disabled_3o0jn_61, ._field-label-button_3o0jn_1[aria-disabled=true] {
+  --a2-mod-field-label-button-cursor: not-allowed;
+  opacity: var(--a2-opacity-disabled, 0.6);
+}._field-label-button__inner_3o0jn_66 {
+  align-items: center;
+  background-color: var(--a2-internal-field-label-button-inner-background-color);
+  border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  display: inline-flex;
+  height: var(--a2-size-6, 1.5rem);
+  justify-content: center;
+  pointer-events: none;
+  transition: background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
+  width: var(--a2-size-6, 1.5rem);
+}._field-label-button_3o0jn_1._field-label-button-scaled_3o0jn_78 {
+  height: var(--a2-inline-field-label-button-outer, var(--a2-size-7, 1.75rem));
+  width: var(--a2-inline-field-label-button-outer, var(--a2-size-7, 1.75rem));
+}._field-label-button_3o0jn_1._field-label-button-scaled_3o0jn_78 ._field-label-button__inner_3o0jn_66 {
+  height: var(--a2-inline-field-label-button-inner, var(--a2-size-6, 1.5rem));
+  width: var(--a2-inline-field-label-button-inner, var(--a2-size-6, 1.5rem));
 }
-@layer base {
-  ._field-label-button_l6rj1_2 {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 1.75rem;
-    height: 1.75rem;
-    cursor: pointer;
-    background-color: transparent;
-    border: none;
-    border-radius: 0.375rem;
-    padding: 0;
-    flex-shrink: 0;
-    outline-style: solid;
-    outline-width: 0;
-    outline-offset: 0.0625rem;
-    outline-color: var(--button-secondary-focus-ring-color, #0265DC);
-    transition: outline 200ms cubic-bezier(0, 0, 0.4, 1), background-color 200ms cubic-bezier(0, 0, 0.4, 1);
-  }
-  ._field-label-button__inner_l6rj1_36 {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 1.5rem;
-    height: 1.5rem;
-    border-radius: 0.375rem;
-    background-color: transparent;
-    transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1);
-    pointer-events: none;
-  }
-  /**
-   * AiMark (and similar): icon can be larger than 16px; scale outer/inner with
-   * --field-label-button-outer / --field-label-button-inner on the button.
-   */
-  ._field-label-button-scaled_l6rj1_51 {
-    width: var(--field-label-button-outer, 1.75rem);
-    height: var(--field-label-button-outer, 1.75rem);
-  }
-  ._field-label-button-scaled_l6rj1_51 ._field-label-button__inner_l6rj1_36 {
-    width: var(--field-label-button-inner, 1.5rem);
-    height: var(--field-label-button-inner, 1.5rem);
-  }
+}.anvil2{@layer starter, reset, base, state, application;._content_4yxbk_1 {
+  --a2-mod-popover-background-color: var(--a2-popover-content-background-color, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
+  --a2-mod-popover-border-color: var(--a2-popover-content-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
+  --a2-mod-popover-bridge-size: var(--a2-size-2, 0.5rem);
+  --a2-mod-popover-content-opacity: 0;
+  --a2-mod-popover-foreground-color: var(--a2-popover-content-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-popover-shadow-color: var(--a2-popover-content-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+  margin: 0;
+  padding: 0;
+  border-style: solid;
+  border-width: var(--a2-size-quarter, 0.0625rem);
+  border-color: var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040)));
+  box-sizing: border-box;
+  display: revert-layer;
+  background-color: var(--a2-mod-popover-background-color);
+  border-color: var(--a2-mod-popover-border-color);
+  border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  box-shadow: var(--a2-shadow-size-float, var(--a2-size-0, 0rem) var(--a2-size-half, 0.125rem) var(--a2-size-2, 0.5rem)) var(--a2-mod-popover-shadow-color);
+  color: var(--a2-mod-popover-foreground-color);
+  font-size: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
+  font-weight: var(--a2-font-weight-normal, 400);
+  max-width: calc(100% - 2 * var(--a2-size-3, 0.75rem));
+  opacity: var(--a2-mod-popover-content-opacity);
+  position: absolute !important;
+  transition: opacity var(--a2-duration-fast, 100ms), width var(--a2-duration-fast, 100ms), height var(--a2-duration-fast, 100ms), overlay var(--a2-duration-fast, 100ms) allow-discrete, display var(--a2-duration-fast, 100ms) allow-discrete;
+  white-space: pre-line;
+  width: -moz-max-content;
+  width: max-content;
+}._content_4yxbk_1:popover-open {
+  --a2-mod-popover-content-opacity: 1;
+}@starting-style {
+  ._content_4yxbk_1:popover-open {
+    --a2-mod-popover-content-opacity: 0;
+  }
+}._content_4yxbk_1[data-position]::before {
+  background: transparent;
+  content: "";
+  pointer-events: auto;
+  position: absolute;
+}._content_4yxbk_1[data-position=bottom]::before {
+  height: var(--a2-mod-popover-bridge-size);
+  bottom: 100%;
+  left: 0;
+  width: 100%;
+}._content_4yxbk_1[data-position=top]::before {
+  height: var(--a2-mod-popover-bridge-size);
+  left: 0;
+  top: 100%;
+  width: 100%;
+}._content_4yxbk_1[data-position=left]::before {
+  height: 100%;
+  left: 100%;
+  top: 0;
+  width: var(--a2-mod-popover-bridge-size);
+}._content_4yxbk_1[data-position=right]::before {
+  height: 100%;
+  right: 100%;
+  top: 0;
+  width: var(--a2-mod-popover-bridge-size);
+}._scroller_4yxbk_77 {
+  box-sizing: border-box;
+  height: inherit;
+  max-height: inherit;
+  min-height: inherit;
+  overflow: auto;
+  padding: var(--a2-size-4, 1rem);
+}._no-padding_4yxbk_86 ._scroller_4yxbk_77 {
+  padding-block: 0;
+  padding-inline: 0;
+}._arrow_4yxbk_91 {
+  --a2-mod-popover-arrow-fill-color: var(--a2-popover-arrow-fill-color, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
+  fill: var(--a2-mod-popover-arrow-fill-color);
+  height: 0.875rem;
+  position: absolute;
+  width: 0.875rem;
+}._arrow_4yxbk_91 path {
+  --a2-mod-popover-arrow-stroke-color: var(--a2-popover-arrow-stroke-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
+  stroke: var(--a2-mod-popover-arrow-stroke-color);
+  stroke-dasharray: 0, 0.875rem, 0.8125rem;
+  stroke-linejoin: round;
+  stroke-width: var(--a2-size-quarter, 0.0625rem);
 }
-@layer state {
-  ._field-label-button_l6rj1_2:not(:disabled, [aria-disabled=true]):hover ._field-label-button__inner_l6rj1_36 {
-    background-color: var(--button-secondary-background-color-hover, rgba(5, 5, 5, 0.1333333333));
-  }
-  ._field-label-button_l6rj1_2:not(:disabled, [aria-disabled=true]):focus-visible, ._field-label-button_l6rj1_2:not(:disabled, [aria-disabled=true]):focus {
-    outline-width: 0.125rem;
-  }
-  ._field-label-button_l6rj1_2:not(:disabled, [aria-disabled=true]):focus-visible ._field-label-button__inner_l6rj1_36, ._field-label-button_l6rj1_2:not(:disabled, [aria-disabled=true]):focus ._field-label-button__inner_l6rj1_36 {
-    background-color: var(--button-secondary-background-color-hover, rgba(5, 5, 5, 0.1333333333));
-  }
-  ._field-label-button_l6rj1_2:not(:disabled, [aria-disabled=true]):active ._field-label-button__inner_l6rj1_36 {
-    background-color: var(--button-secondary-background-color-active, rgba(7, 7, 7, 0.2078431373));
-  }
-}
-._field-label-button_l6rj1_2:disabled, ._field-label-button_l6rj1_2._disabled_l6rj1_74, ._field-label-button_l6rj1_2[aria-disabled=true] {
-  cursor: not-allowed;
-  opacity: 0.6;
-}@layer starter, reset, base, state, application;
-@layer reset {
-  ._content_yo27y_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: solid;
-    border-width: 0.0625rem;
-    border-color: var(--border-color-subdued, #dfe0e1);
-    box-sizing: border-box;
-    display: revert-layer;
-  }
-}
-@layer base {
-  ._content_yo27y_2 {
-    width: -moz-max-content;
-    width: max-content;
-    max-width: calc(100% - 1.5rem);
-    white-space: pre-line;
-    background-color: var(--background-color-strong, #f7f7f7);
-    border-radius: 0.375rem;
-    box-shadow: 0rem 0.125rem 0.5rem var(--shadow-color, rgba(20, 20, 20, 0.0784313725));
-    font-size: 1rem;
-    position: absolute !important;
-    opacity: 0;
-    transition: opacity 100ms, width 100ms, height 100ms, overlay 100ms allow-discrete, display 100ms allow-discrete;
-  }
-  ._content_yo27y_2 ._scroller_yo27y_29 {
-    height: inherit;
-    box-sizing: border-box;
-    padding: 1rem;
-    overflow: auto;
-    max-height: inherit;
-    min-height: inherit;
-  }
-  ._arrow_yo27y_37 {
-    fill: var(--background-color-strong, #f7f7f7);
-    position: absolute;
-    height: 0.875rem;
-    width: 0.875rem;
-  }
-  ._arrow_yo27y_37 path {
-    stroke: var(--border-color-subdued, #dfe0e1);
-    stroke-width: 0.0625rem;
-    stroke-dasharray: 0, 0.875rem, 0.8125rem;
-    stroke-linejoin: round;
-  }
-}
-@layer state {
-  ._content_yo27y_2:not(:popover-open):not(dialog[open]) {
-    display: none !important;
-  }
-  ._content_yo27y_2:popover-open {
-    opacity: 1;
-  }
-  @starting-style {
-    ._content_yo27y_2:popover-open {
-      opacity: 0;
-    }
-  }
-  ._content_yo27y_2._no-padding_yo27y_62 ._scroller_yo27y_29 {
-    padding-block: 0;
-    padding-inline: 0;
-  }
-}@layer starter, reset, base, state, application;
-@layer reset {
-  ._container_1h61l_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: flex;
-  }
-}
-@layer base {
-  ._tooltip-trigger_1h61l_17 {
-    display: contents !important;
-  }
-  ._container_1h61l_2 {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    color: inherit;
-  }
-  ._container_1h61l_2 ._button-wrapper_1h61l_27 {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    display: flex;
-  }
-  ._container_1h61l_2._collapse-block_1h61l_34:not(._with-padding_1h61l_34) {
-    height: 1rem;
-  }
-  ._container_1h61l_2._collapse-inline_1h61l_37:not(._with-padding_1h61l_34) {
-    width: 1rem;
-  }
-  ._container_1h61l_2._with-padding_1h61l_34 {
-    padding-block: 0.4375rem;
-    padding-inline: 0.4375rem;
-    border: 1px solid transparent;
-  }
-  ._container_1h61l_2._with-padding_1h61l_34._collapse-block_1h61l_34 {
-    padding-block: 0;
-  }
-  ._container_1h61l_2._with-padding_1h61l_34._collapse-inline_1h61l_37 {
-    padding-inline: 0;
-  }
+}.anvil2{@layer starter, reset, base, state, application;._tooltip-trigger_ybaru_1 {
+  display: contents !important;
+}._container_ybaru_5 {
+  --a2-mod-aimark-button-svg-font-size: var(--a2-size-4, 1rem);
+  --a2-mod-aimark-padding-lg-block: calc(var(--a2-size-3, 0.75rem) - var(--a2-size-quarter, 0.0625rem));
+  --a2-mod-aimark-padding-lg-inline: calc(var(--a2-size-3, 0.75rem) - var(--a2-size-quarter, 0.0625rem));
+  --a2-mod-aimark-padding-sm-block: calc(var(--a2-size-2, 0.5rem) - var(--a2-size-quarter, 0.0625rem));
+  --a2-mod-aimark-padding-sm-inline: calc(var(--a2-size-2, 0.5rem) - var(--a2-size-quarter, 0.0625rem));
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  color: inherit;
+  display: inline-flex;
+  justify-content: center;
+  position: relative;
+}._container_ybaru_5 ._button-wrapper_ybaru_29 {
+  display: flex;
+  left: 50%;
+  position: absolute;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}._container_ybaru_5 ._button-wrapper_ybaru_29 button svg {
+  font-size: var(--a2-mod-aimark-button-svg-font-size);
+}._container_ybaru_5._collapse-block_ybaru_41:not(._with-padding_ybaru_41) {
+  height: var(--a2-size-4, 1rem);
+}._container_ybaru_5._collapse-inline_ybaru_45:not(._with-padding_ybaru_41) {
+  width: var(--a2-size-4, 1rem);
+}._container_ybaru_5._with-padding_ybaru_41 {
+  border: 1px solid transparent;
+  padding-block: var(--a2-mod-aimark-padding-sm-block);
+  padding-inline: var(--a2-mod-aimark-padding-sm-inline);
+}._container_ybaru_5._with-padding_ybaru_41._collapse-block_ybaru_41 {
+  padding-block: 0;
+}._container_ybaru_5._with-padding_ybaru_41._collapse-inline_ybaru_45 {
+  padding-inline: 0;
+}._container_ybaru_5._small_ybaru_63 {
+  --a2-mod-aimark-button-svg-font-size: var(--a2-size-3, 0.75rem);
+  height: var(--a2-size-3, 0.75rem);
+  width: var(--a2-size-3, 0.75rem);
+}._container_ybaru_5._medium_ybaru_69 {
+  --a2-mod-aimark-button-svg-font-size: var(--a2-size-4, 1rem);
+  height: var(--a2-size-4, 1rem);
+  width: var(--a2-size-4, 1rem);
+}._container_ybaru_5._large_ybaru_75 {
+  --a2-mod-aimark-button-svg-font-size: var(--a2-size-6, 1.5rem);
+  height: var(--a2-size-6, 1.5rem);
+  width: var(--a2-size-6, 1.5rem);
+}._container_ybaru_5._xlarge_ybaru_81 {
+  --a2-mod-aimark-button-svg-font-size: var(--a2-size-8, 2rem);
+  height: var(--a2-size-8, 2rem);
+  width: var(--a2-size-8, 2rem);
+}._container_ybaru_5._collapse-block_ybaru_41:not(._with-padding_ybaru_41)._small_ybaru_63 {
+  height: var(--a2-size-3, 0.75rem);
+}._container_ybaru_5._collapse-block_ybaru_41:not(._with-padding_ybaru_41)._medium_ybaru_69 {
+  height: var(--a2-size-4, 1rem);
+}._container_ybaru_5._collapse-block_ybaru_41:not(._with-padding_ybaru_41)._large_ybaru_75 {
+  height: var(--a2-size-6, 1.5rem);
+}._container_ybaru_5._collapse-block_ybaru_41:not(._with-padding_ybaru_41)._xlarge_ybaru_81 {
+  height: var(--a2-size-8, 2rem);
+}._container_ybaru_5._collapse-inline_ybaru_45:not(._with-padding_ybaru_41)._small_ybaru_63 {
+  width: var(--a2-size-3, 0.75rem);
+}._container_ybaru_5._collapse-inline_ybaru_45:not(._with-padding_ybaru_41)._medium_ybaru_69 {
+  width: var(--a2-size-4, 1rem);
+}._container_ybaru_5._collapse-inline_ybaru_45:not(._with-padding_ybaru_41)._large_ybaru_75 {
+  width: var(--a2-size-6, 1.5rem);
+}._container_ybaru_5._collapse-inline_ybaru_45:not(._with-padding_ybaru_41)._xlarge_ybaru_81 {
+  width: var(--a2-size-8, 2rem);
+}._container_ybaru_5._with-padding_ybaru_41._large_ybaru_75,
+._container_ybaru_5._with-padding_ybaru_41._xlarge_ybaru_81 {
+  padding-block: var(--a2-mod-aimark-padding-lg-block);
+  padding-inline: var(--a2-mod-aimark-padding-lg-inline);
+}._container_ybaru_5._with-padding_ybaru_41._large_ybaru_75._collapse-block_ybaru_41,
+._container_ybaru_5._with-padding_ybaru_41._xlarge_ybaru_81._collapse-block_ybaru_41 {
+  padding-block: 0;
+}._container_ybaru_5._with-padding_ybaru_41._large_ybaru_75._collapse-inline_ybaru_45,
+._container_ybaru_5._with-padding_ybaru_41._xlarge_ybaru_81._collapse-inline_ybaru_45 {
+  padding-inline: 0;
 }
-@layer state {
-  ._container_1h61l_2._small_1h61l_53 {
-    height: 0.75rem;
-    width: 0.75rem;
-  }
-  ._container_1h61l_2._small_1h61l_53 ._button-wrapper_1h61l_27 button svg {
-    font-size: 0.75rem;
-  }
-  ._container_1h61l_2._medium_1h61l_60 {
-    height: 1rem;
-    width: 1rem;
-  }
-  ._container_1h61l_2._medium_1h61l_60 ._button-wrapper_1h61l_27 button svg {
-    font-size: 1rem;
-  }
-  ._container_1h61l_2._large_1h61l_67 {
-    height: 1.5rem;
-    width: 1.5rem;
-  }
-  ._container_1h61l_2._large_1h61l_67 ._button-wrapper_1h61l_27 button svg {
-    font-size: 1.5rem;
-  }
-  ._container_1h61l_2._xlarge_1h61l_74 {
-    height: 2rem;
-    width: 2rem;
-  }
-  ._container_1h61l_2._xlarge_1h61l_74 ._button-wrapper_1h61l_27 button svg {
-    font-size: 2rem;
-  }
-  ._container_1h61l_2._collapse-block_1h61l_34:not(._with-padding_1h61l_34)._small_1h61l_53 {
-    height: 0.75rem;
-  }
-  ._container_1h61l_2._collapse-block_1h61l_34:not(._with-padding_1h61l_34)._medium_1h61l_60 {
-    height: 1rem;
-  }
-  ._container_1h61l_2._collapse-block_1h61l_34:not(._with-padding_1h61l_34)._large_1h61l_67 {
-    height: 1.5rem;
-  }
-  ._container_1h61l_2._collapse-block_1h61l_34:not(._with-padding_1h61l_34)._xlarge_1h61l_74 {
-    height: 2rem;
-  }
-  ._container_1h61l_2._collapse-inline_1h61l_37:not(._with-padding_1h61l_34)._small_1h61l_53 {
-    width: 0.75rem;
-  }
-  ._container_1h61l_2._collapse-inline_1h61l_37:not(._with-padding_1h61l_34)._medium_1h61l_60 {
-    width: 1rem;
-  }
-  ._container_1h61l_2._collapse-inline_1h61l_37:not(._with-padding_1h61l_34)._large_1h61l_67 {
-    width: 1.5rem;
-  }
-  ._container_1h61l_2._collapse-inline_1h61l_37:not(._with-padding_1h61l_34)._xlarge_1h61l_74 {
-    width: 2rem;
-  }
-  ._container_1h61l_2._with-padding_1h61l_34._large_1h61l_67, ._container_1h61l_2._with-padding_1h61l_34._xlarge_1h61l_74 {
-    padding-block: 0.6875rem;
-    padding-inline: 0.6875rem;
-  }
-  ._container_1h61l_2._with-padding_1h61l_34._large_1h61l_67._collapse-block_1h61l_34, ._container_1h61l_2._with-padding_1h61l_34._xlarge_1h61l_74._collapse-block_1h61l_34 {
-    padding-block: 0;
-  }
-  ._container_1h61l_2._with-padding_1h61l_34._large_1h61l_67._collapse-inline_1h61l_37, ._container_1h61l_2._with-padding_1h61l_34._xlarge_1h61l_74._collapse-inline_1h61l_37 {
-    padding-inline: 0;
-  }
 }

package/dist/AiMark.js

@@ -1,2 +1,2 @@
-export { A as AiMark } from './AiMark-DR-w6Nbm.js';
+export { A as AiMark } from './AiMark-B1-M3ZgP.js';
 //# sourceMappingURL=AiMark.js.map

package/dist/{Alert-Dj61Bq8h.js → Alert-DmbqtMg_.js}

@@ -1,44 +1,33 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { S as SvgClose } from './close-DZj38AEh.js';
-import { S as SvgInfo } from './info-CYpG6tcI.js';
-import { S as SvgWarning } from './warning-c4Wj1rI4.js';
-import { S as SvgError } from './error-DR_wWdYY.js';
-import { S as SvgCheckCircle } from './check_circle-CM0ukqXv.js';
-import { I as Icon } from './Icon-DuIlne4x.js';
-import { B as Button } from './Button-BdrrhBTI.js';
-import { T as Text } from './Text-WiS8UZkY.js';
+import { B as Button } from './Button-Bnt8XUI7.js';
+import { T as Text } from './Text-J5YtSSXY.js';
 import { c as cx } from './index-De1g9FRV.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
+import { S as StatusIcon } from './StatusIcon-BwULopyH.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 import { useTrackingId } from './useTrackingId.js';
 
-import './Alert.css';const alert = "_alert_k0yve_2";
-const content = "_content_k0yve_34";
-const top = "_top_k0yve_42";
-const title = "_title_k0yve_48";
-const success = "_success_k0yve_68";
-const warning = "_warning_k0yve_74";
-const danger = "_danger_k0yve_80";
+import './Alert.css';const alert = "_alert_17r5n_1";
+const top = "_top_17r5n_27";
+const title = "_title_17r5n_41";
+const content = "_content_17r5n_67";
+const success = "_success_17r5n_75";
+const warning = "_warning_17r5n_81";
+const danger = "_danger_17r5n_87";
 const styles = {
 	alert: alert,
-	"close-container": "_close-container_k0yve_27",
-	content: content,
 	top: top,
-	"title-container": "_title-container_k0yve_48",
+	"status-icon": "_status-icon_17r5n_34",
+	"title-container": "_title-container_17r5n_41",
 	title: title,
-	"status-icon": "_status-icon_k0yve_64",
+	"close-container": "_close-container_17r5n_59",
+	content: content,
 	success: success,
 	warning: warning,
-	danger: danger,
-	"close-button": "_close-button_k0yve_88"
+	danger: danger
 };
 
-const statusIconMap = {
-  info: SvgInfo,
-  success: SvgCheckCircle,
-  warning: SvgWarning,
-  danger: SvgError
-};
 const Alert = forwardRef(
   (props, ref) => {
     const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
@@ -84,11 +73,11 @@ const Alert = forwardRef(
           /* @__PURE__ */ jsxs("div", { className: styles["top"], children: [
             /* @__PURE__ */ jsxs("span", { className: styles["title-container"], children: [
               /* @__PURE__ */ jsx(
-                Icon,
+                StatusIcon,
                 {
-                  size: "large",
                   className: styles["status-icon"],
-                  svg: statusIconMap[status ?? "info"]
+                  size: "small",
+                  variant: status === "danger" ? "error" : status
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -124,4 +113,4 @@ const Alert = forwardRef(
 Alert.displayName = "Alert";
 
 export { Alert as A };
-//# sourceMappingURL=Alert-Dj61Bq8h.js.map
+//# sourceMappingURL=Alert-DmbqtMg_.js.map

package/dist/Alert-DmbqtMg_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert-DmbqtMg_.js","sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, MouseEvent, Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport {\n  DataTrackingId,\n  LayoutUtilProps,\n  OnCloseProps,\n  Status,\n} from \"../../types\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport Button from \"../Button\";\nimport { Text } from \"../Text\";\nimport { AiMarkWithTooltipOrPopoverConfig } from \"../../types/ai-marks\";\n\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"./Alert.module.scss\";\nimport {\n  StatusIcon,\n  StatusIconVariant,\n} from \"../../internal/components/StatusIcon/StatusIcon\";\n\n/**\n * Props for the Alert component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n * @extends OnCloseProps\n */\nexport type AlertProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps &\n  OnCloseProps & {\n    /**\n     * The visual style of an alert.\n     * @default info\n     */\n    status?: Status;\n    /**\n     * The title text displayed in the alert.\n     */\n    title: string;\n    /**\n     * When set, displays the AI mark inline after the title.\n     * Use `true` for the sparkle only, or pass tooltip/popover configuration.\n     */\n    aiMark?: boolean | AiMarkWithTooltipOrPopoverConfig;\n  } &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\n\n/**\n * Alert component for displaying important messages to users.\n *\n * Features:\n * - Supports different visual styles (info, success, warning, danger)\n * - Optional close button for dismissible alerts\n * - Optional AI mark inline after the title\n * - Customizable title and content\n * - Accessible with proper ARIA roles\n * - Includes status-specific icons\n * - Supports layout utilities for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Alert\n *   title=\"System Update\"\n *   onClose={() => console.log('Alert closed')}\n * >\n *   The system will be updated tonight.\n * </Alert>\n *\n * @example\n * <Alert\n *   status=\"success\"\n *   title=\"Operation Complete\"\n * >\n *   Your changes have been saved successfully.\n * </Alert>\n */\nexport const Alert = forwardRef(\n  (props: AlertProps, ref: Ref<HTMLDivElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      children,\n      className,\n      title,\n      status = \"info\",\n      style,\n      onClose,\n      aiMark,\n      ...rest\n    } = componentProps;\n\n    const data = {\n      title,\n      status,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Alert\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const alertCx = cx(styles[\"alert\"], className, {\n      [styles[\"success\"]]: status === \"success\",\n      [styles[\"warning\"]]: status === \"warning\",\n      [styles[\"danger\"]]: status === \"danger\",\n    });\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <div\n        data-tracking-id={trackingId}\n        data-anv=\"alert\"\n        role=\"status\"\n        className={alertCx}\n        style={styleCombined}\n        {...rest}\n        ref={ref}\n      >\n        <div className={styles[\"top\"]}>\n          <span className={styles[\"title-container\"]}>\n            <StatusIcon\n              className={styles[\"status-icon\"]}\n              size=\"small\"\n              variant={\n                status === \"danger\" ? \"error\" : (status as StatusIconVariant)\n              }\n            />\n            <Text\n              variant=\"headline\"\n              el=\"h6\"\n              size=\"small\"\n              className={styles[\"title\"]}\n              aiMark={aiMark || undefined}\n            >\n              {title}\n            </Text>\n          </span>\n          {!!onClose && (\n            <span className={styles[\"close-container\"]}>\n              <Button\n                icon={Close}\n                size=\"small\"\n                appearance=\"ghost\"\n                className={styles[\"close-button\"]}\n                onClick={(e: MouseEvent<HTMLButtonElement>) => onClose(e)}\n                aria-label={`Dismiss ${status} alert`}\n              />\n            </span>\n          )}\n        </div>\n        {children && <div className={styles[\"content\"]}>{children}</div>}\n      </div>\n    );\n  },\n);\n\nAlert.displayName = \"Alert\";\n"],"names":["Close"],"mappings":"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"}