@atlaskit/primitives 14.15.1 → 14.15.2
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 +8 -0
- package/dist/cjs/compiled/components/anchor.js +1 -1
- package/dist/cjs/compiled/components/pressable.js +1 -1
- package/dist/cjs/components/anchor.js +1 -1
- package/dist/cjs/components/pressable.js +1 -1
- package/dist/cjs/xcss/style-maps.partial.js +10 -10
- package/dist/es2019/compiled/components/anchor.js +1 -1
- package/dist/es2019/compiled/components/pressable.js +1 -1
- package/dist/es2019/components/anchor.js +1 -1
- package/dist/es2019/components/pressable.js +1 -1
- package/dist/es2019/xcss/style-maps.partial.js +10 -10
- package/dist/esm/compiled/components/anchor.js +1 -1
- package/dist/esm/compiled/components/pressable.js +1 -1
- package/dist/esm/components/anchor.js +1 -1
- package/dist/esm/components/pressable.js +1 -1
- package/dist/esm/xcss/style-maps.partial.js +10 -10
- package/dist/types/xcss/style-maps.partial.d.ts +10 -10
- package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +10 -10
- package/package.json +6 -6
- package/scripts/inverse-color-map-template.tsx +7 -8
- package/scripts/shape-codegen-template.tsx +3 -2
- package/scripts/spacing-codegen-template.tsx +4 -4
- package/scripts/text-codegen-template.tsx +4 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/primitives
|
|
2
2
|
|
|
3
|
+
## 14.15.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`c72a8190e4e4f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c72a8190e4e4f) -
|
|
8
|
+
add types to generated code for tokens
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 14.15.1
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -70,7 +70,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
70
70
|
action: 'clicked',
|
|
71
71
|
componentName: componentName || 'Anchor',
|
|
72
72
|
packageName: "@atlaskit/primitives",
|
|
73
|
-
packageVersion: "
|
|
73
|
+
packageVersion: "0.0.0-development",
|
|
74
74
|
analyticsData: analyticsContext,
|
|
75
75
|
actionSubject: 'link'
|
|
76
76
|
});
|
|
@@ -61,7 +61,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
61
61
|
action: 'clicked',
|
|
62
62
|
componentName: componentName || 'Pressable',
|
|
63
63
|
packageName: "@atlaskit/primitives",
|
|
64
|
-
packageVersion: "
|
|
64
|
+
packageVersion: "0.0.0-development",
|
|
65
65
|
analyticsData: analyticsContext,
|
|
66
66
|
actionSubject: 'button'
|
|
67
67
|
});
|
|
@@ -105,7 +105,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
105
105
|
action: 'clicked',
|
|
106
106
|
componentName: componentName || 'Anchor',
|
|
107
107
|
packageName: "@atlaskit/primitives",
|
|
108
|
-
packageVersion: "
|
|
108
|
+
packageVersion: "0.0.0-development",
|
|
109
109
|
analyticsData: analyticsContext,
|
|
110
110
|
actionSubject: 'link'
|
|
111
111
|
});
|
|
@@ -97,7 +97,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
97
97
|
action: 'clicked',
|
|
98
98
|
componentName: componentName || 'Pressable',
|
|
99
99
|
packageName: "@atlaskit/primitives",
|
|
100
|
-
packageVersion: "
|
|
100
|
+
packageVersion: "0.0.0-development",
|
|
101
101
|
analyticsData: analyticsContext,
|
|
102
102
|
actionSubject: 'button'
|
|
103
103
|
});
|
|
@@ -34,10 +34,10 @@ var dimensionMap = exports.dimensionMap = {
|
|
|
34
34
|
|
|
35
35
|
/**
|
|
36
36
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
37
|
-
* @codegen <<SignedSource::
|
|
37
|
+
* @codegen <<SignedSource::513f6a7e264ea3f9fe56eda322a28f64>>
|
|
38
38
|
* @codegenId spacing
|
|
39
39
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
40
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::
|
|
40
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::07b9c29f8d9f95e43d59a7b7ad4ce7a2>>
|
|
41
41
|
*/
|
|
42
42
|
var positiveSpaceMap = exports.positiveSpaceMap = {
|
|
43
43
|
'space.0': "var(--ds-space-0, 0px)",
|
|
@@ -73,10 +73,10 @@ var allSpaceMap = exports.allSpaceMap = _objectSpread(_objectSpread({}, positive
|
|
|
73
73
|
|
|
74
74
|
/**
|
|
75
75
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
76
|
-
* @codegen <<SignedSource::
|
|
76
|
+
* @codegen <<SignedSource::1c92990a9f8f6ea7c2266ff81a97ee55>>
|
|
77
77
|
* @codegenId inverse-colors
|
|
78
78
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
79
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
79
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
80
80
|
*/
|
|
81
81
|
var inverseColorMap = exports.inverseColorMap = {
|
|
82
82
|
'color.background.neutral.bold': 'color.text.inverse',
|
|
@@ -114,11 +114,11 @@ var inverseColorMap = exports.inverseColorMap = {
|
|
|
114
114
|
|
|
115
115
|
/**
|
|
116
116
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
117
|
-
* @codegen <<SignedSource::
|
|
117
|
+
* @codegen <<SignedSource::cb5e26bf46386ea628fc6bd6d213201e>>
|
|
118
118
|
* @codegenId elevation
|
|
119
119
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
120
120
|
* @codegenParams ["opacity", "shadow", "surface"]
|
|
121
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
121
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
122
122
|
*/
|
|
123
123
|
var opacityMap = exports.opacityMap = {
|
|
124
124
|
'opacity.disabled': "var(--ds-opacity-disabled, 0.4)",
|
|
@@ -149,11 +149,11 @@ var surfaceColorMap = exports.surfaceColorMap = {
|
|
|
149
149
|
|
|
150
150
|
/**
|
|
151
151
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
152
|
-
* @codegen <<SignedSource::
|
|
152
|
+
* @codegen <<SignedSource::60e520432f6fbc9ef443877d79df9307>>
|
|
153
153
|
* @codegenId colors
|
|
154
154
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
155
155
|
* @codegenParams ["border", "background", "text", "fill"]
|
|
156
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
156
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
157
157
|
*/
|
|
158
158
|
var borderColorMap = exports.borderColorMap = {
|
|
159
159
|
'color.border': "var(--ds-border, #091e4221)",
|
|
@@ -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::
|
|
477
|
+
* @codegen <<SignedSource::40c35869c30222d21da9e9024ecf3fe4>>
|
|
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::d47449bd9713a33fe95c6a84d3134308>>
|
|
482
482
|
*/
|
|
483
483
|
var borderWidthMap = exports.borderWidthMap = {
|
|
484
484
|
'border.width': "var(--ds-border-width, 1px)",
|
|
@@ -56,7 +56,7 @@ const AnchorNoRef = ({
|
|
|
56
56
|
action: 'clicked',
|
|
57
57
|
componentName: componentName || 'Anchor',
|
|
58
58
|
packageName: "@atlaskit/primitives",
|
|
59
|
-
packageVersion: "
|
|
59
|
+
packageVersion: "0.0.0-development",
|
|
60
60
|
analyticsData: analyticsContext,
|
|
61
61
|
actionSubject: 'link'
|
|
62
62
|
});
|
|
@@ -48,7 +48,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
|
|
|
48
48
|
action: 'clicked',
|
|
49
49
|
componentName: componentName || 'Pressable',
|
|
50
50
|
packageName: "@atlaskit/primitives",
|
|
51
|
-
packageVersion: "
|
|
51
|
+
packageVersion: "0.0.0-development",
|
|
52
52
|
analyticsData: analyticsContext,
|
|
53
53
|
actionSubject: 'button'
|
|
54
54
|
});
|
|
@@ -94,7 +94,7 @@ const AnchorNoRef = ({
|
|
|
94
94
|
action: 'clicked',
|
|
95
95
|
componentName: componentName || 'Anchor',
|
|
96
96
|
packageName: "@atlaskit/primitives",
|
|
97
|
-
packageVersion: "
|
|
97
|
+
packageVersion: "0.0.0-development",
|
|
98
98
|
analyticsData: analyticsContext,
|
|
99
99
|
actionSubject: 'link'
|
|
100
100
|
});
|
|
@@ -86,7 +86,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
|
|
|
86
86
|
action: 'clicked',
|
|
87
87
|
componentName: componentName || 'Pressable',
|
|
88
88
|
packageName: "@atlaskit/primitives",
|
|
89
|
-
packageVersion: "
|
|
89
|
+
packageVersion: "0.0.0-development",
|
|
90
90
|
analyticsData: analyticsContext,
|
|
91
91
|
actionSubject: 'button'
|
|
92
92
|
});
|
|
@@ -26,10 +26,10 @@ export const dimensionMap = {
|
|
|
26
26
|
|
|
27
27
|
/**
|
|
28
28
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
29
|
-
* @codegen <<SignedSource::
|
|
29
|
+
* @codegen <<SignedSource::513f6a7e264ea3f9fe56eda322a28f64>>
|
|
30
30
|
* @codegenId spacing
|
|
31
31
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
32
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::
|
|
32
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::07b9c29f8d9f95e43d59a7b7ad4ce7a2>>
|
|
33
33
|
*/
|
|
34
34
|
export const positiveSpaceMap = {
|
|
35
35
|
'space.0': "var(--ds-space-0, 0px)",
|
|
@@ -68,10 +68,10 @@ export const allSpaceMap = {
|
|
|
68
68
|
|
|
69
69
|
/**
|
|
70
70
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
71
|
-
* @codegen <<SignedSource::
|
|
71
|
+
* @codegen <<SignedSource::1c92990a9f8f6ea7c2266ff81a97ee55>>
|
|
72
72
|
* @codegenId inverse-colors
|
|
73
73
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
74
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
74
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
75
75
|
*/
|
|
76
76
|
export const inverseColorMap = {
|
|
77
77
|
'color.background.neutral.bold': 'color.text.inverse',
|
|
@@ -109,11 +109,11 @@ export const inverseColorMap = {
|
|
|
109
109
|
|
|
110
110
|
/**
|
|
111
111
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
112
|
-
* @codegen <<SignedSource::
|
|
112
|
+
* @codegen <<SignedSource::cb5e26bf46386ea628fc6bd6d213201e>>
|
|
113
113
|
* @codegenId elevation
|
|
114
114
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
115
115
|
* @codegenParams ["opacity", "shadow", "surface"]
|
|
116
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
116
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
117
117
|
*/
|
|
118
118
|
export const opacityMap = {
|
|
119
119
|
'opacity.disabled': "var(--ds-opacity-disabled, 0.4)",
|
|
@@ -144,11 +144,11 @@ export const surfaceColorMap = {
|
|
|
144
144
|
|
|
145
145
|
/**
|
|
146
146
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
147
|
-
* @codegen <<SignedSource::
|
|
147
|
+
* @codegen <<SignedSource::60e520432f6fbc9ef443877d79df9307>>
|
|
148
148
|
* @codegenId colors
|
|
149
149
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
150
150
|
* @codegenParams ["border", "background", "text", "fill"]
|
|
151
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
151
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
152
152
|
*/
|
|
153
153
|
export const borderColorMap = {
|
|
154
154
|
'color.border': "var(--ds-border, #091e4221)",
|
|
@@ -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::
|
|
472
|
+
* @codegen <<SignedSource::40c35869c30222d21da9e9024ecf3fe4>>
|
|
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::d47449bd9713a33fe95c6a84d3134308>>
|
|
477
477
|
*/
|
|
478
478
|
export const borderWidthMap = {
|
|
479
479
|
'border.width': "var(--ds-border-width, 1px)",
|
|
@@ -61,7 +61,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
61
61
|
action: 'clicked',
|
|
62
62
|
componentName: componentName || 'Anchor',
|
|
63
63
|
packageName: "@atlaskit/primitives",
|
|
64
|
-
packageVersion: "
|
|
64
|
+
packageVersion: "0.0.0-development",
|
|
65
65
|
analyticsData: analyticsContext,
|
|
66
66
|
actionSubject: 'link'
|
|
67
67
|
});
|
|
@@ -52,7 +52,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
52
52
|
action: 'clicked',
|
|
53
53
|
componentName: componentName || 'Pressable',
|
|
54
54
|
packageName: "@atlaskit/primitives",
|
|
55
|
-
packageVersion: "
|
|
55
|
+
packageVersion: "0.0.0-development",
|
|
56
56
|
analyticsData: analyticsContext,
|
|
57
57
|
actionSubject: 'button'
|
|
58
58
|
});
|
|
@@ -99,7 +99,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
99
99
|
action: 'clicked',
|
|
100
100
|
componentName: componentName || 'Anchor',
|
|
101
101
|
packageName: "@atlaskit/primitives",
|
|
102
|
-
packageVersion: "
|
|
102
|
+
packageVersion: "0.0.0-development",
|
|
103
103
|
analyticsData: analyticsContext,
|
|
104
104
|
actionSubject: 'link'
|
|
105
105
|
});
|
|
@@ -91,7 +91,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
91
91
|
action: 'clicked',
|
|
92
92
|
componentName: componentName || 'Pressable',
|
|
93
93
|
packageName: "@atlaskit/primitives",
|
|
94
|
-
packageVersion: "
|
|
94
|
+
packageVersion: "0.0.0-development",
|
|
95
95
|
analyticsData: analyticsContext,
|
|
96
96
|
actionSubject: 'button'
|
|
97
97
|
});
|
|
@@ -29,10 +29,10 @@ export var dimensionMap = {
|
|
|
29
29
|
|
|
30
30
|
/**
|
|
31
31
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
32
|
-
* @codegen <<SignedSource::
|
|
32
|
+
* @codegen <<SignedSource::513f6a7e264ea3f9fe56eda322a28f64>>
|
|
33
33
|
* @codegenId spacing
|
|
34
34
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
35
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::
|
|
35
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::07b9c29f8d9f95e43d59a7b7ad4ce7a2>>
|
|
36
36
|
*/
|
|
37
37
|
export var positiveSpaceMap = {
|
|
38
38
|
'space.0': "var(--ds-space-0, 0px)",
|
|
@@ -68,10 +68,10 @@ export var allSpaceMap = _objectSpread(_objectSpread({}, positiveSpaceMap), nega
|
|
|
68
68
|
|
|
69
69
|
/**
|
|
70
70
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
71
|
-
* @codegen <<SignedSource::
|
|
71
|
+
* @codegen <<SignedSource::1c92990a9f8f6ea7c2266ff81a97ee55>>
|
|
72
72
|
* @codegenId inverse-colors
|
|
73
73
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
74
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
74
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
75
75
|
*/
|
|
76
76
|
export var inverseColorMap = {
|
|
77
77
|
'color.background.neutral.bold': 'color.text.inverse',
|
|
@@ -109,11 +109,11 @@ export var inverseColorMap = {
|
|
|
109
109
|
|
|
110
110
|
/**
|
|
111
111
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
112
|
-
* @codegen <<SignedSource::
|
|
112
|
+
* @codegen <<SignedSource::cb5e26bf46386ea628fc6bd6d213201e>>
|
|
113
113
|
* @codegenId elevation
|
|
114
114
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
115
115
|
* @codegenParams ["opacity", "shadow", "surface"]
|
|
116
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
116
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
117
117
|
*/
|
|
118
118
|
export var opacityMap = {
|
|
119
119
|
'opacity.disabled': "var(--ds-opacity-disabled, 0.4)",
|
|
@@ -144,11 +144,11 @@ export var surfaceColorMap = {
|
|
|
144
144
|
|
|
145
145
|
/**
|
|
146
146
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
147
|
-
* @codegen <<SignedSource::
|
|
147
|
+
* @codegen <<SignedSource::60e520432f6fbc9ef443877d79df9307>>
|
|
148
148
|
* @codegenId colors
|
|
149
149
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
150
150
|
* @codegenParams ["border", "background", "text", "fill"]
|
|
151
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
151
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
152
152
|
*/
|
|
153
153
|
export var borderColorMap = {
|
|
154
154
|
'color.border': "var(--ds-border, #091e4221)",
|
|
@@ -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::
|
|
472
|
+
* @codegen <<SignedSource::40c35869c30222d21da9e9024ecf3fe4>>
|
|
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::d47449bd9713a33fe95c6a84d3134308>>
|
|
477
477
|
*/
|
|
478
478
|
export var borderWidthMap = {
|
|
479
479
|
'border.width': "var(--ds-border-width, 1px)",
|
|
@@ -24,10 +24,10 @@ export type Dimension = keyof typeof dimensionMap;
|
|
|
24
24
|
*/
|
|
25
25
|
/**
|
|
26
26
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
27
|
-
* @codegen <<SignedSource::
|
|
27
|
+
* @codegen <<SignedSource::513f6a7e264ea3f9fe56eda322a28f64>>
|
|
28
28
|
* @codegenId spacing
|
|
29
29
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
30
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::
|
|
30
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::07b9c29f8d9f95e43d59a7b7ad4ce7a2>>
|
|
31
31
|
*/
|
|
32
32
|
export declare const positiveSpaceMap: {
|
|
33
33
|
'space.0': 'var(--ds-space-0)';
|
|
@@ -89,10 +89,10 @@ export type AllSpace = keyof typeof allSpaceMap;
|
|
|
89
89
|
*/
|
|
90
90
|
/**
|
|
91
91
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
92
|
-
* @codegen <<SignedSource::
|
|
92
|
+
* @codegen <<SignedSource::1c92990a9f8f6ea7c2266ff81a97ee55>>
|
|
93
93
|
* @codegenId inverse-colors
|
|
94
94
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
95
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
95
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
96
96
|
*/
|
|
97
97
|
export declare const inverseColorMap: {
|
|
98
98
|
'color.background.neutral.bold': 'color.text.inverse';
|
|
@@ -128,11 +128,11 @@ export declare const inverseColorMap: {
|
|
|
128
128
|
*/
|
|
129
129
|
/**
|
|
130
130
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
131
|
-
* @codegen <<SignedSource::
|
|
131
|
+
* @codegen <<SignedSource::cb5e26bf46386ea628fc6bd6d213201e>>
|
|
132
132
|
* @codegenId elevation
|
|
133
133
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
134
134
|
* @codegenParams ["opacity", "shadow", "surface"]
|
|
135
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
135
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
136
136
|
*/
|
|
137
137
|
export declare const opacityMap: {
|
|
138
138
|
'opacity.disabled': 'var(--ds-opacity-disabled)';
|
|
@@ -165,11 +165,11 @@ export type SurfaceColor = keyof typeof surfaceColorMap;
|
|
|
165
165
|
*/
|
|
166
166
|
/**
|
|
167
167
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
168
|
-
* @codegen <<SignedSource::
|
|
168
|
+
* @codegen <<SignedSource::60e520432f6fbc9ef443877d79df9307>>
|
|
169
169
|
* @codegenId colors
|
|
170
170
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
171
171
|
* @codegenParams ["border", "background", "text", "fill"]
|
|
172
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
172
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
173
173
|
*/
|
|
174
174
|
export declare const borderColorMap: {
|
|
175
175
|
'color.border': 'var(--ds-border)';
|
|
@@ -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::
|
|
496
|
+
* @codegen <<SignedSource::40c35869c30222d21da9e9024ecf3fe4>>
|
|
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::d47449bd9713a33fe95c6a84d3134308>>
|
|
501
501
|
*/
|
|
502
502
|
export declare const borderWidthMap: {
|
|
503
503
|
'border.width': 'var(--ds-border-width)';
|
|
@@ -24,10 +24,10 @@ export type Dimension = keyof typeof dimensionMap;
|
|
|
24
24
|
*/
|
|
25
25
|
/**
|
|
26
26
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
27
|
-
* @codegen <<SignedSource::
|
|
27
|
+
* @codegen <<SignedSource::513f6a7e264ea3f9fe56eda322a28f64>>
|
|
28
28
|
* @codegenId spacing
|
|
29
29
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
30
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::
|
|
30
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::07b9c29f8d9f95e43d59a7b7ad4ce7a2>>
|
|
31
31
|
*/
|
|
32
32
|
export declare const positiveSpaceMap: {
|
|
33
33
|
'space.0': 'var(--ds-space-0)';
|
|
@@ -89,10 +89,10 @@ export type AllSpace = keyof typeof allSpaceMap;
|
|
|
89
89
|
*/
|
|
90
90
|
/**
|
|
91
91
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
92
|
-
* @codegen <<SignedSource::
|
|
92
|
+
* @codegen <<SignedSource::1c92990a9f8f6ea7c2266ff81a97ee55>>
|
|
93
93
|
* @codegenId inverse-colors
|
|
94
94
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
95
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
95
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
96
96
|
*/
|
|
97
97
|
export declare const inverseColorMap: {
|
|
98
98
|
'color.background.neutral.bold': 'color.text.inverse';
|
|
@@ -128,11 +128,11 @@ export declare const inverseColorMap: {
|
|
|
128
128
|
*/
|
|
129
129
|
/**
|
|
130
130
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
131
|
-
* @codegen <<SignedSource::
|
|
131
|
+
* @codegen <<SignedSource::cb5e26bf46386ea628fc6bd6d213201e>>
|
|
132
132
|
* @codegenId elevation
|
|
133
133
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
134
134
|
* @codegenParams ["opacity", "shadow", "surface"]
|
|
135
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
135
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
136
136
|
*/
|
|
137
137
|
export declare const opacityMap: {
|
|
138
138
|
'opacity.disabled': 'var(--ds-opacity-disabled)';
|
|
@@ -165,11 +165,11 @@ export type SurfaceColor = keyof typeof surfaceColorMap;
|
|
|
165
165
|
*/
|
|
166
166
|
/**
|
|
167
167
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
168
|
-
* @codegen <<SignedSource::
|
|
168
|
+
* @codegen <<SignedSource::60e520432f6fbc9ef443877d79df9307>>
|
|
169
169
|
* @codegenId colors
|
|
170
170
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
171
171
|
* @codegenParams ["border", "background", "text", "fill"]
|
|
172
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
172
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
173
173
|
*/
|
|
174
174
|
export declare const borderColorMap: {
|
|
175
175
|
'color.border': 'var(--ds-border)';
|
|
@@ -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::
|
|
496
|
+
* @codegen <<SignedSource::40c35869c30222d21da9e9024ecf3fe4>>
|
|
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::d47449bd9713a33fe95c6a84d3134308>>
|
|
501
501
|
*/
|
|
502
502
|
export declare const borderWidthMap: {
|
|
503
503
|
'border.width': 'var(--ds-border-width)';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/primitives",
|
|
3
|
-
"version": "14.15.
|
|
3
|
+
"version": "14.15.2",
|
|
4
4
|
"description": "Primitives are token-backed low-level building blocks.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -135,8 +135,8 @@
|
|
|
135
135
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
136
136
|
"@atlaskit/app-provider": "^3.2.0",
|
|
137
137
|
"@atlaskit/css": "^0.14.0",
|
|
138
|
-
"@atlaskit/ds-lib": "^5.
|
|
139
|
-
"@atlaskit/interaction-context": "^3.
|
|
138
|
+
"@atlaskit/ds-lib": "^5.1.0",
|
|
139
|
+
"@atlaskit/interaction-context": "^3.1.0",
|
|
140
140
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
141
141
|
"@atlaskit/tokens": "^6.3.0",
|
|
142
142
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
@@ -155,16 +155,16 @@
|
|
|
155
155
|
"@af/formatting": "workspace:^",
|
|
156
156
|
"@af/integration-testing": "workspace:^",
|
|
157
157
|
"@af/visual-regression": "workspace:^",
|
|
158
|
-
"@atlaskit/avatar": "^25.
|
|
158
|
+
"@atlaskit/avatar": "^25.2.0",
|
|
159
159
|
"@atlaskit/button": "^23.4.0",
|
|
160
160
|
"@atlaskit/checkbox": "^17.1.0",
|
|
161
161
|
"@atlaskit/code": "^17.2.0",
|
|
162
162
|
"@atlaskit/docs": "^11.1.0",
|
|
163
163
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
164
164
|
"@atlaskit/flag": "^17.4.0",
|
|
165
|
-
"@atlaskit/form": "^
|
|
165
|
+
"@atlaskit/form": "^14.1.0",
|
|
166
166
|
"@atlaskit/heading": "^5.2.0",
|
|
167
|
-
"@atlaskit/icon": "^28.
|
|
167
|
+
"@atlaskit/icon": "^28.3.0",
|
|
168
168
|
"@atlaskit/icon-object": "^7.2.0",
|
|
169
169
|
"@atlaskit/image": "^3.0.0",
|
|
170
170
|
"@atlaskit/link": "^3.2.0",
|
|
@@ -23,14 +23,13 @@ const activeTokens = tokens
|
|
|
23
23
|
.map((t) => ({ ...t, token: t.token.replaceAll('.[default]', '') }));
|
|
24
24
|
|
|
25
25
|
export const createInverseColorMapTemplate = () => {
|
|
26
|
-
const propMap = activeTokens
|
|
27
|
-
.
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
})
|
|
26
|
+
const propMap = activeTokens.map((t) => {
|
|
27
|
+
// handle the default case eg color.border or color.text
|
|
28
|
+
const propName = t.token;
|
|
29
|
+
return `'${propName}': '${
|
|
30
|
+
propName.includes('warning') ? 'color.text.warning.inverse' : 'color.text.inverse'
|
|
31
|
+
}'`;
|
|
32
|
+
});
|
|
34
33
|
return format(
|
|
35
34
|
`
|
|
36
35
|
export const inverseColorMap: {
|
|
@@ -14,7 +14,8 @@ const tokenStyles = {
|
|
|
14
14
|
objectName: 'borderWidth',
|
|
15
15
|
filterPrefix: 'border.width',
|
|
16
16
|
cssProperty: 'borderWidth',
|
|
17
|
-
filterFn: <T extends Token>(t: T): boolean =>
|
|
17
|
+
filterFn: <T extends Token>(t: T): boolean =>
|
|
18
|
+
t.token.startsWith(tokenStyles.width.filterPrefix),
|
|
18
19
|
},
|
|
19
20
|
radius: {
|
|
20
21
|
objectName: 'borderRadius',
|
|
@@ -46,7 +47,7 @@ export const createShapeStylesFromTemplate = (property: keyof typeof tokenStyles
|
|
|
46
47
|
format(
|
|
47
48
|
`
|
|
48
49
|
export const ${objectName}Map: {
|
|
49
|
-
${generateTypeDefs(activeTokens.filter(filterFn).map(t => t.token))}
|
|
50
|
+
${generateTypeDefs(activeTokens.filter(filterFn).map((t) => t.token))}
|
|
50
51
|
} = {
|
|
51
52
|
${activeTokens
|
|
52
53
|
.filter(filterFn)
|
|
@@ -24,20 +24,20 @@ const negativeSpaceTokens = tokens
|
|
|
24
24
|
export const createSpacingStylesFromTemplate = () => {
|
|
25
25
|
const output = [
|
|
26
26
|
`export const positiveSpaceMap: {
|
|
27
|
-
${generateTypeDefs(positiveSpaceTokens.map(t => t.name))}
|
|
27
|
+
${generateTypeDefs(positiveSpaceTokens.map((t) => t.name))}
|
|
28
28
|
} = {\n${positiveSpaceTokens
|
|
29
29
|
.map(({ name, fallback }) => `'${name}': ${constructTokenFunctionCall(name, fallback)},`)
|
|
30
30
|
.join('\n')}}`,
|
|
31
31
|
`export type Space = keyof typeof positiveSpaceMap;\n`,
|
|
32
32
|
`export const negativeSpaceMap: {
|
|
33
|
-
${generateTypeDefs(negativeSpaceTokens.map(t => t.name))}
|
|
33
|
+
${generateTypeDefs(negativeSpaceTokens.map((t) => t.name))}
|
|
34
34
|
} = {\n${negativeSpaceTokens
|
|
35
35
|
.map(({ name, fallback }) => `'${name}': ${constructTokenFunctionCall(name, fallback)},`)
|
|
36
36
|
.join('\n')}}`,
|
|
37
37
|
`export type NegativeSpace = keyof typeof negativeSpaceMap;\n`,
|
|
38
38
|
`export const allSpaceMap: {
|
|
39
|
-
${generateTypeDefs(positiveSpaceTokens.map(t => t.name))}
|
|
40
|
-
${generateTypeDefs(negativeSpaceTokens.map(t => t.name))}
|
|
39
|
+
${generateTypeDefs(positiveSpaceTokens.map((t) => t.name))}
|
|
40
|
+
${generateTypeDefs(negativeSpaceTokens.map((t) => t.name))}
|
|
41
41
|
} = { ...positiveSpaceMap, ...negativeSpaceMap };\n`,
|
|
42
42
|
`export type AllSpace = keyof typeof allSpaceMap;\n`,
|
|
43
43
|
].join('\n');
|
|
@@ -76,7 +76,10 @@ export const createTextStylesFromTemplate = () => {
|
|
|
76
76
|
format(
|
|
77
77
|
`
|
|
78
78
|
export const ${objectName}Map: {
|
|
79
|
-
${generateTypeDefs(
|
|
79
|
+
${generateTypeDefs(
|
|
80
|
+
tokenNames,
|
|
81
|
+
tokenNames.map((token) => removeVerbosity(token)),
|
|
82
|
+
)}
|
|
80
83
|
} = {
|
|
81
84
|
${activeTokens
|
|
82
85
|
.filter(filterFn)
|