@atlaskit/forge-react-types 0.50.0 → 0.51.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/charts/BarChartProps.js +5 -1
  3. package/dist/cjs/components/charts/LineChartProps.js +5 -1
  4. package/dist/es2019/components/charts/BarChartProps.js +1 -0
  5. package/dist/es2019/components/charts/LineChartProps.js +1 -0
  6. package/dist/esm/components/charts/BarChartProps.js +1 -0
  7. package/dist/esm/components/charts/LineChartProps.js +1 -0
  8. package/dist/types/components/charts/BarChartProps.d.ts +22 -0
  9. package/dist/types/components/charts/LineChartProps.d.ts +23 -0
  10. package/dist/types-ts4.5/components/charts/BarChartProps.d.ts +22 -0
  11. package/dist/types-ts4.5/components/charts/LineChartProps.d.ts +23 -0
  12. package/package.json +4 -4
  13. package/src/components/charts/BarChartProps.tsx +24 -0
  14. package/src/components/charts/LineChartProps.tsx +24 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/forge-react-types
2
2
 
3
+ ## 0.51.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`dc680829838d5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dc680829838d5) -
8
+ Add new margin properties to ui-kit BarChart, HorizontalBarChart, HorizontalStackBarChart,
9
+ StackBarChart, LineChart
10
+
3
11
  ## 0.50.0
4
12
 
5
13
  ### Minor Changes
package/dist/cjs/components/charts/BarChartProps.js CHANGED
@@ -1 +1,5 @@
1
- "use strict";
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
package/dist/cjs/components/charts/LineChartProps.js CHANGED
@@ -1 +1,5 @@
1
- "use strict";
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
package/dist/es2019/components/charts/BarChartProps.js CHANGED
@@ -0,0 +1 @@
1
+ export {};
package/dist/es2019/components/charts/LineChartProps.js CHANGED
@@ -0,0 +1 @@
1
+ export {};
package/dist/esm/components/charts/BarChartProps.js CHANGED
@@ -0,0 +1 @@
1
+ export {};
package/dist/esm/components/charts/LineChartProps.js CHANGED
@@ -0,0 +1 @@
1
+ export {};
package/dist/types/components/charts/BarChartProps.d.ts CHANGED
@@ -1,3 +1,5 @@
1
+ import { type ActiveTokens } from "@atlaskit/tokens";
2
+ type MarginValue = Extract<ActiveTokens, `space.${string}`>;
1
3
  export type BarChartProps = {
2
4
  /**
3
5
  * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -34,6 +36,26 @@ export type BarChartProps = {
34
36
  * A string value that represents the subtitle of the chart. This appears below the title.
35
37
  */
36
38
  subtitle?: string;
39
+ /**
40
+ * Margin applied to the plot area of the chart.
41
+ */
42
+ margin?: MarginValue;
43
+ /**
44
+ * Margin applied to the top of the plot area of the chart.
45
+ */
46
+ marginTop?: MarginValue;
47
+ /**
48
+ * Margin applied to the right of the plot area of the chart.
49
+ */
50
+ marginRight?: MarginValue;
51
+ /**
52
+ * Margin applied to the bottom of the plot area of the chart.
53
+ */
54
+ marginBottom?: MarginValue;
55
+ /**
56
+ * Margin applied to the left of the plot area of the chart.
57
+ */
58
+ marginLeft?: MarginValue;
37
59
  };
38
60
  type StackChartProps = BarChartProps & {
39
61
  /**
package/dist/types/components/charts/LineChartProps.d.ts CHANGED
@@ -1,3 +1,5 @@
1
+ import { type ActiveTokens } from "@atlaskit/tokens";
2
+ type MarginValue = Extract<ActiveTokens, `space.${string}`>;
1
3
  export type LineChartProps = {
2
4
  /**
3
5
  * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -34,8 +36,29 @@ export type LineChartProps = {
34
36
  * A string value that represents the subtitle of the chart. This appears below the title.
35
37
  */
36
38
  subtitle?: string;
39
+ /**
40
+ * Margin applied to the plot area of the chart.
41
+ */
42
+ margin?: MarginValue;
43
+ /**
44
+ * Margin applied to the top of the plot area of the chart.
45
+ */
46
+ marginTop?: MarginValue;
47
+ /**
48
+ * Margin applied to the right of the plot area of the chart.
49
+ */
50
+ marginRight?: MarginValue;
51
+ /**
52
+ * Margin applied to the bottom of the plot area of the chart.
53
+ */
54
+ marginBottom?: MarginValue;
55
+ /**
56
+ * Margin applied to the left of the plot area of the chart.
57
+ */
58
+ marginLeft?: MarginValue;
37
59
  };
38
60
  /**
39
61
  * A visual representation of data showing trends.
40
62
  */
41
63
  export type TLineChart<T> = (props: LineChartProps) => T;
64
+ export {};
package/dist/types-ts4.5/components/charts/BarChartProps.d.ts CHANGED
@@ -1,3 +1,5 @@
1
+ import { type ActiveTokens } from "@atlaskit/tokens";
2
+ type MarginValue = Extract<ActiveTokens, `space.${string}`>;
1
3
  export type BarChartProps = {
2
4
  /**
3
5
  * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -34,6 +36,26 @@ export type BarChartProps = {
34
36
  * A string value that represents the subtitle of the chart. This appears below the title.
35
37
  */
36
38
  subtitle?: string;
39
+ /**
40
+ * Margin applied to the plot area of the chart.
41
+ */
42
+ margin?: MarginValue;
43
+ /**
44
+ * Margin applied to the top of the plot area of the chart.
45
+ */
46
+ marginTop?: MarginValue;
47
+ /**
48
+ * Margin applied to the right of the plot area of the chart.
49
+ */
50
+ marginRight?: MarginValue;
51
+ /**
52
+ * Margin applied to the bottom of the plot area of the chart.
53
+ */
54
+ marginBottom?: MarginValue;
55
+ /**
56
+ * Margin applied to the left of the plot area of the chart.
57
+ */
58
+ marginLeft?: MarginValue;
37
59
  };
38
60
  type StackChartProps = BarChartProps & {
39
61
  /**
package/dist/types-ts4.5/components/charts/LineChartProps.d.ts CHANGED
@@ -1,3 +1,5 @@
1
+ import { type ActiveTokens } from "@atlaskit/tokens";
2
+ type MarginValue = Extract<ActiveTokens, `space.${string}`>;
1
3
  export type LineChartProps = {
2
4
  /**
3
5
  * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -34,8 +36,29 @@ export type LineChartProps = {
34
36
  * A string value that represents the subtitle of the chart. This appears below the title.
35
37
  */
36
38
  subtitle?: string;
39
+ /**
40
+ * Margin applied to the plot area of the chart.
41
+ */
42
+ margin?: MarginValue;
43
+ /**
44
+ * Margin applied to the top of the plot area of the chart.
45
+ */
46
+ marginTop?: MarginValue;
47
+ /**
48
+ * Margin applied to the right of the plot area of the chart.
49
+ */
50
+ marginRight?: MarginValue;
51
+ /**
52
+ * Margin applied to the bottom of the plot area of the chart.
53
+ */
54
+ marginBottom?: MarginValue;
55
+ /**
56
+ * Margin applied to the left of the plot area of the chart.
57
+ */
58
+ marginLeft?: MarginValue;
37
59
  };
38
60
  /**
39
61
  * A visual representation of data showing trends.
40
62
  */
41
63
  export type TLineChart<T> = (props: LineChartProps) => T;
64
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/forge-react-types",
3
- "version": "0.50.0",
3
+ "version": "0.51.0",
4
4
  "description": "Component types for Forge UI Kit React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -28,7 +28,7 @@
28
28
  "@atlaskit/form": "^14.3.0",
29
29
  "@atlaskit/inline-edit": "^15.3.0",
30
30
  "@atlaskit/modal-dialog": "^14.7.0",
31
- "@atlaskit/navigation-system": "^5.10.0",
31
+ "@atlaskit/navigation-system": "^5.11.0",
32
32
  "@atlaskit/popup": "^4.6.0",
33
33
  "@atlaskit/primitives": "^16.4.0",
34
34
  "@atlaskit/progress-bar": "^4.0.0",
@@ -44,7 +44,7 @@
44
44
  "@atlaskit/textfield": "^8.1.0",
45
45
  "@atlaskit/toggle": "^15.1.0",
46
46
  "@atlaskit/tokens": "^8.4.0",
47
- "@atlaskit/tooltip": "^20.10.0",
47
+ "@atlaskit/tooltip": "^20.11.0",
48
48
  "@babel/runtime": "^7.0.0"
49
49
  },
50
50
  "peerDependencies": {
@@ -52,7 +52,7 @@
52
52
  },
53
53
  "devDependencies": {
54
54
  "@atlassian/codegen": "^0.1.0",
55
- "@atlassian/forge-ui": "^32.53.0",
55
+ "@atlassian/forge-ui": "^32.55.0",
56
56
  "@types/node": "~22.17.1",
57
57
  "lodash": "^4.17.21",
58
58
  "react": "^18.2.0",
package/src/components/charts/BarChartProps.tsx CHANGED
@@ -1,3 +1,7 @@
1
+ import { type ActiveTokens } from "@atlaskit/tokens";
2
+
3
+ type MarginValue = Extract<ActiveTokens, `space.${string}`>;
4
+
1
5
  export type BarChartProps = {
2
6
  /**
3
7
  * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -34,6 +38,26 @@ export type BarChartProps = {
34
38
  * A string value that represents the subtitle of the chart. This appears below the title.
35
39
  */
36
40
  subtitle?: string;
41
+ /**
42
+ * Margin applied to the plot area of the chart.
43
+ */
44
+ margin?: MarginValue;
45
+ /**
46
+ * Margin applied to the top of the plot area of the chart.
47
+ */
48
+ marginTop?: MarginValue;
49
+ /**
50
+ * Margin applied to the right of the plot area of the chart.
51
+ */
52
+ marginRight?: MarginValue;
53
+ /**
54
+ * Margin applied to the bottom of the plot area of the chart.
55
+ */
56
+ marginBottom?: MarginValue;
57
+ /**
58
+ * Margin applied to the left of the plot area of the chart.
59
+ */
60
+ marginLeft?: MarginValue;
37
61
  };
38
62
 
39
63
  type StackChartProps = BarChartProps & {
package/src/components/charts/LineChartProps.tsx CHANGED
@@ -1,3 +1,7 @@
1
+ import { type ActiveTokens } from "@atlaskit/tokens";
2
+
3
+ type MarginValue = Extract<ActiveTokens, `space.${string}`>;
4
+
1
5
  export type LineChartProps = {
2
6
  /**
3
7
  * The static width of the chart in pixels. If this is not specified, the width is responsive.
@@ -34,6 +38,26 @@ export type LineChartProps = {
34
38
  * A string value that represents the subtitle of the chart. This appears below the title.
35
39
  */
36
40
  subtitle?: string;
41
+ /**
42
+ * Margin applied to the plot area of the chart.
43
+ */
44
+ margin?: MarginValue;
45
+ /**
46
+ * Margin applied to the top of the plot area of the chart.
47
+ */
48
+ marginTop?: MarginValue;
49
+ /**
50
+ * Margin applied to the right of the plot area of the chart.
51
+ */
52
+ marginRight?: MarginValue;
53
+ /**
54
+ * Margin applied to the bottom of the plot area of the chart.
55
+ */
56
+ marginBottom?: MarginValue;
57
+ /**
58
+ * Margin applied to the left of the plot area of the chart.
59
+ */
60
+ marginLeft?: MarginValue;
37
61
  };
38
62
 
39
63
  /**