@servicetitan/anvil2 2.9.2 → 3.0.1

package/dist/Checkbox.css

@@ -1,273 +1,239 @@
-@layer starter, reset, base, state, application;
-/* REVERT LAYER BUGFIX START */
-[data-anv=checkbox-group] > legend {
-  all: revert-layer;
+.anvil2 {._wrapper_1if7o_1 {
+  display: inline-flex;
+  flex-direction: column;
+  gap: var(--a2-size-1, 0.25rem);
+}._checkbox_1if7o_7 {
+  --a2-internal-checkbox-focus-ring-color: var(
+    --a2-mod-checkbox-focus-ring-color
+  );
+  --a2-internal-checkbox-foreground-color: var(
+    --a2-mod-checkbox-unchecked-foreground-color
+  );
+  --a2-internal-checkbox-icon-background-color: var(
+    --a2-mod-checkbox-unchecked-icon-background-color
+  );
+  --a2-internal-checkbox-icon-color: var(
+    --a2-mod-checkbox-unchecked-icon-color
+  );
+  --a2-mod-checkbox-checked-foreground-color: var(--a2-checkbox-default-checked-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-checkbox-checked-icon-background-color: var(--a2-checkbox-default-checked-icon-background-color, var(--a2-background-color-transparent-primary, rgba(0, 0, 0, 0)));
+  --a2-mod-checkbox-checked-icon-background-color-active: var(--a2-checkbox-default-checked-icon-background-color-active, var(--a2-background-color-transparent-primary-active, light-dark(rgba(26, 130, 255, 0.3019607843), rgba(112, 177, 255, 0.2509803922))));
+  --a2-mod-checkbox-checked-icon-background-color-hover: var(--a2-checkbox-default-checked-icon-background-color-hover, var(--a2-background-color-transparent-primary-hover, light-dark(rgba(26, 130, 255, 0.1019607843), rgba(112, 177, 255, 0.1019607843))));
+  --a2-mod-checkbox-checked-icon-color: var(--a2-checkbox-default-checked-icon-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
+  --a2-mod-checkbox-checked-icon-color-active: var(--a2-checkbox-default-checked-icon-color-active, var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff))));
+  --a2-mod-checkbox-checked-icon-color-disabled: var(--a2-checkbox-default-checked-icon-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
+  --a2-mod-checkbox-checked-icon-color-hover: var(--a2-checkbox-default-checked-icon-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
+  --a2-mod-checkbox-error-checked-foreground-color: var(--a2-checkbox-error-checked-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-checkbox-error-checked-icon-background-color: var(--a2-checkbox-error-checked-icon-background-color, var(--a2-background-color-transparent-danger, rgba(0, 0, 0, 0)));
+  --a2-mod-checkbox-error-checked-icon-background-color-active: var(--a2-checkbox-error-checked-icon-background-color-active, var(--a2-background-color-transparent-danger-active, light-dark(rgba(255, 57, 20, 0.3019607843), rgba(255, 134, 112, 0.2509803922))));
+  --a2-mod-checkbox-error-checked-icon-background-color-hover: var(--a2-checkbox-error-checked-icon-background-color-hover, var(--a2-background-color-transparent-danger-hover, light-dark(rgba(255, 57, 20, 0.1019607843), rgba(255, 134, 112, 0.1019607843))));
+  --a2-mod-checkbox-error-checked-icon-color: var(--a2-checkbox-error-checked-icon-color, var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
+  --a2-mod-checkbox-error-checked-icon-color-active: var(--a2-checkbox-error-checked-icon-color-active, var(--a2-foreground-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e))));
+  --a2-mod-checkbox-error-checked-icon-color-disabled: var(--a2-checkbox-error-checked-icon-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
+  --a2-mod-checkbox-error-checked-icon-color-hover: var(--a2-checkbox-error-checked-icon-color-hover, var(--a2-foreground-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670))));
+  --a2-mod-checkbox-error-focus-ring-color: var(--a2-checkbox-error-focus-ring-color, var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))));
+  --a2-mod-checkbox-error-unchecked-foreground-color: var(--a2-checkbox-error-unchecked-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-checkbox-error-unchecked-icon-background-color: var(--a2-checkbox-error-unchecked-icon-background-color, var(--a2-background-color-transparent-danger, rgba(0, 0, 0, 0)));
+  --a2-mod-checkbox-error-unchecked-icon-background-color-active: var(--a2-checkbox-error-unchecked-icon-background-color-active, var(--a2-background-color-transparent-danger-active, light-dark(rgba(255, 57, 20, 0.3019607843), rgba(255, 134, 112, 0.2509803922))));
+  --a2-mod-checkbox-error-unchecked-icon-background-color-hover: var(--a2-checkbox-error-unchecked-icon-background-color-hover, var(--a2-background-color-transparent-danger-hover, light-dark(rgba(255, 57, 20, 0.1019607843), rgba(255, 134, 112, 0.1019607843))));
+  --a2-mod-checkbox-error-unchecked-icon-color: var(--a2-checkbox-error-unchecked-icon-color, var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
+  --a2-mod-checkbox-error-unchecked-icon-color-active: var(--a2-checkbox-error-unchecked-icon-color-active, var(--a2-foreground-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e))));
+  --a2-mod-checkbox-error-unchecked-icon-color-disabled: var(--a2-checkbox-error-unchecked-icon-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
+  --a2-mod-checkbox-error-unchecked-icon-color-hover: var(--a2-checkbox-error-unchecked-icon-color-hover, var(--a2-foreground-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670))));
+  --a2-mod-checkbox-focus-ring-color: var(--a2-checkbox-default-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)))));
+  --a2-mod-checkbox-unchecked-foreground-color: var(--a2-checkbox-default-unchecked-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-checkbox-unchecked-icon-background-color: var(--a2-checkbox-default-unchecked-icon-background-color, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)));
+  --a2-mod-checkbox-unchecked-icon-background-color-active: var(--a2-checkbox-default-unchecked-icon-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(rgba(139, 139, 139, 0.1607843137), rgba(255, 255, 255, 0.1607843137))));
+  --a2-mod-checkbox-unchecked-icon-background-color-hover: var(--a2-checkbox-default-unchecked-icon-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(rgba(139, 139, 139, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
+  --a2-mod-checkbox-unchecked-icon-color: var(--a2-checkbox-default-unchecked-icon-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-checkbox-unchecked-icon-color-active: var(--a2-checkbox-default-unchecked-icon-color-active, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-checkbox-unchecked-icon-color-disabled: var(--a2-checkbox-default-unchecked-icon-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
+  --a2-mod-checkbox-unchecked-icon-color-hover: var(--a2-checkbox-default-unchecked-icon-color-hover, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  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: flex-start;
+  color: var(--a2-internal-checkbox-foreground-color);
+  display: inline-flex;
+  font-size: var(--a2-font-size-400, 1rem);
+  gap: var(--a2-size-2, 0.5rem);
+  line-height: 1.5;
+  position: relative;
+}._checkbox_1if7o_7:hover:not(:has(input:disabled)), ._checkbox_1if7o_7:has(input[data-interactive=hover]:not(:disabled)) {
+  --a2-internal-checkbox-icon-background-color: var(
+    --a2-mod-checkbox-unchecked-icon-background-color-hover
+  );
+}._checkbox_1if7o_7:active:not(:has(input:disabled)), ._checkbox_1if7o_7:has(input[data-interactive=active]:not(:disabled)) {
+  --a2-internal-checkbox-icon-background-color: var(
+    --a2-mod-checkbox-unchecked-icon-background-color-active
+  );
+}._checkbox_1if7o_7:has(input:disabled) {
+  --a2-internal-checkbox-icon-color: var(
+    --a2-mod-checkbox-unchecked-icon-color-disabled
+  );
+  opacity: var(--a2-opacity-disabled, 0.6);
+}._checkbox_1if7o_7:has(input:disabled) ._icon-wrapper_1if7o_89 {
+  outline-width: 0;
+}._checkbox_1if7o_7 input {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding-block: 0;
+  padding-inline: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}._required-asterisk_1if7o_105 {
+  color: var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)));
+  margin-inline-start: var(--a2-size-1, 0.25rem);
+}._focus-label_1if7o_110 {
+  color: var(--a2-internal-checkbox-foreground-color);
+  outline: 0 solid var(--a2-mod-checkbox-label-focus-ring-color, --a2-internal-checkbox-focus-ring-color);
+  outline-offset: var(--a2-size-half, 0.125rem);
+  border-radius: var(--a2-mod-checkbox-label-border-radius);
+  transition: background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)), outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
+}._icon-wrapper_1if7o_89 {
+  background-color: var(--a2-internal-checkbox-icon-background-color);
+  border-radius: var(--a2-checkbox-border-radius, var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem)));
+  display: inline-flex;
+  outline: 0 solid var(--a2-internal-checkbox-focus-ring-color);
+  position: relative;
+  transition: background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)), outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
+}@media (prefers-reduced-motion: reduce) {
+  ._icon-wrapper_1if7o_89 {
+    transition-duration: 0.01ms !important;
+    transition-property: outline;
+  }
+}._helper-wrapper_1if7o_133 {
+  margin-inline-start: var(--a2-size-8, 2rem);
+}._icon_1if7o_89 {
+  border-radius: var(--a2-checkbox-border-radius, var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem)));
+  color: var(--a2-internal-checkbox-icon-color);
+}input:focus-visible ~ ._icon-wrapper_1if7o_89,
+input:focus-visible ~ ._focus-label_1if7o_110,
+input[data-interactive=focus-visible] ~ ._icon-wrapper_1if7o_89,
+input[data-interactive=focus-visible] ~ ._focus-label_1if7o_110 {
+  outline-width: var(--a2-size-half, 0.125rem);
+}._checkbox-checked_1if7o_149,
+._checkbox-indeterminate_1if7o_150 {
+  --a2-internal-checkbox-foreground-color: var(
+    --a2-mod-checkbox-checked-foreground-color
+  );
+  --a2-internal-checkbox-icon-background-color: var(
+    --a2-mod-checkbox-checked-icon-background-color
+  );
+  --a2-internal-checkbox-icon-color: var(--a2-mod-checkbox-checked-icon-color);
+}._checkbox-checked_1if7o_149:hover:not(:has(input:disabled)), ._checkbox-checked_1if7o_149:has(input[data-interactive=hover]:not(:disabled)),
+._checkbox-indeterminate_1if7o_150:hover:not(:has(input:disabled)),
+._checkbox-indeterminate_1if7o_150:has(input[data-interactive=hover]:not(:disabled)) {
+  --a2-internal-checkbox-icon-background-color: var(
+    --a2-mod-checkbox-checked-icon-background-color-hover
+  );
+  --a2-internal-checkbox-icon-color: var(
+    --a2-mod-checkbox-checked-icon-color-hover
+  );
+}._checkbox-checked_1if7o_149:active:not(:has(input:disabled)), ._checkbox-checked_1if7o_149:has(input[data-interactive=active]:not(:disabled)),
+._checkbox-indeterminate_1if7o_150:active:not(:has(input:disabled)),
+._checkbox-indeterminate_1if7o_150:has(input[data-interactive=active]:not(:disabled)) {
+  --a2-internal-checkbox-icon-background-color: var(
+    --a2-mod-checkbox-checked-icon-background-color-active
+  );
+  --a2-internal-checkbox-icon-color: var(
+    --a2-mod-checkbox-checked-icon-color-active
+  );
+}._checkbox-checked_1if7o_149:has(input:disabled),
+._checkbox-indeterminate_1if7o_150:has(input:disabled) {
+  --a2-internal-checkbox-icon-color: var(
+    --a2-mod-checkbox-checked-icon-color-disabled
+  );
+}._checkbox-error_1if7o_186 {
+  --a2-internal-checkbox-focus-ring-color: var(
+    --a2-mod-checkbox-error-focus-ring-color
+  );
+  --a2-internal-checkbox-foreground-color: var(
+    --a2-mod-checkbox-error-unchecked-foreground-color
+  );
+  --a2-internal-checkbox-icon-background-color: var(
+    --a2-mod-checkbox-error-unchecked-icon-background-color
+  );
+  --a2-internal-checkbox-icon-color: var(
+    --a2-mod-checkbox-error-checked-icon-color
+  );
+}._checkbox-error_1if7o_186:hover:not(:has(input:disabled)), ._checkbox-error_1if7o_186:has(input[data-interactive=hover]:not(:disabled)) {
+  --a2-internal-checkbox-icon-background-color: var(
+    --a2-mod-checkbox-error-checked-icon-background-color-hover
+  );
+  --a2-internal-checkbox-icon-color: var(
+    --a2-mod-checkbox-error-checked-icon-color-hover
+  );
+}._checkbox-error_1if7o_186:active:not(:has(input:disabled)), ._checkbox-error_1if7o_186:has(input[data-interactive=active]:not(:disabled)) {
+  --a2-internal-checkbox-icon-background-color: var(
+    --a2-mod-checkbox-error-checked-icon-background-color-active
+  );
+  --a2-internal-checkbox-icon-color: var(
+    --a2-mod-checkbox-error-checked-icon-color-active
+  );
+}._checkbox-error_1if7o_186:has(input:disabled) {
+  --a2-internal-checkbox-icon-color: var(
+    --a2-mod-checkbox-error-checked-icon-color-disabled
+  );
+}._sr-only_1if7o_222 {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding-block: 0;
+  padding-inline: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}._checkbox-group_1if7o_235 {
+  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;
+  display: inline-flex;
+  flex-direction: column;
+  gap: var(--a2-size-2, 0.5rem);
+}._legend_1if7o_252 {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding-block: 0;
+  padding-inline: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}._children_1if7o_265 {
+  display: inline-flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  gap: var(--a2-size-2, 0.5rem);
+}._label_1if7o_272._direction-row_1if7o_272 {
+  justify-content: center;
+  min-height: var(--a2-size-6, 1.5rem);
+}._label-row_1if7o_277 {
+  display: flex;
+  align-items: center;
 }
-
-/* REVERT LAYER BUGFIX END */
-@layer reset {
-  ._checkbox_20dx6_8 {
-    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;
-  }
-}
-@layer base {
-  ._wrapper_20dx6_23 {
-    display: inline-flex;
-    flex-direction: column;
-    gap: 0.25rem;
-  }
-  ._checkbox_20dx6_8 {
-    display: inline-flex;
-    align-items: flex-start;
-    gap: 0.5rem;
-    position: relative;
-    color: var(--foreground-color, #141414);
-    font-size: 1rem;
-    line-height: 1.5;
-  }
-  ._checkbox_20dx6_8 ._required-asterisk_20dx6_37 {
-    margin-inline-start: 0.25rem;
-    color: var(--foreground-color-danger, #e13212);
-  }
-  ._checkbox_20dx6_8 ._focus-label_20dx6_41 {
-    border-radius: 0.75rem;
-    outline: 0 solid var(--focus-ring-color, #0265DC);
-    outline-offset: 2px;
-    transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1), outline 200ms cubic-bezier(0, 0, 0.4, 1);
-  }
-  ._checkbox_20dx6_8 ._icon-wrapper_20dx6_47 {
-    display: inline-flex;
-    border-radius: 0.3125rem;
-    background-color: transparent;
-    transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1), outline 200ms cubic-bezier(0, 0, 0.4, 1);
-    position: relative;
-    outline: 0 solid var(--focus-ring-color, #0265DC);
-  }
-  ._checkbox_20dx6_8 ._icon-wrapper_20dx6_47::before {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    inset-block-start: 0;
-    inset-block-end: 0;
-    inset-inline-start: 0;
-    inset-inline-end: 0;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-    transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1);
-    pointer-events: none;
-    border-radius: inherit;
-  }
-  ._checkbox_20dx6_8 input {
-    border: 0;
-    clip: rect(0, 0, 0, 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding-block: 0;
-    padding-inline: 0;
-    position: absolute;
-    white-space: nowrap;
-    width: 1px;
-  }
-  ._helper-wrapper_20dx6_80 {
-    margin-inline-start: 2rem;
-  }
-}
-@layer state {
-  ._checkbox_20dx6_8 ._icon-indeterminate_20dx6_85,
-  ._checkbox_20dx6_8 ._icon-unchecked_20dx6_86,
-  ._checkbox_20dx6_8 ._icon-checked_20dx6_87 {
-    border-radius: 0.1875rem;
-  }
-  ._checkbox_20dx6_8 ._icon-checked_20dx6_87,
-  ._checkbox_20dx6_8 ._icon-indeterminate_20dx6_85 {
-    color: var(--checkbox-checked-fill-color-default, #0265DC);
-    display: none;
-  }
-  ._checkbox_20dx6_8 ._icon-checked_20dx6_87:hover,
-  ._checkbox_20dx6_8 ._icon-indeterminate_20dx6_85:hover {
-    color: var(--checkbox-checked-fill-color-hover, rgba(0, 75, 160, 0.8196078431));
-  }
-  ._checkbox_20dx6_8 ._icon-checked_20dx6_87:active,
-  ._checkbox_20dx6_8 ._icon-indeterminate_20dx6_85:active {
-    color: var(--checkbox-checked-fill-color-active, rgba(1, 81, 175, 0.7215686275));
-  }
-  ._checkbox_20dx6_8._error_20dx6_103 ._icon-wrapper_20dx6_47 {
-    outline-color: var(--focus-ring-color-danger, #e13212);
-  }
-  ._checkbox_20dx6_8._error_20dx6_103 ._icon-indeterminate_20dx6_85,
-  ._checkbox_20dx6_8._error_20dx6_103 ._icon-unchecked_20dx6_86,
-  ._checkbox_20dx6_8._error_20dx6_103 ._icon-checked_20dx6_87 {
-    color: var(--checkbox-checked-error-fill-color-default, #e13212);
-  }
-  ._checkbox_20dx6_8._error_20dx6_103 ._icon-indeterminate_20dx6_85:hover,
-  ._checkbox_20dx6_8._error_20dx6_103 ._icon-unchecked_20dx6_86:hover,
-  ._checkbox_20dx6_8._error_20dx6_103 ._icon-checked_20dx6_87:hover {
-    color: var(--checkbox-checked-error-fill-color-hover, #bf2a00);
-  }
-  ._checkbox_20dx6_8._error_20dx6_103 ._icon-indeterminate_20dx6_85:active,
-  ._checkbox_20dx6_8._error_20dx6_103 ._icon-unchecked_20dx6_86:active,
-  ._checkbox_20dx6_8._error_20dx6_103 ._icon-checked_20dx6_87:active {
-    color: var(--checkbox-checked-error-fill-color-active, #bf2a00);
-  }
-  ._checkbox_20dx6_8._error_20dx6_103 ._icon-checked_20dx6_87,
-  ._checkbox_20dx6_8._error_20dx6_103 ._icon-indeterminate_20dx6_85 {
-    display: none;
-  }
-  ._checkbox_20dx6_8:hover {
-    cursor: pointer;
-  }
-  ._checkbox_20dx6_8:hover:has(input:not(:disabled)) ._icon-wrapper_20dx6_47 {
-    background-color: var(--checkbox-unchecked-background-color-hover, rgba(20, 20, 20, 0.0784313725));
-  }
-  ._checkbox_20dx6_8:hover:has(input:not(:disabled):checked) ._icon-wrapper_20dx6_47 {
-    background-color: var(--checkbox-checked-background-color-hover, rgba(2, 101, 220, 0.0784313725));
-  }
-  ._checkbox_20dx6_8 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_20dx6_47 {
-    background-color: var(--checkbox-unchecked-background-color-hover, rgba(20, 20, 20, 0.0784313725));
-  }
-  ._checkbox_20dx6_8 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_20dx6_47 {
-    background-color: var(--checkbox-checked-background-color-hover, rgba(2, 101, 220, 0.0784313725));
-  }
-  ._checkbox_20dx6_8 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_20dx6_47 ._icon-checked_20dx6_87,
-  ._checkbox_20dx6_8 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_20dx6_47 ._icon-indeterminate_20dx6_85 {
-    color: var(--checkbox-checked-fill-color-hover, rgba(0, 75, 160, 0.8196078431));
-  }
-  ._checkbox_20dx6_8._error_20dx6_103:hover {
-    cursor: pointer;
-  }
-  ._checkbox_20dx6_8._error_20dx6_103:hover:has(input:not(:disabled)) ._icon-wrapper_20dx6_47 {
-    background-color: var(--checkbox-unchecked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
-  }
-  ._checkbox_20dx6_8._error_20dx6_103:hover:has(input:not(:disabled):checked) ._icon-wrapper_20dx6_47 {
-    background-color: var(--checkbox-checked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
-  }
-  ._checkbox_20dx6_8._error_20dx6_103 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_20dx6_47 {
-    background-color: var(--checkbox-unchecked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
-  }
-  ._checkbox_20dx6_8._error_20dx6_103 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_20dx6_47 {
-    background-color: var(--checkbox-checked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
-  }
-  ._checkbox_20dx6_8._error_20dx6_103 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_20dx6_47 ._icon-checked_20dx6_87,
-  ._checkbox_20dx6_8._error_20dx6_103 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_20dx6_47 ._icon-indeterminate_20dx6_85 {
-    color: var(--checkbox-checked-error-fill-color-hover, #bf2a00);
-  }
-  ._checkbox_20dx6_8 input:focus-visible ~ ._icon-wrapper_20dx6_47,
-  ._checkbox_20dx6_8 input:focus-visible ~ ._focus-label_20dx6_41 {
-    outline-width: 0.125rem;
-  }
-  ._checkbox_20dx6_8 input[data-interactive=focus-visible]:not(:disabled) ~ ._icon-wrapper_20dx6_47,
-  ._checkbox_20dx6_8 input[data-interactive=focus-visible]:not(:disabled) ~ ._focus-label_20dx6_41 {
-    outline-width: 0.125rem;
-  }
-  ._checkbox_20dx6_8 input:checked ~ ._icon-wrapper_20dx6_47 ._icon-unchecked_20dx6_86 {
-    display: none;
-  }
-  ._checkbox_20dx6_8 input:checked ~ ._icon-wrapper_20dx6_47 ._icon-checked_20dx6_87 {
-    display: inline-flex;
-  }
-  ._checkbox_20dx6_8 input:checked:focus-visible ~ ._icon-wrapper_20dx6_47, ._checkbox_20dx6_8 input:checked:focus-visible ~ ._focus-label_20dx6_41 {
-    outline-width: 0.125rem;
-  }
-  ._checkbox_20dx6_8 input[aria-checked=mixed] ~ ._icon-wrapper_20dx6_47 ._icon-checked_20dx6_87, ._checkbox_20dx6_8 input[aria-checked=mixed] ~ ._icon-wrapper_20dx6_47 ._icon-unchecked_20dx6_86 {
-    display: none;
-  }
-  ._checkbox_20dx6_8 input[aria-checked=mixed] ~ ._icon-wrapper_20dx6_47 ._icon-indeterminate_20dx6_85 {
-    display: inline-flex;
-  }
-  ._checkbox_20dx6_8:has(input[disabled]) {
-    opacity: 0.6;
-    filter: grayscale(1);
-  }
-  ._checkbox_20dx6_8:has(input[disabled]) ._icon-indeterminate_20dx6_85,
-  ._checkbox_20dx6_8:has(input[disabled]) ._icon-unchecked_20dx6_86,
-  ._checkbox_20dx6_8:has(input[disabled]) ._icon-checked_20dx6_87 {
-    color: var(--foreground-color-subdued, #737475);
-  }
-  ._checkbox_20dx6_8:has(input[disabled]):hover {
-    cursor: not-allowed;
-  }
-  ._checkbox_20dx6_8:has(input[disabled]):hover ._icon-wrapper_20dx6_47 {
-    box-shadow: none;
-  }
-  ._sr-only_20dx6_201 {
-    border: 0;
-    clip: rect(0, 0, 0, 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding-block: 0;
-    padding-inline: 0;
-    position: absolute;
-    white-space: nowrap;
-    width: 1px;
-  }
-}
-@layer application {
-  ._checkbox-group_20dx6_215 ._label_20dx6_215._direction-row_20dx6_215 {
-    min-height: 1.5rem;
-    justify-content: center;
-  }
-  @media (prefers-reduced-motion: reduce) {
-    ._checkbox_20dx6_8 ._icon-wrapper_20dx6_47 {
-      transition-duration: 0.01ms !important;
-      transition-property: outline;
-    }
-  }
-}
-@layer reset {
-  ._checkbox-group_20dx6_215 {
-    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;
-  }
-}
-@layer base {
-  ._checkbox-group_20dx6_215 {
-    display: inline-flex;
-    gap: 0.5rem;
-    flex-direction: column;
-  }
-  ._checkbox-group_20dx6_215 ._legend_20dx6_247 {
-    border: 0;
-    clip: rect(0, 0, 0, 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding-block: 0;
-    padding-inline: 0;
-    position: absolute;
-    white-space: nowrap;
-    width: 1px;
-  }
-  ._checkbox-group_20dx6_215 ._label-row_20dx6_259 {
-    display: flex;
-    align-items: center;
-    gap: 0.25rem;
-  }
-  ._checkbox-group_20dx6_215 ._children_20dx6_264 {
-    display: inline-flex;
-    gap: 0.5rem;
-    flex-direction: column;
-    flex-wrap: wrap;
-  }
 }

package/dist/Checkbox.js

@@ -1,2 +1,2 @@
-export { C as Checkbox, C as default } from './Checkbox-CTR7JfWk.js';
+export { C as Checkbox, C as default } from './Checkbox-Ckl8EFpF.js';
 //# sourceMappingURL=Checkbox.js.map

package/dist/Checkbox.module-TYMeYIxw.js

@@ -0,0 +1,28 @@
+import './Checkbox.css';const wrapper = "_wrapper_1if7o_1";
+const checkbox = "_checkbox_1if7o_7";
+const icon = "_icon_1if7o_89";
+const legend = "_legend_1if7o_252";
+const children = "_children_1if7o_265";
+const label = "_label_1if7o_272";
+const checkboxStyles = {
+	wrapper: wrapper,
+	checkbox: checkbox,
+	"icon-wrapper": "_icon-wrapper_1if7o_89",
+	"required-asterisk": "_required-asterisk_1if7o_105",
+	"focus-label": "_focus-label_1if7o_110",
+	"helper-wrapper": "_helper-wrapper_1if7o_133",
+	icon: icon,
+	"checkbox-checked": "_checkbox-checked_1if7o_149",
+	"checkbox-indeterminate": "_checkbox-indeterminate_1if7o_150",
+	"checkbox-error": "_checkbox-error_1if7o_186",
+	"sr-only": "_sr-only_1if7o_222",
+	"checkbox-group": "_checkbox-group_1if7o_235",
+	legend: legend,
+	children: children,
+	label: label,
+	"direction-row": "_direction-row_1if7o_272",
+	"label-row": "_label-row_1if7o_277"
+};
+
+export { checkboxStyles as c };
+//# sourceMappingURL=Checkbox.module-TYMeYIxw.js.map

package/dist/Checkbox.module-TYMeYIxw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.module-TYMeYIxw.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/{Chip-lIWu8uXb.js → Chip-Da8c7tKP.js}

@@ -2,34 +2,32 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef, useState, useId, useLayoutEffect, useContext } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
 import { u as useAccessibleColor, t as tinycolor } from './useAccessibleColor-BYKjkGRg.js';
-import { a as Avatar } from './Avatar-BckUfs1N.js';
+import { a as Avatar } from './Avatar-Cw8B8xZV.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
-import { I as Icon } from './Icon-DuIlne4x.js';
-import { S as SrOnly } from './SrOnly-eUpYGpAT.js';
+import { I as Icon } from './Icon-BMMbp40n.js';
+import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
 import { T as ThemeProviderContext } from './ThemeProviderContext-l52GohYT.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 import { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js';
-import { A as AiMark } from './AiMark-DhgDh95y.js';
+import { A as AiMark } from './AiMark-B1-M3ZgP.js';
 import { useTrackingId } from './useTrackingId.js';
 
-import './Chip.css';const chip = "_chip_zuxyu_2";
-const inner = "_inner_zuxyu_15";
-const close = "_close_zuxyu_28";
-const prefix = "_prefix_zuxyu_41";
-const suffix = "_suffix_zuxyu_54";
-const avatar = "_avatar_zuxyu_140";
-const multiline = "_multiline_zuxyu_149";
+import './Chip.css';const chip = "_chip_1j296_1";
+const close = "_close_1j296_52";
+const inner = "_inner_1j296_65";
+const prefix = "_prefix_1j296_145";
+const avatar = "_avatar_1j296_180";
+const multiline = "_multiline_1j296_193";
 const styles = {
 	chip: chip,
-	inner: inner,
 	close: close,
+	inner: inner,
 	prefix: prefix,
-	suffix: suffix,
 	avatar: avatar,
 	multiline: multiline,
-	"text-wrap": "_text-wrap_zuxyu_161",
-	"size-small": "_size-small_zuxyu_176",
-	"has-close": "_has-close_zuxyu_202"
+	"text-wrap": "_text-wrap_1j296_198",
+	"size-small": "_size-small_1j296_206",
+	"has-close": "_has-close_1j296_218"
 };
 
 const Chip$1 = forwardRef((props, ref) => {
@@ -94,10 +92,13 @@ const Chip$1 = forwardRef((props, ref) => {
   const { foreground, background, border } = useAccessibleColor(color, mode);
   const bgObj = tinycolor(background);
   const styleWithColor = {
-    "--int-bg-color": color && background,
-    "--int-font-color": color && foreground,
-    "--int-border-color": color && border,
-    "--int-close-background-color": color ? bgObj.isDark() ? bgObj.lighten(15).toHexString() : bgObj.darken(15).toHexString() : "#14141429",
+    "--a2-inline-bg-color": color && background,
+    "--a2-inline-bg-color-hover": color && bgObj.lighten(10).toHexString(),
+    "--a2-inline-bg-color-active": color && bgObj.darken(10).toHexString(),
+    "--a2-inline-font-color": color && foreground,
+    "--a2-inline-border-color": color && border,
+    "--a2-inline-close-background-color-hover": color ? bgObj.isDark() ? bgObj.lighten(10).toHexString() : bgObj.darken(10).toHexString() : void 0,
+    "--a2-inline-close-background-color-active": color ? bgObj.isDark() ? bgObj.lighten(15).toHexString() : bgObj.darken(15).toHexString() : void 0,
     ...style,
     ...layoutStyles
   };
@@ -182,7 +183,14 @@ const Chip = forwardRef(
       data,
       hasOverride: !!props["data-tracking-id"]
     });
-    const prefix = icon != null ? /* @__PURE__ */ jsx(Icon, { svg: icon, color: "var(--int-font-color)", size: props.size }) : null;
+    const prefix = icon != null ? /* @__PURE__ */ jsx(
+      Icon,
+      {
+        svg: icon,
+        color: "var(--a2-inline-font-color)",
+        size: props.size
+      }
+    ) : null;
     const aiMarkType = props.color ? "default" : "gradient";
     const suffix = aiMark ? /* @__PURE__ */ jsx(
       AiMark,
@@ -214,4 +222,4 @@ const Chip = forwardRef(
 Chip.displayName = Chip$1.displayName;
 
 export { Chip as C };
-//# sourceMappingURL=Chip-lIWu8uXb.js.map
+//# sourceMappingURL=Chip-Da8c7tKP.js.map