Adds Size token (#1952)

* Adds `Size` token

* lint

* bump prettier version

* lint fixes - prettier 2.8.8

---------

Co-authored-by: Brooke Scarlett Yalof <brooke.yalof@mongodb.com>

Author: TheSonOfThomp

.changeset/afraid-snails-trade.md

@@ -0,0 +1,5 @@
+---
+'@leafygreen-ui/tokens': minor
+---
+
+Adds `Size` token

.changeset/shy-houses-pump.md

@@ -0,0 +1,5 @@
+---
+'@lg-tools/lint': patch
+---
+
+Bumps prettier version to 2.8.8

STYLEGUIDE.md

@@ -55,7 +55,7 @@ export const someConstant = {
   optionTwo = 'option 2',
 } as const;
 
-export type someConstant = typeof someConstant[keyof typeof someConstant];
+export type someConstant = (typeof someConstant)[keyof typeof someConstant];
 ```
 
 #### Avoid

packages/badge/src/Badge/types.ts

@@ -28,4 +28,4 @@ export const Variant = {
   Green: 'green',
 } as const;
 
-export type Variant = typeof Variant[keyof typeof Variant];
+export type Variant = (typeof Variant)[keyof typeof Variant];

packages/banner/src/Banner/types.ts

@@ -8,7 +8,7 @@ export const Variant = {
   Success: 'success',
 } as const;
 
-export type Variant = typeof Variant[keyof typeof Variant];
+export type Variant = (typeof Variant)[keyof typeof Variant];
 
 export interface BannerProps
   extends HTMLElementProps<'div', never>,

packages/button/src/types.ts

@@ -11,7 +11,7 @@ export const Variant = {
   BaseGreen: 'baseGreen',
 } as const;
 
-export type Variant = typeof Variant[keyof typeof Variant];
+export type Variant = (typeof Variant)[keyof typeof Variant];
 
 /**
  * Size variants
@@ -25,15 +25,15 @@ export const Size = {
   Large: 'large',
 };
 
-export type Size = typeof Size[keyof typeof Size];
+export type Size = (typeof Size)[keyof typeof Size];
 
 // TODO: Remove in next major release
 export const FontSize = {
   Body1: 13,
   Body2: 16,
 } as const;
 
-export type FontSize = typeof FontSize[keyof typeof FontSize];
+export type FontSize = (typeof FontSize)[keyof typeof FontSize];
 
 export interface ButtonProps {
   // Would prefer to use Pick<> to extract these properties, but they would not be correctly imported into Storybook otherwise.

packages/callout/src/Callout/types.ts

@@ -9,7 +9,7 @@ export const Variant = {
   Example: 'example',
 } as const;
 
-export type Variant = typeof Variant[keyof typeof Variant];
+export type Variant = (typeof Variant)[keyof typeof Variant];
 
 export interface CalloutProps extends HTMLElementProps<'div'> {
   /**

packages/card/src/Card/types.ts

@@ -5,7 +5,7 @@ export const ContentStyle = {
   Clickable: 'clickable',
 } as const;
 
-export type ContentStyle = typeof ContentStyle[keyof typeof ContentStyle];
+export type ContentStyle = (typeof ContentStyle)[keyof typeof ContentStyle];
 
 export interface CardProps extends DarkModeProps, HTMLElementProps<'div'> {
   /**

packages/code/src/Code/Code.types.ts

@@ -5,7 +5,7 @@ export const ScrollState = {
   Both: 'both',
 } as const;
 
-export type ScrollState = typeof ScrollState[keyof typeof ScrollState];
+export type ScrollState = (typeof ScrollState)[keyof typeof ScrollState];
 
 export type DetailedElementProps<T> = React.DetailedHTMLProps<
   React.HTMLAttributes<T>,

packages/code/src/languages.ts

@@ -92,4 +92,4 @@ export const SupportedLanguages = {
 } as const;
 
 export type SupportedLanguages =
-  typeof SupportedLanguages[keyof typeof SupportedLanguages];
+  (typeof SupportedLanguages)[keyof typeof SupportedLanguages];