@kismet-ux/constellation 1.0.0 → 1.1.0

package/dist/ui/Button/button.css

@@ -0,0 +1,451 @@
+.button-module_button__ATpxB {
+  align-items: center;
+  border: none;
+  cursor: pointer;
+  display: inline-flex;
+  font-size: 0.875rem;
+  font-weight: 500;
+  gap: 0.5rem;
+  justify-content: center;
+  line-height: 1.25rem;
+  overflow: hidden;
+  position: relative;
+  --button-ripple-color: var(--primary-main);
+  text-decoration: none;
+  transition: all 150ms var(--easing-default);
+  white-space: nowrap;
+}
+.button-module_button__ATpxB:focus-visible {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--primary-focus-visible);
+}
+.button-module_button__ATpxB:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+  pointer-events: none;
+}
+.button-module_button__ATpxB .button-module_ripple__Ny6oE {
+  animation: button-module_ripple__Ny6oE 600ms var(--easing-default);
+  background-color: color-mix(in srgb, var(--button-ripple-color, var(--primary-main)) 40%, transparent);
+  border-radius: 50%;
+  pointer-events: none;
+  position: absolute;
+  transform: scale(0);
+}
+@keyframes button-module_ripple__Ny6oE {
+  to {
+    opacity: 0;
+    transform: scale(4);
+  }
+}
+.button-module_button__ATpxB svg {
+  flex-shrink: 0;
+  height: 1rem;
+  pointer-events: none;
+  width: 1rem;
+}
+.button-module_button--rounded__ah_Ei {
+  border-radius: var(--size-1);
+}
+.button-module_button--extra-rounded__B9xBI {
+  border-radius: var(--size-5);
+}
+.button-module_button--contained__YQQ33.button-module_button--primary__BO20b {
+  --button-ripple-color: var(--primary-light);
+  background-color: var(--primary-main);
+  color: var(--primary-contrast);
+}
+.button-module_button--contained__YQQ33.button-module_button--primary__BO20b:hover:not(:disabled) {
+  background-color: var(--primary-dark);
+}
+.button-module_button--contained__YQQ33.button-module_button--primary__BO20b:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--primary-focus-visible);
+}
+.button-module_button--contained__YQQ33.button-module_button--primary__BO20b[data-active-link=true] {
+  background-color: var(--primary-selected);
+}
+.button-module_button--contained__YQQ33.button-module_button--secondary__EgwQf {
+  --button-ripple-color: var(--secondary-light);
+  background-color: var(--secondary-main);
+  color: var(--secondary-contrast);
+}
+.button-module_button--contained__YQQ33.button-module_button--secondary__EgwQf:hover:not(:disabled) {
+  background-color: var(--secondary-dark);
+}
+.button-module_button--contained__YQQ33.button-module_button--secondary__EgwQf:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--secondary-focus-visible);
+}
+.button-module_button--contained__YQQ33.button-module_button--secondary__EgwQf[data-active-link=true] {
+  background-color: var(--secondary-selected);
+}
+.button-module_button--contained__YQQ33.button-module_button--destructive__PPikG {
+  --button-ripple-color: var(--destructive-light);
+  background-color: var(--destructive-main);
+  color: var(--destructive-contrast);
+}
+.button-module_button--contained__YQQ33.button-module_button--destructive__PPikG:hover:not(:disabled) {
+  background-color: var(--destructive-dark);
+}
+.button-module_button--contained__YQQ33.button-module_button--destructive__PPikG:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--destructive-focus-visible);
+}
+.button-module_button--contained__YQQ33.button-module_button--destructive__PPikG[data-active-link=true] {
+  background-color: var(--destructive-selected);
+}
+.button-module_button--contained__YQQ33.button-module_button--warning__8wotP {
+  --button-ripple-color: var(--warning-light);
+  background-color: var(--warning-main);
+  color: var(--warning-contrast);
+}
+.button-module_button--contained__YQQ33.button-module_button--warning__8wotP:hover:not(:disabled) {
+  background-color: var(--warning-dark);
+}
+.button-module_button--contained__YQQ33.button-module_button--warning__8wotP:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--warning-focus-visible);
+}
+.button-module_button--contained__YQQ33.button-module_button--warning__8wotP[data-active-link=true] {
+  background-color: var(--warning-selected);
+}
+.button-module_button--contained__YQQ33.button-module_button--success__iPEgl {
+  --button-ripple-color: var(--success-light);
+  background-color: var(--success-main);
+  color: var(--success-contrast);
+}
+.button-module_button--contained__YQQ33.button-module_button--success__iPEgl:hover:not(:disabled) {
+  background-color: var(--success-dark);
+}
+.button-module_button--contained__YQQ33.button-module_button--success__iPEgl:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--success-focus-visible);
+}
+.button-module_button--contained__YQQ33.button-module_button--success__iPEgl[data-active-link=true] {
+  background-color: var(--success-selected);
+}
+.button-module_button--contained__YQQ33.button-module_button--info__WaPKN {
+  --button-ripple-color: var(--info-light);
+  background-color: var(--info-main);
+  color: var(--info-contrast);
+}
+.button-module_button--contained__YQQ33.button-module_button--info__WaPKN:hover:not(:disabled) {
+  background-color: var(--info-dark);
+}
+.button-module_button--contained__YQQ33.button-module_button--info__WaPKN:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--info-focus-visible);
+}
+.button-module_button--contained__YQQ33.button-module_button--info__WaPKN[data-active-link=true] {
+  background-color: var(--info-selected);
+}
+.button-module_button--contained__YQQ33.button-module_button--slate__DRwTq {
+  --button-ripple-color: var(--slate-light);
+  background-color: var(--slate-main);
+  color: var(--slate-contrast);
+}
+.button-module_button--contained__YQQ33.button-module_button--slate__DRwTq:hover:not(:disabled) {
+  background-color: var(--slate-dark);
+}
+.button-module_button--contained__YQQ33.button-module_button--slate__DRwTq:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--slate-focus-visible);
+}
+.button-module_button--contained__YQQ33.button-module_button--slate__DRwTq[data-active-link=true] {
+  background-color: var(--slate-selected);
+}
+.button-module_button--contained__YQQ33.button-module_button--inherit__KgtNC {
+  background-color: var(--background-contrast);
+  color: var(--background-default);
+}
+.button-module_button--contained__YQQ33.button-module_button--inherit__KgtNC:hover:not(:disabled) {
+  opacity: 0.8;
+}
+.button-module_button--outlined__AxHna {
+  background-color: transparent;
+  border: 1px solid;
+}
+.button-module_button--outlined__AxHna.button-module_button--primary__BO20b {
+  --button-ripple-color: var(--primary-main);
+  border-color: var(--primary-outlined-border);
+  color: var(--primary-outlined-border);
+}
+.button-module_button--outlined__AxHna.button-module_button--primary__BO20b:hover:not(:disabled) {
+  background-color: var(--primary-hover);
+}
+.button-module_button--outlined__AxHna.button-module_button--primary__BO20b:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--primary-focus-visible);
+}
+.button-module_button--outlined__AxHna.button-module_button--primary__BO20b[data-active-link=true] {
+  background-color: var(--primary-selected);
+}
+.button-module_button--outlined__AxHna.button-module_button--secondary__EgwQf {
+  --button-ripple-color: var(--secondary-main);
+  border-color: var(--secondary-outlined-border);
+  color: var(--secondary-outlined-border);
+}
+.button-module_button--outlined__AxHna.button-module_button--secondary__EgwQf:hover:not(:disabled) {
+  background-color: var(--secondary-hover);
+}
+.button-module_button--outlined__AxHna.button-module_button--secondary__EgwQf:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--secondary-focus-visible);
+}
+.button-module_button--outlined__AxHna.button-module_button--secondary__EgwQf[data-active-link=true] {
+  background-color: var(--secondary-selected);
+}
+.button-module_button--outlined__AxHna.button-module_button--destructive__PPikG {
+  --button-ripple-color: var(--destructive-main);
+  border-color: var(--destructive-outlined-border);
+  color: var(--destructive-outlined-border);
+}
+.button-module_button--outlined__AxHna.button-module_button--destructive__PPikG:hover:not(:disabled) {
+  background-color: var(--destructive-hover);
+}
+.button-module_button--outlined__AxHna.button-module_button--destructive__PPikG:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--destructive-focus-visible);
+}
+.button-module_button--outlined__AxHna.button-module_button--destructive__PPikG[data-active-link=true] {
+  background-color: var(--destructive-selected);
+}
+.button-module_button--outlined__AxHna.button-module_button--warning__8wotP {
+  --button-ripple-color: var(--warning-main);
+  border-color: var(--warning-outlined-border);
+  color: var(--warning-outlined-border);
+}
+.button-module_button--outlined__AxHna.button-module_button--warning__8wotP:hover:not(:disabled) {
+  background-color: var(--warning-hover);
+}
+.button-module_button--outlined__AxHna.button-module_button--warning__8wotP:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--warning-focus-visible);
+}
+.button-module_button--outlined__AxHna.button-module_button--warning__8wotP[data-active-link=true] {
+  background-color: var(--warning-selected);
+}
+.button-module_button--outlined__AxHna.button-module_button--success__iPEgl {
+  --button-ripple-color: var(--success-main);
+  border-color: var(--success-outlined-border);
+  color: var(--success-outlined-border);
+}
+.button-module_button--outlined__AxHna.button-module_button--success__iPEgl:hover:not(:disabled) {
+  background-color: var(--success-hover);
+}
+.button-module_button--outlined__AxHna.button-module_button--success__iPEgl:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--success-focus-visible);
+}
+.button-module_button--outlined__AxHna.button-module_button--success__iPEgl[data-active-link=true] {
+  background-color: var(--success-selected);
+}
+.button-module_button--outlined__AxHna.button-module_button--info__WaPKN {
+  --button-ripple-color: var(--info-main);
+  border-color: var(--info-outlined-border);
+  color: var(--info-outlined-border);
+}
+.button-module_button--outlined__AxHna.button-module_button--info__WaPKN:hover:not(:disabled) {
+  background-color: var(--info-hover);
+}
+.button-module_button--outlined__AxHna.button-module_button--info__WaPKN:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--info-focus-visible);
+}
+.button-module_button--outlined__AxHna.button-module_button--info__WaPKN[data-active-link=true] {
+  background-color: var(--info-selected);
+}
+.button-module_button--outlined__AxHna.button-module_button--slate__DRwTq {
+  --button-ripple-color: var(--slate-main);
+  border-color: var(--slate-outlined-border);
+  color: var(--slate-outlined-border);
+}
+.button-module_button--outlined__AxHna.button-module_button--slate__DRwTq:hover:not(:disabled) {
+  background-color: var(--slate-hover);
+}
+.button-module_button--outlined__AxHna.button-module_button--slate__DRwTq:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--slate-focus-visible);
+}
+.button-module_button--outlined__AxHna.button-module_button--slate__DRwTq[data-active-link=true] {
+  background-color: var(--slate-selected);
+}
+.button-module_button--outlined__AxHna.button-module_button--inherit__KgtNC {
+  border-color: var(--themed-outlined-border, currentColor);
+  color: var(--themed-outlined-border, currentColor);
+  --button-ripple-color: var(--themed-main, currentColor);
+}
+.button-module_button--outlined__AxHna.button-module_button--inherit__KgtNC:hover:not(:disabled) {
+  background-color: var(--themed-hover, var(--action-hover));
+}
+.button-module_button--outlined__AxHna.button-module_button--inherit__KgtNC:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--themed-focus-visible, var(--primary-focus-visible));
+}
+.button-module_button--ghost__m7RzP {
+  background-color: transparent;
+}
+.button-module_button--ghost__m7RzP.button-module_button--primary__BO20b {
+  --button-ripple-color: var(--primary-main);
+  color: var(--primary-outlined-border);
+}
+.button-module_button--ghost__m7RzP.button-module_button--primary__BO20b:hover:not(:disabled) {
+  background-color: var(--primary-hover);
+}
+.button-module_button--ghost__m7RzP.button-module_button--primary__BO20b:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--primary-focus-visible);
+}
+.button-module_button--ghost__m7RzP.button-module_button--primary__BO20b[data-active-link=true] {
+  background-color: var(--primary-selected);
+}
+.button-module_button--ghost__m7RzP.button-module_button--secondary__EgwQf {
+  --button-ripple-color: var(--secondary-main);
+  color: var(--secondary-outlined-border);
+}
+.button-module_button--ghost__m7RzP.button-module_button--secondary__EgwQf:hover:not(:disabled) {
+  background-color: var(--secondary-hover);
+}
+.button-module_button--ghost__m7RzP.button-module_button--secondary__EgwQf:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--secondary-focus-visible);
+}
+.button-module_button--ghost__m7RzP.button-module_button--secondary__EgwQf[data-active-link=true] {
+  background-color: var(--secondary-selected);
+}
+.button-module_button--ghost__m7RzP.button-module_button--destructive__PPikG {
+  --button-ripple-color: var(--destructive-main);
+  color: var(--destructive-outlined-border);
+}
+.button-module_button--ghost__m7RzP.button-module_button--destructive__PPikG:hover:not(:disabled) {
+  background-color: var(--destructive-hover);
+}
+.button-module_button--ghost__m7RzP.button-module_button--destructive__PPikG:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--destructive-focus-visible);
+}
+.button-module_button--ghost__m7RzP.button-module_button--destructive__PPikG[data-active-link=true] {
+  background-color: var(--destructive-selected);
+}
+.button-module_button--ghost__m7RzP.button-module_button--warning__8wotP {
+  --button-ripple-color: var(--warning-main);
+  color: var(--warning-outlined-border);
+}
+.button-module_button--ghost__m7RzP.button-module_button--warning__8wotP:hover:not(:disabled) {
+  background-color: var(--warning-hover);
+}
+.button-module_button--ghost__m7RzP.button-module_button--warning__8wotP:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--warning-focus-visible);
+}
+.button-module_button--ghost__m7RzP.button-module_button--warning__8wotP[data-active-link=true] {
+  background-color: var(--warning-selected);
+}
+.button-module_button--ghost__m7RzP.button-module_button--success__iPEgl {
+  --button-ripple-color: var(--success-main);
+  color: var(--success-outlined-border);
+}
+.button-module_button--ghost__m7RzP.button-module_button--success__iPEgl:hover:not(:disabled) {
+  background-color: var(--success-hover);
+}
+.button-module_button--ghost__m7RzP.button-module_button--success__iPEgl:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--success-focus-visible);
+}
+.button-module_button--ghost__m7RzP.button-module_button--success__iPEgl[data-active-link=true] {
+  background-color: var(--success-selected);
+}
+.button-module_button--ghost__m7RzP.button-module_button--info__WaPKN {
+  --button-ripple-color: var(--info-main);
+  color: var(--info-outlined-border);
+}
+.button-module_button--ghost__m7RzP.button-module_button--info__WaPKN:hover:not(:disabled) {
+  background-color: var(--info-hover);
+}
+.button-module_button--ghost__m7RzP.button-module_button--info__WaPKN:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--info-focus-visible);
+}
+.button-module_button--ghost__m7RzP.button-module_button--info__WaPKN[data-active-link=true] {
+  background-color: var(--info-selected);
+}
+.button-module_button--ghost__m7RzP.button-module_button--slate__DRwTq {
+  --button-ripple-color: var(--slate-main);
+  color: var(--slate-outlined-border);
+}
+.button-module_button--ghost__m7RzP.button-module_button--slate__DRwTq:hover:not(:disabled) {
+  background-color: var(--slate-hover);
+}
+.button-module_button--ghost__m7RzP.button-module_button--slate__DRwTq:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--slate-focus-visible);
+}
+.button-module_button--ghost__m7RzP.button-module_button--slate__DRwTq[data-active-link=true] {
+  background-color: var(--slate-selected);
+}
+.button-module_button--ghost__m7RzP.button-module_button--inherit__KgtNC {
+  color: var(--themed-outlined-border, currentColor);
+  --button-ripple-color: var(--themed-main, currentColor);
+}
+.button-module_button--ghost__m7RzP.button-module_button--inherit__KgtNC:hover:not(:disabled) {
+  background-color: var(--themed-hover, var(--action-hover));
+}
+.button-module_button--ghost__m7RzP.button-module_button--inherit__KgtNC:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--themed-focus-visible, var(--primary-focus-visible));
+}
+.button-module_button--xs__eWH8k {
+  font-size: 0.75rem;
+  height: auto;
+  line-height: 1rem;
+  padding: 0.15rem 0.5rem;
+}
+.button-module_button--xs__eWH8k svg {
+  height: 0.75rem;
+  width: 0.75rem;
+}
+.button-module_button--xs__eWH8k:has(> svg):not(.button-module_button--icon-only__U2BKr) {
+  padding: 0.15rem 0.5rem;
+}
+.button-module_button--sm__4yeUt {
+  font-size: 0.8125rem;
+  height: 1.85rem;
+  line-height: 1.125rem;
+  padding: 0 1rem;
+}
+.button-module_button--sm__4yeUt svg {
+  height: 1rem;
+  width: 1rem;
+}
+.button-module_button--sm__4yeUt:has(> svg):not(.button-module_button--icon-only__U2BKr) {
+  padding: 0 0.85rem;
+}
+.button-module_button--md__HpLm1 {
+  font-size: 0.875rem;
+  height: 2.5rem;
+  line-height: 1.25rem;
+  padding: 0.5rem 1.25rem;
+}
+.button-module_button--md__HpLm1 svg {
+  height: 1.125rem;
+  width: 1.125rem;
+}
+.button-module_button--md__HpLm1:has(> svg):not(.button-module_button--icon-only__U2BKr) {
+  padding: 0.5rem 1.15rem;
+}
+.button-module_button--lg__67gAK {
+  font-size: 0.9375rem;
+  height: 2.75rem;
+  line-height: 1.375rem;
+  padding: 0.625rem 1.75rem;
+}
+.button-module_button--lg__67gAK svg {
+  height: 1.375rem;
+  width: 1.375rem;
+}
+.button-module_button--lg__67gAK:has(> svg):not(.button-module_button--icon-only__U2BKr) {
+  padding: 0.625rem 1.25rem;
+}
+.button-module_button--icon-only__U2BKr.button-module_button--xs__eWH8k {
+  height: 1.5rem;
+  min-width: 1.5rem;
+  overflow: hidden;
+  padding: 0;
+}
+.button-module_button--icon-only__U2BKr.button-module_button--sm__4yeUt {
+  height: 1.85rem;
+  min-width: 1.85rem;
+  overflow: hidden;
+  padding: 0;
+}
+.button-module_button--icon-only__U2BKr.button-module_button--md__HpLm1 {
+  height: 2.5rem;
+  min-width: 2.5rem;
+  overflow: hidden;
+  padding: 0;
+}
+.button-module_button--icon-only__U2BKr.button-module_button--lg__67gAK {
+  height: 2.75rem;
+  min-width: 2.75rem;
+  overflow: hidden;
+  padding: 0;
+}

package/dist/ui/Button/button.module.scss.js

@@ -1,4 +1,6 @@
-var s = {"button":"button-module_button__EjU7o","ripple":"button-module_ripple__j0tdq","button--rounded":"button-module_button--rounded__6IPaC","button--extra-rounded":"button-module_button--extra-rounded__6kAjO","button--contained":"button-module_button--contained__1s0RQ","button--primary":"button-module_button--primary__3D0Qe","button--secondary":"button-module_button--secondary__xbaEK","button--destructive":"button-module_button--destructive__sfH9g","button--warning":"button-module_button--warning__jynbu","button--success":"button-module_button--success__9BG1V","button--info":"button-module_button--info__145Jp","button--slate":"button-module_button--slate__YjsD2","button--inherit":"button-module_button--inherit__IlG-W","button--outlined":"button-module_button--outlined__iePg6","button--ghost":"button-module_button--ghost__t-WaS","button--xs":"button-module_button--xs__JYfOt","button--icon-only":"button-module_button--icon-only__2aWAe","button--sm":"button-module_button--sm__GWxsl","button--md":"button-module_button--md__wykOE","button--lg":"button-module_button--lg__UoGgu"};
+import './button.css';
+
+var s = {"button":"button-module_button__ATpxB","ripple":"button-module_ripple__Ny6oE","button--rounded":"button-module_button--rounded__ah_Ei","button--extra-rounded":"button-module_button--extra-rounded__B9xBI","button--contained":"button-module_button--contained__YQQ33","button--primary":"button-module_button--primary__BO20b","button--secondary":"button-module_button--secondary__EgwQf","button--destructive":"button-module_button--destructive__PPikG","button--warning":"button-module_button--warning__8wotP","button--success":"button-module_button--success__iPEgl","button--info":"button-module_button--info__WaPKN","button--slate":"button-module_button--slate__DRwTq","button--inherit":"button-module_button--inherit__KgtNC","button--outlined":"button-module_button--outlined__AxHna","button--ghost":"button-module_button--ghost__m7RzP","button--xs":"button-module_button--xs__eWH8k","button--icon-only":"button-module_button--icon-only__U2BKr","button--sm":"button-module_button--sm__4yeUt","button--md":"button-module_button--md__HpLm1","button--lg":"button-module_button--lg__67gAK"};
 
 export { s as default };
 //# sourceMappingURL=button.module.scss.js.map

package/dist/ui/Button/button.module.scss.js.map

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

package/dist/ui/Chip/chip.css

@@ -0,0 +1,179 @@
+/**
+ * Size config. `icon-size` scales SVGs rendered as direct children to match
+ * the chip's visual weight. `padding-with-icon` trims horizontal padding
+ * when an icon is present (detected via `:has(> svg)`) so the overall shape
+ * stays balanced without icons looking crowded.
+ */
+.chip-module_chip__u4PJ9 {
+  align-items: center;
+  border: 1px solid;
+  border-radius: 999px;
+  display: inline-flex;
+  font-weight: 600;
+  gap: 0.35rem;
+  line-height: 1.1;
+  max-width: 100%;
+  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
+  white-space: nowrap;
+}
+.chip-module_chip__u4PJ9 > svg {
+  flex-shrink: 0;
+}
+.chip-module_chip--wrap__YvZ3D {
+  white-space: normal;
+}
+.chip-module_chip--sm___bJkU {
+  font-size: 0.72rem;
+  padding: 0.15rem 0.5rem;
+}
+.chip-module_chip--sm___bJkU > svg {
+  height: 0.75rem;
+  width: 0.75rem;
+}
+.chip-module_chip--sm___bJkU:has(> svg) {
+  padding: 0.15rem 0.4rem;
+}
+.chip-module_chip--md__N7LAU {
+  font-size: 0.78rem;
+  padding: 0.25rem 0.65rem;
+}
+.chip-module_chip--md__N7LAU > svg {
+  height: 0.85rem;
+  width: 0.85rem;
+}
+.chip-module_chip--md__N7LAU:has(> svg) {
+  padding: 0.25rem 0.55rem;
+}
+.chip-module_chip__u4PJ9.chip-module_chip--inherit__HjU_P {
+  border-color: currentColor;
+  color: currentColor;
+}
+.chip-module_chip__u4PJ9.chip-module_chip--inherit__HjU_P:hover {
+  background-color: var(--themed-hover, var(--action-hover));
+}
+.chip-module_chip__u4PJ9.chip-module_chip--primary__kBS6M {
+  --themed-main: var(--primary-main);
+  --themed-dark: var(--primary-dark);
+  --themed-emphasis: var(--primary-emphasis);
+  --themed-light: var(--primary-light);
+  --themed-contrast: var(--primary-contrast);
+  --themed-hover: var(--primary-hover);
+  --themed-focus: var(--primary-focus);
+  --themed-focus-visible: var(--primary-focus-visible);
+  --themed-outlined-border: var(--primary-outlined-border);
+  --themed-selected: var(--primary-selected);
+  background-color: color-mix(in srgb, var(--primary-hover) 20%, transparent);
+  border-color: var(--primary-outlined-border);
+  color: var(--primary-outlined-border);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--primary__kBS6M:hover {
+  background-color: color-mix(in srgb, var(--primary-hover) 40%, transparent);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--secondary__eyfdz {
+  --themed-main: var(--secondary-main);
+  --themed-dark: var(--secondary-dark);
+  --themed-emphasis: var(--secondary-emphasis);
+  --themed-light: var(--secondary-light);
+  --themed-contrast: var(--secondary-contrast);
+  --themed-hover: var(--secondary-hover);
+  --themed-focus: var(--secondary-focus);
+  --themed-focus-visible: var(--secondary-focus-visible);
+  --themed-outlined-border: var(--secondary-outlined-border);
+  --themed-selected: var(--secondary-selected);
+  background-color: color-mix(in srgb, var(--secondary-hover) 20%, transparent);
+  border-color: var(--secondary-outlined-border);
+  color: var(--secondary-outlined-border);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--secondary__eyfdz:hover {
+  background-color: color-mix(in srgb, var(--secondary-hover) 40%, transparent);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--destructive__80JrW {
+  --themed-main: var(--destructive-main);
+  --themed-dark: var(--destructive-dark);
+  --themed-emphasis: var(--destructive-emphasis);
+  --themed-light: var(--destructive-light);
+  --themed-contrast: var(--destructive-contrast);
+  --themed-hover: var(--destructive-hover);
+  --themed-focus: var(--destructive-focus);
+  --themed-focus-visible: var(--destructive-focus-visible);
+  --themed-outlined-border: var(--destructive-outlined-border);
+  --themed-selected: var(--destructive-selected);
+  background-color: color-mix(in srgb, var(--destructive-hover) 20%, transparent);
+  border-color: var(--destructive-outlined-border);
+  color: var(--destructive-outlined-border);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--destructive__80JrW:hover {
+  background-color: color-mix(in srgb, var(--destructive-hover) 40%, transparent);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--warning__3oxvl {
+  --themed-main: var(--warning-main);
+  --themed-dark: var(--warning-dark);
+  --themed-emphasis: var(--warning-emphasis);
+  --themed-light: var(--warning-light);
+  --themed-contrast: var(--warning-contrast);
+  --themed-hover: var(--warning-hover);
+  --themed-focus: var(--warning-focus);
+  --themed-focus-visible: var(--warning-focus-visible);
+  --themed-outlined-border: var(--warning-outlined-border);
+  --themed-selected: var(--warning-selected);
+  background-color: color-mix(in srgb, var(--warning-hover) 20%, transparent);
+  border-color: var(--warning-outlined-border);
+  color: var(--warning-outlined-border);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--warning__3oxvl:hover {
+  background-color: color-mix(in srgb, var(--warning-hover) 40%, transparent);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--success__VF1tZ {
+  --themed-main: var(--success-main);
+  --themed-dark: var(--success-dark);
+  --themed-emphasis: var(--success-emphasis);
+  --themed-light: var(--success-light);
+  --themed-contrast: var(--success-contrast);
+  --themed-hover: var(--success-hover);
+  --themed-focus: var(--success-focus);
+  --themed-focus-visible: var(--success-focus-visible);
+  --themed-outlined-border: var(--success-outlined-border);
+  --themed-selected: var(--success-selected);
+  background-color: color-mix(in srgb, var(--success-hover) 20%, transparent);
+  border-color: var(--success-outlined-border);
+  color: var(--success-outlined-border);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--success__VF1tZ:hover {
+  background-color: color-mix(in srgb, var(--success-hover) 40%, transparent);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--info__Jgnsc {
+  --themed-main: var(--info-main);
+  --themed-dark: var(--info-dark);
+  --themed-emphasis: var(--info-emphasis);
+  --themed-light: var(--info-light);
+  --themed-contrast: var(--info-contrast);
+  --themed-hover: var(--info-hover);
+  --themed-focus: var(--info-focus);
+  --themed-focus-visible: var(--info-focus-visible);
+  --themed-outlined-border: var(--info-outlined-border);
+  --themed-selected: var(--info-selected);
+  background-color: color-mix(in srgb, var(--info-hover) 20%, transparent);
+  border-color: var(--info-outlined-border);
+  color: var(--info-outlined-border);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--info__Jgnsc:hover {
+  background-color: color-mix(in srgb, var(--info-hover) 40%, transparent);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--slate__vmQ7R {
+  --themed-main: var(--slate-main);
+  --themed-dark: var(--slate-dark);
+  --themed-emphasis: var(--slate-emphasis);
+  --themed-light: var(--slate-light);
+  --themed-contrast: var(--slate-contrast);
+  --themed-hover: var(--slate-hover);
+  --themed-focus: var(--slate-focus);
+  --themed-focus-visible: var(--slate-focus-visible);
+  --themed-outlined-border: var(--slate-outlined-border);
+  --themed-selected: var(--slate-selected);
+  background-color: color-mix(in srgb, var(--slate-hover) 20%, transparent);
+  border-color: var(--slate-outlined-border);
+  color: var(--slate-outlined-border);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--slate__vmQ7R:hover {
+  background-color: color-mix(in srgb, var(--slate-hover) 40%, transparent);
+}

package/dist/ui/Chip/chip.module.scss.js

@@ -1,4 +1,6 @@
-var s = {"chip":"chip-module_chip__34UqT","chip--wrap":"chip-module_chip--wrap__j1u6x","chip--sm":"chip-module_chip--sm__KpQBK","chip--md":"chip-module_chip--md__VKLci","chip--inherit":"chip-module_chip--inherit__SdUYH","chip--primary":"chip-module_chip--primary__jYgT0","chip--secondary":"chip-module_chip--secondary__KLeJe","chip--destructive":"chip-module_chip--destructive__kgqtH","chip--warning":"chip-module_chip--warning__cHfvN","chip--success":"chip-module_chip--success__Nr5L6","chip--info":"chip-module_chip--info__0ATsI","chip--slate":"chip-module_chip--slate__vl3hs"};
+import './chip.css';
+
+var s = {"chip":"chip-module_chip__u4PJ9","chip--wrap":"chip-module_chip--wrap__YvZ3D","chip--sm":"chip-module_chip--sm___bJkU","chip--md":"chip-module_chip--md__N7LAU","chip--inherit":"chip-module_chip--inherit__HjU_P","chip--primary":"chip-module_chip--primary__kBS6M","chip--secondary":"chip-module_chip--secondary__eyfdz","chip--destructive":"chip-module_chip--destructive__80JrW","chip--warning":"chip-module_chip--warning__3oxvl","chip--success":"chip-module_chip--success__VF1tZ","chip--info":"chip-module_chip--info__Jgnsc","chip--slate":"chip-module_chip--slate__vmQ7R"};
 
 export { s as default };
 //# sourceMappingURL=chip.module.scss.js.map

package/dist/ui/Chip/chip.module.scss.js.map

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