orn-ui 0.2.10 → 0.3.0

package/lib/module/atoms/PressableScale.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useRef","Animated","Pressable","jsx","_jsx","AnimatedPressable","createAnimatedComponent","PressableScale","scaleTo","style","children","onPressIn","onPressOut","disabled","props","scale","Value","current","animateTo","value","spring","toValue","useNativeDriver","speed","bounciness","start","handlePressIn","e","handlePressOut","transform","displayName"],"sourceRoot":"../../../src","sources":["atoms/PressableScale.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,MAAM,QAAQ,OAAO;AAC3C,SACEC,QAAQ,EACRC,SAAS,QAKJ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAStB,MAAMC,iBAAiB,GAAGJ,QAAQ,CAACK,uBAAuB,CAACJ,SAAS,CAAC;;AAErE;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,cAAc,gBAAGR,IAAI,CAChC,CAAC;EAAES,OAAO,GAAG,IAAI;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,UAAU;EAAEC,QAAQ;EAAE,GAAGC;AAA2B,CAAC,KAAK;EACvG,MAAMC,KAAK,GAAGf,MAAM,CAAC,IAAIC,QAAQ,CAACe,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEnD,MAAMC,SAAS,GAAIC,KAAa,IAAK;IACnClB,QAAQ,CAACmB,MAAM,CAACL,KAAK,EAAE;MACrBM,OAAO,EAAEF,KAAK;MACdG,eAAe,EAAE,IAAI;MACrBC,KAAK,EAAE,EAAE;MACTC,UAAU,EAAE;IACd,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAMC,aAAa,GAAIC,CAAwB,IAAK;IAClD,IAAI,CAACd,QAAQ,EAAEK,SAAS,CAACV,OAAO,CAAC;IACjCG,SAAS,GAAGgB,CAAC,CAAC;EAChB,CAAC;EAED,MAAMC,cAAc,GAAID,CAAwB,IAAK;IACnD,IAAI,CAACd,QAAQ,EAAEK,SAAS,CAAC,CAAC,CAAC;IAC3BN,UAAU,GAAGe,CAAC,CAAC;EACjB,CAAC;EAED,oBACEvB,IAAA,CAACC,iBAAiB;IAAA,GACZS,KAAK;IACTD,QAAQ,EAAEA,QAAS;IACnBF,SAAS,EAAEe,aAAc;IACzBd,UAAU,EAAEgB,cAAe;IAC3BnB,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEoB,SAAS,EAAE,CAAC;QAAEd;MAAM,CAAC;IAAE,CAAC,CAAE;IAAAL,QAAA,EAE1CA;EAAQ,CACQ,CAAC;AAExB,CACF,CAAC;AACDH,cAAc,CAACuB,WAAW,GAAG,gBAAgB","ignoreList":[]}
+{"version":3,"names":["React","memo","useRef","Animated","Pressable","useReduceMotion","jsx","_jsx","PRESS_SPRING","speed","bounciness","AnimatedPressable","createAnimatedComponent","PressableScale","scaleTo","style","children","onPressIn","onPressOut","disabled","accessibilityRole","accessibilityState","props","scale","Value","current","reduceMotion","animateTo","value","spring","toValue","useNativeDriver","start","handlePressIn","e","handlePressOut","transform","displayName"],"sourceRoot":"../../../src","sources":["atoms/PressableScale.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,MAAM,QAAQ,OAAO;AAC3C,SACEC,QAAQ,EACRC,SAAS,QAKJ,cAAc;AACrB,SAASC,eAAe,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU/C;AACA,MAAMC,YAAY,GAAG;EAAEC,KAAK,EAAE,EAAE;EAAEC,UAAU,EAAE;AAAE,CAAU;AAE1D,MAAMC,iBAAiB,GAAGR,QAAQ,CAACS,uBAAuB,CAACR,SAAS,CAAC;;AAErE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMS,cAAc,gBAAGZ,IAAI,CAChC,CAAC;EACCa,OAAO,GAAG,IAAI;EACdC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACTC,UAAU;EACVC,QAAQ;EACRC,iBAAiB,GAAG,QAAQ;EAC5BC,kBAAkB;EAClB,GAAGC;AACgB,CAAC,KAAK;EACzB,MAAMC,KAAK,GAAGrB,MAAM,CAAC,IAAIC,QAAQ,CAACqB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EACnD,MAAMC,YAAY,GAAGrB,eAAe,CAAC,CAAC;EAEtC,MAAMsB,SAAS,GAAIC,KAAa,IAAK;IACnC,IAAIF,YAAY,EAAE;IAClBvB,QAAQ,CAAC0B,MAAM,CAACN,KAAK,EAAE;MACrBO,OAAO,EAAEF,KAAK;MACdG,eAAe,EAAE,IAAI;MACrB,GAAGvB;IACL,CAAC,CAAC,CAACwB,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAMC,aAAa,GAAIC,CAAwB,IAAK;IAClD,IAAI,CAACf,QAAQ,EAAEQ,SAAS,CAACb,OAAO,CAAC;IACjCG,SAAS,GAAGiB,CAAC,CAAC;EAChB,CAAC;EAED,MAAMC,cAAc,GAAID,CAAwB,IAAK;IACnD,IAAI,CAACf,QAAQ,EAAEQ,SAAS,CAAC,CAAC,CAAC;IAC3BT,UAAU,GAAGgB,CAAC,CAAC;EACjB,CAAC;EAED,oBACE3B,IAAA,CAACI,iBAAiB;IAAA,GACZW,KAAK;IACTF,iBAAiB,EAAEA,iBAAkB;IACrCC,kBAAkB,EAAE;MAAE,GAAGA,kBAAkB;MAAEF,QAAQ,EAAE,CAAC,CAACA;IAAS,CAAE;IACpEA,QAAQ,EAAEA,QAAS;IACnBF,SAAS,EAAEgB,aAAc;IACzBf,UAAU,EAAEiB,cAAe;IAC3BpB,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEqB,SAAS,EAAE,CAAC;QAAEb;MAAM,CAAC;IAAE,CAAC,CAAE;IAAAP,QAAA,EAE1CA;EAAQ,CACQ,CAAC;AAExB,CACF,CAAC;AACDH,cAAc,CAACwB,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/lib/module/atoms/ShinyText.js

@@ -20,15 +20,15 @@ const useStyles = createStyles(theme => ({
     flexDirection: 'row',
     flexWrap: 'wrap'
   },
-  // Sólo top/left: un absoluteFill estiraría la letra al ancho del grupo y la
-  // volvería a alinear. Anclada a la esquina cae exactamente sobre la de abajo.
+  // Only top/left: an absoluteFill would stretch the letter to the group's width
+  // and realign it. Anchored to the corner it lands exactly on the one below.
   overlay: {
     position: 'absolute',
     top: 0,
     left: 0
   },
-  // Una palabra y los espacios que la siguen: el salto de línea ocurre entre
-  // grupos, nunca entre las letras de una palabra.
+  // A word and the spaces that follow it: line breaks happen between
+  // groups, never between the letters of a word.
   group: {
     flexDirection: 'row'
   }
@@ -39,7 +39,7 @@ const ALIGN = {
   right: 'flex-end'
 };
 
-/** Una palabra con los espacios que la siguen, y el índice de su primera letra. */
+/** A word with the spaces that follow it, and the index of its first letter. */
 
 function toGroups(text) {
   const chars = Array.from(text);
@@ -50,8 +50,8 @@ function toGroups(text) {
     if (current.length === 0) start = index;
     current.push(char);
     const next = chars[index + 1];
-    // Cierra el grupo cuando termina la racha de espacios que sigue a la
-    // palabra: así el espacio viaja con ella y no abre línea por sí solo.
+    // Closes the group when the run of spaces following the word ends:
+    // that way the space travels with it and never starts a line on its own.
     const isSpace = /\s/.test(char);
     if (isSpace && next !== undefined && !/\s/.test(next)) {
       groups.push({
@@ -70,23 +70,23 @@ function toGroups(text) {
 
 /**
  * ShinyText
- * Una banda de luz recorre el texto de izquierda a derecha. Sin
- * `background-clip: text` ni máscaras —que React Native no tiene en el rango
- * soportado— el brillo se compone letra por letra: cada una lleva su color de
- * reposo y encima, superpuesta, la misma letra en el color del brillo con la
- * opacidad animada. La banda es una ventana de interpolación que se desplaza:
- * lo que cambia por frame es sólo `opacity`, o sea que la animación entera
- * corre en el hilo nativo y JS no participa de ningún frame.
+ * A band of light sweeps across the text from left to right. Without
+ * `background-clip: text` or masks —which React Native lacks in the supported
+ * range— the shine is composed letter by letter: each one carries its resting
+ * color and, overlaid on top, the same letter in the shine color with animated
+ * opacity. The band is a moving interpolation window: the only thing that
+ * changes per frame is `opacity`, which means the whole animation runs on the
+ * native thread and JS takes part in no frame.
  *
- * Gestalt, destino común: las letras se encienden en secuencia y con el mismo
- * ritmo, así que se leen como una sola cosa que se mueve —una palabra
- * iluminándose— y no como N letras parpadeando por su cuenta. Por eso el ancho
- * de banda es relativo al texto y no una cantidad fija de píxeles: un título
- * largo y uno corto tardan lo mismo y se perciben igual.
+ * Gestalt, common fate: the letters light up in sequence and at the same
+ * rhythm, so they read as one moving thing —a word lighting up— and not as N
+ * letters blinking on their own. That is why the band width is relative to
+ * the text and not a fixed number of pixels: a long title and a short one take
+ * the same time and are perceived the same.
  *
- * Con "reducir movimiento" activo, o con `animated={false}`, el texto se
- * renderiza plano en `shineColor` —legible, un solo nodo y seleccionable—
- * porque el efecto es decorativo y nada de lo que comunica está en el brillo.
+ * With "reduce motion" on, or with `animated={false}`, the text renders flat
+ * in `shineColor` —legible, a single node and selectable— because the effect
+ * is decorative and nothing it communicates lives in the shine.
  */
 export const ShinyText = /*#__PURE__*/memo(({
   text,
@@ -106,9 +106,9 @@ export const ShinyText = /*#__PURE__*/memo(({
   const reduceMotion = useReduceMotion();
   const progress = useRef(new Animated.Value(0)).current;
   const base = color ?? theme.colors.textLight;
-  // El acento, no `text`: contra `textLight` la diferencia es sólo de
-  // luminancia y el barrido casi no se ve. El brillo cambia tono además de
-  // claridad, que es lo que hace legible el movimiento.
+  // The accent, not `text`: against `textLight` the difference is only in
+  // luminance and the sweep is barely visible. The shine changes hue as well
+  // as lightness, which is what makes the motion readable.
   const shine = shineColor ?? theme.colors.primary;
   const running = animated && !reduceMotion && text.length > 0;
   useEffect(() => {
@@ -135,9 +135,9 @@ export const ShinyText = /*#__PURE__*/memo(({
     });
   }
   const total = Array.from(text).length;
-  // La banda entra por la izquierda y sale por la derecha, así que el
-  // recorrido normalizado mide 1 + 2·spread. `half` es media banda en esa
-  // escala: el tramo de progreso que una letra tarda en encenderse.
+  // The band enters on the left and exits on the right, so the normalized
+  // path measures 1 + 2·spread. `half` is half a band on that scale: the
+  // stretch of progress a letter takes to light up.
   const half = spread / (1 + 2 * spread);
   return /*#__PURE__*/_jsx(View, {
     testID: testID,
@@ -152,7 +152,7 @@ export const ShinyText = /*#__PURE__*/memo(({
       children: group.chars.map((char, offset) => {
         const index = group.start + offset;
         const position = total === 1 ? 0.5 : index / (total - 1);
-        // Progreso en el que el centro de la banda cae sobre esta letra.
+        // Progress at which the center of the band falls on this letter.
         const peak = (position + spread) / (1 + 2 * spread);
         const charStyle = [styles.text, style];
         return /*#__PURE__*/_jsxs(View, {

package/lib/module/atoms/Skeleton.js

@@ -4,21 +4,33 @@ import React, { memo, useEffect, useRef } from 'react';
 import { Animated, Easing, View } from 'react-native';
 import { createStyles } from '../theme/createStyles';
 import { useTheme } from '../theme/UIProvider';
+import { useReduceMotion } from './Transition';
+
+/** Half a pulse cycle (opaque → faint). A loading loop, not a transition: it doesn't come from `duration`. */
 import { jsx as _jsx } from "react/jsx-runtime";
+const PULSE_HALF_MS = 700;
 const useStyles = createStyles(theme => ({
   block: {
     backgroundColor: theme.colors.skeleton
   },
-  lines: {
-    gap: theme.tokens.spacing.sm
+  // Each line takes exactly `lineHeight.md` (Body's): a `fontSize.md` bar
+  // plus half the leading above and below. That way the fake paragraph
+  // measures the same as the real one and nothing jumps when the content arrives.
+  textLine: {
+    marginVertical: (theme.tokens.lineHeight.md - theme.tokens.fontSize.md) / 2
   }
 }));
 
 /**
  * Skeleton
- * Placeholder que late mientras llega el contenido real. Reserva el espacio
- * exacto de lo que reemplaza, así la pantalla no salta cuando aparecen los
- * datos — que es justamente lo que un Spinner centrado no puede hacer.
+ * Placeholder that pulses while the real content arrives. It reserves the
+ * exact space of what it replaces, so the screen doesn't jump when the data
+ * shows up — which is precisely what a centered Spinner can't do.
+ *
+ * Gestalt, similarity: the silhouette repeats the shape and size of the
+ * content (a circle for avatars, Body-height lines for text), so the eye
+ * already groups the screen before the data arrives. Respects Reduce Motion:
+ * no pulse, a static block.
  */
 export const Skeleton = /*#__PURE__*/memo(({
   width = '100%',
@@ -33,32 +45,37 @@ export const Skeleton = /*#__PURE__*/memo(({
 }) => {
   const theme = useTheme();
   const styles = useStyles();
+  const reduceMotion = useReduceMotion();
+  const pulsing = animated && !reduceMotion;
   const pulse = useRef(new Animated.Value(0)).current;
   useEffect(() => {
-    if (!animated) return;
+    if (!pulsing) return;
     const loop = Animated.loop(Animated.sequence([Animated.timing(pulse, {
       toValue: 1,
-      duration: 700,
+      duration: PULSE_HALF_MS,
       useNativeDriver: true,
       easing: Easing.inOut(Easing.quad)
     }), Animated.timing(pulse, {
       toValue: 0,
-      duration: 700,
+      duration: PULSE_HALF_MS,
       useNativeDriver: true,
       easing: Easing.inOut(Easing.quad)
     })]));
     loop.start();
-    return () => loop.stop();
-  }, [animated, pulse]);
+    return () => {
+      loop.stop();
+      pulse.setValue(0);
+    };
+  }, [pulsing, pulse]);
   const isCircle = variant === 'circle';
   const isText = variant === 'text';
-  const opacity = animated ? pulse.interpolate({
+  const opacity = pulsing ? pulse.interpolate({
     inputRange: [0, 1],
     outputRange: [1, 0.4]
   }) : 1;
   const resolvedHeight = isCircle ? width : isText ? theme.tokens.fontSize.md : height;
   const resolvedRadius = radius ?? (isCircle ? theme.tokens.radius.full : isText ? theme.tokens.radius.xs : theme.tokens.radius.sm);
-  const barStyle = barWidth => [styles.block, {
+  const barStyle = barWidth => [styles.block, isText && styles.textLine, {
     width: barWidth,
     height: resolvedHeight,
     borderRadius: resolvedRadius,
@@ -70,7 +87,7 @@ export const Skeleton = /*#__PURE__*/memo(({
   };
   if (isText && lines > 1) {
     return /*#__PURE__*/_jsx(View, {
-      style: [styles.lines, style],
+      style: style,
       testID: testID,
       ...a11y,
       children: Array.from({

package/lib/module/atoms/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useEffect","useRef","Animated","Easing","View","createStyles","useTheme","jsx","_jsx","useStyles","theme","block","backgroundColor","colors","skeleton","lines","gap","tokens","spacing","sm","Skeleton","width","height","variant","radius","lastLineWidth","animated","style","testID","styles","pulse","Value","current","loop","sequence","timing","toValue","duration","useNativeDriver","easing","inOut","quad","start","stop","isCircle","isText","opacity","interpolate","inputRange","outputRange","resolvedHeight","fontSize","md","resolvedRadius","full","xs","barStyle","barWidth","borderRadius","a11y","accessibilityElementsHidden","importantForAccessibility","children","Array","from","length","_","i","displayName"],"sourceRoot":"../../../src","sources":["atoms/Skeleton.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","useEffect","useRef","Animated","Easing","View","createStyles","useTheme","useReduceMotion","jsx","_jsx","PULSE_HALF_MS","useStyles","theme","block","backgroundColor","colors","skeleton","textLine","marginVertical","tokens","lineHeight","md","fontSize","Skeleton","width","height","variant","radius","lines","lastLineWidth","animated","style","testID","styles","reduceMotion","pulsing","pulse","Value","current","loop","sequence","timing","toValue","duration","useNativeDriver","easing","inOut","quad","start","stop","setValue","isCircle","isText","opacity","interpolate","inputRange","outputRange","resolvedHeight","resolvedRadius","full","xs","sm","barStyle","barWidth","borderRadius","a11y","accessibilityElementsHidden","importantForAccessibility","children","Array","from","length","_","i","displayName"],"sourceRoot":"../../../src","sources":["atoms/Skeleton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/atoms/Spinner.js

@@ -3,8 +3,13 @@
 import React, { memo, useEffect, useRef } from 'react';
 import { ActivityIndicator, Animated, Easing, Text, View } from 'react-native';
 import { createStyles } from '../theme/createStyles';
-import { useAllowFontScaling, useColors } from '../theme/UIProvider';
+import { useAllowFontScaling, useColors, useLabels } from '../theme/UIProvider';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Rhythm of the looping indicators. They are not UI transitions (those use
+// theme.tokens.duration): they are the pulse of a continuous animation.
+const DOT_PULSE_MS = 320;
+const DOT_STAGGER_MS = 140;
+const RING_TURN_MS = 900;
 const useStyles = createStyles(theme => ({
   container: {
     justifyContent: 'center',
@@ -16,33 +21,36 @@ const useStyles = createStyles(theme => ({
     color: theme.colors.textLight,
     fontSize: theme.tokens.fontSize.md
   },
+  logo: {
+    marginBottom: theme.tokens.spacing.xl
+  },
   dots: {
     flexDirection: 'row',
     gap: theme.tokens.spacing.sm
   }
 }));
 
-/** Tres puntos que laten en secuencia. Animated + useNativeDriver: corre en el hilo nativo. */
+/** Three dots that pulse in sequence. Animated + useNativeDriver: runs on the native thread. */
 const DotsIndicator = /*#__PURE__*/memo(({
   color,
   dotSize
 }) => {
   const dots = [useRef(new Animated.Value(0)).current, useRef(new Animated.Value(0)).current, useRef(new Animated.Value(0)).current];
   useEffect(() => {
-    const animations = dots.map((dot, i) => Animated.loop(Animated.sequence([Animated.delay(i * 140), Animated.timing(dot, {
+    const animations = dots.map((dot, i) => Animated.loop(Animated.sequence([Animated.delay(i * DOT_STAGGER_MS), Animated.timing(dot, {
       toValue: 1,
-      duration: 320,
+      duration: DOT_PULSE_MS,
       useNativeDriver: true,
       easing: Easing.out(Easing.quad)
     }), Animated.timing(dot, {
       toValue: 0,
-      duration: 320,
+      duration: DOT_PULSE_MS,
       useNativeDriver: true,
       easing: Easing.in(Easing.quad)
-    }), Animated.delay((2 - i) * 140)])));
+    }), Animated.delay((2 - i) * DOT_STAGGER_MS)])));
     animations.forEach(a => a.start());
-    // Sin stop() los loops siguen corriendo tras desmontar y mantienen vivo
-    // el árbol de Animated.
+    // Without stop() the loops keep running after unmount and keep the
+    // Animated tree alive.
     return () => animations.forEach(a => a.stop());
   }, []);
   return /*#__PURE__*/_jsx(View, {
@@ -72,7 +80,12 @@ const DotsIndicator = /*#__PURE__*/memo(({
 });
 DotsIndicator.displayName = 'DotsIndicator';
 
-/** Anillo que gira: un borde con un solo lado coloreado. */
+/**
+ * Spinning ring: a faint fixed track and, on top, an arc (a single side of
+ * the border) that spins. The track uses `opacity` instead of appending alpha
+ * to the color (`color + '33'`), which only worked with 6-digit hex and broke
+ * with `rgb()` or color names.
+ */
 const RingIndicator = /*#__PURE__*/memo(({
   color,
   diameter
@@ -81,31 +94,64 @@ const RingIndicator = /*#__PURE__*/memo(({
   useEffect(() => {
     const animation = Animated.loop(Animated.timing(spin, {
       toValue: 1,
-      duration: 900,
+      duration: RING_TURN_MS,
       useNativeDriver: true,
       easing: Easing.linear
     }));
     animation.start();
     return () => animation.stop();
   }, []);
-  return /*#__PURE__*/_jsx(Animated.View, {
+  const ring = {
+    width: diameter,
+    height: diameter,
+    borderRadius: diameter / 2,
+    borderWidth: Math.max(2, diameter / 10)
+  };
+  return /*#__PURE__*/_jsxs(View, {
     style: {
       width: diameter,
-      height: diameter,
-      borderRadius: diameter / 2,
-      borderWidth: Math.max(2, diameter / 10),
-      borderColor: color + '33',
-      borderTopColor: color,
-      transform: [{
-        rotate: spin.interpolate({
-          inputRange: [0, 1],
-          outputRange: ['0deg', '360deg']
-        })
+      height: diameter
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [ring, {
+        position: 'absolute',
+        borderColor: color,
+        opacity: 0.2
       }]
-    }
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      style: [ring, {
+        borderColor: 'transparent',
+        borderTopColor: color,
+        transform: [{
+          rotate: spin.interpolate({
+            inputRange: [0, 1],
+            outputRange: ['0deg', '360deg']
+          })
+        }]
+      }]
+    })]
   });
 });
 RingIndicator.displayName = 'RingIndicator';
+
+/**
+ * Spinner
+ * Indeterminate loading indicator, with optional text below.
+ *
+ * Gestalt:
+ * - Common fate: the three `dots` pulse in sequence, at the same rhythm, and
+ *   read as a single indicator moving forward.
+ * - Proximity: the text sits `spacing.md` from the indicator, so it reads as
+ *   its explanation and not as loose text on the screen. The `logo` sits
+ *   further away (`spacing.xl`): it is the screen's brand, not part of the indicator.
+ * - Focal point: with `logo`, the logo is the first thing seen and the
+ *   indicator stays as a secondary signal that the app is loading.
+ *
+ * Accessibility: it is announced as a busy `progressbar`, with `text` (or
+ * `labels.loading`) as its name. The animation doesn't stop with Reduce
+ * Motion: it is the signal that something is happening, like the system's
+ * ActivityIndicator.
+ */
 export const Spinner = /*#__PURE__*/memo(({
   size = 'large',
   color,
@@ -113,9 +159,12 @@ export const Spinner = /*#__PURE__*/memo(({
   fullscreen = true,
   variant = 'native',
   indicator,
+  logo,
+  accessibilityLabel,
   testID
 }) => {
   const colors = useColors();
+  const labels = useLabels();
   const styles = useStyles();
   const allowFontScaling = useAllowFontScaling();
   const resolvedColor = color || colors.primary;
@@ -140,7 +189,17 @@ export const Spinner = /*#__PURE__*/memo(({
       flex: 1
     }],
     testID: testID,
-    children: [renderIndicator(), text && /*#__PURE__*/_jsx(Text, {
+    accessible: true,
+    accessibilityRole: "progressbar",
+    accessibilityLabel: accessibilityLabel ?? (text || labels.loading),
+    accessibilityState: {
+      busy: true
+    },
+    accessibilityLiveRegion: "polite",
+    children: [logo != null && /*#__PURE__*/_jsx(View, {
+      style: styles.logo,
+      children: logo
+    }), renderIndicator(), !!text && /*#__PURE__*/_jsx(Text, {
       allowFontScaling: allowFontScaling,
       style: styles.text,
       children: text

package/lib/module/atoms/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useEffect","useRef","ActivityIndicator","Animated","Easing","Text","View","createStyles","useAllowFontScaling","useColors","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","justifyContent","alignItems","padding","tokens","spacing","xl","text","marginTop","md","color","colors","textLight","fontSize","dots","flexDirection","gap","sm","DotsIndicator","dotSize","Value","current","animations","map","dot","i","loop","sequence","delay","timing","toValue","duration","useNativeDriver","easing","out","quad","in","forEach","a","start","stop","style","children","width","height","borderRadius","backgroundColor","opacity","interpolate","inputRange","outputRange","transform","scale","displayName","RingIndicator","diameter","spin","animation","linear","borderWidth","Math","max","borderColor","borderTopColor","rotate","Spinner","size","fullscreen","variant","indicator","testID","styles","allowFontScaling","resolvedColor","primary","renderIndicator","flex"],"sourceRoot":"../../../src","sources":["atoms/Spinner.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACtD,SAASC,iBAAiB,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAC9E,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,mBAAmB,EAAEC,SAAS,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAqBrE,MAAMC,SAAS,GAAGP,YAAY,CAAEQ,KAAK,KAAM;EACzCC,SAAS,EAAE;IAAEC,cAAc,EAAE,QAAQ;IAAEC,UAAU,EAAE,QAAQ;IAAEC,OAAO,EAAEJ,KAAK,CAACK,MAAM,CAACC,OAAO,CAACC;EAAG,CAAC;EAC/FC,IAAI,EAAE;IAAEC,SAAS,EAAET,KAAK,CAACK,MAAM,CAACC,OAAO,CAACI,EAAE;IAAEC,KAAK,EAAEX,KAAK,CAACY,MAAM,CAACC,SAAS;IAAEC,QAAQ,EAAEd,KAAK,CAACK,MAAM,CAACS,QAAQ,CAACJ;EAAG,CAAC;EAC/GK,IAAI,EAAE;IAAEC,aAAa,EAAE,KAAK;IAAEC,GAAG,EAAEjB,KAAK,CAACK,MAAM,CAACC,OAAO,CAACY;EAAG;AAC7D,CAAC,CAAC,CAAC;;AAEH;AACA,MAAMC,aAAa,gBAAGnC,IAAI,CAAC,CAAC;EAAE2B,KAAK;EAAES;AAA4C,CAAC,KAAK;EACrF,MAAML,IAAI,GAAG,CAAC7B,MAAM,CAAC,IAAIE,QAAQ,CAACiC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO,EAAEpC,MAAM,CAAC,IAAIE,QAAQ,CAACiC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO,EAAEpC,MAAM,CAAC,IAAIE,QAAQ,CAACiC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO,CAAC;EAElIrC,SAAS,CAAC,MAAM;IACd,MAAMsC,UAAU,GAAGR,IAAI,CAACS,GAAG,CAAC,CAACC,GAAG,EAAEC,CAAC,KACjCtC,QAAQ,CAACuC,IAAI,CACXvC,QAAQ,CAACwC,QAAQ,CAAC,CAChBxC,QAAQ,CAACyC,KAAK,CAACH,CAAC,GAAG,GAAG,CAAC,EACvBtC,QAAQ,CAAC0C,MAAM,CAACL,GAAG,EAAE;MAAEM,OAAO,EAAE,CAAC;MAAEC,QAAQ,EAAE,GAAG;MAAEC,eAAe,EAAE,IAAI;MAAEC,MAAM,EAAE7C,MAAM,CAAC8C,GAAG,CAAC9C,MAAM,CAAC+C,IAAI;IAAE,CAAC,CAAC,EAC3GhD,QAAQ,CAAC0C,MAAM,CAACL,GAAG,EAAE;MAAEM,OAAO,EAAE,CAAC;MAAEC,QAAQ,EAAE,GAAG;MAAEC,eAAe,EAAE,IAAI;MAAEC,MAAM,EAAE7C,MAAM,CAACgD,EAAE,CAAChD,MAAM,CAAC+C,IAAI;IAAE,CAAC,CAAC,EAC1GhD,QAAQ,CAACyC,KAAK,CAAC,CAAC,CAAC,GAAGH,CAAC,IAAI,GAAG,CAAC,CAC9B,CACH,CACF,CAAC;IACDH,UAAU,CAACe,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC;IACpC;IACA;IACA,OAAO,MAAMjB,UAAU,CAACe,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAACE,IAAI,CAAC,CAAC,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE7C,IAAA,CAACL,IAAI;IAACmD,KAAK,EAAE;MAAE1B,aAAa,EAAE,KAAK;MAAEC,GAAG,EAAEG,OAAO,GAAG;IAAI,CAAE;IAAAuB,QAAA,EACvD5B,IAAI,CAACS,GAAG,CAAC,CAACC,GAAG,EAAEC,CAAC,kBACf9B,IAAA,CAACR,QAAQ,CAACG,IAAI;MAEZmD,KAAK,EAAE;QACLE,KAAK,EAAExB,OAAO;QACdyB,MAAM,EAAEzB,OAAO;QACf0B,YAAY,EAAE1B,OAAO,GAAG,CAAC;QACzB2B,eAAe,EAAEpC,KAAK;QACtBqC,OAAO,EAAEvB,GAAG,CAACwB,WAAW,CAAC;UAAEC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;UAAEC,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC;QAAE,CAAC,CAAC;QACvEC,SAAS,EAAE,CAAC;UAAEC,KAAK,EAAE5B,GAAG,CAACwB,WAAW,CAAC;YAAEC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAAEC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;UAAE,CAAC;QAAE,CAAC;MACxF;IAAE,GARGzB,CASN,CACF;EAAC,CACE,CAAC;AAEX,CAAC,CAAC;AACFP,aAAa,CAACmC,WAAW,GAAG,eAAe;;AAE3C;AACA,MAAMC,aAAa,gBAAGvE,IAAI,CAAC,CAAC;EAAE2B,KAAK;EAAE6C;AAA8C,CAAC,KAAK;EACvF,MAAMC,IAAI,GAAGvE,MAAM,CAAC,IAAIE,QAAQ,CAACiC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAElDrC,SAAS,CAAC,MAAM;IACd,MAAMyE,SAAS,GAAGtE,QAAQ,CAACuC,IAAI,CAC7BvC,QAAQ,CAAC0C,MAAM,CAAC2B,IAAI,EAAE;MAAE1B,OAAO,EAAE,CAAC;MAAEC,QAAQ,EAAE,GAAG;MAAEC,eAAe,EAAE,IAAI;MAAEC,MAAM,EAAE7C,MAAM,CAACsE;IAAO,CAAC,CACnG,CAAC;IACDD,SAAS,CAAClB,KAAK,CAAC,CAAC;IACjB,OAAO,MAAMkB,SAAS,CAACjB,IAAI,CAAC,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE7C,IAAA,CAACR,QAAQ,CAACG,IAAI;IACZmD,KAAK,EAAE;MACLE,KAAK,EAAEY,QAAQ;MACfX,MAAM,EAAEW,QAAQ;MAChBV,YAAY,EAAEU,QAAQ,GAAG,CAAC;MAC1BI,WAAW,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEN,QAAQ,GAAG,EAAE,CAAC;MACvCO,WAAW,EAAEpD,KAAK,GAAG,IAAI;MACzBqD,cAAc,EAAErD,KAAK;MACrByC,SAAS,EAAE,CAAC;QAAEa,MAAM,EAAER,IAAI,CAACR,WAAW,CAAC;UAAEC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;UAAEC,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ;QAAE,CAAC;MAAE,CAAC;IACnG;EAAE,CACH,CAAC;AAEN,CAAC,CAAC;AACFI,aAAa,CAACD,WAAW,GAAG,eAAe;AAE3C,OAAO,MAAMY,OAAO,gBAAGlF,IAAI,CACzB,CAAC;EAAEmF,IAAI,GAAG,OAAO;EAAExD,KAAK;EAAEH,IAAI;EAAE4D,UAAU,GAAG,IAAI;EAAEC,OAAO,GAAG,QAAQ;EAAEC,SAAS;EAAEC;AAAqB,CAAC,KAAK;EAC3G,MAAM3D,MAAM,GAAGlB,SAAS,CAAC,CAAC;EAC1B,MAAM8E,MAAM,GAAGzE,SAAS,CAAC,CAAC;EAC1B,MAAM0E,gBAAgB,GAAGhF,mBAAmB,CAAC,CAAC;EAC9C,MAAMiF,aAAa,GAAG/D,KAAK,IAAIC,MAAM,CAAC+D,OAAO;EAC7C,MAAMtB,KAAK,GAAGc,IAAI,KAAK,OAAO,GAAG,CAAC,GAAG,EAAE;EAEvC,MAAMS,eAAe,GAAGA,CAAA,KAAM;IAC5B,IAAIN,SAAS,EAAE,OAAOA,SAAS;IAC/B,IAAID,OAAO,KAAK,MAAM,EAAE,oBAAOzE,IAAA,CAACuB,aAAa;MAACR,KAAK,EAAE+D,aAAc;MAACtD,OAAO,EAAEiC;IAAM,CAAE,CAAC;IACtF,IAAIgB,OAAO,KAAK,MAAM,EAAE,oBAAOzE,IAAA,CAAC2D,aAAa;MAAC5C,KAAK,EAAE+D,aAAc;MAAClB,QAAQ,EAAEH,KAAK,GAAG;IAAE,CAAE,CAAC;IAC3F,oBAAOzD,IAAA,CAACT,iBAAiB;MAACgF,IAAI,EAAEA,IAAK;MAACxD,KAAK,EAAE+D;IAAc,CAAE,CAAC;EAChE,CAAC;EAED,oBACE5E,KAAA,CAACP,IAAI;IAACmD,KAAK,EAAE,CAAC8B,MAAM,CAACvE,SAAS,EAAEmE,UAAU,IAAI;MAAES,IAAI,EAAE;IAAE,CAAC,CAAE;IAACN,MAAM,EAAEA,MAAO;IAAA5B,QAAA,GACxEiC,eAAe,CAAC,CAAC,EACjBpE,IAAI,iBACHZ,IAAA,CAACN,IAAI;MAACmF,gBAAgB,EAAEA,gBAAiB;MAAC/B,KAAK,EAAE8B,MAAM,CAAChE,IAAK;MAAAmC,QAAA,EAC1DnC;IAAI,CACD,CACP;EAAA,CACG,CAAC;AAEX,CACF,CAAC;AACD0D,OAAO,CAACZ,WAAW,GAAG,SAAS","ignoreList":[]}
+{"version":3,"names":["React","memo","useEffect","useRef","ActivityIndicator","Animated","Easing","Text","View","createStyles","useAllowFontScaling","useColors","useLabels","jsx","_jsx","jsxs","_jsxs","DOT_PULSE_MS","DOT_STAGGER_MS","RING_TURN_MS","useStyles","theme","container","justifyContent","alignItems","padding","tokens","spacing","xl","text","marginTop","md","color","colors","textLight","fontSize","logo","marginBottom","dots","flexDirection","gap","sm","DotsIndicator","dotSize","Value","current","animations","map","dot","i","loop","sequence","delay","timing","toValue","duration","useNativeDriver","easing","out","quad","in","forEach","a","start","stop","style","children","width","height","borderRadius","backgroundColor","opacity","interpolate","inputRange","outputRange","transform","scale","displayName","RingIndicator","diameter","spin","animation","linear","ring","borderWidth","Math","max","position","borderColor","borderTopColor","rotate","Spinner","size","fullscreen","variant","indicator","accessibilityLabel","testID","labels","styles","allowFontScaling","resolvedColor","primary","renderIndicator","flex","accessible","accessibilityRole","loading","accessibilityState","busy","accessibilityLiveRegion"],"sourceRoot":"../../../src","sources":["atoms/Spinner.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/atoms/Text.js

@@ -8,13 +8,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const useStyles = createStyles(theme => ({
   title: {
     fontSize: theme.tokens.fontSize.xxl,
+    lineHeight: theme.tokens.lineHeight.xl,
     fontWeight: theme.tokens.fontWeight.bold,
-    letterSpacing: -0.5,
+    letterSpacing: theme.tokens.letterSpacing.tight,
     color: theme.colors.text
   },
   subtitle: {
     fontSize: theme.tokens.fontSize.lg,
-    fontWeight: theme.tokens.fontWeight.medium,
+    lineHeight: theme.tokens.lineHeight.lg,
+    fontWeight: theme.tokens.fontWeight.semibold,
     color: theme.colors.text
   },
   body: {
@@ -24,10 +26,11 @@ const useStyles = createStyles(theme => ({
   },
   caption: {
     fontSize: theme.tokens.fontSize.sm,
+    lineHeight: theme.tokens.lineHeight.sm,
     color: theme.colors.textLight
   }
 }));
-function makeVariant(variant, defaultColor) {
+function makeVariant(variant, defaultColor, defaultRole) {
   const Component = /*#__PURE__*/memo(({
     children,
     style,
@@ -40,6 +43,7 @@ function makeVariant(variant, defaultColor) {
     const allowFontScaling = useAllowFontScaling();
     return /*#__PURE__*/_jsx(RNText, {
       allowFontScaling: allowFontScaling,
+      accessibilityRole: defaultRole,
       style: [styles[variant], {
         color: color || colors[defaultColor],
         textAlign: align
@@ -48,11 +52,58 @@ function makeVariant(variant, defaultColor) {
       children: children
     });
   });
-  Component.displayName = variant;
+  Component.displayName = String(variant);
   return Component;
 }
-export const Title = makeVariant('title', 'text');
+
+/**
+ * Screen or section title: the highest step of the typographic hierarchy.
+ *
+ * Gestalt, focal point (Von Restorff): it is the only text in its block with
+ * size `xxl` and weight `bold`, so it breaks the series of Body/Caption and is
+ * the first thing read. That is why there should be only one per block: two
+ * Titles together cancel each other out. The `tight` tracking offsets the room
+ * the large size opens between letters so the word reads as a single shape
+ * (Prägnanz), and `lineHeight.xl` keeps the block compact when the title wraps.
+ *
+ * Accessibility: it is announced with `accessibilityRole="header"`, so
+ * VoiceOver/TalkBack can jump from title to title. It can be overridden by
+ * passing a different `accessibilityRole`.
+ */
+export const Title = makeVariant('title', 'text', 'header');
+/**
+ * Second step of the hierarchy: heads a group within the screen or
+ * accompanies a Title with a short piece of data.
+ *
+ * Gestalt, similarity: it shares its color with Body but steps up size (`lg`)
+ * and weight (`semibold`), so it is perceived as part of the same family and,
+ * at the same time, as the label of the block that follows. Proximity: it
+ * should sit closer to the content it heads than to the previous block. It is
+ * not an accessibility heading: if it marks a navigable section, use Title (or
+ * pass `accessibilityRole="header"`).
+ * `lineHeight.lg` (1.5×) keeps the text legible when it spans several lines.
+ */
 export const Subtitle = makeVariant('subtitle', 'text');
+/**
+ * Running text: the default style for paragraphs, descriptions and values.
+ *
+ * Gestalt, similarity: all reading content shares size (`md`), regular weight
+ * and the `text` color, so it is perceived as a single level and the steps
+ * above (Title, Subtitle) and below (Caption) stand out by contrast.
+ * `lineHeight.md` (≈1.43×) gives the room between lines to read long
+ * paragraphs. If `color` is passed, the color/background pair must meet WCAG
+ * AA (4.5:1); the theme colors already guarantee it.
+ */
 export const Body = makeVariant('body', 'text');
+/**
+ * Secondary text: hints, metadata, dates, help below a field.
+ *
+ * Gestalt, figure and ground: size `sm` and color `textLight` bring it one
+ * step below Body, so it reads as context and doesn't compete with the
+ * content. Proximity: it sits right next to the element it explains.
+ * `textLight` meets WCAG AA over `surface` and `background` in light and dark
+ * (palettes tests); don't lighten it further. `lineHeight.sm` (≈1.33×) keeps
+ * the lines together when the hint spans several.
+ */
 export const Caption = makeVariant('caption', 'textLight');
 //# sourceMappingURL=Text.js.map

package/lib/module/atoms/Text.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","Text","RNText","createStyles","useAllowFontScaling","useColors","jsx","_jsx","useStyles","theme","title","fontSize","tokens","xxl","fontWeight","bold","letterSpacing","color","colors","text","subtitle","lg","medium","body","md","lineHeight","caption","sm","textLight","makeVariant","variant","defaultColor","Component","children","style","align","props","styles","allowFontScaling","textAlign","displayName","Title","Subtitle","Body","Caption"],"sourceRoot":"../../../src","sources":["atoms/Text.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,IAAIC,MAAM,QAAwD,cAAc;AAC7F,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,mBAAmB,EAAEC,SAAS,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASrE,MAAMC,SAAS,GAAGL,YAAY,CAAEM,KAAK,KAAM;EACzCC,KAAK,EAAE;IACLC,QAAQ,EAAEF,KAAK,CAACG,MAAM,CAACD,QAAQ,CAACE,GAAG;IACnCC,UAAU,EAAEL,KAAK,CAACG,MAAM,CAACE,UAAU,CAACC,IAAI;IACxCC,aAAa,EAAE,CAAC,GAAG;IACnBC,KAAK,EAAER,KAAK,CAACS,MAAM,CAACC;EACtB,CAAC;EACDC,QAAQ,EAAE;IACRT,QAAQ,EAAEF,KAAK,CAACG,MAAM,CAACD,QAAQ,CAACU,EAAE;IAClCP,UAAU,EAAEL,KAAK,CAACG,MAAM,CAACE,UAAU,CAACQ,MAAM;IAC1CL,KAAK,EAAER,KAAK,CAACS,MAAM,CAACC;EACtB,CAAC;EACDI,IAAI,EAAE;IACJZ,QAAQ,EAAEF,KAAK,CAACG,MAAM,CAACD,QAAQ,CAACa,EAAE;IAClCC,UAAU,EAAEhB,KAAK,CAACG,MAAM,CAACa,UAAU,CAACD,EAAE;IACtCP,KAAK,EAAER,KAAK,CAACS,MAAM,CAACC;EACtB,CAAC;EACDO,OAAO,EAAE;IACPf,QAAQ,EAAEF,KAAK,CAACG,MAAM,CAACD,QAAQ,CAACgB,EAAE;IAClCV,KAAK,EAAER,KAAK,CAACS,MAAM,CAACU;EACtB;AACF,CAAC,CAAC,CAAC;AAEH,SAASC,WAAWA,CAACC,OAA2C,EAAEC,YAAkC,EAAE;EACpG,MAAMC,SAAS,gBAAGhC,IAAI,CAAC,CAAC;IAAEiC,QAAQ;IAAEC,KAAK;IAAEjB,KAAK;IAAEkB,KAAK,GAAG,MAAM;IAAE,GAAGC;EAAuB,CAAC,KAAK;IAChG,MAAMC,MAAM,GAAG7B,SAAS,CAAC,CAAC;IAC1B,MAAMU,MAAM,GAAGb,SAAS,CAAC,CAAC;IAC1B,MAAMiC,gBAAgB,GAAGlC,mBAAmB,CAAC,CAAC;IAC9C,oBACEG,IAAA,CAACL,MAAM;MACLoC,gBAAgB,EAAEA,gBAAiB;MACnCJ,KAAK,EAAE,CAACG,MAAM,CAACP,OAAO,CAAC,EAAE;QAAEb,KAAK,EAAEA,KAAK,IAAIC,MAAM,CAACa,YAAY,CAAC;QAAEQ,SAAS,EAAEJ;MAAM,CAAC,EAAED,KAAK,CAAE;MAAA,GACxFE,KAAK;MAAAH,QAAA,EAERA;IAAQ,CACH,CAAC;EAEb,CAAC,CAAC;EACFD,SAAS,CAACQ,WAAW,GAAGV,OAAO;EAC/B,OAAOE,SAAS;AAClB;AAEA,OAAO,MAAMS,KAAK,GAAGZ,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC;AACjD,OAAO,MAAMa,QAAQ,GAAGb,WAAW,CAAC,UAAU,EAAE,MAAM,CAAC;AACvD,OAAO,MAAMc,IAAI,GAAGd,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC;AAC/C,OAAO,MAAMe,OAAO,GAAGf,WAAW,CAAC,SAAS,EAAE,WAAW,CAAC","ignoreList":[]}
+{"version":3,"names":["React","memo","Text","RNText","createStyles","useAllowFontScaling","useColors","jsx","_jsx","useStyles","theme","title","fontSize","tokens","xxl","lineHeight","xl","fontWeight","bold","letterSpacing","tight","color","colors","text","subtitle","lg","semibold","body","md","caption","sm","textLight","makeVariant","variant","defaultColor","defaultRole","Component","children","style","align","props","styles","allowFontScaling","accessibilityRole","textAlign","displayName","String","Title","Subtitle","Body","Caption"],"sourceRoot":"../../../src","sources":["atoms/Text.tsx"],"mappings":"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","ignoreList":[]}