@atlaskit/forge-react-types 0.49.1 → 0.50.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 (16) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/components/__generated__/BoxProps.codegen.js +2 -1
  3. package/dist/cjs/components/__generated__/PressableProps.codegen.js +3 -2
  4. package/dist/es2019/components/__generated__/BoxProps.codegen.js +2 -1
  5. package/dist/es2019/components/__generated__/PressableProps.codegen.js +3 -2
  6. package/dist/esm/components/__generated__/BoxProps.codegen.js +2 -1
  7. package/dist/esm/components/__generated__/PressableProps.codegen.js +3 -2
  8. package/dist/types/components/__generated__/BoxProps.codegen.d.ts +22 -22
  9. package/dist/types/components/__generated__/PressableProps.codegen.d.ts +23 -23
  10. package/dist/types-ts4.5/components/__generated__/BoxProps.codegen.d.ts +22 -22
  11. package/dist/types-ts4.5/components/__generated__/PressableProps.codegen.d.ts +23 -23
  12. package/package.json +2 -2
  13. package/scripts/codegen/codeGenerator.ts +1 -1
  14. package/scripts/typechecker.ts +1 -1
  15. package/src/components/__generated__/BoxProps.codegen.tsx +6 -5
  16. package/src/components/__generated__/PressableProps.codegen.tsx +7 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/forge-react-types
2
2
 
3
+ ## 0.50.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`79061bc1ac5a7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/79061bc1ac5a7) -
8
+ Migrate emotion Pressable into forge-ui library
9
+
10
+ ## 0.49.2
11
+
12
+ ### Patch Changes
13
+
14
+ - [`891214b90e1f9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/891214b90e1f9) -
15
+ Add eslint-warn rule to codegen components with XCSS
16
+
3
17
  ## 0.49.1
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/components/__generated__/BoxProps.codegen.js CHANGED
@@ -8,10 +8,11 @@ Object.defineProperty(exports, "__esModule", {
8
8
  *
9
9
  * Extract component prop types from UIKit 2 components - BoxProps
10
10
  *
11
- * @codegen <<SignedSource::2576658a875b738553fdb3ccfa41acd1>>
11
+ * @codegen <<SignedSource::5713a45f955f5850078204892e910b64>>
12
12
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
13
13
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/index.tsx <<SignedSource::6b375bb57ecf19919f9e1b65e899fd96>>
14
14
  */
15
+ /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
15
16
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
16
17
 
17
18
  /**
package/dist/cjs/components/__generated__/PressableProps.codegen.js CHANGED
@@ -8,10 +8,11 @@ Object.defineProperty(exports, "__esModule", {
8
8
  *
9
9
  * Extract component prop types from UIKit 2 components - PressableProps
10
10
  *
11
- * @codegen <<SignedSource::7158030e15c00ca33456e783cffd4db2>>
11
+ * @codegen <<SignedSource::d44ce111e6c9bdc78a54ec6d13b5377b>>
12
12
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
13
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::e23b1db22ac327f82c64213c36751b27>>
13
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::4faae83984df292d6278957438200179>>
14
14
  */
15
+ /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
15
16
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
16
17
 
17
18
  /**
package/dist/es2019/components/__generated__/BoxProps.codegen.js CHANGED
@@ -3,10 +3,11 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - BoxProps
5
5
  *
6
- * @codegen <<SignedSource::2576658a875b738553fdb3ccfa41acd1>>
6
+ * @codegen <<SignedSource::5713a45f955f5850078204892e910b64>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
8
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/index.tsx <<SignedSource::6b375bb57ecf19919f9e1b65e899fd96>>
9
9
  */
10
+ /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
10
11
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
11
12
 
12
13
  /**
package/dist/es2019/components/__generated__/PressableProps.codegen.js CHANGED
@@ -3,10 +3,11 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - PressableProps
5
5
  *
6
- * @codegen <<SignedSource::7158030e15c00ca33456e783cffd4db2>>
6
+ * @codegen <<SignedSource::d44ce111e6c9bdc78a54ec6d13b5377b>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::e23b1db22ac327f82c64213c36751b27>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::4faae83984df292d6278957438200179>>
9
9
  */
10
+ /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
10
11
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
11
12
 
12
13
  /**
package/dist/esm/components/__generated__/BoxProps.codegen.js CHANGED
@@ -3,10 +3,11 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - BoxProps
5
5
  *
6
- * @codegen <<SignedSource::2576658a875b738553fdb3ccfa41acd1>>
6
+ * @codegen <<SignedSource::5713a45f955f5850078204892e910b64>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
8
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/index.tsx <<SignedSource::6b375bb57ecf19919f9e1b65e899fd96>>
9
9
  */
10
+ /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
10
11
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
11
12
 
12
13
  /**
package/dist/esm/components/__generated__/PressableProps.codegen.js CHANGED
@@ -3,10 +3,11 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - PressableProps
5
5
  *
6
- * @codegen <<SignedSource::7158030e15c00ca33456e783cffd4db2>>
6
+ * @codegen <<SignedSource::d44ce111e6c9bdc78a54ec6d13b5377b>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::e23b1db22ac327f82c64213c36751b27>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::4faae83984df292d6278957438200179>>
9
9
  */
10
+ /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
10
11
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
11
12
 
12
13
  /**
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::2576658a875b738553fdb3ccfa41acd1>>
6
+ * @codegen <<SignedSource::5713a45f955f5850078204892e910b64>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
8
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/index.tsx <<SignedSource::6b375bb57ecf19919f9e1b65e899fd96>>
9
9
  */
@@ -18,7 +18,7 @@ type TokensMapPropKey = keyof TokensMap;
18
18
  type TokenizedProps = {
19
19
  [K in TokensMapPropKey]?: keyof TokensMap[K];
20
20
  };
21
- type RawCSSValue = string & {};
21
+ type RawCSSValue = string & Record<string, never>;
22
22
  type RelaxedTokenizedProps = {
23
23
  [K in TokensMapPropKey]?: keyof TokensMap[K] | RawCSSValue;
24
24
  };
@@ -59,7 +59,7 @@ declare const makeXCSSValidator: <U extends XCSSValidatorParam>(supportedXCSSPro
59
59
  } ? K_1 : never;
60
60
  }[Extract<keyof U, keyof CSSProperties>], Extract<keyof U, keyof CSSProperties>>]?: (U[K_2] extends {
61
61
  supportedValues: infer V;
62
- } ? Exclude<V[keyof V], number | Function> : never) | undefined;
62
+ } ? Exclude<V[keyof V], number | ((...args: any[]) => any)> : never) | undefined;
63
63
  }>) => SafeCSSObject<Extract<keyof U, keyof CSSProperties>, Extract<{
64
64
  [K in Extract<keyof U, keyof CSSProperties>]: U[K] extends {
65
65
  allowCSS: true;
@@ -71,12 +71,12 @@ declare const makeXCSSValidator: <U extends XCSSValidatorParam>(supportedXCSSPro
71
71
  } ? K_1 : never;
72
72
  }[Extract<keyof U, keyof CSSProperties>], Extract<keyof U, keyof CSSProperties>>]?: (U[K_2] extends {
73
73
  supportedValues: infer V;
74
- } ? Exclude<V[keyof V], number | Function> : never) | undefined;
74
+ } ? Exclude<V[keyof V], number | ((...args: any[]) => any)> : never) | undefined;
75
75
  }>;
76
76
  export { makeXCSSValidator };
77
77
  export type { SafeCSSObject };
78
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
- borderBottomLeftRadius?: string | {
79
+ borderBottomLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
80
80
  [x: number]: boolean | undefined;
81
81
  length?: boolean | undefined;
82
82
  toString?: boolean | undefined;
@@ -114,7 +114,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
114
114
  readonly [Symbol.unscopables]?: boolean | undefined;
115
115
  at?: boolean | undefined;
116
116
  } | undefined;
117
- borderBottomRightRadius?: string | {
117
+ borderBottomRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
118
118
  [x: number]: boolean | undefined;
119
119
  length?: boolean | undefined;
120
120
  toString?: boolean | undefined;
@@ -152,7 +152,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
152
152
  readonly [Symbol.unscopables]?: boolean | undefined;
153
153
  at?: boolean | undefined;
154
154
  } | undefined;
155
- borderEndEndRadius?: string | {
155
+ borderEndEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
156
156
  [x: number]: boolean | undefined;
157
157
  length?: boolean | undefined;
158
158
  toString?: boolean | undefined;
@@ -190,7 +190,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
190
190
  readonly [Symbol.unscopables]?: boolean | undefined;
191
191
  at?: boolean | undefined;
192
192
  } | undefined;
193
- borderEndStartRadius?: string | {
193
+ borderEndStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
194
194
  [x: number]: boolean | undefined;
195
195
  length?: boolean | undefined;
196
196
  toString?: boolean | undefined;
@@ -228,7 +228,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
228
228
  readonly [Symbol.unscopables]?: boolean | undefined;
229
229
  at?: boolean | undefined;
230
230
  } | undefined;
231
- borderRadius?: string | {
231
+ borderRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
232
232
  [x: number]: boolean | undefined;
233
233
  length?: boolean | undefined;
234
234
  toString?: boolean | undefined;
@@ -266,7 +266,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
266
266
  readonly [Symbol.unscopables]?: boolean | undefined;
267
267
  at?: boolean | undefined;
268
268
  } | undefined;
269
- borderStartEndRadius?: string | {
269
+ borderStartEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
270
270
  [x: number]: boolean | undefined;
271
271
  length?: boolean | undefined;
272
272
  toString?: boolean | undefined;
@@ -304,7 +304,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
304
304
  readonly [Symbol.unscopables]?: boolean | undefined;
305
305
  at?: boolean | undefined;
306
306
  } | undefined;
307
- borderStartStartRadius?: string | {
307
+ borderStartStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
308
308
  [x: number]: boolean | undefined;
309
309
  length?: boolean | undefined;
310
310
  toString?: boolean | undefined;
@@ -342,7 +342,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
342
342
  readonly [Symbol.unscopables]?: boolean | undefined;
343
343
  at?: boolean | undefined;
344
344
  } | undefined;
345
- borderTopLeftRadius?: string | {
345
+ borderTopLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
346
346
  [x: number]: boolean | undefined;
347
347
  length?: boolean | undefined;
348
348
  toString?: boolean | undefined;
@@ -380,7 +380,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
380
380
  readonly [Symbol.unscopables]?: boolean | undefined;
381
381
  at?: boolean | undefined;
382
382
  } | undefined;
383
- borderTopRightRadius?: string | {
383
+ borderTopRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
384
384
  [x: number]: boolean | undefined;
385
385
  length?: boolean | undefined;
386
386
  toString?: boolean | undefined;
@@ -799,7 +799,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
799
799
  at?: boolean | undefined;
800
800
  } | undefined;
801
801
  }>) => 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", {
802
- borderBottomLeftRadius?: string | {
802
+ borderBottomLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
803
803
  [x: number]: boolean | undefined;
804
804
  length?: boolean | undefined;
805
805
  toString?: boolean | undefined;
@@ -837,7 +837,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
837
837
  readonly [Symbol.unscopables]?: boolean | undefined;
838
838
  at?: boolean | undefined;
839
839
  } | undefined;
840
- borderBottomRightRadius?: string | {
840
+ borderBottomRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
841
841
  [x: number]: boolean | undefined;
842
842
  length?: boolean | undefined;
843
843
  toString?: boolean | undefined;
@@ -875,7 +875,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
875
875
  readonly [Symbol.unscopables]?: boolean | undefined;
876
876
  at?: boolean | undefined;
877
877
  } | undefined;
878
- borderEndEndRadius?: string | {
878
+ borderEndEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
879
879
  [x: number]: boolean | undefined;
880
880
  length?: boolean | undefined;
881
881
  toString?: boolean | undefined;
@@ -913,7 +913,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
913
913
  readonly [Symbol.unscopables]?: boolean | undefined;
914
914
  at?: boolean | undefined;
915
915
  } | undefined;
916
- borderEndStartRadius?: string | {
916
+ borderEndStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
917
917
  [x: number]: boolean | undefined;
918
918
  length?: boolean | undefined;
919
919
  toString?: boolean | undefined;
@@ -951,7 +951,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
951
951
  readonly [Symbol.unscopables]?: boolean | undefined;
952
952
  at?: boolean | undefined;
953
953
  } | undefined;
954
- borderRadius?: string | {
954
+ borderRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
955
955
  [x: number]: boolean | undefined;
956
956
  length?: boolean | undefined;
957
957
  toString?: boolean | undefined;
@@ -989,7 +989,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
989
989
  readonly [Symbol.unscopables]?: boolean | undefined;
990
990
  at?: boolean | undefined;
991
991
  } | undefined;
992
- borderStartEndRadius?: string | {
992
+ borderStartEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
993
993
  [x: number]: boolean | undefined;
994
994
  length?: boolean | undefined;
995
995
  toString?: boolean | undefined;
@@ -1027,7 +1027,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1027
1027
  readonly [Symbol.unscopables]?: boolean | undefined;
1028
1028
  at?: boolean | undefined;
1029
1029
  } | undefined;
1030
- borderStartStartRadius?: string | {
1030
+ borderStartStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
1031
1031
  [x: number]: boolean | undefined;
1032
1032
  length?: boolean | undefined;
1033
1033
  toString?: boolean | undefined;
@@ -1065,7 +1065,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1065
1065
  readonly [Symbol.unscopables]?: boolean | undefined;
1066
1066
  at?: boolean | undefined;
1067
1067
  } | undefined;
1068
- borderTopLeftRadius?: string | {
1068
+ borderTopLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
1069
1069
  [x: number]: boolean | undefined;
1070
1070
  length?: boolean | undefined;
1071
1071
  toString?: boolean | undefined;
@@ -1103,7 +1103,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1103
1103
  readonly [Symbol.unscopables]?: boolean | undefined;
1104
1104
  at?: boolean | undefined;
1105
1105
  } | undefined;
1106
- borderTopRightRadius?: string | {
1106
+ borderTopRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
1107
1107
  [x: number]: boolean | undefined;
1108
1108
  length?: boolean | undefined;
1109
1109
  toString?: boolean | undefined;
package/dist/types/components/__generated__/PressableProps.codegen.d.ts CHANGED
@@ -3,9 +3,9 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - PressableProps
5
5
  *
6
- * @codegen <<SignedSource::7158030e15c00ca33456e783cffd4db2>>
6
+ * @codegen <<SignedSource::d44ce111e6c9bdc78a54ec6d13b5377b>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::e23b1db22ac327f82c64213c36751b27>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::4faae83984df292d6278957438200179>>
9
9
  */
10
10
  import React from 'react';
11
11
  import { Pressable as PlatformPressable } from '@atlaskit/primitives';
@@ -18,7 +18,7 @@ type TokensMapPropKey = keyof TokensMap;
18
18
  type TokenizedProps = {
19
19
  [K in TokensMapPropKey]?: keyof TokensMap[K];
20
20
  };
21
- type RawCSSValue = string & {};
21
+ type RawCSSValue = string & Record<string, never>;
22
22
  type RelaxedTokenizedProps = {
23
23
  [K in TokensMapPropKey]?: keyof TokensMap[K] | RawCSSValue;
24
24
  };
@@ -59,7 +59,7 @@ declare const makeXCSSValidator: <U extends XCSSValidatorParam>(supportedXCSSPro
59
59
  } ? K_1 : never;
60
60
  }[Extract<keyof U, keyof CSSProperties>], Extract<keyof U, keyof CSSProperties>>]?: (U[K_2] extends {
61
61
  supportedValues: infer V;
62
- } ? Exclude<V[keyof V], number | Function> : never) | undefined;
62
+ } ? Exclude<V[keyof V], number | ((...args: any[]) => any)> : never) | undefined;
63
63
  }>) => SafeCSSObject<Extract<keyof U, keyof CSSProperties>, Extract<{
64
64
  [K in Extract<keyof U, keyof CSSProperties>]: U[K] extends {
65
65
  allowCSS: true;
@@ -71,12 +71,12 @@ declare const makeXCSSValidator: <U extends XCSSValidatorParam>(supportedXCSSPro
71
71
  } ? K_1 : never;
72
72
  }[Extract<keyof U, keyof CSSProperties>], Extract<keyof U, keyof CSSProperties>>]?: (U[K_2] extends {
73
73
  supportedValues: infer V;
74
- } ? Exclude<V[keyof V], number | Function> : never) | undefined;
74
+ } ? Exclude<V[keyof V], number | ((...args: any[]) => any)> : never) | undefined;
75
75
  }>;
76
76
  export { makeXCSSValidator };
77
77
  export type { SafeCSSObject };
78
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
- borderBottomLeftRadius?: string | {
79
+ borderBottomLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
80
80
  [x: number]: boolean | undefined;
81
81
  length?: boolean | undefined;
82
82
  toString?: boolean | undefined;
@@ -114,7 +114,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
114
114
  readonly [Symbol.unscopables]?: boolean | undefined;
115
115
  at?: boolean | undefined;
116
116
  } | undefined;
117
- borderBottomRightRadius?: string | {
117
+ borderBottomRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
118
118
  [x: number]: boolean | undefined;
119
119
  length?: boolean | undefined;
120
120
  toString?: boolean | undefined;
@@ -152,7 +152,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
152
152
  readonly [Symbol.unscopables]?: boolean | undefined;
153
153
  at?: boolean | undefined;
154
154
  } | undefined;
155
- borderEndEndRadius?: string | {
155
+ borderEndEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
156
156
  [x: number]: boolean | undefined;
157
157
  length?: boolean | undefined;
158
158
  toString?: boolean | undefined;
@@ -190,7 +190,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
190
190
  readonly [Symbol.unscopables]?: boolean | undefined;
191
191
  at?: boolean | undefined;
192
192
  } | undefined;
193
- borderEndStartRadius?: string | {
193
+ borderEndStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
194
194
  [x: number]: boolean | undefined;
195
195
  length?: boolean | undefined;
196
196
  toString?: boolean | undefined;
@@ -228,7 +228,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
228
228
  readonly [Symbol.unscopables]?: boolean | undefined;
229
229
  at?: boolean | undefined;
230
230
  } | undefined;
231
- borderRadius?: string | {
231
+ borderRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
232
232
  [x: number]: boolean | undefined;
233
233
  length?: boolean | undefined;
234
234
  toString?: boolean | undefined;
@@ -266,7 +266,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
266
266
  readonly [Symbol.unscopables]?: boolean | undefined;
267
267
  at?: boolean | undefined;
268
268
  } | undefined;
269
- borderStartEndRadius?: string | {
269
+ borderStartEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
270
270
  [x: number]: boolean | undefined;
271
271
  length?: boolean | undefined;
272
272
  toString?: boolean | undefined;
@@ -304,7 +304,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
304
304
  readonly [Symbol.unscopables]?: boolean | undefined;
305
305
  at?: boolean | undefined;
306
306
  } | undefined;
307
- borderStartStartRadius?: string | {
307
+ borderStartStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
308
308
  [x: number]: boolean | undefined;
309
309
  length?: boolean | undefined;
310
310
  toString?: boolean | undefined;
@@ -342,7 +342,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
342
342
  readonly [Symbol.unscopables]?: boolean | undefined;
343
343
  at?: boolean | undefined;
344
344
  } | undefined;
345
- borderTopLeftRadius?: string | {
345
+ borderTopLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
346
346
  [x: number]: boolean | undefined;
347
347
  length?: boolean | undefined;
348
348
  toString?: boolean | undefined;
@@ -380,7 +380,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
380
380
  readonly [Symbol.unscopables]?: boolean | undefined;
381
381
  at?: boolean | undefined;
382
382
  } | undefined;
383
- borderTopRightRadius?: string | {
383
+ borderTopRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
384
384
  [x: number]: boolean | undefined;
385
385
  length?: boolean | undefined;
386
386
  toString?: boolean | undefined;
@@ -799,7 +799,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
799
799
  at?: boolean | undefined;
800
800
  } | undefined;
801
801
  }>) => 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", {
802
- borderBottomLeftRadius?: string | {
802
+ borderBottomLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
803
803
  [x: number]: boolean | undefined;
804
804
  length?: boolean | undefined;
805
805
  toString?: boolean | undefined;
@@ -837,7 +837,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
837
837
  readonly [Symbol.unscopables]?: boolean | undefined;
838
838
  at?: boolean | undefined;
839
839
  } | undefined;
840
- borderBottomRightRadius?: string | {
840
+ borderBottomRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
841
841
  [x: number]: boolean | undefined;
842
842
  length?: boolean | undefined;
843
843
  toString?: boolean | undefined;
@@ -875,7 +875,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
875
875
  readonly [Symbol.unscopables]?: boolean | undefined;
876
876
  at?: boolean | undefined;
877
877
  } | undefined;
878
- borderEndEndRadius?: string | {
878
+ borderEndEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
879
879
  [x: number]: boolean | undefined;
880
880
  length?: boolean | undefined;
881
881
  toString?: boolean | undefined;
@@ -913,7 +913,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
913
913
  readonly [Symbol.unscopables]?: boolean | undefined;
914
914
  at?: boolean | undefined;
915
915
  } | undefined;
916
- borderEndStartRadius?: string | {
916
+ borderEndStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
917
917
  [x: number]: boolean | undefined;
918
918
  length?: boolean | undefined;
919
919
  toString?: boolean | undefined;
@@ -951,7 +951,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
951
951
  readonly [Symbol.unscopables]?: boolean | undefined;
952
952
  at?: boolean | undefined;
953
953
  } | undefined;
954
- borderRadius?: string | {
954
+ borderRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
955
955
  [x: number]: boolean | undefined;
956
956
  length?: boolean | undefined;
957
957
  toString?: boolean | undefined;
@@ -989,7 +989,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
989
989
  readonly [Symbol.unscopables]?: boolean | undefined;
990
990
  at?: boolean | undefined;
991
991
  } | undefined;
992
- borderStartEndRadius?: string | {
992
+ borderStartEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
993
993
  [x: number]: boolean | undefined;
994
994
  length?: boolean | undefined;
995
995
  toString?: boolean | undefined;
@@ -1027,7 +1027,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1027
1027
  readonly [Symbol.unscopables]?: boolean | undefined;
1028
1028
  at?: boolean | undefined;
1029
1029
  } | undefined;
1030
- borderStartStartRadius?: string | {
1030
+ borderStartStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
1031
1031
  [x: number]: boolean | undefined;
1032
1032
  length?: boolean | undefined;
1033
1033
  toString?: boolean | undefined;
@@ -1065,7 +1065,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1065
1065
  readonly [Symbol.unscopables]?: boolean | undefined;
1066
1066
  at?: boolean | undefined;
1067
1067
  } | undefined;
1068
- borderTopLeftRadius?: string | {
1068
+ borderTopLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
1069
1069
  [x: number]: boolean | undefined;
1070
1070
  length?: boolean | undefined;
1071
1071
  toString?: boolean | undefined;
@@ -1103,7 +1103,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1103
1103
  readonly [Symbol.unscopables]?: boolean | undefined;
1104
1104
  at?: boolean | undefined;
1105
1105
  } | undefined;
1106
- borderTopRightRadius?: string | {
1106
+ borderTopRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
1107
1107
  [x: number]: boolean | undefined;
1108
1108
  length?: boolean | undefined;
1109
1109
  toString?: 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::2576658a875b738553fdb3ccfa41acd1>>
6
+ * @codegen <<SignedSource::5713a45f955f5850078204892e910b64>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
8
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/index.tsx <<SignedSource::6b375bb57ecf19919f9e1b65e899fd96>>
9
9
  */
@@ -18,7 +18,7 @@ type TokensMapPropKey = keyof TokensMap;
18
18
  type TokenizedProps = {
19
19
  [K in TokensMapPropKey]?: keyof TokensMap[K];
20
20
  };
21
- type RawCSSValue = string & {};
21
+ type RawCSSValue = string & Record<string, never>;
22
22
  type RelaxedTokenizedProps = {
23
23
  [K in TokensMapPropKey]?: keyof TokensMap[K] | RawCSSValue;
24
24
  };
@@ -59,7 +59,7 @@ declare const makeXCSSValidator: <U extends XCSSValidatorParam>(supportedXCSSPro
59
59
  } ? K_1 : never;
60
60
  }[Extract<keyof U, keyof CSSProperties>], Extract<keyof U, keyof CSSProperties>>]?: (U[K_2] extends {
61
61
  supportedValues: infer V;
62
- } ? Exclude<V[keyof V], number | Function> : never) | undefined;
62
+ } ? Exclude<V[keyof V], number | ((...args: any[]) => any)> : never) | undefined;
63
63
  }>) => SafeCSSObject<Extract<keyof U, keyof CSSProperties>, Extract<{
64
64
  [K in Extract<keyof U, keyof CSSProperties>]: U[K] extends {
65
65
  allowCSS: true;
@@ -71,12 +71,12 @@ declare const makeXCSSValidator: <U extends XCSSValidatorParam>(supportedXCSSPro
71
71
  } ? K_1 : never;
72
72
  }[Extract<keyof U, keyof CSSProperties>], Extract<keyof U, keyof CSSProperties>>]?: (U[K_2] extends {
73
73
  supportedValues: infer V;
74
- } ? Exclude<V[keyof V], number | Function> : never) | undefined;
74
+ } ? Exclude<V[keyof V], number | ((...args: any[]) => any)> : never) | undefined;
75
75
  }>;
76
76
  export { makeXCSSValidator };
77
77
  export type { SafeCSSObject };
78
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
- borderBottomLeftRadius?: string | {
79
+ borderBottomLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
80
80
  [x: number]: boolean | undefined;
81
81
  length?: boolean | undefined;
82
82
  toString?: boolean | undefined;
@@ -114,7 +114,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
114
114
  readonly [Symbol.unscopables]?: boolean | undefined;
115
115
  at?: boolean | undefined;
116
116
  } | undefined;
117
- borderBottomRightRadius?: string | {
117
+ borderBottomRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
118
118
  [x: number]: boolean | undefined;
119
119
  length?: boolean | undefined;
120
120
  toString?: boolean | undefined;
@@ -152,7 +152,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
152
152
  readonly [Symbol.unscopables]?: boolean | undefined;
153
153
  at?: boolean | undefined;
154
154
  } | undefined;
155
- borderEndEndRadius?: string | {
155
+ borderEndEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
156
156
  [x: number]: boolean | undefined;
157
157
  length?: boolean | undefined;
158
158
  toString?: boolean | undefined;
@@ -190,7 +190,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
190
190
  readonly [Symbol.unscopables]?: boolean | undefined;
191
191
  at?: boolean | undefined;
192
192
  } | undefined;
193
- borderEndStartRadius?: string | {
193
+ borderEndStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
194
194
  [x: number]: boolean | undefined;
195
195
  length?: boolean | undefined;
196
196
  toString?: boolean | undefined;
@@ -228,7 +228,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
228
228
  readonly [Symbol.unscopables]?: boolean | undefined;
229
229
  at?: boolean | undefined;
230
230
  } | undefined;
231
- borderRadius?: string | {
231
+ borderRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
232
232
  [x: number]: boolean | undefined;
233
233
  length?: boolean | undefined;
234
234
  toString?: boolean | undefined;
@@ -266,7 +266,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
266
266
  readonly [Symbol.unscopables]?: boolean | undefined;
267
267
  at?: boolean | undefined;
268
268
  } | undefined;
269
- borderStartEndRadius?: string | {
269
+ borderStartEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
270
270
  [x: number]: boolean | undefined;
271
271
  length?: boolean | undefined;
272
272
  toString?: boolean | undefined;
@@ -304,7 +304,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
304
304
  readonly [Symbol.unscopables]?: boolean | undefined;
305
305
  at?: boolean | undefined;
306
306
  } | undefined;
307
- borderStartStartRadius?: string | {
307
+ borderStartStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
308
308
  [x: number]: boolean | undefined;
309
309
  length?: boolean | undefined;
310
310
  toString?: boolean | undefined;
@@ -342,7 +342,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
342
342
  readonly [Symbol.unscopables]?: boolean | undefined;
343
343
  at?: boolean | undefined;
344
344
  } | undefined;
345
- borderTopLeftRadius?: string | {
345
+ borderTopLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
346
346
  [x: number]: boolean | undefined;
347
347
  length?: boolean | undefined;
348
348
  toString?: boolean | undefined;
@@ -380,7 +380,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
380
380
  readonly [Symbol.unscopables]?: boolean | undefined;
381
381
  at?: boolean | undefined;
382
382
  } | undefined;
383
- borderTopRightRadius?: string | {
383
+ borderTopRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
384
384
  [x: number]: boolean | undefined;
385
385
  length?: boolean | undefined;
386
386
  toString?: boolean | undefined;
@@ -799,7 +799,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
799
799
  at?: boolean | undefined;
800
800
  } | undefined;
801
801
  }>) => 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", {
802
- borderBottomLeftRadius?: string | {
802
+ borderBottomLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
803
803
  [x: number]: boolean | undefined;
804
804
  length?: boolean | undefined;
805
805
  toString?: boolean | undefined;
@@ -837,7 +837,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
837
837
  readonly [Symbol.unscopables]?: boolean | undefined;
838
838
  at?: boolean | undefined;
839
839
  } | undefined;
840
- borderBottomRightRadius?: string | {
840
+ borderBottomRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
841
841
  [x: number]: boolean | undefined;
842
842
  length?: boolean | undefined;
843
843
  toString?: boolean | undefined;
@@ -875,7 +875,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
875
875
  readonly [Symbol.unscopables]?: boolean | undefined;
876
876
  at?: boolean | undefined;
877
877
  } | undefined;
878
- borderEndEndRadius?: string | {
878
+ borderEndEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
879
879
  [x: number]: boolean | undefined;
880
880
  length?: boolean | undefined;
881
881
  toString?: boolean | undefined;
@@ -913,7 +913,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
913
913
  readonly [Symbol.unscopables]?: boolean | undefined;
914
914
  at?: boolean | undefined;
915
915
  } | undefined;
916
- borderEndStartRadius?: string | {
916
+ borderEndStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
917
917
  [x: number]: boolean | undefined;
918
918
  length?: boolean | undefined;
919
919
  toString?: boolean | undefined;
@@ -951,7 +951,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
951
951
  readonly [Symbol.unscopables]?: boolean | undefined;
952
952
  at?: boolean | undefined;
953
953
  } | undefined;
954
- borderRadius?: string | {
954
+ borderRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
955
955
  [x: number]: boolean | undefined;
956
956
  length?: boolean | undefined;
957
957
  toString?: boolean | undefined;
@@ -989,7 +989,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
989
989
  readonly [Symbol.unscopables]?: boolean | undefined;
990
990
  at?: boolean | undefined;
991
991
  } | undefined;
992
- borderStartEndRadius?: string | {
992
+ borderStartEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
993
993
  [x: number]: boolean | undefined;
994
994
  length?: boolean | undefined;
995
995
  toString?: boolean | undefined;
@@ -1027,7 +1027,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1027
1027
  readonly [Symbol.unscopables]?: boolean | undefined;
1028
1028
  at?: boolean | undefined;
1029
1029
  } | undefined;
1030
- borderStartStartRadius?: string | {
1030
+ borderStartStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
1031
1031
  [x: number]: boolean | undefined;
1032
1032
  length?: boolean | undefined;
1033
1033
  toString?: boolean | undefined;
@@ -1065,7 +1065,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1065
1065
  readonly [Symbol.unscopables]?: boolean | undefined;
1066
1066
  at?: boolean | undefined;
1067
1067
  } | undefined;
1068
- borderTopLeftRadius?: string | {
1068
+ borderTopLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
1069
1069
  [x: number]: boolean | undefined;
1070
1070
  length?: boolean | undefined;
1071
1071
  toString?: boolean | undefined;
@@ -1103,7 +1103,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1103
1103
  readonly [Symbol.unscopables]?: boolean | undefined;
1104
1104
  at?: boolean | undefined;
1105
1105
  } | undefined;
1106
- borderTopRightRadius?: string | {
1106
+ borderTopRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
1107
1107
  [x: number]: boolean | undefined;
1108
1108
  length?: boolean | undefined;
1109
1109
  toString?: boolean | undefined;
package/dist/types-ts4.5/components/__generated__/PressableProps.codegen.d.ts CHANGED
@@ -3,9 +3,9 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - PressableProps
5
5
  *
6
- * @codegen <<SignedSource::7158030e15c00ca33456e783cffd4db2>>
6
+ * @codegen <<SignedSource::d44ce111e6c9bdc78a54ec6d13b5377b>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::e23b1db22ac327f82c64213c36751b27>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::4faae83984df292d6278957438200179>>
9
9
  */
10
10
  import React from 'react';
11
11
  import { Pressable as PlatformPressable } from '@atlaskit/primitives';
@@ -18,7 +18,7 @@ type TokensMapPropKey = keyof TokensMap;
18
18
  type TokenizedProps = {
19
19
  [K in TokensMapPropKey]?: keyof TokensMap[K];
20
20
  };
21
- type RawCSSValue = string & {};
21
+ type RawCSSValue = string & Record<string, never>;
22
22
  type RelaxedTokenizedProps = {
23
23
  [K in TokensMapPropKey]?: keyof TokensMap[K] | RawCSSValue;
24
24
  };
@@ -59,7 +59,7 @@ declare const makeXCSSValidator: <U extends XCSSValidatorParam>(supportedXCSSPro
59
59
  } ? K_1 : never;
60
60
  }[Extract<keyof U, keyof CSSProperties>], Extract<keyof U, keyof CSSProperties>>]?: (U[K_2] extends {
61
61
  supportedValues: infer V;
62
- } ? Exclude<V[keyof V], number | Function> : never) | undefined;
62
+ } ? Exclude<V[keyof V], number | ((...args: any[]) => any)> : never) | undefined;
63
63
  }>) => SafeCSSObject<Extract<keyof U, keyof CSSProperties>, Extract<{
64
64
  [K in Extract<keyof U, keyof CSSProperties>]: U[K] extends {
65
65
  allowCSS: true;
@@ -71,12 +71,12 @@ declare const makeXCSSValidator: <U extends XCSSValidatorParam>(supportedXCSSPro
71
71
  } ? K_1 : never;
72
72
  }[Extract<keyof U, keyof CSSProperties>], Extract<keyof U, keyof CSSProperties>>]?: (U[K_2] extends {
73
73
  supportedValues: infer V;
74
- } ? Exclude<V[keyof V], number | Function> : never) | undefined;
74
+ } ? Exclude<V[keyof V], number | ((...args: any[]) => any)> : never) | undefined;
75
75
  }>;
76
76
  export { makeXCSSValidator };
77
77
  export type { SafeCSSObject };
78
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
- borderBottomLeftRadius?: string | {
79
+ borderBottomLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
80
80
  [x: number]: boolean | undefined;
81
81
  length?: boolean | undefined;
82
82
  toString?: boolean | undefined;
@@ -114,7 +114,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
114
114
  readonly [Symbol.unscopables]?: boolean | undefined;
115
115
  at?: boolean | undefined;
116
116
  } | undefined;
117
- borderBottomRightRadius?: string | {
117
+ borderBottomRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
118
118
  [x: number]: boolean | undefined;
119
119
  length?: boolean | undefined;
120
120
  toString?: boolean | undefined;
@@ -152,7 +152,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
152
152
  readonly [Symbol.unscopables]?: boolean | undefined;
153
153
  at?: boolean | undefined;
154
154
  } | undefined;
155
- borderEndEndRadius?: string | {
155
+ borderEndEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
156
156
  [x: number]: boolean | undefined;
157
157
  length?: boolean | undefined;
158
158
  toString?: boolean | undefined;
@@ -190,7 +190,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
190
190
  readonly [Symbol.unscopables]?: boolean | undefined;
191
191
  at?: boolean | undefined;
192
192
  } | undefined;
193
- borderEndStartRadius?: string | {
193
+ borderEndStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
194
194
  [x: number]: boolean | undefined;
195
195
  length?: boolean | undefined;
196
196
  toString?: boolean | undefined;
@@ -228,7 +228,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
228
228
  readonly [Symbol.unscopables]?: boolean | undefined;
229
229
  at?: boolean | undefined;
230
230
  } | undefined;
231
- borderRadius?: string | {
231
+ borderRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
232
232
  [x: number]: boolean | undefined;
233
233
  length?: boolean | undefined;
234
234
  toString?: boolean | undefined;
@@ -266,7 +266,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
266
266
  readonly [Symbol.unscopables]?: boolean | undefined;
267
267
  at?: boolean | undefined;
268
268
  } | undefined;
269
- borderStartEndRadius?: string | {
269
+ borderStartEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
270
270
  [x: number]: boolean | undefined;
271
271
  length?: boolean | undefined;
272
272
  toString?: boolean | undefined;
@@ -304,7 +304,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
304
304
  readonly [Symbol.unscopables]?: boolean | undefined;
305
305
  at?: boolean | undefined;
306
306
  } | undefined;
307
- borderStartStartRadius?: string | {
307
+ borderStartStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
308
308
  [x: number]: boolean | undefined;
309
309
  length?: boolean | undefined;
310
310
  toString?: boolean | undefined;
@@ -342,7 +342,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
342
342
  readonly [Symbol.unscopables]?: boolean | undefined;
343
343
  at?: boolean | undefined;
344
344
  } | undefined;
345
- borderTopLeftRadius?: string | {
345
+ borderTopLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
346
346
  [x: number]: boolean | undefined;
347
347
  length?: boolean | undefined;
348
348
  toString?: boolean | undefined;
@@ -380,7 +380,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
380
380
  readonly [Symbol.unscopables]?: boolean | undefined;
381
381
  at?: boolean | undefined;
382
382
  } | undefined;
383
- borderTopRightRadius?: string | {
383
+ borderTopRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
384
384
  [x: number]: boolean | undefined;
385
385
  length?: boolean | undefined;
386
386
  toString?: boolean | undefined;
@@ -799,7 +799,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
799
799
  at?: boolean | undefined;
800
800
  } | undefined;
801
801
  }>) => 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", {
802
- borderBottomLeftRadius?: string | {
802
+ borderBottomLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
803
803
  [x: number]: boolean | undefined;
804
804
  length?: boolean | undefined;
805
805
  toString?: boolean | undefined;
@@ -837,7 +837,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
837
837
  readonly [Symbol.unscopables]?: boolean | undefined;
838
838
  at?: boolean | undefined;
839
839
  } | undefined;
840
- borderBottomRightRadius?: string | {
840
+ borderBottomRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
841
841
  [x: number]: boolean | undefined;
842
842
  length?: boolean | undefined;
843
843
  toString?: boolean | undefined;
@@ -875,7 +875,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
875
875
  readonly [Symbol.unscopables]?: boolean | undefined;
876
876
  at?: boolean | undefined;
877
877
  } | undefined;
878
- borderEndEndRadius?: string | {
878
+ borderEndEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
879
879
  [x: number]: boolean | undefined;
880
880
  length?: boolean | undefined;
881
881
  toString?: boolean | undefined;
@@ -913,7 +913,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
913
913
  readonly [Symbol.unscopables]?: boolean | undefined;
914
914
  at?: boolean | undefined;
915
915
  } | undefined;
916
- borderEndStartRadius?: string | {
916
+ borderEndStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
917
917
  [x: number]: boolean | undefined;
918
918
  length?: boolean | undefined;
919
919
  toString?: boolean | undefined;
@@ -951,7 +951,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
951
951
  readonly [Symbol.unscopables]?: boolean | undefined;
952
952
  at?: boolean | undefined;
953
953
  } | undefined;
954
- borderRadius?: string | {
954
+ borderRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
955
955
  [x: number]: boolean | undefined;
956
956
  length?: boolean | undefined;
957
957
  toString?: boolean | undefined;
@@ -989,7 +989,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
989
989
  readonly [Symbol.unscopables]?: boolean | undefined;
990
990
  at?: boolean | undefined;
991
991
  } | undefined;
992
- borderStartEndRadius?: string | {
992
+ borderStartEndRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
993
993
  [x: number]: boolean | undefined;
994
994
  length?: boolean | undefined;
995
995
  toString?: boolean | undefined;
@@ -1027,7 +1027,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1027
1027
  readonly [Symbol.unscopables]?: boolean | undefined;
1028
1028
  at?: boolean | undefined;
1029
1029
  } | undefined;
1030
- borderStartStartRadius?: string | {
1030
+ borderStartStartRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
1031
1031
  [x: number]: boolean | undefined;
1032
1032
  length?: boolean | undefined;
1033
1033
  toString?: boolean | undefined;
@@ -1065,7 +1065,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1065
1065
  readonly [Symbol.unscopables]?: boolean | undefined;
1066
1066
  at?: boolean | undefined;
1067
1067
  } | undefined;
1068
- borderTopLeftRadius?: string | {
1068
+ borderTopLeftRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
1069
1069
  [x: number]: boolean | undefined;
1070
1070
  length?: boolean | undefined;
1071
1071
  toString?: boolean | undefined;
@@ -1103,7 +1103,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1103
1103
  readonly [Symbol.unscopables]?: boolean | undefined;
1104
1104
  at?: boolean | undefined;
1105
1105
  } | undefined;
1106
- borderTopRightRadius?: string | {
1106
+ borderTopRightRadius?: "radius.xsmall" | "radius.small" | "radius.medium" | "radius.large" | "radius.xlarge" | "radius.xxlarge" | "radius.full" | "radius.tile" | {
1107
1107
  [x: number]: boolean | undefined;
1108
1108
  length?: boolean | undefined;
1109
1109
  toString?: boolean | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/forge-react-types",
3
- "version": "0.49.1",
3
+ "version": "0.50.0",
4
4
  "description": "Component types for Forge UI Kit React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -52,7 +52,7 @@
52
52
  },
53
53
  "devDependencies": {
54
54
  "@atlassian/codegen": "^0.1.0",
55
- "@atlassian/forge-ui": "^32.52.0",
55
+ "@atlassian/forge-ui": "^32.53.0",
56
56
  "@types/node": "~22.17.1",
57
57
  "lodash": "^4.17.21",
58
58
  "react": "^18.2.0",
package/scripts/codegen/codeGenerator.ts CHANGED
@@ -959,7 +959,7 @@ const handleXCSSProp: CodeConsolidator = ({
959
959
  .join('\n');
960
960
 
961
961
  return [
962
- '/* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */',
962
+ '/* eslint @repo/internal/codegen/signed-source-integrity: "warn" */\n/* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */',
963
963
  importCode,
964
964
  xcssValidatorVariableDeclarationCode,
965
965
  externalTypesCode,
package/scripts/typechecker.ts CHANGED
@@ -24,7 +24,7 @@ import { type LozengeProps as GeneratedLozengeProps } from '../src/components/__
24
24
  import { type RangeProps as GeneratedRangeProps } from '../src/components/__generated__/RangeProps.codegen';
25
25
  import { type IconProps as GeneratedIconProps } from '../src/components/__generated__/IconProps.codegen';
26
26
 
27
- const assertAssignable = <A, B extends A>() => { };
27
+ const assertAssignable = <A, B extends A>() => {};
28
28
 
29
29
  assertAssignable<GeneratedBadgeProps, BadgeProps>();
30
30
  assertAssignable<BadgeProps, GeneratedBadgeProps>();
package/src/components/__generated__/BoxProps.codegen.tsx CHANGED
@@ -3,10 +3,11 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - BoxProps
5
5
  *
6
- * @codegen <<SignedSource::2576658a875b738553fdb3ccfa41acd1>>
6
+ * @codegen <<SignedSource::5713a45f955f5850078204892e910b64>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
8
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/index.tsx <<SignedSource::6b375bb57ecf19919f9e1b65e899fd96>>
9
9
  */
10
+ /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
10
11
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
11
12
 
12
13
  import React from 'react';
@@ -21,7 +22,7 @@ type TokensMapPropKey = keyof TokensMap;
21
22
  type TokenizedProps = {
22
23
  [K in TokensMapPropKey]?: keyof TokensMap[K];
23
24
  };
24
- type RawCSSValue = string & {};
25
+ type RawCSSValue = string & Record<string, never>;
25
26
  type RelaxedTokenizedProps = {
26
27
  [K in TokensMapPropKey]?: keyof TokensMap[K] | RawCSSValue;
27
28
  };
@@ -57,13 +58,13 @@ declare const makeXCSSValidator: <U extends XCSSValidatorParam>(supportedXCSSPro
57
58
  supportedValues: RestrictedPropsSpec[K_1][];
58
59
  } ? K_1 : never; }[Extract<keyof U, keyof CSSProperties>], Extract<keyof U, keyof CSSProperties>>]?: (U[K_2] extends {
59
60
  supportedValues: infer V;
60
- } ? Exclude<V[keyof V], number | Function> : never) | undefined; }>) => SafeCSSObject<Extract<keyof U, keyof CSSProperties>, Extract<{ [K in Extract<keyof U, keyof CSSProperties>]: U[K] extends {
61
+ } ? Exclude<V[keyof V], number | ((...args: any[]) => any)> : never) | undefined; }>) => SafeCSSObject<Extract<keyof U, keyof CSSProperties>, Extract<{ [K in Extract<keyof U, keyof CSSProperties>]: U[K] extends {
61
62
  allowCSS: true;
62
63
  } ? K : never; }[Extract<keyof U, keyof CSSProperties>], Extract<keyof U, keyof CSSProperties>>, { [K_2 in Extract<{ [K_1 in Extract<keyof U, keyof CSSProperties>]: U[K_1] extends {
63
64
  supportedValues: RestrictedPropsSpec[K_1][];
64
65
  } ? K_1 : never; }[Extract<keyof U, keyof CSSProperties>], Extract<keyof U, keyof CSSProperties>>]?: (U[K_2] extends {
65
66
  supportedValues: infer V;
66
- } ? Exclude<V[keyof V], number | Function> : never) | undefined; }>;
67
+ } ? Exclude<V[keyof V], number | ((...args: any[]) => any)> : never) | undefined; }>;
67
68
  export { makeXCSSValidator };
68
69
  export type { SafeCSSObject };
69
70
 
@@ -77,7 +78,7 @@ const borderRadiusTokens: BorderRadius[] = [
77
78
  'radius.full',
78
79
  'radius.tile',
79
80
  ];
80
- const borderRadiusSupportedValues = [...borderRadiusTokens, 'border.radius'];
81
+ const borderRadiusSupportedValues = [...borderRadiusTokens, 'border.radius'] as unknown as Array<BorderRadius>;
81
82
  const xcssValidator = makeXCSSValidator({
82
83
  // text related props
83
84
  textAlign: {
package/src/components/__generated__/PressableProps.codegen.tsx CHANGED
@@ -3,10 +3,11 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - PressableProps
5
5
  *
6
- * @codegen <<SignedSource::7158030e15c00ca33456e783cffd4db2>>
6
+ * @codegen <<SignedSource::d44ce111e6c9bdc78a54ec6d13b5377b>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::e23b1db22ac327f82c64213c36751b27>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::4faae83984df292d6278957438200179>>
9
9
  */
10
+ /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
10
11
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
11
12
 
12
13
  import React from 'react';
@@ -21,7 +22,7 @@ type TokensMapPropKey = keyof TokensMap;
21
22
  type TokenizedProps = {
22
23
  [K in TokensMapPropKey]?: keyof TokensMap[K];
23
24
  };
24
- type RawCSSValue = string & {};
25
+ type RawCSSValue = string & Record<string, never>;
25
26
  type RelaxedTokenizedProps = {
26
27
  [K in TokensMapPropKey]?: keyof TokensMap[K] | RawCSSValue;
27
28
  };
@@ -57,13 +58,13 @@ declare const makeXCSSValidator: <U extends XCSSValidatorParam>(supportedXCSSPro
57
58
  supportedValues: RestrictedPropsSpec[K_1][];
58
59
  } ? K_1 : never; }[Extract<keyof U, keyof CSSProperties>], Extract<keyof U, keyof CSSProperties>>]?: (U[K_2] extends {
59
60
  supportedValues: infer V;
60
- } ? Exclude<V[keyof V], number | Function> : never) | undefined; }>) => SafeCSSObject<Extract<keyof U, keyof CSSProperties>, Extract<{ [K in Extract<keyof U, keyof CSSProperties>]: U[K] extends {
61
+ } ? Exclude<V[keyof V], number | ((...args: any[]) => any)> : never) | undefined; }>) => SafeCSSObject<Extract<keyof U, keyof CSSProperties>, Extract<{ [K in Extract<keyof U, keyof CSSProperties>]: U[K] extends {
61
62
  allowCSS: true;
62
63
  } ? K : never; }[Extract<keyof U, keyof CSSProperties>], Extract<keyof U, keyof CSSProperties>>, { [K_2 in Extract<{ [K_1 in Extract<keyof U, keyof CSSProperties>]: U[K_1] extends {
63
64
  supportedValues: RestrictedPropsSpec[K_1][];
64
65
  } ? K_1 : never; }[Extract<keyof U, keyof CSSProperties>], Extract<keyof U, keyof CSSProperties>>]?: (U[K_2] extends {
65
66
  supportedValues: infer V;
66
- } ? Exclude<V[keyof V], number | Function> : never) | undefined; }>;
67
+ } ? Exclude<V[keyof V], number | ((...args: any[]) => any)> : never) | undefined; }>;
67
68
  export { makeXCSSValidator };
68
69
  export type { SafeCSSObject };
69
70
 
@@ -77,7 +78,7 @@ const borderRadiusTokens: BorderRadius[] = [
77
78
  'radius.full',
78
79
  'radius.tile',
79
80
  ];
80
- const borderRadiusSupportedValues = [...borderRadiusTokens, 'border.radius'];
81
+ const borderRadiusSupportedValues = [...borderRadiusTokens, 'border.radius'] as unknown as Array<BorderRadius>;
81
82
  const xcssValidator = makeXCSSValidator({
82
83
  // text related props
83
84
  textAlign: {