@zanichelli/albe-web-components 2.24.11 → 2.24.13
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.
- package/CHANGELOG.md +14 -0
- package/dist/cjs/z-alert_65.cjs.entry.js +1 -1
- package/dist/collection/components/navigation/z-user-dropdown/styles.css +5 -6
- package/dist/esm/z-alert_65.entry.js +1 -1
- package/dist/web-components-library/{p-fc1676f7.entry.js → p-ccaa0324.entry.js} +1 -1
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +1 -1
- package/www/build/{p-4d24bb8e.js → p-ca89b853.js} +1 -1
- package/www/build/{p-fc1676f7.entry.js → p-ccaa0324.entry.js} +1 -1
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [2.24.13](https://github.com/ZanichelliEditore/design-system/compare/v2.24.11...v2.24.13) (2021-11-15)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* fixed padding and margin ([c5a48cf](https://github.com/ZanichelliEditore/design-system/commit/c5a48cf36b91a4f7992d8dd9fb1d5e7c4a9d690f))
|
|
11
|
+
|
|
12
|
+
### [2.24.12](https://github.com/ZanichelliEditore/design-system/compare/v2.24.11...v2.24.12) (2021-11-15)
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
### Bug Fixes
|
|
16
|
+
|
|
17
|
+
* fixed padding and margin ([c5a48cf](https://github.com/ZanichelliEditore/design-system/commit/c5a48cf36b91a4f7992d8dd9fb1d5e7c4a9d690f))
|
|
18
|
+
|
|
5
19
|
### [2.24.11](https://github.com/ZanichelliEditore/design-system/compare/v2.24.10...v2.24.11) (2021-11-12)
|
|
6
20
|
|
|
7
21
|
|
|
@@ -3485,7 +3485,7 @@ const ZTypography = class {
|
|
|
3485
3485
|
};
|
|
3486
3486
|
ZTypography.style = stylesCss$1;
|
|
3487
3487
|
|
|
3488
|
-
const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{cursor:pointer;display:flex;margin:0;background:var(--bg-grey-900);border:none;
|
|
3488
|
+
const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{cursor:pointer;display:flex;margin:0;background:var(--bg-grey-900);border:none;font-size:calc(var(--space-unit) * 2);padding:calc(var(--space-unit) - 2px) 0}button>z-icon{padding:0 2px;fill:var(--bg-white)}button>span{padding:0 6px;color:var(--text-white);font-weight:var(--font-sb);line-height:19px}button.light{background:var(--bg-white)}button.light>z-icon{fill:var(--bg-grey-900)}button.light>span{color:var(--bg-grey-900)}button>.userfullname{display:none}ul{position:absolute;left:0;padding:var(--space-unit) 0 0 0;width:100%;margin:0;background:var(--bg-grey-900)}ul.light{background:var(--bg-white)}ul>li{display:flex;justify-content:flex-end;padding:var(--space-unit);margin:0 var(--space-unit);border-bottom:var(--border-base) solid var(--bg-grey-700)}ul>li:first-child{border-top:var(--border-base) solid var(--bg-grey-700)}ul>li:last-child{border-bottom:none}@media only screen and (min-width: 768px){:host{height:calc(var(--space-unit) * 4)}:host>div{position:relative}:host>div>div{padding:0}:host>div>div.open{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-end;align-content:stretch;width:min-content;position:absolute;right:calc(var(--space-unit) * -1);box-shadow:0px 2px calc(var(--space-unit) * .5) 0px rgba(0, 0, 0, 0.5);background:var(--bg-white);border-radius:calc(var(--space-unit) * .5);padding:calc(var(--space-unit) * .5) var(--space-unit);transform:translate(0, -4px)}button{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:end;align-content:center;max-width:200px}button>span{padding:0 var(--space-unit)}button.open{background-color:var(--bg-white);border-top:var(--border-size-small) solid var(--bg-white);border-top-left-radius:calc(var(--space-unit) * .5);border-top-right-radius:calc(var(--space-unit) * .5);max-width:initial}button>.userfullname{display:initial;white-space:nowrap;overflow:hidden;max-width:250px;text-overflow:ellipsis}button.open>z-icon{fill:var(--gray900)}button.open>span{color:var(--gray900)}ul{position:initial;left:initial;padding:0;margin-top:0;width:100%;background-color:var(--bg-white);border-bottom:var(--border-size-small) solid var(--bg-white);border-bottom-left-radius:var(--border-radius-base);border-bottom-right-radius:var(--border-radius-base)}ul>li{color:var(--gray900);border-bottom:var(--border-base) solid rgb(202, 204, 206);padding:calc(var(--space-unit) * .5);margin:unset}ul>li>*{width:max-content}ul>li:first-child{border-top:none}ul>li:last-child{border-bottom:none}}@media only screen and (min-width: 1152px){button{max-width:initial}}";
|
|
3489
3489
|
|
|
3490
3490
|
const ZUserDropdown = class {
|
|
3491
3491
|
constructor(hostRef) {
|
|
@@ -9,9 +9,8 @@ button {
|
|
|
9
9
|
margin: 0;
|
|
10
10
|
background: var(--bg-grey-900);
|
|
11
11
|
border: none;
|
|
12
|
-
padding: 0;
|
|
13
12
|
font-size: calc(var(--space-unit) * 2);
|
|
14
|
-
padding:
|
|
13
|
+
padding: calc(var(--space-unit) - 2px) 0;
|
|
15
14
|
}
|
|
16
15
|
|
|
17
16
|
button > z-icon {
|
|
@@ -94,11 +93,11 @@ ul > li:last-child {
|
|
|
94
93
|
align-content: stretch;
|
|
95
94
|
width: min-content;
|
|
96
95
|
position: absolute;
|
|
97
|
-
right:
|
|
96
|
+
right: calc(var(--space-unit) * -1);
|
|
98
97
|
box-shadow: 0px 2px calc(var(--space-unit) * .5) 0px rgba(0, 0, 0, 0.5);
|
|
99
98
|
background: var(--bg-white);
|
|
100
99
|
border-radius: calc(var(--space-unit) * .5);
|
|
101
|
-
padding: calc(var(--space-unit) * .5)
|
|
100
|
+
padding: calc(var(--space-unit) * .5) var(--space-unit);
|
|
102
101
|
transform: translate(0, -4px);
|
|
103
102
|
}
|
|
104
103
|
|
|
@@ -109,7 +108,6 @@ ul > li:last-child {
|
|
|
109
108
|
justify-content: flex-end;
|
|
110
109
|
align-items: end;
|
|
111
110
|
align-content: center;
|
|
112
|
-
padding: calc(var(--space-unit) - 2px) 0;
|
|
113
111
|
max-width: 200px;
|
|
114
112
|
}
|
|
115
113
|
|
|
@@ -155,7 +153,8 @@ ul > li:last-child {
|
|
|
155
153
|
ul > li {
|
|
156
154
|
color: var(--gray900);
|
|
157
155
|
border-bottom: var(--border-base) solid rgb(202, 204, 206);
|
|
158
|
-
padding: calc(var(--space-unit) * .5)
|
|
156
|
+
padding: calc(var(--space-unit) * .5);
|
|
157
|
+
margin: unset;
|
|
159
158
|
}
|
|
160
159
|
|
|
161
160
|
ul > li > * {
|
|
@@ -3481,7 +3481,7 @@ const ZTypography = class {
|
|
|
3481
3481
|
};
|
|
3482
3482
|
ZTypography.style = stylesCss$1;
|
|
3483
3483
|
|
|
3484
|
-
const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{cursor:pointer;display:flex;margin:0;background:var(--bg-grey-900);border:none;
|
|
3484
|
+
const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{cursor:pointer;display:flex;margin:0;background:var(--bg-grey-900);border:none;font-size:calc(var(--space-unit) * 2);padding:calc(var(--space-unit) - 2px) 0}button>z-icon{padding:0 2px;fill:var(--bg-white)}button>span{padding:0 6px;color:var(--text-white);font-weight:var(--font-sb);line-height:19px}button.light{background:var(--bg-white)}button.light>z-icon{fill:var(--bg-grey-900)}button.light>span{color:var(--bg-grey-900)}button>.userfullname{display:none}ul{position:absolute;left:0;padding:var(--space-unit) 0 0 0;width:100%;margin:0;background:var(--bg-grey-900)}ul.light{background:var(--bg-white)}ul>li{display:flex;justify-content:flex-end;padding:var(--space-unit);margin:0 var(--space-unit);border-bottom:var(--border-base) solid var(--bg-grey-700)}ul>li:first-child{border-top:var(--border-base) solid var(--bg-grey-700)}ul>li:last-child{border-bottom:none}@media only screen and (min-width: 768px){:host{height:calc(var(--space-unit) * 4)}:host>div{position:relative}:host>div>div{padding:0}:host>div>div.open{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-end;align-content:stretch;width:min-content;position:absolute;right:calc(var(--space-unit) * -1);box-shadow:0px 2px calc(var(--space-unit) * .5) 0px rgba(0, 0, 0, 0.5);background:var(--bg-white);border-radius:calc(var(--space-unit) * .5);padding:calc(var(--space-unit) * .5) var(--space-unit);transform:translate(0, -4px)}button{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:end;align-content:center;max-width:200px}button>span{padding:0 var(--space-unit)}button.open{background-color:var(--bg-white);border-top:var(--border-size-small) solid var(--bg-white);border-top-left-radius:calc(var(--space-unit) * .5);border-top-right-radius:calc(var(--space-unit) * .5);max-width:initial}button>.userfullname{display:initial;white-space:nowrap;overflow:hidden;max-width:250px;text-overflow:ellipsis}button.open>z-icon{fill:var(--gray900)}button.open>span{color:var(--gray900)}ul{position:initial;left:initial;padding:0;margin-top:0;width:100%;background-color:var(--bg-white);border-bottom:var(--border-size-small) solid var(--bg-white);border-bottom-left-radius:var(--border-radius-base);border-bottom-right-radius:var(--border-radius-base)}ul>li{color:var(--gray900);border-bottom:var(--border-base) solid rgb(202, 204, 206);padding:calc(var(--space-unit) * .5);margin:unset}ul>li>*{width:max-content}ul>li:first-child{border-top:none}ul>li:last-child{border-bottom:none}}@media only screen and (min-width: 1152px){button{max-width:initial}}";
|
|
3485
3485
|
|
|
3486
3486
|
const ZUserDropdown = class {
|
|
3487
3487
|
constructor(hostRef) {
|