@expo/styleguide-base 1.0.0-alpha.3 → 1.0.1

package/dist/index.js

@@ -1,346 +1 @@
-'use strict';
-
-var colors = require('@radix-ui/colors');
-
-var breakpoints = {
-    small: 400,
-    medium: 900,
-    large: 1200
-};
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-var palette = {
-    white: 'hsl(0, 0%, 100%)',
-    black: 'hsl(0, 0%, 0%)',
-    light: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, colors.blue), colors.red), colors.yellow), colors.green), colors.orange), colors.purple), colors.pink), { gray1: colors.slate.slate1, gray2: colors.slate.slate2, gray3: colors.slate.slate3, gray4: colors.slate.slate4, gray5: colors.slate.slate5, gray6: colors.slate.slate6, gray7: colors.slate.slate7, gray8: colors.slate.slate8, gray9: colors.slate.slate9, gray10: colors.slate.slate10, gray11: colors.slate.slate11, gray12: colors.slate.slate12 }),
-    dark: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, colors.blueDark), colors.redDark), colors.yellowDark), colors.greenDark), colors.orangeDark), colors.purpleDark), colors.pinkDark), { gray1: colors.slateDark.slate1, gray2: colors.slateDark.slate2, gray3: colors.slateDark.slate3, gray4: colors.slateDark.slate4, gray5: colors.slateDark.slate5, gray6: colors.slateDark.slate6, gray7: colors.slateDark.slate7, gray8: colors.slateDark.slate8, gray9: colors.slateDark.slate9, gray10: colors.slateDark.slate10, gray11: colors.slateDark.slate11, gray12: colors.slateDark.slate12 })
-};
-
-var borderRadius = {
-    none: 0,
-    xs: 2,
-    sm: 4,
-    md: 6,
-    lg: 10,
-    xl: 16,
-    '2xl': 20,
-    '3xl': 24,
-    full: 9999
-};
-var iconSize = {
-    xs: 16,
-    sm: 20,
-    md: 24,
-    lg: 28,
-    xl: 32
-};
-
-var baseSize = 16;
-var spacing = {
-    0: 1,
-    '0.5': baseSize * 0.125,
-    1: baseSize * 0.25,
-    '1.5': baseSize * 0.375,
-    2: baseSize * 0.5,
-    '2.5': baseSize * 0.625,
-    3: baseSize * 0.75,
-    '3.5': baseSize * 0.875,
-    4: baseSize * 1,
-    5: baseSize * 1.25,
-    6: baseSize * 1.5,
-    7: baseSize * 1.75,
-    8: baseSize * 2,
-    9: baseSize * 2.25,
-    10: baseSize * 2.5,
-    11: baseSize * 2.75,
-    12: baseSize * 3,
-    14: baseSize * 3.5,
-    16: baseSize * 4,
-    20: baseSize * 5,
-    24: baseSize * 6,
-    28: baseSize * 7,
-    32: baseSize * 8,
-    36: baseSize * 9,
-    40: baseSize * 10,
-    44: baseSize * 11,
-    48: baseSize * 12,
-    52: baseSize * 13,
-    56: baseSize * 14,
-    60: baseSize * 15,
-    64: baseSize * 16,
-    72: baseSize * 18,
-    80: baseSize * 20,
-    96: baseSize * 24
-};
-
-var lightTheme = {
-    background: {
-        "default": palette.white,
-        screen: palette.light.gray1,
-        subtle: palette.light.gray2,
-        element: palette.light.gray3,
-        hover: palette.light.gray4,
-        selected: palette.light.gray5,
-        overlay: palette.white,
-        success: palette.light.green3,
-        warning: palette.light.yellow3,
-        danger: palette.light.red3,
-        info: palette.light.blue3
-    },
-    icon: {
-        "default": palette.light.gray11,
-        secondary: palette.light.gray10,
-        tertiary: palette.light.gray9,
-        quaternary: palette.light.gray8,
-        success: palette.light.green10,
-        warning: palette.light.yellow11,
-        danger: palette.light.red10,
-        info: palette.light.blue10
-    },
-    text: {
-        "default": palette.light.gray12,
-        secondary: palette.light.gray11,
-        tertiary: palette.light.gray10,
-        quaternary: palette.light.gray9,
-        link: palette.light.blue11,
-        success: palette.light.green11,
-        warning: palette.light.yellow11,
-        danger: palette.light.red11,
-        info: palette.light.blue11
-    },
-    border: {
-        "default": palette.light.gray7,
-        secondary: palette.light.gray6,
-        success: palette.light.green7,
-        warning: palette.light.yellow7,
-        danger: palette.light.red7,
-        info: palette.light.blue7
-    },
-    button: {
-        primary: {
-            background: palette.light.blue10,
-            border: palette.light.blue10,
-            hover: palette.light.blue11,
-            icon: palette.light.blue3,
-            text: palette.white,
-            disabled: {
-                background: palette.light.blue7,
-                border: palette.light.blue7,
-                text: palette.white
-            },
-            destructive: {
-                background: palette.light.red10,
-                border: palette.light.red10,
-                hover: palette.light.red11,
-                icon: palette.light.red3,
-                text: palette.white,
-                disabled: {
-                    background: palette.light.red7,
-                    border: palette.light.red7,
-                    text: palette.white
-                }
-            }
-        },
-        secondary: {
-            background: palette.white,
-            border: palette.light.gray8,
-            hover: palette.light.gray3,
-            icon: palette.light.gray11,
-            text: palette.light.gray12,
-            disabled: {
-                background: palette.white,
-                border: palette.light.gray6,
-                text: palette.light.gray9
-            },
-            destructive: {
-                background: palette.white,
-                border: palette.light.red7,
-                hover: palette.light.red3,
-                icon: palette.light.red9,
-                text: palette.light.red11,
-                disabled: {
-                    background: palette.white,
-                    border: palette.light.red5,
-                    text: palette.light.red8
-                }
-            }
-        },
-        tertiary: {
-            background: 'transparent',
-            border: 'transparent',
-            hover: palette.light.blue4,
-            icon: palette.light.blue9,
-            text: palette.light.blue10,
-            disabled: {
-                background: 'transparent',
-                border: 'transparent',
-                text: palette.light.blue8
-            }
-        },
-        quaternary: {
-            background: 'transparent',
-            border: 'transparent',
-            hover: palette.light.gray4,
-            icon: palette.light.gray11,
-            text: palette.light.gray12,
-            disabled: {
-                background: 'transparent',
-                border: 'transparent',
-                text: palette.light.gray9
-            }
-        }
-    }
-};
-var darkTheme = {
-    background: {
-        "default": palette.dark.gray1,
-        screen: '#0C0D0E',
-        subtle: palette.dark.gray2,
-        element: palette.dark.gray3,
-        hover: palette.dark.gray4,
-        selected: palette.dark.gray5,
-        overlay: palette.dark.gray2,
-        success: palette.dark.green3,
-        warning: palette.dark.yellow3,
-        danger: palette.dark.red3,
-        info: palette.dark.blue3
-    },
-    icon: {
-        "default": palette.dark.gray11,
-        secondary: palette.dark.gray10,
-        tertiary: palette.dark.gray9,
-        quaternary: palette.dark.gray8,
-        success: palette.dark.green10,
-        warning: palette.dark.yellow11,
-        danger: palette.dark.red10,
-        info: palette.dark.blue10
-    },
-    text: {
-        "default": palette.dark.gray12,
-        secondary: palette.dark.gray11,
-        tertiary: palette.dark.gray10,
-        quaternary: palette.dark.gray9,
-        link: palette.dark.blue11,
-        success: palette.dark.green11,
-        warning: palette.dark.yellow11,
-        danger: palette.dark.red11,
-        info: palette.dark.blue11
-    },
-    border: {
-        "default": palette.dark.gray7,
-        secondary: palette.dark.gray6,
-        success: palette.dark.green7,
-        warning: palette.dark.yellow7,
-        danger: palette.dark.red7,
-        info: palette.dark.blue7
-    },
-    button: {
-        primary: {
-            background: palette.dark.blue8,
-            border: palette.dark.blue8,
-            hover: palette.dark.blue7,
-            icon: palette.dark.blue12,
-            text: palette.white,
-            disabled: {
-                background: palette.dark.blue7,
-                border: palette.dark.blue7,
-                text: palette.dark.gray11
-            },
-            destructive: {
-                background: palette.dark.red8,
-                border: palette.dark.red8,
-                hover: palette.dark.red7,
-                icon: palette.dark.red12,
-                text: palette.white,
-                disabled: {
-                    background: palette.dark.red6,
-                    border: palette.dark.red6,
-                    text: palette.dark.red11
-                }
-            }
-        },
-        secondary: {
-            background: palette.dark.gray3,
-            border: palette.dark.gray8,
-            hover: palette.dark.gray4,
-            icon: palette.dark.gray12,
-            text: palette.white,
-            disabled: {
-                background: palette.dark.gray1,
-                border: palette.dark.gray7,
-                text: palette.dark.gray11
-            },
-            destructive: {
-                background: palette.dark.red3,
-                border: palette.dark.red7,
-                hover: palette.dark.red2,
-                icon: palette.dark.red9,
-                text: palette.white,
-                disabled: {
-                    background: palette.dark.red2,
-                    border: palette.dark.red6,
-                    text: palette.dark.red10
-                }
-            }
-        },
-        tertiary: {
-            background: 'transparent',
-            border: 'transparent',
-            hover: palette.dark.blue4,
-            icon: palette.dark.blue10,
-            text: palette.dark.blue11,
-            disabled: {
-                background: 'transparent',
-                border: 'transparent',
-                text: palette.dark.blue8
-            }
-        },
-        quaternary: {
-            background: 'transparent',
-            border: 'transparent',
-            hover: palette.dark.gray4,
-            icon: palette.dark.gray10,
-            text: palette.dark.gray11,
-            disabled: {
-                background: 'transparent',
-                border: 'transparent',
-                text: palette.dark.gray9
-            }
-        }
-    }
-};
-
-exports.borderRadius = borderRadius;
-exports.breakpoints = breakpoints;
-exports.darkTheme = darkTheme;
-exports.iconSize = iconSize;
-exports.lightTheme = lightTheme;
-exports.palette = palette;
-exports.spacing = spacing;
+"use strict";var r=require("@radix-ui/colors"),e=function(){return e=Object.assign||function(r){for(var e,a=1,t=arguments.length;a<t;a++)for(var d in e=arguments[a])Object.prototype.hasOwnProperty.call(e,d)&&(r[d]=e[d]);return r},e.apply(this,arguments)},a={white:"hsl(0, 0%, 100%)",black:"hsl(0, 0%, 0%)",light:e(e(e(e(e(e(e(e({},r.blue),r.red),r.yellow),r.green),r.orange),r.purple),r.pink),{gray1:r.slate.slate1,gray2:r.slate.slate2,gray3:r.slate.slate3,gray4:r.slate.slate4,gray5:r.slate.slate5,gray6:r.slate.slate6,gray7:r.slate.slate7,gray8:r.slate.slate8,gray9:r.slate.slate9,gray10:r.slate.slate10,gray11:r.slate.slate11,gray12:r.slate.slate12}),dark:e(e(e(e(e(e(e(e({},r.blueDark),r.redDark),r.yellowDark),r.greenDark),r.orangeDark),r.purpleDark),r.pinkDark),{gray1:r.slateDark.slate1,gray2:r.slateDark.slate2,gray3:r.slateDark.slate3,gray4:r.slateDark.slate4,gray5:r.slateDark.slate5,gray6:r.slateDark.slate6,gray7:r.slateDark.slate7,gray8:r.slateDark.slate8,gray9:r.slateDark.slate9,gray10:r.slateDark.slate10,gray11:r.slateDark.slate11,gray12:r.slateDark.slate12})},t={0:1,.5:2,1:4,1.5:6,2:8,2.5:10,3:12,3.5:14,4:16,5:20,6:24,7:28,8:32,9:36,10:40,11:44,12:48,14:56,16:64,20:80,24:96,28:112,32:128,36:144,40:160,44:176,48:192,52:208,56:224,60:240,64:256,72:288,80:320,96:384},d={background:{default:a.white,screen:a.light.gray1,subtle:a.light.gray2,element:a.light.gray3,hover:a.light.gray4,selected:a.light.gray5,overlay:a.white,success:a.light.green3,warning:a.light.yellow3,danger:a.light.red3,info:a.light.blue3},icon:{default:a.light.gray11,secondary:a.light.gray10,tertiary:a.light.gray9,quaternary:a.light.gray8,success:a.light.green10,warning:a.light.yellow11,danger:a.light.red10,info:a.light.blue10},text:{default:a.light.gray12,secondary:a.light.gray11,tertiary:a.light.gray10,quaternary:a.light.gray9,link:a.light.blue11,success:a.light.green11,warning:a.light.yellow11,danger:a.light.red11,info:a.light.blue11},border:{default:a.light.gray7,secondary:a.light.gray6,success:a.light.green7,warning:a.light.yellow7,danger:a.light.red7,info:a.light.blue7},button:{primary:{background:a.light.blue10,border:a.light.blue10,hover:a.light.blue11,icon:a.light.blue3,text:a.white,disabled:{background:a.light.blue7,border:a.light.blue7,text:a.white},destructive:{background:a.light.red10,border:a.light.red10,hover:a.light.red11,icon:a.light.red3,text:a.white,disabled:{background:a.light.red7,border:a.light.red7,text:a.white}}},secondary:{background:a.white,border:a.light.gray8,hover:a.light.gray3,icon:a.light.gray11,text:a.light.gray12,disabled:{background:a.white,border:a.light.gray6,text:a.light.gray9},destructive:{background:a.white,border:a.light.red7,hover:a.light.red3,icon:a.light.red9,text:a.light.red11,disabled:{background:a.white,border:a.light.red5,text:a.light.red8}}},tertiary:{background:"transparent",border:"transparent",hover:a.light.blue4,icon:a.light.blue9,text:a.light.blue10,disabled:{background:"transparent",border:"transparent",text:a.light.blue8}},quaternary:{background:"transparent",border:"transparent",hover:a.light.gray4,icon:a.light.gray11,text:a.light.gray12,disabled:{background:"transparent",border:"transparent",text:a.light.gray9}}}},l={background:{default:a.dark.gray1,screen:"#0C0D0E",subtle:a.dark.gray2,element:a.dark.gray3,hover:a.dark.gray4,selected:a.dark.gray5,overlay:a.dark.gray2,success:a.dark.green3,warning:a.dark.yellow3,danger:a.dark.red3,info:a.dark.blue3},icon:{default:a.dark.gray11,secondary:a.dark.gray10,tertiary:a.dark.gray9,quaternary:a.dark.gray8,success:a.dark.green10,warning:a.dark.yellow11,danger:a.dark.red10,info:a.dark.blue10},text:{default:a.dark.gray12,secondary:a.dark.gray11,tertiary:a.dark.gray10,quaternary:a.dark.gray9,link:a.dark.blue11,success:a.dark.green11,warning:a.dark.yellow11,danger:a.dark.red11,info:a.dark.blue11},border:{default:a.dark.gray7,secondary:a.dark.gray6,success:a.dark.green7,warning:a.dark.yellow7,danger:a.dark.red7,info:a.dark.blue7},button:{primary:{background:a.dark.blue8,border:a.dark.blue8,hover:a.dark.blue7,icon:a.dark.blue12,text:a.white,disabled:{background:a.dark.blue7,border:a.dark.blue7,text:a.dark.gray11},destructive:{background:a.dark.red8,border:a.dark.red8,hover:a.dark.red7,icon:a.dark.red12,text:a.white,disabled:{background:a.dark.red6,border:a.dark.red6,text:a.dark.red11}}},secondary:{background:a.dark.gray3,border:a.dark.gray8,hover:a.dark.gray4,icon:a.dark.gray12,text:a.white,disabled:{background:a.dark.gray1,border:a.dark.gray7,text:a.dark.gray11},destructive:{background:a.dark.red3,border:a.dark.red7,hover:a.dark.red2,icon:a.dark.red9,text:a.white,disabled:{background:a.dark.red2,border:a.dark.red6,text:a.dark.red10}}},tertiary:{background:"transparent",border:"transparent",hover:a.dark.blue4,icon:a.dark.blue10,text:a.dark.blue11,disabled:{background:"transparent",border:"transparent",text:a.dark.blue8}},quaternary:{background:"transparent",border:"transparent",hover:a.dark.gray4,icon:a.dark.gray10,text:a.dark.gray11,disabled:{background:"transparent",border:"transparent",text:a.dark.gray9}}}};exports.borderRadius={none:0,xs:2,sm:4,md:6,lg:10,xl:16,"2xl":20,"3xl":24,full:9999},exports.breakpoints={small:400,medium:900,large:1200},exports.darkTheme=l,exports.iconSize={xs:16,sm:20,md:24,lg:28,xl:32},exports.lightTheme=d,exports.palette=a,exports.spacing=t;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/styleguide-base",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.1",
   "description": "Expo's base colors and style values.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -24,17 +24,14 @@
   "bugs": {
     "url": "https://github.com/expo/styleguide/issues"
   },
-  "devDependencies": {
-    "@rollup/plugin-typescript": "^11.0.0",
-    "npm-run-all": "^4.1.5",
-    "rimraf": "^5.0.0",
-    "rollup": "^3.21.5"
-  },
   "dependencies": {
     "@radix-ui/colors": "^0.1.8"
   },
+  "peerDependencies": {
+    "react": ">= 16"
+  },
   "eslintConfig": {
     "extends": "universe/node"
   },
-  "gitHead": "d5a31412d00af352d1d1f3383d08cfd8f009efd2"
+  "gitHead": "7931cef5c7f32736a3651f5b8bd64ea97de184fc"
 }