Skip to content

Add Sitecore Logos Variants in Icon #431

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Sc-MuthulaAlwis wants to merge 11 commits into
base: dev
Choose a base branch
from
Open

Add Sitecore Logos Variants in Icon #431

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
ddaf6a6
Refactor navigation menu components
Dec 18, 2025
a25b339
Update navigation menu component and code
Dec 18, 2025
107e7cb
Update dependency version of resizable
Dec 18, 2025
89308e5
Update scroll area component
Dec 18, 2025
18dd71d
Update scroll area code
Dec 18, 2025
0750e86
Update registry
Dec 18, 2025
851f800
Update registry
Dec 18, 2025
acf485b
Update icon to handle urls
Dec 22, 2025
0211713
Add Sitecore logo variants
Dec 22, 2025
957cc29
Update icon code
Dec 22, 2025
0017061
Fallback unrelated changes
Dec 23, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 1 addition & 2 deletions src/app/content/ui/icon.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,6 @@
"Subtle Variants": "import { Icon } from \"@/components/ui/icon\";\nimport { mdiInformationOutline } from \"@mdi/js\";\n\nexport default function SubtleVariantsDemo() {\n return (\n <div className=\"flex items-center justify-center gap-4\">\n <Icon path={mdiInformationOutline} variant=\"subtle\" colorScheme=\"primary\" />\n <Icon path={mdiInformationOutline} variant=\"subtle\" colorScheme=\"neutral\" />\n <Icon path={mdiInformationOutline} variant=\"subtle\" colorScheme=\"success\" />\n <Icon path={mdiInformationOutline} variant=\"subtle\" colorScheme=\"danger\" />\n <Icon path={mdiInformationOutline} variant=\"subtle\" colorScheme=\"warning\" />\n <Icon path={mdiInformationOutline} variant=\"subtle\" colorScheme=\"yellow\" />\n <Icon path={mdiInformationOutline} variant=\"subtle\" colorScheme=\"teal\" />\n <Icon path={mdiInformationOutline} variant=\"subtle\" colorScheme=\"cyan\" />\n <Icon path={mdiInformationOutline} variant=\"subtle\" colorScheme=\"blue\" />\n <Icon path={mdiInformationOutline} variant=\"subtle\" colorScheme=\"purple\" />\n <Icon path={mdiInformationOutline} variant=\"subtle\" colorScheme=\"pink\" />\n </div>\n );\n}",

"Filled Variants": "import { Icon } from \"@/components/ui/icon\";\nimport { mdiInformationOutline } from \"@mdi/js\";\n\nexport default function FilledVariantsDemo() {\n return (\n <div className=\"flex items-center justify-center gap-4\">\n <Icon path={mdiInformationOutline} variant=\"filled\" colorScheme=\"primary\" />\n <Icon path={mdiInformationOutline} variant=\"filled\" colorScheme=\"neutral\" />\n <Icon path={mdiInformationOutline} variant=\"filled\" colorScheme=\"success\" />\n <Icon path={mdiInformationOutline} variant=\"filled\" colorScheme=\"danger\" />\n <Icon path={mdiInformationOutline} variant=\"filled\" colorScheme=\"warning\" />\n <Icon path={mdiInformationOutline} variant=\"filled\" colorScheme=\"yellow\" />\n <Icon path={mdiInformationOutline} variant=\"filled\" colorScheme=\"teal\" />\n <Icon path={mdiInformationOutline} variant=\"filled\" colorScheme=\"cyan\" />\n <Icon path={mdiInformationOutline} variant=\"filled\" colorScheme=\"blue\" />\n <Icon path={mdiInformationOutline} variant=\"filled\" colorScheme=\"purple\" />\n <Icon path={mdiInformationOutline} variant=\"filled\" colorScheme=\"pink\" />\n </div>\n );\n}",

"Sitecore Logos": "import { Icon } from \"@/components/ui/icon\";\nimport { iconContentHubOne, iconOrdercloud, iconPersonalize, iconXmCloud } from \"@/app/(registry)/graphics/icons/logo-icons\";\n\nexport default function SitecoreLogosDemo() {\n return (\n <div className=\"flex items-center justify-center gap-4\">\n <Icon path={iconXmCloud} variant=\"default\" colorScheme=\"neutral\" />\n <Icon path={iconContentHubOne} variant=\"subtle\" colorScheme=\"primary\" />\n <Icon path={iconPersonalize} variant=\"subtle\" colorScheme=\"danger\" />\n <Icon path={iconOrdercloud} variant=\"filled\" colorScheme=\"cyan\" />\n </div>\n );\n}"
"Sitecore Logos": "import { Icon } from \"@/components/ui/icon\";\n\nexport default function SitecoreLogosDemo() {\n return (\n <div className=\"flex items-center justify-center gap-4\">\n <Icon path={\"https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/mark-xm_cloud_content\"} variant=\"default\" colorScheme=\"neutral\" />\n <Icon path={\"https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/mark-content_hub_one\"} variant=\"subtle\" colorScheme=\"primary\" />\n <Icon path={\"https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/mark-personalize\"} variant=\"subtle\" colorScheme=\"danger\" />\n <Icon path={\"https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/mark-ordercloud\"} variant=\"filled\" colorScheme=\"cyan\" />\n </div>\n );\n}"
}

Loading