@atlaskit/forge-react-types 0.46.3 → 0.47.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 (14) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/cjs/components/__generated__/BoxProps.codegen.js +5 -1
  3. package/dist/cjs/components/__generated__/PressableProps.codegen.js +5 -1
  4. package/dist/es2019/components/__generated__/BoxProps.codegen.js +5 -1
  5. package/dist/es2019/components/__generated__/PressableProps.codegen.js +5 -1
  6. package/dist/esm/components/__generated__/BoxProps.codegen.js +5 -1
  7. package/dist/esm/components/__generated__/PressableProps.codegen.js +5 -1
  8. package/dist/types/components/__generated__/BoxProps.codegen.d.ts +3 -3
  9. package/dist/types/components/__generated__/PressableProps.codegen.d.ts +3 -3
  10. package/dist/types-ts4.5/components/__generated__/BoxProps.codegen.d.ts +3 -3
  11. package/dist/types-ts4.5/components/__generated__/PressableProps.codegen.d.ts +3 -3
  12. package/package.json +6 -6
  13. package/src/components/__generated__/BoxProps.codegen.tsx +6 -1
  14. package/src/components/__generated__/PressableProps.codegen.tsx +6 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @atlaskit/forge-react-types
2
2
 
3
+ ## 0.47.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`1696da6220e23`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1696da6220e23) -
8
+ Add textAlign to xcss
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+
3
14
  ## 0.46.3
4
15
 
5
16
  ### Patch Changes
package/dist/cjs/components/__generated__/BoxProps.codegen.js CHANGED
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  *
9
9
  * Extract component prop types from UIKit 2 components - BoxProps
10
10
  *
11
- * @codegen <<SignedSource::59d9053f6fa2fe522770b1b720b745a7>>
11
+ * @codegen <<SignedSource::833bfa08957ddde715c67a04add3f554>>
12
12
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
13
13
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::cd2255d6156809f22f110b9eb0936c9d>>
14
14
  */
@@ -26,6 +26,10 @@ Object.defineProperty(exports, "__esModule", {
26
26
  */
27
27
 
28
28
  var xcssValidator = makeXCSSValidator({
29
+ // text related props
30
+ textAlign: {
31
+ allowCSS: true
32
+ },
29
33
  // color related props
30
34
  color: true,
31
35
  boxShadow: true,
package/dist/cjs/components/__generated__/PressableProps.codegen.js CHANGED
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  *
9
9
  * Extract component prop types from UIKit 2 components - PressableProps
10
10
  *
11
- * @codegen <<SignedSource::e2a66a4b4895b62cc4fce2fea034ad4b>>
11
+ * @codegen <<SignedSource::0ae6fa853a1ee2d3875c0c1765703398>>
12
12
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
13
13
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::d647047e3db08689d4030f643748e661>>
14
14
  */
@@ -26,6 +26,10 @@ Object.defineProperty(exports, "__esModule", {
26
26
  */
27
27
 
28
28
  var xcssValidator = makeXCSSValidator({
29
+ // text related props
30
+ textAlign: {
31
+ allowCSS: true
32
+ },
29
33
  // color related props
30
34
  color: true,
31
35
  boxShadow: true,
package/dist/es2019/components/__generated__/BoxProps.codegen.js CHANGED
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - BoxProps
5
5
  *
6
- * @codegen <<SignedSource::59d9053f6fa2fe522770b1b720b745a7>>
6
+ * @codegen <<SignedSource::833bfa08957ddde715c67a04add3f554>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
8
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::cd2255d6156809f22f110b9eb0936c9d>>
9
9
  */
@@ -21,6 +21,10 @@
21
21
  */
22
22
 
23
23
  const xcssValidator = makeXCSSValidator({
24
+ // text related props
25
+ textAlign: {
26
+ allowCSS: true
27
+ },
24
28
  // color related props
25
29
  color: true,
26
30
  boxShadow: true,
package/dist/es2019/components/__generated__/PressableProps.codegen.js CHANGED
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - PressableProps
5
5
  *
6
- * @codegen <<SignedSource::e2a66a4b4895b62cc4fce2fea034ad4b>>
6
+ * @codegen <<SignedSource::0ae6fa853a1ee2d3875c0c1765703398>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
8
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::d647047e3db08689d4030f643748e661>>
9
9
  */
@@ -21,6 +21,10 @@
21
21
  */
22
22
 
23
23
  const xcssValidator = makeXCSSValidator({
24
+ // text related props
25
+ textAlign: {
26
+ allowCSS: true
27
+ },
24
28
  // color related props
25
29
  color: true,
26
30
  boxShadow: true,
package/dist/esm/components/__generated__/BoxProps.codegen.js CHANGED
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - BoxProps
5
5
  *
6
- * @codegen <<SignedSource::59d9053f6fa2fe522770b1b720b745a7>>
6
+ * @codegen <<SignedSource::833bfa08957ddde715c67a04add3f554>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
8
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::cd2255d6156809f22f110b9eb0936c9d>>
9
9
  */
@@ -21,6 +21,10 @@
21
21
  */
22
22
 
23
23
  var xcssValidator = makeXCSSValidator({
24
+ // text related props
25
+ textAlign: {
26
+ allowCSS: true
27
+ },
24
28
  // color related props
25
29
  color: true,
26
30
  boxShadow: true,
package/dist/esm/components/__generated__/PressableProps.codegen.js CHANGED
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - PressableProps
5
5
  *
6
- * @codegen <<SignedSource::e2a66a4b4895b62cc4fce2fea034ad4b>>
6
+ * @codegen <<SignedSource::0ae6fa853a1ee2d3875c0c1765703398>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
8
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::d647047e3db08689d4030f643748e661>>
9
9
  */
@@ -21,6 +21,10 @@
21
21
  */
22
22
 
23
23
  var xcssValidator = makeXCSSValidator({
24
+ // text related props
25
+ textAlign: {
26
+ allowCSS: true
27
+ },
24
28
  // color related props
25
29
  color: true,
26
30
  boxShadow: true,
package/dist/types/components/__generated__/BoxProps.codegen.d.ts CHANGED
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - BoxProps
5
5
  *
6
- * @codegen <<SignedSource::59d9053f6fa2fe522770b1b720b745a7>>
6
+ * @codegen <<SignedSource::833bfa08957ddde715c67a04add3f554>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
8
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::cd2255d6156809f22f110b9eb0936c9d>>
9
9
  */
@@ -75,7 +75,7 @@ declare const makeXCSSValidator: <U extends XCSSValidatorParam>(supportedXCSSPro
75
75
  }>;
76
76
  export { makeXCSSValidator };
77
77
  export type { SafeCSSObject };
78
- 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" | "borderStyle" | "overflow", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "flexGrow", {
78
+ 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", {
79
79
  borderBlockEndWidth?: "border.width" | {
80
80
  [x: number]: boolean | undefined;
81
81
  length?: boolean | undefined;
@@ -1216,7 +1216,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1216
1216
  readonly [Symbol.unscopables]?: boolean | undefined;
1217
1217
  at?: boolean | undefined;
1218
1218
  } | undefined;
1219
- }>) => 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" | "borderStyle" | "overflow", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "flexGrow", {
1219
+ }>) => 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", {
1220
1220
  borderBlockEndWidth?: "border.width" | {
1221
1221
  [x: number]: boolean | undefined;
1222
1222
  length?: boolean | undefined;
package/dist/types/components/__generated__/PressableProps.codegen.d.ts CHANGED
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - PressableProps
5
5
  *
6
- * @codegen <<SignedSource::e2a66a4b4895b62cc4fce2fea034ad4b>>
6
+ * @codegen <<SignedSource::0ae6fa853a1ee2d3875c0c1765703398>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
8
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::d647047e3db08689d4030f643748e661>>
9
9
  */
@@ -75,7 +75,7 @@ declare const makeXCSSValidator: <U extends XCSSValidatorParam>(supportedXCSSPro
75
75
  }>;
76
76
  export { makeXCSSValidator };
77
77
  export type { SafeCSSObject };
78
- 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" | "borderStyle" | "overflow", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "flexGrow", {
78
+ 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", {
79
79
  borderBlockEndWidth?: "border.width" | {
80
80
  [x: number]: boolean | undefined;
81
81
  length?: boolean | undefined;
@@ -1216,7 +1216,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1216
1216
  readonly [Symbol.unscopables]?: boolean | undefined;
1217
1217
  at?: boolean | undefined;
1218
1218
  } | undefined;
1219
- }>) => 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" | "borderStyle" | "overflow", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "flexGrow", {
1219
+ }>) => 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", {
1220
1220
  borderBlockEndWidth?: "border.width" | {
1221
1221
  [x: number]: boolean | undefined;
1222
1222
  length?: boolean | undefined;
package/dist/types-ts4.5/components/__generated__/BoxProps.codegen.d.ts CHANGED
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - BoxProps
5
5
  *
6
- * @codegen <<SignedSource::59d9053f6fa2fe522770b1b720b745a7>>
6
+ * @codegen <<SignedSource::833bfa08957ddde715c67a04add3f554>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
8
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::cd2255d6156809f22f110b9eb0936c9d>>
9
9
  */
@@ -75,7 +75,7 @@ declare const makeXCSSValidator: <U extends XCSSValidatorParam>(supportedXCSSPro
75
75
  }>;
76
76
  export { makeXCSSValidator };
77
77
  export type { SafeCSSObject };
78
- 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" | "borderStyle" | "overflow", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "flexGrow", {
78
+ 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", {
79
79
  borderBlockEndWidth?: "border.width" | {
80
80
  [x: number]: boolean | undefined;
81
81
  length?: boolean | undefined;
@@ -1216,7 +1216,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1216
1216
  readonly [Symbol.unscopables]?: boolean | undefined;
1217
1217
  at?: boolean | undefined;
1218
1218
  } | undefined;
1219
- }>) => 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" | "borderStyle" | "overflow", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "flexGrow", {
1219
+ }>) => 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", {
1220
1220
  borderBlockEndWidth?: "border.width" | {
1221
1221
  [x: number]: boolean | undefined;
1222
1222
  length?: boolean | undefined;
package/dist/types-ts4.5/components/__generated__/PressableProps.codegen.d.ts CHANGED
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - PressableProps
5
5
  *
6
- * @codegen <<SignedSource::e2a66a4b4895b62cc4fce2fea034ad4b>>
6
+ * @codegen <<SignedSource::0ae6fa853a1ee2d3875c0c1765703398>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
8
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::d647047e3db08689d4030f643748e661>>
9
9
  */
@@ -75,7 +75,7 @@ declare const makeXCSSValidator: <U extends XCSSValidatorParam>(supportedXCSSPro
75
75
  }>;
76
76
  export { makeXCSSValidator };
77
77
  export type { SafeCSSObject };
78
- 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" | "borderStyle" | "overflow", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "flexGrow", {
78
+ 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", {
79
79
  borderBlockEndWidth?: "border.width" | {
80
80
  [x: number]: boolean | undefined;
81
81
  length?: boolean | undefined;
@@ -1216,7 +1216,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1216
1216
  readonly [Symbol.unscopables]?: boolean | undefined;
1217
1217
  at?: boolean | undefined;
1218
1218
  } | undefined;
1219
- }>) => 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" | "borderStyle" | "overflow", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "flexGrow", {
1219
+ }>) => 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", {
1220
1220
  borderBlockEndWidth?: "border.width" | {
1221
1221
  [x: number]: boolean | undefined;
1222
1222
  length?: boolean | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/forge-react-types",
3
- "version": "0.46.3",
3
+ "version": "0.47.0",
4
4
  "description": "Component types for Forge UI Kit React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -28,13 +28,13 @@
28
28
  "@atlaskit/form": "^14.2.0",
29
29
  "@atlaskit/inline-edit": "^15.3.0",
30
30
  "@atlaskit/modal-dialog": "^14.6.0",
31
- "@atlaskit/navigation-system": "^5.0.0",
32
- "@atlaskit/popup": "^4.5.0",
31
+ "@atlaskit/navigation-system": "^5.2.0",
32
+ "@atlaskit/popup": "^4.6.0",
33
33
  "@atlaskit/primitives": "^16.1.0",
34
34
  "@atlaskit/progress-bar": "^4.0.0",
35
35
  "@atlaskit/progress-tracker": "^10.3.0",
36
36
  "@atlaskit/radio": "^8.3.0",
37
- "@atlaskit/section-message": "^8.8.0",
37
+ "@atlaskit/section-message": "^8.9.0",
38
38
  "@atlaskit/select": "^21.3.0",
39
39
  "@atlaskit/spinner": "^19.0.0",
40
40
  "@atlaskit/tabs": "^18.2.0",
@@ -43,7 +43,7 @@
43
43
  "@atlaskit/textarea": "^8.0.0",
44
44
  "@atlaskit/textfield": "^8.0.0",
45
45
  "@atlaskit/toggle": "^15.1.0",
46
- "@atlaskit/tokens": "^7.0.0",
46
+ "@atlaskit/tokens": "^7.1.0",
47
47
  "@atlaskit/tooltip": "^20.7.0",
48
48
  "@babel/runtime": "^7.0.0"
49
49
  },
@@ -52,7 +52,7 @@
52
52
  },
53
53
  "devDependencies": {
54
54
  "@atlassian/codegen": "^0.1.0",
55
- "@atlassian/forge-ui": "^32.43.0",
55
+ "@atlassian/forge-ui": "^32.45.0",
56
56
  "@types/node": "~22.17.1",
57
57
  "lodash": "^4.17.21",
58
58
  "react": "^18.2.0",
package/src/components/__generated__/BoxProps.codegen.tsx CHANGED
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - BoxProps
5
5
  *
6
- * @codegen <<SignedSource::59d9053f6fa2fe522770b1b720b745a7>>
6
+ * @codegen <<SignedSource::833bfa08957ddde715c67a04add3f554>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
8
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::cd2255d6156809f22f110b9eb0936c9d>>
9
9
  */
@@ -68,6 +68,11 @@ export { makeXCSSValidator };
68
68
  export type { SafeCSSObject };
69
69
 
70
70
  const xcssValidator = makeXCSSValidator({
71
+ // text related props
72
+ textAlign: {
73
+ allowCSS: true,
74
+ },
75
+
71
76
  // color related props
72
77
  color: true,
73
78
  boxShadow: true,
package/src/components/__generated__/PressableProps.codegen.tsx CHANGED
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - PressableProps
5
5
  *
6
- * @codegen <<SignedSource::e2a66a4b4895b62cc4fce2fea034ad4b>>
6
+ * @codegen <<SignedSource::0ae6fa853a1ee2d3875c0c1765703398>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
8
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::d647047e3db08689d4030f643748e661>>
9
9
  */
@@ -68,6 +68,11 @@ export { makeXCSSValidator };
68
68
  export type { SafeCSSObject };
69
69
 
70
70
  const xcssValidator = makeXCSSValidator({
71
+ // text related props
72
+ textAlign: {
73
+ allowCSS: true,
74
+ },
75
+
71
76
  // color related props
72
77
  color: true,
73
78
  boxShadow: true,