@atlaskit/css 0.19.0 → 0.19.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.
Files changed (3) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/codemods/0.5.2-primitives-emotion-to-compiled/style-maps.partial.tsx +29 -29
  3. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/css
2
2
 
3
+ ## 0.19.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`f111803c4e253`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f111803c4e253) -
8
+ Updating typography fallbacks to refreshed typography values as the deprecated legacy typography
9
+ theme has been removed.
10
+ - Updated dependencies
11
+
3
12
  ## 0.19.0
4
13
 
5
14
  ### Minor Changes
package/codemods/0.5.2-primitives-emotion-to-compiled/style-maps.partial.tsx CHANGED
@@ -1373,7 +1373,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
1373
1373
 
1374
1374
  /**
1375
1375
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
1376
- * @codegen <<SignedSource::ab32bc819d015e7451c245e6a77eba28>>
1376
+ * @codegen <<SignedSource::f81d01fb664f365972ac87a2be86aba6>>
1377
1377
  * @codegenId typography
1378
1378
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
1379
1379
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
@@ -1399,63 +1399,63 @@ export const fontMap: {
1399
1399
  } = {
1400
1400
  'font.body': token(
1401
1401
  'font.body',
1402
- 'normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1402
+ 'normal 400 14px/20px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1403
1403
  ),
1404
1404
  'font.body.UNSAFE_small': token(
1405
1405
  'font.body.UNSAFE_small',
1406
- 'normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1406
+ 'normal 400 12px/16px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1407
1407
  ),
1408
1408
  'font.body.large': token(
1409
1409
  'font.body.large',
1410
- 'normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1410
+ 'normal 400 16px/24px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1411
1411
  ),
1412
1412
  'font.body.small': token(
1413
1413
  'font.body.small',
1414
- 'normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1414
+ 'normal 400 12px/16px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1415
1415
  ),
1416
1416
  'font.code': token(
1417
1417
  'font.code',
1418
- 'normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
1418
+ 'normal 400 0.875em/1 "Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
1419
1419
  ),
1420
1420
  'font.heading.large': token(
1421
1421
  'font.heading.large',
1422
- 'normal 500 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1422
+ 'normal 653 24px/28px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1423
1423
  ),
1424
1424
  'font.heading.medium': token(
1425
1425
  'font.heading.medium',
1426
- 'normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1426
+ 'normal 653 20px/24px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1427
1427
  ),
1428
1428
  'font.heading.small': token(
1429
1429
  'font.heading.small',
1430
- 'normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1430
+ 'normal 653 16px/20px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1431
1431
  ),
1432
1432
  'font.heading.xlarge': token(
1433
1433
  'font.heading.xlarge',
1434
- 'normal 600 29px/32px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1434
+ 'normal 653 28px/32px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1435
1435
  ),
1436
1436
  'font.heading.xsmall': token(
1437
1437
  'font.heading.xsmall',
1438
- 'normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1438
+ 'normal 653 14px/20px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1439
1439
  ),
1440
1440
  'font.heading.xxlarge': token(
1441
1441
  'font.heading.xxlarge',
1442
- 'normal 500 35px/40px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1442
+ 'normal 653 32px/36px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1443
1443
  ),
1444
1444
  'font.heading.xxsmall': token(
1445
1445
  'font.heading.xxsmall',
1446
- 'normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1446
+ 'normal 653 12px/16px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1447
1447
  ),
1448
1448
  'font.metric.large': token(
1449
1449
  'font.metric.large',
1450
- 'normal 653 28px/32px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1450
+ 'normal 653 28px/32px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1451
1451
  ),
1452
1452
  'font.metric.medium': token(
1453
1453
  'font.metric.medium',
1454
- 'normal 653 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1454
+ 'normal 653 24px/28px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1455
1455
  ),
1456
1456
  'font.metric.small': token(
1457
1457
  'font.metric.small',
1458
- 'normal 653 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1458
+ 'normal 653 16px/20px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1459
1459
  ),
1460
1460
  };
1461
1461
 
@@ -1467,7 +1467,7 @@ export const fontWeightMap: {
1467
1467
  'font.weight.regular': 'var(--ds-font-weight-regular)';
1468
1468
  'font.weight.semibold': 'var(--ds-font-weight-semibold)';
1469
1469
  } = {
1470
- 'font.weight.bold': token('font.weight.bold', '700'),
1470
+ 'font.weight.bold': token('font.weight.bold', '653'),
1471
1471
  'font.weight.medium': token('font.weight.medium', '500'),
1472
1472
  'font.weight.regular': token('font.weight.regular', '400'),
1473
1473
  'font.weight.semibold': token('font.weight.semibold', '600'),
@@ -1484,7 +1484,7 @@ export const fontFamilyMap: {
1484
1484
  } = {
1485
1485
  'font.family.body': token(
1486
1486
  'font.family.body',
1487
- 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1487
+ '"Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1488
1488
  ),
1489
1489
  'font.family.brand.body': token(
1490
1490
  'font.family.brand.body',
@@ -1496,11 +1496,11 @@ export const fontFamilyMap: {
1496
1496
  ),
1497
1497
  'font.family.code': token(
1498
1498
  'font.family.code',
1499
- 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
1499
+ '"Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
1500
1500
  ),
1501
1501
  'font.family.heading': token(
1502
1502
  'font.family.heading',
1503
- 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1503
+ '"Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1504
1504
  ),
1505
1505
  };
1506
1506
 
@@ -1512,7 +1512,7 @@ export type FontFamily = keyof typeof fontFamilyMap;
1512
1512
 
1513
1513
  /**
1514
1514
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
1515
- * @codegen <<SignedSource::379f638b84496f34817234c7f3c58f74>>
1515
+ * @codegen <<SignedSource::aeebc24b95e2189021f1d98f1715a6a0>>
1516
1516
  * @codegenId text
1517
1517
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
1518
1518
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
@@ -1526,19 +1526,19 @@ export const textSizeMap: {
1526
1526
  } = {
1527
1527
  medium: token(
1528
1528
  'font.body',
1529
- 'normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1529
+ 'normal 400 14px/20px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1530
1530
  ),
1531
1531
  UNSAFE_small: token(
1532
1532
  'font.body.UNSAFE_small',
1533
- 'normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1533
+ 'normal 400 12px/16px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1534
1534
  ),
1535
1535
  large: token(
1536
1536
  'font.body.large',
1537
- 'normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1537
+ 'normal 400 16px/24px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1538
1538
  ),
1539
1539
  small: token(
1540
1540
  'font.body.small',
1541
- 'normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1541
+ 'normal 400 12px/16px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1542
1542
  ),
1543
1543
  };
1544
1544
 
@@ -1550,7 +1550,7 @@ export const textWeightMap: {
1550
1550
  regular: 'var(--ds-font-weight-regular)';
1551
1551
  semibold: 'var(--ds-font-weight-semibold)';
1552
1552
  } = {
1553
- bold: token('font.weight.bold', '700'),
1553
+ bold: token('font.weight.bold', '653'),
1554
1554
  medium: token('font.weight.medium', '500'),
1555
1555
  regular: token('font.weight.regular', '400'),
1556
1556
  semibold: token('font.weight.semibold', '600'),
@@ -1565,15 +1565,15 @@ export const metricTextSizeMap: {
1565
1565
  } = {
1566
1566
  large: token(
1567
1567
  'font.metric.large',
1568
- 'normal 653 28px/32px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1568
+ 'normal 653 28px/32px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1569
1569
  ),
1570
1570
  medium: token(
1571
1571
  'font.metric.medium',
1572
- 'normal 653 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1572
+ 'normal 653 24px/28px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1573
1573
  ),
1574
1574
  small: token(
1575
1575
  'font.metric.small',
1576
- 'normal 653 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1576
+ 'normal 653 16px/20px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1577
1577
  ),
1578
1578
  };
1579
1579
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/css",
3
- "version": "0.19.0",
3
+ "version": "0.19.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,7 +44,7 @@
44
44
  ],
45
45
  "atlaskit:src": "src/index.tsx",
46
46
  "dependencies": {
47
- "@atlaskit/tokens": "^9.0.0",
47
+ "@atlaskit/tokens": "^10.0.0",
48
48
  "@babel/runtime": "^7.0.0",
49
49
  "@compiled/react": "^0.18.6"
50
50
  },
@@ -55,9 +55,9 @@
55
55
  "@af/visual-regression": "workspace:^",
56
56
  "@atlaskit/button": "^23.9.0",
57
57
  "@atlaskit/ds-lib": "^5.3.0",
58
- "@atlaskit/primitives": "^17.0.0",
58
+ "@atlaskit/primitives": "^17.1.0",
59
59
  "@emotion/react": "^11.7.1",
60
- "@testing-library/react": "^13.4.0",
60
+ "@testing-library/react": "^16.3.0",
61
61
  "@types/jscodeshift": "^0.11.0",
62
62
  "jscodeshift": "^17.0.0",
63
63
  "react-dom": "^18.2.0"