@julianoczkowski/create-trimble-app 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +191 -0
- package/bin/create-trimble-app.js +9 -0
- package/package.json +67 -0
- package/src/cli.js +134 -0
- package/src/frameworks.js +28 -0
- package/src/scaffold.js +209 -0
- package/src/utils/file.js +47 -0
- package/src/utils/git.js +140 -0
- package/src/utils/install.js +25 -0
- package/src/utils/logger.js +124 -0
- package/templates/angular/.cursor/commands/remove-dev-content.md +394 -0
- package/templates/angular/.cursor/mcp.json +13 -0
- package/templates/angular/.cursor/rules/modus-angular-20.mdc +82 -0
- package/templates/angular/.cursor/rules/modus-angular-accordion-state-management-short.mdc +45 -0
- package/templates/angular/.cursor/rules/modus-angular-accordion-state-management.mdc +322 -0
- package/templates/angular/.cursor/rules/modus-angular-best-practices.mdc +472 -0
- package/templates/angular/.cursor/rules/modus-angular-border-usage-short.mdc +48 -0
- package/templates/angular/.cursor/rules/modus-angular-border-usage.mdc +286 -0
- package/templates/angular/.cursor/rules/modus-angular-button-group-usage-short.mdc +47 -0
- package/templates/angular/.cursor/rules/modus-angular-button-group-usage.mdc +263 -0
- package/templates/angular/.cursor/rules/modus-angular-checkbox-value-inversion-short.mdc +36 -0
- package/templates/angular/.cursor/rules/modus-angular-checkbox-value-inversion.mdc +92 -0
- package/templates/angular/.cursor/rules/modus-angular-chrome-devtools-testing-short.mdc +34 -0
- package/templates/angular/.cursor/rules/modus-angular-chrome-devtools-testing.mdc +185 -0
- package/templates/angular/.cursor/rules/modus-angular-color-usage-short.mdc +56 -0
- package/templates/angular/.cursor/rules/modus-angular-color-usage.mdc +208 -0
- package/templates/angular/.cursor/rules/modus-angular-components-reference.mdc +114 -0
- package/templates/angular/.cursor/rules/modus-angular-design-system.mdc +273 -0
- package/templates/angular/.cursor/rules/modus-angular-development-workflow-short.mdc +43 -0
- package/templates/angular/.cursor/rules/modus-angular-development-workflow.mdc +145 -0
- package/templates/angular/.cursor/rules/modus-angular-essentials.mdc +272 -0
- package/templates/angular/.cursor/rules/modus-angular-forms-validation-short.mdc +56 -0
- package/templates/angular/.cursor/rules/modus-angular-forms-validation.mdc +124 -0
- package/templates/angular/.cursor/rules/modus-angular-icon-names.mdc +70 -0
- package/templates/angular/.cursor/rules/modus-angular-icons-short.mdc +40 -0
- package/templates/angular/.cursor/rules/modus-angular-icons.mdc +137 -0
- package/templates/angular/.cursor/rules/modus-angular-implementation-guides-short.mdc +36 -0
- package/templates/angular/.cursor/rules/modus-angular-implementation-guides.mdc +301 -0
- package/templates/angular/.cursor/rules/modus-angular-integration-short.mdc +60 -0
- package/templates/angular/.cursor/rules/modus-angular-integration.mdc +1096 -0
- package/templates/angular/.cursor/rules/modus-angular-master.mdc +164 -0
- package/templates/angular/.cursor/rules/modus-angular-modal-usage-short.mdc +51 -0
- package/templates/angular/.cursor/rules/modus-angular-modal-usage.mdc +115 -0
- package/templates/angular/.cursor/rules/modus-angular-navbar-usage-short.mdc +49 -0
- package/templates/angular/.cursor/rules/modus-angular-navbar-usage.mdc +146 -0
- package/templates/angular/.cursor/rules/modus-angular-no-emojis.mdc +66 -0
- package/templates/angular/.cursor/rules/modus-angular-opacity-utilities-short.mdc +43 -0
- package/templates/angular/.cursor/rules/modus-angular-opacity-utilities.mdc +160 -0
- package/templates/angular/.cursor/rules/modus-angular-select-vs-dropdown-menu-short.mdc +51 -0
- package/templates/angular/.cursor/rules/modus-angular-select-vs-dropdown-menu.mdc +83 -0
- package/templates/angular/.cursor/rules/modus-angular-semantic-html-short.mdc +36 -0
- package/templates/angular/.cursor/rules/modus-angular-semantic-html.mdc +81 -0
- package/templates/angular/.cursor/rules/modus-angular-side-navigation-usage-short.mdc +50 -0
- package/templates/angular/.cursor/rules/modus-angular-side-navigation-usage.mdc +136 -0
- package/templates/angular/.cursor/rules/modus-angular-table-usage-short.mdc +52 -0
- package/templates/angular/.cursor/rules/modus-angular-table-usage.mdc +151 -0
- package/templates/angular/.cursor/rules/modus-angular-tailwind-usage-short.mdc +44 -0
- package/templates/angular/.cursor/rules/modus-angular-tailwind-usage.mdc +242 -0
- package/templates/angular/.cursor/rules/modus-angular-themes-short.mdc +54 -0
- package/templates/angular/.cursor/rules/modus-angular-themes.mdc +222 -0
- package/templates/angular/.cursor/rules/modus-angular-utility-panel-usage-short.mdc +52 -0
- package/templates/angular/.cursor/rules/modus-angular-utility-panel-usage.mdc +130 -0
- package/templates/angular/.cursor/rules/ux/gestalt-laws-detailed.mdc +514 -0
- package/templates/angular/.cursor/rules/ux/ux-ui-foundations.mdc +235 -0
- package/templates/angular/.cursor/skills/run-lint-checks/SKILL.md +169 -0
- package/templates/angular/.editorconfig +17 -0
- package/templates/angular/.github/dependabot.yml +19 -0
- package/templates/angular/.github/workflows/a11y-check.yml +135 -0
- package/templates/angular/.github/workflows/ci.yml +44 -0
- package/templates/angular/.husky/pre-commit +32 -0
- package/templates/angular/.postcssrc.json +5 -0
- package/templates/angular/.vscode/extensions.json +4 -0
- package/templates/angular/.vscode/launch.json +20 -0
- package/templates/angular/.vscode/tasks.json +42 -0
- package/templates/angular/CLAUDE.md +148 -0
- package/templates/angular/README.md +92 -0
- package/templates/angular/amplify.yml +25 -0
- package/templates/angular/angular.json +106 -0
- package/templates/angular/data/modusIcons.ts +861 -0
- package/templates/angular/package-lock.json +11030 -0
- package/templates/angular/package.json +66 -0
- package/templates/angular/public/angular-icon.svg +12 -0
- package/templates/angular/public/favicon.ico +0 -0
- package/templates/angular/public/modus-icons.css +49 -0
- package/templates/angular/public/vite.svg +1 -0
- package/templates/angular/scripts/README.md +410 -0
- package/templates/angular/scripts/check-border-violations.js +352 -0
- package/templates/angular/scripts/check-icon-names.js +402 -0
- package/templates/angular/scripts/check-inline-styles.js +292 -0
- package/templates/angular/scripts/check-modus-colors.js +282 -0
- package/templates/angular/scripts/check-modus-icons.js +263 -0
- package/templates/angular/scripts/check-opacity-utilities.js +426 -0
- package/templates/angular/scripts/check-semantic-html.js +452 -0
- package/templates/angular/scripts/check-typescript.js +109 -0
- package/templates/angular/src/app/app.config.ts +29 -0
- package/templates/angular/src/app/app.css +0 -0
- package/templates/angular/src/app/app.html +4 -0
- package/templates/angular/src/app/app.routes.ts +351 -0
- package/templates/angular/src/app/app.spec.ts +27 -0
- package/templates/angular/src/app/app.ts +47 -0
- package/templates/angular/src/app/components/README.md +77 -0
- package/templates/angular/src/app/components/index.ts +53 -0
- package/templates/angular/src/app/components/modus-accordion.component.ts +50 -0
- package/templates/angular/src/app/components/modus-alert.component.ts +133 -0
- package/templates/angular/src/app/components/modus-autocomplete.component.ts +262 -0
- package/templates/angular/src/app/components/modus-avatar.component.ts +75 -0
- package/templates/angular/src/app/components/modus-badge.component.ts +84 -0
- package/templates/angular/src/app/components/modus-breadcrumbs.component.ts +65 -0
- package/templates/angular/src/app/components/modus-button-group.component.ts +82 -0
- package/templates/angular/src/app/components/modus-button.component.ts +292 -0
- package/templates/angular/src/app/components/modus-card.component.ts +73 -0
- package/templates/angular/src/app/components/modus-checkbox.component.ts +117 -0
- package/templates/angular/src/app/components/modus-chip.component.ts +97 -0
- package/templates/angular/src/app/components/modus-collapse.component.ts +118 -0
- package/templates/angular/src/app/components/modus-date.component.ts +165 -0
- package/templates/angular/src/app/components/modus-dropdown-menu.component.ts +108 -0
- package/templates/angular/src/app/components/modus-file-dropzone.component.ts +121 -0
- package/templates/angular/src/app/components/modus-handle.component.ts +96 -0
- package/templates/angular/src/app/components/modus-icon.component.ts +81 -0
- package/templates/angular/src/app/components/modus-input-feedback.component.ts +54 -0
- package/templates/angular/src/app/components/modus-input-label.component.ts +62 -0
- package/templates/angular/src/app/components/modus-loader.component.ts +48 -0
- package/templates/angular/src/app/components/modus-logo.component.ts +115 -0
- package/templates/angular/src/app/components/modus-menu-item.component.ts +116 -0
- package/templates/angular/src/app/components/modus-menu.component.ts +58 -0
- package/templates/angular/src/app/components/modus-modal.component.ts +70 -0
- package/templates/angular/src/app/components/modus-navbar.component.ts +303 -0
- package/templates/angular/src/app/components/modus-number-input.component.ts +174 -0
- package/templates/angular/src/app/components/modus-pagination.component.ts +74 -0
- package/templates/angular/src/app/components/modus-panel.component.ts +61 -0
- package/templates/angular/src/app/components/modus-progress.component.ts +62 -0
- package/templates/angular/src/app/components/modus-radio.component.ts +102 -0
- package/templates/angular/src/app/components/modus-rating.component.ts +80 -0
- package/templates/angular/src/app/components/modus-select.component.ts +131 -0
- package/templates/angular/src/app/components/modus-side-navigation.component.ts +90 -0
- package/templates/angular/src/app/components/modus-skeleton.component.ts +54 -0
- package/templates/angular/src/app/components/modus-slider.component.ts +132 -0
- package/templates/angular/src/app/components/modus-stepper.component.ts +65 -0
- package/templates/angular/src/app/components/modus-switch.component.ts +118 -0
- package/templates/angular/src/app/components/modus-table.component.ts +204 -0
- package/templates/angular/src/app/components/modus-tabs.component.ts +82 -0
- package/templates/angular/src/app/components/modus-text-input.component.ts +221 -0
- package/templates/angular/src/app/components/modus-textarea.component.ts +168 -0
- package/templates/angular/src/app/components/modus-theme-switcher.component.ts +45 -0
- package/templates/angular/src/app/components/modus-time-input.component.ts +172 -0
- package/templates/angular/src/app/components/modus-toast.component.ts +63 -0
- package/templates/angular/src/app/components/modus-toolbar.component.ts +43 -0
- package/templates/angular/src/app/components/modus-tooltip.component.ts +83 -0
- package/templates/angular/src/app/components/modus-typography.component.ts +79 -0
- package/templates/angular/src/app/components/modus-utility-panel.component.ts +275 -0
- package/templates/angular/src/app/components/theme-demo.component.ts +1242 -0
- package/templates/angular/src/app/data/component-demos.ts +360 -0
- package/templates/angular/src/app/data/modus-icons.ts +806 -0
- package/templates/angular/src/app/demos/accordion/accordion-demo.component.ts +212 -0
- package/templates/angular/src/app/demos/alert/alert-demo.component.ts +108 -0
- package/templates/angular/src/app/demos/autocomplete/autocomplete-demo.component.ts +174 -0
- package/templates/angular/src/app/demos/avatar/avatar-demo.component.ts +149 -0
- package/templates/angular/src/app/demos/badge/badge-demo.component.ts +148 -0
- package/templates/angular/src/app/demos/breadcrumbs/breadcrumbs-demo.component.ts +96 -0
- package/templates/angular/src/app/demos/button/button-demo.component.ts +256 -0
- package/templates/angular/src/app/demos/button-group/button-group-demo.component.ts +215 -0
- package/templates/angular/src/app/demos/card/card-demo.component.ts +180 -0
- package/templates/angular/src/app/demos/checkbox/checkbox-demo.component.ts +71 -0
- package/templates/angular/src/app/demos/chip/chip-demo.component.ts +183 -0
- package/templates/angular/src/app/demos/date/date-demo.component.ts +193 -0
- package/templates/angular/src/app/demos/dropdown/dropdown-demo.component.ts +196 -0
- package/templates/angular/src/app/demos/file-dropzone/file-dropzone-demo.component.ts +176 -0
- package/templates/angular/src/app/demos/handle/handle-demo.component.ts +265 -0
- package/templates/angular/src/app/demos/icon/icon-demo.component.ts +65 -0
- package/templates/angular/src/app/demos/input-feedback/input-feedback-demo.component.ts +189 -0
- package/templates/angular/src/app/demos/input-label/input-label-demo.component.ts +330 -0
- package/templates/angular/src/app/demos/loader/loader-demo.component.ts +143 -0
- package/templates/angular/src/app/demos/logo/logo-demo.component.ts +191 -0
- package/templates/angular/src/app/demos/menu/menu-demo.component.ts +72 -0
- package/templates/angular/src/app/demos/modal/modal-demo.component.ts +278 -0
- package/templates/angular/src/app/demos/navbar/navbar-demo.component.ts +135 -0
- package/templates/angular/src/app/demos/number-input/number-input-demo.component.ts +175 -0
- package/templates/angular/src/app/demos/pagination/pagination-demo.component.ts +134 -0
- package/templates/angular/src/app/demos/panel/panel-demo.component.ts +235 -0
- package/templates/angular/src/app/demos/progress/progress-demo.component.ts +169 -0
- package/templates/angular/src/app/demos/radio/radio-demo.component.ts +161 -0
- package/templates/angular/src/app/demos/rating/rating-demo.component.ts +97 -0
- package/templates/angular/src/app/demos/select/select-demo.component.ts +107 -0
- package/templates/angular/src/app/demos/shared/demo-example-clean.component.ts +41 -0
- package/templates/angular/src/app/demos/shared/demo-example.component.ts +42 -0
- package/templates/angular/src/app/demos/shared/demo-page.component.ts +97 -0
- package/templates/angular/src/app/demos/shared/index.ts +3 -0
- package/templates/angular/src/app/demos/side-navigation/side-navigation-demo.component.ts +524 -0
- package/templates/angular/src/app/demos/skeleton/skeleton-demo.component.ts +112 -0
- package/templates/angular/src/app/demos/slider/slider-demo.component.ts +76 -0
- package/templates/angular/src/app/demos/stepper/stepper-demo.component.ts +79 -0
- package/templates/angular/src/app/demos/switch/switch-demo.component.ts +113 -0
- package/templates/angular/src/app/demos/table/table-demo.component.ts +405 -0
- package/templates/angular/src/app/demos/tabs/tabs-demo.component.ts +318 -0
- package/templates/angular/src/app/demos/text-input/text-input-demo.component.ts +160 -0
- package/templates/angular/src/app/demos/textarea/textarea-demo.component.ts +95 -0
- package/templates/angular/src/app/demos/theme-switcher/theme-switcher-demo.component.ts +38 -0
- package/templates/angular/src/app/demos/time-input/time-input-demo.component.ts +130 -0
- package/templates/angular/src/app/demos/toast/toast-demo.component.ts +258 -0
- package/templates/angular/src/app/demos/toolbar/toolbar-demo.component.ts +54 -0
- package/templates/angular/src/app/demos/tooltip/tooltip-demo.component.ts +163 -0
- package/templates/angular/src/app/demos/utility-panel/utility-panel-demo.component.ts +197 -0
- package/templates/angular/src/app/dev/dev-config.ts +119 -0
- package/templates/angular/src/app/dev/dev-panel/dev-panel.component.ts +215 -0
- package/templates/angular/src/app/dev/dev-panel.service.ts +63 -0
- package/templates/angular/src/app/dev/index.ts +8 -0
- package/templates/angular/src/app/dev/theme-switcher-dropdown/theme-switcher-dropdown.component.ts +134 -0
- package/templates/angular/src/app/dev-pages/color-palette/color-palette.component.ts +229 -0
- package/templates/angular/src/app/dev-pages/components-gallery/components-gallery.component.ts +486 -0
- package/templates/angular/src/app/dev-pages/icons/icons.component.ts +149 -0
- package/templates/angular/src/app/pages/home/home.component.ts +251 -0
- package/templates/angular/src/app/services/README.md +57 -0
- package/templates/angular/src/app/services/theme.service.ts +163 -0
- package/templates/angular/src/environments/environment.development.ts +8 -0
- package/templates/angular/src/environments/environment.ts +8 -0
- package/templates/angular/src/index.html +14 -0
- package/templates/angular/src/main.ts +6 -0
- package/templates/angular/src/styles.css +1328 -0
- package/templates/angular/tsconfig.app.json +15 -0
- package/templates/angular/tsconfig.json +35 -0
- package/templates/angular/tsconfig.spec.json +14 -0
- package/templates/config.json +23 -0
- package/templates/react/.cursor/commands/remove-dev-content.md +311 -0
- package/templates/react/.cursor/mcp.json +13 -0
- package/templates/react/.cursor/rules/README.md +240 -0
- package/templates/react/.cursor/rules/border-usage-guidelines-short.mdc +22 -0
- package/templates/react/.cursor/rules/border-usage-guidelines.mdc +380 -0
- package/templates/react/.cursor/rules/chrome-devtools-testing-react-short.mdc +23 -0
- package/templates/react/.cursor/rules/development-workflow-react-short.mdc +23 -0
- package/templates/react/.cursor/rules/development-workflow-react.mdc +292 -0
- package/templates/react/.cursor/rules/implementation-guides-react-short.mdc +23 -0
- package/templates/react/.cursor/rules/implementation-guides-react.mdc +446 -0
- package/templates/react/.cursor/rules/modus-accordion-state-management-react-short.mdc +23 -0
- package/templates/react/.cursor/rules/modus-accordion-state-management-react.mdc +445 -0
- package/templates/react/.cursor/rules/modus-button-group-usage-react-short.mdc +23 -0
- package/templates/react/.cursor/rules/modus-button-group-usage-react.mdc +117 -0
- package/templates/react/.cursor/rules/modus-checkbox-value-inversion-react-short.mdc +23 -0
- package/templates/react/.cursor/rules/modus-checkbox-value-inversion-react.mdc +492 -0
- package/templates/react/.cursor/rules/modus-color-usage-react-short.mdc +23 -0
- package/templates/react/.cursor/rules/modus-color-usage-react.mdc +420 -0
- package/templates/react/.cursor/rules/modus-components-reference.mdc +366 -0
- package/templates/react/.cursor/rules/modus-icon-names.mdc +63 -0
- package/templates/react/.cursor/rules/modus-icons-react-short.mdc +24 -0
- package/templates/react/.cursor/rules/modus-icons-react.mdc +402 -0
- package/templates/react/.cursor/rules/modus-modal-implementation-react-short.mdc +23 -0
- package/templates/react/.cursor/rules/modus-modal-implementation-react.mdc +831 -0
- package/templates/react/.cursor/rules/modus-navbar-side-navigation-react-short.mdc +23 -0
- package/templates/react/.cursor/rules/modus-navbar-side-navigation-react.mdc +247 -0
- package/templates/react/.cursor/rules/modus-no-emojis-react-short.mdc +23 -0
- package/templates/react/.cursor/rules/modus-opacity-utilities-react-short.mdc +70 -0
- package/templates/react/.cursor/rules/modus-opacity-utilities-react.mdc +208 -0
- package/templates/react/.cursor/rules/modus-react-best-practices-short.mdc +23 -0
- package/templates/react/.cursor/rules/modus-react-best-practices.mdc +508 -0
- package/templates/react/.cursor/rules/modus-react-essentials.mdc +209 -0
- package/templates/react/.cursor/rules/modus-react-integration-short.mdc +23 -0
- package/templates/react/.cursor/rules/modus-react-integration.mdc +509 -0
- package/templates/react/.cursor/rules/modus-react-key-warnings-short.mdc +23 -0
- package/templates/react/.cursor/rules/modus-react-key-warnings.mdc +805 -0
- package/templates/react/.cursor/rules/modus-react-master.mdc +160 -0
- package/templates/react/.cursor/rules/modus-select-vs-dropdown-menu-react-short.mdc +23 -0
- package/templates/react/.cursor/rules/modus-select-vs-dropdown-menu-react.mdc +442 -0
- package/templates/react/.cursor/rules/modus-semantic-html-react-short.mdc +23 -0
- package/templates/react/.cursor/rules/modus-semantic-html-react.mdc +427 -0
- package/templates/react/.cursor/rules/modus-tailwind-usage-react-short.mdc +23 -0
- package/templates/react/.cursor/rules/modus-tailwind-usage-react.mdc +642 -0
- package/templates/react/.cursor/rules/modus-themes-react-short.mdc +23 -0
- package/templates/react/.cursor/rules/modus-themes-react.mdc +506 -0
- package/templates/react/.cursor/rules/ux/gestalt-laws-detailed.mdc +456 -0
- package/templates/react/.cursor/rules/ux/ux-ui-foundations.mdc +211 -0
- package/templates/react/.cursor/skills/create-modus-form-component/SKILL.md +518 -0
- package/templates/react/.cursor/skills/create-modus-wrapper-component/SKILL.md +252 -0
- package/templates/react/.cursor/skills/fix-modus-component-event-issues/SKILL.md +345 -0
- package/templates/react/.cursor/skills/handle-modus-checkbox-value-bug/SKILL.md +202 -0
- package/templates/react/.cursor/skills/implement-modus-modal-with-refs/SKILL.md +386 -0
- package/templates/react/.cursor/skills/integrate-modus-icons/SKILL.md +300 -0
- package/templates/react/.cursor/skills/run-lint-checks/SKILL.md +235 -0
- package/templates/react/.cursor/skills/set-up-modus-event-listeners/SKILL.md +284 -0
- package/templates/react/.cursor/skills/style-modus-components-with-tailwind/SKILL.md +382 -0
- package/templates/react/.env.development +3 -0
- package/templates/react/.env.production +3 -0
- package/templates/react/.github/CODEOWNERS +28 -0
- package/templates/react/.github/ISSUE_TEMPLATE/bug_report.yml +176 -0
- package/templates/react/.github/ISSUE_TEMPLATE/config.yml +20 -0
- package/templates/react/.github/ISSUE_TEMPLATE/documentation.yml +115 -0
- package/templates/react/.github/ISSUE_TEMPLATE/feature_request.yml +171 -0
- package/templates/react/.github/ISSUE_TEMPLATE/question.yml +139 -0
- package/templates/react/.github/copilot-instructions.md +80 -0
- package/templates/react/.github/instructions/components.instructions.md +82 -0
- package/templates/react/.github/instructions/demos.instructions.md +82 -0
- package/templates/react/.github/instructions/pages.instructions.md +76 -0
- package/templates/react/.github/instructions/styles.instructions.md +77 -0
- package/templates/react/.github/instructions/typescript.instructions.md +101 -0
- package/templates/react/.github/pull_request_template.md +188 -0
- package/templates/react/.github/workflows/ci.yml +43 -0
- package/templates/react/.github/workflows/claude-code-review.yml +44 -0
- package/templates/react/.github/workflows/claude.yml +50 -0
- package/templates/react/.husky/pre-commit +28 -0
- package/templates/react/.vscode/extensions.json +8 -0
- package/templates/react/CLAUDE.md +119 -0
- package/templates/react/CODE_OF_CONDUCT.md +79 -0
- package/templates/react/CONTRIBUTING.md +65 -0
- package/templates/react/LICENSE +21 -0
- package/templates/react/README.md +728 -0
- package/templates/react/SECURITY.md +50 -0
- package/templates/react/eslint.config.js +23 -0
- package/templates/react/index.html +13 -0
- package/templates/react/package-lock.json +5209 -0
- package/templates/react/package.json +49 -0
- package/templates/react/postcss.config.js +6 -0
- package/templates/react/public/react.svg +1 -0
- package/templates/react/public/vite.svg +1 -0
- package/templates/react/readme_assets/getting_started_header.png +0 -0
- package/templates/react/readme_assets/hero.png +0 -0
- package/templates/react/readme_assets/modus_comp.png +0 -0
- package/templates/react/readme_assets/modus_figma_mcp.png +0 -0
- package/templates/react/readme_assets/teaser_comp.gif +0 -0
- package/templates/react/scripts/README.md +343 -0
- package/templates/react/scripts/check-border-violations.js +483 -0
- package/templates/react/scripts/check-icon-names.js +486 -0
- package/templates/react/scripts/check-inline-styles.js +364 -0
- package/templates/react/scripts/check-modus-colors.js +247 -0
- package/templates/react/scripts/check-modus-icons.js +256 -0
- package/templates/react/scripts/check-opacity-utilities.js +481 -0
- package/templates/react/scripts/check-semantic-html.js +476 -0
- package/templates/react/scripts/check-typescript.js +109 -0
- package/templates/react/src/App.css +42 -0
- package/templates/react/src/App.tsx +54 -0
- package/templates/react/src/assets/react.svg +1 -0
- package/templates/react/src/components/DemoExample.tsx +61 -0
- package/templates/react/src/components/DemoPage.tsx +81 -0
- package/templates/react/src/components/ModusAccordion.tsx +89 -0
- package/templates/react/src/components/ModusAlert.tsx +85 -0
- package/templates/react/src/components/ModusAutocomplete.tsx +207 -0
- package/templates/react/src/components/ModusAvatar.tsx +50 -0
- package/templates/react/src/components/ModusBadge.tsx +82 -0
- package/templates/react/src/components/ModusBreadcrumbs.tsx +75 -0
- package/templates/react/src/components/ModusButton.tsx +244 -0
- package/templates/react/src/components/ModusButtonGroup.tsx +91 -0
- package/templates/react/src/components/ModusCard.tsx +70 -0
- package/templates/react/src/components/ModusCheckbox.tsx +168 -0
- package/templates/react/src/components/ModusChip.tsx +93 -0
- package/templates/react/src/components/ModusDate.tsx +154 -0
- package/templates/react/src/components/ModusDropdownMenu.tsx +148 -0
- package/templates/react/src/components/ModusFileDropzone.tsx +140 -0
- package/templates/react/src/components/ModusHandle.tsx +101 -0
- package/templates/react/src/components/ModusIcon.tsx +49 -0
- package/templates/react/src/components/ModusInputFeedback.tsx +52 -0
- package/templates/react/src/components/ModusInputLabel.tsx +50 -0
- package/templates/react/src/components/ModusLoader.tsx +42 -0
- package/templates/react/src/components/ModusLogo.tsx +102 -0
- package/templates/react/src/components/ModusMenu.tsx +119 -0
- package/templates/react/src/components/ModusMenuItem.tsx +86 -0
- package/templates/react/src/components/ModusModal.tsx +145 -0
- package/templates/react/src/components/ModusNavbar.tsx +504 -0
- package/templates/react/src/components/ModusNumberInput.tsx +230 -0
- package/templates/react/src/components/ModusPagination.tsx +94 -0
- package/templates/react/src/components/ModusPanel.tsx +92 -0
- package/templates/react/src/components/ModusProgress.tsx +70 -0
- package/templates/react/src/components/ModusProvider.tsx +18 -0
- package/templates/react/src/components/ModusRadio.tsx +114 -0
- package/templates/react/src/components/ModusRating.tsx +108 -0
- package/templates/react/src/components/ModusSelect.tsx +171 -0
- package/templates/react/src/components/ModusSideNavigation.tsx +149 -0
- package/templates/react/src/components/ModusSkeleton.tsx +42 -0
- package/templates/react/src/components/ModusSlider.tsx +128 -0
- package/templates/react/src/components/ModusStepper.tsx +85 -0
- package/templates/react/src/components/ModusSwitch.tsx +130 -0
- package/templates/react/src/components/ModusTable.tsx +309 -0
- package/templates/react/src/components/ModusTabs.tsx +114 -0
- package/templates/react/src/components/ModusTextInput.tsx +179 -0
- package/templates/react/src/components/ModusTextarea.tsx +164 -0
- package/templates/react/src/components/ModusThemeSwitcher.tsx +58 -0
- package/templates/react/src/components/ModusTimeInput.tsx +176 -0
- package/templates/react/src/components/ModusToast.tsx +207 -0
- package/templates/react/src/components/ModusToolbar.tsx +70 -0
- package/templates/react/src/components/ModusTooltip.tsx +97 -0
- package/templates/react/src/components/ModusUtilityPanel.tsx +198 -0
- package/templates/react/src/components/ThemeSwitcherDropdown.tsx +117 -0
- package/templates/react/src/components/ThemeToggleSimple.tsx +157 -0
- package/templates/react/src/config/routes.ts +196 -0
- package/templates/react/src/contexts/ThemeContext.tsx +81 -0
- package/templates/react/src/contexts/ThemeContextData.tsx +89 -0
- package/templates/react/src/data/modusIcons.ts +865 -0
- package/templates/react/src/demos/accordion-demo/page.tsx +236 -0
- package/templates/react/src/demos/alert-demo/page.tsx +94 -0
- package/templates/react/src/demos/autocomplete-demo/page.tsx +166 -0
- package/templates/react/src/demos/avatar-demo/page.tsx +135 -0
- package/templates/react/src/demos/badge-demo/page.tsx +174 -0
- package/templates/react/src/demos/breadcrumbs-demo/page.tsx +88 -0
- package/templates/react/src/demos/button-demo/page.tsx +261 -0
- package/templates/react/src/demos/button-group-demo/page.tsx +231 -0
- package/templates/react/src/demos/card-demo/page.tsx +241 -0
- package/templates/react/src/demos/checkbox-demo/page.tsx +79 -0
- package/templates/react/src/demos/chip-demo/page.tsx +197 -0
- package/templates/react/src/demos/date-demo/page.tsx +179 -0
- package/templates/react/src/demos/dropdown-demo/page.tsx +150 -0
- package/templates/react/src/demos/file-dropzone-demo/page.tsx +186 -0
- package/templates/react/src/demos/handle-demo/page.tsx +313 -0
- package/templates/react/src/demos/icon-demo/page.tsx +72 -0
- package/templates/react/src/demos/input-feedback-demo/page.tsx +202 -0
- package/templates/react/src/demos/input-label-demo/page.tsx +392 -0
- package/templates/react/src/demos/loader-demo/page.tsx +138 -0
- package/templates/react/src/demos/logo-demo/page.tsx +292 -0
- package/templates/react/src/demos/menu-demo/page.tsx +70 -0
- package/templates/react/src/demos/modal-demo/page.tsx +332 -0
- package/templates/react/src/demos/navbar-demo/page.tsx +141 -0
- package/templates/react/src/demos/number-input-demo/page.tsx +180 -0
- package/templates/react/src/demos/pagination-demo/page.tsx +147 -0
- package/templates/react/src/demos/panel-demo/page.tsx +376 -0
- package/templates/react/src/demos/progress-demo/page.tsx +185 -0
- package/templates/react/src/demos/radio-demo/page.tsx +242 -0
- package/templates/react/src/demos/rating-demo/page.tsx +97 -0
- package/templates/react/src/demos/select-demo/page.tsx +111 -0
- package/templates/react/src/demos/side-navigation-demo/page.tsx +775 -0
- package/templates/react/src/demos/skeleton-demo/page.tsx +107 -0
- package/templates/react/src/demos/slider-demo/page.tsx +78 -0
- package/templates/react/src/demos/stepper-demo/page.tsx +86 -0
- package/templates/react/src/demos/switch-demo/page.tsx +146 -0
- package/templates/react/src/demos/table-demo/page.tsx +489 -0
- package/templates/react/src/demos/tabs-demo/page.tsx +187 -0
- package/templates/react/src/demos/text-input-demo/page.tsx +151 -0
- package/templates/react/src/demos/textarea-demo/page.tsx +73 -0
- package/templates/react/src/demos/theme-switcher-demo/page.tsx +26 -0
- package/templates/react/src/demos/time-input-demo/page.tsx +148 -0
- package/templates/react/src/demos/toast-demo/page.tsx +302 -0
- package/templates/react/src/demos/toolbar-demo/page.tsx +49 -0
- package/templates/react/src/demos/tooltip-demo/page.tsx +209 -0
- package/templates/react/src/demos/typography-test/page.tsx +28 -0
- package/templates/react/src/demos/utility-panel-demo/page.tsx +197 -0
- package/templates/react/src/dev/DevPanel.tsx +219 -0
- package/templates/react/src/dev/DevPanelContext.ts +14 -0
- package/templates/react/src/dev/DevPanelProvider.tsx +63 -0
- package/templates/react/src/dev/DevRoutes.tsx +98 -0
- package/templates/react/src/dev/config.ts +127 -0
- package/templates/react/src/dev/index.ts +8 -0
- package/templates/react/src/dev/useDevPanel.ts +17 -0
- package/templates/react/src/dev-pages/ColorPalettePage.tsx +347 -0
- package/templates/react/src/dev-pages/ComponentsGalleryPage.tsx +489 -0
- package/templates/react/src/dev-pages/IconsPage.tsx +137 -0
- package/templates/react/src/dev-pages/index.ts +3 -0
- package/templates/react/src/hooks/useTheme.ts +15 -0
- package/templates/react/src/index.css +635 -0
- package/templates/react/src/main.tsx +14 -0
- package/templates/react/src/pages/HomePage.tsx +283 -0
- package/templates/react/src/vite-env.d.ts +9 -0
- package/templates/react/tailwind.config.js +58 -0
- package/templates/react/tsconfig.app.json +27 -0
- package/templates/react/tsconfig.json +7 -0
- package/templates/react/tsconfig.node.json +25 -0
- package/templates/react/vite.config.ts +18 -0
|
@@ -0,0 +1,865 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Comprehensive collection of Modus Design System icons organized by category.
|
|
3
|
+
*
|
|
4
|
+
* This object contains all available Modus icons grouped into logical categories
|
|
5
|
+
* for easy discovery and usage. Each category contains an array of icon names
|
|
6
|
+
* that can be used with the ModusIcon component or directly with the modus-icons
|
|
7
|
+
* CSS class.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* // Using with ModusIcon component
|
|
11
|
+
* <ModusIcon name="add" size="md" />
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* // Using with CSS class
|
|
15
|
+
* <i className="modus-icons">add</i>
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* // Accessing icons by category
|
|
19
|
+
* const navigationIcons = modusIcons["Navigation & UI"];
|
|
20
|
+
* const actionIcons = modusIcons["Actions & Operations"];
|
|
21
|
+
*
|
|
22
|
+
* @see {@link allModusIcons} - Flattened array of all icon names
|
|
23
|
+
* @see {@link totalIconCount} - Total number of available icons
|
|
24
|
+
* @see {@link categoryCount} - Number of icon categories
|
|
25
|
+
*/
|
|
26
|
+
export const modusIcons = {
|
|
27
|
+
"Navigation & UI": [
|
|
28
|
+
"arrow_back",
|
|
29
|
+
"arrow_down",
|
|
30
|
+
"arrow_down_circle",
|
|
31
|
+
"arrow_expand_diagonal_left",
|
|
32
|
+
"arrow_expand_diagonal_right",
|
|
33
|
+
"arrow_left",
|
|
34
|
+
"arrow_left_circle",
|
|
35
|
+
"arrow_next",
|
|
36
|
+
"arrow_right",
|
|
37
|
+
"arrow_right_circle",
|
|
38
|
+
"arrow_up",
|
|
39
|
+
"arrow_up_circle",
|
|
40
|
+
"caret_down",
|
|
41
|
+
"caret_down_bold",
|
|
42
|
+
"caret_left",
|
|
43
|
+
"caret_left_bold",
|
|
44
|
+
"caret_right",
|
|
45
|
+
"caret_right_bold",
|
|
46
|
+
"caret_up",
|
|
47
|
+
"caret_up_bold",
|
|
48
|
+
"chevron_double_down",
|
|
49
|
+
"chevron_double_left",
|
|
50
|
+
"chevron_double_right",
|
|
51
|
+
"chevron_double_up",
|
|
52
|
+
"chevron_left",
|
|
53
|
+
"chevron_left_bold",
|
|
54
|
+
"chevron_right",
|
|
55
|
+
"chevron_right_bold",
|
|
56
|
+
"close",
|
|
57
|
+
"close_bold",
|
|
58
|
+
"close_heavy",
|
|
59
|
+
"collapse",
|
|
60
|
+
"collapse_bold",
|
|
61
|
+
"expand",
|
|
62
|
+
"expand_bold",
|
|
63
|
+
"expand_less",
|
|
64
|
+
"expand_less_bold",
|
|
65
|
+
"expand_less_circle",
|
|
66
|
+
"expand_more",
|
|
67
|
+
"expand_more_bold",
|
|
68
|
+
"expand_more_circle",
|
|
69
|
+
"full_screen",
|
|
70
|
+
"home",
|
|
71
|
+
"menu",
|
|
72
|
+
"menu_circle",
|
|
73
|
+
"search",
|
|
74
|
+
"settings",
|
|
75
|
+
],
|
|
76
|
+
|
|
77
|
+
"Actions & Operations": [
|
|
78
|
+
"add",
|
|
79
|
+
"add_bold",
|
|
80
|
+
"add_circle",
|
|
81
|
+
"add_heavy",
|
|
82
|
+
"add_square",
|
|
83
|
+
"backup_restore_cloud",
|
|
84
|
+
"backup_restore_file",
|
|
85
|
+
"copy_content",
|
|
86
|
+
"delete",
|
|
87
|
+
"download",
|
|
88
|
+
"download_line",
|
|
89
|
+
"download_xls",
|
|
90
|
+
"edit_combination",
|
|
91
|
+
"export",
|
|
92
|
+
"fast_forward",
|
|
93
|
+
"fast_rewind",
|
|
94
|
+
"launch",
|
|
95
|
+
"launch_bold",
|
|
96
|
+
"redo",
|
|
97
|
+
"redo_bold",
|
|
98
|
+
"refresh",
|
|
99
|
+
"refresh_bold",
|
|
100
|
+
"remove",
|
|
101
|
+
"remove_bold",
|
|
102
|
+
"remove_circle",
|
|
103
|
+
"remove_heavy",
|
|
104
|
+
"reply",
|
|
105
|
+
"rewind",
|
|
106
|
+
"save_as",
|
|
107
|
+
"save_disk",
|
|
108
|
+
"sync",
|
|
109
|
+
"sync_bold",
|
|
110
|
+
"sync_off",
|
|
111
|
+
"undo",
|
|
112
|
+
"undo_bold",
|
|
113
|
+
"update",
|
|
114
|
+
"upload",
|
|
115
|
+
"upload_xls",
|
|
116
|
+
],
|
|
117
|
+
|
|
118
|
+
"Status & Feedback": [
|
|
119
|
+
"alert",
|
|
120
|
+
"alert_outlined",
|
|
121
|
+
"check",
|
|
122
|
+
"check_bold",
|
|
123
|
+
"check_circle",
|
|
124
|
+
"check_circle_outlined",
|
|
125
|
+
"check_heavy",
|
|
126
|
+
"cancel_circle",
|
|
127
|
+
"cancel_square",
|
|
128
|
+
"cancel_square_outlined",
|
|
129
|
+
"exclamation_mark",
|
|
130
|
+
"help",
|
|
131
|
+
"help_outlined",
|
|
132
|
+
"info",
|
|
133
|
+
"info_outlined",
|
|
134
|
+
"info_token",
|
|
135
|
+
"question",
|
|
136
|
+
"warning",
|
|
137
|
+
"warning_outlined",
|
|
138
|
+
],
|
|
139
|
+
|
|
140
|
+
"Files & Documents": [
|
|
141
|
+
"clipboard",
|
|
142
|
+
"clipboard_actions",
|
|
143
|
+
"clipboard_check",
|
|
144
|
+
"clipboard_empty",
|
|
145
|
+
"clipboard_planning",
|
|
146
|
+
"document",
|
|
147
|
+
"file",
|
|
148
|
+
"file_bar_graph",
|
|
149
|
+
"file_check_in",
|
|
150
|
+
"file_check_out",
|
|
151
|
+
"file_cloud",
|
|
152
|
+
"file_copy",
|
|
153
|
+
"file_edit",
|
|
154
|
+
"file_merge",
|
|
155
|
+
"file_missing",
|
|
156
|
+
"file_new",
|
|
157
|
+
"file_secure",
|
|
158
|
+
"file_table",
|
|
159
|
+
"file_type_bmpf",
|
|
160
|
+
"file_type_csv",
|
|
161
|
+
"file_type_cur",
|
|
162
|
+
"file_type_doc",
|
|
163
|
+
"file_type_ico",
|
|
164
|
+
"file_type_key",
|
|
165
|
+
"file_type_log",
|
|
166
|
+
"file_type_numbers",
|
|
167
|
+
"file_type_pdf",
|
|
168
|
+
"file_type_pem",
|
|
169
|
+
"file_type_rfi",
|
|
170
|
+
"file_type_rfq",
|
|
171
|
+
"file_type_rtf",
|
|
172
|
+
"file_type_text",
|
|
173
|
+
"file_type_tif",
|
|
174
|
+
"file_type_tmp",
|
|
175
|
+
"file_type_xls",
|
|
176
|
+
"folder_closed",
|
|
177
|
+
"folder_locked",
|
|
178
|
+
"folder_new",
|
|
179
|
+
"folder_open",
|
|
180
|
+
"folder_personal",
|
|
181
|
+
"folder_project",
|
|
182
|
+
"folder_public",
|
|
183
|
+
"folder_share",
|
|
184
|
+
"folder_unlocked",
|
|
185
|
+
"paperclip",
|
|
186
|
+
],
|
|
187
|
+
|
|
188
|
+
"Media & Content": [
|
|
189
|
+
"camera",
|
|
190
|
+
"camera_disabled",
|
|
191
|
+
"camera_photo_add",
|
|
192
|
+
"image",
|
|
193
|
+
"image_add",
|
|
194
|
+
"image_disabled",
|
|
195
|
+
"image_scene",
|
|
196
|
+
"image_square",
|
|
197
|
+
"image_square_off",
|
|
198
|
+
"image_square_off_outline",
|
|
199
|
+
"image_square_outline",
|
|
200
|
+
"mic",
|
|
201
|
+
"pause_circle",
|
|
202
|
+
"play_circle",
|
|
203
|
+
"screenshot",
|
|
204
|
+
"screen",
|
|
205
|
+
"stop_circle",
|
|
206
|
+
"video",
|
|
207
|
+
"video_add",
|
|
208
|
+
"video_disabled",
|
|
209
|
+
"volume_down",
|
|
210
|
+
"volume_mute",
|
|
211
|
+
"volume_up",
|
|
212
|
+
],
|
|
213
|
+
|
|
214
|
+
Communication: [
|
|
215
|
+
"chat",
|
|
216
|
+
"comment",
|
|
217
|
+
"comment_add",
|
|
218
|
+
"comment_empty",
|
|
219
|
+
"comment_message",
|
|
220
|
+
"comment_message_disabled",
|
|
221
|
+
"email",
|
|
222
|
+
"email_add",
|
|
223
|
+
"envelope",
|
|
224
|
+
"megaphone",
|
|
225
|
+
"notifications",
|
|
226
|
+
"notifications_off",
|
|
227
|
+
"phone",
|
|
228
|
+
"phone_call",
|
|
229
|
+
"phone_hang_up",
|
|
230
|
+
"phone_mobile",
|
|
231
|
+
"rss_feed",
|
|
232
|
+
"share",
|
|
233
|
+
],
|
|
234
|
+
|
|
235
|
+
"Time & Calendar": [
|
|
236
|
+
"calendar",
|
|
237
|
+
"calendar_add",
|
|
238
|
+
"calendar_and_key",
|
|
239
|
+
"calendar_blank",
|
|
240
|
+
"calendar_booking",
|
|
241
|
+
"calendar_cancel",
|
|
242
|
+
"calendar_check",
|
|
243
|
+
"calendar_clock",
|
|
244
|
+
"calendar_event",
|
|
245
|
+
"calendar_loading_unloading",
|
|
246
|
+
"calendar_loading_unloading_date",
|
|
247
|
+
"calendar_plus",
|
|
248
|
+
"calendar_rebook",
|
|
249
|
+
"calendar_reserve",
|
|
250
|
+
"calendar_show",
|
|
251
|
+
"calendar_time_slot",
|
|
252
|
+
"calendar_week",
|
|
253
|
+
"clock",
|
|
254
|
+
"clock_add",
|
|
255
|
+
"clock_checkmark",
|
|
256
|
+
"clock_delay_warning",
|
|
257
|
+
"clock_delayed",
|
|
258
|
+
"clock_locked",
|
|
259
|
+
"clock_question_mark",
|
|
260
|
+
"history",
|
|
261
|
+
"hourglass",
|
|
262
|
+
"time_off_work",
|
|
263
|
+
"time_slot_not_reserved",
|
|
264
|
+
"time_slot_reserved",
|
|
265
|
+
"timer",
|
|
266
|
+
"timer_countdown",
|
|
267
|
+
"timesheet",
|
|
268
|
+
"timesheet_approve",
|
|
269
|
+
],
|
|
270
|
+
|
|
271
|
+
"User & Account": [
|
|
272
|
+
"key",
|
|
273
|
+
"lock",
|
|
274
|
+
"lock_open",
|
|
275
|
+
"manage_accounts",
|
|
276
|
+
"manage_people",
|
|
277
|
+
"password",
|
|
278
|
+
"people_add",
|
|
279
|
+
"people_couple",
|
|
280
|
+
"people_group",
|
|
281
|
+
"person",
|
|
282
|
+
"person_account",
|
|
283
|
+
"person_add",
|
|
284
|
+
"person_clock",
|
|
285
|
+
"person_edit",
|
|
286
|
+
"person_remove",
|
|
287
|
+
"sign_in",
|
|
288
|
+
"sign_out",
|
|
289
|
+
"user_account",
|
|
290
|
+
"user_active",
|
|
291
|
+
"user_guide",
|
|
292
|
+
"user_inactive",
|
|
293
|
+
"user_passkey",
|
|
294
|
+
"user_permissions",
|
|
295
|
+
],
|
|
296
|
+
|
|
297
|
+
"Data & Analytics": [
|
|
298
|
+
"bar_graph",
|
|
299
|
+
"bar_graph_line",
|
|
300
|
+
"bar_graph_square",
|
|
301
|
+
"dashboard",
|
|
302
|
+
"data_missing",
|
|
303
|
+
"data_transfer_off",
|
|
304
|
+
"gantt_chart",
|
|
305
|
+
"line_diagonal",
|
|
306
|
+
"line_graph",
|
|
307
|
+
"table",
|
|
308
|
+
],
|
|
309
|
+
|
|
310
|
+
"System & Settings": [
|
|
311
|
+
"cloud",
|
|
312
|
+
"cloud_connected",
|
|
313
|
+
"cloud_disconnected",
|
|
314
|
+
"cloud_download",
|
|
315
|
+
"cloud_upload",
|
|
316
|
+
"gears",
|
|
317
|
+
"server",
|
|
318
|
+
"server_round",
|
|
319
|
+
],
|
|
320
|
+
|
|
321
|
+
"Navigation & Location": [
|
|
322
|
+
"antenna",
|
|
323
|
+
"compass",
|
|
324
|
+
"gps",
|
|
325
|
+
"location",
|
|
326
|
+
"location_add",
|
|
327
|
+
"location_add_multiple",
|
|
328
|
+
"location_arrow",
|
|
329
|
+
"location_disabled",
|
|
330
|
+
"location_point",
|
|
331
|
+
"map",
|
|
332
|
+
"map_2d",
|
|
333
|
+
"map_marker",
|
|
334
|
+
"map_marker_circle",
|
|
335
|
+
"map_marker_multiple",
|
|
336
|
+
"map_markers",
|
|
337
|
+
"map_poi",
|
|
338
|
+
"satellite",
|
|
339
|
+
],
|
|
340
|
+
|
|
341
|
+
"Tools & Utilities": [
|
|
342
|
+
"brush",
|
|
343
|
+
"color_picker",
|
|
344
|
+
"hammer",
|
|
345
|
+
"paint_bucket",
|
|
346
|
+
"palette",
|
|
347
|
+
"settings",
|
|
348
|
+
"wrench",
|
|
349
|
+
],
|
|
350
|
+
|
|
351
|
+
"Weather & Environment": [
|
|
352
|
+
"cloud",
|
|
353
|
+
"cloud_connected",
|
|
354
|
+
"cloud_disconnected",
|
|
355
|
+
"day_mostly_cloudy",
|
|
356
|
+
"day_partly_cloudy",
|
|
357
|
+
"drizzle",
|
|
358
|
+
"fog",
|
|
359
|
+
"hail",
|
|
360
|
+
"hail_heavy",
|
|
361
|
+
"hail_light",
|
|
362
|
+
"ice",
|
|
363
|
+
"moon",
|
|
364
|
+
"night_mostly_cloudy",
|
|
365
|
+
"night_partly_cloudy",
|
|
366
|
+
"overcast",
|
|
367
|
+
"rain",
|
|
368
|
+
"rain_heavy",
|
|
369
|
+
"rain_icy",
|
|
370
|
+
"raindrop",
|
|
371
|
+
"snow_heavy",
|
|
372
|
+
"snow_light",
|
|
373
|
+
"snow_particle",
|
|
374
|
+
"snowflake",
|
|
375
|
+
"snowflakes",
|
|
376
|
+
"sun",
|
|
377
|
+
"thunderstorm_heavy",
|
|
378
|
+
"thunderstorm_light",
|
|
379
|
+
"wind",
|
|
380
|
+
"wintery_mix",
|
|
381
|
+
],
|
|
382
|
+
|
|
383
|
+
Transportation: [
|
|
384
|
+
"delivery_truck",
|
|
385
|
+
"delivery_truck_allocate",
|
|
386
|
+
"delivery_truck_motion",
|
|
387
|
+
"drone",
|
|
388
|
+
"forklift",
|
|
389
|
+
"helicopter",
|
|
390
|
+
"truck_add",
|
|
391
|
+
"truck_warning_delay",
|
|
392
|
+
],
|
|
393
|
+
|
|
394
|
+
"Business & Finance": [
|
|
395
|
+
"costs",
|
|
396
|
+
"credit_card",
|
|
397
|
+
"invoice",
|
|
398
|
+
"invoice_euro",
|
|
399
|
+
"invoice_pound",
|
|
400
|
+
"invoice_yen",
|
|
401
|
+
"payment_instant",
|
|
402
|
+
"submit_expense",
|
|
403
|
+
],
|
|
404
|
+
|
|
405
|
+
"Technology & Devices": [
|
|
406
|
+
"headset",
|
|
407
|
+
"keyboard",
|
|
408
|
+
"keyboard_keys",
|
|
409
|
+
"mobile_app_version",
|
|
410
|
+
"mouse",
|
|
411
|
+
"printer",
|
|
412
|
+
"tablet",
|
|
413
|
+
],
|
|
414
|
+
|
|
415
|
+
"Health & Medical": ["heart", "pulse"],
|
|
416
|
+
|
|
417
|
+
"Education & Learning": ["certificate", "learn"],
|
|
418
|
+
|
|
419
|
+
"Security & Safety": [
|
|
420
|
+
"alert",
|
|
421
|
+
"alert_outlined",
|
|
422
|
+
"lock",
|
|
423
|
+
"lock_open",
|
|
424
|
+
"shield",
|
|
425
|
+
"warning",
|
|
426
|
+
"warning_outlined",
|
|
427
|
+
],
|
|
428
|
+
|
|
429
|
+
"Shopping & Commerce": [
|
|
430
|
+
"shopping_cart",
|
|
431
|
+
"shopping_cart_minus",
|
|
432
|
+
"shopping_cart_plus",
|
|
433
|
+
],
|
|
434
|
+
|
|
435
|
+
"Social & Community": ["people_add", "people_couple", "people_group"],
|
|
436
|
+
|
|
437
|
+
"Science & Research": ["labs"],
|
|
438
|
+
|
|
439
|
+
"Art & Design": ["brush", "color_picker", "paint_bucket", "palette"],
|
|
440
|
+
|
|
441
|
+
"Food & Dining": ["coffee_cup"],
|
|
442
|
+
|
|
443
|
+
"Travel & Tourism": ["ticket", "ticket_plane"],
|
|
444
|
+
|
|
445
|
+
"Home & Living": ["home"],
|
|
446
|
+
|
|
447
|
+
"Numbers & Special": [
|
|
448
|
+
"2_layers",
|
|
449
|
+
"2_layers_off",
|
|
450
|
+
"360",
|
|
451
|
+
"add_square",
|
|
452
|
+
"x12",
|
|
453
|
+
"x7",
|
|
454
|
+
"x7_card",
|
|
455
|
+
"x7_settings",
|
|
456
|
+
],
|
|
457
|
+
|
|
458
|
+
Miscellaneous: [
|
|
459
|
+
"accessibility",
|
|
460
|
+
"accessibility_circle",
|
|
461
|
+
"address",
|
|
462
|
+
"advanced_instructions",
|
|
463
|
+
"alarm_add",
|
|
464
|
+
"alarm_off",
|
|
465
|
+
"alarm_on",
|
|
466
|
+
"align_bottom",
|
|
467
|
+
"align_center_horiz",
|
|
468
|
+
"align_center_vert",
|
|
469
|
+
"align_left",
|
|
470
|
+
"align_right",
|
|
471
|
+
"align_top",
|
|
472
|
+
"angle_90",
|
|
473
|
+
"apps",
|
|
474
|
+
"arc",
|
|
475
|
+
"artificial_intelligence",
|
|
476
|
+
"barcode",
|
|
477
|
+
"battery_0_horizontal",
|
|
478
|
+
"battery_0_vertical",
|
|
479
|
+
"battery_25_horizontal",
|
|
480
|
+
"battery_25_vertical",
|
|
481
|
+
"battery_50_horizontal",
|
|
482
|
+
"battery_50_vertical",
|
|
483
|
+
"battery_75_horizontal",
|
|
484
|
+
"battery_75_vertical",
|
|
485
|
+
"battery_charging_horizontal",
|
|
486
|
+
"battery_charging_vertical",
|
|
487
|
+
"battery_full_horizontal",
|
|
488
|
+
"battery_full_vertical",
|
|
489
|
+
"between",
|
|
490
|
+
"bolt",
|
|
491
|
+
"bookings",
|
|
492
|
+
"bookings_open",
|
|
493
|
+
"box_select",
|
|
494
|
+
"briefcase",
|
|
495
|
+
"brightness",
|
|
496
|
+
"bug",
|
|
497
|
+
"bug_report",
|
|
498
|
+
"building_corporate",
|
|
499
|
+
"buildings",
|
|
500
|
+
"calculate",
|
|
501
|
+
"calculator",
|
|
502
|
+
"calculator_symbols",
|
|
503
|
+
"cell_merge",
|
|
504
|
+
"cell_properties",
|
|
505
|
+
"cell_split",
|
|
506
|
+
"circle_notch",
|
|
507
|
+
"circle_outline",
|
|
508
|
+
"code",
|
|
509
|
+
"collapse",
|
|
510
|
+
"collapse_bold",
|
|
511
|
+
"column_copy",
|
|
512
|
+
"column_cut",
|
|
513
|
+
"column_delete",
|
|
514
|
+
"column_insert_after",
|
|
515
|
+
"column_insert_before",
|
|
516
|
+
"column_paste_after",
|
|
517
|
+
"column_paste_before",
|
|
518
|
+
"column_properties",
|
|
519
|
+
"columns",
|
|
520
|
+
"combine",
|
|
521
|
+
"component",
|
|
522
|
+
"contacts",
|
|
523
|
+
"contrast",
|
|
524
|
+
"crop",
|
|
525
|
+
"cube",
|
|
526
|
+
"curly_brackets",
|
|
527
|
+
"cursor",
|
|
528
|
+
"cursor_add",
|
|
529
|
+
"cursor_remove",
|
|
530
|
+
"drag_corner",
|
|
531
|
+
"drag_horizontal",
|
|
532
|
+
"drag_indicator",
|
|
533
|
+
"drag_vertical",
|
|
534
|
+
"drivers",
|
|
535
|
+
"earnings_statement",
|
|
536
|
+
"eraser",
|
|
537
|
+
"factory",
|
|
538
|
+
"filter",
|
|
539
|
+
"filter_list",
|
|
540
|
+
"filter_off",
|
|
541
|
+
"first_page",
|
|
542
|
+
"flag",
|
|
543
|
+
"flag_finish",
|
|
544
|
+
"floorplan",
|
|
545
|
+
"flowchart",
|
|
546
|
+
"footprints",
|
|
547
|
+
"forestry",
|
|
548
|
+
"frame",
|
|
549
|
+
"freight_market",
|
|
550
|
+
"freight_matching",
|
|
551
|
+
"freight_trolley",
|
|
552
|
+
"function",
|
|
553
|
+
"gavel",
|
|
554
|
+
"greater_than_equal_to",
|
|
555
|
+
"group_items",
|
|
556
|
+
"hand",
|
|
557
|
+
"hard_hat",
|
|
558
|
+
"icons_shapes",
|
|
559
|
+
"image_scene",
|
|
560
|
+
"in_cab_device",
|
|
561
|
+
"in_field_device",
|
|
562
|
+
"inspect",
|
|
563
|
+
"item_begins_with",
|
|
564
|
+
"item_contains",
|
|
565
|
+
"item_does_not_contain",
|
|
566
|
+
"item_does_not_equal",
|
|
567
|
+
"item_ends_with",
|
|
568
|
+
"item_equals",
|
|
569
|
+
"language",
|
|
570
|
+
"last_page",
|
|
571
|
+
"layer",
|
|
572
|
+
"less_than_equal_to",
|
|
573
|
+
"lightbulb_off",
|
|
574
|
+
"lightbulb_on",
|
|
575
|
+
"lightning",
|
|
576
|
+
"link",
|
|
577
|
+
"link_broken",
|
|
578
|
+
"link_off",
|
|
579
|
+
"list_bulleted",
|
|
580
|
+
"list_numbered",
|
|
581
|
+
"list_shapes",
|
|
582
|
+
"magic_wand",
|
|
583
|
+
"master_data",
|
|
584
|
+
"mix",
|
|
585
|
+
"monetarization",
|
|
586
|
+
"more_circle",
|
|
587
|
+
"more_horizontal",
|
|
588
|
+
"more_vertical",
|
|
589
|
+
"move",
|
|
590
|
+
"move_last_down",
|
|
591
|
+
"move_last_left",
|
|
592
|
+
"move_last_right",
|
|
593
|
+
"move_last_up",
|
|
594
|
+
"no_package",
|
|
595
|
+
"no_truck",
|
|
596
|
+
"not_synced_bold",
|
|
597
|
+
"object_mirror",
|
|
598
|
+
"object_outline",
|
|
599
|
+
"object_rotate",
|
|
600
|
+
"offers",
|
|
601
|
+
"pager",
|
|
602
|
+
"pan",
|
|
603
|
+
"paper_plane",
|
|
604
|
+
"pen",
|
|
605
|
+
"pencil",
|
|
606
|
+
"pin",
|
|
607
|
+
"pin_add",
|
|
608
|
+
"pin_straight",
|
|
609
|
+
"pin_straight_cancel",
|
|
610
|
+
"point_marker_tool",
|
|
611
|
+
"polygon",
|
|
612
|
+
"polygon_area_tool",
|
|
613
|
+
"polygon_concave",
|
|
614
|
+
"polygon_cone",
|
|
615
|
+
"polygon_drag_rectangle",
|
|
616
|
+
"polygon_line_tool",
|
|
617
|
+
"polygon_merge",
|
|
618
|
+
"polygon_select",
|
|
619
|
+
"pulse",
|
|
620
|
+
"qr_code",
|
|
621
|
+
"quick_login",
|
|
622
|
+
"ruler",
|
|
623
|
+
"scan_barcode",
|
|
624
|
+
"schema",
|
|
625
|
+
"scissors",
|
|
626
|
+
"shortcut",
|
|
627
|
+
"shovel",
|
|
628
|
+
"show_less_caret",
|
|
629
|
+
"show_more_caret",
|
|
630
|
+
"signal",
|
|
631
|
+
"smiley_dissatisfied",
|
|
632
|
+
"smiley_dissatisfied_outlined",
|
|
633
|
+
"smiley_neutral",
|
|
634
|
+
"smiley_neutral_outlined",
|
|
635
|
+
"smiley_satisfied",
|
|
636
|
+
"smiley_satisfied_outlined",
|
|
637
|
+
"smiley_somewhat_dissatisfied",
|
|
638
|
+
"smiley_somewhat_dissatisfied_outlined",
|
|
639
|
+
"smiley_somewhat_satisfied",
|
|
640
|
+
"smiley_somewhat_satisfied_outlined",
|
|
641
|
+
"sort",
|
|
642
|
+
"sort_alpha_down",
|
|
643
|
+
"sort_alpha_up",
|
|
644
|
+
"sort_arrow_down",
|
|
645
|
+
"sort_arrow_up",
|
|
646
|
+
"sort_down",
|
|
647
|
+
"sort_up",
|
|
648
|
+
"star",
|
|
649
|
+
"star_half",
|
|
650
|
+
"star_locked",
|
|
651
|
+
"star_northern",
|
|
652
|
+
"star_outlined",
|
|
653
|
+
"stars",
|
|
654
|
+
"street_measurement",
|
|
655
|
+
"sun",
|
|
656
|
+
"swap",
|
|
657
|
+
"switch_account",
|
|
658
|
+
"switch_left",
|
|
659
|
+
"switch_right",
|
|
660
|
+
"tag",
|
|
661
|
+
"tag_disabled",
|
|
662
|
+
"template",
|
|
663
|
+
"text_align_left",
|
|
664
|
+
"text_align_right",
|
|
665
|
+
"text_bold",
|
|
666
|
+
"text_centered",
|
|
667
|
+
"text_grow",
|
|
668
|
+
"text_input",
|
|
669
|
+
"text_input_long",
|
|
670
|
+
"text_input_short",
|
|
671
|
+
"text_italic",
|
|
672
|
+
"text_marker",
|
|
673
|
+
"text_shrink",
|
|
674
|
+
"text_strikethrough",
|
|
675
|
+
"text_truncated",
|
|
676
|
+
"text_underlined",
|
|
677
|
+
"thermometer_cold",
|
|
678
|
+
"thermometer_hot",
|
|
679
|
+
"thumbs_down",
|
|
680
|
+
"thumbs_up",
|
|
681
|
+
"toggle_center",
|
|
682
|
+
"toggle_left_panel",
|
|
683
|
+
"toggle_off",
|
|
684
|
+
"toggle_on",
|
|
685
|
+
"toggle_right_panel",
|
|
686
|
+
"traffic_cone",
|
|
687
|
+
"tree_structure",
|
|
688
|
+
"triangle_down",
|
|
689
|
+
"triangle_left",
|
|
690
|
+
"triangle_right",
|
|
691
|
+
"triangle_up",
|
|
692
|
+
"trimble_logo",
|
|
693
|
+
"tune",
|
|
694
|
+
"tune_circle",
|
|
695
|
+
"uncombine",
|
|
696
|
+
"unfold_less",
|
|
697
|
+
"unfold_more",
|
|
698
|
+
"unit_selector",
|
|
699
|
+
"unsorted_arrows",
|
|
700
|
+
"user_guide",
|
|
701
|
+
"vr_xr",
|
|
702
|
+
"warehouse",
|
|
703
|
+
"web",
|
|
704
|
+
"wheelbarrow",
|
|
705
|
+
"widgets",
|
|
706
|
+
"wifi",
|
|
707
|
+
"wifi_no_internet",
|
|
708
|
+
"wifi_off",
|
|
709
|
+
"window",
|
|
710
|
+
"window_dock_undock",
|
|
711
|
+
"window_fit",
|
|
712
|
+
"window_resize",
|
|
713
|
+
"window_side_panel",
|
|
714
|
+
"window_template",
|
|
715
|
+
"window_views",
|
|
716
|
+
"window_wireframe",
|
|
717
|
+
"zoom_box",
|
|
718
|
+
"zoom_center",
|
|
719
|
+
"zoom_in",
|
|
720
|
+
"zoom_out",
|
|
721
|
+
],
|
|
722
|
+
|
|
723
|
+
"Specialized & Technical": [
|
|
724
|
+
"archive_square",
|
|
725
|
+
"auto_target",
|
|
726
|
+
"avoidance_zone",
|
|
727
|
+
"background_dark",
|
|
728
|
+
"background_light",
|
|
729
|
+
"base_station",
|
|
730
|
+
"bullseye",
|
|
731
|
+
"bullseye_off",
|
|
732
|
+
"bullseye_warning",
|
|
733
|
+
"clip",
|
|
734
|
+
"compactor",
|
|
735
|
+
"corner",
|
|
736
|
+
"dashboard_tiles",
|
|
737
|
+
"design_package",
|
|
738
|
+
"device_cb460",
|
|
739
|
+
"device_tsc7",
|
|
740
|
+
"devices_group",
|
|
741
|
+
"devices_status",
|
|
742
|
+
"dozer",
|
|
743
|
+
"easting",
|
|
744
|
+
"edit_mode",
|
|
745
|
+
"electric_meter_off",
|
|
746
|
+
"electric_meter_off_outline",
|
|
747
|
+
"electric_meter_outline_rounded",
|
|
748
|
+
"electric_meter_rounded",
|
|
749
|
+
"electric_meter_rounded_warn",
|
|
750
|
+
"elevation",
|
|
751
|
+
"gnss",
|
|
752
|
+
"gnss_r8",
|
|
753
|
+
"gnss_r8s_base",
|
|
754
|
+
"gnss_rpt",
|
|
755
|
+
"gnss_rts",
|
|
756
|
+
"gnss_sps986",
|
|
757
|
+
"grader",
|
|
758
|
+
"hex",
|
|
759
|
+
"horizontal_accuracy",
|
|
760
|
+
"machine",
|
|
761
|
+
"machines",
|
|
762
|
+
"measure_up",
|
|
763
|
+
"northing",
|
|
764
|
+
"orbit",
|
|
765
|
+
"orthogonal",
|
|
766
|
+
"perspective",
|
|
767
|
+
"prism_pole",
|
|
768
|
+
"prism_pole_extend",
|
|
769
|
+
"receiver_generic_error_filled",
|
|
770
|
+
"receiver_generic_error_outline",
|
|
771
|
+
"receiver_generic_filled",
|
|
772
|
+
"receiver_generic_off_filled",
|
|
773
|
+
"receiver_generic_off_outline",
|
|
774
|
+
"receiver_generic_outline",
|
|
775
|
+
"receiver_generic_warn_filled",
|
|
776
|
+
"receiver_generic_warn_outline",
|
|
777
|
+
"ri",
|
|
778
|
+
"rpt",
|
|
779
|
+
"rts",
|
|
780
|
+
"rts_off",
|
|
781
|
+
"rts_rpt",
|
|
782
|
+
"select_area",
|
|
783
|
+
"sx10",
|
|
784
|
+
"sync_filled",
|
|
785
|
+
"todo",
|
|
786
|
+
"todo_add",
|
|
787
|
+
"total_station",
|
|
788
|
+
"total_station_lost",
|
|
789
|
+
"unarchive_square",
|
|
790
|
+
"vertical_accuracy",
|
|
791
|
+
"view_2_rows",
|
|
792
|
+
"view_3_column",
|
|
793
|
+
"visibility_off",
|
|
794
|
+
"visibility_on",
|
|
795
|
+
"visibility_part_outline",
|
|
796
|
+
"workers_queue",
|
|
797
|
+
"xr10",
|
|
798
|
+
],
|
|
799
|
+
};
|
|
800
|
+
|
|
801
|
+
/**
|
|
802
|
+
* Flattened array containing all Modus icon names from all categories.
|
|
803
|
+
*
|
|
804
|
+
* This utility provides a single array of all available icon names,
|
|
805
|
+
* making it easy to iterate through all icons or perform searches
|
|
806
|
+
* across the entire icon collection.
|
|
807
|
+
*
|
|
808
|
+
* @example
|
|
809
|
+
* // Search for icons containing "arrow"
|
|
810
|
+
* const arrowIcons = allModusIcons.filter(icon => icon.includes('arrow'));
|
|
811
|
+
*
|
|
812
|
+
* @example
|
|
813
|
+
* // Display all icons in a grid
|
|
814
|
+
* allModusIcons.map(iconName => (
|
|
815
|
+
* <ModusIcon key={iconName} name={iconName} size="sm" />
|
|
816
|
+
* ))
|
|
817
|
+
*
|
|
818
|
+
* @see {@link modusIcons} - Categorized icon collection
|
|
819
|
+
* @see {@link totalIconCount} - Total number of icons
|
|
820
|
+
*/
|
|
821
|
+
export const allModusIcons = Object.values(modusIcons).flat();
|
|
822
|
+
|
|
823
|
+
/**
|
|
824
|
+
* Total number of available Modus icons across all categories.
|
|
825
|
+
*
|
|
826
|
+
* This count represents the sum of all icon names in the modusIcons
|
|
827
|
+
* collection, providing a quick way to verify icon availability
|
|
828
|
+
* or display statistics about the icon library.
|
|
829
|
+
*
|
|
830
|
+
* @example
|
|
831
|
+
* // Display icon count in UI
|
|
832
|
+
* <div>Total icons available: {totalIconCount}</div>
|
|
833
|
+
*
|
|
834
|
+
* @example
|
|
835
|
+
* // Validate icon count
|
|
836
|
+
* console.log(`Modus icon library contains ${totalIconCount} icons`);
|
|
837
|
+
*
|
|
838
|
+
* @see {@link modusIcons} - Categorized icon collection
|
|
839
|
+
* @see {@link allModusIcons} - Flattened icon array
|
|
840
|
+
* @see {@link categoryCount} - Number of categories
|
|
841
|
+
*/
|
|
842
|
+
export const totalIconCount = allModusIcons.length;
|
|
843
|
+
|
|
844
|
+
/**
|
|
845
|
+
* Number of icon categories in the Modus icon collection.
|
|
846
|
+
*
|
|
847
|
+
* This count represents the number of top-level categories used
|
|
848
|
+
* to organize the icon collection, useful for displaying category
|
|
849
|
+
* statistics or iterating through all available categories.
|
|
850
|
+
*
|
|
851
|
+
* @example
|
|
852
|
+
* // Display category count
|
|
853
|
+
* <div>Icons organized into {categoryCount} categories</div>
|
|
854
|
+
*
|
|
855
|
+
* @example
|
|
856
|
+
* // Iterate through all categories
|
|
857
|
+
* Object.keys(modusIcons).forEach(category => {
|
|
858
|
+
* console.log(`Category: ${category}`);
|
|
859
|
+
* });
|
|
860
|
+
*
|
|
861
|
+
* @see {@link modusIcons} - Categorized icon collection
|
|
862
|
+
* @see {@link allModusIcons} - Flattened icon array
|
|
863
|
+
* @see {@link totalIconCount} - Total number of icons
|
|
864
|
+
*/
|
|
865
|
+
export const categoryCount = Object.keys(modusIcons).length;
|