@spark-ui/theme-utils 3.0.2 → 4.0.0
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 +14 -0
- package/LICENSE +21 -0
- package/dist/index.js +1 -1
- package/dist/index.mjs +2 -2
- package/dist/types.d.ts +0 -3
- package/package.json +9 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,20 @@
|
|
|
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
|
+
# [4.0.0](https://github.com/adevinta/spark/compare/@spark-ui/theme-utils@3.0.3...@spark-ui/theme-utils@4.0.0) (2023-08-30)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
- **theme-utils:** remove outline-related tokens from our Theme interface ([eb7bd95](https://github.com/adevinta/spark/commit/eb7bd95bc17bca4732c349b35f5156383d763116)), closes [#1351](https://github.com/adevinta/spark/issues/1351)
|
|
11
|
+
|
|
12
|
+
### BREAKING CHANGES
|
|
13
|
+
|
|
14
|
+
- **theme-utils:** remove outline-related tokens from our Theme interface
|
|
15
|
+
|
|
16
|
+
## [3.0.3](https://github.com/adevinta/spark/compare/@spark-ui/theme-utils@3.0.2...@spark-ui/theme-utils@3.0.3) (2023-08-29)
|
|
17
|
+
|
|
18
|
+
**Note:** Version bump only for package @spark-ui/theme-utils
|
|
19
|
+
|
|
6
20
|
# [2.18.0](https://github.com/adevinta/spark/compare/@spark-ui/theme-utils@2.17.1...@spark-ui/theme-utils@2.18.0) (2023-07-26)
|
|
7
21
|
|
|
8
22
|
### Features
|
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) Adevinta ASA.
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/dist/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.25rem",md:"0.5rem",lg:"1rem",xl:"1.5rem",full:"9999px"},borderWidth:{none:"0px",sm:"1px",md:"2px"},boxShadow:{sm:"0 1px 2px 0 rgb(0 0 0 / 0.2)",DEFAULT:"0 4px 8px 0 rgb(0 0 0 / 0.2)",md:"0 6px 12px 0 rgb(0 0 0 / 0.2)",lg:"0 8px 16px 0 rgb(0 0 0 / 0.2)",xl:"0 12px 24px 0 rgb(0 0 0 / 0.2)",none:"none"},colors:{basic:"#35376A",onBasic:"#FFFFFF",basicHovered:"#4D4E7B",basicPressed:"#4D4E7B",basicFocused:"#4D4E7B",basicContainer:"#DCDCE5",onBasicContainer:"#1D1F2A",basicContainerHovered:"#F4F4F7",basicContainerPressed:"#F4F4F7",basicContainerFocused:"#F4F4F7",accent:"#CC99FF",onAccent:"#1D1F2A",accentHovered:"#DBB7FF",accentPressed:"#DBB7FF",accentFocused:"#DBB7FF",accentContainer:"#EAD5FF",onAccentContainer:"#362555",accentContainerHovered:"#F9F3FF",accentContainerPressed:"#F9F3FF",accentContainerFocused:"#F9F3FF",accentVariant:"#513877",onAccentVariant:"#FFFFFF",accentVariantHovered:"#6E4D99",accentVariantPressed:"#6E4D99",accentVariantFocused:"#6E4D99",main:"#0052FF",onMain:"#FFFFFF",mainHovered:"#3878FF",mainPressed:"#3878FF",mainFocused:"#3878FF",mainContainer:"#C2D6FF",onMainContainer:"#002799",mainContainerHovered:"#F2F6FF",mainContainerPressed:"#F2F6FF",mainContainerFocused:"#F2F6FF",mainVariant:"#002799",onMainVariant:"#FFFFFF",mainVariantHovered:"#003BCC",mainVariantPressed:"#003BCC",mainVariantFocused:"#003BCC",support:"#35376A",onSupport:"#FFFFFF",supportHovered:"#4D4E7B",supportPressed:"#4D4E7B",supportFocused:"#4D4E7B",supportContainer:"#DCDCE5",onSupportContainer:"#1D1F58",supportContainerHovered:"#F4F4F7",supportContainerPressed:"#F4F4F7",supportContainerFocused:"#F4F4F7",supportVariant:"#982253",onSupportVariant:"#FFFFFF",supportVariantHovered:"#CA2E6E",supportVariantPressed:"#CA2E6E",supportVariantFocused:"#CA2E6E",success:"#31A56B",onSuccess:"#FFFFFF",successHovered:"#64BC90",successPressed:"#64BC90",successFocused:"#64BC90",successContainer:"#E0F2E9",onSuccessContainer:"#1D6340",successContainerHovered:"#F5FBF8",successContainerPressed:"#F5FBF8",successContainerFocused:"#F5FBF8",alert:"#F4BF48",onAlert:"#000000",alertHovered:"#F7CF76",alertPressed:"#F7CF76",alertFocused:"#F7CF76",alertContainer:"#FDF5E4",onAlertContainer:"#92732B",alertContainerHovered:"#FFFCF6",alertContainerPressed:"#FFFCF6",alertContainerFocused:"#FFFCF6",error:"#F65651",onError:"#FFFFFF",errorHovered:"#F8807D",errorPressed:"#F8807D",errorFocused:"#F8807D",errorContainer:"#FEE6E5",onErrorContainer:"#943431",errorContainerHovered:"#FFF7F6",errorContainerPressed:"#FFF7F6",errorContainerFocused:"#FFF7F6",info:"#07A0B8",onInfo:"#FFFFFF",infoHovered:"#45B8CA",infoPressed:"#45B8CA",infoFocused:"#45B8CA",infoContainer:"#DAF1F4",onInfoContainer:"#04606E",infoContainerHovered:"#F3FAFC",infoContainerPressed:"#F3FAFC",infoContainerFocused:"#F3FAFC",neutral:"#7B7986",onNeutral:"#FFFFFF",neutralHovered:"#9C9BA4",neutralPressed:"#9C9BA4",neutralFocused:"#9C9BA4",neutralContainer:"#EBEBED",onNeutralContainer:"#4A4950",neutralContainerHovered:"#F8F8F9",neutralContainerPressed:"#F8F8F9",neutralContainerFocused:"#F8F8F9",background:"#FFFFFF",onBackground:"#000000",backgroundVariant:"#F8F8F9",onBackgroundVariant:"#000000",surface:"#FFFFFF",onSurface:"#000000",surfaceHovered:"#F4F4FC",surfacePressed:"#F4F4FC",surfaceFocused:"#F4F4FC",surfaceInverse:"#252428",onSurfaceInverse:"#FFFFFF",surfaceInverseHovered:"#313036",surfaceInversePressed:"#313036",surfaceInverseFocused:"#313036",outline:"#D1D0D5",outlineHigh:"#000000",
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("deepmerge"),e={borderRadius:{none:"0px",sm:"0.25rem",md:"0.5rem",lg:"1rem",xl:"1.5rem",full:"9999px"},borderWidth:{none:"0px",sm:"1px",md:"2px"},boxShadow:{sm:"0 1px 2px 0 rgb(0 0 0 / 0.2)",DEFAULT:"0 4px 8px 0 rgb(0 0 0 / 0.2)",md:"0 6px 12px 0 rgb(0 0 0 / 0.2)",lg:"0 8px 16px 0 rgb(0 0 0 / 0.2)",xl:"0 12px 24px 0 rgb(0 0 0 / 0.2)",none:"none"},colors:{basic:"#35376A",onBasic:"#FFFFFF",basicHovered:"#4D4E7B",basicPressed:"#4D4E7B",basicFocused:"#4D4E7B",basicContainer:"#DCDCE5",onBasicContainer:"#1D1F2A",basicContainerHovered:"#F4F4F7",basicContainerPressed:"#F4F4F7",basicContainerFocused:"#F4F4F7",accent:"#CC99FF",onAccent:"#1D1F2A",accentHovered:"#DBB7FF",accentPressed:"#DBB7FF",accentFocused:"#DBB7FF",accentContainer:"#EAD5FF",onAccentContainer:"#362555",accentContainerHovered:"#F9F3FF",accentContainerPressed:"#F9F3FF",accentContainerFocused:"#F9F3FF",accentVariant:"#513877",onAccentVariant:"#FFFFFF",accentVariantHovered:"#6E4D99",accentVariantPressed:"#6E4D99",accentVariantFocused:"#6E4D99",main:"#0052FF",onMain:"#FFFFFF",mainHovered:"#3878FF",mainPressed:"#3878FF",mainFocused:"#3878FF",mainContainer:"#C2D6FF",onMainContainer:"#002799",mainContainerHovered:"#F2F6FF",mainContainerPressed:"#F2F6FF",mainContainerFocused:"#F2F6FF",mainVariant:"#002799",onMainVariant:"#FFFFFF",mainVariantHovered:"#003BCC",mainVariantPressed:"#003BCC",mainVariantFocused:"#003BCC",support:"#35376A",onSupport:"#FFFFFF",supportHovered:"#4D4E7B",supportPressed:"#4D4E7B",supportFocused:"#4D4E7B",supportContainer:"#DCDCE5",onSupportContainer:"#1D1F58",supportContainerHovered:"#F4F4F7",supportContainerPressed:"#F4F4F7",supportContainerFocused:"#F4F4F7",supportVariant:"#982253",onSupportVariant:"#FFFFFF",supportVariantHovered:"#CA2E6E",supportVariantPressed:"#CA2E6E",supportVariantFocused:"#CA2E6E",success:"#31A56B",onSuccess:"#FFFFFF",successHovered:"#64BC90",successPressed:"#64BC90",successFocused:"#64BC90",successContainer:"#E0F2E9",onSuccessContainer:"#1D6340",successContainerHovered:"#F5FBF8",successContainerPressed:"#F5FBF8",successContainerFocused:"#F5FBF8",alert:"#F4BF48",onAlert:"#000000",alertHovered:"#F7CF76",alertPressed:"#F7CF76",alertFocused:"#F7CF76",alertContainer:"#FDF5E4",onAlertContainer:"#92732B",alertContainerHovered:"#FFFCF6",alertContainerPressed:"#FFFCF6",alertContainerFocused:"#FFFCF6",error:"#F65651",onError:"#FFFFFF",errorHovered:"#F8807D",errorPressed:"#F8807D",errorFocused:"#F8807D",errorContainer:"#FEE6E5",onErrorContainer:"#943431",errorContainerHovered:"#FFF7F6",errorContainerPressed:"#FFF7F6",errorContainerFocused:"#FFF7F6",info:"#07A0B8",onInfo:"#FFFFFF",infoHovered:"#45B8CA",infoPressed:"#45B8CA",infoFocused:"#45B8CA",infoContainer:"#DAF1F4",onInfoContainer:"#04606E",infoContainerHovered:"#F3FAFC",infoContainerPressed:"#F3FAFC",infoContainerFocused:"#F3FAFC",neutral:"#7B7986",onNeutral:"#FFFFFF",neutralHovered:"#9C9BA4",neutralPressed:"#9C9BA4",neutralFocused:"#9C9BA4",neutralContainer:"#EBEBED",onNeutralContainer:"#4A4950",neutralContainerHovered:"#F8F8F9",neutralContainerPressed:"#F8F8F9",neutralContainerFocused:"#F8F8F9",background:"#FFFFFF",onBackground:"#000000",backgroundVariant:"#F8F8F9",onBackgroundVariant:"#000000",surface:"#FFFFFF",onSurface:"#000000",surfaceHovered:"#F4F4FC",surfacePressed:"#F4F4FC",surfaceFocused:"#F4F4FC",surfaceInverse:"#252428",onSurfaceInverse:"#FFFFFF",surfaceInverseHovered:"#313036",surfaceInversePressed:"#313036",surfaceInverseFocused:"#313036",outline:"#D1D0D5",outlineHigh:"#000000",overlay:"#313036",onOverlay:"#FFFFFF"},fontFamily:{sans:'"Nunito Sans", 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"',mono:'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'},fontSize:{display1:{fontSize:"2.5rem",lineHeight:"3.5rem",fontWeight:"700"},display1Expanded:{fontSize:"3rem",lineHeight:"4rem",fontWeight:"700"},display2:{fontSize:"2rem",lineHeight:"2.75rem",fontWeight:"700"},display2Expanded:{fontSize:"2.5rem",lineHeight:"3.5rem",fontWeight:"700"},display3:{fontSize:"1.5rem",lineHeight:"2rem",fontWeight:"700"},display3Expanded:{fontSize:"2rem",lineHeight:"2.75rem",fontWeight:"700"},headline1:{fontSize:"1.25rem",lineHeight:"1.75rem",fontWeight:"700"},headline1Expanded:{fontSize:"1.5rem",lineHeight:"2rem",fontWeight:"700"},headline2:{fontSize:"1.125rem",lineHeight:"1.5rem",fontWeight:"700"},headline2Expanded:{fontSize:"1.25rem",lineHeight:"1.75rem",fontWeight:"700"},subhead:{fontSize:"1rem",lineHeight:"1.5rem",fontWeight:"700"},subheadExpanded:{fontSize:"1rem",lineHeight:"1.5rem",fontWeight:"700"},body1:{fontSize:"1rem",lineHeight:"1.5rem"},body2:{fontSize:"0.875rem",lineHeight:"1.25rem"},caption:{fontSize:"0.75rem",lineHeight:"1rem"},small:{fontSize:"0.625rem",lineHeight:"0.875rem"},body1Link:{fontSize:"1rem",lineHeight:"1.5rem"},body2Link:{fontSize:"0.875rem",lineHeight:"1.125rem"},captionLink:{fontSize:"0.75rem",lineHeight:"1rem"},callout:{fontSize:"1rem",lineHeight:"1.5rem"}},fontWeight:{regular:"400",medium:"500",semiBold:"600",bold:"700"},opacity:{0:"0",none:"1",dim1:"0.72",dim2:"0.56",dim3:"0.40",dim4:"0.16",dim5:"0.08"},screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px"},spacing:{auto:"auto",none:"0px",sm:"0.25rem",md:"0.5rem",lg:"1rem",xl:"1.5rem","2xl":"2rem","3xl":"2.5rem"},zIndex:{hide:"-1",base:"0",raised:"1",dropdown:"1000",sticky:"1100",overlay:"1300",modal:"1400",popover:"1500",skipLink:"1600",toast:"1700",tooltip:"1800"}};function n(r,o=e){return F(o,r)}const a=n({colors:{basic:"#DCDCE5",onBasic:"#1D1F2A",basicHovered:"#C4C5D3",basicPressed:"#C4C5D3",basicFocused:"#C4C5D3",basicContainer:"#4D4E7B",onBasicContainer:"#FFFFFF",basicContainerHovered:"#35376A",basicContainerPressed:"#35376A",basicContainerFocused:"#35376A",accent:"#CC99FF",onAccent:"#1D1F2A",accentHovered:"#AC7DDD",accentPressed:"#AC7DDD",accentFocused:"#AC7DDD",accentContainer:"#8D64BB",onAccentContainer:"#FFFFFF",accentContainerHovered:"#6E4D99",accentContainerPressed:"#6E4D99",accentContainerFocused:"#6E4D99",accentVariant:"#DBB7FF",onAccentVariant:"#1D1F2A",accentVariantHovered:"#CC99FF",accentVariantPressed:"#CC99FF",accentVariantFocused:"#CC99FF",main:"#3173FF",onMain:"#FFFFFF",mainHovered:"#0052FF",mainPressed:"#0052FF",mainFocused:"#0052FF",mainContainer:"#002799",onMainContainer:"#FFFFFF",mainContainerHovered:"#000A33",mainContainerPressed:"#000A33",mainContainerFocused:"#000A33",mainVariant:"#91B5FF",onMainVariant:"#1D1F2A",mainVariantHovered:"#6194FF",mainVariantPressed:"#6194FF",mainVariantFocused:"#6194FF",support:"#DCDCE5",onSupport:"#1D1F2A",supportHovered:"#C4C5D3",supportPressed:"#C4C5D3",supportFocused:"#C4C5D3",supportContainer:"#4D4E7B",onSupportContainer:"#FFFFFF",supportContainerHovered:"#35376A",supportContainerPressed:"#35376A",supportContainerFocused:"#35376A",supportVariant:"#F4F4F7",onSupportVariant:"#1D1F2A",supportVariantHovered:"#DCDCE5",supportVariantPressed:"#DCDCE5",supportVariantFocused:"#DCDCE5",success:"#64BC90",onSuccess:"#000000",successHovered:"#31A56B",successPressed:"#31A56B",successFocused:"#31A56B",successContainer:"#14422B",onSuccessContainer:"#B7DFCB",successContainerHovered:"#14422B",successContainerPressed:"#14422B",successContainerFocused:"#14422B",alert:"#F7CF76",onAlert:"#000000",alertHovered:"#F4BF48",alertPressed:"#F4BF48",alertFocused:"#F4BF48",alertContainer:"#624C1D",onAlertContainer:"#FBE9BF",alertContainerHovered:"#3D3012",alertContainerPressed:"#3D3012",alertContainerFocused:"#3D3012",error:"#F8807D",onError:"#000000",errorHovered:"#F65651",errorPressed:"#F65651",errorFocused:"#F65651",errorContainer:"#622220",onErrorContainer:"#FCC4C2",errorContainerHovered:"#3E1514",errorContainerPressed:"#3E1514",errorContainerFocused:"#3E1514",info:"#45B8CA",onInfo:"#000000",infoHovered:"#07A0B8",infoPressed:"#07A0B8",infoFocused:"#07A0B8",infoContainer:"#03404A",onInfoContainer:"#A8DEE6",infoContainerHovered:"#02282E",infoContainerPressed:"#02282E",infoContainerFocused:"#02282E",neutral:"#9C9BA4",onNeutral:"#000000",neutralHovered:"#5C5B64",neutralPressed:"#5C5B64",neutralFocused:"#5C5B64",neutralContainer:"#313036",onNeutralContainer:"#D1D0D5",neutralContainerHovered:"#252428",neutralContainerPressed:"#252428",neutralContainerFocused:"#252428",background:"#000000",onBackground:"#FFFFFF",backgroundVariant:"#252428",onBackgroundVariant:"#FFFFFF",surface:"#000000",onSurface:"#FFFFFF",surfaceHovered:"#080632",surfacePressed:"#080632",surfaceFocused:"#080632",surfaceInverse:"#F8F8F9",onSurfaceInverse:"#000000",surfaceInverseHovered:"#EBEBED",surfaceInversePressed:"#EBEBED",surfaceInverseFocused:"#EBEBED",outline:"#4A4950",outlineHigh:"#FFFFFF",overlay:"#313036",onOverlay:"#FFFFFF"}});exports.createTheme=n,exports.defaultTheme=e,exports.defaultThemeDark=a;
|
package/dist/index.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import r from "deepmerge";
|
|
2
|
-
const o = { borderRadius: { none: "0px", sm: "0.25rem", md: "0.5rem", lg: "1rem", xl: "1.5rem", full: "9999px" }, borderWidth: { none: "0px", sm: "1px", md: "2px" }, boxShadow: { sm: "0 1px 2px 0 rgb(0 0 0 / 0.2)", DEFAULT: "0 4px 8px 0 rgb(0 0 0 / 0.2)", md: "0 6px 12px 0 rgb(0 0 0 / 0.2)", lg: "0 8px 16px 0 rgb(0 0 0 / 0.2)", xl: "0 12px 24px 0 rgb(0 0 0 / 0.2)", none: "none" }, colors: { basic: "#35376A", onBasic: "#FFFFFF", basicHovered: "#4D4E7B", basicPressed: "#4D4E7B", basicFocused: "#4D4E7B", basicContainer: "#DCDCE5", onBasicContainer: "#1D1F2A", basicContainerHovered: "#F4F4F7", basicContainerPressed: "#F4F4F7", basicContainerFocused: "#F4F4F7", accent: "#CC99FF", onAccent: "#1D1F2A", accentHovered: "#DBB7FF", accentPressed: "#DBB7FF", accentFocused: "#DBB7FF", accentContainer: "#EAD5FF", onAccentContainer: "#362555", accentContainerHovered: "#F9F3FF", accentContainerPressed: "#F9F3FF", accentContainerFocused: "#F9F3FF", accentVariant: "#513877", onAccentVariant: "#FFFFFF", accentVariantHovered: "#6E4D99", accentVariantPressed: "#6E4D99", accentVariantFocused: "#6E4D99", main: "#0052FF", onMain: "#FFFFFF", mainHovered: "#3878FF", mainPressed: "#3878FF", mainFocused: "#3878FF", mainContainer: "#C2D6FF", onMainContainer: "#002799", mainContainerHovered: "#F2F6FF", mainContainerPressed: "#F2F6FF", mainContainerFocused: "#F2F6FF", mainVariant: "#002799", onMainVariant: "#FFFFFF", mainVariantHovered: "#003BCC", mainVariantPressed: "#003BCC", mainVariantFocused: "#003BCC", support: "#35376A", onSupport: "#FFFFFF", supportHovered: "#4D4E7B", supportPressed: "#4D4E7B", supportFocused: "#4D4E7B", supportContainer: "#DCDCE5", onSupportContainer: "#1D1F58", supportContainerHovered: "#F4F4F7", supportContainerPressed: "#F4F4F7", supportContainerFocused: "#F4F4F7", supportVariant: "#982253", onSupportVariant: "#FFFFFF", supportVariantHovered: "#CA2E6E", supportVariantPressed: "#CA2E6E", supportVariantFocused: "#CA2E6E", success: "#31A56B", onSuccess: "#FFFFFF", successHovered: "#64BC90", successPressed: "#64BC90", successFocused: "#64BC90", successContainer: "#E0F2E9", onSuccessContainer: "#1D6340", successContainerHovered: "#F5FBF8", successContainerPressed: "#F5FBF8", successContainerFocused: "#F5FBF8", alert: "#F4BF48", onAlert: "#000000", alertHovered: "#F7CF76", alertPressed: "#F7CF76", alertFocused: "#F7CF76", alertContainer: "#FDF5E4", onAlertContainer: "#92732B", alertContainerHovered: "#FFFCF6", alertContainerPressed: "#FFFCF6", alertContainerFocused: "#FFFCF6", error: "#F65651", onError: "#FFFFFF", errorHovered: "#F8807D", errorPressed: "#F8807D", errorFocused: "#F8807D", errorContainer: "#FEE6E5", onErrorContainer: "#943431", errorContainerHovered: "#FFF7F6", errorContainerPressed: "#FFF7F6", errorContainerFocused: "#FFF7F6", info: "#07A0B8", onInfo: "#FFFFFF", infoHovered: "#45B8CA", infoPressed: "#45B8CA", infoFocused: "#45B8CA", infoContainer: "#DAF1F4", onInfoContainer: "#04606E", infoContainerHovered: "#F3FAFC", infoContainerPressed: "#F3FAFC", infoContainerFocused: "#F3FAFC", neutral: "#7B7986", onNeutral: "#FFFFFF", neutralHovered: "#9C9BA4", neutralPressed: "#9C9BA4", neutralFocused: "#9C9BA4", neutralContainer: "#EBEBED", onNeutralContainer: "#4A4950", neutralContainerHovered: "#F8F8F9", neutralContainerPressed: "#F8F8F9", neutralContainerFocused: "#F8F8F9", background: "#FFFFFF", onBackground: "#000000", backgroundVariant: "#F8F8F9", onBackgroundVariant: "#000000", surface: "#FFFFFF", onSurface: "#000000", surfaceHovered: "#F4F4FC", surfacePressed: "#F4F4FC", surfaceFocused: "#F4F4FC", surfaceInverse: "#252428", onSurfaceInverse: "#FFFFFF", surfaceInverseHovered: "#313036", surfaceInversePressed: "#313036", surfaceInverseFocused: "#313036", outline: "#D1D0D5", outlineHigh: "#000000",
|
|
2
|
+
const o = { borderRadius: { none: "0px", sm: "0.25rem", md: "0.5rem", lg: "1rem", xl: "1.5rem", full: "9999px" }, borderWidth: { none: "0px", sm: "1px", md: "2px" }, boxShadow: { sm: "0 1px 2px 0 rgb(0 0 0 / 0.2)", DEFAULT: "0 4px 8px 0 rgb(0 0 0 / 0.2)", md: "0 6px 12px 0 rgb(0 0 0 / 0.2)", lg: "0 8px 16px 0 rgb(0 0 0 / 0.2)", xl: "0 12px 24px 0 rgb(0 0 0 / 0.2)", none: "none" }, colors: { basic: "#35376A", onBasic: "#FFFFFF", basicHovered: "#4D4E7B", basicPressed: "#4D4E7B", basicFocused: "#4D4E7B", basicContainer: "#DCDCE5", onBasicContainer: "#1D1F2A", basicContainerHovered: "#F4F4F7", basicContainerPressed: "#F4F4F7", basicContainerFocused: "#F4F4F7", accent: "#CC99FF", onAccent: "#1D1F2A", accentHovered: "#DBB7FF", accentPressed: "#DBB7FF", accentFocused: "#DBB7FF", accentContainer: "#EAD5FF", onAccentContainer: "#362555", accentContainerHovered: "#F9F3FF", accentContainerPressed: "#F9F3FF", accentContainerFocused: "#F9F3FF", accentVariant: "#513877", onAccentVariant: "#FFFFFF", accentVariantHovered: "#6E4D99", accentVariantPressed: "#6E4D99", accentVariantFocused: "#6E4D99", main: "#0052FF", onMain: "#FFFFFF", mainHovered: "#3878FF", mainPressed: "#3878FF", mainFocused: "#3878FF", mainContainer: "#C2D6FF", onMainContainer: "#002799", mainContainerHovered: "#F2F6FF", mainContainerPressed: "#F2F6FF", mainContainerFocused: "#F2F6FF", mainVariant: "#002799", onMainVariant: "#FFFFFF", mainVariantHovered: "#003BCC", mainVariantPressed: "#003BCC", mainVariantFocused: "#003BCC", support: "#35376A", onSupport: "#FFFFFF", supportHovered: "#4D4E7B", supportPressed: "#4D4E7B", supportFocused: "#4D4E7B", supportContainer: "#DCDCE5", onSupportContainer: "#1D1F58", supportContainerHovered: "#F4F4F7", supportContainerPressed: "#F4F4F7", supportContainerFocused: "#F4F4F7", supportVariant: "#982253", onSupportVariant: "#FFFFFF", supportVariantHovered: "#CA2E6E", supportVariantPressed: "#CA2E6E", supportVariantFocused: "#CA2E6E", success: "#31A56B", onSuccess: "#FFFFFF", successHovered: "#64BC90", successPressed: "#64BC90", successFocused: "#64BC90", successContainer: "#E0F2E9", onSuccessContainer: "#1D6340", successContainerHovered: "#F5FBF8", successContainerPressed: "#F5FBF8", successContainerFocused: "#F5FBF8", alert: "#F4BF48", onAlert: "#000000", alertHovered: "#F7CF76", alertPressed: "#F7CF76", alertFocused: "#F7CF76", alertContainer: "#FDF5E4", onAlertContainer: "#92732B", alertContainerHovered: "#FFFCF6", alertContainerPressed: "#FFFCF6", alertContainerFocused: "#FFFCF6", error: "#F65651", onError: "#FFFFFF", errorHovered: "#F8807D", errorPressed: "#F8807D", errorFocused: "#F8807D", errorContainer: "#FEE6E5", onErrorContainer: "#943431", errorContainerHovered: "#FFF7F6", errorContainerPressed: "#FFF7F6", errorContainerFocused: "#FFF7F6", info: "#07A0B8", onInfo: "#FFFFFF", infoHovered: "#45B8CA", infoPressed: "#45B8CA", infoFocused: "#45B8CA", infoContainer: "#DAF1F4", onInfoContainer: "#04606E", infoContainerHovered: "#F3FAFC", infoContainerPressed: "#F3FAFC", infoContainerFocused: "#F3FAFC", neutral: "#7B7986", onNeutral: "#FFFFFF", neutralHovered: "#9C9BA4", neutralPressed: "#9C9BA4", neutralFocused: "#9C9BA4", neutralContainer: "#EBEBED", onNeutralContainer: "#4A4950", neutralContainerHovered: "#F8F8F9", neutralContainerPressed: "#F8F8F9", neutralContainerFocused: "#F8F8F9", background: "#FFFFFF", onBackground: "#000000", backgroundVariant: "#F8F8F9", onBackgroundVariant: "#000000", surface: "#FFFFFF", onSurface: "#000000", surfaceHovered: "#F4F4FC", surfacePressed: "#F4F4FC", surfaceFocused: "#F4F4FC", surfaceInverse: "#252428", onSurfaceInverse: "#FFFFFF", surfaceInverseHovered: "#313036", surfaceInversePressed: "#313036", surfaceInverseFocused: "#313036", outline: "#D1D0D5", outlineHigh: "#000000", overlay: "#313036", onOverlay: "#FFFFFF" }, fontFamily: { sans: '"Nunito Sans", 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"', mono: 'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace' }, fontSize: { display1: { fontSize: "2.5rem", lineHeight: "3.5rem", fontWeight: "700" }, display1Expanded: { fontSize: "3rem", lineHeight: "4rem", fontWeight: "700" }, display2: { fontSize: "2rem", lineHeight: "2.75rem", fontWeight: "700" }, display2Expanded: { fontSize: "2.5rem", lineHeight: "3.5rem", fontWeight: "700" }, display3: { fontSize: "1.5rem", lineHeight: "2rem", fontWeight: "700" }, display3Expanded: { fontSize: "2rem", lineHeight: "2.75rem", fontWeight: "700" }, headline1: { fontSize: "1.25rem", lineHeight: "1.75rem", fontWeight: "700" }, headline1Expanded: { fontSize: "1.5rem", lineHeight: "2rem", fontWeight: "700" }, headline2: { fontSize: "1.125rem", lineHeight: "1.5rem", fontWeight: "700" }, headline2Expanded: { fontSize: "1.25rem", lineHeight: "1.75rem", fontWeight: "700" }, subhead: { fontSize: "1rem", lineHeight: "1.5rem", fontWeight: "700" }, subheadExpanded: { fontSize: "1rem", lineHeight: "1.5rem", fontWeight: "700" }, body1: { fontSize: "1rem", lineHeight: "1.5rem" }, body2: { fontSize: "0.875rem", lineHeight: "1.25rem" }, caption: { fontSize: "0.75rem", lineHeight: "1rem" }, small: { fontSize: "0.625rem", lineHeight: "0.875rem" }, body1Link: { fontSize: "1rem", lineHeight: "1.5rem" }, body2Link: { fontSize: "0.875rem", lineHeight: "1.125rem" }, captionLink: { fontSize: "0.75rem", lineHeight: "1rem" }, callout: { fontSize: "1rem", lineHeight: "1.5rem" } }, fontWeight: { regular: "400", medium: "500", semiBold: "600", bold: "700" }, opacity: { 0: "0", none: "1", dim1: "0.72", dim2: "0.56", dim3: "0.40", dim4: "0.16", dim5: "0.08" }, screens: { sm: "640px", md: "768px", lg: "1024px", xl: "1280px" }, spacing: { auto: "auto", none: "0px", sm: "0.25rem", md: "0.5rem", lg: "1rem", xl: "1.5rem", "2xl": "2rem", "3xl": "2.5rem" }, zIndex: { hide: "-1", base: "0", raised: "1", dropdown: "1000", sticky: "1100", overlay: "1300", modal: "1400", popover: "1500", skipLink: "1600", toast: "1700", tooltip: "1800" } };
|
|
3
3
|
function F(e, n = o) {
|
|
4
4
|
return r(n, e);
|
|
5
5
|
}
|
|
6
|
-
const t = F({ colors: { basic: "#DCDCE5", onBasic: "#1D1F2A", basicHovered: "#C4C5D3", basicPressed: "#C4C5D3", basicFocused: "#C4C5D3", basicContainer: "#4D4E7B", onBasicContainer: "#FFFFFF", basicContainerHovered: "#35376A", basicContainerPressed: "#35376A", basicContainerFocused: "#35376A", accent: "#CC99FF", onAccent: "#1D1F2A", accentHovered: "#AC7DDD", accentPressed: "#AC7DDD", accentFocused: "#AC7DDD", accentContainer: "#8D64BB", onAccentContainer: "#FFFFFF", accentContainerHovered: "#6E4D99", accentContainerPressed: "#6E4D99", accentContainerFocused: "#6E4D99", accentVariant: "#DBB7FF", onAccentVariant: "#1D1F2A", accentVariantHovered: "#CC99FF", accentVariantPressed: "#CC99FF", accentVariantFocused: "#CC99FF", main: "#3173FF", onMain: "#FFFFFF", mainHovered: "#0052FF", mainPressed: "#0052FF", mainFocused: "#0052FF", mainContainer: "#002799", onMainContainer: "#FFFFFF", mainContainerHovered: "#000A33", mainContainerPressed: "#000A33", mainContainerFocused: "#000A33", mainVariant: "#91B5FF", onMainVariant: "#1D1F2A", mainVariantHovered: "#6194FF", mainVariantPressed: "#6194FF", mainVariantFocused: "#6194FF", support: "#DCDCE5", onSupport: "#1D1F2A", supportHovered: "#C4C5D3", supportPressed: "#C4C5D3", supportFocused: "#C4C5D3", supportContainer: "#4D4E7B", onSupportContainer: "#FFFFFF", supportContainerHovered: "#35376A", supportContainerPressed: "#35376A", supportContainerFocused: "#35376A", supportVariant: "#F4F4F7", onSupportVariant: "#1D1F2A", supportVariantHovered: "#DCDCE5", supportVariantPressed: "#DCDCE5", supportVariantFocused: "#DCDCE5", success: "#64BC90", onSuccess: "#000000", successHovered: "#31A56B", successPressed: "#31A56B", successFocused: "#31A56B", successContainer: "#14422B", onSuccessContainer: "#B7DFCB", successContainerHovered: "#14422B", successContainerPressed: "#14422B", successContainerFocused: "#14422B", alert: "#F7CF76", onAlert: "#000000", alertHovered: "#F4BF48", alertPressed: "#F4BF48", alertFocused: "#F4BF48", alertContainer: "#624C1D", onAlertContainer: "#FBE9BF", alertContainerHovered: "#3D3012", alertContainerPressed: "#3D3012", alertContainerFocused: "#3D3012", error: "#F8807D", onError: "#000000", errorHovered: "#F65651", errorPressed: "#F65651", errorFocused: "#F65651", errorContainer: "#622220", onErrorContainer: "#FCC4C2", errorContainerHovered: "#3E1514", errorContainerPressed: "#3E1514", errorContainerFocused: "#3E1514", info: "#45B8CA", onInfo: "#000000", infoHovered: "#07A0B8", infoPressed: "#07A0B8", infoFocused: "#07A0B8", infoContainer: "#03404A", onInfoContainer: "#A8DEE6", infoContainerHovered: "#02282E", infoContainerPressed: "#02282E", infoContainerFocused: "#02282E", neutral: "#9C9BA4", onNeutral: "#000000", neutralHovered: "#5C5B64", neutralPressed: "#5C5B64", neutralFocused: "#5C5B64", neutralContainer: "#313036", onNeutralContainer: "#D1D0D5", neutralContainerHovered: "#252428", neutralContainerPressed: "#252428", neutralContainerFocused: "#252428", background: "#000000", onBackground: "#FFFFFF", backgroundVariant: "#252428", onBackgroundVariant: "#FFFFFF", surface: "#000000", onSurface: "#FFFFFF", surfaceHovered: "#080632", surfacePressed: "#080632", surfaceFocused: "#080632", surfaceInverse: "#F8F8F9", onSurfaceInverse: "#000000", surfaceInverseHovered: "#EBEBED", surfaceInversePressed: "#EBEBED", surfaceInverseFocused: "#EBEBED", outline: "#4A4950", outlineHigh: "#FFFFFF",
|
|
6
|
+
const t = F({ colors: { basic: "#DCDCE5", onBasic: "#1D1F2A", basicHovered: "#C4C5D3", basicPressed: "#C4C5D3", basicFocused: "#C4C5D3", basicContainer: "#4D4E7B", onBasicContainer: "#FFFFFF", basicContainerHovered: "#35376A", basicContainerPressed: "#35376A", basicContainerFocused: "#35376A", accent: "#CC99FF", onAccent: "#1D1F2A", accentHovered: "#AC7DDD", accentPressed: "#AC7DDD", accentFocused: "#AC7DDD", accentContainer: "#8D64BB", onAccentContainer: "#FFFFFF", accentContainerHovered: "#6E4D99", accentContainerPressed: "#6E4D99", accentContainerFocused: "#6E4D99", accentVariant: "#DBB7FF", onAccentVariant: "#1D1F2A", accentVariantHovered: "#CC99FF", accentVariantPressed: "#CC99FF", accentVariantFocused: "#CC99FF", main: "#3173FF", onMain: "#FFFFFF", mainHovered: "#0052FF", mainPressed: "#0052FF", mainFocused: "#0052FF", mainContainer: "#002799", onMainContainer: "#FFFFFF", mainContainerHovered: "#000A33", mainContainerPressed: "#000A33", mainContainerFocused: "#000A33", mainVariant: "#91B5FF", onMainVariant: "#1D1F2A", mainVariantHovered: "#6194FF", mainVariantPressed: "#6194FF", mainVariantFocused: "#6194FF", support: "#DCDCE5", onSupport: "#1D1F2A", supportHovered: "#C4C5D3", supportPressed: "#C4C5D3", supportFocused: "#C4C5D3", supportContainer: "#4D4E7B", onSupportContainer: "#FFFFFF", supportContainerHovered: "#35376A", supportContainerPressed: "#35376A", supportContainerFocused: "#35376A", supportVariant: "#F4F4F7", onSupportVariant: "#1D1F2A", supportVariantHovered: "#DCDCE5", supportVariantPressed: "#DCDCE5", supportVariantFocused: "#DCDCE5", success: "#64BC90", onSuccess: "#000000", successHovered: "#31A56B", successPressed: "#31A56B", successFocused: "#31A56B", successContainer: "#14422B", onSuccessContainer: "#B7DFCB", successContainerHovered: "#14422B", successContainerPressed: "#14422B", successContainerFocused: "#14422B", alert: "#F7CF76", onAlert: "#000000", alertHovered: "#F4BF48", alertPressed: "#F4BF48", alertFocused: "#F4BF48", alertContainer: "#624C1D", onAlertContainer: "#FBE9BF", alertContainerHovered: "#3D3012", alertContainerPressed: "#3D3012", alertContainerFocused: "#3D3012", error: "#F8807D", onError: "#000000", errorHovered: "#F65651", errorPressed: "#F65651", errorFocused: "#F65651", errorContainer: "#622220", onErrorContainer: "#FCC4C2", errorContainerHovered: "#3E1514", errorContainerPressed: "#3E1514", errorContainerFocused: "#3E1514", info: "#45B8CA", onInfo: "#000000", infoHovered: "#07A0B8", infoPressed: "#07A0B8", infoFocused: "#07A0B8", infoContainer: "#03404A", onInfoContainer: "#A8DEE6", infoContainerHovered: "#02282E", infoContainerPressed: "#02282E", infoContainerFocused: "#02282E", neutral: "#9C9BA4", onNeutral: "#000000", neutralHovered: "#5C5B64", neutralPressed: "#5C5B64", neutralFocused: "#5C5B64", neutralContainer: "#313036", onNeutralContainer: "#D1D0D5", neutralContainerHovered: "#252428", neutralContainerPressed: "#252428", neutralContainerFocused: "#252428", background: "#000000", onBackground: "#FFFFFF", backgroundVariant: "#252428", onBackgroundVariant: "#FFFFFF", surface: "#000000", onSurface: "#FFFFFF", surfaceHovered: "#080632", surfacePressed: "#080632", surfaceFocused: "#080632", surfaceInverse: "#F8F8F9", onSurfaceInverse: "#000000", surfaceInverseHovered: "#EBEBED", surfaceInversePressed: "#EBEBED", surfaceInverseFocused: "#EBEBED", outline: "#4A4950", outlineHigh: "#FFFFFF", overlay: "#313036", onOverlay: "#FFFFFF" } });
|
|
7
7
|
export {
|
|
8
8
|
F as createTheme,
|
|
9
9
|
o as defaultTheme,
|
package/dist/types.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spark-ui/theme-utils",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0",
|
|
4
4
|
"description": "package for managing Spark theme configuration",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
7
7
|
},
|
|
8
|
+
"keywords": [
|
|
9
|
+
"@spark-ui",
|
|
10
|
+
"util",
|
|
11
|
+
"utility",
|
|
12
|
+
"theme"
|
|
13
|
+
],
|
|
8
14
|
"main": "./dist/index.js",
|
|
9
15
|
"module": "./dist/index.mjs",
|
|
10
16
|
"types": "./dist/index.d.ts",
|
|
@@ -24,5 +30,6 @@
|
|
|
24
30
|
"url": "https://github.com/adevinta/spark/issues"
|
|
25
31
|
},
|
|
26
32
|
"homepage": "https://sparkui.vercel.app",
|
|
27
|
-
"license": "MIT"
|
|
33
|
+
"license": "MIT",
|
|
34
|
+
"gitHead": "6d0ff26f8e5d40cab4e0f712f331f717d1a28e72"
|
|
28
35
|
}
|