@ztwoint/z-ui 0.1.128 → 0.1.130

package/dist/css/config/colors/shape.css

@@ -1,163 +0,0 @@
-/* shape: neutral */
-@utility shape-neutral-default {
-  fill: var(--color-text-neutral-secondary);
-}
-
-@utility shape-neutral-transparent {
-  fill: var(--color-stroke-transparent-hover);
-}
-
-@utility shape-neutral-disabled {
-  fill: var(--color-text-neutral-muted);
-}
-
-@utility shape-neutral-pale {
-  fill: var(--color-stroke-solid-hover);
-}
-
-@utility shape-neutral-attention {
-  fill: var(--color-text-neutral-primary);
-}
-
-@utility shape-neutral-accent {
-  fill: var(--color-text-brand-secondary);
-}
-
-@utility shape-neutral-danger {
-  fill: var(--color-text-danger-secondary);
-}
-
-@utility shape-neutral-warning {
-  fill: var(--color-text-warning-secondary);
-}
-
-@utility shape-neutral-success {
-  fill: var(--color-text-success-secondary);
-}
-
-@utility shape-neutral-purple {
-  fill: var(--color-text-purple-secondary);
-}
-
-@utility shape-neutral-sky {
-  fill: var(--color-text-brand-secondary);
-}
-
-/* shape: inverted */
-@utility shape-inverted-default {
-  fill: var(--color-text-inverted-secondary);
-}
-
-@utility shape-inverted-disabled {
-  fill: var(--color-stroke-inverted-default);
-}
-
-@utility shape-inverted-attention {
-  fill: var(--color-text-inverted-primary);
-}
-
-@utility shape-inverted-accent {
-  fill: var(--color-text-brand-secondary);
-}
-
-@utility shape-inverted-danger {
-  fill: var(--color-text-danger-secondary);
-}
-
-@utility shape-inverted-warning {
-  fill: var(--color-text-warning-secondary);
-}
-
-@utility shape-inverted-success {
-  fill: var(--color-text-success-secondary);
-}
-
-@utility shape-inverted-purple {
-  fill: var(--color-text-purple-secondary);
-}
-
-@utility shape-inverted-sky {
-  fill: var(--color-text-brand-secondary);
-}
-
-/* shape-bg: neutral */
-@utility shape-bg-neutral-default {
-  background-color: var(--color-surface-neutral-pressed);
-}
-
-@utility shape-bg-neutral-transparent {
-  background-color: var(--color-stroke-transparent-hover);
-}
-
-@utility shape-bg-neutral-disabled {
-  background-color: var(--color-surface-neutral-disabled);
-}
-
-@utility shape-bg-neutral-pale {
-  background-color: var(--color-surface-neutral-hover);
-}
-
-@utility shape-bg-neutral-attention {
-  background-color: var(--color-surface-neutral-pressed);
-}
-
-@utility shape-bg-neutral-accent {
-  background-color: var(--color-surface-accent-default);
-}
-
-@utility shape-bg-neutral-danger {
-  background-color: var(--color-surface-danger-default);
-}
-
-@utility shape-bg-neutral-warning {
-  background-color: var(--color-surface-warning-default);
-}
-
-@utility shape-bg-neutral-success {
-  background-color: var(--color-surface-success-default);
-}
-
-@utility shape-bg-neutral-purple {
-  background-color: var(--color-surface-purple-default);
-}
-
-@utility shape-bg-neutral-sky {
-  background-color: var(--color-surface-accent-default);
-}
-
-/* shape-bg: inverted */
-@utility shape-bg-inverted-default {
-  background-color: var(--color-surface-inverted-default);
-}
-
-@utility shape-bg-inverted-disabled {
-  background-color: var(--color-surface-inverted-disabled);
-}
-
-@utility shape-bg-inverted-attention {
-  background-color: var(--color-surface-inverted-pressed);
-}
-
-@utility shape-bg-inverted-accent {
-  background-color: var(--color-surface-accent-default);
-}
-
-@utility shape-bg-inverted-danger {
-  background-color: var(--color-surface-danger-default);
-}
-
-@utility shape-bg-inverted-warning {
-  background-color: var(--color-surface-warning-default);
-}
-
-@utility shape-bg-inverted-success {
-  background-color: var(--color-surface-success-default);
-}
-
-@utility shape-bg-inverted-purple {
-  background-color: var(--color-surface-purple-default);
-}
-
-@utility shape-bg-inverted-sky {
-  background-color: var(--color-surface-accent-default);
-}

package/dist/css/config/colors/stroke.css

@@ -1,79 +0,0 @@
-/* For stroke/borders across ui */
-/* solid */
-@utility stroke-solid-light {
-  border-color: var(--color-stroke-solid-light);
-}
-
-@utility stroke-solid-medium {
-  border-color: var(--color-stroke-solid-medium);
-}
-
-@utility stroke-solid-high {
-  border-color: var(--color-stroke-solid-high);
-}
-
-@utility stroke-solid-hover {
-  border-color: var(--color-stroke-solid-hover);
-}
-
-@utility stroke-solid-active {
-  border-color: var(--color-stroke-solid-active);
-}
-
-@utility stroke-solid-attention {
-  border-color: var(--color-stroke-solid-attention);
-}
-
-@utility stroke-solid-highlight {
-  border-color: var(--color-stroke-solid-highlight);
-}
-
-/* transparent */
-
-@utility stroke-transparent-light {
-  border-color: var(--color-stroke-transparent-light);
-}
-
-@utility stroke-transparent-medium {
-  border-color: var(--color-stroke-transparent-medium);
-}
-
-@utility stroke-transparent-high {
-  border-color: var(--color-stroke-transparent-high);
-}
-
-@utility stroke-transparent-hover {
-  border-color: var(--color-stroke-transparent-hover);
-}
-
-@utility stroke-transparent-active {
-  border-color: var(--color-stroke-transparent-active);
-}
-
-@utility stroke-transparent-attention {
-  border-color: var(--color-stroke-transparent-attention);
-}
-
-@utility stroke-transparent-highlight {
-  border-color: var(--color-stroke-transparent-highlight);
-}
-
-@utility stroke-inverted-default {
-  border-color: var(--color-stroke-inverted-default);
-}
-
-@utility stroke-inverted-hover {
-  border-color: var(--color-stroke-inverted-hover);
-}
-
-@utility stroke-inverted-active {
-  border-color: var(--color-stroke-inverted-active);
-}
-
-@utility stroke-inverted-attention {
-  border-color: var(--color-stroke-inverted-attention);
-}
-
-@utility stroke-inverted-highlight {
-  border-color: var(--color-stroke-inverted-highlight);
-}

package/dist/css/config/colors/surfaces.css

@@ -1,199 +0,0 @@
-/* Surface utility classes for Tailwind CSS */
-
-/* Neutral surfaces */
-@utility surface-neutral-default {
-  background-color: var(--color-surface-neutral-default);
-}
-
-@utility surface-neutral-primary {
-  background-color: var(--color-surface-neutral-pressed);
-}
-
-@utility surface-neutral-hover {
-  background-color: var(--color-surface-neutral-hover);
-}
-
-@utility surface-neutral-pressed {
-  background-color: var(--color-surface-neutral-pressed);
-}
-
-@utility surface-neutral-disabled {
-  background-color: var(--color-surface-neutral-disabled);
-}
-
-@utility surface-neutral-elevated {
-  background-color: var(--color-surface-inverted-default);
-}
-
-@utility surface-neutral-focused {
-  background-color: var(--color-surface-neutral-focused);
-}
-
-/* Brand surfaces */
-@utility surface-brand-default {
-  background-color: var(--color-surface-accent-default);
-}
-
-@utility surface-brand-hover {
-  background-color: var(--color-surface-accent-hover);
-}
-
-@utility surface-brand-pressed {
-  background-color: var(--color-surface-accent-pressed);
-}
-
-@utility surface-brand-disabled {
-  background-color: var(--color-surface-accent-disabled);
-}
-
-/* Accent surfaces */
-@utility surface-accent-default {
-  background-color: var(--color-surface-accent-default);
-}
-
-@utility surface-accent-hover {
-  background-color: var(--color-surface-accent-hover);
-}
-
-@utility surface-accent-pressed {
-  background-color: var(--color-surface-accent-pressed);
-}
-
-@utility surface-accent-disabled {
-  background-color: var(--color-surface-accent-disabled);
-}
-
-/* Danger surfaces */
-@utility surface-danger-default {
-  background-color: var(--color-surface-danger-default);
-}
-
-@utility surface-danger-hover {
-  background-color: var(--color-surface-danger-hover);
-}
-
-@utility surface-danger-pressed {
-  background-color: var(--color-surface-danger-pressed);
-}
-
-@utility surface-danger-disabled {
-  background-color: var(--color-surface-danger-disabled);
-}
-
-@utility surface-danger-light {
-  background-color: var(--color-surface-inverted-default);
-}
-
-@utility surface-danger-light-hover {
-  background-color: var(--color-surface-inverted-hover);
-}
-
-/* Success surfaces */
-@utility surface-success-default {
-  background-color: var(--color-surface-success-default);
-}
-
-@utility surface-success-hover {
-  background-color: var(--color-surface-success-hover);
-}
-
-@utility surface-success-pressed {
-  background-color: var(--color-surface-success-pressed);
-}
-
-@utility surface-success-disabled {
-  background-color: var(--color-surface-success-disabled);
-}
-
-@utility surface-success-light {
-  background-color: var(--color-surface-inverted-default);
-}
-@utility surface-success-light-hover {
-  background-color: var(--color-surface-inverted-hover);
-}
-
-/* Warning surfaces */
-@utility surface-warning-default {
-  background-color: var(--color-surface-warning-default);
-}
-
-@utility surface-warning-hover {
-  background-color: var(--color-surface-warning-hover);
-}
-
-@utility surface-warning-pressed {
-  background-color: var(--color-surface-warning-pressed);
-}
-
-@utility surface-warning-disabled {
-  background-color: var(--color-surface-warning-disabled);
-}
-
-@utility surface-warning-light {
-  background-color: var(--color-surface-inverted-default);
-}
-
-@utility surface-warning-light-hover {
-  background-color: var(--color-surface-inverted-hover);
-}
-
-/* Primary surfaces */
-
-/* Warning surfaces */
-@utility surface-primary-default {
-  background-color: var(--color-surface-accent-default);
-}
-
-@utility surface-primary-hover {
-  background-color: var(--color-surface-accent-hover);
-}
-
-@utility surface-primary-pressed {
-  background-color: var(--color-surface-accent-pressed);
-}
-
-@utility surface-primary-disabled {
-  background-color: var(--color-surface-accent-disabled);
-}
-
-@utility surface-primary-light-hover {
-  background-color: var(--color-surface-inverted-hover);
-}
-
-@utility surface-primary-light {
-  background-color: var(--color-surface-inverted-default);
-}
-
-/* Purple surfaces */
-@utility surface-purple-default {
-  background-color: var(--color-surface-purple-default);
-}
-
-@utility surface-purple-hover {
-  background-color: var(--color-surface-purple-hover);
-}
-
-@utility surface-purple-pressed {
-  background-color: var(--color-surface-purple-pressed);
-}
-
-@utility surface-purple-disabled {
-  background-color: var(--color-surface-purple-disabled);
-}
-
-/* Inverted surfaces */
-@utility surface-inverted-default {
-  background-color: var(--color-surface-inverted-default);
-}
-
-@utility surface-inverted-hover {
-  background-color: var(--color-surface-inverted-hover);
-}
-
-@utility surface-inverted-pressed {
-  background-color: var(--color-surface-inverted-pressed);
-}
-
-@utility surface-inverted-disabled {
-  background-color: var(--color-surface-inverted-disabled);
-}

package/dist/css/config/colors/text.css

@@ -1,160 +0,0 @@
-/*neutral*/
-
-@utility text-neutral-primary {
-  color: var(--color-text-neutral-primary);
-}
-
-@utility text-neutral-secondary {
-  color: var(--color-text-neutral-secondary);
-}
-
-@utility text-neutral-muted {
-  color: var(--color-text-neutral-muted);
-}
-
-/* Inverted */
-@utility text-inverted-primary {
-  color: var(--color-text-inverted-primary);
-}
-
-@utility text-inverted-secondary {
-  color: var(--color-text-inverted-secondary);
-}
-
-@utility text-inverted-static {
-  color: var(--color-text-inverted-static);
-}
-
-/*brand*/
-@utility text-brand-primary {
-  color: var(--color-text-brand-primary);
-}
-
-@utility text-brand-secondary {
-  color: var(--color-text-brand-secondary);
-}
-
-/*success*/
-@utility text-success-primary {
-  color: var(--color-text-success-primary);
-}
-
-@utility text-success-secondary {
-  color: var(--color-text-success-secondary);
-}
-
-/*danger*/
-@utility text-danger-primary {
-  color: var(--color-text-danger-primary);
-}
-
-@utility text-danger-secondary {
-  color: var(--color-text-danger-secondary);
-}
-/*warning*/
-@utility text-warning-primary {
-  color: var(--color-text-warning-primary);
-}
-
-@utility text-warning-secondary {
-  color: var(--color-text-warning-secondary);
-}
-
-/*purple*/
-@utility text-purple-primary {
-  color: var(--color-text-purple-primary);
-}
-
-@utility text-purple-secondary {
-  color: var(--color-text-purple-secondary);
-}
-
-/*body*/
-@utility text-body-primary {
-  color: var(--color-text-body-primary);
-}
-
-@utility text-body-long {
-  color: var(--color-text-body-long);
-}
-
-@utility text-body-short {
-  color: var(--color-text-body-short);
-}
-
-/*pre-exisitng-colors*/
-/* title */
-@utility text-title {
-  color: var(--color-text-neutral-primary);
-}
-
-@utility text-title-secondary {
-  color: var(--color-text-neutral-muted);
-}
-/* link */
-@utility text-link {
-  color: var(--color-text-brand-secondary);
-}
-
-@utility text-link-secondary {
-  color: var(--color-text-neutral-secondary);
-}
-
-/* subtitle */
-@utility text-subtitle {
-  color: var(--color-text-neutral-primary);
-}
-
-@utility text-subtitle-success {
-  color: var(--color-text-success-secondary);
-}
-
-@utility text-subtitle-danger {
-  color: var(--color-text-danger-secondary);
-}
-
-@utility text-subtitle-secondary {
-  color: var(--color-text-neutral-secondary);
-}
-
-@utility text-subtitle-disabled {
-  color: var(--color-text-neutral-muted);
-}
-
-/* body */
-@utility text-body {
-  color: var(--color-text-body-primary);
-}
-
-/* underline */
-@utility text-underline-highlight {
-  color: var(--color-text-warning-secondary);
-}
-
-@utility text-underline-subtle {
-  color: var(--color-text-neutral-muted);
-}
-
-@utility text-default-muted {
-  color: var(--color-text-neutral-muted);
-}
-
-@utility text-default-primary {
-  color: var(--color-text-neutral-primary);
-}
-
-@utility text-default-secondary {
-  color: var(--color-text-neutral-secondary);
-}
-
-@utility text-default-warning {
-  color: var(--color-text-warning-secondary);
-}
-
-@utility text-default-brand {
-  color: var(--color-text-brand-secondary);
-}
-
-@utility text-default-success {
-  color: var(--color-text-success-secondary);
-}

package/dist/css/config/config-deprecated.css

@@ -1,39 +0,0 @@
-/* Colors */
-/* @import './colors/defaults.css'; */
-@import './colors/backgrounds.css';
-@import './colors/surfaces.css';
-@import './colors/stroke.css';
-@import './colors/overlay.css';
-@import './colors/icons.css';
-@import './colors/text.css';
-@import './typography/index.css';
-
-/* TODO Drop Shadow */
-
-/* Components Colors */
-/* @import './colors/components/button.css'; */
-@import './colors/components/tab.css';
-
-@theme {
-  --font-family-sans: 'Inter Variable', sans-serif;
-  --font-family-display: 'Inter Variable', sans-serif;
-}
-
-/* Base styles to ensure Inter is applied globally */
-@layer base {
-  html {
-    font-family: var(--font-family-sans);
-  }
-
-  body {
-    font-family: var(--font-family-sans);
-    -webkit-font-smoothing: antialiased;
-    /* Safari and Chrome  on macOS */
-    -moz-osx-font-smoothing: grayscale;
-    /* Firefox on macOS */
-  }
-
-  * {
-    font-family: inherit;
-  }
-}