@ni/nimble-tokens 1.0.0-beta.6 → 1.0.0

package/dist/styledictionary/js/tokens.d.ts

@@ -1,40 +1,98 @@
 /**
  * Do not edit directly
- * Generated on Tue, 20 Jul 2021 19:35:33 GMT
+ * Generated on Thu, 13 Jan 2022 15:57:37 GMT
  */
 
-export const Fail100Dark : string;
-export const Fail100Light : string;
+export const SlLegacyBlue : string;
+export const Information100DarkUi : string;
+export const Information100LightUi : string;
+export const Warning100DarkUi : string;
+export const Pass100LightUi : string;
+export const Pass100DarkUi : string;
+export const WarningTypographyLightUi : string;
+export const PassTypographyLightUi : string;
+export const Fail100LightUi : string;
+export const Fail100DarkUi : string;
 export const Black75 : string;
-export const Enterprise : string;
-export const Fail85 : string;
-export const Selection100 : string;
-export const Brand85 : string;
-export const Black88 : string;
 export const Black15 : string;
 export const Black7 : string;
+export const White : string;
+export const Black88 : string;
 export const Black85 : string;
+export const Black80 : string;
 export const Black : string;
-export const Warning100 : string;
-export const Black91 : string;
-export const White : string;
 export const Black95 : string;
-export const Pass100 : string;
-export const Fail100 : string;
+export const Black91 : string;
+export const Enterprise : string;
+export const Selection100 : string;
+export const Brand85 : string;
 export const Brand100 : string;
-export const Black80 : string;
-export const Header1Family : string;
-export const Header1Weight : string;
-export const SubtitleFamily : string;
-export const SubtitleWeight : string;
-export const OverlineCapitalizedFamily : string;
-export const OverlineCapitalizedWeight : string;
+export const Fail85 : string;
+export const RgbNiSky : string;
+export const BannerFail100DarkUi : string;
+export const Warning100LightUi : string;
+export const Black30 : string;
+export const Black50 : string;
+export const Title2Family : string;
+export const Title2Weight : string;
+export const ControlLabel1Family : string;
+export const ControlLabel1Weight : string;
 export const BodyFamily : string;
 export const BodyWeight : string;
 export const Header0Family : string;
 export const Header0Weight : string;
-export const Header1Size : string;
-export const SubtitleSize : string;
-export const OverlineCapitalizedSize : string;
+export const SubHeaderFamily : string;
+export const SubHeaderWeight : string;
+export const Header1Family : string;
+export const Header1Weight : string;
+export const GroupLabel1Family : string;
+export const GroupLabel1Weight : string;
+export const ButtonLabel1Family : string;
+export const ButtonLabel1Weight : string;
+export const Title1Family : string;
+export const Title1Weight : string;
+export const LinkColorUiFamily : string;
+export const LinkColorUiWeight : string;
+export const LinkDarkUiFamily : string;
+export const LinkDarkUiWeight : string;
+export const Headline2Family : string;
+export const Headline2Weight : string;
+export const PlaceholderFamily : string;
+export const PlaceholderWeight : string;
+export const TooltipCaptionFamily : string;
+export const TooltipCaptionWeight : string;
+export const BodyEmphasizedFamily : string;
+export const BodyEmphasizedWeight : string;
+export const Subtitle1Family : string;
+export const Subtitle1Weight : string;
+export const Title3Family : string;
+export const Title3Weight : string;
+export const Subtitle2Family : string;
+export const Subtitle2Weight : string;
+export const LinkLightUiFamily : string;
+export const LinkLightUiWeight : string;
+export const Headline1Family : string;
+export const Headline1Weight : string;
+export const LegacyContentFamily : string;
+export const Title2Size : string;
+export const ControlLabel1Size : string;
 export const BodySize : string;
-export const Header0Size : string;
+export const Header0Size : string;
+export const SubHeaderSize : string;
+export const Header1Size : string;
+export const GroupLabel1Size : string;
+export const ButtonLabel1Size : string;
+export const Title1Size : string;
+export const LinkColorUiSize : string;
+export const LinkDarkUiSize : string;
+export const Headline2Size : string;
+export const PlaceholderSize : string;
+export const TooltipCaptionSize : string;
+export const BodyEmphasizedSize : string;
+export const Subtitle1Size : string;
+export const Title3Size : string;
+export const Subtitle2Size : string;
+export const LinkLightUiSize : string;
+export const Headline1Size : string;
+export const SmallDelay : string; // Short animation delay used for control state change animation
+export const MediumDelay : string; // Medium animation delay for control state change animation

package/dist/styledictionary/js/tokens.js

@@ -1,40 +1,98 @@
 /**
  * Do not edit directly
- * Generated on Tue, 20 Jul 2021 19:35:33 GMT
+ * Generated on Thu, 13 Jan 2022 15:57:37 GMT
  */
 
-export const Fail100Dark = "#ff4663";
-export const Fail100Light = "#c4000c";
+export const SlLegacyBlue = "#009ff5";
+export const Information100DarkUi = "#a46eff";
+export const Information100LightUi = "#804ad9";
+export const Warning100DarkUi = "#ff8126";
+export const Pass100LightUi = "#009921";
+export const Pass100DarkUi = "#00c12b";
+export const WarningTypographyLightUi = "#d3440d";
+export const PassTypographyLightUi = "#00801c";
+export const Fail100LightUi = "#c4000c";
+export const Fail100DarkUi = "#ff4646";
 export const Black75 = "#818386";
-export const Enterprise = "#074023";
-export const Fail85 = "#cf1a37";
-export const Selection100 = "#00b888";
-export const Brand85 = "#26a97c";
-export const Black88 = "#252526";
 export const Black15 = "#f1f1f2";
 export const Black7 = "#f5f5f5";
+export const White = "#ffffff";
+export const Black88 = "#252526";
 export const Black85 = "#363738";
+export const Black80 = "#505153";
 export const Black = "#000000";
-export const Warning100 = "#ff4b00";
-export const Black91 = "#161617";
-export const White = "#ffffff";
 export const Black95 = "#0e0f0f";
-export const Pass100 = "#00c12b";
-export const Fail100 = "#c4000c";
+export const Black91 = "#161617";
+export const Enterprise = "#074023";
+export const Selection100 = "#00b888";
+export const Brand85 = "#26a97c";
 export const Brand100 = "#009b65";
-export const Black80 = "#505153";
-export const Header1Family = "Noto Serif";
-export const Header1Weight = "Regular";
-export const SubtitleFamily = "Source Sans Pro";
-export const SubtitleWeight = "Regular";
-export const OverlineCapitalizedFamily = "Space Mono";
-export const OverlineCapitalizedWeight = "Regular";
+export const Fail85 = "#cf1a37";
+export const RgbNiSky = "#3cb4e7";
+export const BannerFail100DarkUi = "#d63434";
+export const Warning100LightUi = "#ff4b00";
+export const Black30 = "#d3d5d6";
+export const Black50 = "#aeb0b3";
+export const Title2Family = "Source Sans Pro";
+export const Title2Weight = "400";
+export const ControlLabel1Family = "Source Sans Pro";
+export const ControlLabel1Weight = "600";
 export const BodyFamily = "Source Sans Pro";
-export const BodyWeight = "Regular";
+export const BodyWeight = "400";
 export const Header0Family = "Noto Serif";
-export const Header0Weight = "Regular";
-export const Header1Size = "24rem";
-export const SubtitleSize = "12rem";
-export const OverlineCapitalizedSize = "12rem";
-export const BodySize = "14rem";
-export const Header0Size = "36rem";
+export const Header0Weight = "400";
+export const SubHeaderFamily = "Source Sans Pro";
+export const SubHeaderWeight = "400";
+export const Header1Family = "Noto Serif";
+export const Header1Weight = "400";
+export const GroupLabel1Family = "Space Mono";
+export const GroupLabel1Weight = "400";
+export const ButtonLabel1Family = "Source Sans Pro";
+export const ButtonLabel1Weight = "400";
+export const Title1Family = "Source Sans Pro";
+export const Title1Weight = "400";
+export const LinkColorUiFamily = "Source Sans Pro";
+export const LinkColorUiWeight = "400";
+export const LinkDarkUiFamily = "Source Sans Pro";
+export const LinkDarkUiWeight = "400";
+export const Headline2Family = "Noto Serif";
+export const Headline2Weight = "400";
+export const PlaceholderFamily = "Source Sans Pro";
+export const PlaceholderWeight = "400";
+export const TooltipCaptionFamily = "Source Sans Pro";
+export const TooltipCaptionWeight = "400";
+export const BodyEmphasizedFamily = "Source Sans Pro";
+export const BodyEmphasizedWeight = "600";
+export const Subtitle1Family = "Source Sans Pro";
+export const Subtitle1Weight = "300";
+export const Title3Family = "Source Sans Pro";
+export const Title3Weight = "400";
+export const Subtitle2Family = "Source Sans Pro";
+export const Subtitle2Weight = "300";
+export const LinkLightUiFamily = "Source Sans Pro";
+export const LinkLightUiWeight = "400";
+export const Headline1Family = "Noto Serif";
+export const Headline1Weight = "400";
+export const LegacyContentFamily = "'Roboto', 'Microsoft YaHei', 'Hiragino Kaku Gothic Pro', sans-serif";
+export const Title2Size = "22px";
+export const ControlLabel1Size = "11px";
+export const BodySize = "14px";
+export const Header0Size = "36px";
+export const SubHeaderSize = "12px";
+export const Header1Size = "24px";
+export const GroupLabel1Size = "11px";
+export const ButtonLabel1Size = "12.800000190734863px";
+export const Title1Size = "19px";
+export const LinkColorUiSize = "14px";
+export const LinkDarkUiSize = "14px";
+export const Headline2Size = "29.100000381469727px";
+export const PlaceholderSize = "14px";
+export const TooltipCaptionSize = "11px";
+export const BodyEmphasizedSize = "14px";
+export const Subtitle1Size = "12.800000190734863px";
+export const Title3Size = "25px";
+export const Subtitle2Size = "16px";
+export const LinkLightUiSize = "14px";
+export const Headline1Size = "25px";
+export const SmallDelay = "0.1s"; // Short animation delay used for control state change animation
+export const MediumDelay = "0.15s"; // Medium animation delay for control state change animation

package/dist/styledictionary/properties/colors.json

@@ -1,28 +1,37 @@
 {
   "color": {
-    "Fail100_Dark": {
-      "value": "#FF4663ff"
+    "SL_LegacyBlue": {
+      "value": "#009FF5ff"
     },
-    "Fail100_Light": {
-      "value": "#C4000Cff"
+    "Information100_DarkUI": {
+      "value": "#A46EFFff"
     },
-    "Black75": {
-      "value": "#818386ff"
+    "Information100_LightUI": {
+      "value": "#804AD9ff"
     },
-    "Enterprise": {
-      "value": "#074023ff"
+    "Warning100_DarkUI": {
+      "value": "#FF8126ff"
     },
-    "Fail85": {
-      "value": "#CF1A37ff"
+    "Pass100_LightUI": {
+      "value": "#009921ff"
     },
-    "Selection100": {
-      "value": "#00B888ff"
+    "Pass100_DarkUI": {
+      "value": "#00C12Bff"
     },
-    "Brand85": {
-      "value": "#26A97Cff"
+    "WarningTypography_LightUI": {
+      "value": "#D3440Dff"
     },
-    "Black88": {
-      "value": "#252526ff"
+    "PassTypography_LightUI": {
+      "value": "#00801Cff"
+    },
+    "Fail100_LightUI": {
+      "value": "#C4000Cff"
+    },
+    "Fail100_DarkUI": {
+      "value": "#FF4646ff"
+    },
+    "Black75": {
+      "value": "#818386ff"
     },
     "Black15": {
       "value": "#F1F1F2ff"
@@ -30,35 +39,56 @@
     "Black7": {
       "value": "#F5F5F5ff"
     },
+    "White": {
+      "value": "#FFFFFFff"
+    },
+    "Black88": {
+      "value": "#252526ff"
+    },
     "Black85": {
       "value": "#363738ff"
     },
+    "Black80": {
+      "value": "#505153ff"
+    },
     "Black": {
       "value": "#000000ff"
     },
-    "Warning100": {
-      "value": "#FF4B00ff"
+    "Black95": {
+      "value": "#0E0F0Fff"
     },
     "Black91": {
       "value": "#161617ff"
     },
-    "White": {
-      "value": "#FFFFFFff"
-    },
-    "Black95": {
-      "value": "#0E0F0Fff"
+    "Enterprise": {
+      "value": "#074023ff"
     },
-    "Pass100": {
-      "value": "#00C12Bff"
+    "Selection100": {
+      "value": "#00B888ff"
     },
-    "Fail100": {
-      "value": "#C4000Cff"
+    "Brand85": {
+      "value": "#26A97Cff"
     },
     "Brand100": {
       "value": "#009B65ff"
     },
-    "Black80": {
-      "value": "#505153ff"
+    "Fail85": {
+      "value": "#CF1A37ff"
+    },
+    "RGB NI Sky": {
+      "value": "#3CB4E7ff"
+    },
+    "Banner_Fail_100_DarkUI_": {
+      "value": "#D63434ff"
+    },
+    "Warning100LightUI": {
+      "value": "#FF4B00ff"
+    },
+    "Black30": {
+      "value": "#D3D5D6ff"
+    },
+    "Black50": {
+      "value": "#AEB0B3ff"
     }
   }
 }

package/dist/styledictionary/properties/custom.json

@@ -1,3 +1,12 @@
 {
-  "custom": {}
+  "custom": {
+    "small-delay": {
+      "value": "0.1s",
+      "comment": "Short animation delay used for control state change animation"
+    },
+    "medium-delay": {
+      "value": "0.15s",
+      "comment": "Medium animation delay for control state change animation"
+    }
+  }
 }

package/dist/styledictionary/properties/fonts.json

@@ -1,6 +1,30 @@
 {
   "font": {
-    "Header1": {
+    "Title_2": {
+      "family": {
+        "value": "Source Sans Pro"
+      },
+      "weight": {
+        "value": "Regular"
+      }
+    },
+    "ControlLabel_1": {
+      "family": {
+        "value": "Source Sans Pro"
+      },
+      "weight": {
+        "value": "Semibold"
+      }
+    },
+    "Body": {
+      "family": {
+        "value": "Source Sans Pro"
+      },
+      "weight": {
+        "value": "Regular"
+      }
+    },
+    "Header0": {
       "family": {
         "value": "Noto Serif"
       },
@@ -8,7 +32,7 @@
         "value": "Regular"
       }
     },
-    "Subtitle": {
+    "SubHeader": {
       "family": {
         "value": "Source Sans Pro"
       },
@@ -16,7 +40,15 @@
         "value": "Regular"
       }
     },
-    "OverlineCapitalized": {
+    "Header1": {
+      "family": {
+        "value": "Noto Serif"
+      },
+      "weight": {
+        "value": "Regular"
+      }
+    },
+    "GroupLabel_1": {
       "family": {
         "value": "Space Mono"
       },
@@ -24,7 +56,7 @@
         "value": "Regular"
       }
     },
-    "Body": {
+    "ButtonLabel_1": {
       "family": {
         "value": "Source Sans Pro"
       },
@@ -32,31 +64,169 @@
         "value": "Regular"
       }
     },
-    "Header0": {
+    "Title_1": {
+      "family": {
+        "value": "Source Sans Pro"
+      },
+      "weight": {
+        "value": "Regular"
+      }
+    },
+    "Link_ColorUI": {
+      "family": {
+        "value": "Source Sans Pro"
+      },
+      "weight": {
+        "value": "Regular"
+      }
+    },
+    "Link_DarkUI": {
+      "family": {
+        "value": "Source Sans Pro"
+      },
+      "weight": {
+        "value": "Regular"
+      }
+    },
+    "Headline_2": {
       "family": {
         "value": "Noto Serif"
       },
       "weight": {
         "value": "Regular"
       }
+    },
+    "Placeholder": {
+      "family": {
+        "value": "Source Sans Pro"
+      },
+      "weight": {
+        "value": "Regular"
+      }
+    },
+    "Tooltip_Caption": {
+      "family": {
+        "value": "Source Sans Pro"
+      },
+      "weight": {
+        "value": "Regular"
+      }
+    },
+    "BodyEmphasized": {
+      "family": {
+        "value": "Source Sans Pro"
+      },
+      "weight": {
+        "value": "Semibold"
+      }
+    },
+    "Subtitle_1": {
+      "family": {
+        "value": "Source Sans Pro"
+      },
+      "weight": {
+        "value": "Light"
+      }
+    },
+    "Title_3": {
+      "family": {
+        "value": "Source Sans Pro"
+      },
+      "weight": {
+        "value": "Regular"
+      }
+    },
+    "Subtitle_2": {
+      "family": {
+        "value": "Source Sans Pro"
+      },
+      "weight": {
+        "value": "Light"
+      }
+    },
+    "Link_LightUI": {
+      "family": {
+        "value": "Source Sans Pro"
+      },
+      "weight": {
+        "value": "Regular"
+      }
+    },
+    "Headline_1": {
+      "family": {
+        "value": "Noto Serif"
+      },
+      "weight": {
+        "value": "Regular"
+      }
+    },
+    "LegacyContent": {
+      "family": {
+        "value": "'Roboto', 'Microsoft YaHei', 'Hiragino Kaku Gothic Pro', sans-serif"
+      }
     }
   },
   "size": {
     "font": {
-      "Header1": {
-        "value": "24"
+      "Title_2": {
+        "value": "22"
       },
-      "Subtitle": {
-        "value": "12"
-      },
-      "OverlineCapitalized": {
-        "value": "12"
+      "ControlLabel_1": {
+        "value": "11"
       },
       "Body": {
         "value": "14"
       },
       "Header0": {
         "value": "36"
+      },
+      "SubHeader": {
+        "value": "12"
+      },
+      "Header1": {
+        "value": "24"
+      },
+      "GroupLabel_1": {
+        "value": "11"
+      },
+      "ButtonLabel_1": {
+        "value": "12.800000190734863"
+      },
+      "Title_1": {
+        "value": "19"
+      },
+      "Link_ColorUI": {
+        "value": "14"
+      },
+      "Link_DarkUI": {
+        "value": "14"
+      },
+      "Headline_2": {
+        "value": "29.100000381469727"
+      },
+      "Placeholder": {
+        "value": "14"
+      },
+      "Tooltip_Caption": {
+        "value": "11"
+      },
+      "BodyEmphasized": {
+        "value": "14"
+      },
+      "Subtitle_1": {
+        "value": "12.800000190734863"
+      },
+      "Title_3": {
+        "value": "25"
+      },
+      "Subtitle_2": {
+        "value": "16"
+      },
+      "Link_LightUI": {
+        "value": "14"
+      },
+      "Headline_1": {
+        "value": "25"
       }
     }
   }