From 95093066c06aa16de3e1c44ae2f1efeaffe2f99e Mon Sep 17 00:00:00 2001 From: Brooke Scarlett Yalof Date: Thu, 6 Jun 2024 12:21:12 -0400 Subject: [PATCH 1/4] Rename "AllIcons" to "LiveExample" for proper rendering on .design (#2375) * with changeset * PR feedback --- .changeset/pretty-carrots-shout.md | 5 +++++ packages/icon/src/Icon.stories.tsx | 4 ++-- 2 files changed, 7 insertions(+), 2 deletions(-) create mode 100644 .changeset/pretty-carrots-shout.md diff --git a/.changeset/pretty-carrots-shout.md b/.changeset/pretty-carrots-shout.md new file mode 100644 index 0000000000..a395d89f15 --- /dev/null +++ b/.changeset/pretty-carrots-shout.md @@ -0,0 +1,5 @@ +--- +'@leafygreen-ui/icon': patch +--- + +Rename `AllIcons` to `LiveExample` for .design diff --git a/packages/icon/src/Icon.stories.tsx b/packages/icon/src/Icon.stories.tsx index 600348cafd..0aadc65b19 100644 --- a/packages/icon/src/Icon.stories.tsx +++ b/packages/icon/src/Icon.stories.tsx @@ -17,7 +17,7 @@ const meta: StoryMetaType = { title: 'Components/Icon', component: Icon, parameters: { - default: 'AllIcons', + default: 'LiveExample', controls: { exclude: [...storybookExcludedControlParams, 'title', 'data-testid'], }, @@ -76,7 +76,7 @@ Single.argTypes = { }; Single.parameters = { chromatic: { disableSnapshot: true } }; -export const AllIcons: StoryFn = ( +export const LiveExample: StoryFn = ( args: Omit, ) => (
Date: Thu, 6 Jun 2024 14:42:31 -0400 Subject: [PATCH 2/4] Version Packages (#2371) Co-authored-by: github-actions[bot] --- .changeset/fresh-beans-rush.md | 5 ----- .changeset/pretty-carrots-shout.md | 5 ----- .changeset/strange-hounds-change.md | 7 ------- chat/message/CHANGELOG.md | 6 ++++++ chat/message/package.json | 2 +- packages/code/package.json | 4 ++-- packages/combobox/package.json | 4 ++-- packages/copyable/package.json | 4 ++-- packages/date-picker/package.json | 4 ++-- packages/icon/CHANGELOG.md | 6 ++++++ packages/icon/package.json | 2 +- packages/select/package.json | 4 ++-- packages/testing-lib/CHANGELOG.md | 8 ++++++++ packages/testing-lib/package.json | 2 +- tools/cli/CHANGELOG.md | 6 ++++++ tools/cli/package.json | 4 ++-- tools/test/CHANGELOG.md | 7 +++++++ tools/test/package.json | 4 ++-- 18 files changed, 50 insertions(+), 34 deletions(-) delete mode 100644 .changeset/fresh-beans-rush.md delete mode 100644 .changeset/pretty-carrots-shout.md delete mode 100644 .changeset/strange-hounds-change.md diff --git a/.changeset/fresh-beans-rush.md b/.changeset/fresh-beans-rush.md deleted file mode 100644 index 964866b8e3..0000000000 --- a/.changeset/fresh-beans-rush.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@lg-chat/message': patch ---- - -Fixes an import issue with the `links` prop implementation diff --git a/.changeset/pretty-carrots-shout.md b/.changeset/pretty-carrots-shout.md deleted file mode 100644 index a395d89f15..0000000000 --- a/.changeset/pretty-carrots-shout.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@leafygreen-ui/icon': patch ---- - -Rename `AllIcons` to `LiveExample` for .design diff --git a/.changeset/strange-hounds-change.md b/.changeset/strange-hounds-change.md deleted file mode 100644 index 07b48b972a..0000000000 --- a/.changeset/strange-hounds-change.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -'@leafygreen-ui/testing-lib': minor ---- - -Creates a `waitForTransition` test utility. Fires the `transitionend` event on a given element to ensure event handlers are called after CSS transitions complete. - -This is useful for testing `onEntered` or `onExited` callbacks on `Transition` or `Popover` elements. diff --git a/chat/message/CHANGELOG.md b/chat/message/CHANGELOG.md index 4cffdd2f90..c635fd0f69 100644 --- a/chat/message/CHANGELOG.md +++ b/chat/message/CHANGELOG.md @@ -1,5 +1,11 @@ # @lg-chat/message +## 4.2.1 + +### Patch Changes + +- e5a13a22b: Fixes an import issue with the `links` prop implementation + ## 4.2.0 ### Minor Changes diff --git a/chat/message/package.json b/chat/message/package.json index d11eaf6044..960bb51e33 100644 --- a/chat/message/package.json +++ b/chat/message/package.json @@ -1,6 +1,6 @@ { "name": "@lg-chat/message", - "version": "4.2.0", + "version": "4.2.1", "description": "lg-chat Message", "main": "./dist/index.js", "module": "./dist/esm/index.js", diff --git a/packages/code/package.json b/packages/code/package.json index 5c6845a038..1971ac3799 100644 --- a/packages/code/package.json +++ b/packages/code/package.json @@ -27,7 +27,7 @@ "@leafygreen-ui/button": "^21.1.0", "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/hooks": "^8.1.3", - "@leafygreen-ui/icon": "^12.0.1", + "@leafygreen-ui/icon": "^12.5.1", "@leafygreen-ui/icon-button": "^15.0.21", "@leafygreen-ui/lib": "^13.3.0", "@leafygreen-ui/palette": "^4.0.9", @@ -44,7 +44,7 @@ "polished": "^4.2.2" }, "devDependencies": { - "@leafygreen-ui/testing-lib": "^0.4.2", + "@leafygreen-ui/testing-lib": "^0.5.0", "@lg-tools/storybook-utils": "^0.1.0" }, "peerDependencies": { diff --git a/packages/combobox/package.json b/packages/combobox/package.json index 2c67b66d2c..675d68dd7c 100644 --- a/packages/combobox/package.json +++ b/packages/combobox/package.json @@ -27,7 +27,7 @@ "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/form-field": "^1.2.0", "@leafygreen-ui/hooks": "^8.1.3", - "@leafygreen-ui/icon": "^12.5.0", + "@leafygreen-ui/icon": "^12.5.1", "@leafygreen-ui/icon-button": "^15.0.21", "@leafygreen-ui/input-option": "^1.1.3", "@leafygreen-ui/lib": "^13.5.0", @@ -44,7 +44,7 @@ }, "devDependencies": { "@leafygreen-ui/button": "^21.2.0", - "@leafygreen-ui/testing-lib": "^0.4.2", + "@leafygreen-ui/testing-lib": "^0.5.0", "@lg-tools/storybook-utils": "^0.1.1" }, "homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/combobox", diff --git a/packages/copyable/package.json b/packages/copyable/package.json index 676c9886e0..06568d485a 100644 --- a/packages/copyable/package.json +++ b/packages/copyable/package.json @@ -25,7 +25,7 @@ "@leafygreen-ui/button": "^21.2.0", "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/hooks": "^8.1.3", - "@leafygreen-ui/icon": "^12.0.1", + "@leafygreen-ui/icon": "^12.5.1", "@leafygreen-ui/lib": "^13.3.0", "@leafygreen-ui/palette": "^4.0.9", "@leafygreen-ui/tokens": "^2.5.2", @@ -46,7 +46,7 @@ "url": "https://jira.mongodb.org/projects/PD/summary" }, "devDependencies": { - "@leafygreen-ui/testing-lib": "^0.4.2", + "@leafygreen-ui/testing-lib": "^0.5.0", "@lg-tools/storybook-utils": "^0.1.1" } } diff --git a/packages/date-picker/package.json b/packages/date-picker/package.json index 732b30d0d1..a9293c5d5c 100644 --- a/packages/date-picker/package.json +++ b/packages/date-picker/package.json @@ -20,7 +20,7 @@ "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/form-field": "^1.2.2", "@leafygreen-ui/hooks": "^8.1.3", - "@leafygreen-ui/icon": "^12.5.0", + "@leafygreen-ui/icon": "^12.5.1", "@leafygreen-ui/icon-button": "^15.0.21", "@leafygreen-ui/lib": "^13.5.0", "@leafygreen-ui/palette": "^4.0.10", @@ -40,7 +40,7 @@ "@jest/globals": "^29.7.0", "@leafygreen-ui/button": "^21.2.1", "@leafygreen-ui/modal": "^16.0.8", - "@leafygreen-ui/testing-lib": "^0.4.2", + "@leafygreen-ui/testing-lib": "^0.5.0", "mockdate": "^3.0.5", "@lg-tools/storybook-utils": "^0.1.1" }, diff --git a/packages/icon/CHANGELOG.md b/packages/icon/CHANGELOG.md index 493d0dedd8..a54de102e5 100644 --- a/packages/icon/CHANGELOG.md +++ b/packages/icon/CHANGELOG.md @@ -1,5 +1,11 @@ # @leafygreen-ui/icon +## 12.5.1 + +### Patch Changes + +- 95093066c: Rename `AllIcons` to `LiveExample` for .design + ## 12.5.0 ### Minor Changes diff --git a/packages/icon/package.json b/packages/icon/package.json index 6fa0a3d028..b1da916083 100644 --- a/packages/icon/package.json +++ b/packages/icon/package.json @@ -1,6 +1,6 @@ { "name": "@leafygreen-ui/icon", - "version": "12.5.0", + "version": "12.5.1", "description": "LeafyGreen UI Kit Icons", "main": "./dist/index.js", "module": "./dist/esm/index.js", diff --git a/packages/select/package.json b/packages/select/package.json index 84830fa474..39a335ff56 100644 --- a/packages/select/package.json +++ b/packages/select/package.json @@ -26,7 +26,7 @@ "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/form-field": "^1.2.0", "@leafygreen-ui/hooks": "^8.1.3", - "@leafygreen-ui/icon": "^12.5.0", + "@leafygreen-ui/icon": "^12.5.1", "@leafygreen-ui/input-option": "^1.1.3", "@leafygreen-ui/lib": "^13.5.0", "@leafygreen-ui/palette": "^4.0.10", @@ -51,7 +51,7 @@ "url": "https://jira.mongodb.org/projects/PD/summary" }, "devDependencies": { - "@leafygreen-ui/testing-lib": "^0.4.2", + "@leafygreen-ui/testing-lib": "^0.5.0", "@lg-tools/storybook-utils": "^0.1.1" } } diff --git a/packages/testing-lib/CHANGELOG.md b/packages/testing-lib/CHANGELOG.md index 6cd9e85f7e..fb2488b145 100644 --- a/packages/testing-lib/CHANGELOG.md +++ b/packages/testing-lib/CHANGELOG.md @@ -1,5 +1,13 @@ # @leafygreen-ui/testing-lib +## 0.5.0 + +### Minor Changes + +- ed9bead67: Creates a `waitForTransition` test utility. Fires the `transitionend` event on a given element to ensure event handlers are called after CSS transitions complete. + + This is useful for testing `onEntered` or `onExited` callbacks on `Transition` or `Popover` elements. + ## 0.4.2 ### Patch Changes diff --git a/packages/testing-lib/package.json b/packages/testing-lib/package.json index 0f8f4a6a3f..df7d07bef2 100644 --- a/packages/testing-lib/package.json +++ b/packages/testing-lib/package.json @@ -1,6 +1,6 @@ { "name": "@leafygreen-ui/testing-lib", - "version": "0.4.2", + "version": "0.5.0", "description": "leafyGreen UI Kit Internal Testing Library", "main": "./dist/index.js", "module": "./dist/esm/index.js", diff --git a/tools/cli/CHANGELOG.md b/tools/cli/CHANGELOG.md index 9817bbaca2..6e4050c178 100644 --- a/tools/cli/CHANGELOG.md +++ b/tools/cli/CHANGELOG.md @@ -1,5 +1,11 @@ # @lg-tools/cli +## 0.5.13 + +### Patch Changes + +- @lg-tools/test@0.4.7 + ## 0.5.12 ### Patch Changes diff --git a/tools/cli/package.json b/tools/cli/package.json index 0912d60257..dfcc76dba7 100644 --- a/tools/cli/package.json +++ b/tools/cli/package.json @@ -1,6 +1,6 @@ { "name": "@lg-tools/cli", - "version": "0.5.12", + "version": "0.5.13", "description": "Command Line tools for LeafyGreen", "license": "Apache-2.0", "main": "./dist/index.js", @@ -23,7 +23,7 @@ "@lg-tools/link": "0.2.3", "@lg-tools/lint": "0.2.2", "@lg-tools/slackbot": "0.2.6", - "@lg-tools/test": "0.4.6", + "@lg-tools/test": "0.4.7", "@lg-tools/update": "0.1.8", "@lg-tools/validate": "0.1.10", "commander": "^11.0.0", diff --git a/tools/test/CHANGELOG.md b/tools/test/CHANGELOG.md index 8712f57fb1..a7f3b4ef2e 100644 --- a/tools/test/CHANGELOG.md +++ b/tools/test/CHANGELOG.md @@ -1,5 +1,12 @@ # @lg-tools/test +## 0.4.7 + +### Patch Changes + +- Updated dependencies [ed9bead67] + - @leafygreen-ui/testing-lib@0.5.0 + ## 0.4.6 ### Patch Changes diff --git a/tools/test/package.json b/tools/test/package.json index 13d2496361..4ad2490b0b 100644 --- a/tools/test/package.json +++ b/tools/test/package.json @@ -1,6 +1,6 @@ { "name": "@lg-tools/test", - "version": "0.4.6", + "version": "0.4.7", "description": "Jest setup & config for LeafyGreen repositories", "license": "Apache-2.0", "main": "dist/index.js", @@ -17,7 +17,7 @@ "@emotion/css": "11.9.0", "@emotion/react": "11.11.1", "@emotion/server": "11.11.0", - "@leafygreen-ui/testing-lib": "^0.4.2", + "@leafygreen-ui/testing-lib": "^0.5.0", "@lg-tools/build": "0.5.1", "@lg-tools/meta": "0.3.3", "@testing-library/dom": "9.3.1", From 5d44c6b16dbad8ad4afd13c812f2ed2dc2884f32 Mon Sep 17 00:00:00 2001 From: Brooke Scarlett Yalof Date: Fri, 7 Jun 2024 11:51:47 -0400 Subject: [PATCH 3/4] LG-4316: Updates H1 line height from 62 to 64px (#2376) * update h1 line height * update h1 line height with changeset --- .changeset/empty-carrots-sing.md | 5 +++++ packages/typography/src/H1/H1.styles.ts | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/empty-carrots-sing.md diff --git a/.changeset/empty-carrots-sing.md b/.changeset/empty-carrots-sing.md new file mode 100644 index 0000000000..f923a38a64 --- /dev/null +++ b/.changeset/empty-carrots-sing.md @@ -0,0 +1,5 @@ +--- +'@leafygreen-ui/typography': patch +--- + +Updates `line-height` of H1 component from 62 to 64px to align better with our grid diff --git a/packages/typography/src/H1/H1.styles.ts b/packages/typography/src/H1/H1.styles.ts index 83d580208e..8968758032 100644 --- a/packages/typography/src/H1/H1.styles.ts +++ b/packages/typography/src/H1/H1.styles.ts @@ -6,7 +6,7 @@ import { fontFamilies, fontWeights } from '@leafygreen-ui/tokens'; export const h1Styles = css` font-weight: ${fontWeights.regular}; font-size: 48px; - line-height: 62px; + line-height: 64px; font-family: ${fontFamilies.serif}; `; From df0d6faeec377b90d4caac04bdc764c2217ad88f Mon Sep 17 00:00:00 2001 From: Brooke Scarlett Yalof Date: Fri, 7 Jun 2024 13:05:39 -0400 Subject: [PATCH 4/4] Add args to icon meta for .design (#2377) * add args to icon meta for .design * change default fill --- .changeset/clever-squids-bake.md | 5 +++++ packages/icon/src/Icon.stories.tsx | 4 ++++ 2 files changed, 9 insertions(+) create mode 100644 .changeset/clever-squids-bake.md diff --git a/.changeset/clever-squids-bake.md b/.changeset/clever-squids-bake.md new file mode 100644 index 0000000000..bed155b696 --- /dev/null +++ b/.changeset/clever-squids-bake.md @@ -0,0 +1,5 @@ +--- +'@leafygreen-ui/icon': patch +--- + +Adds args to Icon meta for .design diff --git a/packages/icon/src/Icon.stories.tsx b/packages/icon/src/Icon.stories.tsx index 0aadc65b19..86b77d1083 100644 --- a/packages/icon/src/Icon.stories.tsx +++ b/packages/icon/src/Icon.stories.tsx @@ -22,6 +22,10 @@ const meta: StoryMetaType = { exclude: [...storybookExcludedControlParams, 'title', 'data-testid'], }, }, + args: { + fill: 'black', + size: Size.Default, + }, argTypes: { size: { control: 'select',