@atlaskit/css-reset
Advanced tools
Comparing version 6.10.1 to 6.11.0
# @atlaskit/css-reset | ||
## 6.11.0 | ||
### Minor Changes | ||
- [#141343](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/141343) | ||
[`95f59fd3d63f9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/95f59fd3d63f9) - | ||
Tokenize small element on CSS reset inline with new typography system. | ||
## 6.10.1 | ||
@@ -4,0 +12,0 @@ |
@@ -14,2 +14,2 @@ "use strict"; | ||
/* TODO body line height should be 1.25rem */ | ||
var _default = exports.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: ", ";\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: ", " 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: ", " solid ", ";\n outline-offset: ", ";\n }\n @supports not selector(*:focus-visible) {\n a:focus {\n outline: ", " solid ", ";\n outline-offset: ", ";\n }\n }\n /* Headings */\n h1 {\n font: ", ";\n letter-spacing: -0.01em;\n color: ", ";\n margin-top: ", ";\n }\n h2 {\n font: ", ";\n letter-spacing: -0.01em;\n color: ", ";\n margin-top: ", ";\n }\n h3 {\n font: ", ";\n letter-spacing: -0.008em;\n color: ", ";\n margin-top: 28px;\n }\n h4 {\n font: ", ";\n letter-spacing: -0.006em;\n color: ", ";\n margin-top: ", ";\n }\n h5 {\n font: ", ";\n letter-spacing: -0.003em;\n color: ", ";\n margin-top: ", ";\n }\n h6 {\n font: ", ";\n color: ", ";\n margin-top: ", ";\n text-transform: uppercase;\n }\n\n /* Lists */\n ul,\n ol,\n dl {\n padding-left: ", ";\n }\n\n dd,\n dd + dt,\n li + li {\n margin-top: ", ";\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: ", ";\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: ", ";\n }\n [dir='rtl'] blockquote {\n padding-left: 0;\n padding-right: ", ";\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 @supports (color-scheme: dark) and (color-scheme: light) {\n [data-color-mode=\"light\"] {\n color-scheme: light;\n }\n [data-color-mode=\"dark\"] {\n color-scheme: dark;\n }\n }\n"], ["\n body,\n html {\n height: 100%;\n width: 100%;\n }\n\n body {\n background-color: ", ";\n color: ", ";\n font: ", ";\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: ", " 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: ", " solid ", ";\n outline-offset: ", ";\n }\n @supports not selector(*:focus-visible) {\n a:focus {\n outline: ", " solid ", ";\n outline-offset: ", ";\n }\n }\n /* Headings */\n h1 {\n font: ", ";\n letter-spacing: -0.01em;\n color: ", ";\n margin-top: ", ";\n }\n h2 {\n font: ", ";\n letter-spacing: -0.01em;\n color: ", ";\n margin-top: ", ";\n }\n h3 {\n font: ", ";\n letter-spacing: -0.008em;\n color: ", ";\n margin-top: 28px;\n }\n h4 {\n font: ", ";\n letter-spacing: -0.006em;\n color: ", ";\n margin-top: ", ";\n }\n h5 {\n font: ", ";\n letter-spacing: -0.003em;\n color: ", ";\n margin-top: ", ";\n }\n h6 {\n font: ", ";\n color: ", ";\n margin-top: ", ";\n text-transform: uppercase;\n }\n\n /* Lists */\n ul,\n ol,\n dl {\n padding-left: ", ";\n }\n\n dd,\n dd + dt,\n li + li {\n margin-top: ", ";\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: ", ";\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: ", ";\n }\n [dir='rtl'] blockquote {\n padding-left: 0;\n padding-right: ", ";\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 @supports (color-scheme: dark) and (color-scheme: light) {\n [data-color-mode=\"light\"] {\n color-scheme: light;\n }\n [data-color-mode=\"dark\"] {\n color-scheme: dark;\n }\n }\n"])), "var(--ds-surface, #fff)", "var(--ds-text, ".concat(_theme.colors.N800, ")"), "var(--ds-font-body, ".concat("normal 400 14px/1.42857142857143 ".concat((0, _theme.fontFamily)()), ")"), "var(--ds-space-150, 12px)", "var(--ds-link, ".concat(_theme.colors.B400, ")"), "var(--ds-link, ".concat(_theme.colors.B300, ")"), "var(--ds-link-pressed, ".concat(_theme.colors.B500, ")"), "var(--ds-border-width-outline, 2px)", "var(--ds-border-focused, ".concat(_theme.colors.B200, ")"), "var(--ds-space-025, 2px)", "var(--ds-border-width-outline, 2px)", "var(--ds-border-focused, ".concat(_theme.colors.B100, ")"), "var(--ds-space-025, 2px)", "var(--ds-font-heading-xlarge, ".concat("600 2.0714285714285716em/1.103448275862069 ".concat((0, _theme.fontFamily)()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-500, 40px)", "var(--ds-font-heading-large, ".concat("500 1.7142857142857142em/1.1666666666666667 ".concat((0, _theme.fontFamily)()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-500, 40px)", "var(--ds-font-heading-medium, ".concat("500 1.4285714285714286em/1.2 ".concat((0, _theme.fontFamily)()), ")"), "var(--ds-text, #172B4D)", "var(--ds-font-heading-small, ".concat("600 1.1428571428571428em/1.25 ".concat((0, _theme.fontFamily)()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-300, 24px)", "var(--ds-font-heading-xsmall, ".concat("600 1em/1.1428571428571428 ".concat((0, _theme.fontFamily)()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-200, 16px)", "var(--ds-font-heading-xxsmall, ".concat("600 0.8571428571428571em/1.3333333333333333 ".concat((0, _theme.fontFamily)()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-250, 20px)", "var(--ds-space-500, 40px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)", "var(--ds-space-500, 40px)", "var(--ds-space-500, 40px)", _theme.typography.h100(), "var(--ds-font-family-code, ".concat("".concat((0, _theme.codeFontFamily)()), ")"), "var(--ds-border, #ccc)"); | ||
var _default = exports.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: ", ";\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: ", " 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: ", " solid ", ";\n outline-offset: ", ";\n }\n @supports not selector(*:focus-visible) {\n a:focus {\n outline: ", " solid ", ";\n outline-offset: ", ";\n }\n }\n /* Headings */\n h1 {\n font: ", ";\n letter-spacing: -0.01em;\n color: ", ";\n margin-top: ", ";\n }\n h2 {\n font: ", ";\n letter-spacing: -0.01em;\n color: ", ";\n margin-top: ", ";\n }\n h3 {\n font: ", ";\n letter-spacing: -0.008em;\n color: ", ";\n margin-top: 28px;\n }\n h4 {\n font: ", ";\n letter-spacing: -0.006em;\n color: ", ";\n margin-top: ", ";\n }\n h5 {\n font: ", ";\n letter-spacing: -0.003em;\n color: ", ";\n margin-top: ", ";\n }\n h6 {\n font: ", ";\n color: ", ";\n margin-top: ", ";\n text-transform: uppercase;\n }\n\n /* Lists */\n ul,\n ol,\n dl {\n padding-left: ", ";\n }\n\n dd,\n dd + dt,\n li + li {\n margin-top: ", ";\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: ", ";\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: ", ";\n }\n [dir='rtl'] blockquote {\n padding-left: 0;\n padding-right: ", ";\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 font: ", ";\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 @supports (color-scheme: dark) and (color-scheme: light) {\n [data-color-mode=\"light\"] {\n color-scheme: light;\n }\n [data-color-mode=\"dark\"] {\n color-scheme: dark;\n }\n }\n"], ["\n body,\n html {\n height: 100%;\n width: 100%;\n }\n\n body {\n background-color: ", ";\n color: ", ";\n font: ", ";\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: ", " 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: ", " solid ", ";\n outline-offset: ", ";\n }\n @supports not selector(*:focus-visible) {\n a:focus {\n outline: ", " solid ", ";\n outline-offset: ", ";\n }\n }\n /* Headings */\n h1 {\n font: ", ";\n letter-spacing: -0.01em;\n color: ", ";\n margin-top: ", ";\n }\n h2 {\n font: ", ";\n letter-spacing: -0.01em;\n color: ", ";\n margin-top: ", ";\n }\n h3 {\n font: ", ";\n letter-spacing: -0.008em;\n color: ", ";\n margin-top: 28px;\n }\n h4 {\n font: ", ";\n letter-spacing: -0.006em;\n color: ", ";\n margin-top: ", ";\n }\n h5 {\n font: ", ";\n letter-spacing: -0.003em;\n color: ", ";\n margin-top: ", ";\n }\n h6 {\n font: ", ";\n color: ", ";\n margin-top: ", ";\n text-transform: uppercase;\n }\n\n /* Lists */\n ul,\n ol,\n dl {\n padding-left: ", ";\n }\n\n dd,\n dd + dt,\n li + li {\n margin-top: ", ";\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: ", ";\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: ", ";\n }\n [dir='rtl'] blockquote {\n padding-left: 0;\n padding-right: ", ";\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 font: ", ";\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 @supports (color-scheme: dark) and (color-scheme: light) {\n [data-color-mode=\"light\"] {\n color-scheme: light;\n }\n [data-color-mode=\"dark\"] {\n color-scheme: dark;\n }\n }\n"])), "var(--ds-surface, #fff)", "var(--ds-text, ".concat(_theme.colors.N800, ")"), "var(--ds-font-body, ".concat("normal 400 14px/1.42857142857143 ".concat((0, _theme.fontFamily)()), ")"), "var(--ds-space-150, 12px)", "var(--ds-link, ".concat(_theme.colors.B400, ")"), "var(--ds-link, ".concat(_theme.colors.B300, ")"), "var(--ds-link-pressed, ".concat(_theme.colors.B500, ")"), "var(--ds-border-width-outline, 2px)", "var(--ds-border-focused, ".concat(_theme.colors.B200, ")"), "var(--ds-space-025, 2px)", "var(--ds-border-width-outline, 2px)", "var(--ds-border-focused, ".concat(_theme.colors.B100, ")"), "var(--ds-space-025, 2px)", "var(--ds-font-heading-xlarge, ".concat("600 2.0714285714285716em/1.103448275862069 ".concat((0, _theme.fontFamily)()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-500, 40px)", "var(--ds-font-heading-large, ".concat("500 1.7142857142857142em/1.1666666666666667 ".concat((0, _theme.fontFamily)()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-500, 40px)", "var(--ds-font-heading-medium, ".concat("500 1.4285714285714286em/1.2 ".concat((0, _theme.fontFamily)()), ")"), "var(--ds-text, #172B4D)", "var(--ds-font-heading-small, ".concat("600 1.1428571428571428em/1.25 ".concat((0, _theme.fontFamily)()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-300, 24px)", "var(--ds-font-heading-xsmall, ".concat("600 1em/1.1428571428571428 ".concat((0, _theme.fontFamily)()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-200, 16px)", "var(--ds-font-heading-xxsmall, ".concat("600 0.8571428571428571em/1.3333333333333333 ".concat((0, _theme.fontFamily)()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-250, 20px)", "var(--ds-space-500, 40px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)", "var(--ds-space-500, 40px)", "var(--ds-space-500, 40px)", "var(--ds-font-body-small, ".concat(_theme.typography.fontFallback.body.small, ")"), "var(--ds-font-family-code, ".concat("".concat((0, _theme.codeFontFamily)()), ")"), "var(--ds-border, #ccc)"); |
@@ -180,4 +180,3 @@ // AFP-2532 TODO: Fix automatic suppressions below | ||
small { | ||
${typography.h100()} | ||
font-weight: normal; | ||
font: ${`var(--ds-font-body-small, ${typography.fontFallback.body.small})`}; | ||
} | ||
@@ -184,0 +183,0 @@ |
@@ -9,2 +9,2 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral"; | ||
/* TODO body line height should be 1.25rem */ | ||
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: ", ";\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: ", " 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: ", " solid ", ";\n outline-offset: ", ";\n }\n @supports not selector(*:focus-visible) {\n a:focus {\n outline: ", " solid ", ";\n outline-offset: ", ";\n }\n }\n /* Headings */\n h1 {\n font: ", ";\n letter-spacing: -0.01em;\n color: ", ";\n margin-top: ", ";\n }\n h2 {\n font: ", ";\n letter-spacing: -0.01em;\n color: ", ";\n margin-top: ", ";\n }\n h3 {\n font: ", ";\n letter-spacing: -0.008em;\n color: ", ";\n margin-top: 28px;\n }\n h4 {\n font: ", ";\n letter-spacing: -0.006em;\n color: ", ";\n margin-top: ", ";\n }\n h5 {\n font: ", ";\n letter-spacing: -0.003em;\n color: ", ";\n margin-top: ", ";\n }\n h6 {\n font: ", ";\n color: ", ";\n margin-top: ", ";\n text-transform: uppercase;\n }\n\n /* Lists */\n ul,\n ol,\n dl {\n padding-left: ", ";\n }\n\n dd,\n dd + dt,\n li + li {\n margin-top: ", ";\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: ", ";\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: ", ";\n }\n [dir='rtl'] blockquote {\n padding-left: 0;\n padding-right: ", ";\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 @supports (color-scheme: dark) and (color-scheme: light) {\n [data-color-mode=\"light\"] {\n color-scheme: light;\n }\n [data-color-mode=\"dark\"] {\n color-scheme: dark;\n }\n }\n"], ["\n body,\n html {\n height: 100%;\n width: 100%;\n }\n\n body {\n background-color: ", ";\n color: ", ";\n font: ", ";\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: ", " 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: ", " solid ", ";\n outline-offset: ", ";\n }\n @supports not selector(*:focus-visible) {\n a:focus {\n outline: ", " solid ", ";\n outline-offset: ", ";\n }\n }\n /* Headings */\n h1 {\n font: ", ";\n letter-spacing: -0.01em;\n color: ", ";\n margin-top: ", ";\n }\n h2 {\n font: ", ";\n letter-spacing: -0.01em;\n color: ", ";\n margin-top: ", ";\n }\n h3 {\n font: ", ";\n letter-spacing: -0.008em;\n color: ", ";\n margin-top: 28px;\n }\n h4 {\n font: ", ";\n letter-spacing: -0.006em;\n color: ", ";\n margin-top: ", ";\n }\n h5 {\n font: ", ";\n letter-spacing: -0.003em;\n color: ", ";\n margin-top: ", ";\n }\n h6 {\n font: ", ";\n color: ", ";\n margin-top: ", ";\n text-transform: uppercase;\n }\n\n /* Lists */\n ul,\n ol,\n dl {\n padding-left: ", ";\n }\n\n dd,\n dd + dt,\n li + li {\n margin-top: ", ";\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: ", ";\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: ", ";\n }\n [dir='rtl'] blockquote {\n padding-left: 0;\n padding-right: ", ";\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 @supports (color-scheme: dark) and (color-scheme: light) {\n [data-color-mode=\"light\"] {\n color-scheme: light;\n }\n [data-color-mode=\"dark\"] {\n color-scheme: dark;\n }\n }\n"])), "var(--ds-surface, #fff)", "var(--ds-text, ".concat(colors.N800, ")"), "var(--ds-font-body, ".concat("normal 400 14px/1.42857142857143 ".concat(fontFamily()), ")"), "var(--ds-space-150, 12px)", "var(--ds-link, ".concat(colors.B400, ")"), "var(--ds-link, ".concat(colors.B300, ")"), "var(--ds-link-pressed, ".concat(colors.B500, ")"), "var(--ds-border-width-outline, 2px)", "var(--ds-border-focused, ".concat(colors.B200, ")"), "var(--ds-space-025, 2px)", "var(--ds-border-width-outline, 2px)", "var(--ds-border-focused, ".concat(colors.B100, ")"), "var(--ds-space-025, 2px)", "var(--ds-font-heading-xlarge, ".concat("600 2.0714285714285716em/1.103448275862069 ".concat(fontFamily()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-500, 40px)", "var(--ds-font-heading-large, ".concat("500 1.7142857142857142em/1.1666666666666667 ".concat(fontFamily()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-500, 40px)", "var(--ds-font-heading-medium, ".concat("500 1.4285714285714286em/1.2 ".concat(fontFamily()), ")"), "var(--ds-text, #172B4D)", "var(--ds-font-heading-small, ".concat("600 1.1428571428571428em/1.25 ".concat(fontFamily()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-300, 24px)", "var(--ds-font-heading-xsmall, ".concat("600 1em/1.1428571428571428 ".concat(fontFamily()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-200, 16px)", "var(--ds-font-heading-xxsmall, ".concat("600 0.8571428571428571em/1.3333333333333333 ".concat(fontFamily()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-250, 20px)", "var(--ds-space-500, 40px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)", "var(--ds-space-500, 40px)", "var(--ds-space-500, 40px)", typography.h100(), "var(--ds-font-family-code, ".concat("".concat(codeFontFamily()), ")"), "var(--ds-border, #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: ", ";\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: ", " 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: ", " solid ", ";\n outline-offset: ", ";\n }\n @supports not selector(*:focus-visible) {\n a:focus {\n outline: ", " solid ", ";\n outline-offset: ", ";\n }\n }\n /* Headings */\n h1 {\n font: ", ";\n letter-spacing: -0.01em;\n color: ", ";\n margin-top: ", ";\n }\n h2 {\n font: ", ";\n letter-spacing: -0.01em;\n color: ", ";\n margin-top: ", ";\n }\n h3 {\n font: ", ";\n letter-spacing: -0.008em;\n color: ", ";\n margin-top: 28px;\n }\n h4 {\n font: ", ";\n letter-spacing: -0.006em;\n color: ", ";\n margin-top: ", ";\n }\n h5 {\n font: ", ";\n letter-spacing: -0.003em;\n color: ", ";\n margin-top: ", ";\n }\n h6 {\n font: ", ";\n color: ", ";\n margin-top: ", ";\n text-transform: uppercase;\n }\n\n /* Lists */\n ul,\n ol,\n dl {\n padding-left: ", ";\n }\n\n dd,\n dd + dt,\n li + li {\n margin-top: ", ";\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: ", ";\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: ", ";\n }\n [dir='rtl'] blockquote {\n padding-left: 0;\n padding-right: ", ";\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 font: ", ";\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 @supports (color-scheme: dark) and (color-scheme: light) {\n [data-color-mode=\"light\"] {\n color-scheme: light;\n }\n [data-color-mode=\"dark\"] {\n color-scheme: dark;\n }\n }\n"], ["\n body,\n html {\n height: 100%;\n width: 100%;\n }\n\n body {\n background-color: ", ";\n color: ", ";\n font: ", ";\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: ", " 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: ", " solid ", ";\n outline-offset: ", ";\n }\n @supports not selector(*:focus-visible) {\n a:focus {\n outline: ", " solid ", ";\n outline-offset: ", ";\n }\n }\n /* Headings */\n h1 {\n font: ", ";\n letter-spacing: -0.01em;\n color: ", ";\n margin-top: ", ";\n }\n h2 {\n font: ", ";\n letter-spacing: -0.01em;\n color: ", ";\n margin-top: ", ";\n }\n h3 {\n font: ", ";\n letter-spacing: -0.008em;\n color: ", ";\n margin-top: 28px;\n }\n h4 {\n font: ", ";\n letter-spacing: -0.006em;\n color: ", ";\n margin-top: ", ";\n }\n h5 {\n font: ", ";\n letter-spacing: -0.003em;\n color: ", ";\n margin-top: ", ";\n }\n h6 {\n font: ", ";\n color: ", ";\n margin-top: ", ";\n text-transform: uppercase;\n }\n\n /* Lists */\n ul,\n ol,\n dl {\n padding-left: ", ";\n }\n\n dd,\n dd + dt,\n li + li {\n margin-top: ", ";\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: ", ";\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: ", ";\n }\n [dir='rtl'] blockquote {\n padding-left: 0;\n padding-right: ", ";\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 font: ", ";\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 @supports (color-scheme: dark) and (color-scheme: light) {\n [data-color-mode=\"light\"] {\n color-scheme: light;\n }\n [data-color-mode=\"dark\"] {\n color-scheme: dark;\n }\n }\n"])), "var(--ds-surface, #fff)", "var(--ds-text, ".concat(colors.N800, ")"), "var(--ds-font-body, ".concat("normal 400 14px/1.42857142857143 ".concat(fontFamily()), ")"), "var(--ds-space-150, 12px)", "var(--ds-link, ".concat(colors.B400, ")"), "var(--ds-link, ".concat(colors.B300, ")"), "var(--ds-link-pressed, ".concat(colors.B500, ")"), "var(--ds-border-width-outline, 2px)", "var(--ds-border-focused, ".concat(colors.B200, ")"), "var(--ds-space-025, 2px)", "var(--ds-border-width-outline, 2px)", "var(--ds-border-focused, ".concat(colors.B100, ")"), "var(--ds-space-025, 2px)", "var(--ds-font-heading-xlarge, ".concat("600 2.0714285714285716em/1.103448275862069 ".concat(fontFamily()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-500, 40px)", "var(--ds-font-heading-large, ".concat("500 1.7142857142857142em/1.1666666666666667 ".concat(fontFamily()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-500, 40px)", "var(--ds-font-heading-medium, ".concat("500 1.4285714285714286em/1.2 ".concat(fontFamily()), ")"), "var(--ds-text, #172B4D)", "var(--ds-font-heading-small, ".concat("600 1.1428571428571428em/1.25 ".concat(fontFamily()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-300, 24px)", "var(--ds-font-heading-xsmall, ".concat("600 1em/1.1428571428571428 ".concat(fontFamily()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-200, 16px)", "var(--ds-font-heading-xxsmall, ".concat("600 0.8571428571428571em/1.3333333333333333 ".concat(fontFamily()), ")"), "var(--ds-text, #172B4D)", "var(--ds-space-250, 20px)", "var(--ds-space-500, 40px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)", "var(--ds-space-500, 40px)", "var(--ds-space-500, 40px)", "var(--ds-font-body-small, ".concat(typography.fontFallback.body.small, ")"), "var(--ds-font-family-code, ".concat("".concat(codeFontFamily()), ")"), "var(--ds-border, #ccc)"); |
{ | ||
"name": "@atlaskit/css-reset", | ||
"version": "6.10.1", | ||
"version": "6.11.0", | ||
"description": "A base stylesheet for the Atlassian Design System.", | ||
@@ -18,6 +18,2 @@ "publishConfig": { | ||
"team": "Design System Team", | ||
"productPushConsumption": [ | ||
"jira" | ||
], | ||
"releaseModel": "continuous", | ||
"runReact18": true, | ||
@@ -31,7 +27,7 @@ "website": { | ||
"ak-postbuild": "mkdir -p dist && cp src/bundle.css dist/bundle.css && ABS_PATH=$(pwd) && ln -sf $ABS_PATH/dist/bundle.css dist/cjs/bundle.css && ln -sf $ABS_PATH/dist/bundle.css dist/esm/bundle.css && ln -sf $ABS_PATH/dist/bundle.css dist/es2019/bundle.css", | ||
"build-css": "ts-node --compiler-options='{ \"module\": \"CommonJS\" }' -P ./tsconfig.json build/js-to-css.tsx" | ||
"build-css": "run-ts build/js-to-css.tsx" | ||
}, | ||
"dependencies": { | ||
"@atlaskit/theme": "^13.0.0", | ||
"@atlaskit/tokens": "^1.58.0", | ||
"@atlaskit/tokens": "^1.60.0", | ||
"@babel/runtime": "^7.0.0" | ||
@@ -44,4 +40,4 @@ }, | ||
"@atlaskit/visual-regression": "*", | ||
"@atlassian/ts-loader": "*", | ||
"mkdirp": "^0.5.1", | ||
"ts-node": "^10.9.1", | ||
"tsconfig-paths": "^4.2.0", | ||
@@ -48,0 +44,0 @@ "typescript": "~5.4.2" |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
103534
2417
Updated@atlaskit/tokens@^1.60.0