Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@equinor/eds-tokens
Advanced tools
@equinor/eds-tokens - npm Package Compare versions
Comparing version 0.6.0 to 0.7.0
@@ -411,2 +411,19 @@ 'use strict'; | ||
| const interactions = { | ||
| _modes: { | ||
| compact: { | ||
| pressed_dark_overlay: { | ||
| blendMode: 'pass_through', | ||
| pressedColor: 'transparent', | ||
| }, | ||
| focused: { | ||
| style: 'dashed', | ||
| color: 'rgba(0, 112, 121, 1)', | ||
| width: '1px', | ||
| }, | ||
| pressed_light_overlay: { | ||
| blendMode: 'pass_through', | ||
| pressedColor: 'rgba(255, 255, 255, 1)', | ||
| }, | ||
| }, | ||
| }, | ||
| pressed_dark_overlay: { | ||
@@ -428,2 +445,51 @@ blendMode: 'darken', | ||
| const shape = { | ||
| _modes: { | ||
| compact: { | ||
| rounded: { | ||
| minHeight: '24px', | ||
| minWidth: '80px', | ||
| borderRadius: '100px', | ||
| }, | ||
| button: { | ||
| minHeight: '24px', | ||
| minWidth: '112px', | ||
| borderRadius: '4px', | ||
| }, | ||
| toggle: { | ||
| minHeight: '24px', | ||
| minWidth: '112px', | ||
| borderRadius: '4px', | ||
| }, | ||
| corners: { | ||
| minHeight: '24px', | ||
| minWidth: '112px', | ||
| borderRadius: '4px', | ||
| }, | ||
| icon_button: { | ||
| minHeight: '32px', | ||
| minWidth: '32px', | ||
| borderRadius: '100px', | ||
| }, | ||
| straight: { | ||
| minHeight: '24px', | ||
| minWidth: '112px', | ||
| borderRadius: '', | ||
| }, | ||
| toggle_rounded_border: { | ||
| minHeight: '24px', | ||
| minWidth: '2px', | ||
| borderRadius: '', | ||
| }, | ||
| toggle_straight_border: { | ||
| minHeight: '24px', | ||
| minWidth: '2px', | ||
| borderRadius: '', | ||
| }, | ||
| circle: { | ||
| minHeight: '24px', | ||
| minWidth: '24px', | ||
| borderRadius: '100px', | ||
| }, | ||
| }, | ||
| }, | ||
| toggle_straight_border: { | ||
@@ -635,3 +701,3 @@ minHeight: '36px', | ||
| fontSize: '1.000rem', | ||
| fontWeight: 700, | ||
| fontWeight: 400, | ||
| letterSpacing: '0.013em', | ||
@@ -846,2 +912,50 @@ lineHeight: '1.000em', | ||
| }, | ||
| _modes: { | ||
| compact: { | ||
| table: { | ||
| cell_header: { | ||
| color: 'rgba(0, 0, 0, 1)', | ||
| fontFamily: 'Equinor', | ||
| fontSize: '0.875rem', | ||
| fontWeight: 700, | ||
| lineHeight: '1.143em', | ||
| textAlign: 'left', | ||
| }, | ||
| cell_text: { | ||
| color: 'rgba(0, 0, 0, 1)', | ||
| fontFamily: 'Equinor', | ||
| fontSize: '0.875rem', | ||
| fontWeight: 500, | ||
| lineHeight: '1.143em', | ||
| textAlign: 'left', | ||
| }, | ||
| cell_text_bold: { | ||
| color: 'rgba(0, 0, 0, 1)', | ||
| fontFamily: 'Equinor', | ||
| fontSize: '0.875rem', | ||
| fontWeight: 700, | ||
| lineHeight: '1.143em', | ||
| textAlign: 'left', | ||
| }, | ||
| cell_text_link: { | ||
| color: 'rgba(0, 0, 0, 1)', | ||
| fontFamily: 'Equinor', | ||
| fontSize: '0.875rem', | ||
| fontWeight: 500, | ||
| lineHeight: '1.143em', | ||
| textDecoration: 'underline', | ||
| textAlign: 'left', | ||
| }, | ||
| cell_numeric_monospaced: { | ||
| fontFeature: "'tnum' on,'lnum' on", | ||
| color: 'rgba(0, 0, 0, 1)', | ||
| fontFamily: 'Equinor', | ||
| fontSize: '0.875rem', | ||
| fontWeight: 500, | ||
| lineHeight: '1.143em', | ||
| textAlign: 'left', | ||
| }, | ||
| }, | ||
| }, | ||
| }, | ||
| ui: { | ||
@@ -848,0 +962,0 @@ tooltip: { |
@@ -407,2 +407,19 @@ const clickbounds = { | ||
| const interactions = { | ||
| _modes: { | ||
| compact: { | ||
| pressed_dark_overlay: { | ||
| blendMode: 'pass_through', | ||
| pressedColor: 'transparent', | ||
| }, | ||
| focused: { | ||
| style: 'dashed', | ||
| color: 'rgba(0, 112, 121, 1)', | ||
| width: '1px', | ||
| }, | ||
| pressed_light_overlay: { | ||
| blendMode: 'pass_through', | ||
| pressedColor: 'rgba(255, 255, 255, 1)', | ||
| }, | ||
| }, | ||
| }, | ||
| pressed_dark_overlay: { | ||
@@ -424,2 +441,51 @@ blendMode: 'darken', | ||
| const shape = { | ||
| _modes: { | ||
| compact: { | ||
| rounded: { | ||
| minHeight: '24px', | ||
| minWidth: '80px', | ||
| borderRadius: '100px', | ||
| }, | ||
| button: { | ||
| minHeight: '24px', | ||
| minWidth: '112px', | ||
| borderRadius: '4px', | ||
| }, | ||
| toggle: { | ||
| minHeight: '24px', | ||
| minWidth: '112px', | ||
| borderRadius: '4px', | ||
| }, | ||
| corners: { | ||
| minHeight: '24px', | ||
| minWidth: '112px', | ||
| borderRadius: '4px', | ||
| }, | ||
| icon_button: { | ||
| minHeight: '32px', | ||
| minWidth: '32px', | ||
| borderRadius: '100px', | ||
| }, | ||
| straight: { | ||
| minHeight: '24px', | ||
| minWidth: '112px', | ||
| borderRadius: '', | ||
| }, | ||
| toggle_rounded_border: { | ||
| minHeight: '24px', | ||
| minWidth: '2px', | ||
| borderRadius: '', | ||
| }, | ||
| toggle_straight_border: { | ||
| minHeight: '24px', | ||
| minWidth: '2px', | ||
| borderRadius: '', | ||
| }, | ||
| circle: { | ||
| minHeight: '24px', | ||
| minWidth: '24px', | ||
| borderRadius: '100px', | ||
| }, | ||
| }, | ||
| }, | ||
| toggle_straight_border: { | ||
@@ -631,3 +697,3 @@ minHeight: '36px', | ||
| fontSize: '1.000rem', | ||
| fontWeight: 700, | ||
| fontWeight: 400, | ||
| letterSpacing: '0.013em', | ||
@@ -842,2 +908,50 @@ lineHeight: '1.000em', | ||
| }, | ||
| _modes: { | ||
| compact: { | ||
| table: { | ||
| cell_header: { | ||
| color: 'rgba(0, 0, 0, 1)', | ||
| fontFamily: 'Equinor', | ||
| fontSize: '0.875rem', | ||
| fontWeight: 700, | ||
| lineHeight: '1.143em', | ||
| textAlign: 'left', | ||
| }, | ||
| cell_text: { | ||
| color: 'rgba(0, 0, 0, 1)', | ||
| fontFamily: 'Equinor', | ||
| fontSize: '0.875rem', | ||
| fontWeight: 500, | ||
| lineHeight: '1.143em', | ||
| textAlign: 'left', | ||
| }, | ||
| cell_text_bold: { | ||
| color: 'rgba(0, 0, 0, 1)', | ||
| fontFamily: 'Equinor', | ||
| fontSize: '0.875rem', | ||
| fontWeight: 700, | ||
| lineHeight: '1.143em', | ||
| textAlign: 'left', | ||
| }, | ||
| cell_text_link: { | ||
| color: 'rgba(0, 0, 0, 1)', | ||
| fontFamily: 'Equinor', | ||
| fontSize: '0.875rem', | ||
| fontWeight: 500, | ||
| lineHeight: '1.143em', | ||
| textDecoration: 'underline', | ||
| textAlign: 'left', | ||
| }, | ||
| cell_numeric_monospaced: { | ||
| fontFeature: "'tnum' on,'lnum' on", | ||
| color: 'rgba(0, 0, 0, 1)', | ||
| fontFamily: 'Equinor', | ||
| fontSize: '0.875rem', | ||
| fontWeight: 500, | ||
| lineHeight: '1.143em', | ||
| textAlign: 'left', | ||
| }, | ||
| }, | ||
| }, | ||
| }, | ||
| ui: { | ||
@@ -844,0 +958,0 @@ tooltip: { |
@@ -413,2 +413,19 @@ (function (global, factory) { | ||
| const interactions = { | ||
| _modes: { | ||
| compact: { | ||
| pressed_dark_overlay: { | ||
| blendMode: 'pass_through', | ||
| pressedColor: 'transparent', | ||
| }, | ||
| focused: { | ||
| style: 'dashed', | ||
| color: 'rgba(0, 112, 121, 1)', | ||
| width: '1px', | ||
| }, | ||
| pressed_light_overlay: { | ||
| blendMode: 'pass_through', | ||
| pressedColor: 'rgba(255, 255, 255, 1)', | ||
| }, | ||
| }, | ||
| }, | ||
| pressed_dark_overlay: { | ||
@@ -430,2 +447,51 @@ blendMode: 'darken', | ||
| const shape = { | ||
| _modes: { | ||
| compact: { | ||
| rounded: { | ||
| minHeight: '24px', | ||
| minWidth: '80px', | ||
| borderRadius: '100px', | ||
| }, | ||
| button: { | ||
| minHeight: '24px', | ||
| minWidth: '112px', | ||
| borderRadius: '4px', | ||
| }, | ||
| toggle: { | ||
| minHeight: '24px', | ||
| minWidth: '112px', | ||
| borderRadius: '4px', | ||
| }, | ||
| corners: { | ||
| minHeight: '24px', | ||
| minWidth: '112px', | ||
| borderRadius: '4px', | ||
| }, | ||
| icon_button: { | ||
| minHeight: '32px', | ||
| minWidth: '32px', | ||
| borderRadius: '100px', | ||
| }, | ||
| straight: { | ||
| minHeight: '24px', | ||
| minWidth: '112px', | ||
| borderRadius: '', | ||
| }, | ||
| toggle_rounded_border: { | ||
| minHeight: '24px', | ||
| minWidth: '2px', | ||
| borderRadius: '', | ||
| }, | ||
| toggle_straight_border: { | ||
| minHeight: '24px', | ||
| minWidth: '2px', | ||
| borderRadius: '', | ||
| }, | ||
| circle: { | ||
| minHeight: '24px', | ||
| minWidth: '24px', | ||
| borderRadius: '100px', | ||
| }, | ||
| }, | ||
| }, | ||
| toggle_straight_border: { | ||
@@ -637,3 +703,3 @@ minHeight: '36px', | ||
| fontSize: '1.000rem', | ||
| fontWeight: 700, | ||
| fontWeight: 400, | ||
| letterSpacing: '0.013em', | ||
@@ -848,2 +914,50 @@ lineHeight: '1.000em', | ||
| }, | ||
| _modes: { | ||
| compact: { | ||
| table: { | ||
| cell_header: { | ||
| color: 'rgba(0, 0, 0, 1)', | ||
| fontFamily: 'Equinor', | ||
| fontSize: '0.875rem', | ||
| fontWeight: 700, | ||
| lineHeight: '1.143em', | ||
| textAlign: 'left', | ||
| }, | ||
| cell_text: { | ||
| color: 'rgba(0, 0, 0, 1)', | ||
| fontFamily: 'Equinor', | ||
| fontSize: '0.875rem', | ||
| fontWeight: 500, | ||
| lineHeight: '1.143em', | ||
| textAlign: 'left', | ||
| }, | ||
| cell_text_bold: { | ||
| color: 'rgba(0, 0, 0, 1)', | ||
| fontFamily: 'Equinor', | ||
| fontSize: '0.875rem', | ||
| fontWeight: 700, | ||
| lineHeight: '1.143em', | ||
| textAlign: 'left', | ||
| }, | ||
| cell_text_link: { | ||
| color: 'rgba(0, 0, 0, 1)', | ||
| fontFamily: 'Equinor', | ||
| fontSize: '0.875rem', | ||
| fontWeight: 500, | ||
| lineHeight: '1.143em', | ||
| textDecoration: 'underline', | ||
| textAlign: 'left', | ||
| }, | ||
| cell_numeric_monospaced: { | ||
| fontFeature: "'tnum' on,'lnum' on", | ||
| color: 'rgba(0, 0, 0, 1)', | ||
| fontFamily: 'Equinor', | ||
| fontSize: '0.875rem', | ||
| fontWeight: 500, | ||
| lineHeight: '1.143em', | ||
| textAlign: 'left', | ||
| }, | ||
| }, | ||
| }, | ||
| }, | ||
| ui: { | ||
@@ -850,0 +964,0 @@ tooltip: { |
@@ -405,2 +405,19 @@ export declare const tokens: { | ||
| interactions: { | ||
| _modes: { | ||
| compact: { | ||
| pressed_dark_overlay: { | ||
| blendMode: string; | ||
| pressedColor: string; | ||
| }; | ||
| focused: { | ||
| style: string; | ||
| color: string; | ||
| width: string; | ||
| }; | ||
| pressed_light_overlay: { | ||
| blendMode: string; | ||
| pressedColor: string; | ||
| }; | ||
| }; | ||
| }; | ||
| pressed_dark_overlay: { | ||
@@ -421,2 +438,51 @@ blendMode: string; | ||
| shape: { | ||
| _modes: { | ||
| compact: { | ||
| rounded: { | ||
| minHeight: string; | ||
| minWidth: string; | ||
| borderRadius: string; | ||
| }; | ||
| button: { | ||
| minHeight: string; | ||
| minWidth: string; | ||
| borderRadius: string; | ||
| }; | ||
| toggle: { | ||
| minHeight: string; | ||
| minWidth: string; | ||
| borderRadius: string; | ||
| }; | ||
| corners: { | ||
| minHeight: string; | ||
| minWidth: string; | ||
| borderRadius: string; | ||
| }; | ||
| icon_button: { | ||
| minHeight: string; | ||
| minWidth: string; | ||
| borderRadius: string; | ||
| }; | ||
| straight: { | ||
| minHeight: string; | ||
| minWidth: string; | ||
| borderRadius: string; | ||
| }; | ||
| toggle_rounded_border: { | ||
| minHeight: string; | ||
| minWidth: string; | ||
| borderRadius: string; | ||
| }; | ||
| toggle_straight_border: { | ||
| minHeight: string; | ||
| minWidth: string; | ||
| borderRadius: string; | ||
| }; | ||
| circle: { | ||
| minHeight: string; | ||
| minWidth: string; | ||
| borderRadius: string; | ||
| }; | ||
| }; | ||
| }; | ||
| toggle_straight_border: { | ||
@@ -836,2 +902,50 @@ minHeight: string; | ||
| }; | ||
| _modes: { | ||
| compact: { | ||
| table: { | ||
| cell_header: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: string; | ||
| fontWeight: number; | ||
| lineHeight: string; | ||
| textAlign: string; | ||
| }; | ||
| cell_text: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: string; | ||
| fontWeight: number; | ||
| lineHeight: string; | ||
| textAlign: string; | ||
| }; | ||
| cell_text_bold: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: string; | ||
| fontWeight: number; | ||
| lineHeight: string; | ||
| textAlign: string; | ||
| }; | ||
| cell_text_link: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: string; | ||
| fontWeight: number; | ||
| lineHeight: string; | ||
| textDecoration: string; | ||
| textAlign: string; | ||
| }; | ||
| cell_numeric_monospaced: { | ||
| fontFeature: string; | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: string; | ||
| fontWeight: number; | ||
| lineHeight: string; | ||
| textAlign: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| ui: { | ||
@@ -838,0 +952,0 @@ tooltip: { |
| export declare const interactions: { | ||
| _modes: { | ||
| compact: { | ||
| pressed_dark_overlay: { | ||
| blendMode: string; | ||
| pressedColor: string; | ||
| }; | ||
| focused: { | ||
| style: string; | ||
| color: string; | ||
| width: string; | ||
| }; | ||
| pressed_light_overlay: { | ||
| blendMode: string; | ||
| pressedColor: string; | ||
| }; | ||
| }; | ||
| }; | ||
| pressed_dark_overlay: { | ||
@@ -3,0 +20,0 @@ blendMode: string; |
| export declare const shape: { | ||
| _modes: { | ||
| compact: { | ||
| rounded: { | ||
| minHeight: string; | ||
| minWidth: string; | ||
| borderRadius: string; | ||
| }; | ||
| button: { | ||
| minHeight: string; | ||
| minWidth: string; | ||
| borderRadius: string; | ||
| }; | ||
| toggle: { | ||
| minHeight: string; | ||
| minWidth: string; | ||
| borderRadius: string; | ||
| }; | ||
| corners: { | ||
| minHeight: string; | ||
| minWidth: string; | ||
| borderRadius: string; | ||
| }; | ||
| icon_button: { | ||
| minHeight: string; | ||
| minWidth: string; | ||
| borderRadius: string; | ||
| }; | ||
| straight: { | ||
| minHeight: string; | ||
| minWidth: string; | ||
| borderRadius: string; | ||
| }; | ||
| toggle_rounded_border: { | ||
| minHeight: string; | ||
| minWidth: string; | ||
| borderRadius: string; | ||
| }; | ||
| toggle_straight_border: { | ||
| minHeight: string; | ||
| minWidth: string; | ||
| borderRadius: string; | ||
| }; | ||
| circle: { | ||
| minHeight: string; | ||
| minWidth: string; | ||
| borderRadius: string; | ||
| }; | ||
| }; | ||
| }; | ||
| toggle_straight_border: { | ||
@@ -3,0 +52,0 @@ minHeight: string; |
@@ -346,2 +346,50 @@ export declare const typography: { | ||
| }; | ||
| _modes: { | ||
| compact: { | ||
| table: { | ||
| cell_header: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: string; | ||
| fontWeight: number; | ||
| lineHeight: string; | ||
| textAlign: string; | ||
| }; | ||
| cell_text: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: string; | ||
| fontWeight: number; | ||
| lineHeight: string; | ||
| textAlign: string; | ||
| }; | ||
| cell_text_bold: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: string; | ||
| fontWeight: number; | ||
| lineHeight: string; | ||
| textAlign: string; | ||
| }; | ||
| cell_text_link: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: string; | ||
| fontWeight: number; | ||
| lineHeight: string; | ||
| textDecoration: string; | ||
| textAlign: string; | ||
| }; | ||
| cell_numeric_monospaced: { | ||
| fontFeature: string; | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: string; | ||
| fontWeight: number; | ||
| lineHeight: string; | ||
| textAlign: string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| ui: { | ||
@@ -348,0 +396,0 @@ tooltip: { |
@@ -20,2 +20,5 @@ import { Spacing, Borders, Typography, Outline, Clickbound, Pressed } from './index'; | ||
| disabled?: ComponentToken; | ||
| readOnly?: ComponentToken & { | ||
| outline?: Outline; | ||
| }; | ||
| focus?: ComponentToken & { | ||
@@ -22,0 +25,0 @@ outline?: Outline; |
| { | ||
| "name": "@equinor/eds-tokens", | ||
| "version": "0.6.0", | ||
| "version": "0.7.0", | ||
| "description": "Design tokens for the Equinor Design System", | ||
@@ -27,6 +27,2 @@ "main": "dist/tokens.cjs.js", | ||
| ], | ||
| "scripts": { | ||
| "build": "rollup -c", | ||
| "dev": "rollup -c -w" | ||
| }, | ||
| "keywords": [ | ||
@@ -50,3 +46,7 @@ "eds", | ||
| "node": ">=10.0.0" | ||
| }, | ||
| "scripts": { | ||
| "build": "rollup -c", | ||
| "dev": "rollup -c -w" | ||
| } | ||
| } | ||
| } |
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
Improved metrics
- Total package byte prevSize
- increased by9.27%
167580
- Lines of code
- increased by12.58%
5128
Worsened metrics
- Number of package files
- decreased by-8.33%
22
No dependency changes