@spark-ui/theme-utils 2.4.2 → 2.5.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 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.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
+
8
+ **Note:** Version bump only for package @spark-ui/theme-utils
9
+
10
+ # [2.5.0](https://github.com/adevinta/spark/compare/@spark-ui/theme-utils@2.4.2...@spark-ui/theme-utils@2.5.0) (2023-03-01)
11
+
12
+ ### Features
13
+
14
+ - setup rem basis to 8px ([a7ffd2a](https://github.com/adevinta/spark/commit/a7ffd2a933d2785d7dbc1a25bdfab1844abcd45b))
15
+
6
16
  ## [2.4.2](https://github.com/adevinta/spark/compare/@spark-ui/theme-utils@2.4.1...@spark-ui/theme-utils@2.4.2) (2023-02-28)
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={screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},borderWidth:{none:"0",xs:"0.1rem",s:"0.2rem",m:"0.4rem"},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:{xs:"1rem",s:"1.2rem",m:"1.4rem",l:"1.6rem",xl:"1.8rem","2xl":"2rem","3xl":"2.4rem"},fontWeight:{regular:400,semibold:600,bold:700},lineHeight:{xs:"1.4rem",s:"1.7rem",m:"1.9rem",l:"2.2rem",xl:"2.4rem","2xl":"2.6rem","3xl":"2.8rem"},width:{pageMin:"320px",pageMax:"1066px"},borderRadius:{none:"0",xs:"0.4rem",s:"0.8rem",m:"1.6rem",l:"2.4rem",full:"100%"},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)"},spacing:{auto:"auto",none:"0",xs:"0.4rem",s:"0.8rem",m:"1.6rem",l:"2.4rem",xl:"3.2rem",xxl:"4rem"},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(o,n=e){return F(n,o)}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;
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:{xs:"1rem",s:"1.2rem",m:"1.4rem",l:"1.6rem",xl:"1.8rem","2xl":"2rem","3xl":"2.4rem"},fontWeight:{regular:400,semibold:600,bold:700},lineHeight:{xs:"1.4rem",s:"1.7rem",m:"1.9rem",l:"2.2rem",xl:"2.4rem","2xl":"2.6rem","3xl":"2.8rem"},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(o,n=e){return F(n,o)}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,5 +1,5 @@
1
1
  import o from "deepmerge";
2
- const F = { screens: { sm: "640px", md: "768px", lg: "1024px", xl: "1280px", "2xl": "1536px" }, borderWidth: { none: "0", xs: "0.1rem", s: "0.2rem", m: "0.4rem" }, 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: { xs: "1rem", s: "1.2rem", m: "1.4rem", l: "1.6rem", xl: "1.8rem", "2xl": "2rem", "3xl": "2.4rem" }, fontWeight: { regular: 400, semibold: 600, bold: 700 }, lineHeight: { xs: "1.4rem", s: "1.7rem", m: "1.9rem", l: "2.2rem", xl: "2.4rem", "2xl": "2.6rem", "3xl": "2.8rem" }, width: { pageMin: "320px", pageMax: "1066px" }, borderRadius: { none: "0", xs: "0.4rem", s: "0.8rem", m: "1.6rem", l: "2.4rem", full: "100%" }, 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)" }, spacing: { auto: "auto", none: "0", xs: "0.4rem", s: "0.8rem", m: "1.6rem", l: "2.4rem", xl: "3.2rem", xxl: "4rem" }, 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 F = { 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: { xs: "1rem", s: "1.2rem", m: "1.4rem", l: "1.6rem", xl: "1.8rem", "2xl": "2rem", "3xl": "2.4rem" }, fontWeight: { regular: 400, semibold: 600, bold: 700 }, lineHeight: { xs: "1.4rem", s: "1.7rem", m: "1.9rem", l: "2.2rem", xl: "2.4rem", "2xl": "2.6rem", "3xl": "2.8rem" }, 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 n(e, r = F) {
4
4
  return o(r, e);
5
5
  }
package/dist/types.d.ts CHANGED
@@ -1,17 +1,22 @@
1
1
  import { RequireAtLeastOne } from 'type-fest';
2
2
  export interface Theme {
3
- screens: {
3
+ borderRadius: {
4
+ none: string;
4
5
  sm: string;
5
6
  md: string;
6
7
  lg: string;
7
8
  xl: string;
8
- '2xl': string;
9
+ full: string;
9
10
  };
10
11
  borderWidth: {
11
12
  none: string;
12
- xs: string;
13
- s: string;
14
- m: string;
13
+ sm: string;
14
+ md: string;
15
+ };
16
+ boxShadow: {
17
+ none: string;
18
+ normal: string;
19
+ highlighted: string;
15
20
  };
16
21
  /**
17
22
  * Spark color specifications: https://zeroheight.com/1186e1705/p/0879a9-colors/b/27d7a3
@@ -141,32 +146,21 @@ export interface Theme {
141
146
  '2xl': string;
142
147
  '3xl': string;
143
148
  };
144
- width: {
145
- pageMin: string;
146
- pageMax: string;
147
- };
148
- borderRadius: {
149
- none: string;
150
- xs: string;
151
- s: string;
152
- m: string;
153
- l: string;
154
- full: string;
155
- };
156
- boxShadow: {
157
- none: string;
158
- normal: string;
159
- highlighted: string;
149
+ screens: {
150
+ sm: string;
151
+ md: string;
152
+ lg: string;
153
+ xl: string;
160
154
  };
161
155
  spacing: {
162
156
  auto: string;
163
157
  none: string;
164
- xs: string;
165
- s: string;
166
- m: string;
167
- l: string;
158
+ sm: string;
159
+ md: string;
160
+ lg: string;
168
161
  xl: string;
169
- xxl: string;
162
+ '2xl': string;
163
+ '3xl': string;
170
164
  };
171
165
  zIndex: {
172
166
  hide: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-ui/theme-utils",
3
- "version": "2.4.2",
3
+ "version": "2.5.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": "f0c7306150599292414f23b849cc5eba4cdd299d"
23
+ "gitHead": "548dc74491e4771b96b531776bc7883a61604278"
24
24
  }