@atlaskit/forge-react-types 0.35.1 → 0.35.2

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 (11) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/__generated__/BoxProps.codegen.js +11 -2
  3. package/dist/es2019/components/__generated__/BoxProps.codegen.js +11 -2
  4. package/dist/esm/components/__generated__/BoxProps.codegen.js +11 -2
  5. package/dist/types/components/__generated__/BoxProps.codegen.d.ts +242 -14
  6. package/dist/types/components/__generated__/IconProps.codegen.d.ts +4 -3
  7. package/dist/types-ts4.5/components/__generated__/BoxProps.codegen.d.ts +242 -14
  8. package/dist/types-ts4.5/components/__generated__/IconProps.codegen.d.ts +4 -3
  9. package/package.json +1 -1
  10. package/src/components/__generated__/BoxProps.codegen.tsx +13 -2
  11. package/src/components/__generated__/IconProps.codegen.tsx +6 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/forge-react-types
2
2
 
3
+ ## 0.35.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#110234](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110234)
8
+ [`392d8be5ada29`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/392d8be5ada29) -
9
+ Allow overflow property in xcss, correct Icon type
10
+
3
11
  ## 0.35.1
4
12
 
5
13
  ### Patch Changes
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::31dc8fb4f36ecf67c99521f59d86c2e1>>
11
+ * @codegen <<SignedSource::60edface96d5ea8300c5007b008cafad>>
12
12
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
13
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::7f0def3e681685c87e720c200f3f4b23>>
13
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::898e2c561f956fd22d43ade8ef60ca57>>
14
14
  */
15
15
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
16
16
 
@@ -42,6 +42,15 @@ var xcssValidator = makeXCSSValidator({
42
42
  borderLeftColor: true,
43
43
  borderRightColor: true,
44
44
  borderTopColor: true,
45
+ overflow: {
46
+ supportedValues: ['hidden', 'visible', 'scroll', 'auto']
47
+ },
48
+ overflowX: {
49
+ supportedValues: ['hidden', 'visible', 'scroll', 'auto']
50
+ },
51
+ overflowY: {
52
+ supportedValues: ['hidden', 'visible', 'scroll', 'auto']
53
+ },
45
54
  // layout and space related props
46
55
  display: {
47
56
  supportedValues: ['block', 'inline-block', 'inline', 'none']
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::31dc8fb4f36ecf67c99521f59d86c2e1>>
6
+ * @codegen <<SignedSource::60edface96d5ea8300c5007b008cafad>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::7f0def3e681685c87e720c200f3f4b23>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::898e2c561f956fd22d43ade8ef60ca57>>
9
9
  */
10
10
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
11
11
 
@@ -37,6 +37,15 @@ const xcssValidator = makeXCSSValidator({
37
37
  borderLeftColor: true,
38
38
  borderRightColor: true,
39
39
  borderTopColor: true,
40
+ overflow: {
41
+ supportedValues: ['hidden', 'visible', 'scroll', 'auto']
42
+ },
43
+ overflowX: {
44
+ supportedValues: ['hidden', 'visible', 'scroll', 'auto']
45
+ },
46
+ overflowY: {
47
+ supportedValues: ['hidden', 'visible', 'scroll', 'auto']
48
+ },
40
49
  // layout and space related props
41
50
  display: {
42
51
  supportedValues: ['block', 'inline-block', 'inline', 'none']
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::31dc8fb4f36ecf67c99521f59d86c2e1>>
6
+ * @codegen <<SignedSource::60edface96d5ea8300c5007b008cafad>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::7f0def3e681685c87e720c200f3f4b23>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::898e2c561f956fd22d43ade8ef60ca57>>
9
9
  */
10
10
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
11
11
 
@@ -37,6 +37,15 @@ var xcssValidator = makeXCSSValidator({
37
37
  borderLeftColor: true,
38
38
  borderRightColor: true,
39
39
  borderTopColor: true,
40
+ overflow: {
41
+ supportedValues: ['hidden', 'visible', 'scroll', 'auto']
42
+ },
43
+ overflowX: {
44
+ supportedValues: ['hidden', 'visible', 'scroll', 'auto']
45
+ },
46
+ overflowY: {
47
+ supportedValues: ['hidden', 'visible', 'scroll', 'auto']
48
+ },
40
49
  // layout and space related props
41
50
  display: {
42
51
  supportedValues: ['block', 'inline-block', 'inline', 'none']
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::31dc8fb4f36ecf67c99521f59d86c2e1>>
6
+ * @codegen <<SignedSource::60edface96d5ea8300c5007b008cafad>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::7f0def3e681685c87e720c200f3f4b23>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::898e2c561f956fd22d43ade8ef60ca57>>
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" | "display" | "flexGrow" | "position" | "borderStyle", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "flexGrow", {
78
+ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof CSSProperties, RestrictedPropsSpec> | SafeCSSObject<"backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartWidth" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartWidth" | "borderInlineWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRadius" | "borderRightColor" | "borderRightWidth" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "borderWidth" | "boxShadow" | "color" | "height" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTopStyle" | "display" | "flexGrow" | "overflowX" | "overflowY" | "position" | "borderStyle" | "overflow", "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?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
839
+ borderBottomStyle?: "hidden" | "none" | "dashed" | "dotted" | "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?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
877
+ borderLeftStyle?: "hidden" | "none" | "dashed" | "dotted" | "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?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
915
+ borderRightStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
916
916
  [x: number]: boolean | undefined;
917
917
  length?: boolean | undefined;
918
918
  toString?: boolean | undefined;
@@ -950,7 +950,7 @@ 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?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
953
+ borderTopStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
954
954
  [x: number]: boolean | undefined;
955
955
  length?: boolean | undefined;
956
956
  toString?: boolean | undefined;
@@ -1026,6 +1026,82 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1026
1026
  readonly [Symbol.unscopables]?: boolean | undefined;
1027
1027
  at?: boolean | undefined;
1028
1028
  } | undefined;
1029
+ overflowX?: "auto" | "hidden" | "scroll" | "visible" | {
1030
+ [x: number]: boolean | undefined;
1031
+ length?: boolean | undefined;
1032
+ toString?: boolean | undefined;
1033
+ toLocaleString?: boolean | undefined;
1034
+ pop?: boolean | undefined;
1035
+ push?: boolean | undefined;
1036
+ concat?: boolean | undefined;
1037
+ join?: boolean | undefined;
1038
+ reverse?: boolean | undefined;
1039
+ shift?: boolean | undefined;
1040
+ slice?: boolean | undefined;
1041
+ sort?: boolean | undefined;
1042
+ splice?: boolean | undefined;
1043
+ unshift?: boolean | undefined;
1044
+ indexOf?: boolean | undefined;
1045
+ lastIndexOf?: boolean | undefined;
1046
+ every?: boolean | undefined;
1047
+ some?: boolean | undefined;
1048
+ forEach?: boolean | undefined;
1049
+ map?: boolean | undefined;
1050
+ filter?: boolean | undefined;
1051
+ reduce?: boolean | undefined;
1052
+ reduceRight?: boolean | undefined;
1053
+ find?: boolean | undefined;
1054
+ findIndex?: boolean | undefined;
1055
+ fill?: boolean | undefined;
1056
+ copyWithin?: boolean | undefined;
1057
+ entries?: boolean | undefined;
1058
+ keys?: boolean | undefined;
1059
+ values?: boolean | undefined;
1060
+ includes?: boolean | undefined;
1061
+ flatMap?: boolean | undefined;
1062
+ flat?: boolean | undefined;
1063
+ [Symbol.iterator]?: boolean | undefined;
1064
+ readonly [Symbol.unscopables]?: boolean | undefined;
1065
+ at?: boolean | undefined;
1066
+ } | undefined;
1067
+ overflowY?: "auto" | "hidden" | "scroll" | "visible" | {
1068
+ [x: number]: boolean | undefined;
1069
+ length?: boolean | undefined;
1070
+ toString?: boolean | undefined;
1071
+ toLocaleString?: boolean | undefined;
1072
+ pop?: boolean | undefined;
1073
+ push?: boolean | undefined;
1074
+ concat?: boolean | undefined;
1075
+ join?: boolean | undefined;
1076
+ reverse?: boolean | undefined;
1077
+ shift?: boolean | undefined;
1078
+ slice?: boolean | undefined;
1079
+ sort?: boolean | undefined;
1080
+ splice?: boolean | undefined;
1081
+ unshift?: boolean | undefined;
1082
+ indexOf?: boolean | undefined;
1083
+ lastIndexOf?: boolean | undefined;
1084
+ every?: boolean | undefined;
1085
+ some?: boolean | undefined;
1086
+ forEach?: boolean | undefined;
1087
+ map?: boolean | undefined;
1088
+ filter?: boolean | undefined;
1089
+ reduce?: boolean | undefined;
1090
+ reduceRight?: boolean | undefined;
1091
+ find?: boolean | undefined;
1092
+ findIndex?: boolean | undefined;
1093
+ fill?: boolean | undefined;
1094
+ copyWithin?: boolean | undefined;
1095
+ entries?: boolean | undefined;
1096
+ keys?: boolean | undefined;
1097
+ values?: boolean | undefined;
1098
+ includes?: boolean | undefined;
1099
+ flatMap?: boolean | undefined;
1100
+ flat?: boolean | undefined;
1101
+ [Symbol.iterator]?: boolean | undefined;
1102
+ readonly [Symbol.unscopables]?: boolean | undefined;
1103
+ at?: boolean | undefined;
1104
+ } | undefined;
1029
1105
  position?: "relative" | "static" | {
1030
1106
  [x: number]: boolean | undefined;
1031
1107
  length?: boolean | undefined;
@@ -1064,7 +1140,45 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1064
1140
  readonly [Symbol.unscopables]?: boolean | undefined;
1065
1141
  at?: boolean | undefined;
1066
1142
  } | undefined;
1067
- borderStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
1143
+ borderStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
1144
+ [x: number]: boolean | undefined;
1145
+ length?: boolean | undefined;
1146
+ toString?: boolean | undefined;
1147
+ toLocaleString?: boolean | undefined;
1148
+ pop?: boolean | undefined;
1149
+ push?: boolean | undefined;
1150
+ concat?: boolean | undefined;
1151
+ join?: boolean | undefined;
1152
+ reverse?: boolean | undefined;
1153
+ shift?: boolean | undefined;
1154
+ slice?: boolean | undefined;
1155
+ sort?: boolean | undefined;
1156
+ splice?: boolean | undefined;
1157
+ unshift?: boolean | undefined;
1158
+ indexOf?: boolean | undefined;
1159
+ lastIndexOf?: boolean | undefined;
1160
+ every?: boolean | undefined;
1161
+ some?: boolean | undefined;
1162
+ forEach?: boolean | undefined;
1163
+ map?: boolean | undefined;
1164
+ filter?: boolean | undefined;
1165
+ reduce?: boolean | undefined;
1166
+ reduceRight?: boolean | undefined;
1167
+ find?: boolean | undefined;
1168
+ findIndex?: boolean | undefined;
1169
+ fill?: boolean | undefined;
1170
+ copyWithin?: boolean | undefined;
1171
+ entries?: boolean | undefined;
1172
+ keys?: boolean | undefined;
1173
+ values?: boolean | undefined;
1174
+ includes?: boolean | undefined;
1175
+ flatMap?: boolean | undefined;
1176
+ flat?: boolean | undefined;
1177
+ [Symbol.iterator]?: boolean | undefined;
1178
+ readonly [Symbol.unscopables]?: boolean | undefined;
1179
+ at?: boolean | undefined;
1180
+ } | undefined;
1181
+ overflow?: "auto" | "hidden" | "scroll" | "visible" | {
1068
1182
  [x: number]: boolean | undefined;
1069
1183
  length?: boolean | undefined;
1070
1184
  toString?: boolean | undefined;
@@ -1102,7 +1216,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1102
1216
  readonly [Symbol.unscopables]?: boolean | undefined;
1103
1217
  at?: boolean | undefined;
1104
1218
  } | undefined;
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", {
1219
+ }>) => SafeCSSObject<"backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartWidth" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartWidth" | "borderInlineWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRadius" | "borderRightColor" | "borderRightWidth" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "borderWidth" | "boxShadow" | "color" | "height" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTopStyle" | "display" | "flexGrow" | "overflowX" | "overflowY" | "position" | "borderStyle" | "overflow", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "flexGrow", {
1106
1220
  borderBlockEndWidth?: "border.width" | {
1107
1221
  [x: number]: boolean | undefined;
1108
1222
  length?: boolean | undefined;
@@ -1863,7 +1977,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1863
1977
  readonly [Symbol.unscopables]?: boolean | undefined;
1864
1978
  at?: boolean | undefined;
1865
1979
  } | undefined;
1866
- borderBottomStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
1980
+ borderBottomStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
1867
1981
  [x: number]: boolean | undefined;
1868
1982
  length?: boolean | undefined;
1869
1983
  toString?: boolean | undefined;
@@ -1901,7 +2015,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1901
2015
  readonly [Symbol.unscopables]?: boolean | undefined;
1902
2016
  at?: boolean | undefined;
1903
2017
  } | undefined;
1904
- borderLeftStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
2018
+ borderLeftStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
1905
2019
  [x: number]: boolean | undefined;
1906
2020
  length?: boolean | undefined;
1907
2021
  toString?: boolean | undefined;
@@ -1939,7 +2053,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1939
2053
  readonly [Symbol.unscopables]?: boolean | undefined;
1940
2054
  at?: boolean | undefined;
1941
2055
  } | undefined;
1942
- borderRightStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
2056
+ borderRightStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
1943
2057
  [x: number]: boolean | undefined;
1944
2058
  length?: boolean | undefined;
1945
2059
  toString?: boolean | undefined;
@@ -1977,7 +2091,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1977
2091
  readonly [Symbol.unscopables]?: boolean | undefined;
1978
2092
  at?: boolean | undefined;
1979
2093
  } | undefined;
1980
- borderTopStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
2094
+ borderTopStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
1981
2095
  [x: number]: boolean | undefined;
1982
2096
  length?: boolean | undefined;
1983
2097
  toString?: boolean | undefined;
@@ -2053,6 +2167,82 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
2053
2167
  readonly [Symbol.unscopables]?: boolean | undefined;
2054
2168
  at?: boolean | undefined;
2055
2169
  } | undefined;
2170
+ overflowX?: "auto" | "hidden" | "scroll" | "visible" | {
2171
+ [x: number]: boolean | undefined;
2172
+ length?: boolean | undefined;
2173
+ toString?: boolean | undefined;
2174
+ toLocaleString?: boolean | undefined;
2175
+ pop?: boolean | undefined;
2176
+ push?: boolean | undefined;
2177
+ concat?: boolean | undefined;
2178
+ join?: boolean | undefined;
2179
+ reverse?: boolean | undefined;
2180
+ shift?: boolean | undefined;
2181
+ slice?: boolean | undefined;
2182
+ sort?: boolean | undefined;
2183
+ splice?: boolean | undefined;
2184
+ unshift?: boolean | undefined;
2185
+ indexOf?: boolean | undefined;
2186
+ lastIndexOf?: boolean | undefined;
2187
+ every?: boolean | undefined;
2188
+ some?: boolean | undefined;
2189
+ forEach?: boolean | undefined;
2190
+ map?: boolean | undefined;
2191
+ filter?: boolean | undefined;
2192
+ reduce?: boolean | undefined;
2193
+ reduceRight?: boolean | undefined;
2194
+ find?: boolean | undefined;
2195
+ findIndex?: boolean | undefined;
2196
+ fill?: boolean | undefined;
2197
+ copyWithin?: boolean | undefined;
2198
+ entries?: boolean | undefined;
2199
+ keys?: boolean | undefined;
2200
+ values?: boolean | undefined;
2201
+ includes?: boolean | undefined;
2202
+ flatMap?: boolean | undefined;
2203
+ flat?: boolean | undefined;
2204
+ [Symbol.iterator]?: boolean | undefined;
2205
+ readonly [Symbol.unscopables]?: boolean | undefined;
2206
+ at?: boolean | undefined;
2207
+ } | undefined;
2208
+ overflowY?: "auto" | "hidden" | "scroll" | "visible" | {
2209
+ [x: number]: boolean | undefined;
2210
+ length?: boolean | undefined;
2211
+ toString?: boolean | undefined;
2212
+ toLocaleString?: boolean | undefined;
2213
+ pop?: boolean | undefined;
2214
+ push?: boolean | undefined;
2215
+ concat?: boolean | undefined;
2216
+ join?: boolean | undefined;
2217
+ reverse?: boolean | undefined;
2218
+ shift?: boolean | undefined;
2219
+ slice?: boolean | undefined;
2220
+ sort?: boolean | undefined;
2221
+ splice?: boolean | undefined;
2222
+ unshift?: boolean | undefined;
2223
+ indexOf?: boolean | undefined;
2224
+ lastIndexOf?: boolean | undefined;
2225
+ every?: boolean | undefined;
2226
+ some?: boolean | undefined;
2227
+ forEach?: boolean | undefined;
2228
+ map?: boolean | undefined;
2229
+ filter?: boolean | undefined;
2230
+ reduce?: boolean | undefined;
2231
+ reduceRight?: boolean | undefined;
2232
+ find?: boolean | undefined;
2233
+ findIndex?: boolean | undefined;
2234
+ fill?: boolean | undefined;
2235
+ copyWithin?: boolean | undefined;
2236
+ entries?: boolean | undefined;
2237
+ keys?: boolean | undefined;
2238
+ values?: boolean | undefined;
2239
+ includes?: boolean | undefined;
2240
+ flatMap?: boolean | undefined;
2241
+ flat?: boolean | undefined;
2242
+ [Symbol.iterator]?: boolean | undefined;
2243
+ readonly [Symbol.unscopables]?: boolean | undefined;
2244
+ at?: boolean | undefined;
2245
+ } | undefined;
2056
2246
  position?: "relative" | "static" | {
2057
2247
  [x: number]: boolean | undefined;
2058
2248
  length?: boolean | undefined;
@@ -2091,7 +2281,45 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
2091
2281
  readonly [Symbol.unscopables]?: boolean | undefined;
2092
2282
  at?: boolean | undefined;
2093
2283
  } | undefined;
2094
- borderStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
2284
+ borderStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
2285
+ [x: number]: boolean | undefined;
2286
+ length?: boolean | undefined;
2287
+ toString?: boolean | undefined;
2288
+ toLocaleString?: boolean | undefined;
2289
+ pop?: boolean | undefined;
2290
+ push?: boolean | undefined;
2291
+ concat?: boolean | undefined;
2292
+ join?: boolean | undefined;
2293
+ reverse?: boolean | undefined;
2294
+ shift?: boolean | undefined;
2295
+ slice?: boolean | undefined;
2296
+ sort?: boolean | undefined;
2297
+ splice?: boolean | undefined;
2298
+ unshift?: boolean | undefined;
2299
+ indexOf?: boolean | undefined;
2300
+ lastIndexOf?: boolean | undefined;
2301
+ every?: boolean | undefined;
2302
+ some?: boolean | undefined;
2303
+ forEach?: boolean | undefined;
2304
+ map?: boolean | undefined;
2305
+ filter?: boolean | undefined;
2306
+ reduce?: boolean | undefined;
2307
+ reduceRight?: boolean | undefined;
2308
+ find?: boolean | undefined;
2309
+ findIndex?: boolean | undefined;
2310
+ fill?: boolean | undefined;
2311
+ copyWithin?: boolean | undefined;
2312
+ entries?: boolean | undefined;
2313
+ keys?: boolean | undefined;
2314
+ values?: boolean | undefined;
2315
+ includes?: boolean | undefined;
2316
+ flatMap?: boolean | undefined;
2317
+ flat?: boolean | undefined;
2318
+ [Symbol.iterator]?: boolean | undefined;
2319
+ readonly [Symbol.unscopables]?: boolean | undefined;
2320
+ at?: boolean | undefined;
2321
+ } | undefined;
2322
+ overflow?: "auto" | "hidden" | "scroll" | "visible" | {
2095
2323
  [x: number]: boolean | undefined;
2096
2324
  length?: boolean | undefined;
2097
2325
  toString?: boolean | undefined;
package/dist/types/components/__generated__/IconProps.codegen.d.ts CHANGED
@@ -3,14 +3,14 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - IconProps
5
5
  *
6
- * @codegen <<SignedSource::dfe64bff7d8cc5aaf63e92a0951547b9>>
6
+ * @codegen <<SignedSource::b20b7ee253d00fb37c349ea914f0f796>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/icon/index.tsx <<SignedSource::2f230b37d348f80a985d8a7d529d7221>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/icon/index.tsx <<SignedSource::e8d3a49d7c0faccdf54a1e1ef3ec8d5b>>
9
9
  */
10
10
  import type { ActiveTokens } from '@atlaskit/tokens';
11
11
  export type Icon = 'activity' | 'add' | 'add-circle' | 'add-item' | 'addon' | 'app-access' | 'app-switcher' | 'archive' | 'arrow-down' | 'arrow-down-circle' | 'arrow-left' | 'arrow-left-circle' | 'arrow-right' | 'arrow-right-circle' | 'arrow-up' | 'arrow-up-circle' | 'attachment' | 'audio' | 'audio-circle' | 'backlog' | 'billing' | 'billing-filled' | 'bitbucket-branches' | 'bitbucket-builds' | 'bitbucket-clone' | 'bitbucket-commits' | 'bitbucket-compare' | 'bitbucket-forks' | 'bitbucket-output' | 'bitbucket-pipelines' | 'bitbucket-pullrequests' | 'bitbucket-repos' | 'bitbucket-snippets' | 'bitbucket-source' | 'board' | 'book' | 'bullet-list' | 'calendar' | 'calendar-filled' | 'camera' | 'camera-filled' | 'camera-rotate' | 'camera-take-picture' | 'canvas' | 'check' | 'check-circle' | 'check-circle-outline' | 'checkbox' | 'checkbox-indeterminate' | 'chevron-down' | 'chevron-down-circle' | 'chevron-left' | 'chevron-left-circle' | 'chevron-left-large' | 'chevron-right' | 'chevron-right-circle' | 'chevron-right-large' | 'chevron-up' | 'chevron-up-circle' | 'child-issues' | 'code' | 'comment' | 'component' | 'copy' | 'creditcard' | 'creditcard-filled' | 'cross' | 'cross-circle' | 'dashboard' | 'decision' | 'department' | 'detail-view' | 'discover' | 'discover-filled' | 'document' | 'document-filled' | 'documents' | 'download' | 'drag-handler' | 'dropbox' | 'edit' | 'edit-filled' | 'editor-add' | 'editor-addon' | 'editor-advanced' | 'editor-align-center' | 'editor-align-image-center' | 'editor-align-image-left' | 'editor-align-image-right' | 'editor-align-left' | 'editor-align-right' | 'editor-attachment' | 'editor-background-color' | 'editor-bold' | 'editor-bullet-list' | 'editor-close' | 'editor-code' | 'editor-collapse' | 'editor-date' | 'editor-decision' | 'editor-divider' | 'editor-done' | 'editor-edit' | 'editor-emoji' | 'editor-error' | 'editor-expand' | 'editor-feedback' | 'editor-file' | 'editor-file-preview' | 'editor-help' | 'editor-hint' | 'editor-horizontal-rule' | 'editor-image' | 'editor-image-border' | 'editor-image-resize' | 'editor-indent' | 'editor-info' | 'editor-italic' | 'editor-layout-single' | 'editor-layout-three-equal' | 'editor-layout-three-with-sidebars' | 'editor-layout-two-equal' | 'editor-layout-two-left-sidebar' | 'editor-layout-two-right-sidebar' | 'editor-link' | 'editor-media-center' | 'editor-media-full-width' | 'editor-media-wide' | 'editor-media-wrap-left' | 'editor-media-wrap-right' | 'editor-mention' | 'editor-more' | 'editor-note' | 'editor-number-list' | 'editor-open' | 'editor-outdent' | 'editor-panel' | 'editor-photo' | 'editor-quote' | 'editor-recent' | 'editor-redo' | 'editor-remove' | 'editor-remove-emoji' | 'editor-search' | 'editor-settings' | 'editor-strikethrough' | 'editor-success' | 'editor-table' | 'editor-table-display-options' | 'editor-task' | 'editor-text-color' | 'editor-text-style' | 'editor-underline' | 'editor-undo' | 'editor-unlink' | 'editor-warning' | 'email' | 'emoji' | 'emoji-add' | 'emoji-activity' | 'emoji-atlassian' | 'emoji-custom' | 'emoji-emoji' | 'emoji-flags' | 'emoji-food' | 'emoji-frequent' | 'emoji-keyboard' | 'emoji-nature' | 'emoji-objects' | 'emoji-people' | 'emoji-productivity' | 'emoji-symbols' | 'emoji-travel' | 'error' | 'export' | 'feedback' | 'file' | 'filter' | 'flag-filled' | 'folder' | 'folder-filled' | 'followers' | 'following' | 'googledrive' | 'graph-bar' | 'graph-line' | 'gsuite' | 'highlights' | 'hipchat-audio-only' | 'hipchat-chevron-double-down' | 'hipchat-chevron-double-up' | 'hipchat-chevron-down' | 'hipchat-chevron-up' | 'hipchat-dial-out' | 'hipchat-lobby' | 'hipchat-media-attachment-count' | 'hipchat-outgoing-sound' | 'hipchat-sd-video' | 'home' | 'home-circle' | 'image' | 'image-border' | 'image-resize' | 'info' | 'invite-team' | 'issue' | 'issue-raise' | 'issues' | 'jira-capture' | 'jira-failed-build-status' | 'jira-labs' | 'jira-test-session' | 'label' | 'lightbulb' | 'lightbulb-filled' | 'like' | 'link' | 'link-filled' | 'list' | 'location' | 'lock' | 'lock-circle' | 'lock-filled' | 'marketplace' | 'media-services-actual-size' | 'media-services-add-comment' | 'media-services-annotate' | 'media-services-arrow' | 'media-services-audio' | 'media-services-blur' | 'media-services-brush' | 'media-services-button-option' | 'media-services-code' | 'media-services-document' | 'media-services-filter' | 'media-services-fit-to-page' | 'media-services-full-screen' | 'media-services-grid' | 'media-services-image' | 'media-services-line' | 'media-services-line-thickness' | 'media-services-no-image' | 'media-services-open-mediaviewer' | 'media-services-oval' | 'media-services-pdf' | 'media-services-preselected' | 'media-services-presentation' | 'media-services-rectangle' | 'media-services-scale-large' | 'media-services-scale-small' | 'media-services-spreadsheet' | 'media-services-text' | 'media-services-unknown' | 'media-services-video' | 'media-services-zip' | 'media-services-zoom-in' | 'media-services-zoom-out' | 'mention' | 'menu' | 'menu-expand' | 'mobile' | 'more' | 'more-vertical' | 'notification' | 'notification-all' | 'notification-direct' | 'office-building' | 'office-building-filled' | 'open' | 'overview' | 'page' | 'page-filled' | 'pdf' | 'people' | 'people-group' | 'person' | 'person-circle' | 'person-with-circle' | 'person-with-cross' | 'person-with-tick' | 'portfolio' | 'preferences' | 'premium' | 'presence-active' | 'presence-busy' | 'presence-unavailable' | 'question' | 'question-circle' | 'questions' | 'queues' | 'quote' | 'radio' | 'recent' | 'redo' | 'refresh' | 'retry' | 'roadmap' | 'room-menu' | 'schedule' | 'schedule-filled' | 'screen' | 'search' | 'select-clear' | 'send' | 'settings' | 'share' | 'ship' | 'shortcut' | 'sign-in' | 'sign-out' | 'sprint' | 'star' | 'star-filled' | 'star-large' | 'status' | 'stopwatch' | 'subtask' | 'suitcase' | 'switcher' | 'table' | 'task' | 'teams' | 'trash' | 'tray' | 'undo' | 'unlink' | 'unlock' | 'unlock-circle' | 'unlock-filled' | 'upload' | 'user-avatar-circle' | 'vid-audio-muted' | 'vid-audio-on' | 'vid-backward' | 'vid-camera-off' | 'vid-camera-on' | 'vid-connection-circle' | 'vid-forward' | 'vid-full-screen-off' | 'vid-full-screen-on' | 'vid-hang-up' | 'vid-hd-circle' | 'vid-pause' | 'vid-play' | 'vid-raised-hand' | 'vid-share-screen' | 'vid-speaking-circle' | 'vid-volume-full' | 'vid-volume-half' | 'vid-volume-muted' | 'video-circle' | 'video-filled' | 'warning' | 'watch' | 'watch-filled' | 'world' | 'world-small';
12
12
  type Glyph = Icon;
13
- export type IconColor = Extract<ActiveTokens, `color.icon.${string}`>;
13
+ export type IconColor = Extract<ActiveTokens, `color.icon.${string}`> | 'color.icon';
14
14
  export interface IconProps {
15
15
  size?: 'small' | 'medium' | 'large';
16
16
  label: string;
@@ -18,4 +18,5 @@ export interface IconProps {
18
18
  primaryColor?: IconColor;
19
19
  secondaryColor?: IconColor;
20
20
  }
21
+ export type TIcon<T> = (props: IconProps) => T;
21
22
  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::31dc8fb4f36ecf67c99521f59d86c2e1>>
6
+ * @codegen <<SignedSource::60edface96d5ea8300c5007b008cafad>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::7f0def3e681685c87e720c200f3f4b23>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::898e2c561f956fd22d43ade8ef60ca57>>
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" | "display" | "flexGrow" | "position" | "borderStyle", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "flexGrow", {
78
+ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof CSSProperties, RestrictedPropsSpec> | SafeCSSObject<"backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartWidth" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartWidth" | "borderInlineWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRadius" | "borderRightColor" | "borderRightWidth" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "borderWidth" | "boxShadow" | "color" | "height" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTopStyle" | "display" | "flexGrow" | "overflowX" | "overflowY" | "position" | "borderStyle" | "overflow", "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?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
839
+ borderBottomStyle?: "hidden" | "none" | "dashed" | "dotted" | "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?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
877
+ borderLeftStyle?: "hidden" | "none" | "dashed" | "dotted" | "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?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
915
+ borderRightStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
916
916
  [x: number]: boolean | undefined;
917
917
  length?: boolean | undefined;
918
918
  toString?: boolean | undefined;
@@ -950,7 +950,7 @@ 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?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
953
+ borderTopStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
954
954
  [x: number]: boolean | undefined;
955
955
  length?: boolean | undefined;
956
956
  toString?: boolean | undefined;
@@ -1026,6 +1026,82 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1026
1026
  readonly [Symbol.unscopables]?: boolean | undefined;
1027
1027
  at?: boolean | undefined;
1028
1028
  } | undefined;
1029
+ overflowX?: "auto" | "hidden" | "scroll" | "visible" | {
1030
+ [x: number]: boolean | undefined;
1031
+ length?: boolean | undefined;
1032
+ toString?: boolean | undefined;
1033
+ toLocaleString?: boolean | undefined;
1034
+ pop?: boolean | undefined;
1035
+ push?: boolean | undefined;
1036
+ concat?: boolean | undefined;
1037
+ join?: boolean | undefined;
1038
+ reverse?: boolean | undefined;
1039
+ shift?: boolean | undefined;
1040
+ slice?: boolean | undefined;
1041
+ sort?: boolean | undefined;
1042
+ splice?: boolean | undefined;
1043
+ unshift?: boolean | undefined;
1044
+ indexOf?: boolean | undefined;
1045
+ lastIndexOf?: boolean | undefined;
1046
+ every?: boolean | undefined;
1047
+ some?: boolean | undefined;
1048
+ forEach?: boolean | undefined;
1049
+ map?: boolean | undefined;
1050
+ filter?: boolean | undefined;
1051
+ reduce?: boolean | undefined;
1052
+ reduceRight?: boolean | undefined;
1053
+ find?: boolean | undefined;
1054
+ findIndex?: boolean | undefined;
1055
+ fill?: boolean | undefined;
1056
+ copyWithin?: boolean | undefined;
1057
+ entries?: boolean | undefined;
1058
+ keys?: boolean | undefined;
1059
+ values?: boolean | undefined;
1060
+ includes?: boolean | undefined;
1061
+ flatMap?: boolean | undefined;
1062
+ flat?: boolean | undefined;
1063
+ [Symbol.iterator]?: boolean | undefined;
1064
+ readonly [Symbol.unscopables]?: boolean | undefined;
1065
+ at?: boolean | undefined;
1066
+ } | undefined;
1067
+ overflowY?: "auto" | "hidden" | "scroll" | "visible" | {
1068
+ [x: number]: boolean | undefined;
1069
+ length?: boolean | undefined;
1070
+ toString?: boolean | undefined;
1071
+ toLocaleString?: boolean | undefined;
1072
+ pop?: boolean | undefined;
1073
+ push?: boolean | undefined;
1074
+ concat?: boolean | undefined;
1075
+ join?: boolean | undefined;
1076
+ reverse?: boolean | undefined;
1077
+ shift?: boolean | undefined;
1078
+ slice?: boolean | undefined;
1079
+ sort?: boolean | undefined;
1080
+ splice?: boolean | undefined;
1081
+ unshift?: boolean | undefined;
1082
+ indexOf?: boolean | undefined;
1083
+ lastIndexOf?: boolean | undefined;
1084
+ every?: boolean | undefined;
1085
+ some?: boolean | undefined;
1086
+ forEach?: boolean | undefined;
1087
+ map?: boolean | undefined;
1088
+ filter?: boolean | undefined;
1089
+ reduce?: boolean | undefined;
1090
+ reduceRight?: boolean | undefined;
1091
+ find?: boolean | undefined;
1092
+ findIndex?: boolean | undefined;
1093
+ fill?: boolean | undefined;
1094
+ copyWithin?: boolean | undefined;
1095
+ entries?: boolean | undefined;
1096
+ keys?: boolean | undefined;
1097
+ values?: boolean | undefined;
1098
+ includes?: boolean | undefined;
1099
+ flatMap?: boolean | undefined;
1100
+ flat?: boolean | undefined;
1101
+ [Symbol.iterator]?: boolean | undefined;
1102
+ readonly [Symbol.unscopables]?: boolean | undefined;
1103
+ at?: boolean | undefined;
1104
+ } | undefined;
1029
1105
  position?: "relative" | "static" | {
1030
1106
  [x: number]: boolean | undefined;
1031
1107
  length?: boolean | undefined;
@@ -1064,7 +1140,45 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1064
1140
  readonly [Symbol.unscopables]?: boolean | undefined;
1065
1141
  at?: boolean | undefined;
1066
1142
  } | undefined;
1067
- borderStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
1143
+ borderStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
1144
+ [x: number]: boolean | undefined;
1145
+ length?: boolean | undefined;
1146
+ toString?: boolean | undefined;
1147
+ toLocaleString?: boolean | undefined;
1148
+ pop?: boolean | undefined;
1149
+ push?: boolean | undefined;
1150
+ concat?: boolean | undefined;
1151
+ join?: boolean | undefined;
1152
+ reverse?: boolean | undefined;
1153
+ shift?: boolean | undefined;
1154
+ slice?: boolean | undefined;
1155
+ sort?: boolean | undefined;
1156
+ splice?: boolean | undefined;
1157
+ unshift?: boolean | undefined;
1158
+ indexOf?: boolean | undefined;
1159
+ lastIndexOf?: boolean | undefined;
1160
+ every?: boolean | undefined;
1161
+ some?: boolean | undefined;
1162
+ forEach?: boolean | undefined;
1163
+ map?: boolean | undefined;
1164
+ filter?: boolean | undefined;
1165
+ reduce?: boolean | undefined;
1166
+ reduceRight?: boolean | undefined;
1167
+ find?: boolean | undefined;
1168
+ findIndex?: boolean | undefined;
1169
+ fill?: boolean | undefined;
1170
+ copyWithin?: boolean | undefined;
1171
+ entries?: boolean | undefined;
1172
+ keys?: boolean | undefined;
1173
+ values?: boolean | undefined;
1174
+ includes?: boolean | undefined;
1175
+ flatMap?: boolean | undefined;
1176
+ flat?: boolean | undefined;
1177
+ [Symbol.iterator]?: boolean | undefined;
1178
+ readonly [Symbol.unscopables]?: boolean | undefined;
1179
+ at?: boolean | undefined;
1180
+ } | undefined;
1181
+ overflow?: "auto" | "hidden" | "scroll" | "visible" | {
1068
1182
  [x: number]: boolean | undefined;
1069
1183
  length?: boolean | undefined;
1070
1184
  toString?: boolean | undefined;
@@ -1102,7 +1216,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1102
1216
  readonly [Symbol.unscopables]?: boolean | undefined;
1103
1217
  at?: boolean | undefined;
1104
1218
  } | undefined;
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", {
1219
+ }>) => SafeCSSObject<"backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartWidth" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartWidth" | "borderInlineWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRadius" | "borderRightColor" | "borderRightWidth" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "borderWidth" | "boxShadow" | "color" | "height" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTopStyle" | "display" | "flexGrow" | "overflowX" | "overflowY" | "position" | "borderStyle" | "overflow", "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "width" | "flexGrow", {
1106
1220
  borderBlockEndWidth?: "border.width" | {
1107
1221
  [x: number]: boolean | undefined;
1108
1222
  length?: boolean | undefined;
@@ -1863,7 +1977,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1863
1977
  readonly [Symbol.unscopables]?: boolean | undefined;
1864
1978
  at?: boolean | undefined;
1865
1979
  } | undefined;
1866
- borderBottomStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
1980
+ borderBottomStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
1867
1981
  [x: number]: boolean | undefined;
1868
1982
  length?: boolean | undefined;
1869
1983
  toString?: boolean | undefined;
@@ -1901,7 +2015,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1901
2015
  readonly [Symbol.unscopables]?: boolean | undefined;
1902
2016
  at?: boolean | undefined;
1903
2017
  } | undefined;
1904
- borderLeftStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
2018
+ borderLeftStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
1905
2019
  [x: number]: boolean | undefined;
1906
2020
  length?: boolean | undefined;
1907
2021
  toString?: boolean | undefined;
@@ -1939,7 +2053,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1939
2053
  readonly [Symbol.unscopables]?: boolean | undefined;
1940
2054
  at?: boolean | undefined;
1941
2055
  } | undefined;
1942
- borderRightStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
2056
+ borderRightStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
1943
2057
  [x: number]: boolean | undefined;
1944
2058
  length?: boolean | undefined;
1945
2059
  toString?: boolean | undefined;
@@ -1977,7 +2091,7 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
1977
2091
  readonly [Symbol.unscopables]?: boolean | undefined;
1978
2092
  at?: boolean | undefined;
1979
2093
  } | undefined;
1980
- borderTopStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
2094
+ borderTopStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
1981
2095
  [x: number]: boolean | undefined;
1982
2096
  length?: boolean | undefined;
1983
2097
  toString?: boolean | undefined;
@@ -2053,6 +2167,82 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
2053
2167
  readonly [Symbol.unscopables]?: boolean | undefined;
2054
2168
  at?: boolean | undefined;
2055
2169
  } | undefined;
2170
+ overflowX?: "auto" | "hidden" | "scroll" | "visible" | {
2171
+ [x: number]: boolean | undefined;
2172
+ length?: boolean | undefined;
2173
+ toString?: boolean | undefined;
2174
+ toLocaleString?: boolean | undefined;
2175
+ pop?: boolean | undefined;
2176
+ push?: boolean | undefined;
2177
+ concat?: boolean | undefined;
2178
+ join?: boolean | undefined;
2179
+ reverse?: boolean | undefined;
2180
+ shift?: boolean | undefined;
2181
+ slice?: boolean | undefined;
2182
+ sort?: boolean | undefined;
2183
+ splice?: boolean | undefined;
2184
+ unshift?: boolean | undefined;
2185
+ indexOf?: boolean | undefined;
2186
+ lastIndexOf?: boolean | undefined;
2187
+ every?: boolean | undefined;
2188
+ some?: boolean | undefined;
2189
+ forEach?: boolean | undefined;
2190
+ map?: boolean | undefined;
2191
+ filter?: boolean | undefined;
2192
+ reduce?: boolean | undefined;
2193
+ reduceRight?: boolean | undefined;
2194
+ find?: boolean | undefined;
2195
+ findIndex?: boolean | undefined;
2196
+ fill?: boolean | undefined;
2197
+ copyWithin?: boolean | undefined;
2198
+ entries?: boolean | undefined;
2199
+ keys?: boolean | undefined;
2200
+ values?: boolean | undefined;
2201
+ includes?: boolean | undefined;
2202
+ flatMap?: boolean | undefined;
2203
+ flat?: boolean | undefined;
2204
+ [Symbol.iterator]?: boolean | undefined;
2205
+ readonly [Symbol.unscopables]?: boolean | undefined;
2206
+ at?: boolean | undefined;
2207
+ } | undefined;
2208
+ overflowY?: "auto" | "hidden" | "scroll" | "visible" | {
2209
+ [x: number]: boolean | undefined;
2210
+ length?: boolean | undefined;
2211
+ toString?: boolean | undefined;
2212
+ toLocaleString?: boolean | undefined;
2213
+ pop?: boolean | undefined;
2214
+ push?: boolean | undefined;
2215
+ concat?: boolean | undefined;
2216
+ join?: boolean | undefined;
2217
+ reverse?: boolean | undefined;
2218
+ shift?: boolean | undefined;
2219
+ slice?: boolean | undefined;
2220
+ sort?: boolean | undefined;
2221
+ splice?: boolean | undefined;
2222
+ unshift?: boolean | undefined;
2223
+ indexOf?: boolean | undefined;
2224
+ lastIndexOf?: boolean | undefined;
2225
+ every?: boolean | undefined;
2226
+ some?: boolean | undefined;
2227
+ forEach?: boolean | undefined;
2228
+ map?: boolean | undefined;
2229
+ filter?: boolean | undefined;
2230
+ reduce?: boolean | undefined;
2231
+ reduceRight?: boolean | undefined;
2232
+ find?: boolean | undefined;
2233
+ findIndex?: boolean | undefined;
2234
+ fill?: boolean | undefined;
2235
+ copyWithin?: boolean | undefined;
2236
+ entries?: boolean | undefined;
2237
+ keys?: boolean | undefined;
2238
+ values?: boolean | undefined;
2239
+ includes?: boolean | undefined;
2240
+ flatMap?: boolean | undefined;
2241
+ flat?: boolean | undefined;
2242
+ [Symbol.iterator]?: boolean | undefined;
2243
+ readonly [Symbol.unscopables]?: boolean | undefined;
2244
+ at?: boolean | undefined;
2245
+ } | undefined;
2056
2246
  position?: "relative" | "static" | {
2057
2247
  [x: number]: boolean | undefined;
2058
2248
  length?: boolean | undefined;
@@ -2091,7 +2281,45 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
2091
2281
  readonly [Symbol.unscopables]?: boolean | undefined;
2092
2282
  at?: boolean | undefined;
2093
2283
  } | undefined;
2094
- borderStyle?: "none" | "dashed" | "dotted" | "hidden" | "solid" | {
2284
+ borderStyle?: "hidden" | "none" | "dashed" | "dotted" | "solid" | {
2285
+ [x: number]: boolean | undefined;
2286
+ length?: boolean | undefined;
2287
+ toString?: boolean | undefined;
2288
+ toLocaleString?: boolean | undefined;
2289
+ pop?: boolean | undefined;
2290
+ push?: boolean | undefined;
2291
+ concat?: boolean | undefined;
2292
+ join?: boolean | undefined;
2293
+ reverse?: boolean | undefined;
2294
+ shift?: boolean | undefined;
2295
+ slice?: boolean | undefined;
2296
+ sort?: boolean | undefined;
2297
+ splice?: boolean | undefined;
2298
+ unshift?: boolean | undefined;
2299
+ indexOf?: boolean | undefined;
2300
+ lastIndexOf?: boolean | undefined;
2301
+ every?: boolean | undefined;
2302
+ some?: boolean | undefined;
2303
+ forEach?: boolean | undefined;
2304
+ map?: boolean | undefined;
2305
+ filter?: boolean | undefined;
2306
+ reduce?: boolean | undefined;
2307
+ reduceRight?: boolean | undefined;
2308
+ find?: boolean | undefined;
2309
+ findIndex?: boolean | undefined;
2310
+ fill?: boolean | undefined;
2311
+ copyWithin?: boolean | undefined;
2312
+ entries?: boolean | undefined;
2313
+ keys?: boolean | undefined;
2314
+ values?: boolean | undefined;
2315
+ includes?: boolean | undefined;
2316
+ flatMap?: boolean | undefined;
2317
+ flat?: boolean | undefined;
2318
+ [Symbol.iterator]?: boolean | undefined;
2319
+ readonly [Symbol.unscopables]?: boolean | undefined;
2320
+ at?: boolean | undefined;
2321
+ } | undefined;
2322
+ overflow?: "auto" | "hidden" | "scroll" | "visible" | {
2095
2323
  [x: number]: boolean | undefined;
2096
2324
  length?: boolean | undefined;
2097
2325
  toString?: boolean | undefined;
package/dist/types-ts4.5/components/__generated__/IconProps.codegen.d.ts CHANGED
@@ -3,14 +3,14 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - IconProps
5
5
  *
6
- * @codegen <<SignedSource::dfe64bff7d8cc5aaf63e92a0951547b9>>
6
+ * @codegen <<SignedSource::b20b7ee253d00fb37c349ea914f0f796>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/icon/index.tsx <<SignedSource::2f230b37d348f80a985d8a7d529d7221>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/icon/index.tsx <<SignedSource::e8d3a49d7c0faccdf54a1e1ef3ec8d5b>>
9
9
  */
10
10
  import type { ActiveTokens } from '@atlaskit/tokens';
11
11
  export type Icon = 'activity' | 'add' | 'add-circle' | 'add-item' | 'addon' | 'app-access' | 'app-switcher' | 'archive' | 'arrow-down' | 'arrow-down-circle' | 'arrow-left' | 'arrow-left-circle' | 'arrow-right' | 'arrow-right-circle' | 'arrow-up' | 'arrow-up-circle' | 'attachment' | 'audio' | 'audio-circle' | 'backlog' | 'billing' | 'billing-filled' | 'bitbucket-branches' | 'bitbucket-builds' | 'bitbucket-clone' | 'bitbucket-commits' | 'bitbucket-compare' | 'bitbucket-forks' | 'bitbucket-output' | 'bitbucket-pipelines' | 'bitbucket-pullrequests' | 'bitbucket-repos' | 'bitbucket-snippets' | 'bitbucket-source' | 'board' | 'book' | 'bullet-list' | 'calendar' | 'calendar-filled' | 'camera' | 'camera-filled' | 'camera-rotate' | 'camera-take-picture' | 'canvas' | 'check' | 'check-circle' | 'check-circle-outline' | 'checkbox' | 'checkbox-indeterminate' | 'chevron-down' | 'chevron-down-circle' | 'chevron-left' | 'chevron-left-circle' | 'chevron-left-large' | 'chevron-right' | 'chevron-right-circle' | 'chevron-right-large' | 'chevron-up' | 'chevron-up-circle' | 'child-issues' | 'code' | 'comment' | 'component' | 'copy' | 'creditcard' | 'creditcard-filled' | 'cross' | 'cross-circle' | 'dashboard' | 'decision' | 'department' | 'detail-view' | 'discover' | 'discover-filled' | 'document' | 'document-filled' | 'documents' | 'download' | 'drag-handler' | 'dropbox' | 'edit' | 'edit-filled' | 'editor-add' | 'editor-addon' | 'editor-advanced' | 'editor-align-center' | 'editor-align-image-center' | 'editor-align-image-left' | 'editor-align-image-right' | 'editor-align-left' | 'editor-align-right' | 'editor-attachment' | 'editor-background-color' | 'editor-bold' | 'editor-bullet-list' | 'editor-close' | 'editor-code' | 'editor-collapse' | 'editor-date' | 'editor-decision' | 'editor-divider' | 'editor-done' | 'editor-edit' | 'editor-emoji' | 'editor-error' | 'editor-expand' | 'editor-feedback' | 'editor-file' | 'editor-file-preview' | 'editor-help' | 'editor-hint' | 'editor-horizontal-rule' | 'editor-image' | 'editor-image-border' | 'editor-image-resize' | 'editor-indent' | 'editor-info' | 'editor-italic' | 'editor-layout-single' | 'editor-layout-three-equal' | 'editor-layout-three-with-sidebars' | 'editor-layout-two-equal' | 'editor-layout-two-left-sidebar' | 'editor-layout-two-right-sidebar' | 'editor-link' | 'editor-media-center' | 'editor-media-full-width' | 'editor-media-wide' | 'editor-media-wrap-left' | 'editor-media-wrap-right' | 'editor-mention' | 'editor-more' | 'editor-note' | 'editor-number-list' | 'editor-open' | 'editor-outdent' | 'editor-panel' | 'editor-photo' | 'editor-quote' | 'editor-recent' | 'editor-redo' | 'editor-remove' | 'editor-remove-emoji' | 'editor-search' | 'editor-settings' | 'editor-strikethrough' | 'editor-success' | 'editor-table' | 'editor-table-display-options' | 'editor-task' | 'editor-text-color' | 'editor-text-style' | 'editor-underline' | 'editor-undo' | 'editor-unlink' | 'editor-warning' | 'email' | 'emoji' | 'emoji-add' | 'emoji-activity' | 'emoji-atlassian' | 'emoji-custom' | 'emoji-emoji' | 'emoji-flags' | 'emoji-food' | 'emoji-frequent' | 'emoji-keyboard' | 'emoji-nature' | 'emoji-objects' | 'emoji-people' | 'emoji-productivity' | 'emoji-symbols' | 'emoji-travel' | 'error' | 'export' | 'feedback' | 'file' | 'filter' | 'flag-filled' | 'folder' | 'folder-filled' | 'followers' | 'following' | 'googledrive' | 'graph-bar' | 'graph-line' | 'gsuite' | 'highlights' | 'hipchat-audio-only' | 'hipchat-chevron-double-down' | 'hipchat-chevron-double-up' | 'hipchat-chevron-down' | 'hipchat-chevron-up' | 'hipchat-dial-out' | 'hipchat-lobby' | 'hipchat-media-attachment-count' | 'hipchat-outgoing-sound' | 'hipchat-sd-video' | 'home' | 'home-circle' | 'image' | 'image-border' | 'image-resize' | 'info' | 'invite-team' | 'issue' | 'issue-raise' | 'issues' | 'jira-capture' | 'jira-failed-build-status' | 'jira-labs' | 'jira-test-session' | 'label' | 'lightbulb' | 'lightbulb-filled' | 'like' | 'link' | 'link-filled' | 'list' | 'location' | 'lock' | 'lock-circle' | 'lock-filled' | 'marketplace' | 'media-services-actual-size' | 'media-services-add-comment' | 'media-services-annotate' | 'media-services-arrow' | 'media-services-audio' | 'media-services-blur' | 'media-services-brush' | 'media-services-button-option' | 'media-services-code' | 'media-services-document' | 'media-services-filter' | 'media-services-fit-to-page' | 'media-services-full-screen' | 'media-services-grid' | 'media-services-image' | 'media-services-line' | 'media-services-line-thickness' | 'media-services-no-image' | 'media-services-open-mediaviewer' | 'media-services-oval' | 'media-services-pdf' | 'media-services-preselected' | 'media-services-presentation' | 'media-services-rectangle' | 'media-services-scale-large' | 'media-services-scale-small' | 'media-services-spreadsheet' | 'media-services-text' | 'media-services-unknown' | 'media-services-video' | 'media-services-zip' | 'media-services-zoom-in' | 'media-services-zoom-out' | 'mention' | 'menu' | 'menu-expand' | 'mobile' | 'more' | 'more-vertical' | 'notification' | 'notification-all' | 'notification-direct' | 'office-building' | 'office-building-filled' | 'open' | 'overview' | 'page' | 'page-filled' | 'pdf' | 'people' | 'people-group' | 'person' | 'person-circle' | 'person-with-circle' | 'person-with-cross' | 'person-with-tick' | 'portfolio' | 'preferences' | 'premium' | 'presence-active' | 'presence-busy' | 'presence-unavailable' | 'question' | 'question-circle' | 'questions' | 'queues' | 'quote' | 'radio' | 'recent' | 'redo' | 'refresh' | 'retry' | 'roadmap' | 'room-menu' | 'schedule' | 'schedule-filled' | 'screen' | 'search' | 'select-clear' | 'send' | 'settings' | 'share' | 'ship' | 'shortcut' | 'sign-in' | 'sign-out' | 'sprint' | 'star' | 'star-filled' | 'star-large' | 'status' | 'stopwatch' | 'subtask' | 'suitcase' | 'switcher' | 'table' | 'task' | 'teams' | 'trash' | 'tray' | 'undo' | 'unlink' | 'unlock' | 'unlock-circle' | 'unlock-filled' | 'upload' | 'user-avatar-circle' | 'vid-audio-muted' | 'vid-audio-on' | 'vid-backward' | 'vid-camera-off' | 'vid-camera-on' | 'vid-connection-circle' | 'vid-forward' | 'vid-full-screen-off' | 'vid-full-screen-on' | 'vid-hang-up' | 'vid-hd-circle' | 'vid-pause' | 'vid-play' | 'vid-raised-hand' | 'vid-share-screen' | 'vid-speaking-circle' | 'vid-volume-full' | 'vid-volume-half' | 'vid-volume-muted' | 'video-circle' | 'video-filled' | 'warning' | 'watch' | 'watch-filled' | 'world' | 'world-small';
12
12
  type Glyph = Icon;
13
- export type IconColor = Extract<ActiveTokens, `color.icon.${string}`>;
13
+ export type IconColor = Extract<ActiveTokens, `color.icon.${string}`> | 'color.icon';
14
14
  export interface IconProps {
15
15
  size?: 'small' | 'medium' | 'large';
16
16
  label: string;
@@ -18,4 +18,5 @@ export interface IconProps {
18
18
  primaryColor?: IconColor;
19
19
  secondaryColor?: IconColor;
20
20
  }
21
+ export type TIcon<T> = (props: IconProps) => T;
21
22
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/forge-react-types",
3
- "version": "0.35.1",
3
+ "version": "0.35.2",
4
4
  "description": "Component types for Forge UI Kit React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
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::31dc8fb4f36ecf67c99521f59d86c2e1>>
6
+ * @codegen <<SignedSource::60edface96d5ea8300c5007b008cafad>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::7f0def3e681685c87e720c200f3f4b23>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::898e2c561f956fd22d43ade8ef60ca57>>
9
9
  */
10
10
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
11
11
 
@@ -85,6 +85,17 @@ const xcssValidator = makeXCSSValidator({
85
85
  borderRightColor: true,
86
86
  borderTopColor: true,
87
87
 
88
+ overflow: {
89
+ supportedValues: ['hidden', 'visible', 'scroll', 'auto'],
90
+ },
91
+
92
+ overflowX: {
93
+ supportedValues: ['hidden', 'visible', 'scroll', 'auto'],
94
+ },
95
+ overflowY: {
96
+ supportedValues: ['hidden', 'visible', 'scroll', 'auto'],
97
+ },
98
+
88
99
  // layout and space related props
89
100
  display: {
90
101
  supportedValues: ['block', 'inline-block', 'inline', 'none'],
package/src/components/__generated__/IconProps.codegen.tsx CHANGED
@@ -3,9 +3,9 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - IconProps
5
5
  *
6
- * @codegen <<SignedSource::dfe64bff7d8cc5aaf63e92a0951547b9>>
6
+ * @codegen <<SignedSource::b20b7ee253d00fb37c349ea914f0f796>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/icon/index.tsx <<SignedSource::2f230b37d348f80a985d8a7d529d7221>>
8
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/icon/index.tsx <<SignedSource::e8d3a49d7c0faccdf54a1e1ef3ec8d5b>>
9
9
  */
10
10
  /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
11
11
 
@@ -372,7 +372,7 @@ export type Icon =
372
372
  type Glyph = Icon;
373
373
 
374
374
 
375
- export type IconColor = Extract<ActiveTokens, `color.icon.${string}`>;
375
+ export type IconColor = Extract<ActiveTokens, `color.icon.${string}`> | 'color.icon';
376
376
 
377
377
  export interface IconProps {
378
378
  size?: 'small' | 'medium' | 'large';
@@ -380,4 +380,6 @@ export interface IconProps {
380
380
  glyph: Glyph;
381
381
  primaryColor?: IconColor;
382
382
  secondaryColor?: IconColor;
383
- }
383
+ }
384
+
385
+ export type TIcon<T> = (props: IconProps) => T;