@principal-ade/industry-theme 0.1.18 → 0.1.20
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/ThemeShowcase.d.ts.map +1 -1
- package/dist/cjs/index.d.ts +3 -1
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +262 -12
- package/dist/cjs/themes.d.ts +14 -0
- package/dist/cjs/themes.d.ts.map +1 -1
- package/dist/esm/ThemeShowcase.d.ts.map +1 -1
- package/dist/esm/index.d.ts +3 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +262 -12
- package/dist/esm/themes.d.ts +14 -0
- package/dist/esm/themes.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/ThemeShowcase.stories.tsx +18 -0
- package/src/ThemeShowcase.tsx +2 -0
- package/src/index.ts +4 -0
- package/src/themes.ts +329 -15
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeShowcase.d.ts","sourceRoot":"","sources":["../../src/ThemeShowcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC,EAAE,CAAC;CAC1E;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,
|
|
1
|
+
{"version":3,"file":"ThemeShowcase.d.ts","sourceRoot":"","sources":["../../src/ThemeShowcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC,EAAE,CAAC;CAC1E;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAitBtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -80,7 +80,9 @@ export interface Theme {
|
|
|
80
80
|
backgroundSecondary: string;
|
|
81
81
|
backgroundTertiary: string;
|
|
82
82
|
backgroundLight: string;
|
|
83
|
+
backgroundDark?: string;
|
|
83
84
|
backgroundHover: string;
|
|
85
|
+
primaryBlade?: string;
|
|
84
86
|
surface: string;
|
|
85
87
|
textSecondary: string;
|
|
86
88
|
textTertiary: string;
|
|
@@ -107,7 +109,7 @@ export interface Theme {
|
|
|
107
109
|
};
|
|
108
110
|
}
|
|
109
111
|
export declare const theme: Theme;
|
|
110
|
-
export { terminalTheme, regalTheme, matrixTheme, matrixMinimalTheme, slateTheme, slateNeonTheme, slateGoldTheme, enterpriseTheme, neuralPulseTheme, humanCentricTheme, defaultMarkdownTheme, defaultEditorTheme, defaultTerminalTheme, landingPageTheme, landingPageLightTheme, } from './themes';
|
|
112
|
+
export { terminalTheme, regalTheme, matrixTheme, matrixMinimalTheme, slateTheme, slateNeonTheme, slateGoldTheme, iceTangerineTheme, iceTangerineDarkTheme, enterpriseTheme, neuralPulseTheme, humanCentricTheme, defaultMarkdownTheme, defaultEditorTheme, defaultTerminalTheme, landingPageTheme, landingPageLightTheme, } from './themes';
|
|
111
113
|
/**
|
|
112
114
|
* Scale font sizes in a theme by a given factor
|
|
113
115
|
*/
|
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,8 @@ __export(exports_src, {
|
|
|
63
63
|
landingPageTheme: () => landingPageTheme,
|
|
64
64
|
landingPageLightTheme: () => landingPageLightTheme,
|
|
65
65
|
increaseFontScale: () => increaseFontScale,
|
|
66
|
+
iceTangerineTheme: () => iceTangerineTheme,
|
|
67
|
+
iceTangerineDarkTheme: () => iceTangerineDarkTheme,
|
|
66
68
|
humanCentricTheme: () => humanCentricTheme,
|
|
67
69
|
getZIndex: () => getZIndex,
|
|
68
70
|
getSpace: () => getSpace,
|
|
@@ -1717,12 +1719,12 @@ var slateNeonTheme = {
|
|
|
1717
1719
|
colors: {
|
|
1718
1720
|
text: "#d0d6e0",
|
|
1719
1721
|
background: "#1a1c1e",
|
|
1720
|
-
primary: "#
|
|
1721
|
-
secondary: "#
|
|
1722
|
-
accent: "#
|
|
1723
|
-
highlight: "#
|
|
1722
|
+
primary: "#ff6b35",
|
|
1723
|
+
secondary: "#ff8257",
|
|
1724
|
+
accent: "#00ff00",
|
|
1725
|
+
highlight: "#2a1f18",
|
|
1724
1726
|
muted: "#2d3134",
|
|
1725
|
-
success: "#
|
|
1727
|
+
success: "#10b981",
|
|
1726
1728
|
warning: "#f59e0b",
|
|
1727
1729
|
error: "#ef4444",
|
|
1728
1730
|
info: "#3b82f6",
|
|
@@ -1730,20 +1732,20 @@ var slateNeonTheme = {
|
|
|
1730
1732
|
backgroundSecondary: "#22252a",
|
|
1731
1733
|
backgroundTertiary: "#2d3134",
|
|
1732
1734
|
backgroundLight: "#202325",
|
|
1733
|
-
backgroundHover: "#
|
|
1735
|
+
backgroundHover: "#2a1f18",
|
|
1734
1736
|
surface: "#1f2124",
|
|
1735
1737
|
textSecondary: "#e5e7eb",
|
|
1736
1738
|
textTertiary: "#6b7280",
|
|
1737
1739
|
textMuted: "#4b5563",
|
|
1738
|
-
highlightBg: "#
|
|
1739
|
-
highlightBorder: "#
|
|
1740
|
-
textOnPrimary: "#
|
|
1741
|
-
textOnSecondary: "#
|
|
1742
|
-
textOnAccent: "#
|
|
1740
|
+
highlightBg: "#2a1f18",
|
|
1741
|
+
highlightBorder: "#ff6b35",
|
|
1742
|
+
textOnPrimary: "#ffffff",
|
|
1743
|
+
textOnSecondary: "#ffffff",
|
|
1744
|
+
textOnAccent: "#1a1c1e"
|
|
1743
1745
|
},
|
|
1744
1746
|
buttons: {
|
|
1745
1747
|
primary: {
|
|
1746
|
-
color: "#
|
|
1748
|
+
color: "#ffffff",
|
|
1747
1749
|
bg: "primary",
|
|
1748
1750
|
borderWidth: 0,
|
|
1749
1751
|
"&:hover": {
|
|
@@ -1921,6 +1923,252 @@ var slateGoldTheme = {
|
|
|
1921
1923
|
}
|
|
1922
1924
|
}
|
|
1923
1925
|
};
|
|
1926
|
+
var iceTangerineDarkTheme = {
|
|
1927
|
+
space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
|
|
1928
|
+
fonts: {
|
|
1929
|
+
body: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
1930
|
+
heading: '"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
1931
|
+
monospace: '"Fira Code", "SF Mono", Monaco, Inconsolata, monospace'
|
|
1932
|
+
},
|
|
1933
|
+
fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],
|
|
1934
|
+
fontScale: 1,
|
|
1935
|
+
fontWeights: {
|
|
1936
|
+
body: 400,
|
|
1937
|
+
heading: 600,
|
|
1938
|
+
bold: 700,
|
|
1939
|
+
light: 300,
|
|
1940
|
+
medium: 500,
|
|
1941
|
+
semibold: 600
|
|
1942
|
+
},
|
|
1943
|
+
lineHeights: {
|
|
1944
|
+
body: 1.6,
|
|
1945
|
+
heading: 1.3,
|
|
1946
|
+
tight: 1.25,
|
|
1947
|
+
relaxed: 1.75
|
|
1948
|
+
},
|
|
1949
|
+
breakpoints: ["640px", "768px", "1024px", "1280px"],
|
|
1950
|
+
sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],
|
|
1951
|
+
radii: [0, 2, 4, 6, 8, 12, 16, 24],
|
|
1952
|
+
shadows: [
|
|
1953
|
+
"none",
|
|
1954
|
+
"0 1px 3px 0 rgba(0, 0, 0, 0.3)",
|
|
1955
|
+
"0 4px 6px -1px rgba(0, 0, 0, 0.4)",
|
|
1956
|
+
"0 10px 15px -3px rgba(0, 0, 0, 0.4)",
|
|
1957
|
+
"0 20px 25px -5px rgba(0, 0, 0, 0.5)",
|
|
1958
|
+
"0 25px 50px -12px rgba(0, 0, 0, 0.6)"
|
|
1959
|
+
],
|
|
1960
|
+
zIndices: [0, 1, 10, 20, 30, 40, 50],
|
|
1961
|
+
colors: {
|
|
1962
|
+
text: "#d0e5ea",
|
|
1963
|
+
background: "#0d274d",
|
|
1964
|
+
primary: "#ff6b35",
|
|
1965
|
+
secondary: "#ff8257",
|
|
1966
|
+
accent: "#0893d2",
|
|
1967
|
+
highlight: "#1a3452",
|
|
1968
|
+
muted: "#1a3856",
|
|
1969
|
+
success: "#10b981",
|
|
1970
|
+
warning: "#f59e0b",
|
|
1971
|
+
error: "#ef4444",
|
|
1972
|
+
info: "#0893d2",
|
|
1973
|
+
border: "#1e3a5f",
|
|
1974
|
+
backgroundSecondary: "#0f2e58",
|
|
1975
|
+
backgroundTertiary: "#123461",
|
|
1976
|
+
backgroundLight: "#0b1f3f",
|
|
1977
|
+
backgroundDark: "#0a1829",
|
|
1978
|
+
backgroundHover: "#2a1f18",
|
|
1979
|
+
primaryBlade: "#0e2b53",
|
|
1980
|
+
surface: "#0f2e58",
|
|
1981
|
+
textSecondary: "#9fc4d4",
|
|
1982
|
+
textTertiary: "#7ba8bc",
|
|
1983
|
+
textMuted: "#5a8a9e",
|
|
1984
|
+
highlightBg: "#2a1f18",
|
|
1985
|
+
highlightBorder: "#ff6b35",
|
|
1986
|
+
textOnPrimary: "#ffffff",
|
|
1987
|
+
textOnSecondary: "#ffffff",
|
|
1988
|
+
textOnAccent: "#ffffff"
|
|
1989
|
+
},
|
|
1990
|
+
buttons: {
|
|
1991
|
+
primary: {
|
|
1992
|
+
color: "#ffffff",
|
|
1993
|
+
bg: "primary",
|
|
1994
|
+
borderWidth: 0,
|
|
1995
|
+
"&:hover": {
|
|
1996
|
+
bg: "secondary"
|
|
1997
|
+
}
|
|
1998
|
+
},
|
|
1999
|
+
secondary: {
|
|
2000
|
+
color: "accent",
|
|
2001
|
+
bg: "transparent",
|
|
2002
|
+
borderWidth: 1,
|
|
2003
|
+
borderStyle: "solid",
|
|
2004
|
+
borderColor: "accent",
|
|
2005
|
+
"&:hover": {
|
|
2006
|
+
bg: "highlight"
|
|
2007
|
+
}
|
|
2008
|
+
},
|
|
2009
|
+
ghost: {
|
|
2010
|
+
color: "textSecondary",
|
|
2011
|
+
bg: "transparent",
|
|
2012
|
+
"&:hover": {
|
|
2013
|
+
bg: "backgroundHover"
|
|
2014
|
+
}
|
|
2015
|
+
}
|
|
2016
|
+
},
|
|
2017
|
+
text: {
|
|
2018
|
+
heading: {
|
|
2019
|
+
fontFamily: "heading",
|
|
2020
|
+
fontWeight: "heading",
|
|
2021
|
+
lineHeight: "heading",
|
|
2022
|
+
color: "text"
|
|
2023
|
+
},
|
|
2024
|
+
body: {
|
|
2025
|
+
fontFamily: "body",
|
|
2026
|
+
fontWeight: "body",
|
|
2027
|
+
lineHeight: "body"
|
|
2028
|
+
},
|
|
2029
|
+
caption: {
|
|
2030
|
+
fontSize: 1,
|
|
2031
|
+
color: "textTertiary"
|
|
2032
|
+
}
|
|
2033
|
+
},
|
|
2034
|
+
cards: {
|
|
2035
|
+
primary: {
|
|
2036
|
+
bg: "surface",
|
|
2037
|
+
border: "1px solid",
|
|
2038
|
+
borderColor: "border",
|
|
2039
|
+
borderRadius: 3
|
|
2040
|
+
},
|
|
2041
|
+
secondary: {
|
|
2042
|
+
bg: "backgroundSecondary",
|
|
2043
|
+
border: "1px solid",
|
|
2044
|
+
borderColor: "accent",
|
|
2045
|
+
borderRadius: 3
|
|
2046
|
+
}
|
|
2047
|
+
}
|
|
2048
|
+
};
|
|
2049
|
+
var iceTangerineTheme = {
|
|
2050
|
+
space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
|
|
2051
|
+
fonts: {
|
|
2052
|
+
body: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
2053
|
+
heading: '"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
2054
|
+
monospace: '"Fira Code", "SF Mono", Monaco, Inconsolata, monospace'
|
|
2055
|
+
},
|
|
2056
|
+
fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],
|
|
2057
|
+
fontScale: 1,
|
|
2058
|
+
fontWeights: {
|
|
2059
|
+
body: 400,
|
|
2060
|
+
heading: 600,
|
|
2061
|
+
bold: 700,
|
|
2062
|
+
light: 300,
|
|
2063
|
+
medium: 500,
|
|
2064
|
+
semibold: 600
|
|
2065
|
+
},
|
|
2066
|
+
lineHeights: {
|
|
2067
|
+
body: 1.6,
|
|
2068
|
+
heading: 1.3,
|
|
2069
|
+
tight: 1.25,
|
|
2070
|
+
relaxed: 1.75
|
|
2071
|
+
},
|
|
2072
|
+
breakpoints: ["640px", "768px", "1024px", "1280px"],
|
|
2073
|
+
sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],
|
|
2074
|
+
radii: [0, 2, 4, 6, 8, 12, 16, 24],
|
|
2075
|
+
shadows: [
|
|
2076
|
+
"none",
|
|
2077
|
+
"0 1px 3px 0 rgba(12, 23, 65, 0.08)",
|
|
2078
|
+
"0 4px 6px -1px rgba(12, 23, 65, 0.1)",
|
|
2079
|
+
"0 10px 15px -3px rgba(12, 23, 65, 0.1)",
|
|
2080
|
+
"0 20px 25px -5px rgba(12, 23, 65, 0.15)",
|
|
2081
|
+
"0 25px 50px -12px rgba(12, 23, 65, 0.2)"
|
|
2082
|
+
],
|
|
2083
|
+
zIndices: [0, 1, 10, 20, 30, 40, 50],
|
|
2084
|
+
colors: {
|
|
2085
|
+
text: "#0c3741",
|
|
2086
|
+
background: "#dff1f5",
|
|
2087
|
+
primary: "#ff6b35",
|
|
2088
|
+
secondary: "#e55a2a",
|
|
2089
|
+
accent: "#0893d2",
|
|
2090
|
+
highlight: "#fff4f0",
|
|
2091
|
+
muted: "#e8f4f6",
|
|
2092
|
+
success: "#10b981",
|
|
2093
|
+
warning: "#f59e0b",
|
|
2094
|
+
error: "#ef4444",
|
|
2095
|
+
info: "#0893d2",
|
|
2096
|
+
border: "#dffff5",
|
|
2097
|
+
backgroundSecondary: "#ffffff",
|
|
2098
|
+
backgroundTertiary: "#eef8fa",
|
|
2099
|
+
backgroundLight: "#fafeff",
|
|
2100
|
+
backgroundDark: "#0d274d",
|
|
2101
|
+
backgroundHover: "#fff0eb",
|
|
2102
|
+
primaryBlade: "#edf5f8",
|
|
2103
|
+
surface: "#ffffff",
|
|
2104
|
+
textSecondary: "#3e6b77",
|
|
2105
|
+
textTertiary: "#5a8a96",
|
|
2106
|
+
textMuted: "#7fa8b2",
|
|
2107
|
+
highlightBg: "#fff4f0",
|
|
2108
|
+
highlightBorder: "#ff6b35",
|
|
2109
|
+
textOnPrimary: "#ffffff",
|
|
2110
|
+
textOnSecondary: "#ffffff",
|
|
2111
|
+
textOnAccent: "#ffffff"
|
|
2112
|
+
},
|
|
2113
|
+
buttons: {
|
|
2114
|
+
primary: {
|
|
2115
|
+
color: "#ffffff",
|
|
2116
|
+
bg: "primary",
|
|
2117
|
+
borderWidth: 0,
|
|
2118
|
+
"&:hover": {
|
|
2119
|
+
bg: "secondary"
|
|
2120
|
+
}
|
|
2121
|
+
},
|
|
2122
|
+
secondary: {
|
|
2123
|
+
color: "accent",
|
|
2124
|
+
bg: "transparent",
|
|
2125
|
+
borderWidth: 1,
|
|
2126
|
+
borderStyle: "solid",
|
|
2127
|
+
borderColor: "accent",
|
|
2128
|
+
"&:hover": {
|
|
2129
|
+
bg: "highlight"
|
|
2130
|
+
}
|
|
2131
|
+
},
|
|
2132
|
+
ghost: {
|
|
2133
|
+
color: "textSecondary",
|
|
2134
|
+
bg: "transparent",
|
|
2135
|
+
"&:hover": {
|
|
2136
|
+
bg: "backgroundHover"
|
|
2137
|
+
}
|
|
2138
|
+
}
|
|
2139
|
+
},
|
|
2140
|
+
text: {
|
|
2141
|
+
heading: {
|
|
2142
|
+
fontFamily: "heading",
|
|
2143
|
+
fontWeight: "heading",
|
|
2144
|
+
lineHeight: "heading",
|
|
2145
|
+
color: "text"
|
|
2146
|
+
},
|
|
2147
|
+
body: {
|
|
2148
|
+
fontFamily: "body",
|
|
2149
|
+
fontWeight: "body",
|
|
2150
|
+
lineHeight: "body"
|
|
2151
|
+
},
|
|
2152
|
+
caption: {
|
|
2153
|
+
fontSize: 1,
|
|
2154
|
+
color: "textTertiary"
|
|
2155
|
+
}
|
|
2156
|
+
},
|
|
2157
|
+
cards: {
|
|
2158
|
+
primary: {
|
|
2159
|
+
bg: "surface",
|
|
2160
|
+
border: "1px solid",
|
|
2161
|
+
borderColor: "border",
|
|
2162
|
+
borderRadius: 3
|
|
2163
|
+
},
|
|
2164
|
+
secondary: {
|
|
2165
|
+
bg: "backgroundSecondary",
|
|
2166
|
+
border: "1px solid",
|
|
2167
|
+
borderColor: "accent",
|
|
2168
|
+
borderRadius: 3
|
|
2169
|
+
}
|
|
2170
|
+
}
|
|
2171
|
+
};
|
|
1924
2172
|
// src/ThemeProvider.tsx
|
|
1925
2173
|
var import_react = __toESM(require("react"));
|
|
1926
2174
|
|
|
@@ -2422,7 +2670,9 @@ var ThemeShowcase = ({
|
|
|
2422
2670
|
"backgroundSecondary",
|
|
2423
2671
|
"backgroundTertiary",
|
|
2424
2672
|
"backgroundLight",
|
|
2673
|
+
"backgroundDark",
|
|
2425
2674
|
"backgroundHover",
|
|
2675
|
+
"primaryBlade",
|
|
2426
2676
|
"surface"
|
|
2427
2677
|
].map((key) => {
|
|
2428
2678
|
const color = theme2.colors[key];
|
package/dist/cjs/themes.d.ts
CHANGED
|
@@ -14,4 +14,18 @@ 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 Dark Theme
|
|
19
|
+
*
|
|
20
|
+
* A dark version of the ice tangerine theme with deep navy backgrounds and vibrant tangerine accents.
|
|
21
|
+
* Midnight navy meets hot tangerine for a sleek, modern aesthetic.
|
|
22
|
+
*/
|
|
23
|
+
export declare const iceTangerineDarkTheme: Theme;
|
|
24
|
+
/**
|
|
25
|
+
* Ice Tangerine Theme
|
|
26
|
+
*
|
|
27
|
+
* A fresh, light theme with cool ice blue backgrounds and vibrant tangerine accents.
|
|
28
|
+
* Cool ice blue meets hot tangerine for a fresh, vibrant summer tech aesthetic.
|
|
29
|
+
*/
|
|
30
|
+
export declare const iceTangerineTheme: Theme;
|
|
17
31
|
//# 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,qBAAqB,EAAE,KAqJnC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAqJ/B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeShowcase.d.ts","sourceRoot":"","sources":["../../src/ThemeShowcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC,EAAE,CAAC;CAC1E;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,
|
|
1
|
+
{"version":3,"file":"ThemeShowcase.d.ts","sourceRoot":"","sources":["../../src/ThemeShowcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC,EAAE,CAAC;CAC1E;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAitBtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -80,7 +80,9 @@ export interface Theme {
|
|
|
80
80
|
backgroundSecondary: string;
|
|
81
81
|
backgroundTertiary: string;
|
|
82
82
|
backgroundLight: string;
|
|
83
|
+
backgroundDark?: string;
|
|
83
84
|
backgroundHover: string;
|
|
85
|
+
primaryBlade?: string;
|
|
84
86
|
surface: string;
|
|
85
87
|
textSecondary: string;
|
|
86
88
|
textTertiary: string;
|
|
@@ -107,7 +109,7 @@ export interface Theme {
|
|
|
107
109
|
};
|
|
108
110
|
}
|
|
109
111
|
export declare const theme: Theme;
|
|
110
|
-
export { terminalTheme, regalTheme, matrixTheme, matrixMinimalTheme, slateTheme, slateNeonTheme, slateGoldTheme, enterpriseTheme, neuralPulseTheme, humanCentricTheme, defaultMarkdownTheme, defaultEditorTheme, defaultTerminalTheme, landingPageTheme, landingPageLightTheme, } from './themes';
|
|
112
|
+
export { terminalTheme, regalTheme, matrixTheme, matrixMinimalTheme, slateTheme, slateNeonTheme, slateGoldTheme, iceTangerineTheme, iceTangerineDarkTheme, enterpriseTheme, neuralPulseTheme, humanCentricTheme, defaultMarkdownTheme, defaultEditorTheme, defaultTerminalTheme, landingPageTheme, landingPageLightTheme, } from './themes';
|
|
111
113
|
/**
|
|
112
114
|
* Scale font sizes in a theme by a given factor
|
|
113
115
|
*/
|
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
|
@@ -1631,12 +1631,12 @@ var slateNeonTheme = {
|
|
|
1631
1631
|
colors: {
|
|
1632
1632
|
text: "#d0d6e0",
|
|
1633
1633
|
background: "#1a1c1e",
|
|
1634
|
-
primary: "#
|
|
1635
|
-
secondary: "#
|
|
1636
|
-
accent: "#
|
|
1637
|
-
highlight: "#
|
|
1634
|
+
primary: "#ff6b35",
|
|
1635
|
+
secondary: "#ff8257",
|
|
1636
|
+
accent: "#00ff00",
|
|
1637
|
+
highlight: "#2a1f18",
|
|
1638
1638
|
muted: "#2d3134",
|
|
1639
|
-
success: "#
|
|
1639
|
+
success: "#10b981",
|
|
1640
1640
|
warning: "#f59e0b",
|
|
1641
1641
|
error: "#ef4444",
|
|
1642
1642
|
info: "#3b82f6",
|
|
@@ -1644,20 +1644,20 @@ var slateNeonTheme = {
|
|
|
1644
1644
|
backgroundSecondary: "#22252a",
|
|
1645
1645
|
backgroundTertiary: "#2d3134",
|
|
1646
1646
|
backgroundLight: "#202325",
|
|
1647
|
-
backgroundHover: "#
|
|
1647
|
+
backgroundHover: "#2a1f18",
|
|
1648
1648
|
surface: "#1f2124",
|
|
1649
1649
|
textSecondary: "#e5e7eb",
|
|
1650
1650
|
textTertiary: "#6b7280",
|
|
1651
1651
|
textMuted: "#4b5563",
|
|
1652
|
-
highlightBg: "#
|
|
1653
|
-
highlightBorder: "#
|
|
1654
|
-
textOnPrimary: "#
|
|
1655
|
-
textOnSecondary: "#
|
|
1656
|
-
textOnAccent: "#
|
|
1652
|
+
highlightBg: "#2a1f18",
|
|
1653
|
+
highlightBorder: "#ff6b35",
|
|
1654
|
+
textOnPrimary: "#ffffff",
|
|
1655
|
+
textOnSecondary: "#ffffff",
|
|
1656
|
+
textOnAccent: "#1a1c1e"
|
|
1657
1657
|
},
|
|
1658
1658
|
buttons: {
|
|
1659
1659
|
primary: {
|
|
1660
|
-
color: "#
|
|
1660
|
+
color: "#ffffff",
|
|
1661
1661
|
bg: "primary",
|
|
1662
1662
|
borderWidth: 0,
|
|
1663
1663
|
"&:hover": {
|
|
@@ -1835,6 +1835,252 @@ var slateGoldTheme = {
|
|
|
1835
1835
|
}
|
|
1836
1836
|
}
|
|
1837
1837
|
};
|
|
1838
|
+
var iceTangerineDarkTheme = {
|
|
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(0, 0, 0, 0.3)",
|
|
1867
|
+
"0 4px 6px -1px rgba(0, 0, 0, 0.4)",
|
|
1868
|
+
"0 10px 15px -3px rgba(0, 0, 0, 0.4)",
|
|
1869
|
+
"0 20px 25px -5px rgba(0, 0, 0, 0.5)",
|
|
1870
|
+
"0 25px 50px -12px rgba(0, 0, 0, 0.6)"
|
|
1871
|
+
],
|
|
1872
|
+
zIndices: [0, 1, 10, 20, 30, 40, 50],
|
|
1873
|
+
colors: {
|
|
1874
|
+
text: "#d0e5ea",
|
|
1875
|
+
background: "#0d274d",
|
|
1876
|
+
primary: "#ff6b35",
|
|
1877
|
+
secondary: "#ff8257",
|
|
1878
|
+
accent: "#0893d2",
|
|
1879
|
+
highlight: "#1a3452",
|
|
1880
|
+
muted: "#1a3856",
|
|
1881
|
+
success: "#10b981",
|
|
1882
|
+
warning: "#f59e0b",
|
|
1883
|
+
error: "#ef4444",
|
|
1884
|
+
info: "#0893d2",
|
|
1885
|
+
border: "#1e3a5f",
|
|
1886
|
+
backgroundSecondary: "#0f2e58",
|
|
1887
|
+
backgroundTertiary: "#123461",
|
|
1888
|
+
backgroundLight: "#0b1f3f",
|
|
1889
|
+
backgroundDark: "#0a1829",
|
|
1890
|
+
backgroundHover: "#2a1f18",
|
|
1891
|
+
primaryBlade: "#0e2b53",
|
|
1892
|
+
surface: "#0f2e58",
|
|
1893
|
+
textSecondary: "#9fc4d4",
|
|
1894
|
+
textTertiary: "#7ba8bc",
|
|
1895
|
+
textMuted: "#5a8a9e",
|
|
1896
|
+
highlightBg: "#2a1f18",
|
|
1897
|
+
highlightBorder: "#ff6b35",
|
|
1898
|
+
textOnPrimary: "#ffffff",
|
|
1899
|
+
textOnSecondary: "#ffffff",
|
|
1900
|
+
textOnAccent: "#ffffff"
|
|
1901
|
+
},
|
|
1902
|
+
buttons: {
|
|
1903
|
+
primary: {
|
|
1904
|
+
color: "#ffffff",
|
|
1905
|
+
bg: "primary",
|
|
1906
|
+
borderWidth: 0,
|
|
1907
|
+
"&:hover": {
|
|
1908
|
+
bg: "secondary"
|
|
1909
|
+
}
|
|
1910
|
+
},
|
|
1911
|
+
secondary: {
|
|
1912
|
+
color: "accent",
|
|
1913
|
+
bg: "transparent",
|
|
1914
|
+
borderWidth: 1,
|
|
1915
|
+
borderStyle: "solid",
|
|
1916
|
+
borderColor: "accent",
|
|
1917
|
+
"&:hover": {
|
|
1918
|
+
bg: "highlight"
|
|
1919
|
+
}
|
|
1920
|
+
},
|
|
1921
|
+
ghost: {
|
|
1922
|
+
color: "textSecondary",
|
|
1923
|
+
bg: "transparent",
|
|
1924
|
+
"&:hover": {
|
|
1925
|
+
bg: "backgroundHover"
|
|
1926
|
+
}
|
|
1927
|
+
}
|
|
1928
|
+
},
|
|
1929
|
+
text: {
|
|
1930
|
+
heading: {
|
|
1931
|
+
fontFamily: "heading",
|
|
1932
|
+
fontWeight: "heading",
|
|
1933
|
+
lineHeight: "heading",
|
|
1934
|
+
color: "text"
|
|
1935
|
+
},
|
|
1936
|
+
body: {
|
|
1937
|
+
fontFamily: "body",
|
|
1938
|
+
fontWeight: "body",
|
|
1939
|
+
lineHeight: "body"
|
|
1940
|
+
},
|
|
1941
|
+
caption: {
|
|
1942
|
+
fontSize: 1,
|
|
1943
|
+
color: "textTertiary"
|
|
1944
|
+
}
|
|
1945
|
+
},
|
|
1946
|
+
cards: {
|
|
1947
|
+
primary: {
|
|
1948
|
+
bg: "surface",
|
|
1949
|
+
border: "1px solid",
|
|
1950
|
+
borderColor: "border",
|
|
1951
|
+
borderRadius: 3
|
|
1952
|
+
},
|
|
1953
|
+
secondary: {
|
|
1954
|
+
bg: "backgroundSecondary",
|
|
1955
|
+
border: "1px solid",
|
|
1956
|
+
borderColor: "accent",
|
|
1957
|
+
borderRadius: 3
|
|
1958
|
+
}
|
|
1959
|
+
}
|
|
1960
|
+
};
|
|
1961
|
+
var iceTangerineTheme = {
|
|
1962
|
+
space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
|
|
1963
|
+
fonts: {
|
|
1964
|
+
body: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
1965
|
+
heading: '"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
1966
|
+
monospace: '"Fira Code", "SF Mono", Monaco, Inconsolata, monospace'
|
|
1967
|
+
},
|
|
1968
|
+
fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],
|
|
1969
|
+
fontScale: 1,
|
|
1970
|
+
fontWeights: {
|
|
1971
|
+
body: 400,
|
|
1972
|
+
heading: 600,
|
|
1973
|
+
bold: 700,
|
|
1974
|
+
light: 300,
|
|
1975
|
+
medium: 500,
|
|
1976
|
+
semibold: 600
|
|
1977
|
+
},
|
|
1978
|
+
lineHeights: {
|
|
1979
|
+
body: 1.6,
|
|
1980
|
+
heading: 1.3,
|
|
1981
|
+
tight: 1.25,
|
|
1982
|
+
relaxed: 1.75
|
|
1983
|
+
},
|
|
1984
|
+
breakpoints: ["640px", "768px", "1024px", "1280px"],
|
|
1985
|
+
sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],
|
|
1986
|
+
radii: [0, 2, 4, 6, 8, 12, 16, 24],
|
|
1987
|
+
shadows: [
|
|
1988
|
+
"none",
|
|
1989
|
+
"0 1px 3px 0 rgba(12, 23, 65, 0.08)",
|
|
1990
|
+
"0 4px 6px -1px rgba(12, 23, 65, 0.1)",
|
|
1991
|
+
"0 10px 15px -3px rgba(12, 23, 65, 0.1)",
|
|
1992
|
+
"0 20px 25px -5px rgba(12, 23, 65, 0.15)",
|
|
1993
|
+
"0 25px 50px -12px rgba(12, 23, 65, 0.2)"
|
|
1994
|
+
],
|
|
1995
|
+
zIndices: [0, 1, 10, 20, 30, 40, 50],
|
|
1996
|
+
colors: {
|
|
1997
|
+
text: "#0c3741",
|
|
1998
|
+
background: "#dff1f5",
|
|
1999
|
+
primary: "#ff6b35",
|
|
2000
|
+
secondary: "#e55a2a",
|
|
2001
|
+
accent: "#0893d2",
|
|
2002
|
+
highlight: "#fff4f0",
|
|
2003
|
+
muted: "#e8f4f6",
|
|
2004
|
+
success: "#10b981",
|
|
2005
|
+
warning: "#f59e0b",
|
|
2006
|
+
error: "#ef4444",
|
|
2007
|
+
info: "#0893d2",
|
|
2008
|
+
border: "#dffff5",
|
|
2009
|
+
backgroundSecondary: "#ffffff",
|
|
2010
|
+
backgroundTertiary: "#eef8fa",
|
|
2011
|
+
backgroundLight: "#fafeff",
|
|
2012
|
+
backgroundDark: "#0d274d",
|
|
2013
|
+
backgroundHover: "#fff0eb",
|
|
2014
|
+
primaryBlade: "#edf5f8",
|
|
2015
|
+
surface: "#ffffff",
|
|
2016
|
+
textSecondary: "#3e6b77",
|
|
2017
|
+
textTertiary: "#5a8a96",
|
|
2018
|
+
textMuted: "#7fa8b2",
|
|
2019
|
+
highlightBg: "#fff4f0",
|
|
2020
|
+
highlightBorder: "#ff6b35",
|
|
2021
|
+
textOnPrimary: "#ffffff",
|
|
2022
|
+
textOnSecondary: "#ffffff",
|
|
2023
|
+
textOnAccent: "#ffffff"
|
|
2024
|
+
},
|
|
2025
|
+
buttons: {
|
|
2026
|
+
primary: {
|
|
2027
|
+
color: "#ffffff",
|
|
2028
|
+
bg: "primary",
|
|
2029
|
+
borderWidth: 0,
|
|
2030
|
+
"&:hover": {
|
|
2031
|
+
bg: "secondary"
|
|
2032
|
+
}
|
|
2033
|
+
},
|
|
2034
|
+
secondary: {
|
|
2035
|
+
color: "accent",
|
|
2036
|
+
bg: "transparent",
|
|
2037
|
+
borderWidth: 1,
|
|
2038
|
+
borderStyle: "solid",
|
|
2039
|
+
borderColor: "accent",
|
|
2040
|
+
"&:hover": {
|
|
2041
|
+
bg: "highlight"
|
|
2042
|
+
}
|
|
2043
|
+
},
|
|
2044
|
+
ghost: {
|
|
2045
|
+
color: "textSecondary",
|
|
2046
|
+
bg: "transparent",
|
|
2047
|
+
"&:hover": {
|
|
2048
|
+
bg: "backgroundHover"
|
|
2049
|
+
}
|
|
2050
|
+
}
|
|
2051
|
+
},
|
|
2052
|
+
text: {
|
|
2053
|
+
heading: {
|
|
2054
|
+
fontFamily: "heading",
|
|
2055
|
+
fontWeight: "heading",
|
|
2056
|
+
lineHeight: "heading",
|
|
2057
|
+
color: "text"
|
|
2058
|
+
},
|
|
2059
|
+
body: {
|
|
2060
|
+
fontFamily: "body",
|
|
2061
|
+
fontWeight: "body",
|
|
2062
|
+
lineHeight: "body"
|
|
2063
|
+
},
|
|
2064
|
+
caption: {
|
|
2065
|
+
fontSize: 1,
|
|
2066
|
+
color: "textTertiary"
|
|
2067
|
+
}
|
|
2068
|
+
},
|
|
2069
|
+
cards: {
|
|
2070
|
+
primary: {
|
|
2071
|
+
bg: "surface",
|
|
2072
|
+
border: "1px solid",
|
|
2073
|
+
borderColor: "border",
|
|
2074
|
+
borderRadius: 3
|
|
2075
|
+
},
|
|
2076
|
+
secondary: {
|
|
2077
|
+
bg: "backgroundSecondary",
|
|
2078
|
+
border: "1px solid",
|
|
2079
|
+
borderColor: "accent",
|
|
2080
|
+
borderRadius: 3
|
|
2081
|
+
}
|
|
2082
|
+
}
|
|
2083
|
+
};
|
|
1838
2084
|
// src/ThemeProvider.tsx
|
|
1839
2085
|
import React, { createContext, useContext, useState, useEffect } from "react";
|
|
1840
2086
|
|
|
@@ -2336,7 +2582,9 @@ var ThemeShowcase = ({
|
|
|
2336
2582
|
"backgroundSecondary",
|
|
2337
2583
|
"backgroundTertiary",
|
|
2338
2584
|
"backgroundLight",
|
|
2585
|
+
"backgroundDark",
|
|
2339
2586
|
"backgroundHover",
|
|
2587
|
+
"primaryBlade",
|
|
2340
2588
|
"surface"
|
|
2341
2589
|
].map((key) => {
|
|
2342
2590
|
const color = theme2.colors[key];
|
|
@@ -2605,6 +2853,8 @@ export {
|
|
|
2605
2853
|
landingPageTheme,
|
|
2606
2854
|
landingPageLightTheme,
|
|
2607
2855
|
increaseFontScale,
|
|
2856
|
+
iceTangerineTheme,
|
|
2857
|
+
iceTangerineDarkTheme,
|
|
2608
2858
|
humanCentricTheme,
|
|
2609
2859
|
getZIndex,
|
|
2610
2860
|
getSpace,
|
package/dist/esm/themes.d.ts
CHANGED
|
@@ -14,4 +14,18 @@ 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 Dark Theme
|
|
19
|
+
*
|
|
20
|
+
* A dark version of the ice tangerine theme with deep navy backgrounds and vibrant tangerine accents.
|
|
21
|
+
* Midnight navy meets hot tangerine for a sleek, modern aesthetic.
|
|
22
|
+
*/
|
|
23
|
+
export declare const iceTangerineDarkTheme: Theme;
|
|
24
|
+
/**
|
|
25
|
+
* Ice Tangerine Theme
|
|
26
|
+
*
|
|
27
|
+
* A fresh, light theme with cool ice blue backgrounds and vibrant tangerine accents.
|
|
28
|
+
* Cool ice blue meets hot tangerine for a fresh, vibrant summer tech aesthetic.
|
|
29
|
+
*/
|
|
30
|
+
export declare const iceTangerineTheme: Theme;
|
|
17
31
|
//# 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,qBAAqB,EAAE,KAqJnC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAqJ/B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@principal-ade/industry-theme",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.20",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Theme components and styles for industry-themed markdown",
|
|
6
6
|
"main": "./dist/cjs/index.js",
|
|
@@ -55,8 +55,8 @@
|
|
|
55
55
|
"eslint-plugin-import": "^2.32.0",
|
|
56
56
|
"eslint-plugin-storybook": "^10.1.2",
|
|
57
57
|
"prettier": "^3.6.2",
|
|
58
|
-
"react": "
|
|
59
|
-
"react-dom": "
|
|
58
|
+
"react": "^19.2.4",
|
|
59
|
+
"react-dom": "^19.2.4",
|
|
60
60
|
"storybook": "^10.1.2",
|
|
61
61
|
"typescript": "^5.0.4",
|
|
62
62
|
"typescript-eslint": "^8.38.0",
|
|
@@ -7,6 +7,8 @@ import {
|
|
|
7
7
|
slateTheme,
|
|
8
8
|
slateNeonTheme,
|
|
9
9
|
slateGoldTheme,
|
|
10
|
+
iceTangerineTheme,
|
|
11
|
+
iceTangerineDarkTheme,
|
|
10
12
|
enterpriseTheme,
|
|
11
13
|
neuralPulseTheme,
|
|
12
14
|
humanCentricTheme,
|
|
@@ -88,6 +90,22 @@ export const SlateNeon: Story = {
|
|
|
88
90
|
},
|
|
89
91
|
};
|
|
90
92
|
|
|
93
|
+
export const IceTangerine: Story = {
|
|
94
|
+
args: {
|
|
95
|
+
theme: iceTangerineTheme,
|
|
96
|
+
title: 'Ice Tangerine Theme',
|
|
97
|
+
showValues: true,
|
|
98
|
+
},
|
|
99
|
+
};
|
|
100
|
+
|
|
101
|
+
export const IceTangerineDark: Story = {
|
|
102
|
+
args: {
|
|
103
|
+
theme: iceTangerineDarkTheme,
|
|
104
|
+
title: 'Ice Tangerine Dark Theme',
|
|
105
|
+
showValues: true,
|
|
106
|
+
},
|
|
107
|
+
};
|
|
108
|
+
|
|
91
109
|
export const Enterprise: Story = {
|
|
92
110
|
args: {
|
|
93
111
|
theme: enterpriseTheme,
|
package/src/ThemeShowcase.tsx
CHANGED
|
@@ -414,7 +414,9 @@ export const ThemeShowcase: React.FC<ThemeShowcaseProps> = ({
|
|
|
414
414
|
'backgroundSecondary',
|
|
415
415
|
'backgroundTertiary',
|
|
416
416
|
'backgroundLight',
|
|
417
|
+
'backgroundDark',
|
|
417
418
|
'backgroundHover',
|
|
419
|
+
'primaryBlade',
|
|
418
420
|
'surface',
|
|
419
421
|
].map((key) => {
|
|
420
422
|
const color = theme.colors[key as keyof typeof theme.colors];
|
package/src/index.ts
CHANGED
|
@@ -106,7 +106,9 @@ export interface Theme {
|
|
|
106
106
|
backgroundSecondary: string;
|
|
107
107
|
backgroundTertiary: string;
|
|
108
108
|
backgroundLight: string;
|
|
109
|
+
backgroundDark?: string;
|
|
109
110
|
backgroundHover: string;
|
|
111
|
+
primaryBlade?: string;
|
|
110
112
|
surface: string;
|
|
111
113
|
textSecondary: string;
|
|
112
114
|
textTertiary: string;
|
|
@@ -155,6 +157,8 @@ export {
|
|
|
155
157
|
slateTheme,
|
|
156
158
|
slateNeonTheme,
|
|
157
159
|
slateGoldTheme,
|
|
160
|
+
iceTangerineTheme,
|
|
161
|
+
iceTangerineDarkTheme,
|
|
158
162
|
enterpriseTheme,
|
|
159
163
|
neuralPulseTheme,
|
|
160
164
|
humanCentricTheme,
|
package/src/themes.ts
CHANGED
|
@@ -1343,50 +1343,50 @@ export const slateNeonTheme: Theme = {
|
|
|
1343
1343
|
],
|
|
1344
1344
|
zIndices: [0, 1, 10, 20, 30, 40, 50],
|
|
1345
1345
|
|
|
1346
|
-
// Colors - Slate greys with
|
|
1346
|
+
// Colors - Slate greys with tangerine primary and neon green accent
|
|
1347
1347
|
colors: {
|
|
1348
|
-
// Base colors - Slate greys with
|
|
1348
|
+
// Base colors - Slate greys with tangerine primary
|
|
1349
1349
|
text: '#d0d6e0', // Near-white grey for most text
|
|
1350
1350
|
background: '#1a1c1e', // Very dark charcoal
|
|
1351
|
-
primary: '#
|
|
1352
|
-
secondary: '#
|
|
1353
|
-
accent: '#
|
|
1354
|
-
highlight: '#
|
|
1351
|
+
primary: '#ff6b35', // Bright tangerine
|
|
1352
|
+
secondary: '#ff8257', // Lighter tangerine for hover
|
|
1353
|
+
accent: '#00ff00', // Neon green accent
|
|
1354
|
+
highlight: '#2a1f18', // Tangerine-tinted highlight
|
|
1355
1355
|
muted: '#2d3134', // Dark grey
|
|
1356
1356
|
|
|
1357
1357
|
// Status colors
|
|
1358
|
-
success: '#
|
|
1358
|
+
success: '#10b981', // Emerald green
|
|
1359
1359
|
warning: '#f59e0b', // Amber
|
|
1360
1360
|
error: '#ef4444', // Red
|
|
1361
1361
|
info: '#3b82f6', // Blue
|
|
1362
1362
|
|
|
1363
|
-
// Additional semantic colors - Grey palette with
|
|
1363
|
+
// Additional semantic colors - Grey palette with tangerine touches
|
|
1364
1364
|
border: '#2d3034', // Subtle grey border
|
|
1365
1365
|
backgroundSecondary: '#22252a', // Slightly lighter dark grey
|
|
1366
1366
|
backgroundTertiary: '#2d3134', // Even lighter dark grey
|
|
1367
1367
|
backgroundLight: '#202325', // Very faint grey
|
|
1368
|
-
backgroundHover: '#
|
|
1368
|
+
backgroundHover: '#2a1f18', // Tangerine-tinted hover
|
|
1369
1369
|
surface: '#1f2124', // Near-black surface
|
|
1370
1370
|
textSecondary: '#e5e7eb', // Light grey for important text
|
|
1371
1371
|
textTertiary: '#6b7280', // Darker grey
|
|
1372
1372
|
textMuted: '#4b5563', // Even darker grey
|
|
1373
1373
|
|
|
1374
1374
|
// Search highlight colors
|
|
1375
|
-
highlightBg: '#
|
|
1376
|
-
highlightBorder: '#
|
|
1375
|
+
highlightBg: '#2a1f18', // Tangerine highlight
|
|
1376
|
+
highlightBorder: '#ff6b35', // Tangerine border
|
|
1377
1377
|
|
|
1378
1378
|
// Text on primary background
|
|
1379
|
-
textOnPrimary: '#
|
|
1379
|
+
textOnPrimary: '#ffffff', // White text on tangerine primary
|
|
1380
1380
|
// Text on secondary background
|
|
1381
|
-
textOnSecondary: '#
|
|
1381
|
+
textOnSecondary: '#ffffff', // White text on lighter tangerine secondary
|
|
1382
1382
|
// Text on accent background
|
|
1383
|
-
textOnAccent: '#
|
|
1383
|
+
textOnAccent: '#1a1c1e', // Dark text on neon green accent
|
|
1384
1384
|
},
|
|
1385
1385
|
|
|
1386
1386
|
// Component variants
|
|
1387
1387
|
buttons: {
|
|
1388
1388
|
primary: {
|
|
1389
|
-
color: '#
|
|
1389
|
+
color: '#ffffff', // White text on tangerine
|
|
1390
1390
|
bg: 'primary',
|
|
1391
1391
|
borderWidth: 0,
|
|
1392
1392
|
'&:hover': {
|
|
@@ -1594,3 +1594,317 @@ export const slateGoldTheme: Theme = {
|
|
|
1594
1594
|
},
|
|
1595
1595
|
},
|
|
1596
1596
|
};
|
|
1597
|
+
|
|
1598
|
+
/**
|
|
1599
|
+
* Ice Tangerine Dark Theme
|
|
1600
|
+
*
|
|
1601
|
+
* A dark version of the ice tangerine theme with deep navy backgrounds and vibrant tangerine accents.
|
|
1602
|
+
* Midnight navy meets hot tangerine for a sleek, modern aesthetic.
|
|
1603
|
+
*/
|
|
1604
|
+
export const iceTangerineDarkTheme: 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(0, 0, 0, 0.3)',
|
|
1643
|
+
'0 4px 6px -1px rgba(0, 0, 0, 0.4)',
|
|
1644
|
+
'0 10px 15px -3px rgba(0, 0, 0, 0.4)',
|
|
1645
|
+
'0 20px 25px -5px rgba(0, 0, 0, 0.5)',
|
|
1646
|
+
'0 25px 50px -12px rgba(0, 0, 0, 0.6)',
|
|
1647
|
+
],
|
|
1648
|
+
zIndices: [0, 1, 10, 20, 30, 40, 50],
|
|
1649
|
+
|
|
1650
|
+
// Colors - Deep navy backgrounds with tangerine/teal accents
|
|
1651
|
+
colors: {
|
|
1652
|
+
// Base colors
|
|
1653
|
+
text: '#d0e5ea', // Light ice blue for primary text
|
|
1654
|
+
background: '#0d274d', // Deep navy/midnight blue
|
|
1655
|
+
primary: '#ff6b35', // Bright tangerine - primary action color
|
|
1656
|
+
secondary: '#ff8257', // Lighter tangerine for hover
|
|
1657
|
+
accent: '#0893d2', // Bright teal accent
|
|
1658
|
+
highlight: '#1a3452', // Lighter navy highlight
|
|
1659
|
+
muted: '#1a3856', // Muted navy
|
|
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: '#1e3a5f', // Navy border
|
|
1669
|
+
backgroundSecondary: '#0f2e58', // Slightly lighter navy for cards/sections
|
|
1670
|
+
backgroundTertiary: '#123461', // Even lighter navy
|
|
1671
|
+
backgroundLight: '#0b1f3f', // Darker navy
|
|
1672
|
+
backgroundDark: '#0a1829', // Extra dark navy
|
|
1673
|
+
backgroundHover: '#2a1f18', // Dark tangerine tint hover
|
|
1674
|
+
primaryBlade: '#0e2b53', // Primary blade/panel color
|
|
1675
|
+
surface: '#0f2e58', // Navy surface
|
|
1676
|
+
textSecondary: '#9fc4d4', // Muted ice blue for secondary text
|
|
1677
|
+
textTertiary: '#7ba8bc', // Darker ice blue
|
|
1678
|
+
textMuted: '#5a8a9e', // Even darker ice blue
|
|
1679
|
+
|
|
1680
|
+
// Search highlight colors
|
|
1681
|
+
highlightBg: '#2a1f18', // Dark tangerine highlight
|
|
1682
|
+
highlightBorder: '#ff6b35', // Tangerine border
|
|
1683
|
+
|
|
1684
|
+
// Text on primary background
|
|
1685
|
+
textOnPrimary: '#ffffff', // White text on tangerine primary
|
|
1686
|
+
// Text on secondary background
|
|
1687
|
+
textOnSecondary: '#ffffff', // White text on lighter tangerine
|
|
1688
|
+
// Text on accent background
|
|
1689
|
+
textOnAccent: '#ffffff', // White text on teal accent
|
|
1690
|
+
},
|
|
1691
|
+
|
|
1692
|
+
// Component variants
|
|
1693
|
+
buttons: {
|
|
1694
|
+
primary: {
|
|
1695
|
+
color: '#ffffff', // White text on tangerine
|
|
1696
|
+
bg: 'primary',
|
|
1697
|
+
borderWidth: 0,
|
|
1698
|
+
'&:hover': {
|
|
1699
|
+
bg: 'secondary',
|
|
1700
|
+
},
|
|
1701
|
+
},
|
|
1702
|
+
secondary: {
|
|
1703
|
+
color: 'accent',
|
|
1704
|
+
bg: 'transparent',
|
|
1705
|
+
borderWidth: 1,
|
|
1706
|
+
borderStyle: 'solid',
|
|
1707
|
+
borderColor: 'accent',
|
|
1708
|
+
'&:hover': {
|
|
1709
|
+
bg: 'highlight',
|
|
1710
|
+
},
|
|
1711
|
+
},
|
|
1712
|
+
ghost: {
|
|
1713
|
+
color: 'textSecondary',
|
|
1714
|
+
bg: 'transparent',
|
|
1715
|
+
'&:hover': {
|
|
1716
|
+
bg: 'backgroundHover',
|
|
1717
|
+
},
|
|
1718
|
+
},
|
|
1719
|
+
},
|
|
1720
|
+
|
|
1721
|
+
text: {
|
|
1722
|
+
heading: {
|
|
1723
|
+
fontFamily: 'heading',
|
|
1724
|
+
fontWeight: 'heading',
|
|
1725
|
+
lineHeight: 'heading',
|
|
1726
|
+
color: 'text',
|
|
1727
|
+
},
|
|
1728
|
+
body: {
|
|
1729
|
+
fontFamily: 'body',
|
|
1730
|
+
fontWeight: 'body',
|
|
1731
|
+
lineHeight: 'body',
|
|
1732
|
+
},
|
|
1733
|
+
caption: {
|
|
1734
|
+
fontSize: 1,
|
|
1735
|
+
color: 'textTertiary',
|
|
1736
|
+
},
|
|
1737
|
+
},
|
|
1738
|
+
|
|
1739
|
+
cards: {
|
|
1740
|
+
primary: {
|
|
1741
|
+
bg: 'surface',
|
|
1742
|
+
border: '1px solid',
|
|
1743
|
+
borderColor: 'border',
|
|
1744
|
+
borderRadius: 3,
|
|
1745
|
+
},
|
|
1746
|
+
secondary: {
|
|
1747
|
+
bg: 'backgroundSecondary',
|
|
1748
|
+
border: '1px solid',
|
|
1749
|
+
borderColor: 'accent',
|
|
1750
|
+
borderRadius: 3,
|
|
1751
|
+
},
|
|
1752
|
+
},
|
|
1753
|
+
};
|
|
1754
|
+
|
|
1755
|
+
/**
|
|
1756
|
+
* Ice Tangerine Theme
|
|
1757
|
+
*
|
|
1758
|
+
* A fresh, light theme with cool ice blue backgrounds and vibrant tangerine accents.
|
|
1759
|
+
* Cool ice blue meets hot tangerine for a fresh, vibrant summer tech aesthetic.
|
|
1760
|
+
*/
|
|
1761
|
+
export const iceTangerineTheme: Theme = {
|
|
1762
|
+
// Spacing scale (used for margin, padding, etc.)
|
|
1763
|
+
space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
|
|
1764
|
+
|
|
1765
|
+
// Typography
|
|
1766
|
+
fonts: {
|
|
1767
|
+
body: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
1768
|
+
heading:
|
|
1769
|
+
'"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
1770
|
+
monospace: '"Fira Code", "SF Mono", Monaco, Inconsolata, monospace',
|
|
1771
|
+
},
|
|
1772
|
+
|
|
1773
|
+
fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],
|
|
1774
|
+
|
|
1775
|
+
fontScale: 1.0,
|
|
1776
|
+
|
|
1777
|
+
fontWeights: {
|
|
1778
|
+
body: 400,
|
|
1779
|
+
heading: 600,
|
|
1780
|
+
bold: 700,
|
|
1781
|
+
light: 300,
|
|
1782
|
+
medium: 500,
|
|
1783
|
+
semibold: 600,
|
|
1784
|
+
},
|
|
1785
|
+
|
|
1786
|
+
lineHeights: {
|
|
1787
|
+
body: 1.6,
|
|
1788
|
+
heading: 1.3,
|
|
1789
|
+
tight: 1.25,
|
|
1790
|
+
relaxed: 1.75,
|
|
1791
|
+
},
|
|
1792
|
+
|
|
1793
|
+
// Layout
|
|
1794
|
+
breakpoints: ['640px', '768px', '1024px', '1280px'],
|
|
1795
|
+
sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],
|
|
1796
|
+
radii: [0, 2, 4, 6, 8, 12, 16, 24],
|
|
1797
|
+
shadows: [
|
|
1798
|
+
'none',
|
|
1799
|
+
'0 1px 3px 0 rgba(12, 23, 65, 0.08)',
|
|
1800
|
+
'0 4px 6px -1px rgba(12, 23, 65, 0.1)',
|
|
1801
|
+
'0 10px 15px -3px rgba(12, 23, 65, 0.1)',
|
|
1802
|
+
'0 20px 25px -5px rgba(12, 23, 65, 0.15)',
|
|
1803
|
+
'0 25px 50px -12px rgba(12, 23, 65, 0.2)',
|
|
1804
|
+
],
|
|
1805
|
+
zIndices: [0, 1, 10, 20, 30, 40, 50],
|
|
1806
|
+
|
|
1807
|
+
// Colors - Ice blue backgrounds with tangerine/teal accents
|
|
1808
|
+
colors: {
|
|
1809
|
+
// Base colors
|
|
1810
|
+
text: '#0c3741', // Dark teal for primary text
|
|
1811
|
+
background: '#dff1f5', // Light ice blue
|
|
1812
|
+
primary: '#ff6b35', // Bright tangerine - primary action color
|
|
1813
|
+
secondary: '#e55a2a', // Darker tangerine for hover
|
|
1814
|
+
accent: '#0893d2', // Bright teal accent
|
|
1815
|
+
highlight: '#fff4f0', // Light tangerine tint highlight
|
|
1816
|
+
muted: '#e8f4f6', // Muted ice blue
|
|
1817
|
+
|
|
1818
|
+
// Status colors
|
|
1819
|
+
success: '#10b981', // Emerald green
|
|
1820
|
+
warning: '#f59e0b', // Amber
|
|
1821
|
+
error: '#ef4444', // Red
|
|
1822
|
+
info: '#0893d2', // Bright teal (matches accent)
|
|
1823
|
+
|
|
1824
|
+
// Additional semantic colors
|
|
1825
|
+
border: '#dffff5', // Very light cyan border
|
|
1826
|
+
backgroundSecondary: '#ffffff', // White for cards/sections
|
|
1827
|
+
backgroundTertiary: '#eef8fa', // Slightly darker ice blue
|
|
1828
|
+
backgroundLight: '#fafeff', // Almost white ice
|
|
1829
|
+
backgroundDark: '#0d274d', // Deep navy/midnight blue for dark backgrounds
|
|
1830
|
+
backgroundHover: '#fff0eb', // Light tangerine hover
|
|
1831
|
+
primaryBlade: '#edf5f8', // Primary blade/panel color
|
|
1832
|
+
surface: '#ffffff', // White surface
|
|
1833
|
+
textSecondary: '#3e6b77', // Muted teal for secondary text
|
|
1834
|
+
textTertiary: '#5a8a96', // Lighter teal
|
|
1835
|
+
textMuted: '#7fa8b2', // Even lighter teal
|
|
1836
|
+
|
|
1837
|
+
// Search highlight colors
|
|
1838
|
+
highlightBg: '#fff4f0', // Light tangerine highlight
|
|
1839
|
+
highlightBorder: '#ff6b35', // Tangerine border
|
|
1840
|
+
|
|
1841
|
+
// Text on primary background
|
|
1842
|
+
textOnPrimary: '#ffffff', // White text on tangerine primary
|
|
1843
|
+
// Text on secondary background
|
|
1844
|
+
textOnSecondary: '#ffffff', // White text on darker tangerine
|
|
1845
|
+
// Text on accent background
|
|
1846
|
+
textOnAccent: '#ffffff', // White text on teal accent
|
|
1847
|
+
},
|
|
1848
|
+
|
|
1849
|
+
// Component variants
|
|
1850
|
+
buttons: {
|
|
1851
|
+
primary: {
|
|
1852
|
+
color: '#ffffff', // White text on tangerine
|
|
1853
|
+
bg: 'primary',
|
|
1854
|
+
borderWidth: 0,
|
|
1855
|
+
'&:hover': {
|
|
1856
|
+
bg: 'secondary',
|
|
1857
|
+
},
|
|
1858
|
+
},
|
|
1859
|
+
secondary: {
|
|
1860
|
+
color: 'accent',
|
|
1861
|
+
bg: 'transparent',
|
|
1862
|
+
borderWidth: 1,
|
|
1863
|
+
borderStyle: 'solid',
|
|
1864
|
+
borderColor: 'accent',
|
|
1865
|
+
'&:hover': {
|
|
1866
|
+
bg: 'highlight',
|
|
1867
|
+
},
|
|
1868
|
+
},
|
|
1869
|
+
ghost: {
|
|
1870
|
+
color: 'textSecondary',
|
|
1871
|
+
bg: 'transparent',
|
|
1872
|
+
'&:hover': {
|
|
1873
|
+
bg: 'backgroundHover',
|
|
1874
|
+
},
|
|
1875
|
+
},
|
|
1876
|
+
},
|
|
1877
|
+
|
|
1878
|
+
text: {
|
|
1879
|
+
heading: {
|
|
1880
|
+
fontFamily: 'heading',
|
|
1881
|
+
fontWeight: 'heading',
|
|
1882
|
+
lineHeight: 'heading',
|
|
1883
|
+
color: 'text',
|
|
1884
|
+
},
|
|
1885
|
+
body: {
|
|
1886
|
+
fontFamily: 'body',
|
|
1887
|
+
fontWeight: 'body',
|
|
1888
|
+
lineHeight: 'body',
|
|
1889
|
+
},
|
|
1890
|
+
caption: {
|
|
1891
|
+
fontSize: 1,
|
|
1892
|
+
color: 'textTertiary',
|
|
1893
|
+
},
|
|
1894
|
+
},
|
|
1895
|
+
|
|
1896
|
+
cards: {
|
|
1897
|
+
primary: {
|
|
1898
|
+
bg: 'surface',
|
|
1899
|
+
border: '1px solid',
|
|
1900
|
+
borderColor: 'border',
|
|
1901
|
+
borderRadius: 3,
|
|
1902
|
+
},
|
|
1903
|
+
secondary: {
|
|
1904
|
+
bg: 'backgroundSecondary',
|
|
1905
|
+
border: '1px solid',
|
|
1906
|
+
borderColor: 'accent',
|
|
1907
|
+
borderRadius: 3,
|
|
1908
|
+
},
|
|
1909
|
+
},
|
|
1910
|
+
};
|