@satellatickets/ui 0.0.0 → 0.1.0

package/dist/web/index.js

@@ -10,11 +10,11 @@ function cx(...parts) {
 //#endregion
 //#region src/badge/Badge.module.css
 var Badge_module_default = {
-	"danger": "sui-danger-ZzcBVG",
-	"info": "sui-info-ZzcBVG",
-	"root": "sui-root-ZzcBVG",
-	"success": "sui-success-ZzcBVG",
-	"warning": "sui-warning-ZzcBVG"
+	"danger": "sui-danger-iCOp0a",
+	"info": "sui-info-iCOp0a",
+	"root": "sui-root-iCOp0a",
+	"success": "sui-success-iCOp0a",
+	"warning": "sui-warning-iCOp0a"
 };
 //#endregion
 //#region src/badge/Badge.web.tsx
@@ -33,7 +33,7 @@ function Badge({ variant = "info", className, testID, children }) {
 }
 //#endregion
 //#region src/box/Box.module.css
-var Box_module_default = { "root": "sui-root-SDR9xW" };
+var Box_module_default = { "root": "sui-root-fYQz2a" };
 //#endregion
 //#region src/box/Box.web.tsx
 function Box({ as: Tag = "div", padding, paddingX, paddingY, background, radius, borderColor, shadow, flex, className, style, testID, children }) {
@@ -331,7 +331,7 @@ const icons = {
 };
 //#endregion
 //#region src/icon/Icon.module.css
-var Icon_module_default = { "root": "sui-root-NjYZ8q" };
+var Icon_module_default = { "root": "sui-root-JxbEOq" };
 //#endregion
 //#region src/icon/Icon.web.tsx
 function renderElement(element, index) {
@@ -381,9 +381,9 @@ function Icon({ name, size = "md", color = "primary", label, className, testID }
 //#endregion
 //#region src/spinner/Spinner.module.css
 var Spinner_module_default = {
-	"icon": "sui-icon-g-Gv2a",
-	"root": "sui-root-g-Gv2a",
-	"spin": "sui-spin-g-Gv2a"
+	"icon": "sui-icon-iFfE_q",
+	"root": "sui-root-iFfE_q",
+	"spin": "sui-spin-iFfE_q"
 };
 //#endregion
 //#region src/spinner/Spinner.web.tsx
@@ -411,19 +411,19 @@ function Spinner({ size = "md", color = "primary", label, className, testID }) {
 //#endregion
 //#region src/button/Button.module.css
 var Button_module_default = {
-	"content": "sui-content--HHqDW",
-	"danger": "sui-danger--HHqDW",
-	"fullWidth": "sui-fullWidth--HHqDW",
-	"ghost": "sui-ghost--HHqDW",
-	"label": "sui-label--HHqDW",
-	"lg": "sui-lg--HHqDW",
-	"loading": "sui-loading--HHqDW",
-	"md": "sui-md--HHqDW",
-	"primary": "sui-primary--HHqDW",
-	"root": "sui-root--HHqDW",
-	"secondary": "sui-secondary--HHqDW",
-	"sm": "sui-sm--HHqDW",
-	"spinner": "sui-spinner--HHqDW"
+	"content": "sui-content-FZ-IiW",
+	"danger": "sui-danger-FZ-IiW",
+	"fullWidth": "sui-fullWidth-FZ-IiW",
+	"ghost": "sui-ghost-FZ-IiW",
+	"label": "sui-label-FZ-IiW",
+	"lg": "sui-lg-FZ-IiW",
+	"loading": "sui-loading-FZ-IiW",
+	"md": "sui-md-FZ-IiW",
+	"primary": "sui-primary-FZ-IiW",
+	"root": "sui-root-FZ-IiW",
+	"secondary": "sui-secondary-FZ-IiW",
+	"sm": "sui-sm-FZ-IiW",
+	"spinner": "sui-spinner-FZ-IiW"
 };
 //#endregion
 //#region src/button/Button.web.tsx
@@ -485,19 +485,19 @@ function Button({ variant = "primary", size = "md", disabled = false, loading =
 //#endregion
 //#region src/stack/Stack.module.css
 var Stack_module_default = {
-	"alignCenter": "sui-alignCenter-xABqRa",
-	"alignEnd": "sui-alignEnd-xABqRa",
-	"alignStart": "sui-alignStart-xABqRa",
-	"alignStretch": "sui-alignStretch-xABqRa",
-	"column": "sui-column-xABqRa",
-	"justifyAround": "sui-justifyAround-xABqRa",
-	"justifyBetween": "sui-justifyBetween-xABqRa",
-	"justifyCenter": "sui-justifyCenter-xABqRa",
-	"justifyEnd": "sui-justifyEnd-xABqRa",
-	"justifyStart": "sui-justifyStart-xABqRa",
-	"row": "sui-row-xABqRa",
-	"stack": "sui-stack-xABqRa",
-	"wrap": "sui-wrap-xABqRa"
+	"alignCenter": "sui-alignCenter-oAyu1G",
+	"alignEnd": "sui-alignEnd-oAyu1G",
+	"alignStart": "sui-alignStart-oAyu1G",
+	"alignStretch": "sui-alignStretch-oAyu1G",
+	"column": "sui-column-oAyu1G",
+	"justifyAround": "sui-justifyAround-oAyu1G",
+	"justifyBetween": "sui-justifyBetween-oAyu1G",
+	"justifyCenter": "sui-justifyCenter-oAyu1G",
+	"justifyEnd": "sui-justifyEnd-oAyu1G",
+	"justifyStart": "sui-justifyStart-oAyu1G",
+	"row": "sui-row-oAyu1G",
+	"stack": "sui-stack-oAyu1G",
+	"wrap": "sui-wrap-oAyu1G"
 };
 //#endregion
 //#region src/stack/Stack.web.tsx
@@ -532,12 +532,12 @@ function Stack({ direction = "column", gap, align = "stretch", justify = "start"
 //#endregion
 //#region src/text/Text.module.css
 var Text_module_default = {
-	"center": "sui-center-b2Fw3a",
-	"left": "sui-left-b2Fw3a",
-	"right": "sui-right-b2Fw3a",
-	"root": "sui-root-b2Fw3a",
-	"truncate": "sui-truncate-b2Fw3a",
-	"uppercase": "sui-uppercase-b2Fw3a"
+	"center": "sui-center-ca3VdW",
+	"left": "sui-left-ca3VdW",
+	"right": "sui-right-ca3VdW",
+	"root": "sui-root-ca3VdW",
+	"truncate": "sui-truncate-ca3VdW",
+	"uppercase": "sui-uppercase-ca3VdW"
 };
 //#endregion
 //#region src/text/Text.web.tsx
@@ -581,7 +581,7 @@ function Text({ variant = "body", color = "primary", align, truncate = false, as
 }
 //#endregion
 //#region src/ui-provider/UIProvider.module.css
-var UIProvider_module_default = { "root": "sui-root-wZgHIa" };
+var UIProvider_module_default = { "root": "sui-root-QoB9YG" };
 //#endregion
 //#region src/ui-provider/UIProvider.web.tsx
 const DARK_QUERY = "(prefers-color-scheme: dark)";

package/dist/web/styles.css

@@ -1,4 +1,4 @@
-.sui-root-ZzcBVG {
+.sui-root-iCOp0a {
   box-sizing: border-box;
   padding: var(--space-1) var(--space-2);
   border: var(--border-width-thin) solid var(--badge-border);
@@ -13,30 +13,30 @@
   display: inline-flex;
 }
 
-.sui-success-ZzcBVG {
+.sui-success-iCOp0a {
   --badge-bg: var(--color-feedback-success-bg);
   --badge-border: var(--color-feedback-success-border);
   --badge-fg: var(--color-feedback-success-text);
 }
 
-.sui-warning-ZzcBVG {
+.sui-warning-iCOp0a {
   --badge-bg: var(--color-feedback-warning-bg);
   --badge-border: var(--color-feedback-warning-border);
   --badge-fg: var(--color-feedback-warning-text);
 }
 
-.sui-danger-ZzcBVG {
+.sui-danger-iCOp0a {
   --badge-bg: var(--color-feedback-danger-bg);
   --badge-border: var(--color-feedback-danger-border);
   --badge-fg: var(--color-feedback-danger-text);
 }
 
-.sui-info-ZzcBVG {
+.sui-info-iCOp0a {
   --badge-bg: var(--color-feedback-info-bg);
   --badge-border: var(--color-feedback-info-border);
   --badge-fg: var(--color-feedback-info-text);
 }
-.sui-root-SDR9xW {
+.sui-root-fYQz2a {
   --box-padding: initial;
   --box-padding-x: initial;
   --box-padding-y: initial;
@@ -57,27 +57,27 @@
   box-shadow: var(--box-shadow, none);
   flex: var(--box-flex, initial);
 }
-.sui-root-NjYZ8q {
+.sui-root-JxbEOq {
   vertical-align: middle;
   flex-shrink: 0;
   display: inline-block;
 }
-.sui-root-g-Gv2a {
+.sui-root-iFfE_q {
   vertical-align: middle;
   flex-shrink: 0;
   display: inline-flex;
 }
 
-.sui-icon-g-Gv2a {
-  animation: sui-spin-g-Gv2a calc(var(--duration-slow) * 2) linear infinite;
+.sui-icon-iFfE_q {
+  animation: sui-spin-iFfE_q calc(var(--duration-slow) * 2) linear infinite;
 }
 
-@keyframes sui-spin-g-Gv2a {
+@keyframes sui-spin-iFfE_q {
   to {
     transform: rotate(360deg);
   }
 }
-.sui-root--HHqDW {
+.sui-root-FZ-IiW {
   box-sizing: border-box;
   min-width: 0;
   min-height: var(--button-height);
@@ -104,7 +104,7 @@
   position: relative;
 }
 
-.sui-primary--HHqDW {
+.sui-primary-FZ-IiW {
   --button-bg: var(--color-action-primary);
   --button-bg-hover: var(--color-action-primary-hover);
   --button-bg-active: var(--color-action-primary-active);
@@ -113,7 +113,7 @@
   --button-border: transparent;
 }
 
-.sui-secondary--HHqDW {
+.sui-secondary-FZ-IiW {
   --button-bg: var(--color-action-secondary);
   --button-bg-hover: var(--color-action-secondary-hover);
   --button-bg-active: var(--color-action-secondary-active);
@@ -122,7 +122,7 @@
   --button-border: var(--color-border-default);
 }
 
-.sui-ghost--HHqDW {
+.sui-ghost-FZ-IiW {
   --button-bg: transparent;
   --button-bg-hover: var(--color-bg-subtle);
   --button-bg-active: var(--color-bg-muted);
@@ -131,7 +131,7 @@
   --button-border: transparent;
 }
 
-.sui-danger--HHqDW {
+.sui-danger-FZ-IiW {
   --button-bg: var(--color-action-danger);
   --button-bg-hover: var(--color-action-danger-hover);
   --button-bg-active: var(--color-action-danger-active);
@@ -140,7 +140,7 @@
   --button-border: transparent;
 }
 
-.sui-sm--HHqDW {
+.sui-sm-FZ-IiW {
   --button-height: var(--size-control-sm);
   --button-padding-x: var(--space-3);
   --button-padding-y: var(--space-1);
@@ -148,7 +148,7 @@
   --button-line-height: var(--font-line-height-sm);
 }
 
-.sui-md--HHqDW {
+.sui-md-FZ-IiW {
   --button-height: var(--size-control-md);
   --button-padding-x: var(--space-4);
   --button-padding-y: var(--space-2);
@@ -156,7 +156,7 @@
   --button-line-height: var(--font-line-height-sm);
 }
 
-.sui-lg--HHqDW {
+.sui-lg-FZ-IiW {
   --button-height: var(--size-control-lg);
   --button-padding-x: var(--space-5);
   --button-padding-y: var(--space-3);
@@ -164,42 +164,42 @@
   --button-line-height: var(--font-line-height-md);
 }
 
-.sui-fullWidth--HHqDW {
+.sui-fullWidth-FZ-IiW {
   width: 100%;
   display: flex;
 }
 
 @media (hover: hover) {
-  .sui-root--HHqDW:hover:not(:disabled, [aria-disabled="true"]) {
+  .sui-root-FZ-IiW:hover:not(:disabled, [aria-disabled="true"]) {
     background-color: var(--button-bg-hover);
   }
 }
 
-.sui-root--HHqDW:active:not(:disabled, [aria-disabled="true"]) {
+.sui-root-FZ-IiW:active:not(:disabled, [aria-disabled="true"]) {
   background-color: var(--button-bg-active);
 }
 
-.sui-root--HHqDW:focus-visible {
+.sui-root-FZ-IiW:focus-visible {
   outline: var(--border-width-thick) solid var(--color-border-focus);
   outline-offset: var(--border-width-thick);
 }
 
-.sui-root--HHqDW:disabled {
+.sui-root-FZ-IiW:disabled {
   --button-border: transparent;
   background-color: var(--button-bg-disabled);
   color: var(--color-text-disabled);
   cursor: not-allowed;
 }
 
-.sui-loading--HHqDW {
+.sui-loading-FZ-IiW {
   cursor: progress;
 }
 
-.sui-loading--HHqDW .sui-content--HHqDW {
+.sui-loading-FZ-IiW .sui-content-FZ-IiW {
   opacity: 0;
 }
 
-.sui-content--HHqDW {
+.sui-content-FZ-IiW {
   justify-content: center;
   align-items: center;
   gap: var(--space-2);
@@ -207,11 +207,11 @@
   display: inline-flex;
 }
 
-.sui-label--HHqDW {
+.sui-label-FZ-IiW {
   min-width: 0;
 }
 
-.sui-spinner--HHqDW {
+.sui-spinner-FZ-IiW {
   justify-content: center;
   align-items: center;
   display: flex;
@@ -219,63 +219,63 @@
   inset: 0;
 }
 
-.sui-root--HHqDW svg {
+.sui-root-FZ-IiW svg {
   stroke: currentColor;
 }
-.sui-stack-xABqRa {
+.sui-stack-oAyu1G {
   --stack-gap: initial;
   gap: var(--stack-gap, 0);
   display: flex;
 }
 
-.sui-column-xABqRa {
+.sui-column-oAyu1G {
   flex-direction: column;
 }
 
-.sui-row-xABqRa {
+.sui-row-oAyu1G {
   flex-direction: row;
 }
 
-.sui-alignStretch-xABqRa {
+.sui-alignStretch-oAyu1G {
   align-items: stretch;
 }
 
-.sui-alignStart-xABqRa {
+.sui-alignStart-oAyu1G {
   align-items: flex-start;
 }
 
-.sui-alignCenter-xABqRa {
+.sui-alignCenter-oAyu1G {
   align-items: center;
 }
 
-.sui-alignEnd-xABqRa {
+.sui-alignEnd-oAyu1G {
   align-items: flex-end;
 }
 
-.sui-justifyStart-xABqRa {
+.sui-justifyStart-oAyu1G {
   justify-content: flex-start;
 }
 
-.sui-justifyCenter-xABqRa {
+.sui-justifyCenter-oAyu1G {
   justify-content: center;
 }
 
-.sui-justifyEnd-xABqRa {
+.sui-justifyEnd-oAyu1G {
   justify-content: flex-end;
 }
 
-.sui-justifyBetween-xABqRa {
+.sui-justifyBetween-oAyu1G {
   justify-content: space-between;
 }
 
-.sui-justifyAround-xABqRa {
+.sui-justifyAround-oAyu1G {
   justify-content: space-around;
 }
 
-.sui-wrap-xABqRa {
+.sui-wrap-oAyu1G {
   flex-wrap: wrap;
 }
-.sui-root-b2Fw3a {
+.sui-root-ca3VdW {
   --text-letter-spacing: initial;
   font-family: var(--text-family);
   font-size: var(--text-size);
@@ -287,23 +287,23 @@
   margin: 0;
 }
 
-.sui-uppercase-b2Fw3a {
+.sui-uppercase-ca3VdW {
   text-transform: uppercase;
 }
 
-.sui-left-b2Fw3a {
+.sui-left-ca3VdW {
   text-align: left;
 }
 
-.sui-center-b2Fw3a {
+.sui-center-ca3VdW {
   text-align: center;
 }
 
-.sui-right-b2Fw3a {
+.sui-right-ca3VdW {
   text-align: right;
 }
 
-.sui-truncate-b2Fw3a {
+.sui-truncate-ca3VdW {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -544,7 +544,7 @@
   --color-feedback-warning-icon: #ffdf57;
   --shadow-glow: 0 0 28px 0 #f9791f52;
 }
-.sui-root-wZgHIa {
+.sui-root-QoB9YG {
   color: var(--color-text-primary);
   font-family: var(--font-family-sans);
   font-size: var(--font-size-md);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@satellatickets/ui",
-  "version": "0.0.0",
+  "version": "0.1.0",
   "description": "Componentes de satella-ui con una sola API para React (web) y React Native",
   "license": "MIT",
   "repository": {
@@ -54,8 +54,8 @@
     }
   },
   "dependencies": {
-    "@satellatickets/core": "0.0.0",
-    "@satellatickets/tokens": "0.0.0"
+    "@satellatickets/core": "0.1.0",
+    "@satellatickets/tokens": "0.1.0"
   },
   "devDependencies": {
     "@react-native/jest-preset": "0.86.3",