@atlaskit/forge-react-types 0.37.14 → 0.39.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/forge-react-types
 
+## 0.39.0
+
+### Minor Changes
+
+- [#130095](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/130095)
+  [`5cbce3c0a85b2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5cbce3c0a85b2) -
+  Update props for chart components to remove showBorder and colors props. Add prop types for
+  DonutChart component
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.38.0
+
+### Minor Changes
+
+- [#130951](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/130951)
+  [`2741aeb65fe46`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2741aeb65fe46) -
+  Allow xcss in Pressable
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.37.14
 
 ### Patch Changes

package/dist/cjs/components/__generated__/BoxProps.codegen.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
  *
  * Extract component prop types from UIKit 2 components - BoxProps
  *
- * @codegen <<SignedSource::8ab6a67fa03d077a43a19a7e31c78146>>
+ * @codegen <<SignedSource::c3ad3413cf478b4f6da470a99c029688>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::898e2c561f956fd22d43ade8ef60ca57>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::cd2255d6156809f22f110b9eb0936c9d>>
  */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
 

package/dist/cjs/components/__generated__/PressableProps.codegen.js

@@ -2,4 +2,186 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
+});
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - PressableProps
+ *
+ * @codegen <<SignedSource::515984e69408f30f333241c0b51ceb31>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/__generated__/index.partial.tsx <<SignedSource::a7f457ec091071415e904b705d62f605>>
+ */
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
+
+/**
+ *
+ * @param supportedXCSSProps - the list of css props to be supported for the intended component.
+ *    If not provided, all the props will be supported. The props could be either standard css props
+ *    or design token based props. If the prop is a design token based prop, the value of the prop
+ *    will be validated against the design tokens map to ensure the value is a valid design token string.
+ * @returns a function that takes a style object and returns a style object with only the supported props
+ *    as specified in the supportedXCSSProps list. The props that are not supported will be removed from the
+ *    returned style object and a warning will be logged in the console.
+ */
+
+var xcssValidator = makeXCSSValidator({
+  // color related props
+  color: true,
+  boxShadow: true,
+  opacity: true,
+  backgroundColor: true,
+  borderColor: true,
+  borderBlockColor: true,
+  borderBlockEndColor: true,
+  borderBlockStartColor: true,
+  borderBottomColor: true,
+  borderInlineColor: true,
+  borderInlineEndColor: true,
+  borderInlineStartColor: true,
+  borderLeftColor: true,
+  borderRightColor: true,
+  borderTopColor: true,
+  overflow: {
+    supportedValues: ['hidden', 'visible', 'scroll', 'auto']
+  },
+  overflowX: {
+    supportedValues: ['hidden', 'visible', 'scroll', 'auto']
+  },
+  overflowY: {
+    supportedValues: ['hidden', 'visible', 'scroll', 'auto']
+  },
+  // layout and space related props
+  display: {
+    supportedValues: ['block', 'inline-block', 'inline', 'none']
+  },
+  flexGrow: {
+    allowCSS: true
+  },
+  width: {
+    allowCSS: true
+  },
+  height: {
+    allowCSS: true
+  },
+  minWidth: {
+    allowCSS: true
+  },
+  maxWidth: {
+    allowCSS: true
+  },
+  minHeight: {
+    allowCSS: true
+  },
+  maxHeight: {
+    allowCSS: true
+  },
+  margin: true,
+  marginBlock: true,
+  marginBlockEnd: true,
+  marginBlockStart: true,
+  marginBottom: true,
+  marginInline: true,
+  marginInlineEnd: true,
+  marginInlineStart: true,
+  marginLeft: true,
+  marginRight: true,
+  marginTop: true,
+  padding: true,
+  paddingBlock: true,
+  paddingBlockEnd: true,
+  paddingBlockStart: true,
+  paddingBottom: true,
+  paddingInline: true,
+  paddingInlineEnd: true,
+  paddingInlineStart: true,
+  paddingLeft: true,
+  paddingRight: true,
+  paddingTop: true,
+  // other box related props
+  borderRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderBottomLeftRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderBottomRightRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderTopLeftRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderTopRightRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderEndEndRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderEndStartRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderStartEndRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderStartStartRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderWidth: {
+    supportedValues: ['border.width']
+  },
+  borderBlockWidth: {
+    supportedValues: ['border.width']
+  },
+  borderBlockEndWidth: {
+    supportedValues: ['border.width']
+  },
+  borderBlockStartWidth: {
+    supportedValues: ['border.width']
+  },
+  borderBottomWidth: {
+    supportedValues: ['border.width']
+  },
+  borderInlineWidth: {
+    supportedValues: ['border.width']
+  },
+  borderInlineEndWidth: {
+    supportedValues: ['border.width']
+  },
+  borderInlineStartWidth: {
+    supportedValues: ['border.width']
+  },
+  borderLeftWidth: {
+    supportedValues: ['border.width']
+  },
+  borderRightWidth: {
+    supportedValues: ['border.width']
+  },
+  borderTopWidth: {
+    supportedValues: ['border.width']
+  },
+  // other props not in tokens based props
+  borderTopStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
+  },
+  borderBottomStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
+  },
+  borderRightStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
+  },
+  borderLeftStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
+  },
+  borderStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
+  },
+  position: {
+    supportedValues: ['relative', 'static']
+  }
+});
+
+/**
+ * A pressable is a primitive for building custom buttons.
+ *
+ * @see [Pressable](https://developer.atlassian.com/platform/forge/ui-kit/components/pressable/) in UI Kit documentation for more information
+ */

package/dist/cjs/components/charts/BarChartProps.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/components/charts/DonutChartProps.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/components/charts/LineChartProps.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/components/charts/PieChartProps.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/es2019/components/__generated__/BoxProps.codegen.js

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - BoxProps
  *
- * @codegen <<SignedSource::8ab6a67fa03d077a43a19a7e31c78146>>
+ * @codegen <<SignedSource::c3ad3413cf478b4f6da470a99c029688>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::898e2c561f956fd22d43ade8ef60ca57>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::cd2255d6156809f22f110b9eb0936c9d>>
  */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
 

package/dist/es2019/components/__generated__/PressableProps.codegen.js

@@ -1 +1,183 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - PressableProps
+ *
+ * @codegen <<SignedSource::515984e69408f30f333241c0b51ceb31>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/__generated__/index.partial.tsx <<SignedSource::a7f457ec091071415e904b705d62f605>>
+ */
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
+
+/**
+ *
+ * @param supportedXCSSProps - the list of css props to be supported for the intended component.
+ *    If not provided, all the props will be supported. The props could be either standard css props
+ *    or design token based props. If the prop is a design token based prop, the value of the prop
+ *    will be validated against the design tokens map to ensure the value is a valid design token string.
+ * @returns a function that takes a style object and returns a style object with only the supported props
+ *    as specified in the supportedXCSSProps list. The props that are not supported will be removed from the
+ *    returned style object and a warning will be logged in the console.
+ */
+
+const xcssValidator = makeXCSSValidator({
+  // color related props
+  color: true,
+  boxShadow: true,
+  opacity: true,
+  backgroundColor: true,
+  borderColor: true,
+  borderBlockColor: true,
+  borderBlockEndColor: true,
+  borderBlockStartColor: true,
+  borderBottomColor: true,
+  borderInlineColor: true,
+  borderInlineEndColor: true,
+  borderInlineStartColor: true,
+  borderLeftColor: true,
+  borderRightColor: true,
+  borderTopColor: true,
+  overflow: {
+    supportedValues: ['hidden', 'visible', 'scroll', 'auto']
+  },
+  overflowX: {
+    supportedValues: ['hidden', 'visible', 'scroll', 'auto']
+  },
+  overflowY: {
+    supportedValues: ['hidden', 'visible', 'scroll', 'auto']
+  },
+  // layout and space related props
+  display: {
+    supportedValues: ['block', 'inline-block', 'inline', 'none']
+  },
+  flexGrow: {
+    allowCSS: true
+  },
+  width: {
+    allowCSS: true
+  },
+  height: {
+    allowCSS: true
+  },
+  minWidth: {
+    allowCSS: true
+  },
+  maxWidth: {
+    allowCSS: true
+  },
+  minHeight: {
+    allowCSS: true
+  },
+  maxHeight: {
+    allowCSS: true
+  },
+  margin: true,
+  marginBlock: true,
+  marginBlockEnd: true,
+  marginBlockStart: true,
+  marginBottom: true,
+  marginInline: true,
+  marginInlineEnd: true,
+  marginInlineStart: true,
+  marginLeft: true,
+  marginRight: true,
+  marginTop: true,
+  padding: true,
+  paddingBlock: true,
+  paddingBlockEnd: true,
+  paddingBlockStart: true,
+  paddingBottom: true,
+  paddingInline: true,
+  paddingInlineEnd: true,
+  paddingInlineStart: true,
+  paddingLeft: true,
+  paddingRight: true,
+  paddingTop: true,
+  // other box related props
+  borderRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderBottomLeftRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderBottomRightRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderTopLeftRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderTopRightRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderEndEndRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderEndStartRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderStartEndRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderStartStartRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderWidth: {
+    supportedValues: ['border.width']
+  },
+  borderBlockWidth: {
+    supportedValues: ['border.width']
+  },
+  borderBlockEndWidth: {
+    supportedValues: ['border.width']
+  },
+  borderBlockStartWidth: {
+    supportedValues: ['border.width']
+  },
+  borderBottomWidth: {
+    supportedValues: ['border.width']
+  },
+  borderInlineWidth: {
+    supportedValues: ['border.width']
+  },
+  borderInlineEndWidth: {
+    supportedValues: ['border.width']
+  },
+  borderInlineStartWidth: {
+    supportedValues: ['border.width']
+  },
+  borderLeftWidth: {
+    supportedValues: ['border.width']
+  },
+  borderRightWidth: {
+    supportedValues: ['border.width']
+  },
+  borderTopWidth: {
+    supportedValues: ['border.width']
+  },
+  // other props not in tokens based props
+  borderTopStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
+  },
+  borderBottomStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
+  },
+  borderRightStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
+  },
+  borderLeftStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
+  },
+  borderStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
+  },
+  position: {
+    supportedValues: ['relative', 'static']
+  }
+});
+
+/**
+ * A pressable is a primitive for building custom buttons.
+ *
+ * @see [Pressable](https://developer.atlassian.com/platform/forge/ui-kit/components/pressable/) in UI Kit documentation for more information
+ */
 export {};

package/dist/es2019/components/charts/BarChartProps.js

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

package/dist/es2019/components/charts/DonutChartProps.js

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

package/dist/es2019/components/charts/LineChartProps.js

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

package/dist/es2019/components/charts/PieChartProps.js

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

package/dist/esm/components/__generated__/BoxProps.codegen.js

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - BoxProps
  *
- * @codegen <<SignedSource::8ab6a67fa03d077a43a19a7e31c78146>>
+ * @codegen <<SignedSource::c3ad3413cf478b4f6da470a99c029688>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::898e2c561f956fd22d43ade8ef60ca57>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::cd2255d6156809f22f110b9eb0936c9d>>
  */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
 

package/dist/esm/components/__generated__/PressableProps.codegen.js

@@ -1 +1,183 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Extract component prop types from UIKit 2 components - PressableProps
+ *
+ * @codegen <<SignedSource::515984e69408f30f333241c0b51ceb31>>
+ * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/__generated__/index.partial.tsx <<SignedSource::a7f457ec091071415e904b705d62f605>>
+ */
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
+
+/**
+ *
+ * @param supportedXCSSProps - the list of css props to be supported for the intended component.
+ *    If not provided, all the props will be supported. The props could be either standard css props
+ *    or design token based props. If the prop is a design token based prop, the value of the prop
+ *    will be validated against the design tokens map to ensure the value is a valid design token string.
+ * @returns a function that takes a style object and returns a style object with only the supported props
+ *    as specified in the supportedXCSSProps list. The props that are not supported will be removed from the
+ *    returned style object and a warning will be logged in the console.
+ */
+
+var xcssValidator = makeXCSSValidator({
+  // color related props
+  color: true,
+  boxShadow: true,
+  opacity: true,
+  backgroundColor: true,
+  borderColor: true,
+  borderBlockColor: true,
+  borderBlockEndColor: true,
+  borderBlockStartColor: true,
+  borderBottomColor: true,
+  borderInlineColor: true,
+  borderInlineEndColor: true,
+  borderInlineStartColor: true,
+  borderLeftColor: true,
+  borderRightColor: true,
+  borderTopColor: true,
+  overflow: {
+    supportedValues: ['hidden', 'visible', 'scroll', 'auto']
+  },
+  overflowX: {
+    supportedValues: ['hidden', 'visible', 'scroll', 'auto']
+  },
+  overflowY: {
+    supportedValues: ['hidden', 'visible', 'scroll', 'auto']
+  },
+  // layout and space related props
+  display: {
+    supportedValues: ['block', 'inline-block', 'inline', 'none']
+  },
+  flexGrow: {
+    allowCSS: true
+  },
+  width: {
+    allowCSS: true
+  },
+  height: {
+    allowCSS: true
+  },
+  minWidth: {
+    allowCSS: true
+  },
+  maxWidth: {
+    allowCSS: true
+  },
+  minHeight: {
+    allowCSS: true
+  },
+  maxHeight: {
+    allowCSS: true
+  },
+  margin: true,
+  marginBlock: true,
+  marginBlockEnd: true,
+  marginBlockStart: true,
+  marginBottom: true,
+  marginInline: true,
+  marginInlineEnd: true,
+  marginInlineStart: true,
+  marginLeft: true,
+  marginRight: true,
+  marginTop: true,
+  padding: true,
+  paddingBlock: true,
+  paddingBlockEnd: true,
+  paddingBlockStart: true,
+  paddingBottom: true,
+  paddingInline: true,
+  paddingInlineEnd: true,
+  paddingInlineStart: true,
+  paddingLeft: true,
+  paddingRight: true,
+  paddingTop: true,
+  // other box related props
+  borderRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderBottomLeftRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderBottomRightRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderTopLeftRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderTopRightRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderEndEndRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderEndStartRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderStartEndRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderStartStartRadius: {
+    supportedValues: ['border.radius']
+  },
+  borderWidth: {
+    supportedValues: ['border.width']
+  },
+  borderBlockWidth: {
+    supportedValues: ['border.width']
+  },
+  borderBlockEndWidth: {
+    supportedValues: ['border.width']
+  },
+  borderBlockStartWidth: {
+    supportedValues: ['border.width']
+  },
+  borderBottomWidth: {
+    supportedValues: ['border.width']
+  },
+  borderInlineWidth: {
+    supportedValues: ['border.width']
+  },
+  borderInlineEndWidth: {
+    supportedValues: ['border.width']
+  },
+  borderInlineStartWidth: {
+    supportedValues: ['border.width']
+  },
+  borderLeftWidth: {
+    supportedValues: ['border.width']
+  },
+  borderRightWidth: {
+    supportedValues: ['border.width']
+  },
+  borderTopWidth: {
+    supportedValues: ['border.width']
+  },
+  // other props not in tokens based props
+  borderTopStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
+  },
+  borderBottomStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
+  },
+  borderRightStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
+  },
+  borderLeftStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
+  },
+  borderStyle: {
+    supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
+  },
+  position: {
+    supportedValues: ['relative', 'static']
+  }
+});
+
+/**
+ * A pressable is a primitive for building custom buttons.
+ *
+ * @see [Pressable](https://developer.atlassian.com/platform/forge/ui-kit/components/pressable/) in UI Kit documentation for more information
+ */
 export {};

package/dist/esm/components/charts/BarChartProps.js

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

package/dist/esm/components/charts/DonutChartProps.js

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

package/dist/esm/components/charts/LineChartProps.js

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

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

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