@spark-ui/theme-utils 2.15.0 → 2.15.2
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 +10 -0
- package/package.json +4 -5
- package/LICENSE +0 -21
- package/dist/createTheme.d.ts +0 -13
- package/dist/defaultTheme.d.ts +0 -2
- package/dist/defaultThemeDark.d.ts +0 -2
- package/dist/index.d.ts +0 -4
- package/dist/index.js +0 -1
- package/dist/index.mjs +0 -11
- package/dist/types.d.ts +0 -248
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,16 @@
|
|
|
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
|
+
## [2.15.2](https://github.com/adevinta/spark/compare/@spark-ui/theme-utils@2.15.1...@spark-ui/theme-utils@2.15.2) (2023-05-09)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **theme-utils:** fix deps ([2393ce6](https://github.com/adevinta/spark/commit/2393ce6dda743255af020e9109e77df5ad27fc67))
|
|
11
|
+
|
|
12
|
+
## [2.15.1](https://github.com/adevinta/spark/compare/@spark-ui/theme-utils@2.15.0...@spark-ui/theme-utils@2.15.1) (2023-05-09)
|
|
13
|
+
|
|
14
|
+
**Note:** Version bump only for package @spark-ui/theme-utils
|
|
15
|
+
|
|
6
16
|
# [2.15.0](https://github.com/adevinta/spark/compare/@spark-ui/theme-utils@2.14.1...@spark-ui/theme-utils@2.15.0) (2023-05-03)
|
|
7
17
|
|
|
8
18
|
### Features
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spark-ui/theme-utils",
|
|
3
|
-
"version": "2.15.
|
|
3
|
+
"version": "2.15.2",
|
|
4
4
|
"description": "package for managing Spark theme configuration",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
"build": "vite build"
|
|
13
13
|
},
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"deepmerge": "
|
|
16
|
-
"type-fest": "
|
|
15
|
+
"deepmerge": "4.3.0",
|
|
16
|
+
"type-fest": "3.6.1"
|
|
17
17
|
},
|
|
18
18
|
"repository": {
|
|
19
19
|
"type": "git",
|
|
@@ -24,6 +24,5 @@
|
|
|
24
24
|
"url": "https://github.com/adevinta/spark/issues"
|
|
25
25
|
},
|
|
26
26
|
"homepage": "https://sparkui.vercel.app",
|
|
27
|
-
"license": "MIT"
|
|
28
|
-
"gitHead": "a03300bea49586547c83275edaebfcd4fdca3203"
|
|
27
|
+
"license": "MIT"
|
|
29
28
|
}
|
package/LICENSE
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) Adevinta ASA.
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
-
SOFTWARE.
|
package/dist/createTheme.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { type Theme } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* Creates a custom theme by merging the default theme with a partial custom theme passed as an argument.
|
|
4
|
-
*
|
|
5
|
-
* @param {Partial<Theme>} theme - A partial theme object which holds the theme values that need to be customized or overridden. When a category is included in the `theme` parameter, all of the category's tokens must be overridden.
|
|
6
|
-
* @param {Theme} [fromTheme=defaultTheme] - (Optional) A theme object from which to derive the new custom theme (instead of Spark's `defaultTheme`)
|
|
7
|
-
*
|
|
8
|
-
* @example
|
|
9
|
-
*
|
|
10
|
-
* const alternativeTheme: Partial<Theme> = { ... }
|
|
11
|
-
* const newTheme = createTheme(alternativeTheme)
|
|
12
|
-
*/
|
|
13
|
-
export declare function createTheme(theme: Partial<Theme>, fromTheme?: Theme): Theme;
|
package/dist/defaultTheme.d.ts
DELETED
package/dist/index.d.ts
DELETED
package/dist/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
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 rgb(0 0 0 / 0.2)",DEFAULT:"0 4px 8px 0 rgb(0 0 0 / 0.2)",md:"0 6px 12px 0 rgb(0 0 0 / 0.2)",lg:"0 8px 16px 0 rgb(0 0 0 / 0.2)",xl:"0 12px 24px 0 rgb(0 0 0 / 0.2)",none:"none"},colors:{primary:"#2118C9",onPrimary:"#FFFFFF",primaryHovered:"#5952D6",primaryPressed:"#5952D6",primaryDisabled:"#F4F4FC",primaryFocused:"#5952D6",primaryContainer:"#E2E1F8",onPrimaryContainer:"#140E79",primaryContainerHovered:"#F4F4FC",primaryContainerPressed:"#F4F4FC",primaryContainerDisabled:"#F4F4FC",primaryContainerFocused:"#F4F4FC",primaryVariant:"#140E79",onPrimaryVariant:"#FFFFFF",primaryVariantHovered:"#191297",primaryVariantPressed:"#191297",primaryVariantDisabled:"#F4F4FC",primaryVariantFocused:"#191297",secondary:"#FD398A",onSecondary:"#FFFFFF",secondaryHovered:"#FE6BA7",secondaryPressed:"#FE6BA7",secondaryDisabled:"#FFF5F9",secondaryFocused:"#FE6BA7",secondaryContainer:"#FFE1ED",onSecondaryContainer:"#982253",secondaryContainerHovered:"#FFF5F9",secondaryContainerPressed:"#FFF5F9",secondaryContainerDisabled:"#FFF5F9",secondaryContainerFocused:"#FFF5F9",secondaryVariant:"#982253",onSecondaryVariant:"#FFFFFF",secondaryVariantHovered:"#CA2E6E",secondaryVariantPressed:"#CA2E6E",secondaryVariantDisabled:"#FFF5F9",secondaryVariantFocused:"#CA2E6E",success:"#31A56B",onSuccess:"#FFFFFF",successHovered:"#64BC90",successPressed:"#64BC90",successDisabled:"#F5FBF8",successFocused:"#64BC90",successContainer:"#E0F2E9",onSuccessContainer:"#1D6340",successContainerHovered:"#F5FBF8",successContainerPressed:"#F5FBF8",successContainerDisabled:"#F5FBF8",successContainerFocused:"#F5FBF8",alert:"#F4BF48",onAlert:"#000000",alertHovered:"#F7CF76",alertPressed:"#F7CF76",alertDisabled:"#FFFCF6",alertFocused:"#F7CF76",alertContainer:"#FDF5E4",onAlertContainer:"#92732B",alertContainerHovered:"#FFFCF6",alertContainerPressed:"#FFFCF6",alertContainerDisabled:"#FFFCF6",alertContainerFocused:"#FFFCF6",error:"#F65651",onError:"#FFFFFF",errorHovered:"#F8807D",errorPressed:"#F8807D",errorDisabled:"#FFF7F6",errorFocused:"#F8807D",errorContainer:"#FEE6E5",onErrorContainer:"#943431",errorContainerHovered:"#FFF7F6",errorContainerPressed:"#FFF7F6",errorContainerDisabled:"#FFF7F6",errorContainerFocused:"#FFF7F6",info:"#07A0B8",onInfo:"#FFFFFF",infoHovered:"#45B8CA",infoPressed:"#45B8CA",infoDisabled:"#F3FAFC",infoFocused:"#45B8CA",infoContainer:"#DAF1F4",onInfoContainer:"#04606E",infoContainerHovered:"#F3FAFC",infoContainerPressed:"#F3FAFC",infoContainerDisabled:"#F3FAFC",infoContainerFocused:"#F3FAFC",neutral:"#7B7986",onNeutral:"#FFFFFF",neutralHovered:"#9C9BA4",neutralPressed:"#9C9BA4",neutralDisabled:"#F8F8F9",neutralFocused:"#9C9BA4",neutralContainer:"#EBEBED",onNeutralContainer:"#4A4950",neutralContainerHovered:"#F8F8F9",neutralContainerPressed:"#F8F8F9",neutralContainerDisabled:"#F8F8F9",neutralContainerFocused:"#F8F8F9",background:"#FFFFFF",onBackground:"#000000",backgroundVariant:"#F8F8F9",onBackgroundVariant:"#000000",surface:"#FFFFFF",onSurface:"#000000",surfaceHovered:"#F4F4FC",surfacePressed:"#F4F4FC",surfaceDisabled:"#F8F8F9",surfaceFocused:"#F4F4FC",surfaceInverse:"#252428",onSurfaceInverse:"#FFFFFF",surfaceInverseHovered:"#313036",surfaceInversePressed:"#313036",surfaceInverseDisabled:"#F8F8F9",surfaceInverseFocused:"#313036",outline:"#D1D0D5",outlineHigh:"#000000",outlineHovered:"#2118C9",outlinePressed:"#2118C9",outlineDisabled:"#F8F8F9",outlineFocused:"#D1D0D5",overlay:"#313036",onOverlay:"#FFFFFF"},fontFamily:{nunitoSans:'"Nunito Sans", sans-serif',openSans:'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"'},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",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 r(n,o=e){return a(o,n)}const F=r({colors:{primary:"#7583FF",onPrimary:"#000000",primaryHovered:"#5952D6",primaryPressed:"#5952D6",primaryDisabled:"#080632",primaryFocused:"#5952D6",primaryContainer:"#0D0A50",onPrimaryContainer:"#B1AEEC",primaryContainerHovered:"#080632",primaryContainerPressed:"#080632",primaryContainerDisabled:"#080632",primaryContainerFocused:"#080632",primaryVariant:"#B1AEEC",onPrimaryVariant:"#000000",primaryVariantHovered:"#8580E1",primaryVariantPressed:"#8580E1",primaryVariantDisabled:"#080632",primaryVariantFocused:"#8580E1",secondary:"#FE6BA7",onSecondary:"#000000",secondaryHovered:"#FD398A",secondaryPressed:"#FD398A",secondaryDisabled:"#3F0E22",secondaryFocused:"#FD398A",secondaryContainer:"#651737",onSecondaryContainer:"#FEBAD6",secondaryContainerHovered:"#3F0E22",secondaryContainerPressed:"#3F0E22",secondaryContainerDisabled:"#3F0E22",secondaryContainerFocused:"#3F0E22",secondaryVariant:"#FE92BF",onSecondaryVariant:"#000000",secondaryVariantHovered:"#FE6BA7",secondaryVariantPressed:"#FE6BA7",secondaryVariantDisabled:"#3F0E22",secondaryVariantFocused:"#FE6BA7",success:"#64BC90",onSuccess:"#000000",successHovered:"#31A56B",successPressed:"#31A56B",successDisabled:"#14422B",successFocused:"#31A56B",successContainer:"#14422B",onSuccessContainer:"#B7DFCB",successContainerHovered:"#14422B",successContainerPressed:"#14422B",successContainerDisabled:"#14422B",successContainerFocused:"#14422B",alert:"#F7CF76",onAlert:"#000000",alertHovered:"#F4BF48",alertPressed:"#F4BF48",alertDisabled:"#3D3012",alertFocused:"#F4BF48",alertContainer:"#624C1D",onAlertContainer:"#FBE9BF",alertContainerHovered:"#3D3012",alertContainerPressed:"#3D3012",alertContainerDisabled:"#3D3012",alertContainerFocused:"#3D3012",error:"#F8807D",onError:"#000000",errorHovered:"#F65651",errorPressed:"#F65651",errorDisabled:"#3E1514",errorFocused:"#F65651",errorContainer:"#622220",onErrorContainer:"#FCC4C2",errorContainerHovered:"#3E1514",errorContainerPressed:"#3E1514",errorContainerDisabled:"#3E1514",errorContainerFocused:"#3E1514",info:"#45B8CA",onInfo:"#000000",infoHovered:"#07A0B8",infoPressed:"#07A0B8",infoDisabled:"#02282E",infoFocused:"#07A0B8",infoContainer:"#03404A",onInfoContainer:"#A8DEE6",infoContainerHovered:"#02282E",infoContainerPressed:"#02282E",infoContainerDisabled:"#02282E",infoContainerFocused:"#02282E",neutral:"#9C9BA4",onNeutral:"#000000",neutralHovered:"#5C5B64",neutralPressed:"#5C5B64",neutralDisabled:"#252428",neutralFocused:"#5C5B64",neutralContainer:"#313036",onNeutralContainer:"#D1D0D5",neutralContainerHovered:"#252428",neutralContainerPressed:"#252428",neutralContainerDisabled:"#252428",neutralContainerFocused:"#252428",background:"#000000",onBackground:"#FFFFFF",backgroundVariant:"#252428",onBackgroundVariant:"#FFFFFF",surface:"#000000",onSurface:"#FFFFFF",surfaceHovered:"#080632",surfacePressed:"#080632",surfaceDisabled:"#252428",surfaceFocused:"#080632",surfaceInverse:"#F8F8F9",onSurfaceInverse:"#000000",surfaceInverseHovered:"#EBEBED",surfaceInversePressed:"#EBEBED",surfaceInverseDisabled:"#252428",surfaceInverseFocused:"#EBEBED",outline:"#4A4950",outlineHigh:"#FFFFFF",outlineHovered:"#7583FF",outlinePressed:"#7583FF",outlineDisabled:"#252428",outlineFocused:"#4A4950",overlay:"#313036",onOverlay:"#FFFFFF"}});exports.createTheme=r,exports.defaultTheme=e,exports.defaultThemeDark=F;
|
package/dist/index.mjs
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import n from "deepmerge";
|
|
2
|
-
const o = { 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 rgb(0 0 0 / 0.2)", DEFAULT: "0 4px 8px 0 rgb(0 0 0 / 0.2)", md: "0 6px 12px 0 rgb(0 0 0 / 0.2)", lg: "0 8px 16px 0 rgb(0 0 0 / 0.2)", xl: "0 12px 24px 0 rgb(0 0 0 / 0.2)", none: "none" }, colors: { primary: "#2118C9", onPrimary: "#FFFFFF", primaryHovered: "#5952D6", primaryPressed: "#5952D6", primaryDisabled: "#F4F4FC", primaryFocused: "#5952D6", primaryContainer: "#E2E1F8", onPrimaryContainer: "#140E79", primaryContainerHovered: "#F4F4FC", primaryContainerPressed: "#F4F4FC", primaryContainerDisabled: "#F4F4FC", primaryContainerFocused: "#F4F4FC", primaryVariant: "#140E79", onPrimaryVariant: "#FFFFFF", primaryVariantHovered: "#191297", primaryVariantPressed: "#191297", primaryVariantDisabled: "#F4F4FC", primaryVariantFocused: "#191297", secondary: "#FD398A", onSecondary: "#FFFFFF", secondaryHovered: "#FE6BA7", secondaryPressed: "#FE6BA7", secondaryDisabled: "#FFF5F9", secondaryFocused: "#FE6BA7", secondaryContainer: "#FFE1ED", onSecondaryContainer: "#982253", secondaryContainerHovered: "#FFF5F9", secondaryContainerPressed: "#FFF5F9", secondaryContainerDisabled: "#FFF5F9", secondaryContainerFocused: "#FFF5F9", secondaryVariant: "#982253", onSecondaryVariant: "#FFFFFF", secondaryVariantHovered: "#CA2E6E", secondaryVariantPressed: "#CA2E6E", secondaryVariantDisabled: "#FFF5F9", secondaryVariantFocused: "#CA2E6E", success: "#31A56B", onSuccess: "#FFFFFF", successHovered: "#64BC90", successPressed: "#64BC90", successDisabled: "#F5FBF8", successFocused: "#64BC90", successContainer: "#E0F2E9", onSuccessContainer: "#1D6340", successContainerHovered: "#F5FBF8", successContainerPressed: "#F5FBF8", successContainerDisabled: "#F5FBF8", successContainerFocused: "#F5FBF8", alert: "#F4BF48", onAlert: "#000000", alertHovered: "#F7CF76", alertPressed: "#F7CF76", alertDisabled: "#FFFCF6", alertFocused: "#F7CF76", alertContainer: "#FDF5E4", onAlertContainer: "#92732B", alertContainerHovered: "#FFFCF6", alertContainerPressed: "#FFFCF6", alertContainerDisabled: "#FFFCF6", alertContainerFocused: "#FFFCF6", error: "#F65651", onError: "#FFFFFF", errorHovered: "#F8807D", errorPressed: "#F8807D", errorDisabled: "#FFF7F6", errorFocused: "#F8807D", errorContainer: "#FEE6E5", onErrorContainer: "#943431", errorContainerHovered: "#FFF7F6", errorContainerPressed: "#FFF7F6", errorContainerDisabled: "#FFF7F6", errorContainerFocused: "#FFF7F6", info: "#07A0B8", onInfo: "#FFFFFF", infoHovered: "#45B8CA", infoPressed: "#45B8CA", infoDisabled: "#F3FAFC", infoFocused: "#45B8CA", infoContainer: "#DAF1F4", onInfoContainer: "#04606E", infoContainerHovered: "#F3FAFC", infoContainerPressed: "#F3FAFC", infoContainerDisabled: "#F3FAFC", infoContainerFocused: "#F3FAFC", neutral: "#7B7986", onNeutral: "#FFFFFF", neutralHovered: "#9C9BA4", neutralPressed: "#9C9BA4", neutralDisabled: "#F8F8F9", neutralFocused: "#9C9BA4", neutralContainer: "#EBEBED", onNeutralContainer: "#4A4950", neutralContainerHovered: "#F8F8F9", neutralContainerPressed: "#F8F8F9", neutralContainerDisabled: "#F8F8F9", neutralContainerFocused: "#F8F8F9", background: "#FFFFFF", onBackground: "#000000", backgroundVariant: "#F8F8F9", onBackgroundVariant: "#000000", surface: "#FFFFFF", onSurface: "#000000", surfaceHovered: "#F4F4FC", surfacePressed: "#F4F4FC", surfaceDisabled: "#F8F8F9", surfaceFocused: "#F4F4FC", surfaceInverse: "#252428", onSurfaceInverse: "#FFFFFF", surfaceInverseHovered: "#313036", surfaceInversePressed: "#313036", surfaceInverseDisabled: "#F8F8F9", surfaceInverseFocused: "#313036", outline: "#D1D0D5", outlineHigh: "#000000", outlineHovered: "#2118C9", outlinePressed: "#2118C9", outlineDisabled: "#F8F8F9", outlineFocused: "#D1D0D5", overlay: "#313036", onOverlay: "#FFFFFF" }, fontFamily: { nunitoSans: '"Nunito Sans", sans-serif', openSans: '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"' }, 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", 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, r = o) {
|
|
4
|
-
return n(r, e);
|
|
5
|
-
}
|
|
6
|
-
const i = a({ colors: { primary: "#7583FF", onPrimary: "#000000", primaryHovered: "#5952D6", primaryPressed: "#5952D6", primaryDisabled: "#080632", primaryFocused: "#5952D6", primaryContainer: "#0D0A50", onPrimaryContainer: "#B1AEEC", primaryContainerHovered: "#080632", primaryContainerPressed: "#080632", primaryContainerDisabled: "#080632", primaryContainerFocused: "#080632", primaryVariant: "#B1AEEC", onPrimaryVariant: "#000000", primaryVariantHovered: "#8580E1", primaryVariantPressed: "#8580E1", primaryVariantDisabled: "#080632", primaryVariantFocused: "#8580E1", secondary: "#FE6BA7", onSecondary: "#000000", secondaryHovered: "#FD398A", secondaryPressed: "#FD398A", secondaryDisabled: "#3F0E22", secondaryFocused: "#FD398A", secondaryContainer: "#651737", onSecondaryContainer: "#FEBAD6", secondaryContainerHovered: "#3F0E22", secondaryContainerPressed: "#3F0E22", secondaryContainerDisabled: "#3F0E22", secondaryContainerFocused: "#3F0E22", secondaryVariant: "#FE92BF", onSecondaryVariant: "#000000", secondaryVariantHovered: "#FE6BA7", secondaryVariantPressed: "#FE6BA7", secondaryVariantDisabled: "#3F0E22", secondaryVariantFocused: "#FE6BA7", success: "#64BC90", onSuccess: "#000000", successHovered: "#31A56B", successPressed: "#31A56B", successDisabled: "#14422B", successFocused: "#31A56B", successContainer: "#14422B", onSuccessContainer: "#B7DFCB", successContainerHovered: "#14422B", successContainerPressed: "#14422B", successContainerDisabled: "#14422B", successContainerFocused: "#14422B", alert: "#F7CF76", onAlert: "#000000", alertHovered: "#F4BF48", alertPressed: "#F4BF48", alertDisabled: "#3D3012", alertFocused: "#F4BF48", alertContainer: "#624C1D", onAlertContainer: "#FBE9BF", alertContainerHovered: "#3D3012", alertContainerPressed: "#3D3012", alertContainerDisabled: "#3D3012", alertContainerFocused: "#3D3012", error: "#F8807D", onError: "#000000", errorHovered: "#F65651", errorPressed: "#F65651", errorDisabled: "#3E1514", errorFocused: "#F65651", errorContainer: "#622220", onErrorContainer: "#FCC4C2", errorContainerHovered: "#3E1514", errorContainerPressed: "#3E1514", errorContainerDisabled: "#3E1514", errorContainerFocused: "#3E1514", info: "#45B8CA", onInfo: "#000000", infoHovered: "#07A0B8", infoPressed: "#07A0B8", infoDisabled: "#02282E", infoFocused: "#07A0B8", infoContainer: "#03404A", onInfoContainer: "#A8DEE6", infoContainerHovered: "#02282E", infoContainerPressed: "#02282E", infoContainerDisabled: "#02282E", infoContainerFocused: "#02282E", neutral: "#9C9BA4", onNeutral: "#000000", neutralHovered: "#5C5B64", neutralPressed: "#5C5B64", neutralDisabled: "#252428", neutralFocused: "#5C5B64", neutralContainer: "#313036", onNeutralContainer: "#D1D0D5", neutralContainerHovered: "#252428", neutralContainerPressed: "#252428", neutralContainerDisabled: "#252428", neutralContainerFocused: "#252428", background: "#000000", onBackground: "#FFFFFF", backgroundVariant: "#252428", onBackgroundVariant: "#FFFFFF", surface: "#000000", onSurface: "#FFFFFF", surfaceHovered: "#080632", surfacePressed: "#080632", surfaceDisabled: "#252428", surfaceFocused: "#080632", surfaceInverse: "#F8F8F9", onSurfaceInverse: "#000000", surfaceInverseHovered: "#EBEBED", surfaceInversePressed: "#EBEBED", surfaceInverseDisabled: "#252428", surfaceInverseFocused: "#EBEBED", outline: "#4A4950", outlineHigh: "#FFFFFF", outlineHovered: "#7583FF", outlinePressed: "#7583FF", outlineDisabled: "#252428", outlineFocused: "#4A4950", overlay: "#313036", onOverlay: "#FFFFFF" } });
|
|
7
|
-
export {
|
|
8
|
-
a as createTheme,
|
|
9
|
-
o as defaultTheme,
|
|
10
|
-
i as defaultThemeDark
|
|
11
|
-
};
|
package/dist/types.d.ts
DELETED
|
@@ -1,248 +0,0 @@
|
|
|
1
|
-
import { RequireAtLeastOne } from 'type-fest';
|
|
2
|
-
interface SparkFontSize {
|
|
3
|
-
fontSize: string;
|
|
4
|
-
lineHeight: string;
|
|
5
|
-
fontWeight?: string;
|
|
6
|
-
letterSpacing?: string;
|
|
7
|
-
}
|
|
8
|
-
export interface Theme {
|
|
9
|
-
borderRadius: {
|
|
10
|
-
none: string;
|
|
11
|
-
sm: string;
|
|
12
|
-
md: string;
|
|
13
|
-
lg: string;
|
|
14
|
-
xl: string;
|
|
15
|
-
full: string;
|
|
16
|
-
};
|
|
17
|
-
borderWidth: {
|
|
18
|
-
none: string;
|
|
19
|
-
sm: string;
|
|
20
|
-
md: string;
|
|
21
|
-
};
|
|
22
|
-
boxShadow: {
|
|
23
|
-
sm: string;
|
|
24
|
-
DEFAULT: string;
|
|
25
|
-
md: string;
|
|
26
|
-
lg: string;
|
|
27
|
-
xl: string;
|
|
28
|
-
none: string;
|
|
29
|
-
};
|
|
30
|
-
/**
|
|
31
|
-
* Spark color specifications: https://zeroheight.com/1186e1705/p/0879a9-colors/b/27d7a3
|
|
32
|
-
*/
|
|
33
|
-
colors: {
|
|
34
|
-
primary: string;
|
|
35
|
-
onPrimary: string;
|
|
36
|
-
primaryHovered: string;
|
|
37
|
-
primaryPressed: string;
|
|
38
|
-
primaryDisabled: string;
|
|
39
|
-
primaryFocused: string;
|
|
40
|
-
primaryContainer: string;
|
|
41
|
-
onPrimaryContainer: string;
|
|
42
|
-
primaryContainerHovered: string;
|
|
43
|
-
primaryContainerPressed: string;
|
|
44
|
-
primaryContainerDisabled: string;
|
|
45
|
-
primaryContainerFocused: string;
|
|
46
|
-
secondary: string;
|
|
47
|
-
onSecondary: string;
|
|
48
|
-
secondaryHovered: string;
|
|
49
|
-
secondaryPressed: string;
|
|
50
|
-
secondaryDisabled: string;
|
|
51
|
-
secondaryFocused: string;
|
|
52
|
-
secondaryContainer: string;
|
|
53
|
-
onSecondaryContainer: string;
|
|
54
|
-
secondaryContainerHovered: string;
|
|
55
|
-
secondaryContainerPressed: string;
|
|
56
|
-
secondaryContainerDisabled: string;
|
|
57
|
-
secondaryContainerFocused: string;
|
|
58
|
-
primaryVariant: string;
|
|
59
|
-
onPrimaryVariant: string;
|
|
60
|
-
primaryVariantHovered: string;
|
|
61
|
-
primaryVariantPressed: string;
|
|
62
|
-
primaryVariantDisabled: string;
|
|
63
|
-
primaryVariantFocused: string;
|
|
64
|
-
secondaryVariant: string;
|
|
65
|
-
onSecondaryVariant: string;
|
|
66
|
-
secondaryVariantHovered: string;
|
|
67
|
-
secondaryVariantPressed: string;
|
|
68
|
-
secondaryVariantDisabled: string;
|
|
69
|
-
secondaryVariantFocused: string;
|
|
70
|
-
success: string;
|
|
71
|
-
onSuccess: string;
|
|
72
|
-
successHovered: string;
|
|
73
|
-
successPressed: string;
|
|
74
|
-
successDisabled: string;
|
|
75
|
-
successFocused: string;
|
|
76
|
-
successContainer: string;
|
|
77
|
-
onSuccessContainer: string;
|
|
78
|
-
successContainerHovered: string;
|
|
79
|
-
successContainerPressed: string;
|
|
80
|
-
successContainerDisabled: string;
|
|
81
|
-
successContainerFocused: string;
|
|
82
|
-
alert: string;
|
|
83
|
-
onAlert: string;
|
|
84
|
-
alertHovered: string;
|
|
85
|
-
alertPressed: string;
|
|
86
|
-
alertDisabled: string;
|
|
87
|
-
alertFocused: string;
|
|
88
|
-
alertContainer: string;
|
|
89
|
-
onAlertContainer: string;
|
|
90
|
-
alertContainerHovered: string;
|
|
91
|
-
alertContainerPressed: string;
|
|
92
|
-
alertContainerDisabled: string;
|
|
93
|
-
alertContainerFocused: string;
|
|
94
|
-
error: string;
|
|
95
|
-
onError: string;
|
|
96
|
-
errorHovered: string;
|
|
97
|
-
errorPressed: string;
|
|
98
|
-
errorDisabled: string;
|
|
99
|
-
errorFocused: string;
|
|
100
|
-
errorContainer: string;
|
|
101
|
-
onErrorContainer: string;
|
|
102
|
-
errorContainerHovered: string;
|
|
103
|
-
errorContainerPressed: string;
|
|
104
|
-
errorContainerDisabled: string;
|
|
105
|
-
errorContainerFocused: string;
|
|
106
|
-
info: string;
|
|
107
|
-
onInfo: string;
|
|
108
|
-
infoHovered: string;
|
|
109
|
-
infoPressed: string;
|
|
110
|
-
infoDisabled: string;
|
|
111
|
-
infoFocused: string;
|
|
112
|
-
infoContainer: string;
|
|
113
|
-
onInfoContainer: string;
|
|
114
|
-
infoContainerHovered: string;
|
|
115
|
-
infoContainerPressed: string;
|
|
116
|
-
infoContainerDisabled: string;
|
|
117
|
-
infoContainerFocused: string;
|
|
118
|
-
neutral: string;
|
|
119
|
-
onNeutral: string;
|
|
120
|
-
neutralHovered: string;
|
|
121
|
-
neutralPressed: string;
|
|
122
|
-
neutralDisabled: string;
|
|
123
|
-
neutralFocused: string;
|
|
124
|
-
neutralContainer: string;
|
|
125
|
-
onNeutralContainer: string;
|
|
126
|
-
neutralContainerHovered: string;
|
|
127
|
-
neutralContainerPressed: string;
|
|
128
|
-
neutralContainerDisabled: string;
|
|
129
|
-
neutralContainerFocused: string;
|
|
130
|
-
background: string;
|
|
131
|
-
onBackground: string;
|
|
132
|
-
backgroundVariant: string;
|
|
133
|
-
onBackgroundVariant: string;
|
|
134
|
-
surface: string;
|
|
135
|
-
onSurface: string;
|
|
136
|
-
surfaceHovered: string;
|
|
137
|
-
surfacePressed: string;
|
|
138
|
-
surfaceDisabled: string;
|
|
139
|
-
surfaceFocused: string;
|
|
140
|
-
surfaceInverse: string;
|
|
141
|
-
onSurfaceInverse: string;
|
|
142
|
-
surfaceInverseHovered: string;
|
|
143
|
-
surfaceInversePressed: string;
|
|
144
|
-
surfaceInverseDisabled: string;
|
|
145
|
-
surfaceInverseFocused: string;
|
|
146
|
-
outline: string;
|
|
147
|
-
outlineHigh: string;
|
|
148
|
-
outlineHovered: string;
|
|
149
|
-
outlinePressed: string;
|
|
150
|
-
outlineDisabled: string;
|
|
151
|
-
outlineFocused: string;
|
|
152
|
-
overlay: string;
|
|
153
|
-
onOverlay: string;
|
|
154
|
-
};
|
|
155
|
-
fontFamily: {
|
|
156
|
-
nunitoSans: string;
|
|
157
|
-
openSans: string;
|
|
158
|
-
};
|
|
159
|
-
/**
|
|
160
|
-
* https://www.figma.com/file/ezqkDE3LqYrek9MvYnr4dR/Spark-Foundations?node-id=105%3A2710&t=lLeJnznf64zUBmdL-4
|
|
161
|
-
*/
|
|
162
|
-
fontSize: {
|
|
163
|
-
/** Reserved for short/important large text */
|
|
164
|
-
display1: SparkFontSize;
|
|
165
|
-
display1Expanded: SparkFontSize;
|
|
166
|
-
/** Reserved for short/important medium text */
|
|
167
|
-
display2: SparkFontSize;
|
|
168
|
-
display2Expanded: SparkFontSize;
|
|
169
|
-
/** Reserved for short/important small text */
|
|
170
|
-
display3: SparkFontSize;
|
|
171
|
-
display3Expanded: SparkFontSize;
|
|
172
|
-
/** High-emphasis large text */
|
|
173
|
-
headline1: SparkFontSize;
|
|
174
|
-
headline1Expanded: SparkFontSize;
|
|
175
|
-
/** High-emphasis medium text */
|
|
176
|
-
headline2: SparkFontSize;
|
|
177
|
-
headline2Expanded: SparkFontSize;
|
|
178
|
-
/** High-emphasis small text */
|
|
179
|
-
subhead: SparkFontSize;
|
|
180
|
-
subheadExpanded: SparkFontSize;
|
|
181
|
-
/** Content base text */
|
|
182
|
-
body1: SparkFontSize;
|
|
183
|
-
/** Content base text low hierarchy */
|
|
184
|
-
body2: SparkFontSize;
|
|
185
|
-
/** Support texts or error texts */
|
|
186
|
-
caption: SparkFontSize;
|
|
187
|
-
/** Legal texts, App bar labels */
|
|
188
|
-
small: SparkFontSize;
|
|
189
|
-
/** Content base text, Links */
|
|
190
|
-
body1Link: SparkFontSize;
|
|
191
|
-
/** Content base text, low hierarchy Links */
|
|
192
|
-
body2Link: SparkFontSize;
|
|
193
|
-
/** Support or error texts with a link */
|
|
194
|
-
captionLink: SparkFontSize;
|
|
195
|
-
/** Call to actions */
|
|
196
|
-
callout: SparkFontSize;
|
|
197
|
-
};
|
|
198
|
-
fontWeight: {
|
|
199
|
-
regular: string;
|
|
200
|
-
medium: string;
|
|
201
|
-
semiBold: string;
|
|
202
|
-
bold: string;
|
|
203
|
-
};
|
|
204
|
-
opacity: {
|
|
205
|
-
0: string;
|
|
206
|
-
dim1: string;
|
|
207
|
-
dim2: string;
|
|
208
|
-
dim3: string;
|
|
209
|
-
dim4: string;
|
|
210
|
-
dim5: string;
|
|
211
|
-
};
|
|
212
|
-
screens: {
|
|
213
|
-
sm: string;
|
|
214
|
-
md: string;
|
|
215
|
-
lg: string;
|
|
216
|
-
xl: string;
|
|
217
|
-
};
|
|
218
|
-
spacing: {
|
|
219
|
-
auto: string;
|
|
220
|
-
none: string;
|
|
221
|
-
sm: string;
|
|
222
|
-
md: string;
|
|
223
|
-
lg: string;
|
|
224
|
-
xl: string;
|
|
225
|
-
'2xl': string;
|
|
226
|
-
'3xl': string;
|
|
227
|
-
};
|
|
228
|
-
zIndex: {
|
|
229
|
-
hide: string;
|
|
230
|
-
base: string;
|
|
231
|
-
raised: string;
|
|
232
|
-
dropdown: string;
|
|
233
|
-
sticky: string;
|
|
234
|
-
overlay: string;
|
|
235
|
-
modal: string;
|
|
236
|
-
popover: string;
|
|
237
|
-
skipLink: string;
|
|
238
|
-
toast: string;
|
|
239
|
-
tooltip: string;
|
|
240
|
-
};
|
|
241
|
-
}
|
|
242
|
-
export interface ThemeConfig {
|
|
243
|
-
tailwindThemeConfigPath: string;
|
|
244
|
-
htmlFontSize?: number;
|
|
245
|
-
tailwindCSSPath: string;
|
|
246
|
-
themes: RequireAtLeastOne<Record<string, Theme>, 'default'>;
|
|
247
|
-
}
|
|
248
|
-
export {};
|