@atlaskit/forge-react-types 0.31.1 → 0.32.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 (12) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/README.md +10 -8
  3. package/dist/cjs/components/__generated__/BoxProps.codegen.js +8 -2
  4. package/dist/es2019/components/__generated__/BoxProps.codegen.js +8 -2
  5. package/dist/esm/components/__generated__/BoxProps.codegen.js +8 -2
  6. package/dist/types/components/__generated__/BoxProps.codegen.d.ts +90 -14
  7. package/dist/types/components/__generated__/InlineProps.codegen.d.ts +3 -3
  8. package/dist/types-ts4.5/components/__generated__/BoxProps.codegen.d.ts +90 -14
  9. package/dist/types-ts4.5/components/__generated__/InlineProps.codegen.d.ts +3 -3
  10. package/package.json +5 -5
  11. package/src/components/__generated__/BoxProps.codegen.tsx +119 -113
  12. package/src/components/__generated__/InlineProps.codegen.tsx +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/forge-react-types
2
2
 
3
+ ## 0.32.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#169638](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/169638)
8
+ [`1aeeddb9199eb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1aeeddb9199eb) -
9
+ Add grow prop to Inline, expose additional style properties to Box
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 0.31.2
16
+
17
+ ### Patch Changes
18
+
19
+ - Updated dependencies
20
+
3
21
  ## 0.31.1
4
22
 
5
23
  ### Patch Changes
package/README.md CHANGED
@@ -1,13 +1,14 @@
1
1
  # Forge React Types
2
2
 
3
- This package exposes a public npm package (`@atlaskit/forge-react-types`) that contains
4
- all necessary types for UIKit2 codegen components.
3
+ This package exposes a public npm package (`@atlaskit/forge-react-types`) that contains all
4
+ necessary types for UIKit2 codegen components.
5
5
 
6
- The types are code generated from the `@atlassian/forge-ui` package and are
7
- guaranteed to be in sync with the source component implementation in the `@atlassian/forge-ui` package.
6
+ The types are code generated from the `@atlassian/forge-ui` package and are guaranteed to be in sync
7
+ with the source component implementation in the `@atlassian/forge-ui` package.
8
8
 
9
- Additionally, the package syncs ADS component related dependencies from `@atlassian/forge-ui` package, to ensure that the types are in sync with the source component implementation. This allows @forge/react package to
10
- have the consistent ADS component dependencies to the AFM platform, instead
9
+ Additionally, the package syncs ADS component related dependencies from `@atlassian/forge-ui`
10
+ package, to ensure that the types are in sync with the source component implementation. This allows
11
+ @forge/react package to have the consistent ADS component dependencies to the AFM platform, instead
11
12
  of being bounded by other dependencies in the Forge mono-repo.
12
13
 
13
14
  ## Usage
@@ -21,7 +22,7 @@ yarn workspace @atlaskit/forge-react-types codegen
21
22
  During development, the codegen command can be run for a specific component:
22
23
 
23
24
  ```bash
24
- yarn workspace @atlaskit/forge-react-types codegen <component-name>
25
+ yarn workspace @atlaskit/forge-react-types codegen <component-name>Props
25
26
  ```
26
27
 
27
28
  e.g.
@@ -30,4 +31,5 @@ e.g.
30
31
  yarn workspace @atlaskit/forge-react-types codegen ButtonProps
31
32
  ```
32
33
 
33
- NOTE: Make sure any new component prop types are being exported from `packages/forge/forge-react-types/src/components/__generated__/index.ts`
34
+ NOTE: Make sure any new component prop types are being exported from
35
+ `packages/forge/forge-react-types/src/components/__generated__/index.ts`
package/dist/cjs/components/__generated__/BoxProps.codegen.js CHANGED
@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
8
8
  *
9
9
  * Extract component prop types from UIKit 2 components - BoxProps
10
10
  *
11
- * @codegen <<SignedSource::5f8a1c75dd59dbc90b2944f5232bf239>>
11
+ * @codegen <<SignedSource::56b2319e454532f63dda1391dca0f985>>
12
12
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
13
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::0cfc3385a51547f838a5b8848be2b953>>
13
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::d7d66f07c0c79c170b02c923cdeb8551>>
14
14
  */
15
15
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
16
16
 
@@ -43,6 +43,12 @@ var xcssValidator = makeXCSSValidator({
43
43
  borderRightColor: true,
44
44
  borderTopColor: true,
45
45
  // layout and space related props
46
+ display: {
47
+ supportedValues: ['block', 'inline-block', 'inline', 'none']
48
+ },
49
+ flexGrow: {
50
+ allowCSS: true
51
+ },
46
52
  width: {
47
53
  allowCSS: true
48
54
  },
package/dist/es2019/components/__generated__/BoxProps.codegen.js CHANGED
@@ -3,9 +3,9 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - BoxProps
5
5
  *
6
- * @codegen <<SignedSource::5f8a1c75dd59dbc90b2944f5232bf239>>
6
+ * @codegen <<SignedSource::56b2319e454532f63dda1391dca0f985>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::0cfc3385a51547f838a5b8848be2b953>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::d7d66f07c0c79c170b02c923cdeb8551>>
9
9
  */
10
10
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
11
11
 
@@ -38,6 +38,12 @@ const xcssValidator = makeXCSSValidator({
38
38
  borderRightColor: true,
39
39
  borderTopColor: true,
40
40
  // layout and space related props
41
+ display: {
42
+ supportedValues: ['block', 'inline-block', 'inline', 'none']
43
+ },
44
+ flexGrow: {
45
+ allowCSS: true
46
+ },
41
47
  width: {
42
48
  allowCSS: true
43
49
  },
package/dist/esm/components/__generated__/BoxProps.codegen.js CHANGED
@@ -3,9 +3,9 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - BoxProps
5
5
  *
6
- * @codegen <<SignedSource::5f8a1c75dd59dbc90b2944f5232bf239>>
6
+ * @codegen <<SignedSource::56b2319e454532f63dda1391dca0f985>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::0cfc3385a51547f838a5b8848be2b953>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::d7d66f07c0c79c170b02c923cdeb8551>>
9
9
  */
10
10
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
11
11
 
@@ -38,6 +38,12 @@ var xcssValidator = makeXCSSValidator({
38
38
  borderRightColor: true,
39
39
  borderTopColor: true,
40
40
  // layout and space related props
41
+ display: {
42
+ supportedValues: ['block', 'inline-block', 'inline', 'none']
43
+ },
44
+ flexGrow: {
45
+ allowCSS: true
46
+ },
41
47
  width: {
42
48
  allowCSS: true
43
49
  },
package/dist/types/components/__generated__/BoxProps.codegen.d.ts CHANGED
@@ -3,9 +3,9 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - BoxProps
5
5
  *
6
- * @codegen <<SignedSource::5f8a1c75dd59dbc90b2944f5232bf239>>
6
+ * @codegen <<SignedSource::56b2319e454532f63dda1391dca0f985>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::0cfc3385a51547f838a5b8848be2b953>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::d7d66f07c0c79c170b02c923cdeb8551>>
9
9
  */
10
10
  import React from 'react';
11
11
  import { Box as PlatformBox } from '@atlaskit/primitives';
@@ -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" | "position" | "borderStyle", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width", {
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" | "position" | "borderStyle", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "flexGrow", {
79
79
  borderBlockEndWidth?: "border.width" | {
80
80
  [x: number]: boolean | undefined;
81
81
  length?: boolean | undefined;
@@ -836,7 +836,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
836
836
  readonly [Symbol.unscopables]?: boolean | undefined;
837
837
  at?: boolean | undefined;
838
838
  } | undefined;
839
- borderBottomStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
839
+ borderBottomStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
840
840
  [x: number]: boolean | undefined;
841
841
  length?: boolean | undefined;
842
842
  toString?: boolean | undefined;
@@ -874,7 +874,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
874
874
  readonly [Symbol.unscopables]?: boolean | undefined;
875
875
  at?: boolean | undefined;
876
876
  } | undefined;
877
- borderLeftStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
877
+ borderLeftStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
878
878
  [x: number]: boolean | undefined;
879
879
  length?: boolean | undefined;
880
880
  toString?: boolean | undefined;
@@ -912,7 +912,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
912
912
  readonly [Symbol.unscopables]?: boolean | undefined;
913
913
  at?: boolean | undefined;
914
914
  } | undefined;
915
- borderRightStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
915
+ borderRightStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
916
916
  [x: number]: boolean | undefined;
917
917
  length?: boolean | undefined;
918
918
  toString?: boolean | undefined;
@@ -950,7 +950,45 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
950
950
  readonly [Symbol.unscopables]?: boolean | undefined;
951
951
  at?: boolean | undefined;
952
952
  } | undefined;
953
- borderTopStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
953
+ borderTopStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
954
+ [x: number]: boolean | undefined;
955
+ length?: boolean | undefined;
956
+ toString?: boolean | undefined;
957
+ toLocaleString?: boolean | undefined;
958
+ pop?: boolean | undefined;
959
+ push?: boolean | undefined;
960
+ concat?: boolean | undefined;
961
+ join?: boolean | undefined;
962
+ reverse?: boolean | undefined;
963
+ shift?: boolean | undefined;
964
+ slice?: boolean | undefined;
965
+ sort?: boolean | undefined;
966
+ splice?: boolean | undefined;
967
+ unshift?: boolean | undefined;
968
+ indexOf?: boolean | undefined;
969
+ lastIndexOf?: boolean | undefined;
970
+ every?: boolean | undefined;
971
+ some?: boolean | undefined;
972
+ forEach?: boolean | undefined;
973
+ map?: boolean | undefined;
974
+ filter?: boolean | undefined;
975
+ reduce?: boolean | undefined;
976
+ reduceRight?: boolean | undefined;
977
+ find?: boolean | undefined;
978
+ findIndex?: boolean | undefined;
979
+ fill?: boolean | undefined;
980
+ copyWithin?: boolean | undefined;
981
+ entries?: boolean | undefined;
982
+ keys?: boolean | undefined;
983
+ values?: boolean | undefined;
984
+ includes?: boolean | undefined;
985
+ flatMap?: boolean | undefined;
986
+ flat?: boolean | undefined;
987
+ [Symbol.iterator]?: boolean | undefined;
988
+ readonly [Symbol.unscopables]?: boolean | undefined;
989
+ at?: boolean | undefined;
990
+ } | undefined;
991
+ display?: "inline" | "block" | "inline-block" | "none" | {
954
992
  [x: number]: boolean | undefined;
955
993
  length?: boolean | undefined;
956
994
  toString?: boolean | undefined;
@@ -1026,7 +1064,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1026
1064
  readonly [Symbol.unscopables]?: boolean | undefined;
1027
1065
  at?: boolean | undefined;
1028
1066
  } | undefined;
1029
- borderStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
1067
+ borderStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
1030
1068
  [x: number]: boolean | undefined;
1031
1069
  length?: boolean | undefined;
1032
1070
  toString?: boolean | undefined;
@@ -1064,7 +1102,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1064
1102
  readonly [Symbol.unscopables]?: boolean | undefined;
1065
1103
  at?: boolean | undefined;
1066
1104
  } | undefined;
1067
- }>) => 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" | "position" | "borderStyle", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width", {
1105
+ }>) => 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" | "position" | "borderStyle", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "flexGrow", {
1068
1106
  borderBlockEndWidth?: "border.width" | {
1069
1107
  [x: number]: boolean | undefined;
1070
1108
  length?: boolean | undefined;
@@ -1825,7 +1863,45 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1825
1863
  readonly [Symbol.unscopables]?: boolean | undefined;
1826
1864
  at?: boolean | undefined;
1827
1865
  } | undefined;
1828
- borderBottomStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
1866
+ borderBottomStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
1867
+ [x: number]: boolean | undefined;
1868
+ length?: boolean | undefined;
1869
+ toString?: boolean | undefined;
1870
+ toLocaleString?: boolean | undefined;
1871
+ pop?: boolean | undefined;
1872
+ push?: boolean | undefined;
1873
+ concat?: boolean | undefined;
1874
+ join?: boolean | undefined;
1875
+ reverse?: boolean | undefined;
1876
+ shift?: boolean | undefined;
1877
+ slice?: boolean | undefined;
1878
+ sort?: boolean | undefined;
1879
+ splice?: boolean | undefined;
1880
+ unshift?: boolean | undefined;
1881
+ indexOf?: boolean | undefined;
1882
+ lastIndexOf?: boolean | undefined;
1883
+ every?: boolean | undefined;
1884
+ some?: boolean | undefined;
1885
+ forEach?: boolean | undefined;
1886
+ map?: boolean | undefined;
1887
+ filter?: boolean | undefined;
1888
+ reduce?: boolean | undefined;
1889
+ reduceRight?: boolean | undefined;
1890
+ find?: boolean | undefined;
1891
+ findIndex?: boolean | undefined;
1892
+ fill?: boolean | undefined;
1893
+ copyWithin?: boolean | undefined;
1894
+ entries?: boolean | undefined;
1895
+ keys?: boolean | undefined;
1896
+ values?: boolean | undefined;
1897
+ includes?: boolean | undefined;
1898
+ flatMap?: boolean | undefined;
1899
+ flat?: boolean | undefined;
1900
+ [Symbol.iterator]?: boolean | undefined;
1901
+ readonly [Symbol.unscopables]?: boolean | undefined;
1902
+ at?: boolean | undefined;
1903
+ } | undefined;
1904
+ borderLeftStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
1829
1905
  [x: number]: boolean | undefined;
1830
1906
  length?: boolean | undefined;
1831
1907
  toString?: boolean | undefined;
@@ -1863,7 +1939,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1863
1939
  readonly [Symbol.unscopables]?: boolean | undefined;
1864
1940
  at?: boolean | undefined;
1865
1941
  } | undefined;
1866
- borderLeftStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
1942
+ borderRightStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
1867
1943
  [x: number]: boolean | undefined;
1868
1944
  length?: boolean | undefined;
1869
1945
  toString?: boolean | undefined;
@@ -1901,7 +1977,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1901
1977
  readonly [Symbol.unscopables]?: boolean | undefined;
1902
1978
  at?: boolean | undefined;
1903
1979
  } | undefined;
1904
- borderRightStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
1980
+ borderTopStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
1905
1981
  [x: number]: boolean | undefined;
1906
1982
  length?: boolean | undefined;
1907
1983
  toString?: boolean | undefined;
@@ -1939,7 +2015,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1939
2015
  readonly [Symbol.unscopables]?: boolean | undefined;
1940
2016
  at?: boolean | undefined;
1941
2017
  } | undefined;
1942
- borderTopStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
2018
+ display?: "inline" | "block" | "inline-block" | "none" | {
1943
2019
  [x: number]: boolean | undefined;
1944
2020
  length?: boolean | undefined;
1945
2021
  toString?: boolean | undefined;
@@ -2015,7 +2091,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
2015
2091
  readonly [Symbol.unscopables]?: boolean | undefined;
2016
2092
  at?: boolean | undefined;
2017
2093
  } | undefined;
2018
- borderStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
2094
+ borderStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
2019
2095
  [x: number]: boolean | undefined;
2020
2096
  length?: boolean | undefined;
2021
2097
  toString?: boolean | undefined;
package/dist/types/components/__generated__/InlineProps.codegen.d.ts CHANGED
@@ -3,12 +3,12 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - InlineProps
5
5
  *
6
- * @codegen <<SignedSource::7a77e88b65275715d5da157002ed5e89>>
6
+ * @codegen <<SignedSource::aeccd45a50458d68bbfeed7e0aadcac1>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/inline/__generated__/index.partial.tsx <<SignedSource::b6a1937f9464fe0c62c63c39b349815b>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/inline/__generated__/index.partial.tsx <<SignedSource::0ac949055f76549e70b29c626401570c>>
9
9
  */
10
10
  import React from 'react';
11
11
  import { Inline as PlatformInline } from '@atlaskit/primitives';
12
12
  type PlatformInlineProps = React.ComponentProps<typeof PlatformInline>;
13
- export type InlineProps = Pick<PlatformInlineProps, 'children' | 'alignBlock' | 'alignInline' | 'spread' | 'space' | 'shouldWrap' | 'separator' | 'rowSpace' | 'testId'>;
13
+ export type InlineProps = Pick<PlatformInlineProps, 'children' | 'alignBlock' | 'alignInline' | 'spread' | 'grow' | 'space' | 'shouldWrap' | 'separator' | 'rowSpace' | 'testId'>;
14
14
  export {};
package/dist/types-ts4.5/components/__generated__/BoxProps.codegen.d.ts CHANGED
@@ -3,9 +3,9 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - BoxProps
5
5
  *
6
- * @codegen <<SignedSource::5f8a1c75dd59dbc90b2944f5232bf239>>
6
+ * @codegen <<SignedSource::56b2319e454532f63dda1391dca0f985>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::0cfc3385a51547f838a5b8848be2b953>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::d7d66f07c0c79c170b02c923cdeb8551>>
9
9
  */
10
10
  import React from 'react';
11
11
  import { Box as PlatformBox } from '@atlaskit/primitives';
@@ -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" | "position" | "borderStyle", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width", {
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" | "position" | "borderStyle", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "flexGrow", {
79
79
  borderBlockEndWidth?: "border.width" | {
80
80
  [x: number]: boolean | undefined;
81
81
  length?: boolean | undefined;
@@ -836,7 +836,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
836
836
  readonly [Symbol.unscopables]?: boolean | undefined;
837
837
  at?: boolean | undefined;
838
838
  } | undefined;
839
- borderBottomStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
839
+ borderBottomStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
840
840
  [x: number]: boolean | undefined;
841
841
  length?: boolean | undefined;
842
842
  toString?: boolean | undefined;
@@ -874,7 +874,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
874
874
  readonly [Symbol.unscopables]?: boolean | undefined;
875
875
  at?: boolean | undefined;
876
876
  } | undefined;
877
- borderLeftStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
877
+ borderLeftStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
878
878
  [x: number]: boolean | undefined;
879
879
  length?: boolean | undefined;
880
880
  toString?: boolean | undefined;
@@ -912,7 +912,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
912
912
  readonly [Symbol.unscopables]?: boolean | undefined;
913
913
  at?: boolean | undefined;
914
914
  } | undefined;
915
- borderRightStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
915
+ borderRightStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
916
916
  [x: number]: boolean | undefined;
917
917
  length?: boolean | undefined;
918
918
  toString?: boolean | undefined;
@@ -950,7 +950,45 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
950
950
  readonly [Symbol.unscopables]?: boolean | undefined;
951
951
  at?: boolean | undefined;
952
952
  } | undefined;
953
- borderTopStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
953
+ borderTopStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
954
+ [x: number]: boolean | undefined;
955
+ length?: boolean | undefined;
956
+ toString?: boolean | undefined;
957
+ toLocaleString?: boolean | undefined;
958
+ pop?: boolean | undefined;
959
+ push?: boolean | undefined;
960
+ concat?: boolean | undefined;
961
+ join?: boolean | undefined;
962
+ reverse?: boolean | undefined;
963
+ shift?: boolean | undefined;
964
+ slice?: boolean | undefined;
965
+ sort?: boolean | undefined;
966
+ splice?: boolean | undefined;
967
+ unshift?: boolean | undefined;
968
+ indexOf?: boolean | undefined;
969
+ lastIndexOf?: boolean | undefined;
970
+ every?: boolean | undefined;
971
+ some?: boolean | undefined;
972
+ forEach?: boolean | undefined;
973
+ map?: boolean | undefined;
974
+ filter?: boolean | undefined;
975
+ reduce?: boolean | undefined;
976
+ reduceRight?: boolean | undefined;
977
+ find?: boolean | undefined;
978
+ findIndex?: boolean | undefined;
979
+ fill?: boolean | undefined;
980
+ copyWithin?: boolean | undefined;
981
+ entries?: boolean | undefined;
982
+ keys?: boolean | undefined;
983
+ values?: boolean | undefined;
984
+ includes?: boolean | undefined;
985
+ flatMap?: boolean | undefined;
986
+ flat?: boolean | undefined;
987
+ [Symbol.iterator]?: boolean | undefined;
988
+ readonly [Symbol.unscopables]?: boolean | undefined;
989
+ at?: boolean | undefined;
990
+ } | undefined;
991
+ display?: "inline" | "block" | "inline-block" | "none" | {
954
992
  [x: number]: boolean | undefined;
955
993
  length?: boolean | undefined;
956
994
  toString?: boolean | undefined;
@@ -1026,7 +1064,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1026
1064
  readonly [Symbol.unscopables]?: boolean | undefined;
1027
1065
  at?: boolean | undefined;
1028
1066
  } | undefined;
1029
- borderStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
1067
+ borderStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
1030
1068
  [x: number]: boolean | undefined;
1031
1069
  length?: boolean | undefined;
1032
1070
  toString?: boolean | undefined;
@@ -1064,7 +1102,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1064
1102
  readonly [Symbol.unscopables]?: boolean | undefined;
1065
1103
  at?: boolean | undefined;
1066
1104
  } | undefined;
1067
- }>) => 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" | "position" | "borderStyle", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width", {
1105
+ }>) => 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" | "position" | "borderStyle", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "flexGrow", {
1068
1106
  borderBlockEndWidth?: "border.width" | {
1069
1107
  [x: number]: boolean | undefined;
1070
1108
  length?: boolean | undefined;
@@ -1825,7 +1863,45 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1825
1863
  readonly [Symbol.unscopables]?: boolean | undefined;
1826
1864
  at?: boolean | undefined;
1827
1865
  } | undefined;
1828
- borderBottomStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
1866
+ borderBottomStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
1867
+ [x: number]: boolean | undefined;
1868
+ length?: boolean | undefined;
1869
+ toString?: boolean | undefined;
1870
+ toLocaleString?: boolean | undefined;
1871
+ pop?: boolean | undefined;
1872
+ push?: boolean | undefined;
1873
+ concat?: boolean | undefined;
1874
+ join?: boolean | undefined;
1875
+ reverse?: boolean | undefined;
1876
+ shift?: boolean | undefined;
1877
+ slice?: boolean | undefined;
1878
+ sort?: boolean | undefined;
1879
+ splice?: boolean | undefined;
1880
+ unshift?: boolean | undefined;
1881
+ indexOf?: boolean | undefined;
1882
+ lastIndexOf?: boolean | undefined;
1883
+ every?: boolean | undefined;
1884
+ some?: boolean | undefined;
1885
+ forEach?: boolean | undefined;
1886
+ map?: boolean | undefined;
1887
+ filter?: boolean | undefined;
1888
+ reduce?: boolean | undefined;
1889
+ reduceRight?: boolean | undefined;
1890
+ find?: boolean | undefined;
1891
+ findIndex?: boolean | undefined;
1892
+ fill?: boolean | undefined;
1893
+ copyWithin?: boolean | undefined;
1894
+ entries?: boolean | undefined;
1895
+ keys?: boolean | undefined;
1896
+ values?: boolean | undefined;
1897
+ includes?: boolean | undefined;
1898
+ flatMap?: boolean | undefined;
1899
+ flat?: boolean | undefined;
1900
+ [Symbol.iterator]?: boolean | undefined;
1901
+ readonly [Symbol.unscopables]?: boolean | undefined;
1902
+ at?: boolean | undefined;
1903
+ } | undefined;
1904
+ borderLeftStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
1829
1905
  [x: number]: boolean | undefined;
1830
1906
  length?: boolean | undefined;
1831
1907
  toString?: boolean | undefined;
@@ -1863,7 +1939,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1863
1939
  readonly [Symbol.unscopables]?: boolean | undefined;
1864
1940
  at?: boolean | undefined;
1865
1941
  } | undefined;
1866
- borderLeftStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
1942
+ borderRightStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
1867
1943
  [x: number]: boolean | undefined;
1868
1944
  length?: boolean | undefined;
1869
1945
  toString?: boolean | undefined;
@@ -1901,7 +1977,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1901
1977
  readonly [Symbol.unscopables]?: boolean | undefined;
1902
1978
  at?: boolean | undefined;
1903
1979
  } | undefined;
1904
- borderRightStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
1980
+ borderTopStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
1905
1981
  [x: number]: boolean | undefined;
1906
1982
  length?: boolean | undefined;
1907
1983
  toString?: boolean | undefined;
@@ -1939,7 +2015,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1939
2015
  readonly [Symbol.unscopables]?: boolean | undefined;
1940
2016
  at?: boolean | undefined;
1941
2017
  } | undefined;
1942
- borderTopStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
2018
+ display?: "inline" | "block" | "inline-block" | "none" | {
1943
2019
  [x: number]: boolean | undefined;
1944
2020
  length?: boolean | undefined;
1945
2021
  toString?: boolean | undefined;
@@ -2015,7 +2091,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
2015
2091
  readonly [Symbol.unscopables]?: boolean | undefined;
2016
2092
  at?: boolean | undefined;
2017
2093
  } | undefined;
2018
- borderStyle?: "dashed" | "dotted" | "hidden" | "none" | "solid" | {
2094
+ borderStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
2019
2095
  [x: number]: boolean | undefined;
2020
2096
  length?: boolean | undefined;
2021
2097
  toString?: boolean | undefined;
package/dist/types-ts4.5/components/__generated__/InlineProps.codegen.d.ts CHANGED
@@ -3,12 +3,12 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - InlineProps
5
5
  *
6
- * @codegen <<SignedSource::7a77e88b65275715d5da157002ed5e89>>
6
+ * @codegen <<SignedSource::aeccd45a50458d68bbfeed7e0aadcac1>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/inline/__generated__/index.partial.tsx <<SignedSource::b6a1937f9464fe0c62c63c39b349815b>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/inline/__generated__/index.partial.tsx <<SignedSource::0ac949055f76549e70b29c626401570c>>
9
9
  */
10
10
  import React from 'react';
11
11
  import { Inline as PlatformInline } from '@atlaskit/primitives';
12
12
  type PlatformInlineProps = React.ComponentProps<typeof PlatformInline>;
13
- export type InlineProps = Pick<PlatformInlineProps, 'children' | 'alignBlock' | 'alignInline' | 'spread' | 'space' | 'shouldWrap' | 'separator' | 'rowSpace' | 'testId'>;
13
+ export type InlineProps = Pick<PlatformInlineProps, 'children' | 'alignBlock' | 'alignInline' | 'spread' | 'grow' | 'space' | 'shouldWrap' | 'separator' | 'rowSpace' | 'testId'>;
14
14
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/forge-react-types",
3
- "version": "0.31.1",
3
+ "version": "0.32.0",
4
4
  "description": "Component types for Forge UI Kit React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -32,15 +32,15 @@
32
32
  "@atlaskit/datetime-picker": "^15.9.0",
33
33
  "@atlaskit/dynamic-table": "^16.1.0",
34
34
  "@atlaskit/empty-state": "^7.12.0",
35
- "@atlaskit/form": "^10.5.0",
35
+ "@atlaskit/form": "^10.6.0",
36
36
  "@atlaskit/heading": "^3.1.0",
37
37
  "@atlaskit/inline-edit": "^13.7.0",
38
38
  "@atlaskit/lozenge": "^11.12.0",
39
39
  "@atlaskit/modal-dialog": "^12.17.0",
40
40
  "@atlaskit/popup": "^1.29.0",
41
- "@atlaskit/primitives": "^13.2.0",
41
+ "@atlaskit/primitives": "^13.3.0",
42
42
  "@atlaskit/progress-bar": "3.0.1",
43
- "@atlaskit/progress-tracker": "8.10.2",
43
+ "@atlaskit/progress-tracker": "8.10.3",
44
44
  "@atlaskit/radio": "^6.6.0",
45
45
  "@atlaskit/range": "^7.4.0",
46
46
  "@atlaskit/renderer": "^112.6.0",
@@ -53,7 +53,7 @@
53
53
  "@atlaskit/textarea": "^5.6.0",
54
54
  "@atlaskit/textfield": "^6.6.0",
55
55
  "@atlaskit/toggle": "^13.4.0",
56
- "@atlaskit/tokens": "^2.3.0",
56
+ "@atlaskit/tokens": "^2.4.0",
57
57
  "@atlaskit/tooltip": "^18.9.0",
58
58
  "@babel/runtime": "^7.0.0"
59
59
  },
package/src/components/__generated__/BoxProps.codegen.tsx CHANGED
@@ -3,9 +3,9 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - BoxProps
5
5
  *
6
- * @codegen <<SignedSource::5f8a1c75dd59dbc90b2944f5232bf239>>
6
+ * @codegen <<SignedSource::56b2319e454532f63dda1391dca0f985>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::0cfc3385a51547f838a5b8848be2b953>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::d7d66f07c0c79c170b02c923cdeb8551>>
9
9
  */
10
10
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
11
11
 
@@ -68,125 +68,131 @@ export { makeXCSSValidator };
68
68
  export type { SafeCSSObject };
69
69
 
70
70
  const xcssValidator = makeXCSSValidator({
71
- // color related props
72
- color: true,
73
- boxShadow: true,
74
- opacity: true,
75
- backgroundColor: true,
76
- borderColor: true,
77
- borderBlockColor: true,
78
- borderBlockEndColor: true,
79
- borderBlockStartColor: true,
80
- borderBottomColor: true,
81
- borderInlineColor: true,
82
- borderInlineEndColor: true,
83
- borderInlineStartColor: true,
84
- borderLeftColor: true,
85
- borderRightColor: true,
86
- borderTopColor: true,
71
+ // color related props
72
+ color: true,
73
+ boxShadow: true,
74
+ opacity: true,
75
+ backgroundColor: true,
76
+ borderColor: true,
77
+ borderBlockColor: true,
78
+ borderBlockEndColor: true,
79
+ borderBlockStartColor: true,
80
+ borderBottomColor: true,
81
+ borderInlineColor: true,
82
+ borderInlineEndColor: true,
83
+ borderInlineStartColor: true,
84
+ borderLeftColor: true,
85
+ borderRightColor: true,
86
+ borderTopColor: true,
87
87
 
88
- // layout and space related props
89
- width: {
90
- allowCSS: true,
91
- },
92
- height: {
93
- allowCSS: true,
94
- },
95
- minWidth: {
96
- allowCSS: true,
97
- },
98
- maxWidth: {
99
- allowCSS: true,
100
- },
101
- minHeight: {
102
- allowCSS: true,
103
- },
104
- maxHeight: {
105
- allowCSS: true,
106
- },
107
- margin: true,
108
- marginBlock: true,
109
- marginBlockEnd: true,
110
- marginBlockStart: true,
111
- marginBottom: true,
112
- marginInline: true,
113
- marginInlineEnd: true,
114
- marginInlineStart: true,
115
- marginLeft: true,
116
- marginRight: true,
117
- marginTop: true,
118
- padding: true,
119
- paddingBlock: true,
120
- paddingBlockEnd: true,
121
- paddingBlockStart: true,
122
- paddingBottom: true,
123
- paddingInline: true,
124
- paddingInlineEnd: true,
125
- paddingInlineStart: true,
126
- paddingLeft: true,
127
- paddingRight: true,
128
- paddingTop: true,
88
+ // layout and space related props
89
+ display: {
90
+ supportedValues: ['block', 'inline-block', 'inline', 'none'],
91
+ },
92
+ flexGrow: {
93
+ allowCSS: true,
94
+ },
95
+ width: {
96
+ allowCSS: true,
97
+ },
98
+ height: {
99
+ allowCSS: true,
100
+ },
101
+ minWidth: {
102
+ allowCSS: true,
103
+ },
104
+ maxWidth: {
105
+ allowCSS: true,
106
+ },
107
+ minHeight: {
108
+ allowCSS: true,
109
+ },
110
+ maxHeight: {
111
+ allowCSS: true,
112
+ },
113
+ margin: true,
114
+ marginBlock: true,
115
+ marginBlockEnd: true,
116
+ marginBlockStart: true,
117
+ marginBottom: true,
118
+ marginInline: true,
119
+ marginInlineEnd: true,
120
+ marginInlineStart: true,
121
+ marginLeft: true,
122
+ marginRight: true,
123
+ marginTop: true,
124
+ padding: true,
125
+ paddingBlock: true,
126
+ paddingBlockEnd: true,
127
+ paddingBlockStart: true,
128
+ paddingBottom: true,
129
+ paddingInline: true,
130
+ paddingInlineEnd: true,
131
+ paddingInlineStart: true,
132
+ paddingLeft: true,
133
+ paddingRight: true,
134
+ paddingTop: true,
129
135
 
130
- // other box related props
131
- borderRadius: { supportedValues: ['border.radius'] },
132
- borderBottomLeftRadius: { supportedValues: ['border.radius'] },
133
- borderBottomRightRadius: { supportedValues: ['border.radius'] },
134
- borderTopLeftRadius: { supportedValues: ['border.radius'] },
135
- borderTopRightRadius: { supportedValues: ['border.radius'] },
136
- borderEndEndRadius: { supportedValues: ['border.radius'] },
137
- borderEndStartRadius: { supportedValues: ['border.radius'] },
138
- borderStartEndRadius: { supportedValues: ['border.radius'] },
139
- borderStartStartRadius: { supportedValues: ['border.radius'] },
140
- borderWidth: { supportedValues: ['border.width'] },
141
- borderBlockWidth: { supportedValues: ['border.width'] },
142
- borderBlockEndWidth: { supportedValues: ['border.width'] },
143
- borderBlockStartWidth: { supportedValues: ['border.width'] },
144
- borderBottomWidth: { supportedValues: ['border.width'] },
145
- borderInlineWidth: { supportedValues: ['border.width'] },
146
- borderInlineEndWidth: { supportedValues: ['border.width'] },
147
- borderInlineStartWidth: { supportedValues: ['border.width'] },
148
- borderLeftWidth: { supportedValues: ['border.width'] },
149
- borderRightWidth: { supportedValues: ['border.width'] },
150
- borderTopWidth: { supportedValues: ['border.width'] },
136
+ // other box related props
137
+ borderRadius: { supportedValues: ['border.radius'] },
138
+ borderBottomLeftRadius: { supportedValues: ['border.radius'] },
139
+ borderBottomRightRadius: { supportedValues: ['border.radius'] },
140
+ borderTopLeftRadius: { supportedValues: ['border.radius'] },
141
+ borderTopRightRadius: { supportedValues: ['border.radius'] },
142
+ borderEndEndRadius: { supportedValues: ['border.radius'] },
143
+ borderEndStartRadius: { supportedValues: ['border.radius'] },
144
+ borderStartEndRadius: { supportedValues: ['border.radius'] },
145
+ borderStartStartRadius: { supportedValues: ['border.radius'] },
146
+ borderWidth: { supportedValues: ['border.width'] },
147
+ borderBlockWidth: { supportedValues: ['border.width'] },
148
+ borderBlockEndWidth: { supportedValues: ['border.width'] },
149
+ borderBlockStartWidth: { supportedValues: ['border.width'] },
150
+ borderBottomWidth: { supportedValues: ['border.width'] },
151
+ borderInlineWidth: { supportedValues: ['border.width'] },
152
+ borderInlineEndWidth: { supportedValues: ['border.width'] },
153
+ borderInlineStartWidth: { supportedValues: ['border.width'] },
154
+ borderLeftWidth: { supportedValues: ['border.width'] },
155
+ borderRightWidth: { supportedValues: ['border.width'] },
156
+ borderTopWidth: { supportedValues: ['border.width'] },
151
157
 
152
- // other props not in tokens based props
153
- borderTopStyle: {
154
- supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden'],
155
- },
156
- borderBottomStyle: {
157
- supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden'],
158
- },
159
- borderRightStyle: {
160
- supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden'],
161
- },
162
- borderLeftStyle: {
163
- supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden'],
164
- },
165
- borderStyle: {
166
- supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden'],
167
- },
168
- position: {
169
- supportedValues: ['relative', 'static'],
170
- },
158
+ // other props not in tokens based props
159
+ borderTopStyle: {
160
+ supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden'],
161
+ },
162
+ borderBottomStyle: {
163
+ supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden'],
164
+ },
165
+ borderRightStyle: {
166
+ supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden'],
167
+ },
168
+ borderLeftStyle: {
169
+ supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden'],
170
+ },
171
+ borderStyle: {
172
+ supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden'],
173
+ },
174
+ position: {
175
+ supportedValues: ['relative', 'static'],
176
+ },
171
177
  });
172
178
 
173
179
  type PlatformBoxProps = React.ComponentProps<typeof PlatformBox>;
174
180
  type XCSSProp = ReturnType<typeof xcssValidator>;
175
181
 
176
182
  export type BoxProps = Pick<
177
- PlatformBoxProps,
178
- | 'padding'
179
- | 'paddingBlock'
180
- | 'paddingBlockStart'
181
- | 'paddingBlockEnd'
182
- | 'paddingInline'
183
- | 'paddingInlineStart'
184
- | 'paddingInlineEnd'
185
- | 'backgroundColor'
186
- | 'children'
187
- | 'ref'
188
- | 'testId'
189
- | 'role'
183
+ PlatformBoxProps,
184
+ | 'padding'
185
+ | 'paddingBlock'
186
+ | 'paddingBlockStart'
187
+ | 'paddingBlockEnd'
188
+ | 'paddingInline'
189
+ | 'paddingInlineStart'
190
+ | 'paddingInlineEnd'
191
+ | 'backgroundColor'
192
+ | 'children'
193
+ | 'ref'
194
+ | 'testId'
195
+ | 'role'
190
196
  > & {
191
- xcss?: XCSSProp;
197
+ xcss?: XCSSProp;
192
198
  };
package/src/components/__generated__/InlineProps.codegen.tsx CHANGED
@@ -3,9 +3,9 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - InlineProps
5
5
  *
6
- * @codegen <<SignedSource::7a77e88b65275715d5da157002ed5e89>>
6
+ * @codegen <<SignedSource::aeccd45a50458d68bbfeed7e0aadcac1>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/inline/__generated__/index.partial.tsx <<SignedSource::b6a1937f9464fe0c62c63c39b349815b>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/inline/__generated__/index.partial.tsx <<SignedSource::0ac949055f76549e70b29c626401570c>>
9
9
  */
10
10
  import React from 'react';
11
11
  import { Inline as PlatformInline } from '@atlaskit/primitives';
@@ -14,5 +14,5 @@ type PlatformInlineProps = React.ComponentProps<typeof PlatformInline>;
14
14
 
15
15
  export type InlineProps = Pick<
16
16
  PlatformInlineProps,
17
- 'children' | 'alignBlock' | 'alignInline' | 'spread' | 'space' | 'shouldWrap' | 'separator' | 'rowSpace' | 'testId'
17
+ 'children' | 'alignBlock' | 'alignInline' | 'spread' | 'grow' | 'space' | 'shouldWrap' | 'separator' | 'rowSpace' | 'testId'
18
18
  >;