diff --git a/packages/gamut-kit/CHANGELOG.md b/packages/gamut-kit/CHANGELOG.md index 15edf0e56b..bdb8c061cb 100644 --- a/packages/gamut-kit/CHANGELOG.md +++ b/packages/gamut-kit/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +### [0.6.339](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-kit@0.6.338...@codecademy/gamut-kit@0.6.339) (2023-08-04) + +**Note:** Version bump only for package @codecademy/gamut-kit + + + + + ### [0.6.338](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-kit@0.6.337...@codecademy/gamut-kit@0.6.338) (2023-08-02) **Note:** Version bump only for package @codecademy/gamut-kit diff --git a/packages/gamut-kit/package.json b/packages/gamut-kit/package.json index 73343c9740..b276e121a9 100644 --- a/packages/gamut-kit/package.json +++ b/packages/gamut-kit/package.json @@ -1,14 +1,14 @@ { "name": "@codecademy/gamut-kit", "description": "Styleguide & Component library for Codecademy", - "version": "0.6.338", + "version": "0.6.339", "author": "Codecademy Engineering ", "repository": { "type": "git", "url": "git@github.com:Codecademy/gamut.git" }, "dependencies": { - "@codecademy/gamut": "55.2.1", + "@codecademy/gamut": "55.2.2", "@codecademy/gamut-icons": "9.3.5", "@codecademy/gamut-illustrations": "0.39.0", "@codecademy/gamut-patterns": "0.9.7", diff --git a/packages/gamut-labs/CHANGELOG.md b/packages/gamut-labs/CHANGELOG.md index 786b140d59..3ca49ca811 100644 --- a/packages/gamut-labs/CHANGELOG.md +++ b/packages/gamut-labs/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +### [35.15.12](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-labs@35.15.11...@codecademy/gamut-labs@35.15.12) (2023-08-04) + +**Note:** Version bump only for package @codecademy/gamut-labs + + + + + ### [35.15.11](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-labs@35.15.10...@codecademy/gamut-labs@35.15.11) (2023-08-02) **Note:** Version bump only for package @codecademy/gamut-labs diff --git a/packages/gamut-labs/package.json b/packages/gamut-labs/package.json index a2be459d12..a0f943187a 100644 --- a/packages/gamut-labs/package.json +++ b/packages/gamut-labs/package.json @@ -1,7 +1,7 @@ { "name": "@codecademy/gamut-labs", "description": "Brand and experimental component library for Codecademy", - "version": "35.15.11", + "version": "35.15.12", "author": "Codecademy Engineering ", "sideEffects": [ "*.css", @@ -25,7 +25,7 @@ "react-dom": "^17.0.2 || ^18.2.0" }, "dependencies": { - "@codecademy/gamut": "55.2.1", + "@codecademy/gamut": "55.2.2", "@codecademy/gamut-icons": "9.3.5", "@codecademy/gamut-illustrations": "0.39.0", "@codecademy/gamut-patterns": "0.9.7", diff --git a/packages/gamut/CHANGELOG.md b/packages/gamut/CHANGELOG.md index 45159a6115..f99490f6ea 100644 --- a/packages/gamut/CHANGELOG.md +++ b/packages/gamut/CHANGELOG.md @@ -3,6 +3,15 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +### [55.2.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut@55.2.1...@codecademy/gamut@55.2.2) (2023-08-04) + + +### Bug Fixes + +* Refactor Shimmer styles for SWC compatibility ([735dd81](https://github.com/Codecademy/gamut/commit/735dd81ea213c386b522856f4e18658bceef88ed)) + + + ### [55.2.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut@55.2.0...@codecademy/gamut@55.2.1) (2023-08-02) **Note:** Version bump only for package @codecademy/gamut diff --git a/packages/gamut/package.json b/packages/gamut/package.json index 1a9bb8396a..000dae4a7a 100644 --- a/packages/gamut/package.json +++ b/packages/gamut/package.json @@ -1,7 +1,7 @@ { "name": "@codecademy/gamut", "description": "Styleguide & Component library for Codecademy", - "version": "55.2.1", + "version": "55.2.2", "author": "Codecademy Engineering ", "sideEffects": [ "**/*.css", diff --git a/packages/gamut/src/Loading/Shimmer.tsx b/packages/gamut/src/Loading/Shimmer.tsx index bc5bd8b87f..0a11a11bbc 100644 --- a/packages/gamut/src/Loading/Shimmer.tsx +++ b/packages/gamut/src/Loading/Shimmer.tsx @@ -1,26 +1,27 @@ -import { css } from '@codecademy/gamut-styles'; import { keyframes } from '@emotion/react'; import styled from '@emotion/styled'; import * as React from 'react'; import { Box, BoxProps } from '../Box'; -const shimmer = keyframes` -0% { left: -500px; opacity: 0; } -50% { left: 0px; opacity: 1; } -100% { left: 500px; opacity: 0; } -`; +const slide = keyframes({ + from: { left: -500 }, + to: { left: 500 }, +}); +const fade = keyframes({ + from: { opacity: 0 }, + to: { opacity: 1 }, +}); -const ShimmerForeground = styled.div( - css({ - position: 'absolute', - height: 1, - width: 500, - animation: `${shimmer} 2s infinite linear`, - background: - 'linear-gradient(to right, rgba(0,0,0,0) 20%, rgb(0,0,0, 0.2) 50%, rgb(0,0,0, 0) 80%)', - }) -); +const ShimmerForeground = styled(Box)` + animation: ${slide} 2s linear infinite, ${fade} 1s linear infinite alternate; + background: linear-gradient( + to right, + rgba(0, 0, 0, 0) 20%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 0) 80% + ); +`; export const Shimmer: React.FC = (props) => { return ( @@ -32,7 +33,7 @@ export const Shimmer: React.FC = (props) => { opacity={0.5} overflow="hidden" > - + ); diff --git a/packages/styleguide/CHANGELOG.md b/packages/styleguide/CHANGELOG.md index 6aff3346c2..3bf5b9e767 100644 --- a/packages/styleguide/CHANGELOG.md +++ b/packages/styleguide/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +### [66.1.23](https://github.com/Codecademy/gamut/compare/@codecademy/styleguide@66.1.22...@codecademy/styleguide@66.1.23) (2023-08-04) + +**Note:** Version bump only for package @codecademy/styleguide + + + + + ### [66.1.22](https://github.com/Codecademy/gamut/compare/@codecademy/styleguide@66.1.21...@codecademy/styleguide@66.1.22) (2023-08-03) diff --git a/packages/styleguide/package.json b/packages/styleguide/package.json index b211008f8a..ddadfd9d36 100644 --- a/packages/styleguide/package.json +++ b/packages/styleguide/package.json @@ -1,7 +1,7 @@ { "name": "@codecademy/styleguide", "description": "Styleguide & Component library for codecademy.com", - "version": "66.1.22", + "version": "66.1.23", "author": "Codecademy Engineering", "scripts": { "start": "yarn storybook", @@ -14,7 +14,7 @@ "url": "git@github.com:Codecademy/gamut.git" }, "dependencies": { - "@codecademy/gamut": "55.2.1", + "@codecademy/gamut": "55.2.2", "@codecademy/gamut-icons": "9.3.5", "@codecademy/gamut-illustrations": "0.39.0", "@codecademy/gamut-patterns": "0.9.7",