From 1b35f2d72b0908b87631f238790b959c271abe73 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Tue, 19 Dec 2023 11:25:49 +0000 Subject: [PATCH 01/41] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/extras/CHANGELOG.md | 9 +++++++++ packages/extras/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 14 files changed, 81 insertions(+), 20 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index 1f63a6fc5..1a29a1eee 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.67 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.67 + - @bubbles-ui/icons@1.2.67 + ## 1.2.66 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index 6f9eeaa5b..ba4437a97 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.66", + "version": "1.2.67", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.66", - "@bubbles-ui/icons": "^1.2.66", + "@bubbles-ui/components": "^1.2.67", + "@bubbles-ui/icons": "^1.2.67", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index bbb803cab..ef826e171 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.67 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.67 + ## 1.2.66 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index 67d21c325..5d7d33be5 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.66", + "version": "1.2.67", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.66", + "@bubbles-ui/icons": "^1.2.67", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@hookform/resolvers": "^3.3.2", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 9e8b9f4dc..01e5cadb5 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.67 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.67 + - @bubbles-ui/icons@1.2.67 + ## 1.2.66 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index b456a5603..1bd1b0dbc 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.66", + "version": "1.2.67", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.66", - "@bubbles-ui/icons": "^1.2.66", + "@bubbles-ui/components": "^1.2.67", + "@bubbles-ui/icons": "^1.2.67", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/extras/CHANGELOG.md b/packages/extras/CHANGELOG.md index 746e607c8..212eccd31 100644 --- a/packages/extras/CHANGELOG.md +++ b/packages/extras/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/extras +## 1.2.67 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.67 + - @bubbles-ui/icons@1.2.67 + ## 1.2.66 ### Patch Changes diff --git a/packages/extras/package.json b/packages/extras/package.json index 8558e937b..782c99414 100644 --- a/packages/extras/package.json +++ b/packages/extras/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/extras", - "version": "1.2.66", + "version": "1.2.67", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -53,8 +53,8 @@ "swiper": "^8.1.4" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.66", - "@bubbles-ui/icons": "^1.2.66", + "@bubbles-ui/components": "^1.2.67", + "@bubbles-ui/icons": "^1.2.67", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 3eec5b185..eb5e51b32 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.67 + +### Patch Changes + +- Versions bump + ## 1.2.66 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index ed01ba4c7..4284de709 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.66", + "version": "1.2.67", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 14519210d..e64f18faf 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.67 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.67 + - @bubbles-ui/calendars@1.2.67 + - @bubbles-ui/editors@1.2.67 + - @bubbles-ui/icons@1.2.67 + ## 1.2.66 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 31de44ccc..5aff45632 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.66", + "version": "1.2.67", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.66", - "@bubbles-ui/components": "^1.2.66", - "@bubbles-ui/editors": "^1.2.66", - "@bubbles-ui/icons": "^1.2.66", + "@bubbles-ui/calendars": "^1.2.67", + "@bubbles-ui/components": "^1.2.67", + "@bubbles-ui/editors": "^1.2.67", + "@bubbles-ui/icons": "^1.2.67", "dayjs": "^1.10.7", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 7d73ab71c..6a1f10bd0 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.67 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.67 + - @bubbles-ui/icons@1.2.67 + ## 1.2.66 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index a2958dad2..3a067383f 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.66", + "version": "1.2.67", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.66", - "@bubbles-ui/icons": "^1.2.66", + "@bubbles-ui/components": "^1.2.67", + "@bubbles-ui/icons": "^1.2.67", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", From 3b36ea48f7b47a3897bbeebcd565c6909b63a73b Mon Sep 17 00:00:00 2001 From: MIGUELez11 Date: Tue, 19 Dec 2023 12:42:10 +0100 Subject: [PATCH 02/41] feat: Add punctuable and non-evaluable icons --- packages/icons/outline/esm/index.d.ts | 2 ++ packages/icons/outline/esm/index.js | 2 ++ packages/icons/outline/index.d.ts | 2 ++ packages/icons/outline/index.js | 2 ++ packages/icons/src/outline/non-evaluable.svg | 8 ++++++++ packages/icons/src/outline/punctuable.svg | 4 ++++ 6 files changed, 20 insertions(+) create mode 100644 packages/icons/src/outline/non-evaluable.svg create mode 100644 packages/icons/src/outline/punctuable.svg diff --git a/packages/icons/outline/esm/index.d.ts b/packages/icons/outline/esm/index.d.ts index 6ef2d6924..d90883cfc 100644 --- a/packages/icons/outline/esm/index.d.ts +++ b/packages/icons/outline/esm/index.d.ts @@ -110,6 +110,7 @@ export { default as MoveRightIcon } from './MoveRightIcon' export { default as MoveIcon } from './MoveIcon' export { default as NavigationMenuLeftIcon } from './NavigationMenuLeftIcon' export { default as NavigationMenuRightIcon } from './NavigationMenuRightIcon' +export { default as NonEvaluableIcon } from './NonEvaluableIcon' export { default as OfficialBuildingIcon } from './OfficialBuildingIcon' export { default as OpenIcon } from './OpenIcon' export { default as PeopleManGraduateIcon } from './PeopleManGraduateIcon' @@ -152,6 +153,7 @@ export { default as PluginTransactionalIcon } from './PluginTransactionalIcon' export { default as PluginTranslatorIcon } from './PluginTranslatorIcon' export { default as PluginUsersIcon } from './PluginUsersIcon' export { default as PluginVirtualBlackboadIcon } from './PluginVirtualBlackboadIcon' +export { default as PunctuableIcon } from './PunctuableIcon' export { default as QrCodeScanIcon } from './QrCodeScanIcon' export { default as QuestionExclamationIcon } from './QuestionExclamationIcon' export { default as RatingStarIcon } from './RatingStarIcon' diff --git a/packages/icons/outline/esm/index.js b/packages/icons/outline/esm/index.js index b73edba4f..cf8872ee9 100644 --- a/packages/icons/outline/esm/index.js +++ b/packages/icons/outline/esm/index.js @@ -110,6 +110,7 @@ export { default as MoveRightIcon } from './MoveRightIcon.js' export { default as MoveIcon } from './MoveIcon.js' export { default as NavigationMenuLeftIcon } from './NavigationMenuLeftIcon.js' export { default as NavigationMenuRightIcon } from './NavigationMenuRightIcon.js' +export { default as NonEvaluableIcon } from './NonEvaluableIcon.js' export { default as OfficialBuildingIcon } from './OfficialBuildingIcon.js' export { default as OpenIcon } from './OpenIcon.js' export { default as PeopleManGraduateIcon } from './PeopleManGraduateIcon.js' @@ -152,6 +153,7 @@ export { default as PluginTransactionalIcon } from './PluginTransactionalIcon.js export { default as PluginTranslatorIcon } from './PluginTranslatorIcon.js' export { default as PluginUsersIcon } from './PluginUsersIcon.js' export { default as PluginVirtualBlackboadIcon } from './PluginVirtualBlackboadIcon.js' +export { default as PunctuableIcon } from './PunctuableIcon.js' export { default as QrCodeScanIcon } from './QrCodeScanIcon.js' export { default as QuestionExclamationIcon } from './QuestionExclamationIcon.js' export { default as RatingStarIcon } from './RatingStarIcon.js' diff --git a/packages/icons/outline/index.d.ts b/packages/icons/outline/index.d.ts index 6ef2d6924..d90883cfc 100644 --- a/packages/icons/outline/index.d.ts +++ b/packages/icons/outline/index.d.ts @@ -110,6 +110,7 @@ export { default as MoveRightIcon } from './MoveRightIcon' export { default as MoveIcon } from './MoveIcon' export { default as NavigationMenuLeftIcon } from './NavigationMenuLeftIcon' export { default as NavigationMenuRightIcon } from './NavigationMenuRightIcon' +export { default as NonEvaluableIcon } from './NonEvaluableIcon' export { default as OfficialBuildingIcon } from './OfficialBuildingIcon' export { default as OpenIcon } from './OpenIcon' export { default as PeopleManGraduateIcon } from './PeopleManGraduateIcon' @@ -152,6 +153,7 @@ export { default as PluginTransactionalIcon } from './PluginTransactionalIcon' export { default as PluginTranslatorIcon } from './PluginTranslatorIcon' export { default as PluginUsersIcon } from './PluginUsersIcon' export { default as PluginVirtualBlackboadIcon } from './PluginVirtualBlackboadIcon' +export { default as PunctuableIcon } from './PunctuableIcon' export { default as QrCodeScanIcon } from './QrCodeScanIcon' export { default as QuestionExclamationIcon } from './QuestionExclamationIcon' export { default as RatingStarIcon } from './RatingStarIcon' diff --git a/packages/icons/outline/index.js b/packages/icons/outline/index.js index 0fdbf7b57..68e6ae8c6 100644 --- a/packages/icons/outline/index.js +++ b/packages/icons/outline/index.js @@ -110,6 +110,7 @@ module.exports.MoveRightIcon = require("./MoveRightIcon.js") module.exports.MoveIcon = require("./MoveIcon.js") module.exports.NavigationMenuLeftIcon = require("./NavigationMenuLeftIcon.js") module.exports.NavigationMenuRightIcon = require("./NavigationMenuRightIcon.js") +module.exports.NonEvaluableIcon = require("./NonEvaluableIcon.js") module.exports.OfficialBuildingIcon = require("./OfficialBuildingIcon.js") module.exports.OpenIcon = require("./OpenIcon.js") module.exports.PeopleManGraduateIcon = require("./PeopleManGraduateIcon.js") @@ -152,6 +153,7 @@ module.exports.PluginTransactionalIcon = require("./PluginTransactionalIcon.js") module.exports.PluginTranslatorIcon = require("./PluginTranslatorIcon.js") module.exports.PluginUsersIcon = require("./PluginUsersIcon.js") module.exports.PluginVirtualBlackboadIcon = require("./PluginVirtualBlackboadIcon.js") +module.exports.PunctuableIcon = require("./PunctuableIcon.js") module.exports.QrCodeScanIcon = require("./QrCodeScanIcon.js") module.exports.QuestionExclamationIcon = require("./QuestionExclamationIcon.js") module.exports.RatingStarIcon = require("./RatingStarIcon.js") diff --git a/packages/icons/src/outline/non-evaluable.svg b/packages/icons/src/outline/non-evaluable.svg new file mode 100644 index 000000000..0b3737c14 --- /dev/null +++ b/packages/icons/src/outline/non-evaluable.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/packages/icons/src/outline/punctuable.svg b/packages/icons/src/outline/punctuable.svg new file mode 100644 index 000000000..b1625911b --- /dev/null +++ b/packages/icons/src/outline/punctuable.svg @@ -0,0 +1,4 @@ + + + + From df63df0341b5d00d17dc1a521f73c83f2f7be7ae Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Tue, 19 Dec 2023 11:52:57 +0000 Subject: [PATCH 03/41] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/extras/CHANGELOG.md | 9 +++++++++ packages/extras/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 14 files changed, 81 insertions(+), 20 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index 1a29a1eee..bea041c86 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.68 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.68 + - @bubbles-ui/icons@1.2.68 + ## 1.2.67 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index ba4437a97..00541b01e 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.67", + "version": "1.2.68", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.67", - "@bubbles-ui/icons": "^1.2.67", + "@bubbles-ui/components": "^1.2.68", + "@bubbles-ui/icons": "^1.2.68", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index ef826e171..e6c0db3ec 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.68 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.68 + ## 1.2.67 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index 5d7d33be5..be7bd691e 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.67", + "version": "1.2.68", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.67", + "@bubbles-ui/icons": "^1.2.68", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@hookform/resolvers": "^3.3.2", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 01e5cadb5..ff73f8c80 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.68 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.68 + - @bubbles-ui/icons@1.2.68 + ## 1.2.67 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 1bd1b0dbc..775ca6d0c 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.67", + "version": "1.2.68", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.67", - "@bubbles-ui/icons": "^1.2.67", + "@bubbles-ui/components": "^1.2.68", + "@bubbles-ui/icons": "^1.2.68", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/extras/CHANGELOG.md b/packages/extras/CHANGELOG.md index 212eccd31..abee5dd6b 100644 --- a/packages/extras/CHANGELOG.md +++ b/packages/extras/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/extras +## 1.2.68 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.68 + - @bubbles-ui/icons@1.2.68 + ## 1.2.67 ### Patch Changes diff --git a/packages/extras/package.json b/packages/extras/package.json index 782c99414..9fad68bbe 100644 --- a/packages/extras/package.json +++ b/packages/extras/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/extras", - "version": "1.2.67", + "version": "1.2.68", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -53,8 +53,8 @@ "swiper": "^8.1.4" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.67", - "@bubbles-ui/icons": "^1.2.67", + "@bubbles-ui/components": "^1.2.68", + "@bubbles-ui/icons": "^1.2.68", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index eb5e51b32..290891c6b 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.68 + +### Patch Changes + +- Versions bump + ## 1.2.67 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index 4284de709..e93ede23d 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.67", + "version": "1.2.68", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index e64f18faf..974eb6d21 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.68 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.68 + - @bubbles-ui/calendars@1.2.68 + - @bubbles-ui/editors@1.2.68 + - @bubbles-ui/icons@1.2.68 + ## 1.2.67 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 5aff45632..26aa0f909 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.67", + "version": "1.2.68", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.67", - "@bubbles-ui/components": "^1.2.67", - "@bubbles-ui/editors": "^1.2.67", - "@bubbles-ui/icons": "^1.2.67", + "@bubbles-ui/calendars": "^1.2.68", + "@bubbles-ui/components": "^1.2.68", + "@bubbles-ui/editors": "^1.2.68", + "@bubbles-ui/icons": "^1.2.68", "dayjs": "^1.10.7", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 6a1f10bd0..ca4f89046 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.68 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.68 + - @bubbles-ui/icons@1.2.68 + ## 1.2.67 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index 3a067383f..992d1be0a 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.67", + "version": "1.2.68", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.67", - "@bubbles-ui/icons": "^1.2.67", + "@bubbles-ui/components": "^1.2.68", + "@bubbles-ui/icons": "^1.2.68", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", From cf77c177c3272d018ee49e644ca928d605e21fe2 Mon Sep 17 00:00:00 2001 From: Johan Sosa Date: Tue, 19 Dec 2023 17:51:43 +0100 Subject: [PATCH 04/41] feat(TextEditor): Scrollref --- packages/editors/src/form/TextEditor/TextEditor.js | 3 +++ 1 file changed, 3 insertions(+) diff --git a/packages/editors/src/form/TextEditor/TextEditor.js b/packages/editors/src/form/TextEditor/TextEditor.js index 633382940..a74798841 100644 --- a/packages/editors/src/form/TextEditor/TextEditor.js +++ b/packages/editors/src/form/TextEditor/TextEditor.js @@ -39,6 +39,7 @@ export const TEXT_EDITOR_PROP_TYPES = { readOnly: PropTypes.bool, children: PropTypes.node, toolbarPortal: PropTypes.any, + scrollRef: PropTypes.any, }; const TextEditor = ({ @@ -55,6 +56,7 @@ const TextEditor = ({ acceptedTags = [], toolbarPosition, toolbarPortal, + scrollRef, }) => { const store = React.useRef({ isFocus: false, @@ -240,6 +242,7 @@ const TextEditor = ({ )} From f27902b5f563d8ad26b3af67208a1080e0356060 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Tue, 19 Dec 2023 17:02:13 +0000 Subject: [PATCH 05/41] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/extras/CHANGELOG.md | 9 +++++++++ packages/extras/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 14 files changed, 81 insertions(+), 20 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index bea041c86..437ed4ff8 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.69 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.69 + - @bubbles-ui/icons@1.2.69 + ## 1.2.68 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index 00541b01e..1ae0b6f45 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.68", + "version": "1.2.69", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.68", - "@bubbles-ui/icons": "^1.2.68", + "@bubbles-ui/components": "^1.2.69", + "@bubbles-ui/icons": "^1.2.69", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index e6c0db3ec..b509058cc 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.69 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.69 + ## 1.2.68 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index be7bd691e..c43af9f1b 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.68", + "version": "1.2.69", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.68", + "@bubbles-ui/icons": "^1.2.69", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@hookform/resolvers": "^3.3.2", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index ff73f8c80..14dba96f8 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.69 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.69 + - @bubbles-ui/icons@1.2.69 + ## 1.2.68 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 775ca6d0c..b2f3a3b12 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.68", + "version": "1.2.69", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.68", - "@bubbles-ui/icons": "^1.2.68", + "@bubbles-ui/components": "^1.2.69", + "@bubbles-ui/icons": "^1.2.69", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/extras/CHANGELOG.md b/packages/extras/CHANGELOG.md index abee5dd6b..c23481c8e 100644 --- a/packages/extras/CHANGELOG.md +++ b/packages/extras/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/extras +## 1.2.69 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.69 + - @bubbles-ui/icons@1.2.69 + ## 1.2.68 ### Patch Changes diff --git a/packages/extras/package.json b/packages/extras/package.json index 9fad68bbe..3e5ca88c6 100644 --- a/packages/extras/package.json +++ b/packages/extras/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/extras", - "version": "1.2.68", + "version": "1.2.69", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -53,8 +53,8 @@ "swiper": "^8.1.4" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.68", - "@bubbles-ui/icons": "^1.2.68", + "@bubbles-ui/components": "^1.2.69", + "@bubbles-ui/icons": "^1.2.69", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 290891c6b..77dda5a04 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.69 + +### Patch Changes + +- Versions bump + ## 1.2.68 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index e93ede23d..ee7ac4b3b 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.68", + "version": "1.2.69", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 974eb6d21..76aaca8dc 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.69 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.69 + - @bubbles-ui/calendars@1.2.69 + - @bubbles-ui/editors@1.2.69 + - @bubbles-ui/icons@1.2.69 + ## 1.2.68 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 26aa0f909..278f30fdd 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.68", + "version": "1.2.69", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.68", - "@bubbles-ui/components": "^1.2.68", - "@bubbles-ui/editors": "^1.2.68", - "@bubbles-ui/icons": "^1.2.68", + "@bubbles-ui/calendars": "^1.2.69", + "@bubbles-ui/components": "^1.2.69", + "@bubbles-ui/editors": "^1.2.69", + "@bubbles-ui/icons": "^1.2.69", "dayjs": "^1.10.7", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index ca4f89046..8443d96a5 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.69 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.69 + - @bubbles-ui/icons@1.2.69 + ## 1.2.68 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index 992d1be0a..83f92eda3 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.68", + "version": "1.2.69", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.68", - "@bubbles-ui/icons": "^1.2.68", + "@bubbles-ui/components": "^1.2.69", + "@bubbles-ui/icons": "^1.2.69", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", From 111e2a8b64f3bc8f8997f800fd70146efa884d86 Mon Sep 17 00:00:00 2001 From: paola-p <> Date: Tue, 19 Dec 2023 18:48:03 +0100 Subject: [PATCH 06/41] feat: Add document icon for emptycard --- .../src/misc/CardEmptyCover/CardEmptyCover.js | 2 + .../AssetDocumentIcon.constants.js | 12 ++++++ .../AssetDocumentIcon/AssetDocumentIcon.js | 31 ++++++++++++++ .../misc/FileIcon/AssetDocumentIcon/index.js | 1 + .../components/src/misc/FileIcon/FileIcon.js | 2 + packages/components/src/misc/index.js | 1 + packages/components/src/tokens.compiled.js | 41 ++++--------------- 7 files changed, 56 insertions(+), 34 deletions(-) create mode 100644 packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.constants.js create mode 100644 packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.js create mode 100644 packages/components/src/misc/FileIcon/AssetDocumentIcon/index.js diff --git a/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js b/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js index c8183ebf4..60198f966 100644 --- a/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js +++ b/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js @@ -17,6 +17,7 @@ import { AssetExpressTaskIcon } from '../FileIcon/AssetExpressTaskIcon'; import { AssetModuleIcon } from '../FileIcon/AssetModuleIcon'; import { AssetFeedbackIcon } from '../FileIcon/AssetFeedbackIcon'; import { FileItemDisplay } from '../../informative/FileItemDisplay'; +import { AssetDocumentIcon } from '../FileIcon/AssetDocumentIcon'; const CardEmptyCover = memo(({ icon, fileType }) => { const pairColumnRef = useRef(null); @@ -27,6 +28,7 @@ const CardEmptyCover = memo(({ icon, fileType }) => { { key: 'image', value: }, { key: 'bookmark', value: }, { key: 'feedback', value: }, + { key: 'document', value: }, { key: 'task', value: }, { key: 'taskexpress', diff --git a/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.constants.js b/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.constants.js new file mode 100644 index 000000000..b813b179c --- /dev/null +++ b/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.constants.js @@ -0,0 +1,12 @@ +import PropTypes from 'prop-types'; + +export const DOCUMENT_ICON_DEFAULT_PROPS = { + width: 24, + height: 24, + color: '#7E8795', +}; +export const DOCUMENT_ICON_PROP_TYPES = { + width: PropTypes.number, + height: PropTypes.number, + color: PropTypes.string, +}; diff --git a/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.js b/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.js new file mode 100644 index 000000000..3cc11a773 --- /dev/null +++ b/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.js @@ -0,0 +1,31 @@ +import React from 'react'; +import { + DOCUMENT_ICON_PROP_TYPES, + DOCUMENT_ICON_DEFAULT_PROPS, +} from './AssetDocumentIcon.constants'; + +const AssetDocumentIcon = ({ width, height, color }) => ( + + + +); + +AssetDocumentIcon.defaultProps = DOCUMENT_ICON_DEFAULT_PROPS; +AssetDocumentIcon.propTypes = DOCUMENT_ICON_PROP_TYPES; + +AssetDocumentIcon.displayName = 'AssetTaskIcon'; +export default AssetDocumentIcon; +export { AssetDocumentIcon }; diff --git a/packages/components/src/misc/FileIcon/AssetDocumentIcon/index.js b/packages/components/src/misc/FileIcon/AssetDocumentIcon/index.js new file mode 100644 index 000000000..b415afdc8 --- /dev/null +++ b/packages/components/src/misc/FileIcon/AssetDocumentIcon/index.js @@ -0,0 +1 @@ +export * from './AssetDocumentIcon'; diff --git a/packages/components/src/misc/FileIcon/FileIcon.js b/packages/components/src/misc/FileIcon/FileIcon.js index 96df12d55..a0e7b2830 100644 --- a/packages/components/src/misc/FileIcon/FileIcon.js +++ b/packages/components/src/misc/FileIcon/FileIcon.js @@ -9,6 +9,7 @@ import { FileItemDisplay } from '../../informative/FileItemDisplay'; import { AssetAudioIcon } from './AssetAudioIcon'; import { AssetImageIcon } from './AssetImageIcon'; import { AssetBookmarkIcon } from './AssetBookmarkIcon'; +import { AssetDocumentIcon } from './AssetDocumentIcon'; export const FILE_ICON_DEFAULT_PROPS = { size: 16, @@ -35,6 +36,7 @@ const FileIcon = ({ fileType, fileExtension, label, size, color, iconStyle, ...p { key: 'bookmark', value: }, { key: 'path', value: }, { key: 'curriculum', value: }, + { key: 'document', value: }, { key: 'file', value: ( diff --git a/packages/components/src/misc/index.js b/packages/components/src/misc/index.js index c9cea3621..75750f2b9 100644 --- a/packages/components/src/misc/index.js +++ b/packages/components/src/misc/index.js @@ -8,5 +8,6 @@ export * from './FileIcon/AssetImageIcon'; export * from './FileIcon/AssetBookmarkIcon'; export * from './FileIcon/AssetVideoIcon'; export * from './FileIcon/AssetMediaIcon'; +export * from './FileIcon/AssetDocumentIcon'; export * from './AvatarSubject'; export * from './CardEmptyCover'; diff --git a/packages/components/src/tokens.compiled.js b/packages/components/src/tokens.compiled.js index 8f8f58bf8..85d1e699a 100644 --- a/packages/components/src/tokens.compiled.js +++ b/packages/components/src/tokens.compiled.js @@ -1153,7 +1153,7 @@ export default { "y": 0, "blur": 4, "spread": 0, - "color": "#ffffff", + "color": "#ffffff26", "type": "dropShadow" }, "type": "boxShadow" @@ -1234,17 +1234,8 @@ export default { "type": "color" }, "hover--reverse-transparent": { - "value": "#ffffff", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "0.15", - "space": "lch" - } - } - } + "value": "#ffffff26", + "type": "color" }, "down": { "value": "#F1FFBD", @@ -4939,30 +4930,12 @@ export default { "color": { "primary": { "default": { - "value": "#4D5358", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "0.4", - "space": "lch" - } - } - } + "value": "#4d535866", + "type": "color" }, "hover": { - "value": "#4D5358", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "0.7", - "space": "lch" - } - } - } + "value": "#4d5358b3", + "type": "color" }, "down": { "value": "#4D5358", From c0ea19926eabc87357332fbbd42220da15700cf6 Mon Sep 17 00:00:00 2001 From: paola-p <> Date: Tue, 19 Dec 2023 21:09:57 +0100 Subject: [PATCH 07/41] fix(TotalLayoutHeader): add prop for it to accept the main action button label --- .../layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.js b/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.js index 69993b233..144f971a4 100644 --- a/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.js +++ b/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.js @@ -21,6 +21,8 @@ const TotalLayoutHeader = ({ compact = false, direction = 'column', cancelable = true, + mainActionLabel = 'Cancelar', + ...props }) => { const formContext = useFormContext(); const formValues = isFunction(formContext?.watch) ? formContext.watch() : {}; @@ -61,7 +63,7 @@ const TotalLayoutHeader = ({ {!!children && direction === 'row' && children} {cancelable && ( )} From c970fea5162d37e9ebeb22e87ca8d77fb2640663 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Tue, 19 Dec 2023 20:20:35 +0000 Subject: [PATCH 08/41] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/extras/CHANGELOG.md | 9 +++++++++ packages/extras/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 14 files changed, 81 insertions(+), 20 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index 437ed4ff8..f7874082b 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.70 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.70 + - @bubbles-ui/icons@1.2.70 + ## 1.2.69 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index 1ae0b6f45..3eddbb971 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.69", + "version": "1.2.70", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.69", - "@bubbles-ui/icons": "^1.2.69", + "@bubbles-ui/components": "^1.2.70", + "@bubbles-ui/icons": "^1.2.70", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index b509058cc..a9720ec68 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.70 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.70 + ## 1.2.69 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index c43af9f1b..4f5283981 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.69", + "version": "1.2.70", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.69", + "@bubbles-ui/icons": "^1.2.70", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@hookform/resolvers": "^3.3.2", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 14dba96f8..49d8b45be 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.70 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.70 + - @bubbles-ui/icons@1.2.70 + ## 1.2.69 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index b2f3a3b12..c7001713c 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.69", + "version": "1.2.70", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.69", - "@bubbles-ui/icons": "^1.2.69", + "@bubbles-ui/components": "^1.2.70", + "@bubbles-ui/icons": "^1.2.70", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/extras/CHANGELOG.md b/packages/extras/CHANGELOG.md index c23481c8e..5621c28ec 100644 --- a/packages/extras/CHANGELOG.md +++ b/packages/extras/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/extras +## 1.2.70 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.70 + - @bubbles-ui/icons@1.2.70 + ## 1.2.69 ### Patch Changes diff --git a/packages/extras/package.json b/packages/extras/package.json index 3e5ca88c6..6e9e8ab7b 100644 --- a/packages/extras/package.json +++ b/packages/extras/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/extras", - "version": "1.2.69", + "version": "1.2.70", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -53,8 +53,8 @@ "swiper": "^8.1.4" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.69", - "@bubbles-ui/icons": "^1.2.69", + "@bubbles-ui/components": "^1.2.70", + "@bubbles-ui/icons": "^1.2.70", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 77dda5a04..72dd53ef0 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.70 + +### Patch Changes + +- Versions bump + ## 1.2.69 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index ee7ac4b3b..0659bb8b9 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.69", + "version": "1.2.70", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 76aaca8dc..596b18eb7 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.70 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.70 + - @bubbles-ui/calendars@1.2.70 + - @bubbles-ui/editors@1.2.70 + - @bubbles-ui/icons@1.2.70 + ## 1.2.69 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 278f30fdd..04b71b35c 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.69", + "version": "1.2.70", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.69", - "@bubbles-ui/components": "^1.2.69", - "@bubbles-ui/editors": "^1.2.69", - "@bubbles-ui/icons": "^1.2.69", + "@bubbles-ui/calendars": "^1.2.70", + "@bubbles-ui/components": "^1.2.70", + "@bubbles-ui/editors": "^1.2.70", + "@bubbles-ui/icons": "^1.2.70", "dayjs": "^1.10.7", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 8443d96a5..b33da602b 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.70 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.70 + - @bubbles-ui/icons@1.2.70 + ## 1.2.69 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index 83f92eda3..3c15fa0ab 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.69", + "version": "1.2.70", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.69", - "@bubbles-ui/icons": "^1.2.69", + "@bubbles-ui/components": "^1.2.70", + "@bubbles-ui/icons": "^1.2.70", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", From 5ac9f990492020d3bc8be92757d8fd8711742738 Mon Sep 17 00:00:00 2001 From: paola-p <> Date: Wed, 20 Dec 2023 10:28:26 +0100 Subject: [PATCH 09/41] fix AssetDocumentIcon svg vewBox --- .../src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.js b/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.js index 3cc11a773..04a719741 100644 --- a/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.js +++ b/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.js @@ -8,7 +8,7 @@ const AssetDocumentIcon = ({ width, height, color }) => ( Date: Wed, 20 Dec 2023 09:38:43 +0000 Subject: [PATCH 10/41] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/extras/CHANGELOG.md | 9 +++++++++ packages/extras/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 14 files changed, 81 insertions(+), 20 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index f7874082b..e22921e7e 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.71 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.71 + - @bubbles-ui/icons@1.2.71 + ## 1.2.70 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index 3eddbb971..8203ace28 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.70", + "version": "1.2.71", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.70", - "@bubbles-ui/icons": "^1.2.70", + "@bubbles-ui/components": "^1.2.71", + "@bubbles-ui/icons": "^1.2.71", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index a9720ec68..077de1827 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.71 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.71 + ## 1.2.70 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index 4f5283981..93ea4fb00 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.70", + "version": "1.2.71", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.70", + "@bubbles-ui/icons": "^1.2.71", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@hookform/resolvers": "^3.3.2", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 49d8b45be..65f6e119c 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.71 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.71 + - @bubbles-ui/icons@1.2.71 + ## 1.2.70 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index c7001713c..2e3ce8e86 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.70", + "version": "1.2.71", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.70", - "@bubbles-ui/icons": "^1.2.70", + "@bubbles-ui/components": "^1.2.71", + "@bubbles-ui/icons": "^1.2.71", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/extras/CHANGELOG.md b/packages/extras/CHANGELOG.md index 5621c28ec..50a34daeb 100644 --- a/packages/extras/CHANGELOG.md +++ b/packages/extras/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/extras +## 1.2.71 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.71 + - @bubbles-ui/icons@1.2.71 + ## 1.2.70 ### Patch Changes diff --git a/packages/extras/package.json b/packages/extras/package.json index 6e9e8ab7b..2c6c653c1 100644 --- a/packages/extras/package.json +++ b/packages/extras/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/extras", - "version": "1.2.70", + "version": "1.2.71", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -53,8 +53,8 @@ "swiper": "^8.1.4" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.70", - "@bubbles-ui/icons": "^1.2.70", + "@bubbles-ui/components": "^1.2.71", + "@bubbles-ui/icons": "^1.2.71", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 72dd53ef0..5fd8e31d9 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.71 + +### Patch Changes + +- Versions bump + ## 1.2.70 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index 0659bb8b9..4ce254ca6 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.70", + "version": "1.2.71", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 596b18eb7..8da9e8a17 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.71 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.71 + - @bubbles-ui/calendars@1.2.71 + - @bubbles-ui/editors@1.2.71 + - @bubbles-ui/icons@1.2.71 + ## 1.2.70 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 04b71b35c..20b4eb58e 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.70", + "version": "1.2.71", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.70", - "@bubbles-ui/components": "^1.2.70", - "@bubbles-ui/editors": "^1.2.70", - "@bubbles-ui/icons": "^1.2.70", + "@bubbles-ui/calendars": "^1.2.71", + "@bubbles-ui/components": "^1.2.71", + "@bubbles-ui/editors": "^1.2.71", + "@bubbles-ui/icons": "^1.2.71", "dayjs": "^1.10.7", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index b33da602b..f56881695 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.71 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.71 + - @bubbles-ui/icons@1.2.71 + ## 1.2.70 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index 3c15fa0ab..db9971bec 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.70", + "version": "1.2.71", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.70", - "@bubbles-ui/icons": "^1.2.70", + "@bubbles-ui/components": "^1.2.71", + "@bubbles-ui/icons": "^1.2.71", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", From 2001574dd461147bf19dd3f39d3ef0b68829c5a9 Mon Sep 17 00:00:00 2001 From: paola-p <> Date: Wed, 20 Dec 2023 10:56:03 +0100 Subject: [PATCH 11/41] add small document icon for card type and empty cover. --- .../src/misc/CardEmptyCover/CardEmptyCover.js | 4 +-- .../AssetDocumentIcon.constants.js | 11 +++++++ .../AssetDocumentIcon/AssetDocumentIcon.js | 4 +-- .../AssetDocumentIconSmall.js | 31 +++++++++++++++++++ .../misc/FileIcon/AssetDocumentIcon/index.js | 1 + .../FileIcon/AssetMediaIcon/AssetMediaIcon.js | 2 +- .../components/src/misc/FileIcon/FileIcon.js | 4 +-- 7 files changed, 50 insertions(+), 7 deletions(-) create mode 100644 packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIconSmall.js diff --git a/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js b/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js index 60198f966..beb54a6e2 100644 --- a/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js +++ b/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js @@ -17,7 +17,7 @@ import { AssetExpressTaskIcon } from '../FileIcon/AssetExpressTaskIcon'; import { AssetModuleIcon } from '../FileIcon/AssetModuleIcon'; import { AssetFeedbackIcon } from '../FileIcon/AssetFeedbackIcon'; import { FileItemDisplay } from '../../informative/FileItemDisplay'; -import { AssetDocumentIcon } from '../FileIcon/AssetDocumentIcon'; +import { AssetDocumentIconSmall } from '../FileIcon/AssetDocumentIcon'; const CardEmptyCover = memo(({ icon, fileType }) => { const pairColumnRef = useRef(null); @@ -28,7 +28,7 @@ const CardEmptyCover = memo(({ icon, fileType }) => { { key: 'image', value: }, { key: 'bookmark', value: }, { key: 'feedback', value: }, - { key: 'document', value: }, + { key: 'document', value: }, { key: 'task', value: }, { key: 'taskexpress', diff --git a/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.constants.js b/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.constants.js index b813b179c..d4ef0dc55 100644 --- a/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.constants.js +++ b/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.constants.js @@ -10,3 +10,14 @@ export const DOCUMENT_ICON_PROP_TYPES = { height: PropTypes.number, color: PropTypes.string, }; + +export const DOCUMENT_ICON_SMALL_DEFAULT_PROPS = { + width: 18, + height: 18, + color: '#7E8795', +}; +export const DOCUMENT_ICON_SMALL_PROP_TYPES = { + width: PropTypes.number, + height: PropTypes.number, + color: PropTypes.string, +}; diff --git a/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.js b/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.js index 04a719741..d1825df73 100644 --- a/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.js +++ b/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.js @@ -8,7 +8,7 @@ const AssetDocumentIcon = ({ width, height, color }) => ( ( diff --git a/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIconSmall.js b/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIconSmall.js new file mode 100644 index 000000000..96c7485e4 --- /dev/null +++ b/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIconSmall.js @@ -0,0 +1,31 @@ +import React from 'react'; +import { + DOCUMENT_ICON_SMALL_PROP_TYPES, + DOCUMENT_ICON_SMALL_DEFAULT_PROPS, +} from './AssetDocumentIcon.constants'; + +const AssetDocumentIconSmall = ({ width, height, color }) => ( + + + +); + +AssetDocumentIconSmall.defaultProps = DOCUMENT_ICON_SMALL_DEFAULT_PROPS; +AssetDocumentIconSmall.propTypes = DOCUMENT_ICON_SMALL_PROP_TYPES; + +AssetDocumentIconSmall.displayName = 'AssetTaskIcon'; +export default AssetDocumentIconSmall; +export { AssetDocumentIconSmall }; diff --git a/packages/components/src/misc/FileIcon/AssetDocumentIcon/index.js b/packages/components/src/misc/FileIcon/AssetDocumentIcon/index.js index b415afdc8..c2af2e9e4 100644 --- a/packages/components/src/misc/FileIcon/AssetDocumentIcon/index.js +++ b/packages/components/src/misc/FileIcon/AssetDocumentIcon/index.js @@ -1 +1,2 @@ export * from './AssetDocumentIcon'; +export * from './AssetDocumentIconSmall'; diff --git a/packages/components/src/misc/FileIcon/AssetMediaIcon/AssetMediaIcon.js b/packages/components/src/misc/FileIcon/AssetMediaIcon/AssetMediaIcon.js index 40cc211ed..91507323b 100644 --- a/packages/components/src/misc/FileIcon/AssetMediaIcon/AssetMediaIcon.js +++ b/packages/components/src/misc/FileIcon/AssetMediaIcon/AssetMediaIcon.js @@ -16,7 +16,7 @@ const AssetMediaIcon = ({ width, height, color }) => ( diff --git a/packages/components/src/misc/FileIcon/FileIcon.js b/packages/components/src/misc/FileIcon/FileIcon.js index a0e7b2830..837c9eb21 100644 --- a/packages/components/src/misc/FileIcon/FileIcon.js +++ b/packages/components/src/misc/FileIcon/FileIcon.js @@ -9,7 +9,7 @@ import { FileItemDisplay } from '../../informative/FileItemDisplay'; import { AssetAudioIcon } from './AssetAudioIcon'; import { AssetImageIcon } from './AssetImageIcon'; import { AssetBookmarkIcon } from './AssetBookmarkIcon'; -import { AssetDocumentIcon } from './AssetDocumentIcon'; +import { AssetDocumentIconSmall } from './AssetDocumentIcon'; export const FILE_ICON_DEFAULT_PROPS = { size: 16, @@ -36,7 +36,7 @@ const FileIcon = ({ fileType, fileExtension, label, size, color, iconStyle, ...p { key: 'bookmark', value: }, { key: 'path', value: }, { key: 'curriculum', value: }, - { key: 'document', value: }, + { key: 'document', value: }, { key: 'file', value: ( From e09813f2c83ce86dcd7d086a7df066b08d09775d Mon Sep 17 00:00:00 2001 From: paola-p <> Date: Wed, 20 Dec 2023 17:37:19 +0100 Subject: [PATCH 12/41] feat: fix totallayoutheader height + modify texteditor to add it as a portal --- .../TotalLayoutHeader/TotalLayoutHeader.js | 4 +--- .../TotalLayoutHeader/TotalLayoutHeader.styles.js | 6 ++---- .../editors/src/form/TextEditor/TextEditor.js | 15 +++++++++++---- 3 files changed, 14 insertions(+), 11 deletions(-) diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.js b/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.js index 144f971a4..3b25766a4 100644 --- a/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.js +++ b/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.js @@ -71,9 +71,7 @@ const TotalLayoutHeader = ({ {/* CHILDREN */} {!!children && direction === 'column' && ( - - {children} - + {children} )} ); diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.styles.js b/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.styles.js index 3545fd5db..7083ebaf4 100644 --- a/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.styles.js +++ b/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.styles.js @@ -6,12 +6,10 @@ const TotalLayoutHeaderStyles = createStyles((theme, { children, direction, comp root: {}, headerContainer: { padding: `${!expandedHeader ? '16px' : '12px'} 24px`, - minHeight: !expandedHeader ? '72px' : '120px', - maxHeight: !expandedHeader ? '72px' : '120px', backgroundColor: 'white', }, - header: { height: '40px', maxHeight: '40px' }, - headerTools: { maxHeight: '40px', minHeight: '40px', marginTop: '12px' }, + header: { height: '40px' }, + headerTools: { marginTop: '12px' }, iconContainer: { display: 'flex', alignItems: 'center', diff --git a/packages/editors/src/form/TextEditor/TextEditor.js b/packages/editors/src/form/TextEditor/TextEditor.js index a74798841..2ec1afb90 100644 --- a/packages/editors/src/form/TextEditor/TextEditor.js +++ b/packages/editors/src/form/TextEditor/TextEditor.js @@ -12,7 +12,7 @@ import Placeholder from '@tiptap/extension-placeholder'; import Paragraph from '@tiptap/extension-paragraph'; import { useExtensions } from '../../utils'; import { BubbleMenu } from '../BubbleMenu'; -import { Toolbar, TOOLBAR_POSITIONS } from '../Toolbar'; +import { Toolbar, HeaderToolbar, TOOLBAR_POSITIONS } from '../Toolbar'; import { TextEditorProvider } from '../TextEditorProvider'; import { TextEditorStyles } from './TextEditor.styles'; @@ -62,6 +62,7 @@ const TextEditor = ({ isFocus: false, acceptedTags: acceptedTags.join('|'), }); + const [isToolbarReady, setIsToolbarReady] = React.useState(false); const extensions = useExtensions(children); const { classes, cx } = TextEditorStyles({}, { name: 'TextEditor' }); const editor = useEditor({ @@ -200,9 +201,15 @@ const TextEditor = ({ } }, [placeholder]); + React.useEffect(() => { + if (toolbarPortal) { + setIsToolbarReady(true); + } + }, [toolbarPortal]); + const ToolbarComponent = React.useMemo( () => - toolbarPortal + isToolbarReady ? () => createPortal( ), - [toolbarPortal], + [isToolbarReady], ); return ( @@ -237,7 +244,7 @@ const TextEditor = ({ {readOnly ? null : ( - + {isToolbarReady && } )} From cfe6f1ec74ba9d988b6296e0ffe0ea37ed417340 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Wed, 20 Dec 2023 16:48:04 +0000 Subject: [PATCH 13/41] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/extras/CHANGELOG.md | 9 +++++++++ packages/extras/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 14 files changed, 81 insertions(+), 20 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index e22921e7e..a50c57622 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.72 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.72 + - @bubbles-ui/icons@1.2.72 + ## 1.2.71 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index 8203ace28..dff2be43b 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.71", + "version": "1.2.72", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.71", - "@bubbles-ui/icons": "^1.2.71", + "@bubbles-ui/components": "^1.2.72", + "@bubbles-ui/icons": "^1.2.72", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 077de1827..d6710fca1 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.72 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.72 + ## 1.2.71 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index 93ea4fb00..1c4dce151 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.71", + "version": "1.2.72", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.71", + "@bubbles-ui/icons": "^1.2.72", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@hookform/resolvers": "^3.3.2", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 65f6e119c..25ffddd4a 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.72 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.72 + - @bubbles-ui/icons@1.2.72 + ## 1.2.71 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 2e3ce8e86..42b7a0a79 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.71", + "version": "1.2.72", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.71", - "@bubbles-ui/icons": "^1.2.71", + "@bubbles-ui/components": "^1.2.72", + "@bubbles-ui/icons": "^1.2.72", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/extras/CHANGELOG.md b/packages/extras/CHANGELOG.md index 50a34daeb..76e3338a7 100644 --- a/packages/extras/CHANGELOG.md +++ b/packages/extras/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/extras +## 1.2.72 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.72 + - @bubbles-ui/icons@1.2.72 + ## 1.2.71 ### Patch Changes diff --git a/packages/extras/package.json b/packages/extras/package.json index 2c6c653c1..30a92271d 100644 --- a/packages/extras/package.json +++ b/packages/extras/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/extras", - "version": "1.2.71", + "version": "1.2.72", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -53,8 +53,8 @@ "swiper": "^8.1.4" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.71", - "@bubbles-ui/icons": "^1.2.71", + "@bubbles-ui/components": "^1.2.72", + "@bubbles-ui/icons": "^1.2.72", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 5fd8e31d9..537c5f83d 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.72 + +### Patch Changes + +- Versions bump + ## 1.2.71 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index 4ce254ca6..3a2a543b5 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.71", + "version": "1.2.72", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 8da9e8a17..bb0ee3415 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.72 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.72 + - @bubbles-ui/calendars@1.2.72 + - @bubbles-ui/editors@1.2.72 + - @bubbles-ui/icons@1.2.72 + ## 1.2.71 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 20b4eb58e..c49f044e7 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.71", + "version": "1.2.72", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.71", - "@bubbles-ui/components": "^1.2.71", - "@bubbles-ui/editors": "^1.2.71", - "@bubbles-ui/icons": "^1.2.71", + "@bubbles-ui/calendars": "^1.2.72", + "@bubbles-ui/components": "^1.2.72", + "@bubbles-ui/editors": "^1.2.72", + "@bubbles-ui/icons": "^1.2.72", "dayjs": "^1.10.7", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index f56881695..8141e86a8 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.72 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.72 + - @bubbles-ui/icons@1.2.72 + ## 1.2.71 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index db9971bec..5e078f605 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.71", + "version": "1.2.72", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.71", - "@bubbles-ui/icons": "^1.2.71", + "@bubbles-ui/components": "^1.2.72", + "@bubbles-ui/icons": "^1.2.72", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", From 0a76f01fce8d67b8750fe53198980ecc3c80962e Mon Sep 17 00:00:00 2001 From: Johan Sosa Date: Wed, 20 Dec 2023 18:18:02 +0100 Subject: [PATCH 14/41] feat(Rebranding): ImagePreviewInput, InputLabels, ContextContainer. feat(CardEmptyCover): Added cache to increase performance --- .../ImagePreviewInput/ImagePreviewInput.js | 22 +++++----- .../InputDescription.styles.js | 4 +- .../src/form/InputLabel/InputLabel.styles.js | 7 +++- .../form/InputWrapper/InputWrapper.styles.js | 34 +++++++-------- .../src/form/TagsInput/TagsInput.js | 2 +- .../components/src/hooks/useHTMLToCanvas.js | 31 +++++++++++--- .../ContextContainer/ContextContainer.js | 34 ++++++++++----- .../src/misc/CardEmptyCover/CardEmptyCover.js | 3 +- packages/components/src/tokens.compiled.js | 41 +++++++++++++++---- 9 files changed, 122 insertions(+), 56 deletions(-) diff --git a/packages/components/src/form/ImagePreviewInput/ImagePreviewInput.js b/packages/components/src/form/ImagePreviewInput/ImagePreviewInput.js index 176a6b64c..28e0172c0 100644 --- a/packages/components/src/form/ImagePreviewInput/ImagePreviewInput.js +++ b/packages/components/src/form/ImagePreviewInput/ImagePreviewInput.js @@ -1,7 +1,7 @@ import React, { useEffect, useState } from 'react'; import PropTypes from 'prop-types'; import { isFunction, isString, isNil } from 'lodash'; -import { CloudUploadIcon, UndoIcon } from '@bubbles-ui/icons/outline/'; +import { CloudUploadIcon, DeleteBinIcon } from '@bubbles-ui/icons/outline/'; import { Box } from '../../layout/Box'; import { Stack } from '../../layout/Stack'; import { Button } from '../Button'; @@ -28,6 +28,7 @@ export const IMAGE_PREVIEW_INPUT_PROP_TYPES = { readonly: PropTypes.bool, disabled: PropTypes.bool, useAria: PropTypes.bool, + noPicker: PropTypes.bool, }; const ImagePreviewInput = ({ @@ -40,6 +41,7 @@ const ImagePreviewInput = ({ readonly, disabled, useAria, + noPicker, }) => { const [imagePreview, setImagePreview] = useState(previewURL); const [imageValue, setImageValue] = useState(value); @@ -79,14 +81,14 @@ const ImagePreviewInput = ({ }; const getControl = () => { - if (!control) + if (!control && !noPicker) return ( - } onClick={openFileBrowser}> + } onClick={openFileBrowser}> {labels.uploadButton} ); - return React.cloneElement(control, { onClick: openFileBrowser }); + return !noPicker ? React.cloneElement(control, { onClick: openFileBrowser }) : null; }; useEffect(() => { @@ -102,23 +104,23 @@ const ImagePreviewInput = ({ {!imagePreview ? ( getControl() ) : ( - + {!readonly && !disabled ? ( - + } + leftIcon={} onClick={resetImage} useAria={useAria} > diff --git a/packages/components/src/form/InputDescription/InputDescription.styles.js b/packages/components/src/form/InputDescription/InputDescription.styles.js index 5d687b2bd..598813660 100644 --- a/packages/components/src/form/InputDescription/InputDescription.styles.js +++ b/packages/components/src/form/InputDescription/InputDescription.styles.js @@ -1,6 +1,6 @@ import { createStyles } from '@mantine/styles'; -export const InputDescriptionStyles = createStyles((theme, { withIcon }) => { +const InputDescriptionStyles = createStyles((theme, { withIcon }) => { const labelTheme = theme.other.label; return { container: { @@ -21,3 +21,5 @@ export const InputDescriptionStyles = createStyles((theme, { withIcon }) => { }, }; }); + +export { InputDescriptionStyles }; diff --git a/packages/components/src/form/InputLabel/InputLabel.styles.js b/packages/components/src/form/InputLabel/InputLabel.styles.js index 3b51752a9..54235ae3f 100644 --- a/packages/components/src/form/InputLabel/InputLabel.styles.js +++ b/packages/components/src/form/InputLabel/InputLabel.styles.js @@ -1,7 +1,8 @@ import { createStyles } from '@mantine/styles'; -export const InputLabelStyles = createStyles((theme, {}) => { +const InputLabelStyles = createStyles((theme) => { const labelTheme = theme.other.label; + return { container: { display: 'flex', @@ -10,7 +11,7 @@ export const InputLabelStyles = createStyles((theme, {}) => { }, label: { color: labelTheme.content.color.default, - ...labelTheme.content.typo['01'], + ...labelTheme.content.typo['02'], }, required: { marginLeft: labelTheme.spacing.gap.sm, @@ -18,3 +19,5 @@ export const InputLabelStyles = createStyles((theme, {}) => { }, }; }); + +export { InputLabelStyles }; diff --git a/packages/components/src/form/InputWrapper/InputWrapper.styles.js b/packages/components/src/form/InputWrapper/InputWrapper.styles.js index 35ed45118..b08cb461e 100644 --- a/packages/components/src/form/InputWrapper/InputWrapper.styles.js +++ b/packages/components/src/form/InputWrapper/InputWrapper.styles.js @@ -1,19 +1,19 @@ import { createStyles } from '@mantine/styles'; -export const InputWrapperStyles = createStyles((theme, { size, orientation }) => { - return { - root: { - display: 'flex', - flexDirection: orientation === 'vertical' ? 'column' : 'row', - gap: theme.spacing[2], - position: 'relative', - }, - header: { - width: orientation === 'vertical' ? 'auto' : '35%', - }, - content: { - flex: 1, - width: '100%', - }, - }; -}); +const InputWrapperStyles = createStyles((theme, { size, orientation }) => ({ + root: { + display: 'flex', + flexDirection: orientation === 'vertical' ? 'column' : 'row', + gap: theme.spacing[2], + position: 'relative', + }, + header: { + width: orientation === 'vertical' ? 'auto' : '35%', + }, + content: { + flex: 1, + width: '100%', + }, +})); + +export { InputWrapperStyles }; diff --git a/packages/components/src/form/TagsInput/TagsInput.js b/packages/components/src/form/TagsInput/TagsInput.js index 45572e524..3027b3c74 100644 --- a/packages/components/src/form/TagsInput/TagsInput.js +++ b/packages/components/src/form/TagsInput/TagsInput.js @@ -175,7 +175,7 @@ const TagsInput = forwardRef( /> - } onClick={() => addTag()}> + } onClick={() => addTag()}> {labels.addButton} diff --git a/packages/components/src/hooks/useHTMLToCanvas.js b/packages/components/src/hooks/useHTMLToCanvas.js index adb2aa402..e58858b94 100644 --- a/packages/components/src/hooks/useHTMLToCanvas.js +++ b/packages/components/src/hooks/useHTMLToCanvas.js @@ -1,15 +1,36 @@ import { useEffect, useState } from 'react'; import html2canvas from 'html2canvas'; -const useHTMLToCanvas = (ref) => { +const cache = {}; + +const useHTMLToCanvas = (ref, key) => { const [canvasImage, setCanvasImage] = useState(); const renderCanvas = async () => { - if (ref.current) { - const canvas = await html2canvas(ref.current); - const response = canvas.toDataURL('image/png'); - setCanvasImage(response); + if (cache[key]?.data) { + if (cache[key].data === 'pending') { + const eventHandler = () => { + setCanvasImage(cache[key].data); + window.removeEventListener(`renderQueue.${key}`, eventHandler); + }; + window.addEventListener(`renderQueue.${key}`, eventHandler); + return; + } + setCanvasImage(cache[key].data); + return; } + + cache[key] = { data: 'pending' }; + + const canvas = await html2canvas(ref.current); + const response = canvas.toDataURL('image/png'); + cache[key] = { data: response }; + + const event = new Event(`renderQueue.${key}`); + window.dispatchEvent(event); + + setCanvasImage(response); }; + useEffect(() => { renderCanvas(); }, [ref.current]); diff --git a/packages/components/src/layout/ContextContainer/ContextContainer.js b/packages/components/src/layout/ContextContainer/ContextContainer.js index a5ebcf6b3..c4036beef 100644 --- a/packages/components/src/layout/ContextContainer/ContextContainer.js +++ b/packages/components/src/layout/ContextContainer/ContextContainer.js @@ -8,7 +8,7 @@ import { Paragraph, Title } from '../../typography'; import { ContextContainerStyles } from './ContextContainer.styles'; export const CONTEXT_CONTAINER_PADDED_TYPES = [true, false, 'vertical', 'horizontal']; - +const FLEX_ALIGNS = ['flex-start', 'center', 'flex-end']; export const CONTEXT_CONTAINER_DEFAULT_PROPS = { title: '', description: '', @@ -23,6 +23,16 @@ export const CONTEXT_CONTAINER_PROP_TYPES = { padded: PropTypes.oneOf(CONTEXT_CONTAINER_PADDED_TYPES), divided: PropTypes.bool, spacing: PropTypes.number, + direction: PropTypes.oneOf(['row', 'column']), + fullHeight: PropTypes.bool, + alignItems: PropTypes.oneOf(FLEX_ALIGNS), + justifyContent: PropTypes.oneOf(FLEX_ALIGNS), + wrap: PropTypes.oneOf(['wrap', 'nowrap']), + alignContent: PropTypes.oneOf(FLEX_ALIGNS), + className: PropTypes.string, + style: PropTypes.object, + subtitle: PropTypes.any, + children: PropTypes.any, }; const ContextContainer = ({ @@ -60,7 +70,7 @@ const ContextContainer = ({ key={`d-${i}`} noFlex orientation={direction === 'row' ? 'vertical' : 'horizontal'} - /> + />, ); } }); @@ -72,7 +82,7 @@ const ContextContainer = ({ return ( {hasTitle && ( - {typeof title === 'string' ? - () - : (subtitle) - } + {typeof title === 'string' ? ( + + ) : ( + subtitle + )} )} {hasSubtitle && ( - {typeof subtitle === 'string' ? - () - : (subtitle) - } + {typeof subtitle === 'string' ? ( + + ) : ( + subtitle + )} )} {hasDescription && ( diff --git a/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js b/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js index 60198f966..23cf00d07 100644 --- a/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js +++ b/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js @@ -21,7 +21,7 @@ import { AssetDocumentIcon } from '../FileIcon/AssetDocumentIcon'; const CardEmptyCover = memo(({ icon, fileType }) => { const pairColumnRef = useRef(null); - const { canvasImage } = useHTMLToCanvas(pairColumnRef); + const { canvasImage } = useHTMLToCanvas(pairColumnRef, fileType); const FileTypeIcon = [ { key: 'video', value: }, { key: 'audio', value: }, @@ -80,5 +80,4 @@ CardEmptyCover.propTypes = CARD_EMPTY_COVER_PROP_TYPES; CardEmptyCover.displayName = 'CardEmptyCover'; -export default CardEmptyCover; export { CardEmptyCover }; diff --git a/packages/components/src/tokens.compiled.js b/packages/components/src/tokens.compiled.js index 85d1e699a..8f8f58bf8 100644 --- a/packages/components/src/tokens.compiled.js +++ b/packages/components/src/tokens.compiled.js @@ -1153,7 +1153,7 @@ export default { "y": 0, "blur": 4, "spread": 0, - "color": "#ffffff26", + "color": "#ffffff", "type": "dropShadow" }, "type": "boxShadow" @@ -1234,8 +1234,17 @@ export default { "type": "color" }, "hover--reverse-transparent": { - "value": "#ffffff26", - "type": "color" + "value": "#ffffff", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.15", + "space": "lch" + } + } + } }, "down": { "value": "#F1FFBD", @@ -4930,12 +4939,30 @@ export default { "color": { "primary": { "default": { - "value": "#4d535866", - "type": "color" + "value": "#4D5358", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.4", + "space": "lch" + } + } + } }, "hover": { - "value": "#4d5358b3", - "type": "color" + "value": "#4D5358", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.7", + "space": "lch" + } + } + } }, "down": { "value": "#4D5358", From 1819c2c7ddd863cbb87b83deb9451ce2feed0eb1 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Wed, 20 Dec 2023 17:28:16 +0000 Subject: [PATCH 15/41] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/extras/CHANGELOG.md | 9 +++++++++ packages/extras/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 14 files changed, 81 insertions(+), 20 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index a50c57622..9ab2f1bbf 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.73 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.73 + - @bubbles-ui/icons@1.2.73 + ## 1.2.72 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index dff2be43b..48ad534d2 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.72", + "version": "1.2.73", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.72", - "@bubbles-ui/icons": "^1.2.72", + "@bubbles-ui/components": "^1.2.73", + "@bubbles-ui/icons": "^1.2.73", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index d6710fca1..87286aabc 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.73 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.73 + ## 1.2.72 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index 1c4dce151..c4e3571e3 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.72", + "version": "1.2.73", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.72", + "@bubbles-ui/icons": "^1.2.73", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@hookform/resolvers": "^3.3.2", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 25ffddd4a..3acdd9adc 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.73 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.73 + - @bubbles-ui/icons@1.2.73 + ## 1.2.72 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 42b7a0a79..99f2e6e87 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.72", + "version": "1.2.73", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.72", - "@bubbles-ui/icons": "^1.2.72", + "@bubbles-ui/components": "^1.2.73", + "@bubbles-ui/icons": "^1.2.73", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/extras/CHANGELOG.md b/packages/extras/CHANGELOG.md index 76e3338a7..574801856 100644 --- a/packages/extras/CHANGELOG.md +++ b/packages/extras/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/extras +## 1.2.73 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.73 + - @bubbles-ui/icons@1.2.73 + ## 1.2.72 ### Patch Changes diff --git a/packages/extras/package.json b/packages/extras/package.json index 30a92271d..b3142e188 100644 --- a/packages/extras/package.json +++ b/packages/extras/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/extras", - "version": "1.2.72", + "version": "1.2.73", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -53,8 +53,8 @@ "swiper": "^8.1.4" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.72", - "@bubbles-ui/icons": "^1.2.72", + "@bubbles-ui/components": "^1.2.73", + "@bubbles-ui/icons": "^1.2.73", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 537c5f83d..a0eabc52d 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.73 + +### Patch Changes + +- Versions bump + ## 1.2.72 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index 3a2a543b5..1843ce276 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.72", + "version": "1.2.73", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index bb0ee3415..b9851dc92 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.73 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.73 + - @bubbles-ui/calendars@1.2.73 + - @bubbles-ui/editors@1.2.73 + - @bubbles-ui/icons@1.2.73 + ## 1.2.72 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index c49f044e7..3abb381b9 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.72", + "version": "1.2.73", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.72", - "@bubbles-ui/components": "^1.2.72", - "@bubbles-ui/editors": "^1.2.72", - "@bubbles-ui/icons": "^1.2.72", + "@bubbles-ui/calendars": "^1.2.73", + "@bubbles-ui/components": "^1.2.73", + "@bubbles-ui/editors": "^1.2.73", + "@bubbles-ui/icons": "^1.2.73", "dayjs": "^1.10.7", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 8141e86a8..f45084a3d 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.73 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.73 + - @bubbles-ui/icons@1.2.73 + ## 1.2.72 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index 5e078f605..46c1a35c6 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.72", + "version": "1.2.73", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.72", - "@bubbles-ui/icons": "^1.2.72", + "@bubbles-ui/components": "^1.2.73", + "@bubbles-ui/icons": "^1.2.73", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", From acfb261557c66d1eed797a2552137ea4296b2143 Mon Sep 17 00:00:00 2001 From: paola-p <> Date: Wed, 20 Dec 2023 21:34:05 +0100 Subject: [PATCH 16/41] feat move onClick when removing files in components/.../FileUpload --- packages/components/src/form/FileUpload/FileUpload.js | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/components/src/form/FileUpload/FileUpload.js b/packages/components/src/form/FileUpload/FileUpload.js index 5d0c3753c..4703c33fb 100644 --- a/packages/components/src/form/FileUpload/FileUpload.js +++ b/packages/components/src/form/FileUpload/FileUpload.js @@ -155,8 +155,12 @@ const FileUpload = ({ {files.map((file, index) => ( - removeFile(index)} noFlex> - }> + + From 8e0366e292bb4984465843f67d2ef47015dbf5ea Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Wed, 20 Dec 2023 20:45:26 +0000 Subject: [PATCH 17/41] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/extras/CHANGELOG.md | 9 +++++++++ packages/extras/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 14 files changed, 81 insertions(+), 20 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index 9ab2f1bbf..50714cf50 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.74 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.74 + - @bubbles-ui/icons@1.2.74 + ## 1.2.73 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index 48ad534d2..14e037ceb 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.73", + "version": "1.2.74", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.73", - "@bubbles-ui/icons": "^1.2.73", + "@bubbles-ui/components": "^1.2.74", + "@bubbles-ui/icons": "^1.2.74", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 87286aabc..249cffa36 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.74 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.74 + ## 1.2.73 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index c4e3571e3..e6a88c7ec 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.73", + "version": "1.2.74", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.73", + "@bubbles-ui/icons": "^1.2.74", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@hookform/resolvers": "^3.3.2", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 3acdd9adc..7707f61d8 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.74 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.74 + - @bubbles-ui/icons@1.2.74 + ## 1.2.73 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 99f2e6e87..9dc3f8287 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.73", + "version": "1.2.74", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.73", - "@bubbles-ui/icons": "^1.2.73", + "@bubbles-ui/components": "^1.2.74", + "@bubbles-ui/icons": "^1.2.74", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/extras/CHANGELOG.md b/packages/extras/CHANGELOG.md index 574801856..d2f003be2 100644 --- a/packages/extras/CHANGELOG.md +++ b/packages/extras/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/extras +## 1.2.74 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.74 + - @bubbles-ui/icons@1.2.74 + ## 1.2.73 ### Patch Changes diff --git a/packages/extras/package.json b/packages/extras/package.json index b3142e188..b1c232e39 100644 --- a/packages/extras/package.json +++ b/packages/extras/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/extras", - "version": "1.2.73", + "version": "1.2.74", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -53,8 +53,8 @@ "swiper": "^8.1.4" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.73", - "@bubbles-ui/icons": "^1.2.73", + "@bubbles-ui/components": "^1.2.74", + "@bubbles-ui/icons": "^1.2.74", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index a0eabc52d..aaea26888 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.74 + +### Patch Changes + +- Versions bump + ## 1.2.73 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index 1843ce276..be9e816d8 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.73", + "version": "1.2.74", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index b9851dc92..c29727148 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.74 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.74 + - @bubbles-ui/calendars@1.2.74 + - @bubbles-ui/editors@1.2.74 + - @bubbles-ui/icons@1.2.74 + ## 1.2.73 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 3abb381b9..95360034e 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.73", + "version": "1.2.74", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.73", - "@bubbles-ui/components": "^1.2.73", - "@bubbles-ui/editors": "^1.2.73", - "@bubbles-ui/icons": "^1.2.73", + "@bubbles-ui/calendars": "^1.2.74", + "@bubbles-ui/components": "^1.2.74", + "@bubbles-ui/editors": "^1.2.74", + "@bubbles-ui/icons": "^1.2.74", "dayjs": "^1.10.7", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index f45084a3d..d9351a830 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.74 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.74 + - @bubbles-ui/icons@1.2.74 + ## 1.2.73 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index 46c1a35c6..f3fe51c6c 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.73", + "version": "1.2.74", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.73", - "@bubbles-ui/icons": "^1.2.73", + "@bubbles-ui/components": "^1.2.74", + "@bubbles-ui/icons": "^1.2.74", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", From 54c2d8b53ec1b04d9dca5daa1b117a0f35554f6d Mon Sep 17 00:00:00 2001 From: Johan Sosa Date: Thu, 21 Dec 2023 10:14:32 +0100 Subject: [PATCH 18/41] feat(Table): Add trStyle feature in row data --- packages/components/src/informative/Table/Table.js | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/components/src/informative/Table/Table.js b/packages/components/src/informative/Table/Table.js index fd965554f..170952ca4 100644 --- a/packages/components/src/informative/Table/Table.js +++ b/packages/components/src/informative/Table/Table.js @@ -160,6 +160,7 @@ const Table = ({ style={defaultsDeep( draggableProvided.draggableProps.style, defaultsDeep(styleRow, onStyleRow({ row, theme })), + row.original.trStyle, )} ref={draggableProvided.innerRef} > From 03c1b7ff2409bf509640cdfdb6a851f89e750235 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Thu, 21 Dec 2023 09:25:26 +0000 Subject: [PATCH 19/41] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/extras/CHANGELOG.md | 9 +++++++++ packages/extras/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 14 files changed, 81 insertions(+), 20 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index 50714cf50..f15eb2fe9 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.75 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.75 + - @bubbles-ui/icons@1.2.75 + ## 1.2.74 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index 14e037ceb..4ed5c0486 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.74", + "version": "1.2.75", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.74", - "@bubbles-ui/icons": "^1.2.74", + "@bubbles-ui/components": "^1.2.75", + "@bubbles-ui/icons": "^1.2.75", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 249cffa36..e76305b19 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.75 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.75 + ## 1.2.74 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index e6a88c7ec..074057541 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.74", + "version": "1.2.75", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.74", + "@bubbles-ui/icons": "^1.2.75", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@hookform/resolvers": "^3.3.2", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 7707f61d8..d26a1ad1b 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.75 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.75 + - @bubbles-ui/icons@1.2.75 + ## 1.2.74 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 9dc3f8287..54669c5fd 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.74", + "version": "1.2.75", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.74", - "@bubbles-ui/icons": "^1.2.74", + "@bubbles-ui/components": "^1.2.75", + "@bubbles-ui/icons": "^1.2.75", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/extras/CHANGELOG.md b/packages/extras/CHANGELOG.md index d2f003be2..82d119d39 100644 --- a/packages/extras/CHANGELOG.md +++ b/packages/extras/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/extras +## 1.2.75 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.75 + - @bubbles-ui/icons@1.2.75 + ## 1.2.74 ### Patch Changes diff --git a/packages/extras/package.json b/packages/extras/package.json index b1c232e39..1a2176386 100644 --- a/packages/extras/package.json +++ b/packages/extras/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/extras", - "version": "1.2.74", + "version": "1.2.75", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -53,8 +53,8 @@ "swiper": "^8.1.4" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.74", - "@bubbles-ui/icons": "^1.2.74", + "@bubbles-ui/components": "^1.2.75", + "@bubbles-ui/icons": "^1.2.75", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index aaea26888..47de9da63 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.75 + +### Patch Changes + +- Versions bump + ## 1.2.74 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index be9e816d8..ed0fc190b 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.74", + "version": "1.2.75", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index c29727148..4e8f2d09b 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.75 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.75 + - @bubbles-ui/calendars@1.2.75 + - @bubbles-ui/editors@1.2.75 + - @bubbles-ui/icons@1.2.75 + ## 1.2.74 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 95360034e..11ea7fa49 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.74", + "version": "1.2.75", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.74", - "@bubbles-ui/components": "^1.2.74", - "@bubbles-ui/editors": "^1.2.74", - "@bubbles-ui/icons": "^1.2.74", + "@bubbles-ui/calendars": "^1.2.75", + "@bubbles-ui/components": "^1.2.75", + "@bubbles-ui/editors": "^1.2.75", + "@bubbles-ui/icons": "^1.2.75", "dayjs": "^1.10.7", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index d9351a830..7fe5636df 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.75 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.75 + - @bubbles-ui/icons@1.2.75 + ## 1.2.74 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index f3fe51c6c..c19ffd8b8 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.74", + "version": "1.2.75", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.74", - "@bubbles-ui/icons": "^1.2.74", + "@bubbles-ui/components": "^1.2.75", + "@bubbles-ui/icons": "^1.2.75", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", From 025c6ef643b473420cb246cd4821812eeabfcc4b Mon Sep 17 00:00:00 2001 From: MIGUELez11 Date: Thu, 21 Dec 2023 11:15:27 +0100 Subject: [PATCH 20/41] feat(PaginatedList): Add prop to not show Paper around table --- .../PaginatedList/PaginatedList.js | 71 ++++++++++--------- 1 file changed, 37 insertions(+), 34 deletions(-) diff --git a/packages/components/src/informative/PaginatedList/PaginatedList.js b/packages/components/src/informative/PaginatedList/PaginatedList.js index fbf04053a..903989f21 100644 --- a/packages/components/src/informative/PaginatedList/PaginatedList.js +++ b/packages/components/src/informative/PaginatedList/PaginatedList.js @@ -50,6 +50,7 @@ export const PAGINATED_LIST_PROP_TYPES = { headerStyles: PropTypes.object, style: PropTypes.object, labels: PropTypes.object, + hidePaper: PropTypes.bool, }; const PaginatedList = ({ @@ -75,6 +76,7 @@ const PaginatedList = ({ style, useAria, headerStyles, + hidePaper, ...props }) => { const { @@ -127,44 +129,45 @@ const PaginatedList = ({ const { classes } = PaginatedListStyles({ style }, { name: 'PaginatedList' }); + const table = + layout === PAGINATED_LIST_LAYOUTS[0] ? ( + + ) : ( + + ); + return ( - - {layout === PAGINATED_LIST_LAYOUTS[0] ? ( - - ) : ( - - )} - + {hidePaper ? table : {table}} {totalPages > 1 && ( From 2aa99d21de6282070051837c25639f5e7aa2a666 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Thu, 21 Dec 2023 10:25:38 +0000 Subject: [PATCH 21/41] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/extras/CHANGELOG.md | 9 +++++++++ packages/extras/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 14 files changed, 81 insertions(+), 20 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index f15eb2fe9..09adc86b4 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.76 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.76 + - @bubbles-ui/icons@1.2.76 + ## 1.2.75 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index 4ed5c0486..d8ce51481 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.75", + "version": "1.2.76", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.75", - "@bubbles-ui/icons": "^1.2.75", + "@bubbles-ui/components": "^1.2.76", + "@bubbles-ui/icons": "^1.2.76", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index e76305b19..3962a43ee 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.76 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.76 + ## 1.2.75 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index 074057541..97816f4d7 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.75", + "version": "1.2.76", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.75", + "@bubbles-ui/icons": "^1.2.76", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@hookform/resolvers": "^3.3.2", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index d26a1ad1b..e59043382 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.76 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.76 + - @bubbles-ui/icons@1.2.76 + ## 1.2.75 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 54669c5fd..97f1c0603 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.75", + "version": "1.2.76", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.75", - "@bubbles-ui/icons": "^1.2.75", + "@bubbles-ui/components": "^1.2.76", + "@bubbles-ui/icons": "^1.2.76", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/extras/CHANGELOG.md b/packages/extras/CHANGELOG.md index 82d119d39..642e20109 100644 --- a/packages/extras/CHANGELOG.md +++ b/packages/extras/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/extras +## 1.2.76 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.76 + - @bubbles-ui/icons@1.2.76 + ## 1.2.75 ### Patch Changes diff --git a/packages/extras/package.json b/packages/extras/package.json index 1a2176386..c7f110715 100644 --- a/packages/extras/package.json +++ b/packages/extras/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/extras", - "version": "1.2.75", + "version": "1.2.76", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -53,8 +53,8 @@ "swiper": "^8.1.4" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.75", - "@bubbles-ui/icons": "^1.2.75", + "@bubbles-ui/components": "^1.2.76", + "@bubbles-ui/icons": "^1.2.76", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 47de9da63..7bb2c746d 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.76 + +### Patch Changes + +- Versions bump + ## 1.2.75 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index ed0fc190b..789450aa2 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.75", + "version": "1.2.76", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 4e8f2d09b..3874f0313 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.76 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.76 + - @bubbles-ui/calendars@1.2.76 + - @bubbles-ui/editors@1.2.76 + - @bubbles-ui/icons@1.2.76 + ## 1.2.75 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 11ea7fa49..319f1c454 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.75", + "version": "1.2.76", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.75", - "@bubbles-ui/components": "^1.2.75", - "@bubbles-ui/editors": "^1.2.75", - "@bubbles-ui/icons": "^1.2.75", + "@bubbles-ui/calendars": "^1.2.76", + "@bubbles-ui/components": "^1.2.76", + "@bubbles-ui/editors": "^1.2.76", + "@bubbles-ui/icons": "^1.2.76", "dayjs": "^1.10.7", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 7fe5636df..e95be17ca 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.76 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.76 + - @bubbles-ui/icons@1.2.76 + ## 1.2.75 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index c19ffd8b8..c73da6553 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.75", + "version": "1.2.76", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.75", - "@bubbles-ui/icons": "^1.2.75", + "@bubbles-ui/components": "^1.2.76", + "@bubbles-ui/icons": "^1.2.76", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", From 0e7fe147a67fb7d4b15b46d75df212b4f980b932 Mon Sep 17 00:00:00 2001 From: Johan Sosa Date: Thu, 21 Dec 2023 12:15:52 +0100 Subject: [PATCH 22/41] feat(Tabs): Added with TotalLayout story example --- .../TotalLayoutStepContainer.constants.js | 3 + .../TotalLayoutStepContainer.js | 5 +- .../TotalLayoutStepContainer.styles.js | 8 +-- .../navigation/Tabs/TabPanelList/TabPanel.js | 6 +- .../Tabs/TabPanelList/TabPanel.styles.js | 18 ++--- .../Tabs/TabPanelList/TabPanelList.js | 1 - .../Tabs/TabPanelList/TabPanelList.styles.js | 30 ++++---- .../src/navigation/Tabs/Tabs.stories.js | 70 ++++++++++++++++++- .../src/navigation/Tabs/Tabs.styles.js | 6 +- 9 files changed, 113 insertions(+), 34 deletions(-) diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.constants.js b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.constants.js index c205fef20..bb301ebaf 100644 --- a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.constants.js +++ b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.constants.js @@ -2,6 +2,9 @@ import PropTypes from 'prop-types'; export const TOTAL_LAYOUT_STEP_CONTAINER_PROP_TYPES = { stepName: PropTypes.string, + children: PropTypes.node, + Footer: PropTypes.node, + style: PropTypes.object, }; export const TOTAL_LAYOUT_STEP_CONTAINER_DEFAULT_PROPS = { stepName: '', diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js index 0927a87ef..27ffcd52f 100644 --- a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js +++ b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js @@ -9,7 +9,10 @@ import { import { TotalLayoutStepContainerStyles } from './TotalLayoutStepContainer.styles'; const TotalLayoutStepContainer = ({ stepName, children, Footer }) => { - const { classes } = TotalLayoutStepContainerStyles({ hasFooter: !!Footer }); + const { classes } = TotalLayoutStepContainerStyles( + { hasFooter: !!Footer, clean: true }, + { name: 'TotalLayoutStepContainer' }, + ); return ( diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js index 82f1cdb9b..1e9c3e9d9 100644 --- a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js +++ b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js @@ -1,6 +1,6 @@ import { createStyles } from '@mantine/styles'; -const TotalLayoutStepContainerStyles = createStyles((theme, { hasFooter }) => ({ +const TotalLayoutStepContainerStyles = createStyles((theme, { hasFooter, clean }) => ({ root: {}, stepContainer: { padding: '24px 0 0 0 ', @@ -8,9 +8,9 @@ const TotalLayoutStepContainerStyles = createStyles((theme, { hasFooter }) => ({ height: '100%', }, formContainer: { - backgroundColor: 'white', - padding: '24px', - paddingBottom: hasFooter ? '100px' : '24px', + backgroundColor: !clean && 'white', + padding: !clean && '24px', + paddingBottom: hasFooter ? '70px' : '24px', }, stepName: { fontSize: '23px', diff --git a/packages/components/src/navigation/Tabs/TabPanelList/TabPanel.js b/packages/components/src/navigation/Tabs/TabPanelList/TabPanel.js index ff190aab3..3158bda4f 100644 --- a/packages/components/src/navigation/Tabs/TabPanelList/TabPanel.js +++ b/packages/components/src/navigation/Tabs/TabPanelList/TabPanel.js @@ -3,7 +3,7 @@ import PropTypes from 'prop-types'; import { Box } from '../../../layout/Box'; import { TabPanelStyles } from './TabPanel.styles'; -export const TabPanel = ({ +const TabPanel = ({ forceRender, className, style, @@ -67,4 +67,8 @@ TabPanel.propTypes = { animated: PropTypes.bool, active: PropTypes.bool, destroyInactiveTabPanel: PropTypes.bool, + className: PropTypes.string, + style: PropTypes.object, + children: PropTypes.any, }; +export { TabPanel }; diff --git a/packages/components/src/navigation/Tabs/TabPanelList/TabPanel.styles.js b/packages/components/src/navigation/Tabs/TabPanelList/TabPanel.styles.js index 58c007020..50af39745 100644 --- a/packages/components/src/navigation/Tabs/TabPanelList/TabPanel.styles.js +++ b/packages/components/src/navigation/Tabs/TabPanelList/TabPanel.styles.js @@ -1,11 +1,11 @@ import { createStyles } from '@mantine/styles'; -export const TabPanelStyles = createStyles((theme, { active }, getRef) => { - return { - root: { - width: '100%', - flex: 'none', - display: 'flex', - }, - }; -}); +const TabPanelStyles = createStyles((theme, { active }, getRef) => ({ + root: { + width: '100%', + flex: 'none', + display: 'flex', + }, +})); + +export { TabPanelStyles }; diff --git a/packages/components/src/navigation/Tabs/TabPanelList/TabPanelList.js b/packages/components/src/navigation/Tabs/TabPanelList/TabPanelList.js index 0ee2394cb..17e40b7a6 100644 --- a/packages/components/src/navigation/Tabs/TabPanelList/TabPanelList.js +++ b/packages/components/src/navigation/Tabs/TabPanelList/TabPanelList.js @@ -16,7 +16,6 @@ const TabPanelList = ({ forceRender, }) => { const { tabs } = useContext(TabContext); - const { classes, cx } = TabPanelListStyles({ position, animated }, { name: 'TabPanelList' }); const activeIndex = tabs.findIndex((tab) => tab.key === activeKey); diff --git a/packages/components/src/navigation/Tabs/TabPanelList/TabPanelList.styles.js b/packages/components/src/navigation/Tabs/TabPanelList/TabPanelList.styles.js index 9c441e788..8014970db 100644 --- a/packages/components/src/navigation/Tabs/TabPanelList/TabPanelList.styles.js +++ b/packages/components/src/navigation/Tabs/TabPanelList/TabPanelList.styles.js @@ -1,17 +1,17 @@ import { createStyles } from '@mantine/styles'; -export const TabPanelListStyles = createStyles((theme, { position, animated }, getRef) => { - return { - root: { - flex: 'auto', - display: 'flex', - height: '100%', - maxWidth: '100%', - }, - content: { - display: 'flex', - width: '100%', - maxWidth: '100%', - }, - }; -}); +const TabPanelListStyles = createStyles((theme, { position, animated }, getRef) => ({ + root: { + flex: 'auto', + display: 'flex', + height: '100%', + maxWidth: '100%', + }, + content: { + display: 'flex', + width: '100%', + maxWidth: '100%', + }, +})); + +export { TabPanelListStyles }; diff --git a/packages/components/src/navigation/Tabs/Tabs.stories.js b/packages/components/src/navigation/Tabs/Tabs.stories.js index 8ce48b32a..ac4e4a34c 100644 --- a/packages/components/src/navigation/Tabs/Tabs.stories.js +++ b/packages/components/src/navigation/Tabs/Tabs.stories.js @@ -1,11 +1,21 @@ import React, { useState } from 'react'; import { InformationCircleIcon, StarIcon } from '@heroicons/react/solid'; import { Group, NumberInput } from '@mantine/core'; -import { Box, Paper } from '../../layout'; +import { + Box, + ContextContainer, + Paper, + Stack, + TotalLayoutContainer, + TotalLayoutFooterContainer, + TotalLayoutHeader, + TotalLayoutStepContainer, +} from '../../layout'; import { Paragraph } from '../../typography'; import { TabPanel } from './TabPanelList/TabPanel'; import { Tabs } from './Tabs'; import mdx from './Tabs.mdx'; +import { Button } from '../../form'; export default { title: 'Organisms/Navigation/Tabs', @@ -134,3 +144,61 @@ SimpleTab.args = { panelColor: 'solid', centerGrow: true, }; + +const WithTotalLayoutTemplate = ({ ...props }) => { + const scrollRef = React.useRef(); + return ( + + } + > + + + + + + {[...Array(10).keys()].map((i) => ( + + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor + incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis + nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore + eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt + in culpa qui officia deserunt mollit anim id est laborum. + + ))} + Descargar} + /> + + + + + Content of Second tab + + + + + + + + ); +}; + +export const WithTotalLayout = WithTotalLayoutTemplate.bind({}); +WithTotalLayout.args = { + usePageLayout: true, + panelColor: 'solid', + centerGrow: true, +}; diff --git a/packages/components/src/navigation/Tabs/Tabs.styles.js b/packages/components/src/navigation/Tabs/Tabs.styles.js index ed5aaab82..7e0252953 100644 --- a/packages/components/src/navigation/Tabs/Tabs.styles.js +++ b/packages/components/src/navigation/Tabs/Tabs.styles.js @@ -1,6 +1,6 @@ import { createStyles } from '@mantine/styles'; -export const TabsStyles = createStyles( +const TabsStyles = createStyles( (theme, { direction, position, panelColor, fullHeight }, getRef) => { const rootProps = { display: 'flex', @@ -26,5 +26,7 @@ export const TabsStyles = createStyles( overflowY: fullHeight && 'auto', }, }; - } + }, ); + +export { TabsStyles }; From 155da72294586531927d04447ffe4f55763c42e4 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Thu, 21 Dec 2023 11:26:17 +0000 Subject: [PATCH 23/41] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/extras/CHANGELOG.md | 9 +++++++++ packages/extras/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 14 files changed, 81 insertions(+), 20 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index 09adc86b4..db22685df 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.77 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.77 + - @bubbles-ui/icons@1.2.77 + ## 1.2.76 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index d8ce51481..e067403ef 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.76", + "version": "1.2.77", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.76", - "@bubbles-ui/icons": "^1.2.76", + "@bubbles-ui/components": "^1.2.77", + "@bubbles-ui/icons": "^1.2.77", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 3962a43ee..ea9afd1a6 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.77 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.77 + ## 1.2.76 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index 97816f4d7..c46418a54 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.76", + "version": "1.2.77", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.76", + "@bubbles-ui/icons": "^1.2.77", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@hookform/resolvers": "^3.3.2", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index e59043382..148643e26 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.77 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.77 + - @bubbles-ui/icons@1.2.77 + ## 1.2.76 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 97f1c0603..32afba139 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.76", + "version": "1.2.77", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.76", - "@bubbles-ui/icons": "^1.2.76", + "@bubbles-ui/components": "^1.2.77", + "@bubbles-ui/icons": "^1.2.77", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/extras/CHANGELOG.md b/packages/extras/CHANGELOG.md index 642e20109..c04ad46ee 100644 --- a/packages/extras/CHANGELOG.md +++ b/packages/extras/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/extras +## 1.2.77 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.77 + - @bubbles-ui/icons@1.2.77 + ## 1.2.76 ### Patch Changes diff --git a/packages/extras/package.json b/packages/extras/package.json index c7f110715..d7a8d23ed 100644 --- a/packages/extras/package.json +++ b/packages/extras/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/extras", - "version": "1.2.76", + "version": "1.2.77", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -53,8 +53,8 @@ "swiper": "^8.1.4" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.76", - "@bubbles-ui/icons": "^1.2.76", + "@bubbles-ui/components": "^1.2.77", + "@bubbles-ui/icons": "^1.2.77", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 7bb2c746d..2af330eea 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.77 + +### Patch Changes + +- Versions bump + ## 1.2.76 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index 789450aa2..4fa545b39 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.76", + "version": "1.2.77", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 3874f0313..1755b249f 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.77 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.77 + - @bubbles-ui/calendars@1.2.77 + - @bubbles-ui/editors@1.2.77 + - @bubbles-ui/icons@1.2.77 + ## 1.2.76 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 319f1c454..300829a8e 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.76", + "version": "1.2.77", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.76", - "@bubbles-ui/components": "^1.2.76", - "@bubbles-ui/editors": "^1.2.76", - "@bubbles-ui/icons": "^1.2.76", + "@bubbles-ui/calendars": "^1.2.77", + "@bubbles-ui/components": "^1.2.77", + "@bubbles-ui/editors": "^1.2.77", + "@bubbles-ui/icons": "^1.2.77", "dayjs": "^1.10.7", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index e95be17ca..5be6b4b19 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.77 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.77 + - @bubbles-ui/icons@1.2.77 + ## 1.2.76 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index c73da6553..c43c69dc1 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.76", + "version": "1.2.77", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.76", - "@bubbles-ui/icons": "^1.2.76", + "@bubbles-ui/components": "^1.2.77", + "@bubbles-ui/icons": "^1.2.77", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", From 55a56c5e8009502885d06840ede53943139ccd5e Mon Sep 17 00:00:00 2001 From: Johan Sosa Date: Thu, 21 Dec 2023 15:59:26 +0100 Subject: [PATCH 24/41] fix(TotalLayout): Add clean prop to TotalLayoutStepContainer --- .../src/form/BooleanInput/BooleanInput.js | 15 +++-- .../form/BooleanInput/BooleanInput.styles.js | 52 +++++++++++----- .../form/BooleanInput/Checkbox/Checkbox.js | 15 ++++- .../BooleanInput/Checkbox/Checkbox.styles.js | 33 +++++++++-- .../src/form/BooleanInput/Switch/Switch.js | 16 ++++- .../form/BooleanInput/Switch/Switch.styles.js | 59 +++++++++++-------- .../components/src/form/Checkbox/Checkbox.js | 7 ++- .../TotalLayoutStepContainer.constants.js | 1 + .../TotalLayoutStepContainer.js | 6 +- .../TotalLayoutStepContainer.styles.js | 11 ++-- .../VerticalStepper/Progress/Progress.js | 11 +++- 11 files changed, 158 insertions(+), 68 deletions(-) diff --git a/packages/components/src/form/BooleanInput/BooleanInput.js b/packages/components/src/form/BooleanInput/BooleanInput.js index 141e069ad..ddb5d8251 100644 --- a/packages/components/src/form/BooleanInput/BooleanInput.js +++ b/packages/components/src/form/BooleanInput/BooleanInput.js @@ -33,7 +33,7 @@ export const BOOLEAN_INPUT_PROP_TYPES = { label: PropTypes.string, /** Input help */ help: PropTypes.string, - /** Input boolean value*/ + /** Input boolean value */ checked: PropTypes.bool, /** Controls if it is a ProSwitch or not */ isPro: PropTypes.bool, @@ -41,6 +41,12 @@ export const BOOLEAN_INPUT_PROP_TYPES = { size: PropTypes.oneOf(BOOLEAN_INPUT_SIZES), /** Controls if BooleanInput uses aria role */ useAria: PropTypes.bool, + /** Input error */ + error: PropTypes.string, + /** Input description */ + description: PropTypes.string, + /** Input required */ + required: PropTypes.bool, }; export const BOOLEAN_INPUT_DEFAULT_PROPS = { @@ -80,7 +86,7 @@ const BooleanInput = forwardRef( isPro, ...props }, - ref + ref, ) => { const [isChecked, setIsChecked] = useState(checked); @@ -97,7 +103,7 @@ const BooleanInput = forwardRef( const { classes, cx } = BooleanInputStyles( { help, helpPosition, variant, isChecked, isPro, display, size }, - { name: 'BooleanInput' } + { name: 'BooleanInput' }, ); return ( @@ -140,9 +146,10 @@ const BooleanInput = forwardRef( ); - } + }, ); +BooleanInput.displayName = 'BooleanInput'; BooleanInput.defaultProps = BOOLEAN_INPUT_DEFAULT_PROPS; BooleanInput.propTypes = BOOLEAN_INPUT_PROP_TYPES; diff --git a/packages/components/src/form/BooleanInput/BooleanInput.styles.js b/packages/components/src/form/BooleanInput/BooleanInput.styles.js index c05309bc3..21bf19d5b 100644 --- a/packages/components/src/form/BooleanInput/BooleanInput.styles.js +++ b/packages/components/src/form/BooleanInput/BooleanInput.styles.js @@ -1,17 +1,43 @@ import { createStyles } from '@mantine/styles'; -import { pxToRem, getFontProductive } from '../../theme.mixins'; +import { pxToRem } from '../../theme.mixins'; -export const BooleanInputStyles = createStyles( +const BooleanInputStyles = createStyles( (theme, { help, helpPosition, variant, isChecked, isPro, display, size }) => { - const isRight = !!help & (helpPosition === 'right'); - const isBottom = !!help & (helpPosition === 'bottom'); + const isRight = !!help && helpPosition === 'right'; + const isBottom = !!help && helpPosition === 'bottom'; const isBoxed = variant === 'boxed'; const isSwitch = display === 'switch'; + const checkboxTheme = theme.other.checkbox; const getHelpMargin = () => { if (size === 'xs') return 42; if (size === 'sm') return 44; if (size === 'md') return 48; + return 0; + }; + + const getBackgroundColor = () => { + if (isBoxed) { + if (isChecked) { + return theme.colors.interactive04; + } + return theme.colors.interactive03; + } + return null; + }; + + const getPadding = () => { + if (!isPro) { + return isBoxed + ? `${pxToRem(12)} ${pxToRem(20)} ${pxToRem(12)} ${pxToRem(16)}` + : `${pxToRem(6)} ${pxToRem(10)} ${pxToRem(6)} ${pxToRem(8)}`; + } + return null; + }; + + const getHelpMarginLeft = () => { + if (isRight) return theme.spacing[4]; + return isSwitch ? getHelpMargin() : theme.spacing[6]; }; return { @@ -20,26 +46,20 @@ export const BooleanInputStyles = createStyles( flex: 1, alignItems: 'flex-start', flexDirection: isBottom && 'column', - backgroundColor: isBoxed - ? isChecked - ? theme.colors.interactive04 - : theme.colors.interactive03 - : null, + backgroundColor: getBackgroundColor(), border: !isPro && '1px solid transparent', borderColor: isBoxed && isChecked && theme.colors.interactive01d, - padding: !isPro - ? isBoxed - ? `${pxToRem(12)} ${pxToRem(20)} ${pxToRem(12)} ${pxToRem(16)}` - : `${pxToRem(6)} ${pxToRem(10)} ${pxToRem(6)} ${pxToRem(8)}` - : null, + padding: getPadding(), zIndex: !isPro && isChecked && 1, }, wrapper: {}, help: { cursor: 'pointer', - marginLeft: isRight ? theme.spacing[4] : isSwitch ? getHelpMargin() : theme.spacing[6], + marginLeft: getHelpMarginLeft(), marginTop: isBottom ? theme.spacing[1] : 2, }, }; - } + }, ); + +export { BooleanInputStyles }; diff --git a/packages/components/src/form/BooleanInput/Checkbox/Checkbox.js b/packages/components/src/form/BooleanInput/Checkbox/Checkbox.js index 601ddf255..3413233f5 100644 --- a/packages/components/src/form/BooleanInput/Checkbox/Checkbox.js +++ b/packages/components/src/form/BooleanInput/Checkbox/Checkbox.js @@ -1,4 +1,5 @@ import React, { forwardRef } from 'react'; +import PropTypes from 'prop-types'; import { Checkbox as MantineCheckbox } from '@mantine/core'; import { CheckIcon } from '@bubbles-ui/icons/solid'; import { CheckboxStyles } from './Checkbox.styles'; @@ -9,9 +10,14 @@ const CheckboxIcon = ({ indeterminate, className }) => ) : ( - + ); +CheckboxIcon.propTypes = { + indeterminate: PropTypes.bool, + className: PropTypes.string, +}; + const Checkbox = forwardRef(({ disabled, labelPosition, size, useAria, ...props }, ref) => { const { classes, cx } = CheckboxStyles({ disabled, labelPosition }, { name: 'Checkbox' }); @@ -27,4 +33,11 @@ const Checkbox = forwardRef(({ disabled, labelPosition, size, useAria, ...props ); }); +Checkbox.displayName = 'BooleanCheckbox'; +Checkbox.propTypes = { + disabled: PropTypes.bool, + labelPosition: PropTypes.oneOf(['left', 'right']), + size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), + useAria: PropTypes.bool, +}; export { Checkbox }; diff --git a/packages/components/src/form/BooleanInput/Checkbox/Checkbox.styles.js b/packages/components/src/form/BooleanInput/Checkbox/Checkbox.styles.js index 9f5a04ea2..55a593559 100644 --- a/packages/components/src/form/BooleanInput/Checkbox/Checkbox.styles.js +++ b/packages/components/src/form/BooleanInput/Checkbox/Checkbox.styles.js @@ -1,7 +1,10 @@ import { createStyles } from '@mantine/styles'; -import { pxToRem, getFontProductive } from '../../../theme.mixins'; +import { pxToRem, getFontProductive, getBoxShadowFromToken } from '../../../theme.mixins'; + +const CheckboxStyles = createStyles((theme, { disabled, labelPosition }) => { + const checkboxTheme = theme.other.checkbox; + const labelTheme = theme.other.label; -export const CheckboxStyles = createStyles((theme, { disabled, labelPosition }) => { return { root: { gap: 8, @@ -9,9 +12,24 @@ export const CheckboxStyles = createStyles((theme, { disabled, labelPosition }) }, input: { cursor: 'pointer', + backgroundColor: checkboxTheme.background.color.default, + borderColor: checkboxTheme.border.color.default, + borderWidth: 1, '&:checked': { - backgroundColor: disabled ? theme.colors.ui01 : theme.colors.interactive01, - borderColor: disabled ? theme.colors.ui01 : theme.colors.interactive01, + backgroundColor: checkboxTheme.background.color.default, + borderColor: checkboxTheme.border.color.select, + }, + '&:hover': { + borderColor: checkboxTheme.border.color.select, + ...getBoxShadowFromToken(checkboxTheme.shadow.hover), + }, + '&:focus': { + borderColor: checkboxTheme.border.color.selected, + borderWidth: 2, + }, + '&:focus-visible': { + outline: `1px solid ${checkboxTheme.border.color.selected}`, + outlineOffset: 0, }, borderRadius: 2, }, @@ -21,13 +39,16 @@ export const CheckboxStyles = createStyles((theme, { disabled, labelPosition }) }, icon: { width: 14, + color: `${checkboxTheme.content.color.icon} !important`, }, label: { cursor: 'pointer', - color: theme.colors.text01, - ...getFontProductive(theme.fontSizes['2'], 500), + color: labelTheme.content.color.default, + ...labelTheme.content.typo['02'], lineHeight: pxToRem(17), padding: 0, }, }; }); + +export { CheckboxStyles }; diff --git a/packages/components/src/form/BooleanInput/Switch/Switch.js b/packages/components/src/form/BooleanInput/Switch/Switch.js index 0aaf7dc8c..a2360dbc9 100644 --- a/packages/components/src/form/BooleanInput/Switch/Switch.js +++ b/packages/components/src/form/BooleanInput/Switch/Switch.js @@ -1,11 +1,12 @@ import React, { forwardRef } from 'react'; +import PropTypes from 'prop-types'; +import { mergeWith } from 'lodash'; import { Switch as MantineSwitch } from '@mantine/core'; import { SwitchStyles } from './Switch.styles'; -import { mergeWith } from 'lodash'; const Switch = forwardRef( ({ labelPosition, size, disabled, useAria, classNames, ...props }, ref) => { - const { classes, cx } = SwitchStyles({ size, labelPosition, disabled }, { name: 'Switch' }); + const { classes } = SwitchStyles({ size, labelPosition, disabled }, { name: 'Switch' }); const mergedClasses = mergeWith({ ...classes }, { ...classNames }, (obj, src) => { if (obj) return `${obj} ${src}`; @@ -22,7 +23,16 @@ const Switch = forwardRef( role={useAria ? 'switch' : undefined} /> ); - } + }, ); +Switch.displayName = 'BooleanSwitch'; +Switch.propTypes = { + labelPosition: PropTypes.string, + size: PropTypes.any, + useAria: PropTypes.bool, + classNames: PropTypes.any, + disabled: PropTypes.bool, +}; + export { Switch }; diff --git a/packages/components/src/form/BooleanInput/Switch/Switch.styles.js b/packages/components/src/form/BooleanInput/Switch/Switch.styles.js index b0e4e5cf5..46d7fa5fa 100644 --- a/packages/components/src/form/BooleanInput/Switch/Switch.styles.js +++ b/packages/components/src/form/BooleanInput/Switch/Switch.styles.js @@ -1,25 +1,30 @@ import { createStyles } from '@mantine/styles'; -import { getFontProductive } from '../../../theme.mixins'; +import { getBoxShadowFromToken } from '../../../theme.mixins'; -const getSizes = (size, theme) => { - return { - width: theme.size.width, - minWidth: theme.size.width, - height: `calc(${theme.size.inner} + ${theme.spacing.padding} + ${theme.spacing.padding})`, - }; -}; +const getSizes = (size, theme) => ({ + width: theme.size.width, + minWidth: theme.size.width, + height: `calc(${theme.size.inner} + ${theme.spacing.padding} + ${theme.spacing.padding})`, +}); -const getThumbSizes = (size, theme) => { - return { - height: theme.size.inner, - width: theme.size.inner, - border: 'none', - }; +const getThumbSizes = (size, theme) => ({ + height: theme.size.inner && theme.size.inner.replace(' ', ''), + width: theme.size.inner && theme.size.inner.replace(' ', ''), + border: 'none', +}); + +const getThumbLeft = (theme) => { + if (theme.size?.inner) { + const size = parseInt(theme.size.inner.replace('px', '').replace(' ', '')); + return `calc(100% - ${size}px - 4px)`; + } + return 'calc(100% - 16px - 2px)'; }; -export const SwitchStyles = createStyles((theme, { size, labelPosition, disabled }) => { +const SwitchStyles = createStyles((theme, { size, labelPosition, disabled }) => { const switchTheme = theme.other.toggle; const labelTheme = theme.other.label; + return { root: { justifyContent: 'left', @@ -29,12 +34,12 @@ export const SwitchStyles = createStyles((theme, { size, labelPosition, disabled justifyContent: 'center', alignItems: 'center', 'label[data-disabled]': { - color: theme.colors.ui01, + color: theme.other.global.content.color.disabled, }, }, label: { color: labelTheme.content.color.default, - ...labelTheme.content.typo['01'], + ...labelTheme.content.typo['02'], paddingLeft: 0, '&:hover': { cursor: disabled ? 'not-allowed' : 'pointer', @@ -51,31 +56,33 @@ export const SwitchStyles = createStyles((theme, { size, labelPosition, disabled track: { ...getSizes(size, switchTheme), cursor: 'pointer', - border: 'none', borderRadius: switchTheme.border.radius, - backgroundColor: switchTheme.background.color.unselected.default, + borderColor: switchTheme.border.color.default, + backgroundColor: switchTheme.background.color.default, '&:hover': { - backgroundColor: switchTheme.background.color.unselected.hover, + ...getBoxShadowFromToken(switchTheme.shadow.hover), }, 'input:checked + &': { - border: 'none', - borderRadius: switchTheme.border.radius, - backgroundColor: switchTheme.background.color.selected.default, + backgroundColor: switchTheme.background.color.default, + borderColor: switchTheme.border.color.select, transition: `all 150ms ${theme.transitionTimingFunction}`, '&:hover': { - backgroundColor: switchTheme.background.color.selected.hover, + ...getBoxShadowFromToken(switchTheme.shadow.hover), }, }, 'input:disabled + &': { backgroundColor: theme.other.global.background.color.disabled, + borderColor: theme.other.global.border.color.disabled.default, }, }, thumb: { ...getThumbSizes(size, switchTheme), backgroundColor: switchTheme.content.color.default, borderRadius: switchTheme.border.radius, + left: 4, 'input:checked + * > &': { - left: 'calc(100% - 16px - 2px)', + left: getThumbLeft(switchTheme), + backgroundColor: switchTheme.content.color.selected, }, 'input:disabled + * > &': { backgroundColor: theme.other.global.content.color.disabled, @@ -83,3 +90,5 @@ export const SwitchStyles = createStyles((theme, { size, labelPosition, disabled }, }; }); + +export { SwitchStyles }; diff --git a/packages/components/src/form/Checkbox/Checkbox.js b/packages/components/src/form/Checkbox/Checkbox.js index b9febc46c..56b5ef79a 100644 --- a/packages/components/src/form/Checkbox/Checkbox.js +++ b/packages/components/src/form/Checkbox/Checkbox.js @@ -8,10 +8,11 @@ import { export const CHECKBOX_PROP_TYPES = BOOLEAN_INPUT_PROP_TYPES; export const CHECKBOX_DEFAULT_PROPS = BOOLEAN_INPUT_DEFAULT_PROPS; -const Checkbox = forwardRef(({ display, useAria, ...props }, ref) => { - return ; -}); +const Checkbox = forwardRef(({ display, useAria, ...props }, ref) => ( + +)); +Checkbox.displayName = 'Checkbox'; Checkbox.propTypes = CHECKBOX_PROP_TYPES; Checkbox.defaultProps = CHECKBOX_DEFAULT_PROPS; diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.constants.js b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.constants.js index bb301ebaf..36f27d6bb 100644 --- a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.constants.js +++ b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.constants.js @@ -5,6 +5,7 @@ export const TOTAL_LAYOUT_STEP_CONTAINER_PROP_TYPES = { children: PropTypes.node, Footer: PropTypes.node, style: PropTypes.object, + clean: PropTypes.bool, }; export const TOTAL_LAYOUT_STEP_CONTAINER_DEFAULT_PROPS = { stepName: '', diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js index 27ffcd52f..746d02b02 100644 --- a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js +++ b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js @@ -8,16 +8,16 @@ import { } from './TotalLayoutStepContainer.constants'; import { TotalLayoutStepContainerStyles } from './TotalLayoutStepContainer.styles'; -const TotalLayoutStepContainer = ({ stepName, children, Footer }) => { +const TotalLayoutStepContainer = ({ stepName, children, Footer, clean }) => { const { classes } = TotalLayoutStepContainerStyles( - { hasFooter: !!Footer, clean: true }, + { hasFooter: !!Footer, clean }, { name: 'TotalLayoutStepContainer' }, ); return ( {stepName && ( - + {stepName} )} diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js index 1e9c3e9d9..be093eceb 100644 --- a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js +++ b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js @@ -4,18 +4,19 @@ const TotalLayoutStepContainerStyles = createStyles((theme, { hasFooter, clean } root: {}, stepContainer: { padding: '24px 0 0 0 ', - width: '928px', + width: 928, height: '100%', }, formContainer: { backgroundColor: !clean && 'white', - padding: !clean && '24px', - paddingBottom: hasFooter ? '70px' : '24px', + padding: !clean && 24, + paddingBottom: hasFooter ? 70 : 24, }, stepName: { - fontSize: '23px', + fontSize: 23, fontWeight: 500, - lineHeight: '40px', + lineHeight: 40, + marginBottom: 8, }, })); diff --git a/packages/components/src/navigation/VerticalStepper/Progress/Progress.js b/packages/components/src/navigation/VerticalStepper/Progress/Progress.js index 647fbaf62..27449a55f 100644 --- a/packages/components/src/navigation/VerticalStepper/Progress/Progress.js +++ b/packages/components/src/navigation/VerticalStepper/Progress/Progress.js @@ -49,8 +49,15 @@ const Progress = ({ return ( - - + + From 57b80982066b67dcc5252081ffa2ad018f784c19 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Thu, 21 Dec 2023 15:09:42 +0000 Subject: [PATCH 25/41] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/extras/CHANGELOG.md | 9 +++++++++ packages/extras/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 14 files changed, 81 insertions(+), 20 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index db22685df..79e888729 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.78 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.78 + - @bubbles-ui/icons@1.2.78 + ## 1.2.77 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index e067403ef..7ca7e38d0 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.77", + "version": "1.2.78", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.77", - "@bubbles-ui/icons": "^1.2.77", + "@bubbles-ui/components": "^1.2.78", + "@bubbles-ui/icons": "^1.2.78", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index ea9afd1a6..c5ce3acd5 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.78 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.78 + ## 1.2.77 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index c46418a54..10e465123 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.77", + "version": "1.2.78", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.77", + "@bubbles-ui/icons": "^1.2.78", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@hookform/resolvers": "^3.3.2", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 148643e26..28e2c8c66 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.78 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.78 + - @bubbles-ui/icons@1.2.78 + ## 1.2.77 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 32afba139..7dd6a776e 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.77", + "version": "1.2.78", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.77", - "@bubbles-ui/icons": "^1.2.77", + "@bubbles-ui/components": "^1.2.78", + "@bubbles-ui/icons": "^1.2.78", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/extras/CHANGELOG.md b/packages/extras/CHANGELOG.md index c04ad46ee..aa74e1577 100644 --- a/packages/extras/CHANGELOG.md +++ b/packages/extras/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/extras +## 1.2.78 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.78 + - @bubbles-ui/icons@1.2.78 + ## 1.2.77 ### Patch Changes diff --git a/packages/extras/package.json b/packages/extras/package.json index d7a8d23ed..bc93fb11b 100644 --- a/packages/extras/package.json +++ b/packages/extras/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/extras", - "version": "1.2.77", + "version": "1.2.78", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -53,8 +53,8 @@ "swiper": "^8.1.4" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.77", - "@bubbles-ui/icons": "^1.2.77", + "@bubbles-ui/components": "^1.2.78", + "@bubbles-ui/icons": "^1.2.78", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 2af330eea..e3de42140 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.78 + +### Patch Changes + +- Versions bump + ## 1.2.77 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index 4fa545b39..a79f1f0e6 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.77", + "version": "1.2.78", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 1755b249f..f15bf2f27 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.78 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.78 + - @bubbles-ui/calendars@1.2.78 + - @bubbles-ui/editors@1.2.78 + - @bubbles-ui/icons@1.2.78 + ## 1.2.77 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 300829a8e..c0faf553f 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.77", + "version": "1.2.78", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.77", - "@bubbles-ui/components": "^1.2.77", - "@bubbles-ui/editors": "^1.2.77", - "@bubbles-ui/icons": "^1.2.77", + "@bubbles-ui/calendars": "^1.2.78", + "@bubbles-ui/components": "^1.2.78", + "@bubbles-ui/editors": "^1.2.78", + "@bubbles-ui/icons": "^1.2.78", "dayjs": "^1.10.7", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 5be6b4b19..30b76bded 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.78 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.78 + - @bubbles-ui/icons@1.2.78 + ## 1.2.77 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index c43c69dc1..1df7ed8a8 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.77", + "version": "1.2.78", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.77", - "@bubbles-ui/icons": "^1.2.77", + "@bubbles-ui/components": "^1.2.78", + "@bubbles-ui/icons": "^1.2.78", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", From c0fb0d9a4c1657965852cb5f5916b70c6abbc723 Mon Sep 17 00:00:00 2001 From: Johan Sosa Date: Thu, 21 Dec 2023 16:16:28 +0100 Subject: [PATCH 26/41] fix(TotalLayout): Title padding --- .../TotalLayoutStepContainer/TotalLayoutStepContainer.js | 6 +++--- .../TotalLayoutStepContainer.styles.js | 7 ++----- packages/components/src/typography/Title/Title.styles.js | 2 +- 3 files changed, 6 insertions(+), 9 deletions(-) diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js index 746d02b02..5a0f964fd 100644 --- a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js +++ b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js @@ -1,5 +1,5 @@ import React from 'react'; -import { Text } from '../../../typography'; +import { Text, Title } from '../../../typography'; import { Stack } from '../../Stack'; import { Box } from '../../Box'; import { @@ -17,9 +17,9 @@ const TotalLayoutStepContainer = ({ stepName, children, Footer, clean }) => { return ( {stepName && ( - + {stepName} - + )} {children} diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js index be093eceb..a381ec37a 100644 --- a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js +++ b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js @@ -3,7 +3,7 @@ import { createStyles } from '@mantine/styles'; const TotalLayoutStepContainerStyles = createStyles((theme, { hasFooter, clean }) => ({ root: {}, stepContainer: { - padding: '24px 0 0 0 ', + padding: '30px 0 0 0 ', width: 928, height: '100%', }, @@ -13,10 +13,7 @@ const TotalLayoutStepContainerStyles = createStyles((theme, { hasFooter, clean } paddingBottom: hasFooter ? 70 : 24, }, stepName: { - fontSize: 23, - fontWeight: 500, - lineHeight: 40, - marginBottom: 8, + marginBottom: 12, }, })); diff --git a/packages/components/src/typography/Title/Title.styles.js b/packages/components/src/typography/Title/Title.styles.js index 83a325111..b82bf5222 100644 --- a/packages/components/src/typography/Title/Title.styles.js +++ b/packages/components/src/typography/Title/Title.styles.js @@ -4,7 +4,7 @@ import { getFontExpressive } from '../../theme.mixins'; export const TitleStyles = createStyles((theme, { order, transform, color, highlighted }) => { const globalContent = theme.other?.global?.content; const fontStyles = []; - + if (globalContent?.typo) { fontStyles.push( globalContent.typo.heading.xlg, From 9eadf4dc90fcf293099d9836a9571d9733fb70f8 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Thu, 21 Dec 2023 15:26:44 +0000 Subject: [PATCH 27/41] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/extras/CHANGELOG.md | 9 +++++++++ packages/extras/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 14 files changed, 81 insertions(+), 20 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index 79e888729..a17c98038 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.79 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.79 + - @bubbles-ui/icons@1.2.79 + ## 1.2.78 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index 7ca7e38d0..06505b66e 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.78", + "version": "1.2.79", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.78", - "@bubbles-ui/icons": "^1.2.78", + "@bubbles-ui/components": "^1.2.79", + "@bubbles-ui/icons": "^1.2.79", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index c5ce3acd5..ceb8eaaac 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.79 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.79 + ## 1.2.78 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index 10e465123..2a4d7e475 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.78", + "version": "1.2.79", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.78", + "@bubbles-ui/icons": "^1.2.79", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@hookform/resolvers": "^3.3.2", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 28e2c8c66..ca394c31b 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.79 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.79 + - @bubbles-ui/icons@1.2.79 + ## 1.2.78 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 7dd6a776e..8282d970c 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.78", + "version": "1.2.79", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.78", - "@bubbles-ui/icons": "^1.2.78", + "@bubbles-ui/components": "^1.2.79", + "@bubbles-ui/icons": "^1.2.79", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/extras/CHANGELOG.md b/packages/extras/CHANGELOG.md index aa74e1577..c7f41c56f 100644 --- a/packages/extras/CHANGELOG.md +++ b/packages/extras/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/extras +## 1.2.79 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.79 + - @bubbles-ui/icons@1.2.79 + ## 1.2.78 ### Patch Changes diff --git a/packages/extras/package.json b/packages/extras/package.json index bc93fb11b..89b277489 100644 --- a/packages/extras/package.json +++ b/packages/extras/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/extras", - "version": "1.2.78", + "version": "1.2.79", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -53,8 +53,8 @@ "swiper": "^8.1.4" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.78", - "@bubbles-ui/icons": "^1.2.78", + "@bubbles-ui/components": "^1.2.79", + "@bubbles-ui/icons": "^1.2.79", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index e3de42140..04c64c638 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.79 + +### Patch Changes + +- Versions bump + ## 1.2.78 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index a79f1f0e6..5ee8ac975 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.78", + "version": "1.2.79", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index f15bf2f27..e98089ee3 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.79 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.79 + - @bubbles-ui/calendars@1.2.79 + - @bubbles-ui/editors@1.2.79 + - @bubbles-ui/icons@1.2.79 + ## 1.2.78 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index c0faf553f..df6027d1a 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.78", + "version": "1.2.79", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.78", - "@bubbles-ui/components": "^1.2.78", - "@bubbles-ui/editors": "^1.2.78", - "@bubbles-ui/icons": "^1.2.78", + "@bubbles-ui/calendars": "^1.2.79", + "@bubbles-ui/components": "^1.2.79", + "@bubbles-ui/editors": "^1.2.79", + "@bubbles-ui/icons": "^1.2.79", "dayjs": "^1.10.7", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 30b76bded..77fea6b59 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.79 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.79 + - @bubbles-ui/icons@1.2.79 + ## 1.2.78 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index 1df7ed8a8..baddb07c0 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.78", + "version": "1.2.79", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.78", - "@bubbles-ui/icons": "^1.2.78", + "@bubbles-ui/components": "^1.2.79", + "@bubbles-ui/icons": "^1.2.79", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", From 7dd14d0ae9abeff63a1b822143dbe9c32947f394 Mon Sep 17 00:00:00 2001 From: paola-p <> Date: Thu, 21 Dec 2023 17:44:23 +0100 Subject: [PATCH 28/41] feat: add SCORM Icon to FileIcon and EmptyCardCover --- .../src/misc/CardEmptyCover/CardEmptyCover.js | 5 +++ .../AssetScormIcon.constants.js | 12 +++++++ .../FileIcon/AssetScormIcon/AssetScormIcon.js | 31 +++++++++++++++++++ .../src/misc/FileIcon/AssetScormIcon/index.js | 1 + .../components/src/misc/FileIcon/FileIcon.js | 2 ++ packages/components/src/misc/index.js | 1 + 6 files changed, 52 insertions(+) create mode 100644 packages/components/src/misc/FileIcon/AssetScormIcon/AssetScormIcon.constants.js create mode 100644 packages/components/src/misc/FileIcon/AssetScormIcon/AssetScormIcon.js create mode 100644 packages/components/src/misc/FileIcon/AssetScormIcon/index.js diff --git a/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js b/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js index 9df20e727..460f5d6e8 100644 --- a/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js +++ b/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js @@ -18,6 +18,7 @@ import { AssetModuleIcon } from '../FileIcon/AssetModuleIcon'; import { AssetFeedbackIcon } from '../FileIcon/AssetFeedbackIcon'; import { FileItemDisplay } from '../../informative/FileItemDisplay'; import { AssetDocumentIconSmall } from '../FileIcon/AssetDocumentIcon'; +import { AssetScormIcon } from '../FileIcon/AssetScormIcon'; const CardEmptyCover = memo(({ icon, fileType }) => { const pairColumnRef = useRef(null); @@ -38,6 +39,10 @@ const CardEmptyCover = memo(({ icon, fileType }) => { key: 'learningpaths.module', value: , }, + { + key: 'scorm', + value: , + }, { key: 'file', value: , diff --git a/packages/components/src/misc/FileIcon/AssetScormIcon/AssetScormIcon.constants.js b/packages/components/src/misc/FileIcon/AssetScormIcon/AssetScormIcon.constants.js new file mode 100644 index 000000000..133ab962b --- /dev/null +++ b/packages/components/src/misc/FileIcon/AssetScormIcon/AssetScormIcon.constants.js @@ -0,0 +1,12 @@ +import PropTypes from 'prop-types'; + +export const ASSET_SCORM_ICON_DEFAULT_PROPS = { + width: 24, + height: 24, + color: '#7E8795', +}; +export const ASSET_SCORM_ICON_PROP_TYPES = { + width: PropTypes.number, + height: PropTypes.number, + color: PropTypes.string, +}; diff --git a/packages/components/src/misc/FileIcon/AssetScormIcon/AssetScormIcon.js b/packages/components/src/misc/FileIcon/AssetScormIcon/AssetScormIcon.js new file mode 100644 index 000000000..bdbb09ab2 --- /dev/null +++ b/packages/components/src/misc/FileIcon/AssetScormIcon/AssetScormIcon.js @@ -0,0 +1,31 @@ +import React from 'react'; +import { + ASSET_SCORM_ICON_PROP_TYPES, + ASSET_SCORM_ICON_DEFAULT_PROPS, +} from './AssetScormIcon.constants'; + +const AssetScormIcon = ({ width, height, color }) => ( + + + +); + +AssetScormIcon.defaultProps = ASSET_SCORM_ICON_DEFAULT_PROPS; +AssetScormIcon.propTypes = ASSET_SCORM_ICON_PROP_TYPES; + +AssetScormIcon.displayName = 'AssetModuleIcon'; +export default AssetScormIcon; +export { AssetScormIcon }; diff --git a/packages/components/src/misc/FileIcon/AssetScormIcon/index.js b/packages/components/src/misc/FileIcon/AssetScormIcon/index.js new file mode 100644 index 000000000..9d85ab88d --- /dev/null +++ b/packages/components/src/misc/FileIcon/AssetScormIcon/index.js @@ -0,0 +1 @@ +export * from './AssetScormIcon'; diff --git a/packages/components/src/misc/FileIcon/FileIcon.js b/packages/components/src/misc/FileIcon/FileIcon.js index 837c9eb21..be0bca4e6 100644 --- a/packages/components/src/misc/FileIcon/FileIcon.js +++ b/packages/components/src/misc/FileIcon/FileIcon.js @@ -10,6 +10,7 @@ import { AssetAudioIcon } from './AssetAudioIcon'; import { AssetImageIcon } from './AssetImageIcon'; import { AssetBookmarkIcon } from './AssetBookmarkIcon'; import { AssetDocumentIconSmall } from './AssetDocumentIcon'; +import { AssetScormIcon } from './AssetScormIcon'; export const FILE_ICON_DEFAULT_PROPS = { size: 16, @@ -37,6 +38,7 @@ const FileIcon = ({ fileType, fileExtension, label, size, color, iconStyle, ...p { key: 'path', value: }, { key: 'curriculum', value: }, { key: 'document', value: }, + { key: 'scorm', value: }, { key: 'file', value: ( diff --git a/packages/components/src/misc/index.js b/packages/components/src/misc/index.js index 75750f2b9..1b4b69297 100644 --- a/packages/components/src/misc/index.js +++ b/packages/components/src/misc/index.js @@ -9,5 +9,6 @@ export * from './FileIcon/AssetBookmarkIcon'; export * from './FileIcon/AssetVideoIcon'; export * from './FileIcon/AssetMediaIcon'; export * from './FileIcon/AssetDocumentIcon'; +export * from './FileIcon/AssetScormIcon'; export * from './AvatarSubject'; export * from './CardEmptyCover'; From fb061c89d2fd183ed882914ded5fa2d4a750b620 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Thu, 21 Dec 2023 16:54:38 +0000 Subject: [PATCH 29/41] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/extras/CHANGELOG.md | 9 +++++++++ packages/extras/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 14 files changed, 81 insertions(+), 20 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index a17c98038..2a92fcce6 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.80 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.80 + - @bubbles-ui/icons@1.2.80 + ## 1.2.79 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index 06505b66e..ff66b588b 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.79", + "version": "1.2.80", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.79", - "@bubbles-ui/icons": "^1.2.79", + "@bubbles-ui/components": "^1.2.80", + "@bubbles-ui/icons": "^1.2.80", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index ceb8eaaac..dfa674279 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.80 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.80 + ## 1.2.79 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index 2a4d7e475..daa438099 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.79", + "version": "1.2.80", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.79", + "@bubbles-ui/icons": "^1.2.80", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@hookform/resolvers": "^3.3.2", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index ca394c31b..0595c0869 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.80 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.80 + - @bubbles-ui/icons@1.2.80 + ## 1.2.79 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 8282d970c..2ebda68f3 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.79", + "version": "1.2.80", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.79", - "@bubbles-ui/icons": "^1.2.79", + "@bubbles-ui/components": "^1.2.80", + "@bubbles-ui/icons": "^1.2.80", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/extras/CHANGELOG.md b/packages/extras/CHANGELOG.md index c7f41c56f..2a4b0199c 100644 --- a/packages/extras/CHANGELOG.md +++ b/packages/extras/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/extras +## 1.2.80 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.80 + - @bubbles-ui/icons@1.2.80 + ## 1.2.79 ### Patch Changes diff --git a/packages/extras/package.json b/packages/extras/package.json index 89b277489..cd259551a 100644 --- a/packages/extras/package.json +++ b/packages/extras/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/extras", - "version": "1.2.79", + "version": "1.2.80", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -53,8 +53,8 @@ "swiper": "^8.1.4" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.79", - "@bubbles-ui/icons": "^1.2.79", + "@bubbles-ui/components": "^1.2.80", + "@bubbles-ui/icons": "^1.2.80", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 04c64c638..d2ef2bfe6 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.80 + +### Patch Changes + +- Versions bump + ## 1.2.79 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index 5ee8ac975..3d7399a74 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.79", + "version": "1.2.80", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index e98089ee3..c84714a6b 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.80 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.80 + - @bubbles-ui/calendars@1.2.80 + - @bubbles-ui/editors@1.2.80 + - @bubbles-ui/icons@1.2.80 + ## 1.2.79 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index df6027d1a..7e3fe9310 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.79", + "version": "1.2.80", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.79", - "@bubbles-ui/components": "^1.2.79", - "@bubbles-ui/editors": "^1.2.79", - "@bubbles-ui/icons": "^1.2.79", + "@bubbles-ui/calendars": "^1.2.80", + "@bubbles-ui/components": "^1.2.80", + "@bubbles-ui/editors": "^1.2.80", + "@bubbles-ui/icons": "^1.2.80", "dayjs": "^1.10.7", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 77fea6b59..60510b7c5 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.80 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.80 + - @bubbles-ui/icons@1.2.80 + ## 1.2.79 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index baddb07c0..6e4a2983d 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.79", + "version": "1.2.80", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.79", - "@bubbles-ui/icons": "^1.2.79", + "@bubbles-ui/components": "^1.2.80", + "@bubbles-ui/icons": "^1.2.80", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", From 92290bbd47b7aae4271767918839194fb788fe92 Mon Sep 17 00:00:00 2001 From: Johan Sosa Date: Thu, 21 Dec 2023 18:56:02 +0100 Subject: [PATCH 30/41] fix(TableInput): Actions in a row nonwrap --- packages/components/src/form/TableInput/TableInputRow.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/src/form/TableInput/TableInputRow.js b/packages/components/src/form/TableInput/TableInputRow.js index 600d2d699..ad8eb237f 100644 --- a/packages/components/src/form/TableInput/TableInputRow.js +++ b/packages/components/src/form/TableInput/TableInputRow.js @@ -155,7 +155,7 @@ const TableInputRow = ({ {getColumCellValue(cell)} ))} - + {editing ? ( <> Date: Thu, 21 Dec 2023 18:07:40 +0000 Subject: [PATCH 31/41] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/extras/CHANGELOG.md | 9 +++++++++ packages/extras/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 14 files changed, 81 insertions(+), 20 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index 2a92fcce6..07281ca90 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.81 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.81 + - @bubbles-ui/icons@1.2.81 + ## 1.2.80 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index ff66b588b..253b81068 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.80", + "version": "1.2.81", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.80", - "@bubbles-ui/icons": "^1.2.80", + "@bubbles-ui/components": "^1.2.81", + "@bubbles-ui/icons": "^1.2.81", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index dfa674279..49fda5e45 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.81 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.81 + ## 1.2.80 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index daa438099..04b66cfba 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.80", + "version": "1.2.81", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.80", + "@bubbles-ui/icons": "^1.2.81", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@hookform/resolvers": "^3.3.2", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 0595c0869..54991b4c5 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.81 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.81 + - @bubbles-ui/icons@1.2.81 + ## 1.2.80 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 2ebda68f3..5796b04d3 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.80", + "version": "1.2.81", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.80", - "@bubbles-ui/icons": "^1.2.80", + "@bubbles-ui/components": "^1.2.81", + "@bubbles-ui/icons": "^1.2.81", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/extras/CHANGELOG.md b/packages/extras/CHANGELOG.md index 2a4b0199c..1ca8345a1 100644 --- a/packages/extras/CHANGELOG.md +++ b/packages/extras/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/extras +## 1.2.81 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.81 + - @bubbles-ui/icons@1.2.81 + ## 1.2.80 ### Patch Changes diff --git a/packages/extras/package.json b/packages/extras/package.json index cd259551a..e168625c3 100644 --- a/packages/extras/package.json +++ b/packages/extras/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/extras", - "version": "1.2.80", + "version": "1.2.81", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -53,8 +53,8 @@ "swiper": "^8.1.4" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.80", - "@bubbles-ui/icons": "^1.2.80", + "@bubbles-ui/components": "^1.2.81", + "@bubbles-ui/icons": "^1.2.81", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index d2ef2bfe6..63e5d8a52 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.81 + +### Patch Changes + +- Versions bump + ## 1.2.80 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index 3d7399a74..31ce64b12 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.80", + "version": "1.2.81", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index c84714a6b..1e8eed567 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.81 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.81 + - @bubbles-ui/calendars@1.2.81 + - @bubbles-ui/editors@1.2.81 + - @bubbles-ui/icons@1.2.81 + ## 1.2.80 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 7e3fe9310..d2d2495ee 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.80", + "version": "1.2.81", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.80", - "@bubbles-ui/components": "^1.2.80", - "@bubbles-ui/editors": "^1.2.80", - "@bubbles-ui/icons": "^1.2.80", + "@bubbles-ui/calendars": "^1.2.81", + "@bubbles-ui/components": "^1.2.81", + "@bubbles-ui/editors": "^1.2.81", + "@bubbles-ui/icons": "^1.2.81", "dayjs": "^1.10.7", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 60510b7c5..46771aa1c 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.81 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.81 + - @bubbles-ui/icons@1.2.81 + ## 1.2.80 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index 6e4a2983d..8b24c9360 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.80", + "version": "1.2.81", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.80", - "@bubbles-ui/icons": "^1.2.80", + "@bubbles-ui/components": "^1.2.81", + "@bubbles-ui/icons": "^1.2.81", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", From 1b0142eeca6d1e2a8a552f4fcf0ad5174b85b0dc Mon Sep 17 00:00:00 2001 From: Johan Sosa Date: Thu, 21 Dec 2023 21:07:08 +0100 Subject: [PATCH 32/41] fix(TextEditor): toolbarRef not required --- packages/editors/src/form/TextEditor/TextEditor.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/editors/src/form/TextEditor/TextEditor.js b/packages/editors/src/form/TextEditor/TextEditor.js index 2ec1afb90..f63aa64ac 100644 --- a/packages/editors/src/form/TextEditor/TextEditor.js +++ b/packages/editors/src/form/TextEditor/TextEditor.js @@ -244,7 +244,7 @@ const TextEditor = ({ {readOnly ? null : ( - {isToolbarReady && } + )} From 0434635b5d271499d187269963d36e38bd2ecc97 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Thu, 21 Dec 2023 20:17:18 +0000 Subject: [PATCH 33/41] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/extras/CHANGELOG.md | 9 +++++++++ packages/extras/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 14 files changed, 81 insertions(+), 20 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index 07281ca90..3b79dca2b 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.82 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.82 + - @bubbles-ui/icons@1.2.82 + ## 1.2.81 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index 253b81068..955fa3210 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.81", + "version": "1.2.82", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.81", - "@bubbles-ui/icons": "^1.2.81", + "@bubbles-ui/components": "^1.2.82", + "@bubbles-ui/icons": "^1.2.82", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 49fda5e45..2fe4a5a28 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.82 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.82 + ## 1.2.81 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index 04b66cfba..aa7e635d9 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.81", + "version": "1.2.82", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.81", + "@bubbles-ui/icons": "^1.2.82", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@hookform/resolvers": "^3.3.2", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 54991b4c5..347dd6da2 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.82 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.82 + - @bubbles-ui/icons@1.2.82 + ## 1.2.81 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 5796b04d3..bf28381e9 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.81", + "version": "1.2.82", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.81", - "@bubbles-ui/icons": "^1.2.81", + "@bubbles-ui/components": "^1.2.82", + "@bubbles-ui/icons": "^1.2.82", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/extras/CHANGELOG.md b/packages/extras/CHANGELOG.md index 1ca8345a1..310a48ca6 100644 --- a/packages/extras/CHANGELOG.md +++ b/packages/extras/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/extras +## 1.2.82 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.82 + - @bubbles-ui/icons@1.2.82 + ## 1.2.81 ### Patch Changes diff --git a/packages/extras/package.json b/packages/extras/package.json index e168625c3..d14b5cce9 100644 --- a/packages/extras/package.json +++ b/packages/extras/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/extras", - "version": "1.2.81", + "version": "1.2.82", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -53,8 +53,8 @@ "swiper": "^8.1.4" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.81", - "@bubbles-ui/icons": "^1.2.81", + "@bubbles-ui/components": "^1.2.82", + "@bubbles-ui/icons": "^1.2.82", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 63e5d8a52..86b676b1b 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.82 + +### Patch Changes + +- Versions bump + ## 1.2.81 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index 31ce64b12..36e772e09 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.81", + "version": "1.2.82", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 1e8eed567..9b0aa1bcf 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.82 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.82 + - @bubbles-ui/calendars@1.2.82 + - @bubbles-ui/editors@1.2.82 + - @bubbles-ui/icons@1.2.82 + ## 1.2.81 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index d2d2495ee..295c486d1 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.81", + "version": "1.2.82", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.81", - "@bubbles-ui/components": "^1.2.81", - "@bubbles-ui/editors": "^1.2.81", - "@bubbles-ui/icons": "^1.2.81", + "@bubbles-ui/calendars": "^1.2.82", + "@bubbles-ui/components": "^1.2.82", + "@bubbles-ui/editors": "^1.2.82", + "@bubbles-ui/icons": "^1.2.82", "dayjs": "^1.10.7", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 46771aa1c..9792353f9 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.82 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.82 + - @bubbles-ui/icons@1.2.82 + ## 1.2.81 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index 8b24c9360..fb49e297a 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.81", + "version": "1.2.82", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.81", - "@bubbles-ui/icons": "^1.2.81", + "@bubbles-ui/components": "^1.2.82", + "@bubbles-ui/icons": "^1.2.82", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", From b884d9579536514b08e069706d1d14b11283264f Mon Sep 17 00:00:00 2001 From: Johan Sosa Date: Fri, 22 Dec 2023 09:43:52 +0100 Subject: [PATCH 34/41] feat(Tabs): Rebranding of Tabs components --- .../src/navigation/Tabs/Tab/Tab.styles.js | 21 ++++++++++++------- .../Tabs/TabNavList/TabNavList.styles.js | 12 ++++++++--- .../src/navigation/Tabs/Tabs.stories.js | 2 +- 3 files changed, 23 insertions(+), 12 deletions(-) diff --git a/packages/components/src/navigation/Tabs/Tab/Tab.styles.js b/packages/components/src/navigation/Tabs/Tab/Tab.styles.js index afa0c67c3..8f50752a7 100644 --- a/packages/components/src/navigation/Tabs/Tab/Tab.styles.js +++ b/packages/components/src/navigation/Tabs/Tab/Tab.styles.js @@ -5,24 +5,24 @@ import { errorIcon } from '../../../commons.mixins'; export const TabStyles = createStyles((theme, { orientation, active, disabled }, getRef) => { const tabActive = { ref: getRef('tabActive') }; + const tabTheme = theme.other?.tab; return { root: { ...getFocusStyles(theme), - ...getPaddings(theme.spacing['4'], theme.spacing['4']), - ...getFontExpressive(), + ...tabTheme.content.typo, + padding: tabTheme.spacing.padding, WebkitTapHighlightColor: 'transparent', boxSizing: 'border-box', display: 'block', backgroundColor: 'transparent', border: 0, - fontSize: pxToRem(theme.fontSizes['2']), cursor: 'pointer', width: orientation === 'vertical' ? '100%' : 'auto', '&:disabled': { cursor: 'not-allowed', - color: theme.colors.text06, + color: tabTheme.content.color.default, }, }, default: { @@ -32,11 +32,15 @@ export const TabStyles = createStyles((theme, { orientation, active, disabled }, '&:hover': { '&:not(:disabled)': { [`&:not(.${tabActive.ref})`]: { + backgroundColor: tabTheme.background.color.hover, span: { - color: theme.colors.text01, + color: tabTheme.content.color.hover, + fontWeight: 500, }, + /* [orientation === 'vertical' ? 'borderRightColor' : 'borderBottomColor']: - theme.colors.text02, + tabTheme.border.color.hover, + */ }, }, }, @@ -44,9 +48,10 @@ export const TabStyles = createStyles((theme, { orientation, active, disabled }, [`&.${tabActive.ref}`]: { [orientation === 'vertical' ? 'borderRightColor' : 'borderBottomColor']: theme.colors.ui01, '&:not(:disabled)': { - color: theme.colors.text01, + color: tabTheme.content.color.default, + fontWeight: 500, [orientation === 'vertical' ? 'borderRightColor' : 'borderBottomColor']: - theme.colors.interactive01, + tabTheme.border.color.selected, }, }, }, diff --git a/packages/components/src/navigation/Tabs/TabNavList/TabNavList.styles.js b/packages/components/src/navigation/Tabs/TabNavList/TabNavList.styles.js index b6a90d398..f6e0b1307 100644 --- a/packages/components/src/navigation/Tabs/TabNavList/TabNavList.styles.js +++ b/packages/components/src/navigation/Tabs/TabNavList/TabNavList.styles.js @@ -1,12 +1,15 @@ import { createStyles } from '@mantine/styles'; -export const TabNavListStyles = createStyles((theme, {}, getRef) => { +const TabNavListStyles = createStyles((theme, {}, getRef) => { + const tabTheme = theme.other.tab; + const coreTheme = theme.other.core; + return { root: { display: 'flex', flex: 'none', position: 'relative', - borderBottom: `1px solid ${theme.colors.ui01}}`, + borderBottom: `1px solid ${coreTheme.color.neutral[200]}}`, }, tabsResizer: { overflow: 'hidden', @@ -28,7 +31,10 @@ export const TabNavListStyles = createStyles((theme, {}, getRef) => { transition: 'transform 0.3s', flex: 1, margin: 0, - gap: 2, + gap: 0 + // gap: tabTheme.spacing.gap, }, }; }); + +export { TabNavListStyles }; \ No newline at end of file diff --git a/packages/components/src/navigation/Tabs/Tabs.stories.js b/packages/components/src/navigation/Tabs/Tabs.stories.js index ac4e4a34c..ea9e0eeb7 100644 --- a/packages/components/src/navigation/Tabs/Tabs.stories.js +++ b/packages/components/src/navigation/Tabs/Tabs.stories.js @@ -128,7 +128,7 @@ const SimpleTemplate = ({ position, disabled, ...props }) => ( ))} - + Content of Second tab From 9dc9a0b23f00d692d14f03f05f53048e57bc7155 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Fri, 22 Dec 2023 08:54:03 +0000 Subject: [PATCH 35/41] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/extras/CHANGELOG.md | 9 +++++++++ packages/extras/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 14 files changed, 81 insertions(+), 20 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index 3b79dca2b..e16c3a9b3 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.83 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.83 + - @bubbles-ui/icons@1.2.83 + ## 1.2.82 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index 955fa3210..45a78881a 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.82", + "version": "1.2.83", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.82", - "@bubbles-ui/icons": "^1.2.82", + "@bubbles-ui/components": "^1.2.83", + "@bubbles-ui/icons": "^1.2.83", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 2fe4a5a28..70d234f93 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.83 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.83 + ## 1.2.82 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index aa7e635d9..a6241cd5c 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.82", + "version": "1.2.83", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.82", + "@bubbles-ui/icons": "^1.2.83", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@hookform/resolvers": "^3.3.2", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index 347dd6da2..e23ce5b6c 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.83 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.83 + - @bubbles-ui/icons@1.2.83 + ## 1.2.82 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index bf28381e9..5481e63c3 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.82", + "version": "1.2.83", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.82", - "@bubbles-ui/icons": "^1.2.82", + "@bubbles-ui/components": "^1.2.83", + "@bubbles-ui/icons": "^1.2.83", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/extras/CHANGELOG.md b/packages/extras/CHANGELOG.md index 310a48ca6..ea1fecf3b 100644 --- a/packages/extras/CHANGELOG.md +++ b/packages/extras/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/extras +## 1.2.83 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.83 + - @bubbles-ui/icons@1.2.83 + ## 1.2.82 ### Patch Changes diff --git a/packages/extras/package.json b/packages/extras/package.json index d14b5cce9..396321662 100644 --- a/packages/extras/package.json +++ b/packages/extras/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/extras", - "version": "1.2.82", + "version": "1.2.83", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -53,8 +53,8 @@ "swiper": "^8.1.4" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.82", - "@bubbles-ui/icons": "^1.2.82", + "@bubbles-ui/components": "^1.2.83", + "@bubbles-ui/icons": "^1.2.83", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 86b676b1b..506536558 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.83 + +### Patch Changes + +- Versions bump + ## 1.2.82 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index 36e772e09..a59dacbf2 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.82", + "version": "1.2.83", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 9b0aa1bcf..62f84186e 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.83 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.83 + - @bubbles-ui/calendars@1.2.83 + - @bubbles-ui/editors@1.2.83 + - @bubbles-ui/icons@1.2.83 + ## 1.2.82 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 295c486d1..91626048b 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.82", + "version": "1.2.83", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.82", - "@bubbles-ui/components": "^1.2.82", - "@bubbles-ui/editors": "^1.2.82", - "@bubbles-ui/icons": "^1.2.82", + "@bubbles-ui/calendars": "^1.2.83", + "@bubbles-ui/components": "^1.2.83", + "@bubbles-ui/editors": "^1.2.83", + "@bubbles-ui/icons": "^1.2.83", "dayjs": "^1.10.7", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index 9792353f9..f0426e31c 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.83 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.83 + - @bubbles-ui/icons@1.2.83 + ## 1.2.82 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index fb49e297a..bf0dddfe2 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.82", + "version": "1.2.83", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.82", - "@bubbles-ui/icons": "^1.2.82", + "@bubbles-ui/components": "^1.2.83", + "@bubbles-ui/icons": "^1.2.83", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", From 5b7016d144401b7734afc0a913903caf008a9313 Mon Sep 17 00:00:00 2001 From: Johan Sosa Date: Fri, 22 Dec 2023 14:14:58 +0100 Subject: [PATCH 36/41] feat(TotalLayout): Breakpoint based width --- .../TotalLayoutFooterContainer.styles.js | 7 ++++--- .../TotalLayoutStepContainer.styles.js | 3 +++ .../VerticalStepperContainer.styles.js | 3 +++ 3 files changed, 10 insertions(+), 3 deletions(-) diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutFooterContainer/TotalLayoutFooterContainer.styles.js b/packages/components/src/layout/TotalLayout/TotalLayoutFooterContainer/TotalLayoutFooterContainer.styles.js index b59aa8046..7dd82fe6c 100644 --- a/packages/components/src/layout/TotalLayout/TotalLayoutFooterContainer/TotalLayoutFooterContainer.styles.js +++ b/packages/components/src/layout/TotalLayout/TotalLayoutFooterContainer/TotalLayoutFooterContainer.styles.js @@ -4,15 +4,16 @@ const TotalLayoutFooterContainerStyles = createStyles( (theme, { showFooterBorder, leftOffset, fixed }) => ({ root: {}, footer: { - minWidth: 928, - maxWidth: 928, - width: '100%', + width: 928, marginLeft: leftOffset, backgroundColor: 'white', borderTop: showFooterBorder && `1px solid ${theme.other.divider.background.color.default}`, zIndex: 1, position: fixed ? 'fixed' : 'relative', bottom: 0, + '@media (min-width: 1920px)': { + width: 1200, + }, }, }), ); diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js index a381ec37a..fa3b2b64b 100644 --- a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js +++ b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.styles.js @@ -6,6 +6,9 @@ const TotalLayoutStepContainerStyles = createStyles((theme, { hasFooter, clean } padding: '30px 0 0 0 ', width: 928, height: '100%', + '@media (min-width: 1920px)': { + width: 1200, + }, }, formContainer: { backgroundColor: !clean && 'white', diff --git a/packages/components/src/layout/VerticalStepperContainer/VerticalStepperContainer.styles.js b/packages/components/src/layout/VerticalStepperContainer/VerticalStepperContainer.styles.js index 234fe810d..3d33b4908 100644 --- a/packages/components/src/layout/VerticalStepperContainer/VerticalStepperContainer.styles.js +++ b/packages/components/src/layout/VerticalStepperContainer/VerticalStepperContainer.styles.js @@ -21,6 +21,9 @@ const VerticalStepperContainerStyles = createStyles((theme) => { }, content: { width: 928, + '@media (min-width: 1920px)': { + width: 1200, + }, }, }; }); From 9ad6801576bf1338b06306a7a41f29456936d38c Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Fri, 22 Dec 2023 13:25:07 +0000 Subject: [PATCH 37/41] chore: version bump --- packages/calendars/CHANGELOG.md | 9 +++++++++ packages/calendars/package.json | 6 +++--- packages/components/CHANGELOG.md | 8 ++++++++ packages/components/package.json | 4 ++-- packages/editors/CHANGELOG.md | 9 +++++++++ packages/editors/package.json | 6 +++--- packages/extras/CHANGELOG.md | 9 +++++++++ packages/extras/package.json | 6 +++--- packages/icons/CHANGELOG.md | 6 ++++++ packages/icons/package.json | 2 +- packages/leemons/CHANGELOG.md | 11 +++++++++++ packages/leemons/package.json | 10 +++++----- packages/notifications/CHANGELOG.md | 9 +++++++++ packages/notifications/package.json | 6 +++--- 14 files changed, 81 insertions(+), 20 deletions(-) diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md index e16c3a9b3..7ab4b890b 100644 --- a/packages/calendars/CHANGELOG.md +++ b/packages/calendars/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/calendars +## 1.2.84 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.84 + - @bubbles-ui/icons@1.2.84 + ## 1.2.83 ### Patch Changes diff --git a/packages/calendars/package.json b/packages/calendars/package.json index 45a78881a..09f439d65 100644 --- a/packages/calendars/package.json +++ b/packages/calendars/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/calendars", - "version": "1.2.83", + "version": "1.2.84", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -59,8 +59,8 @@ "rrule": "^2.6.8" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.83", - "@bubbles-ui/icons": "^1.2.83", + "@bubbles-ui/components": "^1.2.84", + "@bubbles-ui/icons": "^1.2.84", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 70d234f93..a81721e5c 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,13 @@ # @bubbles-ui/components +## 1.2.84 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/icons@1.2.84 + ## 1.2.83 ### Patch Changes diff --git a/packages/components/package.json b/packages/components/package.json index a6241cd5c..1d7291b92 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/components", - "version": "1.2.83", + "version": "1.2.84", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -61,7 +61,7 @@ "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw" }, "dependencies": { - "@bubbles-ui/icons": "^1.2.83", + "@bubbles-ui/icons": "^1.2.84", "@emotion/react": "^11.10.0", "@heroicons/react": "^1.0.5", "@hookform/resolvers": "^3.3.2", diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md index e23ce5b6c..5458084f5 100644 --- a/packages/editors/CHANGELOG.md +++ b/packages/editors/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/editors +## 1.2.84 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.84 + - @bubbles-ui/icons@1.2.84 + ## 1.2.83 ### Patch Changes diff --git a/packages/editors/package.json b/packages/editors/package.json index 5481e63c3..cd00ef383 100644 --- a/packages/editors/package.json +++ b/packages/editors/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/editors", - "version": "1.2.83", + "version": "1.2.84", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -79,8 +79,8 @@ "styled-icons": "^10.45.0" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.83", - "@bubbles-ui/icons": "^1.2.83", + "@bubbles-ui/components": "^1.2.84", + "@bubbles-ui/icons": "^1.2.84", "react": "^17.0.1", "react-dom": "^17.0.1", "webpack": "*" diff --git a/packages/extras/CHANGELOG.md b/packages/extras/CHANGELOG.md index ea1fecf3b..3912a0d57 100644 --- a/packages/extras/CHANGELOG.md +++ b/packages/extras/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/extras +## 1.2.84 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.84 + - @bubbles-ui/icons@1.2.84 + ## 1.2.83 ### Patch Changes diff --git a/packages/extras/package.json b/packages/extras/package.json index 396321662..fc35aa8f9 100644 --- a/packages/extras/package.json +++ b/packages/extras/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/extras", - "version": "1.2.83", + "version": "1.2.84", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -53,8 +53,8 @@ "swiper": "^8.1.4" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.83", - "@bubbles-ui/icons": "^1.2.83", + "@bubbles-ui/components": "^1.2.84", + "@bubbles-ui/icons": "^1.2.84", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 506536558..aa9c7290f 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @bubbles-ui/icons +## 1.2.84 + +### Patch Changes + +- Versions bump + ## 1.2.83 ### Patch Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index a59dacbf2..775673663 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/icons", - "version": "1.2.83", + "version": "1.2.84", "description": "The Bubbles Design System icons library.", "license": "MIT", "repository": { diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md index 62f84186e..012538bdd 100644 --- a/packages/leemons/CHANGELOG.md +++ b/packages/leemons/CHANGELOG.md @@ -1,5 +1,16 @@ # @bubbles-ui/leemons +## 1.2.84 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.84 + - @bubbles-ui/calendars@1.2.84 + - @bubbles-ui/editors@1.2.84 + - @bubbles-ui/icons@1.2.84 + ## 1.2.83 ### Patch Changes diff --git a/packages/leemons/package.json b/packages/leemons/package.json index 91626048b..66eba2350 100644 --- a/packages/leemons/package.json +++ b/packages/leemons/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/leemons", - "version": "1.2.83", + "version": "1.2.84", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -74,10 +74,10 @@ "ajv": "6.12.6" }, "peerDependencies": { - "@bubbles-ui/calendars": "^1.2.83", - "@bubbles-ui/components": "^1.2.83", - "@bubbles-ui/editors": "^1.2.83", - "@bubbles-ui/icons": "^1.2.83", + "@bubbles-ui/calendars": "^1.2.84", + "@bubbles-ui/components": "^1.2.84", + "@bubbles-ui/editors": "^1.2.84", + "@bubbles-ui/icons": "^1.2.84", "dayjs": "^1.10.7", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md index f0426e31c..8581fd359 100644 --- a/packages/notifications/CHANGELOG.md +++ b/packages/notifications/CHANGELOG.md @@ -1,5 +1,14 @@ # @bubbles-ui/notifications +## 1.2.84 + +### Patch Changes + +- Versions bump +- Updated dependencies + - @bubbles-ui/components@1.2.84 + - @bubbles-ui/icons@1.2.84 + ## 1.2.83 ### Patch Changes diff --git a/packages/notifications/package.json b/packages/notifications/package.json index bf0dddfe2..f3c96ee9c 100644 --- a/packages/notifications/package.json +++ b/packages/notifications/package.json @@ -1,6 +1,6 @@ { "name": "@bubbles-ui/notifications", - "version": "1.2.83", + "version": "1.2.84", "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.", "main": "lib/index.js", "module": "es/index.js", @@ -52,8 +52,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "@bubbles-ui/components": "^1.2.83", - "@bubbles-ui/icons": "^1.2.83", + "@bubbles-ui/components": "^1.2.84", + "@bubbles-ui/icons": "^1.2.84", "@mantine/core": "5.2.4", "@mantine/hooks": "5.2.4", "react": "^17.0.1", From 92addeb7461583fa1d2ba32752a25bb26bb0e690 Mon Sep 17 00:00:00 2001 From: Johan Sosa Date: Sun, 24 Dec 2023 14:40:01 +0100 Subject: [PATCH 38/41] feat: TableInput action render, CardEmpty better icons and resolution --- .../src/form/TableInput/TableInputDisplay.js | 11 +++--- .../components/src/hooks/useHTMLToCanvas.js | 11 +++--- .../src/misc/CardEmptyCover/CardEmptyCover.js | 36 +++++++++---------- .../CardEmptyCover/CardEmptyCover.stories.js | 2 +- .../CardEmptyCover/CardEmptyCover.styles.js | 6 ++-- .../FileIcon/AssetAudioIcon/AssetAudioIcon.js | 12 +++---- .../AssetBookmarkIcon/AssetBookmarkIcon.js | 4 +-- .../AssetDocumentIcon/AssetDocumentIcon.js | 4 +-- .../AssetExpressTaskIcon.js | 2 +- .../FileIcon/AssetImageIcon/AssetImageIcon.js | 4 +-- .../AssetModuleIcon/AssetModuleIcon.js | 4 +-- .../FileIcon/AssetScormIcon/AssetScormIcon.js | 4 +-- .../FileIcon/AssetTaskIcon/AssetTaskIcon.js | 4 +-- .../FileIcon/AssetVideoIcon/AssetVideoIcon.js | 4 +-- .../Progress/Progress.styles.js | 26 +++++++++----- .../overlay/ModalsProvider/ModalsProvider.js | 4 +-- packages/icons/optimized/solid/check.svg | 4 +-- packages/icons/solid/CheckIcon.js | 6 ++-- packages/icons/solid/esm/CheckIcon.js | 6 ++-- packages/icons/src/solid/check.svg | 4 +-- 20 files changed, 86 insertions(+), 72 deletions(-) diff --git a/packages/components/src/form/TableInput/TableInputDisplay.js b/packages/components/src/form/TableInput/TableInputDisplay.js index edc98fe69..070dfd865 100644 --- a/packages/components/src/form/TableInput/TableInputDisplay.js +++ b/packages/components/src/form/TableInput/TableInputDisplay.js @@ -1,6 +1,6 @@ import React, { useCallback, useState } from 'react'; import PropTypes from 'prop-types'; -import { find, isFunction } from 'lodash'; +import { find, isFunction, noop } from 'lodash'; import { useTable } from 'react-table'; import { Controller } from 'react-hook-form'; import { AddIcon } from '@bubbles-ui/icons/outline'; @@ -25,6 +25,7 @@ export const TABLE_INPUT_DISPLAY_PROP_TYPES = { onItemAdd: PropTypes.func, classes: PropTypes.any, showHeaders: PropTypes.bool, + renderActionButton: PropTypes.func, }; const TableInputDisplay = ({ @@ -49,8 +50,9 @@ const TableInputDisplay = ({ rowsExpanded, rowStyles, classes, - onChangeRow = () => {}, - renderRowSubComponent = () => {}, + renderActionButton, + onChangeRow = noop, + renderRowSubComponent = noop, }) => { const [editing, setEditing] = useState(false); const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow, visibleColumns } = @@ -161,13 +163,14 @@ const TableInputDisplay = ({ className={cx(tableClasses.td, classes.inputCell)} style={{ paddingLeft: 0, paddingBottom: 4 }} > - {!disabled && ( + {!disabled && !isFunction(renderActionButton) && ( } /> )} + {!disabled && isFunction(renderActionButton) && renderActionButton({ disabled: disabledAddButton, onAdd: handleOnAdd })} )} diff --git a/packages/components/src/hooks/useHTMLToCanvas.js b/packages/components/src/hooks/useHTMLToCanvas.js index e58858b94..183a83f6c 100644 --- a/packages/components/src/hooks/useHTMLToCanvas.js +++ b/packages/components/src/hooks/useHTMLToCanvas.js @@ -5,6 +5,7 @@ const cache = {}; const useHTMLToCanvas = (ref, key) => { const [canvasImage, setCanvasImage] = useState(); + const renderCanvas = async () => { if (cache[key]?.data) { if (cache[key].data === 'pending') { @@ -20,8 +21,7 @@ const useHTMLToCanvas = (ref, key) => { } cache[key] = { data: 'pending' }; - - const canvas = await html2canvas(ref.current); + const canvas = await html2canvas(ref.current, { scale: 3 }); const response = canvas.toDataURL('image/png'); cache[key] = { data: response }; @@ -32,8 +32,11 @@ const useHTMLToCanvas = (ref, key) => { }; useEffect(() => { - renderCanvas(); - }, [ref.current]); + if(ref.current && key) { + renderCanvas(); + } + }, [ref.current, key]); + return { canvasImage }; }; diff --git a/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js b/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js index 460f5d6e8..1416fceb2 100644 --- a/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js +++ b/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js @@ -1,57 +1,55 @@ import React, { useRef, memo } from 'react'; -import { - AssetAudioIcon, - AssetVideoIcon, - AssetImageIcon, - AssetBookmarkIcon, - Box, -} from '@bubbles-ui/components'; import { useHTMLToCanvas } from '../../hooks/useHTMLToCanvas'; import { CardEmptyCoverStyles } from './CardEmptyCover.styles'; import { CARD_EMPTY_COVER_DEFAULT_PROPS, CARD_EMPTY_COVER_PROP_TYPES, } from './CardEmptyCover.constants'; +import { FileItemDisplay } from '../../informative/FileItemDisplay'; import { AssetTaskIcon } from '../FileIcon/AssetTaskIcon'; import { AssetExpressTaskIcon } from '../FileIcon/AssetExpressTaskIcon'; import { AssetModuleIcon } from '../FileIcon/AssetModuleIcon'; import { AssetFeedbackIcon } from '../FileIcon/AssetFeedbackIcon'; -import { FileItemDisplay } from '../../informative/FileItemDisplay'; +import { AssetAudioIcon } from '../FileIcon/AssetAudioIcon' +import { AssetVideoIcon } from '../FileIcon/AssetVideoIcon' +import { AssetImageIcon } from '../FileIcon/AssetImageIcon' +import { AssetBookmarkIcon } from '../FileIcon/AssetBookmarkIcon' import { AssetDocumentIconSmall } from '../FileIcon/AssetDocumentIcon'; import { AssetScormIcon } from '../FileIcon/AssetScormIcon'; +import { Box } from '../../layout/Box'; const CardEmptyCover = memo(({ icon, fileType }) => { const pairColumnRef = useRef(null); const { canvasImage } = useHTMLToCanvas(pairColumnRef, fileType); const FileTypeIcon = [ - { key: 'video', value: }, - { key: 'audio', value: }, - { key: 'image', value: }, - { key: 'bookmark', value: }, - { key: 'feedback', value: }, + { key: 'video', value: }, + { key: 'audio', value: }, + { key: 'image', value: }, + { key: 'bookmark', value: }, + { key: 'feedback', value: }, { key: 'document', value: }, - { key: 'task', value: }, + { key: 'task', value: }, { key: 'taskexpress', - value: , + value: , }, { key: 'learningpaths.module', - value: , + value: , }, { key: 'scorm', - value: , + value: , }, { key: 'file', - value: , + value: , }, ]; const fileIcon = FileTypeIcon.find(({ key }) => key === fileType); + const iconToShow = fileIcon?.value ?? icon; - const iconToShow = fileIcon?.value || icon; const { classes } = CardEmptyCoverStyles(); const pairCol = ( diff --git a/packages/components/src/misc/CardEmptyCover/CardEmptyCover.stories.js b/packages/components/src/misc/CardEmptyCover/CardEmptyCover.stories.js index b1bcf6d14..aa1aaf158 100644 --- a/packages/components/src/misc/CardEmptyCover/CardEmptyCover.stories.js +++ b/packages/components/src/misc/CardEmptyCover/CardEmptyCover.stories.js @@ -14,7 +14,7 @@ export default { }, }, argTypes: { - fileType: { options: ['audio', 'video', 'image', 'bookmark', 'noicon'], control: 'select' }, + fileType: { options: ['audio', 'video', 'image', 'bookmark','file', 'noicon'], control: 'select' }, }, }; diff --git a/packages/components/src/misc/CardEmptyCover/CardEmptyCover.styles.js b/packages/components/src/misc/CardEmptyCover/CardEmptyCover.styles.js index d2e602e8f..a4492e000 100644 --- a/packages/components/src/misc/CardEmptyCover/CardEmptyCover.styles.js +++ b/packages/components/src/misc/CardEmptyCover/CardEmptyCover.styles.js @@ -21,12 +21,12 @@ export const CardEmptyCoverStyles = createStyles(() => ({ paddingTop: pxToRem(24), }, oddIcon: { - transform: 'rotate(23deg)', + transform: 'rotate(23deg) scale(0.75)', height: 'auto', opacity: 0.5, }, evenIcon: { - transform: 'rotate(-23deg)', + transform: 'rotate(-23deg) scale(0.75)', height: 'auto', opacity: 0.5, }, @@ -34,5 +34,7 @@ export const CardEmptyCoverStyles = createStyles(() => ({ backgroundColor: '#f8f9fb', height: '100%', width: '100%', + backgroundSize: '17%', + backgroundAttachment: 'local' }, })); diff --git a/packages/components/src/misc/FileIcon/AssetAudioIcon/AssetAudioIcon.js b/packages/components/src/misc/FileIcon/AssetAudioIcon/AssetAudioIcon.js index 48d47ad07..58cba7633 100644 --- a/packages/components/src/misc/FileIcon/AssetAudioIcon/AssetAudioIcon.js +++ b/packages/components/src/misc/FileIcon/AssetAudioIcon/AssetAudioIcon.js @@ -6,19 +6,15 @@ import { const AssetAudioIcon = ({ width, height, color }) => ( - + + + ); diff --git a/packages/components/src/misc/FileIcon/AssetBookmarkIcon/AssetBookmarkIcon.js b/packages/components/src/misc/FileIcon/AssetBookmarkIcon/AssetBookmarkIcon.js index a296aeff6..77757aff5 100644 --- a/packages/components/src/misc/FileIcon/AssetBookmarkIcon/AssetBookmarkIcon.js +++ b/packages/components/src/misc/FileIcon/AssetBookmarkIcon/AssetBookmarkIcon.js @@ -8,14 +8,14 @@ const AssetBookmarkIcon = ({ width, height, color }) => ( diff --git a/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.js b/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.js index d1825df73..3d848eb3c 100644 --- a/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.js +++ b/packages/components/src/misc/FileIcon/AssetDocumentIcon/AssetDocumentIcon.js @@ -8,7 +8,7 @@ const AssetDocumentIcon = ({ width, height, color }) => ( ( diff --git a/packages/components/src/misc/FileIcon/AssetExpressTaskIcon/AssetExpressTaskIcon.js b/packages/components/src/misc/FileIcon/AssetExpressTaskIcon/AssetExpressTaskIcon.js index 398f48a90..9516f23d7 100644 --- a/packages/components/src/misc/FileIcon/AssetExpressTaskIcon/AssetExpressTaskIcon.js +++ b/packages/components/src/misc/FileIcon/AssetExpressTaskIcon/AssetExpressTaskIcon.js @@ -8,7 +8,7 @@ const AssetExpressTaskIcon = ({ width, height, color }) => ( ( diff --git a/packages/components/src/misc/FileIcon/AssetModuleIcon/AssetModuleIcon.js b/packages/components/src/misc/FileIcon/AssetModuleIcon/AssetModuleIcon.js index 6b529e2e2..c6a23362f 100644 --- a/packages/components/src/misc/FileIcon/AssetModuleIcon/AssetModuleIcon.js +++ b/packages/components/src/misc/FileIcon/AssetModuleIcon/AssetModuleIcon.js @@ -8,7 +8,7 @@ const AssetModuleIcon = ({ width, height, color }) => ( ( clipRule="evenodd" fill={color} strokeWidth="0" - d="M6.27497 0.00631911C6.14415 0.0196103 5.99682 0.0491015 5.89337 0.0827111C5.33305 0.264742 4.94868 0.717715 4.81996 1.34772C4.77881 1.54911 4.78097 1.38999 4.78097 4.23324C4.78097 5.93854 4.78349 6.87752 4.78822 6.92608C4.82191 7.27207 4.92098 7.54062 5.1056 7.78628C5.33445 8.0908 5.70528 8.31267 6.12737 8.39762C6.31277 8.43493 6.10436 8.43216 8.94977 8.43516C10.8481 8.43716 11.6169 8.43569 11.6894 8.42992C12.0347 8.40242 12.3135 8.30254 12.5618 8.11733C12.8784 7.88128 13.0928 7.52173 13.1829 7.07624C13.2211 6.88735 13.2194 7.02519 13.2194 4.20294C13.2194 2.41394 13.217 1.56024 13.2117 1.5065C13.176 1.13783 13.0575 0.839438 12.8473 0.588446C12.6216 0.318922 12.2787 0.123103 11.8887 0.0410663C11.6942 0.000134314 11.9348 0.00341751 9.01457 0.00187671C7.53947 0.00109911 6.30665 0.00310071 6.27497 0.00631911ZM6.37417 1.12953C6.29826 1.13688 6.21463 1.1599 6.16204 1.18793C6.11903 1.21086 6.05477 1.27098 6.02248 1.31851C5.96991 1.39588 5.92667 1.52476 5.91149 1.64924C5.90556 1.69787 5.90401 2.40962 5.90576 4.28624L5.90816 6.85664L5.92345 6.92253C5.94434 7.01251 5.97555 7.07456 6.02824 7.13089C6.10088 7.20854 6.20426 7.26056 6.35145 7.29352L6.42617 7.31024H9.02177C11.8413 7.31024 11.664 7.3128 11.7807 7.27048C11.8489 7.24571 11.8873 7.21975 11.9402 7.16266C12.0118 7.08534 12.0668 6.948 12.0884 6.79262C12.0987 6.71867 12.0991 1.74009 12.0889 1.61616C12.0804 1.51401 12.0673 1.45929 12.0349 1.39161C12.0112 1.34186 11.9541 1.2769 11.9048 1.24335C11.8623 1.2145 11.7882 1.18042 11.7288 1.16239C11.5864 1.11921 11.7676 1.12182 8.98217 1.12285C7.58033 1.12338 6.40673 1.12638 6.37417 1.12953ZM1.48337 9.57104C1.15443 9.60468 0.891706 9.70393 0.649203 9.88618C0.378015 10.09 0.176494 10.3981 0.073318 10.7667C0.046678 10.8619 0.0182812 11.0075 0.00784837 11.1026C0.00254917 11.1508 0.000187568 11.9866 0.000245168 13.799C0.000324368 16.6566 -0.00166283 16.5114 0.0401908 16.7151C0.171224 17.3529 0.639569 17.8049 1.32497 17.9552C1.52011 17.998 1.27802 17.9944 4.18337 17.9971C6.89852 17.9996 6.91929 17.9994 7.08137 17.9725C7.76409 17.8595 8.25545 17.3672 8.39915 16.6522C8.43645 16.4667 8.43368 16.6751 8.43668 13.8298C8.43953 11.1285 8.43918 11.0867 8.41232 10.921C8.34811 10.5249 8.15378 10.1849 7.85537 9.94647C7.65001 9.78241 7.37194 9.65605 7.09217 9.59969C6.90675 9.56233 7.11909 9.56503 4.24097 9.56337C2.11803 9.56214 1.55499 9.56371 1.48337 9.57104ZM11.045 9.57104C10.6883 9.60751 10.4016 9.72452 10.1484 9.93685C9.87937 10.1624 9.67993 10.5159 9.60121 10.9066C9.56388 11.0919 9.56665 10.8835 9.56365 13.729C9.56165 15.6274 9.56312 16.3961 9.56889 16.4686C9.59682 16.8193 9.6968 17.0956 9.8877 17.3496C10.0915 17.6208 10.3996 17.8223 10.7682 17.9255C10.8634 17.9521 11.0091 17.9805 11.1041 17.991C11.1523 17.9963 11.9881 17.9986 13.8005 17.9986C16.6582 17.9985 16.5129 18.0005 16.7166 17.9586C17.3543 17.8276 17.8065 17.3591 17.9567 16.6738C17.9995 16.4787 17.9959 16.7208 17.9986 13.8154C18.0004 11.8874 17.9988 11.1376 17.9929 11.0722C17.9609 10.7172 17.855 10.4398 17.6526 10.1811C17.4288 9.89487 17.0628 9.68188 16.6538 9.59966C16.4681 9.56233 16.6805 9.56503 13.8026 9.56337C11.6796 9.56214 11.1166 9.56371 11.045 9.57104ZM1.52657 10.7014C1.41638 10.7235 1.35107 10.7581 1.28357 10.8303C1.21059 10.9083 1.15847 11.0306 1.13442 11.1802C1.12471 11.2407 1.12345 11.5451 1.12358 13.7866C1.12368 15.3652 1.12637 16.3517 1.1307 16.3962C1.13864 16.478 1.15892 16.5585 1.18393 16.6077C1.25104 16.7396 1.40411 16.8297 1.62017 16.8644C1.68058 16.8741 1.98449 16.8754 4.22297 16.8752C5.6994 16.875 6.78792 16.8722 6.83055 16.8684C6.92334 16.86 6.98138 16.8451 7.04698 16.813C7.18505 16.7453 7.28225 16.5695 7.30862 16.3396C7.31372 16.2951 7.3153 15.456 7.31356 13.7074C7.31125 11.3826 7.30992 11.1359 7.29945 11.0902C7.28352 11.0208 7.25531 10.9485 7.22945 10.9109C7.17675 10.8344 7.07114 10.7636 6.95537 10.7272C6.83104 10.6881 7.01981 10.6906 4.1883 10.6913C2.07065 10.6919 1.56447 10.6938 1.52657 10.7014ZM11.0882 10.7014C11.0256 10.714 10.951 10.7428 10.9128 10.7691C10.815 10.8364 10.7416 10.964 10.707 11.1266L10.6918 11.1982L10.6938 13.8298C10.6957 16.3713 10.6963 16.463 10.7092 16.5082C10.7565 16.6735 10.8675 16.7792 11.0522 16.8349C11.195 16.878 11.0156 16.8754 13.7882 16.8752C15.3667 16.8751 16.3532 16.8724 16.3978 16.8681C16.4795 16.8602 16.56 16.8399 16.6092 16.8149C16.7407 16.748 16.8313 16.5941 16.8659 16.3786C16.8756 16.3182 16.8769 16.0143 16.8767 13.7758C16.8766 12.2994 16.8737 11.2109 16.8699 11.1683C16.8615 11.0755 16.8467 11.0174 16.8145 10.9518C16.7618 10.8443 16.6411 10.7593 16.4769 10.714L16.4054 10.6942L13.7702 10.6931C11.6212 10.6922 11.1263 10.6937 11.0882 10.7014Z" + d="M6.27472 0.00638015C6.1439 0.0196713 5.99658 0.0491625 5.89312 0.0827721C5.3328 0.264803 4.94844 0.717776 4.81972 1.34778C4.77857 1.54917 4.78072 1.39005 4.78072 4.2333C4.78072 5.9386 4.78325 6.87758 4.78798 6.92614C4.82166 7.27213 4.92074 7.54068 5.10536 7.78634C5.33421 8.09086 5.70504 8.31273 6.12712 8.39768C6.31253 8.43499 6.10412 8.43222 8.94952 8.43522C10.8478 8.43722 11.6166 8.43575 11.6891 8.42998C12.0345 8.40248 12.3133 8.3026 12.5616 8.11739C12.8781 7.88134 13.0926 7.52179 13.1827 7.0763C13.2209 6.88741 13.2191 7.02525 13.2191 4.203C13.2191 2.414 13.2167 1.56031 13.2115 1.50656C13.1757 1.13789 13.0573 0.839499 12.8471 0.588507C12.6214 0.318983 12.2784 0.123164 11.8885 0.0411273C11.694 0.000195349 11.9346 0.00347855 9.01432 0.00193775C7.53922 0.00116015 6.3064 0.00316175 6.27472 0.00638015ZM6.37392 1.12959C6.29802 1.13694 6.21439 1.15996 6.1618 1.18799C6.11878 1.21092 6.05452 1.27104 6.02223 1.31857C5.96967 1.39594 5.92642 1.52482 5.91124 1.6493C5.90532 1.69793 5.90377 2.40968 5.90552 4.2863L5.90792 6.8567L5.92321 6.92259C5.9441 7.01257 5.9753 7.07462 6.028 7.13095C6.10064 7.2086 6.20402 7.26062 6.35121 7.29358L6.42592 7.3103L9.02152 7.3103C11.8411 7.3103 11.6638 7.31286 11.7804 7.27054C11.8487 7.24577 11.8871 7.21982 11.9399 7.16272C12.0115 7.0854 12.0665 6.94806 12.0882 6.79268C12.0984 6.71873 12.0989 1.74015 12.0886 1.61622C12.0802 1.51407 12.067 1.45935 12.0347 1.39167C12.0109 1.34192 11.9539 1.27696 11.9045 1.24341C11.8621 1.21456 11.788 1.18048 11.7285 1.16245C11.5861 1.11927 11.7673 1.12188 8.98192 1.12291C7.58008 1.12344 6.40648 1.12644 6.37392 1.12959ZM1.48312 9.5711C1.15418 9.60474 0.891462 9.704 0.648959 9.88624C0.377771 10.09 0.17625 10.3982 0.0730738 10.7668C0.0464338 10.862 0.018037 11.0076 0.00760423 11.1026C0.00230503 11.1509 -5.65724e-05 11.9867 1.02755e-06 13.799C8.02275e-05 16.6567 -0.00190697 16.5114 0.0399466 16.7151C0.170979 17.3529 0.639325 17.805 1.32472 17.9552C1.51986 17.998 1.27778 17.9945 4.18312 17.9971C6.89828 17.9996 6.91904 17.9995 7.08112 17.9726C7.76385 17.8595 8.2552 17.3672 8.39891 16.6523C8.4362 16.4667 8.43343 16.6752 8.43644 13.8299C8.43929 11.1286 8.43893 11.0868 8.41208 10.9211C8.34787 10.525 8.15353 10.1849 7.85512 9.94653C7.64977 9.78247 7.37169 9.65612 7.09192 9.59975C6.90651 9.56239 7.11885 9.56509 4.24072 9.56343C2.11779 9.56221 1.55475 9.56377 1.48312 9.5711ZM11.0447 9.5711C10.6881 9.60757 10.4013 9.72458 10.1481 9.93692C9.87913 10.1625 9.67969 10.516 9.60096 10.9067C9.56364 11.092 9.56641 10.8836 9.56341 13.7291C9.56141 15.6274 9.56287 16.3962 9.56865 16.4687C9.59657 16.8193 9.69656 17.0957 9.88746 17.3497C10.0913 17.6209 10.3994 17.8224 10.768 17.9256C10.8632 17.9522 11.0088 17.9806 11.1038 17.991C11.1521 17.9963 11.9879 17.9987 13.8002 17.9986C16.6579 17.9985 16.5126 18.0005 16.7164 17.9587C17.354 17.8277 17.8062 17.3592 17.9565 16.6739C17.9992 16.4788 17.9957 16.7208 17.9984 13.8155C18.0001 11.8875 17.9986 11.1377 17.9927 11.0723C17.9607 10.7172 17.8547 10.4398 17.6524 10.1811C17.4285 9.89493 17.0626 9.68194 16.6535 9.59972C16.4678 9.56239 16.6803 9.56509 13.8023 9.56343C11.6794 9.56221 11.1163 9.56377 11.0447 9.5711ZM1.52632 10.7014C1.41613 10.7235 1.35083 10.7582 1.28333 10.8303C1.21035 10.9083 1.15822 11.0307 1.13417 11.1803C1.12446 11.2407 1.1232 11.5452 1.12334 13.7867C1.12343 15.3653 1.12612 16.3518 1.13045 16.3963C1.1384 16.478 1.15868 16.5586 1.18369 16.6077C1.25079 16.7396 1.40386 16.8297 1.61992 16.8645C1.68034 16.8742 1.98425 16.8754 4.22272 16.8752C5.69915 16.8751 6.78767 16.8723 6.83031 16.8684C6.9231 16.86 6.98114 16.8452 7.04673 16.8131C7.18481 16.7454 7.28201 16.5695 7.30838 16.3397C7.31348 16.2951 7.31506 15.456 7.31331 13.7075C7.311 11.3826 7.30967 11.136 7.2992 11.0903C7.28328 11.0208 7.25507 10.9486 7.2292 10.911C7.17651 10.8344 7.0709 10.7636 6.95512 10.7273C6.83079 10.6882 7.01956 10.6906 4.18805 10.6914C2.0704 10.6919 1.56422 10.6938 1.52632 10.7014ZM11.0879 10.7015C11.0254 10.7141 10.9508 10.7429 10.9125 10.7692C10.8147 10.8365 10.7413 10.9641 10.7068 11.1267L10.6916 11.1983L10.6936 13.8299C10.6955 16.3714 10.696 16.4631 10.709 16.5083C10.7563 16.6736 10.8672 16.7793 11.0519 16.835C11.1948 16.8781 11.0154 16.8755 13.7879 16.8753C15.3665 16.8752 16.353 16.8725 16.3975 16.8682C16.4792 16.8602 16.5598 16.84 16.6089 16.8149C16.7405 16.748 16.831 16.5942 16.8657 16.3787C16.8754 16.3183 16.8766 16.0144 16.8764 13.7759C16.8763 12.2995 16.8735 11.211 16.8696 11.1683C16.8613 11.0755 16.8464 11.0175 16.8143 10.9519C16.7616 10.8443 16.6409 10.7593 16.4766 10.714L16.4051 10.6943L13.7699 10.6932C11.6209 10.6922 11.1261 10.6938 11.0879 10.7015Z" /> ); diff --git a/packages/components/src/misc/FileIcon/AssetScormIcon/AssetScormIcon.js b/packages/components/src/misc/FileIcon/AssetScormIcon/AssetScormIcon.js index bdbb09ab2..f0642920f 100644 --- a/packages/components/src/misc/FileIcon/AssetScormIcon/AssetScormIcon.js +++ b/packages/components/src/misc/FileIcon/AssetScormIcon/AssetScormIcon.js @@ -8,7 +8,7 @@ const AssetScormIcon = ({ width, height, color }) => ( ( diff --git a/packages/components/src/misc/FileIcon/AssetTaskIcon/AssetTaskIcon.js b/packages/components/src/misc/FileIcon/AssetTaskIcon/AssetTaskIcon.js index bbb9137e7..e1c792010 100644 --- a/packages/components/src/misc/FileIcon/AssetTaskIcon/AssetTaskIcon.js +++ b/packages/components/src/misc/FileIcon/AssetTaskIcon/AssetTaskIcon.js @@ -5,7 +5,7 @@ const AssetTaskIcon = ({ width, height, color }) => ( ( diff --git a/packages/components/src/misc/FileIcon/AssetVideoIcon/AssetVideoIcon.js b/packages/components/src/misc/FileIcon/AssetVideoIcon/AssetVideoIcon.js index e8fb57763..324ccea5e 100644 --- a/packages/components/src/misc/FileIcon/AssetVideoIcon/AssetVideoIcon.js +++ b/packages/components/src/misc/FileIcon/AssetVideoIcon/AssetVideoIcon.js @@ -8,7 +8,7 @@ const AssetVideoIcon = ({ width, height, color }) => ( ( { + const getBarHeight = () => { + let height = isButton || isActivity ? 42 : 35; if (isBetween) { - return isButton || isActivity ? 62 : 55; + height = isButton || isActivity ? 62 : 55; } - return isButton || isActivity ? 42 : 35; + return (isLast || isFirst) ? Math.round(height / 1.5) : height; }; + const getBarPosition = () => { + let result = 'none'; + + if(isLast)result = 'translateY(-70%)'; + if(isFirst) result = 'translateY(70%)'; + + return result; + } + return { root: { minHeight: 20, minWidth: 20 }, progressContainer: { @@ -27,19 +37,17 @@ const ProgressStyles = createStyles( }, pendingBar: { position: 'absolute', - height: getSolidBarHeight(), + height: getBarHeight(), borderLeft: `1px solid ${stepperTheme.background?.color?.default}`, zIndex: 0, - top: isFirst && (isButton ? 4.5 : 4), - bottom: isLast && (isButton ? 4.5 : 4), + transform: getBarPosition(), }, solidBar: { position: 'absolute', - height: getSolidBarHeight(), + height: getBarHeight(), borderLeft: `1px solid ${stepperTheme.background?.color?.default}`, zIndex: 0, - top: isFirst ? 5 : -5, - bottom: isLast && 0, + transform: getBarPosition(), }, pendingIcon: { height: 12, diff --git a/packages/components/src/overlay/ModalsProvider/ModalsProvider.js b/packages/components/src/overlay/ModalsProvider/ModalsProvider.js index 31615b49f..1acb375b2 100644 --- a/packages/components/src/overlay/ModalsProvider/ModalsProvider.js +++ b/packages/components/src/overlay/ModalsProvider/ModalsProvider.js @@ -37,10 +37,10 @@ const ConfirmModal = ({ context, id, innerProps }) => { }; return ( - + {children && {children}} -