@outbook/webcomponents-modal-dialog 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +3 -3
  2. package/_style/modal-dialog.style.js +1 -1
  3. package/package.json +11 -12
  4. package/_style/_variables.scss +0 -4
package/README.md CHANGED
@@ -13,13 +13,13 @@ npm install @outbook/webcomponents-modal-dialog
13
13
  ### As a Lit Element
14
14
 
15
15
  ```javascript
16
- import { html } from 'lit';
17
- import { ModalDialog } from '@outbook/webcomponents-modal-dialog';
16
+ import {html} from 'lit';
17
+ import {ModalDialog} from '@outbook/webcomponents-modal-dialog';
18
18
 
19
19
  function openExampleModal() {
20
20
  ModalDialog({
21
21
  title: 'Example Modal',
22
- view: ({ closeDialog }) => html`
22
+ view: ({closeDialog}) => html`
23
23
  <p>This is the content of the modal dialog.</p>
24
24
  <button @click="${closeDialog}">Close</button>
25
25
  `
package/_style/modal-dialog.style.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /* eslint-disable */
2
2
  import { css } from 'lit';
3
3
 
4
- export default css`:host{display:block;color-scheme:inherit;container-name:groupRadio;container-type:inline-size;--_container-max-width: 60rem;--_height: 100dvh;--_button-close-text-display: none;--_main-text-color: light-dark( oklch(20.5% 0 0deg), oklch(98.5% 0 0deg) );--_main-background-color: light-dark( oklch(100% 0 0deg), oklch(14.5% 0 0deg) );--_header-background-color: light-dark( oklch(92.2% 0 0deg), oklch(43.9% 0 0deg) )}:host .dialog--in-element{--_height: 100%}*{box-sizing:border-box}@container groupRadio (min-width: 540px){.dialog{--_button-close-text-display: inline-block}}.dialog{position:fixed;width:100%;height:var(--_height);top:0;left:0;display:flex;justify-content:center;align-items:center;background-color:var(--background-color);color:var(--_main-text-color);z-index:2;transition:background-color 0.3s,color 0.3s}.dialog__close-button{display:flex;align-items:center;cursor:pointer}.dialog__close-button-icon{width:1.5rem;height:1.5rem}.dialog__close-button-text{display:var(--_button-close-text-display);font-size:1rem;line-height:1.5rem;margin-left:0.25rem}.dialog__inner{background-color:var(--_main-background-color);height:100%;position:relative;display:flex;flex-direction:column;width:100%}.dialog__header{display:flex;flex-direction:column;align-items:center;width:100%}.dialog__header>*{width:100%;max-width:var(--_container-max-width, 87.5rem)}.dialog__header{margin-bottom:0.5rem;background-color:var(--_header-background-color);padding:0.75rem 0.5rem}.dialog__header-inner{display:flex;justify-content:space-between;align-items:center;padding:0 0.5rem;height:1.5rem}.dialog__title{font-size:1.375rem;font-weight:normal;line-height:1.5rem}.dialog--scroll .dialog__content-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.dialog--scroll .dialog__content-wrapper>*{width:100%;max-width:var(--_container-max-width, 87.5rem)}.dialog__content-scroll{flex:1 0 0;overflow-y:auto;padding:0 0.5rem 1rem 0.5rem}.dialog__content{padding:0.5rem 0.5rem 0 0.5rem}.dialog--no-scroll .dialog__content,.dialog--no-scroll .dialog__content slot{max-height:calc(100dvh - 3.5rem);overflow:hidden;display:block}`;
4
+ export default css`:host{display:block;color-scheme:inherit;container-name:groupRadio;container-type:inline-size;--outbook-scrollable--indicator-max-width: 60rem;--_container-max-width: 60rem;--_height: 100dvh;--_button-close-text-display: none;--_main-text-color: light-dark( oklch(20.5% 0 0deg), oklch(98.5% 0 0deg) );--_main-background-color: light-dark( oklch(100% 0 0deg), oklch(14.5% 0 0deg) );--_header-background-color: light-dark( oklch(92.2% 0 0deg), oklch(43.9% 0 0deg) )}:host .dialog--in-element{--_height: 100%}*{box-sizing:border-box}@container groupRadio (min-width: 540px){.dialog{--_button-close-text-display: inline-block}}.dialog{position:fixed;width:100%;height:var(--_height);top:0;left:0;display:flex;justify-content:center;align-items:center;background-color:var(--background-color);color:var(--_main-text-color);z-index:2;transition:background-color 0.3s,color 0.3s}.dialog__close-button{display:flex;align-items:center;cursor:pointer}.dialog__close-button-icon{width:1.5rem;height:1.5rem}.dialog__close-button-text{display:var(--_button-close-text-display);font-size:1rem;line-height:1.5rem;margin-left:0.25rem}.dialog__inner{background-color:var(--_main-background-color);height:100%;position:relative;display:flex;flex-direction:column;width:100%}.dialog__header{display:flex;flex-direction:column;align-items:center;width:100%}.dialog__header>*{width:100%;max-width:var(--_container-max-width, 87.5rem)}.dialog__header{margin-bottom:0.5rem;background-color:var(--_header-background-color);padding:0.75rem 0.5rem}.dialog__header-inner{display:flex;justify-content:space-between;align-items:center;padding:0 0.5rem;height:1.5rem}.dialog__title{font-size:1.375rem;font-weight:normal;line-height:1.5rem}.dialog--scroll .dialog__content-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.dialog--scroll .dialog__content-wrapper>*{width:100%;max-width:var(--_container-max-width, 87.5rem)}.dialog__content-scroll{flex:1 0 0;overflow-y:auto;padding:0 0.5rem 1rem 0.5rem}.dialog__content{padding:0.5rem 0.5rem 0 1rem}.dialog--no-scroll .dialog__content,.dialog--no-scroll .dialog__content slot{max-height:calc(100dvh - 3.5rem);overflow:hidden;display:block}`;
package/package.json CHANGED
@@ -1,37 +1,36 @@
1
1
  {
2
2
  "name": "@outbook/webcomponents-modal-dialog",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
4
  "main": "modal-dialog.js",
5
5
  "type": "module",
6
6
  "private": false,
7
7
  "scripts": {},
8
8
  "bugs": {
9
- "url": "https://gitlab.com/arr2019/web-components/issues"
9
+ "url": "https://gitlab.com/arr2019/outbook-toolkit/issues"
10
10
  },
11
- "homepage": "https://gitlab.com/arr2019/web-components/pkg/modal-dialog#readme",
11
+ "homepage": "https://gitlab.com/arr2019/outbook-toolkit/pkg/web-components/modal-dialog#readme",
12
12
  "repository": {
13
13
  "type": "git",
14
- "url": "git+https://gitlab.com/arr2019/web-components.git",
15
- "folder": "pkg/modal-dialog"
14
+ "url": "git+https://gitlab.com/arr2019/outbook-toolkit.git",
15
+ "folder": "pkg/web-components/modal-dialog"
16
16
  },
17
17
  "publishConfig": {
18
- "registry": "https://registry.npmjs.org/"
18
+ "registry": "https://registry.npmjs.com/"
19
19
  },
20
20
  "author": "Antonio Rodríguez",
21
21
  "license": "Apache-2.0",
22
22
  "description": "Web components modal-dialog",
23
23
  "devDependencies": {
24
- "@outbook/colorful": ">=1.1.2",
25
- "@outbook/design-decisions": ">=1.1.4"
24
+ "@outbook/colorful": ">=1.1.4",
25
+ "@outbook/design-decisions": ">=1.1.7"
26
26
  },
27
27
  "dependencies": {
28
- "@outbook/icons": ">=1.1.0",
29
- "@outbook/webcomponents-type-icon": ">=1.1.1",
30
- "@outbook/webcomponents-scrollable": ">=1.0.0",
28
+ "@outbook/icons": ">=1.3.1",
29
+ "@outbook/webcomponents-type-icon": ">=1.1.3",
30
+ "@outbook/webcomponents-scrollable": ">=1.0.2",
31
31
  "a11y-key-conjurer": "1.1.2"
32
32
  },
33
33
  "peerDependencies": {
34
- "sass": "^1.97.2",
35
34
  "lit": "^3.0.0",
36
35
  "haunted": "^5.0.0 || ^6.0.0",
37
36
  "uuid": "^12.0.0 || ^13.0.0"
package/_style/_variables.scss DELETED
@@ -1,4 +0,0 @@
1
- $width-xs: 360px;
2
- $width-s: 540px;
3
- $width-m: 720px;
4
- $width-l: 840px;