@hero-design/rn 8.89.0-alpha.1 → 8.89.0-alpha.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.
- package/es/index.js +5 -3
- package/lib/index.js +5 -3
- package/package.json +2 -3
- package/src/index.ts +2 -2
- package/src/theme/ThemeSwitcher.tsx +6 -3
- package/src/theme/global/colors/ehWorkDark.ts +2 -2
- package/src/theme/global/index.ts +2 -2
- package/src/theme/index.ts +2 -2
- package/types/index.d.ts +2 -2
- package/types/theme/ThemeSwitcher.d.ts +1 -1
- package/types/theme/global/colors/ehWorkDark.d.ts +2 -2
- package/types/theme/global/index.d.ts +2 -2
- package/types/theme/index.d.ts +2 -2
package/es/index.js
CHANGED
|
@@ -2062,7 +2062,7 @@ var eBensBrandSystemPallete = {
|
|
|
2062
2062
|
};
|
|
2063
2063
|
var eBensSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$1), eBensBrandSystemPallete);
|
|
2064
2064
|
|
|
2065
|
-
var
|
|
2065
|
+
var ehWorkDarkSystemPalette = {
|
|
2066
2066
|
black: '#000000',
|
|
2067
2067
|
white: '#ffffff',
|
|
2068
2068
|
// Surface
|
|
@@ -5485,7 +5485,9 @@ var ThemeSwitcher = function ThemeSwitcher(_ref) {
|
|
|
5485
5485
|
case 'swagDark':
|
|
5486
5486
|
return getTheme$1(scale$1, swagDarkSystemPalette);
|
|
5487
5487
|
case 'swagLight':
|
|
5488
|
-
return getTheme$1(scale$1,
|
|
5488
|
+
return getTheme$1(scale$1, ehWorkDarkSystemPalette);
|
|
5489
|
+
case 'ehWorkDark':
|
|
5490
|
+
return getTheme$1(scale$1, ehWorkDarkSystemPalette);
|
|
5489
5491
|
}
|
|
5490
5492
|
}, [name]);
|
|
5491
5493
|
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
|
@@ -40402,4 +40404,4 @@ var FloatingIsland = function FloatingIsland(_ref2) {
|
|
|
40402
40404
|
}));
|
|
40403
40405
|
};
|
|
40404
40406
|
|
|
40405
|
-
export { Accordion, Alert, AppCue, Attachment, index$9 as Avatar, Badge$1 as Badge, BottomNavigation, BottomSheet$1 as BottomSheet, Box, CompoundButton as Button, Calendar$1 as Calendar, Card$1 as Card, index$8 as Carousel, Checkbox, Chip, Collapse, ContentNavigator, DatePicker, Divider, index$7 as Drawer, Empty, ErrorComponent as Error, FAB, FlatListWithFAB, FloatingIsland, HeroDesignProvider, Icon, Image, List, index$6 as MapPin, PageControl, PinInput, Portal$1 as Portal, Progress, CompoundRadio as Radio, Rate, RefreshControl, index as RichTextEditor, ScrollViewWithFAB, Search, SectionHeading, SectionListWithFAB, index$4 as Select, Skeleton, Slider, Spinner, Success, index$5 as Swipeable, index$3 as Switch, index$2 as Tabs, Tag, TextInput, ThemeProvider, ThemeSwitcher, TimePicker, Toast, index$1 as Toolbar, Typography, eBensSystemPalette,
|
|
40407
|
+
export { Accordion, Alert, AppCue, Attachment, index$9 as Avatar, Badge$1 as Badge, BottomNavigation, BottomSheet$1 as BottomSheet, Box, CompoundButton as Button, Calendar$1 as Calendar, Card$1 as Card, index$8 as Carousel, Checkbox, Chip, Collapse, ContentNavigator, DatePicker, Divider, index$7 as Drawer, Empty, ErrorComponent as Error, FAB, FlatListWithFAB, FloatingIsland, HeroDesignProvider, Icon, Image, List, index$6 as MapPin, PageControl, PinInput, Portal$1 as Portal, Progress, CompoundRadio as Radio, Rate, RefreshControl, index as RichTextEditor, ScrollViewWithFAB, Search, SectionHeading, SectionListWithFAB, index$4 as Select, Skeleton, Slider, Spinner, Success, index$5 as Swipeable, index$3 as Switch, index$2 as Tabs, Tag, TextInput, ThemeProvider, ThemeSwitcher, TimePicker, Toast, index$1 as Toolbar, Typography, eBensSystemPalette, ehWorkDarkSystemPalette, getTheme$1 as getTheme, jobsSystemPalette, scale, swagDarkSystemPalette, swagLightJobsSystemPalette, swagSystemPalette as swagLightSystemPalette, swagSystemPalette$1 as swagSystemPalette, defaultTheme as theme, useAvatarColors, useTheme, walletSystemPalette, withTheme, workSystemPalette };
|
package/lib/index.js
CHANGED
|
@@ -2090,7 +2090,7 @@ var eBensBrandSystemPallete = {
|
|
|
2090
2090
|
};
|
|
2091
2091
|
var eBensSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$1), eBensBrandSystemPallete);
|
|
2092
2092
|
|
|
2093
|
-
var
|
|
2093
|
+
var ehWorkDarkSystemPalette = {
|
|
2094
2094
|
black: '#000000',
|
|
2095
2095
|
white: '#ffffff',
|
|
2096
2096
|
// Surface
|
|
@@ -5513,7 +5513,9 @@ var ThemeSwitcher = function ThemeSwitcher(_ref) {
|
|
|
5513
5513
|
case 'swagDark':
|
|
5514
5514
|
return getTheme$1(scale$1, swagDarkSystemPalette);
|
|
5515
5515
|
case 'swagLight':
|
|
5516
|
-
return getTheme$1(scale$1,
|
|
5516
|
+
return getTheme$1(scale$1, ehWorkDarkSystemPalette);
|
|
5517
|
+
case 'ehWorkDark':
|
|
5518
|
+
return getTheme$1(scale$1, ehWorkDarkSystemPalette);
|
|
5517
5519
|
}
|
|
5518
5520
|
}, [name]);
|
|
5519
5521
|
return /*#__PURE__*/React__namespace.default.createElement(ThemeProvider, {
|
|
@@ -40489,7 +40491,7 @@ exports.Toast = Toast;
|
|
|
40489
40491
|
exports.Toolbar = index$1;
|
|
40490
40492
|
exports.Typography = Typography;
|
|
40491
40493
|
exports.eBensSystemPalette = eBensSystemPalette;
|
|
40492
|
-
exports.
|
|
40494
|
+
exports.ehWorkDarkSystemPalette = ehWorkDarkSystemPalette;
|
|
40493
40495
|
exports.getTheme = getTheme$1;
|
|
40494
40496
|
exports.jobsSystemPalette = jobsSystemPalette;
|
|
40495
40497
|
exports.scale = scale;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hero-design/rn",
|
|
3
|
-
"version": "8.89.0-alpha.
|
|
3
|
+
"version": "8.89.0-alpha.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -95,6 +95,5 @@
|
|
|
95
95
|
"ts-jest": "^29.1.1",
|
|
96
96
|
"typescript": "^5.7.3"
|
|
97
97
|
},
|
|
98
|
-
"prettier": "prettier-config-hd"
|
|
99
|
-
"react-native": "src/index.ts"
|
|
98
|
+
"prettier": "prettier-config-hd"
|
|
100
99
|
}
|
package/src/index.ts
CHANGED
|
@@ -10,7 +10,7 @@ import theme, {
|
|
|
10
10
|
jobsSystemPalette,
|
|
11
11
|
walletSystemPalette,
|
|
12
12
|
eBensSystemPalette,
|
|
13
|
-
|
|
13
|
+
ehWorkDarkSystemPalette,
|
|
14
14
|
ThemeSwitcher,
|
|
15
15
|
withTheme,
|
|
16
16
|
} from './theme';
|
|
@@ -91,7 +91,7 @@ export {
|
|
|
91
91
|
jobsSystemPalette,
|
|
92
92
|
walletSystemPalette,
|
|
93
93
|
eBensSystemPalette,
|
|
94
|
-
|
|
94
|
+
ehWorkDarkSystemPalette,
|
|
95
95
|
Accordion,
|
|
96
96
|
Alert,
|
|
97
97
|
AppCue,
|
|
@@ -9,7 +9,7 @@ import {
|
|
|
9
9
|
walletSystemPalette,
|
|
10
10
|
eBensSystemPalette,
|
|
11
11
|
swagDarkSystemPalette,
|
|
12
|
-
|
|
12
|
+
ehWorkDarkSystemPalette,
|
|
13
13
|
} from './global';
|
|
14
14
|
import ThemeProvider from './ThemeProvider';
|
|
15
15
|
|
|
@@ -20,7 +20,8 @@ type ThemeName =
|
|
|
20
20
|
| 'work'
|
|
21
21
|
| 'jobs'
|
|
22
22
|
| 'wallet'
|
|
23
|
-
| 'eBens'
|
|
23
|
+
| 'eBens'
|
|
24
|
+
| 'ehWorkDark';
|
|
24
25
|
|
|
25
26
|
const ThemeSwitcher = ({
|
|
26
27
|
name = 'swag',
|
|
@@ -44,7 +45,9 @@ const ThemeSwitcher = ({
|
|
|
44
45
|
case 'swagDark':
|
|
45
46
|
return getTheme(defaultScale, swagDarkSystemPalette);
|
|
46
47
|
case 'swagLight':
|
|
47
|
-
return getTheme(defaultScale,
|
|
48
|
+
return getTheme(defaultScale, ehWorkDarkSystemPalette);
|
|
49
|
+
case 'ehWorkDark':
|
|
50
|
+
return getTheme(defaultScale, ehWorkDarkSystemPalette);
|
|
48
51
|
}
|
|
49
52
|
}, [name]);
|
|
50
53
|
return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const
|
|
1
|
+
const ehWorkDarkSystemPalette = {
|
|
2
2
|
black: '#000000',
|
|
3
3
|
white: '#ffffff',
|
|
4
4
|
// Surface
|
|
@@ -56,4 +56,4 @@ const ehWorkDarkPalette = {
|
|
|
56
56
|
decorativeSecondarySurface: '#f0e6ff',
|
|
57
57
|
};
|
|
58
58
|
|
|
59
|
-
export default
|
|
59
|
+
export default ehWorkDarkSystemPalette;
|
|
@@ -7,7 +7,7 @@ import workSystemPalette from './colors/work';
|
|
|
7
7
|
import jobsSystemPalette from './colors/jobs';
|
|
8
8
|
import walletSystemPalette from './colors/wallet';
|
|
9
9
|
import eBensSystemPalette from './colors/eBens';
|
|
10
|
-
import
|
|
10
|
+
import ehWorkDarkSystemPalette from './colors/ehWorkDark';
|
|
11
11
|
|
|
12
12
|
import { getFonts, getFontSizes, getLineHeights } from './typography';
|
|
13
13
|
import { getSpace } from './space';
|
|
@@ -57,5 +57,5 @@ export {
|
|
|
57
57
|
jobsSystemPalette,
|
|
58
58
|
walletSystemPalette,
|
|
59
59
|
eBensSystemPalette,
|
|
60
|
-
|
|
60
|
+
ehWorkDarkSystemPalette,
|
|
61
61
|
};
|
package/src/theme/index.ts
CHANGED
|
@@ -10,7 +10,7 @@ import {
|
|
|
10
10
|
jobsSystemPalette,
|
|
11
11
|
walletSystemPalette,
|
|
12
12
|
eBensSystemPalette,
|
|
13
|
-
|
|
13
|
+
ehWorkDarkSystemPalette,
|
|
14
14
|
} from './global';
|
|
15
15
|
|
|
16
16
|
import type { Theme } from './getTheme';
|
|
@@ -33,7 +33,7 @@ export {
|
|
|
33
33
|
jobsSystemPalette,
|
|
34
34
|
walletSystemPalette,
|
|
35
35
|
eBensSystemPalette,
|
|
36
|
-
|
|
36
|
+
ehWorkDarkSystemPalette,
|
|
37
37
|
};
|
|
38
38
|
|
|
39
39
|
export default defaultTheme;
|
package/types/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import theme, { getTheme, ThemeProvider, useTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette,
|
|
1
|
+
import theme, { getTheme, ThemeProvider, useTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, ThemeSwitcher, withTheme } from './theme';
|
|
2
2
|
import { scale } from './utils/scale';
|
|
3
3
|
import Accordion from './components/Accordion';
|
|
4
4
|
import Alert from './components/Alert';
|
|
@@ -54,5 +54,5 @@ import Portal from './components/Portal';
|
|
|
54
54
|
import { ScrollViewWithFAB, SectionListWithFAB, FlatListWithFAB } from './components/AnimatedScroller';
|
|
55
55
|
import Search from './components/Search';
|
|
56
56
|
import FloatingIsland from './components/FloatingIsland';
|
|
57
|
-
export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette,
|
|
57
|
+
export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, Accordion, Alert, AppCue, Attachment, Avatar, useAvatarColors, Badge, BottomNavigation, BottomSheet, Box, Button, Calendar, Card, Carousel, Chip, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, Empty, Error, FAB, FlatListWithFAB, Icon, Image, HeroDesignProvider, MapPin, List, PinInput, Progress, Portal, PageControl, Skeleton, Slider, Spinner, Swipeable, Radio, Search, ScrollViewWithFAB, SectionHeading, SectionListWithFAB, Select, Success, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, Rate, RefreshControl, RichTextEditor, FloatingIsland, };
|
|
58
58
|
export * from './types';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { PropsWithChildren } from 'react';
|
|
2
|
-
type ThemeName = 'swag' | 'swagDark' | 'swagLight' | 'work' | 'jobs' | 'wallet' | 'eBens';
|
|
2
|
+
type ThemeName = 'swag' | 'swagDark' | 'swagLight' | 'work' | 'jobs' | 'wallet' | 'eBens' | 'ehWorkDark';
|
|
3
3
|
declare const ThemeSwitcher: ({ name, children, }: {
|
|
4
4
|
name?: ThemeName;
|
|
5
5
|
children: React.ReactNode;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const
|
|
1
|
+
declare const ehWorkDarkSystemPalette: {
|
|
2
2
|
black: string;
|
|
3
3
|
white: string;
|
|
4
4
|
defaultGlobalSurface: string;
|
|
@@ -46,4 +46,4 @@ declare const ehWorkDarkPalette: {
|
|
|
46
46
|
decorativeSecondary: string;
|
|
47
47
|
decorativeSecondarySurface: string;
|
|
48
48
|
};
|
|
49
|
-
export default
|
|
49
|
+
export default ehWorkDarkSystemPalette;
|
|
@@ -7,7 +7,7 @@ import workSystemPalette from './colors/work';
|
|
|
7
7
|
import jobsSystemPalette from './colors/jobs';
|
|
8
8
|
import walletSystemPalette from './colors/wallet';
|
|
9
9
|
import eBensSystemPalette from './colors/eBens';
|
|
10
|
-
import
|
|
10
|
+
import ehWorkDarkSystemPalette from './colors/ehWorkDark';
|
|
11
11
|
import type { Scale } from './scale';
|
|
12
12
|
import type { SystemPalette } from './colors/types';
|
|
13
13
|
declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
|
|
@@ -80,4 +80,4 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
|
|
|
80
80
|
};
|
|
81
81
|
type GlobalTheme = ReturnType<typeof getGlobalTheme>;
|
|
82
82
|
export type { GlobalTheme, Scale, SystemPalette };
|
|
83
|
-
export { getGlobalTheme, defaultScale, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette,
|
|
83
|
+
export { getGlobalTheme, defaultScale, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, };
|
package/types/theme/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import getTheme from './getTheme';
|
|
2
2
|
import ThemeProvider, { useTheme } from './ThemeProvider';
|
|
3
3
|
import ThemeSwitcher, { withTheme } from './ThemeSwitcher';
|
|
4
|
-
import { swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette,
|
|
4
|
+
import { swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette } from './global';
|
|
5
5
|
import type { Theme } from './getTheme';
|
|
6
6
|
declare const defaultTheme: Theme;
|
|
7
7
|
export type { Theme };
|
|
8
|
-
export { withTheme, getTheme, ThemeProvider, ThemeSwitcher, useTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette,
|
|
8
|
+
export { withTheme, getTheme, ThemeProvider, ThemeSwitcher, useTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, };
|
|
9
9
|
export default defaultTheme;
|