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.27.0 to 0.27.1
| # Change Log | ||
| ## 0.27.1 | ||
| ### Patch Changes | ||
| - Updated dependencies [d1d977c1] | ||
| - @lion/core@0.17.1 | ||
| ## 0.27.0 | ||
@@ -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/4bd5e4fc4dcadd802d0856c0e73e3af559f40537/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/f2f8234a6ded0469db116d7c8997457782ec3cb3/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/4bd5e4fc4dcadd802d0856c0e73e3af559f40537/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/f2f8234a6ded0469db116d7c8997457782ec3cb3/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/4bd5e4fc4dcadd802d0856c0e73e3af559f40537/docs/docs/systems/overlays/rationale.md). | ||
| For a detailed rationale, please consult [Rationale](https://github.com/ing-bank/lion/blob/f2f8234a6ded0469db116d7c8997457782ec3cb3/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/4bd5e4fc4dcadd802d0856c0e73e3af559f40537/docs/docs/systems/overlays/configuration.md). | ||
| We also export a few [preset configuration objects](https://github.com/ing-bank/lion/blob/f2f8234a6ded0469db116d7c8997457782ec3cb3/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/4bd5e4fc4dcadd802d0856c0e73e3af559f40537/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/f2f8234a6ded0469db116d7c8997457782ec3cb3/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/4bd5e4fc4dcadd802d0856c0e73e3af559f40537/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/4bd5e4fc4dcadd802d0856c0e73e3af559f40537/docs/docs/systems/overlays/features.md#overlaycontroller), a single controller class for handling overlays | ||
| - [**OverlayMixin**](https://github.com/ing-bank/lion/blob/4bd5e4fc4dcadd802d0856c0e73e3af559f40537/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/f2f8234a6ded0469db116d7c8997457782ec3cb3/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/f2f8234a6ded0469db116d7c8997457782ec3cb3/docs/docs/systems/overlays/features.md#overlaycontroller), a single controller class for handling overlays | ||
| - [**OverlayMixin**](https://github.com/ing-bank/lion/blob/f2f8234a6ded0469db116d7c8997457782ec3cb3/docs/docs/systems/overlays/features.md#overlaymixin), a mixin that can be used to create webcomponents that use the OverlayController under the hood | ||
@@ -116,3 +116,3 @@ Usually you will use `lion-dialog` (or `lion-tooltip` if this makes more sense). | ||
| Please check the [system rationals](https://github.com/ing-bank/lion/blob/4bd5e4fc4dcadd802d0856c0e73e3af559f40537/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/f2f8234a6ded0469db116d7c8997457782ec3cb3/docs/docs/systems/overlays/rationale.md) folder, where we go more in-depth. | ||
@@ -119,0 +119,0 @@ ### Aria roles |
| { | ||
| "name": "@lion/overlays", | ||
| "version": "0.27.0", | ||
| "version": "0.27.1", | ||
| "description": "Overlays System using lit-html for rendering", | ||
@@ -40,3 +40,3 @@ "license": "MIT", | ||
| "dependencies": { | ||
| "@lion/core": "0.17.0", | ||
| "@lion/core": "0.17.1", | ||
| "@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/4bd5e4fc4dcadd802d0856c0e73e3af559f40537/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/f2f8234a6ded0469db116d7c8997457782ec3cb3/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/4bd5e4fc4dcadd802d0856c0e73e3af559f40537/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/4bd5e4fc4dcadd802d0856c0e73e3af559f40537/docs/docs/systems/overlays/features.md#overlaycontroller), a single controller class for handling overlays | ||
| - [**OverlayMixin**](https://github.com/ing-bank/lion/blob/4bd5e4fc4dcadd802d0856c0e73e3af559f40537/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/f2f8234a6ded0469db116d7c8997457782ec3cb3/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/f2f8234a6ded0469db116d7c8997457782ec3cb3/docs/docs/systems/overlays/features.md#overlaycontroller), a single controller class for handling overlays | ||
| - [**OverlayMixin**](https://github.com/ing-bank/lion/blob/f2f8234a6ded0469db116d7c8997457782ec3cb3/docs/docs/systems/overlays/features.md#overlaymixin), a mixin that can be used to create webcomponents that use the OverlayController under the hood | ||
@@ -116,3 +116,3 @@ Usually you will use `lion-dialog` (or `lion-tooltip` if this makes more sense). | ||
| Please check the [system rationals](https://github.com/ing-bank/lion/blob/4bd5e4fc4dcadd802d0856c0e73e3af559f40537/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/f2f8234a6ded0469db116d7c8997457782ec3cb3/docs/docs/systems/overlays/rationale.md) folder, where we go more in-depth. | ||
@@ -119,0 +119,0 @@ ### Aria roles |
@@ -22,3 +22,3 @@ /** | ||
| }; | ||
| export type Placement = "auto" | "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | "auto-start" | "auto-end"; | ||
| export type Placement = "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"; | ||
| export type CSSResultArray = import("lit-element").CSSResultArray; |
@@ -183,3 +183,3 @@ /** | ||
| */ | ||
| get inheritsReferenceWidth(): "max" | "none" | "full" | "min" | undefined; | ||
| get inheritsReferenceWidth(): "none" | "min" | "max" | "full" | undefined; | ||
| /** | ||
@@ -483,7 +483,7 @@ * For non `isTooltip`: | ||
| }; | ||
| export type Placement = "auto" | "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | "auto-start" | "auto-end"; | ||
| export type Placement = "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"; | ||
| export type PopperModule = { | ||
| createPopper: any; | ||
| }; | ||
| export type OverlayPhase = "add" | "hide" | "show" | "setup" | "teardown" | "remove" | "init" | "before-show"; | ||
| export type OverlayPhase = "setup" | "teardown" | "remove" | "init" | "before-show" | "show" | "hide" | "add"; | ||
| import { EventTargetShim } from "@lion/core"; |
| export type OverlayConfig = import("../types/OverlayConfig.js").OverlayConfig; | ||
| export type ViewportPlacement = "left" | "right" | "center" | "bottom" | "top" | "top-left" | "top-right" | "bottom-right" | "bottom-left"; | ||
| export type ViewportPlacement = "left" | "right" | "top" | "bottom" | "center" | "top-left" | "top-right" | "bottom-right" | "bottom-left"; |
| export type OverlayConfig = import("../types/OverlayConfig.js").OverlayConfig; | ||
| export type ViewportPlacement = "left" | "right" | "center" | "bottom" | "top" | "top-left" | "top-right" | "bottom-right" | "bottom-left"; | ||
| export type ViewportPlacement = "left" | "right" | "top" | "bottom" | "center" | "top-left" | "top-right" | "bottom-right" | "bottom-left"; |
| export type OverlayConfig = import("../types/OverlayConfig.js").OverlayConfig; | ||
| export type ViewportPlacement = "left" | "right" | "center" | "bottom" | "top" | "top-left" | "top-right" | "bottom-right" | "bottom-left"; | ||
| export type ViewportPlacement = "left" | "right" | "top" | "bottom" | "center" | "top-left" | "top-right" | "bottom-right" | "bottom-left"; |
No alert changes
Improved metrics
- Total package byte prevSize
- increased by0.03%
347054
Dependency changes
+ Added@lion/core@0.17.1(transitive)
- Removed@lion/core@0.17.0(transitive)
Updated@lion/core@0.17.1