@webority/mobile-ui 0.0.39 → 0.2.0

package/lib/module/components/Text/Text.js

@@ -1,142 +1 @@
-"use strict";
-
-import React, { forwardRef, useMemo } from 'react';
-import { Text as RNText } from 'react-native';
-import { fontFor, useTheme } from "../../theme/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const VARIANTS = {
-  display: {
-    size: '4xl',
-    weight: 'bold',
-    line: 'tight',
-    color: 'primary',
-    heading: true
-  },
-  h1: {
-    size: '3xl',
-    weight: 'bold',
-    line: 'tight',
-    color: 'primary',
-    heading: true
-  },
-  h2: {
-    size: '2xl',
-    weight: 'semibold',
-    line: 'tight',
-    color: 'primary',
-    heading: true
-  },
-  h3: {
-    size: 'xl',
-    weight: 'semibold',
-    line: 'tight',
-    color: 'primary',
-    heading: true
-  },
-  title: {
-    size: 'lg',
-    weight: 'semibold',
-    line: 'normal',
-    color: 'primary'
-  },
-  body: {
-    size: 'base',
-    weight: 'normal',
-    line: 'normal',
-    color: 'primary'
-  },
-  bodySmall: {
-    size: 'sm',
-    weight: 'normal',
-    line: 'normal',
-    color: 'secondary'
-  },
-  caption: {
-    size: 'xs',
-    weight: 'normal',
-    line: 'normal',
-    color: 'tertiary'
-  },
-  label: {
-    size: 'sm',
-    weight: 'medium',
-    line: 'normal',
-    color: 'secondary'
-  },
-  overline: {
-    size: 'xs',
-    weight: 'semibold',
-    line: 'normal',
-    color: 'secondary',
-    uppercase: true,
-    letterSpacing: 'wide'
-  }
-};
-const TEXT_ROLES = {
-  primary: true,
-  secondary: true,
-  tertiary: true,
-  inverse: true,
-  disabled: true,
-  link: true
-};
-const SEMANTIC = {
-  success: true,
-  warning: true,
-  error: true,
-  info: true
-};
-const resolveColor = (theme, color) => {
-  // Text roles win over the same-named brand colour ('primary' -> text.primary),
-  // which is the intent the vast majority of the time for text.
-  if (TEXT_ROLES[color]) {
-    return theme.colors.text[color];
-  }
-  if (SEMANTIC[color]) {
-    return theme.colors[color];
-  }
-  return color; // raw colour string
-};
-const Text = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    variant = 'body',
-    color,
-    weight,
-    size,
-    align,
-    italic,
-    underline,
-    style,
-    children,
-    ...rest
-  } = props;
-  const theme = useTheme();
-  const textStyle = useMemo(() => {
-    const spec = VARIANTS[variant];
-    const fontSize = typeof size === 'number' ? size : theme.typography.fontSize[size ?? spec.size];
-    const lineHeight = Math.round(fontSize * theme.typography.lineHeight[spec.line]);
-    return {
-      fontSize,
-      lineHeight,
-      color: resolveColor(theme, color ?? spec.color),
-      textAlign: align,
-      textTransform: spec.uppercase ? 'uppercase' : undefined,
-      letterSpacing: spec.letterSpacing ? theme.typography.letterSpacing[spec.letterSpacing] : undefined,
-      fontStyle: italic ? 'italic' : undefined,
-      textDecorationLine: underline ? 'underline' : undefined,
-      ...fontFor(theme, weight ?? spec.weight)
-    };
-  }, [theme, variant, color, weight, size, align, italic, underline]);
-  const heading = VARIANTS[variant].heading;
-  return /*#__PURE__*/_jsx(RNText, {
-    ref: ref,
-    style: [textStyle, style],
-    accessibilityRole: heading ? 'header' : rest.accessibilityRole,
-    ...rest,
-    children: children
-  });
-});
-Text.displayName = 'Text';
-export { Text };
-export default Text;
-//# sourceMappingURL=Text.js.map
+"use strict";import React,{forwardRef,useMemo}from"react";import{Text as RNText}from"react-native";import{fontFor,useTheme}from"../../theme/index.js";import{jsx as _jsx}from"react/jsx-runtime";const VARIANTS={display:{size:"4xl",weight:"bold",line:"tight",color:"primary",heading:!0},h1:{size:"3xl",weight:"bold",line:"tight",color:"primary",heading:!0},h2:{size:"2xl",weight:"semibold",line:"tight",color:"primary",heading:!0},h3:{size:"xl",weight:"semibold",line:"tight",color:"primary",heading:!0},title:{size:"lg",weight:"semibold",line:"normal",color:"primary"},body:{size:"base",weight:"normal",line:"normal",color:"primary"},bodySmall:{size:"sm",weight:"normal",line:"normal",color:"secondary"},caption:{size:"xs",weight:"normal",line:"normal",color:"tertiary"},label:{size:"sm",weight:"medium",line:"normal",color:"secondary"},overline:{size:"xs",weight:"semibold",line:"normal",color:"secondary",uppercase:!0,letterSpacing:"wide"}},TEXT_ROLES={primary:!0,secondary:!0,tertiary:!0,inverse:!0,disabled:!0,link:!0,textStrong:!0},TEXT_ROLE_KEY={textStrong:"strong"},SEMANTIC={success:!0,warning:!0,error:!0,info:!0};export const resolveColor=(e,i)=>TEXT_ROLES[i]?e.colors.text[TEXT_ROLE_KEY[i]??i]:SEMANTIC[i]?e.colors[i]:i;const Text=forwardRef((e,i)=>{const{variant:t="body",color:o,weight:r,size:n,align:l,italic:a,underline:s,style:c,children:m,...p}=e,g=useTheme(),d=Object.hasOwn(VARIANTS,t),h=g.textVariants,y=!d&&h&&Object.hasOwn(h,t)?h[t]:void 0,x=useMemo(()=>{if(y){const{typography:e}=g,i="number"==typeof y.size?y.size:e.fontSize[y.size],t="number"==typeof n?n:n?e.fontSize[n]:i,c=y.lineHeight,m=y.letterSpacing;return{fontSize:t,lineHeight:"number"==typeof c?c:c?Math.round(t*e.lineHeight[c]):void 0,color:resolveColor(g,o??y.color??"primary"),textAlign:l,textTransform:y.uppercase?"uppercase":void 0,letterSpacing:"number"!=typeof m&&m?e.letterSpacing[m]:m,fontStyle:a||y.italic?"italic":void 0,fontVariant:y.fontVariant,textDecorationLine:s?"underline":void 0,...fontFor(g,r??y.weight??"normal")}}const e=VARIANTS[d?t:"body"],i="number"==typeof n?n:g.typography.fontSize[n??e.size];return{fontSize:i,lineHeight:Math.round(i*g.typography.lineHeight[e.line]),color:resolveColor(g,o??e.color),textAlign:l,textTransform:e.uppercase?"uppercase":void 0,letterSpacing:e.letterSpacing?g.typography.letterSpacing[e.letterSpacing]:void 0,fontStyle:a?"italic":void 0,textDecorationLine:s?"underline":void 0,...fontFor(g,r??e.weight)}},[g,y,d,t,o,r,n,l,a,s]),f=!!d&&VARIANTS[t].heading;return _jsx(RNText,{ref:i,style:[x,c],maxFontSizeMultiplier:g.maxFontSizeMultiplier,accessibilityRole:f?"header":p.accessibilityRole,...p,children:m})});Text.displayName="Text";export{Text};export default Text;

package/lib/module/components/Text/index.js

@@ -1,4 +1 @@
-"use strict";
-
-export { Text } from "./Text.js";
-//# sourceMappingURL=index.js.map
+"use strict";export{Text}from"./Text.js";