@eqtylab/equality 0.0.0

package/dist/badge.module.module.css.module.css

@@ -0,0 +1,141 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.badge {
+  padding-inline: calc(0.25rem * 2);
+  padding-block: calc(0.25rem * 0.5);
+  font-size: 0.75rem;
+  line-height: var(--tw-leading, calc(1 / 0.75));
+  --tw-font-weight: 500;
+  font-weight: 500;
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+  transition-duration: var(--tw-duration, 150ms);
+  border-radius: calc(infinity * 1px);
+  display: flex;
+  align-items: center;
+  gap: calc(0.25rem * 1);
+  min-height: calc(0.25rem * 5);
+  width: max-content;
+  min-width: calc(0.25rem * 5);
+}
+.badge--primary {
+  background-color: var(--color-badge-background-primary);
+  color: var(--color-badge-text-primary);
+}
+.badge--danger {
+  background-color: var(--color-badge-background-danger);
+  color: var(--color-badge-text-danger);
+}
+.badge--neutral {
+  background-color: var(--color-badge-background-not-started);
+  color: var(--color-badge-text-not-started);
+}
+.badge--warning {
+  background-color: var(--color-badge-background-warning);
+  color: var(--color-badge-text-warning);
+}
+.badge--success {
+  background-color: var(--color-badge-background-success);
+  color: var(--color-badge-text-success);
+}
+.badge .closable-btn {
+  margin-right: calc(0.25rem * -1);
+  width: calc(0.25rem * 3.5);
+  height: calc(0.25rem * 3.5);
+  border-radius: calc(infinity * 1px);
+  --tw-border-style: none;
+  border-style: none;
+  padding: calc(0.25rem * 0);
+  & svg {
+    width: calc(0.25rem * 3);
+    height: calc(0.25rem * 3);
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-button-tertiary-text);
+    }
+  }
+}
+.badge--primary .closable-btn {
+  background-color: var(--color-badge-background-primary);
+  color: var(--color-badge-text-primary);
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-badge-text-primary);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-badge-background-primary);
+    }
+  }
+}
+.badge--danger .closable-btn {
+  background-color: var(--color-badge-background-danger);
+  color: var(--color-badge-text-danger);
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-badge-text-danger);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-badge-background-danger);
+    }
+  }
+}
+.badge--warning .closable-btn {
+  background-color: var(--color-badge-background-warning);
+  color: var(--color-badge-text-warning);
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-badge-text-warning);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-badge-background-warning);
+    }
+  }
+}
+.badge--neutral .closable-btn {
+  background-color: var(--color-badge-background-not-started);
+  color: var(--color-badge-text-not-started);
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-badge-text-not-started);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-badge-background-not-started);
+    }
+  }
+}
+.badge--success .closable-btn {
+  background-color: var(--color-badge-background-success);
+  color: var(--color-badge-text-success);
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-badge-text-success);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-badge-background-success);
+    }
+  }
+}
+.tooltip {
+  max-width: 20rem;
+  overflow-wrap: break-word;
+}
+.badge .icon {
+  color: inherit;
+}
+.badge--icon-only {
+  padding: calc(0.25rem * 1);
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}

package/dist/bg-gradient.module.module.css.module.css

@@ -0,0 +1,7 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.bg-gradient {
+  position: absolute;
+  inset: calc(0.25rem * 0);
+  width: 100%;
+  height: 100%;
+}

package/dist/button.module.module.css.module.css

@@ -0,0 +1,253 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.button {
+  border-radius: var(--radius-md, 0.375rem);
+  font-size: 0.875rem;
+  line-height: var(--tw-leading, calc(1.25 / 0.875));
+  --tw-font-weight: 500;
+  font-weight: 500;
+  white-space: nowrap;
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+  transition-duration: var(--tw-duration, 150ms);
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: calc(0.25rem * 1);
+  cursor: pointer;
+  &:disabled {
+    cursor: not-allowed;
+  }
+  &:disabled {
+    opacity: 50%;
+  }
+  & svg {
+    pointer-events: none;
+  }
+  & svg {
+    width: calc(0.25rem * 4);
+    height: calc(0.25rem * 4);
+  }
+  & svg {
+    flex-shrink: 0;
+  }
+  --tw-ring-offset-color: var(--color-background);
+  &:focus-visible {
+    --tw-ring-color: var(--color-focus-ring);
+  }
+  &:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  &:focus-visible {
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  }
+  &:focus-visible {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+}
+.button--primary {
+  --mix-color: var(--color-button-primary-fill);
+  background-color: var(--mix-color);
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-button-primary-border);
+  color: var(--color-button-primary-text);
+  &:hover {
+    @media (hover: hover) {
+      &:not(*:disabled) {
+        background-color: var(--mix-color);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklch, var(--mix-color), black var(--hover-darken, 20%));
+        }
+      }
+    }
+  }
+}
+.button--danger {
+  --mix-color: var(--color-button-danger-fill);
+  background-color: var(--mix-color);
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-button-danger-border);
+  color: var(--color-button-danger-text);
+  &:hover {
+    @media (hover: hover) {
+      &:not(*:disabled) {
+        background-color: var(--mix-color);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklch, var(--mix-color), black var(--hover-darken, 20%));
+        }
+      }
+    }
+  }
+}
+.button--secondary {
+  --mix-color: var(--color-button-secondary-fill);
+  background-color: var(--mix-color);
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-button-secondary-border);
+  color: var(--color-button-secondary-text);
+  &:hover {
+    @media (hover: hover) {
+      &:not(*:disabled) {
+        background-color: var(--mix-color);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklch, var(--mix-color), black var(--hover-darken, 20%));
+        }
+      }
+    }
+  }
+}
+.button--tertiary {
+  --mix-color: var(--color-button-tertiary-fill);
+  background-color: var(--mix-color);
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-button-tertiary-border);
+  color: var(--color-button-tertiary-text);
+  &:hover {
+    @media (hover: hover) {
+      &:not(*:disabled) {
+        background-color: var(--mix-color);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklch, var(--mix-color), black var(--hover-darken, 20%));
+        }
+      }
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      &:where(html[data-equality-theme=dark], html[data-equality-theme=dark] *, [data-equality-theme=dark] .root, [data-equality-theme=dark] .root *) {
+        &:not(*:disabled) {
+          background-color: var(--mix-color);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklch, var(--mix-color), white var(--hover-lighten, 20%));
+          }
+        }
+      }
+    }
+  }
+}
+.button--link {
+  --mix-color: var(--color-text-link);
+  color: var(--mix-color);
+  text-decoration-line: underline;
+  &:hover {
+    @media (hover: hover) {
+      text-underline-offset: 4px;
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      &:not(*:disabled) {
+        color: var(--mix-color);
+        @supports (color: color-mix(in lab, red, red)) {
+          color: color-mix(in oklch, var(--mix-color), white var(--hover-lighten, 20%));
+        }
+      }
+    }
+  }
+}
+.size--sm {
+  font-size: 0.75rem;
+  line-height: var(--tw-leading, calc(1 / 0.75));
+}
+.size--sm:not(.button--link) {
+  height: calc(0.25rem * 7);
+  border-radius: var(--radius-md, 0.375rem);
+  padding-inline: calc(0.25rem * 2);
+}
+.size--md:not(.button--link) {
+  height: calc(0.25rem * 10);
+  border-radius: var(--radius-md, 0.375rem);
+  padding-inline: calc(0.25rem * 3);
+  padding-block: calc(0.25rem * 2);
+}
+.size--lg:not(.button--link) {
+  height: calc(0.25rem * 11);
+  border-radius: var(--radius-md, 0.375rem);
+  padding-inline: calc(0.25rem * 8);
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}

package/dist/card-content-header.module.module.css.module.css

@@ -0,0 +1,27 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.card-content-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: calc(0.25rem * 2);
+}
+.card-content-header--wrap {
+  flex-wrap: wrap;
+}
+.button {
+  @container card (width >= 24rem) {
+    order: 3;
+  }
+}
+.title {
+  flex-grow: 1;
+  font-size: 1.125rem;
+  line-height: var(--tw-leading, calc(1.75 / 1.125));
+  color: var(--color-text-primary);
+}
+.title--button-click {
+  width: 100%;
+  @container card (width >= 24rem) {
+    width: auto;
+  }
+}

package/dist/card.module.module.css.module.css

@@ -0,0 +1,246 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.card {
+  container-type: inline-size;
+  container-name: card;
+  position: relative;
+  color: var(--color-text-primary);
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  overflow: hidden;
+  border-radius: 0.5rem;
+  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.card--hover {
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-brand-primary);
+    }
+  }
+  &:active {
+    border-color: var(--color-brand-primary);
+  }
+  cursor: pointer;
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+  transition-duration: var(--tw-duration, 150ms);
+}
+.card-hover-gradient {
+  pointer-events: none;
+  position: absolute;
+  inset: calc(0.25rem * 0);
+  opacity: 0%;
+  transition-property: opacity;
+  transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+  transition-duration: var(--tw-duration, 150ms);
+  --tw-duration: 700ms;
+  transition-duration: 700ms;
+  --tw-gradient-position: to bottom right;
+  @supports (background-image: linear-gradient(in lab, red, red)) {
+    --tw-gradient-position: to bottom right in oklab;
+  }
+  background-image: linear-gradient(var(--tw-gradient-stops));
+  --tw-gradient-from: color-mix(in oklab, var(--color-brand-primary) 0%, transparent);
+  --tw-gradient-to: color-mix(in oklab, var(--color-brand-primary) 10%, transparent);
+  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+}
+.card:hover .card-hover-gradient,
+.card:active .card-hover-gradient {
+  opacity: 100%;
+}
+.card-header {
+  display: flex;
+  flex-direction: column;
+  :where(& > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(0.25rem * 1.5) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  padding-inline: calc(0.25rem * 3);
+  padding-block: calc(0.25rem * 4);
+}
+.card-title {
+  font-size: 1.5rem;
+  line-height: var(--tw-leading, calc(2 / 1.5));
+  --tw-font-weight: 500;
+  font-weight: 500;
+}
+.card-description {
+  font-size: 0.875rem;
+  line-height: var(--tw-leading, calc(1.25 / 0.875));
+  color: var(--color-text-secondary);
+}
+.card-content {
+  padding: calc(0.25rem * 3);
+}
+.card-footer {
+  display: flex;
+  align-items: center;
+  padding: calc(0.25rem * 3);
+  padding-top: calc(0.25rem * 0);
+}
+.card--sunken {
+  border-color: var(--color-border-sunken);
+  background-color: var(--color-background-sunken);
+  --tw-shadow-color: rgba(0, 0, 0, 0.05);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.05) var(--tw-shadow-alpha), transparent);
+  }
+}
+.card--base {
+  border-color: var(--color-border-base);
+  background-color: var(--color-background-base);
+  --tw-shadow-color: transparent;
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-shadow-color: color-mix(in oklab, transparent var(--tw-shadow-alpha), transparent);
+  }
+}
+.card--raised {
+  border-color: var(--color-border-raised);
+  background-color: var(--color-background-raised);
+  --tw-shadow-color: rgba(0, 0, 0, 0.05);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.05) var(--tw-shadow-alpha), transparent);
+  }
+}
+.card--overlay {
+  border-color: var(--color-border-overlay);
+  background-color: var(--color-background-overlay);
+  --tw-shadow-color: rgba(0, 0, 0, 0.1);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.1) var(--tw-shadow-alpha), transparent);
+  }
+}
+.card--floating {
+  border-color: var(--color-border-floating);
+  background-color: var(--color-background-floating);
+  --tw-shadow-color: rgba(0, 0, 0, 0.15);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.15) var(--tw-shadow-alpha), transparent);
+  }
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-position {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-via {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-to {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-via-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}
+@property --tw-gradient-via-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}
+@property --tw-gradient-to-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}