@codecademy/styleguide 79.1.2-alpha.d1e4a9.0 → 79.1.2

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 (7) hide show
  1. package/.storybook/components/Elements/ImageGallery.tsx +1 -1
  2. package/CHANGELOG.md +1 -1
  3. package/package.json +2 -2
  4. package/src/lib/Atoms/Animations/ExpandInCollapseOut/ExpandInCollapseOut.stories.tsx +1 -1
  5. package/src/lib/Atoms/Animations/FadeInSlideOut/FadeInSlideOut.stories.tsx +1 -1
  6. package/src/lib/Meta/ESLint rules.mdx +1 -1
  7. package/src/lib/Molecules/Popover/Popover.stories.tsx +6 -0
package/.storybook/components/Elements/ImageGallery.tsx CHANGED
@@ -3,7 +3,7 @@ import { GamutIconProps } from '@codecademy/gamut-icons';
3
3
  import { IllustrationProps } from '@codecademy/gamut-illustrations';
4
4
  import { PatternProps } from '@codecademy/gamut-patterns';
5
5
  import { css, timingValues } from '@codecademy/gamut-styles';
6
- import { motion, AnimatePresence } from 'motion/react';
6
+ import { motion, AnimatePresence } from 'framer-motion';
7
7
  import * as React from 'react';
8
8
  import { useState } from 'react';
9
9
  import styled from '@emotion/styled';
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.2-alpha.d1e4a9.0](https://github.com/Codecademy/gamut/compare/@codecademy/styleguide@79.1.1...@codecademy/styleguide@79.1.2-alpha.d1e4a9.0) (2026-02-11)
6
+ ### [79.1.2](https://github.com/Codecademy/gamut/compare/@codecademy/styleguide@79.1.1...@codecademy/styleguide@79.1.2) (2026-02-12)
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.2-alpha.d1e4a9.0",
4
+ "version": "79.1.2",
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": "8f8c126501ba26d11c6ae2ea37bef2c717a97795"
11
+ "gitHead": "bbc4cf8da76ebc754ed05b11acd9d2e81bb8683e"
12
12
  }
package/src/lib/Atoms/Animations/ExpandInCollapseOut/ExpandInCollapseOut.stories.tsx CHANGED
@@ -5,7 +5,7 @@ import {
5
5
  FlexBox,
6
6
  } from '@codecademy/gamut';
7
7
  import type { Meta } from '@storybook/react';
8
- import { AnimatePresence } from 'motion/react';
8
+ import { AnimatePresence } from 'framer-motion';
9
9
  import { PropsWithChildren, useState } from 'react';
10
10
 
11
11
  const meta: Meta<typeof ExpandInCollapseOut> = {
package/src/lib/Atoms/Animations/FadeInSlideOut/FadeInSlideOut.stories.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Box, FadeInSlideOut, FillButton, FlexBox } from '@codecademy/gamut';
2
2
  import type { Meta } from '@storybook/react';
3
- import { AnimatePresence } from 'motion/react';
3
+ import { AnimatePresence } from 'framer-motion';
4
4
  import { useState } from 'react';
5
5
 
6
6
  const meta: Meta<typeof FadeInSlideOut> = {
package/src/lib/Meta/ESLint rules.mdx CHANGED
@@ -79,7 +79,7 @@ const ExpandableContainer = styled.Box(
79
79
 
80
80
  #### Disabling the rule
81
81
 
82
- For third-party components or edge cases where inline styles are necessary (e.g., motion (framer-motion) animations), you can disable the rule:
82
+ For third-party components or edge cases where inline styles are necessary (e.g., framer-motion animations), you can disable the rule:
83
83
 
84
84
  ```tsx
85
85
  // eslint-disable-next-line gamut/no-inline-style
package/src/lib/Molecules/Popover/Popover.stories.tsx CHANGED
@@ -80,6 +80,7 @@ export const Above: Story = {
80
80
  export const Below: Story = {
81
81
  render: (args) => <PopoverExample {...args} beak="center" position="below" />,
82
82
  };
83
+
83
84
  export const CenterLeft: Story = {
84
85
  render: (args) => (
85
86
  <PopoverExample
@@ -113,6 +114,7 @@ export const PopoverCheckerDense: Story = {
113
114
  />
114
115
  ),
115
116
  };
117
+
116
118
  export const PopoverCheckerLoose: Story = {
117
119
  render: (args) => (
118
120
  <PopoverExample
@@ -122,6 +124,7 @@ export const PopoverCheckerLoose: Story = {
122
124
  />
123
125
  ),
124
126
  };
127
+
125
128
  export const PopoverCheckerRegular: Story = {
126
129
  render: (args) => (
127
130
  <PopoverExample
@@ -131,6 +134,7 @@ export const PopoverCheckerRegular: Story = {
131
134
  />
132
135
  ),
133
136
  };
137
+
134
138
  export const PopoverDiagonalADense: Story = {
135
139
  render: (args) => (
136
140
  <PopoverExample
@@ -140,6 +144,7 @@ export const PopoverDiagonalADense: Story = {
140
144
  />
141
145
  ),
142
146
  };
147
+
143
148
  export const PopoverDiagonalALoose: Story = {
144
149
  render: (args) => (
145
150
  <PopoverExample
@@ -149,6 +154,7 @@ export const PopoverDiagonalALoose: Story = {
149
154
  />
150
155
  ),
151
156
  };
157
+
152
158
  export const PopoverDiagonalARegular: Story = {
153
159
  render: (args) => (
154
160
  <PopoverExample