@compsych-ui-components/react-native 4.0.0 → 4.0.13

package/src/tokens.d.ts

@@ -0,0 +1,253 @@
+export declare const sys: {
+    readonly colorRoles: {
+        readonly accent: {
+            readonly primary: {
+                readonly sysPrimary: "#075cba";
+                readonly sysOnPrimary: "#ffffff";
+                readonly sysPrimaryContainer: "#070f36";
+            };
+        };
+        readonly addOn: {
+            readonly primaryFixed: {
+                readonly sysOnPrimaryFixed: "#075cba";
+                readonly sysOnPrimaryFixedVariant: "#4285f4";
+                readonly sysPrimaryFixedDim: "#e3f2fd";
+            };
+        };
+        readonly custom: {
+            readonly info: {
+                readonly sysInfo: "#226cee";
+                readonly sysInfoContainer: "#daecff";
+                readonly sysOnInfo: "#ffffff";
+                readonly sysOnInfoContainer: "#162755";
+            };
+            readonly success: {
+                readonly sysSuccess: "#278647";
+                readonly sysSuccessContainer: "#c4e9d0";
+                readonly sysOnSuccess: "#ffffff";
+                readonly sysOnSuccessContainer: "#030c09";
+            };
+            readonly warning: {
+                readonly sysWarning: "#d67d00";
+                readonly sysWarningContainer: "#fdeed9";
+                readonly sysOnWarning: "#ffffff";
+                readonly sysOnWarningContainer: "#3a2304";
+            };
+        };
+        readonly error: {
+            readonly sysError: "#d82727";
+            readonly sysErrorContainer: "#f7d4d4";
+            readonly sysOnError: "#ffffff";
+            readonly sysOnErrorContainer: "#570f0f";
+        };
+        readonly outline: {
+            readonly sysOutline: "#ebecf0";
+            readonly sysOutlineFixed: "#8a96a6";
+            readonly sysOutlineVariant: "#d7dbe0";
+        };
+        readonly surface: {
+            readonly surface: {
+                readonly sysSurface: "#f3f4f6";
+                readonly sysOnSurface: "#1b1d22";
+                readonly sysOnSurfaceVariant: "#565f6c";
+            };
+            readonly surfaceContainer: {
+                readonly sysSurfaceContainerLowest: "#ffffff";
+                readonly sysSurfaceContainerLow: "#f9fafb";
+                readonly sysSurfaceContainer: "#f3f4f6";
+                readonly sysSurfaceContainerHighest: "#e6e8ea";
+            };
+            readonly inverse: {
+                readonly sysInverseSurface: "#565f6c";
+                readonly sysInverseOnSurface: "#ffffff";
+            };
+        };
+        readonly transparent: {
+            readonly neutral: {
+                readonly sysBlack10: "#0000001a";
+                readonly sysWhite10: "#ffffff1a";
+                readonly sysWhite20: "#ffffff33";
+                readonly sysWhite80: "rgba(255,255,255,0.8)";
+            };
+            readonly primary: {
+                readonly sysPrimary08: "#075cba14";
+            };
+        };
+    };
+    readonly iconography: {
+        readonly sysSizeXs: 16;
+        readonly sysSizeSm: 20;
+        readonly sysSizeMd: 24;
+        readonly sysSizeLg: 32;
+        readonly sysSizeXl: 40;
+    };
+    readonly dimensions: {
+        readonly borderRadius: {
+            readonly sysRadiusXs: 4;
+            readonly sysRadiusSm: 8;
+            readonly sysRadiusMd: 12;
+            readonly sysRadiusLg: 16;
+            readonly sysRadiusXl: 24;
+            readonly sysRadiusXxl: 32;
+            readonly sysRadiusFull: 999;
+        };
+        readonly borderWidth: {
+            readonly sysStrokeThin: 1;
+            readonly sysStrokeMedium: 1.5;
+            readonly sysStrokeThick: 2;
+            readonly sysStrokeBold: 4;
+        };
+        readonly spacing: {
+            readonly padding: {
+                readonly sysPadding2: 2;
+                readonly sysPadding4: 4;
+                readonly sysPadding6: 6;
+                readonly sysPadding8: 8;
+                readonly sysPadding12: 12;
+                readonly sysPadding16: 16;
+                readonly sysPadding20: 20;
+                readonly sysPadding24: 24;
+                readonly sysPadding32: 32;
+                readonly sysPadding40: 40;
+                readonly sysPadding48: 48;
+            };
+        };
+    };
+    readonly typeScale: {
+        readonly displayLarge: {
+            readonly sysFontSize: 80;
+            readonly sysLineHeight: 80;
+            readonly sysTracking: -2.4;
+            readonly sysLetterSpacing: -2.4;
+            readonly sysFontWeight: "regular";
+            readonly sysFontWeightEmphasized: "medium";
+            readonly sysFontFamily: "GoogleSans_400Regular";
+        };
+        readonly displayMedium: {
+            readonly sysFontSize: 72;
+            readonly sysLineHeight: 79.2;
+            readonly sysTracking: -1.44;
+            readonly sysLetterSpacing: -1.44;
+            readonly sysFontWeight: "regular";
+            readonly sysFontWeightEmphasized: "medium";
+            readonly sysFontFamily: "GoogleSans_400Regular";
+        };
+        readonly displaySmall: {
+            readonly sysFontSize: 64;
+            readonly sysLineHeight: 76.8;
+            readonly sysTracking: -0.64;
+            readonly sysLetterSpacing: -0.64;
+            readonly sysFontWeight: "regular";
+            readonly sysFontWeightEmphasized: "medium";
+            readonly sysFontFamily: "GoogleSans_400Regular";
+        };
+        readonly headlineLarge: {
+            readonly sysFontSize: 48;
+            readonly sysLineHeight: 57.6;
+            readonly sysTracking: -0.48;
+            readonly sysLetterSpacing: -0.48;
+            readonly sysFontWeight: "regular";
+            readonly sysFontWeightEmphasized: "medium";
+            readonly sysFontFamily: "GoogleSans_400Regular";
+        };
+        readonly headlineMedium: {
+            readonly sysFontSize: 40;
+            readonly sysLineHeight: 48;
+            readonly sysTracking: 0;
+            readonly sysLetterSpacing: 0;
+            readonly sysFontWeight: "regular";
+            readonly sysFontWeightEmphasized: "medium";
+            readonly sysFontFamily: "GoogleSans_400Regular";
+        };
+        readonly headlineSmall: {
+            readonly sysFontSize: 32;
+            readonly sysLineHeight: 38.4;
+            readonly sysTracking: 0;
+            readonly sysLetterSpacing: 0;
+            readonly sysFontWeight: "regular";
+            readonly sysFontWeightEmphasized: "medium";
+            readonly sysFontFamily: "GoogleSans_400Regular";
+        };
+        readonly titleLarge: {
+            readonly sysFontSize: 28;
+            readonly sysLineHeight: 36.4;
+            readonly sysTracking: 0;
+            readonly sysLetterSpacing: 0;
+            readonly sysFontWeight: "regular";
+            readonly sysFontWeightEmphasized: "medium";
+            readonly sysFontFamily: "GoogleSans_400Regular";
+        };
+        readonly titleMedium: {
+            readonly sysFontSize: 24;
+            readonly sysLineHeight: 31.2;
+            readonly sysTracking: 0;
+            readonly sysLetterSpacing: 0;
+            readonly sysFontWeight: "regular";
+            readonly sysFontWeightEmphasized: "medium";
+            readonly sysFontFamily: "GoogleSans_400Regular";
+        };
+        readonly titleSmall: {
+            readonly sysFontSize: 20;
+            readonly sysLineHeight: 28;
+            readonly sysTracking: 0;
+            readonly sysLetterSpacing: 0;
+            readonly sysFontWeight: "regular";
+            readonly sysFontWeightEmphasized: "medium";
+            readonly sysFontFamily: "GoogleSans_400Regular";
+        };
+        readonly bodyLarge: {
+            readonly sysFontSize: 20;
+            readonly sysLineHeight: 30;
+            readonly sysTracking: 0;
+            readonly sysLetterSpacing: 0;
+            readonly sysFontWeight: "regular";
+            readonly sysFontWeightEmphasized: "medium";
+            readonly sysFontFamily: "GoogleSans_400Regular";
+        };
+        readonly bodyMedium: {
+            readonly sysFontSize: 16;
+            readonly sysLineHeight: 24;
+            readonly sysTracking: 0;
+            readonly sysLetterSpacing: 0;
+            readonly sysFontWeight: "regular";
+            readonly sysFontWeightEmphasized: "medium";
+            readonly sysFontFamily: "GoogleSans_400Regular";
+        };
+        readonly bodySmall: {
+            readonly sysFontSize: 14;
+            readonly sysLineHeight: 20;
+            readonly sysTracking: 0;
+            readonly sysLetterSpacing: 0;
+            readonly sysFontWeight: "regular";
+            readonly sysFontWeightEmphasized: "medium";
+            readonly sysFontFamily: "GoogleSans_400Regular";
+        };
+        readonly labelLarge: {
+            readonly sysFontSize: 16;
+            readonly sysLineHeight: 22.4;
+            readonly sysTracking: 0;
+            readonly sysLetterSpacing: 0;
+            readonly sysFontWeight: "regular";
+            readonly sysFontWeightEmphasized: "medium";
+            readonly sysFontFamily: "GoogleSans_400Regular";
+        };
+        readonly labelMedium: {
+            readonly sysFontSize: 14;
+            readonly sysLineHeight: 20;
+            readonly sysTracking: 0.07;
+            readonly sysLetterSpacing: 0.07;
+            readonly sysFontWeight: "medium";
+            readonly sysFontWeightEmphasized: "semibold";
+            readonly sysFontFamily: "GoogleSans_500Medium";
+        };
+        readonly labelSmall: {
+            readonly sysFontSize: 12;
+            readonly sysLineHeight: 18;
+            readonly sysTracking: 0.12;
+            readonly sysLetterSpacing: 0.12;
+            readonly sysFontWeight: "medium";
+            readonly sysFontWeightEmphasized: "semibold";
+            readonly sysFontFamily: "GoogleSans_500Medium";
+        };
+    };
+};

package/src/tokens.js

@@ -0,0 +1,265 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "sys", {
+    enumerable: true,
+    get: function() {
+        return sys;
+    }
+});
+const sys = {
+    colorRoles: {
+        accent: {
+            primary: {
+                sysPrimary: '#075cba',
+                sysOnPrimary: '#ffffff',
+                sysPrimaryContainer: '#070f36'
+            }
+        },
+        addOn: {
+            primaryFixed: {
+                sysOnPrimaryFixed: '#075cba',
+                sysOnPrimaryFixedVariant: '#4285f4',
+                sysPrimaryFixedDim: '#e3f2fd'
+            }
+        },
+        custom: {
+            info: {
+                sysInfo: '#226cee',
+                sysInfoContainer: '#daecff',
+                sysOnInfo: '#ffffff',
+                sysOnInfoContainer: '#162755'
+            },
+            success: {
+                sysSuccess: '#278647',
+                sysSuccessContainer: '#c4e9d0',
+                sysOnSuccess: '#ffffff',
+                sysOnSuccessContainer: '#030c09'
+            },
+            warning: {
+                sysWarning: '#d67d00',
+                sysWarningContainer: '#fdeed9',
+                sysOnWarning: '#ffffff',
+                sysOnWarningContainer: '#3a2304'
+            }
+        },
+        error: {
+            sysError: '#d82727',
+            sysErrorContainer: '#f7d4d4',
+            sysOnError: '#ffffff',
+            sysOnErrorContainer: '#570f0f'
+        },
+        outline: {
+            sysOutline: '#ebecf0',
+            sysOutlineFixed: '#8a96a6',
+            sysOutlineVariant: '#d7dbe0'
+        },
+        surface: {
+            surface: {
+                sysSurface: '#f3f4f6',
+                sysOnSurface: '#1b1d22',
+                sysOnSurfaceVariant: '#565f6c'
+            },
+            surfaceContainer: {
+                sysSurfaceContainerLowest: '#ffffff',
+                sysSurfaceContainerLow: '#f9fafb',
+                sysSurfaceContainer: '#f3f4f6',
+                sysSurfaceContainerHighest: '#e6e8ea'
+            },
+            inverse: {
+                sysInverseSurface: '#565f6c',
+                sysInverseOnSurface: '#ffffff'
+            }
+        },
+        transparent: {
+            neutral: {
+                sysBlack10: '#0000001a',
+                sysWhite10: '#ffffff1a',
+                sysWhite20: '#ffffff33',
+                sysWhite80: 'rgba(255,255,255,0.8)'
+            },
+            primary: {
+                sysPrimary08: '#075cba14'
+            }
+        }
+    },
+    iconography: {
+        sysSizeXs: 16,
+        sysSizeSm: 20,
+        sysSizeMd: 24,
+        sysSizeLg: 32,
+        sysSizeXl: 40
+    },
+    dimensions: {
+        borderRadius: {
+            sysRadiusXs: 4,
+            sysRadiusSm: 8,
+            sysRadiusMd: 12,
+            sysRadiusLg: 16,
+            sysRadiusXl: 24,
+            sysRadiusXxl: 32,
+            sysRadiusFull: 999
+        },
+        borderWidth: {
+            sysStrokeThin: 1,
+            sysStrokeMedium: 1.5,
+            sysStrokeThick: 2,
+            sysStrokeBold: 4
+        },
+        spacing: {
+            padding: {
+                sysPadding2: 2,
+                sysPadding4: 4,
+                sysPadding6: 6,
+                sysPadding8: 8,
+                sysPadding12: 12,
+                sysPadding16: 16,
+                sysPadding20: 20,
+                sysPadding24: 24,
+                sysPadding32: 32,
+                sysPadding40: 40,
+                sysPadding48: 48
+            }
+        }
+    },
+    typeScale: {
+        displayLarge: {
+            sysFontSize: 80,
+            sysLineHeight: 80,
+            sysTracking: -2.4,
+            sysLetterSpacing: -2.4,
+            sysFontWeight: 'regular',
+            sysFontWeightEmphasized: 'medium',
+            sysFontFamily: 'GoogleSans_400Regular'
+        },
+        displayMedium: {
+            sysFontSize: 72,
+            sysLineHeight: 79.2,
+            sysTracking: -1.44,
+            sysLetterSpacing: -1.44,
+            sysFontWeight: 'regular',
+            sysFontWeightEmphasized: 'medium',
+            sysFontFamily: 'GoogleSans_400Regular'
+        },
+        displaySmall: {
+            sysFontSize: 64,
+            sysLineHeight: 76.8,
+            sysTracking: -0.64,
+            sysLetterSpacing: -0.64,
+            sysFontWeight: 'regular',
+            sysFontWeightEmphasized: 'medium',
+            sysFontFamily: 'GoogleSans_400Regular'
+        },
+        headlineLarge: {
+            sysFontSize: 48,
+            sysLineHeight: 57.6,
+            sysTracking: -0.48,
+            sysLetterSpacing: -0.48,
+            sysFontWeight: 'regular',
+            sysFontWeightEmphasized: 'medium',
+            sysFontFamily: 'GoogleSans_400Regular'
+        },
+        headlineMedium: {
+            sysFontSize: 40,
+            sysLineHeight: 48,
+            sysTracking: 0,
+            sysLetterSpacing: 0,
+            sysFontWeight: 'regular',
+            sysFontWeightEmphasized: 'medium',
+            sysFontFamily: 'GoogleSans_400Regular'
+        },
+        headlineSmall: {
+            sysFontSize: 32,
+            sysLineHeight: 38.4,
+            sysTracking: 0,
+            sysLetterSpacing: 0,
+            sysFontWeight: 'regular',
+            sysFontWeightEmphasized: 'medium',
+            sysFontFamily: 'GoogleSans_400Regular'
+        },
+        titleLarge: {
+            sysFontSize: 28,
+            sysLineHeight: 36.4,
+            sysTracking: 0,
+            sysLetterSpacing: 0,
+            sysFontWeight: 'regular',
+            sysFontWeightEmphasized: 'medium',
+            sysFontFamily: 'GoogleSans_400Regular'
+        },
+        titleMedium: {
+            sysFontSize: 24,
+            sysLineHeight: 31.2,
+            sysTracking: 0,
+            sysLetterSpacing: 0,
+            sysFontWeight: 'regular',
+            sysFontWeightEmphasized: 'medium',
+            sysFontFamily: 'GoogleSans_400Regular'
+        },
+        titleSmall: {
+            sysFontSize: 20,
+            sysLineHeight: 28,
+            sysTracking: 0,
+            sysLetterSpacing: 0,
+            sysFontWeight: 'regular',
+            sysFontWeightEmphasized: 'medium',
+            sysFontFamily: 'GoogleSans_400Regular'
+        },
+        bodyLarge: {
+            sysFontSize: 20,
+            sysLineHeight: 30,
+            sysTracking: 0,
+            sysLetterSpacing: 0,
+            sysFontWeight: 'regular',
+            sysFontWeightEmphasized: 'medium',
+            sysFontFamily: 'GoogleSans_400Regular'
+        },
+        bodyMedium: {
+            sysFontSize: 16,
+            sysLineHeight: 24,
+            sysTracking: 0,
+            sysLetterSpacing: 0,
+            sysFontWeight: 'regular',
+            sysFontWeightEmphasized: 'medium',
+            sysFontFamily: 'GoogleSans_400Regular'
+        },
+        bodySmall: {
+            sysFontSize: 14,
+            sysLineHeight: 20,
+            sysTracking: 0,
+            sysLetterSpacing: 0,
+            sysFontWeight: 'regular',
+            sysFontWeightEmphasized: 'medium',
+            sysFontFamily: 'GoogleSans_400Regular'
+        },
+        labelLarge: {
+            sysFontSize: 16,
+            sysLineHeight: 22.4,
+            sysTracking: 0,
+            sysLetterSpacing: 0,
+            sysFontWeight: 'regular',
+            sysFontWeightEmphasized: 'medium',
+            sysFontFamily: 'GoogleSans_400Regular'
+        },
+        labelMedium: {
+            sysFontSize: 14,
+            sysLineHeight: 20,
+            sysTracking: 0.07,
+            sysLetterSpacing: 0.07,
+            sysFontWeight: 'medium',
+            sysFontWeightEmphasized: 'semibold',
+            sysFontFamily: 'GoogleSans_500Medium'
+        },
+        labelSmall: {
+            sysFontSize: 12,
+            sysLineHeight: 18,
+            sysTracking: 0.12,
+            sysLetterSpacing: 0.12,
+            sysFontWeight: 'medium',
+            sysFontWeightEmphasized: 'semibold',
+            sysFontFamily: 'GoogleSans_500Medium'
+        }
+    }
+};
+
+//# sourceMappingURL=tokens.js.map

package/src/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/react-native/src/tokens.ts"],"sourcesContent":["export const sys = {\r\n  colorRoles: {\r\n    accent: {\r\n      primary: {\r\n        sysPrimary: '#075cba',\r\n        sysOnPrimary: '#ffffff',\r\n        sysPrimaryContainer: '#070f36',\r\n      },\r\n    },\r\n    addOn: {\r\n      primaryFixed: {\r\n        sysOnPrimaryFixed: '#075cba',\r\n        sysOnPrimaryFixedVariant: '#4285f4',\r\n        sysPrimaryFixedDim: '#e3f2fd',\r\n      },\r\n    },\r\n    custom: {\r\n      info: {\r\n        sysInfo: '#226cee',\r\n        sysInfoContainer: '#daecff',\r\n        sysOnInfo: '#ffffff',\r\n        sysOnInfoContainer: '#162755',\r\n      },\r\n      success: {\r\n        sysSuccess: '#278647',\r\n        sysSuccessContainer: '#c4e9d0',\r\n        sysOnSuccess: '#ffffff',\r\n        sysOnSuccessContainer: '#030c09',\r\n      },\r\n      warning: {\r\n        sysWarning: '#d67d00',\r\n        sysWarningContainer: '#fdeed9',\r\n        sysOnWarning: '#ffffff',\r\n        sysOnWarningContainer: '#3a2304',\r\n      },\r\n    },\r\n    error: {\r\n      sysError: '#d82727',\r\n      sysErrorContainer: '#f7d4d4',\r\n      sysOnError: '#ffffff',\r\n      sysOnErrorContainer: '#570f0f',\r\n    },\r\n    outline: {\r\n      sysOutline: '#ebecf0',\r\n      sysOutlineFixed: '#8a96a6',\r\n      sysOutlineVariant: '#d7dbe0',\r\n    },\r\n    surface: {\r\n      surface: {\r\n        sysSurface: '#f3f4f6',\r\n        sysOnSurface: '#1b1d22',\r\n        sysOnSurfaceVariant: '#565f6c',\r\n      },\r\n      surfaceContainer: {\r\n        sysSurfaceContainerLowest: '#ffffff',\r\n        sysSurfaceContainerLow: '#f9fafb',\r\n        sysSurfaceContainer: '#f3f4f6',\r\n        sysSurfaceContainerHighest: '#e6e8ea',\r\n      },\r\n      inverse: {\r\n        sysInverseSurface: '#565f6c',\r\n        sysInverseOnSurface: '#ffffff',\r\n      },\r\n    },\r\n    transparent: {\r\n      neutral: {\r\n        sysBlack10: '#0000001a',\r\n        sysWhite10: '#ffffff1a',\r\n        sysWhite20: '#ffffff33',\r\n        sysWhite80: 'rgba(255,255,255,0.8)',\r\n      },\r\n      primary: {\r\n        sysPrimary08: '#075cba14',\r\n      },\r\n    },\r\n  },\r\n  iconography: {\r\n    sysSizeXs: 16,\r\n    sysSizeSm: 20,\r\n    sysSizeMd: 24,\r\n    sysSizeLg: 32,\r\n    sysSizeXl: 40,\r\n  },\r\n  dimensions: {\r\n    borderRadius: {\r\n      sysRadiusXs: 4,\r\n      sysRadiusSm: 8,\r\n      sysRadiusMd: 12,\r\n      sysRadiusLg: 16,\r\n      sysRadiusXl: 24,\r\n      sysRadiusXxl: 32,\r\n      sysRadiusFull: 999,\r\n    },\r\n    borderWidth: {\r\n      sysStrokeThin: 1,\r\n      sysStrokeMedium: 1.5,\r\n      sysStrokeThick: 2,\r\n      sysStrokeBold: 4,\r\n    },\r\n    spacing: {\r\n      padding: {\r\n        sysPadding2: 2,\r\n        sysPadding4: 4,\r\n        sysPadding6: 6,\r\n        sysPadding8: 8,\r\n        sysPadding12: 12,\r\n        sysPadding16: 16,\r\n        sysPadding20: 20,\r\n        sysPadding24: 24,\r\n        sysPadding32: 32,\r\n        sysPadding40: 40,\r\n        sysPadding48: 48,\r\n      },\r\n    },\r\n  },\r\n  typeScale: {\r\n    displayLarge: {\r\n      sysFontSize: 80,\r\n      sysLineHeight: 80,\r\n      sysTracking: -2.4,\r\n      sysLetterSpacing: -2.4,\r\n      sysFontWeight: 'regular',\r\n      sysFontWeightEmphasized: 'medium',\r\n      sysFontFamily: 'GoogleSans_400Regular',\r\n    },\r\n    displayMedium: {\r\n      sysFontSize: 72,\r\n      sysLineHeight: 79.2,\r\n      sysTracking: -1.44,\r\n      sysLetterSpacing: -1.44,\r\n      sysFontWeight: 'regular',\r\n      sysFontWeightEmphasized: 'medium',\r\n      sysFontFamily: 'GoogleSans_400Regular',\r\n    },\r\n    displaySmall: {\r\n      sysFontSize: 64,\r\n      sysLineHeight: 76.8,\r\n      sysTracking: -0.64,\r\n      sysLetterSpacing: -0.64,\r\n      sysFontWeight: 'regular',\r\n      sysFontWeightEmphasized: 'medium',\r\n      sysFontFamily: 'GoogleSans_400Regular',\r\n    },\r\n    headlineLarge: {\r\n      sysFontSize: 48,\r\n      sysLineHeight: 57.6,\r\n      sysTracking: -0.48,\r\n      sysLetterSpacing: -0.48,\r\n      sysFontWeight: 'regular',\r\n      sysFontWeightEmphasized: 'medium',\r\n      sysFontFamily: 'GoogleSans_400Regular',\r\n    },\r\n    headlineMedium: {\r\n      sysFontSize: 40,\r\n      sysLineHeight: 48,\r\n      sysTracking: 0,\r\n      sysLetterSpacing: 0,\r\n      sysFontWeight: 'regular',\r\n      sysFontWeightEmphasized: 'medium',\r\n      sysFontFamily: 'GoogleSans_400Regular',\r\n    },\r\n    headlineSmall: {\r\n      sysFontSize: 32,\r\n      sysLineHeight: 38.4,\r\n      sysTracking: 0,\r\n      sysLetterSpacing: 0,\r\n      sysFontWeight: 'regular',\r\n      sysFontWeightEmphasized: 'medium',\r\n      sysFontFamily: 'GoogleSans_400Regular',\r\n    },\r\n    titleLarge: {\r\n      sysFontSize: 28,\r\n      sysLineHeight: 36.4,\r\n      sysTracking: 0,\r\n      sysLetterSpacing: 0,\r\n      sysFontWeight: 'regular',\r\n      sysFontWeightEmphasized: 'medium',\r\n      sysFontFamily: 'GoogleSans_400Regular',\r\n    },\r\n    titleMedium: {\r\n      sysFontSize: 24,\r\n      sysLineHeight: 31.2,\r\n      sysTracking: 0,\r\n      sysLetterSpacing: 0,\r\n      sysFontWeight: 'regular',\r\n      sysFontWeightEmphasized: 'medium',\r\n      sysFontFamily: 'GoogleSans_400Regular',\r\n    },\r\n    titleSmall: {\r\n      sysFontSize: 20,\r\n      sysLineHeight: 28,\r\n      sysTracking: 0,\r\n      sysLetterSpacing: 0,\r\n      sysFontWeight: 'regular',\r\n      sysFontWeightEmphasized: 'medium',\r\n      sysFontFamily: 'GoogleSans_400Regular',\r\n    },\r\n    bodyLarge: {\r\n      sysFontSize: 20,\r\n      sysLineHeight: 30,\r\n      sysTracking: 0,\r\n      sysLetterSpacing: 0,\r\n      sysFontWeight: 'regular',\r\n      sysFontWeightEmphasized: 'medium',\r\n      sysFontFamily: 'GoogleSans_400Regular',\r\n    },\r\n    bodyMedium: {\r\n      sysFontSize: 16,\r\n      sysLineHeight: 24,\r\n      sysTracking: 0,\r\n      sysLetterSpacing: 0,\r\n      sysFontWeight: 'regular',\r\n      sysFontWeightEmphasized: 'medium',\r\n      sysFontFamily: 'GoogleSans_400Regular',\r\n    },\r\n    bodySmall: {\r\n      sysFontSize: 14,\r\n      sysLineHeight: 20,\r\n      sysTracking: 0,\r\n      sysLetterSpacing: 0,\r\n      sysFontWeight: 'regular',\r\n      sysFontWeightEmphasized: 'medium',\r\n      sysFontFamily: 'GoogleSans_400Regular',\r\n    },\r\n    labelLarge: {\r\n      sysFontSize: 16,\r\n      sysLineHeight: 22.4,\r\n      sysTracking: 0,\r\n      sysLetterSpacing: 0,\r\n      sysFontWeight: 'regular',\r\n      sysFontWeightEmphasized: 'medium',\r\n      sysFontFamily: 'GoogleSans_400Regular',\r\n    },\r\n    labelMedium: {\r\n      sysFontSize: 14,\r\n      sysLineHeight: 20,\r\n      sysTracking: 0.07,\r\n      sysLetterSpacing: 0.07,\r\n      sysFontWeight: 'medium',\r\n      sysFontWeightEmphasized: 'semibold',\r\n      sysFontFamily: 'GoogleSans_500Medium',\r\n    },\r\n    labelSmall: {\r\n      sysFontSize: 12,\r\n      sysLineHeight: 18,\r\n      sysTracking: 0.12,\r\n      sysLetterSpacing: 0.12,\r\n      sysFontWeight: 'medium',\r\n      sysFontWeightEmphasized: 'semibold',\r\n      sysFontFamily: 'GoogleSans_500Medium',\r\n    },\r\n  },\r\n} as const;\r\n"],"names":["sys","colorRoles","accent","primary","sysPrimary","sysOnPrimary","sysPrimaryContainer","addOn","primaryFixed","sysOnPrimaryFixed","sysOnPrimaryFixedVariant","sysPrimaryFixedDim","custom","info","sysInfo","sysInfoContainer","sysOnInfo","sysOnInfoContainer","success","sysSuccess","sysSuccessContainer","sysOnSuccess","sysOnSuccessContainer","warning","sysWarning","sysWarningContainer","sysOnWarning","sysOnWarningContainer","error","sysError","sysErrorContainer","sysOnError","sysOnErrorContainer","outline","sysOutline","sysOutlineFixed","sysOutlineVariant","surface","sysSurface","sysOnSurface","sysOnSurfaceVariant","surfaceContainer","sysSurfaceContainerLowest","sysSurfaceContainerLow","sysSurfaceContainer","sysSurfaceContainerHighest","inverse","sysInverseSurface","sysInverseOnSurface","transparent","neutral","sysBlack10","sysWhite10","sysWhite20","sysWhite80","sysPrimary08","iconography","sysSizeXs","sysSizeSm","sysSizeMd","sysSizeLg","sysSizeXl","dimensions","borderRadius","sysRadiusXs","sysRadiusSm","sysRadiusMd","sysRadiusLg","sysRadiusXl","sysRadiusXxl","sysRadiusFull","borderWidth","sysStrokeThin","sysStrokeMedium","sysStrokeThick","sysStrokeBold","spacing","padding","sysPadding2","sysPadding4","sysPadding6","sysPadding8","sysPadding12","sysPadding16","sysPadding20","sysPadding24","sysPadding32","sysPadding40","sysPadding48","typeScale","displayLarge","sysFontSize","sysLineHeight","sysTracking","sysLetterSpacing","sysFontWeight","sysFontWeightEmphasized","sysFontFamily","displayMedium","displaySmall","headlineLarge","headlineMedium","headlineSmall","titleLarge","titleMedium","titleSmall","bodyLarge","bodyMedium","bodySmall","labelLarge","labelMedium","labelSmall"],"mappings":"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"}

package/src/lib/button.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export interface ButtonProps {
-    label?: string;
-    alertMessage?: string;
-    onPress?: () => void;
-}
-export declare function Button({ label, alertMessage, onPress, }: ButtonProps): React.JSX.Element;

package/src/lib/button.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { Pressable, StyleSheet, Text } from 'react-native';
-import { showAlert } from '@compsych-ui-components/shared';
-export function Button({ label = 'Click me', alertMessage = 'Hello from @compsych/react-native!', onPress }) {
-    const handlePress = ()=>{
-        if (onPress) {
-            onPress();
-        } else {
-            showAlert(alertMessage);
-        }
-    };
-    return /*#__PURE__*/ _jsx(Pressable, {
-        style: ({ pressed })=>[
-                styles.button,
-                pressed && styles.pressed
-            ],
-        onPress: handlePress,
-        accessibilityRole: "button",
-        children: /*#__PURE__*/ _jsx(Text, {
-            style: styles.label,
-            children: label
-        })
-    });
-}
-const styles = StyleSheet.create({
-    button: {
-        paddingVertical: 8,
-        paddingHorizontal: 16,
-        backgroundColor: '#1976d2',
-        borderRadius: 4,
-        alignItems: 'center'
-    },
-    pressed: {
-        backgroundColor: '#1565c0'
-    },
-    label: {
-        color: '#ffffff',
-        fontSize: 14
-    }
-});
-
-//# sourceMappingURL=button.js.map

package/src/lib/button.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../packages/react-native/src/lib/button.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Pressable, StyleSheet, Text } from 'react-native';\r\nimport { showAlert } from '@compsych-ui-components/shared';\r\n\r\nexport interface ButtonProps {\r\n  label?: string;\r\n  alertMessage?: string;\r\n  onPress?: () => void;\r\n}\r\n\r\nexport function Button({\r\n  label = 'Click me',\r\n  alertMessage = 'Hello from @compsych/react-native!',\r\n  onPress,\r\n}: ButtonProps) {\r\n  const handlePress = () => {\r\n    if (onPress) {\r\n      onPress();\r\n    } else {\r\n      showAlert(alertMessage);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Pressable\r\n      style={({ pressed }) => [styles.button, pressed && styles.pressed]}\r\n      onPress={handlePress}\r\n      accessibilityRole=\"button\"\r\n    >\r\n      <Text style={styles.label}>{label}</Text>\r\n    </Pressable>\r\n  );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  button: {\r\n    paddingVertical: 8,\r\n    paddingHorizontal: 16,\r\n    backgroundColor: '#1976d2',\r\n    borderRadius: 4,\r\n    alignItems: 'center',\r\n  },\r\n  pressed: {\r\n    backgroundColor: '#1565c0',\r\n  },\r\n  label: {\r\n    color: '#ffffff',\r\n    fontSize: 14,\r\n  },\r\n});\r\n"],"names":["React","Pressable","StyleSheet","Text","showAlert","Button","label","alertMessage","onPress","handlePress","style","pressed","styles","button","accessibilityRole","create","paddingVertical","paddingHorizontal","backgroundColor","borderRadius","alignItems","color","fontSize"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,eAAe;AAC3D,SAASC,SAAS,QAAQ,iCAAiC;AAQ3D,OAAO,SAASC,OAAO,EACrBC,QAAQ,UAAU,EAClBC,eAAe,oCAAoC,EACnDC,OAAO,EACK;IACZ,MAAMC,cAAc;QAClB,IAAID,SAAS;YACXA;QACF,OAAO;YACLJ,UAAUG;QACZ;IACF;IAEA,qBACE,KAACN;QACCS,OAAO,CAAC,EAAEC,OAAO,EAAE,GAAK;gBAACC,OAAOC,MAAM;gBAAEF,WAAWC,OAAOD,OAAO;aAAC;QAClEH,SAASC;QACTK,mBAAkB;kBAElB,cAAA,KAACX;YAAKO,OAAOE,OAAON,KAAK;sBAAGA;;;AAGlC;AAEA,MAAMM,SAASV,WAAWa,MAAM,CAAC;IAC/BF,QAAQ;QACNG,iBAAiB;QACjBC,mBAAmB;QACnBC,iBAAiB;QACjBC,cAAc;QACdC,YAAY;IACd;IACAT,SAAS;QACPO,iBAAiB;IACnB;IACAZ,OAAO;QACLe,OAAO;QACPC,UAAU;IACZ;AACF"}