npm - @atlaskit/forge-react-types - Versions diffs - 0.53.0 → 0.55.0 - Mend

@atlaskit/forge-react-types 0.53.0 → 0.55.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 (36) hide show

package/dist/esm/components/charts/PieChartProps.js CHANGED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/types/components/__generated__/BoxProps.codegen.d.ts CHANGED Viewed

@@ -3,15 +3,14 @@
  *
  * Extract component prop types from UIKit 2 components - BoxProps
  *
- * @codegen <<SignedSource::5713a45f955f5850078204892e910b64>>
+ * @codegen <<SignedSource::653f98d927e1ec1646db39eca8e994fb>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/index.tsx <<SignedSource::6b375bb57ecf19919f9e1b65e899fd96>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/index.tsx <<SignedSource::8875ae64ad6c03e0827dd8f8a893ac04>>
  */
-import React from 'react';
-import type { Box as PlatformBox } from '@atlaskit/primitives';
-import type * as CSS from 'csstype';
-import type { MediaQuery } from '@atlaskit/primitives';
-import { tokensMap } from '@atlaskit/primitives';
+import React from "react";
+import { type BackgroundColor, type Space, type MediaQuery, tokensMap } from "./tokens.codegen";
+import type * as CSS from "csstype";
+import { type SerializedStyles, type CSSObject } from "@emotion/serialize";
 type CSSProperties = CSS.PropertiesFallback<number | string>;
 type TokensMap = typeof tokensMap;
 type TokensMapPropKey = keyof TokensMap;
@@ -75,7 +74,17 @@ declare const makeXCSSValidator: <U extends XCSSValidatorParam>(supportedXCSSPro
 }>;
 export { makeXCSSValidator };
 export type { SafeCSSObject };
-declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof CSSProperties, RestrictedPropsSpec> | SafeCSSObject<"backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartWidth" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartWidth" | "borderInlineWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRadius" | "borderRightColor" | "borderRightWidth" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "borderWidth" | "boxShadow" | "color" | "height" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTopStyle" | "display" | "flexGrow" | "overflowX" | "overflowY" | "position" | "textAlign" | "borderStyle" | "overflow", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "flexGrow" | "textAlign", {
+/**
+ * Generates SerializedStyles from xcss style object.
+ *
+ * Previously we used `&&` specificity hack to ensure Emotion xcss styles could
+ * override Compiled styles when wrapping @atlaskit/primitives/compiled components.
+ *
+ * Now that components like Box and Pressable are reimplemented entirely in Emotion,
+ * we no longer need the specificity increase - Emotion merges styles in array order (last wins).
+ */
+export declare function generateXcss(styleObj: CSSObject): SerializedStyles;
+declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof CSSProperties, RestrictedPropsSpec> | SafeCSSObject<"backgroundColor" | "padding" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "borderBlockEndColor" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderEndEndRadius" | "borderEndStartRadius" | "borderInlineEndColor" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "color" | "display" | "flexGrow" | "height" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "textAlign" | "width" | "borderBlockColor" | "borderBlockWidth" | "borderColor" | "borderInlineColor" | "borderInlineWidth" | "borderRadius" | "borderStyle" | "borderWidth" | "margin" | "marginBlock" | "marginInline" | "overflow", "flexGrow" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "textAlign" | "width", {
     borderBottomLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
@@ -152,7 +161,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderEndEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
+    borderBottomStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -190,7 +199,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderEndStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
+    borderEndEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -228,7 +237,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
+    borderEndStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -266,7 +275,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderStartEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
+    borderLeftStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -304,7 +313,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderStartStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
+    borderRightStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -342,7 +351,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderTopLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
+    borderStartEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -380,7 +389,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderTopRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
+    borderStartStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -418,7 +427,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderBottomStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
+    borderTopLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -456,7 +465,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderLeftStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
+    borderTopRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -494,7 +503,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderRightStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
+    borderTopStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -532,7 +541,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderTopStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
+    display?: "block" | "inline" | "inline-block" | "none" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -570,7 +579,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    display?: "block" | "inline" | "inline-block" | "none" | {
+    overflowX?: "auto" | "hidden" | "scroll" | "visible" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -608,7 +617,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    overflowX?: "auto" | "hidden" | "scroll" | "visible" | {
+    overflowY?: "auto" | "hidden" | "scroll" | "visible" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -646,7 +655,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    overflowY?: "auto" | "hidden" | "scroll" | "visible" | {
+    position?: "relative" | "static" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -684,7 +693,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    position?: "relative" | "static" | {
+    borderRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -798,7 +807,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-}>) => SafeCSSObject<"backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartWidth" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartWidth" | "borderInlineWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRadius" | "borderRightColor" | "borderRightWidth" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "borderWidth" | "boxShadow" | "color" | "height" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTopStyle" | "display" | "flexGrow" | "overflowX" | "overflowY" | "position" | "textAlign" | "borderStyle" | "overflow", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "flexGrow" | "textAlign", {
+}>) => SafeCSSObject<"backgroundColor" | "padding" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "borderBlockEndColor" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderEndEndRadius" | "borderEndStartRadius" | "borderInlineEndColor" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "color" | "display" | "flexGrow" | "height" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "textAlign" | "width" | "borderBlockColor" | "borderBlockWidth" | "borderColor" | "borderInlineColor" | "borderInlineWidth" | "borderRadius" | "borderStyle" | "borderWidth" | "margin" | "marginBlock" | "marginInline" | "overflow", "flexGrow" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "textAlign" | "width", {
     borderBottomLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
@@ -875,7 +884,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderEndEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
+    borderBottomStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -913,7 +922,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderEndStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
+    borderEndEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -951,7 +960,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
+    borderEndStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -989,7 +998,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderStartEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
+    borderLeftStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -1027,7 +1036,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderStartStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
+    borderRightStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -1065,7 +1074,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderTopLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
+    borderStartEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -1103,7 +1112,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderTopRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
+    borderStartStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -1141,7 +1150,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderBottomStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
+    borderTopLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -1179,7 +1188,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderLeftStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
+    borderTopRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -1217,7 +1226,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderRightStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
+    borderTopStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -1255,7 +1264,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    borderTopStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
+    display?: "block" | "inline" | "inline-block" | "none" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -1293,7 +1302,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    display?: "block" | "inline" | "inline-block" | "none" | {
+    overflowX?: "auto" | "hidden" | "scroll" | "visible" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -1331,7 +1340,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    overflowX?: "auto" | "hidden" | "scroll" | "visible" | {
+    overflowY?: "auto" | "hidden" | "scroll" | "visible" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -1369,7 +1378,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    overflowY?: "auto" | "hidden" | "scroll" | "visible" | {
+    position?: "relative" | "static" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -1407,7 +1416,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
         readonly [Symbol.unscopables]?: boolean | undefined;
         at?: boolean | undefined;
     } | undefined;
-    position?: "relative" | "static" | {
+    borderRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;
         toString?: boolean | undefined;
@@ -1523,8 +1532,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
     } | undefined;
 }>;
 type XCSSProp = ReturnType<typeof xcssValidator>;
-type PlatformBoxProps = React.ComponentProps<typeof PlatformBox>;
-export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
+export type BoxProps = {
     /**
      * A token alias for background color. See: [Design tokens](https://atlassian.design/components/tokens/all-tokens)
      * for a list of available colors.
@@ -1534,59 +1542,65 @@ export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
      *
      * @type [Background color tokens](https://atlassian.design/components/tokens/all-tokens#color-background)
      */
-    backgroundColor?: PlatformBoxProps['backgroundColor'];
+    backgroundColor?: BackgroundColor;
     /**
      * @type ForgeComponent
      */
-    children?: PlatformBoxProps['children'];
+    children?: React.ReactNode;
     /**
      * A shorthand for `paddingBlock` and `paddingInline` together.
      *
      * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
      */
-    padding?: PlatformBoxProps['padding'];
+    padding?: Space;
     /**
      * The logical block start and end padding of an element.
      *
      * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
      */
-    paddingBlock?: PlatformBoxProps['paddingBlock'];
+    paddingBlock?: Space;
     /**
      * The logical block end padding of an element.
      *
      * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
      */
-    paddingBlockEnd?: PlatformBoxProps['paddingBlockEnd'];
+    paddingBlockEnd?: Space;
     /**
      * The logical block start padding of an element.
      *
      * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
      */
-    paddingBlockStart?: PlatformBoxProps['paddingBlockStart'];
+    paddingBlockStart?: Space;
     /**
      * The logical inline start and end padding of an element.
      *
      * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
      */
-    paddingInline?: PlatformBoxProps['paddingInline'];
+    paddingInline?: Space;
     /**
      * The logical inline end padding of an element.
      *
      * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
      */
-    paddingInlineEnd?: PlatformBoxProps['paddingInlineEnd'];
+    paddingInlineEnd?: Space;
     /**
      * The logical inline start padding of an element.
      *
      * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
      */
-    paddingInlineStart?: PlatformBoxProps['paddingInlineStart'];
+    paddingInlineStart?: Space;
     /**
      * Accessible role.
      *
      * @type string
      */
-    role?: PlatformBoxProps['role'];
+    role?: string;
+    /**
+     * Test ID for the box.
+     *
+     * @type string
+     */
+    testId?: string;
     /**
      * Apply a subset of permitted styles, powered by Atlassian Design System tokens.
      * For a list of supported style properties on this component, see [here](https://developer.atlassian.com/platform/forge/ui-kit/components/xcss).

package/dist/types/components/__generated__/ButtonGroupProps.codegen.d.ts CHANGED Viewed

@@ -3,12 +3,11 @@
  *
  * Extract component prop types from UIKit 2 components - ButtonGroupProps
  *
- * @codegen <<SignedSource::1961536cd507ac4a052deeb8743f1267>>
+ * @codegen <<SignedSource::17e4c7b27bf25505bd192e44f0bc3c37>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/button/__generated__/button-group.partial.tsx <<SignedSource::83622155981d05f77224a32bab4969b5>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/button/__generated__/button-group.partial.tsx <<SignedSource::425feaa78f4ad0ff0373e9e49718c6f9>>
  */
-import type { ButtonGroupProps as PlatformButtonGroupProps } from '@atlaskit/button';
-import type { ButtonProps } from '@atlaskit/button';
+import type { ButtonGroupProps as PlatformButtonGroupProps, ButtonProps } from '@atlaskit/button';
 export type ButtonGroupProps = Pick<PlatformButtonGroupProps, 'children' | 'testId' | 'label' | 'titleId'> & {
     appearance?: ButtonProps['appearance'];
 };

package/dist/types/components/__generated__/IconProps.codegen.d.ts CHANGED Viewed

@@ -11,7 +11,7 @@ import type { ActiveTokens } from '@atlaskit/tokens';
 export type IconNext = 'add' | 'app-switcher' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'attachment' | 'audio' | 'backlog' | 'board' | 'calendar' | 'camera' | 'checkbox-indeterminate' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'comment' | 'component' | 'copy' | 'cross-circle' | 'cross' | 'dashboard' | 'decision' | 'department' | 'download' | 'edit' | 'email' | 'emoji-add' | 'emoji' | 'feedback' | 'file' | 'filter' | 'flag-filled' | 'home' | 'image' | 'lightbulb' | 'link' | 'location' | 'marketplace' | 'menu' | 'notification' | 'office-building' | 'page' | 'people-group' | 'person' | 'premium' | 'question-circle' | 'redo' | 'refresh' | 'retry' | 'roadmap' | 'screen' | 'search' | 'send' | 'settings' | 'share' | 'sprint' | 'stopwatch' | 'task' | 'teams' | 'undo' | 'accessibility' | 'ai-agent' | 'ai-chat' | 'ai-generative-text-summary' | 'alert' | 'align-image-center' | 'align-image-left' | 'align-image-right' | 'align-text-center' | 'align-text-left' | 'align-text-right' | 'angle-brackets' | 'api' | 'app' | 'app-switcher-legacy' | 'apps' | 'archive-box' | 'arrow-down-left' | 'arrow-down-right' | 'arrow-up-left' | 'arrow-up-right' | 'assets' | 'atlassian-intelligence' | 'automation' | 'basketball' | 'boards' | 'book-with-bookmark' | 'border' | 'branch' | 'briefcase' | 'bug' | 'calendar-plus' | 'capture' | 'card' | 'cash' | 'changes' | 'chart-bar' | 'chart-bubble' | 'chart-matrix' | 'chart-pie' | 'chart-trend' | 'chart-trend-down' | 'chart-trend-up' | 'chat-widget' | 'check-circle-unchecked' | 'check-mark' | 'checkbox-checked' | 'checkbox-unchecked' | 'chevron-double-left' | 'chevron-double-right' | 'child-work-items' | 'clipboard' | 'clock' | 'close' | 'cloud-arrow-up' | 'collapse-horizontal' | 'collapse-vertical' | 'comment-add' | 'commit' | 'compass' | 'content-width-narrow' | 'content-width-wide' | 'content-wrap-left' | 'content-wrap-right' | 'credit-card' | 'curly-brackets' | 'customize' | 'data-flow' | 'data-number' | 'data-string' | 'database' | 'defect' | 'delete' | 'device-mobile' | 'devices' | 'discovery' | 'drag-handle-horizontal' | 'drag-handle-vertical' | 'edit-bulk' | 'emoji-casual' | 'emoji-neutral' | 'emoji-remove' | 'epic' | 'exclamation-square' | 'expand-horizontal' | 'expand-vertical' | 'eye-open' | 'eye-open-filled' | 'eye-open-strikethrough' | 'feed' | 'field' | 'field-alert' | 'field-checkbox-group' | 'field-dropdown' | 'field-radio-group' | 'files' | 'flag' | 'flask' | 'focus-area' | 'folder-closed' | 'folder-open' | 'form' | 'fullscreen-enter' | 'fullscreen-exit' | 'glasses' | 'globe' | 'goal' | 'grid' | 'grow-diagonal' | 'grow-horizontal' | 'grow-vertical' | 'hashtag' | 'headphones' | 'heart' | 'highlight' | 'image-fullscreen' | 'image-inline' | 'image-scaled' | 'inbox' | 'incident' | 'information' | 'information-circle' | 'key-result' | 'layout-one-column' | 'layout-three-columns' | 'layout-three-columns-sidebars' | 'layout-two-columns' | 'layout-two-columns-sidebar-left' | 'layout-two-columns-sidebar-right' | 'library' | 'link-broken' | 'link-external' | 'list-bulleted' | 'list-checklist' | 'list-numbered' | 'lobby-bell' | 'lock-locked' | 'lock-unlocked' | 'log-in' | 'log-out' | 'magic-wand' | 'markdown' | 'maximize' | 'megaphone' | 'merge-failure' | 'merge-success' | 'microphone' | 'minimize' | 'minus' | 'minus-square' | 'node' | 'note' | 'notification-muted' | 'objective' | 'on-call' | 'operations' | 'pages' | 'paint-bucket' | 'paint-palette' | 'panel-left' | 'panel-right' | 'pen' | 'person-add' | 'person-added' | 'person-avatar' | 'person-offboard' | 'person-remove' | 'person-warning' | 'phone' | 'pin' | 'pin-filled' | 'plus-square' | 'power-plug' | 'presenter-mode' | 'printer' | 'priority-blocker' | 'priority-critical' | 'priority-high' | 'priority-highest' | 'priority-low' | 'priority-lowest' | 'priority-major' | 'priority-medium' | 'priority-minor' | 'priority-trivial' | 'problem' | 'project' | 'project-status' | 'projection-screen' | 'pull-request' | 'pulse' | 'quotation-mark' | 'radio-checked' | 'radio-unchecked' | 'release' | 'rovo-chat' | 'scales' | 'scorecard' | 'screen-plus' | 'shapes' | 'shield' | 'shield-strikethrough' | 'show-more-horizontal' | 'show-more-vertical' | 'shrink-diagonal' | 'shrink-horizontal' | 'shrink-vertical' | 'sidebar-collapse' | 'sidebar-expand' | 'smart-link' | 'smart-link-card' | 'smart-link-embed' | 'smart-link-inline' | 'smart-link-list' | 'snippet' | 'sort-ascending' | 'sort-descending' | 'spreadsheet' | 'star-starred' | 'star-unstarred' | 'status-discovery' | 'status-error' | 'status-information' | 'status-success' | 'status-verified' | 'status-warning' | 'story' | 'stroke-weight-extra-large' | 'stroke-weight-large' | 'stroke-weight-medium' | 'stroke-weight-small' | 'subtasks' | 'success' | 'support' | 'table-cell-clear' | 'table-cell-merge' | 'table-cell-split' | 'table-column-add-left' | 'table-column-add-right' | 'table-column-delete' | 'table-column-move-left' | 'table-column-move-right' | 'table-columns-distribute' | 'table-row-add-above' | 'table-row-add-below' | 'table-row-delete' | 'table-row-move-down' | 'table-row-move-up' | 'tag' | 'takeout-food' | 'target' | 'task-in-progress' | 'task-to-do' | 'tasks' | 'text' | 'text-bold' | 'text-heading' | 'text-indent-left' | 'text-indent-right' | 'text-italic' | 'text-shorten' | 'text-spellcheck' | 'text-strikethrough' | 'text-style' | 'text-underline' | 'text-wrap' | 'theme' | 'thumbs-down' | 'thumbs-up' | 'timeline' | 'tools' | 'transition' | 'translate' | 'tree' | 'vehicle-car' | 'video' | 'video-next' | 'video-next-overlay' | 'video-pause' | 'video-pause-overlay' | 'video-play' | 'video-play-overlay' | 'video-previous' | 'video-previous-overlay' | 'video-skip-backward-fifteen' | 'video-skip-backward-ten' | 'video-skip-forward-fifteen' | 'video-skip-forward-ten' | 'video-stop' | 'video-stop-overlay' | 'volume-high' | 'volume-low' | 'volume-muted' | 'whiteboard' | 'work-item' | 'work-items' | 'zoom-in' | 'zoom-out';
 export type IconRemoved = 'billing-filled' | 'billing' | 'bitbucket-builds' | 'bitbucket-clone' | 'bitbucket-compare' | 'bitbucket-forks' | 'bitbucket-output' | 'bitbucket-pipelines' | 'camera-rotate' | 'camera-take-picture' | 'canvas' | 'hipchat-chevron-double-down' | 'hipchat-chevron-double-up' | 'dropbox' | 'editor-addon' | 'editor-advanced' | 'editor-file-preview' | 'editor-image-border' | 'editor-remove-emoji' | 'editor-strikethrough' | 'editor-table-display-options' | 'editor-text-color' | 'editor-underline' | 'emoji-atlassian' | 'folder-filled' | 'following' | 'googledrive' | 'gsuite' | 'highlights' | 'image-border' | 'jira-failed-build-status' | 'list' | 'hipchat-media-attachment-count' | 'media-services-annotate' | 'media-services-arrow' | 'media-services-blur' | 'media-services-brush' | 'media-services-button-option' | 'media-services-line-thickness' | 'media-services-no-image' | 'media-services-open-mediaviewer' | 'media-services-oval' | 'media-services-pdf' | 'media-services-rectangle' | 'media-services-text' | 'media-services-unknown' | 'media-services-zip' | 'mention' | 'notification-all' | 'pdf' | 'person-with-circle' | 'person-with-cross' | 'portfolio' | 'presence-active' | 'presence-busy' | 'presence-unavailable' | 'status' | 'vid-audio-muted' | 'vid-backward' | 'vid-camera-off' | 'vid-connection-circle' | 'vid-forward' | 'vid-hang-up' | 'vid-hd-circle' | 'vid-raised-hand' | 'vid-share-screen' | 'vid-speaking-circle';
 export type IconReplaced = 'activity' | 'add-circle' | 'add-item' | 'addon' | 'editor-align-center' | 'editor-align-left' | 'editor-align-right' | 'app-access' | 'archive' | 'arrow-down-circle' | 'arrow-left-circle' | 'arrow-right-circle' | 'arrow-up-circle' | 'audio-circle' | 'hipchat-audio-only' | 'bitbucket-branches' | 'bitbucket-commits' | 'bitbucket-pullrequests' | 'bitbucket-repos' | 'bitbucket-snippets' | 'bitbucket-source' | 'book' | 'bullet-list' | 'calendar-filled' | 'camera-filled' | 'checkbox' | 'check-circle' | 'check-circle-outline' | 'check' | 'chevron-down-circle' | 'hipchat-chevron-down' | 'chevron-left-circle' | 'chevron-left-large' | 'chevron-right-circle' | 'chevron-right-large' | 'chevron-up-circle' | 'hipchat-chevron-up' | 'child-issues' | 'code' | 'creditcard-filled' | 'creditcard' | 'detail-view' | 'hipchat-dial-out' | 'discover-filled' | 'discover' | 'document-filled' | 'document' | 'documents' | 'drag-handler' | 'edit-filled' | 'editor-add' | 'editor-align-image-center' | 'editor-align-image-left' | 'editor-align-image-right' | 'editor-attachment' | 'editor-background-color' | 'editor-bold' | 'editor-bullet-list' | 'editor-close' | 'editor-code' | 'editor-collapse' | 'editor-date' | 'editor-decision' | 'editor-divider' | 'editor-done' | 'editor-edit' | 'editor-emoji' | 'editor-error' | 'editor-expand' | 'editor-feedback' | 'editor-file' | 'editor-help' | 'editor-hint' | 'editor-horizontal-rule' | 'editor-image' | 'editor-image-resize' | 'editor-indent' | 'editor-info' | 'editor-italic' | 'editor-layout-single' | 'editor-layout-three-equal' | 'editor-layout-three-with-sidebars' | 'editor-layout-two-equal' | 'editor-layout-two-left-sidebar' | 'editor-layout-two-right-sidebar' | 'editor-link' | 'editor-media-center' | 'editor-media-full-width' | 'editor-media-wide' | 'editor-media-wrap-left' | 'editor-media-wrap-right' | 'editor-mention' | 'editor-more' | 'editor-note' | 'editor-number-list' | 'editor-open' | 'editor-outdent' | 'editor-panel' | 'editor-photo' | 'editor-quote' | 'editor-recent' | 'editor-redo' | 'editor-remove' | 'editor-search' | 'editor-settings' | 'editor-success' | 'editor-table' | 'editor-task' | 'editor-text-style' | 'editor-undo' | 'editor-unlink' | 'editor-warning' | 'emoji-activity' | 'emoji-custom' | 'emoji-emoji' | 'emoji-flags' | 'emoji-food' | 'emoji-frequent' | 'emoji-keyboard' | 'emoji-nature' | 'emoji-objects' | 'emoji-people' | 'emoji-productivity' | 'emoji-symbols' | 'emoji-travel' | 'error' | 'export' | 'folder' | 'followers' | 'graph-bar' | 'graph-line' | 'home-circle' | 'image-resize' | 'info' | 'invite-team' | 'issue' | 'issue-raise' | 'issues' | 'jira-capture' | 'jira-labs' | 'jira-test-session' | 'label' | 'lightbulb-filled' | 'like' | 'link-filled' | 'hipchat-lobby' | 'lock-circle' | 'lock-filled' | 'lock' | 'media-services-actual-size' | 'media-services-add-comment' | 'media-services-audio' | 'media-services-code' | 'media-services-document' | 'media-services-filter' | 'media-services-fit-to-page' | 'media-services-full-screen' | 'media-services-grid' | 'media-services-image' | 'media-services-line' | 'media-services-preselected' | 'media-services-presentation' | 'media-services-scale-large' | 'media-services-scale-small' | 'media-services-spreadsheet' | 'media-services-video' | 'media-services-zoom-in' | 'media-services-zoom-out' | 'menu-expand' | 'mobile' | 'more' | 'more-vertical' | 'notification-direct' | 'office-building-filled' | 'open' | 'hipchat-outgoing-sound' | 'overview' | 'page-filled' | 'people' | 'person-circle' | 'person-with-tick' | 'preferences' | 'question' | 'questions' | 'queues' | 'quote' | 'radio' | 'recent' | 'room-menu' | 'schedule-filled' | 'schedule' | 'hipchat-sd-video' | 'select-clear' | 'ship' | 'shortcut' | 'sign-in' | 'sign-out' | 'star-filled' | 'star' | 'star-large' | 'subtask' | 'suitcase' | 'switcher' | 'table' | 'trash' | 'tray' | 'unlink' | 'unlock-circle' | 'unlock-filled' | 'unlock' | 'upload' | 'user-avatar-circle' | 'vid-audio-on' | 'vid-camera-on' | 'video-circle' | 'video-filled' | 'vid-full-screen-off' | 'vid-full-screen-on' | 'vid-pause' | 'vid-play' | 'vid-volume-full' | 'vid-volume-half' | 'vid-volume-muted' | 'warning' | 'watch-filled' | 'watch' | 'world' | 'world-small';
-type Glyph = IconNext | IconRemoved | IconReplaced;
+type Glyph = IconNext | IconReplaced;
 export type IconColor = Extract<ActiveTokens, `color.${string}`>;
 export type IconProps = {
     color?: IconColor;