feat: chart axis labels (#1049)

* add first draft

* update padding

* update funnel padding constants

Author: severinlandolt

.github/ISSUE_TEMPLATE/feature-request.yaml

@@ -7,7 +7,7 @@ body:
     attributes:
       value: |
         **Before submitting a feature request**
-        
+
         The issue list is reserved for bug reports and feature requests. If you have a usage question, you can:
 
         - Read the [documentation](https://www.tremor.so/docs/getting-started/installation)

.github/pull_request_template.md

@@ -4,6 +4,7 @@ https://github.com/tremorlabs/tremor/blob/main/CONTRIBUTING.md
 -->
 
 <!-- PULL REQUEST TEMPLATE -->
+
 **Description**
 
 <!--- Describe your changes in detail -->
@@ -16,6 +17,7 @@ https://github.com/tremorlabs/tremor/blob/main/CONTRIBUTING.md
 <!--- If fixing a bug, there should be an issue describing it with steps to reproduce -->
 
 **What kind of change does this PR introduce?** (check at least one)
+
 <!-- (Update "[ ]" to "[x]" to check a box) -->
 
 - [ ] Bug fix (non-breaking change which fixes an issue)
@@ -40,10 +42,10 @@ If yes, please describe the impact and migration path for existing applications:
 
 **Screenshots (if appropriate):**
 
-
 **The PR fulfils these requirements:**
 
 <!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! -->
+
 - [ ] It's submitted to the `main` branch
 - [ ] When resolving a specific issue, it's referenced in the related issue section above
 - [ ] My change requires a change to the documentation. (Managed by Tremor Team)

.github/workflows/build.yaml

@@ -11,7 +11,6 @@ on:
       - '**'
       - '!main'
 
-
 jobs:
   build:
     name: Build dist
@@ -33,5 +32,4 @@ jobs:
       - name: unit tests
         run: npm run tests
       - name: build
-        run: npm run build
-
+        run: npm run build

.storybook/main.js

@@ -38,7 +38,7 @@ module.exports = {
       },
     },
     "@storybook/addon-webpack5-compiler-babel",
-    "@chromatic-com/storybook"
+    "@chromatic-com/storybook",
   ],
 
   framework: {
@@ -56,7 +56,9 @@ module.exports = {
     return config;
   },
 
-  docs: {
-    autodocs: true,
+  docs: {},
+
+  typescript: {
+    reactDocgen: "react-docgen-typescript",
   },
 };

.storybook/manager.js

@@ -1,7 +1,7 @@
-import { addons } from '@storybook/manager-api';
-import { themes } from '@storybook/theming';
-import tremorTheme from './tremorTheme';
+import { addons } from "@storybook/manager-api";
+import { themes } from "@storybook/theming";
+import tremorTheme from "./tremorTheme";
 
 addons.setConfig({
-    theme: tremorTheme,
-});
+  theme: tremorTheme,
+});

.storybook/preview.js

@@ -33,3 +33,4 @@ export const decorators = [
     attributeName: "data-mode",
   }),
 ];
+export const tags = ["autodocs"];

CODE_OF_CONDUCT.md

@@ -17,23 +17,23 @@ diverse, inclusive, and healthy community.
 Examples of behavior that contributes to a positive environment for our
 community include:
 
-* Demonstrating empathy and kindness toward other people
-* Being respectful of differing opinions, viewpoints, and experiences
-* Giving and gracefully accepting constructive feedback
-* Accepting responsibility and apologizing to those affected by our mistakes,
+- Demonstrating empathy and kindness toward other people
+- Being respectful of differing opinions, viewpoints, and experiences
+- Giving and gracefully accepting constructive feedback
+- Accepting responsibility and apologizing to those affected by our mistakes,
   and learning from the experience
-* Focusing on what is best not just for us as individuals, but for the
+- Focusing on what is best not just for us as individuals, but for the
   overall community
 
 Examples of unacceptable behavior include:
 
-* The use of sexualized language or imagery, and sexual attention or
+- The use of sexualized language or imagery, and sexual attention or
   advances of any kind
-* Trolling, insulting or derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or email
+- Trolling, insulting or derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or email
   address, without their explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
+- Other conduct which could reasonably be considered inappropriate in a
   professional setting
 
 ## Enforcement Responsibilities
@@ -106,7 +106,7 @@ Violating these terms may lead to a permanent ban.
 ### 4. Permanent Ban
 
 **Community Impact**: Demonstrating a pattern of violation of community
-standards, including sustained inappropriate behavior,  harassment of an
+standards, including sustained inappropriate behavior, harassment of an
 individual, or aggression toward or disparagement of classes of individuals.
 
 **Consequence**: A permanent ban from any sort of public interaction within

CONTRIBUTING.md

@@ -2,7 +2,6 @@
 
 Thanks for your interest in contributing to Tremor. Please take a moment to review this document before submitting a pull request. This document will outline how to submit changes to this repository and which conventions to follow. If you are ever in doubt about anything we encourage you to reach out on [Slack](https://join.slack.com/t/tremor-community/shared_invite/zt-1u8jqmcmq-Fdr9B6MbnO7u8FkGh~2Ylg), [open a discussion](#discussions), or [shoot us an email](mailto:[email protected]).
 
-
 ### **Prerequisites**
 
 - You are familiar with [issues](#issues) and [pull requests](#pulls).
@@ -55,7 +54,8 @@ We encourage that you do a self-review prior to requesting a review. To do a sel
 ### **Documentation**
 
 - We generally encourage you to document your changes through comments in your code.
-- If you alter user-facing behavior you must provide documentation for such changes, for reference, check out [our documentation]([url](https://www.tremor.so/docs/getting-started/introduction)).
+- If you alter user-facing behavior you must provide documentation for such changes, for reference, check out [our documentation](<[url](https://www.tremor.so/docs/getting-started/introduction)>).
 
 ### **Licensing**
+
 By contributing to Tremor, you agree that your contributions will be licensed under the [Apache License 2.0](https://github.com/tremorlabs/tremor/blob/main/License) license. By submitting your pull request, you agree to our [Contributor License Agreement (CLA)](https://www.tremor.so/contributors). This agreement clarifies our ability to incorporate your contributions.

package.json

@@ -38,7 +38,7 @@
     "@babel/preset-env": "^7.24.5",
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.24.1",
-    "@chromatic-com/storybook": "^1",
+    "@chromatic-com/storybook": "^1.4.0",
     "@mdx-js/react": "^2.3.0",
     "@rollup/plugin-commonjs": "^21.1.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
@@ -47,20 +47,20 @@
     "@semantic-release/commit-analyzer": "^9.0.2",
     "@semantic-release/github": "github:semantic-release/github",
     "@semantic-release/npm": "github:semantic-release/npm",
-    "@storybook/addon-a11y": "^8.0.10",
-    "@storybook/addon-actions": "^8.0.10",
-    "@storybook/addon-essentials": "^8.0.10",
-    "@storybook/addon-interactions": "^8.0.10",
-    "@storybook/addon-links": "^8.0.10",
+    "@storybook/addon-a11y": "^8.1.1",
+    "@storybook/addon-actions": "^8.1.1",
+    "@storybook/addon-essentials": "^8.1.1",
+    "@storybook/addon-interactions": "^8.1.1",
+    "@storybook/addon-links": "^8.1.1",
     "@storybook/addon-styling-webpack": "^1.0.0",
-    "@storybook/addon-themes": "^8.0.10",
+    "@storybook/addon-themes": "^8.1.1",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/manager-api": "^8.0.10",
+    "@storybook/manager-api": "^8.1.1",
     "@storybook/mdx2-csf": "^1.1.0",
-    "@storybook/react": "^8.0.10",
-    "@storybook/react-webpack5": "^8.0.10",
-    "@storybook/test": "^8.0.10",
-    "@storybook/theming": "^8.0.10",
+    "@storybook/react": "^8.1.1",
+    "@storybook/react-webpack5": "^8.1.1",
+    "@storybook/test": "^8.1.1",
+    "@storybook/theming": "^8.1.1",
     "@tailwindcss/forms": "^0.5.7",
     "@testing-library/react": "^14.1.2",
     "@types/jest": "^29.5.12",
@@ -96,7 +96,7 @@
     "rollup-plugin-preserve-directives": "^0.1.1",
     "rollup-plugin-typescript-paths": "^1.4.0",
     "semantic-release": "^22.0.8",
-    "storybook": "^8.0.10",
+    "storybook": "^8.1.1",
     "storybook-source-link": "^4.0.1",
     "style-loader": "^3.3.3",
     "tailwindcss": "^3.4.3",