-
Notifications
You must be signed in to change notification settings - Fork 56
Open
Labels
bugSomething isn't workingSomething isn't workingneeds triageThis issue has not been tested by a team member yetThis issue has not been tested by a team member yet
Description
Which exact UI Library version are you using? For example: 1.0.1 - don't just write v1.
1.13.0
Bug summary
I'm trying to use the uui-css library in a Lit component. Following the documentation, I have added the line import { UUITextStyles } from '@umbraco-ui/uui-css';
but I get the error Module "@umbraco-ui/uui-css" has not exported member UUITextStyles
Building the project doesn't throw any errors but in fact the styles are not being used in my component.
Specifics
I will add here some configuration files in case it can be related:
Vite.config.js
import { defineConfig } from 'vite'
export default defineConfig({
build: {
sourcemap: true,
outDir: '../wwwroot/App_Plugins/uTours',
emptyOutDir: true,
lib: {
entry: './src/index.ts',
formats: ['es', 'umd'],
name: 'UToursEditor',
fileName: (format) => `utours-editor.${format}.js`
},
rollupOptions: {
output: {
globals: {
lit: 'lit'
}
}
}
}
})
Package.json
{
"name": "utours-editor",
"description": "Webcomponent utours-editor following open-wc recommendations",
"license": "MIT",
"author": "utours-editor",
"version": "0.0.2",
"type": "module",
"scripts": {
"analyze": "cem analyze --litelement",
"start": "vite serve",
"build": "vite build && npm run analyze --",
"build:watch": "concurrently \"vite build --watch\" \"npm run analyze:watch\"",
"analyze:watch": "cem analyze --litelement --watch",
"dev": "vite build --watch",
"prepublish": "vite build && npm run analyze --"
},
"dependencies": {
"@umbraco-ui/uui": "^1.13.0",
"@umbraco-ui/uui-css": "^1.13.0"
},
"peerDependencies": {
"@umbraco-cms/backoffice": "^16.0.0"
},
"devDependencies": {
"@custom-elements-manifest/analyzer": "^0.10.3",
"@umbraco-cms/backoffice": "^16.0.0",
"@web/dev-server": "^0.4.6",
"concurrently": "^8.2.2",
"tslib": "^2.6.3",
"typescript": "^5.5.3",
"vite": "^6.3.5"
},
"customElements": "custom-elements.json"
}
Steps to reproduce
Create a Vite project that uses TypeScript
Follow uui-css docs by adding import { UUITextStyles } from '@umbraco-ui/uui-css';
to a TypeScript file
Expected result / actual result
VSCode throws the error Module "@umbraco-ui/uui-css" has not exported member UUITextStyles
and styles are not being used in the component.
Metadata
Metadata
Assignees
Labels
bugSomething isn't workingSomething isn't workingneeds triageThis issue has not been tested by a team member yetThis issue has not been tested by a team member yet