@hero-design/rn 8.91.8 → 8.92.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/.turbo/turbo-build.log +2 -2
- package/CHANGELOG.md +11 -0
- package/es/index.js +217 -180
- package/lib/index.js +220 -181
- package/package.json +2 -2
- package/src/index.ts +4 -0
- package/src/theme/ThemeSwitcher.tsx +7 -2
- package/src/theme/global/colors/__tests__/__snapshots__/ehJobs.spec.ts.snap +54 -0
- package/src/theme/global/colors/__tests__/__snapshots__/ehWork.spec.js.snap +53 -0
- package/src/theme/global/colors/__tests__/ehJobs.spec.ts +7 -0
- package/src/theme/global/colors/__tests__/ehWork.spec.js +7 -0
- package/src/theme/global/colors/ehJobs.ts +14 -0
- package/src/theme/global/colors/ehWork.ts +27 -0
- package/src/theme/global/colors/swagLight.ts +6 -21
- package/src/theme/global/colors/swagLightJobs.ts +5 -7
- package/src/theme/global/colors/swagSystemPalette.ts +9 -0
- package/src/theme/global/colors/types.ts +6 -1
- package/src/theme/global/index.ts +4 -0
- package/src/theme/global/shadows/__tests__/__snapshots__/{swagLightJobs.spec.ts.snap → ehJobs.spec.ts.snap} +1 -1
- package/src/theme/global/shadows/__tests__/ehJobs.spec.ts +7 -0
- package/src/theme/global/shadows/__tests__/ehWork.spec.ts +7 -0
- package/src/theme/global/shadows/__tests__/index.spec.ts +11 -7
- package/src/theme/global/shadows/{swagLightJobs.ts → ehJobs.ts} +4 -4
- package/src/theme/global/shadows/{swagLight.ts → ehWork.ts} +2 -2
- package/src/theme/global/shadows/index.ts +9 -5
- package/src/theme/index.ts +4 -0
- package/stats/8.92.0/rn-stats.html +4842 -0
- package/types/index.d.ts +2 -2
- package/types/theme/ThemeSwitcher.d.ts +1 -1
- package/types/theme/global/colors/__tests__/ehWork.spec.d.ts +1 -0
- package/types/theme/global/colors/ehJobs.d.ts +3 -0
- package/types/theme/global/colors/ehWork.d.ts +3 -0
- package/types/theme/global/colors/swagLight.d.ts +4 -1
- package/types/theme/global/colors/swagLightJobs.d.ts +3 -0
- package/types/theme/global/colors/swagSystemPalette.d.ts +3 -0
- package/types/theme/global/colors/types.d.ts +1 -1
- package/types/theme/global/index.d.ts +3 -1
- package/types/theme/global/shadows/ehJobs.d.ts +3 -0
- package/types/theme/global/shadows/ehWork.d.ts +3 -0
- package/types/theme/index.d.ts +2 -2
- package/src/theme/global/shadows/__tests__/swagLight.spec.ts +0 -7
- package/src/theme/global/shadows/__tests__/swagLightJobs.spec.ts +0 -7
- package/types/theme/global/shadows/swagLight.d.ts +0 -3
- package/types/theme/global/shadows/swagLightJobs.d.ts +0 -3
- /package/src/theme/global/shadows/__tests__/__snapshots__/{swagLight.spec.ts.snap → ehWork.spec.ts.snap} +0 -0
package/lib/index.js
CHANGED
|
@@ -1474,9 +1474,9 @@ var blue$1 = colorScales.blue,
|
|
|
1474
1474
|
purple$1 = colorScales.purple,
|
|
1475
1475
|
vermilion$2 = colorScales.vermilion,
|
|
1476
1476
|
smalt = colorScales.smalt,
|
|
1477
|
-
violet$
|
|
1477
|
+
violet$3 = colorScales.violet,
|
|
1478
1478
|
yellow$1 = colorScales.yellow;
|
|
1479
|
-
var palette$
|
|
1479
|
+
var palette$d = {
|
|
1480
1480
|
black: '#000000',
|
|
1481
1481
|
white: '#ffffff',
|
|
1482
1482
|
blue: blue$1.base,
|
|
@@ -1580,19 +1580,19 @@ var palette$c = {
|
|
|
1580
1580
|
smaltLight45: smalt.lighten45,
|
|
1581
1581
|
smaltLight75: smalt.lighten75,
|
|
1582
1582
|
smaltLight90: smalt.lighten90,
|
|
1583
|
-
violet: violet$
|
|
1584
|
-
violetDark15: violet$
|
|
1585
|
-
violetDark30: violet$
|
|
1586
|
-
violetDark45: violet$
|
|
1587
|
-
violetDark60: violet$
|
|
1588
|
-
violetDark75: violet$
|
|
1589
|
-
violetDark90: violet$
|
|
1590
|
-
violetLight15: violet$
|
|
1591
|
-
violetLight30: violet$
|
|
1592
|
-
violetLight45: violet$
|
|
1593
|
-
violetLight60: violet$
|
|
1594
|
-
violetLight75: violet$
|
|
1595
|
-
violetLight90: violet$
|
|
1583
|
+
violet: violet$3.base,
|
|
1584
|
+
violetDark15: violet$3.darken15,
|
|
1585
|
+
violetDark30: violet$3.darken30,
|
|
1586
|
+
violetDark45: violet$3.darken45,
|
|
1587
|
+
violetDark60: violet$3.darken60,
|
|
1588
|
+
violetDark75: violet$3.darken75,
|
|
1589
|
+
violetDark90: violet$3.darken90,
|
|
1590
|
+
violetLight15: violet$3.lighten15,
|
|
1591
|
+
violetLight30: violet$3.lighten30,
|
|
1592
|
+
violetLight45: violet$3.lighten45,
|
|
1593
|
+
violetLight60: violet$3.lighten60,
|
|
1594
|
+
violetLight75: violet$3.lighten75,
|
|
1595
|
+
violetLight90: violet$3.lighten90,
|
|
1596
1596
|
yellow: yellow$1.base,
|
|
1597
1597
|
yellowDark15: yellow$1.darken15,
|
|
1598
1598
|
yellowDark30: yellow$1.darken30,
|
|
@@ -1605,16 +1605,16 @@ var palette$c = {
|
|
|
1605
1605
|
yellowLight90: yellow$1.lighten90
|
|
1606
1606
|
};
|
|
1607
1607
|
var mauve$3 = colorScales.mauve,
|
|
1608
|
-
violet$
|
|
1609
|
-
Object.assign(Object.assign({}, palette$
|
|
1608
|
+
violet$2 = colorScales.violet;
|
|
1609
|
+
Object.assign(Object.assign({}, palette$d), {
|
|
1610
1610
|
mauve: mauve$3.base,
|
|
1611
1611
|
mauveLight80: mauve$3.lighten80,
|
|
1612
|
-
violetDark50: violet$
|
|
1612
|
+
violetDark50: violet$2.darken50
|
|
1613
1613
|
});
|
|
1614
1614
|
var apple$3 = colorScales.apple,
|
|
1615
1615
|
hitPink$1 = colorScales.hitPink,
|
|
1616
1616
|
maasstrichtBlue$4 = colorScales.maasstrichtBlue;
|
|
1617
|
-
Object.assign(Object.assign({}, palette$
|
|
1617
|
+
Object.assign(Object.assign({}, palette$d), {
|
|
1618
1618
|
apple: apple$3.base,
|
|
1619
1619
|
appleDark20: apple$3.darken20,
|
|
1620
1620
|
appleDark50: apple$3.darken50,
|
|
@@ -1647,7 +1647,7 @@ var aliceBlue$1 = colorScales.aliceBlue,
|
|
|
1647
1647
|
vodka$1 = colorScales.vodka,
|
|
1648
1648
|
windsorGrey = colorScales.windsorGrey,
|
|
1649
1649
|
black$1 = colorScales.black;
|
|
1650
|
-
var palette$
|
|
1650
|
+
var palette$a = {
|
|
1651
1651
|
black: black$1.base,
|
|
1652
1652
|
white: '#ffffff',
|
|
1653
1653
|
greyLight95: grey$1.lighten95,
|
|
@@ -1719,7 +1719,7 @@ var aliceBlue = colorScales.aliceBlue,
|
|
|
1719
1719
|
mintLeaf = colorScales.mintLeaf,
|
|
1720
1720
|
blueOblivion = colorScales.blueOblivion,
|
|
1721
1721
|
pastelBlue = colorScales.pastelBlue;
|
|
1722
|
-
var palette$
|
|
1722
|
+
var palette$9 = {
|
|
1723
1723
|
black: '#000000',
|
|
1724
1724
|
white: '#ffffff',
|
|
1725
1725
|
greyLight95: grey$3.lighten95,
|
|
@@ -1784,7 +1784,7 @@ var palette$8 = {
|
|
|
1784
1784
|
flagstone: flagstone.base
|
|
1785
1785
|
};
|
|
1786
1786
|
var maasstrichtBlue$1 = colorScales.maasstrichtBlue;
|
|
1787
|
-
var palette$
|
|
1787
|
+
var palette$8 = {
|
|
1788
1788
|
maasstrichtBlue: maasstrichtBlue$1.base,
|
|
1789
1789
|
maasstrichtBlueLight5: maasstrichtBlue$1.lighten5,
|
|
1790
1790
|
maasstrichtBlueLight10: maasstrichtBlue$1.lighten10,
|
|
@@ -1797,7 +1797,7 @@ var palette$7 = {
|
|
|
1797
1797
|
};
|
|
1798
1798
|
var violet1$2 = colorScales.violet1,
|
|
1799
1799
|
mauve$2 = colorScales.mauve;
|
|
1800
|
-
var palette$
|
|
1800
|
+
var palette$7 = Object.assign(Object.assign({}, palette$a), {
|
|
1801
1801
|
violet: violet1$2.base,
|
|
1802
1802
|
violetLight20: violet1$2.lighten20,
|
|
1803
1803
|
violetLight30: violet1$2.lighten30,
|
|
@@ -1809,7 +1809,7 @@ var palette$6 = Object.assign(Object.assign({}, palette$9), {
|
|
|
1809
1809
|
var apple = colorScales.apple,
|
|
1810
1810
|
currant = colorScales.currant,
|
|
1811
1811
|
hitPink = colorScales.hitPink;
|
|
1812
|
-
var palette$
|
|
1812
|
+
var palette$6 = Object.assign(Object.assign({}, palette$a), {
|
|
1813
1813
|
apple: apple.base,
|
|
1814
1814
|
appleLight10: apple.lighten10,
|
|
1815
1815
|
appleDark20: apple.darken20,
|
|
@@ -1823,7 +1823,7 @@ var palette$5 = Object.assign(Object.assign({}, palette$9), {
|
|
|
1823
1823
|
var scarletGum$1 = colorScales.scarletGum,
|
|
1824
1824
|
violet1$1 = colorScales.violet1,
|
|
1825
1825
|
mauve$1 = colorScales.mauve;
|
|
1826
|
-
var palette$
|
|
1826
|
+
var palette$5 = Object.assign(Object.assign({}, palette$a), {
|
|
1827
1827
|
scarletGumLight20: scarletGum$1.lighten20,
|
|
1828
1828
|
scarletGumLight30: scarletGum$1.lighten30,
|
|
1829
1829
|
scarletGumLight50: scarletGum$1.lighten50,
|
|
@@ -1838,19 +1838,23 @@ var palette$4 = Object.assign(Object.assign({}, palette$9), {
|
|
|
1838
1838
|
violet: violet1$1.base,
|
|
1839
1839
|
mauve: mauve$1.base
|
|
1840
1840
|
});
|
|
1841
|
-
var violet$
|
|
1842
|
-
woodsmoke = colorScales.woodsmoke;
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
|
|
1841
|
+
var violet$1 = colorScales.violet,
|
|
1842
|
+
woodsmoke$1 = colorScales.woodsmoke;
|
|
1843
|
+
/*
|
|
1844
|
+
* @deprecated
|
|
1845
|
+
* Please use ehWorkPalette instead.
|
|
1846
|
+
*/
|
|
1847
|
+
var palette$4 = Object.assign(Object.assign({}, palette$a), {
|
|
1848
|
+
violetLight90: violet$1.lighten90,
|
|
1849
|
+
offBlack: woodsmoke$1.base,
|
|
1850
|
+
offBlackLight30: woodsmoke$1.lighten30,
|
|
1851
|
+
offBlackLight50: woodsmoke$1.lighten50
|
|
1848
1852
|
});
|
|
1849
1853
|
var scarletGum = colorScales.scarletGum,
|
|
1850
1854
|
violet1 = colorScales.violet1,
|
|
1851
1855
|
mauve = colorScales.mauve,
|
|
1852
1856
|
maasstrichtBlue = colorScales.maasstrichtBlue;
|
|
1853
|
-
var palette$
|
|
1857
|
+
var palette$3 = Object.assign(Object.assign({}, palette$a), {
|
|
1854
1858
|
scarletGumLight20: scarletGum.lighten20,
|
|
1855
1859
|
scarletGumLight30: scarletGum.lighten30,
|
|
1856
1860
|
scarletGumLight50: scarletGum.lighten50,
|
|
@@ -1873,7 +1877,7 @@ var palette$2 = Object.assign(Object.assign({}, palette$9), {
|
|
|
1873
1877
|
});
|
|
1874
1878
|
var royalBlue = colorScales.royalBlue,
|
|
1875
1879
|
frenchSky = colorScales.frenchSky;
|
|
1876
|
-
var palette$
|
|
1880
|
+
var palette$2 = Object.assign(Object.assign({}, palette$a), {
|
|
1877
1881
|
royalBlue: royalBlue.base,
|
|
1878
1882
|
royalBlueLight10: royalBlue.lighten10,
|
|
1879
1883
|
royalBlueLight80: royalBlue.lighten80,
|
|
@@ -1887,7 +1891,7 @@ var palette$1 = Object.assign(Object.assign({}, palette$9), {
|
|
|
1887
1891
|
var gold$1 = colorScales.gold,
|
|
1888
1892
|
policeBlue = colorScales.policeBlue,
|
|
1889
1893
|
black$2 = colorScales.black;
|
|
1890
|
-
var palette = Object.assign(Object.assign({}, palette$
|
|
1894
|
+
var palette$1 = Object.assign(Object.assign({}, palette$a), {
|
|
1891
1895
|
blackLight30: black$2.lighten30,
|
|
1892
1896
|
blackLight90: black$2.lighten90,
|
|
1893
1897
|
goldLight20: gold$1.lighten20,
|
|
@@ -1901,117 +1905,125 @@ var palette = Object.assign(Object.assign({}, palette$9), {
|
|
|
1901
1905
|
policeBlueLight25: policeBlue.lighten25,
|
|
1902
1906
|
policeBlueLight90: policeBlue.lighten90
|
|
1903
1907
|
});
|
|
1908
|
+
var violet$4 = colorScales.violet,
|
|
1909
|
+
woodsmoke = colorScales.woodsmoke;
|
|
1910
|
+
Object.assign(Object.assign({}, palette$a), {
|
|
1911
|
+
violetLight90: violet$4.lighten90,
|
|
1912
|
+
offBlack: woodsmoke.base,
|
|
1913
|
+
offBlackLight30: woodsmoke.lighten30,
|
|
1914
|
+
offBlackLight50: woodsmoke.lighten50
|
|
1915
|
+
});
|
|
1904
1916
|
|
|
1905
1917
|
var globalPalette$1 = {
|
|
1906
1918
|
// Updated 21 / Nov / 22
|
|
1907
1919
|
// Surfaces
|
|
1908
|
-
defaultGlobalSurface: palette$
|
|
1909
|
-
onDefaultGlobalSurface: palette$
|
|
1910
|
-
neutralGlobalSurface: palette$
|
|
1911
|
-
mutedOnDefaultGlobalSurface: palette$
|
|
1912
|
-
inactiveOnDefaultGlobalSurface: palette$
|
|
1913
|
-
disabledOnDefaultGlobalSurface: palette$
|
|
1914
|
-
darkGlobalSurface: palette$
|
|
1915
|
-
onDarkGlobalSurface: palette$
|
|
1916
|
-
overlayGlobalSurface: palette$
|
|
1920
|
+
defaultGlobalSurface: palette$a.white,
|
|
1921
|
+
onDefaultGlobalSurface: palette$a.maasstrichtBlue,
|
|
1922
|
+
neutralGlobalSurface: palette$a.greyLight90,
|
|
1923
|
+
mutedOnDefaultGlobalSurface: palette$a.maasstrichtBlueLight30,
|
|
1924
|
+
inactiveOnDefaultGlobalSurface: palette$a.maasstrichtBlueLight50,
|
|
1925
|
+
disabledOnDefaultGlobalSurface: palette$a.greyLight30,
|
|
1926
|
+
darkGlobalSurface: palette$a.maasstrichtBlue,
|
|
1927
|
+
onDarkGlobalSurface: palette$a.white,
|
|
1928
|
+
overlayGlobalSurface: palette$a.black,
|
|
1917
1929
|
// Outlines
|
|
1918
|
-
primaryOutline: palette$
|
|
1919
|
-
secondaryOutline: palette$
|
|
1920
|
-
inactiveOutline: palette$
|
|
1921
|
-
disabledOutline: palette$
|
|
1930
|
+
primaryOutline: palette$a.maasstrichtBlue,
|
|
1931
|
+
secondaryOutline: palette$a.greyLight75,
|
|
1932
|
+
inactiveOutline: palette$a.maasstrichtBlueLight50,
|
|
1933
|
+
disabledOutline: palette$a.greyLight30,
|
|
1922
1934
|
// Accents
|
|
1923
|
-
error: palette$
|
|
1924
|
-
mutedError: palette$
|
|
1925
|
-
errorSurface: palette$
|
|
1926
|
-
onErrorSurface: palette$
|
|
1927
|
-
warning: palette$
|
|
1928
|
-
mutedWarning: palette$
|
|
1929
|
-
warningSurface: palette$
|
|
1930
|
-
onWarningSurface: palette$
|
|
1931
|
-
success: palette$
|
|
1932
|
-
mutedSuccess: palette$
|
|
1933
|
-
successSurface: palette$
|
|
1934
|
-
onSuccessSurface: palette$
|
|
1935
|
-
info: palette$
|
|
1936
|
-
mutedInfo: palette$
|
|
1937
|
-
infoSurface: palette$
|
|
1938
|
-
onInfoSurface: palette$
|
|
1939
|
-
archived: palette$
|
|
1940
|
-
mutedArchived: palette$
|
|
1941
|
-
archivedSurface: palette$
|
|
1942
|
-
onArchivedSurface: palette$
|
|
1935
|
+
error: palette$a.pastelRed,
|
|
1936
|
+
mutedError: palette$a.pastelRedLight20,
|
|
1937
|
+
errorSurface: palette$a.linen,
|
|
1938
|
+
onErrorSurface: palette$a.amaranthaRed,
|
|
1939
|
+
warning: palette$a.mellowApricot,
|
|
1940
|
+
mutedWarning: palette$a.mellowApricotLight20,
|
|
1941
|
+
warningSurface: palette$a.seashell,
|
|
1942
|
+
onWarningSurface: palette$a.orangeBrown,
|
|
1943
|
+
success: palette$a.emerald,
|
|
1944
|
+
mutedSuccess: palette$a.emeraldLight20,
|
|
1945
|
+
successSurface: palette$a.honeydew,
|
|
1946
|
+
onSuccessSurface: palette$a.pineGreen,
|
|
1947
|
+
info: palette$a.vodka,
|
|
1948
|
+
mutedInfo: palette$a.vodkaLight20,
|
|
1949
|
+
infoSurface: palette$a.aliceBlue,
|
|
1950
|
+
onInfoSurface: palette$a.gentianFlower,
|
|
1951
|
+
archived: palette$a.silverChalice,
|
|
1952
|
+
mutedArchived: palette$a.silverChaliceLight20,
|
|
1953
|
+
archivedSurface: palette$a.cumberlandFog,
|
|
1954
|
+
onArchivedSurface: palette$a.windsorGrey,
|
|
1943
1955
|
// End of Updated 21 / Nov / 22
|
|
1944
1956
|
black: '#000000',
|
|
1945
1957
|
white: '#ffffff'
|
|
1946
1958
|
};
|
|
1947
1959
|
|
|
1948
|
-
var swagBrandSystemPallete
|
|
1949
|
-
primary: palette$
|
|
1950
|
-
onPrimary: palette$
|
|
1951
|
-
secondary: palette$
|
|
1952
|
-
onSecondary: palette$
|
|
1953
|
-
defaultSurface: palette$
|
|
1954
|
-
highlightedSurface: palette$
|
|
1955
|
-
pressedSurface: palette$
|
|
1956
|
-
decorativePrimary: palette$
|
|
1957
|
-
decorativePrimarySurface: palette$
|
|
1960
|
+
var swagBrandSystemPallete = {
|
|
1961
|
+
primary: palette$5.scarletGum,
|
|
1962
|
+
onPrimary: palette$5.white,
|
|
1963
|
+
secondary: palette$5.scarletGumLight30,
|
|
1964
|
+
onSecondary: palette$5.white,
|
|
1965
|
+
defaultSurface: palette$5.greyLight90,
|
|
1966
|
+
highlightedSurface: palette$5.scarletGumLight90,
|
|
1967
|
+
pressedSurface: palette$5.scarletGumDark20,
|
|
1968
|
+
decorativePrimary: palette$5.white,
|
|
1969
|
+
decorativePrimarySurface: palette$5.maasstrichtBlueLight80
|
|
1958
1970
|
};
|
|
1959
1971
|
/**
|
|
1960
1972
|
* @deprecated This palette is deprecated and will be removed in the next major release.
|
|
1961
1973
|
*/
|
|
1962
|
-
var swagSystemPalette$
|
|
1974
|
+
var swagSystemPalette$2 = _objectSpread2(_objectSpread2({}, globalPalette$1), swagBrandSystemPallete);
|
|
1963
1975
|
|
|
1964
1976
|
var globalPalette = {
|
|
1965
1977
|
// Updated 21 / Nov / 22
|
|
1966
1978
|
// Surfaces
|
|
1967
|
-
defaultGlobalSurface: palette$
|
|
1968
|
-
onDefaultGlobalSurface: palette$
|
|
1969
|
-
neutralGlobalSurface: palette$
|
|
1970
|
-
mutedOnDefaultGlobalSurface: palette$
|
|
1971
|
-
inactiveOnDefaultGlobalSurface: palette$
|
|
1972
|
-
disabledOnDefaultGlobalSurface: palette$
|
|
1973
|
-
darkGlobalSurface: palette$
|
|
1974
|
-
onDarkGlobalSurface: palette$
|
|
1975
|
-
overlayGlobalSurface: palette$
|
|
1979
|
+
defaultGlobalSurface: palette$9.maasstrichtBlue,
|
|
1980
|
+
onDefaultGlobalSurface: palette$9.white,
|
|
1981
|
+
neutralGlobalSurface: palette$9.maasstrichtBlueLight15,
|
|
1982
|
+
mutedOnDefaultGlobalSurface: palette$9.maasstrichtBlueLight70,
|
|
1983
|
+
inactiveOnDefaultGlobalSurface: palette$9.maasstrichtBlueLight60,
|
|
1984
|
+
disabledOnDefaultGlobalSurface: palette$9.greyDark20,
|
|
1985
|
+
darkGlobalSurface: palette$9.white,
|
|
1986
|
+
onDarkGlobalSurface: palette$9.maasstrichtBlue,
|
|
1987
|
+
overlayGlobalSurface: palette$9.greyDark30,
|
|
1976
1988
|
// Outlines
|
|
1977
|
-
primaryOutline: palette$
|
|
1978
|
-
secondaryOutline: palette$
|
|
1979
|
-
inactiveOutline: palette$
|
|
1980
|
-
disabledOutline: palette$
|
|
1989
|
+
primaryOutline: palette$9.white,
|
|
1990
|
+
secondaryOutline: palette$9.maasstrichtBlueLight10,
|
|
1991
|
+
inactiveOutline: palette$9.maasstrichtBlueLight60,
|
|
1992
|
+
disabledOutline: palette$9.greyDark20,
|
|
1981
1993
|
// Accents
|
|
1982
|
-
error: palette$
|
|
1983
|
-
mutedError: palette$
|
|
1984
|
-
errorSurface: palette$
|
|
1985
|
-
onErrorSurface: palette$
|
|
1986
|
-
warning: palette$
|
|
1987
|
-
mutedWarning: palette$
|
|
1988
|
-
warningSurface: palette$
|
|
1989
|
-
onWarningSurface: palette$
|
|
1990
|
-
success: palette$
|
|
1991
|
-
mutedSuccess: palette$
|
|
1992
|
-
successSurface: palette$
|
|
1993
|
-
onSuccessSurface: palette$
|
|
1994
|
-
info: palette$
|
|
1995
|
-
mutedInfo: palette$
|
|
1996
|
-
infoSurface: palette$
|
|
1997
|
-
onInfoSurface: palette$
|
|
1998
|
-
archived: palette$
|
|
1999
|
-
mutedArchived: palette$
|
|
2000
|
-
archivedSurface: palette$
|
|
2001
|
-
onArchivedSurface: palette$
|
|
1994
|
+
error: palette$9.vermilionDark10,
|
|
1995
|
+
mutedError: palette$9.vermilionLight20,
|
|
1996
|
+
errorSurface: palette$9.moussaka,
|
|
1997
|
+
onErrorSurface: palette$9.indianDance,
|
|
1998
|
+
warning: palette$9.theatreGold,
|
|
1999
|
+
mutedWarning: palette$9.theatreGoldLight20,
|
|
2000
|
+
warningSurface: palette$9.uniformGreen,
|
|
2001
|
+
onWarningSurface: palette$9.blazingBonfire,
|
|
2002
|
+
success: palette$9.pineGreenDark10,
|
|
2003
|
+
mutedSuccess: palette$9.pineGreenLight20,
|
|
2004
|
+
successSurface: palette$9.deepIntoTheJungle,
|
|
2005
|
+
onSuccessSurface: palette$9.mintLeaf,
|
|
2006
|
+
info: palette$9.ultramarineBlueDark10,
|
|
2007
|
+
mutedInfo: palette$9.ultramarineBlueLight20,
|
|
2008
|
+
infoSurface: palette$9.blueOblivion,
|
|
2009
|
+
onInfoSurface: palette$9.pastelBlue,
|
|
2010
|
+
archived: palette$9.sonicSilverDark10,
|
|
2011
|
+
mutedArchived: palette$9.sonicSilverLight50,
|
|
2012
|
+
archivedSurface: palette$9.bigStone,
|
|
2013
|
+
onArchivedSurface: palette$9.flagstone
|
|
2002
2014
|
// End of Updated 21 / Nov / 22
|
|
2003
2015
|
};
|
|
2004
2016
|
|
|
2005
2017
|
var swagDarkBrandSystemPalette = {
|
|
2006
|
-
primary: palette$
|
|
2007
|
-
onPrimary: palette$
|
|
2008
|
-
secondary: palette$
|
|
2009
|
-
onSecondary: palette$
|
|
2010
|
-
defaultSurface: palette$
|
|
2011
|
-
highlightedSurface: palette$
|
|
2012
|
-
pressedSurface: palette$
|
|
2013
|
-
decorativePrimary: palette$
|
|
2014
|
-
decorativePrimarySurface: palette$
|
|
2018
|
+
primary: palette$3.mauve,
|
|
2019
|
+
onPrimary: palette$3.maasstrichtBlue,
|
|
2020
|
+
secondary: palette$3.mauveLight40,
|
|
2021
|
+
onSecondary: palette$3.maasstrichtBlue,
|
|
2022
|
+
defaultSurface: palette$3.maasstrichtBlue,
|
|
2023
|
+
highlightedSurface: palette$3.mauveDark65,
|
|
2024
|
+
pressedSurface: palette$3.mauveLight15,
|
|
2025
|
+
decorativePrimary: palette$3.maasstrichtBlue,
|
|
2026
|
+
decorativePrimarySurface: palette$3.maasstrichtBlueLight10
|
|
2015
2027
|
};
|
|
2016
2028
|
/**
|
|
2017
2029
|
* @deprecated This palette is deprecated and will be removed in the next major release.
|
|
@@ -2022,32 +2034,43 @@ var swagDarkSystemPalette = _objectSpread2(_objectSpread2(_objectSpread2({}, glo
|
|
|
2022
2034
|
});
|
|
2023
2035
|
|
|
2024
2036
|
var swagLightGlobalPalette = _objectSpread2(_objectSpread2({}, globalPalette$1), {}, {
|
|
2025
|
-
onDefaultGlobalSurface: palette$
|
|
2037
|
+
onDefaultGlobalSurface: palette$4.offBlack,
|
|
2026
2038
|
mutedOnDefaultGlobalSurface: '#4d6265',
|
|
2027
2039
|
inactiveOnDefaultGlobalSurface: '#808f91',
|
|
2028
|
-
primaryOutline: palette$
|
|
2040
|
+
primaryOutline: palette$4.offBlack,
|
|
2029
2041
|
inactiveOutline: '#808f91'
|
|
2030
2042
|
});
|
|
2031
2043
|
|
|
2032
|
-
var
|
|
2044
|
+
var ehWorkBrandSystemPalette = {
|
|
2033
2045
|
primary: '#460078',
|
|
2034
2046
|
onPrimary: '#fdfbff',
|
|
2035
2047
|
secondary: '#b382fd',
|
|
2036
|
-
onSecondary: palette$
|
|
2048
|
+
onSecondary: palette$4.white,
|
|
2037
2049
|
defaultSurface: '#fdfbff',
|
|
2038
|
-
highlightedSurface: palette$
|
|
2050
|
+
highlightedSurface: palette$4.violetLight90,
|
|
2039
2051
|
pressedSurface: '#380060',
|
|
2040
2052
|
decorativePrimary: '#fdfbff',
|
|
2041
2053
|
decorativePrimarySurface: '#dacce4',
|
|
2042
2054
|
decorativeSecondary: '#fdfbff',
|
|
2043
2055
|
decorativeSecondarySurface: '#f0e6ff'
|
|
2044
2056
|
};
|
|
2045
|
-
var
|
|
2057
|
+
var ehWorkSystemPalette = _objectSpread2(_objectSpread2(_objectSpread2({}, swagLightGlobalPalette), ehWorkBrandSystemPalette), {}, {
|
|
2058
|
+
name: 'ehWork'
|
|
2059
|
+
});
|
|
2060
|
+
|
|
2061
|
+
/**
|
|
2062
|
+
* @deprecated This palette is deprecated and will be removed in the next major release.
|
|
2063
|
+
*/
|
|
2064
|
+
var swagSystemPalette$1 = _objectSpread2(_objectSpread2({}, ehWorkSystemPalette), {}, {
|
|
2046
2065
|
name: 'swagLight'
|
|
2047
2066
|
});
|
|
2048
2067
|
|
|
2049
|
-
var
|
|
2050
|
-
name: '
|
|
2068
|
+
var swagSystemPalette = _objectSpread2(_objectSpread2({}, ehWorkSystemPalette), {}, {
|
|
2069
|
+
name: 'swagLight'
|
|
2070
|
+
});
|
|
2071
|
+
|
|
2072
|
+
var ehJobsSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette), {}, {
|
|
2073
|
+
name: 'ehJobs',
|
|
2051
2074
|
secondary: '#40d1ff',
|
|
2052
2075
|
onSecondary: '#460078',
|
|
2053
2076
|
secondaryHighlightedSurface: '#ecfaff',
|
|
@@ -2055,69 +2078,76 @@ var swagLightJobsSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPal
|
|
|
2055
2078
|
decorativeSecondarySurface: '#d9f6ff'
|
|
2056
2079
|
});
|
|
2057
2080
|
|
|
2081
|
+
/**
|
|
2082
|
+
* @deprecated This palette is deprecated and will be removed in the next major release.
|
|
2083
|
+
*/
|
|
2084
|
+
var swagLightJobsSystemPalette = _objectSpread2(_objectSpread2({}, ehJobsSystemPalette), {}, {
|
|
2085
|
+
name: 'swagLightJobs'
|
|
2086
|
+
});
|
|
2087
|
+
|
|
2058
2088
|
var workBrandSystemPallete = {
|
|
2059
|
-
primary: palette.black,
|
|
2060
|
-
onPrimary: palette.white,
|
|
2061
|
-
secondary: palette.blackLight30,
|
|
2062
|
-
onSecondary: palette.white,
|
|
2063
|
-
defaultSurface: palette.white,
|
|
2064
|
-
highlightedSurface: palette.blackLight90,
|
|
2065
|
-
pressedSurface: palette.black,
|
|
2066
|
-
decorativePrimary: palette.gold,
|
|
2067
|
-
decorativePrimarySurface: palette.goldLight80
|
|
2089
|
+
primary: palette$1.black,
|
|
2090
|
+
onPrimary: palette$1.white,
|
|
2091
|
+
secondary: palette$1.blackLight30,
|
|
2092
|
+
onSecondary: palette$1.white,
|
|
2093
|
+
defaultSurface: palette$1.white,
|
|
2094
|
+
highlightedSurface: palette$1.blackLight90,
|
|
2095
|
+
pressedSurface: palette$1.black,
|
|
2096
|
+
decorativePrimary: palette$1.gold,
|
|
2097
|
+
decorativePrimarySurface: palette$1.goldLight80
|
|
2068
2098
|
};
|
|
2069
2099
|
/**
|
|
2070
2100
|
* @deprecated This palette is deprecated and will be removed in the next major release.
|
|
2071
2101
|
*/
|
|
2072
|
-
var workSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$
|
|
2102
|
+
var workSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$2), workBrandSystemPallete);
|
|
2073
2103
|
|
|
2074
2104
|
var jobsBrandSystemPallete = {
|
|
2075
|
-
primary: palette$
|
|
2076
|
-
onPrimary: palette$
|
|
2077
|
-
secondary: palette$
|
|
2078
|
-
onSecondary: palette$
|
|
2079
|
-
defaultSurface: palette$
|
|
2080
|
-
highlightedSurface: palette$
|
|
2081
|
-
pressedSurface: palette$
|
|
2082
|
-
decorativePrimary: palette$
|
|
2083
|
-
decorativePrimarySurface: palette$
|
|
2105
|
+
primary: palette$6.apple,
|
|
2106
|
+
onPrimary: palette$6.white,
|
|
2107
|
+
secondary: palette$6.maasstrichtBlueLight30,
|
|
2108
|
+
onSecondary: palette$6.white,
|
|
2109
|
+
defaultSurface: palette$6.white,
|
|
2110
|
+
highlightedSurface: palette$6.hitPinkLight90,
|
|
2111
|
+
pressedSurface: palette$6.appleDark20,
|
|
2112
|
+
decorativePrimary: palette$6.hitPink,
|
|
2113
|
+
decorativePrimarySurface: palette$6.hitPinkLight80
|
|
2084
2114
|
};
|
|
2085
2115
|
/**
|
|
2086
2116
|
* @deprecated This palette is deprecated and will be removed in the next major release.
|
|
2087
2117
|
*/
|
|
2088
|
-
var jobsSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$
|
|
2118
|
+
var jobsSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$2), jobsBrandSystemPallete);
|
|
2089
2119
|
|
|
2090
2120
|
var walletBrandSystemPallete = {
|
|
2091
|
-
primary: palette$
|
|
2092
|
-
onPrimary: palette$
|
|
2093
|
-
secondary: palette$
|
|
2094
|
-
onSecondary: palette$
|
|
2095
|
-
defaultSurface: palette$
|
|
2096
|
-
highlightedSurface: palette$
|
|
2097
|
-
pressedSurface: palette$
|
|
2098
|
-
decorativePrimary: palette$
|
|
2099
|
-
decorativePrimarySurface: palette$
|
|
2121
|
+
primary: palette$2.royalBlue,
|
|
2122
|
+
onPrimary: palette$2.white,
|
|
2123
|
+
secondary: palette$2.royalBlueDark30,
|
|
2124
|
+
onSecondary: palette$2.white,
|
|
2125
|
+
defaultSurface: palette$2.white,
|
|
2126
|
+
highlightedSurface: palette$2.royalBlueLight90,
|
|
2127
|
+
pressedSurface: palette$2.royalBlueDark20,
|
|
2128
|
+
decorativePrimary: palette$2.frenchSky,
|
|
2129
|
+
decorativePrimarySurface: palette$2.frenchSkyLight80
|
|
2100
2130
|
};
|
|
2101
2131
|
/**
|
|
2102
2132
|
* @deprecated This palette is deprecated and will be removed in the next major release.
|
|
2103
2133
|
*/
|
|
2104
|
-
var walletSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$
|
|
2134
|
+
var walletSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$2), walletBrandSystemPallete);
|
|
2105
2135
|
|
|
2106
2136
|
var eBensBrandSystemPallete = {
|
|
2107
|
-
primary: palette$
|
|
2108
|
-
onPrimary: palette$
|
|
2109
|
-
secondary: palette$
|
|
2110
|
-
onSecondary: palette$
|
|
2111
|
-
defaultSurface: palette$
|
|
2112
|
-
highlightedSurface: palette$
|
|
2113
|
-
pressedSurface: palette$
|
|
2114
|
-
decorativePrimary: palette$
|
|
2115
|
-
decorativePrimarySurface: palette$
|
|
2137
|
+
primary: palette$7.violet,
|
|
2138
|
+
onPrimary: palette$7.white,
|
|
2139
|
+
secondary: palette$7.violetLight30,
|
|
2140
|
+
onSecondary: palette$7.white,
|
|
2141
|
+
defaultSurface: palette$7.white,
|
|
2142
|
+
highlightedSurface: palette$7.violetLight90,
|
|
2143
|
+
pressedSurface: palette$7.violetDark20,
|
|
2144
|
+
decorativePrimary: palette$7.mauve,
|
|
2145
|
+
decorativePrimarySurface: palette$7.mauveLight80
|
|
2116
2146
|
};
|
|
2117
2147
|
/**
|
|
2118
2148
|
* @deprecated This palette is deprecated and will be removed in the next major release.
|
|
2119
2149
|
*/
|
|
2120
|
-
var eBensSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$
|
|
2150
|
+
var eBensSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette$2), eBensBrandSystemPallete);
|
|
2121
2151
|
|
|
2122
2152
|
var ehWorkDarkSystemPalette = {
|
|
2123
2153
|
black: '#000000',
|
|
@@ -2342,7 +2372,7 @@ var getRadii = function getRadii(baseRadius) {
|
|
|
2342
2372
|
};
|
|
2343
2373
|
};
|
|
2344
2374
|
|
|
2345
|
-
var
|
|
2375
|
+
var ehWorkShadowPalette = {
|
|
2346
2376
|
"default": {
|
|
2347
2377
|
shadowOffset: {
|
|
2348
2378
|
width: 0,
|
|
@@ -2375,13 +2405,13 @@ var swagLightShadowPalette = {
|
|
|
2375
2405
|
}
|
|
2376
2406
|
};
|
|
2377
2407
|
|
|
2378
|
-
var
|
|
2408
|
+
var ehJobsShadowPalette = {
|
|
2379
2409
|
"default": {
|
|
2380
2410
|
shadowOffset: {
|
|
2381
2411
|
width: 0,
|
|
2382
2412
|
height: 2
|
|
2383
2413
|
},
|
|
2384
|
-
shadowColor:
|
|
2414
|
+
shadowColor: ehWorkSystemPalette.primaryOutline,
|
|
2385
2415
|
shadowOpacity: 0.12,
|
|
2386
2416
|
shadowRadius: 4,
|
|
2387
2417
|
elevation: 3
|
|
@@ -2444,13 +2474,17 @@ var ehWorkDarkShadowPalette = {
|
|
|
2444
2474
|
var getShadows = function getShadows(palette) {
|
|
2445
2475
|
switch (palette.name) {
|
|
2446
2476
|
case 'swagLight':
|
|
2447
|
-
return
|
|
2477
|
+
return ehWorkShadowPalette;
|
|
2478
|
+
case 'ehWork':
|
|
2479
|
+
return ehWorkShadowPalette;
|
|
2448
2480
|
case 'swagLightJobs':
|
|
2449
|
-
return
|
|
2481
|
+
return ehJobsShadowPalette;
|
|
2482
|
+
case 'ehJobs':
|
|
2483
|
+
return ehJobsShadowPalette;
|
|
2450
2484
|
case 'ehWorkDark':
|
|
2451
2485
|
return ehWorkDarkShadowPalette;
|
|
2452
2486
|
default:
|
|
2453
|
-
return
|
|
2487
|
+
return ehWorkShadowPalette;
|
|
2454
2488
|
}
|
|
2455
2489
|
};
|
|
2456
2490
|
|
|
@@ -4391,7 +4425,7 @@ var getAppCueTheme = function getAppCueTheme(theme) {
|
|
|
4391
4425
|
|
|
4392
4426
|
var getTheme$1 = function getTheme() {
|
|
4393
4427
|
var scale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : scale$1;
|
|
4394
|
-
var systemPallete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : swagSystemPalette$
|
|
4428
|
+
var systemPallete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : swagSystemPalette$2;
|
|
4395
4429
|
var globalTheme = getGlobalTheme(scale, systemPallete);
|
|
4396
4430
|
return _objectSpread2(_objectSpread2({
|
|
4397
4431
|
themeMode: systemPallete.themeMode
|
|
@@ -5621,7 +5655,7 @@ var ThemeSwitcher = function ThemeSwitcher(_ref) {
|
|
|
5621
5655
|
var theme = React.useMemo(function () {
|
|
5622
5656
|
switch (name) {
|
|
5623
5657
|
case 'swag':
|
|
5624
|
-
return getTheme$1(scale$1, swagSystemPalette$
|
|
5658
|
+
return getTheme$1(scale$1, swagSystemPalette$2);
|
|
5625
5659
|
case 'work':
|
|
5626
5660
|
return getTheme$1(scale$1, workSystemPalette);
|
|
5627
5661
|
case 'jobs':
|
|
@@ -5633,9 +5667,12 @@ var ThemeSwitcher = function ThemeSwitcher(_ref) {
|
|
|
5633
5667
|
case 'swagDark':
|
|
5634
5668
|
return getTheme$1(scale$1, swagDarkSystemPalette);
|
|
5635
5669
|
case 'swagLight':
|
|
5636
|
-
|
|
5670
|
+
case 'ehWork':
|
|
5671
|
+
return getTheme$1(scale$1, swagSystemPalette$1);
|
|
5637
5672
|
case 'ehWorkDark':
|
|
5638
5673
|
return getTheme$1(scale$1, ehWorkDarkSystemPalette);
|
|
5674
|
+
case 'ehJobs':
|
|
5675
|
+
return getTheme$1(scale$1, swagLightJobsSystemPalette);
|
|
5639
5676
|
}
|
|
5640
5677
|
}, [name]);
|
|
5641
5678
|
return /*#__PURE__*/React__namespace.default.createElement(ThemeProvider, {
|
|
@@ -9388,7 +9425,7 @@ var shuffleArray = function shuffleArray(array) {
|
|
|
9388
9425
|
*/
|
|
9389
9426
|
var useAvatarColors = function useAvatarColors() {
|
|
9390
9427
|
var shuffledColors = React.useMemo(function () {
|
|
9391
|
-
return shuffleArray(Object.values(palette$
|
|
9428
|
+
return shuffleArray(Object.values(palette$8));
|
|
9392
9429
|
}, []);
|
|
9393
9430
|
return shuffledColors;
|
|
9394
9431
|
};
|
|
@@ -40625,14 +40662,16 @@ exports.Toast = Toast;
|
|
|
40625
40662
|
exports.Toolbar = index$1;
|
|
40626
40663
|
exports.Typography = Typography;
|
|
40627
40664
|
exports.eBensSystemPalette = eBensSystemPalette;
|
|
40665
|
+
exports.ehJobsSystemPalette = ehJobsSystemPalette;
|
|
40628
40666
|
exports.ehWorkDarkSystemPalette = ehWorkDarkSystemPalette;
|
|
40667
|
+
exports.ehWorkSystemPalette = ehWorkSystemPalette;
|
|
40629
40668
|
exports.getTheme = getTheme$1;
|
|
40630
40669
|
exports.jobsSystemPalette = jobsSystemPalette;
|
|
40631
40670
|
exports.scale = scale;
|
|
40632
40671
|
exports.swagDarkSystemPalette = swagDarkSystemPalette;
|
|
40633
40672
|
exports.swagLightJobsSystemPalette = swagLightJobsSystemPalette;
|
|
40634
|
-
exports.swagLightSystemPalette = swagSystemPalette;
|
|
40635
|
-
exports.swagSystemPalette = swagSystemPalette$
|
|
40673
|
+
exports.swagLightSystemPalette = swagSystemPalette$1;
|
|
40674
|
+
exports.swagSystemPalette = swagSystemPalette$2;
|
|
40636
40675
|
exports.theme = defaultTheme;
|
|
40637
40676
|
exports.useAvatarColors = useAvatarColors;
|
|
40638
40677
|
exports.useTheme = useTheme;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hero-design/rn",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.92.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"@emotion/native": "^11.9.3",
|
|
23
23
|
"@emotion/primitives-core": "11.0.0",
|
|
24
24
|
"@emotion/react": "^11.9.3",
|
|
25
|
-
"@hero-design/colors": "8.
|
|
25
|
+
"@hero-design/colors": "8.46.0",
|
|
26
26
|
"date-fns": "^2.16.1",
|
|
27
27
|
"hero-editor": "^1.15.5",
|
|
28
28
|
"nanoid": "^5.0.9"
|