@atlaskit/primitives 4.1.0 → 5.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 +18 -0
- package/constellation/grid/examples.mdx +7 -1
- package/dist/cjs/components/anchor.js +1 -1
- package/dist/cjs/components/internal/types.js +1 -5
- package/dist/cjs/components/pressable.js +1 -1
- package/dist/cjs/components/text.js +1 -8
- package/dist/cjs/xcss/style-maps.partial.js +6 -6
- package/dist/es2019/components/anchor.js +1 -1
- package/dist/es2019/components/internal/types.js +0 -1
- package/dist/es2019/components/pressable.js +1 -1
- package/dist/es2019/components/text.js +1 -8
- package/dist/es2019/xcss/style-maps.partial.js +6 -6
- package/dist/esm/components/anchor.js +1 -1
- package/dist/esm/components/internal/types.js +0 -1
- package/dist/esm/components/pressable.js +1 -1
- package/dist/esm/components/text.js +1 -8
- package/dist/esm/xcss/style-maps.partial.js +6 -6
- package/dist/types/components/text.d.ts +0 -4
- package/dist/types/xcss/style-maps.partial.d.ts +6 -6
- package/dist/types-ts4.5/components/text.d.ts +0 -4
- package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +6 -6
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/primitives
|
|
2
2
|
|
|
3
|
+
## 5.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [#81744](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81744) [`30e3d8c81030`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/30e3d8c81030) - Replaced `Text`'s `variant` prop with a `size` prop. The `size` prop takes three values: `"small"`, `"medium"` (default), and `"large"`.
|
|
8
|
+
|
|
9
|
+
Migration guide:
|
|
10
|
+
|
|
11
|
+
- `variant="body.small"` -> `size="small"`
|
|
12
|
+
- `variant="body"` -> `size="medium"` (Note: Since medium is the default, the size prop can be omitted here)
|
|
13
|
+
- `variant="body.large"` -> `size="large"`
|
|
14
|
+
|
|
15
|
+
## 4.1.1
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- [#81644](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81644) [`8ab7a816dca7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8ab7a816dca7) - Revert input border change from the previous version
|
|
20
|
+
|
|
3
21
|
## 4.1.0
|
|
4
22
|
|
|
5
23
|
### Minor Changes
|
|
@@ -10,6 +10,7 @@ import GridTemplate from '../../examples/constellation/grid/template';
|
|
|
10
10
|
import GridTemplateArea from '../../examples/constellation/grid/template-area';
|
|
11
11
|
import GridTemplateRow from '../../examples/constellation/grid/template-row';
|
|
12
12
|
import GridAutoFlow from '../../examples/constellation/grid/auto-flow';
|
|
13
|
+
import ResponsiveGrid from '../../examples/constellation/grid/responsive';
|
|
13
14
|
|
|
14
15
|
import { CodeDocsHeader } from '@af/design-system-docs-ui';
|
|
15
16
|
|
|
@@ -61,7 +62,12 @@ Grid-prefixed properties in CSS do not have this prefix in the component API. `g
|
|
|
61
62
|
|
|
62
63
|
<Example Component={GridAutoFlow} packageName="@atlaskit/primitives/grid" />
|
|
63
64
|
|
|
65
|
+
## Responsive grid
|
|
66
|
+
|
|
67
|
+
Here, we construct a grid layout that adapts from a single column to a four-column layout depending on the viewport size.
|
|
68
|
+
|
|
69
|
+
<Example Component={ResponsiveGrid} packageName="@atlaskit/primitives/grid" />
|
|
70
|
+
|
|
64
71
|
You may also be looking for:
|
|
65
72
|
|
|
66
|
-
- [responsive layout grid](/components/grid)
|
|
67
73
|
- [legacy page grid](/components/page/grid)
|
|
@@ -76,7 +76,7 @@ var Anchor = function Anchor(_ref, ref) {
|
|
|
76
76
|
action: 'clicked',
|
|
77
77
|
componentName: componentName || 'Anchor',
|
|
78
78
|
packageName: "@atlaskit/primitives",
|
|
79
|
-
packageVersion: "
|
|
79
|
+
packageVersion: "5.0.0",
|
|
80
80
|
analyticsData: analyticsContext,
|
|
81
81
|
actionSubject: 'link'
|
|
82
82
|
});
|
|
@@ -80,7 +80,7 @@ var UNSAFE_PRESSABLE = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
|
|
|
80
80
|
action: 'clicked',
|
|
81
81
|
componentName: componentName || 'Pressable',
|
|
82
82
|
packageName: "@atlaskit/primitives",
|
|
83
|
-
packageVersion: "
|
|
83
|
+
packageVersion: "5.0.0",
|
|
84
84
|
analyticsData: analyticsContext,
|
|
85
85
|
actionSubject: 'button'
|
|
86
86
|
});
|
|
@@ -47,11 +47,6 @@ var wordBreakMap = {
|
|
|
47
47
|
wordBreak: 'break-all'
|
|
48
48
|
})
|
|
49
49
|
};
|
|
50
|
-
var tempVariantSizeMap = {
|
|
51
|
-
body: 'medium',
|
|
52
|
-
'body.small': 'small',
|
|
53
|
-
'body.large': 'large'
|
|
54
|
-
};
|
|
55
50
|
var HasTextAncestorContext = /*#__PURE__*/(0, _react.createContext)(false);
|
|
56
51
|
var useHasTextAncestor = function useHasTextAncestor() {
|
|
57
52
|
return (0, _react.useContext)(HasTextAncestorContext);
|
|
@@ -99,15 +94,13 @@ var Text = function Text(_ref) {
|
|
|
99
94
|
id = props.id,
|
|
100
95
|
_props$size = props.size,
|
|
101
96
|
size = _props$size === void 0 ? 'medium' : _props$size,
|
|
102
|
-
variant = props.variant,
|
|
103
97
|
weight = props.weight,
|
|
104
98
|
maxLines = props.maxLines;
|
|
105
99
|
(0, _tinyInvariant.default)(asAllowlist.includes(Component), "@atlaskit/primitives: Text received an invalid \"as\" value of \"".concat(Component, "\""));
|
|
106
|
-
var localSize = variant && tempVariantSizeMap[variant] || size;
|
|
107
100
|
var hasTextAncestor = useHasTextAncestor();
|
|
108
101
|
var color = useColor(colorProp, hasTextAncestor);
|
|
109
102
|
var component = (0, _react2.jsx)(Component, {
|
|
110
|
-
css: [resetStyles, _styleMaps.fontStylesMap[
|
|
103
|
+
css: [resetStyles, _styleMaps.fontStylesMap[size], color && _styleMaps.textColorStylesMap[color], maxLines && truncationStyles, maxLines === 1 && wordBreakMap.breakAll, textAlign && textAlignMap[textAlign], weight && _styleMaps.fontWeightStylesMap[weight], Component === 'em' && emStyles, Component === 'strong' && strongStyles],
|
|
111
104
|
style: {
|
|
112
105
|
WebkitLineClamp: maxLines
|
|
113
106
|
},
|
|
@@ -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::fcf1cfc01cda3c278e69b0b564c7746d>>
|
|
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::f1021f8d47ab63374e371ce18db72a1c>>
|
|
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::8c10abde8168de6260b5aa120dd948bc>>
|
|
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::f1021f8d47ab63374e371ce18db72a1c>>
|
|
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::0f7982208166d5dae0e25517d29aeaef>>
|
|
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::f1021f8d47ab63374e371ce18db72a1c>>
|
|
157
157
|
*/
|
|
158
158
|
var borderColorMap = exports.borderColorMap = {
|
|
159
159
|
'color.border': "var(--ds-border, #091e4221)",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -66,7 +66,7 @@ const UNSAFE_PRESSABLE = /*#__PURE__*/forwardRef(({
|
|
|
66
66
|
action: 'clicked',
|
|
67
67
|
componentName: componentName || 'Pressable',
|
|
68
68
|
packageName: "@atlaskit/primitives",
|
|
69
|
-
packageVersion: "
|
|
69
|
+
packageVersion: "5.0.0",
|
|
70
70
|
analyticsData: analyticsContext,
|
|
71
71
|
actionSubject: 'button'
|
|
72
72
|
});
|
|
@@ -38,11 +38,6 @@ const wordBreakMap = {
|
|
|
38
38
|
wordBreak: 'break-all'
|
|
39
39
|
})
|
|
40
40
|
};
|
|
41
|
-
const tempVariantSizeMap = {
|
|
42
|
-
body: 'medium',
|
|
43
|
-
'body.small': 'small',
|
|
44
|
-
'body.large': 'large'
|
|
45
|
-
};
|
|
46
41
|
const HasTextAncestorContext = /*#__PURE__*/createContext(false);
|
|
47
42
|
const useHasTextAncestor = () => useContext(HasTextAncestorContext);
|
|
48
43
|
|
|
@@ -88,16 +83,14 @@ const Text = ({
|
|
|
88
83
|
testId,
|
|
89
84
|
id,
|
|
90
85
|
size = 'medium',
|
|
91
|
-
variant,
|
|
92
86
|
weight,
|
|
93
87
|
maxLines
|
|
94
88
|
} = props;
|
|
95
89
|
invariant(asAllowlist.includes(Component), `@atlaskit/primitives: Text received an invalid "as" value of "${Component}"`);
|
|
96
|
-
const localSize = variant && tempVariantSizeMap[variant] || size;
|
|
97
90
|
const hasTextAncestor = useHasTextAncestor();
|
|
98
91
|
const color = useColor(colorProp, hasTextAncestor);
|
|
99
92
|
const component = jsx(Component, {
|
|
100
|
-
css: [resetStyles, fontStylesMap[
|
|
93
|
+
css: [resetStyles, fontStylesMap[size], color && textColorStylesMap[color], maxLines && truncationStyles, maxLines === 1 && wordBreakMap.breakAll, textAlign && textAlignMap[textAlign], weight && fontWeightStylesMap[weight], Component === 'em' && emStyles, Component === 'strong' && strongStyles],
|
|
101
94
|
style: {
|
|
102
95
|
WebkitLineClamp: maxLines
|
|
103
96
|
},
|
|
@@ -67,10 +67,10 @@ export const allSpaceMap = {
|
|
|
67
67
|
|
|
68
68
|
/**
|
|
69
69
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
70
|
-
* @codegen <<SignedSource::
|
|
70
|
+
* @codegen <<SignedSource::fcf1cfc01cda3c278e69b0b564c7746d>>
|
|
71
71
|
* @codegenId inverse-colors
|
|
72
72
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
73
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
73
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
|
|
74
74
|
*/
|
|
75
75
|
export const inverseColorMap = {
|
|
76
76
|
'color.background.neutral.bold': 'color.text.inverse',
|
|
@@ -108,11 +108,11 @@ export const inverseColorMap = {
|
|
|
108
108
|
|
|
109
109
|
/**
|
|
110
110
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
111
|
-
* @codegen <<SignedSource::
|
|
111
|
+
* @codegen <<SignedSource::8c10abde8168de6260b5aa120dd948bc>>
|
|
112
112
|
* @codegenId elevation
|
|
113
113
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
114
114
|
* @codegenParams ["opacity", "shadow", "surface"]
|
|
115
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
115
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
|
|
116
116
|
*/
|
|
117
117
|
export const opacityMap = {
|
|
118
118
|
'opacity.disabled': "var(--ds-opacity-disabled, 0.4)",
|
|
@@ -143,11 +143,11 @@ export const surfaceColorMap = {
|
|
|
143
143
|
|
|
144
144
|
/**
|
|
145
145
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
146
|
-
* @codegen <<SignedSource::
|
|
146
|
+
* @codegen <<SignedSource::0f7982208166d5dae0e25517d29aeaef>>
|
|
147
147
|
* @codegenId colors
|
|
148
148
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
149
149
|
* @codegenParams ["border", "background", "text", "fill"]
|
|
150
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
150
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
|
|
151
151
|
*/
|
|
152
152
|
export const borderColorMap = {
|
|
153
153
|
'color.border': "var(--ds-border, #091e4221)",
|
|
@@ -66,7 +66,7 @@ var Anchor = function Anchor(_ref, ref) {
|
|
|
66
66
|
action: 'clicked',
|
|
67
67
|
componentName: componentName || 'Anchor',
|
|
68
68
|
packageName: "@atlaskit/primitives",
|
|
69
|
-
packageVersion: "
|
|
69
|
+
packageVersion: "5.0.0",
|
|
70
70
|
analyticsData: analyticsContext,
|
|
71
71
|
actionSubject: 'link'
|
|
72
72
|
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -70,7 +70,7 @@ var UNSAFE_PRESSABLE = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
70
70
|
action: 'clicked',
|
|
71
71
|
componentName: componentName || 'Pressable',
|
|
72
72
|
packageName: "@atlaskit/primitives",
|
|
73
|
-
packageVersion: "
|
|
73
|
+
packageVersion: "5.0.0",
|
|
74
74
|
analyticsData: analyticsContext,
|
|
75
75
|
actionSubject: 'button'
|
|
76
76
|
});
|
|
@@ -40,11 +40,6 @@ var wordBreakMap = {
|
|
|
40
40
|
wordBreak: 'break-all'
|
|
41
41
|
})
|
|
42
42
|
};
|
|
43
|
-
var tempVariantSizeMap = {
|
|
44
|
-
body: 'medium',
|
|
45
|
-
'body.small': 'small',
|
|
46
|
-
'body.large': 'large'
|
|
47
|
-
};
|
|
48
43
|
var HasTextAncestorContext = /*#__PURE__*/createContext(false);
|
|
49
44
|
var useHasTextAncestor = function useHasTextAncestor() {
|
|
50
45
|
return useContext(HasTextAncestorContext);
|
|
@@ -92,15 +87,13 @@ var Text = function Text(_ref) {
|
|
|
92
87
|
id = props.id,
|
|
93
88
|
_props$size = props.size,
|
|
94
89
|
size = _props$size === void 0 ? 'medium' : _props$size,
|
|
95
|
-
variant = props.variant,
|
|
96
90
|
weight = props.weight,
|
|
97
91
|
maxLines = props.maxLines;
|
|
98
92
|
invariant(asAllowlist.includes(Component), "@atlaskit/primitives: Text received an invalid \"as\" value of \"".concat(Component, "\""));
|
|
99
|
-
var localSize = variant && tempVariantSizeMap[variant] || size;
|
|
100
93
|
var hasTextAncestor = useHasTextAncestor();
|
|
101
94
|
var color = useColor(colorProp, hasTextAncestor);
|
|
102
95
|
var component = jsx(Component, {
|
|
103
|
-
css: [resetStyles, fontStylesMap[
|
|
96
|
+
css: [resetStyles, fontStylesMap[size], color && textColorStylesMap[color], maxLines && truncationStyles, maxLines === 1 && wordBreakMap.breakAll, textAlign && textAlignMap[textAlign], weight && fontWeightStylesMap[weight], Component === 'em' && emStyles, Component === 'strong' && strongStyles],
|
|
104
97
|
style: {
|
|
105
98
|
WebkitLineClamp: maxLines
|
|
106
99
|
},
|
|
@@ -67,10 +67,10 @@ export var allSpaceMap = _objectSpread(_objectSpread({}, positiveSpaceMap), nega
|
|
|
67
67
|
|
|
68
68
|
/**
|
|
69
69
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
70
|
-
* @codegen <<SignedSource::
|
|
70
|
+
* @codegen <<SignedSource::fcf1cfc01cda3c278e69b0b564c7746d>>
|
|
71
71
|
* @codegenId inverse-colors
|
|
72
72
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
73
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
73
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
|
|
74
74
|
*/
|
|
75
75
|
export var inverseColorMap = {
|
|
76
76
|
'color.background.neutral.bold': 'color.text.inverse',
|
|
@@ -108,11 +108,11 @@ export var inverseColorMap = {
|
|
|
108
108
|
|
|
109
109
|
/**
|
|
110
110
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
111
|
-
* @codegen <<SignedSource::
|
|
111
|
+
* @codegen <<SignedSource::8c10abde8168de6260b5aa120dd948bc>>
|
|
112
112
|
* @codegenId elevation
|
|
113
113
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
114
114
|
* @codegenParams ["opacity", "shadow", "surface"]
|
|
115
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
115
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
|
|
116
116
|
*/
|
|
117
117
|
export var opacityMap = {
|
|
118
118
|
'opacity.disabled': "var(--ds-opacity-disabled, 0.4)",
|
|
@@ -143,11 +143,11 @@ export var surfaceColorMap = {
|
|
|
143
143
|
|
|
144
144
|
/**
|
|
145
145
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
146
|
-
* @codegen <<SignedSource::
|
|
146
|
+
* @codegen <<SignedSource::0f7982208166d5dae0e25517d29aeaef>>
|
|
147
147
|
* @codegenId colors
|
|
148
148
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
149
149
|
* @codegenParams ["border", "background", "text", "fill"]
|
|
150
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
150
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
|
|
151
151
|
*/
|
|
152
152
|
export var borderColorMap = {
|
|
153
153
|
'color.border': "var(--ds-border, #091e4221)",
|
|
@@ -33,10 +33,6 @@ type TextPropsBase = {
|
|
|
33
33
|
* The [HTML `text-align` attribute](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).
|
|
34
34
|
*/
|
|
35
35
|
textAlign?: TextAlign;
|
|
36
|
-
/**
|
|
37
|
-
* @deprecated. Use size instead.
|
|
38
|
-
*/
|
|
39
|
-
variant?: 'body' | 'body.small' | 'body.large';
|
|
40
36
|
/**
|
|
41
37
|
* Text size.
|
|
42
38
|
*/
|
|
@@ -88,10 +88,10 @@ export type AllSpace = keyof typeof allSpaceMap;
|
|
|
88
88
|
*/
|
|
89
89
|
/**
|
|
90
90
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
91
|
-
* @codegen <<SignedSource::
|
|
91
|
+
* @codegen <<SignedSource::fcf1cfc01cda3c278e69b0b564c7746d>>
|
|
92
92
|
* @codegenId inverse-colors
|
|
93
93
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
94
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
94
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
|
|
95
95
|
*/
|
|
96
96
|
export declare const inverseColorMap: {
|
|
97
97
|
readonly 'color.background.neutral.bold': "color.text.inverse";
|
|
@@ -127,11 +127,11 @@ export declare const inverseColorMap: {
|
|
|
127
127
|
*/
|
|
128
128
|
/**
|
|
129
129
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
130
|
-
* @codegen <<SignedSource::
|
|
130
|
+
* @codegen <<SignedSource::8c10abde8168de6260b5aa120dd948bc>>
|
|
131
131
|
* @codegenId elevation
|
|
132
132
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
133
133
|
* @codegenParams ["opacity", "shadow", "surface"]
|
|
134
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
134
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
|
|
135
135
|
*/
|
|
136
136
|
export declare const opacityMap: {
|
|
137
137
|
readonly 'opacity.disabled': "var(--ds-opacity-disabled)";
|
|
@@ -164,11 +164,11 @@ export type SurfaceColor = keyof typeof surfaceColorMap;
|
|
|
164
164
|
*/
|
|
165
165
|
/**
|
|
166
166
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
167
|
-
* @codegen <<SignedSource::
|
|
167
|
+
* @codegen <<SignedSource::0f7982208166d5dae0e25517d29aeaef>>
|
|
168
168
|
* @codegenId colors
|
|
169
169
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
170
170
|
* @codegenParams ["border", "background", "text", "fill"]
|
|
171
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
171
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
|
|
172
172
|
*/
|
|
173
173
|
export declare const borderColorMap: {
|
|
174
174
|
readonly 'color.border': "var(--ds-border)";
|
|
@@ -38,10 +38,6 @@ type TextPropsBase = {
|
|
|
38
38
|
* The [HTML `text-align` attribute](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).
|
|
39
39
|
*/
|
|
40
40
|
textAlign?: TextAlign;
|
|
41
|
-
/**
|
|
42
|
-
* @deprecated. Use size instead.
|
|
43
|
-
*/
|
|
44
|
-
variant?: 'body' | 'body.small' | 'body.large';
|
|
45
41
|
/**
|
|
46
42
|
* Text size.
|
|
47
43
|
*/
|
|
@@ -88,10 +88,10 @@ export type AllSpace = keyof typeof allSpaceMap;
|
|
|
88
88
|
*/
|
|
89
89
|
/**
|
|
90
90
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
91
|
-
* @codegen <<SignedSource::
|
|
91
|
+
* @codegen <<SignedSource::fcf1cfc01cda3c278e69b0b564c7746d>>
|
|
92
92
|
* @codegenId inverse-colors
|
|
93
93
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
94
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
94
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
|
|
95
95
|
*/
|
|
96
96
|
export declare const inverseColorMap: {
|
|
97
97
|
readonly 'color.background.neutral.bold': "color.text.inverse";
|
|
@@ -127,11 +127,11 @@ export declare const inverseColorMap: {
|
|
|
127
127
|
*/
|
|
128
128
|
/**
|
|
129
129
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
130
|
-
* @codegen <<SignedSource::
|
|
130
|
+
* @codegen <<SignedSource::8c10abde8168de6260b5aa120dd948bc>>
|
|
131
131
|
* @codegenId elevation
|
|
132
132
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
133
133
|
* @codegenParams ["opacity", "shadow", "surface"]
|
|
134
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
134
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
|
|
135
135
|
*/
|
|
136
136
|
export declare const opacityMap: {
|
|
137
137
|
readonly 'opacity.disabled': "var(--ds-opacity-disabled)";
|
|
@@ -164,11 +164,11 @@ export type SurfaceColor = keyof typeof surfaceColorMap;
|
|
|
164
164
|
*/
|
|
165
165
|
/**
|
|
166
166
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
167
|
-
* @codegen <<SignedSource::
|
|
167
|
+
* @codegen <<SignedSource::0f7982208166d5dae0e25517d29aeaef>>
|
|
168
168
|
* @codegenId colors
|
|
169
169
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
170
170
|
* @codegenParams ["border", "background", "text", "fill"]
|
|
171
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
171
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
|
|
172
172
|
*/
|
|
173
173
|
export declare const borderColorMap: {
|
|
174
174
|
readonly 'color.border': "var(--ds-border)";
|