Files

T

Benjamin Ottensten cba989722b Fix: Various fixes around saved views (#5345 )

* Update empty state copy

* Various copy changes

* Make search smaller

* Tweak spacings

* Better position search

* Polish styling of button group

* Add tooltip to visibility icons

* Fix position of saved view tooltip

* Changes to ··· menus

* Update copy in view details modal

* Fix styling of group empty state

* Fix width of group title while renaming

* Capitalize date

* Change icon color

* Fix truncation

* Add tooltips to all actions

* Undo truncation hover fix

I need to find a different way to fix this. Later.

2025-08-29 15:31:07 +02:00

.cursor/rules

Feat: Cursor code rules (#5246 )

2025-08-19 20:43:36 +02:00

.storybook

feat: copy link to view + load original version (#5202 )

2025-08-11 16:02:35 +03:00

.vscode

chore: move common workspace plan/feature config to @speckle/shared (#4064 )

2025-02-27 11:18:30 +02:00

src

Fix: Various fixes around saved views (#5345 )

2025-08-29 15:31:07 +02:00

utils

fix: tailwind config loading randomly breaking cause of import.meta in cjs (#3850 )

2025-01-21 11:47:50 +02:00

.npmignore

…

eslint.config.mjs

feat: copy link to view + load original version (#5202 )

2025-08-11 16:02:35 +03:00

index.html

…

package.json

feat: saved views search (#5266 )

2025-08-20 10:58:35 +03:00

postcss.config.js

…

README.md

fix: tailwind config loading randomly breaking cause of import.meta in cjs (#3850 )

2025-01-21 11:47:50 +02:00

tailwind.config.cjs

feat: seat type selection in invite flows (#4908 )

2025-06-13 09:45:58 +03:00

tsconfig.json

…

tsconfig.node.json

…

vite.config.ts

chore: upgrade TS 5.2 -> 5.7.3 & ESLint to 9.20.1 (#4032 )

2025-02-20 14:18:18 +02:00

README.md

ui-components

Speckle UI component library built with Vue 3 and relying on the Speckle Tailwind theme.

Setup

Make sure you have @speckle/tailwind-theme installed and set up with Tailwind
Install @speckle/ui-components
In your tailwind config import tailwindContentEntries from @speckle/ui-components/tailwind-configure and invoke it in the contents field to ensure PurgeCSS is configured correctly. It requires the CJS require object as its only parameter. If it isn't available (in an ESM environment), you can use node's createRequire().
Import @speckle/ui-components/style.css in your app. If exports map isn't supported you can also import from @speckle/ui-components/dist/style.css

Usage in Nuxt v3

It's suggested that you also install the @speckle/ui-components-nuxt Nuxt module. It will ensure that all of the Vue components can be auto-imported like components in nuxt's ./components directory. No need to import them manually anymore and you'll also get proper TS typing in your Vue templates out of the box!

Troubleshooting

Form validation doesn't work

It appears that in some scenarios Nuxt/Vite gets confused and bundles 'vee-validate' twice. To fix this add 'vee-validate' to vite.resolve.dedupe in your nuxt/vite config.

Build

Run yarn build

Development

Develop & test your components in Storybook - yarn storybook

Optionally you can also run yarn dev to run the Vite dev server which runs App.vue and in some special scenarios you might want to debug components there.

Troubleshooting

Styles don't work

Re-start storybook, it could be that you introduced a new tailwind class that was previously purged out