lion

Fundamental white label web component features for your design system.

MIT License

Downloads
208.3K
Stars
1.7K
Committers
158
View Code on GitHub Visit Website
Ecosystems: Web Components, JavaScript

Bot releases are visible (Hide)

lion - @lion/[email protected]

Published by github-actions[bot] over 3 years ago

Minor Changes

  • 72067c0d: BREAKING Upgrade to lit version 2

    This does not change any of the public APIs of lion.
    It however effects you when you have your own extension layer or your own components especially when using directives.
    See the official lit upgrade guide.

    BREAKING Upgrade to ScopedElements version 2

    This version of @open-wc/scoped-elements is now following the Scoped Custom Element Registries and automatically loads a polyfill @webcomponents/scoped-custom-element-registry.

    This means tag names are no longer being rewritten with a hash.

    import { css, LitElement } from 'lit';
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
import { MyButton } from './MyButton.js';

export class MyElement extends ScopedElementsMixin(LitElement) {
  static get scopedElements() {
    return {
      'my-button': MyButton,
    };
  }

  render() {
    return html`
      <my-button>click me</my-button>
    `;
  }
}

    <!-- before (ScopedElements 1.x) -->
<my-element>
  #shadow-root
  <my-button-23243424>click me</my-button-23243424>
</my-element>

<!-- after (ScopedElements 2.x) -->
<my-element>
  #shadow-root
  <my-button>click me</my-button>
</my-element>

Patch Changes

lion - @lion/[email protected]

Published by github-actions[bot] over 3 years ago

Minor Changes

  • 72067c0d: BREAKING Upgrade to lit version 2

    This does not change any of the public APIs of lion.
    It however effects you when you have your own extension layer or your own components especially when using directives.
    See the official lit upgrade guide.

    BREAKING Upgrade to ScopedElements version 2

    This version of @open-wc/scoped-elements is now following the Scoped Custom Element Registries and automatically loads a polyfill @webcomponents/scoped-custom-element-registry.

    This means tag names are no longer being rewritten with a hash.

    import { css, LitElement } from 'lit';
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
import { MyButton } from './MyButton.js';

export class MyElement extends ScopedElementsMixin(LitElement) {
  static get scopedElements() {
    return {
      'my-button': MyButton,
    };
  }

  render() {
    return html`
      <my-button>click me</my-button>
    `;
  }
}

    <!-- before (ScopedElements 1.x) -->
<my-element>
  #shadow-root
  <my-button-23243424>click me</my-button-23243424>
</my-element>

<!-- after (ScopedElements 2.x) -->
<my-element>
  #shadow-root
  <my-button>click me</my-button>
</my-element>

Patch Changes

lion - @lion/[email protected]

Published by github-actions[bot] over 3 years ago

Minor Changes

  • 72067c0d: BREAKING Upgrade to lit version 2

    This does not change any of the public APIs of lion.
    It however effects you when you have your own extension layer or your own components especially when using directives.
    See the official lit upgrade guide.

    BREAKING Upgrade to ScopedElements version 2

    This version of @open-wc/scoped-elements is now following the Scoped Custom Element Registries and automatically loads a polyfill @webcomponents/scoped-custom-element-registry.

    This means tag names are no longer being rewritten with a hash.

    import { css, LitElement } from 'lit';
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
import { MyButton } from './MyButton.js';

export class MyElement extends ScopedElementsMixin(LitElement) {
  static get scopedElements() {
    return {
      'my-button': MyButton,
    };
  }

  render() {
    return html`
      <my-button>click me</my-button>
    `;
  }
}

    <!-- before (ScopedElements 1.x) -->
<my-element>
  #shadow-root
  <my-button-23243424>click me</my-button-23243424>
</my-element>

<!-- after (ScopedElements 2.x) -->
<my-element>
  #shadow-root
  <my-button>click me</my-button>
</my-element>

Patch Changes

lion - @lion/[email protected]

Published by github-actions[bot] over 3 years ago

Minor Changes

  • 72067c0d: BREAKING Upgrade to lit version 2

    This does not change any of the public APIs of lion.
    It however effects you when you have your own extension layer or your own components especially when using directives.
    See the official lit upgrade guide.

    BREAKING Upgrade to ScopedElements version 2

    This version of @open-wc/scoped-elements is now following the Scoped Custom Element Registries and automatically loads a polyfill @webcomponents/scoped-custom-element-registry.

    This means tag names are no longer being rewritten with a hash.

    import { css, LitElement } from 'lit';
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
import { MyButton } from './MyButton.js';

export class MyElement extends ScopedElementsMixin(LitElement) {
  static get scopedElements() {
    return {
      'my-button': MyButton,
    };
  }

  render() {
    return html`
      <my-button>click me</my-button>
    `;
  }
}

    <!-- before (ScopedElements 1.x) -->
<my-element>
  #shadow-root
  <my-button-23243424>click me</my-button-23243424>
</my-element>

<!-- after (ScopedElements 2.x) -->
<my-element>
  #shadow-root
  <my-button>click me</my-button>
</my-element>

Patch Changes

lion - [email protected]

Published by github-actions[bot] over 3 years ago

Minor Changes

  • 0ca86031: Work with package entry points (exports) and internal imports.

    This simplified the internal logic a lot. For more details please see package entry points in the node documentation.

    BREAKING CHANGES:

    • we no longer support relative import paths in demos
    • no need to pass on a rootPath or __filePath anymore
    • option throwOnNonExistingPathToFiles and throwOnNonExistingRootPath got removed
lion - @lion/[email protected]

Published by github-actions[bot] over 3 years ago

Patch Changes

lion - @lion/[email protected]

Published by github-actions[bot] over 3 years ago

Minor Changes

  • 72067c0d: BREAKING Upgrade to lit version 2

    This does not change any of the public APIs of lion.
    It however effects you when you have your own extension layer or your own components especially when using directives.
    See the official lit upgrade guide.

    BREAKING Upgrade to ScopedElements version 2

    This version of @open-wc/scoped-elements is now following the Scoped Custom Element Registries and automatically loads a polyfill @webcomponents/scoped-custom-element-registry.

    This means tag names are no longer being rewritten with a hash.

    import { css, LitElement } from 'lit';
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
import { MyButton } from './MyButton.js';

export class MyElement extends ScopedElementsMixin(LitElement) {
  static get scopedElements() {
    return {
      'my-button': MyButton,
    };
  }

  render() {
    return html`
      <my-button>click me</my-button>
    `;
  }
}

    <!-- before (ScopedElements 1.x) -->
<my-element>
  #shadow-root
  <my-button-23243424>click me</my-button-23243424>
</my-element>

<!-- after (ScopedElements 2.x) -->
<my-element>
  #shadow-root
  <my-button>click me</my-button>
</my-element>

Patch Changes

lion - @lion/[email protected]

Published by github-actions[bot] over 3 years ago

Minor Changes

  • 72067c0d: BREAKING Upgrade to lit version 2

    This does not change any of the public APIs of lion.
    It however effects you when you have your own extension layer or your own components especially when using directives.
    See the official lit upgrade guide.

    BREAKING Upgrade to ScopedElements version 2

    This version of @open-wc/scoped-elements is now following the Scoped Custom Element Registries and automatically loads a polyfill @webcomponents/scoped-custom-element-registry.

    This means tag names are no longer being rewritten with a hash.

    import { css, LitElement } from 'lit';
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
import { MyButton } from './MyButton.js';

export class MyElement extends ScopedElementsMixin(LitElement) {
  static get scopedElements() {
    return {
      'my-button': MyButton,
    };
  }

  render() {
    return html`
      <my-button>click me</my-button>
    `;
  }
}

    <!-- before (ScopedElements 1.x) -->
<my-element>
  #shadow-root
  <my-button-23243424>click me</my-button-23243424>
</my-element>

<!-- after (ScopedElements 2.x) -->
<my-element>
  #shadow-root
  <my-button>click me</my-button>
</my-element>

Patch Changes

lion - @lion/[email protected]

Published by github-actions[bot] over 3 years ago

Minor Changes

  • 72067c0d: BREAKING Upgrade to lit version 2

    This does not change any of the public APIs of lion.
    It however effects you when you have your own extension layer or your own components especially when using directives.
    See the official lit upgrade guide.

    BREAKING Upgrade to ScopedElements version 2

    This version of @open-wc/scoped-elements is now following the Scoped Custom Element Registries and automatically loads a polyfill @webcomponents/scoped-custom-element-registry.

    This means tag names are no longer being rewritten with a hash.

    import { css, LitElement } from 'lit';
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
import { MyButton } from './MyButton.js';

export class MyElement extends ScopedElementsMixin(LitElement) {
  static get scopedElements() {
    return {
      'my-button': MyButton,
    };
  }

  render() {
    return html`
      <my-button>click me</my-button>
    `;
  }
}

    <!-- before (ScopedElements 1.x) -->
<my-element>
  #shadow-root
  <my-button-23243424>click me</my-button-23243424>
</my-element>

<!-- after (ScopedElements 2.x) -->
<my-element>
  #shadow-root
  <my-button>click me</my-button>
</my-element>

Patch Changes

lion - @lion/[email protected]

Published by github-actions[bot] over 3 years ago

Minor Changes

  • 72067c0d: BREAKING Upgrade to lit version 2

    This does not change any of the public APIs of lion.
    It however effects you when you have your own extension layer or your own components especially when using directives.
    See the official lit upgrade guide.

    BREAKING Upgrade to ScopedElements version 2

    This version of @open-wc/scoped-elements is now following the Scoped Custom Element Registries and automatically loads a polyfill @webcomponents/scoped-custom-element-registry.

    This means tag names are no longer being rewritten with a hash.

    import { css, LitElement } from 'lit';
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
import { MyButton } from './MyButton.js';

export class MyElement extends ScopedElementsMixin(LitElement) {
  static get scopedElements() {
    return {
      'my-button': MyButton,
    };
  }

  render() {
    return html`
      <my-button>click me</my-button>
    `;
  }
}

    <!-- before (ScopedElements 1.x) -->
<my-element>
  #shadow-root
  <my-button-23243424>click me</my-button-23243424>
</my-element>

<!-- after (ScopedElements 2.x) -->
<my-element>
  #shadow-root
  <my-button>click me</my-button>
</my-element>

Patch Changes

lion - @lion/[email protected]

Published by github-actions[bot] over 3 years ago

Minor Changes

  • 72067c0d: BREAKING Upgrade to lit version 2

    This does not change any of the public APIs of lion.
    It however effects you when you have your own extension layer or your own components especially when using directives.
    See the official lit upgrade guide.

    BREAKING Upgrade to ScopedElements version 2

    This version of @open-wc/scoped-elements is now following the Scoped Custom Element Registries and automatically loads a polyfill @webcomponents/scoped-custom-element-registry.

    This means tag names are no longer being rewritten with a hash.

    import { css, LitElement } from 'lit';
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
import { MyButton } from './MyButton.js';

export class MyElement extends ScopedElementsMixin(LitElement) {
  static get scopedElements() {
    return {
      'my-button': MyButton,
    };
  }

  render() {
    return html`
      <my-button>click me</my-button>
    `;
  }
}

    <!-- before (ScopedElements 1.x) -->
<my-element>
  #shadow-root
  <my-button-23243424>click me</my-button-23243424>
</my-element>

<!-- after (ScopedElements 2.x) -->
<my-element>
  #shadow-root
  <my-button>click me</my-button>
</my-element>

Patch Changes

lion - @lion/[email protected]

Published by github-actions[bot] over 3 years ago

Minor Changes

  • 72067c0d: BREAKING Upgrade to lit version 2

    This does not change any of the public APIs of lion.
    It however effects you when you have your own extension layer or your own components especially when using directives.
    See the official lit upgrade guide.

    BREAKING Upgrade to ScopedElements version 2

    This version of @open-wc/scoped-elements is now following the Scoped Custom Element Registries and automatically loads a polyfill @webcomponents/scoped-custom-element-registry.

    This means tag names are no longer being rewritten with a hash.

    import { css, LitElement } from 'lit';
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
import { MyButton } from './MyButton.js';

export class MyElement extends ScopedElementsMixin(LitElement) {
  static get scopedElements() {
    return {
      'my-button': MyButton,
    };
  }

  render() {
    return html`
      <my-button>click me</my-button>
    `;
  }
}

    <!-- before (ScopedElements 1.x) -->
<my-element>
  #shadow-root
  <my-button-23243424>click me</my-button-23243424>
</my-element>

<!-- after (ScopedElements 2.x) -->
<my-element>
  #shadow-root
  <my-button>click me</my-button>
</my-element>

  • 6cdefd88: Add a new _getTextboxValueFromOption method on LionCombobox, to be able to override how the modelValue is displayed in the textbox

Patch Changes

lion - @lion/[email protected]

Published by github-actions[bot] over 3 years ago

Minor Changes

  • 72067c0d: BREAKING Upgrade to lit version 2

    This does not change any of the public APIs of lion.
    It however effects you when you have your own extension layer or your own components especially when using directives.
    See the official lit upgrade guide.

    BREAKING Upgrade to ScopedElements version 2

    This version of @open-wc/scoped-elements is now following the Scoped Custom Element Registries and automatically loads a polyfill @webcomponents/scoped-custom-element-registry.

    This means tag names are no longer being rewritten with a hash.

    import { css, LitElement } from 'lit';
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
import { MyButton } from './MyButton.js';

export class MyElement extends ScopedElementsMixin(LitElement) {
  static get scopedElements() {
    return {
      'my-button': MyButton,
    };
  }

  render() {
    return html`
      <my-button>click me</my-button>
    `;
  }
}

    <!-- before (ScopedElements 1.x) -->
<my-element>
  #shadow-root
  <my-button-23243424>click me</my-button-23243424>
</my-element>

<!-- after (ScopedElements 2.x) -->
<my-element>
  #shadow-root
  <my-button>click me</my-button>
</my-element>

Patch Changes

lion - @lion/[email protected]

Published by github-actions[bot] over 3 years ago

Minor Changes

  • 72067c0d: BREAKING Upgrade to lit version 2

    This does not change any of the public APIs of lion.
    It however effects you when you have your own extension layer or your own components especially when using directives.
    See the official lit upgrade guide.

    BREAKING Upgrade to ScopedElements version 2

    This version of @open-wc/scoped-elements is now following the Scoped Custom Element Registries and automatically loads a polyfill @webcomponents/scoped-custom-element-registry.

    This means tag names are no longer being rewritten with a hash.

    import { css, LitElement } from 'lit';
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
import { MyButton } from './MyButton.js';

export class MyElement extends ScopedElementsMixin(LitElement) {
  static get scopedElements() {
    return {
      'my-button': MyButton,
    };
  }

  render() {
    return html`
      <my-button>click me</my-button>
    `;
  }
}

    <!-- before (ScopedElements 1.x) -->
<my-element>
  #shadow-root
  <my-button-23243424>click me</my-button-23243424>
</my-element>

<!-- after (ScopedElements 2.x) -->
<my-element>
  #shadow-root
  <my-button>click me</my-button>
</my-element>

Patch Changes

lion - @lion/[email protected]

Published by github-actions[bot] over 3 years ago

Minor Changes

  • 72067c0d: BREAKING Upgrade to lit version 2

    This does not change any of the public APIs of lion.
    It however effects you when you have your own extension layer or your own components especially when using directives.
    See the official lit upgrade guide.

    BREAKING Upgrade to ScopedElements version 2

    This version of @open-wc/scoped-elements is now following the Scoped Custom Element Registries and automatically loads a polyfill @webcomponents/scoped-custom-element-registry.

    This means tag names are no longer being rewritten with a hash.

    import { css, LitElement } from 'lit';
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
import { MyButton } from './MyButton.js';

export class MyElement extends ScopedElementsMixin(LitElement) {
  static get scopedElements() {
    return {
      'my-button': MyButton,
    };
  }

  render() {
    return html`
      <my-button>click me</my-button>
    `;
  }
}

    <!-- before (ScopedElements 1.x) -->
<my-element>
  #shadow-root
  <my-button-23243424>click me</my-button-23243424>
</my-element>

<!-- after (ScopedElements 2.x) -->
<my-element>
  #shadow-root
  <my-button>click me</my-button>
</my-element>

Patch Changes

lion - @lion/[email protected]

Published by github-actions[bot] over 3 years ago

Patch Changes

lion - @lion/[email protected]

Published by github-actions[bot] over 3 years ago

Minor Changes

  • 72067c0d: BREAKING Upgrade to lit version 2

    This does not change any of the public APIs of lion.
    It however effects you when you have your own extension layer or your own components especially when using directives.
    See the official lit upgrade guide.

    BREAKING Upgrade to ScopedElements version 2

    This version of @open-wc/scoped-elements is now following the Scoped Custom Element Registries and automatically loads a polyfill @webcomponents/scoped-custom-element-registry.

    This means tag names are no longer being rewritten with a hash.

    import { css, LitElement } from 'lit';
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
import { MyButton } from './MyButton.js';

export class MyElement extends ScopedElementsMixin(LitElement) {
  static get scopedElements() {
    return {
      'my-button': MyButton,
    };
  }

  render() {
    return html`
      <my-button>click me</my-button>
    `;
  }
}

    <!-- before (ScopedElements 1.x) -->
<my-element>
  #shadow-root
  <my-button-23243424>click me</my-button-23243424>
</my-element>

<!-- after (ScopedElements 2.x) -->
<my-element>
  #shadow-root
  <my-button>click me</my-button>
</my-element>

Patch Changes

lion - @lion/[email protected]

Published by github-actions[bot] over 3 years ago

Minor Changes

  • 72067c0d: BREAKING Upgrade to lit version 2

    This does not change any of the public APIs of lion.
    It however effects you when you have your own extension layer or your own components especially when using directives.
    See the official lit upgrade guide.

    BREAKING Upgrade to ScopedElements version 2

    This version of @open-wc/scoped-elements is now following the Scoped Custom Element Registries and automatically loads a polyfill @webcomponents/scoped-custom-element-registry.

    This means tag names are no longer being rewritten with a hash.

    import { css, LitElement } from 'lit';
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
import { MyButton } from './MyButton.js';

export class MyElement extends ScopedElementsMixin(LitElement) {
  static get scopedElements() {
    return {
      'my-button': MyButton,
    };
  }

  render() {
    return html`
      <my-button>click me</my-button>
    `;
  }
}

    <!-- before (ScopedElements 1.x) -->
<my-element>
  #shadow-root
  <my-button-23243424>click me</my-button-23243424>
</my-element>

<!-- after (ScopedElements 2.x) -->
<my-element>
  #shadow-root
  <my-button>click me</my-button>
</my-element>

Patch Changes

lion - @lion/[email protected]

Published by github-actions[bot] over 3 years ago

Minor Changes

  • 72067c0d: BREAKING Upgrade to lit version 2

    This does not change any of the public APIs of lion.
    It however effects you when you have your own extension layer or your own components especially when using directives.
    See the official lit upgrade guide.

    BREAKING Upgrade to ScopedElements version 2

    This version of @open-wc/scoped-elements is now following the Scoped Custom Element Registries and automatically loads a polyfill @webcomponents/scoped-custom-element-registry.

    This means tag names are no longer being rewritten with a hash.

    import { css, LitElement } from 'lit';
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
import { MyButton } from './MyButton.js';

export class MyElement extends ScopedElementsMixin(LitElement) {
  static get scopedElements() {
    return {
      'my-button': MyButton,
    };
  }

  render() {
    return html`
      <my-button>click me</my-button>
    `;
  }
}

    <!-- before (ScopedElements 1.x) -->
<my-element>
  #shadow-root
  <my-button-23243424>click me</my-button-23243424>
</my-element>

<!-- after (ScopedElements 2.x) -->
<my-element>
  #shadow-root
  <my-button>click me</my-button>
</my-element>

Patch Changes

lion - @lion/[email protected]

Published by github-actions[bot] over 3 years ago

Minor Changes

  • 72067c0d: BREAKING Upgrade to lit version 2

    This does not change any of the public APIs of lion.
    It however effects you when you have your own extension layer or your own components especially when using directives.
    See the official lit upgrade guide.

    BREAKING Upgrade to ScopedElements version 2

    This version of @open-wc/scoped-elements is now following the Scoped Custom Element Registries and automatically loads a polyfill @webcomponents/scoped-custom-element-registry.

    This means tag names are no longer being rewritten with a hash.

    import { css, LitElement } from 'lit';
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
import { MyButton } from './MyButton.js';

export class MyElement extends ScopedElementsMixin(LitElement) {
  static get scopedElements() {
    return {
      'my-button': MyButton,
    };
  }

  render() {
    return html`
      <my-button>click me</my-button>
    `;
  }
}

    <!-- before (ScopedElements 1.x) -->
<my-element>
  #shadow-root
  <my-button-23243424>click me</my-button-23243424>
</my-element>

<!-- after (ScopedElements 2.x) -->
<my-element>
  #shadow-root
  <my-button>click me</my-button>
</my-element>

Patch Changes

Package Rankings
Top 1.12% on Npmjs.org
Related Projects
nyaf

"Not Yet Another Framework" is a new library concept, called "thin library". It's similar to a fr...

06 May 2019 17
jsfe

A Custom Element that auto-generates forms, declaratively. Works with Lit, Solid, Vue, Svelte, Re...

21 Sep 2023 101
core

A collection of accessible, free, open-source web components for building Brightspace applications.

06 Mar 2019 54
weightless

High-quality web components with a small footprint

09 Feb 2019 377