@spark-ui/theme-utils 4.1.0 → 5.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 +66 -0
- package/README.md +7 -6
- package/dist/index.js +1 -1
- package/dist/index.mjs +5 -5
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,72 @@
|
|
|
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
|
+
# 5.0.0 (2024-07-18)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- doc ([5506203](https://github.com/adevinta/spark/commit/55062039dc67c3532be42a4661540052094163d9))
|
|
11
|
+
- force new release to all packages ([d7f5136](https://github.com/adevinta/spark/commit/d7f513698cf48dd9c102fafaeb336096818c6b2b))
|
|
12
|
+
- **theme-utils:** biump ([9728c8a](https://github.com/adevinta/spark/commit/9728c8a7f5ded44281080a697be34b4a61a72c75))
|
|
13
|
+
- **theme-utils:** bump ([51fa000](https://github.com/adevinta/spark/commit/51fa000d16fd0aab37163fe7dbe213bb29d11986))
|
|
14
|
+
- **theme-utils:** color mainContainer ([c92144a](https://github.com/adevinta/spark/commit/c92144a3f40a196b2952265e937c3b9bb2a8a137))
|
|
15
|
+
- **theme-utils:** doc ([3c74593](https://github.com/adevinta/spark/commit/3c745931f208f042a115bd4c21d5e29248c3b959))
|
|
16
|
+
- **theme-utils:** doc ([42872a5](https://github.com/adevinta/spark/commit/42872a55eb9c4a1bd6533bd04e49d90bd5c110ba))
|
|
17
|
+
- **theme-utils:** fix deps ([2393ce6](https://github.com/adevinta/spark/commit/2393ce6dda743255af020e9109e77df5ad27fc67))
|
|
18
|
+
- **theme-utils:** fix mainContainer dark value ([dd5c408](https://github.com/adevinta/spark/commit/dd5c4080e12643599c2b7f469bd997e3c2c4a6d9))
|
|
19
|
+
- **theme-utils:** fix theme token values ([9ccaa12](https://github.com/adevinta/spark/commit/9ccaa1272ff37be7ecc4fe094ce41aff40ea0033))
|
|
20
|
+
- **theme-utils:** meta-tags ([1bf0346](https://github.com/adevinta/spark/commit/1bf0346b4ba4f7e63ce8012b1fcb623d65cedf5c))
|
|
21
|
+
- **theme-utils:** prevent "px" suffix by using string values ([069c872](https://github.com/adevinta/spark/commit/069c87271526464d9a71283d408ece8b7ec7f82f)), closes [#476](https://github.com/adevinta/spark/issues/476)
|
|
22
|
+
- **theme-utils:** update neutral related tokens based on latest Figma iteration ([7f4c6c2](https://github.com/adevinta/spark/commit/7f4c6c2c643af28bde56ea2ae7bf69e9b5ce6d65)), closes [#1428](https://github.com/adevinta/spark/issues/1428)
|
|
23
|
+
- **theme-utils:** update package deps ([8fdd1ca](https://github.com/adevinta/spark/commit/8fdd1ca5317bfc5b58706d7de99dd59e908b9b69))
|
|
24
|
+
|
|
25
|
+
### Features
|
|
26
|
+
|
|
27
|
+
- **button:** implement every button variants ([febdcb2](https://github.com/adevinta/spark/commit/febdcb2e5f0b7cb8ab9d986c2249c84026dc1361))
|
|
28
|
+
- **cli-utils:** flattened cli args for theme config ([ccb13de](https://github.com/adevinta/spark/commit/ccb13de785f2d6d2f8893bdff83b032af6416a38))
|
|
29
|
+
- set inner deps as latest ([bb1180a](https://github.com/adevinta/spark/commit/bb1180abc8a112b12a65108e53df5f3a6481659f))
|
|
30
|
+
- setup rem basis to 8px ([a7ffd2a](https://github.com/adevinta/spark/commit/a7ffd2a933d2785d7dbc1a25bdfab1844abcd45b))
|
|
31
|
+
- split the theme utils package into two distinct packages ([77def01](https://github.com/adevinta/spark/commit/77def01abd8b2ccf4f234093133294071e407231)), closes [#235](https://github.com/adevinta/spark/issues/235)
|
|
32
|
+
- **switch:** created switch component ([58b2456](https://github.com/adevinta/spark/commit/58b24563d239af40dc8243135a496d1076406f9e))
|
|
33
|
+
- **theme-utils:** add "basic" and "accents" color tokens to the Spark theme's color structure ([eed8a96](https://github.com/adevinta/spark/commit/eed8a96f9489cc331c41dc6aff3579a5bde3bb28)), closes [#1073](https://github.com/adevinta/spark/issues/1073)
|
|
34
|
+
- **theme-utils:** add support for various base font sizes in theme building process ([bb9f2a7](https://github.com/adevinta/spark/commit/bb9f2a72203d496edfe597a36425913b0953ff2d)), closes [#385](https://github.com/adevinta/spark/issues/385)
|
|
35
|
+
- **theme-utils:** add surface container colors ([802f924](https://github.com/adevinta/spark/commit/802f9241a962fae9f3cbdba0858ab7586ca72f3f))
|
|
36
|
+
- **theme-utils:** added opacity tokens in default theme ([4f46c4c](https://github.com/adevinta/spark/commit/4f46c4ce5144db7cd9ad658c1733cb4af6266797))
|
|
37
|
+
- **theme-utils:** bump theme-utils version to colours tag ([89387dd](https://github.com/adevinta/spark/commit/89387dd7e77e00505ce2f2ae9abbb2297cb77cd2))
|
|
38
|
+
- **theme-utils:** change suport color and addd basic state colours ([ab90588](https://github.com/adevinta/spark/commit/ab90588bd8e361a90911688b647d40ec95f33003))
|
|
39
|
+
- **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)
|
|
40
|
+
- **theme-utils:** doc ([bdfbe72](https://github.com/adevinta/spark/commit/bdfbe728c429ca7e152e7ef0a470b0748e9814d4))
|
|
41
|
+
- **theme-utils:** force first release ([77122ff](https://github.com/adevinta/spark/commit/77122ffea409244b8268c1e90096e60beedbcd86))
|
|
42
|
+
- **theme-utils:** improve build process for the theme-utils package ([7e53f89](https://github.com/adevinta/spark/commit/7e53f89bb80c7da4f5816b3bdb64b5b9a23d4874)), closes [#219](https://github.com/adevinta/spark/issues/219)
|
|
43
|
+
- **theme-utils:** make it possible to create a theme from a custom theme ([b7a5d93](https://github.com/adevinta/spark/commit/b7a5d9346f2183408a7d9e327f927692e498bb6e))
|
|
44
|
+
- **theme-utils:** monospaced font added ([f228e56](https://github.com/adevinta/spark/commit/f228e561dbcd1dac4c8d73a0f289b566dc9c7143))
|
|
45
|
+
- **theme-utils:** preserve default tailwind spacings ([77f74b1](https://github.com/adevinta/spark/commit/77f74b1de989316be5fd9264b0f3d586468a364e)), closes [#398](https://github.com/adevinta/spark/issues/398)
|
|
46
|
+
- **theme-utils:** remove disabled related tokens ([1699382](https://github.com/adevinta/spark/commit/1699382a28dd1b78439766bd6673cb4f5d5c9ff2))
|
|
47
|
+
- **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)
|
|
48
|
+
- **theme-utils:** removed background colors state tokens ([6f2349c](https://github.com/adevinta/spark/commit/6f2349c6f66f7f7689aca615d9fc80e0698f1210))
|
|
49
|
+
- **theme-utils:** rename "primary" to "main" & "secondary" to "support" in our theme color palette ([b16ef91](https://github.com/adevinta/spark/commit/b16ef911b7fe92be2ad188a2cdc99aa2b91dc0e9))
|
|
50
|
+
- **theme-utils:** separated hovered colors from pressed colors ([d3a78ce](https://github.com/adevinta/spark/commit/d3a78cecd11e4722bffb6bb83932711833e888de))
|
|
51
|
+
- **theme-utils:** setup shadow tokens ([947441a](https://github.com/adevinta/spark/commit/947441a6dbac59840e2fb775e2078a499ddf160d))
|
|
52
|
+
- **theme-utils:** spark dark mode theme setup in theme-utils ([a146560](https://github.com/adevinta/spark/commit/a1465609e1831c37599d484367084645c41a2f9b))
|
|
53
|
+
- **theme-utils:** theme contract for typography ([db41e6e](https://github.com/adevinta/spark/commit/db41e6e1131a6335e37d56c5a52004353915e728))
|
|
54
|
+
- **theme-utils:** updated default font name and fallbacks ([2550a60](https://github.com/adevinta/spark/commit/2550a6038827944b0db9b7c6791c2326853fe851))
|
|
55
|
+
- **theme-utils:** updated token structure for colors to match spark specs ([d082458](https://github.com/adevinta/spark/commit/d0824589ff61f30a703cc3a590279a739291fb72)), closes [#251](https://github.com/adevinta/spark/issues/251)
|
|
56
|
+
- update all dependencies to use caret versions in every packages ([35e329c](https://github.com/adevinta/spark/commit/35e329c39bdc661f477d22e770d82e72d7f93a75))
|
|
57
|
+
|
|
58
|
+
### BREAKING CHANGES
|
|
59
|
+
|
|
60
|
+
- **theme-utils:** remove outline-related tokens from our Theme interface
|
|
61
|
+
- Split the theme utils package into two distinct packages
|
|
62
|
+
|
|
63
|
+
## [4.1.1](https://github.com/adevinta/spark/compare/@spark-ui/theme-utils@4.1.0...@spark-ui/theme-utils@4.1.1) (2023-10-13)
|
|
64
|
+
|
|
65
|
+
### Bug Fixes
|
|
66
|
+
|
|
67
|
+
- doc ([5506203](https://github.com/adevinta/spark/commit/55062039dc67c3532be42a4661540052094163d9))
|
|
68
|
+
- **theme-utils:** doc ([3c74593](https://github.com/adevinta/spark/commit/3c745931f208f042a115bd4c21d5e29248c3b959))
|
|
69
|
+
- **theme-utils:** doc ([42872a5](https://github.com/adevinta/spark/commit/42872a55eb9c4a1bd6533bd04e49d90bd5c110ba))
|
|
70
|
+
- **theme-utils:** fix theme token values ([9ccaa12](https://github.com/adevinta/spark/commit/9ccaa1272ff37be7ecc4fe094ce41aff40ea0033))
|
|
71
|
+
|
|
6
72
|
# [4.1.0](https://github.com/adevinta/spark/compare/@spark-ui/theme-utils@4.0.2...@spark-ui/theme-utils@4.1.0) (2023-09-28)
|
|
7
73
|
|
|
8
74
|
### Features
|
package/README.md
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
# Theme
|
|
2
|
+
|
|
2
3
|
> @spark-ui/theme-utils
|
|
3
4
|
|
|
4
|
-
](https://sparkui.vercel.app/?path=/docs/utils-theme--docs)
|
|
6
|
+
[](https://sparkui-adv.vercel.app/docs/utils/theme)
|
|
7
|
+
[](https://github.com/adevinta/spark/issues/new?&projects=4&template=bug-report.yml&assignees=&labels=util,theme)
|
|
8
|
+
[](https://www.npmjs.com/package/@spark-ui/theme-utils)
|
|
8
9
|
|
|
9
10
|
|
|
10
11
|
This package is part of the [`@spark-ui`](https://github.com/adevinta/spark) react-js user interface component library project.
|
|
11
12
|
|
|
12
|
-
|
|
13
|
+
[](https://github.com/adevinta/spark/issues?q=is%3Aopen+label%3Autil+label%3Atheme)
|
|
14
|
+
[](https://github.com/adevinta/spark/blob/main/packages/utils/chip/LICENSE.md)
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=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:"#1D1F58",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:"#3173FF",mainPressed:"#3173FF",mainFocused:"#3173FF",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:"#4D4E7B",onSupportVariant:"#FFFFFF",supportVariantHovered:"#65668D",supportVariantPressed:"#65668D",supportVariantFocused:"#65668D",success:"#31A56B",onSuccess:"#FFFFFF",successHovered:"#64BC90",successPressed:"#64BC90",successFocused:"#64BC90",successContainer:"#E0F2E9",onSuccessContainer:"#1D6340",successContainerHovered:"#F5FBF8",successContainerPressed:"#F5FBF8",successContainerFocused:"#F5FBF8",alert:"#F4BF48",onAlert:"#1D1F2A",alertHovered:"#F7CF76",alertPressed:"#F7CF76",alertFocused:"#F7CF76",alertContainer:"#FDF5E4",onAlertContainer:"#624C1D",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:"#353741",onNeutral:"#FFFFFF",neutralHovered:"#4D4E57",neutralPressed:"#4D4E57",neutralFocused:"#4D4E57",neutralContainer:"#DCDCDE",onNeutralContainer:"#353741",neutralContainerHovered:"#F4F4F4",neutralContainerPressed:"#F4F4F4",neutralContainerFocused:"#F4F4F4",background:"#FFFFFF",onBackground:"#1D1F2A",backgroundVariant:"#F4F4F4",onBackgroundVariant:"#1D1F2A",surface:"#FFFFFF",onSurface:"#1D1F2A",surfaceHovered:"#F2F6FF",surfacePressed:"#F2F6FF",surfaceFocused:"#F2F6FF",surfaceInverse:"#353741",onSurfaceInverse:"#FFFFFF",surfaceInverseHovered:"#353741",surfaceInversePressed:"#353741",surfaceInverseFocused:"#353741",outline:"#DCDCDE",outlineHigh:"#1D1F2A",overlay:"#353741B8",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,F=e){return o(F,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:"#001766",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:"#1D1F2A",successHovered:"#31A56B",successPressed:"#31A56B",successFocused:"#31A56B",successContainer:"#14422B",onSuccessContainer:"#B7DFCB",successContainerHovered:"#14422B",successContainerPressed:"#14422B",successContainerFocused:"#14422B",alert:"#F7CF76",onAlert:"#1D1F2A",alertHovered:"#F4BF48",alertPressed:"#F4BF48",alertFocused:"#F4BF48",alertContainer:"#624C1D",onAlertContainer:"#FFFFFF",alertContainerHovered:"#3D3012",alertContainerPressed:"#3D3012",alertContainerFocused:"#3D3012",error:"#F8807D",onError:"#1D1F2A",errorHovered:"#F65651",errorPressed:"#F65651",errorFocused:"#F65651",errorContainer:"#622220",onErrorContainer:"#FFFFFF",errorContainerHovered:"#3E1514",errorContainerPressed:"#3E1514",errorContainerFocused:"#3E1514",info:"#45B8CA",onInfo:"#1D1F2A",infoHovered:"#07A0B8",infoPressed:"#07A0B8",infoFocused:"#07A0B8",infoContainer:"#03404A",onInfoContainer:"#FFFFFF",infoContainerHovered:"#02282E",infoContainerPressed:"#02282E",infoContainerFocused:"#02282E",neutral:"#ACADB1",onNeutral:"#1D1F2A",neutralHovered:"#94959A",neutralPressed:"#94959A",neutralFocused:"#94959A",neutralContainer:"#353741",onNeutralContainer:"#FFFFFF",neutralContainerHovered:"#1D1F2A",neutralContainerPressed:"#1D1F2A",neutralContainerFocused:"#1D1F2A",background:"#1D1F2A",onBackground:"#FFFFFF",backgroundVariant:"#000000",onBackgroundVariant:"#F4F4F4",surface:"#1D1F2A",onSurface:"#FFFFFF",surfaceHovered:"#000000",surfacePressed:"#000000",surfaceFocused:"#000000",surfaceInverse:"#F4F4F4",onSurfaceInverse:"#353741",surfaceInverseHovered:"#F4F4F4",surfaceInversePressed:"#F4F4F4",surfaceInverseFocused:"#F4F4F4",outline:"#4D4E57",outlineHigh:"#FFFFFF",overlay:"#353741B8",onOverlay:"#FFFFFF"}});exports.createTheme=n,exports.defaultTheme=e,exports.defaultThemeDark=a;
|
package/dist/index.mjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import r from "deepmerge";
|
|
2
|
-
const
|
|
3
|
-
function
|
|
2
|
+
const F = { 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: "#1D1F58", 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: "#3173FF", mainPressed: "#3173FF", mainFocused: "#3173FF", 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: "#4D4E7B", onSupportVariant: "#FFFFFF", supportVariantHovered: "#65668D", supportVariantPressed: "#65668D", supportVariantFocused: "#65668D", success: "#31A56B", onSuccess: "#FFFFFF", successHovered: "#64BC90", successPressed: "#64BC90", successFocused: "#64BC90", successContainer: "#E0F2E9", onSuccessContainer: "#1D6340", successContainerHovered: "#F5FBF8", successContainerPressed: "#F5FBF8", successContainerFocused: "#F5FBF8", alert: "#F4BF48", onAlert: "#1D1F2A", alertHovered: "#F7CF76", alertPressed: "#F7CF76", alertFocused: "#F7CF76", alertContainer: "#FDF5E4", onAlertContainer: "#624C1D", 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: "#353741", onNeutral: "#FFFFFF", neutralHovered: "#4D4E57", neutralPressed: "#4D4E57", neutralFocused: "#4D4E57", neutralContainer: "#DCDCDE", onNeutralContainer: "#353741", neutralContainerHovered: "#F4F4F4", neutralContainerPressed: "#F4F4F4", neutralContainerFocused: "#F4F4F4", background: "#FFFFFF", onBackground: "#1D1F2A", backgroundVariant: "#F4F4F4", onBackgroundVariant: "#1D1F2A", surface: "#FFFFFF", onSurface: "#1D1F2A", surfaceHovered: "#F2F6FF", surfacePressed: "#F2F6FF", surfaceFocused: "#F2F6FF", surfaceInverse: "#353741", onSurfaceInverse: "#FFFFFF", surfaceInverseHovered: "#353741", surfaceInversePressed: "#353741", surfaceInverseFocused: "#353741", outline: "#DCDCDE", outlineHigh: "#1D1F2A", overlay: "#353741B8", 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
|
+
function o(e, n = F) {
|
|
4
4
|
return r(n, e);
|
|
5
5
|
}
|
|
6
|
-
const t =
|
|
6
|
+
const t = o({ 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: "#001766", 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: "#1D1F2A", successHovered: "#31A56B", successPressed: "#31A56B", successFocused: "#31A56B", successContainer: "#14422B", onSuccessContainer: "#B7DFCB", successContainerHovered: "#14422B", successContainerPressed: "#14422B", successContainerFocused: "#14422B", alert: "#F7CF76", onAlert: "#1D1F2A", alertHovered: "#F4BF48", alertPressed: "#F4BF48", alertFocused: "#F4BF48", alertContainer: "#624C1D", onAlertContainer: "#FFFFFF", alertContainerHovered: "#3D3012", alertContainerPressed: "#3D3012", alertContainerFocused: "#3D3012", error: "#F8807D", onError: "#1D1F2A", errorHovered: "#F65651", errorPressed: "#F65651", errorFocused: "#F65651", errorContainer: "#622220", onErrorContainer: "#FFFFFF", errorContainerHovered: "#3E1514", errorContainerPressed: "#3E1514", errorContainerFocused: "#3E1514", info: "#45B8CA", onInfo: "#1D1F2A", infoHovered: "#07A0B8", infoPressed: "#07A0B8", infoFocused: "#07A0B8", infoContainer: "#03404A", onInfoContainer: "#FFFFFF", infoContainerHovered: "#02282E", infoContainerPressed: "#02282E", infoContainerFocused: "#02282E", neutral: "#ACADB1", onNeutral: "#1D1F2A", neutralHovered: "#94959A", neutralPressed: "#94959A", neutralFocused: "#94959A", neutralContainer: "#353741", onNeutralContainer: "#FFFFFF", neutralContainerHovered: "#1D1F2A", neutralContainerPressed: "#1D1F2A", neutralContainerFocused: "#1D1F2A", background: "#1D1F2A", onBackground: "#FFFFFF", backgroundVariant: "#000000", onBackgroundVariant: "#F4F4F4", surface: "#1D1F2A", onSurface: "#FFFFFF", surfaceHovered: "#000000", surfacePressed: "#000000", surfaceFocused: "#000000", surfaceInverse: "#F4F4F4", onSurfaceInverse: "#353741", surfaceInverseHovered: "#F4F4F4", surfaceInversePressed: "#F4F4F4", surfaceInverseFocused: "#F4F4F4", outline: "#4D4E57", outlineHigh: "#FFFFFF", overlay: "#353741B8", onOverlay: "#FFFFFF" } });
|
|
7
7
|
export {
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
o as createTheme,
|
|
9
|
+
F as defaultTheme,
|
|
10
10
|
t as defaultThemeDark
|
|
11
11
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spark-ui/theme-utils",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "5.0.0",
|
|
4
4
|
"description": "package for managing Spark theme configuration",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
},
|
|
36
36
|
"homepage": "https://sparkui.vercel.app",
|
|
37
37
|
"license": "MIT",
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "cda68c4d65aa3f6f1bd4c47c42e8e72aadb263fd"
|
|
39
39
|
}
|