Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@urbaninfrastructure/react-ui-kit
Advanced tools
@urbaninfrastructure/react-ui-kit - npm Package Compare versions
Comparing version 5.3.8-dev.3 to 5.3.8-dev.4
@@ -20,3 +20,3 @@ import { DefaultTheme } from 'styled-components'; | ||
| }) => { | ||
| color: string; | ||
| color: any; | ||
| } | { | ||
@@ -23,0 +23,0 @@ color?: undefined; |
@@ -57,1067 +57,3 @@ import { ThemeKey } from '@urbaninfrastructure/design-tokens'; | ||
| }; | ||
| colors: { | ||
| text: string; | ||
| borderGray: string; | ||
| formGray: string; | ||
| neutral: string[]; | ||
| palette: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteLight: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteDark: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| accent: { | ||
| aubergine: string; | ||
| green: string; | ||
| purple: string; | ||
| blue: string; | ||
| }; | ||
| state: { | ||
| error: string; | ||
| info: string; | ||
| warning: string; | ||
| success: string; | ||
| }; | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| } | { | ||
| text: string; | ||
| borderGray: string; | ||
| formGray: string; | ||
| neutral: string[]; | ||
| palette: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteLight: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteDark: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| accent: { | ||
| aubergine: string; | ||
| green: string; | ||
| purple: string; | ||
| blue: string; | ||
| }; | ||
| state: { | ||
| error: string; | ||
| info: string; | ||
| warning: string; | ||
| success: string; | ||
| }; | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| } | { | ||
| text: string; | ||
| borderGray: string; | ||
| formGray: string; | ||
| neutral: string[]; | ||
| palette: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteLight: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteDark: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| accent: { | ||
| aubergine: string; | ||
| green: string; | ||
| purple: string; | ||
| blue: string; | ||
| }; | ||
| state: { | ||
| error: string; | ||
| info: string; | ||
| warning: string; | ||
| success: string; | ||
| }; | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| } | { | ||
| text: string; | ||
| borderGray: string; | ||
| formGray: string; | ||
| neutral: string[]; | ||
| palette: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteLight: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteDark: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| accent: { | ||
| aubergine: string; | ||
| green: string; | ||
| purple: string; | ||
| blue: string; | ||
| }; | ||
| state: { | ||
| error: string; | ||
| info: string; | ||
| warning: string; | ||
| success: string; | ||
| }; | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| } | { | ||
| text: string; | ||
| borderGray: string; | ||
| formGray: string; | ||
| neutral: string[]; | ||
| palette: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteLight: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteDark: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| accent: { | ||
| aubergine: string; | ||
| green: string; | ||
| purple: string; | ||
| blue: string; | ||
| }; | ||
| state: { | ||
| error: string; | ||
| info: string; | ||
| warning: string; | ||
| success: string; | ||
| }; | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| } | { | ||
| text: string; | ||
| borderGray: string; | ||
| formGray: string; | ||
| neutral: string[]; | ||
| palette: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteLight: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteDark: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| accent: { | ||
| aubergine: string; | ||
| green: string; | ||
| purple: string; | ||
| blue: string; | ||
| }; | ||
| state: { | ||
| error: string; | ||
| info: string; | ||
| warning: string; | ||
| success: string; | ||
| }; | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| } | { | ||
| text: string; | ||
| borderGray: string; | ||
| formGray: string; | ||
| neutral: string[]; | ||
| palette: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteLight: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteDark: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| accent: { | ||
| aubergine: string; | ||
| green: string; | ||
| purple: string; | ||
| blue: string; | ||
| }; | ||
| state: { | ||
| error: string; | ||
| info: string; | ||
| warning: string; | ||
| success: string; | ||
| }; | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| } | { | ||
| text: string; | ||
| borderGray: string; | ||
| formGray: string; | ||
| neutral: string[]; | ||
| palette: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteLight: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteDark: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| accent: { | ||
| aubergine: string; | ||
| green: string; | ||
| purple: string; | ||
| blue: string; | ||
| }; | ||
| state: { | ||
| error: string; | ||
| info: string; | ||
| warning: string; | ||
| success: string; | ||
| }; | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| } | { | ||
| text: string; | ||
| borderGray: string; | ||
| formGray: string; | ||
| neutral: string[]; | ||
| palette: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteLight: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteDark: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| accent: { | ||
| aubergine: string; | ||
| green: string; | ||
| purple: string; | ||
| blue: string; | ||
| }; | ||
| state: { | ||
| error: string; | ||
| info: string; | ||
| warning: string; | ||
| success: string; | ||
| }; | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| } | { | ||
| text: string; | ||
| borderGray: string; | ||
| formGray: string; | ||
| neutral: string[]; | ||
| palette: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteLight: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteDark: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| accent: { | ||
| aubergine: string; | ||
| green: string; | ||
| purple: string; | ||
| blue: string; | ||
| }; | ||
| state: { | ||
| error: string; | ||
| info: string; | ||
| warning: string; | ||
| success: string; | ||
| }; | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| } | { | ||
| text: string; | ||
| borderGray: string; | ||
| formGray: string; | ||
| neutral: string[]; | ||
| palette: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteLight: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteDark: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| accent: { | ||
| aubergine: string; | ||
| green: string; | ||
| purple: string; | ||
| blue: string; | ||
| }; | ||
| state: { | ||
| error: string; | ||
| info: string; | ||
| warning: string; | ||
| success: string; | ||
| }; | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| } | { | ||
| text: string; | ||
| borderGray: string; | ||
| formGray: string; | ||
| neutral: string[]; | ||
| palette: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteLight: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteDark: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| accent: { | ||
| aubergine: string; | ||
| green: string; | ||
| purple: string; | ||
| blue: string; | ||
| }; | ||
| state: { | ||
| error: string; | ||
| info: string; | ||
| warning: string; | ||
| success: string; | ||
| }; | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| } | { | ||
| text: string; | ||
| borderGray: string; | ||
| formGray: string; | ||
| neutral: string[]; | ||
| palette: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteLight: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteDark: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| accent: { | ||
| aubergine: string; | ||
| green: string; | ||
| purple: string; | ||
| blue: string; | ||
| }; | ||
| state: { | ||
| error: string; | ||
| info: string; | ||
| warning: string; | ||
| success: string; | ||
| }; | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| } | { | ||
| text: string; | ||
| borderGray: string; | ||
| formGray: string; | ||
| neutral: string[]; | ||
| palette: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteLight: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| paletteDark: { | ||
| red01: string; | ||
| orange01: string; | ||
| green01: string; | ||
| green02: string; | ||
| green03: string; | ||
| blue01: string; | ||
| blue02: string; | ||
| purple01: string; | ||
| purple02: string; | ||
| pink01: string; | ||
| red02: string; | ||
| edinburghCityBike: string; | ||
| bikeMi: string; | ||
| greenMachine: string; | ||
| }; | ||
| accent: { | ||
| aubergine: string; | ||
| green: string; | ||
| purple: string; | ||
| blue: string; | ||
| }; | ||
| state: { | ||
| error: string; | ||
| info: string; | ||
| warning: string; | ||
| success: string; | ||
| }; | ||
| primaryIsDark: boolean; | ||
| primary: string; | ||
| primaryLight: string; | ||
| primaryDark: string; | ||
| primaryDarkContrast: string; | ||
| primaryContrast: string; | ||
| primaryIcon: string; | ||
| primaryText: string; | ||
| link: string; | ||
| white: string; | ||
| selectedBackground: string; | ||
| }; | ||
| colors: any; | ||
| fonts: { | ||
@@ -1131,7 +67,7 @@ sansSerif: string; | ||
| primary: { | ||
| color: string; | ||
| backgroundColor: string; | ||
| borderColor: string; | ||
| color: any; | ||
| backgroundColor: any; | ||
| borderColor: any; | ||
| '&:hover,&:focus': { | ||
| color: string; | ||
| color: any; | ||
| filter: string; | ||
@@ -1141,39 +77,39 @@ }; | ||
| secondary: { | ||
| color: string; | ||
| backgroundColor: string; | ||
| borderColor: string; | ||
| color: any; | ||
| backgroundColor: any; | ||
| borderColor: any; | ||
| '&:hover,&:focus': { | ||
| borderColor: string; | ||
| color: string; | ||
| borderColor: any; | ||
| color: any; | ||
| }; | ||
| }; | ||
| secondaryNegative: { | ||
| color: string; | ||
| color: any; | ||
| backgroundColor: string; | ||
| borderColor: string; | ||
| borderColor: any; | ||
| '&:hover,&:focus': { | ||
| borderColor: string; | ||
| color: string; | ||
| borderColor: any; | ||
| color: any; | ||
| }; | ||
| }; | ||
| primaryDark: { | ||
| color: string; | ||
| backgroundColor: string; | ||
| borderColor: string; | ||
| color: any; | ||
| backgroundColor: any; | ||
| borderColor: any; | ||
| '&:hover,&:focus': { | ||
| backgroundColor: string; | ||
| borderColor: string; | ||
| color: string; | ||
| backgroundColor: any; | ||
| borderColor: any; | ||
| color: any; | ||
| }; | ||
| }; | ||
| inverted: { | ||
| color: string; | ||
| backgroundColor: string; | ||
| borderColor: string; | ||
| color: any; | ||
| backgroundColor: any; | ||
| borderColor: any; | ||
| '&:hover,&:focus': { | ||
| color: string; | ||
| color: any; | ||
| }; | ||
| }; | ||
| link: { | ||
| color: string; | ||
| color: any; | ||
| textDecoration: string; | ||
@@ -1187,15 +123,15 @@ backgroundColor: string; | ||
| linkNegative: { | ||
| color: string; | ||
| color: any; | ||
| backgroundColor: string; | ||
| borderColor: string; | ||
| '&:hover,&:focus': { | ||
| borderColor: string; | ||
| borderColor: any; | ||
| }; | ||
| }; | ||
| danger: { | ||
| color: string; | ||
| backgroundColor: string; | ||
| borderColor: string; | ||
| color: any; | ||
| backgroundColor: any; | ||
| borderColor: any; | ||
| '&:hover,&:focus': { | ||
| color: string; | ||
| color: any; | ||
| filter: string; | ||
@@ -1202,0 +138,0 @@ }; |
| { | ||
| "name": "@urbaninfrastructure/react-ui-kit", | ||
| "description": "Urbansharing React component library", | ||
| "version": "5.3.8-dev.3", | ||
| "version": "5.3.8-dev.4", | ||
| "author": "Jon Espen Kvisler", | ||
@@ -29,7 +29,7 @@ "license": "MIT", | ||
| "devDependencies": { | ||
| "@urbaninfrastructure/design-tokens": "^5.2.1-dev.2", | ||
| "@urbaninfrastructure/design-tokens": "^5.2.1-dev.3", | ||
| "@urbaninfrastructure/react-icons": "^5.0.5-dev.3", | ||
| "framer-motion": "^6.2.6" | ||
| }, | ||
| "gitHead": "90337f38979a1284a6bc9dde0be85e08eaf66c67" | ||
| "gitHead": "13f2fb7a39d1f1550e5fd2cc8e0e92ed3e1725cc" | ||
| } |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Worsened metrics
- Total package byte prevSize
- decreased by-13.63%
183713
- Lines of code
- decreased by-25.94%
3037
No dependency changes