@atlaskit/tokens 0.10.34 → 0.11.0

package/dist/es2019/constants.js

@@ -1,6 +1,6 @@
 export const THEME_DATA_ATTRIBUTE = 'data-theme';
 export const COLOR_MODE_ATTRIBUTE = 'data-color-mode';
-export const DEFAULT_THEME = 'light spacing';
+export const DEFAULT_THEME = 'light';
 export const CSS_PREFIX = 'ds';
-export const CSS_VAR_FULL = ['opacity'];
+export const CSS_VAR_FULL = ['opacity', 'font'];
 export const TOKEN_NOT_FOUND_CSS_VAR = `--${CSS_PREFIX}-token-not-found`;

package/dist/es2019/entry-points/init.js

@@ -0,0 +1,4 @@
+import '../../css/atlassian-light.css';
+import '../../css/atlassian-dark.css';
+import '../../css/atlassian-spacing.css';
+import '../../css/atlassian-typography.css';

package/dist/es2019/get-token.js

@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
 const name = "@atlaskit/tokens";
-const version = "0.10.34";
+const version = "0.11.0";
 
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.

package/dist/es2019/palettes/typography/font-family.js

@@ -0,0 +1,17 @@
+const palette = {
+  fontFamily: {
+    FontFamilySans: {
+      value: `-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif`,
+      attributes: {
+        group: 'scale'
+      }
+    },
+    FontFamilyMonospace: {
+      value: `"SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Consolas, Courier, monospace`,
+      attributes: {
+        group: 'scale'
+      }
+    }
+  }
+};
+export default palette;

package/dist/es2019/palettes/typography/font-size-scale.js

@@ -0,0 +1,53 @@
+const scale = {
+  fontSize: {
+    FontSize050: {
+      value: '11px',
+      attributes: {
+        group: 'scale'
+      }
+    },
+    FontSize075: {
+      value: '12px',
+      attributes: {
+        group: 'scale'
+      }
+    },
+    FontSize100: {
+      value: '14px',
+      attributes: {
+        group: 'scale'
+      }
+    },
+    FontSize200: {
+      value: '16px',
+      attributes: {
+        group: 'scale'
+      }
+    },
+    FontSize300: {
+      value: '20px',
+      attributes: {
+        group: 'scale'
+      }
+    },
+    FontSize400: {
+      value: '24px',
+      attributes: {
+        group: 'scale'
+      }
+    },
+    FontSize500: {
+      value: '29px',
+      attributes: {
+        group: 'scale'
+      }
+    },
+    FontSize600: {
+      value: '35px',
+      attributes: {
+        group: 'scale'
+      }
+    }
+  }
+};
+export default scale;

package/dist/es2019/palettes/typography/font-weight-scale.js

@@ -0,0 +1,29 @@
+const scale = {
+  fontWeight: {
+    FontWeightRegular: {
+      value: '400',
+      attributes: {
+        group: 'scale'
+      }
+    },
+    FontWeightMedium: {
+      value: '500',
+      attributes: {
+        group: 'scale'
+      }
+    },
+    FontWeightSemiBold: {
+      value: '600',
+      attributes: {
+        group: 'scale'
+      }
+    },
+    FontWeightBold: {
+      value: '700',
+      attributes: {
+        group: 'scale'
+      }
+    }
+  }
+};
+export default scale;

package/dist/es2019/palettes/typography/index.js

@@ -0,0 +1,12 @@
+import fontFamilyPalette from './font-family';
+import fontSizeScale from './font-size-scale';
+import fontWeightScale from './font-weight-scale';
+import lineHeightScale from './line-height-scale';
+const typographyPalette = {
+  typography: { ...fontSizeScale,
+    ...fontWeightScale,
+    ...lineHeightScale,
+    ...fontFamilyPalette
+  }
+};
+export default typographyPalette;

package/dist/es2019/palettes/typography/line-height-scale.js

@@ -0,0 +1,41 @@
+const scale = {
+  lineHeight: {
+    LineHeight100: {
+      value: '16px',
+      attributes: {
+        group: 'scale'
+      }
+    },
+    LineHeight200: {
+      value: '20px',
+      attributes: {
+        group: 'scale'
+      }
+    },
+    LineHeight300: {
+      value: '24px',
+      attributes: {
+        group: 'scale'
+      }
+    },
+    LineHeight400: {
+      value: '28px',
+      attributes: {
+        group: 'scale'
+      }
+    },
+    LineHeight500: {
+      value: '32px',
+      attributes: {
+        group: 'scale'
+      }
+    },
+    LineHeight600: {
+      value: '40px',
+      attributes: {
+        group: 'scale'
+      }
+    }
+  }
+};
+export default scale;

package/dist/es2019/theme-config.js

@@ -82,6 +82,14 @@ const themeConfig = {
     attributes: {
       type: 'spacing'
     }
+  },
+  'atlassian-typography': {
+    id: 'typography',
+    displayName: 'Atlassian Typography',
+    palette: 'typographyPalette',
+    attributes: {
+      type: 'typography'
+    }
   }
 };
 export default themeConfig;

package/dist/es2019/tokens/atlassian-typography/font-family.js

@@ -0,0 +1,13 @@
+const font = {
+  font: {
+    family: {
+      sans: {
+        value: 'FontFamilySans'
+      },
+      monospace: {
+        value: 'FontFamilyMonospace'
+      }
+    }
+  }
+};
+export default font;

package/dist/es2019/tokens/atlassian-typography/font-size.js

@@ -0,0 +1,31 @@
+const font = {
+  font: {
+    size: {
+      '050': {
+        value: 'FontSize050'
+      },
+      '075': {
+        value: 'FontSize075'
+      },
+      '100': {
+        value: 'FontSize100'
+      },
+      '200': {
+        value: 'FontSize200'
+      },
+      '300': {
+        value: 'FontSize300'
+      },
+      '400': {
+        value: 'FontSize400'
+      },
+      '500': {
+        value: 'FontSize500'
+      },
+      '600': {
+        value: 'FontSize600'
+      }
+    }
+  }
+};
+export default font;

package/dist/es2019/tokens/atlassian-typography/font-weight.js

@@ -0,0 +1,19 @@
+const font = {
+  font: {
+    weight: {
+      regular: {
+        value: 'FontWeightRegular'
+      },
+      medium: {
+        value: 'FontWeightMedium'
+      },
+      semibold: {
+        value: 'FontWeightSemiBold'
+      },
+      bold: {
+        value: 'FontWeightBold'
+      }
+    }
+  }
+};
+export default font;

package/dist/es2019/tokens/atlassian-typography/line-height.js

@@ -0,0 +1,25 @@
+const font = {
+  font: {
+    lineHeight: {
+      '100': {
+        value: 'LineHeight100'
+      },
+      '200': {
+        value: 'LineHeight200'
+      },
+      '300': {
+        value: 'LineHeight300'
+      },
+      '400': {
+        value: 'LineHeight400'
+      },
+      '500': {
+        value: 'LineHeight500'
+      },
+      '600': {
+        value: 'LineHeight600'
+      }
+    }
+  }
+};
+export default font;

package/dist/es2019/tokens/default/elevation/surface.js

@@ -1,4 +1,4 @@
-const shadow = {
+const surface = {
   elevation: {
     surface: {
       '[default]': {
@@ -90,4 +90,4 @@ const shadow = {
     }
   }
 };
-export default shadow;
+export default surface;

package/dist/es2019/tokens/default/typography/font-family.js

@@ -0,0 +1,23 @@
+const font = {
+  font: {
+    family: {
+      sans: {
+        attributes: {
+          group: 'fontFamily',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      monospace: {
+        attributes: {
+          group: 'fontFamily',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      }
+    }
+  }
+};
+export default font;

package/dist/es2019/tokens/default/typography/font-size.js

@@ -0,0 +1,71 @@
+const font = {
+  font: {
+    size: {
+      '050': {
+        attributes: {
+          group: 'fontSize',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      '075': {
+        attributes: {
+          group: 'fontSize',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      '100': {
+        attributes: {
+          group: 'fontSize',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      '200': {
+        attributes: {
+          group: 'fontSize',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      '300': {
+        attributes: {
+          group: 'fontSize',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      '400': {
+        attributes: {
+          group: 'fontSize',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      '500': {
+        attributes: {
+          group: 'fontSize',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      '600': {
+        attributes: {
+          group: 'fontSize',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      }
+    }
+  }
+};
+export default font;

package/dist/es2019/tokens/default/typography/font-weight.js

@@ -0,0 +1,39 @@
+const font = {
+  font: {
+    weight: {
+      regular: {
+        attributes: {
+          group: 'fontWeight',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      medium: {
+        attributes: {
+          group: 'fontWeight',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      semibold: {
+        attributes: {
+          group: 'fontWeight',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      bold: {
+        attributes: {
+          group: 'fontWeight',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      }
+    }
+  }
+};
+export default font;

package/dist/es2019/tokens/default/typography/line-height.js

@@ -0,0 +1,55 @@
+const font = {
+  font: {
+    lineHeight: {
+      '100': {
+        attributes: {
+          group: 'lineHeight',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      '200': {
+        attributes: {
+          group: 'lineHeight',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      '300': {
+        attributes: {
+          group: 'lineHeight',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      '400': {
+        attributes: {
+          group: 'lineHeight',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      '500': {
+        attributes: {
+          group: 'lineHeight',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      '600': {
+        attributes: {
+          group: 'lineHeight',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      }
+    }
+  }
+};
+export default font;

package/dist/es2019/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "0.10.34",
+	"version": "0.11.0",
 	"sideEffects": [
 		"**/*.css"
 	]

package/dist/esm/artifacts/palettes-raw/font-size-scale.js

@@ -0,0 +1,127 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::8fb1da69b30c7b1fcf40b479e7db7093>>
+ * @codegenCommand yarn build tokens
+ */
+var tokens = [{
+  "value": "11px",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/font-size-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "11px",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "fontSize.FontSize050",
+  "path": ["fontSize", "FontSize050"]
+}, {
+  "value": "12px",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/font-size-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "12px",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "fontSize.FontSize075",
+  "path": ["fontSize", "FontSize075"]
+}, {
+  "value": "14px",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/font-size-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "14px",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "fontSize.FontSize100",
+  "path": ["fontSize", "FontSize100"]
+}, {
+  "value": "16px",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/font-size-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "16px",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "fontSize.FontSize200",
+  "path": ["fontSize", "FontSize200"]
+}, {
+  "value": "20px",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/font-size-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "20px",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "fontSize.FontSize300",
+  "path": ["fontSize", "FontSize300"]
+}, {
+  "value": "24px",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/font-size-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "24px",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "fontSize.FontSize400",
+  "path": ["fontSize", "FontSize400"]
+}, {
+  "value": "29px",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/font-size-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "29px",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "fontSize.FontSize500",
+  "path": ["fontSize", "FontSize500"]
+}, {
+  "value": "35px",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/font-size-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "35px",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "fontSize.FontSize600",
+  "path": ["fontSize", "FontSize600"]
+}];
+export default tokens;