CSS reset
A base stylesheet for ADG.
Installation
yarn add @atlaskit/css-reset
A base stylesheet for the Atlassian Design System.
A base stylesheet for ADG.
yarn add @atlaskit/css-reset
84baabc71342d
-
Fixes the changes in 7.1.0
where the added style:first-child
tag selectors were targeting all
subsequent-siblings instead of the explicit next-sibling. This may fix some visual issues during
SSR or when Emotion isn't properly setup.#136371
00035716330df
-
Expands @atlaskit/css-reset
to better handle the scenarios where Emotion, Compiled, or similar
CSS-in-JS auto-inject a <style>
tag at runtime, primarily impacting SSR hydration when setup
incorrectly.
While we expect Emotion to be setup properly via https://emotion.sh/docs/ssr, this may still solve for an upcoming scenario with Streaming SSR hydration where we don't have a solution for Emotion, and this may reduce flashes of incorrect styling.
tl;dr: Typically we see code like this—styles come in via the <head>
<head>
<link rel="stylesheet" src="…" />
<style>
.abcd1234 {
color: red;
}
</style>
</head>
<body>
<div>
<h1 class="abcd1234">Hello world</h1>
</div>
</body>
However, several CSS-in-JS libraries inject styles like this initially and then hoist them into
the <head>
later, so the HTML coming from SSR/Streaming SSR may look like:
<div>
<style>
.abcd1234 {
color: red;
}
</style>
<h1 class="abcd1234">Hello world</h1>
</div>
This code should now handle that—removing the margin-top
from h1
either when it is the
first-child
, or there is a style
tag that is the first-child with an h1
as a subsequent
sibling (eg. second child).
631bb21b7ec55
-
Force bundle.css to be in a consistent formatting through internal formatting utils (Prettier)#117363
10a0f7f6c2027
-
This package's peerDependencies
have been adjusted for react
and/or react-dom
to reflect the
status of only supporting React 18 going forward. No explicit breaking change to React support has
been made in this release, but this is to signify going forward, breaking changes for React 16 or
React 17 may come via non-major semver releases.
Please refer this community post for more details: https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026
08551d0287167
-
Removed letter spacing from h1 elements.e1144ab353315
-
Removed letter spacing from h2 elements.37f43dcd24ede
-
Removed letter spacing from h3 elements.aefa654dbcbae
-
Removed letter spacing from h4 elements.99106cc9d8c19
-
Removed letter spacing from h5 elements.cb6ee69d77f15
-
Update dependencies.c733052840ce2
-
Remove deprecated constants from css-reset. Apply correct default code font family based on
typography modern theme.95f59fd3d63f9
-
Tokenize small element on CSS reset inline with new typography system.#127511
db30e29344013
-
Widening range of react
and react-dom
peer dependencies from ^16.8.0 || ^17.0.0 || ~18.2.0
to the wider range of ^16.8.0 || ^17.0.0 || ^18.0.0` (where applicable).
This change has been done to enable usage of `react@18.3as well as to have a consistent peer
dependency range for
reactand
react-domfor
/platform` packages.
77504ff274f72
-
DSP-19576: Assign names to anonymous default exports026200e81a78b
-
Remove dependency fbjs25c2f0f694c3
-
Add support for React 18 in non-strict mode.555f5611abaf
-
Utilise typography tokens in css reset without any UI changes8d4e99057fe0
-
Upgrade Typescript from 4.9.5
to 5.4.2
f7801c9b84ac
-
Add a new entrypoint ./bundle.cssece3768d98ba
-
Internal change to remove any usages of font tokens with hardcoded values as these tokens are
being deprecated.893f68af200
- check in
bundle.css file into source, update package scripts8d437d8aeb4
- add a
styles entry point to export all concatenated styles461d74c2e9d
- change
color because of insufficient color contrast for focus indicator599bfe90ee3
- Internal
change to use shape tokens. There is no expected visual change.9d00501a414
- Ensure
legacy types are published for TS 4.5-4.841fae2c6f68
- Upgrade
Typescript from 4.5.5
to 4.9.5
56507598609
- Skip
minor dependency bump35d89e93915
- Internal
change to enforce token usage for spacing properties. There is no expected visual or behaviour
change.f91b48763da
- [ux]
Updates the body font size to use a typography token. This is a no-op change as the typography
theme is not active.2d3b7c04afb
- Enroll
@atlaskit/css-reset to push model consumption8e0b1456821
- Migrated
use of gridSize
to space tokens where possible. There is no expected visual or behaviour change.718d5ad3044
- Updates
to support the new @atlaskit/tokens
theming API.6455cf006b3
- Builds
for this package now pass through a tokens babel plugin, removing runtime invocations of the
tokens() function and improving performance.8cc2f888c83
- Upgrade
Typescript from 4.3.5
to 4.5.5
8d4228767b0
- Upgrade
Typescript from 4.2.4
to 4.3.5
.70968c17cc9
- Remove
invalid selectors and associated rulescb2392f6d33
- Upgrade
to TypeScript 4.2.42d430dae7d2
- Removes
<template /> override for IE11.19d72473dfb
- Updates
usage of deprecated token names so they're aligned with the latest naming conventions. No UI or
visual changes02a2f889019
- Removes
css that sets the SVG text element's color styles5168407f185
- Fixes an
issue in the CSS reset where the SVG text element didn't inherit the correct reset styles.b8fd2911013
- [ux]
Reduced motion styles that were causing layout flickers have been removed.f460cc7c411
- Builds
for this package now pass through a tokens babel plugin, removing runtime invocations of the
tokens() function and improving bundle size.5b605d39119
-
Scrollbars now respect theme selectionfd7b67c606a
- [ux] The
reset now uses focus-visible (if supported) instead of styling :focus directly.92620c3aa0d
- [ux]
Reduced motion support has been added to the CSS reset.950a744a150
- [ux]
Color values now sourced through tokens.d3265f19be
- Transpile
packages using babel rather than tsccdfd30ef56
- Bumping
dep for fbjs util and moving it to a devDep for css-reset5f58283e1f
- Export
types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules
compiler option. This requires version 3.8 of Typescript, read more about how we handle Typescript
versions here: https://atlaskit.atlassian.com/get-started Also add typescript
to
devDependencies
to denote version that the package was built with.#3885
6c525a8229
- Upgraded
to TypeScript 3.9.6 and tslib to 2.0.0
Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade to prevent duplicates of tslib being bundled.
87f4720f27
- Officially
dropping IE11 support, from this version onwards there are no warranties of the package working in
IE11. For more information see:
https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/3953482a7c30a60
- The
module:es2019 field for css-reset should also point to bundle.css instead of a js filec2dbd2384c
- FIX:
Override for the default button font style introduced in latest Chrome 83.x.x.x[patch]6548261c9a:
Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies 6548261c9a:
[patch]35d2229b2a:
Adding missing license to packages and update to Copyright 2019 Atlassian Pty Ltd.
[patch]097b696613:
Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving non-relative imports as relative imports
[patch]ecca4d1dbb:
Upgraded Typescript to 3.3.x
[patch]de35ce8c67:
Updates component maintainers
[patch]f34776be97:
Type definition files are now referenced in package.json
[patch]bbff8a7d87:
Fixes bug, missing version.json file
[patch]18dfac7332:
In this PR, we are:
[patch]7cf5934805:
Update pkg.module to be same as pkg.main = dist/bundle.css
[patch]20da6280cb:
Replace babel/node with ts-node for building css
[major]bfb006f65a:
[patch]52868d4352:
<small>
elements[major]7c17b35107:
[patch]6c0d9da30e:
[patch]ef9931d: