@vaadin/vaadin-lumo-styles
Advanced tools
Comparing version 22.0.0-alpha1 to 22.0.0-alpha2
@@ -21,2 +21,3 @@ /** | ||
| line-height: 1; | ||
| padding-right: 1em; | ||
| padding-bottom: 0.5em; | ||
@@ -39,7 +40,6 @@ overflow: hidden; | ||
| :host([required]) [part='label'] { | ||
| padding-right: 1em; | ||
| } | ||
| [part='label']::after { | ||
| /* TODO: remove old pseudo element when the following components are updated to use new indicator: | ||
| combo-box, date-picker, time-picker, date-time-picker, select. */ | ||
| [part='label']::after, | ||
| [part='indicator']::after { | ||
| content: var(--lumo-required-field-indicator, '•'); | ||
@@ -55,7 +55,9 @@ transition: opacity 0.2s; | ||
| :host([required]:not([has-value])) [part='label']::after { | ||
| :host([required]:not([has-value])) [part='label']::after, | ||
| :host([required]:not([has-value])) [part='indicator']::after { | ||
| opacity: 1; | ||
| } | ||
| :host([invalid]) [part='label']::after { | ||
| :host([invalid]) [part='label']::after, | ||
| :host([invalid]) [part='indicator']::after { | ||
| color: var(--lumo-error-text-color); | ||
@@ -94,3 +96,3 @@ } | ||
| :host([required][dir='rtl']) [part='label'] { | ||
| :host([dir='rtl']) [part='label'] { | ||
| padding-left: 1em; | ||
@@ -100,3 +102,4 @@ padding-right: 0; | ||
| :host([dir='rtl']) [part='label']::after { | ||
| :host([dir='rtl']) [part='label']::after, | ||
| :host([dir='rtl']) [part='indicator']::after { | ||
| right: auto; | ||
@@ -103,0 +106,0 @@ left: 0; |
| { | ||
| "name": "@vaadin/vaadin-lumo-styles", | ||
| "version": "22.0.0-alpha1", | ||
| "version": "22.0.0-alpha2", | ||
| "description": "Lumo is a design system foundation for modern web applications, used by Vaadin components", | ||
@@ -37,4 +37,4 @@ "main": "all-imports.js", | ||
| "@polymer/polymer": "^3.0.0", | ||
| "@vaadin/vaadin-icon": "^22.0.0-alpha1", | ||
| "@vaadin/vaadin-themable-mixin": "^22.0.0-alpha1" | ||
| "@vaadin/vaadin-icon": "^22.0.0-alpha2", | ||
| "@vaadin/vaadin-themable-mixin": "^22.0.0-alpha2" | ||
| }, | ||
@@ -51,3 +51,3 @@ "devDependencies": { | ||
| }, | ||
| "gitHead": "c9694d6549bff1f7fffb9ece26178e57fc228a51" | ||
| "gitHead": "179d38f5146be752853ea4b7997b1446a2ab1fd4" | ||
| } |
@@ -0,8 +1,6 @@ | ||
| # Lumo | ||
| [](https://www.npmjs.com/package/@vaadin/vaadin-lumo-styles) | ||
| [](https://github.com/vaadin/vaadin-lumo-styles/releases) | ||
| [](https://gitter.im/vaadin/web-components?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge) | ||
| [](https://discord.gg/PHmkCKC) | ||
| # Lumo | ||
| > Lumo – ✨ enchantment (Finnish) and 🔆 light (Esperanto) | ||
@@ -14,73 +12,6 @@ | ||
| The implementation of Lumo is based on CSS custom properties, and [Polymer style modules](https://www.polymer-project.org/2.0/docs/devguide/style-shadow-dom#style-modules). Note, that you don’t need to use Polymer to build your application in order to use Lumo. | ||
| [Documentation ↗](https://vaadin.com/docs/latest/ds/foundation) | ||
| ## Documentation | ||
| *🚧 Documentation will eventually be deployed at https://vaadin.com 🚧* | ||
| For documentation and instructions how to get started, use the “Documentation” link in the latest [release notes](https://github.com/vaadin/vaadin-lumo-styles/releases). | ||
| ## Part of the Vaadin platform | ||
| Lumo is maintained as a part of the [Vaadin platform](https://vaadin.com/). | ||
| [Vaadin components](https://vaadin.com/components) is a collection of web components that use the Lumo design language as their default theme. The [Vaadin app starters](https://vaadin.com/start) are also based on Lumo. | ||
| ## Big Thanks | ||
| Cross-browser Testing Platform and Open Source <3 Provided by [Sauce Labs](https://saucelabs.com). | ||
| ## Contributing | ||
| Reporting [issues and feature request](https://github.com/vaadin/vaadin-lumo-styles/issues/new) is a great way to help! If you have questions, join the [Vaadin components chat](https://gitter.im/vaadin/vaadin-core-elements) – we’re happy to answer Lumo related questions there. | ||
| ## Running demos and tests in a browser | ||
| 1. Fork the `vaadin-lumo-styles` repository and clone it locally. | ||
| 1. Make sure you have [npm](https://www.npmjs.com/) and [Bower](https://bower.io) installed. | ||
| 1. When in the `vaadin-lumo-styles` directory, run `npm install` and then `bower install` to install dependencies. | ||
| 1. Run `npm start`, browser will automatically open the component API documentation. | ||
| 1. You can also open demo/documentation by adding **demo** to the URL, for example: | ||
| - http://127.0.0.1:3000/components/vaadin-lumo-styles/demo | ||
| ## Adding or updating icons | ||
| 1. Open `icons/Lumo Icons.sketch` using [Sketch](https://sketchapp.com) | ||
| 1. Follow the instructions in the Sketch document | ||
| 1. Run `npm install` to install dependencies | ||
| 1. Run `gulp icons` to generate new versions of `iconset.html` and `font-icons.html` | ||
| ## Following the coding style | ||
| We are using [ESLint](http://eslint.org/) for linting JavaScript code. You can check if your code is following our standards by running `gulp lint`, which will automatically lint all `.js` files as well as JavaScript snippets inside `.html` files. CSS inside `.html` files is also linted at the same time. | ||
| ## Creating a pull request | ||
| - Make sure your code is compliant with our code linters: `gulp lint` | ||
| - [Submit a pull request](https://www.digitalocean.com/community/tutorials/how-to-create-a-pull-request-on-github) with detailed title and description | ||
| - Wait for response from one of Vaadin components team members | ||
| ## Updating the version number | ||
| Use `npm version <new version>` to update the version number in `package.json` and in other relevant places such as `version.html`, when preparing to release a new version. | ||
| ## License | ||
| Apache License 2.0 |
@@ -8,3 +8,3 @@ /** | ||
| static get version() { | ||
| return '22.0.0-alpha1'; | ||
| return '22.0.0-alpha2'; | ||
| } | ||
@@ -11,0 +11,0 @@ } |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Lines of code
- increased by0.13%
3120
Worsened metrics
- Total package byte prevSize
- decreased by-2.15%
127233
- Number of lines in readme file
- decreased by-80.23%
17