@expo/styleguide-base 3.0.4 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -1
- package/dist/src/breakpoints.js +1 -0
- package/dist/src/mergeClasses.d.ts +1 -0
- package/dist/src/mergeClasses.js +1 -0
- package/dist/src/palette.js +1 -0
- package/dist/src/sizing.js +1 -0
- package/dist/src/spacing.js +1 -0
- package/dist/src/themes.js +1 -0
- package/package.json +15 -3
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var e=require("./src/breakpoints.js"),s=require("./src/mergeClasses.js"),r=require("./src/palette.js"),i=require("./src/sizing.js"),t=require("./src/spacing.js"),a=require("./src/themes.js");exports.breakpoints=e.breakpoints,exports.mergeClasses=s.mergeClasses,exports.palette=r.palette,exports.borderRadius=i.borderRadius,exports.iconSize=i.iconSize,exports.spacing=t.spacing,exports.darkTheme=a.darkTheme,exports.lightTheme=a.lightTheme;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";exports.breakpoints={small:400,medium:900,large:1200};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const mergeClasses: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("tailwind-merge").extendTailwindMerge({extend:{conflictingClassGroups:{heading:["font-size","leading"]},classGroups:{icon:[{icon:["2xs","xs","sm","md","lg","xl","2xl"]}],heading:[{heading:["xs","sm","base","lg","xl","2xl","3xl","4xl","5xl"]}]}}});exports.mergeClasses=e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var a=require("@radix-ui/colors");const e={white:"hsl(0, 0%, 100%)",black:"hsl(0, 0%, 0%)",light:{...a.blue,...a.red,...a.green,...a.orange,...a.purple,...a.pink,yellow1:a.amber.amber1,yellow2:a.amber.amber2,yellow3:a.amber.amber3,yellow4:a.amber.amber4,yellow5:a.amber.amber5,yellow6:a.amber.amber6,yellow7:a.amber.amber7,yellow8:a.amber.amber8,yellow9:a.amber.amber9,yellow10:a.amber.amber10,yellow11:a.amber.amber11,yellow12:a.amber.amber12,gray1:a.slate.slate1,gray2:a.slate.slate2,gray3:a.slate.slate3,gray4:a.slate.slate4,gray5:a.slate.slate5,gray6:a.slate.slate6,gray7:a.slate.slate7,gray8:a.slate.slate8,gray9:a.slate.slate9,gray10:a.slate.slate10,gray11:a.slate.slate11,gray12:a.slate.slate12},dark:{...a.blueDark,...a.redDark,...a.greenDark,...a.orangeDark,...a.purpleDark,...a.pinkDark,yellow1:a.amberDark.amber1,yellow2:a.amberDark.amber2,yellow3:a.amberDark.amber3,yellow4:a.amberDark.amber4,yellow5:a.amberDark.amber5,yellow6:a.amberDark.amber6,yellow7:a.amberDark.amber7,yellow8:a.amberDark.amber8,yellow9:a.amberDark.amber9,yellow10:a.amberDark.amber10,yellow11:a.amberDark.amber11,yellow12:a.amberDark.amber12,gray1:a.slateDark.slate1,gray2:a.slateDark.slate2,gray3:a.slateDark.slate3,gray4:a.slateDark.slate4,gray5:a.slateDark.slate5,gray6:a.slateDark.slate6,gray7:a.slateDark.slate7,gray8:a.slateDark.slate8,gray9:a.slateDark.slate9,gray10:a.slateDark.slate10,gray11:a.slateDark.slate11,gray12:a.slateDark.slate12}};exports.palette=e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";exports.borderRadius={none:0,xs:2,sm:4,md:6,lg:8,xl:16,"2xl":20,"3xl":24,full:9999},exports.iconSize={xs:16,sm:20,md:24,lg:28,xl:32};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const s={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};exports.spacing=s;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("./palette.js");const t={background:{default:e.palette.white,screen:e.palette.light.gray1,subtle:e.palette.light.gray2,element:e.palette.light.gray3,hover:e.palette.light.gray4,selected:e.palette.light.gray5,overlay:e.palette.white,success:e.palette.light.green3,warning:e.palette.light.yellow3,danger:e.palette.light.red3,info:e.palette.light.blue3},icon:{default:e.palette.light.gray11,secondary:e.palette.light.gray10,tertiary:e.palette.light.gray9,quaternary:e.palette.light.gray8,success:e.palette.light.green10,warning:e.palette.light.yellow11,danger:e.palette.light.red10,info:e.palette.light.blue10},text:{default:e.palette.light.gray12,secondary:e.palette.light.gray11,tertiary:e.palette.light.gray10,quaternary:e.palette.light.gray9,link:e.palette.light.blue11,success:e.palette.light.green11,warning:e.palette.light.yellow11,danger:e.palette.light.red11,info:e.palette.light.blue11},border:{default:e.palette.light.gray7,secondary:e.palette.light.gray6,success:e.palette.light.green7,warning:e.palette.light.yellow7,danger:e.palette.light.red7,info:e.palette.light.blue7},button:{primary:{background:e.palette.light.blue10,border:e.palette.light.blue10,hover:e.palette.light.blue11,icon:e.palette.light.blue3,text:e.palette.white,disabled:{background:e.palette.light.blue7,border:e.palette.light.blue7,text:e.palette.white},destructive:{background:e.palette.light.red10,border:e.palette.light.red10,hover:e.palette.light.red11,icon:e.palette.light.red3,text:e.palette.white,disabled:{background:e.palette.light.red7,border:e.palette.light.red7,text:e.palette.white}}},secondary:{background:e.palette.white,border:e.palette.light.gray8,hover:e.palette.light.gray3,icon:e.palette.light.gray11,text:e.palette.light.gray12,disabled:{background:e.palette.white,border:e.palette.light.gray6,text:e.palette.light.gray9},destructive:{background:e.palette.white,border:e.palette.light.red7,hover:e.palette.light.red3,icon:e.palette.light.red9,text:e.palette.light.red11,disabled:{background:e.palette.white,border:e.palette.light.red5,text:e.palette.light.red8}}},tertiary:{background:"transparent",border:"transparent",hover:e.palette.light.blue4,icon:e.palette.light.blue9,text:e.palette.light.blue10,disabled:{background:"transparent",border:"transparent",text:e.palette.light.blue8}},quaternary:{background:"transparent",border:"transparent",hover:e.palette.light.gray4,icon:e.palette.light.gray11,text:e.palette.light.gray12,disabled:{background:"transparent",border:"transparent",text:e.palette.light.gray9}}}},a={background:{default:e.palette.dark.gray1,screen:"#0C0D0E",subtle:e.palette.dark.gray2,element:e.palette.dark.gray3,hover:e.palette.dark.gray4,selected:e.palette.dark.gray5,overlay:e.palette.dark.gray2,success:e.palette.dark.green3,warning:e.palette.dark.yellow3,danger:e.palette.dark.red3,info:e.palette.dark.blue3},icon:{default:e.palette.dark.gray11,secondary:e.palette.dark.gray10,tertiary:e.palette.dark.gray9,quaternary:e.palette.dark.gray8,success:e.palette.dark.green10,warning:e.palette.dark.yellow11,danger:e.palette.dark.red10,info:e.palette.dark.blue10},text:{default:e.palette.dark.gray12,secondary:e.palette.dark.gray11,tertiary:e.palette.dark.gray10,quaternary:e.palette.dark.gray9,link:e.palette.dark.blue11,success:e.palette.dark.green11,warning:e.palette.dark.yellow11,danger:e.palette.dark.red11,info:e.palette.dark.blue11},border:{default:e.palette.dark.gray7,secondary:e.palette.dark.gray6,success:e.palette.dark.green7,warning:e.palette.dark.yellow7,danger:e.palette.dark.red7,info:e.palette.dark.blue7},button:{primary:{background:e.palette.dark.blue8,border:e.palette.dark.blue8,hover:e.palette.dark.blue7,icon:e.palette.dark.blue12,text:e.palette.white,disabled:{background:e.palette.dark.blue7,border:e.palette.dark.blue7,text:e.palette.dark.gray11},destructive:{background:e.palette.dark.red8,border:e.palette.dark.red8,hover:e.palette.dark.red7,icon:e.palette.dark.red12,text:e.palette.white,disabled:{background:e.palette.dark.red6,border:e.palette.dark.red6,text:e.palette.dark.red11}}},secondary:{background:e.palette.dark.gray3,border:e.palette.dark.gray8,hover:e.palette.dark.gray4,icon:e.palette.dark.gray12,text:e.palette.white,disabled:{background:e.palette.dark.gray1,border:e.palette.dark.gray7,text:e.palette.dark.gray11},destructive:{background:e.palette.dark.red3,border:e.palette.dark.red7,hover:e.palette.dark.red2,icon:e.palette.dark.red9,text:e.palette.white,disabled:{background:e.palette.dark.red2,border:e.palette.dark.red6,text:e.palette.dark.red10}}},tertiary:{background:"transparent",border:"transparent",hover:e.palette.dark.blue4,icon:e.palette.dark.blue10,text:e.palette.dark.blue11,disabled:{background:"transparent",border:"transparent",text:e.palette.dark.blue8}},quaternary:{background:"transparent",border:"transparent",hover:e.palette.dark.gray4,icon:e.palette.dark.gray10,text:e.palette.dark.gray11,disabled:{background:"transparent",border:"transparent",text:e.palette.dark.gray9}}}};exports.darkTheme=a,exports.lightTheme=t;
|
package/package.json
CHANGED
|
@@ -1,9 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@expo/styleguide-base",
|
|
3
|
-
"version": "3.0
|
|
3
|
+
"version": "3.1.0",
|
|
4
4
|
"description": "Expo's base colors and style values.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
7
|
+
"exports": {
|
|
8
|
+
".": {
|
|
9
|
+
"types": "./dist/index.d.ts",
|
|
10
|
+
"default": "./dist/index.js"
|
|
11
|
+
},
|
|
12
|
+
"./mergeClasses": {
|
|
13
|
+
"types": "./dist/src/mergeClasses.d.ts",
|
|
14
|
+
"default": "./dist/src/mergeClasses.js"
|
|
15
|
+
},
|
|
16
|
+
"./package.json": "./package.json"
|
|
17
|
+
},
|
|
7
18
|
"files": [
|
|
8
19
|
"dist"
|
|
9
20
|
],
|
|
@@ -25,7 +36,8 @@
|
|
|
25
36
|
"url": "https://github.com/expo/styleguide/issues"
|
|
26
37
|
},
|
|
27
38
|
"dependencies": {
|
|
28
|
-
"@radix-ui/colors": "^3.0.0"
|
|
39
|
+
"@radix-ui/colors": "^3.0.0",
|
|
40
|
+
"tailwind-merge": "^3.5.0"
|
|
29
41
|
},
|
|
30
42
|
"devDependencies": {
|
|
31
43
|
"npm-run-all": "*",
|
|
@@ -38,5 +50,5 @@
|
|
|
38
50
|
"eslintConfig": {
|
|
39
51
|
"extends": "universe/node"
|
|
40
52
|
},
|
|
41
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "ce85f81989f406b8e9d64e3b844caa587f590760"
|
|
42
54
|
}
|