Skip to content

UUITextStyles no available in module #1160

@lumimario

Description

@lumimario

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

No one assigned

    Labels

    bugSomething isn't workingneeds triageThis issue has not been tested by a team member yet

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions