@spark-ui/theme-utils 2.6.0 → 2.6.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 CHANGED
@@ -3,6 +3,14 @@
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.2](https://github.com/adevinta/spark/compare/@spark-ui/theme-utils@2.6.1...@spark-ui/theme-utils@2.6.2) (2023-03-03)
7
+
8
+ **Note:** Version bump only for package @spark-ui/theme-utils
9
+
10
+ ## [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)
11
+
12
+ **Note:** Version bump only for package @spark-ui/theme-utils
13
+
6
14
  # [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)
7
15
 
8
16
  ### Features
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.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:"5rem",lineHeight:"7rem"},display2:{fontSize:"4rem",lineHeight:"5.5rem"},display3:{fontSize:"3rem",lineHeight:"4rem"},headline1:{fontSize:"2.5rem",lineHeight:"3.5rem"},headline2:{fontSize:"2.25rem",lineHeight:"3rem"},subhead:{fontSize:"2rem",lineHeight:"3rem",letterSpacing:"0.5rem"},body1:{fontSize:"2rem",lineHeight:"3rem"},body2:{fontSize:"1.75rem",lineHeight:"2.5rem"},caption:{fontSize:"1.5rem",lineHeight:"2.5rem"},small:{fontSize:"1.25rem",lineHeight:"1.75rem",letterSpacing:"0.5rem"},body1Link:{fontSize:"2rem",lineHeight:"3rem"},body2Link:{fontSize:"1.75rem",lineHeight:"2.25rem"},captionLink:{fontSize:"1.5rem",lineHeight:"2rem"},callout:{fontSize:"2rem",lineHeight:"3rem",letterSpacing:"1rem"}},fontWeight:{regular:"400",medium:"500",semiBold:"600",bold:"700"},letterSpacing:{default:"0",lowExpand:"0.5rem",highExpand:"1rem"},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 a(o,n)}const F=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=F;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=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:"#2118C9",onPrimary:"#FFFFFF",primaryHovered:"#5952D6",primaryDisabled:"#F4F4FC",primaryFocused:"#5952D6",primaryContainer:"#E2E1F8",onPrimaryContainer:"#140E79",primaryContainerHovered:"##F4F4FC",primaryContainerDisabled:"##F4F4FC",primaryContainerFocused:"#F4F4FC",primaryVariant:"#140E79",onPrimaryVariant:"#FFFFFF",primaryVariantHovered:"#191297",primaryVariantDisabled:"#F4F4FC",primaryVariantFocused:"#191297",secondary:"#FD398A",onSecondary:"#FFFFFF",secondaryHovered:"#FE6BA7",secondaryDisabled:"#FFF5F9",secondaryFocused:"#FE6BA7",secondaryContainer:"#FFE1ED",onSecondaryContainer:"#982253",secondaryContainerHovered:"#FFF5F9",secondaryContainerDisabled:"#FFF5F9",secondaryContainerFocused:"#FFF5F9",secondaryVariant:"#982253",onSecondaryVariant:"#FFFFFF",secondaryVariantHovered:"#CA2E6E",secondaryVariantDisabled:"#FFF5F9",secondaryVariantFocused:"#CA2E6E",success:"#31A56B",onSuccess:"#FFFFFF",successHovered:"#64BC90",successDisabled:"#F5FBF8",successFocused:"#64BC90",successContainer:"#E0F2E9",onSuccessContainer:"#1D6340",successContainerHovered:"#F5FBF8",successContainerDisabled:"#F5FBF8",successContainerFocused:"#F5FBF8",alert:"#F4BF48",onAlert:"#000000",alertHovered:"#F7CF76",alertDisabled:"#FFFCF6",alertFocused:"#F7CF76",alertContainer:"#FDF5E4",onAlertContainer:"#92732B",alertContainerHovered:"#FFFCF6",alertContainerDisabled:"#FFFCF6",alertContainerFocused:"#FFFCF6",error:"#F65651",onError:"#FFFFFF",errorHovered:"#F8807D",errorDisabled:"#FFF7F6",errorFocused:"#F8807D",errorContainer:"#FEE6E5",onErrorContainer:"#943431",errorContainerHovered:"#FFF7F6",errorContainerDisabled:"#FFF7F6",errorContainerFocused:"#FFF7F6",info:"#07A0B8",onInfo:"#FFFFFF",infoHovered:"#45B8CA",infoDisabled:"#F3FAFC",infoFocused:"#45B8CA",infoContainer:"#DAF1F4",onInfoContainer:"#04606E",infoContainerHovered:"#F3FAFC",infoContainerDisabled:"#F3FAFC",infoContainerFocused:"#F3FAFC",neutral:"#7B7986",onNeutral:"#FFFFFF",neutralHovered:"#9C9BA4",neutralDisabled:"#F8F8F9",neutralFocused:"#9C9BA4",neutralContainer:"#EBEBED",onNeutralContainer:"#4A4950",neutralContainerHovered:"#F8F8F9",neutralContainerDisabled:"#F8F8F9",neutralContainerFocused:"#F8F8F9",background:"#FFFFFF",onBackground:"#000000",backgroundHovered:"#000000",backgroundDisabled:"#F8F8F9",backgroundFocused:"#000000",surface:"#FFFFFF",onSurface:"#000000",surfaceHovered:"#F7FAFD",surfaceDisabled:"#F8F8F9",surfaceFocused:"#FFFFFF",surfaceInverse:"#252428",onSurfaceInverse:"#FFFFFF",surfaceInverseHovered:"#313036",surfaceInverseDisabled:"#F8F8F9",surfaceInverseFocused:"#313036",outline:"#D1D0D5",outlineHigh:"#000000",overlay:"#313036"},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:"5rem",lineHeight:"7rem"},display1Expanded:{fontSize:"6rem",lineHeight:"8rem"},display2:{fontSize:"4rem",lineHeight:"5.5rem"},display2Expanded:{fontSize:"5rem",lineHeight:"7rem"},display3:{fontSize:"3rem",lineHeight:"4rem"},display3Expanded:{fontSize:"4rem",lineHeight:"5.5rem"},headline1:{fontSize:"2.5rem",lineHeight:"3.5rem"},headline1Expanded:{fontSize:"3rem",lineHeight:"4rem"},headline2:{fontSize:"2.25rem",lineHeight:"3rem"},headline2Expanded:{fontSize:"rem",lineHeight:"3rem"},subhead:{fontSize:"2rem",lineHeight:"3rem"},subheadExpanded:{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 a(o,n)}const F=r({colors:{primary:"#7583FF",onPrimary:"#000000",primaryHovered:"#5952D6",primaryDisabled:"#080632",primaryFocused:"#5952D6",primaryContainer:"#0D0A50",onPrimaryContainer:"#B1AEEC",primaryContainerHovered:"##080632",primaryContainerDisabled:"##080632",primaryContainerFocused:"#080632",primaryVariant:"#B1AEEC",onPrimaryVariant:"#000000",primaryVariantHovered:"#8580E1",primaryVariantDisabled:"#080632",primaryVariantFocused:"#8580E1",secondary:"#FE6BA7",onSecondary:"#000000",secondaryHovered:"#FD398A",secondaryDisabled:"#3F0E22",secondaryFocused:"#FD398A",secondaryContainer:"#651737",onSecondaryContainer:"#FEBAD6",secondaryContainerHovered:"#3F0E22",secondaryContainerDisabled:"#3F0E22",secondaryContainerFocused:"#3F0E22",secondaryVariant:"#FE92BF",onSecondaryVariant:"#000000",secondaryVariantHovered:"#FE6BA7",secondaryVariantDisabled:"#3F0E22",secondaryVariantFocused:"#FE6BA7",success:"#64BC90",onSuccess:"#000000",successHovered:"#31A56B",successDisabled:"#14422B",successFocused:"#31A56B",successContainer:"#14422B",onSuccessContainer:"#B7DFCB",successContainerHovered:"#14422B",successContainerDisabled:"#14422B",successContainerFocused:"#14422B",alert:"#F7CF76",onAlert:"#000000",alertHovered:"#F4BF48",alertDisabled:"#3D3012",alertFocused:"#F4BF48",alertContainer:"#624C1D",onAlertContainer:"#FBE9BF",alertContainerHovered:"#3D3012",alertContainerDisabled:"#3D3012",alertContainerFocused:"#3D3012",error:"#F8807D",onError:"#000000",errorHovered:"#F65651",errorDisabled:"#3E1514",errorFocused:"#F65651",errorContainer:"#622220",onErrorContainer:"#FCC4C2",errorContainerHovered:"#3E1514",errorContainerDisabled:"#3E1514",errorContainerFocused:"#3E1514",info:"#45B8CA",onInfo:"#000000",infoHovered:"#07A0B8",infoDisabled:"#02282E",infoFocused:"#07A0B8",infoContainer:"#03404A",onInfoContainer:"#A8DEE6",infoContainerHovered:"#02282E",infoContainerDisabled:"#02282E",infoContainerFocused:"#02282E",neutral:"#9C9BA4",onNeutral:"#000000",neutralHovered:"#5C5B64",neutralDisabled:"#252428",neutralFocused:"#5C5B64",neutralContainer:"#313036",onNeutralContainer:"#D1D0D5",neutralContainerHovered:"#252428",neutralContainerDisabled:"#252428",neutralContainerFocused:"#252428",background:"#000000",onBackground:"#FFFFFF",backgroundHovered:"#FFFFFF",backgroundDisabled:"#252428",backgroundFocused:"#FFFFFF",surface:"#000000",onSurface:"#FFFFFF",surfaceHovered:"#FFFFFF",surfaceDisabled:"#F8F8F9",surfaceFocused:"#FFFFFF",surfaceInverse:"#F8F8F9",onSurfaceInverse:"#000000",surfaceInverseHovered:"#EBEBED",surfaceInverseDisabled:"#252428",surfaceInverseFocused:"#EBEBED",outline:"#4A4950",outlineHigh:"#FFFFFF",overlay:"#313036"}});exports.createTheme=r,exports.defaultTheme=e,exports.defaultThemeDark=F;
package/dist/index.mjs CHANGED
@@ -1,9 +1,9 @@
1
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: "5rem", lineHeight: "7rem" }, display2: { fontSize: "4rem", lineHeight: "5.5rem" }, display3: { fontSize: "3rem", lineHeight: "4rem" }, headline1: { fontSize: "2.5rem", lineHeight: "3.5rem" }, headline2: { fontSize: "2.25rem", lineHeight: "3rem" }, subhead: { fontSize: "2rem", lineHeight: "3rem", letterSpacing: "0.5rem" }, body1: { fontSize: "2rem", lineHeight: "3rem" }, body2: { fontSize: "1.75rem", lineHeight: "2.5rem" }, caption: { fontSize: "1.5rem", lineHeight: "2.5rem" }, small: { fontSize: "1.25rem", lineHeight: "1.75rem", letterSpacing: "0.5rem" }, body1Link: { fontSize: "2rem", lineHeight: "3rem" }, body2Link: { fontSize: "1.75rem", lineHeight: "2.25rem" }, captionLink: { fontSize: "1.5rem", lineHeight: "2rem" }, callout: { fontSize: "2rem", lineHeight: "3rem", letterSpacing: "1rem" } }, fontWeight: { regular: "400", medium: "500", semiBold: "600", bold: "700" }, letterSpacing: { default: "0", lowExpand: "0.5rem", highExpand: "1rem" }, 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 } };
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: "#2118C9", onPrimary: "#FFFFFF", primaryHovered: "#5952D6", primaryDisabled: "#F4F4FC", primaryFocused: "#5952D6", primaryContainer: "#E2E1F8", onPrimaryContainer: "#140E79", primaryContainerHovered: "##F4F4FC", primaryContainerDisabled: "##F4F4FC", primaryContainerFocused: "#F4F4FC", primaryVariant: "#140E79", onPrimaryVariant: "#FFFFFF", primaryVariantHovered: "#191297", primaryVariantDisabled: "#F4F4FC", primaryVariantFocused: "#191297", secondary: "#FD398A", onSecondary: "#FFFFFF", secondaryHovered: "#FE6BA7", secondaryDisabled: "#FFF5F9", secondaryFocused: "#FE6BA7", secondaryContainer: "#FFE1ED", onSecondaryContainer: "#982253", secondaryContainerHovered: "#FFF5F9", secondaryContainerDisabled: "#FFF5F9", secondaryContainerFocused: "#FFF5F9", secondaryVariant: "#982253", onSecondaryVariant: "#FFFFFF", secondaryVariantHovered: "#CA2E6E", secondaryVariantDisabled: "#FFF5F9", secondaryVariantFocused: "#CA2E6E", success: "#31A56B", onSuccess: "#FFFFFF", successHovered: "#64BC90", successDisabled: "#F5FBF8", successFocused: "#64BC90", successContainer: "#E0F2E9", onSuccessContainer: "#1D6340", successContainerHovered: "#F5FBF8", successContainerDisabled: "#F5FBF8", successContainerFocused: "#F5FBF8", alert: "#F4BF48", onAlert: "#000000", alertHovered: "#F7CF76", alertDisabled: "#FFFCF6", alertFocused: "#F7CF76", alertContainer: "#FDF5E4", onAlertContainer: "#92732B", alertContainerHovered: "#FFFCF6", alertContainerDisabled: "#FFFCF6", alertContainerFocused: "#FFFCF6", error: "#F65651", onError: "#FFFFFF", errorHovered: "#F8807D", errorDisabled: "#FFF7F6", errorFocused: "#F8807D", errorContainer: "#FEE6E5", onErrorContainer: "#943431", errorContainerHovered: "#FFF7F6", errorContainerDisabled: "#FFF7F6", errorContainerFocused: "#FFF7F6", info: "#07A0B8", onInfo: "#FFFFFF", infoHovered: "#45B8CA", infoDisabled: "#F3FAFC", infoFocused: "#45B8CA", infoContainer: "#DAF1F4", onInfoContainer: "#04606E", infoContainerHovered: "#F3FAFC", infoContainerDisabled: "#F3FAFC", infoContainerFocused: "#F3FAFC", neutral: "#7B7986", onNeutral: "#FFFFFF", neutralHovered: "#9C9BA4", neutralDisabled: "#F8F8F9", neutralFocused: "#9C9BA4", neutralContainer: "#EBEBED", onNeutralContainer: "#4A4950", neutralContainerHovered: "#F8F8F9", neutralContainerDisabled: "#F8F8F9", neutralContainerFocused: "#F8F8F9", background: "#FFFFFF", onBackground: "#000000", backgroundHovered: "#000000", backgroundDisabled: "#F8F8F9", backgroundFocused: "#000000", surface: "#FFFFFF", onSurface: "#000000", surfaceHovered: "#F7FAFD", surfaceDisabled: "#F8F8F9", surfaceFocused: "#FFFFFF", surfaceInverse: "#252428", onSurfaceInverse: "#FFFFFF", surfaceInverseHovered: "#313036", surfaceInverseDisabled: "#F8F8F9", surfaceInverseFocused: "#313036", outline: "#D1D0D5", outlineHigh: "#000000", overlay: "#313036" }, 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: "5rem", lineHeight: "7rem" }, display1Expanded: { fontSize: "6rem", lineHeight: "8rem" }, display2: { fontSize: "4rem", lineHeight: "5.5rem" }, display2Expanded: { fontSize: "5rem", lineHeight: "7rem" }, display3: { fontSize: "3rem", lineHeight: "4rem" }, display3Expanded: { fontSize: "4rem", lineHeight: "5.5rem" }, headline1: { fontSize: "2.5rem", lineHeight: "3.5rem" }, headline1Expanded: { fontSize: "3rem", lineHeight: "4rem" }, headline2: { fontSize: "2.25rem", lineHeight: "3rem" }, headline2Expanded: { fontSize: "rem", lineHeight: "3rem" }, subhead: { fontSize: "2rem", lineHeight: "3rem" }, subheadExpanded: { 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
3
  function a(e, r = o) {
4
4
  return n(r, e);
5
5
  }
6
- const i = a({ 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" } });
6
+ const i = a({ colors: { primary: "#7583FF", onPrimary: "#000000", primaryHovered: "#5952D6", primaryDisabled: "#080632", primaryFocused: "#5952D6", primaryContainer: "#0D0A50", onPrimaryContainer: "#B1AEEC", primaryContainerHovered: "##080632", primaryContainerDisabled: "##080632", primaryContainerFocused: "#080632", primaryVariant: "#B1AEEC", onPrimaryVariant: "#000000", primaryVariantHovered: "#8580E1", primaryVariantDisabled: "#080632", primaryVariantFocused: "#8580E1", secondary: "#FE6BA7", onSecondary: "#000000", secondaryHovered: "#FD398A", secondaryDisabled: "#3F0E22", secondaryFocused: "#FD398A", secondaryContainer: "#651737", onSecondaryContainer: "#FEBAD6", secondaryContainerHovered: "#3F0E22", secondaryContainerDisabled: "#3F0E22", secondaryContainerFocused: "#3F0E22", secondaryVariant: "#FE92BF", onSecondaryVariant: "#000000", secondaryVariantHovered: "#FE6BA7", secondaryVariantDisabled: "#3F0E22", secondaryVariantFocused: "#FE6BA7", success: "#64BC90", onSuccess: "#000000", successHovered: "#31A56B", successDisabled: "#14422B", successFocused: "#31A56B", successContainer: "#14422B", onSuccessContainer: "#B7DFCB", successContainerHovered: "#14422B", successContainerDisabled: "#14422B", successContainerFocused: "#14422B", alert: "#F7CF76", onAlert: "#000000", alertHovered: "#F4BF48", alertDisabled: "#3D3012", alertFocused: "#F4BF48", alertContainer: "#624C1D", onAlertContainer: "#FBE9BF", alertContainerHovered: "#3D3012", alertContainerDisabled: "#3D3012", alertContainerFocused: "#3D3012", error: "#F8807D", onError: "#000000", errorHovered: "#F65651", errorDisabled: "#3E1514", errorFocused: "#F65651", errorContainer: "#622220", onErrorContainer: "#FCC4C2", errorContainerHovered: "#3E1514", errorContainerDisabled: "#3E1514", errorContainerFocused: "#3E1514", info: "#45B8CA", onInfo: "#000000", infoHovered: "#07A0B8", infoDisabled: "#02282E", infoFocused: "#07A0B8", infoContainer: "#03404A", onInfoContainer: "#A8DEE6", infoContainerHovered: "#02282E", infoContainerDisabled: "#02282E", infoContainerFocused: "#02282E", neutral: "#9C9BA4", onNeutral: "#000000", neutralHovered: "#5C5B64", neutralDisabled: "#252428", neutralFocused: "#5C5B64", neutralContainer: "#313036", onNeutralContainer: "#D1D0D5", neutralContainerHovered: "#252428", neutralContainerDisabled: "#252428", neutralContainerFocused: "#252428", background: "#000000", onBackground: "#FFFFFF", backgroundHovered: "#FFFFFF", backgroundDisabled: "#252428", backgroundFocused: "#FFFFFF", surface: "#000000", onSurface: "#FFFFFF", surfaceHovered: "#FFFFFF", surfaceDisabled: "#F8F8F9", surfaceFocused: "#FFFFFF", surfaceInverse: "#F8F8F9", onSurfaceInverse: "#000000", surfaceInverseHovered: "#EBEBED", surfaceInverseDisabled: "#252428", surfaceInverseFocused: "#EBEBED", outline: "#4A4950", outlineHigh: "#FFFFFF", overlay: "#313036" } });
7
7
  export {
8
8
  a as createTheme,
9
9
  o as defaultTheme,
package/dist/types.d.ts CHANGED
@@ -124,6 +124,7 @@ export interface Theme {
124
124
  surfaceInverseDisabled: string;
125
125
  surfaceInverseFocused: string;
126
126
  outline: string;
127
+ outlineHigh: string;
127
128
  overlay: string;
128
129
  };
129
130
  fontFamily: {
@@ -135,16 +136,22 @@ export interface Theme {
135
136
  fontSize: {
136
137
  /** Reserved for short/important large text */
137
138
  display1: SparkFontSize;
139
+ display1Expanded: SparkFontSize;
138
140
  /** Reserved for short/important medium text */
139
141
  display2: SparkFontSize;
142
+ display2Expanded: SparkFontSize;
140
143
  /** Reserved for short/important small text */
141
144
  display3: SparkFontSize;
145
+ display3Expanded: SparkFontSize;
142
146
  /** High-emphasis large text */
143
147
  headline1: SparkFontSize;
148
+ headline1Expanded: SparkFontSize;
144
149
  /** High-emphasis medium text */
145
150
  headline2: SparkFontSize;
151
+ headline2Expanded: SparkFontSize;
146
152
  /** High-emphasis small text */
147
153
  subhead: SparkFontSize;
154
+ subheadExpanded: SparkFontSize;
148
155
  /** Content base text */
149
156
  body1: SparkFontSize;
150
157
  /** Content base text low hierarchy */
@@ -168,11 +175,6 @@ export interface Theme {
168
175
  semiBold: string;
169
176
  bold: string;
170
177
  };
171
- letterSpacing: {
172
- default: string;
173
- lowExpand: string;
174
- highExpand: string;
175
- };
176
178
  screens: {
177
179
  sm: string;
178
180
  md: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-ui/theme-utils",
3
- "version": "2.6.0",
3
+ "version": "2.6.2",
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": "84648617bfcf9bd9feac25d86c2d9a68a2a9cc72"
23
+ "gitHead": "f7e957f718151473fe72da3fce046c8e9ff0c365"
24
24
  }