@atlaskit/css 0.14.4 → 0.15.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/css
2
2
 
3
+ ## 0.15.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`75ba0401c1743`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/75ba0401c1743) -
8
+ Internal changes.
9
+ - Updated dependencies
10
+
11
+ ## 0.15.0
12
+
13
+ ### Minor Changes
14
+
15
+ - [`d65b31774de31`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d65b31774de31) -
16
+ Removed deprecated border radius and border width tokens from CSS type.
17
+
18
+ ### Patch Changes
19
+
20
+ - Updated dependencies
21
+
3
22
  ## 0.14.4
4
23
 
5
24
  ### Patch Changes
@@ -325,7 +344,6 @@
325
344
  - [#138792](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/138792)
326
345
  [`59c6812e1be91`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/59c6812e1be91) -
327
346
  Update the @atlaskit/css schema to include:
328
-
329
347
  - `border` and `font` shorthand token values
330
348
  - Background and color `-hovered` and `-pressed` tokens are available in the non-psuedo-states for
331
349
  patterns like `<div css={[isHovered && hoveredStyles]} />`
@@ -1256,27 +1256,18 @@ export type Layer = keyof typeof layerMap;
1256
1256
 
1257
1257
  /**
1258
1258
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
1259
- * @codegen <<SignedSource::4d0bfc4c706b9fbda2e8a4c73134354e>>
1259
+ * @codegen <<SignedSource::a9118f8ed93d943746fd7e932ce5a639>>
1260
1260
  * @codegenId border
1261
1261
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
1262
1262
  * @codegenParams ["width", "radius"]
1263
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::c4d3b4472a9cb61697f29cba3433c11f>>
1263
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::45e4ecb92a72445f508219ea6a5f056a>>
1264
1264
  */
1265
1265
  export const borderWidthMap: {
1266
1266
  'border.width': 'var(--ds-border-width)';
1267
- 'border.width.0': 'var(--ds-border-width-0)';
1268
- 'border.width.indicator': 'var(--ds-border-width-indicator)';
1269
- 'border.width.outline': 'var(--ds-border-width-outline)';
1270
1267
  'border.width.selected': 'var(--ds-border-width-selected)';
1271
1268
  'border.width.focused': 'var(--ds-border-width-focused)';
1272
1269
  } = {
1273
1270
  'border.width': token('border.width', '1px'),
1274
- // @deprecated
1275
- 'border.width.0': token('border.width.0', '0px'),
1276
- // @deprecated
1277
- 'border.width.indicator': token('border.width.indicator', '3px'),
1278
- // @deprecated
1279
- 'border.width.outline': token('border.width.outline', '2px'),
1280
1271
  'border.width.selected': token('border.width.selected', '2px'),
1281
1272
  'border.width.focused': token('border.width.focused', '2px'),
1282
1273
  };
@@ -1291,13 +1282,6 @@ export const borderRadiusMap: {
1291
1282
  'radius.xlarge': 'var(--ds-radius-xlarge)';
1292
1283
  'radius.full': 'var(--ds-radius-full)';
1293
1284
  'radius.tile': 'var(--ds-radius-tile)';
1294
- 'border.radius': 'var(--ds-border-radius)';
1295
- 'border.radius.050': 'var(--ds-border-radius-050)';
1296
- 'border.radius.100': 'var(--ds-border-radius-100)';
1297
- 'border.radius.200': 'var(--ds-border-radius-200)';
1298
- 'border.radius.300': 'var(--ds-border-radius-300)';
1299
- 'border.radius.400': 'var(--ds-border-radius-400)';
1300
- 'border.radius.circle': 'var(--ds-border-radius-circle)';
1301
1285
  } = {
1302
1286
  'radius.xsmall': token('radius.xsmall', '2px'),
1303
1287
  'radius.small': token('radius.small', '3px'),
@@ -1306,20 +1290,6 @@ export const borderRadiusMap: {
1306
1290
  'radius.xlarge': token('radius.xlarge', '12px'),
1307
1291
  'radius.full': token('radius.full', '9999px'),
1308
1292
  'radius.tile': token('radius.tile', '25%'),
1309
- // @deprecated
1310
- 'border.radius': token('border.radius', '3px'),
1311
- // @deprecated
1312
- 'border.radius.050': token('border.radius.050', '2px'),
1313
- // @deprecated
1314
- 'border.radius.100': token('border.radius.100', '3px'),
1315
- // @deprecated
1316
- 'border.radius.200': token('border.radius.200', '8px'),
1317
- // @deprecated
1318
- 'border.radius.300': token('border.radius.300', '12px'),
1319
- // @deprecated
1320
- 'border.radius.400': token('border.radius.400', '16px'),
1321
- // @deprecated
1322
- 'border.radius.circle': token('border.radius.circle', '9999px'),
1323
1293
  };
1324
1294
 
1325
1295
  export type BorderRadius = keyof typeof borderRadiusMap;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/css",
3
- "version": "0.14.4",
3
+ "version": "0.15.1",
4
4
  "description": "Style components backed by Atlassian Design System design tokens powered by Compiled CSS-in-JS.",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -44,9 +44,9 @@
44
44
  ],
45
45
  "atlaskit:src": "src/index.tsx",
46
46
  "dependencies": {
47
- "@atlaskit/tokens": "^6.4.0",
47
+ "@atlaskit/tokens": "^7.0.0",
48
48
  "@babel/runtime": "^7.0.0",
49
- "@compiled/react": "^0.18.3"
49
+ "@compiled/react": "^0.18.6"
50
50
  },
51
51
  "peerDependencies": {
52
52
  "react": "^18.2.0"
@@ -55,7 +55,7 @@
55
55
  "@af/visual-regression": "workspace:^",
56
56
  "@atlaskit/button": "^23.5.0",
57
57
  "@atlaskit/ds-lib": "^5.1.0",
58
- "@atlaskit/primitives": "^14.15.0",
58
+ "@atlaskit/primitives": "^15.0.0",
59
59
  "@emotion/react": "^11.7.1",
60
60
  "@testing-library/react": "^13.4.0",
61
61
  "@types/jscodeshift": "^0.11.0",