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

@equinor/eds-tokens

Package Overview
Dependencies
Maintainers
3
Versions
38
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@equinor/eds-tokens - npm Package Compare versions

Comparing version 0.6.0 to 0.7.0-dev.202205096

118

dist/tokens.cjs.js

@@ -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: '2px',
},
pressed_light_overlay: {
blendMode: 'pass_through',
pressedColor: 'rgba(255, 255, 255, 1)',
},
},
},
pressed_dark_overlay: {

@@ -419,3 +436,3 @@ blendMode: 'darken',

color: 'rgba(0, 112, 121, 1)',
width: '1px',
width: '2px',
},

@@ -429,2 +446,51 @@ pressed_light_overlay: {

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: {

@@ -636,3 +702,3 @@ minHeight: '36px',

fontSize: '1.000rem',
fontWeight: 700,
fontWeight: 400,
letterSpacing: '0.013em',

@@ -847,2 +913,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: {

@@ -849,0 +963,0 @@ tooltip: {

118

dist/tokens.esm.js

@@ -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: '2px',
},
pressed_light_overlay: {
blendMode: 'pass_through',
pressedColor: 'rgba(255, 255, 255, 1)',
},
},
},
pressed_dark_overlay: {

@@ -415,3 +432,3 @@ blendMode: 'darken',

color: 'rgba(0, 112, 121, 1)',
width: '1px',
width: '2px',
},

@@ -425,2 +442,51 @@ pressed_light_overlay: {

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: {

@@ -632,3 +698,3 @@ minHeight: '36px',

fontSize: '1.000rem',
fontWeight: 700,
fontWeight: 400,
letterSpacing: '0.013em',

@@ -843,2 +909,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: {

@@ -845,0 +959,0 @@ tooltip: {

124

dist/tokens.umd.js
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
typeof define === 'function' && define.amd ? define(['exports'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['@equinor/eds-tokens'] = {}));
}(this, (function (exports) { 'use strict';
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@equinor/eds-tokens"] = {}));
})(this, (function (exports) { 'use strict';

@@ -413,2 +413,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: '2px',
},
pressed_light_overlay: {
blendMode: 'pass_through',
pressedColor: 'rgba(255, 255, 255, 1)',
},
},
},
pressed_dark_overlay: {

@@ -421,3 +438,3 @@ blendMode: 'darken',

color: 'rgba(0, 112, 121, 1)',
width: '1px',
width: '2px',
},

@@ -431,2 +448,51 @@ pressed_light_overlay: {

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: {

@@ -638,3 +704,3 @@ minHeight: '36px',

fontSize: '1.000rem',
fontWeight: 700,
fontWeight: 400,
letterSpacing: '0.013em',

@@ -849,2 +915,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: {

@@ -908,2 +1022,2 @@ tooltip: {

})));
}));

114

dist/types/base/index.d.ts

@@ -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: {

17

dist/types/base/interactions.d.ts
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;

49

dist/types/base/shape.d.ts
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;

48

dist/types/base/typography.d.ts

@@ -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: {

6

dist/types/src/types/component.d.ts

@@ -1,2 +0,2 @@

import { Spacing, Borders, Typography, Outline, Clickbound, Pressed } from './index';
import { Spacing, Borders, Typography, Outline, Clickbound, Pressed, Align } from './index';
export declare type ComponentToken = {

@@ -11,2 +11,3 @@ maxHeight?: string;

background?: string;
align?: Align;
spacings?: Spacing;

@@ -21,2 +22,5 @@ border?: Borders;

disabled?: ComponentToken;
readOnly?: ComponentToken & {
outline?: Outline;
};
focus?: ComponentToken & {

@@ -23,0 +27,0 @@ outline?: Outline;

4

dist/types/src/types/index.d.ts

@@ -32,2 +32,6 @@ import { typography } from '../../base/typography';

};
export declare type Align = {
horizontal?: string;
vertical?: string;
};
export declare type SpacingTokens = {

@@ -34,0 +38,0 @@ comfortable: {

21

package.json
{
"name": "@equinor/eds-tokens",
"version": "0.6.0",
"version": "0.7.0-dev.202205096",
"description": "Design tokens for the Equinor Design System",

@@ -18,3 +18,3 @@ "main": "dist/tokens.cjs.js",

"url": "https://github.com/equinor/design-system",
"directory": "libraries/tokens"
"directory": "packages/eds-tokens"
},

@@ -28,6 +28,2 @@ "bugs": {

],
"scripts": {
"build": "rollup -c",
"dev": "rollup -c -w"
},
"keywords": [

@@ -41,8 +37,8 @@ "eds",

"@rollup/plugin-node-resolve": "^10.0.0",
"rollup": "^2.34.0",
"rollup": "^2.72.0",
"rollup-plugin-delete": "^2.0.0",
"rollup-plugin-size-snapshot": "^0.12.0",
"rollup-plugin-typescript2": "^0.29.0",
"tslib": "^2.0.3",
"typescript": "^4.1.2"
"tslib": "^2.4.0",
"typescript": "^4.6.4"
},

@@ -52,3 +48,8 @@ "engines": {

"node": ">=10.0.0"
},
"scripts": {
"build": "rollup -c",
"dev": "rollup -c -w",
"types": "tsc"
}
}
}
CHANGELOG.md
commonjs/node_modules/.modules.yaml
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