@spark-ui/theme-utils 5.7.2 → 6.0.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/CHANGELOG.md +15 -0
- package/dist/index.js +1 -1
- package/dist/index.mjs +6 -6
- package/dist/types.d.ts +0 -46
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,21 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [6.0.0](https://github.com/adevinta/spark/compare/v5.7.3...v6.0.0) (2024-10-02)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
- removed pressed and focused color token ([7396d0e](https://github.com/adevinta/spark/commit/7396d0e2eb5c984c71e8550b5febee57a387fe6d))
|
|
11
|
+
|
|
12
|
+
### BREAKING CHANGES
|
|
13
|
+
|
|
14
|
+
- all -pressed and -focused suffixed tailwind classes must be replaced by -hovered
|
|
15
|
+
variant
|
|
16
|
+
|
|
17
|
+
## [5.7.3](https://github.com/adevinta/spark/compare/v5.7.2...v5.7.3) (2024-10-01)
|
|
18
|
+
|
|
19
|
+
**Note:** Version bump only for package @spark-ui/theme-utils
|
|
20
|
+
|
|
6
21
|
## [5.7.2](https://github.com/adevinta/spark/compare/v5.7.1...v5.7.2) (2024-10-01)
|
|
7
22
|
|
|
8
23
|
**Note:** Version bump only for package @spark-ui/theme-utils
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("deepmerge"),e={borderRadius:{none:"0px",sm:"0.25rem",md:"0.5rem",lg:"1rem",xl:"1.5rem",full:"9999px"},borderWidth:{none:"0px",sm:"1px",md:"2px"},boxShadow:{sm:"0 1px 2px 0 rgba(108 129 157 / 0.50)",DEFAULT:"0 4px 8px 0 rgba(108 129 157 / 0.50)",md:"0 6px 12px 0 rgba(108 129 157 / 0.50)",lg:"0 8px 16px 0 rgba(108 129 157 / 0.50)",xl:"0 12px 24px 0 rgba(108 129 157 / 0.50)",none:"none"},colors:{basic:"#094171",onBasic:"#FFFFFF",basicHovered:"#0C5291",
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("deepmerge"),e={borderRadius:{none:"0px",sm:"0.25rem",md:"0.5rem",lg:"1rem",xl:"1.5rem",full:"9999px"},borderWidth:{none:"0px",sm:"1px",md:"2px"},boxShadow:{sm:"0 1px 2px 0 rgba(108 129 157 / 0.50)",DEFAULT:"0 4px 8px 0 rgba(108 129 157 / 0.50)",md:"0 6px 12px 0 rgba(108 129 157 / 0.50)",lg:"0 8px 16px 0 rgba(108 129 157 / 0.50)",xl:"0 12px 24px 0 rgba(108 129 157 / 0.50)",none:"none"},colors:{basic:"#094171",onBasic:"#FFFFFF",basicHovered:"#0C5291",basicContainer:"#E6F2FD",onBasicContainer:"#152233",basicContainerHovered:"#F4F9FE",accent:"#8526D9",onAccent:"#FFFFFF",accentHovered:"#9F47EB",accentContainer:"#E9D6FA",onAccentContainer:"#362555",accentContainerHovered:"#F5EDFD",accentVariant:"#501782",onAccentVariant:"#FFFFFF",accentVariantHovered:"#6B1FAD",main:"#EC5A13",onMain:"#FFFFFF",mainHovered:"#F07B42",mainContainer:"#FFE9DE",onMainContainer:"#89380F",mainContainerHovered:"#FFF2EB",mainVariant:"#B84A14",onMainVariant:"#FFFFFF",mainVariantHovered:"#EC5A13",support:"#094171",onSupport:"#FFFFFF",supportHovered:"#0C5291",supportContainer:"#E6F2FD",onSupportContainer:"#152233",supportContainerHovered:"#F4F9FE",supportVariant:"#0C5291",onSupportVariant:"#FFFFFF",supportVariantHovered:"#0F69B9",success:"#3E7A40",onSuccess:"#FFFFFF",successHovered:"#4E9850",successContainer:"#DCEADC",onSuccessContainer:"#2F5B30",successContainerHovered:"#EDF5EE",alert:"#FFAA00",onAlert:"#202730",alertHovered:"#FFBB33",alertContainer:"#FFEECC",onAlertContainer:"#996600",alertContainerHovered:"#FFF6E5",error:"#D93426",onError:"#FFFFFF",errorHovered:"#E05D52",errorContainer:"#F7D7D4",onErrorContainer:"#822017",errorContainerHovered:"#FBECEB",info:"#1388EC",onInfo:"#FFFFFF",infoHovered:"#69B2F3",infoContainer:"#C2E0FA",onInfoContainer:"#0C5291",infoContainerHovered:"#E6F2FD",neutral:"#4F6076",onNeutral:"#FFFFFF",neutralHovered:"#6C819D",neutralContainer:"#F0F2F5",onNeutralContainer:"#3A4757",neutralContainerHovered:"#F6F8F9",background:"#FFFFFF",onBackground:"#152233",backgroundVariant:"#F4F9FE",onBackgroundVariant:"#152233",surface:"#FFFFFF",onSurface:"#152233",surfaceHovered:"#F6F8F9",surfaceInverse:"#2B3441",onSurfaceInverse:"#FFFFFF",surfaceInverseHovered:"#3A4757",outline:"#ACB8C7",outlineHigh:"#202730",overlay:"#202730B8",onOverlay:"#FFFFFF"},fontFamily:{sans:'"Nunito Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',mono:'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'},fontSize:{display1:{fontSize:"2.5rem",lineHeight:"3.5rem",fontWeight:"700"},display1Expanded:{fontSize:"3rem",lineHeight:"4rem",fontWeight:"700"},display2:{fontSize:"2rem",lineHeight:"2.75rem",fontWeight:"700"},display2Expanded:{fontSize:"2.5rem",lineHeight:"3.5rem",fontWeight:"700"},display3:{fontSize:"1.5rem",lineHeight:"2rem",fontWeight:"700"},display3Expanded:{fontSize:"2rem",lineHeight:"2.75rem",fontWeight:"700"},headline1:{fontSize:"1.25rem",lineHeight:"1.75rem",fontWeight:"700"},headline1Expanded:{fontSize:"1.5rem",lineHeight:"2rem",fontWeight:"700"},headline2:{fontSize:"1.125rem",lineHeight:"1.5rem",fontWeight:"700"},headline2Expanded:{fontSize:"1.25rem",lineHeight:"1.75rem",fontWeight:"700"},subhead:{fontSize:"1rem",lineHeight:"1.5rem",fontWeight:"700"},subheadExpanded:{fontSize:"1rem",lineHeight:"1.5rem",fontWeight:"700"},body1:{fontSize:"1rem",lineHeight:"1.5rem"},body2:{fontSize:"0.875rem",lineHeight:"1.25rem"},caption:{fontSize:"0.75rem",lineHeight:"1rem"},small:{fontSize:"0.625rem",lineHeight:"0.875rem"},body1Link:{fontSize:"1rem",lineHeight:"1.5rem"},body2Link:{fontSize:"0.875rem",lineHeight:"1.125rem"},captionLink:{fontSize:"0.75rem",lineHeight:"1rem"},callout:{fontSize:"1rem",lineHeight:"1.5rem"}},fontWeight:{regular:"400",medium:"500",semiBold:"600",bold:"700"},opacity:{0:"0",none:"1",dim1:"0.72",dim2:"0.56",dim3:"0.40",dim4:"0.16",dim5:"0.08"},screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px"},spacing:{auto:"auto",none:"0px",sm:"0.25rem",md:"0.5rem",lg:"1rem",xl:"1.5rem","2xl":"2rem","3xl":"2.5rem"},zIndex:{hide:"-1",base:"0",raised:"1",dropdown:"1000",sticky:"1100",overlay:"1300",modal:"1400",popover:"1500",skipLink:"1600",toast:"1700",tooltip:"1800"}};function n(o,r=e){return a(r,o)}const i=n({boxShadow:{sm:"0 1px 2px 0 rgba(0 0 0 / 0.50)",DEFAULT:"0 4px 8px 0 rgba(0 0 0 / 0.50)",md:"0 6px 12px 0 rgba(0 0 0 / 0.50)",lg:"0 8px 16px 0 rgba(0 0 0 / 0.50)",xl:"0 12px 24px 0 rgba(0 0 0 / 0.50)",none:"none"},colors:{basic:"#C2E0FA",onBasic:"#152233",basicHovered:"#9FCEF7",basicContainer:"#094171",onBasicContainer:"#F4F9FE",basicContainerHovered:"#152233",accent:"#CFA3F5",onAccent:"#1B052E",accentHovered:"#AC7DDD",accentContainer:"#501782",onAccentContainer:"#F5EDFD",accentContainerHovered:"#360F57",accentVariant:"#B775F0",onAccentVariant:"#1B052E",accentVariantHovered:"#B775F0",main:"#F07B42",onMain:"#2F1305",mainHovered:"#EC5A13",mainContainer:"#89380F",onMainContainer:"#FFF2EB",mainContainerHovered:"#5C250A",mainVariant:"#F49D71",onMainVariant:"#2F1305",mainVariantHovered:"#6194FF",support:"#C2E0FA",onSupport:"#152233",supportHovered:"#9FCEF7",supportContainer:"#094171",onSupportContainer:"#F4F9FE",supportContainerHovered:"#152233",supportVariant:"#E6F2FD",onSupportVariant:"#152233",supportVariantHovered:"#C2E0FA",success:"#95C196",onSuccess:"#101E10",successHovered:"#71AD73",successContainer:"#2F5B30",onSuccessContainer:"#EDF5EE",successContainerHovered:"#1F3D20",alert:"#FFCC66",onAlert:"#332200",alertHovered:"#FFBB33",alertContainer:"#664400",onAlertContainer:"#FFF6E5",alertContainerHovered:"#332200",error:"#E8867D",onError:"#2B0B08",errorHovered:"#E05D52",errorContainer:"#822017",onErrorContainer:"#FBECEB",errorContainerHovered:"#57150F",info:"#9FCEF7",onInfo:"#152233",infoHovered:"#69B2F3",infoContainer:"#0C5291",onInfoContainer:"#F4F9FE",infoContainerHovered:"#094171",neutral:"#ACB8C7",onNeutral:"#202730",neutralHovered:"#6C819D",neutralContainer:"#3A4757",onNeutralContainer:"#F6F8F9",neutralContainerHovered:"#2B3441",background:"#202730",onBackground:"#F6F8F9",backgroundVariant:"#13171D",onBackgroundVariant:"#F6F8F9",surface:"#202730",onSurface:"#F6F8F9",surfaceHovered:"#000000",surfaceInverse:"#F6F8F9",onSurfaceInverse:"#2B3441",surfaceInverseHovered:"#F0F2F5",outline:"#4F6076",outlineHigh:"#F0F2F5",overlay:"#2B3441B8",onOverlay:"#F6F8F9"}});exports.createTheme=n,exports.defaultTheme=e,exports.defaultThemeDark=i;
|
package/dist/index.mjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
const
|
|
3
|
-
function a(e, n =
|
|
4
|
-
return
|
|
1
|
+
import o from "deepmerge";
|
|
2
|
+
const r = { borderRadius: { none: "0px", sm: "0.25rem", md: "0.5rem", lg: "1rem", xl: "1.5rem", full: "9999px" }, borderWidth: { none: "0px", sm: "1px", md: "2px" }, boxShadow: { sm: "0 1px 2px 0 rgba(108 129 157 / 0.50)", DEFAULT: "0 4px 8px 0 rgba(108 129 157 / 0.50)", md: "0 6px 12px 0 rgba(108 129 157 / 0.50)", lg: "0 8px 16px 0 rgba(108 129 157 / 0.50)", xl: "0 12px 24px 0 rgba(108 129 157 / 0.50)", none: "none" }, colors: { basic: "#094171", onBasic: "#FFFFFF", basicHovered: "#0C5291", basicContainer: "#E6F2FD", onBasicContainer: "#152233", basicContainerHovered: "#F4F9FE", accent: "#8526D9", onAccent: "#FFFFFF", accentHovered: "#9F47EB", accentContainer: "#E9D6FA", onAccentContainer: "#362555", accentContainerHovered: "#F5EDFD", accentVariant: "#501782", onAccentVariant: "#FFFFFF", accentVariantHovered: "#6B1FAD", main: "#EC5A13", onMain: "#FFFFFF", mainHovered: "#F07B42", mainContainer: "#FFE9DE", onMainContainer: "#89380F", mainContainerHovered: "#FFF2EB", mainVariant: "#B84A14", onMainVariant: "#FFFFFF", mainVariantHovered: "#EC5A13", support: "#094171", onSupport: "#FFFFFF", supportHovered: "#0C5291", supportContainer: "#E6F2FD", onSupportContainer: "#152233", supportContainerHovered: "#F4F9FE", supportVariant: "#0C5291", onSupportVariant: "#FFFFFF", supportVariantHovered: "#0F69B9", success: "#3E7A40", onSuccess: "#FFFFFF", successHovered: "#4E9850", successContainer: "#DCEADC", onSuccessContainer: "#2F5B30", successContainerHovered: "#EDF5EE", alert: "#FFAA00", onAlert: "#202730", alertHovered: "#FFBB33", alertContainer: "#FFEECC", onAlertContainer: "#996600", alertContainerHovered: "#FFF6E5", error: "#D93426", onError: "#FFFFFF", errorHovered: "#E05D52", errorContainer: "#F7D7D4", onErrorContainer: "#822017", errorContainerHovered: "#FBECEB", info: "#1388EC", onInfo: "#FFFFFF", infoHovered: "#69B2F3", infoContainer: "#C2E0FA", onInfoContainer: "#0C5291", infoContainerHovered: "#E6F2FD", neutral: "#4F6076", onNeutral: "#FFFFFF", neutralHovered: "#6C819D", neutralContainer: "#F0F2F5", onNeutralContainer: "#3A4757", neutralContainerHovered: "#F6F8F9", background: "#FFFFFF", onBackground: "#152233", backgroundVariant: "#F4F9FE", onBackgroundVariant: "#152233", surface: "#FFFFFF", onSurface: "#152233", surfaceHovered: "#F6F8F9", surfaceInverse: "#2B3441", onSurfaceInverse: "#FFFFFF", surfaceInverseHovered: "#3A4757", outline: "#ACB8C7", outlineHigh: "#202730", overlay: "#202730B8", onOverlay: "#FFFFFF" }, fontFamily: { sans: '"Nunito Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"', mono: 'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace' }, fontSize: { display1: { fontSize: "2.5rem", lineHeight: "3.5rem", fontWeight: "700" }, display1Expanded: { fontSize: "3rem", lineHeight: "4rem", fontWeight: "700" }, display2: { fontSize: "2rem", lineHeight: "2.75rem", fontWeight: "700" }, display2Expanded: { fontSize: "2.5rem", lineHeight: "3.5rem", fontWeight: "700" }, display3: { fontSize: "1.5rem", lineHeight: "2rem", fontWeight: "700" }, display3Expanded: { fontSize: "2rem", lineHeight: "2.75rem", fontWeight: "700" }, headline1: { fontSize: "1.25rem", lineHeight: "1.75rem", fontWeight: "700" }, headline1Expanded: { fontSize: "1.5rem", lineHeight: "2rem", fontWeight: "700" }, headline2: { fontSize: "1.125rem", lineHeight: "1.5rem", fontWeight: "700" }, headline2Expanded: { fontSize: "1.25rem", lineHeight: "1.75rem", fontWeight: "700" }, subhead: { fontSize: "1rem", lineHeight: "1.5rem", fontWeight: "700" }, subheadExpanded: { fontSize: "1rem", lineHeight: "1.5rem", fontWeight: "700" }, body1: { fontSize: "1rem", lineHeight: "1.5rem" }, body2: { fontSize: "0.875rem", lineHeight: "1.25rem" }, caption: { fontSize: "0.75rem", lineHeight: "1rem" }, small: { fontSize: "0.625rem", lineHeight: "0.875rem" }, body1Link: { fontSize: "1rem", lineHeight: "1.5rem" }, body2Link: { fontSize: "0.875rem", lineHeight: "1.125rem" }, captionLink: { fontSize: "0.75rem", lineHeight: "1rem" }, callout: { fontSize: "1rem", lineHeight: "1.5rem" } }, fontWeight: { regular: "400", medium: "500", semiBold: "600", bold: "700" }, opacity: { 0: "0", none: "1", dim1: "0.72", dim2: "0.56", dim3: "0.40", dim4: "0.16", dim5: "0.08" }, screens: { sm: "640px", md: "768px", lg: "1024px", xl: "1280px" }, spacing: { auto: "auto", none: "0px", sm: "0.25rem", md: "0.5rem", lg: "1rem", xl: "1.5rem", "2xl": "2rem", "3xl": "2.5rem" }, zIndex: { hide: "-1", base: "0", raised: "1", dropdown: "1000", sticky: "1100", overlay: "1300", modal: "1400", popover: "1500", skipLink: "1600", toast: "1700", tooltip: "1800" } };
|
|
3
|
+
function a(e, n = r) {
|
|
4
|
+
return o(n, e);
|
|
5
5
|
}
|
|
6
|
-
const t = a({ boxShadow: { sm: "0 1px 2px 0 rgba(0 0 0 / 0.50)", DEFAULT: "0 4px 8px 0 rgba(0 0 0 / 0.50)", md: "0 6px 12px 0 rgba(0 0 0 / 0.50)", lg: "0 8px 16px 0 rgba(0 0 0 / 0.50)", xl: "0 12px 24px 0 rgba(0 0 0 / 0.50)", none: "none" }, colors: { basic: "#C2E0FA", onBasic: "#152233", basicHovered: "#9FCEF7",
|
|
6
|
+
const t = a({ boxShadow: { sm: "0 1px 2px 0 rgba(0 0 0 / 0.50)", DEFAULT: "0 4px 8px 0 rgba(0 0 0 / 0.50)", md: "0 6px 12px 0 rgba(0 0 0 / 0.50)", lg: "0 8px 16px 0 rgba(0 0 0 / 0.50)", xl: "0 12px 24px 0 rgba(0 0 0 / 0.50)", none: "none" }, colors: { basic: "#C2E0FA", onBasic: "#152233", basicHovered: "#9FCEF7", basicContainer: "#094171", onBasicContainer: "#F4F9FE", basicContainerHovered: "#152233", accent: "#CFA3F5", onAccent: "#1B052E", accentHovered: "#AC7DDD", accentContainer: "#501782", onAccentContainer: "#F5EDFD", accentContainerHovered: "#360F57", accentVariant: "#B775F0", onAccentVariant: "#1B052E", accentVariantHovered: "#B775F0", main: "#F07B42", onMain: "#2F1305", mainHovered: "#EC5A13", mainContainer: "#89380F", onMainContainer: "#FFF2EB", mainContainerHovered: "#5C250A", mainVariant: "#F49D71", onMainVariant: "#2F1305", mainVariantHovered: "#6194FF", support: "#C2E0FA", onSupport: "#152233", supportHovered: "#9FCEF7", supportContainer: "#094171", onSupportContainer: "#F4F9FE", supportContainerHovered: "#152233", supportVariant: "#E6F2FD", onSupportVariant: "#152233", supportVariantHovered: "#C2E0FA", success: "#95C196", onSuccess: "#101E10", successHovered: "#71AD73", successContainer: "#2F5B30", onSuccessContainer: "#EDF5EE", successContainerHovered: "#1F3D20", alert: "#FFCC66", onAlert: "#332200", alertHovered: "#FFBB33", alertContainer: "#664400", onAlertContainer: "#FFF6E5", alertContainerHovered: "#332200", error: "#E8867D", onError: "#2B0B08", errorHovered: "#E05D52", errorContainer: "#822017", onErrorContainer: "#FBECEB", errorContainerHovered: "#57150F", info: "#9FCEF7", onInfo: "#152233", infoHovered: "#69B2F3", infoContainer: "#0C5291", onInfoContainer: "#F4F9FE", infoContainerHovered: "#094171", neutral: "#ACB8C7", onNeutral: "#202730", neutralHovered: "#6C819D", neutralContainer: "#3A4757", onNeutralContainer: "#F6F8F9", neutralContainerHovered: "#2B3441", background: "#202730", onBackground: "#F6F8F9", backgroundVariant: "#13171D", onBackgroundVariant: "#F6F8F9", surface: "#202730", onSurface: "#F6F8F9", surfaceHovered: "#000000", surfaceInverse: "#F6F8F9", onSurfaceInverse: "#2B3441", surfaceInverseHovered: "#F0F2F5", outline: "#4F6076", outlineHigh: "#F0F2F5", overlay: "#2B3441B8", onOverlay: "#F6F8F9" } });
|
|
7
7
|
export {
|
|
8
8
|
a as createTheme,
|
|
9
|
-
|
|
9
|
+
r as defaultTheme,
|
|
10
10
|
t as defaultThemeDark
|
|
11
11
|
};
|
package/dist/types.d.ts
CHANGED
|
@@ -34,108 +34,66 @@ export interface Theme {
|
|
|
34
34
|
basic: string;
|
|
35
35
|
onBasic: string;
|
|
36
36
|
basicHovered: string;
|
|
37
|
-
basicPressed: string;
|
|
38
|
-
basicFocused: string;
|
|
39
37
|
basicContainer: string;
|
|
40
38
|
onBasicContainer: string;
|
|
41
39
|
basicContainerHovered: string;
|
|
42
|
-
basicContainerPressed: string;
|
|
43
|
-
basicContainerFocused: string;
|
|
44
40
|
accent: string;
|
|
45
41
|
onAccent: string;
|
|
46
42
|
accentHovered: string;
|
|
47
|
-
accentPressed: string;
|
|
48
|
-
accentFocused: string;
|
|
49
43
|
accentContainer: string;
|
|
50
44
|
onAccentContainer: string;
|
|
51
45
|
accentContainerHovered: string;
|
|
52
|
-
accentContainerPressed: string;
|
|
53
|
-
accentContainerFocused: string;
|
|
54
46
|
accentVariant: string;
|
|
55
47
|
onAccentVariant: string;
|
|
56
48
|
accentVariantHovered: string;
|
|
57
|
-
accentVariantPressed: string;
|
|
58
|
-
accentVariantFocused: string;
|
|
59
49
|
main: string;
|
|
60
50
|
onMain: string;
|
|
61
51
|
mainHovered: string;
|
|
62
|
-
mainPressed: string;
|
|
63
|
-
mainFocused: string;
|
|
64
52
|
mainContainer: string;
|
|
65
53
|
onMainContainer: string;
|
|
66
54
|
mainContainerHovered: string;
|
|
67
|
-
mainContainerPressed: string;
|
|
68
|
-
mainContainerFocused: string;
|
|
69
55
|
support: string;
|
|
70
56
|
onSupport: string;
|
|
71
57
|
supportHovered: string;
|
|
72
|
-
supportPressed: string;
|
|
73
|
-
supportFocused: string;
|
|
74
58
|
supportContainer: string;
|
|
75
59
|
onSupportContainer: string;
|
|
76
60
|
supportContainerHovered: string;
|
|
77
|
-
supportContainerPressed: string;
|
|
78
|
-
supportContainerFocused: string;
|
|
79
61
|
mainVariant: string;
|
|
80
62
|
onMainVariant: string;
|
|
81
63
|
mainVariantHovered: string;
|
|
82
|
-
mainVariantPressed: string;
|
|
83
|
-
mainVariantFocused: string;
|
|
84
64
|
supportVariant: string;
|
|
85
65
|
onSupportVariant: string;
|
|
86
66
|
supportVariantHovered: string;
|
|
87
|
-
supportVariantPressed: string;
|
|
88
|
-
supportVariantFocused: string;
|
|
89
67
|
success: string;
|
|
90
68
|
onSuccess: string;
|
|
91
69
|
successHovered: string;
|
|
92
|
-
successPressed: string;
|
|
93
|
-
successFocused: string;
|
|
94
70
|
successContainer: string;
|
|
95
71
|
onSuccessContainer: string;
|
|
96
72
|
successContainerHovered: string;
|
|
97
|
-
successContainerPressed: string;
|
|
98
|
-
successContainerFocused: string;
|
|
99
73
|
alert: string;
|
|
100
74
|
onAlert: string;
|
|
101
75
|
alertHovered: string;
|
|
102
|
-
alertPressed: string;
|
|
103
|
-
alertFocused: string;
|
|
104
76
|
alertContainer: string;
|
|
105
77
|
onAlertContainer: string;
|
|
106
78
|
alertContainerHovered: string;
|
|
107
|
-
alertContainerPressed: string;
|
|
108
|
-
alertContainerFocused: string;
|
|
109
79
|
error: string;
|
|
110
80
|
onError: string;
|
|
111
81
|
errorHovered: string;
|
|
112
|
-
errorPressed: string;
|
|
113
|
-
errorFocused: string;
|
|
114
82
|
errorContainer: string;
|
|
115
83
|
onErrorContainer: string;
|
|
116
84
|
errorContainerHovered: string;
|
|
117
|
-
errorContainerPressed: string;
|
|
118
|
-
errorContainerFocused: string;
|
|
119
85
|
info: string;
|
|
120
86
|
onInfo: string;
|
|
121
87
|
infoHovered: string;
|
|
122
|
-
infoPressed: string;
|
|
123
|
-
infoFocused: string;
|
|
124
88
|
infoContainer: string;
|
|
125
89
|
onInfoContainer: string;
|
|
126
90
|
infoContainerHovered: string;
|
|
127
|
-
infoContainerPressed: string;
|
|
128
|
-
infoContainerFocused: string;
|
|
129
91
|
neutral: string;
|
|
130
92
|
onNeutral: string;
|
|
131
93
|
neutralHovered: string;
|
|
132
|
-
neutralPressed: string;
|
|
133
|
-
neutralFocused: string;
|
|
134
94
|
neutralContainer: string;
|
|
135
95
|
onNeutralContainer: string;
|
|
136
96
|
neutralContainerHovered: string;
|
|
137
|
-
neutralContainerPressed: string;
|
|
138
|
-
neutralContainerFocused: string;
|
|
139
97
|
background: string;
|
|
140
98
|
onBackground: string;
|
|
141
99
|
backgroundVariant: string;
|
|
@@ -143,13 +101,9 @@ export interface Theme {
|
|
|
143
101
|
surface: string;
|
|
144
102
|
onSurface: string;
|
|
145
103
|
surfaceHovered: string;
|
|
146
|
-
surfacePressed: string;
|
|
147
|
-
surfaceFocused: string;
|
|
148
104
|
surfaceInverse: string;
|
|
149
105
|
onSurfaceInverse: string;
|
|
150
106
|
surfaceInverseHovered: string;
|
|
151
|
-
surfaceInversePressed: string;
|
|
152
|
-
surfaceInverseFocused: string;
|
|
153
107
|
outline: string;
|
|
154
108
|
outlineHigh: string;
|
|
155
109
|
overlay: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spark-ui/theme-utils",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "6.0.0",
|
|
4
4
|
"description": "package for managing Spark theme configuration",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
},
|
|
36
36
|
"homepage": "https://sparkui.vercel.app",
|
|
37
37
|
"license": "MIT",
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "64d459447bcd58a55ace4d02c976a57b25a1b6f5"
|
|
39
39
|
}
|