@atlaskit/primitives 14.15.4 → 15.0.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.
- package/CHANGELOG.md +19 -0
- package/dist/cjs/xcss/style-maps.partial.js +3 -23
- package/dist/es2019/xcss/style-maps.partial.js +3 -23
- package/dist/esm/xcss/style-maps.partial.js +3 -23
- package/dist/types/responsive/constants.d.ts +24 -24
- package/dist/types/xcss/style-maps.partial.d.ts +2 -12
- package/dist/types/xcss/xcss.d.ts +91 -1751
- package/dist/types-ts4.5/responsive/constants.d.ts +24 -24
- package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +2 -12
- package/dist/types-ts4.5/xcss/xcss.d.ts +91 -1751
- package/package.json +8 -8
- package/scripts/shape-codegen-template.tsx +3 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @atlaskit/primitives
|
|
2
2
|
|
|
3
|
+
## 15.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [`d65b31774de31`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d65b31774de31) -
|
|
8
|
+
Removed deprecated border radius and border width tokens from xcss type.
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
14
|
+
## 14.15.5
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- [`9d6e4b66e81f9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9d6e4b66e81f9) -
|
|
19
|
+
Internal changes.
|
|
20
|
+
- Updated dependencies
|
|
21
|
+
|
|
3
22
|
## 14.15.4
|
|
4
23
|
|
|
5
24
|
### Patch Changes
|
|
@@ -474,20 +474,14 @@ 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::
|
|
477
|
+
* @codegen <<SignedSource::dc59452c62abcdabe4029b664d7037e1>>
|
|
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::
|
|
481
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::c4d3b4472a9cb61697f29cba3433c11f>>
|
|
482
482
|
*/
|
|
483
483
|
var borderWidthMap = exports.borderWidthMap = {
|
|
484
484
|
'border.width': "var(--ds-border-width, 1px)",
|
|
485
|
-
// @deprecated
|
|
486
|
-
'border.width.0': "var(--ds-border-width-0, 0px)",
|
|
487
|
-
// @deprecated
|
|
488
|
-
'border.width.indicator': "var(--ds-border-width-indicator, 3px)",
|
|
489
|
-
// @deprecated
|
|
490
|
-
'border.width.outline': "var(--ds-border-width-outline, 2px)",
|
|
491
485
|
'border.width.selected': "var(--ds-border-width-selected, 2px)",
|
|
492
486
|
'border.width.focused': "var(--ds-border-width-focused, 2px)"
|
|
493
487
|
};
|
|
@@ -498,21 +492,7 @@ var borderRadiusMap = exports.borderRadiusMap = {
|
|
|
498
492
|
'radius.large': "var(--ds-radius-large, 8px)",
|
|
499
493
|
'radius.xlarge': "var(--ds-radius-xlarge, 12px)",
|
|
500
494
|
'radius.full': "var(--ds-radius-full, 9999px)",
|
|
501
|
-
'radius.tile': "var(--ds-radius-tile, 25%)"
|
|
502
|
-
// @deprecated
|
|
503
|
-
'border.radius': "var(--ds-border-radius, 3px)",
|
|
504
|
-
// @deprecated
|
|
505
|
-
'border.radius.050': "var(--ds-border-radius-050, 2px)",
|
|
506
|
-
// @deprecated
|
|
507
|
-
'border.radius.100': "var(--ds-border-radius-100, 3px)",
|
|
508
|
-
// @deprecated
|
|
509
|
-
'border.radius.200': "var(--ds-border-radius-200, 8px)",
|
|
510
|
-
// @deprecated
|
|
511
|
-
'border.radius.300': "var(--ds-border-radius-300, 12px)",
|
|
512
|
-
// @deprecated
|
|
513
|
-
'border.radius.400': "var(--ds-border-radius-400, 16px)",
|
|
514
|
-
// @deprecated
|
|
515
|
-
'border.radius.circle': "var(--ds-border-radius-circle, 9999px)"
|
|
495
|
+
'radius.tile': "var(--ds-radius-tile, 25%)"
|
|
516
496
|
};
|
|
517
497
|
/**
|
|
518
498
|
* @codegenEnd
|
|
@@ -469,20 +469,14 @@ 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::
|
|
472
|
+
* @codegen <<SignedSource::dc59452c62abcdabe4029b664d7037e1>>
|
|
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::
|
|
476
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::c4d3b4472a9cb61697f29cba3433c11f>>
|
|
477
477
|
*/
|
|
478
478
|
export const borderWidthMap = {
|
|
479
479
|
'border.width': "var(--ds-border-width, 1px)",
|
|
480
|
-
// @deprecated
|
|
481
|
-
'border.width.0': "var(--ds-border-width-0, 0px)",
|
|
482
|
-
// @deprecated
|
|
483
|
-
'border.width.indicator': "var(--ds-border-width-indicator, 3px)",
|
|
484
|
-
// @deprecated
|
|
485
|
-
'border.width.outline': "var(--ds-border-width-outline, 2px)",
|
|
486
480
|
'border.width.selected': "var(--ds-border-width-selected, 2px)",
|
|
487
481
|
'border.width.focused': "var(--ds-border-width-focused, 2px)"
|
|
488
482
|
};
|
|
@@ -493,21 +487,7 @@ export const borderRadiusMap = {
|
|
|
493
487
|
'radius.large': "var(--ds-radius-large, 8px)",
|
|
494
488
|
'radius.xlarge': "var(--ds-radius-xlarge, 12px)",
|
|
495
489
|
'radius.full': "var(--ds-radius-full, 9999px)",
|
|
496
|
-
'radius.tile': "var(--ds-radius-tile, 25%)"
|
|
497
|
-
// @deprecated
|
|
498
|
-
'border.radius': "var(--ds-border-radius, 3px)",
|
|
499
|
-
// @deprecated
|
|
500
|
-
'border.radius.050': "var(--ds-border-radius-050, 2px)",
|
|
501
|
-
// @deprecated
|
|
502
|
-
'border.radius.100': "var(--ds-border-radius-100, 3px)",
|
|
503
|
-
// @deprecated
|
|
504
|
-
'border.radius.200': "var(--ds-border-radius-200, 8px)",
|
|
505
|
-
// @deprecated
|
|
506
|
-
'border.radius.300': "var(--ds-border-radius-300, 12px)",
|
|
507
|
-
// @deprecated
|
|
508
|
-
'border.radius.400': "var(--ds-border-radius-400, 16px)",
|
|
509
|
-
// @deprecated
|
|
510
|
-
'border.radius.circle': "var(--ds-border-radius-circle, 9999px)"
|
|
490
|
+
'radius.tile': "var(--ds-radius-tile, 25%)"
|
|
511
491
|
};
|
|
512
492
|
/**
|
|
513
493
|
* @codegenEnd
|
|
@@ -469,20 +469,14 @@ 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::
|
|
472
|
+
* @codegen <<SignedSource::dc59452c62abcdabe4029b664d7037e1>>
|
|
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::
|
|
476
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::c4d3b4472a9cb61697f29cba3433c11f>>
|
|
477
477
|
*/
|
|
478
478
|
export var borderWidthMap = {
|
|
479
479
|
'border.width': "var(--ds-border-width, 1px)",
|
|
480
|
-
// @deprecated
|
|
481
|
-
'border.width.0': "var(--ds-border-width-0, 0px)",
|
|
482
|
-
// @deprecated
|
|
483
|
-
'border.width.indicator': "var(--ds-border-width-indicator, 3px)",
|
|
484
|
-
// @deprecated
|
|
485
|
-
'border.width.outline': "var(--ds-border-width-outline, 2px)",
|
|
486
480
|
'border.width.selected': "var(--ds-border-width-selected, 2px)",
|
|
487
481
|
'border.width.focused': "var(--ds-border-width-focused, 2px)"
|
|
488
482
|
};
|
|
@@ -493,21 +487,7 @@ export var borderRadiusMap = {
|
|
|
493
487
|
'radius.large': "var(--ds-radius-large, 8px)",
|
|
494
488
|
'radius.xlarge': "var(--ds-radius-xlarge, 12px)",
|
|
495
489
|
'radius.full': "var(--ds-radius-full, 9999px)",
|
|
496
|
-
'radius.tile': "var(--ds-radius-tile, 25%)"
|
|
497
|
-
// @deprecated
|
|
498
|
-
'border.radius': "var(--ds-border-radius, 3px)",
|
|
499
|
-
// @deprecated
|
|
500
|
-
'border.radius.050': "var(--ds-border-radius-050, 2px)",
|
|
501
|
-
// @deprecated
|
|
502
|
-
'border.radius.100': "var(--ds-border-radius-100, 3px)",
|
|
503
|
-
// @deprecated
|
|
504
|
-
'border.radius.200': "var(--ds-border-radius-200, 8px)",
|
|
505
|
-
// @deprecated
|
|
506
|
-
'border.radius.300': "var(--ds-border-radius-300, 12px)",
|
|
507
|
-
// @deprecated
|
|
508
|
-
'border.radius.400': "var(--ds-border-radius-400, 16px)",
|
|
509
|
-
// @deprecated
|
|
510
|
-
'border.radius.circle': "var(--ds-border-radius-circle, 9999px)"
|
|
490
|
+
'radius.tile': "var(--ds-radius-tile, 25%)"
|
|
511
491
|
};
|
|
512
492
|
/**
|
|
513
493
|
* @codegenEnd
|
|
@@ -8,39 +8,39 @@
|
|
|
8
8
|
*/
|
|
9
9
|
export declare const UNSAFE_BREAKPOINTS_CONFIG: {
|
|
10
10
|
readonly xxs: {
|
|
11
|
-
readonly gridItemGutter:
|
|
12
|
-
readonly gridMargin:
|
|
13
|
-
readonly min:
|
|
14
|
-
readonly max:
|
|
11
|
+
readonly gridItemGutter: 'var(--ds-space-200)';
|
|
12
|
+
readonly gridMargin: 'var(--ds-space-200)';
|
|
13
|
+
readonly min: '0rem';
|
|
14
|
+
readonly max: '29.99rem';
|
|
15
15
|
};
|
|
16
16
|
readonly xs: {
|
|
17
|
-
readonly gridItemGutter:
|
|
18
|
-
readonly gridMargin:
|
|
19
|
-
readonly min:
|
|
20
|
-
readonly max:
|
|
17
|
+
readonly gridItemGutter: 'var(--ds-space-200)';
|
|
18
|
+
readonly gridMargin: 'var(--ds-space-200)';
|
|
19
|
+
readonly min: '30rem';
|
|
20
|
+
readonly max: '47.99rem';
|
|
21
21
|
};
|
|
22
22
|
readonly sm: {
|
|
23
|
-
readonly gridItemGutter:
|
|
24
|
-
readonly gridMargin:
|
|
25
|
-
readonly min:
|
|
26
|
-
readonly max:
|
|
23
|
+
readonly gridItemGutter: 'var(--ds-space-200)';
|
|
24
|
+
readonly gridMargin: 'var(--ds-space-300)';
|
|
25
|
+
readonly min: '48rem';
|
|
26
|
+
readonly max: '63.99rem';
|
|
27
27
|
};
|
|
28
28
|
readonly md: {
|
|
29
|
-
readonly gridItemGutter:
|
|
30
|
-
readonly gridMargin:
|
|
31
|
-
readonly min:
|
|
32
|
-
readonly max:
|
|
29
|
+
readonly gridItemGutter: 'var(--ds-space-300)';
|
|
30
|
+
readonly gridMargin: 'var(--ds-space-400)';
|
|
31
|
+
readonly min: '64rem';
|
|
32
|
+
readonly max: '89.99rem';
|
|
33
33
|
};
|
|
34
34
|
readonly lg: {
|
|
35
|
-
readonly gridItemGutter:
|
|
36
|
-
readonly gridMargin:
|
|
37
|
-
readonly min:
|
|
38
|
-
readonly max:
|
|
35
|
+
readonly gridItemGutter: 'var(--ds-space-400)';
|
|
36
|
+
readonly gridMargin: 'var(--ds-space-400)';
|
|
37
|
+
readonly min: '90rem';
|
|
38
|
+
readonly max: '110.49rem';
|
|
39
39
|
};
|
|
40
40
|
readonly xl: {
|
|
41
|
-
readonly gridItemGutter:
|
|
42
|
-
readonly gridMargin:
|
|
43
|
-
readonly min:
|
|
41
|
+
readonly gridItemGutter: 'var(--ds-space-400)';
|
|
42
|
+
readonly gridMargin: 'var(--ds-space-500)';
|
|
43
|
+
readonly min: '110.5rem';
|
|
44
44
|
readonly max: null;
|
|
45
45
|
};
|
|
46
46
|
};
|
|
@@ -57,4 +57,4 @@ export declare const UNSAFE_BREAKPOINTS_ORDERED_LIST: ["xxs", "xs", "sm", "md",
|
|
|
57
57
|
* 1. It is the default value for shorthands, eg. `<GridItem span={6} />` maps to `{ [SMALLEST_BREAKPOINT]: props.span }`
|
|
58
58
|
* 2. It's omitted in `media.below` as there's nothing below `0px`.
|
|
59
59
|
*/
|
|
60
|
-
export declare const SMALLEST_BREAKPOINT:
|
|
60
|
+
export declare const SMALLEST_BREAKPOINT: 'xxs';
|
|
@@ -493,17 +493,14 @@ 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::
|
|
496
|
+
* @codegen <<SignedSource::dc59452c62abcdabe4029b664d7037e1>>
|
|
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::
|
|
500
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::c4d3b4472a9cb61697f29cba3433c11f>>
|
|
501
501
|
*/
|
|
502
502
|
export declare const borderWidthMap: {
|
|
503
503
|
'border.width': 'var(--ds-border-width)';
|
|
504
|
-
'border.width.0': 'var(--ds-border-width-0)';
|
|
505
|
-
'border.width.indicator': 'var(--ds-border-width-indicator)';
|
|
506
|
-
'border.width.outline': 'var(--ds-border-width-outline)';
|
|
507
504
|
'border.width.selected': 'var(--ds-border-width-selected)';
|
|
508
505
|
'border.width.focused': 'var(--ds-border-width-focused)';
|
|
509
506
|
};
|
|
@@ -516,13 +513,6 @@ export declare const borderRadiusMap: {
|
|
|
516
513
|
'radius.xlarge': 'var(--ds-radius-xlarge)';
|
|
517
514
|
'radius.full': 'var(--ds-radius-full)';
|
|
518
515
|
'radius.tile': 'var(--ds-radius-tile)';
|
|
519
|
-
'border.radius': 'var(--ds-border-radius)';
|
|
520
|
-
'border.radius.050': 'var(--ds-border-radius-050)';
|
|
521
|
-
'border.radius.100': 'var(--ds-border-radius-100)';
|
|
522
|
-
'border.radius.200': 'var(--ds-border-radius-200)';
|
|
523
|
-
'border.radius.300': 'var(--ds-border-radius-300)';
|
|
524
|
-
'border.radius.400': 'var(--ds-border-radius-400)';
|
|
525
|
-
'border.radius.circle': 'var(--ds-border-radius-circle)';
|
|
526
516
|
};
|
|
527
517
|
export type BorderRadius = keyof typeof borderRadiusMap;
|
|
528
518
|
/**
|