react-native-terra-ui 0.1.1 → 0.2.0

package/lib/typescript/src/theme/tokens/dark.d.ts

@@ -7,6 +7,7 @@
  */
 export declare const dark: {
     'color.background': string;
+    'color.shadow': string;
     'color.surface.default': string;
     'color.surface.raised': string;
     'color.surface.sunken': string;
@@ -32,69 +33,45 @@ export declare const dark: {
     'color.action.bg.primary.active': string;
     'color.action.bg.primary.disabled': string;
     'color.action.fg.primary': string;
-    'color.action.bg.subtle': string;
-    'color.action.bg.subtle.hover': string;
-    'color.action.bg.subtle.active': string;
-    'color.action.bg.subtle.disabled': string;
-    'color.action.fg.subtle': string;
-    'color.action.bg.neutral': string;
-    'color.action.bg.neutral.hover': string;
-    'color.action.bg.neutral.active': string;
-    'color.action.bg.neutral.disabled': string;
-    'color.action.fg.neutral': string;
-    'color.status.bg.success': string;
-    'color.status.bg.success.subtle': string;
-    'color.status.border.success': string;
-    'color.status.border.success.subtle': string;
-    'color.status.fg.success': string;
-    'color.status.fg.success.subtle': string;
-    'color.status.bg.warning': string;
-    'color.status.bg.warning.subtle': string;
-    'color.status.border.warning': string;
-    'color.status.border.warning.subtle': string;
-    'color.status.fg.warning': string;
-    'color.status.fg.warning.subtle': string;
-    'color.status.bg.danger': string;
-    'color.status.bg.danger.subtle': string;
-    'color.status.border.danger': string;
-    'color.status.border.danger.subtle': string;
-    'color.status.fg.danger': string;
-    'color.status.fg.danger.subtle': string;
-    'color.status.bg.info': string;
-    'color.status.bg.info.subtle': string;
-    'color.status.border.info': string;
-    'color.status.border.info.subtle': string;
-    'color.status.fg.info': string;
-    'color.status.fg.info.subtle': string;
-    'elevation.none.shadowColor': string;
-    'elevation.none.shadowOpacity': number;
-    'elevation.none.shadowRadius': number;
-    'elevation.none.shadowOffset.width': number;
-    'elevation.none.shadowOffset.height': number;
-    'elevation.none.elevation': number;
-    'elevation.sm.shadowColor': string;
-    'elevation.sm.shadowOpacity': number;
-    'elevation.sm.shadowRadius': number;
-    'elevation.sm.shadowOffset.width': number;
-    'elevation.sm.shadowOffset.height': number;
-    'elevation.sm.elevation': number;
-    'elevation.md.shadowColor': string;
-    'elevation.md.shadowOpacity': number;
-    'elevation.md.shadowRadius': number;
-    'elevation.md.shadowOffset.width': number;
-    'elevation.md.shadowOffset.height': number;
-    'elevation.md.elevation': number;
-    'elevation.lg.shadowColor': string;
-    'elevation.lg.shadowOpacity': number;
-    'elevation.lg.shadowRadius': number;
-    'elevation.lg.shadowOffset.width': number;
-    'elevation.lg.shadowOffset.height': number;
-    'elevation.lg.elevation': number;
-    'elevation.xl.shadowColor': string;
-    'elevation.xl.shadowOpacity': number;
-    'elevation.xl.shadowRadius': number;
-    'elevation.xl.shadowOffset.width': number;
-    'elevation.xl.shadowOffset.height': number;
-    'elevation.xl.elevation': number;
+    'color.action.bg.primary.subtle': string;
+    'color.action.bg.primary.subtle.hover': string;
+    'color.action.bg.primary.subtle.active': string;
+    'color.action.bg.primary.subtle.disabled': string;
+    'color.action.fg.primary.subtle': string;
+    'color.action.bg.secondary': string;
+    'color.action.fg.secondary': string;
+    'color.action.bg.secondary.subtle': string;
+    'color.action.bg.secondary.subtle.hover': string;
+    'color.action.bg.secondary.subtle.active': string;
+    'color.action.bg.secondary.subtle.disabled': string;
+    'color.action.fg.secondary.subtle': string;
+    'color.status.success': string;
+    'color.status.success.bg': string;
+    'color.status.success.bg.subtle': string;
+    'color.status.success.border': string;
+    'color.status.success.border.subtle': string;
+    'color.status.success.fg': string;
+    'color.status.success.fg.subtle': string;
+    'color.status.warning': string;
+    'color.status.warning.bg': string;
+    'color.status.warning.bg.subtle': string;
+    'color.status.warning.border': string;
+    'color.status.warning.border.subtle': string;
+    'color.status.warning.fg': string;
+    'color.status.warning.fg.subtle': string;
+    'color.status.danger': string;
+    'color.status.danger.bg': string;
+    'color.status.danger.bg.subtle': string;
+    'color.status.danger.border': string;
+    'color.status.danger.border.subtle': string;
+    'color.status.danger.fg': string;
+    'color.status.danger.fg.subtle': string;
+    'color.status.info': string;
+    'color.status.info.bg': string;
+    'color.status.info.bg.subtle': string;
+    'color.status.info.border': string;
+    'color.status.info.border.subtle': string;
+    'color.status.info.fg': string;
+    'color.status.info.fg.subtle': string;
 };
 //# sourceMappingURL=dark.d.ts.map

package/lib/typescript/src/theme/tokens/dark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../../../../src/theme/tokens/dark.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GhB,CAAC"}
+{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../../../../src/theme/tokens/dark.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoGhB,CAAC"}

package/lib/typescript/src/theme/tokens/light.d.ts

@@ -6,13 +6,16 @@
  *   - property is required when a context carries multiple attributes (action, status)
  *
  * Values use {palette.key} reference notation, resolved against primitives at
- * build time via resolveRefs() in theme.ts. Raw hex is used only where no
+ * build time via resolveRefs() in theme.ts. {palette.key}/NN resolves the
+ * referenced #rrggbb hex with an NN% opacity byte appended (e.g.
+ * {palette.amber.500}/15 -> '#fe9a0026'). Raw hex is used only where no
  * palette step matches exactly.
  *
  * GENERATED-STYLE SOURCE: intended to be replaced by the Figma / design-sync export.
  */
 export declare const light: {
     'color.background': string;
+    'color.shadow': string;
     'color.surface.default': string;
     'color.surface.raised': string;
     'color.surface.sunken': string;
@@ -38,69 +41,45 @@ export declare const light: {
     'color.action.bg.primary.active': string;
     'color.action.bg.primary.disabled': string;
     'color.action.fg.primary': string;
-    'color.action.bg.subtle': string;
-    'color.action.bg.subtle.hover': string;
-    'color.action.bg.subtle.active': string;
-    'color.action.bg.subtle.disabled': string;
-    'color.action.fg.subtle': string;
-    'color.action.bg.neutral': string;
-    'color.action.bg.neutral.hover': string;
-    'color.action.bg.neutral.active': string;
-    'color.action.bg.neutral.disabled': string;
-    'color.action.fg.neutral': string;
-    'color.status.bg.success': string;
-    'color.status.bg.success.subtle': string;
-    'color.status.border.success': string;
-    'color.status.border.success.subtle': string;
-    'color.status.fg.success': string;
-    'color.status.fg.success.subtle': string;
-    'color.status.bg.warning': string;
-    'color.status.bg.warning.subtle': string;
-    'color.status.border.warning': string;
-    'color.status.border.warning.subtle': string;
-    'color.status.fg.warning': string;
-    'color.status.fg.warning.subtle': string;
-    'color.status.bg.danger': string;
-    'color.status.bg.danger.subtle': string;
-    'color.status.border.danger': string;
-    'color.status.border.danger.subtle': string;
-    'color.status.fg.danger': string;
-    'color.status.fg.danger.subtle': string;
-    'color.status.bg.info': string;
-    'color.status.bg.info.subtle': string;
-    'color.status.border.info': string;
-    'color.status.border.info.subtle': string;
-    'color.status.fg.info': string;
-    'color.status.fg.info.subtle': string;
-    'elevation.none.shadowColor': string;
-    'elevation.none.shadowOpacity': number;
-    'elevation.none.shadowRadius': number;
-    'elevation.none.shadowOffset.width': number;
-    'elevation.none.shadowOffset.height': number;
-    'elevation.none.elevation': number;
-    'elevation.sm.shadowColor': string;
-    'elevation.sm.shadowOpacity': number;
-    'elevation.sm.shadowRadius': number;
-    'elevation.sm.shadowOffset.width': number;
-    'elevation.sm.shadowOffset.height': number;
-    'elevation.sm.elevation': number;
-    'elevation.md.shadowColor': string;
-    'elevation.md.shadowOpacity': number;
-    'elevation.md.shadowRadius': number;
-    'elevation.md.shadowOffset.width': number;
-    'elevation.md.shadowOffset.height': number;
-    'elevation.md.elevation': number;
-    'elevation.lg.shadowColor': string;
-    'elevation.lg.shadowOpacity': number;
-    'elevation.lg.shadowRadius': number;
-    'elevation.lg.shadowOffset.width': number;
-    'elevation.lg.shadowOffset.height': number;
-    'elevation.lg.elevation': number;
-    'elevation.xl.shadowColor': string;
-    'elevation.xl.shadowOpacity': number;
-    'elevation.xl.shadowRadius': number;
-    'elevation.xl.shadowOffset.width': number;
-    'elevation.xl.shadowOffset.height': number;
-    'elevation.xl.elevation': number;
+    'color.action.bg.primary.subtle': string;
+    'color.action.bg.primary.subtle.hover': string;
+    'color.action.bg.primary.subtle.active': string;
+    'color.action.bg.primary.subtle.disabled': string;
+    'color.action.fg.primary.subtle': string;
+    'color.action.bg.secondary': string;
+    'color.action.fg.secondary': string;
+    'color.action.bg.secondary.subtle': string;
+    'color.action.bg.secondary.subtle.hover': string;
+    'color.action.bg.secondary.subtle.active': string;
+    'color.action.bg.secondary.subtle.disabled': string;
+    'color.action.fg.secondary.subtle': string;
+    'color.status.success': string;
+    'color.status.success.bg': string;
+    'color.status.success.bg.subtle': string;
+    'color.status.success.border': string;
+    'color.status.success.border.subtle': string;
+    'color.status.success.fg': string;
+    'color.status.success.fg.subtle': string;
+    'color.status.warning': string;
+    'color.status.warning.bg': string;
+    'color.status.warning.bg.subtle': string;
+    'color.status.warning.border': string;
+    'color.status.warning.border.subtle': string;
+    'color.status.warning.fg': string;
+    'color.status.warning.fg.subtle': string;
+    'color.status.danger': string;
+    'color.status.danger.bg': string;
+    'color.status.danger.bg.subtle': string;
+    'color.status.danger.border': string;
+    'color.status.danger.border.subtle': string;
+    'color.status.danger.fg': string;
+    'color.status.danger.fg.subtle': string;
+    'color.status.info': string;
+    'color.status.info.bg': string;
+    'color.status.info.bg.subtle': string;
+    'color.status.info.border': string;
+    'color.status.info.border.subtle': string;
+    'color.status.info.fg': string;
+    'color.status.info.fg.subtle': string;
 };
 //# sourceMappingURL=light.d.ts.map

package/lib/typescript/src/theme/tokens/light.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../../../../src/theme/tokens/light.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GjB,CAAC"}
+{"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../../../../src/theme/tokens/light.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyFjB,CAAC"}

package/lib/typescript/src/theme/tokens/primitives.d.ts

@@ -9,6 +9,10 @@
  * `palette.*` is kept for Figma parity / authoring reference; the runtime theme
  * consumes already-resolved semantic colors (see `light.ts` / `dark.ts`) and
  * does not read the palette directly.
+ *
+ * Ramps are Tailwind CSS v4's default palette (https://tailwindcss.com/docs/colors),
+ * hex-converted from Tailwind's canonical OKLCH definitions (not the older v3
+ * hex palette, which uses different, less vivid values for the same names).
  */
 export declare const primitives: {
     'palette.slate.50': string;
@@ -101,23 +105,230 @@ export declare const primitives: {
     'palette.neutral.800': string;
     'palette.neutral.900': string;
     'palette.neutral.950': string;
-    'spacing.0': number;
-    'spacing.1': number;
-    'spacing.2': number;
-    'spacing.3': number;
-    'spacing.4': number;
-    'spacing.5': number;
-    'spacing.6': number;
-    'spacing.7': number;
-    'spacing.8': number;
-    'spacing.9': number;
-    'spacing.10': number;
-    'spacing.12': number;
-    'spacing.14': number;
-    'spacing.16': number;
-    'spacing.20': number;
-    'spacing.24': number;
-    'spacing.32': number;
+    'palette.gray.50': string;
+    'palette.gray.100': string;
+    'palette.gray.200': string;
+    'palette.gray.300': string;
+    'palette.gray.400': string;
+    'palette.gray.500': string;
+    'palette.gray.600': string;
+    'palette.gray.700': string;
+    'palette.gray.800': string;
+    'palette.gray.900': string;
+    'palette.gray.950': string;
+    'palette.zinc.50': string;
+    'palette.zinc.100': string;
+    'palette.zinc.200': string;
+    'palette.zinc.300': string;
+    'palette.zinc.400': string;
+    'palette.zinc.500': string;
+    'palette.zinc.600': string;
+    'palette.zinc.700': string;
+    'palette.zinc.800': string;
+    'palette.zinc.900': string;
+    'palette.zinc.950': string;
+    'palette.stone.50': string;
+    'palette.stone.100': string;
+    'palette.stone.200': string;
+    'palette.stone.300': string;
+    'palette.stone.400': string;
+    'palette.stone.500': string;
+    'palette.stone.600': string;
+    'palette.stone.700': string;
+    'palette.stone.800': string;
+    'palette.stone.900': string;
+    'palette.stone.950': string;
+    'palette.mauve.50': string;
+    'palette.mauve.100': string;
+    'palette.mauve.200': string;
+    'palette.mauve.300': string;
+    'palette.mauve.400': string;
+    'palette.mauve.500': string;
+    'palette.mauve.600': string;
+    'palette.mauve.700': string;
+    'palette.mauve.800': string;
+    'palette.mauve.900': string;
+    'palette.mauve.950': string;
+    'palette.mist.50': string;
+    'palette.mist.100': string;
+    'palette.mist.200': string;
+    'palette.mist.300': string;
+    'palette.mist.400': string;
+    'palette.mist.500': string;
+    'palette.mist.600': string;
+    'palette.mist.700': string;
+    'palette.mist.800': string;
+    'palette.mist.900': string;
+    'palette.mist.950': string;
+    'palette.olive.50': string;
+    'palette.olive.100': string;
+    'palette.olive.200': string;
+    'palette.olive.300': string;
+    'palette.olive.400': string;
+    'palette.olive.500': string;
+    'palette.olive.600': string;
+    'palette.olive.700': string;
+    'palette.olive.800': string;
+    'palette.olive.900': string;
+    'palette.olive.950': string;
+    'palette.taupe.50': string;
+    'palette.taupe.100': string;
+    'palette.taupe.200': string;
+    'palette.taupe.300': string;
+    'palette.taupe.400': string;
+    'palette.taupe.500': string;
+    'palette.taupe.600': string;
+    'palette.taupe.700': string;
+    'palette.taupe.800': string;
+    'palette.taupe.900': string;
+    'palette.taupe.950': string;
+    'palette.orange.50': string;
+    'palette.orange.100': string;
+    'palette.orange.200': string;
+    'palette.orange.300': string;
+    'palette.orange.400': string;
+    'palette.orange.500': string;
+    'palette.orange.600': string;
+    'palette.orange.700': string;
+    'palette.orange.800': string;
+    'palette.orange.900': string;
+    'palette.orange.950': string;
+    'palette.yellow.50': string;
+    'palette.yellow.100': string;
+    'palette.yellow.200': string;
+    'palette.yellow.300': string;
+    'palette.yellow.400': string;
+    'palette.yellow.500': string;
+    'palette.yellow.600': string;
+    'palette.yellow.700': string;
+    'palette.yellow.800': string;
+    'palette.yellow.900': string;
+    'palette.yellow.950': string;
+    'palette.lime.50': string;
+    'palette.lime.100': string;
+    'palette.lime.200': string;
+    'palette.lime.300': string;
+    'palette.lime.400': string;
+    'palette.lime.500': string;
+    'palette.lime.600': string;
+    'palette.lime.700': string;
+    'palette.lime.800': string;
+    'palette.lime.900': string;
+    'palette.lime.950': string;
+    'palette.teal.50': string;
+    'palette.teal.100': string;
+    'palette.teal.200': string;
+    'palette.teal.300': string;
+    'palette.teal.400': string;
+    'palette.teal.500': string;
+    'palette.teal.600': string;
+    'palette.teal.700': string;
+    'palette.teal.800': string;
+    'palette.teal.900': string;
+    'palette.teal.950': string;
+    'palette.cyan.50': string;
+    'palette.cyan.100': string;
+    'palette.cyan.200': string;
+    'palette.cyan.300': string;
+    'palette.cyan.400': string;
+    'palette.cyan.500': string;
+    'palette.cyan.600': string;
+    'palette.cyan.700': string;
+    'palette.cyan.800': string;
+    'palette.cyan.900': string;
+    'palette.cyan.950': string;
+    'palette.indigo.50': string;
+    'palette.indigo.100': string;
+    'palette.indigo.200': string;
+    'palette.indigo.300': string;
+    'palette.indigo.400': string;
+    'palette.indigo.500': string;
+    'palette.indigo.600': string;
+    'palette.indigo.700': string;
+    'palette.indigo.800': string;
+    'palette.indigo.900': string;
+    'palette.indigo.950': string;
+    'palette.violet.50': string;
+    'palette.violet.100': string;
+    'palette.violet.200': string;
+    'palette.violet.300': string;
+    'palette.violet.400': string;
+    'palette.violet.500': string;
+    'palette.violet.600': string;
+    'palette.violet.700': string;
+    'palette.violet.800': string;
+    'palette.violet.900': string;
+    'palette.violet.950': string;
+    'palette.purple.50': string;
+    'palette.purple.100': string;
+    'palette.purple.200': string;
+    'palette.purple.300': string;
+    'palette.purple.400': string;
+    'palette.purple.500': string;
+    'palette.purple.600': string;
+    'palette.purple.700': string;
+    'palette.purple.800': string;
+    'palette.purple.900': string;
+    'palette.purple.950': string;
+    'palette.fuchsia.50': string;
+    'palette.fuchsia.100': string;
+    'palette.fuchsia.200': string;
+    'palette.fuchsia.300': string;
+    'palette.fuchsia.400': string;
+    'palette.fuchsia.500': string;
+    'palette.fuchsia.600': string;
+    'palette.fuchsia.700': string;
+    'palette.fuchsia.800': string;
+    'palette.fuchsia.900': string;
+    'palette.fuchsia.950': string;
+    'palette.pink.50': string;
+    'palette.pink.100': string;
+    'palette.pink.200': string;
+    'palette.pink.300': string;
+    'palette.pink.400': string;
+    'palette.pink.500': string;
+    'palette.pink.600': string;
+    'palette.pink.700': string;
+    'palette.pink.800': string;
+    'palette.pink.900': string;
+    'palette.pink.950': string;
+    'palette.rose.50': string;
+    'palette.rose.100': string;
+    'palette.rose.200': string;
+    'palette.rose.300': string;
+    'palette.rose.400': string;
+    'palette.rose.500': string;
+    'palette.rose.600': string;
+    'palette.rose.700': string;
+    'palette.rose.800': string;
+    'palette.rose.900': string;
+    'palette.rose.950': string;
+    'spacing.base': number;
+    'elevation.none.shadowOpacity': number;
+    'elevation.none.shadowRadius': number;
+    'elevation.none.shadowOffset.width': number;
+    'elevation.none.shadowOffset.height': number;
+    'elevation.none.elevation': number;
+    'elevation.sm.shadowOpacity': number;
+    'elevation.sm.shadowRadius': number;
+    'elevation.sm.shadowOffset.width': number;
+    'elevation.sm.shadowOffset.height': number;
+    'elevation.sm.elevation': number;
+    'elevation.md.shadowOpacity': number;
+    'elevation.md.shadowRadius': number;
+    'elevation.md.shadowOffset.width': number;
+    'elevation.md.shadowOffset.height': number;
+    'elevation.md.elevation': number;
+    'elevation.lg.shadowOpacity': number;
+    'elevation.lg.shadowRadius': number;
+    'elevation.lg.shadowOffset.width': number;
+    'elevation.lg.shadowOffset.height': number;
+    'elevation.lg.elevation': number;
+    'elevation.xl.shadowOpacity': number;
+    'elevation.xl.shadowRadius': number;
+    'elevation.xl.shadowOffset.width': number;
+    'elevation.xl.shadowOffset.height': number;
+    'elevation.xl.elevation': number;
     'radius.base': number;
     'typography.fonts.regular': string;
     'typography.fonts.medium': string;

package/lib/typescript/src/theme/tokens/primitives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../../../../src/theme/tokens/primitives.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2NtB,CAAC"}
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../../../../src/theme/tokens/primitives.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2btB,CAAC"}