@proximus/lavender-texts-native 2.1.1-alpha.55 → 2.1.1-alpha.57

package/dist/Fonts.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Font families shipped with the Proximus design system.
+ *
+ * On Android the regular face is registered under its full PostScript name,
+ * while iOS exposes it through the family name.
+ */
+export declare const Fonts: {
+    ProximusRegular: string;
+    ProximusRegularItalic: string;
+    ProximusBold: string;
+    ProximusBoldItalic: string;
+    ProximusExtraBold: string;
+    ProximusLight: string;
+    ProximusLightItalic: string;
+    ProximusIcons: string;
+    primary: string;
+    primaryBold: string;
+    primaryLight: string;
+};
+//# sourceMappingURL=Fonts.d.ts.map

package/dist/Fonts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fonts.d.ts","sourceRoot":"","sources":["../src/Fonts.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;CAYjB,CAAC"}

package/dist/Fonts.js

@@ -0,0 +1,20 @@
+import { Platform } from 'react-native';
+/**
+ * Font families shipped with the Proximus design system.
+ *
+ * On Android the regular face is registered under its full PostScript name,
+ * while iOS exposes it through the family name.
+ */
+export const Fonts = {
+    ProximusRegular: Platform.OS === 'android' ? 'Proximus-Regular' : 'Proximus',
+    ProximusRegularItalic: 'Proximus-RegularItalic',
+    ProximusBold: 'Proximus-Bold',
+    ProximusBoldItalic: 'Proximus-BoldItalic',
+    ProximusExtraBold: 'Proximus-ExtraBold',
+    ProximusLight: 'Proximus-Light',
+    ProximusLightItalic: 'Proximus-LightItalic',
+    ProximusIcons: 'PxIcon',
+    primary: 'Proximus-Regular',
+    primaryBold: 'Proximus-ExtraBold',
+    primaryLight: 'Proximus-Light',
+};

package/dist/Label.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TextProps } from 'react-native';
+declare const LABEL_SCALES: readonly ["Xs", "S", "M", "L"];
+export type LabelScale = (typeof LABEL_SCALES)[number];
+export type LabelWeight = 'regular' | 'bold';
+export type LabelSize = `${LabelScale}-${LabelWeight}`;
+export interface ILabelProps extends TextProps {
+    size?: LabelSize;
+    dimmed?: boolean;
+    disabled?: boolean;
+    inverted?: boolean;
+}
+export declare function Label({ size, dimmed, disabled, inverted, style, children, ...props }: ILabelProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Label.d.ts.map

package/dist/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../src/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAa,MAAM,cAAc,CAAC;AAI1D,QAAA,MAAM,YAAY,gCAAiC,CAAC;AAEpD,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AACvD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;AAC7C,MAAM,MAAM,SAAS,GAAG,GAAG,UAAU,IAAI,WAAW,EAAE,CAAC;AAqBvD,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,EACpB,IAAmB,EACnB,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,qBAyBb"}

package/dist/Label.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Text } from 'react-native';
+import { useTheme } from '@proximus/lavender-styling-native';
+import { Fonts } from './Fonts';
+const LABEL_SCALES = ['Xs', 'S', 'M', 'L'];
+const FONT_FAMILIES = {
+    regular: Fonts.ProximusRegular,
+    bold: Fonts.ProximusBold,
+};
+const DEFAULT_SIZE = 'S-regular';
+function parseSize(size) {
+    const [scale, weight] = size.split('-');
+    return {
+        scale: LABEL_SCALES.includes(scale) ? scale : 'S',
+        weight: FONT_FAMILIES[weight] ? weight : 'regular',
+    };
+}
+export function Label({ size = DEFAULT_SIZE, dimmed, disabled, inverted, style, children, ...props }) {
+    const { theme } = useTheme();
+    const { scale, weight } = parseSize(size);
+    const invertedSuffix = inverted ? 'Inverted' : 'Default';
+    const color = disabled
+        ? theme.t(`ColorTextStateDisabled${invertedSuffix}`)
+        : theme.t(`ColorText${dimmed ? 'Dimmed' : 'Neutral'}${invertedSuffix}`);
+    const baseStyle = {
+        fontFamily: FONT_FAMILIES[weight],
+        fontSize: theme.t(`TextSizeLabel${scale}Mobile`).number,
+        lineHeight: theme.t(`TextLineHeightLabel${scale}Mobile`).number,
+        color,
+    };
+    return (React.createElement(Text, { ...props, style: [baseStyle, ...(Array.isArray(style) ? style : [style])] }, children));
+}

package/dist/index.d.ts

@@ -1,2 +1,4 @@
+export * from './Fonts';
 export * from './v8';
+export * from './Label';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,MAAM,CAAC;AACrB,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -1 +1,3 @@
+export * from './Fonts';
 export * from './v8';
+export * from './Label';

package/dist/v8.d.ts

@@ -1,18 +1,5 @@
 import React from 'react';
 import { TextProps } from 'react-native';
-export declare const Fonts: {
-    ProximusRegular: string;
-    ProximusRegularItalic: string;
-    ProximusBold: string;
-    ProximusBoldItalic: string;
-    ProximusExtraBold: string;
-    ProximusLight: string;
-    ProximusLightItalic: string;
-    ProximusIcons: string;
-    primary: string;
-    primaryBold: string;
-    primaryLight: string;
-};
 export declare function Header(props: TextProps & {
     disabled?: boolean;
     inverted?: boolean;

package/dist/v8.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"v8.d.ts","sourceRoot":"","sources":["../src/v8.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA6B,SAAS,EAAa,MAAM,cAAc,CAAC;AAQ/E,eAAO,MAAM,KAAK;;;;;;;;;;;;CAYjB,CAAC;AAiBF,wBAAgB,MAAM,CACpB,KAAK,EAAE,SAAS,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,qBA2B9D;AAED,wBAAgB,IAAI,CAClB,KAAK,EAAE,SAAS,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,qBAyB9D"}
+{"version":3,"file":"v8.d.ts","sourceRoot":"","sources":["../src/v8.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAmB,SAAS,EAAa,MAAM,cAAc,CAAC;AAwBrE,wBAAgB,MAAM,CACpB,KAAK,EAAE,SAAS,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,qBA2B9D;AAED,wBAAgB,IAAI,CAClB,KAAK,EAAE,SAAS,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,qBAyB9D"}

package/dist/v8.js

@@ -1,23 +1,11 @@
 import React from 'react';
-import { Platform, Text } from 'react-native';
+import { Text } from 'react-native';
 import { useTheme } from '@proximus/lavender-styling-native';
+import { Fonts } from './Fonts';
 const DEFAULT_HEADER_FONT_SIZE = 27;
 const DEFAULT_BODY_FONT_SIZE = 16;
 const LINE_HEIGHT_HEADER_RATIO = 1.3;
 const LINE_HEIGHT_BODY_RATIO = 1.5;
-export const Fonts = {
-    ProximusRegular: Platform.OS === 'android' ? 'Proximus-Regular' : 'Proximus',
-    ProximusRegularItalic: 'Proximus-RegularItalic',
-    ProximusBold: 'Proximus-Bold',
-    ProximusBoldItalic: 'Proximus-BoldItalic',
-    ProximusExtraBold: 'Proximus-ExtraBold',
-    ProximusLight: 'Proximus-Light',
-    ProximusLightItalic: 'Proximus-LightItalic',
-    ProximusIcons: 'PxIcon',
-    primary: 'Proximus-Regular',
-    primaryBold: 'Proximus-ExtraBold',
-    primaryLight: 'Proximus-Light',
-};
 function extractFontSize(style) {
     if (Array.isArray(style)) {
         for (const item of style) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-texts-native",
-  "version": "2.1.1-alpha.55",
+  "version": "2.1.1-alpha.57",
   "description": "Lavender Text component",
   "main": "dist/index.js",
   "files": [