@expo/styleguide-native 1.0.0 → 1.0.3

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.
Files changed (5) hide show
  1. package/dist/src/icons/BuildIcon.js +1 -1
  2. package/dist/src/icons/InvoicesIcon.js +2 -2
  3. package/dist/src/styles/palette.js +23 -23
  4. package/dist/src/styles/themes.js +11 -11
  5. package/package.json +4 -3
package/dist/src/icons/BuildIcon.js CHANGED
@@ -24,6 +24,6 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
24
24
  function BuildIcon(props) {
25
25
  const { size, color, width, height } = props;
26
26
  return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
27
- React.createElement(react_native_svg_1.Path, { d: "M10 18.943V9.098m0 9.845L1.964 14.92V5.08M10 18.943l8.037-4.022V5.08M10 9.098L1.964 5.08M10 9.098l8.037-4.018m-16.073 0L10 1.057l8.037 4.023", stroke: color || "#000", strokeWidth: 1.85 })));
27
+ React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 .023l8.962 4.485v10.984L10 19.977l-8.96-4.485V4.508L10 .023zM2.89 6.576v7.773l6.186 3.096V9.67L2.89 6.576zm8.036 3.093v7.776l6.186-3.096V6.576L10.925 9.67zm5.044-4.59L10 8.064 4.031 5.079l5.97-2.987 5.968 2.987z", fill: color || "#000" })));
28
28
  }
29
29
  exports.default = BuildIcon;
package/dist/src/icons/InvoicesIcon.js CHANGED
@@ -24,7 +24,7 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
24
24
  function InvoicesIcon(props) {
25
25
  const { size, color, width, height } = props;
26
26
  return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
27
- React.createElement(react_native_svg_1.Path, { d: "M10.45 17.75l-.45-.27-.45.27-2.088 1.253-2.57-1.286-.484-.241-.433.324-1.767 1.325H2A1.125 1.125 0 01.875 18V3C.875 1.826 1.826.875 3 .875h14c1.174 0 2.125.951 2.125 2.125v15c0 .621-.504 1.125-1.125 1.125h-.208L16.025 17.8l-.433-.325-.483.242-2.57 1.286-2.089-1.253z", stroke: color || "#000", strokeWidth: 1.75 }),
28
- React.createElement(react_native_svg_1.Path, { d: "M4.444 5.183h11.112M4.444 7.88h11.112M4.444 10.813h9.226", stroke: color || "#000" })));
27
+ React.createElement(react_native_svg_1.Path, { d: "M.875 18.673V3C.875 1.826 1.826.875 3 .875h14c1.174 0 2.125.951 2.125 2.125v15.673l-2.28-.977-.373-.16-.363.181-2.637 1.319-3.127-1.34-.345-.148-.345.148-3.127 1.34-2.637-1.319-.363-.181-.373.16-2.28.977z", stroke: color || "#000", strokeWidth: 1.75 }),
28
+ React.createElement(react_native_svg_1.Path, { d: "M5.265 5.732h9.47M5.265 8.43h9.47m-9.47 2.933h6.123", stroke: color || "#000", strokeWidth: 1.5, strokeLinecap: "round" })));
29
29
  }
30
30
  exports.default = InvoicesIcon;
package/dist/src/styles/palette.js CHANGED
@@ -16,17 +16,17 @@ exports.palette = {
16
16
  900: '#05264c',
17
17
  },
18
18
  gray: {
19
- '000': '#fdfdfe',
20
- 100: '#f8f8fa',
21
- 200: '#f0f1f2',
22
- 300: '#e1e4e8',
23
- 400: '#d1d5da',
24
- 500: '#9b9fa3',
25
- 600: '#6c737c',
26
- 700: '#596068',
27
- 800: '#464d55',
28
- 900: '#30363c',
29
- 1000: '#25292e',
19
+ '000': '#FDFDFE',
20
+ 100: '#F8F9FA',
21
+ 200: '#F0F1F2',
22
+ 300: '#E1E4E8',
23
+ 400: '#D1D5DA',
24
+ 500: '#9B9EA3',
25
+ 600: '#6C737C',
26
+ 700: '#595F68',
27
+ 800: '#464C55',
28
+ 900: '#30353C',
29
+ 1000: '#25292E',
30
30
  },
31
31
  green: {
32
32
  '000': '#f0fff4',
@@ -129,17 +129,17 @@ exports.palette = {
129
129
  900: '#cae8ff',
130
130
  },
131
131
  gray: {
132
- '000': '#0d1117',
133
- 100: '#161b22',
134
- 200: '#21262d',
135
- 300: '#30363d',
136
- 400: '#484f58',
137
- 500: '#6e7681',
138
- 600: '#8b949e',
139
- 700: '#b1bac4',
140
- 800: '#c9d1d9',
141
- 900: '#f0f6fc',
142
- 1000: '#fdfdfe',
132
+ '000': '#0B0F13',
133
+ 100: '#14191F',
134
+ 200: '#1C2026',
135
+ 300: '#262A31',
136
+ 400: '#32373E',
137
+ 500: '#49505A',
138
+ 600: '#737B87',
139
+ 700: '#9BA4B0',
140
+ 800: '#BCC3CD',
141
+ 900: '#E0E4EB',
142
+ 1000: '#F0F2F5',
143
143
  },
144
144
  green: {
145
145
  '000': '#1a2b20',
@@ -226,6 +226,6 @@ exports.palette = {
226
226
  900: '#fae296',
227
227
  },
228
228
  white: '#fff',
229
- black: '#0d1117',
229
+ black: '#0B0F13',
230
230
  },
231
231
  };
package/dist/src/styles/themes.js CHANGED
@@ -27,15 +27,15 @@ exports.lightTheme = {
27
27
  },
28
28
  secondary: {
29
29
  background: palette_1.palette.light.gray[200],
30
- foreground: palette_1.palette.light.black,
30
+ foreground: palette_1.palette.light.gray[1000],
31
31
  },
32
32
  tertiary: {
33
- background: palette_1.palette.light.black,
34
- foreground: palette_1.palette.light.white,
33
+ background: palette_1.palette.light.gray[1000],
34
+ foreground: palette_1.palette.light.gray['000'],
35
35
  },
36
36
  transparent: {
37
37
  background: 'transparent',
38
- foreground: palette_1.palette.light.black,
38
+ foreground: palette_1.palette.light.gray[1000],
39
39
  },
40
40
  ghost: {
41
41
  background: 'transparent',
@@ -91,7 +91,7 @@ exports.lightTheme = {
91
91
  };
92
92
  exports.darkTheme = {
93
93
  background: {
94
- default: palette_1.palette.dark.gray['000'],
94
+ default: palette_1.palette.dark.gray['100'],
95
95
  screen: palette_1.palette.dark.gray['000'],
96
96
  secondary: palette_1.palette.dark.gray[200],
97
97
  tertiary: palette_1.palette.dark.gray[300],
@@ -99,7 +99,7 @@ exports.darkTheme = {
99
99
  error: palette_1.palette.dark.red['000'],
100
100
  warning: palette_1.palette.dark.yellow['000'],
101
101
  success: palette_1.palette.dark.green['000'],
102
- overlay: palette_1.palette.dark.gray[100],
102
+ overlay: palette_1.palette.dark.gray[200],
103
103
  },
104
104
  border: {
105
105
  default: palette_1.palette.dark.gray[400],
@@ -114,11 +114,11 @@ exports.darkTheme = {
114
114
  },
115
115
  secondary: {
116
116
  background: palette_1.palette.dark.gray[300],
117
- foreground: palette_1.palette.dark.white,
117
+ foreground: palette_1.palette.dark.gray[800],
118
118
  },
119
119
  tertiary: {
120
- background: palette_1.palette.dark.gray[900],
121
- foreground: palette_1.palette.dark.black,
120
+ background: palette_1.palette.dark.gray[500],
121
+ foreground: palette_1.palette.dark.gray[1000],
122
122
  },
123
123
  transparent: {
124
124
  background: 'transparent',
@@ -132,7 +132,7 @@ exports.darkTheme = {
132
132
  },
133
133
  icon: {
134
134
  default: palette_1.palette.dark.gray[800],
135
- secondary: palette_1.palette.dark.gray[600],
135
+ secondary: palette_1.palette.dark.gray[700],
136
136
  },
137
137
  link: {
138
138
  default: palette_1.palette.dark.primary[700],
@@ -146,7 +146,7 @@ exports.darkTheme = {
146
146
  },
147
147
  text: {
148
148
  default: palette_1.palette.dark.gray[800],
149
- secondary: palette_1.palette.dark.gray[600],
149
+ secondary: palette_1.palette.dark.gray[700],
150
150
  error: palette_1.palette.dark.red[600],
151
151
  warning: palette_1.palette.dark.yellow[900],
152
152
  success: palette_1.palette.dark.green[600],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@expo/styleguide-native",
3
- "version": "1.0.0",
3
+ "version": "1.0.3",
4
4
  "description": "Foundational styles for Expo interfaces.",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -20,7 +20,8 @@
20
20
  "homepage": "https://github.com/expo/styleguide",
21
21
  "repository": {
22
22
  "type": "git",
23
- "url": "https://github.com/expo/styleguide.git"
23
+ "url": "https://github.com/expo/styleguide.git",
24
+ "directory": "packages/styleguide-native"
24
25
  },
25
26
  "devDependencies": {
26
27
  "@svgr/cli": "^5.5.0",
@@ -33,5 +34,5 @@
33
34
  "react": "*",
34
35
  "react-native-svg": "*"
35
36
  },
36
- "gitHead": "b66433e1fc551311023c6c5829a0d9cdb3bdcae7"
37
+ "gitHead": "a85cfbc1cf2f8cc51d87c67ff2f6528606cf15d0"
37
38
  }