@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.16c7f2.0](https://github.com/Codecademy/gamut/compare/@codecademy/styleguide@79.1.4...@codecademy/styleguide@79.1.5-alpha.16c7f2.0) (2026-03-10)
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.16c7f2.0",
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": "7edfc6e18fad6725e0b939db48176e89301601fe"
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 `maxRange` value (the scale always starts at 0). However, you can override this with a custom interval to achieve more granular or specific scale markings.
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(maxRange / scaleInterval) + 1`
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
- maxRange={200}
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
- maxRange: 2000,
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
- maxRange={2000}
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
- maxRange={2000}
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
- maxRange: 2000,
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',