@ni/nimble-tokens 1.0.0-beta.8 → 2.0.0

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,246 @@
         "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"
+      }
+    },
+    "ControlLabel_1_Chinese_Mac": {
+      "family": {
+        "value": "Noto Sans"
+      },
+      "weight": {
+        "value": "Bold"
+      }
+    },
+    "ButtonLabel_1_Chinese_Mac": {
+      "family": {
+        "value": "Noto Sans"
+      },
+      "weight": {
+        "value": "Regular"
+      }
+    },
+    "Body_Chinese_Mac": {
+      "family": {
+        "value": "Noto Sans"
+      },
+      "weight": {
+        "value": "Regular"
+      }
+    },
+    "Error_ColorUI": {
+      "family": {
+        "value": "Source Sans Pro"
+      },
+      "weight": {
+        "value": "Regular"
+      }
+    },
+    "Link_Visited_LightUI": {
+      "family": {
+        "value": "Source Sans Pro"
+      },
+      "weight": {
+        "value": "Regular"
+      }
+    },
+    "Error_LightUI": {
+      "family": {
+        "value": "Source Sans Pro"
+      },
+      "weight": {
+        "value": "Regular"
+      }
+    },
+    "Error_DarkUI": {
+      "family": {
+        "value": "Source Sans Pro"
+      },
+      "weight": {
+        "value": "Regular"
+      }
     }
   },
   "size": {
     "font": {
-      "Header1": {
-        "value": "24"
-      },
-      "Subtitle": {
-        "value": "12"
+      "Title_2": {
+        "value": "22"
       },
-      "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"
+      },
+      "ControlLabel_1_Chinese_Mac": {
+        "value": "11"
+      },
+      "ButtonLabel_1_Chinese_Mac": {
+        "value": "11"
+      },
+      "Body_Chinese_Mac": {
+        "value": "13"
+      },
+      "Error_ColorUI": {
+        "value": "9"
+      },
+      "Link_Visited_LightUI": {
+        "value": "14"
+      },
+      "Error_LightUI": {
+        "value": "9"
+      },
+      "Error_DarkUI": {
+        "value": "9"
       }
     }
   }

package/dist/styledictionary/scss/variables.scss

@@ -1,39 +1,118 @@
 
 // Do not edit directly
-// Generated on Tue, 20 Jul 2021 19:35:33 GMT
+// Generated on Thu, 17 Feb 2022 18:31:09 GMT
 
-$fail-100-dark: #ff4663;
-$fail-100-light: #c4000c;
-$black-75: #818386;
-$enterprise: #074023;
-$fail-85: #cf1a37;
-$selection-100: #00b888;
-$brand-85: #26a97c;
-$black-88: #252526;
-$black-15: #f1f1f2;
-$black-7: #f5f5f5;
-$black-85: #363738;
-$black: #000000;
-$warning-100: #ff4b00;
-$black-91: #161617;
-$white: #ffffff;
-$black-95: #0e0f0f;
-$pass-100: #00c12b;
-$fail-100: #c4000c;
-$brand-100: #009b65;
-$black-80: #505153;
-$header-1-family: Noto Serif;
-$header-1-weight: Regular;
-$subtitle-family: Source Sans Pro;
-$subtitle-weight: Regular;
-$overline-capitalized-family: Space Mono;
-$overline-capitalized-weight: Regular;
-$body-family: Source Sans Pro;
-$body-weight: Regular;
-$header-0-family: Noto Serif;
-$header-0-weight: Regular;
-$header-1-size: 24rem;
-$subtitle-size: 12rem;
-$overline-capitalized-size: 12rem;
-$body-size: 14rem;
-$header-0-size: 36rem;
+$ni-nimble-base-sl-legacy-blue: #009ff5;
+$ni-nimble-base-information-100-dark-ui: #a46eff;
+$ni-nimble-base-information-100-light-ui: #804ad9;
+$ni-nimble-base-warning-100-dark-ui: #ff8126;
+$ni-nimble-base-pass-100-light-ui: #009921;
+$ni-nimble-base-pass-100-dark-ui: #00c12b;
+$ni-nimble-base-warning-typography-light-ui: #d3440d;
+$ni-nimble-base-pass-typography-light-ui: #00801c;
+$ni-nimble-base-fail-100-light-ui: #c4000c;
+$ni-nimble-base-fail-100-dark-ui: #ff4646;
+$ni-nimble-base-black-75: #818386;
+$ni-nimble-base-black-15: #f1f1f2;
+$ni-nimble-base-black-7: #f5f5f5;
+$ni-nimble-base-white: #ffffff;
+$ni-nimble-base-black-88: #252526;
+$ni-nimble-base-black-85: #363738;
+$ni-nimble-base-black-80: #505153;
+$ni-nimble-base-black: #000000;
+$ni-nimble-base-black-95: #0e0f0f;
+$ni-nimble-base-black-91: #161617;
+$ni-nimble-base-enterprise: #074023;
+$ni-nimble-base-selection-100: #009b65;
+$ni-nimble-base-brand-85: #26a97c;
+$ni-nimble-base-brand-100: #009b65;
+$ni-nimble-base-fail-85: #cf1a37;
+$ni-nimble-base-rgb-ni-sky: #3cb4e7;
+$ni-nimble-base-banner-fail-100-dark-ui: #d63434;
+$ni-nimble-base-warning-100-light-ui: #ff4b00;
+$ni-nimble-base-black-30: #d3d5d6;
+$ni-nimble-base-black-50: #aeb0b3;
+$ni-nimble-base-title-2-family: Source Sans Pro;
+$ni-nimble-base-title-2-weight: 400;
+$ni-nimble-base-control-label-1-family: Source Sans Pro;
+$ni-nimble-base-control-label-1-weight: 600;
+$ni-nimble-base-body-family: Source Sans Pro;
+$ni-nimble-base-body-weight: 400;
+$ni-nimble-base-header-0-family: Noto Serif;
+$ni-nimble-base-header-0-weight: 400;
+$ni-nimble-base-sub-header-family: Source Sans Pro;
+$ni-nimble-base-sub-header-weight: 400;
+$ni-nimble-base-header-1-family: Noto Serif;
+$ni-nimble-base-header-1-weight: 400;
+$ni-nimble-base-group-label-1-family: Space Mono;
+$ni-nimble-base-group-label-1-weight: 400;
+$ni-nimble-base-button-label-1-family: Source Sans Pro;
+$ni-nimble-base-button-label-1-weight: 400;
+$ni-nimble-base-title-1-family: Source Sans Pro;
+$ni-nimble-base-title-1-weight: 400;
+$ni-nimble-base-link-color-ui-family: Source Sans Pro;
+$ni-nimble-base-link-color-ui-weight: 400;
+$ni-nimble-base-link-dark-ui-family: Source Sans Pro;
+$ni-nimble-base-link-dark-ui-weight: 400;
+$ni-nimble-base-headline-2-family: Noto Serif;
+$ni-nimble-base-headline-2-weight: 400;
+$ni-nimble-base-placeholder-family: Source Sans Pro;
+$ni-nimble-base-placeholder-weight: 400;
+$ni-nimble-base-tooltip-caption-family: Source Sans Pro;
+$ni-nimble-base-tooltip-caption-weight: 400;
+$ni-nimble-base-body-emphasized-family: Source Sans Pro;
+$ni-nimble-base-body-emphasized-weight: 600;
+$ni-nimble-base-subtitle-1-family: Source Sans Pro;
+$ni-nimble-base-subtitle-1-weight: 300;
+$ni-nimble-base-title-3-family: Source Sans Pro;
+$ni-nimble-base-title-3-weight: 400;
+$ni-nimble-base-subtitle-2-family: Source Sans Pro;
+$ni-nimble-base-subtitle-2-weight: 300;
+$ni-nimble-base-link-light-ui-family: Source Sans Pro;
+$ni-nimble-base-link-light-ui-weight: 400;
+$ni-nimble-base-headline-1-family: Noto Serif;
+$ni-nimble-base-headline-1-weight: 400;
+$ni-nimble-base-legacy-content-family: 'Roboto', 'Microsoft YaHei', 'Hiragino Kaku Gothic Pro', sans-serif;
+$ni-nimble-base-control-label-1-chinese-mac-family: Noto Sans;
+$ni-nimble-base-control-label-1-chinese-mac-weight: 700;
+$ni-nimble-base-button-label-1-chinese-mac-family: Noto Sans;
+$ni-nimble-base-button-label-1-chinese-mac-weight: 400;
+$ni-nimble-base-body-chinese-mac-family: Noto Sans;
+$ni-nimble-base-body-chinese-mac-weight: 400;
+$ni-nimble-base-error-color-ui-family: Source Sans Pro;
+$ni-nimble-base-error-color-ui-weight: 400;
+$ni-nimble-base-link-visited-light-ui-family: Source Sans Pro;
+$ni-nimble-base-link-visited-light-ui-weight: 400;
+$ni-nimble-base-error-light-ui-family: Source Sans Pro;
+$ni-nimble-base-error-light-ui-weight: 400;
+$ni-nimble-base-error-dark-ui-family: Source Sans Pro;
+$ni-nimble-base-error-dark-ui-weight: 400;
+$ni-nimble-base-title-2-size: 22px;
+$ni-nimble-base-control-label-1-size: 11px;
+$ni-nimble-base-body-size: 14px;
+$ni-nimble-base-header-0-size: 36px;
+$ni-nimble-base-sub-header-size: 12px;
+$ni-nimble-base-header-1-size: 24px;
+$ni-nimble-base-group-label-1-size: 11px;
+$ni-nimble-base-button-label-1-size: 12.800000190734863px;
+$ni-nimble-base-title-1-size: 19px;
+$ni-nimble-base-link-color-ui-size: 14px;
+$ni-nimble-base-link-dark-ui-size: 14px;
+$ni-nimble-base-headline-2-size: 29.100000381469727px;
+$ni-nimble-base-placeholder-size: 14px;
+$ni-nimble-base-tooltip-caption-size: 11px;
+$ni-nimble-base-body-emphasized-size: 14px;
+$ni-nimble-base-subtitle-1-size: 12.800000190734863px;
+$ni-nimble-base-title-3-size: 25px;
+$ni-nimble-base-subtitle-2-size: 16px;
+$ni-nimble-base-link-light-ui-size: 14px;
+$ni-nimble-base-headline-1-size: 25px;
+$ni-nimble-base-control-label-1-chinese-mac-size: 11px;
+$ni-nimble-base-button-label-1-chinese-mac-size: 11px;
+$ni-nimble-base-body-chinese-mac-size: 13px;
+$ni-nimble-base-error-color-ui-size: 9px;
+$ni-nimble-base-link-visited-light-ui-size: 14px;
+$ni-nimble-base-error-light-ui-size: 9px;
+$ni-nimble-base-error-dark-ui-size: 9px;
+$ni-nimble-base-small-delay: 0.1s; // Short animation delay used for control state change animation
+$ni-nimble-base-medium-delay: 0.15s; // Medium animation delay for control state change animation