mx-design-tokens - npm Package Compare versions

Comparing version 8.3.0 to 8.4.0

CHANGELOG.md

@@ -8,2 +8,8 @@ # Changelog
 
+## [8.4.0] - 09-08-2020
+
+### Added
+
+- Add the Tag text colors and background color tokens
+
 ## [8.3.0] - 08-28-2020
@@ -10,0 +16,0 @@

dist/tokens/backgroundColor.js

@@ -84,2 +84,7 @@ "use strict";
     TabHover: core.Color.Neutral100,
+    // Tag
+    Tag: core.Color.Neutral200,
+    TagError: core.Color.Error100,
+    TagSuccess: core.Color.Success100,
+    TagWarning: core.Color.Warning100,
     // Table
@@ -158,2 +163,7 @@ TableRowHover: core.Color.Neutral100,
     TabHover: core.Color.Neutral700,
+    // Tag
+    Tag: core.Color.Neutral600,
+    TagError: core.Color.Error500,
+    TagSuccess: core.Color.Success500,
+    TagWarning: core.Color.Warning300,
     // Table
@@ -160,0 +170,0 @@ TableRowHover: core.Color.Neutral700,

dist/tokens/core.js

@@ -20,54 +20,54 @@ "use strict";
   Color: {
-    Brand100: "#EAF1FB",
-    Brand200: "#6FA1EC",
-    Brand300: "#2F73DA",
-    Brand400: "#165ECC",
-    Brand500: "#034AB3",
-    Chart1: "#74E4DA",
-    Chart2: "#ED64A4",
-    Chart3: "#F3DC46",
-    Chart4: "#BABFC5",
-    Chart5: "#60A9FF",
-    Chart6: "#C8BAEE",
-    Chart7: "#585E67",
-    ChartMono1: "#89E8DF",
-    ChartMono2: "#FF8787",
-    ChartMono3: "#60A9FF",
-    ChartMono4: "#2F73DA",
-    ChartMono5: "#034AB3",
-    ChartMono6: "#002966",
-    NeutralWhite: "#FFFFFF",
-    Neutral100: "#F8F9FB",
-    Neutral200: "#EEF1F6",
-    Neutral300: "#E4E8EE",
-    Neutral400: "#CDD3DD",
-    Neutral500: "#A8B1BD",
-    Neutral600: "#6A7381",
-    Neutral700: "#49505A",
-    Neutral800: "#1F2329",
-    Neutral900: "#121417",
-    Primary100: "#EAF1FB",
-    Primary200: "#6FA1EC",
-    Primary300: "#2F73DA",
-    Primary400: "#165ECC",
-    Primary500: "#034AB3",
-    Success100: "#DDFDED",
-    Success200: "#0AC295",
-    Success300: "#09A57F",
-    Success400: "#078364",
-    Success500: "#027357",
-    Warning100: "#FEF7B9",
-    Warning200: "#FFDA6C",
-    Warning300: "#FFB400",
-    Warning400: "#E07C02",
-    Warning500: "#C33E01",
-    Error100: "#FCD2CF",
-    Error200: "#F45532",
-    Error300: "#DF320C",
-    Error400: "#C61A0B",
-    Error500: "#AE0A0A",
-    TransparentNeutral100: "rgba(247, 249, 252, 0.55)",
-    TransparentNeutral400: "rgba(203, 211, 223, 0.55)",
-    TransparentScrim: "rgba(0, 0, 0, 0.25)",
-    TransparentScrimDarker: "rgba(0, 0, 0, 0.50)"
+    Brand100: '#EAF1FB',
+    Brand200: '#6FA1EC',
+    Brand300: '#2F73DA',
+    Brand400: '#165ECC',
+    Brand500: '#034AB3',
+    Chart1: '#74E4DA',
+    Chart2: '#ED64A4',
+    Chart3: '#F3DC46',
+    Chart4: '#BABFC5',
+    Chart5: '#60A9FF',
+    Chart6: '#C8BAEE',
+    Chart7: '#585E67',
+    ChartMono1: '#89E8DF',
+    ChartMono2: '#FF8787',
+    ChartMono3: '#60A9FF',
+    ChartMono4: '#2F73DA',
+    ChartMono5: '#034AB3',
+    ChartMono6: '#002966',
+    NeutralWhite: '#FFFFFF',
+    Neutral100: '#F8F9FB',
+    Neutral200: '#EEF1F6',
+    Neutral300: '#E4E8EE',
+    Neutral400: '#CDD3DD',
+    Neutral500: '#A8B1BD',
+    Neutral600: '#6A7381',
+    Neutral700: '#49505A',
+    Neutral800: '#1F2329',
+    Neutral900: '#121417',
+    Primary100: '#EAF1FB',
+    Primary200: '#6FA1EC',
+    Primary300: '#2F73DA',
+    Primary400: '#165ECC',
+    Primary500: '#034AB3',
+    Success100: '#DDFDED',
+    Success200: '#0AC295',
+    Success300: '#09A57F',
+    Success400: '#078364',
+    Success500: '#027357',
+    Warning100: '#FEF7B9',
+    Warning200: '#FFDA6C',
+    Warning300: '#FFB400',
+    Warning400: '#E07C02',
+    Warning500: '#C33E01',
+    Error100: '#FCD2CF',
+    Error200: '#F45532',
+    Error300: '#DF320C',
+    Error400: '#C61A0B',
+    Error500: '#AE0A0A',
+    TransparentNeutral100: 'rgba(247, 249, 252, 0.55)',
+    TransparentNeutral400: 'rgba(203, 211, 223, 0.55)',
+    TransparentScrim: 'rgba(0, 0, 0, 0.25)',
+    TransparentScrimDarker: 'rgba(0, 0, 0, 0.50)'
   },
@@ -145,2 +145,3 @@ Font: {
   Spacing: {
+    XTiny: 2,
     Tiny: 4,
@@ -165,3 +166,3 @@ XSmall: 8,
       return {
-        Default: "cubic-bezier(.475,.425,0,.995)"
+        Default: 'cubic-bezier(.475,.425,0,.995)'
       };
@@ -168,0 +169,0 @@ } // TODO: Define type cubic-bezier?

dist/tokens/spacing.js

@@ -45,2 +45,7 @@ "use strict";
     TableFooterPaddingSide: core.Spacing.Medium,
+    // Tag
+    TagPaddingTopBottom: core.Spacing.XSmall,
+    TagPaddingLeftRight: core.Spacing.Small,
+    TagSmallPaddingTopBottom: core.Spacing.XTiny,
+    TagSmallPaddingLeftRight: core.Spacing.XSmall,
     // Textarea
@@ -47,0 +52,0 @@ TextAreaPadding: core.Spacing.Small,

dist/tokens/textColor.js

@@ -56,2 +56,7 @@ "use strict";
     TabActive: core.Color.Brand300,
+    // Tag
+    Tag: core.Color.Neutral700,
+    TagError: core.Color.Error500,
+    TagSuccess: core.Color.Success500,
+    TagWarning: core.Color.Warning500,
     // Tooltip
@@ -100,3 +105,8 @@ Tooltip: core.Color.NeutralWhite
     // Tab
-    TabActive: core.Color.Brand200
+    TabActive: core.Color.Brand200,
+    // Tag
+    Tag: core.Color.NeutralWhite,
+    TagError: core.Color.NeutralWhite,
+    TagSuccess: core.Color.NeutralWhite,
+    TagWarning: core.Color.Neutral800
   });
@@ -103,0 +113,0 @@ };

json/dark.json

@@ -1,1 +0,1 @@
-{"Color":{"Brand100":"#EAF1FB","Brand200":"#6FA1EC","Brand300":"#2F73DA","Brand400":"#165ECC","Brand500":"#034AB3","Chart1":"#74E4DA","Chart2":"#ED64A4","Chart3":"#F3DC46","Chart4":"#BABFC5","Chart5":"#60A9FF","Chart6":"#C8BAEE","Chart7":"#585E67","ChartMono1":"#89E8DF","ChartMono2":"#FF8787","ChartMono3":"#60A9FF","ChartMono4":"#2F73DA","ChartMono5":"#034AB3","ChartMono6":"#002966","NeutralWhite":"#FFFFFF","Neutral100":"#F8F9FB","Neutral200":"#EEF1F6","Neutral300":"#E4E8EE","Neutral400":"#CDD3DD","Neutral500":"#A8B1BD","Neutral600":"#6A7381","Neutral700":"#49505A","Neutral800":"#1F2329","Neutral900":"#121417","Primary100":"#EAF1FB","Primary200":"#6FA1EC","Primary300":"#2F73DA","Primary400":"#165ECC","Primary500":"#034AB3","Success100":"#DDFDED","Success200":"#0AC295","Success300":"#09A57F","Success400":"#078364","Success500":"#027357","Warning100":"#FEF7B9","Warning200":"#FFDA6C","Warning300":"#FFB400","Warning400":"#E07C02","Warning500":"#C33E01","Error100":"#FCD2CF","Error200":"#F45532","Error300":"#DF320C","Error400":"#C61A0B","Error500":"#AE0A0A","TransparentNeutral100":"rgba(247, 249, 252, 0.55)","TransparentNeutral400":"rgba(203, 211, 223, 0.55)","TransparentScrim":"rgba(0, 0, 0, 0.25)","TransparentScrimDarker":"rgba(0, 0, 0, 0.50)"},"Font":{"Regular":"ProximaNovaRegular, Helvetica, Arial, sans-serif","Semibold":"ProximaNovaSemibold, Helvetica, Arial, sans-serif","Bold":"ProximaNovaBold, Helvetica, Arial, sans-serif"},"BoxShadow":{"Low":" 0px 1px 3px rgba(87, 102, 117, 0.2)","Medium":" 0px 3px 8px rgba(87, 102, 117, 0.15)","High":" 0px 10px 20px rgba(87, 102, 117, 0.16)","FocusRingDefault":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Left":" -1px 0px 3px rgba(87, 102, 117, 0.2)","Right":" 1px 0px 3px rgba(87, 102, 117, 0.2)","BottomBar":"","Card":"","Container":"","Drawer":"","DropdownMenu":"","Modal":"","Tooltip":" 0px 3px 8px rgba(87, 102, 117, 0.15)"},"BorderRadius":{"Small":2,"Medium":4,"Large":8,"XLarge":16,"Button":4,"Card":4,"CardRounded":8,"Checkbox":2,"Container":4,"DropdownChip":4,"DropdownMenu":4,"DropdownMenuItem":4,"DropdownToggle":4,"Input":4,"Modal":4,"ModalClose":4,"Tooltip":4},"FontSize":{"Tiny":10,"XSmall":12,"Small":14,"ParagraphSmall":14,"Body":16,"Paragraph":16,"H3":20,"H2":24,"H1":32,"Button":16,"ButtonLinkLarge":16,"ButtonLinkSmall":14,"DropdownChip":10,"DropdownItem":16,"Input":16,"InputHelpText":14,"InputLabel":14,"ModalHeader":20,"TextArea":16,"TextAreaHelpText":14,"TooltipHeadline":16,"TooltipText":14},"FontWeight":{"Regular":400,"Semibold":600,"Bold":700},"LineHeight":{"Tiny":"12px","XSmall":"14px","Small":"16px","ParagraphSmall":"20px","Body":"20px","Paragraph":"24px","H3":"24px","H2":"32px","H1":"40px"},"Spacing":{"Tiny":4,"XSmall":8,"Small":12,"Medium":16,"Large":24,"XLarge":32,"XXLarge":40,"XXXLarge":48,"Jumbo":64,"SuperJumbo":96,"ButtonPadding":12,"CardSidePadding":16,"CheckboxLabelMarginLeft":8,"CheckboxLabelMarginRight":8,"ContainerSidePadding":24,"InputHelpTextMarginTop":4,"InputLabelMarginLeft":8,"InputLabelPaddingLeft":4,"InputLabelPaddingRight":4,"InputLabelTop":-8,"InputPaddingBottom":12,"InputPaddingLeft":12,"InputPaddingRight":12,"InputPaddingTop":16,"ModalPadding":12,"SwitchLabelMarginLeft":12,"SwitchLabelMarginRight":12,"TableCell":16,"TableCellActionMargin":24,"TableFooterPaddingTop":12,"TableFooterPaddingSide":16,"TextAreaPadding":12,"TooltipPadding":12},"Time":{"Short":300,"Med":500,"Long":1000},"Easing":{"Default":"cubic-bezier(.475,.425,0,.995)"},"MediaQuery":{"Small":"576px","Med":"768px","Large":"992px","XLarge":"1200px"},"Resolution":{"Small":576,"Med":768,"Large":992,"XLarge":1200},"BackgroundColor":{"Body":"#121417","Avatar":"#49505A","ButtonDestructive":"#DF320C","ButtonDestructiveDisabled":"#49505A","ButtonDestructiveHover":"#C61A0B","ButtonLinkHover":"#49505A","ButtonNeutral":"#1F2329","ButtonNeutralDisabled":"#49505A","ButtonNeutralHover":"#6A7381","ButtonPrimary":"#2F73DA","ButtonPrimaryDisabled":"#49505A","ButtonPrimaryHover":"#165ECC","ButtonTransparentHover":"#6A7381","Card":"#1F2329","CheckboxChecked":"transparent","CheckboxDisabled":"#49505A","Container":"#1F2329","DropdownMenu":"#49505A","DropdownMenuItemActive":"#6A7381","DropdownMenuItemHover":"#6A7381","HrDark":"#A8B1BD","HrLight":"#6A7381","InputChip":"#49505A","InputChipHover":"#6A7381","InputDisabled":"transparent","InputFocus":"transparent","InputLabelDefault":"#1F2329","InputLabelSecondary":"#121417","LeftNavItem":"#1F2329","LeftNavItemActive":"#121417","LeftNavItemHover":"#49505A","MessageBox":"#49505A","MessageBoxHelp":"#6FA1EC","MessageBoxError":"#F45532","MessageBoxSuccess":"#0AC295","Modal":"#1F2329","ModalClose":"#49505A","ModalCloseHover":"#6A7381","ModalScrim":"rgba(0, 0, 0, 0.50)","RadioChecked":"#121417","RadioDisabled":"#49505A","RadioDot":"#6A7381","RadioDotChecked":"#FFFFFF","RadioDotDisabled":"#6A7381","RadioDotDisabledChecked":"#A8B1BD","SwitchDisabledOff":"#121417","SwitchDisabledOn":"#121417","SwitchHandle":"#FFFFFF","SwitchHandleDisabled":"#49505A","SwitchOff":"#49505A","SwitchOn":"#09A57F","TabDivider":"#6A7381","TabHover":"#49505A","TableRowHover":"#49505A","TableFooter":"#49505A","Tooltip":"#49505A","ButtonLinkDestructiveHover":"#49505A"},"BorderColor":{"ButtonLinkHover":"#FFFFFF","ButtonLinkDestructiveHover":"#FFFFFF","ButtonNeutral":"#A8B1BD","ButtonNeutralDisabled":"#6A7381","ButtonNeutralHover":"#A8B1BD","Checkbox":"#CDD3DD","CheckboxChecked":"#FFFFFF","CheckboxDisabled":"#6A7381","DropdownDisabled":"rgba(203, 211, 223, 0.55)","Input":"#A8B1BD","InputDisabled":"#6A7381","InputError":"#F45532","InputFocus":"#6FA1EC","InputHover":"#A8B1BD","Radio":"#6A7381","RadioChecked":"#FFFFFF","RadioDisabled":"#6A7381","RadioDisabledChecked":"#A8B1BD","Switch":"#6A7381","SwitchDisabled":"#6A7381","TabActive":"#6FA1EC","TableHeader":"#6A7381","TableCell":"#49505A"},"TextColor":{"Active":"#6FA1EC","ActiveHover":"#EAF1FB","Default":"#FFFFFF","Disabled":"#6A7381","Error":"#F45532","Secondary":"#A8B1BD","Avatar":"#FFFFFF","ButtonDestructive":"#FFFFFF","ButtonDestructiveDisabled":"#A8B1BD","ButtonLink":"#6FA1EC","ButtonLinkHover":"#FFFFFF","ButtonLinkTertiary":"#CDD3DD","ButtonLinkDestructive":"#F45532","ButtonLinkDestructiveHover":"#FFFFFF","ButtonNeutral":"#FFFFFF","ButtonNeutralDisabled":"#A8B1BD","ButtonNeutralHover":"#FFFFFF","ButtonPrimary":"#FFFFFF","ButtonPrimaryDisabled":"#A8B1BD","ButtonTransparent":"#6FA1EC","ButtonTransparentDisabled":"#6A7381","ButtonTransparentHover":"#FFFFFF","ButtonTransparentTertiary":"#CDD3DD","DropdownMenuItemDisabled":"#A8B1BD","InputErrorMessage":"#F45532","InputHelpText":"#A8B1BD","InputLabel":"#A8B1BD","InputPlaceholder":"#A8B1BD","LeftNavItemActive":"#FFFFFF","ModalClose":"#FFFFFF","TabActive":"#6FA1EC","Tooltip":"#FFFFFF","ButtonLinkDisabled":"#6A7381"}}
+{"Color":{"Brand100":"#EAF1FB","Brand200":"#6FA1EC","Brand300":"#2F73DA","Brand400":"#165ECC","Brand500":"#034AB3","Chart1":"#74E4DA","Chart2":"#ED64A4","Chart3":"#F3DC46","Chart4":"#BABFC5","Chart5":"#60A9FF","Chart6":"#C8BAEE","Chart7":"#585E67","ChartMono1":"#89E8DF","ChartMono2":"#FF8787","ChartMono3":"#60A9FF","ChartMono4":"#2F73DA","ChartMono5":"#034AB3","ChartMono6":"#002966","NeutralWhite":"#FFFFFF","Neutral100":"#F8F9FB","Neutral200":"#EEF1F6","Neutral300":"#E4E8EE","Neutral400":"#CDD3DD","Neutral500":"#A8B1BD","Neutral600":"#6A7381","Neutral700":"#49505A","Neutral800":"#1F2329","Neutral900":"#121417","Primary100":"#EAF1FB","Primary200":"#6FA1EC","Primary300":"#2F73DA","Primary400":"#165ECC","Primary500":"#034AB3","Success100":"#DDFDED","Success200":"#0AC295","Success300":"#09A57F","Success400":"#078364","Success500":"#027357","Warning100":"#FEF7B9","Warning200":"#FFDA6C","Warning300":"#FFB400","Warning400":"#E07C02","Warning500":"#C33E01","Error100":"#FCD2CF","Error200":"#F45532","Error300":"#DF320C","Error400":"#C61A0B","Error500":"#AE0A0A","TransparentNeutral100":"rgba(247, 249, 252, 0.55)","TransparentNeutral400":"rgba(203, 211, 223, 0.55)","TransparentScrim":"rgba(0, 0, 0, 0.25)","TransparentScrimDarker":"rgba(0, 0, 0, 0.50)"},"Font":{"Regular":"ProximaNovaRegular, Helvetica, Arial, sans-serif","Semibold":"ProximaNovaSemibold, Helvetica, Arial, sans-serif","Bold":"ProximaNovaBold, Helvetica, Arial, sans-serif"},"BoxShadow":{"Low":" 0px 1px 3px rgba(87, 102, 117, 0.2)","Medium":" 0px 3px 8px rgba(87, 102, 117, 0.15)","High":" 0px 10px 20px rgba(87, 102, 117, 0.16)","FocusRingDefault":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Left":" -1px 0px 3px rgba(87, 102, 117, 0.2)","Right":" 1px 0px 3px rgba(87, 102, 117, 0.2)","BottomBar":"","Card":"","Container":"","Drawer":"","DropdownMenu":"","Modal":"","Tooltip":" 0px 3px 8px rgba(87, 102, 117, 0.15)"},"BorderRadius":{"Small":2,"Medium":4,"Large":8,"XLarge":16,"Button":4,"Card":4,"CardRounded":8,"Checkbox":2,"Container":4,"DropdownChip":4,"DropdownMenu":4,"DropdownMenuItem":4,"DropdownToggle":4,"Input":4,"Modal":4,"ModalClose":4,"Tooltip":4},"FontSize":{"Tiny":10,"XSmall":12,"Small":14,"ParagraphSmall":14,"Body":16,"Paragraph":16,"H3":20,"H2":24,"H1":32,"Button":16,"ButtonLinkLarge":16,"ButtonLinkSmall":14,"DropdownChip":10,"DropdownItem":16,"Input":16,"InputHelpText":14,"InputLabel":14,"ModalHeader":20,"TextArea":16,"TextAreaHelpText":14,"TooltipHeadline":16,"TooltipText":14},"FontWeight":{"Regular":400,"Semibold":600,"Bold":700},"LineHeight":{"Tiny":"12px","XSmall":"14px","Small":"16px","ParagraphSmall":"20px","Body":"20px","Paragraph":"24px","H3":"24px","H2":"32px","H1":"40px"},"Spacing":{"XTiny":2,"Tiny":4,"XSmall":8,"Small":12,"Medium":16,"Large":24,"XLarge":32,"XXLarge":40,"XXXLarge":48,"Jumbo":64,"SuperJumbo":96,"ButtonPadding":12,"CardSidePadding":16,"CheckboxLabelMarginLeft":8,"CheckboxLabelMarginRight":8,"ContainerSidePadding":24,"InputHelpTextMarginTop":4,"InputLabelMarginLeft":8,"InputLabelPaddingLeft":4,"InputLabelPaddingRight":4,"InputLabelTop":-8,"InputPaddingBottom":12,"InputPaddingLeft":12,"InputPaddingRight":12,"InputPaddingTop":16,"ModalPadding":12,"SwitchLabelMarginLeft":12,"SwitchLabelMarginRight":12,"TableCell":16,"TableCellActionMargin":24,"TableFooterPaddingTop":12,"TableFooterPaddingSide":16,"TagPaddingTopBottom":8,"TagPaddingLeftRight":12,"TagSmallPaddingTopBottom":2,"TagSmallPaddingLeftRight":8,"TextAreaPadding":12,"TooltipPadding":12},"Time":{"Short":300,"Med":500,"Long":1000},"Easing":{"Default":"cubic-bezier(.475,.425,0,.995)"},"MediaQuery":{"Small":"576px","Med":"768px","Large":"992px","XLarge":"1200px"},"Resolution":{"Small":576,"Med":768,"Large":992,"XLarge":1200},"BackgroundColor":{"Body":"#121417","Avatar":"#49505A","ButtonDestructive":"#DF320C","ButtonDestructiveDisabled":"#49505A","ButtonDestructiveHover":"#C61A0B","ButtonLinkHover":"#49505A","ButtonNeutral":"#1F2329","ButtonNeutralDisabled":"#49505A","ButtonNeutralHover":"#6A7381","ButtonPrimary":"#2F73DA","ButtonPrimaryDisabled":"#49505A","ButtonPrimaryHover":"#165ECC","ButtonTransparentHover":"#6A7381","Card":"#1F2329","CheckboxChecked":"transparent","CheckboxDisabled":"#49505A","Container":"#1F2329","DropdownMenu":"#49505A","DropdownMenuItemActive":"#6A7381","DropdownMenuItemHover":"#6A7381","HrDark":"#A8B1BD","HrLight":"#6A7381","InputChip":"#49505A","InputChipHover":"#6A7381","InputDisabled":"transparent","InputFocus":"transparent","InputLabelDefault":"#1F2329","InputLabelSecondary":"#121417","LeftNavItem":"#1F2329","LeftNavItemActive":"#121417","LeftNavItemHover":"#49505A","MessageBox":"#49505A","MessageBoxHelp":"#6FA1EC","MessageBoxError":"#F45532","MessageBoxSuccess":"#0AC295","Modal":"#1F2329","ModalClose":"#49505A","ModalCloseHover":"#6A7381","ModalScrim":"rgba(0, 0, 0, 0.50)","RadioChecked":"#121417","RadioDisabled":"#49505A","RadioDot":"#6A7381","RadioDotChecked":"#FFFFFF","RadioDotDisabled":"#6A7381","RadioDotDisabledChecked":"#A8B1BD","SwitchDisabledOff":"#121417","SwitchDisabledOn":"#121417","SwitchHandle":"#FFFFFF","SwitchHandleDisabled":"#49505A","SwitchOff":"#49505A","SwitchOn":"#09A57F","TabDivider":"#6A7381","TabHover":"#49505A","Tag":"#6A7381","TagError":"#AE0A0A","TagSuccess":"#027357","TagWarning":"#FFB400","TableRowHover":"#49505A","TableFooter":"#49505A","Tooltip":"#49505A","ButtonLinkDestructiveHover":"#49505A"},"BorderColor":{"ButtonLinkHover":"#FFFFFF","ButtonLinkDestructiveHover":"#FFFFFF","ButtonNeutral":"#A8B1BD","ButtonNeutralDisabled":"#6A7381","ButtonNeutralHover":"#A8B1BD","Checkbox":"#CDD3DD","CheckboxChecked":"#FFFFFF","CheckboxDisabled":"#6A7381","DropdownDisabled":"rgba(203, 211, 223, 0.55)","Input":"#A8B1BD","InputDisabled":"#6A7381","InputError":"#F45532","InputFocus":"#6FA1EC","InputHover":"#A8B1BD","Radio":"#6A7381","RadioChecked":"#FFFFFF","RadioDisabled":"#6A7381","RadioDisabledChecked":"#A8B1BD","Switch":"#6A7381","SwitchDisabled":"#6A7381","TabActive":"#6FA1EC","TableHeader":"#6A7381","TableCell":"#49505A"},"TextColor":{"Active":"#6FA1EC","ActiveHover":"#EAF1FB","Default":"#FFFFFF","Disabled":"#6A7381","Error":"#F45532","Secondary":"#A8B1BD","Avatar":"#FFFFFF","ButtonDestructive":"#FFFFFF","ButtonDestructiveDisabled":"#A8B1BD","ButtonLink":"#6FA1EC","ButtonLinkHover":"#FFFFFF","ButtonLinkTertiary":"#CDD3DD","ButtonLinkDestructive":"#F45532","ButtonLinkDestructiveHover":"#FFFFFF","ButtonNeutral":"#FFFFFF","ButtonNeutralDisabled":"#A8B1BD","ButtonNeutralHover":"#FFFFFF","ButtonPrimary":"#FFFFFF","ButtonPrimaryDisabled":"#A8B1BD","ButtonTransparent":"#6FA1EC","ButtonTransparentDisabled":"#6A7381","ButtonTransparentHover":"#FFFFFF","ButtonTransparentTertiary":"#CDD3DD","DropdownMenuItemDisabled":"#A8B1BD","InputErrorMessage":"#F45532","InputHelpText":"#A8B1BD","InputLabel":"#A8B1BD","InputPlaceholder":"#A8B1BD","LeftNavItemActive":"#FFFFFF","ModalClose":"#FFFFFF","TabActive":"#6FA1EC","Tag":"#FFFFFF","TagError":"#FFFFFF","TagSuccess":"#FFFFFF","TagWarning":"#1F2329","Tooltip":"#FFFFFF","ButtonLinkDisabled":"#6A7381"}}

json/light.json

@@ -1,1 +0,1 @@
-{"Color":{"Brand100":"#EAF1FB","Brand200":"#6FA1EC","Brand300":"#2F73DA","Brand400":"#165ECC","Brand500":"#034AB3","Chart1":"#74E4DA","Chart2":"#ED64A4","Chart3":"#F3DC46","Chart4":"#BABFC5","Chart5":"#60A9FF","Chart6":"#C8BAEE","Chart7":"#585E67","ChartMono1":"#89E8DF","ChartMono2":"#FF8787","ChartMono3":"#60A9FF","ChartMono4":"#2F73DA","ChartMono5":"#034AB3","ChartMono6":"#002966","NeutralWhite":"#FFFFFF","Neutral100":"#F8F9FB","Neutral200":"#EEF1F6","Neutral300":"#E4E8EE","Neutral400":"#CDD3DD","Neutral500":"#A8B1BD","Neutral600":"#6A7381","Neutral700":"#49505A","Neutral800":"#1F2329","Neutral900":"#121417","Primary100":"#EAF1FB","Primary200":"#6FA1EC","Primary300":"#2F73DA","Primary400":"#165ECC","Primary500":"#034AB3","Success100":"#DDFDED","Success200":"#0AC295","Success300":"#09A57F","Success400":"#078364","Success500":"#027357","Warning100":"#FEF7B9","Warning200":"#FFDA6C","Warning300":"#FFB400","Warning400":"#E07C02","Warning500":"#C33E01","Error100":"#FCD2CF","Error200":"#F45532","Error300":"#DF320C","Error400":"#C61A0B","Error500":"#AE0A0A","TransparentNeutral100":"rgba(247, 249, 252, 0.55)","TransparentNeutral400":"rgba(203, 211, 223, 0.55)","TransparentScrim":"rgba(0, 0, 0, 0.25)","TransparentScrimDarker":"rgba(0, 0, 0, 0.50)"},"Font":{"Regular":"ProximaNovaRegular, Helvetica, Arial, sans-serif","Semibold":"ProximaNovaSemibold, Helvetica, Arial, sans-serif","Bold":"ProximaNovaBold, Helvetica, Arial, sans-serif"},"BoxShadow":{"Low":" 0px 1px 3px rgba(87, 102, 117, 0.2)","Medium":" 0px 3px 8px rgba(87, 102, 117, 0.15)","High":" 0px 10px 20px rgba(87, 102, 117, 0.16)","FocusRingDefault":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Left":" -1px 0px 3px rgba(87, 102, 117, 0.2)","Right":" 1px 0px 3px rgba(87, 102, 117, 0.2)","BottomBar":" 0px -1px 3px rgba(87, 102, 117, 0.2)","Card":" 0px 1px 3px rgba(87, 102, 117, 0.2)","Container":" 0px 1px 3px rgba(87, 102, 117, 0.2)","Drawer":" -1px 0px 3px rgba(87, 102, 117, 0.2)","DropdownMenu":" 0px 3px 8px rgba(87, 102, 117, 0.15)","Modal":" 0px 10px 20px rgba(87, 102, 117, 0.16)","Tooltip":" 0px 3px 8px rgba(87, 102, 117, 0.15)"},"BorderRadius":{"Small":2,"Medium":4,"Large":8,"XLarge":16,"Button":4,"Card":4,"CardRounded":8,"Checkbox":2,"Container":4,"DropdownChip":4,"DropdownMenu":4,"DropdownMenuItem":4,"DropdownToggle":4,"Input":4,"Modal":4,"ModalClose":4,"Tooltip":4},"FontSize":{"Tiny":10,"XSmall":12,"Small":14,"ParagraphSmall":14,"Body":16,"Paragraph":16,"H3":20,"H2":24,"H1":32,"Button":16,"ButtonLinkLarge":16,"ButtonLinkSmall":14,"DropdownChip":10,"DropdownItem":16,"Input":16,"InputHelpText":14,"InputLabel":14,"ModalHeader":20,"TextArea":16,"TextAreaHelpText":14,"TooltipHeadline":16,"TooltipText":14},"FontWeight":{"Regular":400,"Semibold":600,"Bold":700},"LineHeight":{"Tiny":"12px","XSmall":"14px","Small":"16px","ParagraphSmall":"20px","Body":"20px","Paragraph":"24px","H3":"24px","H2":"32px","H1":"40px"},"Spacing":{"Tiny":4,"XSmall":8,"Small":12,"Medium":16,"Large":24,"XLarge":32,"XXLarge":40,"XXXLarge":48,"Jumbo":64,"SuperJumbo":96,"ButtonPadding":12,"CardSidePadding":16,"CheckboxLabelMarginLeft":8,"CheckboxLabelMarginRight":8,"ContainerSidePadding":24,"InputHelpTextMarginTop":4,"InputLabelMarginLeft":8,"InputLabelPaddingLeft":4,"InputLabelPaddingRight":4,"InputLabelTop":-8,"InputPaddingBottom":12,"InputPaddingLeft":12,"InputPaddingRight":12,"InputPaddingTop":16,"ModalPadding":12,"SwitchLabelMarginLeft":12,"SwitchLabelMarginRight":12,"TableCell":16,"TableCellActionMargin":24,"TableFooterPaddingTop":12,"TableFooterPaddingSide":16,"TextAreaPadding":12,"TooltipPadding":12},"Time":{"Short":300,"Med":500,"Long":1000},"Easing":{"Default":"cubic-bezier(.475,.425,0,.995)"},"MediaQuery":{"Small":"576px","Med":"768px","Large":"992px","XLarge":"1200px"},"Resolution":{"Small":576,"Med":768,"Large":992,"XLarge":1200},"BackgroundColor":{"Body":"#F8F9FB","Avatar":"#E4E8EE","ButtonDestructive":"#DF320C","ButtonDestructiveDisabled":"#EEF1F6","ButtonDestructiveHover":"#C61A0B","ButtonLinkHover":"#EAF1FB","ButtonNeutral":"#FFFFFF","ButtonNeutralDisabled":"#FFFFFF","ButtonNeutralHover":"#FFFFFF","ButtonPrimary":"#2F73DA","ButtonPrimaryDisabled":"#EEF1F6","ButtonPrimaryHover":"#165ECC","ButtonTransparentHover":"#EAF1FB","Card":"#FFFFFF","CheckboxChecked":"#EAF1FB","CheckboxDisabled":"#F8F9FB","Container":"#FFFFFF","DropdownMenu":"#FFFFFF","DropdownMenuItemActive":"#EAF1FB","DropdownMenuItemHover":"#F8F9FB","HrDark":"#CDD3DD","HrLight":"#E4E8EE","InputChip":"#EAF1FB","InputChipHover":"#2F73DA","InputDisabled":"rgba(247, 249, 252, 0.55)","InputFocus":"transparent","InputLabelDefault":"#FFFFFF","InputLabelSecondary":"#F8F9FB","LeftNavItem":"#FFFFFF","LeftNavItemActive":"#EAF1FB","LeftNavItemHover":"#F8F9FB","MessageBox":"#FFFFFF","MessageBoxHelp":"#2F73DA","MessageBoxError":"#DF320C","MessageBoxSuccess":"#09A57F","Modal":"#FFFFFF","ModalClose":"#EEF1F6","ModalCloseHover":"#E4E8EE","ModalScrim":"rgba(0, 0, 0, 0.25)","RadioChecked":"#EAF1FB","RadioDisabled":"#EAF1FB","RadioDot":"#F8F9FB","RadioDotChecked":"#2F73DA","RadioDotDisabled":"#EEF1F6","RadioDotDisabledChecked":"#A8B1BD","SwitchDisabledOff":"#EEF1F6","SwitchDisabledOn":"#E4E8EE","SwitchHandle":"#FFFFFF","SwitchHandleDisabled":"#F8F9FB","SwitchOff":"#EEF1F6","SwitchOn":"#09A57F","TabDivider":"#CDD3DD","TabHover":"#F8F9FB","TableRowHover":"#F8F9FB","TableFooter":"#EEF1F6","Tooltip":"#1F2329"},"BorderColor":{"ButtonLinkHover":"#165ECC","ButtonLinkDestructiveHover":"#C61A0B","ButtonNeutral":"#CDD3DD","ButtonNeutralDisabled":"#165ECC","ButtonNeutralHover":"#165ECC","Checkbox":"#6A7381","CheckboxChecked":"#2F73DA","CheckboxDisabled":"#CDD3DD","DropdownDisabled":"rgba(203, 211, 223, 0.55)","Input":"#6A7381","InputDisabled":"rgba(203, 211, 223, 0.55)","InputError":"#DF320C","InputFocus":"#2F73DA","InputHover":"#6A7381","Radio":"#6A7381","RadioChecked":"#2F73DA","RadioDisabled":"#CDD3DD","RadioDisabledChecked":"#A8B1BD","Switch":"#6A7381","SwitchDisabled":"#CDD3DD","TabActive":"#2F73DA","TableHeader":"#CDD3DD","TableCell":"#EEF1F6"},"TextColor":{"Active":"#2F73DA","ActiveHover":"#165ECC","Default":"#121417","Disabled":"#A8B1BD","Error":"#DF320C","Secondary":"#49505A","Avatar":"#121417","ButtonDestructive":"#FFFFFF","ButtonDestructiveDisabled":"#A8B1BD","ButtonLink":"#2F73DA","ButtonLinkHover":"#165ECC","ButtonLinkTertiary":"#49505A","ButtonLinkDestructive":"#DF320C","ButtonLinkDestructiveHover":"#C61A0B","ButtonNeutral":"#2F73DA","ButtonNeutralDisabled":"#6A7381","ButtonNeutralHover":"#165ECC","ButtonPrimary":"#FFFFFF","ButtonPrimaryDisabled":"#A8B1BD","ButtonTransparent":"#2F73DA","ButtonTransparentDisabled":"#6A7381","ButtonTransparentHover":"#165ECC","ButtonTransparentTertiary":"#49505A","DropdownMenuItemActive":"#2F73DA","DropdownMenuItemDisabled":"#A8B1BD","InputErrorMessage":"#DF320C","InputHelpText":"#6A7381","InputLabel":"#6A7381","InputPlaceholder":"#6A7381","LeftNavItemActive":"#165ECC","ModalClose":"#121417","TabActive":"#2F73DA","Tooltip":"#FFFFFF"}}
+{"Color":{"Brand100":"#EAF1FB","Brand200":"#6FA1EC","Brand300":"#2F73DA","Brand400":"#165ECC","Brand500":"#034AB3","Chart1":"#74E4DA","Chart2":"#ED64A4","Chart3":"#F3DC46","Chart4":"#BABFC5","Chart5":"#60A9FF","Chart6":"#C8BAEE","Chart7":"#585E67","ChartMono1":"#89E8DF","ChartMono2":"#FF8787","ChartMono3":"#60A9FF","ChartMono4":"#2F73DA","ChartMono5":"#034AB3","ChartMono6":"#002966","NeutralWhite":"#FFFFFF","Neutral100":"#F8F9FB","Neutral200":"#EEF1F6","Neutral300":"#E4E8EE","Neutral400":"#CDD3DD","Neutral500":"#A8B1BD","Neutral600":"#6A7381","Neutral700":"#49505A","Neutral800":"#1F2329","Neutral900":"#121417","Primary100":"#EAF1FB","Primary200":"#6FA1EC","Primary300":"#2F73DA","Primary400":"#165ECC","Primary500":"#034AB3","Success100":"#DDFDED","Success200":"#0AC295","Success300":"#09A57F","Success400":"#078364","Success500":"#027357","Warning100":"#FEF7B9","Warning200":"#FFDA6C","Warning300":"#FFB400","Warning400":"#E07C02","Warning500":"#C33E01","Error100":"#FCD2CF","Error200":"#F45532","Error300":"#DF320C","Error400":"#C61A0B","Error500":"#AE0A0A","TransparentNeutral100":"rgba(247, 249, 252, 0.55)","TransparentNeutral400":"rgba(203, 211, 223, 0.55)","TransparentScrim":"rgba(0, 0, 0, 0.25)","TransparentScrimDarker":"rgba(0, 0, 0, 0.50)"},"Font":{"Regular":"ProximaNovaRegular, Helvetica, Arial, sans-serif","Semibold":"ProximaNovaSemibold, Helvetica, Arial, sans-serif","Bold":"ProximaNovaBold, Helvetica, Arial, sans-serif"},"BoxShadow":{"Low":" 0px 1px 3px rgba(87, 102, 117, 0.2)","Medium":" 0px 3px 8px rgba(87, 102, 117, 0.15)","High":" 0px 10px 20px rgba(87, 102, 117, 0.16)","FocusRingDefault":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Left":" -1px 0px 3px rgba(87, 102, 117, 0.2)","Right":" 1px 0px 3px rgba(87, 102, 117, 0.2)","BottomBar":" 0px -1px 3px rgba(87, 102, 117, 0.2)","Card":" 0px 1px 3px rgba(87, 102, 117, 0.2)","Container":" 0px 1px 3px rgba(87, 102, 117, 0.2)","Drawer":" -1px 0px 3px rgba(87, 102, 117, 0.2)","DropdownMenu":" 0px 3px 8px rgba(87, 102, 117, 0.15)","Modal":" 0px 10px 20px rgba(87, 102, 117, 0.16)","Tooltip":" 0px 3px 8px rgba(87, 102, 117, 0.15)"},"BorderRadius":{"Small":2,"Medium":4,"Large":8,"XLarge":16,"Button":4,"Card":4,"CardRounded":8,"Checkbox":2,"Container":4,"DropdownChip":4,"DropdownMenu":4,"DropdownMenuItem":4,"DropdownToggle":4,"Input":4,"Modal":4,"ModalClose":4,"Tooltip":4},"FontSize":{"Tiny":10,"XSmall":12,"Small":14,"ParagraphSmall":14,"Body":16,"Paragraph":16,"H3":20,"H2":24,"H1":32,"Button":16,"ButtonLinkLarge":16,"ButtonLinkSmall":14,"DropdownChip":10,"DropdownItem":16,"Input":16,"InputHelpText":14,"InputLabel":14,"ModalHeader":20,"TextArea":16,"TextAreaHelpText":14,"TooltipHeadline":16,"TooltipText":14},"FontWeight":{"Regular":400,"Semibold":600,"Bold":700},"LineHeight":{"Tiny":"12px","XSmall":"14px","Small":"16px","ParagraphSmall":"20px","Body":"20px","Paragraph":"24px","H3":"24px","H2":"32px","H1":"40px"},"Spacing":{"XTiny":2,"Tiny":4,"XSmall":8,"Small":12,"Medium":16,"Large":24,"XLarge":32,"XXLarge":40,"XXXLarge":48,"Jumbo":64,"SuperJumbo":96,"ButtonPadding":12,"CardSidePadding":16,"CheckboxLabelMarginLeft":8,"CheckboxLabelMarginRight":8,"ContainerSidePadding":24,"InputHelpTextMarginTop":4,"InputLabelMarginLeft":8,"InputLabelPaddingLeft":4,"InputLabelPaddingRight":4,"InputLabelTop":-8,"InputPaddingBottom":12,"InputPaddingLeft":12,"InputPaddingRight":12,"InputPaddingTop":16,"ModalPadding":12,"SwitchLabelMarginLeft":12,"SwitchLabelMarginRight":12,"TableCell":16,"TableCellActionMargin":24,"TableFooterPaddingTop":12,"TableFooterPaddingSide":16,"TagPaddingTopBottom":8,"TagPaddingLeftRight":12,"TagSmallPaddingTopBottom":2,"TagSmallPaddingLeftRight":8,"TextAreaPadding":12,"TooltipPadding":12},"Time":{"Short":300,"Med":500,"Long":1000},"Easing":{"Default":"cubic-bezier(.475,.425,0,.995)"},"MediaQuery":{"Small":"576px","Med":"768px","Large":"992px","XLarge":"1200px"},"Resolution":{"Small":576,"Med":768,"Large":992,"XLarge":1200},"BackgroundColor":{"Body":"#F8F9FB","Avatar":"#E4E8EE","ButtonDestructive":"#DF320C","ButtonDestructiveDisabled":"#EEF1F6","ButtonDestructiveHover":"#C61A0B","ButtonLinkHover":"#EAF1FB","ButtonNeutral":"#FFFFFF","ButtonNeutralDisabled":"#FFFFFF","ButtonNeutralHover":"#FFFFFF","ButtonPrimary":"#2F73DA","ButtonPrimaryDisabled":"#EEF1F6","ButtonPrimaryHover":"#165ECC","ButtonTransparentHover":"#EAF1FB","Card":"#FFFFFF","CheckboxChecked":"#EAF1FB","CheckboxDisabled":"#F8F9FB","Container":"#FFFFFF","DropdownMenu":"#FFFFFF","DropdownMenuItemActive":"#EAF1FB","DropdownMenuItemHover":"#F8F9FB","HrDark":"#CDD3DD","HrLight":"#E4E8EE","InputChip":"#EAF1FB","InputChipHover":"#2F73DA","InputDisabled":"rgba(247, 249, 252, 0.55)","InputFocus":"transparent","InputLabelDefault":"#FFFFFF","InputLabelSecondary":"#F8F9FB","LeftNavItem":"#FFFFFF","LeftNavItemActive":"#EAF1FB","LeftNavItemHover":"#F8F9FB","MessageBox":"#FFFFFF","MessageBoxHelp":"#2F73DA","MessageBoxError":"#DF320C","MessageBoxSuccess":"#09A57F","Modal":"#FFFFFF","ModalClose":"#EEF1F6","ModalCloseHover":"#E4E8EE","ModalScrim":"rgba(0, 0, 0, 0.25)","RadioChecked":"#EAF1FB","RadioDisabled":"#EAF1FB","RadioDot":"#F8F9FB","RadioDotChecked":"#2F73DA","RadioDotDisabled":"#EEF1F6","RadioDotDisabledChecked":"#A8B1BD","SwitchDisabledOff":"#EEF1F6","SwitchDisabledOn":"#E4E8EE","SwitchHandle":"#FFFFFF","SwitchHandleDisabled":"#F8F9FB","SwitchOff":"#EEF1F6","SwitchOn":"#09A57F","TabDivider":"#CDD3DD","TabHover":"#F8F9FB","Tag":"#EEF1F6","TagError":"#FCD2CF","TagSuccess":"#DDFDED","TagWarning":"#FEF7B9","TableRowHover":"#F8F9FB","TableFooter":"#EEF1F6","Tooltip":"#1F2329"},"BorderColor":{"ButtonLinkHover":"#165ECC","ButtonLinkDestructiveHover":"#C61A0B","ButtonNeutral":"#CDD3DD","ButtonNeutralDisabled":"#165ECC","ButtonNeutralHover":"#165ECC","Checkbox":"#6A7381","CheckboxChecked":"#2F73DA","CheckboxDisabled":"#CDD3DD","DropdownDisabled":"rgba(203, 211, 223, 0.55)","Input":"#6A7381","InputDisabled":"rgba(203, 211, 223, 0.55)","InputError":"#DF320C","InputFocus":"#2F73DA","InputHover":"#6A7381","Radio":"#6A7381","RadioChecked":"#2F73DA","RadioDisabled":"#CDD3DD","RadioDisabledChecked":"#A8B1BD","Switch":"#6A7381","SwitchDisabled":"#CDD3DD","TabActive":"#2F73DA","TableHeader":"#CDD3DD","TableCell":"#EEF1F6"},"TextColor":{"Active":"#2F73DA","ActiveHover":"#165ECC","Default":"#121417","Disabled":"#A8B1BD","Error":"#DF320C","Secondary":"#49505A","Avatar":"#121417","ButtonDestructive":"#FFFFFF","ButtonDestructiveDisabled":"#A8B1BD","ButtonLink":"#2F73DA","ButtonLinkHover":"#165ECC","ButtonLinkTertiary":"#49505A","ButtonLinkDestructive":"#DF320C","ButtonLinkDestructiveHover":"#C61A0B","ButtonNeutral":"#2F73DA","ButtonNeutralDisabled":"#6A7381","ButtonNeutralHover":"#165ECC","ButtonPrimary":"#FFFFFF","ButtonPrimaryDisabled":"#A8B1BD","ButtonTransparent":"#2F73DA","ButtonTransparentDisabled":"#6A7381","ButtonTransparentHover":"#165ECC","ButtonTransparentTertiary":"#49505A","DropdownMenuItemActive":"#2F73DA","DropdownMenuItemDisabled":"#A8B1BD","InputErrorMessage":"#DF320C","InputHelpText":"#6A7381","InputLabel":"#6A7381","InputPlaceholder":"#6A7381","LeftNavItemActive":"#165ECC","ModalClose":"#121417","TabActive":"#2F73DA","Tag":"#49505A","TagError":"#AE0A0A","TagSuccess":"#027357","TagWarning":"#C33E01","Tooltip":"#FFFFFF"}}

package.json

 {
   "name": "mx-design-tokens",
-  "version": "8.3.0",
+  "version": "8.4.0",
   "description": "Design Tokens",
@@ -33,2 +33,2 @@ "main": "dist/index.js",
   }
-}
+}

New alerts

License Policy Violation

License

This 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

License

This 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

54483

increased by2.84%

Lines of code

807

increased by3.33%

No dependency changes