@atlaskit/primitives 14.12.3 → 14.13.0

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 (9) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/cjs/xcss/style-maps.partial.js +3 -2
  3. package/dist/es2019/xcss/style-maps.partial.js +3 -2
  4. package/dist/esm/xcss/style-maps.partial.js +3 -2
  5. package/dist/types/xcss/style-maps.partial.d.ts +3 -2
  6. package/dist/types/xcss/xcss.d.ts +9 -0
  7. package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +3 -2
  8. package/dist/types-ts4.5/xcss/xcss.d.ts +9 -0
  9. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 14.13.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`b2cbc15f17d6a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b2cbc15f17d6a) -
8
+ Added `radius.tile` token to be used exclusively for creating tiles.
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+
3
14
  ## 14.12.3
4
15
 
5
16
  ### Patch Changes
package/dist/cjs/xcss/style-maps.partial.js CHANGED
@@ -474,11 +474,11 @@ var layerMap = exports.layerMap = {
474
474
 
475
475
  /**
476
476
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
477
- * @codegen <<SignedSource::71788d573ebf1ca2644ef177172c9ecf>>
477
+ * @codegen <<SignedSource::e122fbf803621e31525c85a829b8755c>>
478
478
  * @codegenId border
479
479
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
480
480
  * @codegenParams ["width", "radius"]
481
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6496556b3439a7f18f8b7a7a3ec59bb9>>
481
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::4713f1e2c0d199b832b10fd3c9dd214b>>
482
482
  */
483
483
  var borderWidthMap = exports.borderWidthMap = {
484
484
  'border.width': "var(--ds-border-width, 1px)",
@@ -498,6 +498,7 @@ var borderRadiusMap = exports.borderRadiusMap = {
498
498
  'radius.large': "var(--ds-radius-large, 8px)",
499
499
  'radius.xlarge': "var(--ds-radius-xlarge, 12px)",
500
500
  'radius.full': "var(--ds-radius-full, 9999px)",
501
+ 'radius.tile': "var(--ds-radius-tile, 25%)",
501
502
  // @deprecated
502
503
  'border.radius': "var(--ds-border-radius, 3px)",
503
504
  // @deprecated
package/dist/es2019/xcss/style-maps.partial.js CHANGED
@@ -469,11 +469,11 @@ export const layerMap = {
469
469
 
470
470
  /**
471
471
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
472
- * @codegen <<SignedSource::71788d573ebf1ca2644ef177172c9ecf>>
472
+ * @codegen <<SignedSource::e122fbf803621e31525c85a829b8755c>>
473
473
  * @codegenId border
474
474
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
475
475
  * @codegenParams ["width", "radius"]
476
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6496556b3439a7f18f8b7a7a3ec59bb9>>
476
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::4713f1e2c0d199b832b10fd3c9dd214b>>
477
477
  */
478
478
  export const borderWidthMap = {
479
479
  'border.width': "var(--ds-border-width, 1px)",
@@ -493,6 +493,7 @@ export const borderRadiusMap = {
493
493
  'radius.large': "var(--ds-radius-large, 8px)",
494
494
  'radius.xlarge': "var(--ds-radius-xlarge, 12px)",
495
495
  'radius.full': "var(--ds-radius-full, 9999px)",
496
+ 'radius.tile': "var(--ds-radius-tile, 25%)",
496
497
  // @deprecated
497
498
  'border.radius': "var(--ds-border-radius, 3px)",
498
499
  // @deprecated
package/dist/esm/xcss/style-maps.partial.js CHANGED
@@ -469,11 +469,11 @@ export var layerMap = {
469
469
 
470
470
  /**
471
471
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
472
- * @codegen <<SignedSource::71788d573ebf1ca2644ef177172c9ecf>>
472
+ * @codegen <<SignedSource::e122fbf803621e31525c85a829b8755c>>
473
473
  * @codegenId border
474
474
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
475
475
  * @codegenParams ["width", "radius"]
476
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6496556b3439a7f18f8b7a7a3ec59bb9>>
476
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::4713f1e2c0d199b832b10fd3c9dd214b>>
477
477
  */
478
478
  export var borderWidthMap = {
479
479
  'border.width': "var(--ds-border-width, 1px)",
@@ -493,6 +493,7 @@ export var borderRadiusMap = {
493
493
  'radius.large': "var(--ds-radius-large, 8px)",
494
494
  'radius.xlarge': "var(--ds-radius-xlarge, 12px)",
495
495
  'radius.full': "var(--ds-radius-full, 9999px)",
496
+ 'radius.tile': "var(--ds-radius-tile, 25%)",
496
497
  // @deprecated
497
498
  'border.radius': "var(--ds-border-radius, 3px)",
498
499
  // @deprecated
package/dist/types/xcss/style-maps.partial.d.ts CHANGED
@@ -493,11 +493,11 @@ export type Layer = keyof typeof layerMap;
493
493
  */
494
494
  /**
495
495
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
496
- * @codegen <<SignedSource::71788d573ebf1ca2644ef177172c9ecf>>
496
+ * @codegen <<SignedSource::e122fbf803621e31525c85a829b8755c>>
497
497
  * @codegenId border
498
498
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
499
499
  * @codegenParams ["width", "radius"]
500
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6496556b3439a7f18f8b7a7a3ec59bb9>>
500
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::4713f1e2c0d199b832b10fd3c9dd214b>>
501
501
  */
502
502
  export declare const borderWidthMap: {
503
503
  readonly 'border.width': "var(--ds-border-width)";
@@ -515,6 +515,7 @@ export declare const borderRadiusMap: {
515
515
  readonly 'radius.large': "var(--ds-radius-large)";
516
516
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
517
517
  readonly 'radius.full': "var(--ds-radius-full)";
518
+ readonly 'radius.tile': "var(--ds-radius-tile)";
518
519
  readonly 'border.radius': "var(--ds-border-radius)";
519
520
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
520
521
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
package/dist/types/xcss/xcss.d.ts CHANGED
@@ -344,6 +344,7 @@ export declare const tokensMap: {
344
344
  readonly 'radius.large': "var(--ds-radius-large)";
345
345
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
346
346
  readonly 'radius.full': "var(--ds-radius-full)";
347
+ readonly 'radius.tile': "var(--ds-radius-tile)";
347
348
  readonly 'border.radius': "var(--ds-border-radius)";
348
349
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
349
350
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -359,6 +360,7 @@ export declare const tokensMap: {
359
360
  readonly 'radius.large': "var(--ds-radius-large)";
360
361
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
361
362
  readonly 'radius.full': "var(--ds-radius-full)";
363
+ readonly 'radius.tile': "var(--ds-radius-tile)";
362
364
  readonly 'border.radius': "var(--ds-border-radius)";
363
365
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
364
366
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -407,6 +409,7 @@ export declare const tokensMap: {
407
409
  readonly 'radius.large': "var(--ds-radius-large)";
408
410
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
409
411
  readonly 'radius.full': "var(--ds-radius-full)";
412
+ readonly 'radius.tile': "var(--ds-radius-tile)";
410
413
  readonly 'border.radius': "var(--ds-border-radius)";
411
414
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
412
415
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -422,6 +425,7 @@ export declare const tokensMap: {
422
425
  readonly 'radius.large': "var(--ds-radius-large)";
423
426
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
424
427
  readonly 'radius.full': "var(--ds-radius-full)";
428
+ readonly 'radius.tile': "var(--ds-radius-tile)";
425
429
  readonly 'border.radius': "var(--ds-border-radius)";
426
430
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
427
431
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -569,6 +573,7 @@ export declare const tokensMap: {
569
573
  readonly 'radius.large': "var(--ds-radius-large)";
570
574
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
571
575
  readonly 'radius.full': "var(--ds-radius-full)";
576
+ readonly 'radius.tile': "var(--ds-radius-tile)";
572
577
  readonly 'border.radius': "var(--ds-border-radius)";
573
578
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
574
579
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -617,6 +622,7 @@ export declare const tokensMap: {
617
622
  readonly 'radius.large': "var(--ds-radius-large)";
618
623
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
619
624
  readonly 'radius.full': "var(--ds-radius-full)";
625
+ readonly 'radius.tile': "var(--ds-radius-tile)";
620
626
  readonly 'border.radius': "var(--ds-border-radius)";
621
627
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
622
628
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -632,6 +638,7 @@ export declare const tokensMap: {
632
638
  readonly 'radius.large': "var(--ds-radius-large)";
633
639
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
634
640
  readonly 'radius.full': "var(--ds-radius-full)";
641
+ readonly 'radius.tile': "var(--ds-radius-tile)";
635
642
  readonly 'border.radius': "var(--ds-border-radius)";
636
643
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
637
644
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -672,6 +679,7 @@ export declare const tokensMap: {
672
679
  readonly 'radius.large': "var(--ds-radius-large)";
673
680
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
674
681
  readonly 'radius.full': "var(--ds-radius-full)";
682
+ readonly 'radius.tile': "var(--ds-radius-tile)";
675
683
  readonly 'border.radius': "var(--ds-border-radius)";
676
684
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
677
685
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -687,6 +695,7 @@ export declare const tokensMap: {
687
695
  readonly 'radius.large': "var(--ds-radius-large)";
688
696
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
689
697
  readonly 'radius.full': "var(--ds-radius-full)";
698
+ readonly 'radius.tile': "var(--ds-radius-tile)";
690
699
  readonly 'border.radius': "var(--ds-border-radius)";
691
700
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
692
701
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
package/dist/types-ts4.5/xcss/style-maps.partial.d.ts CHANGED
@@ -493,11 +493,11 @@ export type Layer = keyof typeof layerMap;
493
493
  */
494
494
  /**
495
495
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
496
- * @codegen <<SignedSource::71788d573ebf1ca2644ef177172c9ecf>>
496
+ * @codegen <<SignedSource::e122fbf803621e31525c85a829b8755c>>
497
497
  * @codegenId border
498
498
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
499
499
  * @codegenParams ["width", "radius"]
500
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6496556b3439a7f18f8b7a7a3ec59bb9>>
500
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::4713f1e2c0d199b832b10fd3c9dd214b>>
501
501
  */
502
502
  export declare const borderWidthMap: {
503
503
  readonly 'border.width': "var(--ds-border-width)";
@@ -515,6 +515,7 @@ export declare const borderRadiusMap: {
515
515
  readonly 'radius.large': "var(--ds-radius-large)";
516
516
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
517
517
  readonly 'radius.full': "var(--ds-radius-full)";
518
+ readonly 'radius.tile': "var(--ds-radius-tile)";
518
519
  readonly 'border.radius': "var(--ds-border-radius)";
519
520
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
520
521
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
package/dist/types-ts4.5/xcss/xcss.d.ts CHANGED
@@ -344,6 +344,7 @@ export declare const tokensMap: {
344
344
  readonly 'radius.large': "var(--ds-radius-large)";
345
345
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
346
346
  readonly 'radius.full': "var(--ds-radius-full)";
347
+ readonly 'radius.tile': "var(--ds-radius-tile)";
347
348
  readonly 'border.radius': "var(--ds-border-radius)";
348
349
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
349
350
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -359,6 +360,7 @@ export declare const tokensMap: {
359
360
  readonly 'radius.large': "var(--ds-radius-large)";
360
361
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
361
362
  readonly 'radius.full': "var(--ds-radius-full)";
363
+ readonly 'radius.tile': "var(--ds-radius-tile)";
362
364
  readonly 'border.radius': "var(--ds-border-radius)";
363
365
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
364
366
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -407,6 +409,7 @@ export declare const tokensMap: {
407
409
  readonly 'radius.large': "var(--ds-radius-large)";
408
410
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
409
411
  readonly 'radius.full': "var(--ds-radius-full)";
412
+ readonly 'radius.tile': "var(--ds-radius-tile)";
410
413
  readonly 'border.radius': "var(--ds-border-radius)";
411
414
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
412
415
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -422,6 +425,7 @@ export declare const tokensMap: {
422
425
  readonly 'radius.large': "var(--ds-radius-large)";
423
426
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
424
427
  readonly 'radius.full': "var(--ds-radius-full)";
428
+ readonly 'radius.tile': "var(--ds-radius-tile)";
425
429
  readonly 'border.radius': "var(--ds-border-radius)";
426
430
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
427
431
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -569,6 +573,7 @@ export declare const tokensMap: {
569
573
  readonly 'radius.large': "var(--ds-radius-large)";
570
574
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
571
575
  readonly 'radius.full': "var(--ds-radius-full)";
576
+ readonly 'radius.tile': "var(--ds-radius-tile)";
572
577
  readonly 'border.radius': "var(--ds-border-radius)";
573
578
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
574
579
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -617,6 +622,7 @@ export declare const tokensMap: {
617
622
  readonly 'radius.large': "var(--ds-radius-large)";
618
623
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
619
624
  readonly 'radius.full': "var(--ds-radius-full)";
625
+ readonly 'radius.tile': "var(--ds-radius-tile)";
620
626
  readonly 'border.radius': "var(--ds-border-radius)";
621
627
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
622
628
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -632,6 +638,7 @@ export declare const tokensMap: {
632
638
  readonly 'radius.large': "var(--ds-radius-large)";
633
639
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
634
640
  readonly 'radius.full': "var(--ds-radius-full)";
641
+ readonly 'radius.tile': "var(--ds-radius-tile)";
635
642
  readonly 'border.radius': "var(--ds-border-radius)";
636
643
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
637
644
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -672,6 +679,7 @@ export declare const tokensMap: {
672
679
  readonly 'radius.large': "var(--ds-radius-large)";
673
680
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
674
681
  readonly 'radius.full': "var(--ds-radius-full)";
682
+ readonly 'radius.tile': "var(--ds-radius-tile)";
675
683
  readonly 'border.radius': "var(--ds-border-radius)";
676
684
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
677
685
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -687,6 +695,7 @@ export declare const tokensMap: {
687
695
  readonly 'radius.large': "var(--ds-radius-large)";
688
696
  readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
689
697
  readonly 'radius.full': "var(--ds-radius-full)";
698
+ readonly 'radius.tile': "var(--ds-radius-tile)";
690
699
  readonly 'border.radius': "var(--ds-border-radius)";
691
700
  readonly 'border.radius.050': "var(--ds-border-radius-050)";
692
701
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "14.12.3",
3
+ "version": "14.13.0",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -134,11 +134,11 @@
134
134
  "dependencies": {
135
135
  "@atlaskit/analytics-next": "^11.1.0",
136
136
  "@atlaskit/app-provider": "^3.1.0",
137
- "@atlaskit/css": "^0.12.0",
137
+ "@atlaskit/css": "^0.13.0",
138
138
  "@atlaskit/ds-lib": "^5.0.0",
139
139
  "@atlaskit/interaction-context": "^3.0.0",
140
140
  "@atlaskit/platform-feature-flags": "^1.1.0",
141
- "@atlaskit/tokens": "^6.1.0",
141
+ "@atlaskit/tokens": "^6.2.0",
142
142
  "@atlaskit/visually-hidden": "^3.0.0",
143
143
  "@babel/runtime": "^7.0.0",
144
144
  "@compiled/react": "^0.18.3",