@spark-ui/theme-utils 2.2.0 → 2.3.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/createTheme.d.ts +5 -7
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- 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.3.1](https://github.com/adevinta/spark/compare/@spark-ui/theme-utils@2.3.0...@spark-ui/theme-utils@2.3.1) (2023-02-24)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @spark-ui/theme-utils
|
|
9
|
+
|
|
10
|
+
# [2.3.0](https://github.com/adevinta/spark/compare/@spark-ui/theme-utils@2.2.0...@spark-ui/theme-utils@2.3.0) (2023-02-23)
|
|
11
|
+
|
|
12
|
+
### Features
|
|
13
|
+
|
|
14
|
+
- **theme-utils:** createTheme will mandate design tokens in every namespace ([bb7126f](https://github.com/adevinta/spark/commit/bb7126f68b562b329d2f80cdd20a057dba50fa24)), closes [#292](https://github.com/adevinta/spark/issues/292)
|
|
15
|
+
|
|
6
16
|
# [2.2.0](https://github.com/adevinta/spark/compare/@spark-ui/theme-utils@2.1.1...@spark-ui/theme-utils@2.2.0) (2023-02-23)
|
|
7
17
|
|
|
8
18
|
### Features
|
package/dist/createTheme.d.ts
CHANGED
|
@@ -1,15 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import type { Theme } from './types';
|
|
1
|
+
import { type Theme } from './types';
|
|
3
2
|
/**
|
|
4
3
|
* Create a custom theme by merging the default theme with a partial custom theme passed as an argument.
|
|
5
4
|
*
|
|
6
|
-
* @param
|
|
7
|
-
*
|
|
8
|
-
* @returns {Theme}
|
|
5
|
+
* @param theme - A partial theme object of type Partial<Theme> which holds the theme values that need to be customized or overridden
|
|
6
|
+
* @param fromTheme - Use this argument if you want to derivate your theme from another theme (instead of Spark's default theme)
|
|
9
7
|
*
|
|
10
8
|
* @example
|
|
11
9
|
*
|
|
12
|
-
* const alternativeTheme:
|
|
10
|
+
* const alternativeTheme: Partial<Theme> = { ... }
|
|
13
11
|
* const newTheme = createTheme(alternativeTheme)
|
|
14
12
|
*/
|
|
15
|
-
export declare function createTheme(theme
|
|
13
|
+
export declare function createTheme(theme: Partial<Theme>, fromTheme?: Theme): Theme;
|
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
|
|
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;
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import o from "deepmerge";
|
|
2
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 } };
|
|
3
|
-
function n(e
|
|
3
|
+
function n(e, r = F) {
|
|
4
4
|
return o(r, e);
|
|
5
5
|
}
|
|
6
6
|
const s = n({ 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" } });
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spark-ui/theme-utils",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.3.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": "ef9e9e64bcaf2c2527725d995c9329c5672ac82b"
|
|
24
24
|
}
|