From 0b8f27e1d2c9ecb96c44f01d50e5e1402a7483df Mon Sep 17 00:00:00 2001 From: saurabhg772244 Date: Mon, 7 Oct 2024 15:52:12 +0530 Subject: [PATCH 1/7] Updated icon shape to use css color style instead of stroke --- .../src/rendering-util/rendering-elements/shapes/icon.ts | 2 +- .../rendering-util/rendering-elements/shapes/iconCircle.ts | 6 +++--- .../rendering-util/rendering-elements/shapes/iconRounded.ts | 6 +++--- .../rendering-util/rendering-elements/shapes/iconSquare.ts | 6 +++--- 4 files changed, 10 insertions(+), 10 deletions(-) diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/icon.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/icon.ts index d87efaad10..cd0e346697 100644 --- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/icon.ts +++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/icon.ts @@ -77,7 +77,7 @@ export const icon = async ( : -bbox.height / 2 - labelPadding / 2 - iconHeight / 2 - iconY })` ); - iconElem.selectAll('path').attr('fill', stylesMap.get('stroke') || nodeBorder); + iconElem.attr('style', `color: ${stylesMap.get('stroke') ?? nodeBorder};`); } label.attr( diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/iconCircle.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/iconCircle.ts index 1e18174dff..74d399d6eb 100644 --- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/iconCircle.ts +++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/iconCircle.ts @@ -26,10 +26,10 @@ export const iconCircle = async ( const topLabel = node.pos === 't'; - const { nodeBorder, mainBkg } = themeVariables; + const { nodeBorder } = themeVariables; const { stylesMap } = compileStyles(node); const rc = rough.svg(shapeSvg); - const options = userNodeOverrides(node, { stroke: stylesMap.get('fill') || mainBkg }); + const options = userNodeOverrides(node, { stroke: 'transparent' }); if (node.look !== 'handDrawn') { options.roughness = 0; @@ -74,7 +74,7 @@ export const iconCircle = async ( : -bbox.height / 2 - labelPadding / 2 - iconHeight / 2 - iconY })` ); - iconElem.selectAll('path').attr('fill', stylesMap.get('stroke') || nodeBorder); + iconElem.attr('style', `color: ${stylesMap.get('stroke') ?? nodeBorder};`); label.attr( 'transform', `translate(${-bbox.width / 2 - (bbox.x - (bbox.left ?? 0))},${ diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/iconRounded.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/iconRounded.ts index 8ec7d6ee01..c98c99b6fb 100644 --- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/iconRounded.ts +++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/iconRounded.ts @@ -30,7 +30,7 @@ export const iconRounded = async ( const height = iconSize + halfPadding * 2; const width = iconSize + halfPadding * 2; - const { nodeBorder, mainBkg } = themeVariables; + const { nodeBorder } = themeVariables; const { stylesMap } = compileStyles(node); const x = -width / 2; @@ -39,7 +39,7 @@ export const iconRounded = async ( const labelPadding = node.label ? 8 : 0; const rc = rough.svg(shapeSvg); - const options = userNodeOverrides(node, { stroke: stylesMap.get('fill') || mainBkg }); + const options = userNodeOverrides(node, { stroke: 'transparent' }); if (node.look !== 'handDrawn') { options.roughness = 0; @@ -82,7 +82,7 @@ export const iconRounded = async ( : -bbox.height / 2 - labelPadding / 2 - iconHeight / 2 - iconY })` ); - iconElem.selectAll('path').attr('fill', stylesMap.get('stroke') ?? nodeBorder); + iconElem.attr('style', `color: ${stylesMap.get('stroke') ?? nodeBorder};`); } label.attr( diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/iconSquare.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/iconSquare.ts index df9e790dfa..3c73d03193 100644 --- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/iconSquare.ts +++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/iconSquare.ts @@ -29,7 +29,7 @@ export const iconSquare = async ( const height = iconSize + halfPadding * 2; const width = iconSize + halfPadding * 2; - const { nodeBorder, mainBkg } = themeVariables; + const { nodeBorder } = themeVariables; const { stylesMap } = compileStyles(node); const x = -width / 2; @@ -38,7 +38,7 @@ export const iconSquare = async ( const labelPadding = node.label ? 8 : 0; const rc = rough.svg(shapeSvg); - const options = userNodeOverrides(node, { stroke: stylesMap.get('fill') || mainBkg }); + const options = userNodeOverrides(node, { stroke: 'transparent' }); if (node.look !== 'handDrawn') { options.roughness = 0; @@ -81,7 +81,7 @@ export const iconSquare = async ( : -bbox.height / 2 - labelPadding / 2 - iconHeight / 2 - iconY })` ); - iconElem.selectAll('path').attr('fill', stylesMap.get('stroke') ?? nodeBorder); + iconElem.attr('style', `color: ${stylesMap.get('stroke') ?? nodeBorder};`); } label.attr( From d3308232e8f51e2082e258b8992ba19e17418600 Mon Sep 17 00:00:00 2001 From: saurabhg772244 Date: Mon, 7 Oct 2024 16:11:31 +0530 Subject: [PATCH 2/7] updated test case for icon shape --- cypress/integration/rendering/iconShape.spec.ts | 17 +++++++++++++++++ cypress/platform/viewer.js | 15 +++++++++++++++ 2 files changed, 32 insertions(+) diff --git a/cypress/integration/rendering/iconShape.spec.ts b/cypress/integration/rendering/iconShape.spec.ts index 389e2d94dd..e35ad860c6 100644 --- a/cypress/integration/rendering/iconShape.spec.ts +++ b/cypress/integration/rendering/iconShape.spec.ts @@ -124,3 +124,20 @@ describe('Test iconShape with different h', () => { imgSnapshotTest(flowchartCode); }); }); + +describe('Test colored iconShape', () => { + it('with no styles', () => { + let flowchartCode = `flowchart TB\n`; + const icon = 'logos:aws'; + flowchartCode += ` nA --> nAA@{ icon: '${icon}', form: 'square', label: 'icon with color' }\n`; + imgSnapshotTest(flowchartCode); + }); + + it('with styles', () => { + let flowchartCode = `flowchart TB\n`; + const icon = 'logos:aws'; + flowchartCode += ` nA --> nAA@{ icon: '${icon}', form: 'square', label: 'icon with color' }\n`; + flowchartCode += ` style nAA fill:#f9f,stroke:#333,stroke-width:4px \n`; + imgSnapshotTest(flowchartCode); + }); +}); diff --git a/cypress/platform/viewer.js b/cypress/platform/viewer.js index 2882be1302..58d3175893 100644 --- a/cypress/platform/viewer.js +++ b/cypress/platform/viewer.js @@ -61,11 +61,26 @@ const contentLoaded = async function () { width: 512, height: 512, }; + const staticAwsLogoIconPack = { + prefix: 'logos', + icons: { + aws: { + body: '', + height: 153, + }, + }, + width: 256, + height: 256, + }; mermaid.registerIconPacks([ { name: 'fa', loader: () => staticBellIconPack, }, + { + name: 'logos', + loader: () => staticAwsLogoIconPack, + }, ]); await mermaid.run(); } From 4062813d4454243a1d82309fd5f27ee93ed13d05 Mon Sep 17 00:00:00 2001 From: saurabhg772244 Date: Tue, 8 Oct 2024 17:45:53 +0530 Subject: [PATCH 3/7] Added docs for icon-shape --- docs/icon-shape.md | 76 +++++++++++++++++++++++++ packages/mermaid/src/docs/icon-shape.md | 70 +++++++++++++++++++++++ 2 files changed, 146 insertions(+) create mode 100644 docs/icon-shape.md create mode 100644 packages/mermaid/src/docs/icon-shape.md diff --git a/docs/icon-shape.md b/docs/icon-shape.md new file mode 100644 index 0000000000..64ebe494f5 --- /dev/null +++ b/docs/icon-shape.md @@ -0,0 +1,76 @@ +> **Warning** +> +> ## THIS IS AN AUTOGENERATED FILE. DO NOT EDIT. +> +> ## Please edit the corresponding file in [/packages/mermaid/src/docs/icon-shape.md](../packages/mermaid/src/docs/icon-shape.md). + +# Icon Shape Configuration + +This document provides details on how to configure icon shapes in Mermaid using the specified syntax. + +## Syntax + +```plaintext +Id@{ icon: "icon-name", form: "icon-form", label: "label", pos: "t", h: 60 } +``` + +### Parameters + +- **icon**: The name of the icon from the registered icon pack. +- **form**: Specifies the background shape of the icon. Options include: + - `square` + - `circle` + - `rounded` +- **label**: The text label associated with the icon. This can be any string. If not defined, no label will be displayed. +- **pos**: The position of the label. Possible values are: + - `t` (top) + - `b` (bottom, default if not provided) +- **h**: The height of the icon in pixels. This parameter is optional and defaults to 48 pixels, which is the minimum height. + +### Example + +```mermaid-example +B2@{ icon: "fa:window-minimize", form: "rounded", label: "B2", pos: "t", h: 60 } +``` + +```mermaid +B2@{ icon: "fa:window-minimize", form: "rounded", label: "B2", pos: "t", h: 60 } +``` + +In this example: + +- The icon is "fa:window-minimize". +- The shape is "rounded". +- The label is "B2". +- The label position is at the top (`t`). +- The height of the icon is 40 pixels. + +### Additional Notes + +Ensure that the icon name corresponds to a valid icon in the registered icon pack to avoid rendering issues. + +### Registering Icon Packs + +To use icons in Mermaid, you need to register the icon packs. Below is an example of how to register icon packs: + +```javascript +mermaid.registerIconPacks([ + { + name: 'logos', + loader: () => + fetch('https://unpkg.com/@iconify-json/logos@1/icons.json').then((res) => res.json()), + }, + { + name: 'fa', + loader: () => + fetch('https://unpkg.com/@iconify-json/fa6-regular@1/icons.json').then((res) => res.json()), + }, +]); +``` + +In this example: + +- The `logos` icon pack is registered by fetching the icons from the specified URL. +- The `fa` (Font Awesome) icon pack is registered similarly. + +Ensure that the URLs provided point to valid Iconify JSON files containing the icon definitions. diff --git a/packages/mermaid/src/docs/icon-shape.md b/packages/mermaid/src/docs/icon-shape.md new file mode 100644 index 0000000000..b61fa33aa2 --- /dev/null +++ b/packages/mermaid/src/docs/icon-shape.md @@ -0,0 +1,70 @@ +--- +title: Icon Shape Configuration +--- + +# Icon Shape Configuration + +This document provides details on how to configure icon shapes in Mermaid using the specified syntax. + +## Syntax + +```plaintext +Id@{ icon: "icon-name", form: "icon-form", label: "label", pos: "t", h: 60 } +``` + +### Parameters + +- **icon**: The name of the icon from the registered icon pack. +- **form**: Specifies the background shape of the icon. Options include: + - `square` + - `circle` + - `rounded` +- **label**: The text label associated with the icon. This can be any string. If not defined, no label will be displayed. +- **pos**: The position of the label. Possible values are: + - `t` (top) + - `b` (bottom, default if not provided) +- **h**: The height of the icon in pixels. This parameter is optional and defaults to 48 pixels, which is the minimum height. + +### Example + +```mermaid +B2@{ icon: "fa:window-minimize", form: "rounded", label: "B2", pos: "t", h: 60 } +``` + +In this example: + +- The icon is "fa:window-minimize". +- The shape is "rounded". +- The label is "B2". +- The label position is at the top (`t`). +- The height of the icon is 40 pixels. + +### Additional Notes + +Ensure that the icon name corresponds to a valid icon in the registered icon pack to avoid rendering issues. + +### Registering Icon Packs + +To use icons in Mermaid, you need to register the icon packs. Below is an example of how to register icon packs: + +```javascript +mermaid.registerIconPacks([ + { + name: 'logos', + loader: () => + fetch('https://unpkg.com/@iconify-json/logos@1/icons.json').then((res) => res.json()), + }, + { + name: 'fa', + loader: () => + fetch('https://unpkg.com/@iconify-json/fa6-regular@1/icons.json').then((res) => res.json()), + }, +]); +``` + +In this example: + +- The `logos` icon pack is registered by fetching the icons from the specified URL. +- The `fa` (Font Awesome) icon pack is registered similarly. + +Ensure that the URLs provided point to valid Iconify JSON files containing the icon definitions. From 9bac464442667389a2cf3c19e7e75cb0e788c1e1 Mon Sep 17 00:00:00 2001 From: saurabhg772244 Date: Wed, 9 Oct 2024 10:41:37 +0530 Subject: [PATCH 4/7] Use tropical-fish icon with MIT license in e2e tests --- .../integration/rendering/iconShape.spec.ts | 25 +++++++++++++++++-- cypress/platform/viewer.js | 11 ++++---- 2 files changed, 29 insertions(+), 7 deletions(-) diff --git a/cypress/integration/rendering/iconShape.spec.ts b/cypress/integration/rendering/iconShape.spec.ts index e35ad860c6..33c806ac33 100644 --- a/cypress/integration/rendering/iconShape.spec.ts +++ b/cypress/integration/rendering/iconShape.spec.ts @@ -1,3 +1,24 @@ +/* MIT License + +Copyright (c) Microsoft Corporation. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE */ import { imgSnapshotTest } from '../../helpers/util'; const looks = ['classic', 'handDrawn'] as const; @@ -128,14 +149,14 @@ describe('Test iconShape with different h', () => { describe('Test colored iconShape', () => { it('with no styles', () => { let flowchartCode = `flowchart TB\n`; - const icon = 'logos:aws'; + const icon = 'fluent-emoji:tropical-fish'; flowchartCode += ` nA --> nAA@{ icon: '${icon}', form: 'square', label: 'icon with color' }\n`; imgSnapshotTest(flowchartCode); }); it('with styles', () => { let flowchartCode = `flowchart TB\n`; - const icon = 'logos:aws'; + const icon = 'fluent-emoji:tropical-fish'; flowchartCode += ` nA --> nAA@{ icon: '${icon}', form: 'square', label: 'icon with color' }\n`; flowchartCode += ` style nAA fill:#f9f,stroke:#333,stroke-width:4px \n`; imgSnapshotTest(flowchartCode); diff --git a/cypress/platform/viewer.js b/cypress/platform/viewer.js index 58d3175893..4b3b93d989 100644 --- a/cypress/platform/viewer.js +++ b/cypress/platform/viewer.js @@ -62,11 +62,12 @@ const contentLoaded = async function () { height: 512, }; const staticAwsLogoIconPack = { - prefix: 'logos', + prefix: 'fluent-emoji', icons: { - aws: { - body: '', - height: 153, + 'tropical-fish': { + width: 32, + height: 32, + body: '', }, }, width: 256, @@ -78,7 +79,7 @@ const contentLoaded = async function () { loader: () => staticBellIconPack, }, { - name: 'logos', + name: 'fluent-emoji', loader: () => staticAwsLogoIconPack, }, ]); From a98290a6e2e4fb4e382ae0f3a495c80a1d47639c Mon Sep 17 00:00:00 2001 From: saurabhg772244 Date: Wed, 9 Oct 2024 11:08:27 +0530 Subject: [PATCH 5/7] remove doc for icon shape --- docs/icon-shape.md | 76 ------------------------- packages/mermaid/src/docs/icon-shape.md | 70 ----------------------- 2 files changed, 146 deletions(-) delete mode 100644 docs/icon-shape.md delete mode 100644 packages/mermaid/src/docs/icon-shape.md diff --git a/docs/icon-shape.md b/docs/icon-shape.md deleted file mode 100644 index 64ebe494f5..0000000000 --- a/docs/icon-shape.md +++ /dev/null @@ -1,76 +0,0 @@ -> **Warning** -> -> ## THIS IS AN AUTOGENERATED FILE. DO NOT EDIT. -> -> ## Please edit the corresponding file in [/packages/mermaid/src/docs/icon-shape.md](../packages/mermaid/src/docs/icon-shape.md). - -# Icon Shape Configuration - -This document provides details on how to configure icon shapes in Mermaid using the specified syntax. - -## Syntax - -```plaintext -Id@{ icon: "icon-name", form: "icon-form", label: "label", pos: "t", h: 60 } -``` - -### Parameters - -- **icon**: The name of the icon from the registered icon pack. -- **form**: Specifies the background shape of the icon. Options include: - - `square` - - `circle` - - `rounded` -- **label**: The text label associated with the icon. This can be any string. If not defined, no label will be displayed. -- **pos**: The position of the label. Possible values are: - - `t` (top) - - `b` (bottom, default if not provided) -- **h**: The height of the icon in pixels. This parameter is optional and defaults to 48 pixels, which is the minimum height. - -### Example - -```mermaid-example -B2@{ icon: "fa:window-minimize", form: "rounded", label: "B2", pos: "t", h: 60 } -``` - -```mermaid -B2@{ icon: "fa:window-minimize", form: "rounded", label: "B2", pos: "t", h: 60 } -``` - -In this example: - -- The icon is "fa:window-minimize". -- The shape is "rounded". -- The label is "B2". -- The label position is at the top (`t`). -- The height of the icon is 40 pixels. - -### Additional Notes - -Ensure that the icon name corresponds to a valid icon in the registered icon pack to avoid rendering issues. - -### Registering Icon Packs - -To use icons in Mermaid, you need to register the icon packs. Below is an example of how to register icon packs: - -```javascript -mermaid.registerIconPacks([ - { - name: 'logos', - loader: () => - fetch('https://unpkg.com/@iconify-json/logos@1/icons.json').then((res) => res.json()), - }, - { - name: 'fa', - loader: () => - fetch('https://unpkg.com/@iconify-json/fa6-regular@1/icons.json').then((res) => res.json()), - }, -]); -``` - -In this example: - -- The `logos` icon pack is registered by fetching the icons from the specified URL. -- The `fa` (Font Awesome) icon pack is registered similarly. - -Ensure that the URLs provided point to valid Iconify JSON files containing the icon definitions. diff --git a/packages/mermaid/src/docs/icon-shape.md b/packages/mermaid/src/docs/icon-shape.md deleted file mode 100644 index b61fa33aa2..0000000000 --- a/packages/mermaid/src/docs/icon-shape.md +++ /dev/null @@ -1,70 +0,0 @@ ---- -title: Icon Shape Configuration ---- - -# Icon Shape Configuration - -This document provides details on how to configure icon shapes in Mermaid using the specified syntax. - -## Syntax - -```plaintext -Id@{ icon: "icon-name", form: "icon-form", label: "label", pos: "t", h: 60 } -``` - -### Parameters - -- **icon**: The name of the icon from the registered icon pack. -- **form**: Specifies the background shape of the icon. Options include: - - `square` - - `circle` - - `rounded` -- **label**: The text label associated with the icon. This can be any string. If not defined, no label will be displayed. -- **pos**: The position of the label. Possible values are: - - `t` (top) - - `b` (bottom, default if not provided) -- **h**: The height of the icon in pixels. This parameter is optional and defaults to 48 pixels, which is the minimum height. - -### Example - -```mermaid -B2@{ icon: "fa:window-minimize", form: "rounded", label: "B2", pos: "t", h: 60 } -``` - -In this example: - -- The icon is "fa:window-minimize". -- The shape is "rounded". -- The label is "B2". -- The label position is at the top (`t`). -- The height of the icon is 40 pixels. - -### Additional Notes - -Ensure that the icon name corresponds to a valid icon in the registered icon pack to avoid rendering issues. - -### Registering Icon Packs - -To use icons in Mermaid, you need to register the icon packs. Below is an example of how to register icon packs: - -```javascript -mermaid.registerIconPacks([ - { - name: 'logos', - loader: () => - fetch('https://unpkg.com/@iconify-json/logos@1/icons.json').then((res) => res.json()), - }, - { - name: 'fa', - loader: () => - fetch('https://unpkg.com/@iconify-json/fa6-regular@1/icons.json').then((res) => res.json()), - }, -]); -``` - -In this example: - -- The `logos` icon pack is registered by fetching the icons from the specified URL. -- The `fa` (Font Awesome) icon pack is registered similarly. - -Ensure that the URLs provided point to valid Iconify JSON files containing the icon definitions. From a00161946496a1976f3b67d2d322d43e4bc5e1a5 Mon Sep 17 00:00:00 2001 From: saurabhg772244 Date: Wed, 9 Oct 2024 12:15:23 +0530 Subject: [PATCH 6/7] Move MIT license just before icon definition --- .../integration/rendering/iconShape.spec.ts | 21 ------------------- cypress/platform/viewer.js | 21 +++++++++++++++++++ 2 files changed, 21 insertions(+), 21 deletions(-) diff --git a/cypress/integration/rendering/iconShape.spec.ts b/cypress/integration/rendering/iconShape.spec.ts index 33c806ac33..4c12c3fa34 100644 --- a/cypress/integration/rendering/iconShape.spec.ts +++ b/cypress/integration/rendering/iconShape.spec.ts @@ -1,24 +1,3 @@ -/* MIT License - -Copyright (c) Microsoft Corporation. - -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all -copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE */ import { imgSnapshotTest } from '../../helpers/util'; const looks = ['classic', 'handDrawn'] as const; diff --git a/cypress/platform/viewer.js b/cypress/platform/viewer.js index 4b3b93d989..a9d4d2d81b 100644 --- a/cypress/platform/viewer.js +++ b/cypress/platform/viewer.js @@ -61,6 +61,27 @@ const contentLoaded = async function () { width: 512, height: 512, }; + /* MIT License + + Copyright (c) Microsoft Corporation. + + Permission is hereby granted, free of charge, to any person obtaining a copy + of this software and associated documentation files (the "Software"), to deal + in the Software without restriction, including without limitation the rights + to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + copies of the Software, and to permit persons to whom the Software is + furnished to do so, subject to the following conditions: + + The above copyright notice and this permission notice shall be included in all + copies or substantial portions of the Software. + + THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + SOFTWARE */ const staticAwsLogoIconPack = { prefix: 'fluent-emoji', icons: { From 17b783135f9b2b7748b620dbf81d0f56ab4755f1 Mon Sep 17 00:00:00 2001 From: saurabhg772244 Date: Wed, 9 Oct 2024 12:55:37 +0530 Subject: [PATCH 7/7] Added pnpm changeset --- .changeset/chilly-hotels-mix.md | 5 +++++ .changeset/heavy-cats-mate.md | 5 +++++ 2 files changed, 10 insertions(+) create mode 100644 .changeset/chilly-hotels-mix.md create mode 100644 .changeset/heavy-cats-mate.md diff --git a/.changeset/chilly-hotels-mix.md b/.changeset/chilly-hotels-mix.md new file mode 100644 index 0000000000..642ab6ecf6 --- /dev/null +++ b/.changeset/chilly-hotels-mix.md @@ -0,0 +1,5 @@ +--- +'mermaid': patch +--- + +fix: Jagged edge fix for icon shape diff --git a/.changeset/heavy-cats-mate.md b/.changeset/heavy-cats-mate.md new file mode 100644 index 0000000000..c903cc47e5 --- /dev/null +++ b/.changeset/heavy-cats-mate.md @@ -0,0 +1,5 @@ +--- +'mermaid': patch +--- + +fix: Icon color fix for colored icons.