Registry / devops / ux4g-components

ux4g-components

library1.9.1jsnpmunverified

Deprecated UX4G Design System components for React and Angular (v1.9.1). Originally provided CSS utilities, React wrappers, and Angular modules. As of version 1.9.0 this package has been split into three independently publishable packages: ux4g-components-web (CSS & design tokens), ux4g-components-react (React components), and ux4g-components-angular (Angular components). No further updates will be made. All consumers must migrate to the new packages. The deprecated package is retained as a stub only and should not be published or newly installed.

devops

npm install ux4g-components

package ↗

INSTALL

IMPORT

SIG · UX4G-COMPONENTS

ux4g-components

devopsjavascriptv1.9.1

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

UX4GButton (React)

✓ import { UX4GButton } from 'ux4g-components-react/button';

✗ import { UX4GButton } from 'ux4g-components/react/button';

Since v1.9.0 React components moved to ux4g-components-react. The old path will not be updated.

UX4GButtonModule (Angular)

✓ import { UX4GButtonModule } from 'ux4g-components-angular/button';

✗ import { UX4GButtonModule } from 'ux4g-components/angular/button';

Since v1.9.0 Angular modules moved to ux4g-components-angular. The old path will not be updated.

CSS (plain HTML/CSS)

✓ <link rel="stylesheet" href="node_modules/ux4g-components-web/styles/ux4g.css" />

✗ <link rel="stylesheet" href="node_modules/ux4g-components/styles/ux4g.css" />

Since v1.9.0 the CSS bundle is in ux4g-components-web. Update the path in angular.json or HTML.

CSS (React/Angular import)

✓ import 'ux4g-components-web/styles.css';

✗ import 'ux4g-components/styles/ux4g.css';

Since v1.9.0 the CSS bundle moved to ux4g-components-web. The filename changed from 'ux4g.css' to 'styles.css'.

Migration from deprecated ux4g-components to new split packages (ux4g-components-web + ux4g-components-react) with CSS import and component usage.

npm uninstall ux4g-components npm install ux4g-components-web ux4g-components-react import 'ux4g-components-web/styles.css'; import { UX4GButton } from 'ux4g-components-react/button'; function App() { return <UX4GButton variant="primary" size="md" loading>Submit</UX4GButton>; }

Debug

Known issues

deprecatedPackage ux4g-components has been deprecated. Do not use in new projects; migrate existing projects to ux4g-components-web, ux4g-components-react, and ux4g-components-angular.

fix

See migration guide: replace imports and CSS references with the new package names.

affects: >=1.9.0

breakingv1.9.0 split the package into three. All import paths changed. React components moved from ux4g-components/react/* to ux4g-components-react/*. Angular modules moved from ux4g-components/angular/* to ux4g-components-angular/*. CSS bundle moved from ux4g-components/styles/ux4g.css to ux4g-components-web/styles.css.

fix

Uninstall ux4g-components. Install the appropriate new packages. Update all imports and CSS links.

affects: >=1.9.0

gotchaThe CSS filename changed from 'ux4g.css' to 'styles.css' in the new ux4g-components-web package. Update import statements and angular.json references accordingly.

fix

Change import 'ux4g-components/styles/ux4g.css' to import 'ux4g-components-web/styles.css'.

affects: >=1.9.0

gotchaThis package (ux4g-components) is a stub only and should not be published. Do not include it as a dependency in new projects.

fix

Use ux4g-components-web, ux4g-components-react, and/or ux4g-components-angular instead.

affects: >=1.9.0

Errors

Common errors & fixes

Cannot find module 'ux4g-components/react/button' or its corresponding type declarations.

Importing from deprecated path after migration to ux4g-components-react.

fix

Install ux4g-components-react and change import to 'ux4g-components-react/button'.

Module not found: Error: Can't resolve 'ux4g-components/styles/ux4g.css' in '/path/to/project'

CSS file moved to ux4g-components-web with different filename.

fix

Install ux4g-components-web and change import to 'ux4g-components-web/styles.css'.

Module 'ux4g-components' is deprecated. Please use ux4g-components-web, ux4g-components-react, or ux4g-components-angular.

Installing the deprecated stub package.

fix

Uninstall ux4g-components and install the appropriate split package(s).

Upgrade

Version history

1.9.1latest on npm

Audit

Dependencies

@angular/commonoptionalAngular consumers require these peer deps to use Angular wrapper components.

@angular/coreoptionalAngular consumers require these peer deps to use Angular wrapper components.

reactoptionalReact consumers require these peer deps to use React wrapper components.

react-domoptionalReact consumers require these peer deps to use React wrapper components.

Agent activity

8 hits · last 30 days

node

Resources

packageux4g-components ↗