@hero-design/rn 8.131.4 → 8.132.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/CHANGELOG.md +12 -0
- package/assets/fonts/hero-icons-mobile.ttf +0 -0
- package/es/index.js +17 -18
- package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
- package/lib/index.js +19 -17
- package/package.json +2 -2
- package/src/index.ts +9 -0
- package/src/theme/getTheme.ts +9 -3
- package/src/theme/global/index.ts +15 -3
- package/src/theme/global/shadows/index.ts +16 -14
- package/src/theme/index.ts +8 -1
- package/types/index.d.ts +4 -2
- package/types/theme/getTheme.d.ts +2 -2
- package/types/theme/global/index.d.ts +4 -3
- package/types/theme/global/shadows/index.d.ts +2 -1
- package/types/theme/index.d.ts +6 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @hero-design/rn
|
|
2
2
|
|
|
3
|
+
## 8.132.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#5153](https://github.com/Thinkei/hero-design/pull/5153) [`4e9368c`](https://github.com/Thinkei/hero-design/commit/4e9368c2369557af6ea0cac0a277fa21195512bd) Thanks [@tqdungit](https://github.com/tqdungit)! - [Mobile Icon] Migrate Hero Design Icons (mobile) to Material Symbols icons
|
|
8
|
+
|
|
9
|
+
## 8.132.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [#5260](https://github.com/Thinkei/hero-design/pull/5260) [`bd4ee4e`](https://github.com/Thinkei/hero-design/commit/bd4ee4e4ede9b7cf99d389a6de5de489e92d2a81) Thanks [@vinhphan-eh](https://github.com/vinhphan-eh)! - Expose optional `shadowPalette` parameter on `getTheme`/`getGlobalTheme`; replace `switch/case` in `getShadows` with a lookup map; export `ShadowPalette` type and built-in shadow palette objects (`ehWorkShadowPalette`, `ehJobsShadowPalette`, `ehWorkDarkShadowPalette`).
|
|
14
|
+
|
|
3
15
|
## 8.131.4
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
Binary file
|
package/es/index.js
CHANGED
|
@@ -5410,21 +5410,19 @@ var ehWorkDarkShadowPalette = {
|
|
|
5410
5410
|
}
|
|
5411
5411
|
};
|
|
5412
5412
|
|
|
5413
|
-
var
|
|
5414
|
-
|
|
5415
|
-
|
|
5416
|
-
|
|
5417
|
-
|
|
5418
|
-
|
|
5419
|
-
|
|
5420
|
-
|
|
5421
|
-
|
|
5422
|
-
|
|
5423
|
-
|
|
5424
|
-
return ehWorkDarkShadowPalette;
|
|
5425
|
-
default:
|
|
5426
|
-
return ehWorkShadowPalette;
|
|
5413
|
+
var shadowPaletteMap = {
|
|
5414
|
+
swagLight: ehWorkShadowPalette,
|
|
5415
|
+
ehWork: ehWorkShadowPalette,
|
|
5416
|
+
swagLightJobs: ehJobsShadowPalette,
|
|
5417
|
+
ehJobs: ehJobsShadowPalette,
|
|
5418
|
+
ehWorkDark: ehWorkDarkShadowPalette
|
|
5419
|
+
};
|
|
5420
|
+
var getShadows = function getShadows(palette, customShadowPalette) {
|
|
5421
|
+
var _shadowPaletteMap, _palette$name;
|
|
5422
|
+
if (customShadowPalette) {
|
|
5423
|
+
return customShadowPalette;
|
|
5427
5424
|
}
|
|
5425
|
+
return (_shadowPaletteMap = shadowPaletteMap[(_palette$name = palette.name) !== null && _palette$name !== void 0 ? _palette$name : '']) !== null && _shadowPaletteMap !== void 0 ? _shadowPaletteMap : ehWorkShadowPalette;
|
|
5428
5426
|
};
|
|
5429
5427
|
|
|
5430
5428
|
var DIAGONAL_ANGLE = 282;
|
|
@@ -5497,7 +5495,7 @@ var getGradients = function getGradients(systemPalette) {
|
|
|
5497
5495
|
};
|
|
5498
5496
|
};
|
|
5499
5497
|
|
|
5500
|
-
var getGlobalTheme = function getGlobalTheme(scale, systemPalette) {
|
|
5498
|
+
var getGlobalTheme = function getGlobalTheme(scale, systemPalette, shadowPalette) {
|
|
5501
5499
|
var fonts = getFonts(scale.font);
|
|
5502
5500
|
var fontSizes = getFontSizes(scale.fontSize);
|
|
5503
5501
|
var lineHeights = getLineHeights(fontSizes);
|
|
@@ -5505,7 +5503,7 @@ var getGlobalTheme = function getGlobalTheme(scale, systemPalette) {
|
|
|
5505
5503
|
var space = getSpace(scale.space);
|
|
5506
5504
|
var sizes = getSizes(scale.size);
|
|
5507
5505
|
var radii = getRadii(scale.radius);
|
|
5508
|
-
var shadows = getShadows(systemPalette);
|
|
5506
|
+
var shadows = getShadows(systemPalette, shadowPalette);
|
|
5509
5507
|
var gradients = getGradients(systemPalette);
|
|
5510
5508
|
return {
|
|
5511
5509
|
colors: _objectSpread2(_objectSpread2({}, systemPalette), {}, {
|
|
@@ -7932,7 +7930,8 @@ var getInlineLoaderTheme = function getInlineLoaderTheme(theme) {
|
|
|
7932
7930
|
var getTheme = function getTheme() {
|
|
7933
7931
|
var scale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : scale$1;
|
|
7934
7932
|
var systemPallete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : swagSystemPalette$2;
|
|
7935
|
-
var
|
|
7933
|
+
var shadowPalette = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
|
|
7934
|
+
var globalTheme = getGlobalTheme(scale, systemPallete, shadowPalette);
|
|
7936
7935
|
return _objectSpread2(_objectSpread2({
|
|
7937
7936
|
themeMode: systemPallete.themeMode
|
|
7938
7937
|
}, globalTheme), {}, {
|
|
@@ -42862,4 +42861,4 @@ var InlineLoader = function InlineLoader(_ref) {
|
|
|
42862
42861
|
}, text));
|
|
42863
42862
|
};
|
|
42864
42863
|
|
|
42865
|
-
export { Accordion, Alert, AppCue, Attachment, index$b as Avatar, Badge, BottomNavigation, BottomSheet, Box, CompoundButton as Button, Calendar, Card, index$a as Carousel, Chart, index$9 as Checkbox, Chip, Collapse, ContentNavigator, index$8 as DatePicker, Divider, index$7 as Drawer, Empty, ErrorComponent as Error, FAB, FilterTrigger, FlatListWithFAB, FloatingIsland, HeroDesignProvider, Icon, Illustration, IllustrationList, Image, InlineLoader, List$1 as List, LocaleProvider, index$6 as MapPin, PageControl, PinInput, Portal, Progress, CompoundRadio as Radio, Rate, RefreshControl, index as RichTextEditor, ScrollViewWithFAB, Search, SectionHeading, SectionListWithFAB, SegmentedControl, index$4 as Select, Skeleton, Slider, Spinner, Success, index$5 as Swipeable, index$3 as Switch, index$2 as Tabs, Tag, TextInput, ThemeProvider, ThemeSwitcher, PublicTimePicker as TimePicker, Toast, index$1 as Toolbar, Typography, eBensSystemPalette, ehJobsSystemPalette, ehWorkDarkSystemPalette, ehWorkSystemPalette, getTheme, jobsSystemPalette, scale, index$c as styled, swagDarkSystemPalette, swagLightJobsSystemPalette, swagSystemPalette$1 as swagLightSystemPalette, swagSystemPalette$2 as swagSystemPalette, defaultTheme as theme, useAvatarColors, useTheme, walletSystemPalette, withTheme, workSystemPalette };
|
|
42864
|
+
export { Accordion, Alert, AppCue, Attachment, index$b as Avatar, Badge, BottomNavigation, BottomSheet, Box, CompoundButton as Button, Calendar, Card, index$a as Carousel, Chart, index$9 as Checkbox, Chip, Collapse, ContentNavigator, index$8 as DatePicker, Divider, index$7 as Drawer, Empty, ErrorComponent as Error, FAB, FilterTrigger, FlatListWithFAB, FloatingIsland, HeroDesignProvider, Icon, Illustration, IllustrationList, Image, InlineLoader, List$1 as List, LocaleProvider, index$6 as MapPin, PageControl, PinInput, Portal, Progress, CompoundRadio as Radio, Rate, RefreshControl, index as RichTextEditor, ScrollViewWithFAB, Search, SectionHeading, SectionListWithFAB, SegmentedControl, index$4 as Select, Skeleton, Slider, Spinner, Success, index$5 as Swipeable, index$3 as Switch, index$2 as Tabs, Tag, TextInput, ThemeProvider, ThemeSwitcher, PublicTimePicker as TimePicker, Toast, index$1 as Toolbar, Typography, eBensSystemPalette, ehJobsShadowPalette, ehJobsSystemPalette, ehWorkDarkShadowPalette, ehWorkDarkSystemPalette, ehWorkShadowPalette, ehWorkSystemPalette, getTheme, jobsSystemPalette, scale, index$c as styled, swagDarkSystemPalette, swagLightJobsSystemPalette, swagSystemPalette$1 as swagLightSystemPalette, swagSystemPalette$2 as swagSystemPalette, defaultTheme as theme, useAvatarColors, useTheme, walletSystemPalette, withTheme, workSystemPalette };
|
|
Binary file
|
package/lib/index.js
CHANGED
|
@@ -5439,21 +5439,19 @@ var ehWorkDarkShadowPalette = {
|
|
|
5439
5439
|
}
|
|
5440
5440
|
};
|
|
5441
5441
|
|
|
5442
|
-
var
|
|
5443
|
-
|
|
5444
|
-
|
|
5445
|
-
|
|
5446
|
-
|
|
5447
|
-
|
|
5448
|
-
|
|
5449
|
-
|
|
5450
|
-
|
|
5451
|
-
|
|
5452
|
-
|
|
5453
|
-
return ehWorkDarkShadowPalette;
|
|
5454
|
-
default:
|
|
5455
|
-
return ehWorkShadowPalette;
|
|
5442
|
+
var shadowPaletteMap = {
|
|
5443
|
+
swagLight: ehWorkShadowPalette,
|
|
5444
|
+
ehWork: ehWorkShadowPalette,
|
|
5445
|
+
swagLightJobs: ehJobsShadowPalette,
|
|
5446
|
+
ehJobs: ehJobsShadowPalette,
|
|
5447
|
+
ehWorkDark: ehWorkDarkShadowPalette
|
|
5448
|
+
};
|
|
5449
|
+
var getShadows = function getShadows(palette, customShadowPalette) {
|
|
5450
|
+
var _shadowPaletteMap, _palette$name;
|
|
5451
|
+
if (customShadowPalette) {
|
|
5452
|
+
return customShadowPalette;
|
|
5456
5453
|
}
|
|
5454
|
+
return (_shadowPaletteMap = shadowPaletteMap[(_palette$name = palette.name) !== null && _palette$name !== void 0 ? _palette$name : '']) !== null && _shadowPaletteMap !== void 0 ? _shadowPaletteMap : ehWorkShadowPalette;
|
|
5457
5455
|
};
|
|
5458
5456
|
|
|
5459
5457
|
var DIAGONAL_ANGLE = 282;
|
|
@@ -5526,7 +5524,7 @@ var getGradients = function getGradients(systemPalette) {
|
|
|
5526
5524
|
};
|
|
5527
5525
|
};
|
|
5528
5526
|
|
|
5529
|
-
var getGlobalTheme = function getGlobalTheme(scale, systemPalette) {
|
|
5527
|
+
var getGlobalTheme = function getGlobalTheme(scale, systemPalette, shadowPalette) {
|
|
5530
5528
|
var fonts = getFonts(scale.font);
|
|
5531
5529
|
var fontSizes = getFontSizes(scale.fontSize);
|
|
5532
5530
|
var lineHeights = getLineHeights(fontSizes);
|
|
@@ -5534,7 +5532,7 @@ var getGlobalTheme = function getGlobalTheme(scale, systemPalette) {
|
|
|
5534
5532
|
var space = getSpace(scale.space);
|
|
5535
5533
|
var sizes = getSizes(scale.size);
|
|
5536
5534
|
var radii = getRadii(scale.radius);
|
|
5537
|
-
var shadows = getShadows(systemPalette);
|
|
5535
|
+
var shadows = getShadows(systemPalette, shadowPalette);
|
|
5538
5536
|
var gradients = getGradients(systemPalette);
|
|
5539
5537
|
return {
|
|
5540
5538
|
colors: _objectSpread2(_objectSpread2({}, systemPalette), {}, {
|
|
@@ -7961,7 +7959,8 @@ var getInlineLoaderTheme = function getInlineLoaderTheme(theme) {
|
|
|
7961
7959
|
var getTheme = function getTheme() {
|
|
7962
7960
|
var scale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : scale$1;
|
|
7963
7961
|
var systemPallete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : swagSystemPalette$2;
|
|
7964
|
-
var
|
|
7962
|
+
var shadowPalette = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
|
|
7963
|
+
var globalTheme = getGlobalTheme(scale, systemPallete, shadowPalette);
|
|
7965
7964
|
return _objectSpread2(_objectSpread2({
|
|
7966
7965
|
themeMode: systemPallete.themeMode
|
|
7967
7966
|
}, globalTheme), {}, {
|
|
@@ -42957,8 +42956,11 @@ exports.Toast = Toast;
|
|
|
42957
42956
|
exports.Toolbar = index$1;
|
|
42958
42957
|
exports.Typography = Typography;
|
|
42959
42958
|
exports.eBensSystemPalette = eBensSystemPalette;
|
|
42959
|
+
exports.ehJobsShadowPalette = ehJobsShadowPalette;
|
|
42960
42960
|
exports.ehJobsSystemPalette = ehJobsSystemPalette;
|
|
42961
|
+
exports.ehWorkDarkShadowPalette = ehWorkDarkShadowPalette;
|
|
42961
42962
|
exports.ehWorkDarkSystemPalette = ehWorkDarkSystemPalette;
|
|
42963
|
+
exports.ehWorkShadowPalette = ehWorkShadowPalette;
|
|
42962
42964
|
exports.ehWorkSystemPalette = ehWorkSystemPalette;
|
|
42963
42965
|
exports.getTheme = getTheme;
|
|
42964
42966
|
exports.jobsSystemPalette = jobsSystemPalette;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hero-design/rn",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.132.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
"babel-plugin-inline-import": "^3.0.0",
|
|
90
90
|
"core-js": "^3.33.0",
|
|
91
91
|
"eslint": "^8.57.0",
|
|
92
|
-
"eslint-config-hd": "8.42.
|
|
92
|
+
"eslint-config-hd": "8.42.7",
|
|
93
93
|
"expo-linear-gradient": "55.0.9",
|
|
94
94
|
"jest": "^29.7.0",
|
|
95
95
|
"jest-environment-jsdom": "^29.2.1",
|
package/src/index.ts
CHANGED
|
@@ -16,7 +16,11 @@ import theme, {
|
|
|
16
16
|
withTheme,
|
|
17
17
|
ehWorkSystemPalette,
|
|
18
18
|
ehJobsSystemPalette,
|
|
19
|
+
ehWorkShadowPalette,
|
|
20
|
+
ehJobsShadowPalette,
|
|
21
|
+
ehWorkDarkShadowPalette,
|
|
19
22
|
} from './theme';
|
|
23
|
+
import type { ShadowPalette } from './theme';
|
|
20
24
|
import { scale } from './utils/scale';
|
|
21
25
|
|
|
22
26
|
import Accordion from './components/Accordion';
|
|
@@ -108,6 +112,9 @@ export {
|
|
|
108
112
|
ehWorkDarkSystemPalette,
|
|
109
113
|
ehWorkSystemPalette,
|
|
110
114
|
ehJobsSystemPalette,
|
|
115
|
+
ehWorkShadowPalette,
|
|
116
|
+
ehJobsShadowPalette,
|
|
117
|
+
ehWorkDarkShadowPalette,
|
|
111
118
|
Accordion,
|
|
112
119
|
Alert,
|
|
113
120
|
AppCue,
|
|
@@ -178,3 +185,5 @@ export {
|
|
|
178
185
|
};
|
|
179
186
|
|
|
180
187
|
export * from './types';
|
|
188
|
+
|
|
189
|
+
export type { ShadowPalette };
|
package/src/theme/getTheme.ts
CHANGED
|
@@ -58,7 +58,12 @@ import getToastTheme from './components/toast';
|
|
|
58
58
|
import getToolbarTheme from './components/toolbar';
|
|
59
59
|
import getTypographyTheme from './components/typography';
|
|
60
60
|
|
|
61
|
-
import type {
|
|
61
|
+
import type {
|
|
62
|
+
GlobalTheme,
|
|
63
|
+
Scale,
|
|
64
|
+
ShadowPalette,
|
|
65
|
+
SystemPalette,
|
|
66
|
+
} from './global';
|
|
62
67
|
import getSearchTheme from './components/search';
|
|
63
68
|
import getMapPinTheme from './components/mapPin';
|
|
64
69
|
import getFloatingIslandTheme from './components/floatingIsland';
|
|
@@ -132,9 +137,10 @@ type Theme = GlobalTheme & {
|
|
|
132
137
|
|
|
133
138
|
const getTheme = (
|
|
134
139
|
scale: Scale = defaultScale,
|
|
135
|
-
systemPallete: SystemPalette = swagSystemPalette
|
|
140
|
+
systemPallete: SystemPalette = swagSystemPalette,
|
|
141
|
+
shadowPalette: ShadowPalette | undefined = undefined
|
|
136
142
|
): Theme => {
|
|
137
|
-
const globalTheme = getGlobalTheme(scale, systemPallete);
|
|
143
|
+
const globalTheme = getGlobalTheme(scale, systemPallete, shadowPalette);
|
|
138
144
|
return {
|
|
139
145
|
themeMode: systemPallete.themeMode,
|
|
140
146
|
...globalTheme,
|
|
@@ -18,9 +18,14 @@ import { getBorderWidths, getRadii } from './borders';
|
|
|
18
18
|
import type { Scale } from './scale';
|
|
19
19
|
import type { GradientToken, Gradients, SystemPalette } from './colors/types';
|
|
20
20
|
import { getShadows } from './shadows';
|
|
21
|
+
import type { ShadowPalette } from './shadows/types';
|
|
21
22
|
import getGradients from './colors/gradients';
|
|
22
23
|
|
|
23
|
-
const getGlobalTheme = (
|
|
24
|
+
const getGlobalTheme = (
|
|
25
|
+
scale: Scale,
|
|
26
|
+
systemPalette: SystemPalette,
|
|
27
|
+
shadowPalette?: ShadowPalette
|
|
28
|
+
) => {
|
|
24
29
|
const fonts = getFonts(scale.font);
|
|
25
30
|
const fontSizes = getFontSizes(scale.fontSize);
|
|
26
31
|
const lineHeights = getLineHeights(fontSizes);
|
|
@@ -28,7 +33,7 @@ const getGlobalTheme = (scale: Scale, systemPalette: SystemPalette) => {
|
|
|
28
33
|
const space = getSpace(scale.space);
|
|
29
34
|
const sizes = getSizes(scale.size);
|
|
30
35
|
const radii = getRadii(scale.radius);
|
|
31
|
-
const shadows = getShadows(systemPalette);
|
|
36
|
+
const shadows = getShadows(systemPalette, shadowPalette);
|
|
32
37
|
const gradients = getGradients(systemPalette);
|
|
33
38
|
|
|
34
39
|
return {
|
|
@@ -49,7 +54,14 @@ const getGlobalTheme = (scale: Scale, systemPalette: SystemPalette) => {
|
|
|
49
54
|
|
|
50
55
|
type GlobalTheme = ReturnType<typeof getGlobalTheme>;
|
|
51
56
|
|
|
52
|
-
export type {
|
|
57
|
+
export type {
|
|
58
|
+
GlobalTheme,
|
|
59
|
+
GradientToken,
|
|
60
|
+
Gradients,
|
|
61
|
+
Scale,
|
|
62
|
+
ShadowPalette,
|
|
63
|
+
SystemPalette,
|
|
64
|
+
};
|
|
53
65
|
|
|
54
66
|
export {
|
|
55
67
|
getGlobalTheme,
|
|
@@ -3,22 +3,24 @@ import ehJobsShadowPalette from './ehJobs';
|
|
|
3
3
|
import ehWorkDarkShadowPalette from './ehWorkDark';
|
|
4
4
|
|
|
5
5
|
import type { SystemPalette } from '../colors/types';
|
|
6
|
+
import type { ShadowPalette } from './types';
|
|
6
7
|
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
8
|
+
const shadowPaletteMap: Record<string, ShadowPalette> = {
|
|
9
|
+
swagLight: ehWorkShadowPalette,
|
|
10
|
+
ehWork: ehWorkShadowPalette,
|
|
11
|
+
swagLightJobs: ehJobsShadowPalette,
|
|
12
|
+
ehJobs: ehJobsShadowPalette,
|
|
13
|
+
ehWorkDark: ehWorkDarkShadowPalette,
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
const getShadows = (
|
|
17
|
+
palette: SystemPalette,
|
|
18
|
+
customShadowPalette?: ShadowPalette
|
|
19
|
+
): ShadowPalette => {
|
|
20
|
+
if (customShadowPalette) {
|
|
21
|
+
return customShadowPalette;
|
|
21
22
|
}
|
|
23
|
+
return shadowPaletteMap[palette.name ?? ''] ?? ehWorkShadowPalette;
|
|
22
24
|
};
|
|
23
25
|
|
|
24
26
|
export { getShadows };
|
package/src/theme/index.ts
CHANGED
|
@@ -14,12 +14,16 @@ import {
|
|
|
14
14
|
ehWorkSystemPalette,
|
|
15
15
|
ehJobsSystemPalette,
|
|
16
16
|
} from './global';
|
|
17
|
+
import type { ShadowPalette } from './global/shadows/types';
|
|
18
|
+
import ehWorkShadowPalette from './global/shadows/ehWork';
|
|
19
|
+
import ehJobsShadowPalette from './global/shadows/ehJobs';
|
|
20
|
+
import ehWorkDarkShadowPalette from './global/shadows/ehWorkDark';
|
|
17
21
|
|
|
18
22
|
import type { Theme } from './getTheme';
|
|
19
23
|
|
|
20
24
|
const defaultTheme = getTheme();
|
|
21
25
|
|
|
22
|
-
export type { Theme };
|
|
26
|
+
export type { ShadowPalette, Theme };
|
|
23
27
|
|
|
24
28
|
export {
|
|
25
29
|
withTheme,
|
|
@@ -38,6 +42,9 @@ export {
|
|
|
38
42
|
ehWorkDarkSystemPalette,
|
|
39
43
|
ehWorkSystemPalette,
|
|
40
44
|
ehJobsSystemPalette,
|
|
45
|
+
ehWorkShadowPalette,
|
|
46
|
+
ehJobsShadowPalette,
|
|
47
|
+
ehWorkDarkShadowPalette,
|
|
41
48
|
};
|
|
42
49
|
|
|
43
50
|
export default defaultTheme;
|
package/types/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import styled from '@emotion/native';
|
|
2
|
-
import theme, { getTheme, ThemeProvider, useTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, ThemeSwitcher, withTheme, ehWorkSystemPalette, ehJobsSystemPalette } from './theme';
|
|
2
|
+
import theme, { getTheme, ThemeProvider, useTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, ThemeSwitcher, withTheme, ehWorkSystemPalette, ehJobsSystemPalette, ehWorkShadowPalette, ehJobsShadowPalette, ehWorkDarkShadowPalette } from './theme';
|
|
3
|
+
import type { ShadowPalette } from './theme';
|
|
3
4
|
import { scale } from './utils/scale';
|
|
4
5
|
import Accordion from './components/Accordion';
|
|
5
6
|
import Alert from './components/Alert';
|
|
@@ -61,5 +62,6 @@ import FloatingIsland from './components/FloatingIsland';
|
|
|
61
62
|
import LocaleProvider from './components/LocaleProvider';
|
|
62
63
|
import FilterTrigger from './components/FilterTrigger';
|
|
63
64
|
import InlineLoader, { type InlineLoaderProps } from './components/InlineLoader';
|
|
64
|
-
export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, ehWorkSystemPalette, ehJobsSystemPalette, Accordion, Alert, AppCue, Attachment, Avatar, useAvatarColors, Badge, BottomNavigation, BottomSheet, Box, Button, Calendar, Card, Chart, Carousel, Chip, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, Empty, Error, FAB, FlatListWithFAB, Icon, Illustration, type IllustrationName, IllustrationList, Image, HeroDesignProvider, MapPin, List, PinInput, Progress, Portal, PageControl, Skeleton, Slider, Spinner, Swipeable, Radio, Search, SegmentedControl, ScrollViewWithFAB, SectionHeading, SectionListWithFAB, Select, Success, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, Rate, RefreshControl, RichTextEditor, FloatingIsland, LocaleProvider, FilterTrigger, InlineLoader, type InlineLoaderProps, styled, };
|
|
65
|
+
export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, ehWorkSystemPalette, ehJobsSystemPalette, ehWorkShadowPalette, ehJobsShadowPalette, ehWorkDarkShadowPalette, Accordion, Alert, AppCue, Attachment, Avatar, useAvatarColors, Badge, BottomNavigation, BottomSheet, Box, Button, Calendar, Card, Chart, Carousel, Chip, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, Empty, Error, FAB, FlatListWithFAB, Icon, Illustration, type IllustrationName, IllustrationList, Image, HeroDesignProvider, MapPin, List, PinInput, Progress, Portal, PageControl, Skeleton, Slider, Spinner, Swipeable, Radio, Search, SegmentedControl, ScrollViewWithFAB, SectionHeading, SectionListWithFAB, Select, Success, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, Rate, RefreshControl, RichTextEditor, FloatingIsland, LocaleProvider, FilterTrigger, InlineLoader, type InlineLoaderProps, styled, };
|
|
65
66
|
export * from './types';
|
|
67
|
+
export type { ShadowPalette };
|
|
@@ -46,7 +46,7 @@ import getTimePickerTheme from './components/timePicker';
|
|
|
46
46
|
import getToastTheme from './components/toast';
|
|
47
47
|
import getToolbarTheme from './components/toolbar';
|
|
48
48
|
import getTypographyTheme from './components/typography';
|
|
49
|
-
import type { GlobalTheme, Scale, SystemPalette } from './global';
|
|
49
|
+
import type { GlobalTheme, Scale, ShadowPalette, SystemPalette } from './global';
|
|
50
50
|
import getSearchTheme from './components/search';
|
|
51
51
|
import getMapPinTheme from './components/mapPin';
|
|
52
52
|
import getFloatingIslandTheme from './components/floatingIsland';
|
|
@@ -116,6 +116,6 @@ type Theme = GlobalTheme & {
|
|
|
116
116
|
segmentedControl: ReturnType<typeof getSegmentedControlTheme>;
|
|
117
117
|
};
|
|
118
118
|
};
|
|
119
|
-
declare const getTheme: (scale?: Scale, systemPallete?: SystemPalette) => Theme;
|
|
119
|
+
declare const getTheme: (scale?: Scale, systemPallete?: SystemPalette, shadowPalette?: ShadowPalette | undefined) => Theme;
|
|
120
120
|
export default getTheme;
|
|
121
121
|
export type { Theme };
|
|
@@ -12,7 +12,8 @@ import ehWorkSystemPalette from './colors/ehWork';
|
|
|
12
12
|
import ehJobsSystemPalette from './colors/ehJobs';
|
|
13
13
|
import type { Scale } from './scale';
|
|
14
14
|
import type { GradientToken, Gradients, SystemPalette } from './colors/types';
|
|
15
|
-
|
|
15
|
+
import type { ShadowPalette } from './shadows/types';
|
|
16
|
+
declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette, shadowPalette?: ShadowPalette) => {
|
|
16
17
|
colors: {
|
|
17
18
|
gradients: Gradients;
|
|
18
19
|
defaultGlobalSurface: string;
|
|
@@ -72,8 +73,8 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
|
|
|
72
73
|
space: import("./space").Space;
|
|
73
74
|
sizes: import("./sizes").Sizes;
|
|
74
75
|
radii: import("./borders").Radii;
|
|
75
|
-
shadows:
|
|
76
|
+
shadows: ShadowPalette;
|
|
76
77
|
};
|
|
77
78
|
type GlobalTheme = ReturnType<typeof getGlobalTheme>;
|
|
78
|
-
export type { GlobalTheme, GradientToken, Gradients, Scale, SystemPalette };
|
|
79
|
+
export type { GlobalTheme, GradientToken, Gradients, Scale, ShadowPalette, SystemPalette, };
|
|
79
80
|
export { getGlobalTheme, defaultScale, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, ehWorkSystemPalette, ehJobsSystemPalette, };
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import type { SystemPalette } from '../colors/types';
|
|
2
|
-
|
|
2
|
+
import type { ShadowPalette } from './types';
|
|
3
|
+
declare const getShadows: (palette: SystemPalette, customShadowPalette?: ShadowPalette) => ShadowPalette;
|
|
3
4
|
export { getShadows };
|
package/types/theme/index.d.ts
CHANGED
|
@@ -2,8 +2,12 @@ import getTheme from './getTheme';
|
|
|
2
2
|
import ThemeProvider, { useTheme } from './ThemeProvider';
|
|
3
3
|
import ThemeSwitcher, { withTheme } from './ThemeSwitcher';
|
|
4
4
|
import { swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, ehWorkSystemPalette, ehJobsSystemPalette } from './global';
|
|
5
|
+
import type { ShadowPalette } from './global/shadows/types';
|
|
6
|
+
import ehWorkShadowPalette from './global/shadows/ehWork';
|
|
7
|
+
import ehJobsShadowPalette from './global/shadows/ehJobs';
|
|
8
|
+
import ehWorkDarkShadowPalette from './global/shadows/ehWorkDark';
|
|
5
9
|
import type { Theme } from './getTheme';
|
|
6
10
|
declare const defaultTheme: Theme;
|
|
7
|
-
export type { Theme };
|
|
8
|
-
export { withTheme, getTheme, ThemeProvider, ThemeSwitcher, useTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, ehWorkSystemPalette, ehJobsSystemPalette, };
|
|
11
|
+
export type { ShadowPalette, Theme };
|
|
12
|
+
export { withTheme, getTheme, ThemeProvider, ThemeSwitcher, useTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, ehWorkSystemPalette, ehJobsSystemPalette, ehWorkShadowPalette, ehJobsShadowPalette, ehWorkDarkShadowPalette, };
|
|
9
13
|
export default defaultTheme;
|