@roadtrip/components 3.2.0 → 3.2.1
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/dist/cjs/road-badge_14.cjs.entry.js +1 -1
- package/dist/cjs/road-navbar-item.cjs.entry.js +1 -1
- package/dist/cjs/road-profil-dropdown.cjs.entry.js +1 -1
- package/dist/collection/components/icon/icon.css +11 -3
- package/dist/collection/components/icon/svg/flag-belgium-color.svg +1 -1
- package/dist/collection/components/icon/svg/keep-in-repair-color.svg +1 -0
- package/dist/collection/components/icon/svg/keep-in-repair-outline.svg +1 -1
- package/dist/collection/components/icon/svg/keep-in-repair-solid.svg +1 -1
- package/dist/collection/components/navbar-item/navbar-item.css +6 -5
- package/dist/collection/components/profil-dropdown/profil-dropdown.css +0 -1
- package/dist/esm/road-badge_14.entry.js +1 -1
- package/dist/esm/road-navbar-item.entry.js +1 -1
- package/dist/esm/road-profil-dropdown.entry.js +1 -1
- package/dist/icons/icons.svg +1 -1
- package/dist/icons/index.d.ts +6 -5
- package/dist/icons/index.js +79 -79
- package/dist/roadtrip/{p-8340165a.entry.js → p-0ce3567a.entry.js} +1 -1
- package/dist/roadtrip/p-4b77e940.entry.js +1 -0
- package/dist/roadtrip/{p-a12dc29f.entry.js → p-91dacad4.entry.js} +1 -1
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/roadtrip/svg/flag-belgium-color.svg +1 -1
- package/dist/roadtrip/svg/keep-in-repair-color.svg +1 -0
- package/dist/roadtrip/svg/keep-in-repair-outline.svg +1 -1
- package/dist/roadtrip/svg/keep-in-repair-solid.svg +1 -1
- package/icons/icons.svg +1 -1
- package/icons/index.d.ts +6 -5
- package/icons/index.js +79 -79
- package/package.json +1 -1
- package/dist/collection/components/icon/svg/videocam- solid.svg +0 -1
- package/dist/roadtrip/p-3c802959.entry.js +0 -1
- package/dist/roadtrip/svg/videocam- solid.svg +0 -1
- /package/dist/collection/components/icon/svg/{car-power.svg → car-power-outline.svg} +0 -0
- /package/dist/collection/components/icon/svg/{phone-ouline.svg → phone-outline.svg} +0 -0
- /package/dist/collection/components/icon/svg/{phone-ouline-solid.svg → phone-solid.svg} +0 -0
- /package/dist/collection/components/icon/svg/{wheel-rim.svg → wheel-rim-solid.svg} +0 -0
- /package/dist/collection/components/icon/svg/{work-order-awaiting-approval.svg → work-order-awaiting-approval-solid.svg} +0 -0
- /package/dist/roadtrip/svg/{car-power.svg → car-power-outline.svg} +0 -0
- /package/dist/roadtrip/svg/{phone-ouline.svg → phone-outline.svg} +0 -0
- /package/dist/roadtrip/svg/{phone-ouline-solid.svg → phone-solid.svg} +0 -0
- /package/dist/roadtrip/svg/{wheel-rim.svg → wheel-rim-solid.svg} +0 -0
- /package/dist/roadtrip/svg/{work-order-awaiting-approval.svg → work-order-awaiting-approval-solid.svg} +0 -0
|
@@ -444,7 +444,7 @@ const getSvgContent = (url, sanitize) => {
|
|
|
444
444
|
return req;
|
|
445
445
|
};
|
|
446
446
|
|
|
447
|
-
const iconCss = ":host{box-sizing:content-box;display:inline-block;color:var(--road-icon);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
|
447
|
+
const iconCss = ":host{box-sizing:content-box;display:inline-block;color:var(--road-icon);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;contain:strict}:host svg{display:block;width:100%;height:100%}:host(.icon-sm){width:1.25rem;height:1.25rem}:host(.icon-md){width:1.5rem;height:1.5rem}:host(.icon-lg){width:2rem;height:2rem}:host(.icon-3x){width:3rem;height:3rem}:host(.icon-4x){width:4rem;height:4rem}:host(.icon-primary){color:var(--road-primary-50);fill:var(--road-primary-50)}:host(.icon-secondary){color:var(--road-secondary-50);fill:var(--road-secondary-50)}:host(.icon-accent){color:var(--road-secondary-50);fill:var(--road-secondary-50)}:host(.icon-info){color:var(--road-info-default);fill:var(--road-info-default)}:host(.icon-success){color:var(--road-success-default);fill:var(--road-success-default)}:host(.icon-warning){color:var(--road-warning-default);fill:var(--road-warning-default)}:host(.icon-danger){color:var(--road-danger-default);fill:var(--road-danger-default)}:host(.icon-default){color:var(--road-icon);fill:var(--road-icon)}:host(.icon-white){color:var(--road-icon-inverse);fill:var(--road-icon-inverse)}:host(.icon-rotate-90){transform:rotate(90deg)}:host(.icon-rotate-180){transform:rotate(180deg)}:host(.icon-rotate-270){transform:rotate(270deg)}";
|
|
448
448
|
|
|
449
449
|
const Icon = class {
|
|
450
450
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
|
|
7
|
-
const navbarItemCss = ":host{position:relative;box-sizing:border-box;display:flex;flex:1;flex-basis:0;flex-direction:column;flex-grow:1;align-items:center;justify-content:center;text-align:center;white-space:nowrap}@media (min-width: 1200px){:host{flex-grow:inherit;width:100%;padding:0.5rem}}:host(.tab-selected),:host(.tab-selected)
|
|
7
|
+
const navbarItemCss = ":host{position:relative;box-sizing:border-box;display:flex;flex:1;flex-basis:0;flex-direction:column;flex-grow:1;align-items:center;justify-content:center;text-align:center;white-space:nowrap}@media (min-width: 1200px){:host{flex-grow:inherit;width:100%;padding:0.5rem}}:host(.tab-selected),:host(.tab-selected) road-tooltip road-icon{color:var(--road-on-button-tertiary);fill:var(--road-on-button-tertiary)}:host(.tab-selected)::after{position:absolute;bottom:-12px;left:0;display:block;width:100%;height:4px;color:var(--road-on-button-tertiary);content:\"\";background-color:var(--road-on-button-tertiary)}@media (min-width: 1200px){:host(.tab-selected)::after{bottom:auto;left:0;width:4px;height:100%}}:host(.focus-visible) ::slotted(road-icon),:host(.focus-visible) ::slotted(road-icon)::after,:host(.focus-visible) ::slotted(road-label),:host(.focus-visible) ::slotted(road-label)::after,:host(:hover) ::slotted(road-icon),:host(:hover) ::slotted(road-icon)::after,:host(:hover) ::slotted(road-label),:host(:hover) ::slotted(road-label)::after{color:var(--road-on-button-tertiary)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;margin:0;overflow:visible;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.button-inner{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%}::slotted(road-icon){display:block;width:2rem;height:2rem;margin-right:auto;margin-bottom:0.25rem;margin-left:auto;fill:currentColor}@media (min-width: 1200px){:host ::slotted(road-tooltip){width:100%}}::slotted(road-label){position:relative;box-sizing:border-box;display:flex;flex:1;flex-direction:column;font-size:var(--road-button-small);font-weight:700;text-align:center;white-space:nowrap}@media (min-width: 1200px){::slotted(road-label){display:block}}::slotted(road-badge){position:absolute;top:4px;left:calc(50% + 0.375rem);z-index:1;box-sizing:border-box;height:auto;font-size:var(--road-font-size-10);font-weight:400}";
|
|
8
8
|
|
|
9
9
|
const NavbarItem = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
|
|
7
|
-
const profilDropdownCss = ":host{--margin-top:0.5rem;display:block;font-size:var(--road-font-size-16)}.dropdown{position:relative;width:max-content;font-family:var(--road-font)}.dropdown summary{display:block;cursor:pointer;outline:none}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;z-index:1;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-button:hover{background:var(--road-grey-200)}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;top:0;left:5.5rem;z-index:2;display:flex;flex-direction:column;
|
|
7
|
+
const profilDropdownCss = ":host{--margin-top:0.5rem;display:block;font-size:var(--road-font-size-16)}.dropdown{position:relative;width:max-content;font-family:var(--road-font)}.dropdown summary{display:block;cursor:pointer;outline:none}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;z-index:1;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-button:hover{background:var(--road-grey-200)}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;top:0;left:5.5rem;z-index:2;display:flex;flex-direction:column;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}road-item{font-size:var(--road-button-medium)}.profil-item{display:flex;padding-bottom:1rem;margin:1rem;cursor:auto;border-bottom:1px solid var(--road-outline)}.profil-item-info{display:flex;flex-direction:column;margin-left:1rem;text-align:left}.profil-item-info-name{font-weight:700}.profil-item road-avatar:hover{box-shadow:none}.dropdown-item{display:flex;align-items:center;min-height:40px;padding:0 1rem;font-size:var(--road-button-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none;outline:none}.dropdown-item-border{border-color:var(--road-outline);border-bottom:1px solid}.dropdown-item road-icon{margin-right:0.7rem}road-item:hover:first-child,road-item.focus-visible:first-child{background:none}road-item:hover,road-item.focus-visible{background:var(--road-surface-inverse)}";
|
|
8
8
|
|
|
9
9
|
const Dropdown = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -12,7 +12,6 @@
|
|
|
12
12
|
display: inline-block;
|
|
13
13
|
color: var(--road-icon);
|
|
14
14
|
transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
|
15
|
-
fill: currentColor;
|
|
16
15
|
contain: strict;
|
|
17
16
|
}
|
|
18
17
|
|
|
@@ -54,39 +53,48 @@
|
|
|
54
53
|
-------------------- */
|
|
55
54
|
|
|
56
55
|
:host(.icon-primary) {
|
|
57
|
-
color: var(--road-primary-
|
|
56
|
+
color: var(--road-primary-50);
|
|
57
|
+
fill: var(--road-primary-50);
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
:host(.icon-secondary) {
|
|
61
|
-
color: var(--road-
|
|
61
|
+
color: var(--road-secondary-50);
|
|
62
|
+
fill: var(--road-secondary-50);
|
|
62
63
|
}
|
|
63
64
|
|
|
64
65
|
:host(.icon-accent) {
|
|
65
66
|
color: var(--road-secondary-50);
|
|
67
|
+
fill: var(--road-secondary-50);
|
|
66
68
|
}
|
|
67
69
|
|
|
68
70
|
:host(.icon-info) {
|
|
69
71
|
color: var(--road-info-default);
|
|
72
|
+
fill: var(--road-info-default);
|
|
70
73
|
}
|
|
71
74
|
|
|
72
75
|
:host(.icon-success) {
|
|
73
76
|
color: var(--road-success-default);
|
|
77
|
+
fill: var(--road-success-default);
|
|
74
78
|
}
|
|
75
79
|
|
|
76
80
|
:host(.icon-warning) {
|
|
77
81
|
color: var(--road-warning-default);
|
|
82
|
+
fill: var(--road-warning-default);
|
|
78
83
|
}
|
|
79
84
|
|
|
80
85
|
:host(.icon-danger) {
|
|
81
86
|
color: var(--road-danger-default);
|
|
87
|
+
fill: var(--road-danger-default);
|
|
82
88
|
}
|
|
83
89
|
|
|
84
90
|
:host(.icon-default) {
|
|
85
91
|
color: var(--road-icon);
|
|
92
|
+
fill: var(--road-icon);
|
|
86
93
|
}
|
|
87
94
|
|
|
88
95
|
:host(.icon-white) {
|
|
89
96
|
color: var(--road-icon-inverse);
|
|
97
|
+
fill: var(--road-icon-inverse);
|
|
90
98
|
}
|
|
91
99
|
|
|
92
100
|
/* ROTATION
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 4H0v16h24V4Z" fill="#3E407C" fill-opacity=".16"/><path d="M23 5H12v14h11V5Z" fill="#ED2939"/><path d="M12 5H1v14h11V5Z"/><path d="M15.666 5H8.333v14h7.333V5Z" fill="#FAE042"/></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 4H0v16h24V4Z" fill="#3E407C" fill-opacity=".16"/><path d="M23 5H12v14h11V5Z" fill="#ED2939"/><path d="M12 5H1v14h11V5Z" fill="#000000"/><path d="M15.666 5H8.333v14h7.333V5Z" fill="#FAE042"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M62.66 22.51c-.18-.89-.83-1.61-1.7-1.87s-1.81-.03-2.46.61l-5.46 5.52-5.12-5.06 5.52-5.52c.64-.64.88-1.58.61-2.46-.27-.87-.98-1.52-1.88-1.7-4.37-.86-8.86.5-12 3.64-3.54 3.54-4.79 8.71-3.23 13.47L14.71 51.39a6.078 6.078 0 0 0 0 8.59 6.073 6.073 0 0 0 4.3 1.78c1.56 0 3.11-.59 4.3-1.78l22.22-22.21c4.78 1.53 9.94.28 13.49-3.26a13.31 13.31 0 0 0 3.64-12Zm-5.41 10.23a10.791 10.791 0 0 1-10.96 2.65c-.9-.29-1.87-.06-2.52.59L21.53 58.22c-1.39 1.39-3.66 1.39-5.06 0-1.4-1.39-1.39-3.66 0-5.06l22.24-22.24c.65-.65.88-1.62.59-2.52-1.24-3.88-.23-8.08 2.65-10.96a10.96 10.96 0 0 1 9.73-3.02l-5.52 5.52a2.45 2.45 0 0 0-.72 1.74c0 .66.26 1.27.72 1.74l5.12 5.12c.93.93 2.55.93 3.47 0L60.21 23c.7 3.55-.4 7.19-2.96 9.75v-.01Z"/><path d="m20.12 52.82-1.767 1.767 1.768 1.768 1.768-1.768-1.768-1.767Z"/><path d="M29.56 24.6c0-7.54-9.7-19.21-10.81-20.52l-2.07-2.44-2.07 2.44C13.5 5.39 3.8 17.06 3.8 24.6c0 7.1 5.78 12.88 12.88 12.88 7.1 0 12.88-5.78 12.88-12.88Zm-23.26 0c0-5.41 6.68-14.73 10.22-18.91l.17-.19.16.19c3.53 4.17 10.22 13.5 10.22 18.91 0 5.72-4.66 10.38-10.38 10.38-5.72 0-10.38-4.66-10.38-10.38H6.3Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="M22.56 24.6h-2.5c0 1.86-1.52 3.38-3.38 3.38v2.5a5.89 5.89 0 0 0 5.88-5.88Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg"
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M62.66 22.51c-.18-.89-.83-1.61-1.7-1.87s-1.81-.03-2.46.61l-5.46 5.52-5.12-5.06 5.52-5.52c.64-.64.88-1.58.61-2.46-.27-.87-.98-1.52-1.88-1.7-4.37-.86-8.86.5-12 3.64-3.54 3.54-4.79 8.71-3.23 13.47L14.71 51.39a6.078 6.078 0 0 0 0 8.59 6.073 6.073 0 0 0 4.3 1.78c1.56 0 3.11-.59 4.3-1.78l22.22-22.21c4.78 1.53 9.94.28 13.49-3.26a13.31 13.31 0 0 0 3.64-12Zm-5.41 10.23a10.791 10.791 0 0 1-10.96 2.65c-.9-.29-1.87-.06-2.52.59L21.53 58.22c-1.39 1.39-3.66 1.39-5.06 0-1.4-1.39-1.39-3.66 0-5.06l22.24-22.24c.65-.65.88-1.62.59-2.52-1.24-3.88-.23-8.08 2.65-10.96a10.96 10.96 0 0 1 9.73-3.02l-5.52 5.52a2.45 2.45 0 0 0-.72 1.74c0 .66.26 1.27.72 1.74l5.12 5.12c.93.93 2.55.93 3.47 0L60.21 23c.7 3.55-.4 7.19-2.96 9.75v-.01Z"/><path d="m20.12 52.82-1.767 1.767 1.768 1.768 1.768-1.768-1.768-1.767ZM29.56 24.6c0-7.54-9.7-19.21-10.81-20.52l-2.07-2.44-2.07 2.44C13.5 5.39 3.8 17.06 3.8 24.6c0 7.1 5.78 12.88 12.88 12.88 7.1 0 12.88-5.78 12.88-12.88Zm-23.26 0c0-5.41 6.68-14.73 10.22-18.91l.17-.19.16.19c3.53 4.17 10.22 13.5 10.22 18.91 0 5.72-4.66 10.38-10.38 10.38-5.72 0-10.38-4.66-10.38-10.38H6.3Z"/><path d="M22.56 24.6h-2.5c0 1.86-1.52 3.38-3.38 3.38v2.5a5.89 5.89 0 0 0 5.88-5.88Z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg"
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m18.8 4.1-2.1-2.4-2.1 2.4c-1.1 1.3-10.8 13-10.8 20.5 0 7.1 5.8 12.9 12.9 12.9 7.1 0 12.9-5.8 12.9-12.9 0-7.5-9.7-19.2-10.8-20.5Zm-2.1 26.4V28c1.9 0 3.4-1.5 3.4-3.4h2.5c0 3.2-2.7 5.9-5.9 5.9Z"/><path d="M62.7 22.5c-.2-.9-.8-1.6-1.7-1.9-.9-.3-1.8 0-2.5.6L53 26.8l-5.1-5.1 5.5-5.5c.6-.6.9-1.6.6-2.5-.3-.9-1-1.5-1.9-1.7-4.4-.9-8.9.5-12 3.6-3.5 3.5-4.8 8.7-3.2 13.5L14.7 51.4c-2.4 2.4-2.4 6.2 0 8.6 1.2 1.2 2.7 1.8 4.3 1.8 1.6 0 3.1-.6 4.3-1.8l22.2-22.2c4.8 1.5 9.9.3 13.5-3.3 3.2-3.1 4.5-7.6 3.7-12ZM20.1 56.4l-1.8-1.8 1.8-1.8 1.8 1.8-1.8 1.8Z"/></svg>
|
|
@@ -38,8 +38,9 @@
|
|
|
38
38
|
*/
|
|
39
39
|
|
|
40
40
|
:host(.tab-selected),
|
|
41
|
-
:host(.tab-selected)
|
|
42
|
-
color: var(--road-
|
|
41
|
+
:host(.tab-selected) road-tooltip road-icon {
|
|
42
|
+
color: var(--road-on-button-tertiary);
|
|
43
|
+
fill: var(--road-on-button-tertiary);
|
|
43
44
|
}
|
|
44
45
|
|
|
45
46
|
:host(.tab-selected)::after {
|
|
@@ -49,9 +50,9 @@
|
|
|
49
50
|
display: block;
|
|
50
51
|
width: 100%;
|
|
51
52
|
height: 4px;
|
|
52
|
-
color: var(--road-
|
|
53
|
+
color: var(--road-on-button-tertiary);
|
|
53
54
|
content: "";
|
|
54
|
-
background-color: var(--road-
|
|
55
|
+
background-color: var(--road-on-button-tertiary);
|
|
55
56
|
}
|
|
56
57
|
|
|
57
58
|
@media (min-width: 1200px) {
|
|
@@ -78,7 +79,7 @@
|
|
|
78
79
|
:host(:hover) ::slotted(road-icon)::after,
|
|
79
80
|
:host(:hover) ::slotted(road-label),
|
|
80
81
|
:host(:hover) ::slotted(road-label)::after {
|
|
81
|
-
color: var(--road-
|
|
82
|
+
color: var(--road-on-button-tertiary);
|
|
82
83
|
}
|
|
83
84
|
|
|
84
85
|
|
|
@@ -440,7 +440,7 @@ const getSvgContent = (url, sanitize) => {
|
|
|
440
440
|
return req;
|
|
441
441
|
};
|
|
442
442
|
|
|
443
|
-
const iconCss = ":host{box-sizing:content-box;display:inline-block;color:var(--road-icon);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
|
443
|
+
const iconCss = ":host{box-sizing:content-box;display:inline-block;color:var(--road-icon);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;contain:strict}:host svg{display:block;width:100%;height:100%}:host(.icon-sm){width:1.25rem;height:1.25rem}:host(.icon-md){width:1.5rem;height:1.5rem}:host(.icon-lg){width:2rem;height:2rem}:host(.icon-3x){width:3rem;height:3rem}:host(.icon-4x){width:4rem;height:4rem}:host(.icon-primary){color:var(--road-primary-50);fill:var(--road-primary-50)}:host(.icon-secondary){color:var(--road-secondary-50);fill:var(--road-secondary-50)}:host(.icon-accent){color:var(--road-secondary-50);fill:var(--road-secondary-50)}:host(.icon-info){color:var(--road-info-default);fill:var(--road-info-default)}:host(.icon-success){color:var(--road-success-default);fill:var(--road-success-default)}:host(.icon-warning){color:var(--road-warning-default);fill:var(--road-warning-default)}:host(.icon-danger){color:var(--road-danger-default);fill:var(--road-danger-default)}:host(.icon-default){color:var(--road-icon);fill:var(--road-icon)}:host(.icon-white){color:var(--road-icon-inverse);fill:var(--road-icon-inverse)}:host(.icon-rotate-90){transform:rotate(90deg)}:host(.icon-rotate-180){transform:rotate(180deg)}:host(.icon-rotate-270){transform:rotate(270deg)}";
|
|
444
444
|
|
|
445
445
|
const Icon = class {
|
|
446
446
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, e as getElement } from './index-a99a5e7b.js';
|
|
2
2
|
|
|
3
|
-
const navbarItemCss = ":host{position:relative;box-sizing:border-box;display:flex;flex:1;flex-basis:0;flex-direction:column;flex-grow:1;align-items:center;justify-content:center;text-align:center;white-space:nowrap}@media (min-width: 1200px){:host{flex-grow:inherit;width:100%;padding:0.5rem}}:host(.tab-selected),:host(.tab-selected)
|
|
3
|
+
const navbarItemCss = ":host{position:relative;box-sizing:border-box;display:flex;flex:1;flex-basis:0;flex-direction:column;flex-grow:1;align-items:center;justify-content:center;text-align:center;white-space:nowrap}@media (min-width: 1200px){:host{flex-grow:inherit;width:100%;padding:0.5rem}}:host(.tab-selected),:host(.tab-selected) road-tooltip road-icon{color:var(--road-on-button-tertiary);fill:var(--road-on-button-tertiary)}:host(.tab-selected)::after{position:absolute;bottom:-12px;left:0;display:block;width:100%;height:4px;color:var(--road-on-button-tertiary);content:\"\";background-color:var(--road-on-button-tertiary)}@media (min-width: 1200px){:host(.tab-selected)::after{bottom:auto;left:0;width:4px;height:100%}}:host(.focus-visible) ::slotted(road-icon),:host(.focus-visible) ::slotted(road-icon)::after,:host(.focus-visible) ::slotted(road-label),:host(.focus-visible) ::slotted(road-label)::after,:host(:hover) ::slotted(road-icon),:host(:hover) ::slotted(road-icon)::after,:host(:hover) ::slotted(road-label),:host(:hover) ::slotted(road-label)::after{color:var(--road-on-button-tertiary)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;margin:0;overflow:visible;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.button-inner{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%}::slotted(road-icon){display:block;width:2rem;height:2rem;margin-right:auto;margin-bottom:0.25rem;margin-left:auto;fill:currentColor}@media (min-width: 1200px){:host ::slotted(road-tooltip){width:100%}}::slotted(road-label){position:relative;box-sizing:border-box;display:flex;flex:1;flex-direction:column;font-size:var(--road-button-small);font-weight:700;text-align:center;white-space:nowrap}@media (min-width: 1200px){::slotted(road-label){display:block}}::slotted(road-badge){position:absolute;top:4px;left:calc(50% + 0.375rem);z-index:1;box-sizing:border-box;height:auto;font-size:var(--road-font-size-10);font-weight:400}";
|
|
4
4
|
|
|
5
5
|
const NavbarItem = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-a99a5e7b.js';
|
|
2
2
|
|
|
3
|
-
const profilDropdownCss = ":host{--margin-top:0.5rem;display:block;font-size:var(--road-font-size-16)}.dropdown{position:relative;width:max-content;font-family:var(--road-font)}.dropdown summary{display:block;cursor:pointer;outline:none}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;z-index:1;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-button:hover{background:var(--road-grey-200)}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;top:0;left:5.5rem;z-index:2;display:flex;flex-direction:column;
|
|
3
|
+
const profilDropdownCss = ":host{--margin-top:0.5rem;display:block;font-size:var(--road-font-size-16)}.dropdown{position:relative;width:max-content;font-family:var(--road-font)}.dropdown summary{display:block;cursor:pointer;outline:none}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;z-index:1;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-button:hover{background:var(--road-grey-200)}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;top:0;left:5.5rem;z-index:2;display:flex;flex-direction:column;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}road-item{font-size:var(--road-button-medium)}.profil-item{display:flex;padding-bottom:1rem;margin:1rem;cursor:auto;border-bottom:1px solid var(--road-outline)}.profil-item-info{display:flex;flex-direction:column;margin-left:1rem;text-align:left}.profil-item-info-name{font-weight:700}.profil-item road-avatar:hover{box-shadow:none}.dropdown-item{display:flex;align-items:center;min-height:40px;padding:0 1rem;font-size:var(--road-button-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none;outline:none}.dropdown-item-border{border-color:var(--road-outline);border-bottom:1px solid}.dropdown-item road-icon{margin-right:0.7rem}road-item:hover:first-child,road-item.focus-visible:first-child{background:none}road-item:hover,road-item.focus-visible{background:var(--road-surface-inverse)}";
|
|
4
4
|
|
|
5
5
|
const Dropdown = class {
|
|
6
6
|
constructor(hostRef) {
|