Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
hpe-design-tokens
Advanced tools
hpe-design-tokens - npm Package Compare versions
Comparing version 0.4.0 to 0.5.0
@@ -49,2 +49,84 @@ /** | ||
| }, | ||
| "hpe.focusIndicator.outlineOffset": { | ||
| "$type": "number", | ||
| "$value": "2px", | ||
| "$description": "", | ||
| "$extensions": { | ||
| "com.figma": { | ||
| "hiddenFromPublishing": true, | ||
| "scopes": [], | ||
| "codeSyntax": {} | ||
| } | ||
| }, | ||
| "filePath": "tokens/semantic/global.default.json", | ||
| "isSource": true, | ||
| "original": { | ||
| "$type": "number", | ||
| "$value": 2, | ||
| "$description": "", | ||
| "$extensions": { | ||
| "com.figma": { | ||
| "hiddenFromPublishing": true, | ||
| "scopes": [], | ||
| "codeSyntax": {} | ||
| } | ||
| } | ||
| }, | ||
| "name": "hpe.focusIndicator.outlineOffset", | ||
| "attributes": { | ||
| "category": "focusIndicator", | ||
| "type": "outlineOffset" | ||
| }, | ||
| "path": [ | ||
| "focusIndicator", | ||
| "outlineOffset" | ||
| ] | ||
| }, | ||
| "hpe.focusIndicator.boxShadow": { | ||
| "$type": "shadow", | ||
| "$value": "0 0 0 2px #ffffff ", | ||
| "$description": "", | ||
| "$extensions": { | ||
| "com.figma": { | ||
| "hiddenFromPublishing": false, | ||
| "scopes": [ | ||
| "ALL_SCOPES" | ||
| ], | ||
| "codeSyntax": {} | ||
| } | ||
| }, | ||
| "filePath": "tokens/semantic/global.default.json", | ||
| "isSource": true, | ||
| "original": { | ||
| "$type": "shadow", | ||
| "$value": [ | ||
| { | ||
| "offsetX": 0, | ||
| "offsetY": 0, | ||
| "blur": 0, | ||
| "spread": "{focusIndicator.outlineOffset}", | ||
| "color": "{base.color.white.100}" | ||
| } | ||
| ], | ||
| "$description": "", | ||
| "$extensions": { | ||
| "com.figma": { | ||
| "hiddenFromPublishing": false, | ||
| "scopes": [ | ||
| "ALL_SCOPES" | ||
| ], | ||
| "codeSyntax": {} | ||
| } | ||
| } | ||
| }, | ||
| "name": "hpe.focusIndicator.boxShadow", | ||
| "attributes": { | ||
| "category": "focusIndicator", | ||
| "type": "boxShadow" | ||
| }, | ||
| "path": [ | ||
| "focusIndicator", | ||
| "boxShadow" | ||
| ] | ||
| }, | ||
| "hpe.fontStack.primary": { | ||
@@ -51,0 +133,0 @@ "$type": "fontFamily", |
@@ -17,8 +17,7 @@ /** | ||
| "screenOverlay": "rgba(0, 0, 0, 0.12)", | ||
| "contrast": "rgba(255, 255, 255, 0.06)", | ||
| "contrast": "rgba(255, 255, 255, 0.12)", | ||
| "info": "rgba(0, 200, 255, 0.12)", | ||
| "unknown": "rgba(255, 255, 255, 0.06)", | ||
| "critical": "rgba(204, 31, 26, 0.3)", | ||
| "warning": "rgba(254, 201, 1, 0.12)", | ||
| "unknown": "#222222", | ||
| "ok": "rgba(23, 208, 166, 0.3)", | ||
| "critical": "rgba(204, 31, 26, 0.3)", | ||
| "info": "rgba(0, 200, 255, 0.12)", | ||
| "selected": { | ||
@@ -38,2 +37,3 @@ "strong": { | ||
| }, | ||
| "ok": "rgba(23, 208, 166, 0.3)", | ||
| "neutral": { | ||
@@ -64,8 +64,8 @@ "xstrong": "#f7f7f7" | ||
| "brand": "#01a982", | ||
| "heading": { | ||
| "default": "#ffffff" | ||
| }, | ||
| "onStrong": { | ||
| "default": "#222222" | ||
| }, | ||
| "heading": { | ||
| "default": "#ffffff" | ||
| }, | ||
| "critical": "#ffffff", | ||
@@ -117,2 +117,3 @@ "info": "#ffffff", | ||
| "decorative": { | ||
| "brand": "#ffffff", | ||
| "green": "#008567", | ||
@@ -152,11 +153,6 @@ "purple": "#6633bc", | ||
| "unknown": "#757575" | ||
| }, | ||
| "shadow": { | ||
| "weak": "rgba(0, 0, 0, 0.12)", | ||
| "default": "rgba(0, 0, 0, 0.36)", | ||
| "strong": "rgba(0, 0, 0, 0.5)" | ||
| } | ||
| }, | ||
| "shadow": { | ||
| "small": "0 4px 4px rgba(0, 0, 0, 0.12) ", | ||
| "small": "0 4px 4px rgba(0, 0, 0, 0.24) ", | ||
| "medium": "0px 6px 12px 0px rgba(0, 0, 0, 0.36) ", | ||
@@ -163,0 +159,0 @@ "large": "0px 12px 24px 0px rgba(0, 0, 0, 0.36) " |
@@ -18,7 +18,6 @@ /** | ||
| "contrast": "rgba(0, 0, 0, 0.04)", | ||
| "info": "rgba(0, 200, 255, 0.24)", | ||
| "unknown": "rgba(0, 0, 0, 0.04)", | ||
| "critical": "rgba(252, 97, 97, 0.24)", | ||
| "warning": "rgba(255, 188, 68, 0.24)", | ||
| "unknown": "#f7f7f7", | ||
| "ok": "rgba(23, 235, 160, 0.24)", | ||
| "critical": "rgba(252, 97, 97, 0.24)", | ||
| "info": "rgba(0, 200, 255, 0.24)", | ||
| "selected": { | ||
@@ -38,2 +37,3 @@ "strong": { | ||
| }, | ||
| "ok": "rgba(23, 235, 160, 0.24)", | ||
| "neutral": { | ||
@@ -64,8 +64,8 @@ "xstrong": "#333333" | ||
| "brand": "#01a982", | ||
| "heading": { | ||
| "default": "#333333" | ||
| }, | ||
| "onStrong": { | ||
| "default": "#ffffff" | ||
| }, | ||
| "heading": { | ||
| "default": "#333333" | ||
| }, | ||
| "critical": "#555555", | ||
@@ -117,2 +117,3 @@ "info": "#555555", | ||
| "decorative": { | ||
| "brand": "#01a982", | ||
| "green": "#17eba0", | ||
@@ -152,7 +153,2 @@ "purple": "#f740ff", | ||
| "unknown": "#8c8c8c" | ||
| }, | ||
| "shadow": { | ||
| "weak": "rgba(0, 0, 0, 0.12)", | ||
| "default": "rgba(0, 0, 0, 0.12)", | ||
| "strong": "rgba(0, 0, 0, 0.24)" | ||
| } | ||
@@ -163,5 +159,5 @@ }, | ||
| "medium": "0px 6px 12px 0px rgba(0, 0, 0, 0.12) ", | ||
| "large": "0px 12px 24px 0px rgba(0, 0, 0, 0.12) " | ||
| "large": "0px 12px 24px 0px rgba(0, 0, 0, 0.24) " | ||
| } | ||
| } | ||
| } |
@@ -108,7 +108,7 @@ /** | ||
| "background": "linear-gradient(70deg, rgba(0, 0, 0, 0), #01a982 35%, rgba(0, 0, 0, 0) 70%, #01a982 100%)", | ||
| "backgroundColor": "background-primary-default", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-onPrimary", | ||
| "iconColor": "icon-onPrimary", | ||
| "fontWeight": 700 | ||
| "fontWeight": 700, | ||
| "backgroundColor": "background-primary-default" | ||
| }, | ||
@@ -137,2 +137,107 @@ "disabled": { | ||
| } | ||
| }, | ||
| "xsmall": { | ||
| "paddingX": "12px", | ||
| "paddingY": "3px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "default", | ||
| "minHeight": "24px", | ||
| "fontSize": "0.875rem", | ||
| "iconOnly": { | ||
| "paddingX": "4px", | ||
| "paddingY": "4px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "default", | ||
| "minHeight": "24px", | ||
| "minWidth": "24px", | ||
| "fontSize": "0.875rem", | ||
| "lineHeight": "1rem", | ||
| "gapX": "3px" | ||
| }, | ||
| "lineHeight": "1rem", | ||
| "gapX": "3px" | ||
| }, | ||
| "small": { | ||
| "paddingX": "12px", | ||
| "paddingY": "3px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "28px", | ||
| "fontSize": "1rem", | ||
| "lineHeight": "1.25rem", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "paddingX": "5px", | ||
| "paddingY": "5px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "28px", | ||
| "minWidth": "28px", | ||
| "fontSize": "1rem", | ||
| "lineHeight": "1.25rem", | ||
| "gapX": "6px" | ||
| } | ||
| }, | ||
| "medium": { | ||
| "paddingX": "18px", | ||
| "paddingY": "5px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "36px", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "paddingX": "8px", | ||
| "paddingY": "8px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "36px", | ||
| "minWidth": "36px", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
| "gapX": "6px" | ||
| } | ||
| }, | ||
| "large": { | ||
| "paddingX": "24px", | ||
| "paddingY": "9px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "48px", | ||
| "fontSize": "1.375rem", | ||
| "lineHeight": "1.75rem", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "48px", | ||
| "minWidth": "48px", | ||
| "fontSize": "1.375rem", | ||
| "lineHeight": "1.75rem", | ||
| "gapX": "6px", | ||
| "paddingX": "12px", | ||
| "paddingY": "12px" | ||
| } | ||
| }, | ||
| "xlarge": { | ||
| "iconOnly": { | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "72px", | ||
| "minWidth": "72px", | ||
| "fontSize": "1.5rem", | ||
| "lineHeight": "1.875rem", | ||
| "gapX": "6px", | ||
| "paddingX": "23px", | ||
| "paddingY": "23px" | ||
| }, | ||
| "paddingX": "32px", | ||
| "paddingY": "20px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "72px", | ||
| "fontSize": "1.5rem", | ||
| "lineHeight": "1.875rem", | ||
| "gapX": "6px" | ||
| } | ||
@@ -170,2 +275,122 @@ }, | ||
| } | ||
| }, | ||
| "xsmall": { | ||
| "paddingX": "12px", | ||
| "paddingY": "3px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "default", | ||
| "minHeight": "24px", | ||
| "fontSize": "0.875rem", | ||
| "lineHeight": "1rem", | ||
| "gapX": "3px", | ||
| "iconOnly": { | ||
| "paddingX": "4px", | ||
| "paddingY": "4px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "default", | ||
| "minHeight": "24px", | ||
| "minWidth": "24px", | ||
| "fontSize": "0.875rem", | ||
| "lineHeight": "1rem", | ||
| "gapX": "3px" | ||
| }, | ||
| "hover": { | ||
| "boxShadow": "0px 0px 0px 1px #01a982 inset" | ||
| } | ||
| }, | ||
| "small": { | ||
| "paddingX": "12px", | ||
| "paddingY": "3px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "28px", | ||
| "fontSize": "1rem", | ||
| "lineHeight": "1.25rem", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "paddingX": "5px", | ||
| "paddingY": "5px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "28px", | ||
| "minWidth": "28px", | ||
| "fontSize": "1rem", | ||
| "lineHeight": "1.25rem", | ||
| "gapX": "6px" | ||
| }, | ||
| "hover": { | ||
| "boxShadow": "0px 0px 0px 1px #01a982 inset" | ||
| } | ||
| }, | ||
| "medium": { | ||
| "paddingX": "18px", | ||
| "paddingY": "4px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "2px", | ||
| "minHeight": "36px", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "paddingX": "7px", | ||
| "paddingY": "7px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "2px", | ||
| "minHeight": "36px", | ||
| "minWidth": "36px", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
| "gapX": "6px" | ||
| }, | ||
| "hover": { | ||
| "boxShadow": "0px 0px 0px 1px #01a982 inset" | ||
| } | ||
| }, | ||
| "large": { | ||
| "paddingX": "24px", | ||
| "paddingY": "8px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "2px", | ||
| "minHeight": "48px", | ||
| "fontSize": "1.375rem", | ||
| "lineHeight": "1.75rem", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "borderRadius": "384px", | ||
| "borderWidth": "2px", | ||
| "minHeight": "48px", | ||
| "minWidth": "48px", | ||
| "fontSize": "1.375rem", | ||
| "lineHeight": "1.75rem", | ||
| "gapX": "6px", | ||
| "paddingX": "12px", | ||
| "paddingY": "12px" | ||
| }, | ||
| "hover": { | ||
| "boxShadow": "0px 0px 0px 1px #01a982 inset" | ||
| } | ||
| }, | ||
| "xlarge": { | ||
| "iconOnly": { | ||
| "borderRadius": "384px", | ||
| "borderWidth": "2px", | ||
| "minHeight": "72px", | ||
| "minWidth": "72px", | ||
| "fontSize": "1.5rem", | ||
| "lineHeight": "1.875rem", | ||
| "gapX": "6px", | ||
| "paddingX": "23px", | ||
| "paddingY": "23px" | ||
| }, | ||
| "paddingX": "32px", | ||
| "paddingY": "19px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "2px", | ||
| "minHeight": "72px", | ||
| "fontSize": "1.5rem", | ||
| "lineHeight": "1.875rem", | ||
| "gapX": "6px", | ||
| "hover": { | ||
| "boxShadow": "0px 0px 0px 1px #01a982 inset" | ||
| } | ||
| } | ||
@@ -203,38 +428,4 @@ }, | ||
| } | ||
| } | ||
| }, | ||
| "toolbar": { | ||
| "enabled": { | ||
| "background": "transparent", | ||
| "borderColor": "border-default", | ||
| "textColor": "text-strong", | ||
| "iconColor": "icon-strong", | ||
| "fontWeight": 600 | ||
| }, | ||
| "disabled": { | ||
| "background": "background-disabled", | ||
| "borderColor": "border-disabled", | ||
| "textColor": "text-disabled", | ||
| "iconColor": "icon-disabled", | ||
| "fontWeight": 600 | ||
| }, | ||
| "hover": { | ||
| "background": "background-hover", | ||
| "borderColor": "border-default", | ||
| "textColor": "text-strong", | ||
| "iconColor": "icon-strong", | ||
| "fontWeight": 600 | ||
| }, | ||
| "selected": { | ||
| "enabled": { | ||
| "background": "background-active", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-strong", | ||
| "iconColor": "icon-strong", | ||
| "fontWeight": 600 | ||
| } | ||
| } | ||
| }, | ||
| "xsmall": { | ||
| "primary": { | ||
| "xsmall": { | ||
| "paddingX": "12px", | ||
@@ -260,75 +451,7 @@ "paddingY": "3px", | ||
| }, | ||
| "secondary": { | ||
| "small": { | ||
| "paddingX": "12px", | ||
| "paddingY": "3px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "default", | ||
| "minHeight": "24px", | ||
| "fontSize": "0.875rem", | ||
| "lineHeight": "1rem", | ||
| "gapX": "3px", | ||
| "iconOnly": { | ||
| "paddingX": "4px", | ||
| "paddingY": "4px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "default", | ||
| "minHeight": "24px", | ||
| "minWidth": "24px", | ||
| "fontSize": "0.875rem", | ||
| "lineHeight": "1rem", | ||
| "gapX": "3px" | ||
| }, | ||
| "hover": { | ||
| "boxShadow": "0px 0px 0px 1px #01a982 inset" | ||
| } | ||
| }, | ||
| "default": { | ||
| "paddingX": "12px", | ||
| "paddingY": "3px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "default", | ||
| "minHeight": "24px", | ||
| "fontSize": "0.875rem", | ||
| "lineHeight": "1rem", | ||
| "gapX": "3px", | ||
| "iconOnly": { | ||
| "paddingX": "4px", | ||
| "paddingY": "4px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "default", | ||
| "minHeight": "24px", | ||
| "minWidth": "24px", | ||
| "fontSize": "0.875rem", | ||
| "lineHeight": "1rem", | ||
| "gapX": "3px" | ||
| } | ||
| }, | ||
| "toolbar": { | ||
| "paddingX": "6px", | ||
| "paddingY": "3px", | ||
| "borderRadius": "6px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "24px", | ||
| "fontSize": "0.875rem", | ||
| "lineHeight": "1rem", | ||
| "gapX": "3px", | ||
| "iconOnly": { | ||
| "paddingX": "5px", | ||
| "paddingY": "4px", | ||
| "borderRadius": "6px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "24px", | ||
| "minWidth": "24px", | ||
| "fontSize": "0.875rem", | ||
| "lineHeight": "1rem", | ||
| "gapX": "3px" | ||
| } | ||
| } | ||
| }, | ||
| "small": { | ||
| "primary": { | ||
| "paddingX": "12px", | ||
| "paddingY": "3px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "28px", | ||
@@ -350,48 +473,98 @@ "fontSize": "1rem", | ||
| }, | ||
| "secondary": { | ||
| "paddingX": "12px", | ||
| "paddingY": "3px", | ||
| "medium": { | ||
| "paddingX": "18px", | ||
| "paddingY": "5px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "28px", | ||
| "fontSize": "1rem", | ||
| "lineHeight": "1.25rem", | ||
| "minHeight": "36px", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "paddingX": "5px", | ||
| "paddingY": "5px", | ||
| "paddingX": "8px", | ||
| "paddingY": "8px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "28px", | ||
| "minWidth": "28px", | ||
| "fontSize": "1rem", | ||
| "lineHeight": "1.25rem", | ||
| "minHeight": "36px", | ||
| "minWidth": "36px", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
| "gapX": "6px" | ||
| }, | ||
| "hover": { | ||
| "boxShadow": "0px 0px 0px 1px #01a982 inset" | ||
| } | ||
| }, | ||
| "default": { | ||
| "paddingX": "12px", | ||
| "paddingY": "3px", | ||
| "large": { | ||
| "paddingX": "24px", | ||
| "paddingY": "9px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "28px", | ||
| "fontSize": "1rem", | ||
| "lineHeight": "1.25rem", | ||
| "minHeight": "48px", | ||
| "fontSize": "1.375rem", | ||
| "lineHeight": "1.75rem", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "paddingX": "5px", | ||
| "paddingY": "5px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "28px", | ||
| "minWidth": "28px", | ||
| "fontSize": "1rem", | ||
| "lineHeight": "1.25rem", | ||
| "gapX": "6px" | ||
| "minHeight": "48px", | ||
| "minWidth": "48px", | ||
| "fontSize": "1.375rem", | ||
| "lineHeight": "1.75rem", | ||
| "gapX": "6px", | ||
| "paddingX": "12px", | ||
| "paddingY": "12px" | ||
| } | ||
| }, | ||
| "toolbar": { | ||
| "xlarge": { | ||
| "iconOnly": { | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "72px", | ||
| "minWidth": "72px", | ||
| "fontSize": "1.5rem", | ||
| "lineHeight": "1.875rem", | ||
| "gapX": "6px", | ||
| "paddingX": "23px", | ||
| "paddingY": "23px" | ||
| }, | ||
| "paddingX": "32px", | ||
| "paddingY": "20px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "72px", | ||
| "fontSize": "1.5rem", | ||
| "lineHeight": "1.875rem", | ||
| "gapX": "6px" | ||
| } | ||
| }, | ||
| "toolbar": { | ||
| "enabled": { | ||
| "background": "transparent", | ||
| "borderColor": "border-default", | ||
| "textColor": "text-strong", | ||
| "iconColor": "icon-strong", | ||
| "fontWeight": 600 | ||
| }, | ||
| "disabled": { | ||
| "background": "background-disabled", | ||
| "borderColor": "border-disabled", | ||
| "textColor": "text-disabled", | ||
| "iconColor": "icon-disabled", | ||
| "fontWeight": 600 | ||
| }, | ||
| "hover": { | ||
| "background": "background-hover", | ||
| "borderColor": "border-default", | ||
| "textColor": "text-strong", | ||
| "iconColor": "icon-strong", | ||
| "fontWeight": 600 | ||
| }, | ||
| "selected": { | ||
| "enabled": { | ||
| "background": "background-active", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-strong", | ||
| "iconColor": "icon-strong", | ||
| "fontWeight": 600 | ||
| } | ||
| }, | ||
| "xsmall": { | ||
| "paddingX": "6px", | ||
@@ -401,2 +574,23 @@ "paddingY": "3px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "24px", | ||
| "fontSize": "0.875rem", | ||
| "lineHeight": "1rem", | ||
| "iconOnly": { | ||
| "paddingX": "4px", | ||
| "paddingY": "4px", | ||
| "borderRadius": "6px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "24px", | ||
| "minWidth": "24px", | ||
| "fontSize": "0.875rem", | ||
| "lineHeight": "1rem", | ||
| "gapX": "3px" | ||
| }, | ||
| "gapX": "3px" | ||
| }, | ||
| "small": { | ||
| "paddingX": "6px", | ||
| "paddingY": "3px", | ||
| "borderRadius": "6px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "28px", | ||
@@ -417,72 +611,4 @@ "fontSize": "1rem", | ||
| } | ||
| } | ||
| }, | ||
| "medium": { | ||
| "default": { | ||
| "paddingX": "18px", | ||
| "paddingY": "5px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "36px", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "paddingX": "8px", | ||
| "paddingY": "8px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "36px", | ||
| "minWidth": "36px", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
| "gapX": "6px" | ||
| } | ||
| }, | ||
| "primary": { | ||
| "paddingX": "18px", | ||
| "paddingY": "5px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "36px", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "paddingX": "8px", | ||
| "paddingY": "8px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "36px", | ||
| "minWidth": "36px", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
| "gapX": "6px" | ||
| } | ||
| }, | ||
| "secondary": { | ||
| "paddingX": "18px", | ||
| "paddingY": "4px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "2px", | ||
| "minHeight": "36px", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "paddingX": "7px", | ||
| "paddingY": "7px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "2px", | ||
| "minHeight": "36px", | ||
| "minWidth": "36px", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
| "gapX": "6px" | ||
| }, | ||
| "hover": { | ||
| "boxShadow": "0px 0px 0px 1px #01a982 inset" | ||
| } | ||
| }, | ||
| "toolbar": { | ||
| "medium": { | ||
| "paddingX": "10px", | ||
@@ -507,72 +633,4 @@ "paddingY": "5px", | ||
| } | ||
| } | ||
| }, | ||
| "large": { | ||
| "default": { | ||
| "paddingX": "24px", | ||
| "paddingY": "9px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "48px", | ||
| "fontSize": "1.375rem", | ||
| "lineHeight": "1.75rem", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "48px", | ||
| "minWidth": "48px", | ||
| "fontSize": "1.375rem", | ||
| "lineHeight": "1.75rem", | ||
| "gapX": "6px", | ||
| "paddingX": "12px", | ||
| "paddingY": "12px" | ||
| } | ||
| }, | ||
| "primary": { | ||
| "paddingX": "24px", | ||
| "paddingY": "9px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "48px", | ||
| "fontSize": "1.375rem", | ||
| "lineHeight": "1.75rem", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "48px", | ||
| "minWidth": "48px", | ||
| "fontSize": "1.375rem", | ||
| "lineHeight": "1.75rem", | ||
| "gapX": "6px", | ||
| "paddingX": "12px", | ||
| "paddingY": "12px" | ||
| } | ||
| }, | ||
| "secondary": { | ||
| "paddingX": "24px", | ||
| "paddingY": "8px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "2px", | ||
| "minHeight": "48px", | ||
| "fontSize": "1.375rem", | ||
| "lineHeight": "1.75rem", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "borderRadius": "384px", | ||
| "borderWidth": "2px", | ||
| "minHeight": "48px", | ||
| "minWidth": "48px", | ||
| "fontSize": "1.375rem", | ||
| "lineHeight": "1.75rem", | ||
| "gapX": "6px", | ||
| "paddingX": "12px", | ||
| "paddingY": "12px" | ||
| }, | ||
| "hover": { | ||
| "boxShadow": "0px 0px 0px 1px #01a982 inset" | ||
| } | ||
| }, | ||
| "toolbar": { | ||
| "large": { | ||
| "paddingX": "10px", | ||
@@ -597,73 +655,5 @@ "paddingY": "9px", | ||
| } | ||
| } | ||
| }, | ||
| "xlarge": { | ||
| "default": { | ||
| "iconOnly": { | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "72px", | ||
| "minWidth": "72px", | ||
| "fontSize": "1.5rem", | ||
| "lineHeight": "1.875rem", | ||
| "gapX": "6px", | ||
| "paddingX": "23px", | ||
| "paddingY": "23px" | ||
| }, | ||
| "paddingX": "32px", | ||
| "paddingY": "20px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "72px", | ||
| "fontSize": "1.5rem", | ||
| "lineHeight": "1.875rem", | ||
| "gapX": "6px" | ||
| }, | ||
| "primary": { | ||
| "xlarge": { | ||
| "iconOnly": { | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "72px", | ||
| "minWidth": "72px", | ||
| "fontSize": "1.5rem", | ||
| "lineHeight": "1.875rem", | ||
| "gapX": "6px", | ||
| "paddingX": "23px", | ||
| "paddingY": "23px" | ||
| }, | ||
| "paddingX": "32px", | ||
| "paddingY": "20px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "72px", | ||
| "fontSize": "1.5rem", | ||
| "lineHeight": "1.875rem", | ||
| "gapX": "6px" | ||
| }, | ||
| "secondary": { | ||
| "iconOnly": { | ||
| "borderRadius": "384px", | ||
| "borderWidth": "2px", | ||
| "minHeight": "72px", | ||
| "minWidth": "72px", | ||
| "fontSize": "1.5rem", | ||
| "lineHeight": "1.875rem", | ||
| "gapX": "6px", | ||
| "paddingX": "23px", | ||
| "paddingY": "23px" | ||
| }, | ||
| "paddingX": "32px", | ||
| "paddingY": "19px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "2px", | ||
| "minHeight": "72px", | ||
| "fontSize": "1.5rem", | ||
| "lineHeight": "1.875rem", | ||
| "gapX": "6px", | ||
| "hover": { | ||
| "boxShadow": "0px 0px 0px 1px #01a982 inset" | ||
| } | ||
| }, | ||
| "toolbar": { | ||
| "iconOnly": { | ||
| "borderRadius": "12px", | ||
@@ -797,6 +787,2 @@ "borderWidth": "1px", | ||
| }, | ||
| "disabled": { | ||
| "background": "background-disabled", | ||
| "borderColor": "border-disabled" | ||
| }, | ||
| "selected": { | ||
@@ -819,2 +805,6 @@ "enabled": { | ||
| }, | ||
| "disabled": { | ||
| "background": "background-disabled", | ||
| "borderColor": "border-disabled" | ||
| }, | ||
| "indeterminate": { | ||
@@ -936,6 +926,2 @@ "enabled": { | ||
| "gapX": "12px", | ||
| "width": "48px", | ||
| "height": "24px", | ||
| "borderRadius": "9999px", | ||
| "borderWidth": "default", | ||
| "label": { | ||
@@ -1109,3 +1095,3 @@ "fontSize": "1.125rem", | ||
| "fontSize": "0.875rem", | ||
| "lineHeight": "0.75rem", | ||
| "lineHeight": "1rem", | ||
| "fontWeight": 400 | ||
@@ -1295,21 +1281,21 @@ }, | ||
| "hover": { | ||
| "textColor": "text-critical", | ||
| "iconColor": "icon-default" | ||
| "iconColor": "icon-default", | ||
| "textColor": "text-critical" | ||
| }, | ||
| "focus": { | ||
| "textColor": "text-critical", | ||
| "iconColor": "icon-default" | ||
| "iconColor": "icon-default", | ||
| "textColor": "text-critical" | ||
| }, | ||
| "disabled": { | ||
| "textColor": "text-default", | ||
| "iconColor": "icon-default" | ||
| "iconColor": "icon-default", | ||
| "textColor": "text-default" | ||
| }, | ||
| "readOnly": { | ||
| "textColor": "text-default", | ||
| "iconColor": "icon-default" | ||
| "iconColor": "icon-default", | ||
| "textColor": "text-default" | ||
| }, | ||
| "status": { | ||
| "critical": { | ||
| "textColor": "text-default", | ||
| "iconColor": "icon-default" | ||
| "iconColor": "icon-default", | ||
| "textColor": "text-default" | ||
| } | ||
@@ -1316,0 +1302,0 @@ } |
@@ -12,3 +12,5 @@ /** | ||
| "style": "solid" | ||
| } | ||
| }, | ||
| "outlineOffset": "2px", | ||
| "boxShadow": "0 0 0 2px #ffffff " | ||
| }, | ||
@@ -15,0 +17,0 @@ "fontStack": { |
| { | ||
| "name": "hpe-design-tokens", | ||
| "description": "Design tokens for use with the HPE Design System.", | ||
| "version": "0.4.0", | ||
| "version": "0.5.0", | ||
| "license": "Apache-2.0", | ||
@@ -26,3 +26,3 @@ "type": "module", | ||
| "build": "rm -rf ./dist && yarn build-style-dictionary", | ||
| "release-stable": "node src/scripts/release-stable.js --branch=hpe-design-tokensv0.4.0-stable", | ||
| "release-stable": "node src/scripts/release-stable.js --branch=design-tokens-stable", | ||
| "paddingY:verify": "tsx src/scripts/verify-paddingY.ts", | ||
@@ -45,5 +45,5 @@ "paddingY:update": "tsx src/scripts/update-paddingY.ts", | ||
| "ts-jest": "^29.1.1", | ||
| "tsx": "^4.16.2", | ||
| "tsx": "^4.19.1", | ||
| "typescript": "^5.1.6" | ||
| } | ||
| } |
@@ -21,6 +21,6 @@ # hpe-design-tokens | ||
| For usage instructions, see [HPE Design System design tokens documentation](https://design-system.hpe.design/design-tokens). | ||
| For usage instructions, see [HPE Design System design tokens documentation](https://design-system.hpe.design/tokens). | ||
| ## License | ||
| [Apache-2.0](https://github.com/grommet/hpe-design-system/blob/design-tokens-stable/LICENSE) | ||
| [Apache-2.0](https://github.com/grommet/hpe-design-system/blob/design-tokens-alpha/design-tokens/LICENSE) |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
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 by5.95%
1873722
- Number of package files
- increased by11.11%
40
- Lines of code
- increased by6.38%
76960
No dependency changes