@atlaskit/css-reset - npm Package Compare versions

Comparing version 6.1.4 to 6.2.0

CHANGELOG.md

 # @atlaskit/css-reset
 
+## 6.2.0
+
+### Minor Changes
+
+- [`fd7b67c606a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd7b67c606a) - [ux] The reset now uses focus-visible (if supported) instead of styling :focus directly.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 6.1.4
@@ -4,0 +14,0 @@

dist/cjs/base.js

@@ -20,4 +20,4 @@ "use strict";
 
-var _default = (0, _evaluateInner.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  body,\n  html {\n    height: 100%;\n    width: 100%;\n  }\n\n  body {\n    background-color: ", ";\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1.42857142857143;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n    text-decoration-skip-ink: auto;\n  }\n\n  /* Default margins */\n  p,\n  ul,\n  ol,\n  dl,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  blockquote,\n  pre,\n  form,\n  table {\n    margin: ", "px 0 0 0;\n  }\n\n  /* Links */\n  a {\n    color: ", ";\n    text-decoration: none;\n  }\n  a:hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n  a:active {\n    color: ", ";\n  }\n  a:focus {\n    outline: 2px solid ", ";\n    outline-offset: 2px;\n  }\n\n  /* Headings */\n  h1 {\n    ", "\n  }\n  h2 {\n    ", "\n  }\n  h3 {\n    ", "\n  }\n  h4 {\n    ", "\n  }\n  h5 {\n    ", "\n  }\n  h6 {\n    ", "\n  }\n\n  /* Lists */\n  ul,\n  ol,\n  dl {\n    padding-left: ", "px;\n  }\n  [dir='rtl']ul,\n  [dir='rtl']ol,\n  [dir='rtl']dl {\n    padding-left: 0;\n    padding-right: ", "px;\n  }\n\n  dd,\n  dd + dt,\n  li + li {\n    margin-top: ", "px;\n  }\n  ul ul:not(:first-child),\n  ol ul:not(:first-child),\n  ul ol:not(:first-child),\n  ol ol:not(:first-child) {\n    margin-top: ", "px;\n  }\n\n  /* remove top margin for first element */\n  p:first-child,\n  ul:first-child,\n  ol:first-child,\n  dl:first-child,\n  h1:first-child,\n  h2:first-child,\n  h3:first-child,\n  h4:first-child,\n  h5:first-child,\n  h6:first-child,\n  blockquote:first-child,\n  pre:first-child,\n  form:first-child,\n  table:first-child {\n    margin-top: 0;\n  }\n\n  /* Quotes */\n  blockquote,\n  q {\n    color: inherit;\n  }\n  blockquote {\n    border: none;\n    padding-left: ", "px;\n  }\n  [dir='rtl'] blockquote {\n    padding-left: 0;\n    padding-right: ", "px;\n  }\n\n  blockquote::before,\n  q::before {\n    content: '\\201C';\n  }\n\n  blockquote::after,\n  q::after {\n    content: '\\201D';\n  }\n\n  blockquote::before {\n    float: left;\n    /* to keep the quotes left of any child elements like blockquote > p */\n    margin-left: -1em;\n    text-align: right;\n    width: 1em;\n  }\n  [dir='rtl'] blockquote::before {\n    float: right;\n    margin-right: -1em;\n    text-align: left;\n  }\n\n  blockquote > :last-child {\n    display: inline-block; /* so the quotes added via pseudos follow it immediately. */\n  }\n\n  /* Other typographical elements */\n  small {\n    ", "\n    font-weight: normal;\n  }\n\n  code,\n  kbd {\n    font-family: ", ";\n  }\n\n  var,\n  address,\n  dfn,\n  cite {\n    font-style: italic;\n  }\n\n  abbr {\n    border-bottom: 1px ", " dotted;\n    cursor: help;\n  }\n"], ["\n  body,\n  html {\n    height: 100%;\n    width: 100%;\n  }\n\n  body {\n    background-color: ", ";\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1.42857142857143;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n    text-decoration-skip-ink: auto;\n  }\n\n  /* Default margins */\n  p,\n  ul,\n  ol,\n  dl,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  blockquote,\n  pre,\n  form,\n  table {\n    margin: ", "px 0 0 0;\n  }\n\n  /* Links */\n  a {\n    color: ", ";\n    text-decoration: none;\n  }\n  a:hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n  a:active {\n    color: ", ";\n  }\n  a:focus {\n    outline: 2px solid ", ";\n    outline-offset: 2px;\n  }\n\n  /* Headings */\n  h1 {\n    ", "\n  }\n  h2 {\n    ", "\n  }\n  h3 {\n    ", "\n  }\n  h4 {\n    ", "\n  }\n  h5 {\n    ", "\n  }\n  h6 {\n    ", "\n  }\n\n  /* Lists */\n  ul,\n  ol,\n  dl {\n    padding-left: ", "px;\n  }\n  [dir='rtl']ul,\n  [dir='rtl']ol,\n  [dir='rtl']dl {\n    padding-left: 0;\n    padding-right: ", "px;\n  }\n\n  dd,\n  dd + dt,\n  li + li {\n    margin-top: ", "px;\n  }\n  ul ul:not(:first-child),\n  ol ul:not(:first-child),\n  ul ol:not(:first-child),\n  ol ol:not(:first-child) {\n    margin-top: ", "px;\n  }\n\n  /* remove top margin for first element */\n  p:first-child,\n  ul:first-child,\n  ol:first-child,\n  dl:first-child,\n  h1:first-child,\n  h2:first-child,\n  h3:first-child,\n  h4:first-child,\n  h5:first-child,\n  h6:first-child,\n  blockquote:first-child,\n  pre:first-child,\n  form:first-child,\n  table:first-child {\n    margin-top: 0;\n  }\n\n  /* Quotes */\n  blockquote,\n  q {\n    color: inherit;\n  }\n  blockquote {\n    border: none;\n    padding-left: ", "px;\n  }\n  [dir='rtl'] blockquote {\n    padding-left: 0;\n    padding-right: ", "px;\n  }\n\n  blockquote::before,\n  q::before {\n    content: '\\\\201C';\n  }\n\n  blockquote::after,\n  q::after {\n    content: '\\\\201D';\n  }\n\n  blockquote::before {\n    float: left;\n    /* to keep the quotes left of any child elements like blockquote > p */\n    margin-left: -1em;\n    text-align: right;\n    width: 1em;\n  }\n  [dir='rtl'] blockquote::before {\n    float: right;\n    margin-right: -1em;\n    text-align: left;\n  }\n\n  blockquote > :last-child {\n    display: inline-block; /* so the quotes added via pseudos follow it immediately. */\n  }\n\n  /* Other typographical elements */\n  small {\n    ", "\n    font-weight: normal;\n  }\n\n  code,\n  kbd {\n    font-family: ", ";\n  }\n\n  var,\n  address,\n  dfn,\n  cite {\n    font-style: italic;\n  }\n\n  abbr {\n    border-bottom: 1px ", " dotted;\n    cursor: help;\n  }\n"])), (0, _tokens.token)('color.background.default', '#fff'), (0, _tokens.token)('color.text.highEmphasis', _theme.colors.N800), _theme.fontFamily, (0, _theme.gridSize)() * 1.5, (0, _tokens.token)('color.text.link.resting', _theme.colors.B400), (0, _tokens.token)('color.text.link.resting', _theme.colors.B300), (0, _tokens.token)('color.text.link.pressed', _theme.colors.B500), (0, _tokens.token)('color.border.focus', _theme.colors.B100), _theme.typography.h800(), _theme.typography.h700(), _theme.typography.h600(), _theme.typography.h500(), _theme.typography.h400(), _theme.typography.h300(), (0, _theme.gridSize)() * 5, (0, _theme.gridSize)() * 5, (0, _theme.gridSize)() / 2, (0, _theme.gridSize)() / 2, (0, _theme.gridSize)() * 5, (0, _theme.gridSize)() * 5, _theme.typography.h100(), _theme.codeFontFamily, (0, _tokens.token)('color.border.neutral', '#ccc'));
+var _default = (0, _evaluateInner.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  body,\n  html {\n    height: 100%;\n    width: 100%;\n  }\n\n  body {\n    background-color: ", ";\n    color: ", ";\n    font-family: ", ";\n    font-size: ", "px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1.42857142857143;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n    text-decoration-skip-ink: auto;\n  }\n\n  /* Default margins */\n  p,\n  ul,\n  ol,\n  dl,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  blockquote,\n  pre,\n  form,\n  table {\n    margin: ", "px 0 0 0;\n  }\n\n  /* Links */\n  a {\n    color: ", ";\n    text-decoration: none;\n  }\n  a:hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n  a:active {\n    color: ", ";\n  }\n  a:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: 2px;\n  }\n  @supports not selector(*:focus-visible) {\n    a:focus {\n      outline: 2px solid ", ";\n      outline-offset: 2px;\n    }\n  }\n  /* Headings */\n  h1 {\n    ", "\n  }\n  h2 {\n    ", "\n  }\n  h3 {\n    ", "\n  }\n  h4 {\n    ", "\n  }\n  h5 {\n    ", "\n  }\n  h6 {\n    ", "\n  }\n\n  /* Lists */\n  ul,\n  ol,\n  dl {\n    padding-left: ", "px;\n  }\n  [dir='rtl']ul,\n  [dir='rtl']ol,\n  [dir='rtl']dl {\n    padding-left: 0;\n    padding-right: ", "px;\n  }\n\n  dd,\n  dd + dt,\n  li + li {\n    margin-top: ", "px;\n  }\n  ul ul:not(:first-child),\n  ol ul:not(:first-child),\n  ul ol:not(:first-child),\n  ol ol:not(:first-child) {\n    margin-top: ", "px;\n  }\n\n  /* remove top margin for first element */\n  p:first-child,\n  ul:first-child,\n  ol:first-child,\n  dl:first-child,\n  h1:first-child,\n  h2:first-child,\n  h3:first-child,\n  h4:first-child,\n  h5:first-child,\n  h6:first-child,\n  blockquote:first-child,\n  pre:first-child,\n  form:first-child,\n  table:first-child {\n    margin-top: 0;\n  }\n\n  /* Quotes */\n  blockquote,\n  q {\n    color: inherit;\n  }\n  blockquote {\n    border: none;\n    padding-left: ", "px;\n  }\n  [dir='rtl'] blockquote {\n    padding-left: 0;\n    padding-right: ", "px;\n  }\n\n  blockquote::before,\n  q::before {\n    content: '\\201C';\n  }\n\n  blockquote::after,\n  q::after {\n    content: '\\201D';\n  }\n\n  blockquote::before {\n    float: left;\n    /* to keep the quotes left of any child elements like blockquote > p */\n    margin-left: -1em;\n    text-align: right;\n    width: 1em;\n  }\n  [dir='rtl'] blockquote::before {\n    float: right;\n    margin-right: -1em;\n    text-align: left;\n  }\n\n  blockquote > :last-child {\n    display: inline-block; /* so the quotes added via pseudos follow it immediately. */\n  }\n\n  /* Other typographical elements */\n  small {\n    ", "\n    font-weight: normal;\n  }\n\n  code,\n  kbd {\n    font-family: ", ";\n  }\n\n  var,\n  address,\n  dfn,\n  cite {\n    font-style: italic;\n  }\n\n  abbr {\n    border-bottom: 1px ", " dotted;\n    cursor: help;\n  }\n"], ["\n  body,\n  html {\n    height: 100%;\n    width: 100%;\n  }\n\n  body {\n    background-color: ", ";\n    color: ", ";\n    font-family: ", ";\n    font-size: ", "px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1.42857142857143;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n    text-decoration-skip-ink: auto;\n  }\n\n  /* Default margins */\n  p,\n  ul,\n  ol,\n  dl,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  blockquote,\n  pre,\n  form,\n  table {\n    margin: ", "px 0 0 0;\n  }\n\n  /* Links */\n  a {\n    color: ", ";\n    text-decoration: none;\n  }\n  a:hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n  a:active {\n    color: ", ";\n  }\n  a:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: 2px;\n  }\n  @supports not selector(*:focus-visible) {\n    a:focus {\n      outline: 2px solid ", ";\n      outline-offset: 2px;\n    }\n  }\n  /* Headings */\n  h1 {\n    ", "\n  }\n  h2 {\n    ", "\n  }\n  h3 {\n    ", "\n  }\n  h4 {\n    ", "\n  }\n  h5 {\n    ", "\n  }\n  h6 {\n    ", "\n  }\n\n  /* Lists */\n  ul,\n  ol,\n  dl {\n    padding-left: ", "px;\n  }\n  [dir='rtl']ul,\n  [dir='rtl']ol,\n  [dir='rtl']dl {\n    padding-left: 0;\n    padding-right: ", "px;\n  }\n\n  dd,\n  dd + dt,\n  li + li {\n    margin-top: ", "px;\n  }\n  ul ul:not(:first-child),\n  ol ul:not(:first-child),\n  ul ol:not(:first-child),\n  ol ol:not(:first-child) {\n    margin-top: ", "px;\n  }\n\n  /* remove top margin for first element */\n  p:first-child,\n  ul:first-child,\n  ol:first-child,\n  dl:first-child,\n  h1:first-child,\n  h2:first-child,\n  h3:first-child,\n  h4:first-child,\n  h5:first-child,\n  h6:first-child,\n  blockquote:first-child,\n  pre:first-child,\n  form:first-child,\n  table:first-child {\n    margin-top: 0;\n  }\n\n  /* Quotes */\n  blockquote,\n  q {\n    color: inherit;\n  }\n  blockquote {\n    border: none;\n    padding-left: ", "px;\n  }\n  [dir='rtl'] blockquote {\n    padding-left: 0;\n    padding-right: ", "px;\n  }\n\n  blockquote::before,\n  q::before {\n    content: '\\\\201C';\n  }\n\n  blockquote::after,\n  q::after {\n    content: '\\\\201D';\n  }\n\n  blockquote::before {\n    float: left;\n    /* to keep the quotes left of any child elements like blockquote > p */\n    margin-left: -1em;\n    text-align: right;\n    width: 1em;\n  }\n  [dir='rtl'] blockquote::before {\n    float: right;\n    margin-right: -1em;\n    text-align: left;\n  }\n\n  blockquote > :last-child {\n    display: inline-block; /* so the quotes added via pseudos follow it immediately. */\n  }\n\n  /* Other typographical elements */\n  small {\n    ", "\n    font-weight: normal;\n  }\n\n  code,\n  kbd {\n    font-family: ", ";\n  }\n\n  var,\n  address,\n  dfn,\n  cite {\n    font-style: italic;\n  }\n\n  abbr {\n    border-bottom: 1px ", " dotted;\n    cursor: help;\n  }\n"])), (0, _tokens.token)('color.background.default', '#fff'), (0, _tokens.token)('color.text.highEmphasis', _theme.colors.N800), _theme.fontFamily, (0, _theme.fontSize)(), (0, _theme.gridSize)() * 1.5, (0, _tokens.token)('color.text.link.resting', _theme.colors.B400), (0, _tokens.token)('color.text.link.resting', _theme.colors.B300), (0, _tokens.token)('color.text.link.pressed', _theme.colors.B500), (0, _tokens.token)('color.border.focus', _theme.colors.B100), (0, _tokens.token)('color.border.focus', _theme.colors.B100), _theme.typography.h800(), _theme.typography.h700(), _theme.typography.h600(), _theme.typography.h500(), _theme.typography.h400(), _theme.typography.h300(), (0, _theme.gridSize)() * 5, (0, _theme.gridSize)() * 5, (0, _theme.gridSize)() / 2, (0, _theme.gridSize)() / 2, (0, _theme.gridSize)() * 5, (0, _theme.gridSize)() * 5, _theme.typography.h100(), _theme.codeFontFamily, (0, _tokens.token)('color.border.neutral', '#ccc'));
 
 exports.default = _default;

dist/cjs/version.json

 {
 	"name": "@atlaskit/css-reset",
-	"version": "6.1.4"
+	"version": "6.2.0"
 }

dist/es2019/base.js

 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-import { codeFontFamily, colors, fontFamily, gridSize, typography } from '@atlaskit/theme';
+import { codeFontFamily, colors, fontFamily, fontSize, gridSize, typography } from '@atlaskit/theme';
 import { token } from '@atlaskit/tokens';
@@ -17,3 +17,3 @@ import evaluateInner from './utils/evaluate-inner';
     font-family: ${fontFamily};
-    font-size: 14px;
+    font-size: ${fontSize()}px;
     font-style: normal;
@@ -56,7 +56,12 @@ font-weight: 400;
   }
-  a:focus {
+  a:focus-visible {
     outline: 2px solid ${token('color.border.focus', colors.B100)};
     outline-offset: 2px;
   }
-
+  @supports not selector(*:focus-visible) {
+    a:focus {
+      outline: 2px solid ${token('color.border.focus', colors.B100)};
+      outline-offset: 2px;
+    }
+  }
   /* Headings */
@@ -63,0 +68,0 @@ h1 {

dist/es2019/version.json

 {
 	"name": "@atlaskit/css-reset",
-	"version": "6.1.4"
+	"version": "6.2.0"
 }

dist/esm/base.js

@@ -7,5 +7,5 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-import { codeFontFamily, colors, fontFamily, gridSize, typography } from '@atlaskit/theme';
+import { codeFontFamily, colors, fontFamily, fontSize, gridSize, typography } from '@atlaskit/theme';
 import { token } from '@atlaskit/tokens';
 import evaluateInner from './utils/evaluate-inner';
-export default evaluateInner(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  body,\n  html {\n    height: 100%;\n    width: 100%;\n  }\n\n  body {\n    background-color: ", ";\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1.42857142857143;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n    text-decoration-skip-ink: auto;\n  }\n\n  /* Default margins */\n  p,\n  ul,\n  ol,\n  dl,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  blockquote,\n  pre,\n  form,\n  table {\n    margin: ", "px 0 0 0;\n  }\n\n  /* Links */\n  a {\n    color: ", ";\n    text-decoration: none;\n  }\n  a:hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n  a:active {\n    color: ", ";\n  }\n  a:focus {\n    outline: 2px solid ", ";\n    outline-offset: 2px;\n  }\n\n  /* Headings */\n  h1 {\n    ", "\n  }\n  h2 {\n    ", "\n  }\n  h3 {\n    ", "\n  }\n  h4 {\n    ", "\n  }\n  h5 {\n    ", "\n  }\n  h6 {\n    ", "\n  }\n\n  /* Lists */\n  ul,\n  ol,\n  dl {\n    padding-left: ", "px;\n  }\n  [dir='rtl']ul,\n  [dir='rtl']ol,\n  [dir='rtl']dl {\n    padding-left: 0;\n    padding-right: ", "px;\n  }\n\n  dd,\n  dd + dt,\n  li + li {\n    margin-top: ", "px;\n  }\n  ul ul:not(:first-child),\n  ol ul:not(:first-child),\n  ul ol:not(:first-child),\n  ol ol:not(:first-child) {\n    margin-top: ", "px;\n  }\n\n  /* remove top margin for first element */\n  p:first-child,\n  ul:first-child,\n  ol:first-child,\n  dl:first-child,\n  h1:first-child,\n  h2:first-child,\n  h3:first-child,\n  h4:first-child,\n  h5:first-child,\n  h6:first-child,\n  blockquote:first-child,\n  pre:first-child,\n  form:first-child,\n  table:first-child {\n    margin-top: 0;\n  }\n\n  /* Quotes */\n  blockquote,\n  q {\n    color: inherit;\n  }\n  blockquote {\n    border: none;\n    padding-left: ", "px;\n  }\n  [dir='rtl'] blockquote {\n    padding-left: 0;\n    padding-right: ", "px;\n  }\n\n  blockquote::before,\n  q::before {\n    content: '\\201C';\n  }\n\n  blockquote::after,\n  q::after {\n    content: '\\201D';\n  }\n\n  blockquote::before {\n    float: left;\n    /* to keep the quotes left of any child elements like blockquote > p */\n    margin-left: -1em;\n    text-align: right;\n    width: 1em;\n  }\n  [dir='rtl'] blockquote::before {\n    float: right;\n    margin-right: -1em;\n    text-align: left;\n  }\n\n  blockquote > :last-child {\n    display: inline-block; /* so the quotes added via pseudos follow it immediately. */\n  }\n\n  /* Other typographical elements */\n  small {\n    ", "\n    font-weight: normal;\n  }\n\n  code,\n  kbd {\n    font-family: ", ";\n  }\n\n  var,\n  address,\n  dfn,\n  cite {\n    font-style: italic;\n  }\n\n  abbr {\n    border-bottom: 1px ", " dotted;\n    cursor: help;\n  }\n"], ["\n  body,\n  html {\n    height: 100%;\n    width: 100%;\n  }\n\n  body {\n    background-color: ", ";\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1.42857142857143;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n    text-decoration-skip-ink: auto;\n  }\n\n  /* Default margins */\n  p,\n  ul,\n  ol,\n  dl,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  blockquote,\n  pre,\n  form,\n  table {\n    margin: ", "px 0 0 0;\n  }\n\n  /* Links */\n  a {\n    color: ", ";\n    text-decoration: none;\n  }\n  a:hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n  a:active {\n    color: ", ";\n  }\n  a:focus {\n    outline: 2px solid ", ";\n    outline-offset: 2px;\n  }\n\n  /* Headings */\n  h1 {\n    ", "\n  }\n  h2 {\n    ", "\n  }\n  h3 {\n    ", "\n  }\n  h4 {\n    ", "\n  }\n  h5 {\n    ", "\n  }\n  h6 {\n    ", "\n  }\n\n  /* Lists */\n  ul,\n  ol,\n  dl {\n    padding-left: ", "px;\n  }\n  [dir='rtl']ul,\n  [dir='rtl']ol,\n  [dir='rtl']dl {\n    padding-left: 0;\n    padding-right: ", "px;\n  }\n\n  dd,\n  dd + dt,\n  li + li {\n    margin-top: ", "px;\n  }\n  ul ul:not(:first-child),\n  ol ul:not(:first-child),\n  ul ol:not(:first-child),\n  ol ol:not(:first-child) {\n    margin-top: ", "px;\n  }\n\n  /* remove top margin for first element */\n  p:first-child,\n  ul:first-child,\n  ol:first-child,\n  dl:first-child,\n  h1:first-child,\n  h2:first-child,\n  h3:first-child,\n  h4:first-child,\n  h5:first-child,\n  h6:first-child,\n  blockquote:first-child,\n  pre:first-child,\n  form:first-child,\n  table:first-child {\n    margin-top: 0;\n  }\n\n  /* Quotes */\n  blockquote,\n  q {\n    color: inherit;\n  }\n  blockquote {\n    border: none;\n    padding-left: ", "px;\n  }\n  [dir='rtl'] blockquote {\n    padding-left: 0;\n    padding-right: ", "px;\n  }\n\n  blockquote::before,\n  q::before {\n    content: '\\\\201C';\n  }\n\n  blockquote::after,\n  q::after {\n    content: '\\\\201D';\n  }\n\n  blockquote::before {\n    float: left;\n    /* to keep the quotes left of any child elements like blockquote > p */\n    margin-left: -1em;\n    text-align: right;\n    width: 1em;\n  }\n  [dir='rtl'] blockquote::before {\n    float: right;\n    margin-right: -1em;\n    text-align: left;\n  }\n\n  blockquote > :last-child {\n    display: inline-block; /* so the quotes added via pseudos follow it immediately. */\n  }\n\n  /* Other typographical elements */\n  small {\n    ", "\n    font-weight: normal;\n  }\n\n  code,\n  kbd {\n    font-family: ", ";\n  }\n\n  var,\n  address,\n  dfn,\n  cite {\n    font-style: italic;\n  }\n\n  abbr {\n    border-bottom: 1px ", " dotted;\n    cursor: help;\n  }\n"])), token('color.background.default', '#fff'), token('color.text.highEmphasis', colors.N800), fontFamily, gridSize() * 1.5, token('color.text.link.resting', colors.B400), token('color.text.link.resting', colors.B300), token('color.text.link.pressed', colors.B500), token('color.border.focus', colors.B100), typography.h800(), typography.h700(), typography.h600(), typography.h500(), typography.h400(), typography.h300(), gridSize() * 5, gridSize() * 5, gridSize() / 2, gridSize() / 2, gridSize() * 5, gridSize() * 5, typography.h100(), codeFontFamily, token('color.border.neutral', '#ccc'));
+export default evaluateInner(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  body,\n  html {\n    height: 100%;\n    width: 100%;\n  }\n\n  body {\n    background-color: ", ";\n    color: ", ";\n    font-family: ", ";\n    font-size: ", "px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1.42857142857143;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n    text-decoration-skip-ink: auto;\n  }\n\n  /* Default margins */\n  p,\n  ul,\n  ol,\n  dl,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  blockquote,\n  pre,\n  form,\n  table {\n    margin: ", "px 0 0 0;\n  }\n\n  /* Links */\n  a {\n    color: ", ";\n    text-decoration: none;\n  }\n  a:hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n  a:active {\n    color: ", ";\n  }\n  a:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: 2px;\n  }\n  @supports not selector(*:focus-visible) {\n    a:focus {\n      outline: 2px solid ", ";\n      outline-offset: 2px;\n    }\n  }\n  /* Headings */\n  h1 {\n    ", "\n  }\n  h2 {\n    ", "\n  }\n  h3 {\n    ", "\n  }\n  h4 {\n    ", "\n  }\n  h5 {\n    ", "\n  }\n  h6 {\n    ", "\n  }\n\n  /* Lists */\n  ul,\n  ol,\n  dl {\n    padding-left: ", "px;\n  }\n  [dir='rtl']ul,\n  [dir='rtl']ol,\n  [dir='rtl']dl {\n    padding-left: 0;\n    padding-right: ", "px;\n  }\n\n  dd,\n  dd + dt,\n  li + li {\n    margin-top: ", "px;\n  }\n  ul ul:not(:first-child),\n  ol ul:not(:first-child),\n  ul ol:not(:first-child),\n  ol ol:not(:first-child) {\n    margin-top: ", "px;\n  }\n\n  /* remove top margin for first element */\n  p:first-child,\n  ul:first-child,\n  ol:first-child,\n  dl:first-child,\n  h1:first-child,\n  h2:first-child,\n  h3:first-child,\n  h4:first-child,\n  h5:first-child,\n  h6:first-child,\n  blockquote:first-child,\n  pre:first-child,\n  form:first-child,\n  table:first-child {\n    margin-top: 0;\n  }\n\n  /* Quotes */\n  blockquote,\n  q {\n    color: inherit;\n  }\n  blockquote {\n    border: none;\n    padding-left: ", "px;\n  }\n  [dir='rtl'] blockquote {\n    padding-left: 0;\n    padding-right: ", "px;\n  }\n\n  blockquote::before,\n  q::before {\n    content: '\\201C';\n  }\n\n  blockquote::after,\n  q::after {\n    content: '\\201D';\n  }\n\n  blockquote::before {\n    float: left;\n    /* to keep the quotes left of any child elements like blockquote > p */\n    margin-left: -1em;\n    text-align: right;\n    width: 1em;\n  }\n  [dir='rtl'] blockquote::before {\n    float: right;\n    margin-right: -1em;\n    text-align: left;\n  }\n\n  blockquote > :last-child {\n    display: inline-block; /* so the quotes added via pseudos follow it immediately. */\n  }\n\n  /* Other typographical elements */\n  small {\n    ", "\n    font-weight: normal;\n  }\n\n  code,\n  kbd {\n    font-family: ", ";\n  }\n\n  var,\n  address,\n  dfn,\n  cite {\n    font-style: italic;\n  }\n\n  abbr {\n    border-bottom: 1px ", " dotted;\n    cursor: help;\n  }\n"], ["\n  body,\n  html {\n    height: 100%;\n    width: 100%;\n  }\n\n  body {\n    background-color: ", ";\n    color: ", ";\n    font-family: ", ";\n    font-size: ", "px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1.42857142857143;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n    text-decoration-skip-ink: auto;\n  }\n\n  /* Default margins */\n  p,\n  ul,\n  ol,\n  dl,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  blockquote,\n  pre,\n  form,\n  table {\n    margin: ", "px 0 0 0;\n  }\n\n  /* Links */\n  a {\n    color: ", ";\n    text-decoration: none;\n  }\n  a:hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n  a:active {\n    color: ", ";\n  }\n  a:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: 2px;\n  }\n  @supports not selector(*:focus-visible) {\n    a:focus {\n      outline: 2px solid ", ";\n      outline-offset: 2px;\n    }\n  }\n  /* Headings */\n  h1 {\n    ", "\n  }\n  h2 {\n    ", "\n  }\n  h3 {\n    ", "\n  }\n  h4 {\n    ", "\n  }\n  h5 {\n    ", "\n  }\n  h6 {\n    ", "\n  }\n\n  /* Lists */\n  ul,\n  ol,\n  dl {\n    padding-left: ", "px;\n  }\n  [dir='rtl']ul,\n  [dir='rtl']ol,\n  [dir='rtl']dl {\n    padding-left: 0;\n    padding-right: ", "px;\n  }\n\n  dd,\n  dd + dt,\n  li + li {\n    margin-top: ", "px;\n  }\n  ul ul:not(:first-child),\n  ol ul:not(:first-child),\n  ul ol:not(:first-child),\n  ol ol:not(:first-child) {\n    margin-top: ", "px;\n  }\n\n  /* remove top margin for first element */\n  p:first-child,\n  ul:first-child,\n  ol:first-child,\n  dl:first-child,\n  h1:first-child,\n  h2:first-child,\n  h3:first-child,\n  h4:first-child,\n  h5:first-child,\n  h6:first-child,\n  blockquote:first-child,\n  pre:first-child,\n  form:first-child,\n  table:first-child {\n    margin-top: 0;\n  }\n\n  /* Quotes */\n  blockquote,\n  q {\n    color: inherit;\n  }\n  blockquote {\n    border: none;\n    padding-left: ", "px;\n  }\n  [dir='rtl'] blockquote {\n    padding-left: 0;\n    padding-right: ", "px;\n  }\n\n  blockquote::before,\n  q::before {\n    content: '\\\\201C';\n  }\n\n  blockquote::after,\n  q::after {\n    content: '\\\\201D';\n  }\n\n  blockquote::before {\n    float: left;\n    /* to keep the quotes left of any child elements like blockquote > p */\n    margin-left: -1em;\n    text-align: right;\n    width: 1em;\n  }\n  [dir='rtl'] blockquote::before {\n    float: right;\n    margin-right: -1em;\n    text-align: left;\n  }\n\n  blockquote > :last-child {\n    display: inline-block; /* so the quotes added via pseudos follow it immediately. */\n  }\n\n  /* Other typographical elements */\n  small {\n    ", "\n    font-weight: normal;\n  }\n\n  code,\n  kbd {\n    font-family: ", ";\n  }\n\n  var,\n  address,\n  dfn,\n  cite {\n    font-style: italic;\n  }\n\n  abbr {\n    border-bottom: 1px ", " dotted;\n    cursor: help;\n  }\n"])), token('color.background.default', '#fff'), token('color.text.highEmphasis', colors.N800), fontFamily, fontSize(), gridSize() * 1.5, token('color.text.link.resting', colors.B400), token('color.text.link.resting', colors.B300), token('color.text.link.pressed', colors.B500), token('color.border.focus', colors.B100), token('color.border.focus', colors.B100), typography.h800(), typography.h700(), typography.h600(), typography.h500(), typography.h400(), typography.h300(), gridSize() * 5, gridSize() * 5, gridSize() / 2, gridSize() / 2, gridSize() * 5, gridSize() * 5, typography.h100(), codeFontFamily, token('color.border.neutral', '#ccc'));

dist/esm/version.json

 {
 	"name": "@atlaskit/css-reset",
-	"version": "6.1.4"
+	"version": "6.2.0"
 }

package.json

 {
   "name": "@atlaskit/css-reset",
-  "version": "6.1.4",
+  "version": "6.2.0",
   "description": "Base stylesheet for ADG",
@@ -39,3 +39,3 @@ "publishConfig": {
     "@atlaskit/theme": "^12.0.0",
-    "@atlaskit/tokens": "^0.2.0",
+    "@atlaskit/tokens": "^0.3.0",
     "@babel/runtime": "^7.0.0",
@@ -42,0 +42,0 @@ "fbjs": "^3.0.0"

No alert changes

Improved metrics

Total package byte prevSize

65988

increased by2.11%

Lines of code

1121

increased by1.17%

Dependency changes

• + Added@atlaskit/tokens@0.3.0(transitive)

• - Removed@atlaskit/tokens@0.2.1(transitive)

• Updated@atlaskit/tokens@^0.3.0