@principal-ade/industry-theme 0.1.17 → 0.1.19
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/cjs/index.d.ts +1 -1
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +136 -14
- package/dist/cjs/themes.d.ts +7 -0
- package/dist/cjs/themes.d.ts.map +1 -1
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +136 -14
- package/dist/esm/themes.d.ts +7 -0
- package/dist/esm/themes.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/ThemeShowcase.stories.tsx +9 -0
- package/src/index.ts +1 -0
- package/src/themes.ts +174 -19
package/dist/cjs/index.d.ts
CHANGED
|
@@ -107,7 +107,7 @@ export interface Theme {
|
|
|
107
107
|
};
|
|
108
108
|
}
|
|
109
109
|
export declare const theme: Theme;
|
|
110
|
-
export { terminalTheme, regalTheme, matrixTheme, matrixMinimalTheme, slateTheme, slateNeonTheme, slateGoldTheme, enterpriseTheme, neuralPulseTheme, humanCentricTheme, defaultMarkdownTheme, defaultEditorTheme, defaultTerminalTheme, landingPageTheme, landingPageLightTheme, } from './themes';
|
|
110
|
+
export { terminalTheme, regalTheme, matrixTheme, matrixMinimalTheme, slateTheme, slateNeonTheme, slateGoldTheme, iceTangerineTheme, enterpriseTheme, neuralPulseTheme, humanCentricTheme, defaultMarkdownTheme, defaultEditorTheme, defaultTerminalTheme, landingPageTheme, landingPageLightTheme, } from './themes';
|
|
111
111
|
/**
|
|
112
112
|
* Scale font sizes in a theme by a given factor
|
|
113
113
|
*/
|
package/dist/cjs/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -63,6 +63,7 @@ __export(exports_src, {
|
|
|
63
63
|
landingPageTheme: () => landingPageTheme,
|
|
64
64
|
landingPageLightTheme: () => landingPageLightTheme,
|
|
65
65
|
increaseFontScale: () => increaseFontScale,
|
|
66
|
+
iceTangerineTheme: () => iceTangerineTheme,
|
|
66
67
|
humanCentricTheme: () => humanCentricTheme,
|
|
67
68
|
getZIndex: () => getZIndex,
|
|
68
69
|
getSpace: () => getSpace,
|
|
@@ -1838,33 +1839,33 @@ var slateGoldTheme = {
|
|
|
1838
1839
|
colors: {
|
|
1839
1840
|
text: "#d0d6e0",
|
|
1840
1841
|
background: "#1a1c1e",
|
|
1841
|
-
primary: "#
|
|
1842
|
-
secondary: "#
|
|
1843
|
-
accent: "#
|
|
1844
|
-
highlight: "#
|
|
1842
|
+
primary: "#2563EB",
|
|
1843
|
+
secondary: "#1d4ed8",
|
|
1844
|
+
accent: "#E4C04A",
|
|
1845
|
+
highlight: "#2a2720",
|
|
1845
1846
|
muted: "#2d3134",
|
|
1846
1847
|
success: "#10b981",
|
|
1847
1848
|
warning: "#E4C04A",
|
|
1848
1849
|
error: "#ef4444",
|
|
1849
|
-
info: "#
|
|
1850
|
+
info: "#2563EB",
|
|
1850
1851
|
border: "#2d3034",
|
|
1851
1852
|
backgroundSecondary: "#22252a",
|
|
1852
1853
|
backgroundTertiary: "#2d3134",
|
|
1853
1854
|
backgroundLight: "#202325",
|
|
1854
|
-
backgroundHover: "#
|
|
1855
|
+
backgroundHover: "#1e2a3d",
|
|
1855
1856
|
surface: "#1f2124",
|
|
1856
1857
|
textSecondary: "#e5e7eb",
|
|
1857
1858
|
textTertiary: "#6b7280",
|
|
1858
1859
|
textMuted: "#4b5563",
|
|
1859
|
-
highlightBg: "#
|
|
1860
|
-
highlightBorder: "#
|
|
1861
|
-
textOnPrimary: "#
|
|
1860
|
+
highlightBg: "#1e2a3d",
|
|
1861
|
+
highlightBorder: "#2563EB",
|
|
1862
|
+
textOnPrimary: "#ffffff",
|
|
1862
1863
|
textOnSecondary: "#ffffff",
|
|
1863
|
-
textOnAccent: "#
|
|
1864
|
+
textOnAccent: "#1a1c1e"
|
|
1864
1865
|
},
|
|
1865
1866
|
buttons: {
|
|
1866
1867
|
primary: {
|
|
1867
|
-
color: "#
|
|
1868
|
+
color: "#ffffff",
|
|
1868
1869
|
bg: "primary",
|
|
1869
1870
|
borderWidth: 0,
|
|
1870
1871
|
"&:hover": {
|
|
@@ -1872,11 +1873,11 @@ var slateGoldTheme = {
|
|
|
1872
1873
|
}
|
|
1873
1874
|
},
|
|
1874
1875
|
secondary: {
|
|
1875
|
-
color: "
|
|
1876
|
+
color: "accent",
|
|
1876
1877
|
bg: "transparent",
|
|
1877
1878
|
borderWidth: 1,
|
|
1878
1879
|
borderStyle: "solid",
|
|
1879
|
-
borderColor: "
|
|
1880
|
+
borderColor: "accent",
|
|
1880
1881
|
"&:hover": {
|
|
1881
1882
|
bg: "highlight"
|
|
1882
1883
|
}
|
|
@@ -1916,7 +1917,128 @@ var slateGoldTheme = {
|
|
|
1916
1917
|
secondary: {
|
|
1917
1918
|
bg: "backgroundSecondary",
|
|
1918
1919
|
border: "1px solid",
|
|
1919
|
-
borderColor: "
|
|
1920
|
+
borderColor: "accent",
|
|
1921
|
+
borderRadius: 3
|
|
1922
|
+
}
|
|
1923
|
+
}
|
|
1924
|
+
};
|
|
1925
|
+
var iceTangerineTheme = {
|
|
1926
|
+
space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
|
|
1927
|
+
fonts: {
|
|
1928
|
+
body: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
1929
|
+
heading: '"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
1930
|
+
monospace: '"Fira Code", "SF Mono", Monaco, Inconsolata, monospace'
|
|
1931
|
+
},
|
|
1932
|
+
fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],
|
|
1933
|
+
fontScale: 1,
|
|
1934
|
+
fontWeights: {
|
|
1935
|
+
body: 400,
|
|
1936
|
+
heading: 600,
|
|
1937
|
+
bold: 700,
|
|
1938
|
+
light: 300,
|
|
1939
|
+
medium: 500,
|
|
1940
|
+
semibold: 600
|
|
1941
|
+
},
|
|
1942
|
+
lineHeights: {
|
|
1943
|
+
body: 1.6,
|
|
1944
|
+
heading: 1.3,
|
|
1945
|
+
tight: 1.25,
|
|
1946
|
+
relaxed: 1.75
|
|
1947
|
+
},
|
|
1948
|
+
breakpoints: ["640px", "768px", "1024px", "1280px"],
|
|
1949
|
+
sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],
|
|
1950
|
+
radii: [0, 2, 4, 6, 8, 12, 16, 24],
|
|
1951
|
+
shadows: [
|
|
1952
|
+
"none",
|
|
1953
|
+
"0 1px 3px 0 rgba(12, 23, 65, 0.08)",
|
|
1954
|
+
"0 4px 6px -1px rgba(12, 23, 65, 0.1)",
|
|
1955
|
+
"0 10px 15px -3px rgba(12, 23, 65, 0.1)",
|
|
1956
|
+
"0 20px 25px -5px rgba(12, 23, 65, 0.15)",
|
|
1957
|
+
"0 25px 50px -12px rgba(12, 23, 65, 0.2)"
|
|
1958
|
+
],
|
|
1959
|
+
zIndices: [0, 1, 10, 20, 30, 40, 50],
|
|
1960
|
+
colors: {
|
|
1961
|
+
text: "#0c1741",
|
|
1962
|
+
background: "#f7fcfd",
|
|
1963
|
+
primary: "#ff6b35",
|
|
1964
|
+
secondary: "#e55a2a",
|
|
1965
|
+
accent: "#0893d2",
|
|
1966
|
+
highlight: "#fff4f0",
|
|
1967
|
+
muted: "#e8f4f6",
|
|
1968
|
+
success: "#10b981",
|
|
1969
|
+
warning: "#f59e0b",
|
|
1970
|
+
error: "#ef4444",
|
|
1971
|
+
info: "#0893d2",
|
|
1972
|
+
border: "#dffff5",
|
|
1973
|
+
backgroundSecondary: "#ffffff",
|
|
1974
|
+
backgroundTertiary: "#eef8fa",
|
|
1975
|
+
backgroundLight: "#fafeff",
|
|
1976
|
+
backgroundHover: "#fff0eb",
|
|
1977
|
+
surface: "#ffffff",
|
|
1978
|
+
textSecondary: "#3e6b77",
|
|
1979
|
+
textTertiary: "#5a8a96",
|
|
1980
|
+
textMuted: "#7fa8b2",
|
|
1981
|
+
highlightBg: "#fff4f0",
|
|
1982
|
+
highlightBorder: "#ff6b35",
|
|
1983
|
+
textOnPrimary: "#ffffff",
|
|
1984
|
+
textOnSecondary: "#ffffff",
|
|
1985
|
+
textOnAccent: "#ffffff"
|
|
1986
|
+
},
|
|
1987
|
+
buttons: {
|
|
1988
|
+
primary: {
|
|
1989
|
+
color: "#ffffff",
|
|
1990
|
+
bg: "primary",
|
|
1991
|
+
borderWidth: 0,
|
|
1992
|
+
"&:hover": {
|
|
1993
|
+
bg: "secondary"
|
|
1994
|
+
}
|
|
1995
|
+
},
|
|
1996
|
+
secondary: {
|
|
1997
|
+
color: "accent",
|
|
1998
|
+
bg: "transparent",
|
|
1999
|
+
borderWidth: 1,
|
|
2000
|
+
borderStyle: "solid",
|
|
2001
|
+
borderColor: "accent",
|
|
2002
|
+
"&:hover": {
|
|
2003
|
+
bg: "highlight"
|
|
2004
|
+
}
|
|
2005
|
+
},
|
|
2006
|
+
ghost: {
|
|
2007
|
+
color: "textSecondary",
|
|
2008
|
+
bg: "transparent",
|
|
2009
|
+
"&:hover": {
|
|
2010
|
+
bg: "backgroundHover"
|
|
2011
|
+
}
|
|
2012
|
+
}
|
|
2013
|
+
},
|
|
2014
|
+
text: {
|
|
2015
|
+
heading: {
|
|
2016
|
+
fontFamily: "heading",
|
|
2017
|
+
fontWeight: "heading",
|
|
2018
|
+
lineHeight: "heading",
|
|
2019
|
+
color: "text"
|
|
2020
|
+
},
|
|
2021
|
+
body: {
|
|
2022
|
+
fontFamily: "body",
|
|
2023
|
+
fontWeight: "body",
|
|
2024
|
+
lineHeight: "body"
|
|
2025
|
+
},
|
|
2026
|
+
caption: {
|
|
2027
|
+
fontSize: 1,
|
|
2028
|
+
color: "textTertiary"
|
|
2029
|
+
}
|
|
2030
|
+
},
|
|
2031
|
+
cards: {
|
|
2032
|
+
primary: {
|
|
2033
|
+
bg: "surface",
|
|
2034
|
+
border: "1px solid",
|
|
2035
|
+
borderColor: "border",
|
|
2036
|
+
borderRadius: 3
|
|
2037
|
+
},
|
|
2038
|
+
secondary: {
|
|
2039
|
+
bg: "backgroundSecondary",
|
|
2040
|
+
border: "1px solid",
|
|
2041
|
+
borderColor: "accent",
|
|
1920
2042
|
borderRadius: 3
|
|
1921
2043
|
}
|
|
1922
2044
|
}
|
package/dist/cjs/themes.d.ts
CHANGED
|
@@ -14,4 +14,11 @@ export declare const humanCentricTheme: Theme;
|
|
|
14
14
|
export declare const slateTheme: Theme;
|
|
15
15
|
export declare const slateNeonTheme: Theme;
|
|
16
16
|
export declare const slateGoldTheme: Theme;
|
|
17
|
+
/**
|
|
18
|
+
* Ice Tangerine Theme
|
|
19
|
+
*
|
|
20
|
+
* A fresh, light theme with cool ice blue backgrounds and vibrant tangerine accents.
|
|
21
|
+
* Cool ice blue meets hot tangerine for a fresh, vibrant summer tech aesthetic.
|
|
22
|
+
*/
|
|
23
|
+
export declare const iceTangerineTheme: Theme;
|
|
17
24
|
//# sourceMappingURL=themes.d.ts.map
|
package/dist/cjs/themes.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/themes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAG7E,eAAO,MAAM,UAAU,EAAE,KA6IxB,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAyL3B,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAiJzB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAiJhC,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAqL7B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAiJ9B,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAqL/B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAgJxB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAkJ5B,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAkJ5B,CAAC"}
|
|
1
|
+
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/themes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAG7E,eAAO,MAAM,UAAU,EAAE,KA6IxB,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAyL3B,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAiJzB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAiJhC,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAqL7B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAiJ9B,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAqL/B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAgJxB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAkJ5B,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAkJ5B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAmJ/B,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -107,7 +107,7 @@ export interface Theme {
|
|
|
107
107
|
};
|
|
108
108
|
}
|
|
109
109
|
export declare const theme: Theme;
|
|
110
|
-
export { terminalTheme, regalTheme, matrixTheme, matrixMinimalTheme, slateTheme, slateNeonTheme, slateGoldTheme, enterpriseTheme, neuralPulseTheme, humanCentricTheme, defaultMarkdownTheme, defaultEditorTheme, defaultTerminalTheme, landingPageTheme, landingPageLightTheme, } from './themes';
|
|
110
|
+
export { terminalTheme, regalTheme, matrixTheme, matrixMinimalTheme, slateTheme, slateNeonTheme, slateGoldTheme, iceTangerineTheme, enterpriseTheme, neuralPulseTheme, humanCentricTheme, defaultMarkdownTheme, defaultEditorTheme, defaultTerminalTheme, landingPageTheme, landingPageLightTheme, } from './themes';
|
|
111
111
|
/**
|
|
112
112
|
* Scale font sizes in a theme by a given factor
|
|
113
113
|
*/
|
package/dist/esm/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/index.js
CHANGED
|
@@ -1752,33 +1752,33 @@ var slateGoldTheme = {
|
|
|
1752
1752
|
colors: {
|
|
1753
1753
|
text: "#d0d6e0",
|
|
1754
1754
|
background: "#1a1c1e",
|
|
1755
|
-
primary: "#
|
|
1756
|
-
secondary: "#
|
|
1757
|
-
accent: "#
|
|
1758
|
-
highlight: "#
|
|
1755
|
+
primary: "#2563EB",
|
|
1756
|
+
secondary: "#1d4ed8",
|
|
1757
|
+
accent: "#E4C04A",
|
|
1758
|
+
highlight: "#2a2720",
|
|
1759
1759
|
muted: "#2d3134",
|
|
1760
1760
|
success: "#10b981",
|
|
1761
1761
|
warning: "#E4C04A",
|
|
1762
1762
|
error: "#ef4444",
|
|
1763
|
-
info: "#
|
|
1763
|
+
info: "#2563EB",
|
|
1764
1764
|
border: "#2d3034",
|
|
1765
1765
|
backgroundSecondary: "#22252a",
|
|
1766
1766
|
backgroundTertiary: "#2d3134",
|
|
1767
1767
|
backgroundLight: "#202325",
|
|
1768
|
-
backgroundHover: "#
|
|
1768
|
+
backgroundHover: "#1e2a3d",
|
|
1769
1769
|
surface: "#1f2124",
|
|
1770
1770
|
textSecondary: "#e5e7eb",
|
|
1771
1771
|
textTertiary: "#6b7280",
|
|
1772
1772
|
textMuted: "#4b5563",
|
|
1773
|
-
highlightBg: "#
|
|
1774
|
-
highlightBorder: "#
|
|
1775
|
-
textOnPrimary: "#
|
|
1773
|
+
highlightBg: "#1e2a3d",
|
|
1774
|
+
highlightBorder: "#2563EB",
|
|
1775
|
+
textOnPrimary: "#ffffff",
|
|
1776
1776
|
textOnSecondary: "#ffffff",
|
|
1777
|
-
textOnAccent: "#
|
|
1777
|
+
textOnAccent: "#1a1c1e"
|
|
1778
1778
|
},
|
|
1779
1779
|
buttons: {
|
|
1780
1780
|
primary: {
|
|
1781
|
-
color: "#
|
|
1781
|
+
color: "#ffffff",
|
|
1782
1782
|
bg: "primary",
|
|
1783
1783
|
borderWidth: 0,
|
|
1784
1784
|
"&:hover": {
|
|
@@ -1786,11 +1786,11 @@ var slateGoldTheme = {
|
|
|
1786
1786
|
}
|
|
1787
1787
|
},
|
|
1788
1788
|
secondary: {
|
|
1789
|
-
color: "
|
|
1789
|
+
color: "accent",
|
|
1790
1790
|
bg: "transparent",
|
|
1791
1791
|
borderWidth: 1,
|
|
1792
1792
|
borderStyle: "solid",
|
|
1793
|
-
borderColor: "
|
|
1793
|
+
borderColor: "accent",
|
|
1794
1794
|
"&:hover": {
|
|
1795
1795
|
bg: "highlight"
|
|
1796
1796
|
}
|
|
@@ -1830,7 +1830,128 @@ var slateGoldTheme = {
|
|
|
1830
1830
|
secondary: {
|
|
1831
1831
|
bg: "backgroundSecondary",
|
|
1832
1832
|
border: "1px solid",
|
|
1833
|
-
borderColor: "
|
|
1833
|
+
borderColor: "accent",
|
|
1834
|
+
borderRadius: 3
|
|
1835
|
+
}
|
|
1836
|
+
}
|
|
1837
|
+
};
|
|
1838
|
+
var iceTangerineTheme = {
|
|
1839
|
+
space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
|
|
1840
|
+
fonts: {
|
|
1841
|
+
body: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
1842
|
+
heading: '"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
1843
|
+
monospace: '"Fira Code", "SF Mono", Monaco, Inconsolata, monospace'
|
|
1844
|
+
},
|
|
1845
|
+
fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],
|
|
1846
|
+
fontScale: 1,
|
|
1847
|
+
fontWeights: {
|
|
1848
|
+
body: 400,
|
|
1849
|
+
heading: 600,
|
|
1850
|
+
bold: 700,
|
|
1851
|
+
light: 300,
|
|
1852
|
+
medium: 500,
|
|
1853
|
+
semibold: 600
|
|
1854
|
+
},
|
|
1855
|
+
lineHeights: {
|
|
1856
|
+
body: 1.6,
|
|
1857
|
+
heading: 1.3,
|
|
1858
|
+
tight: 1.25,
|
|
1859
|
+
relaxed: 1.75
|
|
1860
|
+
},
|
|
1861
|
+
breakpoints: ["640px", "768px", "1024px", "1280px"],
|
|
1862
|
+
sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],
|
|
1863
|
+
radii: [0, 2, 4, 6, 8, 12, 16, 24],
|
|
1864
|
+
shadows: [
|
|
1865
|
+
"none",
|
|
1866
|
+
"0 1px 3px 0 rgba(12, 23, 65, 0.08)",
|
|
1867
|
+
"0 4px 6px -1px rgba(12, 23, 65, 0.1)",
|
|
1868
|
+
"0 10px 15px -3px rgba(12, 23, 65, 0.1)",
|
|
1869
|
+
"0 20px 25px -5px rgba(12, 23, 65, 0.15)",
|
|
1870
|
+
"0 25px 50px -12px rgba(12, 23, 65, 0.2)"
|
|
1871
|
+
],
|
|
1872
|
+
zIndices: [0, 1, 10, 20, 30, 40, 50],
|
|
1873
|
+
colors: {
|
|
1874
|
+
text: "#0c1741",
|
|
1875
|
+
background: "#f7fcfd",
|
|
1876
|
+
primary: "#ff6b35",
|
|
1877
|
+
secondary: "#e55a2a",
|
|
1878
|
+
accent: "#0893d2",
|
|
1879
|
+
highlight: "#fff4f0",
|
|
1880
|
+
muted: "#e8f4f6",
|
|
1881
|
+
success: "#10b981",
|
|
1882
|
+
warning: "#f59e0b",
|
|
1883
|
+
error: "#ef4444",
|
|
1884
|
+
info: "#0893d2",
|
|
1885
|
+
border: "#dffff5",
|
|
1886
|
+
backgroundSecondary: "#ffffff",
|
|
1887
|
+
backgroundTertiary: "#eef8fa",
|
|
1888
|
+
backgroundLight: "#fafeff",
|
|
1889
|
+
backgroundHover: "#fff0eb",
|
|
1890
|
+
surface: "#ffffff",
|
|
1891
|
+
textSecondary: "#3e6b77",
|
|
1892
|
+
textTertiary: "#5a8a96",
|
|
1893
|
+
textMuted: "#7fa8b2",
|
|
1894
|
+
highlightBg: "#fff4f0",
|
|
1895
|
+
highlightBorder: "#ff6b35",
|
|
1896
|
+
textOnPrimary: "#ffffff",
|
|
1897
|
+
textOnSecondary: "#ffffff",
|
|
1898
|
+
textOnAccent: "#ffffff"
|
|
1899
|
+
},
|
|
1900
|
+
buttons: {
|
|
1901
|
+
primary: {
|
|
1902
|
+
color: "#ffffff",
|
|
1903
|
+
bg: "primary",
|
|
1904
|
+
borderWidth: 0,
|
|
1905
|
+
"&:hover": {
|
|
1906
|
+
bg: "secondary"
|
|
1907
|
+
}
|
|
1908
|
+
},
|
|
1909
|
+
secondary: {
|
|
1910
|
+
color: "accent",
|
|
1911
|
+
bg: "transparent",
|
|
1912
|
+
borderWidth: 1,
|
|
1913
|
+
borderStyle: "solid",
|
|
1914
|
+
borderColor: "accent",
|
|
1915
|
+
"&:hover": {
|
|
1916
|
+
bg: "highlight"
|
|
1917
|
+
}
|
|
1918
|
+
},
|
|
1919
|
+
ghost: {
|
|
1920
|
+
color: "textSecondary",
|
|
1921
|
+
bg: "transparent",
|
|
1922
|
+
"&:hover": {
|
|
1923
|
+
bg: "backgroundHover"
|
|
1924
|
+
}
|
|
1925
|
+
}
|
|
1926
|
+
},
|
|
1927
|
+
text: {
|
|
1928
|
+
heading: {
|
|
1929
|
+
fontFamily: "heading",
|
|
1930
|
+
fontWeight: "heading",
|
|
1931
|
+
lineHeight: "heading",
|
|
1932
|
+
color: "text"
|
|
1933
|
+
},
|
|
1934
|
+
body: {
|
|
1935
|
+
fontFamily: "body",
|
|
1936
|
+
fontWeight: "body",
|
|
1937
|
+
lineHeight: "body"
|
|
1938
|
+
},
|
|
1939
|
+
caption: {
|
|
1940
|
+
fontSize: 1,
|
|
1941
|
+
color: "textTertiary"
|
|
1942
|
+
}
|
|
1943
|
+
},
|
|
1944
|
+
cards: {
|
|
1945
|
+
primary: {
|
|
1946
|
+
bg: "surface",
|
|
1947
|
+
border: "1px solid",
|
|
1948
|
+
borderColor: "border",
|
|
1949
|
+
borderRadius: 3
|
|
1950
|
+
},
|
|
1951
|
+
secondary: {
|
|
1952
|
+
bg: "backgroundSecondary",
|
|
1953
|
+
border: "1px solid",
|
|
1954
|
+
borderColor: "accent",
|
|
1834
1955
|
borderRadius: 3
|
|
1835
1956
|
}
|
|
1836
1957
|
}
|
|
@@ -2605,6 +2726,7 @@ export {
|
|
|
2605
2726
|
landingPageTheme,
|
|
2606
2727
|
landingPageLightTheme,
|
|
2607
2728
|
increaseFontScale,
|
|
2729
|
+
iceTangerineTheme,
|
|
2608
2730
|
humanCentricTheme,
|
|
2609
2731
|
getZIndex,
|
|
2610
2732
|
getSpace,
|
package/dist/esm/themes.d.ts
CHANGED
|
@@ -14,4 +14,11 @@ export declare const humanCentricTheme: Theme;
|
|
|
14
14
|
export declare const slateTheme: Theme;
|
|
15
15
|
export declare const slateNeonTheme: Theme;
|
|
16
16
|
export declare const slateGoldTheme: Theme;
|
|
17
|
+
/**
|
|
18
|
+
* Ice Tangerine Theme
|
|
19
|
+
*
|
|
20
|
+
* A fresh, light theme with cool ice blue backgrounds and vibrant tangerine accents.
|
|
21
|
+
* Cool ice blue meets hot tangerine for a fresh, vibrant summer tech aesthetic.
|
|
22
|
+
*/
|
|
23
|
+
export declare const iceTangerineTheme: Theme;
|
|
17
24
|
//# sourceMappingURL=themes.d.ts.map
|
package/dist/esm/themes.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/themes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAG7E,eAAO,MAAM,UAAU,EAAE,KA6IxB,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAyL3B,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAiJzB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAiJhC,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAqL7B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAiJ9B,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAqL/B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAgJxB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAkJ5B,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAkJ5B,CAAC"}
|
|
1
|
+
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/themes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAG7E,eAAO,MAAM,UAAU,EAAE,KA6IxB,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAyL3B,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAiJzB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAiJhC,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAqL7B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAiJ9B,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAqL/B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAgJxB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAkJ5B,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAkJ5B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAmJ/B,CAAC"}
|
package/package.json
CHANGED
|
@@ -7,6 +7,7 @@ import {
|
|
|
7
7
|
slateTheme,
|
|
8
8
|
slateNeonTheme,
|
|
9
9
|
slateGoldTheme,
|
|
10
|
+
iceTangerineTheme,
|
|
10
11
|
enterpriseTheme,
|
|
11
12
|
neuralPulseTheme,
|
|
12
13
|
humanCentricTheme,
|
|
@@ -88,6 +89,14 @@ export const SlateNeon: Story = {
|
|
|
88
89
|
},
|
|
89
90
|
};
|
|
90
91
|
|
|
92
|
+
export const IceTangerine: Story = {
|
|
93
|
+
args: {
|
|
94
|
+
theme: iceTangerineTheme,
|
|
95
|
+
title: 'Ice Tangerine Theme',
|
|
96
|
+
showValues: true,
|
|
97
|
+
},
|
|
98
|
+
};
|
|
99
|
+
|
|
91
100
|
export const Enterprise: Story = {
|
|
92
101
|
args: {
|
|
93
102
|
theme: enterpriseTheme,
|
package/src/index.ts
CHANGED
package/src/themes.ts
CHANGED
|
@@ -1492,50 +1492,50 @@ export const slateGoldTheme: Theme = {
|
|
|
1492
1492
|
],
|
|
1493
1493
|
zIndices: [0, 1, 10, 20, 30, 40, 50],
|
|
1494
1494
|
|
|
1495
|
-
// Colors - Slate greys with Circuit Gold accents
|
|
1495
|
+
// Colors - Slate greys with Deep Sapphire blue primary and Circuit Gold accents
|
|
1496
1496
|
colors: {
|
|
1497
|
-
// Base colors - Slate greys with gold
|
|
1497
|
+
// Base colors - Slate greys with blue primary and gold accent
|
|
1498
1498
|
text: '#d0d6e0', // Near-white grey for most text
|
|
1499
1499
|
background: '#1a1c1e', // Very dark charcoal
|
|
1500
|
-
primary: '#
|
|
1501
|
-
secondary: '#
|
|
1502
|
-
accent: '#
|
|
1503
|
-
highlight: '#
|
|
1500
|
+
primary: '#2563EB', // Deep Sapphire blue - primary action color
|
|
1501
|
+
secondary: '#1d4ed8', // Darker blue for hover
|
|
1502
|
+
accent: '#E4C04A', // Bright Circuit Gold accent
|
|
1503
|
+
highlight: '#2a2720', // Gold-tinted highlight
|
|
1504
1504
|
muted: '#2d3134', // Dark grey
|
|
1505
1505
|
|
|
1506
1506
|
// Status colors
|
|
1507
1507
|
success: '#10b981', // Emerald green
|
|
1508
|
-
warning: '#E4C04A', //
|
|
1508
|
+
warning: '#E4C04A', // Circuit Gold
|
|
1509
1509
|
error: '#ef4444', // Red
|
|
1510
|
-
info: '#
|
|
1510
|
+
info: '#2563EB', // Deep Sapphire blue
|
|
1511
1511
|
|
|
1512
|
-
// Additional semantic colors - Grey palette with gold touches
|
|
1512
|
+
// Additional semantic colors - Grey palette with blue/gold touches
|
|
1513
1513
|
border: '#2d3034', // Subtle grey border
|
|
1514
1514
|
backgroundSecondary: '#22252a', // Slightly lighter dark grey
|
|
1515
1515
|
backgroundTertiary: '#2d3134', // Even lighter dark grey
|
|
1516
1516
|
backgroundLight: '#202325', // Very faint grey
|
|
1517
|
-
backgroundHover: '#
|
|
1517
|
+
backgroundHover: '#1e2a3d', // Blue-tinted hover
|
|
1518
1518
|
surface: '#1f2124', // Near-black surface
|
|
1519
1519
|
textSecondary: '#e5e7eb', // Light grey for important text
|
|
1520
1520
|
textTertiary: '#6b7280', // Darker grey
|
|
1521
1521
|
textMuted: '#4b5563', // Even darker grey
|
|
1522
1522
|
|
|
1523
1523
|
// Search highlight colors
|
|
1524
|
-
highlightBg: '#
|
|
1525
|
-
highlightBorder: '#
|
|
1524
|
+
highlightBg: '#1e2a3d', // Blue highlight
|
|
1525
|
+
highlightBorder: '#2563EB', // Deep Sapphire blue border
|
|
1526
1526
|
|
|
1527
1527
|
// Text on primary background
|
|
1528
|
-
textOnPrimary: '#
|
|
1528
|
+
textOnPrimary: '#ffffff', // White text on blue primary
|
|
1529
1529
|
// Text on secondary background
|
|
1530
|
-
textOnSecondary: '#ffffff', // White text on
|
|
1530
|
+
textOnSecondary: '#ffffff', // White text on darker blue secondary
|
|
1531
1531
|
// Text on accent background
|
|
1532
|
-
textOnAccent: '#
|
|
1532
|
+
textOnAccent: '#1a1c1e', // Dark text on gold accent
|
|
1533
1533
|
},
|
|
1534
1534
|
|
|
1535
1535
|
// Component variants
|
|
1536
1536
|
buttons: {
|
|
1537
1537
|
primary: {
|
|
1538
|
-
color: '#
|
|
1538
|
+
color: '#ffffff', // White text on blue
|
|
1539
1539
|
bg: 'primary',
|
|
1540
1540
|
borderWidth: 0,
|
|
1541
1541
|
'&:hover': {
|
|
@@ -1543,11 +1543,11 @@ export const slateGoldTheme: Theme = {
|
|
|
1543
1543
|
},
|
|
1544
1544
|
},
|
|
1545
1545
|
secondary: {
|
|
1546
|
-
color: '
|
|
1546
|
+
color: 'accent',
|
|
1547
1547
|
bg: 'transparent',
|
|
1548
1548
|
borderWidth: 1,
|
|
1549
1549
|
borderStyle: 'solid',
|
|
1550
|
-
borderColor: '
|
|
1550
|
+
borderColor: 'accent',
|
|
1551
1551
|
'&:hover': {
|
|
1552
1552
|
bg: 'highlight',
|
|
1553
1553
|
},
|
|
@@ -1589,7 +1589,162 @@ export const slateGoldTheme: Theme = {
|
|
|
1589
1589
|
secondary: {
|
|
1590
1590
|
bg: 'backgroundSecondary',
|
|
1591
1591
|
border: '1px solid',
|
|
1592
|
-
borderColor: '
|
|
1592
|
+
borderColor: 'accent',
|
|
1593
|
+
borderRadius: 3,
|
|
1594
|
+
},
|
|
1595
|
+
},
|
|
1596
|
+
};
|
|
1597
|
+
|
|
1598
|
+
/**
|
|
1599
|
+
* Ice Tangerine Theme
|
|
1600
|
+
*
|
|
1601
|
+
* A fresh, light theme with cool ice blue backgrounds and vibrant tangerine accents.
|
|
1602
|
+
* Cool ice blue meets hot tangerine for a fresh, vibrant summer tech aesthetic.
|
|
1603
|
+
*/
|
|
1604
|
+
export const iceTangerineTheme: Theme = {
|
|
1605
|
+
// Spacing scale (used for margin, padding, etc.)
|
|
1606
|
+
space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
|
|
1607
|
+
|
|
1608
|
+
// Typography
|
|
1609
|
+
fonts: {
|
|
1610
|
+
body: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
1611
|
+
heading:
|
|
1612
|
+
'"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
1613
|
+
monospace: '"Fira Code", "SF Mono", Monaco, Inconsolata, monospace',
|
|
1614
|
+
},
|
|
1615
|
+
|
|
1616
|
+
fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],
|
|
1617
|
+
|
|
1618
|
+
fontScale: 1.0,
|
|
1619
|
+
|
|
1620
|
+
fontWeights: {
|
|
1621
|
+
body: 400,
|
|
1622
|
+
heading: 600,
|
|
1623
|
+
bold: 700,
|
|
1624
|
+
light: 300,
|
|
1625
|
+
medium: 500,
|
|
1626
|
+
semibold: 600,
|
|
1627
|
+
},
|
|
1628
|
+
|
|
1629
|
+
lineHeights: {
|
|
1630
|
+
body: 1.6,
|
|
1631
|
+
heading: 1.3,
|
|
1632
|
+
tight: 1.25,
|
|
1633
|
+
relaxed: 1.75,
|
|
1634
|
+
},
|
|
1635
|
+
|
|
1636
|
+
// Layout
|
|
1637
|
+
breakpoints: ['640px', '768px', '1024px', '1280px'],
|
|
1638
|
+
sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],
|
|
1639
|
+
radii: [0, 2, 4, 6, 8, 12, 16, 24],
|
|
1640
|
+
shadows: [
|
|
1641
|
+
'none',
|
|
1642
|
+
'0 1px 3px 0 rgba(12, 23, 65, 0.08)',
|
|
1643
|
+
'0 4px 6px -1px rgba(12, 23, 65, 0.1)',
|
|
1644
|
+
'0 10px 15px -3px rgba(12, 23, 65, 0.1)',
|
|
1645
|
+
'0 20px 25px -5px rgba(12, 23, 65, 0.15)',
|
|
1646
|
+
'0 25px 50px -12px rgba(12, 23, 65, 0.2)',
|
|
1647
|
+
],
|
|
1648
|
+
zIndices: [0, 1, 10, 20, 30, 40, 50],
|
|
1649
|
+
|
|
1650
|
+
// Colors - Ice blue backgrounds with tangerine/teal accents
|
|
1651
|
+
colors: {
|
|
1652
|
+
// Base colors
|
|
1653
|
+
text: '#0c1741', // Dark navy for primary text
|
|
1654
|
+
background: '#f7fcfd', // Very light ice blue
|
|
1655
|
+
primary: '#ff6b35', // Bright tangerine - primary action color
|
|
1656
|
+
secondary: '#e55a2a', // Darker tangerine for hover
|
|
1657
|
+
accent: '#0893d2', // Bright teal accent
|
|
1658
|
+
highlight: '#fff4f0', // Light tangerine tint highlight
|
|
1659
|
+
muted: '#e8f4f6', // Muted ice blue
|
|
1660
|
+
|
|
1661
|
+
// Status colors
|
|
1662
|
+
success: '#10b981', // Emerald green
|
|
1663
|
+
warning: '#f59e0b', // Amber
|
|
1664
|
+
error: '#ef4444', // Red
|
|
1665
|
+
info: '#0893d2', // Bright teal (matches accent)
|
|
1666
|
+
|
|
1667
|
+
// Additional semantic colors
|
|
1668
|
+
border: '#dffff5', // Very light cyan border
|
|
1669
|
+
backgroundSecondary: '#ffffff', // White for cards/sections
|
|
1670
|
+
backgroundTertiary: '#eef8fa', // Slightly darker ice blue
|
|
1671
|
+
backgroundLight: '#fafeff', // Almost white ice
|
|
1672
|
+
backgroundHover: '#fff0eb', // Light tangerine hover
|
|
1673
|
+
surface: '#ffffff', // White surface
|
|
1674
|
+
textSecondary: '#3e6b77', // Muted teal for secondary text
|
|
1675
|
+
textTertiary: '#5a8a96', // Lighter teal
|
|
1676
|
+
textMuted: '#7fa8b2', // Even lighter teal
|
|
1677
|
+
|
|
1678
|
+
// Search highlight colors
|
|
1679
|
+
highlightBg: '#fff4f0', // Light tangerine highlight
|
|
1680
|
+
highlightBorder: '#ff6b35', // Tangerine border
|
|
1681
|
+
|
|
1682
|
+
// Text on primary background
|
|
1683
|
+
textOnPrimary: '#ffffff', // White text on tangerine primary
|
|
1684
|
+
// Text on secondary background
|
|
1685
|
+
textOnSecondary: '#ffffff', // White text on darker tangerine
|
|
1686
|
+
// Text on accent background
|
|
1687
|
+
textOnAccent: '#ffffff', // White text on teal accent
|
|
1688
|
+
},
|
|
1689
|
+
|
|
1690
|
+
// Component variants
|
|
1691
|
+
buttons: {
|
|
1692
|
+
primary: {
|
|
1693
|
+
color: '#ffffff', // White text on tangerine
|
|
1694
|
+
bg: 'primary',
|
|
1695
|
+
borderWidth: 0,
|
|
1696
|
+
'&:hover': {
|
|
1697
|
+
bg: 'secondary',
|
|
1698
|
+
},
|
|
1699
|
+
},
|
|
1700
|
+
secondary: {
|
|
1701
|
+
color: 'accent',
|
|
1702
|
+
bg: 'transparent',
|
|
1703
|
+
borderWidth: 1,
|
|
1704
|
+
borderStyle: 'solid',
|
|
1705
|
+
borderColor: 'accent',
|
|
1706
|
+
'&:hover': {
|
|
1707
|
+
bg: 'highlight',
|
|
1708
|
+
},
|
|
1709
|
+
},
|
|
1710
|
+
ghost: {
|
|
1711
|
+
color: 'textSecondary',
|
|
1712
|
+
bg: 'transparent',
|
|
1713
|
+
'&:hover': {
|
|
1714
|
+
bg: 'backgroundHover',
|
|
1715
|
+
},
|
|
1716
|
+
},
|
|
1717
|
+
},
|
|
1718
|
+
|
|
1719
|
+
text: {
|
|
1720
|
+
heading: {
|
|
1721
|
+
fontFamily: 'heading',
|
|
1722
|
+
fontWeight: 'heading',
|
|
1723
|
+
lineHeight: 'heading',
|
|
1724
|
+
color: 'text',
|
|
1725
|
+
},
|
|
1726
|
+
body: {
|
|
1727
|
+
fontFamily: 'body',
|
|
1728
|
+
fontWeight: 'body',
|
|
1729
|
+
lineHeight: 'body',
|
|
1730
|
+
},
|
|
1731
|
+
caption: {
|
|
1732
|
+
fontSize: 1,
|
|
1733
|
+
color: 'textTertiary',
|
|
1734
|
+
},
|
|
1735
|
+
},
|
|
1736
|
+
|
|
1737
|
+
cards: {
|
|
1738
|
+
primary: {
|
|
1739
|
+
bg: 'surface',
|
|
1740
|
+
border: '1px solid',
|
|
1741
|
+
borderColor: 'border',
|
|
1742
|
+
borderRadius: 3,
|
|
1743
|
+
},
|
|
1744
|
+
secondary: {
|
|
1745
|
+
bg: 'backgroundSecondary',
|
|
1746
|
+
border: '1px solid',
|
|
1747
|
+
borderColor: 'accent',
|
|
1593
1748
|
borderRadius: 3,
|
|
1594
1749
|
},
|
|
1595
1750
|
},
|