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

  • 57b2fb9f: - BREAKING: In lion-button package split of separate buttons for reset & submit:

    • LionButton (a clean fundament, use outside forms)

    • LionButtonReset (logic for. submit and reset events, but without implicit form submission logic: use for reset buttons)

    • LionButtonSubmit (full featured button: use for submit buttons and buttons with dynamic types)

    • fixed axe criterium for LionButton (which contained a native button to support form submission)

    • removed _beforeTemplate() & _afterTemplate() from LionButton

lion - [email protected]

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

Patch Changes

  • 59f10bc5: Add missing dependency
lion - @lion/[email protected]

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

Minor Changes

  • 57b2fb9f: - BREAKING: In lion-button package split of separate buttons for reset & submit:

    • LionButton (a clean fundament, use outside forms)

    • LionButtonReset (logic for. submit and reset events, but without implicit form submission logic: use for reset buttons)

    • LionButtonSubmit (full featured button: use for submit buttons and buttons with dynamic types)

    • fixed axe criterium for LionButton (which contained a native button to support form submission)

    • removed _beforeTemplate() & _afterTemplate() from LionButton

Patch Changes

lion - @lion/[email protected]

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

Minor Changes

  • 57b2fb9f: - BREAKING: In lion-button package split of separate buttons for reset & submit:

    • LionButton (a clean fundament, use outside forms)

    • LionButtonReset (logic for. submit and reset events, but without implicit form submission logic: use for reset buttons)

    • LionButtonSubmit (full featured button: use for submit buttons and buttons with dynamic types)

    • fixed axe criterium for LionButton (which contained a native button to support form submission)

    • removed _beforeTemplate() & _afterTemplate() from LionButton

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

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>

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>
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
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
jsfe

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

21 Sep 2023 101