New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@spark-ui/theme-utils

Package Overview
Dependencies
Maintainers
7
Versions
205
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@spark-ui/theme-utils - npm Package Compare versions

Comparing version 2.2.0 to 2.3.0

6

CHANGELOG.md

@@ -6,2 +6,8 @@ # Change Log

# [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)
### Features
- **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)
# [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)

@@ -8,0 +14,0 @@

12

dist/createTheme.d.ts

@@ -1,15 +0,13 @@

import { PartialDeep } from 'type-fest';
import type { Theme } from './types';
import { type Theme } from './types';
/**
* Create a custom theme by merging the default theme with a partial custom theme passed as an argument.
*
* @param {PartialDeep<Theme>} theme - A partial theme object of type PartialDeep<Theme> which holds the theme values that need to be customized or overridden
* @param theme - A partial theme object of type Partial<Theme> which holds the theme values that need to be customized or overridden
* @param fromTheme - Use this argument if you want to derivate your theme from another theme (instead of Spark's default theme)
*
* @returns {Theme}
*
* @example
*
* const alternativeTheme: PartialDeep<Theme> = { ... }
* const alternativeTheme: Partial<Theme> = { ... }
* const newTheme = createTheme(alternativeTheme)
*/
export declare function createTheme(theme?: PartialDeep<Theme>, fromTheme?: Theme): Theme;
export declare function createTheme(theme: Partial<Theme>, fromTheme?: Theme): Theme;

2

dist/index.js

@@ -1,1 +0,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;
"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;

4

package.json
{
"name": "@spark-ui/theme-utils",
"version": "2.2.0",
"version": "2.3.0",
"description": "package for managing Spark theme configuration",

@@ -23,3 +23,3 @@ "publishConfig": {

},
"gitHead": "c0632e10b378b3819f0df0779cb25d502dd16866"
"gitHead": "920c415878ef0f07ac3409a4c24d5ee2b49423a4"
}
dist/index.mjs

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc