@expo/styleguide-base 1.0.1 → 2.0.1
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.js +1 -1
- package/dist/src/palette.d.ts +24 -24
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"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
|
|
1
|
+
"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 l in e=arguments[a])Object.prototype.hasOwnProperty.call(e,l)&&(r[l]=e[l]);return r},e.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var a={white:"hsl(0, 0%, 100%)",black:"hsl(0, 0%, 0%)",light:e(e(e(e(e(e(e({},r.blue),r.red),r.green),r.orange),r.purple),r.pink),{yellow1:r.amber.amber1,yellow2:r.amber.amber2,yellow3:r.amber.amber3,yellow4:r.amber.amber4,yellow5:r.amber.amber5,yellow6:r.amber.amber6,yellow7:r.amber.amber7,yellow8:r.amber.amber8,yellow9:r.amber.amber9,yellow10:r.amber.amber10,yellow11:r.amber.amber11,yellow12:r.amber.amber12,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({},r.blueDark),r.redDark),r.greenDark),r.orangeDark),r.purpleDark),r.pinkDark),{yellow1:r.amberDark.amber1,yellow2:r.amberDark.amber2,yellow3:r.amberDark.amber3,yellow4:r.amberDark.amber4,yellow5:r.amberDark.amber5,yellow6:r.amberDark.amber6,yellow7:r.amberDark.amber7,yellow8:r.amberDark.amber8,yellow9:r.amberDark.amber9,yellow10:r.amberDark.amber10,yellow11:r.amberDark.amber11,yellow12:r.amberDark.amber12,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},l={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}}}},d={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=d,exports.iconSize={xs:16,sm:20,md:24,lg:28,xl:32},exports.lightTheme=l,exports.palette=a,exports.spacing=t;
|
package/dist/src/palette.d.ts
CHANGED
|
@@ -2,6 +2,18 @@ export declare const palette: {
|
|
|
2
2
|
white: string;
|
|
3
3
|
black: string;
|
|
4
4
|
light: {
|
|
5
|
+
yellow1: string;
|
|
6
|
+
yellow2: string;
|
|
7
|
+
yellow3: string;
|
|
8
|
+
yellow4: string;
|
|
9
|
+
yellow5: string;
|
|
10
|
+
yellow6: string;
|
|
11
|
+
yellow7: string;
|
|
12
|
+
yellow8: string;
|
|
13
|
+
yellow9: string;
|
|
14
|
+
yellow10: string;
|
|
15
|
+
yellow11: string;
|
|
16
|
+
yellow12: string;
|
|
5
17
|
gray1: string;
|
|
6
18
|
gray2: string;
|
|
7
19
|
gray3: string;
|
|
@@ -62,18 +74,6 @@ export declare const palette: {
|
|
|
62
74
|
green10: string;
|
|
63
75
|
green11: string;
|
|
64
76
|
green12: string;
|
|
65
|
-
yellow1: string;
|
|
66
|
-
yellow2: string;
|
|
67
|
-
yellow3: string;
|
|
68
|
-
yellow4: string;
|
|
69
|
-
yellow5: string;
|
|
70
|
-
yellow6: string;
|
|
71
|
-
yellow7: string;
|
|
72
|
-
yellow8: string;
|
|
73
|
-
yellow9: string;
|
|
74
|
-
yellow10: string;
|
|
75
|
-
yellow11: string;
|
|
76
|
-
yellow12: string;
|
|
77
77
|
red1: string;
|
|
78
78
|
red2: string;
|
|
79
79
|
red3: string;
|
|
@@ -100,6 +100,18 @@ export declare const palette: {
|
|
|
100
100
|
blue12: string;
|
|
101
101
|
};
|
|
102
102
|
dark: {
|
|
103
|
+
yellow1: string;
|
|
104
|
+
yellow2: string;
|
|
105
|
+
yellow3: string;
|
|
106
|
+
yellow4: string;
|
|
107
|
+
yellow5: string;
|
|
108
|
+
yellow6: string;
|
|
109
|
+
yellow7: string;
|
|
110
|
+
yellow8: string;
|
|
111
|
+
yellow9: string;
|
|
112
|
+
yellow10: string;
|
|
113
|
+
yellow11: string;
|
|
114
|
+
yellow12: string;
|
|
103
115
|
gray1: string;
|
|
104
116
|
gray2: string;
|
|
105
117
|
gray3: string;
|
|
@@ -160,18 +172,6 @@ export declare const palette: {
|
|
|
160
172
|
green10: string;
|
|
161
173
|
green11: string;
|
|
162
174
|
green12: string;
|
|
163
|
-
yellow1: string;
|
|
164
|
-
yellow2: string;
|
|
165
|
-
yellow3: string;
|
|
166
|
-
yellow4: string;
|
|
167
|
-
yellow5: string;
|
|
168
|
-
yellow6: string;
|
|
169
|
-
yellow7: string;
|
|
170
|
-
yellow8: string;
|
|
171
|
-
yellow9: string;
|
|
172
|
-
yellow10: string;
|
|
173
|
-
yellow11: string;
|
|
174
|
-
yellow12: string;
|
|
175
175
|
red1: string;
|
|
176
176
|
red2: string;
|
|
177
177
|
red3: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@expo/styleguide-base",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.1",
|
|
4
4
|
"description": "Expo's base colors and style values.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"url": "https://github.com/expo/styleguide/issues"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@radix-ui/colors": "^0.
|
|
28
|
+
"@radix-ui/colors": "^3.0.0"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
31
|
"react": ">= 16"
|
|
@@ -33,5 +33,5 @@
|
|
|
33
33
|
"eslintConfig": {
|
|
34
34
|
"extends": "universe/node"
|
|
35
35
|
},
|
|
36
|
-
"gitHead": "
|
|
36
|
+
"gitHead": "ba0851d9625278f169daea222d4ba11a30c5ba11"
|
|
37
37
|
}
|