@lumx/core NPM

LumApps Design System (LumX)

The first official LumApps Design System for AngularJS or React applications. LumX will help you design your applications faster and more easily. You will be able to use LumX with either the LumApps design styleguides or the Google Material Design specifications.

Quick start

To start to use LumX, you can either:

Install with Yarn/NPM:

yarn add @lumx/<angularjs|react>
# Or
npm install @lumx/<angularjs|react>

Download the latest release for AngularJS or React
Clone the repository: git clone https://github.com/lumapps/design-system.git

See examples for more information on how to use each bundle.

Documentation

LumX's documentation is included in the "demo" directory. The demo/documentation site is built with Webpack and may be run locally. You can also find an online version of the demo and documentation site at https://design-system.lumapps.com.

How to get help, contribute, or provide feedback

Please refer to our contributing guidelines.

Project installation

Yarn dependency manager is recommended to launch the project. Check out the official installation documentation if not installed. You will need Yarn to execute the automatic setup script as well as for publishing the package.

Install project dependencies

Note that @mdi/js is defined as devDependencies. This is a way to make dev server usage easier because @lumx/icons needs it.

For an automatic installation:

yarn setup

Or, if you don't have Yarn or want to manually proceeed to the setup:

yarn install && cd ./src/icons && yarn install && cd -
# Or
npm install && cd ./src/icons && npm install && cd -

To start development server

For AngularJS development server:

yarn start:angularjs
# Or
npm run start:angularjs

You can then open your browser to http://localhost:4000/ to access the demo and test site.

For React development server:

yarn start:react
# Or
npm run start:react

You can then open your browser to http://localhost:4001/ to access the demo and test site.

Project build

you can build LumX by using:

yarn build[:<all|angularjs|react]
# Or
npm run build:<all|angularjs|react>

This will produce the target build for either AngularJS or React.

How to run examples

In the dist/<angularjs|react> directory, run:

yarn install
# Or
npm install

This will install http-server, a simple HTTP server.

Then run:

yarn serve
# Or
npm run serve

Your browser should open automatically, otherwise, you can go to http://localhost:8080 for React example or http://localhost:8081 for AngularJS example. Then, click on the examples directory in the showing listing and you should land on the example page.

How to publish packages

First, be sure to be logged in NPM:

npm login

To publish the @lumx/<core|react|angularjs|icons> package:

npm run release:<core|react|angularjs|icons>:<major|minor|patch>

To publish these four packages:

npm run release:<major|minor|patch>

These commands will build the packages, increment the version number and publish to NPM.

Copyright and license

Design System LumApps LumX

classnames focus-visible lodash sass-mq

@hyliss-widget/playground @everything-registry/sub-chunk-565 @lumapps-extensions-playground/common @lumapps-extensions-playground/devenv @lumx/react @lumx/angularjs @hyliss-widget/common @infinitebrahmanuniverse/nolb-_lum

3.7.0

7 days ago

3.6.9-alpha-split-esm-icons.0

12 days ago

3.6.9-alpha-new-icons.1

14 days ago

3.6.9-alpha-new-icons.0

17 days ago

3.6.8

18 days ago

3.6.8-alpha-new-icons.0

19 days ago

3.6.7

1 month ago

3.6.7-alpha-with-popover-change.0

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

2 months ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

5 months ago

3.6.1-alpha-chore-dependency-updates.0

5 months ago

3.6.0

5 months ago

3.5.6-alpha-refine-colors.0

5 months ago

6 months ago

8 months ago

9 months ago

9 months ago

9 months ago

3.5.5-alpha-line-height.3

6 months ago

3.5.5-alpha-line-height.2

6 months ago

3.5.5-alpha-line-height.1

6 months ago

3.5.5-alpha-line-height.0

6 months ago

9 months ago

6 months ago

7 months ago

10 months ago

10 months ago

3.5.4-alpha-remove-moment.1

7 months ago

3.5.4-alpha-remove-moment.2

7 months ago

3.5.4-alpha-remove-moment.0

8 months ago

3.5.6-alpha-icon-override-twitter.1

6 months ago

3.5.6-alpha-icon-override-twitter.0

6 months ago

3.5.4-alpha-optimize-lumx-react-bundle.0

8 months ago

3.5.4-alpha-remove-moment-repack.0

8 months ago

3.3.1-alpha-thumbnail-aspect-ratio.0

11 months ago

3.3.2-alpha.0

11 months ago

3.3.1-alpha-uploader-a-11-y.0

11 months ago

3.3.1-alpha.0

12 months ago

3.3.2-alpha-thumbnail-aspect-ratio.8

11 months ago

3.3.2-alpha-thumbnail-aspect-ratio.7

11 months ago

3.3.1-alpha-non-reg-sbv-7.0

1 year ago

3.3.1

11 months ago

3.3.0

1 year ago

3.3.2-alpha-thumbnail-aspect-ratio.2

11 months ago

3.3.2-alpha-thumbnail-aspect-ratio.1

11 months ago

3.3.2-alpha-thumbnail-aspect-ratio.0

11 months ago

3.3.2-alpha-thumbnail-aspect-ratio.6

11 months ago

3.3.2-alpha-thumbnail-aspect-ratio.5

11 months ago

3.3.2-alpha-thumbnail-aspect-ratio.4

11 months ago

3.3.2-alpha-thumbnail-aspect-ratio.3

11 months ago

3.2.1

1 year ago

3.2.0

1 year ago

3.2.1-alpha.0

1 year ago

3.2.2-non-reg-storybook-7-vite.0

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

3.1.4-alpha-popover.0

1 year ago

3.1.4-alpha-popover.2

1 year ago

3.1.4-alpha-popover.1

1 year ago

3.1.4-alpha-popover.4

1 year ago

3.1.4-alpha-popover.3

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

3.0.8-alpha-auto-release.0

1 year ago

3.0.6-alpha.2

1 year ago

3.0.6-alpha.1

1 year ago

3.0.6-alpha.0

1 year ago

3.1.4-alpha-poc-build-components.0

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

3.0.2-alpha-react-utils.1

2 years ago

3.0.2-alpha-react-utils.2

2 years ago

3.0.2-alpha-react-utils.3

2 years ago

3.0.3-alpha.1

2 years ago

3.0.0-alpha-dart-sass.1

2 years ago

3.0.0-alpha-dart-sass.2

2 years ago

3.0.2

2 years ago

3.0.1

2 years ago

3.0.0

2 years ago

2.2.26-alpha-a11y-slideshow.6

2 years ago

2.2.26-alpha-a11y-slideshow.5

2 years ago

2.2.26-alpha-a11y-slideshow.7

2 years ago

2.2.26-alpha-a11y-slideshow.2

2 years ago

2.2.26-alpha-a11y-slideshow.4

2 years ago

2.2.26-alpha-a11y-slideshow.3

2 years ago

2.2.23-alpha-dart-sass.1

2 years ago

2.2.25-alpha-icons-bundle-both-cjs-esm.1

2 years ago

2.2.22-alpha-icons-tree-shake.1

2 years ago

2.2.22-alpha-dart-sass.1

2 years ago

2.2.23-alpha-thumbnail-focus-point.1

2 years ago

2.2.20-alpha.xss.datatable

2 years ago

2.2.21-alpha.1

2 years ago

2.2.22-alpha-fix-generic-block.1

2 years ago

2.2.22-alpha-fix-generic-block.2

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2.2.9-alpha-exported-hooks2

2 years ago

2.2.9-alpha-exported-hooks1

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2.1.9-prefer-css-color-variables

2 years ago

2.1.9-prefer-css-color-variables2

2 years ago

2.2.3-alpha-export-hook1

2 years ago

2.1.9-prefer-css-color-variables3

2 years ago

2.1.9-prefer-css-color-variables4

2 years ago

2.1.9-alpha-thumbnail8

2 years ago

2.1.9-alpha-thumbnail9

2 years ago

2.1.9-alpha-thumbnail7

2 years ago

2.1.9-alpha-thumbnail5

2 years ago

2.1.9-alpha-thumbnail15

2 years ago

2.1.9-alpha-thumbnail16

2 years ago

2.1.9-alpha-thumbnail17

2 years ago

2.1.9-alpha-thumbnail18

2 years ago

2.1.9-alpha-thumbnail11

2 years ago

2.1.9-alpha-thumbnail12

2 years ago

2.1.9-alpha-thumbnail13

2 years ago

2.1.9-alpha-thumbnail14

2 years ago

2.1.9-alpha-thumbnail10

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2.1.9-fix-design-tokens

2 years ago

2.1.9-alpha-thumbnail4

2 years ago

2.1.9-alpha-thumbnail2

2 years ago

2.1.9-alpha-thumbnail3

2 years ago

2.1.9-alpha-thumbnail

2 years ago

2.1.8-alpha.0

2 years ago

2.1.1

3 years ago

2.1.0

3 years ago

2.1.0-alpha-css-test2

3 years ago

2.1.0-alpha.13-css-test1

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

2.0.4-fix-popover-boundary

3 years ago

2.0.3

3 years ago

2.1.0-alpha.10

3 years ago

2.1.0-alpha.9

3 years ago

2.0.2-alpha-fix-scroll-modal

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago