@atlaskit/tokens 0.10.35 → 0.11.1

package/dist/esm/constants.js

@@ -1,6 +1,6 @@
 export var THEME_DATA_ATTRIBUTE = 'data-theme';
 export var COLOR_MODE_ATTRIBUTE = 'data-color-mode';
-export var DEFAULT_THEME = 'light spacing';
+export var DEFAULT_THEME = 'light';
 export var CSS_PREFIX = 'ds';
-export var CSS_VAR_FULL = ['opacity'];
+export var CSS_VAR_FULL = ['opacity', 'font'];
 export var TOKEN_NOT_FOUND_CSS_VAR = "--".concat(CSS_PREFIX, "-token-not-found");

package/dist/esm/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';
 var name = "@atlaskit/tokens";
-var version = "0.10.35";
+var version = "0.11.1";
 
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.

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

@@ -0,0 +1,17 @@
+var 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/esm/palettes/typography/font-size-scale.js

@@ -0,0 +1,53 @@
+var 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/esm/palettes/typography/font-weight-scale.js

@@ -0,0 +1,29 @@
+var 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/esm/palettes/typography/index.js

@@ -0,0 +1,14 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import fontFamilyPalette from './font-family';
+import fontSizeScale from './font-size-scale';
+import fontWeightScale from './font-weight-scale';
+import lineHeightScale from './line-height-scale';
+var typographyPalette = {
+  typography: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, fontSizeScale), fontWeightScale), lineHeightScale), fontFamilyPalette)
+};
+export default typographyPalette;

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

@@ -0,0 +1,41 @@
+var 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/esm/theme-config.js

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

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

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

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

@@ -0,0 +1,31 @@
+var 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/esm/tokens/atlassian-typography/font-weight.js

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

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

@@ -0,0 +1,25 @@
+var 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/esm/tokens/default/elevation/surface.js

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

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

@@ -0,0 +1,23 @@
+var 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/esm/tokens/default/typography/font-size.js

@@ -0,0 +1,71 @@
+var 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/esm/tokens/default/typography/font-weight.js

@@ -0,0 +1,39 @@
+var 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/esm/tokens/default/typography/line-height.js

@@ -0,0 +1,55 @@
+var 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/esm/version.json

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

package/dist/{types-ts4.0/artifacts/palettes-raw/spacing-scale.d.ts → types/artifacts/palettes-raw/font-size-scale.d.ts}

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e1fc16f85d9f95330fadb08536a38997>>
+ * @codegen <<SignedSource::8fb1da69b30c7b1fcf40b479e7db7093>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: {

package/dist/types/artifacts/palettes-raw/font-weight-scale.d.ts

@@ -0,0 +1,22 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::f17d943d430728df0f70ad5321ac80d4>>
+ * @codegenCommand yarn build tokens
+ */
+declare const tokens: {
+    value: string;
+    attributes: {
+        group: string;
+    };
+    filePath: string;
+    isSource: boolean;
+    original: {
+        value: string;
+        attributes: {
+            group: string;
+        };
+    };
+    name: string;
+    path: string[];
+}[];
+export default tokens;

package/dist/types/artifacts/palettes-raw/line-height-scale.d.ts

@@ -0,0 +1,22 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::918426e4e1a8d46689a9af31434ac590>>
+ * @codegenCommand yarn build tokens
+ */
+declare const tokens: {
+    value: string;
+    attributes: {
+        group: string;
+    };
+    filePath: string;
+    isSource: boolean;
+    original: {
+        value: string;
+        attributes: {
+            group: string;
+        };
+    };
+    name: string;
+    path: string[];
+}[];
+export default tokens;

package/dist/{types-ts4.0/artifacts/rename-mapping/atlassian-legacy-light.d.ts → types/artifacts/rename-mapping/atlassian-typography.d.ts}

@@ -12,7 +12,7 @@
  * These changes will then be picked up by our tooling which will attempt to
  * migrate as many of these renames as possible.
  *
- * @codegen <<SignedSource::aed72cfe800fa74c79b858837a73edbf>>
+ * @codegen <<SignedSource::83ffd10a8ba807f2e4f905994e628e9c>>
  * @codegenCommand yarn build tokens
  */
 import tokens from '../token-names';

package/dist/types/artifacts/token-default-values.d.ts

@@ -1,4 +1,24 @@
 declare const defaultTokens: {
+    'font.family.sans': "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
+    'font.family.monospace': "\"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace";
+    'font.size.100': "14px";
+    'font.size.200': "16px";
+    'font.size.300': "20px";
+    'font.size.400': "24px";
+    'font.size.500': "29px";
+    'font.size.600': "35px";
+    'font.size.050': "11px";
+    'font.size.075': "12px";
+    'font.weight.regular': "400";
+    'font.weight.medium': "500";
+    'font.weight.semibold': "600";
+    'font.weight.bold': "700";
+    'font.lineHeight.100': "16px";
+    'font.lineHeight.200': "20px";
+    'font.lineHeight.300': "24px";
+    'font.lineHeight.400': "28px";
+    'font.lineHeight.500': "32px";
+    'font.lineHeight.600': "40px";
     'spacing.scale.0': "0";
     'spacing.scale.100': "0.5rem";
     'spacing.scale.150': "0.75rem";

package/dist/types/artifacts/token-names.d.ts

@@ -1,6 +1,27 @@
 import { CSSTokenMap as AtlassianLightCSSTokenMap } from './typescript/atlassian-light-token-names';
 import { CSSTokenMap as AtlassianSpacingCSSTokenMap } from './typescript/atlassian-spacing-token-names';
+import { CSSTokenMap as AtlassianTypographyCSSTokenMap } from './typescript/atlassian-typography-token-names';
 declare const tokens: {
+    readonly 'font.family.sans': "--ds-font-family-sans";
+    readonly 'font.family.monospace': "--ds-font-family-monospace";
+    readonly 'font.size.100': "--ds-font-size-100";
+    readonly 'font.size.200': "--ds-font-size-200";
+    readonly 'font.size.300': "--ds-font-size-300";
+    readonly 'font.size.400': "--ds-font-size-400";
+    readonly 'font.size.500': "--ds-font-size-500";
+    readonly 'font.size.600': "--ds-font-size-600";
+    readonly 'font.size.050': "--ds-font-size-050";
+    readonly 'font.size.075': "--ds-font-size-075";
+    readonly 'font.weight.regular': "--ds-font-weight-regular";
+    readonly 'font.weight.medium': "--ds-font-weight-medium";
+    readonly 'font.weight.semibold': "--ds-font-weight-semibold";
+    readonly 'font.weight.bold': "--ds-font-weight-bold";
+    readonly 'font.lineHeight.100': "--ds-font-lineHeight-100";
+    readonly 'font.lineHeight.200': "--ds-font-lineHeight-200";
+    readonly 'font.lineHeight.300': "--ds-font-lineHeight-300";
+    readonly 'font.lineHeight.400': "--ds-font-lineHeight-400";
+    readonly 'font.lineHeight.500': "--ds-font-lineHeight-500";
+    readonly 'font.lineHeight.600': "--ds-font-lineHeight-600";
     readonly 'spacing.scale.0': "--ds-scale-0";
     readonly 'spacing.scale.100': "--ds-scale-100";
     readonly 'spacing.scale.150': "--ds-scale-150";
@@ -371,6 +392,6 @@ declare const tokens: {
     readonly 'utility.UNSAFE_util.transparent': "--ds-UNSAFE_util-transparent";
     readonly 'utility.UNSAFE_util.MISSING_TOKEN': "--ds-UNSAFE_util-MISSING_TOKEN";
 };
-export declare type CSSTokenMap = AtlassianLightCSSTokenMap & AtlassianSpacingCSSTokenMap;
+export declare type CSSTokenMap = AtlassianLightCSSTokenMap & AtlassianSpacingCSSTokenMap & AtlassianTypographyCSSTokenMap;
 export declare type CSSToken = CSSTokenMap[keyof CSSTokenMap];
 export default tokens;

package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts

@@ -0,0 +1,28 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::7237ae542acbfbf81d98127d8003c2dd>>
+ * @codegenCommand yarn build tokens
+ */
+declare const tokens: {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+}[];
+export default tokens;

package/dist/types/artifacts/typescript/atlassian-light-token-default-values.d.ts

@@ -1,10 +1,10 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
  *
- * Token names mapped to their value in the default Atlassian themes ('light spacing').
+ * Token names mapped to their value in the default Atlassian themes ('light').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::ef6186f17dafc7e13af4096ad3cf41bb>>
+ * @codegen <<SignedSource::59114010c9c11270dd28c9a285bed33a>>
  * @codegenCommand yarn build tokens
  */
 declare const defaultTokenValues: {