@atlaskit/primitives 13.3.8 → 13.4.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 +12 -0
- package/dist/cjs/compiled/components/anchor.js +2 -2
- package/dist/cjs/compiled/components/bleed.js +1 -1
- package/dist/cjs/compiled/components/box.js +1 -1
- package/dist/cjs/compiled/components/flex.js +1 -1
- package/dist/cjs/compiled/components/focusable.js +1 -1
- package/dist/cjs/compiled/components/grid.js +1 -1
- package/dist/cjs/compiled/components/inline.js +1 -1
- package/dist/cjs/compiled/components/pressable.js +2 -2
- package/dist/cjs/compiled/components/stack.js +1 -1
- package/dist/cjs/compiled/components/text.js +1 -1
- package/dist/cjs/compiled/responsive/hide.js +1 -1
- package/dist/cjs/compiled/responsive/show.js +1 -1
- package/dist/cjs/components/anchor.js +1 -1
- package/dist/cjs/components/pressable.js +1 -1
- package/dist/es2019/compiled/components/anchor.js +2 -2
- package/dist/es2019/compiled/components/bleed.js +1 -1
- package/dist/es2019/compiled/components/box.js +1 -1
- package/dist/es2019/compiled/components/flex.js +1 -1
- package/dist/es2019/compiled/components/focusable.js +1 -1
- package/dist/es2019/compiled/components/grid.js +1 -1
- package/dist/es2019/compiled/components/inline.js +1 -1
- package/dist/es2019/compiled/components/pressable.js +2 -2
- package/dist/es2019/compiled/components/stack.js +1 -1
- package/dist/es2019/compiled/components/text.js +1 -1
- package/dist/es2019/compiled/responsive/hide.js +1 -1
- package/dist/es2019/compiled/responsive/show.js +1 -1
- package/dist/es2019/components/anchor.js +1 -1
- package/dist/es2019/components/pressable.js +1 -1
- package/dist/esm/compiled/components/anchor.js +2 -2
- package/dist/esm/compiled/components/bleed.js +1 -1
- package/dist/esm/compiled/components/box.js +1 -1
- package/dist/esm/compiled/components/flex.js +1 -1
- package/dist/esm/compiled/components/focusable.js +1 -1
- package/dist/esm/compiled/components/grid.js +1 -1
- package/dist/esm/compiled/components/inline.js +1 -1
- package/dist/esm/compiled/components/pressable.js +2 -2
- package/dist/esm/compiled/components/stack.js +1 -1
- package/dist/esm/compiled/components/text.js +1 -1
- package/dist/esm/compiled/responsive/hide.js +1 -1
- package/dist/esm/compiled/responsive/show.js +1 -1
- package/dist/esm/components/anchor.js +1 -1
- package/dist/esm/components/pressable.js +1 -1
- package/dist/types/compiled/components/flex.d.ts +1 -42
- package/dist/types/compiled/components/grid.d.ts +1 -52
- package/dist/types/compiled/components/inline.d.ts +1 -47
- package/dist/types/compiled/components/pressable.d.ts +1 -1
- package/dist/types/compiled/components/stack.d.ts +1 -34
- package/dist/types/compiled/components/text.d.ts +1 -1
- package/dist/types/components/flex.d.ts +1 -42
- package/dist/types/components/grid.d.ts +1 -64
- package/dist/types/components/inline.d.ts +1 -47
- package/dist/types/components/pressable.d.ts +1 -1
- package/dist/types/components/stack.d.ts +1 -34
- package/dist/types/components/text.d.ts +1 -1
- package/dist/types-ts4.5/compiled/components/flex.d.ts +1 -42
- package/dist/types-ts4.5/compiled/components/grid.d.ts +1 -52
- package/dist/types-ts4.5/compiled/components/inline.d.ts +1 -47
- package/dist/types-ts4.5/compiled/components/pressable.d.ts +1 -1
- package/dist/types-ts4.5/compiled/components/stack.d.ts +1 -34
- package/dist/types-ts4.5/compiled/components/text.d.ts +1 -1
- package/dist/types-ts4.5/components/flex.d.ts +1 -42
- package/dist/types-ts4.5/components/grid.d.ts +1 -64
- package/dist/types-ts4.5/components/inline.d.ts +1 -47
- package/dist/types-ts4.5/components/pressable.d.ts +1 -1
- package/dist/types-ts4.5/components/stack.d.ts +1 -34
- package/dist/types-ts4.5/components/text.d.ts +1 -1
- package/package.json +12 -12
|
@@ -66,51 +66,5 @@ export type InlineProps<T extends ElementType = 'div'> = {
|
|
|
66
66
|
* ```
|
|
67
67
|
*
|
|
68
68
|
*/
|
|
69
|
-
declare const Inline: React.MemoExoticComponent<React.ForwardRefExoticComponent<
|
|
70
|
-
/**
|
|
71
|
-
* The DOM element to render as the Inline. Defaults to `div`.
|
|
72
|
-
*/
|
|
73
|
-
as?: "div" | "dl" | "li" | "ol" | "span" | "ul" | undefined;
|
|
74
|
-
/**
|
|
75
|
-
* Used to align children along the block axis (typically vertical).
|
|
76
|
-
*/
|
|
77
|
-
alignBlock?: AlignBlock | undefined;
|
|
78
|
-
/**
|
|
79
|
-
* Used to align children along the inline axis (typically horizontal).
|
|
80
|
-
*/
|
|
81
|
-
alignInline?: AlignInline | undefined;
|
|
82
|
-
/**
|
|
83
|
-
* Used to set whether children are forced onto one line or will wrap onto multiple lines.
|
|
84
|
-
*/
|
|
85
|
-
shouldWrap?: boolean | undefined;
|
|
86
|
-
/**
|
|
87
|
-
* Used to distribute the children along the main axis.
|
|
88
|
-
*/
|
|
89
|
-
spread?: "space-between" | undefined;
|
|
90
|
-
/**
|
|
91
|
-
* Used to set whether the container should grow to fill the available space.
|
|
92
|
-
*/
|
|
93
|
-
grow?: Grow | undefined;
|
|
94
|
-
/**
|
|
95
|
-
* Represents the space between each child.
|
|
96
|
-
*/
|
|
97
|
-
space?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | "space.1000" | undefined;
|
|
98
|
-
/**
|
|
99
|
-
* Represents the space between rows when content wraps.
|
|
100
|
-
* Used to override the `space` value in between rows.
|
|
101
|
-
*/
|
|
102
|
-
rowSpace?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | "space.1000" | undefined;
|
|
103
|
-
/**
|
|
104
|
-
* Renders a separator string between each child. Avoid using `separator="•"` when `as="ul" | "ol" | "dl"` to preserve proper list semantics.
|
|
105
|
-
*/
|
|
106
|
-
separator?: React.ReactNode;
|
|
107
|
-
/**
|
|
108
|
-
* Elements to be rendered inside the Inline.
|
|
109
|
-
*/
|
|
110
|
-
children: ReactNode;
|
|
111
|
-
/**
|
|
112
|
-
* Forwarded ref element.
|
|
113
|
-
*/
|
|
114
|
-
ref?: any;
|
|
115
|
-
} & BasePrimitiveProps, "children" | "space" | "separator" | "as" | keyof BasePrimitiveProps | "alignInline" | "alignBlock" | "shouldWrap" | "spread" | "grow" | "rowSpace"> & React.RefAttributes<any>>>;
|
|
69
|
+
declare const Inline: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<InlineProps<React.ElementType>, "ref"> & React.RefAttributes<any>>>;
|
|
116
70
|
export default Inline;
|
|
@@ -87,5 +87,5 @@ export type PressableProps = Omit<ComponentPropsWithoutRef<'button'>, 'disabled'
|
|
|
87
87
|
* - [Code](https://atlassian.design/components/primitives/pressable/code)
|
|
88
88
|
* - [Usage](https://atlassian.design/components/primitives/pressable/usage)
|
|
89
89
|
*/
|
|
90
|
-
declare const Pressable: import("react").ForwardRefExoticComponent<
|
|
90
|
+
declare const Pressable: import("react").ForwardRefExoticComponent<Omit<PressableProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
91
91
|
export default Pressable;
|
|
@@ -53,38 +53,5 @@ export type StackProps<T extends ElementType = 'div'> = {
|
|
|
53
53
|
* ```
|
|
54
54
|
*
|
|
55
55
|
*/
|
|
56
|
-
declare const Stack: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<
|
|
57
|
-
/**
|
|
58
|
-
* The DOM element to render as the Stack. Defaults to `div`.
|
|
59
|
-
*/
|
|
60
|
-
as?: "div" | "dl" | "ol" | "span" | "ul" | undefined;
|
|
61
|
-
/**
|
|
62
|
-
* Used to align children along the block axis (typically vertical).
|
|
63
|
-
*/
|
|
64
|
-
alignBlock?: "center" | "stretch" | "end" | "start" | undefined;
|
|
65
|
-
/**
|
|
66
|
-
* Used to align children along the inline axis (typically horizontal).
|
|
67
|
-
*/
|
|
68
|
-
alignInline?: AlignInline | undefined;
|
|
69
|
-
/**
|
|
70
|
-
* Used to distribute the children along the main axis.
|
|
71
|
-
*/
|
|
72
|
-
spread?: "space-between" | undefined;
|
|
73
|
-
/**
|
|
74
|
-
* Used to set whether the container should grow to fill the available space.
|
|
75
|
-
*/
|
|
76
|
-
grow?: Grow | undefined;
|
|
77
|
-
/**
|
|
78
|
-
* Represents the space between each child.
|
|
79
|
-
*/
|
|
80
|
-
space?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | "space.1000" | undefined;
|
|
81
|
-
/**
|
|
82
|
-
* Elements to be rendered inside the Stack.
|
|
83
|
-
*/
|
|
84
|
-
children: ReactNode;
|
|
85
|
-
/**
|
|
86
|
-
* Forwarded ref element.
|
|
87
|
-
*/
|
|
88
|
-
ref?: any;
|
|
89
|
-
} & BasePrimitiveProps, "children" | "space" | "as" | keyof BasePrimitiveProps | "alignInline" | "alignBlock" | "spread" | "grow"> & import("react").RefAttributes<any>>>;
|
|
56
|
+
declare const Stack: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<StackProps<ElementType>, "ref"> & import("react").RefAttributes<any>>>;
|
|
90
57
|
export default Stack;
|
|
@@ -70,5 +70,5 @@ declare const textAlignMap: {
|
|
|
70
70
|
*
|
|
71
71
|
* @internal
|
|
72
72
|
*/
|
|
73
|
-
declare const Text: import("react").ForwardRefExoticComponent<
|
|
73
|
+
declare const Text: import("react").ForwardRefExoticComponent<Omit<TextProps<ElementType>, "ref"> & import("react").RefAttributes<any>>;
|
|
74
74
|
export default Text;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/primitives",
|
|
3
|
-
"version": "13.
|
|
3
|
+
"version": "13.4.0",
|
|
4
4
|
"description": "Primitives are token-backed low-level building blocks.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -124,14 +124,14 @@
|
|
|
124
124
|
"codegen-styles": "ts-node -r tsconfig-paths/register ./scripts/codegen-styles.tsx"
|
|
125
125
|
},
|
|
126
126
|
"dependencies": {
|
|
127
|
-
"@atlaskit/analytics-next": "^10.
|
|
128
|
-
"@atlaskit/app-provider": "^1.
|
|
129
|
-
"@atlaskit/css": "^0.
|
|
130
|
-
"@atlaskit/ds-lib": "^3.
|
|
131
|
-
"@atlaskit/interaction-context": "^2.
|
|
127
|
+
"@atlaskit/analytics-next": "^10.3.0",
|
|
128
|
+
"@atlaskit/app-provider": "^1.8.0",
|
|
129
|
+
"@atlaskit/css": "^0.8.0",
|
|
130
|
+
"@atlaskit/ds-lib": "^3.5.0",
|
|
131
|
+
"@atlaskit/interaction-context": "^2.6.0",
|
|
132
132
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
133
|
-
"@atlaskit/tokens": "^3.
|
|
134
|
-
"@atlaskit/visually-hidden": "^1.
|
|
133
|
+
"@atlaskit/tokens": "^3.3.0",
|
|
134
|
+
"@atlaskit/visually-hidden": "^1.6.0",
|
|
135
135
|
"@babel/runtime": "^7.0.0",
|
|
136
136
|
"@compiled/react": "^0.18.1",
|
|
137
137
|
"@emotion/react": "^11.7.1",
|
|
@@ -148,14 +148,14 @@
|
|
|
148
148
|
"@af/integration-testing": "*",
|
|
149
149
|
"@af/visual-regression": "*",
|
|
150
150
|
"@atlaskit/ssr": "*",
|
|
151
|
-
"@atlaskit/toggle": "^14.
|
|
152
|
-
"@atlaskit/tooltip": "^19.
|
|
151
|
+
"@atlaskit/toggle": "^14.1.0",
|
|
152
|
+
"@atlaskit/tooltip": "^19.1.0",
|
|
153
153
|
"@atlaskit/visual-regression": "*",
|
|
154
154
|
"@atlassian/codegen": "^0.1.0",
|
|
155
|
-
"@testing-library/react": "^
|
|
155
|
+
"@testing-library/react": "^13.4.0",
|
|
156
156
|
"@testing-library/react-hooks": "^8.0.1",
|
|
157
157
|
"csstype": "^3.1.0",
|
|
158
|
-
"react-dom": "^
|
|
158
|
+
"react-dom": "^18.2.0",
|
|
159
159
|
"ts-node": "^10.9.1",
|
|
160
160
|
"typescript": "~5.4.2"
|
|
161
161
|
},
|