New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@lion/overlays
Advanced tools
@lion/overlays - npm Package Compare versions
Comparing version 0.28.2 to 0.28.3
| # Change Log | ||
| ## 0.28.3 | ||
| ### Patch Changes | ||
| - Updated dependencies [8c06302e] | ||
| - @lion/core@0.18.2 | ||
| ## 0.28.2 | ||
@@ -4,0 +11,0 @@ |
@@ -71,3 +71,3 @@ # Systems >> Overlays >> Configuration ||40 | ||
| As specified in the [overlay rationale](https://github.com/ing-bank/lion/blob/0895af24d06146a1ccf9c3904ca18b8a9131efd6/docs/docs/systems/overlays/rationale.md) there are only two official types of overlays: dialogs and tooltips. And their main differences are: | ||
| As specified in the [overlay rationale](https://github.com/ing-bank/lion/blob/e03f8d2cc31563d46f910074d562ad68a2e41dfd/docs/docs/systems/overlays/rationale.md) there are only two official types of overlays: dialogs and tooltips. And their main differences are: | ||
@@ -363,3 +363,3 @@ - Dialogs have a modal option, tooltips don’t | ||
| > This also means that if you use the arrow feature, you are in charge of styling it properly, use the data-popper-placement attribute for this. | ||
| > An example implementation can be found in [lion-tooltip](https://github.com/ing-bank/lion/blob/0895af24d06146a1ccf9c3904ca18b8a9131efd6/docs/components/interaction/tooltip/overview.md), where an arrow is set by default. | ||
| > An example implementation can be found in [lion-tooltip](https://github.com/ing-bank/lion/blob/e03f8d2cc31563d46f910074d562ad68a2e41dfd/docs/components/interaction/tooltip/overview.md), where an arrow is set by default. | ||
@@ -366,0 +366,0 @@ To override the default options we set for local mode, you add a `popperConfig` object to the config passed to the OverlayController. |
@@ -24,3 +24,3 @@ # Systems >> Overlays >> Features ||20 | ||
| For a detailed rationale, please consult [Rationale](https://github.com/ing-bank/lion/blob/0895af24d06146a1ccf9c3904ca18b8a9131efd6/docs/docs/systems/overlays/rationale.md). | ||
| For a detailed rationale, please consult [Rationale](https://github.com/ing-bank/lion/blob/e03f8d2cc31563d46f910074d562ad68a2e41dfd/docs/docs/systems/overlays/rationale.md). | ||
@@ -71,3 +71,3 @@ ```js preview-story | ||
| We also export a few [preset configuration objects](https://github.com/ing-bank/lion/blob/0895af24d06146a1ccf9c3904ca18b8a9131efd6/docs/docs/systems/overlays/configuration.md). | ||
| We also export a few [preset configuration objects](https://github.com/ing-bank/lion/blob/e03f8d2cc31563d46f910074d562ad68a2e41dfd/docs/docs/systems/overlays/configuration.md). | ||
@@ -74,0 +74,0 @@ - withModalDialogConfig |
@@ -9,3 +9,3 @@ # Systems >> Overlays >> Overview ||10 | ||
| See [lion-dialog](../../../components/interaction/dialog/overview.md) and [lion-tooltip](https://github.com/ing-bank/lion/blob/0895af24d06146a1ccf9c3904ca18b8a9131efd6/docs/components/interaction/tooltip/overview.md) for example Web Component implementations using the Overlay System. | ||
| See [lion-dialog](../../../components/interaction/dialog/overview.md) and [lion-tooltip](https://github.com/ing-bank/lion/blob/e03f8d2cc31563d46f910074d562ad68a2e41dfd/docs/components/interaction/tooltip/overview.md) for example Web Component implementations using the Overlay System. | ||
@@ -22,5 +22,5 @@ ## Features | ||
| - Have a `.config` object to set or update the OverlayController's configuration | ||
| - [**OverlaysManager**](https://github.com/ing-bank/lion/blob/0895af24d06146a1ccf9c3904ca18b8a9131efd6/docs/docs/systems/overlays/features.md#overlaysmanager), a global repository keeping track of all different types of overlays | ||
| - [**OverlayController**](https://github.com/ing-bank/lion/blob/0895af24d06146a1ccf9c3904ca18b8a9131efd6/docs/docs/systems/overlays/features.md#overlaycontroller), a single controller class for handling overlays | ||
| - [**OverlayMixin**](https://github.com/ing-bank/lion/blob/0895af24d06146a1ccf9c3904ca18b8a9131efd6/docs/docs/systems/overlays/features.md#overlaymixin), a mixin that can be used to create webcomponents that use the OverlayController under the hood | ||
| - [**OverlaysManager**](https://github.com/ing-bank/lion/blob/e03f8d2cc31563d46f910074d562ad68a2e41dfd/docs/docs/systems/overlays/features.md#overlaysmanager), a global repository keeping track of all different types of overlays | ||
| - [**OverlayController**](https://github.com/ing-bank/lion/blob/e03f8d2cc31563d46f910074d562ad68a2e41dfd/docs/docs/systems/overlays/features.md#overlaycontroller), a single controller class for handling overlays | ||
| - [**OverlayMixin**](https://github.com/ing-bank/lion/blob/e03f8d2cc31563d46f910074d562ad68a2e41dfd/docs/docs/systems/overlays/features.md#overlaymixin), a mixin that can be used to create webcomponents that use the OverlayController under the hood | ||
@@ -74,3 +74,3 @@ Usually you will use `lion-dialog` (or `lion-tooltip` if this makes more sense). | ||
| ```js | ||
| import { LitElement, html } from '@mdjs/mdjs-preview'; | ||
| import { LitElement, html } from '@lion/core'; | ||
| import { OverlayMixin, withModalDialogConfig } from '@lion/overlays'; | ||
@@ -117,3 +117,3 @@ | ||
| Please check the [system rationals](https://github.com/ing-bank/lion/blob/0895af24d06146a1ccf9c3904ca18b8a9131efd6/docs/docs/systems/overlays/rationale.md) folder, where we go more in-depth. | ||
| Please check the [system rationals](https://github.com/ing-bank/lion/blob/e03f8d2cc31563d46f910074d562ad68a2e41dfd/docs/docs/systems/overlays/rationale.md) folder, where we go more in-depth. | ||
@@ -120,0 +120,0 @@ ### Aria roles |
| { | ||
| "name": "@lion/overlays", | ||
| "version": "0.28.2", | ||
| "version": "0.28.3", | ||
| "description": "Overlays System using lit-html for rendering", | ||
@@ -40,3 +40,3 @@ "license": "MIT", | ||
| "dependencies": { | ||
| "@lion/core": "0.18.1", | ||
| "@lion/core": "0.18.2", | ||
| "@popperjs/core": "^2.5.4", | ||
@@ -43,0 +43,0 @@ "singleton-manager": "1.4.2" |
@@ -9,3 +9,3 @@ # Systems >> Overlays >> Overview ||10 | ||
| See [lion-dialog](../../../components/interaction/dialog/overview.md) and [lion-tooltip](https://github.com/ing-bank/lion/blob/0895af24d06146a1ccf9c3904ca18b8a9131efd6/docs/components/interaction/tooltip/overview.md) for example Web Component implementations using the Overlay System. | ||
| See [lion-dialog](../../../components/interaction/dialog/overview.md) and [lion-tooltip](https://github.com/ing-bank/lion/blob/e03f8d2cc31563d46f910074d562ad68a2e41dfd/docs/components/interaction/tooltip/overview.md) for example Web Component implementations using the Overlay System. | ||
@@ -22,5 +22,5 @@ ## Features | ||
| - Have a `.config` object to set or update the OverlayController's configuration | ||
| - [**OverlaysManager**](https://github.com/ing-bank/lion/blob/0895af24d06146a1ccf9c3904ca18b8a9131efd6/docs/docs/systems/overlays/features.md#overlaysmanager), a global repository keeping track of all different types of overlays | ||
| - [**OverlayController**](https://github.com/ing-bank/lion/blob/0895af24d06146a1ccf9c3904ca18b8a9131efd6/docs/docs/systems/overlays/features.md#overlaycontroller), a single controller class for handling overlays | ||
| - [**OverlayMixin**](https://github.com/ing-bank/lion/blob/0895af24d06146a1ccf9c3904ca18b8a9131efd6/docs/docs/systems/overlays/features.md#overlaymixin), a mixin that can be used to create webcomponents that use the OverlayController under the hood | ||
| - [**OverlaysManager**](https://github.com/ing-bank/lion/blob/e03f8d2cc31563d46f910074d562ad68a2e41dfd/docs/docs/systems/overlays/features.md#overlaysmanager), a global repository keeping track of all different types of overlays | ||
| - [**OverlayController**](https://github.com/ing-bank/lion/blob/e03f8d2cc31563d46f910074d562ad68a2e41dfd/docs/docs/systems/overlays/features.md#overlaycontroller), a single controller class for handling overlays | ||
| - [**OverlayMixin**](https://github.com/ing-bank/lion/blob/e03f8d2cc31563d46f910074d562ad68a2e41dfd/docs/docs/systems/overlays/features.md#overlaymixin), a mixin that can be used to create webcomponents that use the OverlayController under the hood | ||
@@ -74,3 +74,3 @@ Usually you will use `lion-dialog` (or `lion-tooltip` if this makes more sense). | ||
| ```js | ||
| import { LitElement, html } from '@mdjs/mdjs-preview'; | ||
| import { LitElement, html } from '@lion/core'; | ||
| import { OverlayMixin, withModalDialogConfig } from '@lion/overlays'; | ||
@@ -117,3 +117,3 @@ | ||
| Please check the [system rationals](https://github.com/ing-bank/lion/blob/0895af24d06146a1ccf9c3904ca18b8a9131efd6/docs/docs/systems/overlays/rationale.md) folder, where we go more in-depth. | ||
| Please check the [system rationals](https://github.com/ing-bank/lion/blob/e03f8d2cc31563d46f910074d562ad68a2e41dfd/docs/docs/systems/overlays/rationale.md) folder, where we go more in-depth. | ||
@@ -120,0 +120,0 @@ ### Aria roles |
No alert changes
Improved metrics
- Total package byte prevSize
- increased by0.02%
351333
Dependency changes
+ Added@lion/core@0.18.2(transitive)
- Removed@lion/core@0.18.1(transitive)
Updated@lion/core@0.18.2