@jobber/components-native 0.71.0 → 0.71.2-JOB-97858-02b49de.20

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.71.0",
+    "version": "0.71.2-JOB-97858-02b49de.20+02b49def",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -82,5 +82,5 @@
         "react-native-safe-area-context": "^4.5.2",
         "react-native-svg": ">=12.0.0"
     },
-    "gitHead": "05bf7ab30a2c51d195e6250ad2757f0bf8d8e696"
+    "gitHead": "02b49def1c8632c8bb70d3a03ded43f34660ddd3"
 }

package/dist/src/Glimmer/Glimmer.js

@@ -32,9 +32,9 @@ export function Glimmer({ width, shape = "rectangle", size = "base", timing = "b
             React.createElement(Svg, null,
                 React.createElement(Defs, null,
                     React.createElement(LinearGradient, { id: "gradientShine", x1: 0, y1: 0.5, x2: 1, y2: 0.5 },
-                        React.createElement(Stop, { offset: "0%", stopColor: tokens["color-surface--background"] }),
-                        React.createElement(Stop, { offset: "50%", stopColor: tokens["color-surface"] }),
-                        React.createElement(Stop, { offset: "100%", stopColor: tokens["color-surface--background"] }))),
+                        React.createElement(Stop, { offset: "0%", stopColor: "rgba(255,255,255,0)", stopOpacity: "0" }),
+                        React.createElement(Stop, { offset: "50%", stopColor: "rgba(255,255,255,1)", stopOpacity: "1" }),
+                        React.createElement(Stop, { offset: "100%", stopColor: "rgba(255,255,255,0)", stopOpacity: "0" }))),
                 React.createElement(Rect, { fill: "url(#gradientShine)", height: "100%", width: "100%" })))));
     function getWidth(event) {
         setParentWidth(event.nativeEvent.layout.width);

package/dist/src/Glimmer/Glimmer.style.js

@@ -3,7 +3,7 @@ import { tokens } from "../utils/design";
 export const shineWidth = tokens["space-largest"];
 export const styles = StyleSheet.create({
     container: {
-        backgroundColor: tokens["color-surface--background"],
+        backgroundColor: "rgba(0, 0, 0, 0.05)",
         overflow: "hidden",
         position: "relative",
         width: "100%",

package/dist/src/Text/Text.js

@@ -16,9 +16,9 @@ export const TEXT_MAX_SCALED_FONT_SIZES = {
     text: MAX_TEXT_FONT_SIZE_SCALE,
     textSupporting: tokens["typography--fontSize-base"],
 };
-export function Text({ level = "text", variation = "base", emphasis, allowFontScaling = true, adjustsFontSizeToFit = false, maxLines = "unlimited", align, children, reverseTheme = false, strikeThrough = false, italic = false, hideFromScreenReader = false, maxFontScaleSize, selectable, }) {
+export function Text({ level = "text", variation = "base", emphasis, allowFontScaling = true, adjustsFontSizeToFit = false, maxLines = "unlimited", align, children, reverseTheme = false, strikeThrough = false, italic = false, hideFromScreenReader = false, maxFontScaleSize, underline, selectable, }) {
     const accessibilityRole = "text";
-    return (React.createElement(Typography, Object.assign({ color: variation, fontFamily: "base", fontStyle: italic ? "italic" : "regular", fontWeight: getFontWeight({ level, emphasis }), maxFontScaleSize: maxFontScaleSize || TEXT_MAX_SCALED_FONT_SIZES[level], selectable: selectable }, Object.assign(Object.assign({}, levelStyles[level]), { allowFontScaling,
+    return (React.createElement(Typography, Object.assign({ color: variation, fontFamily: "base", fontStyle: italic ? "italic" : "regular", fontWeight: getFontWeight({ level, emphasis }), maxFontScaleSize: maxFontScaleSize || TEXT_MAX_SCALED_FONT_SIZES[level], selectable: selectable, underline: underline }, Object.assign(Object.assign({}, levelStyles[level]), { allowFontScaling,
         align,
         adjustsFontSizeToFit,
         accessibilityRole,

package/dist/src/Typography/Typography.js

@@ -15,7 +15,8 @@ const maxNumberOfLines = {
     unlimited: undefined,
 };
 export const Typography = React.memo(InternalTypography);
-function InternalTypography({ fontFamily, fontStyle, fontWeight, transform, color, align, size = "default", children, maxLines = "unlimited", allowFontScaling = true, maxFontScaleSize, adjustsFontSizeToFit = false, lineHeight, letterSpacing, reverseTheme = false, hideFromScreenReader = false, accessibilityRole = "text", strikeThrough = false, selectable = true, }) {
+// eslint-disable-next-line max-statements
+function InternalTypography({ fontFamily, fontStyle, fontWeight, transform, color, align, size = "default", children, maxLines = "unlimited", allowFontScaling = true, maxFontScaleSize, adjustsFontSizeToFit = false, lineHeight, letterSpacing, reverseTheme = false, hideFromScreenReader = false, accessibilityRole = "text", strikeThrough = false, underline, selectable = true, }) {
     const sizeAndHeight = getSizeAndHeightStyle(size, lineHeight);
     const style = [
         getFontStyle(fontFamily, fontStyle, fontWeight),
@@ -30,6 +31,10 @@ function InternalTypography({ fontFamily, fontStyle, fontWeight, transform, colo
     if (fontStyle === "italic") {
         style.push(styles.italic);
     }
+    if (underline) {
+        const underlineTextStyle = { textDecorationStyle: underline };
+        style.push(underlineTextStyle, styles.underline);
+    }
     const numberOfLinesForNativeText = maxNumberOfLines[maxLines];
     const text = getTransformedText(children, transform);
     const accessibilityProps = hideFromScreenReader

package/dist/src/Typography/Typography.style.js

@@ -65,6 +65,9 @@ const fonts = Platform.select({
  */
 export const typographyTokens = Object.assign(Object.assign({}, fonts), { italic: {
         fontStyle: "italic",
+    }, underline: {
+        textDecorationColor: tokens["color-text--secondary"],
+        textDecorationLine: "underline",
     }, startAlign: {
         textAlign: "left",
     }, endAlign: {

package/dist/src/utils/meta/meta.json

@@ -4,8 +4,10 @@
         "ActionItemGroup",
         "ActionLabel",
         "ActivityIndicator",
-        "AtlantisContext.Provider",
         "AtlantisContext.Consumer",
+        "AtlantisContext.Provider",
+        "AtlantisFormContext.Consumer",
+        "AtlantisFormContext.Provider",
         "AutoLink",
         "Banner",
         "BottomSheet",
@@ -23,21 +25,23 @@
         "Disclosure",
         "Divider",
         "EmptyState",
-        "ErrorMessageContext.Provider",
         "ErrorMessageContext.Consumer",
+        "ErrorMessageContext.Provider",
         "ErrorMessageProvider",
         "ErrorMessageWrapper",
+        "FilterButton",
         "Flex",
         "Form",
+        "FormField",
         "FormMessage",
-        "AtlantisFormContext.Provider",
-        "AtlantisFormContext.Consumer",
         "FormatFile",
-        "FormField",
         "Glimmer",
         "Heading",
         "Icon",
         "IconButton",
+        "InputAccessoriesContext.Consumer",
+        "InputAccessoriesContext.Provider",
+        "InputAccessoriesProvider",
         "InputCurrency",
         "InputDate",
         "InputEmail",
@@ -45,16 +49,12 @@
         "InputNumber",
         "InputPassword",
         "InputPressable",
-        "FilterButton",
         "InputSearch",
         "InputText",
-        "InputAccessoriesContext.Provider",
-        "InputAccessoriesContext.Consumer",
-        "InputAccessoriesProvider",
         "InputTime",
         "Menu",
-        "ProgressBar",
         "Option",
+        "ProgressBar",
         "Select",
         "StatusLabel",
         "Switch",