@kismet-ux/constellation 1.0.1 → 1.2.0

package/dist/ui/TableToolbar/table-toolbar.css

@@ -0,0 +1,36 @@
+@charset "UTF-8";
+/**
+ * Toolbar that sits between TableCard's top edge and the Table itself.
+ * Controls flow left, actions slot pushes right via margin-left: auto on
+ * the actions container. Wraps on narrow screens — actions drop to a new
+ * row when controls fill the available width.
+ */
+.table-toolbar-module_toolbar__9fr9Q {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--size-2);
+  padding: var(--size-2);
+  width: 100%;
+}
+
+.table-toolbar-module_toolbar--divider__l55yA {
+  border-bottom: 1px solid var(--divider);
+}
+
+.table-toolbar-module_controls___qx1f {
+  align-items: center;
+  display: flex;
+  flex: 1 1 auto;
+  flex-wrap: wrap;
+  gap: var(--size-2);
+  min-width: 0;
+}
+
+.table-toolbar-module_actions__14QIk {
+  align-items: center;
+  display: flex;
+  flex-shrink: 0;
+  gap: var(--size-2);
+  margin-left: auto;
+}

package/dist/ui/TableToolbar/table-toolbar.module.scss.js

@@ -1,4 +1,6 @@
-var s = {"toolbar":"table-toolbar-module_toolbar__cbuux","toolbar--divider":"table-toolbar-module_toolbar--divider__Abf5V","controls":"table-toolbar-module_controls__djQX7","actions":"table-toolbar-module_actions__-VZja"};
+import './table-toolbar.css';
+
+var s = {"toolbar":"table-toolbar-module_toolbar__9fr9Q","toolbar--divider":"table-toolbar-module_toolbar--divider__l55yA","controls":"table-toolbar-module_controls___qx1f","actions":"table-toolbar-module_actions__14QIk"};
 
 export { s as default };
 //# sourceMappingURL=table-toolbar.module.scss.js.map

package/dist/ui/TableToolbar/table-toolbar.module.scss.js.map

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

package/dist/ui/Toggle/toggle.css

@@ -0,0 +1,551 @@
+.toggle-module_toggle__ySfs- {
+  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;
+  outline: none;
+  overflow: hidden;
+  position: relative;
+  --toggle-ripple-color: var(--primary-main);
+  text-decoration: none;
+  transition: all 150ms var(--easing-default);
+  white-space: nowrap;
+}
+.toggle-module_toggle__ySfs-: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);
+}
+.toggle-module_toggle__ySfs-:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+  pointer-events: none;
+}
+.toggle-module_toggle__ySfs- svg {
+  flex-shrink: 0;
+  height: 1rem;
+  pointer-events: none;
+  width: 1rem;
+}
+.toggle-module_toggle__ySfs- .toggle-module_ripple__q_iss {
+  animation: toggle-module_ripple__q_iss 600ms var(--easing-default);
+  background-color: color-mix(in srgb, var(--toggle-ripple-color, var(--primary-main)) 40%, transparent);
+  border-radius: 50%;
+  pointer-events: none;
+  position: absolute;
+  transform: scale(0);
+}
+@keyframes toggle-module_ripple__q_iss {
+  to {
+    opacity: 0;
+    transform: scale(4);
+  }
+}
+.toggle-module_toggle--rounded__TJ4kn {
+  border-radius: var(--size-1);
+}
+.toggle-module_toggle--extra-rounded__jqUxF {
+  border-radius: var(--size-5);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--primary__4Tixe {
+  --toggle-ripple-color: var(--primary-light);
+  background-color: var(--primary-main);
+  color: var(--primary-contrast);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--primary__4Tixe:hover:not(:disabled) {
+  background-color: var(--primary-dark);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--primary__4Tixe:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--primary-focus-visible);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--primary__4Tixe[data-state=on] {
+  background-color: var(--primary-dark);
+  color: var(--primary-contrast);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--primary__4Tixe[data-state=on]:hover:not(:disabled) {
+  background-color: color-mix(in srgb, var(--primary-dark) 85%, black);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--secondary__Epwsg {
+  --toggle-ripple-color: var(--secondary-light);
+  background-color: var(--secondary-main);
+  color: var(--secondary-contrast);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--secondary__Epwsg:hover:not(:disabled) {
+  background-color: var(--secondary-dark);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--secondary__Epwsg:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--secondary-focus-visible);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--secondary__Epwsg[data-state=on] {
+  background-color: var(--secondary-dark);
+  color: var(--secondary-contrast);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--secondary__Epwsg[data-state=on]:hover:not(:disabled) {
+  background-color: color-mix(in srgb, var(--secondary-dark) 85%, black);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--destructive__Azvbd {
+  --toggle-ripple-color: var(--destructive-light);
+  background-color: var(--destructive-main);
+  color: var(--destructive-contrast);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--destructive__Azvbd:hover:not(:disabled) {
+  background-color: var(--destructive-dark);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--destructive__Azvbd:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--destructive-focus-visible);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--destructive__Azvbd[data-state=on] {
+  background-color: var(--destructive-dark);
+  color: var(--destructive-contrast);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--destructive__Azvbd[data-state=on]:hover:not(:disabled) {
+  background-color: color-mix(in srgb, var(--destructive-dark) 85%, black);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--warning__f5gS9 {
+  --toggle-ripple-color: var(--warning-light);
+  background-color: var(--warning-main);
+  color: var(--warning-contrast);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--warning__f5gS9:hover:not(:disabled) {
+  background-color: var(--warning-dark);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--warning__f5gS9:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--warning-focus-visible);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--warning__f5gS9[data-state=on] {
+  background-color: var(--warning-dark);
+  color: var(--warning-contrast);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--warning__f5gS9[data-state=on]:hover:not(:disabled) {
+  background-color: color-mix(in srgb, var(--warning-dark) 85%, black);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--success__5gWXj {
+  --toggle-ripple-color: var(--success-light);
+  background-color: var(--success-main);
+  color: var(--success-contrast);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--success__5gWXj:hover:not(:disabled) {
+  background-color: var(--success-dark);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--success__5gWXj:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--success-focus-visible);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--success__5gWXj[data-state=on] {
+  background-color: var(--success-dark);
+  color: var(--success-contrast);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--success__5gWXj[data-state=on]:hover:not(:disabled) {
+  background-color: color-mix(in srgb, var(--success-dark) 85%, black);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--info__yBo0W {
+  --toggle-ripple-color: var(--info-light);
+  background-color: var(--info-main);
+  color: var(--info-contrast);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--info__yBo0W:hover:not(:disabled) {
+  background-color: var(--info-dark);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--info__yBo0W:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--info-focus-visible);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--info__yBo0W[data-state=on] {
+  background-color: var(--info-dark);
+  color: var(--info-contrast);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--info__yBo0W[data-state=on]:hover:not(:disabled) {
+  background-color: color-mix(in srgb, var(--info-dark) 85%, black);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--slate__RUl-h {
+  --toggle-ripple-color: var(--slate-light);
+  background-color: var(--slate-main);
+  color: var(--slate-contrast);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--slate__RUl-h:hover:not(:disabled) {
+  background-color: var(--slate-dark);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--slate__RUl-h:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--slate-focus-visible);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--slate__RUl-h[data-state=on] {
+  background-color: var(--slate-dark);
+  color: var(--slate-contrast);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--slate__RUl-h[data-state=on]:hover:not(:disabled) {
+  background-color: color-mix(in srgb, var(--slate-dark) 85%, black);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--inherit__dX4dd {
+  background-color: var(--background-contrast);
+  color: var(--background-default);
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--inherit__dX4dd:hover:not(:disabled) {
+  opacity: 0.8;
+}
+.toggle-module_toggle--contained__mRL9A.toggle-module_toggle--inherit__dX4dd[data-state=on] {
+  filter: brightness(0.85);
+  opacity: 1;
+}
+.toggle-module_toggle--outlined__XOwQY {
+  background-color: transparent;
+  border: 1px solid;
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--primary__4Tixe {
+  --toggle-ripple-color: var(--primary-main);
+  border-color: var(--primary-outlined-border);
+  color: var(--primary-outlined-border);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--primary__4Tixe:hover:not(:disabled) {
+  background-color: var(--primary-hover);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--primary__4Tixe:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--primary-focus-visible);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--primary__4Tixe[data-state=on] {
+  background-color: var(--primary-main);
+  border-color: var(--primary-main);
+  color: var(--primary-contrast);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--primary__4Tixe[data-state=on]:hover:not(:disabled) {
+  background-color: var(--primary-dark);
+  border-color: var(--primary-dark);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--secondary__Epwsg {
+  --toggle-ripple-color: var(--secondary-main);
+  border-color: var(--secondary-outlined-border);
+  color: var(--secondary-outlined-border);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--secondary__Epwsg:hover:not(:disabled) {
+  background-color: var(--secondary-hover);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--secondary__Epwsg:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--secondary-focus-visible);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--secondary__Epwsg[data-state=on] {
+  background-color: var(--secondary-main);
+  border-color: var(--secondary-main);
+  color: var(--secondary-contrast);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--secondary__Epwsg[data-state=on]:hover:not(:disabled) {
+  background-color: var(--secondary-dark);
+  border-color: var(--secondary-dark);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--destructive__Azvbd {
+  --toggle-ripple-color: var(--destructive-main);
+  border-color: var(--destructive-outlined-border);
+  color: var(--destructive-outlined-border);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--destructive__Azvbd:hover:not(:disabled) {
+  background-color: var(--destructive-hover);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--destructive__Azvbd:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--destructive-focus-visible);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--destructive__Azvbd[data-state=on] {
+  background-color: var(--destructive-main);
+  border-color: var(--destructive-main);
+  color: var(--destructive-contrast);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--destructive__Azvbd[data-state=on]:hover:not(:disabled) {
+  background-color: var(--destructive-dark);
+  border-color: var(--destructive-dark);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--warning__f5gS9 {
+  --toggle-ripple-color: var(--warning-main);
+  border-color: var(--warning-outlined-border);
+  color: var(--warning-outlined-border);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--warning__f5gS9:hover:not(:disabled) {
+  background-color: var(--warning-hover);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--warning__f5gS9:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--warning-focus-visible);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--warning__f5gS9[data-state=on] {
+  background-color: var(--warning-main);
+  border-color: var(--warning-main);
+  color: var(--warning-contrast);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--warning__f5gS9[data-state=on]:hover:not(:disabled) {
+  background-color: var(--warning-dark);
+  border-color: var(--warning-dark);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--success__5gWXj {
+  --toggle-ripple-color: var(--success-main);
+  border-color: var(--success-outlined-border);
+  color: var(--success-outlined-border);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--success__5gWXj:hover:not(:disabled) {
+  background-color: var(--success-hover);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--success__5gWXj:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--success-focus-visible);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--success__5gWXj[data-state=on] {
+  background-color: var(--success-main);
+  border-color: var(--success-main);
+  color: var(--success-contrast);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--success__5gWXj[data-state=on]:hover:not(:disabled) {
+  background-color: var(--success-dark);
+  border-color: var(--success-dark);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--info__yBo0W {
+  --toggle-ripple-color: var(--info-main);
+  border-color: var(--info-outlined-border);
+  color: var(--info-outlined-border);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--info__yBo0W:hover:not(:disabled) {
+  background-color: var(--info-hover);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--info__yBo0W:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--info-focus-visible);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--info__yBo0W[data-state=on] {
+  background-color: var(--info-main);
+  border-color: var(--info-main);
+  color: var(--info-contrast);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--info__yBo0W[data-state=on]:hover:not(:disabled) {
+  background-color: var(--info-dark);
+  border-color: var(--info-dark);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--slate__RUl-h {
+  --toggle-ripple-color: var(--slate-main);
+  border-color: var(--slate-outlined-border);
+  color: var(--slate-outlined-border);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--slate__RUl-h:hover:not(:disabled) {
+  background-color: var(--slate-hover);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--slate__RUl-h:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--slate-focus-visible);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--slate__RUl-h[data-state=on] {
+  background-color: var(--slate-main);
+  border-color: var(--slate-main);
+  color: var(--slate-contrast);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--slate__RUl-h[data-state=on]:hover:not(:disabled) {
+  background-color: var(--slate-dark);
+  border-color: var(--slate-dark);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--inherit__dX4dd {
+  border-color: var(--themed-outlined-border, currentColor);
+  color: var(--themed-outlined-border, currentColor);
+  --toggle-ripple-color: var(--themed-main, currentColor);
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--inherit__dX4dd:hover:not(:disabled) {
+  background-color: var(--themed-hover, var(--action-hover));
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--inherit__dX4dd:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--themed-focus-visible, var(--primary-focus-visible));
+}
+.toggle-module_toggle--outlined__XOwQY.toggle-module_toggle--inherit__dX4dd[data-state=on] {
+  background-color: var(--background-contrast);
+  border-color: var(--background-contrast);
+  color: var(--background-default);
+}
+.toggle-module_toggle--ghost__oVKxT {
+  background-color: transparent;
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--primary__4Tixe {
+  --toggle-ripple-color: var(--primary-main);
+  color: var(--primary-outlined-border);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--primary__4Tixe:hover:not(:disabled) {
+  background-color: var(--primary-hover);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--primary__4Tixe:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--primary-focus-visible);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--primary__4Tixe[data-state=on] {
+  background-color: var(--primary-main);
+  color: var(--primary-contrast);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--primary__4Tixe[data-state=on]:hover:not(:disabled) {
+  background-color: var(--primary-dark);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--secondary__Epwsg {
+  --toggle-ripple-color: var(--secondary-main);
+  color: var(--secondary-outlined-border);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--secondary__Epwsg:hover:not(:disabled) {
+  background-color: var(--secondary-hover);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--secondary__Epwsg:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--secondary-focus-visible);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--secondary__Epwsg[data-state=on] {
+  background-color: var(--secondary-main);
+  color: var(--secondary-contrast);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--secondary__Epwsg[data-state=on]:hover:not(:disabled) {
+  background-color: var(--secondary-dark);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--destructive__Azvbd {
+  --toggle-ripple-color: var(--destructive-main);
+  color: var(--destructive-outlined-border);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--destructive__Azvbd:hover:not(:disabled) {
+  background-color: var(--destructive-hover);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--destructive__Azvbd:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--destructive-focus-visible);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--destructive__Azvbd[data-state=on] {
+  background-color: var(--destructive-main);
+  color: var(--destructive-contrast);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--destructive__Azvbd[data-state=on]:hover:not(:disabled) {
+  background-color: var(--destructive-dark);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--warning__f5gS9 {
+  --toggle-ripple-color: var(--warning-main);
+  color: var(--warning-outlined-border);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--warning__f5gS9:hover:not(:disabled) {
+  background-color: var(--warning-hover);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--warning__f5gS9:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--warning-focus-visible);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--warning__f5gS9[data-state=on] {
+  background-color: var(--warning-main);
+  color: var(--warning-contrast);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--warning__f5gS9[data-state=on]:hover:not(:disabled) {
+  background-color: var(--warning-dark);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--success__5gWXj {
+  --toggle-ripple-color: var(--success-main);
+  color: var(--success-outlined-border);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--success__5gWXj:hover:not(:disabled) {
+  background-color: var(--success-hover);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--success__5gWXj:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--success-focus-visible);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--success__5gWXj[data-state=on] {
+  background-color: var(--success-main);
+  color: var(--success-contrast);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--success__5gWXj[data-state=on]:hover:not(:disabled) {
+  background-color: var(--success-dark);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--info__yBo0W {
+  --toggle-ripple-color: var(--info-main);
+  color: var(--info-outlined-border);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--info__yBo0W:hover:not(:disabled) {
+  background-color: var(--info-hover);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--info__yBo0W:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--info-focus-visible);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--info__yBo0W[data-state=on] {
+  background-color: var(--info-main);
+  color: var(--info-contrast);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--info__yBo0W[data-state=on]:hover:not(:disabled) {
+  background-color: var(--info-dark);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--slate__RUl-h {
+  --toggle-ripple-color: var(--slate-main);
+  color: var(--slate-outlined-border);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--slate__RUl-h:hover:not(:disabled) {
+  background-color: var(--slate-hover);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--slate__RUl-h:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--slate-focus-visible);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--slate__RUl-h[data-state=on] {
+  background-color: var(--slate-main);
+  color: var(--slate-contrast);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--slate__RUl-h[data-state=on]:hover:not(:disabled) {
+  background-color: var(--slate-dark);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--inherit__dX4dd {
+  color: var(--themed-outlined-border, currentColor);
+  --toggle-ripple-color: var(--themed-main, currentColor);
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--inherit__dX4dd:hover:not(:disabled) {
+  background-color: var(--themed-hover, var(--action-hover));
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--inherit__dX4dd:focus-visible {
+  box-shadow: 0 0 0 2px var(--background-default), 0 0 0 4px var(--themed-focus-visible, var(--primary-focus-visible));
+}
+.toggle-module_toggle--ghost__oVKxT.toggle-module_toggle--inherit__dX4dd[data-state=on] {
+  background-color: var(--background-contrast);
+  color: var(--background-default);
+}
+.toggle-module_toggle--xs__6LsIG {
+  font-size: 0.75rem;
+  height: auto;
+  line-height: 1rem;
+  padding: 0.15rem 0.5rem;
+}
+.toggle-module_toggle--xs__6LsIG svg {
+  height: 0.75rem;
+  width: 0.75rem;
+}
+.toggle-module_toggle--sm__5ERBn {
+  font-size: 0.8125rem;
+  height: 1.85rem;
+  line-height: 1.125rem;
+  padding: 0 1rem;
+}
+.toggle-module_toggle--sm__5ERBn svg {
+  height: 0.875rem;
+  width: 0.875rem;
+}
+.toggle-module_toggle--md__pwvR0 {
+  font-size: 0.875rem;
+  height: 2.5rem;
+  line-height: 1.25rem;
+  padding: 0.5rem 1.25rem;
+}
+.toggle-module_toggle--md__pwvR0 svg {
+  height: 1.25rem;
+  width: 1.25rem;
+}
+.toggle-module_toggle--lg__dpfZb {
+  font-size: 0.9375rem;
+  height: 2.75rem;
+  line-height: 1.375rem;
+  padding: 0.625rem 1.75rem;
+}
+.toggle-module_toggle--lg__dpfZb svg {
+  height: 1.5rem;
+  width: 1.5rem;
+}
+.toggle-module_toggle--icon-only__KTeHo.toggle-module_toggle--xs__6LsIG {
+  height: 1.5rem;
+  min-width: 1.5rem;
+  overflow: hidden;
+  padding: 0;
+}
+.toggle-module_toggle--icon-only__KTeHo.toggle-module_toggle--sm__5ERBn {
+  height: 1.85rem;
+  min-width: 1.85rem;
+  overflow: hidden;
+  padding: 0;
+}
+.toggle-module_toggle--icon-only__KTeHo.toggle-module_toggle--md__pwvR0 {
+  height: 2.5rem;
+  min-width: 2.5rem;
+  overflow: hidden;
+  padding: 0;
+}
+.toggle-module_toggle--icon-only__KTeHo.toggle-module_toggle--lg__dpfZb {
+  height: 2.75rem;
+  min-width: 2.75rem;
+  overflow: hidden;
+  padding: 0;
+}

package/dist/ui/Toggle/toggle.module.scss.js

@@ -1,4 +1,6 @@
-var s = {"toggle":"toggle-module_toggle__-ixxR","ripple":"toggle-module_ripple__9xLcz","toggle--rounded":"toggle-module_toggle--rounded__7CRrg","toggle--extra-rounded":"toggle-module_toggle--extra-rounded__sNBlZ","toggle--contained":"toggle-module_toggle--contained__pHP91","toggle--primary":"toggle-module_toggle--primary__Wif18","toggle--secondary":"toggle-module_toggle--secondary__x-0Ii","toggle--destructive":"toggle-module_toggle--destructive__y-18Q","toggle--warning":"toggle-module_toggle--warning__VU7oI","toggle--success":"toggle-module_toggle--success__NtSlg","toggle--info":"toggle-module_toggle--info__1OCEQ","toggle--slate":"toggle-module_toggle--slate__gCtNh","toggle--inherit":"toggle-module_toggle--inherit__R94cE","toggle--outlined":"toggle-module_toggle--outlined__-eSCX","toggle--ghost":"toggle-module_toggle--ghost__2Zp8m","toggle--xs":"toggle-module_toggle--xs__YB5zx","toggle--sm":"toggle-module_toggle--sm__TfqxS","toggle--md":"toggle-module_toggle--md__uIXSK","toggle--lg":"toggle-module_toggle--lg__P8112","toggle--icon-only":"toggle-module_toggle--icon-only__q5Joh"};
+import './toggle.css';
+
+var s = {"toggle":"toggle-module_toggle__ySfs-","ripple":"toggle-module_ripple__q_iss","toggle--rounded":"toggle-module_toggle--rounded__TJ4kn","toggle--extra-rounded":"toggle-module_toggle--extra-rounded__jqUxF","toggle--contained":"toggle-module_toggle--contained__mRL9A","toggle--primary":"toggle-module_toggle--primary__4Tixe","toggle--secondary":"toggle-module_toggle--secondary__Epwsg","toggle--destructive":"toggle-module_toggle--destructive__Azvbd","toggle--warning":"toggle-module_toggle--warning__f5gS9","toggle--success":"toggle-module_toggle--success__5gWXj","toggle--info":"toggle-module_toggle--info__yBo0W","toggle--slate":"toggle-module_toggle--slate__RUl-h","toggle--inherit":"toggle-module_toggle--inherit__dX4dd","toggle--outlined":"toggle-module_toggle--outlined__XOwQY","toggle--ghost":"toggle-module_toggle--ghost__oVKxT","toggle--xs":"toggle-module_toggle--xs__6LsIG","toggle--sm":"toggle-module_toggle--sm__5ERBn","toggle--md":"toggle-module_toggle--md__pwvR0","toggle--lg":"toggle-module_toggle--lg__dpfZb","toggle--icon-only":"toggle-module_toggle--icon-only__KTeHo"};
 
 export { s as default };
 //# sourceMappingURL=toggle.module.scss.js.map

package/dist/ui/Toggle/toggle.module.scss.js.map

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

package/dist/ui/ToggleGroup/toggle-group.css

@@ -0,0 +1,70 @@
+.toggle-group-module_toggle-group__WjHL8 {
+  align-items: center;
+  align-self: flex-start;
+  border-radius: var(--toggle-group-radius, var(--size-5));
+  display: inline-flex;
+  --toggle-group-border: var(--divider);
+  --toggle-group-radius: var(--size-5);
+  overflow: hidden;
+}
+.toggle-group-module_toggle-group__WjHL8[data-rounded=true] {
+  --toggle-group-radius: var(--size-1);
+}
+.toggle-group-module_toggle-group__WjHL8[data-rounded=false] {
+  --toggle-group-radius: 0;
+}
+.toggle-group-module_toggle-group__WjHL8[data-theme=primary] {
+  --toggle-group-border: var(--primary-outlined-border);
+}
+.toggle-group-module_toggle-group__WjHL8[data-theme=secondary] {
+  --toggle-group-border: var(--secondary-outlined-border);
+}
+.toggle-group-module_toggle-group__WjHL8[data-theme=destructive] {
+  --toggle-group-border: var(--destructive-outlined-border);
+}
+.toggle-group-module_toggle-group__WjHL8[data-theme=warning] {
+  --toggle-group-border: var(--warning-outlined-border);
+}
+.toggle-group-module_toggle-group__WjHL8[data-theme=success] {
+  --toggle-group-border: var(--success-outlined-border);
+}
+.toggle-group-module_toggle-group__WjHL8[data-theme=info] {
+  --toggle-group-border: var(--info-outlined-border);
+}
+.toggle-group-module_toggle-group__WjHL8[data-theme=slate] {
+  --toggle-group-border: var(--slate-outlined-border);
+}
+.toggle-group-module_toggle-group__WjHL8[data-theme=inherit] {
+  --toggle-group-border: currentColor;
+}
+.toggle-group-module_toggle-group__WjHL8[data-stretch=true] {
+  display: flex;
+  width: 100%;
+}
+.toggle-group-module_toggle-group__WjHL8[data-stretch=true] [data-slot='toggle-group-item'] {
+  flex: 1;
+}
+.toggle-group-module_toggle-group__WjHL8 [data-slot='toggle-group-item'] {
+  border-radius: 0;
+  box-shadow: none;
+  flex-shrink: 0;
+  min-width: 0;
+}
+.toggle-group-module_toggle-group__WjHL8 [data-slot='toggle-group-item']:focus-visible, .toggle-group-module_toggle-group__WjHL8 [data-slot='toggle-group-item']:focus {
+  position: relative;
+  z-index: 1;
+}
+.toggle-group-module_toggle-group__WjHL8[data-variant=outlined] {
+  border: 1px solid var(--toggle-group-border);
+  box-shadow: var(--shadow-elevation-4);
+}
+.toggle-group-module_toggle-group__WjHL8[data-variant=outlined] [data-slot='toggle-group-item'] {
+  border: none;
+  border-right: 1px solid var(--toggle-group-border);
+}
+.toggle-group-module_toggle-group__WjHL8[data-variant=outlined] [data-slot='toggle-group-item']:last-of-type {
+  border-right: none;
+}
+.toggle-group-module_toggle-group__WjHL8[data-variant=ghost] [data-slot='toggle-group-item'], .toggle-group-module_toggle-group__WjHL8[data-variant=contained] [data-slot='toggle-group-item'] {
+  border: none;
+}