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.3.0 to 0.4.0
@@ -36,2 +36,5 @@ /** | ||
| "hover": "rgba(0, 255, 10, 0)" | ||
| }, | ||
| "neutral": { | ||
| "xstrong": "#f7f7f7" | ||
| } | ||
@@ -44,3 +47,8 @@ }, | ||
| "disabled": "rgba(255, 255, 255, 0.12)", | ||
| "selected": "#01a982" | ||
| "selected": "#01a982", | ||
| "critical": "rgba(255, 255, 255, 0.36)", | ||
| "info": "rgba(255, 255, 255, 0.36)", | ||
| "ok": "rgba(255, 255, 255, 0.36)", | ||
| "warning": "rgba(255, 255, 255, 0.36)", | ||
| "unknown": "rgba(255, 255, 255, 0.36)" | ||
| }, | ||
@@ -47,0 +55,0 @@ "text": { |
@@ -36,2 +36,5 @@ /** | ||
| "hover": "rgba(0, 255, 10, 0)" | ||
| }, | ||
| "neutral": { | ||
| "xstrong": "#333333" | ||
| } | ||
@@ -44,3 +47,8 @@ }, | ||
| "disabled": "rgba(0, 0, 0, 0.12)", | ||
| "selected": "#01a982" | ||
| "selected": "#01a982", | ||
| "critical": "rgba(0, 0, 0, 0.36)", | ||
| "info": "rgba(0, 0, 0, 0.36)", | ||
| "ok": "rgba(0, 0, 0, 0.36)", | ||
| "warning": "rgba(0, 0, 0, 0.36)", | ||
| "unknown": "rgba(0, 0, 0, 0.36)" | ||
| }, | ||
@@ -47,0 +55,0 @@ "text": { |
@@ -109,3 +109,3 @@ /** | ||
| "backgroundColor": "background-primary-default", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-onPrimary", | ||
@@ -117,3 +117,3 @@ "iconColor": "icon-onPrimary", | ||
| "background": "background-disabled", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-disabled", | ||
@@ -125,3 +125,3 @@ "iconColor": "icon-disabled", | ||
| "background": "#008567", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-onPrimary", | ||
@@ -134,3 +134,3 @@ "iconColor": "icon-onPrimary", | ||
| "background": "background-active", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-strong", | ||
@@ -144,3 +144,3 @@ "iconColor": "icon-strong", | ||
| "enabled": { | ||
| "background": "rgba(0, 0, 0, 0)", | ||
| "background": "transparent", | ||
| "borderColor": "background-primary-default", | ||
@@ -152,3 +152,3 @@ "textColor": "text-strong", | ||
| "hover": { | ||
| "background": "rgba(0, 0, 0, 0)", | ||
| "background": "transparent", | ||
| "borderColor": "border-selected", | ||
@@ -169,3 +169,3 @@ "textColor": "text-strong", | ||
| "background": "background-active", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-strong", | ||
@@ -179,4 +179,4 @@ "iconColor": "icon-strong", | ||
| "enabled": { | ||
| "background": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "background": "transparent", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-strong", | ||
@@ -187,4 +187,4 @@ "iconColor": "icon-strong", | ||
| "disabled": { | ||
| "background": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "background": "transparent", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-disabled", | ||
@@ -196,3 +196,3 @@ "iconColor": "icon-disabled", | ||
| "background": "background-hover", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-strong", | ||
@@ -205,3 +205,3 @@ "iconColor": "icon-strong", | ||
| "background": "background-active", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-strong", | ||
@@ -215,3 +215,3 @@ "iconColor": "icon-strong", | ||
| "enabled": { | ||
| "background": "background-default", | ||
| "background": "transparent", | ||
| "borderColor": "border-default", | ||
@@ -239,3 +239,3 @@ "textColor": "text-strong", | ||
| "background": "background-active", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-strong", | ||
@@ -339,14 +339,14 @@ "iconColor": "icon-strong", | ||
| "paddingX": "12px", | ||
| "paddingY": "4px", | ||
| "borderRadius": "2em", | ||
| "borderWidth": "0px", | ||
| "paddingY": "3px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "28px", | ||
| "fontSize": "1rem", | ||
| "lineHeight": "1.25rem", | ||
| "gapX": "3px", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "paddingX": "4px", | ||
| "paddingY": "4px", | ||
| "borderRadius": "2em", | ||
| "borderWidth": "0px", | ||
| "paddingX": "5px", | ||
| "paddingY": "5px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "28px", | ||
@@ -356,3 +356,3 @@ "minWidth": "28px", | ||
| "lineHeight": "1.25rem", | ||
| "gapX": "3px" | ||
| "gapX": "6px" | ||
| } | ||
@@ -362,14 +362,14 @@ }, | ||
| "paddingX": "12px", | ||
| "paddingY": "2px", | ||
| "borderRadius": "2em", | ||
| "borderWidth": "2px", | ||
| "paddingY": "3px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "28px", | ||
| "fontSize": "1rem", | ||
| "lineHeight": "1.25rem", | ||
| "gapX": "3px", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "paddingX": "4px", | ||
| "paddingY": "4px", | ||
| "borderRadius": "2em", | ||
| "borderWidth": "2px", | ||
| "paddingX": "5px", | ||
| "paddingY": "5px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "28px", | ||
@@ -379,3 +379,3 @@ "minWidth": "28px", | ||
| "lineHeight": "1.25rem", | ||
| "gapX": "3px" | ||
| "gapX": "6px" | ||
| }, | ||
@@ -388,14 +388,14 @@ "hover": { | ||
| "paddingX": "12px", | ||
| "paddingY": "2px", | ||
| "borderRadius": "2em", | ||
| "borderWidth": "2px", | ||
| "paddingY": "3px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "28px", | ||
| "fontSize": "1rem", | ||
| "lineHeight": "1.25rem", | ||
| "gapX": "3px", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "paddingX": "4px", | ||
| "paddingY": "4px", | ||
| "borderRadius": "2em", | ||
| "borderWidth": "2px", | ||
| "paddingX": "5px", | ||
| "paddingY": "5px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "28px", | ||
@@ -405,3 +405,3 @@ "minWidth": "28px", | ||
| "lineHeight": "1.25rem", | ||
| "gapX": "3px" | ||
| "gapX": "6px" | ||
| } | ||
@@ -419,4 +419,4 @@ }, | ||
| "iconOnly": { | ||
| "paddingX": "0px", | ||
| "paddingY": "0px", | ||
| "paddingX": "5px", | ||
| "paddingY": "5px", | ||
| "borderRadius": "6px", | ||
@@ -435,17 +435,17 @@ "borderWidth": "1px", | ||
| "paddingX": "18px", | ||
| "paddingY": "4px", | ||
| "borderRadius": "2em", | ||
| "borderWidth": "2px", | ||
| "paddingY": "5px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "36px", | ||
| "fontSize": "1.1875rem", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "paddingX": "7px", | ||
| "paddingY": "7px", | ||
| "borderRadius": "2em", | ||
| "borderWidth": "2px", | ||
| "paddingX": "8px", | ||
| "paddingY": "8px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "36px", | ||
| "minWidth": "36px", | ||
| "fontSize": "1.1875rem", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
@@ -457,17 +457,17 @@ "gapX": "6px" | ||
| "paddingX": "18px", | ||
| "paddingY": "6px", | ||
| "borderRadius": "2em", | ||
| "borderWidth": "0px", | ||
| "paddingY": "5px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "36px", | ||
| "fontSize": "1.1875rem", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "paddingX": "7px", | ||
| "paddingY": "7px", | ||
| "borderRadius": "2em", | ||
| "borderWidth": "0px", | ||
| "paddingX": "8px", | ||
| "paddingY": "8px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "36px", | ||
| "minWidth": "36px", | ||
| "fontSize": "1.1875rem", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
@@ -480,6 +480,6 @@ "gapX": "6px" | ||
| "paddingY": "4px", | ||
| "borderRadius": "2em", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "2px", | ||
| "minHeight": "36px", | ||
| "fontSize": "1.1875rem", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
@@ -490,7 +490,7 @@ "gapX": "6px", | ||
| "paddingY": "7px", | ||
| "borderRadius": "2em", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "2px", | ||
| "minHeight": "36px", | ||
| "minWidth": "36px", | ||
| "fontSize": "1.1875rem", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
@@ -504,13 +504,13 @@ "gapX": "6px" | ||
| "toolbar": { | ||
| "paddingX": "18px", | ||
| "paddingY": "4px", | ||
| "paddingX": "10px", | ||
| "paddingY": "5px", | ||
| "borderRadius": "6px", | ||
| "borderWidth": "default", | ||
| "minHeight": "36px", | ||
| "fontSize": "1.1875rem", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
| "gapX": "6px", | ||
| "iconOnly": { | ||
| "paddingX": "7px", | ||
| "paddingY": "7px", | ||
| "paddingX": "8px", | ||
| "paddingY": "8px", | ||
| "borderRadius": "6px", | ||
@@ -520,3 +520,3 @@ "borderWidth": "default", | ||
| "minWidth": "36px", | ||
| "fontSize": "1.1875rem", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
@@ -530,5 +530,5 @@ "gapX": "6px" | ||
| "paddingX": "24px", | ||
| "paddingY": "8px", | ||
| "borderRadius": "2em", | ||
| "borderWidth": "2px", | ||
| "paddingY": "9px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "48px", | ||
@@ -539,4 +539,4 @@ "fontSize": "1.375rem", | ||
| "iconOnly": { | ||
| "borderRadius": "2em", | ||
| "borderWidth": "2px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "48px", | ||
@@ -547,4 +547,4 @@ "minWidth": "48px", | ||
| "gapX": "6px", | ||
| "paddingX": "11px", | ||
| "paddingY": "11px" | ||
| "paddingX": "12px", | ||
| "paddingY": "12px" | ||
| } | ||
@@ -554,5 +554,5 @@ }, | ||
| "paddingX": "24px", | ||
| "paddingY": "10px", | ||
| "borderRadius": "2em", | ||
| "borderWidth": "0px", | ||
| "paddingY": "9px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "48px", | ||
@@ -563,4 +563,4 @@ "fontSize": "1.375rem", | ||
| "iconOnly": { | ||
| "borderRadius": "2em", | ||
| "borderWidth": "0px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "48px", | ||
@@ -571,4 +571,4 @@ "minWidth": "48px", | ||
| "gapX": "6px", | ||
| "paddingX": "11px", | ||
| "paddingY": "11px" | ||
| "paddingX": "12px", | ||
| "paddingY": "12px" | ||
| } | ||
@@ -579,3 +579,3 @@ }, | ||
| "paddingY": "8px", | ||
| "borderRadius": "2em", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "2px", | ||
@@ -587,3 +587,3 @@ "minHeight": "48px", | ||
| "iconOnly": { | ||
| "borderRadius": "2em", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "2px", | ||
@@ -595,4 +595,4 @@ "minHeight": "48px", | ||
| "gapX": "6px", | ||
| "paddingX": "11px", | ||
| "paddingY": "11px" | ||
| "paddingX": "12px", | ||
| "paddingY": "12px" | ||
| }, | ||
@@ -620,4 +620,4 @@ "hover": { | ||
| "gapX": "6px", | ||
| "paddingX": "11px", | ||
| "paddingY": "11px" | ||
| "paddingX": "14px", | ||
| "paddingY": "12px" | ||
| } | ||
@@ -629,4 +629,4 @@ } | ||
| "iconOnly": { | ||
| "borderRadius": "2em", | ||
| "borderWidth": "2px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "72px", | ||
@@ -637,9 +637,9 @@ "minWidth": "72px", | ||
| "gapX": "6px", | ||
| "paddingX": "22px", | ||
| "paddingY": "22px" | ||
| "paddingX": "23px", | ||
| "paddingY": "23px" | ||
| }, | ||
| "paddingX": "30px", | ||
| "paddingY": "19px", | ||
| "borderRadius": "2em", | ||
| "borderWidth": "2px", | ||
| "paddingX": "32px", | ||
| "paddingY": "20px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "72px", | ||
@@ -652,4 +652,4 @@ "fontSize": "1.5rem", | ||
| "iconOnly": { | ||
| "borderRadius": "2em", | ||
| "borderWidth": "0px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "72px", | ||
@@ -660,9 +660,9 @@ "minWidth": "72px", | ||
| "gapX": "6px", | ||
| "paddingX": "22px", | ||
| "paddingY": "22px" | ||
| "paddingX": "23px", | ||
| "paddingY": "23px" | ||
| }, | ||
| "paddingX": "30px", | ||
| "paddingY": "21px", | ||
| "borderRadius": "2em", | ||
| "borderWidth": "0px", | ||
| "paddingX": "32px", | ||
| "paddingY": "20px", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "72px", | ||
@@ -675,3 +675,3 @@ "fontSize": "1.5rem", | ||
| "iconOnly": { | ||
| "borderRadius": "2em", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "2px", | ||
@@ -683,8 +683,8 @@ "minHeight": "72px", | ||
| "gapX": "6px", | ||
| "paddingX": "22px", | ||
| "paddingY": "22px" | ||
| "paddingX": "23px", | ||
| "paddingY": "23px" | ||
| }, | ||
| "paddingX": "30px", | ||
| "paddingX": "32px", | ||
| "paddingY": "19px", | ||
| "borderRadius": "2em", | ||
| "borderRadius": "384px", | ||
| "borderWidth": "2px", | ||
@@ -702,3 +702,3 @@ "minHeight": "72px", | ||
| "borderRadius": "12px", | ||
| "borderWidth": "2px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "72px", | ||
@@ -709,9 +709,9 @@ "minWidth": "72px", | ||
| "gapX": "6px", | ||
| "paddingX": "22px", | ||
| "paddingY": "22px" | ||
| "paddingX": "23px", | ||
| "paddingY": "23px" | ||
| }, | ||
| "paddingX": "30px", | ||
| "paddingY": "19px", | ||
| "paddingX": "32px", | ||
| "paddingY": "20px", | ||
| "borderRadius": "12px", | ||
| "borderWidth": "2px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "72px", | ||
@@ -727,3 +727,3 @@ "fontSize": "1.5rem", | ||
| "borderRadius": "xsmall", | ||
| "margin": "xsmall", | ||
| "margin": "6px", | ||
| "zIndex": 110 | ||
@@ -734,4 +734,4 @@ }, | ||
| "enabled": { | ||
| "background": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "background": "transparent", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-strong", | ||
@@ -743,3 +743,3 @@ "iconColor": "icon-strong", | ||
| "background": "background-hover", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-strong", | ||
@@ -750,4 +750,4 @@ "iconColor": "icon-strong", | ||
| "disabled": { | ||
| "background": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "background": "transparent", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-disabled", | ||
@@ -766,7 +766,7 @@ "iconColor": "icon-disabled", | ||
| "paddingX": "18px", | ||
| "paddingY": "4px", | ||
| "paddingY": "5px", | ||
| "borderRadius": "none", | ||
| "borderWidth": "2px", | ||
| "borderWidth": "1px", | ||
| "minHeight": "36px", | ||
| "fontSize": "1.1875rem", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem", | ||
@@ -791,5 +791,5 @@ "gapX": "6px" | ||
| "minHeight": "36px", | ||
| "borderRadius": "none", | ||
| "borderRadius": "0px", | ||
| "borderWidth": "1px", | ||
| "fontSize": "1.1875rem", | ||
| "fontSize": "19px", | ||
| "lineHeight": "1.5rem" | ||
@@ -800,4 +800,4 @@ } | ||
| "enabled": { | ||
| "background": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "background": "transparent", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-strong", | ||
@@ -808,3 +808,3 @@ "fontWeight": 500 | ||
| "background": "background-hover", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-strong", | ||
@@ -815,3 +815,3 @@ "fontWeight": 500 | ||
| "background": "background-disabled", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-disabled", | ||
@@ -823,3 +823,3 @@ "fontWeight": 500 | ||
| "background": "background-selected-weak-enabled", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "transparent", | ||
| "textColor": "text-onSelectedWeak", | ||
@@ -834,7 +834,7 @@ "fontWeight": 500 | ||
| "enabled": { | ||
| "background": "rgba(0, 0, 0, 0)", | ||
| "background": "background-default", | ||
| "borderColor": "border-default" | ||
| }, | ||
| "hover": { | ||
| "background": "rgba(0, 0, 0, 0)", | ||
| "background": "background-default", | ||
| "borderColor": "border-strong" | ||
@@ -900,4 +900,4 @@ }, | ||
| "control": { | ||
| "height": "1.5rem", | ||
| "width": "1.5rem", | ||
| "height": "24px", | ||
| "width": "24px", | ||
| "borderWidth": "default", | ||
@@ -991,3 +991,3 @@ "borderRadius": "3px" | ||
| "track": { | ||
| "height": "1.5rem", | ||
| "height": "24px", | ||
| "width": "48px", | ||
@@ -998,4 +998,4 @@ "borderWidth": "1px", | ||
| "handle": { | ||
| "height": "1.5rem", | ||
| "width": "1.5rem", | ||
| "height": "22px", | ||
| "width": "22px", | ||
| "borderWidth": "default", | ||
@@ -1019,4 +1019,4 @@ "borderRadius": "24px" | ||
| "iconColor": "icon-default", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "background": "rgba(0, 0, 0, 0)" | ||
| "borderColor": "transparent", | ||
| "background": "transparent" | ||
| }, | ||
@@ -1026,10 +1026,10 @@ "hover": { | ||
| "iconColor": "icon-default", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "background": "rgba(0, 0, 0, 0)" | ||
| "borderColor": "transparent", | ||
| "background": "transparent" | ||
| }, | ||
| "disabled": { | ||
| "textColor": "text-default", | ||
| "textColor": "text-disabled", | ||
| "iconColor": "icon-disabled", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "background": "rgba(0, 0, 0, 0)" | ||
| "borderColor": "transparent", | ||
| "background": "transparent" | ||
| }, | ||
@@ -1039,5 +1039,5 @@ "pinned": { | ||
| "iconColor": "icon-default", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "backgroundColor": "rgba(0, 0, 0, 0)", | ||
| "background": "rgba(0, 0, 0, 0)" | ||
| "borderColor": "transparent", | ||
| "backgroundColor": "transparent", | ||
| "background": "transparent" | ||
| }, | ||
@@ -1055,22 +1055,22 @@ "primary": { | ||
| "iconColor": "text-strong", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "background": "rgba(0, 0, 0, 0)" | ||
| "borderColor": "transparent", | ||
| "background": "transparent" | ||
| }, | ||
| "hover": { | ||
| "textColor": "text-default", | ||
| "textColor": "text-strong", | ||
| "iconColor": "text-strong", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "background": "rgba(0, 0, 0, 0)" | ||
| "borderColor": "transparent", | ||
| "background": "transparent" | ||
| }, | ||
| "disabled": { | ||
| "textColor": "text-default", | ||
| "textColor": "text-disabled", | ||
| "iconColor": "icon-disabled", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "background": "rgba(0, 0, 0, 0)" | ||
| "borderColor": "transparent", | ||
| "background": "transparent" | ||
| }, | ||
| "pinned": { | ||
| "textColor": "text-default", | ||
| "textColor": "text-strong", | ||
| "iconColor": "text-strong", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "background": "rgba(0, 0, 0, 0)" | ||
| "borderColor": "transparent", | ||
| "background": "transparent" | ||
| } | ||
@@ -1091,8 +1091,8 @@ } | ||
| "borderColor": "border-default", | ||
| "background": "rgba(0, 0, 0, 0)" | ||
| "background": "transparent" | ||
| }, | ||
| "hover": { | ||
| "textColor": "text-default", | ||
| "textColor": "text-strong", | ||
| "iconColor": "icon-strong", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "border-default", | ||
| "background": "background-hover" | ||
@@ -1103,4 +1103,4 @@ }, | ||
| "iconColor": "icon-default", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "background": "rgba(0, 0, 0, 0)" | ||
| "borderColor": "transparent", | ||
| "background": "transparent" | ||
| }, | ||
@@ -1127,3 +1127,5 @@ "gapX": "6px", | ||
| "minHeight": "36px", | ||
| "borderRadius": "none" | ||
| "borderRadius": "none", | ||
| "textToIconX": "6px", | ||
| "textToElementX": "12px" | ||
| }, | ||
@@ -1142,3 +1144,5 @@ "container": { | ||
| "borderRadius": "6px", | ||
| "minHeight": "36px" | ||
| "minHeight": "36px", | ||
| "textToIconX": "6px", | ||
| "textToElementX": "12px" | ||
| } | ||
@@ -1199,3 +1203,3 @@ }, | ||
| "enabled": { | ||
| "background": "rgba(0, 0, 0, 0)", | ||
| "background": "transparent", | ||
| "borderColor": "#ffffff" | ||
@@ -1206,3 +1210,3 @@ }, | ||
| "background": "background-critical", | ||
| "borderColor": "rgba(0, 0, 0, 0)" | ||
| "borderColor": "transparent" | ||
| } | ||
@@ -1212,11 +1216,11 @@ }, | ||
| "background": "background-hover", | ||
| "borderColor": "rgba(0, 0, 0, 0)" | ||
| "borderColor": "transparent" | ||
| }, | ||
| "readOnly": { | ||
| "background": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "rgba(0, 0, 0, 0)" | ||
| "background": "transparent", | ||
| "borderColor": "transparent" | ||
| }, | ||
| "disabled": { | ||
| "background": "rgba(0, 0, 0, 0)", | ||
| "borderColor": "rgba(0, 0, 0, 0)" | ||
| "background": "transparent", | ||
| "borderColor": "transparent" | ||
| } | ||
@@ -1342,11 +1346,11 @@ } | ||
| "enabled": { | ||
| "textColor": "text-default", | ||
| "textColor": "text-critical", | ||
| "iconColor": "icon-default" | ||
| }, | ||
| "hover": { | ||
| "textColor": "text-default", | ||
| "textColor": "text-critical", | ||
| "iconColor": "icon-default" | ||
| }, | ||
| "focus": { | ||
| "textColor": "text-default", | ||
| "textColor": "text-critical", | ||
| "iconColor": "icon-default" | ||
@@ -1406,3 +1410,3 @@ }, | ||
| "borderColor": "border-default", | ||
| "background": "rgba(0, 0, 0, 0)" | ||
| "background": "transparent" | ||
| }, | ||
@@ -1412,4 +1416,4 @@ "hover": { | ||
| "iconColor": "icon-default", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "background": "rgba(0, 0, 0, 0)" | ||
| "borderColor": "border-default", | ||
| "background": "transparent" | ||
| }, | ||
@@ -1419,4 +1423,4 @@ "pinned": { | ||
| "iconColor": "icon-default", | ||
| "borderColor": "rgba(0, 0, 0, 0)", | ||
| "background": "rgba(0, 0, 0, 0)" | ||
| "borderColor": "transparent", | ||
| "background": "transparent" | ||
| } | ||
@@ -1427,11 +1431,11 @@ }, | ||
| "enabled": { | ||
| "background": "rgba(0, 0, 0, 0)", | ||
| "background": "transparent", | ||
| "borderColor": "border-default" | ||
| }, | ||
| "hover": { | ||
| "background": "rgba(0, 0, 0, 0)", | ||
| "background": "transparent", | ||
| "borderColor": "border-strong" | ||
| }, | ||
| "focus": { | ||
| "background": "rgba(0, 0, 0, 0)", | ||
| "background": "transparent", | ||
| "borderColor": "border-default" | ||
@@ -1485,6 +1489,6 @@ }, | ||
| "control": { | ||
| "height": "1.5rem", | ||
| "width": "1.5rem", | ||
| "height": "24px", | ||
| "width": "24px", | ||
| "borderWidth": "default", | ||
| "borderRadius": "2em" | ||
| "borderRadius": "384px" | ||
| } | ||
@@ -1491,0 +1495,0 @@ } |
| { | ||
| "name": "hpe-design-tokens", | ||
| "description": "Design tokens for use with the HPE Design System.", | ||
| "version": "0.3.0", | ||
| "version": "0.4.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.3.0-stable", | ||
| "release-stable": "node src/scripts/release-stable.js --branch=hpe-design-tokensv0.4.0-stable", | ||
| "paddingY:verify": "tsx src/scripts/verify-paddingY.ts", | ||
@@ -29,0 +29,0 @@ "paddingY:update": "tsx src/scripts/update-paddingY.ts", |
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
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 by1.14%
1768570
- Lines of code
- increased by1.08%
72342
No dependency changes