@spark-ui/theme-utils 2.5.1 → 2.6.1
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/dist/index.js +1 -1
- package/dist/index.mjs +8 -8
- package/dist/types.d.ts +42 -19
- package/package.json +2 -2
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.6.1](https://github.com/adevinta/spark/compare/@spark-ui/theme-utils@2.6.0...@spark-ui/theme-utils@2.6.1) (2023-03-03)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @spark-ui/theme-utils
|
|
9
|
+
|
|
10
|
+
# [2.6.0](https://github.com/adevinta/spark/compare/@spark-ui/theme-utils@2.5.1...@spark-ui/theme-utils@2.6.0) (2023-03-02)
|
|
11
|
+
|
|
12
|
+
### Features
|
|
13
|
+
|
|
14
|
+
- **theme-utils:** theme contract for typography ([db41e6e](https://github.com/adevinta/spark/commit/db41e6e1131a6335e37d56c5a52004353915e728))
|
|
15
|
+
|
|
6
16
|
## [2.5.1](https://github.com/adevinta/spark/compare/@spark-ui/theme-utils@2.5.0...@spark-ui/theme-utils@2.5.1) (2023-03-01)
|
|
7
17
|
|
|
8
18
|
**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 F=require("deepmerge"),e={borderRadius:{none:"0px",sm:"0.5rem",md:"1rem",lg:"2rem",xl:"3rem",full:"9999px"},borderWidth:{none:"0px",sm:"1px",md:"2px"},boxShadow:{none:"none",normal:"0 -1px 4px 0 rgba(26, 26, 26, 0.08), 0 4px 8px 0 rgba(26, 26, 26, 0.12)",highlighted:"0 -1px 8px 0 rgba(26, 26, 26, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.14)"},colors:{primary:"#EC5A13",onPrimary:"#FFFFFF",primaryContainer:"#FDECE8",onPrimaryContainer:"#89380F",primaryHovered:"#B84A14",primaryDisabled:"#F0F5FA",primaryFocused:"#EC5A13",primaryContainerHovered:"##FBDFD1",primaryContainerDisabled:"##F0F5FA",primaryContainerFocused:"#FDECE8",secondary:"#06233D",onSecondary:"#FFFFFF",secondaryContainer:"#F0F5FA",onSecondaryContainer:"#06233D",secondaryHovered:"#010509",secondaryDisabled:"#F0F5FA",secondaryFocused:"#06233D",secondaryContainerHovered:"#EDDEE5",secondaryContainerDisabled:"#F0F5FA",secondaryContainerFocused:"#F0F5FA",primaryVariant:"#B84A14",onPrimaryVariant:"#FFFFFF",primaryVariantHovered:"#89380F",primaryVariantDisabled:"#F0F5FA",primaryVariantFocused:"#B84A14",secondaryVariant:"#4E6579",onSecondaryVariant:"#FFFFFF",secondaryVariantHovered:"#3D4D5C",secondaryVariantDisabled:"#F0F5FA",secondaryVariantFocused:"#4E6579",success:"#4E9850",onSuccess:"#FFFFFF",successContainer:"#EDF5EE",onSuccessContainer:"#2F5B30",successHovered:"#3E7A40",successDisabled:"#F0F5FA",successFocused:"#4E9850",successContainerHovered:"#DCEADC",successContainerDisabled:"#F0F5FA",successContainerFocused:"#EDF5EE",alert:"#FFAA00",onAlert:"#14191F",alertContainer:"#FFF6E5",onAlertContainer:"#996600",alertHovered:"#CC8800",alertDisabled:"#F0F5FA",alertFocused:"#FFAA00",alertContainerHovered:"#FFEECC",alertContainerDisabled:"#F0F5FA",alertContainerFocused:"#FFF6E5",error:"#D93426",onError:"#FFFFFF",errorContainer:"#FBECEB",onErrorContainer:"#822017",errorHovered:"#AD291F",errorDisabled:"#F0F5FA",errorFocused:"#D93426",errorContainerHovered:"#F7D7D4",errorContainerDisabled:"#F0F5FA",errorContainerFocused:"#FBECEB",info:"#1388EC",onInfo:"#FFFFFF",infoContainer:"#E7F3FD",onInfoContainer:"#0B518E",infoHovered:"#0F6CBD",infoDisabled:"#F0F5FA",infoFocused:"#1388EC",infoContainerHovered:"#CFE6FB",infoContainerDisabled:"#F0F5FA",infoContainerFocused:"#E7F3FD",neutral:"#627C93",onNeutral:"#FFFFFF",neutralContainer:"#F0F5FA",onNeutralContainer:"#3D4D5C",neutralHovered:"#4E6579",neutralDisabled:"#F0F5FA",neutralFocused:"#627C93",neutralContainerHovered:"#DAE6F1",neutralContainerDisabled:"#F0F5FA",neutralContainerFocused:"#F0F5FA",background:"#FFFFFF",onBackground:"#06233D",backgroundHovered:"#F7FAFD",backgroundDisabled:"#F0F5FA",backgroundFocused:"#FFFFFF",surface:"#FFFFFF",onSurface:"#06233D",surfaceHovered:"#F7FAFD",surfaceDisabled:"#F0F5FA",surfaceFocused:"#FFFFFF",surfaceInverse:"#14191F",onSurfaceInverse:"#FFFFFF",surfaceInverseHovered:"#14191F",surfaceInverseDisabled:"#F0F5FA",surfaceInverseFocused:"#14191F",outline:"#A3B4C2",overlay:"#2B3640"},fontFamily:{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:{
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("deepmerge"),e={borderRadius:{none:"0px",sm:"0.5rem",md:"1rem",lg:"2rem",xl:"3rem",full:"9999px"},borderWidth:{none:"0px",sm:"1px",md:"2px"},boxShadow:{none:"none",normal:"0 -1px 4px 0 rgba(26, 26, 26, 0.08), 0 4px 8px 0 rgba(26, 26, 26, 0.12)",highlighted:"0 -1px 8px 0 rgba(26, 26, 26, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.14)"},colors:{primary:"#EC5A13",onPrimary:"#FFFFFF",primaryContainer:"#FDECE8",onPrimaryContainer:"#89380F",primaryHovered:"#B84A14",primaryDisabled:"#F0F5FA",primaryFocused:"#EC5A13",primaryContainerHovered:"##FBDFD1",primaryContainerDisabled:"##F0F5FA",primaryContainerFocused:"#FDECE8",secondary:"#06233D",onSecondary:"#FFFFFF",secondaryContainer:"#F0F5FA",onSecondaryContainer:"#06233D",secondaryHovered:"#010509",secondaryDisabled:"#F0F5FA",secondaryFocused:"#06233D",secondaryContainerHovered:"#EDDEE5",secondaryContainerDisabled:"#F0F5FA",secondaryContainerFocused:"#F0F5FA",primaryVariant:"#B84A14",onPrimaryVariant:"#FFFFFF",primaryVariantHovered:"#89380F",primaryVariantDisabled:"#F0F5FA",primaryVariantFocused:"#B84A14",secondaryVariant:"#4E6579",onSecondaryVariant:"#FFFFFF",secondaryVariantHovered:"#3D4D5C",secondaryVariantDisabled:"#F0F5FA",secondaryVariantFocused:"#4E6579",success:"#4E9850",onSuccess:"#FFFFFF",successContainer:"#EDF5EE",onSuccessContainer:"#2F5B30",successHovered:"#3E7A40",successDisabled:"#F0F5FA",successFocused:"#4E9850",successContainerHovered:"#DCEADC",successContainerDisabled:"#F0F5FA",successContainerFocused:"#EDF5EE",alert:"#FFAA00",onAlert:"#14191F",alertContainer:"#FFF6E5",onAlertContainer:"#996600",alertHovered:"#CC8800",alertDisabled:"#F0F5FA",alertFocused:"#FFAA00",alertContainerHovered:"#FFEECC",alertContainerDisabled:"#F0F5FA",alertContainerFocused:"#FFF6E5",error:"#D93426",onError:"#FFFFFF",errorContainer:"#FBECEB",onErrorContainer:"#822017",errorHovered:"#AD291F",errorDisabled:"#F0F5FA",errorFocused:"#D93426",errorContainerHovered:"#F7D7D4",errorContainerDisabled:"#F0F5FA",errorContainerFocused:"#FBECEB",info:"#1388EC",onInfo:"#FFFFFF",infoContainer:"#E7F3FD",onInfoContainer:"#0B518E",infoHovered:"#0F6CBD",infoDisabled:"#F0F5FA",infoFocused:"#1388EC",infoContainerHovered:"#CFE6FB",infoContainerDisabled:"#F0F5FA",infoContainerFocused:"#E7F3FD",neutral:"#627C93",onNeutral:"#FFFFFF",neutralContainer:"#F0F5FA",onNeutralContainer:"#3D4D5C",neutralHovered:"#4E6579",neutralDisabled:"#F0F5FA",neutralFocused:"#627C93",neutralContainerHovered:"#DAE6F1",neutralContainerDisabled:"#F0F5FA",neutralContainerFocused:"#F0F5FA",background:"#FFFFFF",onBackground:"#06233D",backgroundHovered:"#F7FAFD",backgroundDisabled:"#F0F5FA",backgroundFocused:"#FFFFFF",surface:"#FFFFFF",onSurface:"#06233D",surfaceHovered:"#F7FAFD",surfaceDisabled:"#F0F5FA",surfaceFocused:"#FFFFFF",surfaceInverse:"#14191F",onSurfaceInverse:"#FFFFFF",surfaceInverseHovered:"#14191F",surfaceInverseDisabled:"#F0F5FA",surfaceInverseFocused:"#14191F",outline:"#A3B4C2",overlay:"#2B3640"},fontFamily:{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:"6rem",lineHeight:"8rem"},display2:{fontSize:"5rem",lineHeight:"7rem"},display3:{fontSize:"4rem",lineHeight:"5.5rem"},headline1:{fontSize:"3rem",lineHeight:"4rem"},headline2:{fontSize:"2.5rem",lineHeight:"3.5rem"},subhead:{fontSize:"2rem",lineHeight:"3rem"},body1:{fontSize:"2rem",lineHeight:"3rem"},body2:{fontSize:"1.75rem",lineHeight:"2.5rem"},caption:{fontSize:"1.5rem",lineHeight:"2rem"},small:{fontSize:"1.25rem",lineHeight:"1.75rem"},body1Link:{fontSize:"2rem",lineHeight:"3rem"},body2Link:{fontSize:"1.75rem",lineHeight:"2.25rem"},captionLink:{fontSize:"1.5rem",lineHeight:"2rem"},callout:{fontSize:"2rem",lineHeight:"3rem"}},fontWeight:{regular:"400",medium:"500",semiBold:"600",bold:"700"},screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px"},spacing:{auto:"auto",none:"0px",sm:"0.5rem",md:"1rem",lg:"2rem",xl:"3rem","2xl":"4rem","3xl":"5rem"},zIndex:{hide:-1,base:0,raised:1,dropdown:1e3,sticky:1100,overlay:1300,modal:1400,popover:1500,skipLink:1600,toast:1700,tooltip:1800}};function r(n,o=e){return F(o,n)}const a=r({colors:{primary:"#F07B42",onPrimary:"#14191F",primaryContainer:"#5C250A",onPrimaryContainer:"#FBDFD1",primaryHovered:"#EC5A13",primaryDisabled:"#6F7378",primaryFocused:"#F07B42",primaryContainerHovered:"#2F1305",primaryContainerDisabled:"#6F7378",primaryContainerFocused:"#5C250A",secondary:"#F0F5FA",onSecondary:"#14191F",secondaryContainer:"#2B3640",onSecondaryContainer:"#DAE6F1",secondaryHovered:"#DAE6F1",secondaryDisabled:"#6F7378",secondaryFocused:"#F0F5FA",secondaryContainerHovered:"#14191F",secondaryContainerDisabled:"#6F7378",secondaryContainerFocused:"#2B3640",primaryVariant:"#F7BEA1",onPrimaryVariant:"#14191F",primaryVariantHovered:"#F49D71",primaryVariantDisabled:"#6F7378",primaryVariantFocused:"#F7BEA1",secondaryVariant:"#BBCDDD",onSecondaryVariant:"#141B1F",secondaryVariantHovered:"#A3B4C2",secondaryVariantDisabled:"#6F7378",secondaryVariantFocused:"#BBCDDD",success:"#71AD73",onSuccess:"#14191F",successContainer:"#1F3D20",onSuccessContainer:"#DCEADC",successHovered:"#4E9850",successDisabled:"#6F7378",successFocused:"#71AD73",successContainerHovered:"#101E10",successContainerDisabled:"#6F7378",successContainerFocused:"#1F3D20",alert:"#FFCC66",onAlert:"#F0F5FA",alertContainer:"#664400",onAlertContainer:"#FFEECC",alertHovered:"#FFBB33",alertDisabled:"#6F7378",alertFocused:"#FFCC66",alertContainerHovered:"#332200",alertContainerDisabled:"#6F7378",alertContainerFocused:"#664400",error:"#E05D52",onError:"#14191F",errorContainer:"#57150F",onErrorContainer:"#F7D7D4",errorHovered:"#D93426",errorDisabled:"#6F7378",errorFocused:"#E05D52",errorContainerHovered:"#2B0B08",errorContainerDisabled:"#6F7378",errorContainerFocused:"#57150F",info:"#429FF0",onInfo:"#14191F",infoContainer:"#08365D",onInfoContainer:"#CFE6FB",infoHovered:"#1388EC",infoDisabled:"#6F7378",infoFocused:"#429FF0",infoContainerHovered:"#06233D",infoContainerDisabled:"#6F7378",infoContainerFocused:"#08365D",neutral:"#7F95A9",onNeutral:"#14191F",neutralContainer:"#2B3640",onNeutralContainer:"#DAE6F1",neutralHovered:"#627C93",neutralDisabled:"#6F7378",neutralFocused:"#7F95A9",neutralContainerHovered:"#14191F",neutralContainerDisabled:"#6F7378",neutralContainerFocused:"#2B3640",background:"#14191F",onBackground:"#F7FAFD",backgroundHovered:"#14191F",backgroundDisabled:"#6F7378",backgroundFocused:"#14191F",surface:"#14191F",onSurface:"#F7FAFD",surfaceHovered:"#14191F",surfaceDisabled:"#6F7378",surfaceFocused:"#14191F",surfaceInverse:"#F0F5FA",onSurfaceInverse:"#14191F",surfaceInverseHovered:"#DAE6F1",surfaceInverseDisabled:"#6F7378",surfaceInverseFocused:"#F0F5FA",outline:"#3D4D5C",overlay:"#2B3640"}});exports.createTheme=r,exports.defaultTheme=e,exports.defaultThemeDark=a;
|
package/dist/index.mjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
const
|
|
3
|
-
function
|
|
4
|
-
return
|
|
1
|
+
import n from "deepmerge";
|
|
2
|
+
const o = { borderRadius: { none: "0px", sm: "0.5rem", md: "1rem", lg: "2rem", xl: "3rem", full: "9999px" }, borderWidth: { none: "0px", sm: "1px", md: "2px" }, boxShadow: { none: "none", normal: "0 -1px 4px 0 rgba(26, 26, 26, 0.08), 0 4px 8px 0 rgba(26, 26, 26, 0.12)", highlighted: "0 -1px 8px 0 rgba(26, 26, 26, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.14)" }, colors: { primary: "#EC5A13", onPrimary: "#FFFFFF", primaryContainer: "#FDECE8", onPrimaryContainer: "#89380F", primaryHovered: "#B84A14", primaryDisabled: "#F0F5FA", primaryFocused: "#EC5A13", primaryContainerHovered: "##FBDFD1", primaryContainerDisabled: "##F0F5FA", primaryContainerFocused: "#FDECE8", secondary: "#06233D", onSecondary: "#FFFFFF", secondaryContainer: "#F0F5FA", onSecondaryContainer: "#06233D", secondaryHovered: "#010509", secondaryDisabled: "#F0F5FA", secondaryFocused: "#06233D", secondaryContainerHovered: "#EDDEE5", secondaryContainerDisabled: "#F0F5FA", secondaryContainerFocused: "#F0F5FA", primaryVariant: "#B84A14", onPrimaryVariant: "#FFFFFF", primaryVariantHovered: "#89380F", primaryVariantDisabled: "#F0F5FA", primaryVariantFocused: "#B84A14", secondaryVariant: "#4E6579", onSecondaryVariant: "#FFFFFF", secondaryVariantHovered: "#3D4D5C", secondaryVariantDisabled: "#F0F5FA", secondaryVariantFocused: "#4E6579", success: "#4E9850", onSuccess: "#FFFFFF", successContainer: "#EDF5EE", onSuccessContainer: "#2F5B30", successHovered: "#3E7A40", successDisabled: "#F0F5FA", successFocused: "#4E9850", successContainerHovered: "#DCEADC", successContainerDisabled: "#F0F5FA", successContainerFocused: "#EDF5EE", alert: "#FFAA00", onAlert: "#14191F", alertContainer: "#FFF6E5", onAlertContainer: "#996600", alertHovered: "#CC8800", alertDisabled: "#F0F5FA", alertFocused: "#FFAA00", alertContainerHovered: "#FFEECC", alertContainerDisabled: "#F0F5FA", alertContainerFocused: "#FFF6E5", error: "#D93426", onError: "#FFFFFF", errorContainer: "#FBECEB", onErrorContainer: "#822017", errorHovered: "#AD291F", errorDisabled: "#F0F5FA", errorFocused: "#D93426", errorContainerHovered: "#F7D7D4", errorContainerDisabled: "#F0F5FA", errorContainerFocused: "#FBECEB", info: "#1388EC", onInfo: "#FFFFFF", infoContainer: "#E7F3FD", onInfoContainer: "#0B518E", infoHovered: "#0F6CBD", infoDisabled: "#F0F5FA", infoFocused: "#1388EC", infoContainerHovered: "#CFE6FB", infoContainerDisabled: "#F0F5FA", infoContainerFocused: "#E7F3FD", neutral: "#627C93", onNeutral: "#FFFFFF", neutralContainer: "#F0F5FA", onNeutralContainer: "#3D4D5C", neutralHovered: "#4E6579", neutralDisabled: "#F0F5FA", neutralFocused: "#627C93", neutralContainerHovered: "#DAE6F1", neutralContainerDisabled: "#F0F5FA", neutralContainerFocused: "#F0F5FA", background: "#FFFFFF", onBackground: "#06233D", backgroundHovered: "#F7FAFD", backgroundDisabled: "#F0F5FA", backgroundFocused: "#FFFFFF", surface: "#FFFFFF", onSurface: "#06233D", surfaceHovered: "#F7FAFD", surfaceDisabled: "#F0F5FA", surfaceFocused: "#FFFFFF", surfaceInverse: "#14191F", onSurfaceInverse: "#FFFFFF", surfaceInverseHovered: "#14191F", surfaceInverseDisabled: "#F0F5FA", surfaceInverseFocused: "#14191F", outline: "#A3B4C2", overlay: "#2B3640" }, fontFamily: { 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: "6rem", lineHeight: "8rem" }, display2: { fontSize: "5rem", lineHeight: "7rem" }, display3: { fontSize: "4rem", lineHeight: "5.5rem" }, headline1: { fontSize: "3rem", lineHeight: "4rem" }, headline2: { fontSize: "2.5rem", lineHeight: "3.5rem" }, subhead: { fontSize: "2rem", lineHeight: "3rem" }, body1: { fontSize: "2rem", lineHeight: "3rem" }, body2: { fontSize: "1.75rem", lineHeight: "2.5rem" }, caption: { fontSize: "1.5rem", lineHeight: "2rem" }, small: { fontSize: "1.25rem", lineHeight: "1.75rem" }, body1Link: { fontSize: "2rem", lineHeight: "3rem" }, body2Link: { fontSize: "1.75rem", lineHeight: "2.25rem" }, captionLink: { fontSize: "1.5rem", lineHeight: "2rem" }, callout: { fontSize: "2rem", lineHeight: "3rem" } }, fontWeight: { regular: "400", medium: "500", semiBold: "600", bold: "700" }, screens: { sm: "640px", md: "768px", lg: "1024px", xl: "1280px" }, spacing: { auto: "auto", none: "0px", sm: "0.5rem", md: "1rem", lg: "2rem", xl: "3rem", "2xl": "4rem", "3xl": "5rem" }, zIndex: { hide: -1, base: 0, raised: 1, dropdown: 1e3, sticky: 1100, overlay: 1300, modal: 1400, popover: 1500, skipLink: 1600, toast: 1700, tooltip: 1800 } };
|
|
3
|
+
function F(e, r = o) {
|
|
4
|
+
return n(r, e);
|
|
5
5
|
}
|
|
6
|
-
const
|
|
6
|
+
const i = F({ colors: { primary: "#F07B42", onPrimary: "#14191F", primaryContainer: "#5C250A", onPrimaryContainer: "#FBDFD1", primaryHovered: "#EC5A13", primaryDisabled: "#6F7378", primaryFocused: "#F07B42", primaryContainerHovered: "#2F1305", primaryContainerDisabled: "#6F7378", primaryContainerFocused: "#5C250A", secondary: "#F0F5FA", onSecondary: "#14191F", secondaryContainer: "#2B3640", onSecondaryContainer: "#DAE6F1", secondaryHovered: "#DAE6F1", secondaryDisabled: "#6F7378", secondaryFocused: "#F0F5FA", secondaryContainerHovered: "#14191F", secondaryContainerDisabled: "#6F7378", secondaryContainerFocused: "#2B3640", primaryVariant: "#F7BEA1", onPrimaryVariant: "#14191F", primaryVariantHovered: "#F49D71", primaryVariantDisabled: "#6F7378", primaryVariantFocused: "#F7BEA1", secondaryVariant: "#BBCDDD", onSecondaryVariant: "#141B1F", secondaryVariantHovered: "#A3B4C2", secondaryVariantDisabled: "#6F7378", secondaryVariantFocused: "#BBCDDD", success: "#71AD73", onSuccess: "#14191F", successContainer: "#1F3D20", onSuccessContainer: "#DCEADC", successHovered: "#4E9850", successDisabled: "#6F7378", successFocused: "#71AD73", successContainerHovered: "#101E10", successContainerDisabled: "#6F7378", successContainerFocused: "#1F3D20", alert: "#FFCC66", onAlert: "#F0F5FA", alertContainer: "#664400", onAlertContainer: "#FFEECC", alertHovered: "#FFBB33", alertDisabled: "#6F7378", alertFocused: "#FFCC66", alertContainerHovered: "#332200", alertContainerDisabled: "#6F7378", alertContainerFocused: "#664400", error: "#E05D52", onError: "#14191F", errorContainer: "#57150F", onErrorContainer: "#F7D7D4", errorHovered: "#D93426", errorDisabled: "#6F7378", errorFocused: "#E05D52", errorContainerHovered: "#2B0B08", errorContainerDisabled: "#6F7378", errorContainerFocused: "#57150F", info: "#429FF0", onInfo: "#14191F", infoContainer: "#08365D", onInfoContainer: "#CFE6FB", infoHovered: "#1388EC", infoDisabled: "#6F7378", infoFocused: "#429FF0", infoContainerHovered: "#06233D", infoContainerDisabled: "#6F7378", infoContainerFocused: "#08365D", neutral: "#7F95A9", onNeutral: "#14191F", neutralContainer: "#2B3640", onNeutralContainer: "#DAE6F1", neutralHovered: "#627C93", neutralDisabled: "#6F7378", neutralFocused: "#7F95A9", neutralContainerHovered: "#14191F", neutralContainerDisabled: "#6F7378", neutralContainerFocused: "#2B3640", background: "#14191F", onBackground: "#F7FAFD", backgroundHovered: "#14191F", backgroundDisabled: "#6F7378", backgroundFocused: "#14191F", surface: "#14191F", onSurface: "#F7FAFD", surfaceHovered: "#14191F", surfaceDisabled: "#6F7378", surfaceFocused: "#14191F", surfaceInverse: "#F0F5FA", onSurfaceInverse: "#14191F", surfaceInverseHovered: "#DAE6F1", surfaceInverseDisabled: "#6F7378", surfaceInverseFocused: "#F0F5FA", outline: "#3D4D5C", overlay: "#2B3640" } });
|
|
7
7
|
export {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
F as createTheme,
|
|
9
|
+
o as defaultTheme,
|
|
10
|
+
i as defaultThemeDark
|
|
11
11
|
};
|
package/dist/types.d.ts
CHANGED
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import { RequireAtLeastOne } from 'type-fest';
|
|
2
|
+
interface SparkFontSize {
|
|
3
|
+
fontSize: string;
|
|
4
|
+
lineHeight: string;
|
|
5
|
+
fontWeight?: string;
|
|
6
|
+
letterSpacing?: string;
|
|
7
|
+
}
|
|
2
8
|
export interface Theme {
|
|
3
9
|
borderRadius: {
|
|
4
10
|
none: string;
|
|
@@ -123,28 +129,44 @@ export interface Theme {
|
|
|
123
129
|
fontFamily: {
|
|
124
130
|
openSans: string;
|
|
125
131
|
};
|
|
132
|
+
/**
|
|
133
|
+
* https://www.figma.com/file/ezqkDE3LqYrek9MvYnr4dR/Spark-Foundations?node-id=105%3A2710&t=lLeJnznf64zUBmdL-4
|
|
134
|
+
*/
|
|
126
135
|
fontSize: {
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
136
|
+
/** Reserved for short/important large text */
|
|
137
|
+
display1: SparkFontSize;
|
|
138
|
+
/** Reserved for short/important medium text */
|
|
139
|
+
display2: SparkFontSize;
|
|
140
|
+
/** Reserved for short/important small text */
|
|
141
|
+
display3: SparkFontSize;
|
|
142
|
+
/** High-emphasis large text */
|
|
143
|
+
headline1: SparkFontSize;
|
|
144
|
+
/** High-emphasis medium text */
|
|
145
|
+
headline2: SparkFontSize;
|
|
146
|
+
/** High-emphasis small text */
|
|
147
|
+
subhead: SparkFontSize;
|
|
148
|
+
/** Content base text */
|
|
149
|
+
body1: SparkFontSize;
|
|
150
|
+
/** Content base text low hierarchy */
|
|
151
|
+
body2: SparkFontSize;
|
|
152
|
+
/** Support texts or error texts */
|
|
153
|
+
caption: SparkFontSize;
|
|
154
|
+
/** Legal texts, App bar labels */
|
|
155
|
+
small: SparkFontSize;
|
|
156
|
+
/** Content base text, Links */
|
|
157
|
+
body1Link: SparkFontSize;
|
|
158
|
+
/** Content base text, low hierarchy Links */
|
|
159
|
+
body2Link: SparkFontSize;
|
|
160
|
+
/** Support or error texts with a link */
|
|
161
|
+
captionLink: SparkFontSize;
|
|
162
|
+
/** Call to actions */
|
|
163
|
+
callout: SparkFontSize;
|
|
134
164
|
};
|
|
135
165
|
fontWeight: {
|
|
136
|
-
regular:
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
lineHeight: {
|
|
141
|
-
xs: string;
|
|
142
|
-
s: string;
|
|
143
|
-
m: string;
|
|
144
|
-
l: string;
|
|
145
|
-
xl: string;
|
|
146
|
-
'2xl': string;
|
|
147
|
-
'3xl': string;
|
|
166
|
+
regular: string;
|
|
167
|
+
medium: string;
|
|
168
|
+
semiBold: string;
|
|
169
|
+
bold: string;
|
|
148
170
|
};
|
|
149
171
|
screens: {
|
|
150
172
|
sm: string;
|
|
@@ -181,3 +203,4 @@ export interface ThemeConfig {
|
|
|
181
203
|
tailwindCSSPath: string;
|
|
182
204
|
themes: RequireAtLeastOne<Record<string, Theme>, 'default'>;
|
|
183
205
|
}
|
|
206
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spark-ui/theme-utils",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.6.1",
|
|
4
4
|
"description": "package for managing Spark theme configuration",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -20,5 +20,5 @@
|
|
|
20
20
|
"url": "git@github.com:adevinta/spark.git",
|
|
21
21
|
"directory": "packages/utils/theme"
|
|
22
22
|
},
|
|
23
|
-
"gitHead": "
|
|
23
|
+
"gitHead": "8592733ad239e8ebdda108387df3dd8997e1353c"
|
|
24
24
|
}
|