@codecademy/styleguide 79.1.5-alpha.16c7f2.0 → 79.1.5-alpha.318077.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.
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
### [79.1.5-alpha.
|
|
6
|
+
### [79.1.5-alpha.318077.0](https://github.com/Codecademy/gamut/compare/@codecademy/styleguide@79.1.4...@codecademy/styleguide@79.1.5-alpha.318077.0) (2026-03-10)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @codecademy/styleguide
|
|
9
9
|
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/styleguide",
|
|
3
3
|
"description": "Styleguide & Component library for codecademy.com",
|
|
4
|
-
"version": "79.1.5-alpha.
|
|
4
|
+
"version": "79.1.5-alpha.318077.0",
|
|
5
5
|
"author": "Codecademy Engineering",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"publishConfig": {
|
|
8
8
|
"access": "public"
|
|
9
9
|
},
|
|
10
10
|
"repository": "git@github.com:Codecademy/gamut.git",
|
|
11
|
-
"gitHead": "
|
|
11
|
+
"gitHead": "84eb24b8843e6602f1dd5ab9ac8af6a5e4da47e5"
|
|
12
12
|
}
|
|
@@ -275,7 +275,7 @@ BarChart allows you to customize the x-axis scale interval using the `scaleInter
|
|
|
275
275
|
|
|
276
276
|
### Scale configuration
|
|
277
277
|
|
|
278
|
-
The `scaleInterval` prop determines the interval between scale markers on the x-axis. By default, BarChart automatically calculates an appropriate scale interval based on the `
|
|
278
|
+
The `scaleInterval` prop determines the interval between scale markers on the x-axis. By default, BarChart automatically calculates an appropriate scale interval based on the `maxScaleValue` value (the scale always starts at 0). However, you can override this with a custom interval to achieve more granular or specific scale markings.
|
|
279
279
|
|
|
280
280
|
**When to use custom scale:**
|
|
281
281
|
|
|
@@ -291,7 +291,7 @@ The `scaleInterval` value represents the interval between consecutive scale mark
|
|
|
291
291
|
- `scaleInterval: 250` creates markers at 0, 250, 500, 750, 1000, etc.
|
|
292
292
|
- `scaleInterval: 500` creates markers at 0, 500, 1000, 1500, 2000, etc.
|
|
293
293
|
|
|
294
|
-
The number of tick marks is automatically calculated as: `Math.ceil(
|
|
294
|
+
The number of tick marks is automatically calculated as: `Math.ceil(maxScaleValue / scaleInterval) + 1`
|
|
295
295
|
|
|
296
296
|
### Example
|
|
297
297
|
|
|
@@ -359,7 +359,7 @@ Provide only the translations you want to override; the rest fall back to defaul
|
|
|
359
359
|
<BarChart
|
|
360
360
|
barValues={barData}
|
|
361
361
|
description="Progreso de habilidades"
|
|
362
|
-
|
|
362
|
+
maxScaleValue={200}
|
|
363
363
|
sortFns={['alphabetically', 'none']}
|
|
364
364
|
title="Habilidades"
|
|
365
365
|
translations={{
|
|
@@ -16,7 +16,7 @@ const meta: Meta<typeof BarChart> = {
|
|
|
16
16
|
component: BarChart,
|
|
17
17
|
args: {
|
|
18
18
|
description: 'Chart showing programming language experience levels',
|
|
19
|
-
|
|
19
|
+
maxScaleValue: 2000,
|
|
20
20
|
title: 'Skills experience chart',
|
|
21
21
|
unit: 'XP',
|
|
22
22
|
},
|
|
@@ -175,7 +175,7 @@ export const WithHiddenTitleAndDescription: Story = {
|
|
|
175
175
|
description="Experience points earned across different programming languages"
|
|
176
176
|
hideDescription
|
|
177
177
|
hideTitle
|
|
178
|
-
|
|
178
|
+
maxScaleValue={2000}
|
|
179
179
|
title="Programming Skills Overview"
|
|
180
180
|
unit="XP"
|
|
181
181
|
/>
|
|
@@ -203,7 +203,7 @@ export const WithExternalTitle: Story = {
|
|
|
203
203
|
barValues={simpleBarData}
|
|
204
204
|
description="Experience points earned across different programming languages"
|
|
205
205
|
hideDescription={false}
|
|
206
|
-
|
|
206
|
+
maxScaleValue={2000}
|
|
207
207
|
unit="XP"
|
|
208
208
|
/>
|
|
209
209
|
</>
|
|
@@ -306,7 +306,7 @@ export const CustomStyles: Story = {
|
|
|
306
306
|
export const CustomScale: Story = {
|
|
307
307
|
args: {
|
|
308
308
|
barValues: simpleBarData,
|
|
309
|
-
|
|
309
|
+
maxScaleValue: 2000,
|
|
310
310
|
scaleInterval: 250,
|
|
311
311
|
title: 'Skills chart with custom scale',
|
|
312
312
|
description: 'Custom scale intervals for more granular value display',
|