@roadtrip/components 3.2.1 → 3.4.0
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/index-a2306350.js +16 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/road-alert.cjs.entry.js +1 -1
- package/dist/cjs/road-badge_14.cjs.entry.js +2 -2
- package/dist/cjs/road-button-floating.cjs.entry.js +66 -0
- package/dist/cjs/road-global-navigation.cjs.entry.js +1 -1
- package/dist/cjs/road-progress-indicator-horizontal.cjs.entry.js +40 -0
- package/dist/cjs/road-progress-tracker-item.cjs.entry.js +19 -0
- package/dist/cjs/road-progress-tracker.cjs.entry.js +19 -0
- package/dist/cjs/roadtrip.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +4 -1
- package/dist/collection/components/alert/alert.css +8 -4
- package/dist/collection/components/button/button.css +1 -2
- package/dist/collection/components/button-floating/button-floating.css +122 -0
- package/dist/collection/components/button-floating/button-floating.js +220 -0
- package/dist/collection/components/button-floating/button-floating.stories.js +75 -0
- package/dist/collection/components/global-navigation/global-navigation.css +1 -0
- package/dist/collection/components/icon/icon.css +10 -9
- package/dist/collection/components/icon/svg/becommerce-color.svg +1 -0
- package/dist/collection/components/icon/svg/becommerce-outline.svg +1 -0
- package/dist/collection/components/icon/svg/discount-workshop-color.svg +1 -0
- package/dist/collection/components/icon/svg/discount-workshop-outline.svg +1 -0
- package/dist/collection/components/icon/svg/discount-workshop-solid.svg +1 -0
- package/dist/collection/components/icon/svg/flag-belgium-color.svg +1 -1
- package/dist/collection/components/icon/svg/garage-color.svg +1 -1
- package/dist/collection/components/icon/svg/garage-house-color.svg +1 -1
- package/dist/collection/components/icon/svg/garage-house-outline.svg +1 -1
- package/dist/collection/components/icon/svg/garage-outline.svg +1 -1
- package/dist/collection/components/icon/svg/keep-in-repair-outline.svg +1 -1
- package/dist/collection/components/icon/svg/location-pin-all-color.svg +1 -1
- package/dist/collection/components/icon/svg/location-pin-all-outline.svg +1 -1
- package/dist/collection/components/icon/svg/location-pin-all-solid.svg +1 -1
- package/dist/collection/components/icon/svg/location-pin-color.svg +1 -1
- package/dist/collection/components/icon/svg/location-pin-garage-auto5-color.svg +1 -0
- package/dist/collection/components/icon/svg/location-pin-garage-auto5-outline.svg +1 -0
- package/dist/collection/components/icon/svg/location-pin-garage-auto5-solid.svg +1 -1
- package/dist/collection/components/icon/svg/location-pin-garage-color.svg +1 -0
- package/dist/collection/components/icon/svg/location-pin-garage-norauto-color.svg +1 -0
- package/dist/collection/components/icon/svg/location-pin-garage-norauto-outline.svg +1 -0
- package/dist/collection/components/icon/svg/location-pin-garage-norauto-solid.svg +1 -1
- package/dist/collection/components/icon/svg/location-pin-garage-outline.svg +1 -0
- package/dist/collection/components/icon/svg/location-pin-garage-solid.svg +1 -1
- package/dist/collection/components/icon/svg/location-pin-number-outline.svg +1 -0
- package/dist/collection/components/icon/svg/location-pin-number-solid.svg +1 -1
- package/dist/collection/components/icon/svg/location-pin-outline.svg +1 -1
- package/dist/collection/components/icon/svg/location-pin-solid.svg +1 -1
- package/dist/collection/components/icon/svg/tire-pressure-color.svg +1 -0
- package/dist/collection/components/icon/svg/tire-pressure-outline.svg +1 -0
- package/dist/collection/components/{stepper/stepper.css → progress-indicator-horizontal/progress-indicator-horizontal.css} +40 -38
- package/dist/collection/components/{stepper/stepper.js → progress-indicator-horizontal/progress-indicator-horizontal.js} +24 -24
- package/dist/collection/components/progress-indicator-horizontal/progress-indicator-horizontal.stories.js +201 -0
- package/dist/collection/components/progress-tracker/progress-tracker.css +25 -0
- package/dist/collection/components/progress-tracker/progress-tracker.js +26 -0
- package/dist/collection/components/progress-tracker/progress-tracker.stories.js +264 -0
- package/dist/collection/components/progress-tracker-item/progress-tracker-item.css +163 -0
- package/dist/collection/components/progress-tracker-item/progress-tracker-item.js +28 -0
- package/dist/esm/index-a99a5e7b.js +16 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/road-alert.entry.js +1 -1
- package/dist/esm/road-badge_14.entry.js +2 -2
- package/dist/esm/road-button-floating.entry.js +62 -0
- package/dist/esm/road-global-navigation.entry.js +1 -1
- package/dist/esm/road-progress-indicator-horizontal.entry.js +36 -0
- package/dist/esm/road-progress-tracker-item.entry.js +15 -0
- package/dist/esm/road-progress-tracker.entry.js +15 -0
- package/dist/esm/roadtrip.js +1 -1
- package/dist/html.html-data.json +162 -92
- package/dist/icons/icons.svg +1 -1
- package/dist/icons/index.d.ts +14 -1
- package/dist/icons/index.js +79 -64
- package/dist/roadtrip/p-00762fb0.entry.js +1 -0
- package/dist/roadtrip/p-47472e0c.entry.js +1 -0
- package/dist/roadtrip/p-604b9899.entry.js +1 -0
- package/dist/roadtrip/{p-dd9eea16.entry.js → p-72612490.entry.js} +1 -1
- package/dist/roadtrip/p-b3f165f4.entry.js +1 -0
- package/dist/roadtrip/p-b68c2056.entry.js +1 -0
- package/dist/roadtrip/p-e51617fb.entry.js +1 -0
- package/dist/roadtrip/roadtrip.css +1 -1
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/roadtrip/svg/becommerce-color.svg +1 -0
- package/dist/roadtrip/svg/becommerce-outline.svg +1 -0
- package/dist/roadtrip/svg/discount-workshop-color.svg +1 -0
- package/dist/roadtrip/svg/discount-workshop-outline.svg +1 -0
- package/dist/roadtrip/svg/discount-workshop-solid.svg +1 -0
- package/dist/roadtrip/svg/flag-belgium-color.svg +1 -1
- package/dist/roadtrip/svg/garage-color.svg +1 -1
- package/dist/roadtrip/svg/garage-house-color.svg +1 -1
- package/dist/roadtrip/svg/garage-house-outline.svg +1 -1
- package/dist/roadtrip/svg/garage-outline.svg +1 -1
- package/dist/roadtrip/svg/keep-in-repair-outline.svg +1 -1
- package/dist/roadtrip/svg/location-pin-all-color.svg +1 -1
- package/dist/roadtrip/svg/location-pin-all-outline.svg +1 -1
- package/dist/roadtrip/svg/location-pin-all-solid.svg +1 -1
- package/dist/roadtrip/svg/location-pin-color.svg +1 -1
- package/dist/roadtrip/svg/location-pin-garage-auto5-color.svg +1 -0
- package/dist/roadtrip/svg/location-pin-garage-auto5-outline.svg +1 -0
- package/dist/roadtrip/svg/location-pin-garage-auto5-solid.svg +1 -1
- package/dist/roadtrip/svg/location-pin-garage-color.svg +1 -0
- package/dist/roadtrip/svg/location-pin-garage-norauto-color.svg +1 -0
- package/dist/roadtrip/svg/location-pin-garage-norauto-outline.svg +1 -0
- package/dist/roadtrip/svg/location-pin-garage-norauto-solid.svg +1 -1
- package/dist/roadtrip/svg/location-pin-garage-outline.svg +1 -0
- package/dist/roadtrip/svg/location-pin-garage-solid.svg +1 -1
- package/dist/roadtrip/svg/location-pin-number-outline.svg +1 -0
- package/dist/roadtrip/svg/location-pin-number-solid.svg +1 -1
- package/dist/roadtrip/svg/location-pin-outline.svg +1 -1
- package/dist/roadtrip/svg/location-pin-solid.svg +1 -1
- package/dist/roadtrip/svg/tire-pressure-color.svg +1 -0
- package/dist/roadtrip/svg/tire-pressure-outline.svg +1 -0
- package/dist/types/components/button-floating/button-floating.d.ts +48 -0
- package/dist/types/components/{stepper/stepper.d.ts → progress-indicator-horizontal/progress-indicator-horizontal.d.ts} +13 -13
- package/dist/types/components/progress-tracker/progress-tracker.d.ts +11 -0
- package/dist/types/components/progress-tracker-item/progress-tracker-item.d.ts +14 -0
- package/dist/types/components.d.ts +168 -85
- package/icons/icons.svg +1 -1
- package/icons/index.d.ts +14 -1
- package/icons/index.js +79 -64
- package/package.json +1 -1
- package/dist/cjs/road-stepper.cjs.entry.js +0 -40
- package/dist/collection/components/stepper/stepper.stories.js +0 -201
- package/dist/esm/road-stepper.entry.js +0 -36
- package/dist/roadtrip/p-2ebc384d.entry.js +0 -1
- package/dist/roadtrip/p-91dacad4.entry.js +0 -1
- package/dist/roadtrip/p-e6e9d15a.entry.js +0 -1
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Button floating
|
|
3
|
+
*
|
|
4
|
+
*
|
|
5
|
+
* Index
|
|
6
|
+
* - Button
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
/* BUTTON
|
|
11
|
+
-------------------- */
|
|
12
|
+
|
|
13
|
+
:host {
|
|
14
|
+
position: fixed;
|
|
15
|
+
right: 1rem;
|
|
16
|
+
bottom: 1rem;
|
|
17
|
+
z-index: 2;
|
|
18
|
+
box-sizing: border-box;
|
|
19
|
+
display: block;
|
|
20
|
+
align-items: center;
|
|
21
|
+
max-width: 3.5rem;
|
|
22
|
+
height: 3.5rem;
|
|
23
|
+
padding: 0.6rem 0.75rem 0.75rem;
|
|
24
|
+
overflow: hidden;
|
|
25
|
+
font-family: var(--road-font, sans-serif);
|
|
26
|
+
font-size: var(--road-button-medium);
|
|
27
|
+
font-weight: 700;
|
|
28
|
+
line-height: 1.375;
|
|
29
|
+
color: var(--road-on-button-secondary);
|
|
30
|
+
text-decoration: none;
|
|
31
|
+
white-space: nowrap;
|
|
32
|
+
background: var(--road-button-secondary);
|
|
33
|
+
border: 1px solid transparent;
|
|
34
|
+
border-radius: 2rem;
|
|
35
|
+
box-shadow: var(--road-elevation-average);
|
|
36
|
+
transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
:host(.position-left) {
|
|
40
|
+
right: auto;
|
|
41
|
+
left: 1rem;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
:host(.position-center) {
|
|
45
|
+
right: 0;
|
|
46
|
+
left: 0;
|
|
47
|
+
margin: 0 auto;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
:host(.scroll-up) {
|
|
51
|
+
display: block;
|
|
52
|
+
max-width: 3.5rem;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
:host(.scroll-down) .button-native{
|
|
56
|
+
display: flex;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
:host(.scroll-down) {
|
|
60
|
+
display: flex;
|
|
61
|
+
max-width: max-content;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
:host ::slotted(road-icon) {
|
|
67
|
+
margin-right: 0.5rem;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
:host(:hover) {
|
|
72
|
+
background-color: var(--road-button-secondary-variant);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
:host(.focus-visible) {
|
|
76
|
+
outline: 0;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
/**
|
|
80
|
+
* Native button
|
|
81
|
+
*/
|
|
82
|
+
|
|
83
|
+
.button-native {
|
|
84
|
+
position: relative;
|
|
85
|
+
z-index: 1;
|
|
86
|
+
align-items: center;
|
|
87
|
+
justify-content: center;
|
|
88
|
+
width: 100%;
|
|
89
|
+
height: 100%;
|
|
90
|
+
padding: 0;
|
|
91
|
+
margin: 0;
|
|
92
|
+
font-family: inherit;
|
|
93
|
+
font-size: inherit;
|
|
94
|
+
font-style: inherit;
|
|
95
|
+
font-weight: inherit;
|
|
96
|
+
color: inherit;
|
|
97
|
+
text-align: inherit;
|
|
98
|
+
text-decoration: none;
|
|
99
|
+
text-indent: inherit;
|
|
100
|
+
text-overflow: inherit;
|
|
101
|
+
text-transform: inherit;
|
|
102
|
+
letter-spacing: inherit;
|
|
103
|
+
white-space: inherit;
|
|
104
|
+
cursor: pointer;
|
|
105
|
+
background: transparent;
|
|
106
|
+
border: none;
|
|
107
|
+
outline: 0;
|
|
108
|
+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
/* DISABLED
|
|
113
|
+
-------------------- */
|
|
114
|
+
|
|
115
|
+
:host([aria-disabled]) {
|
|
116
|
+
pointer-events: none;
|
|
117
|
+
opacity: 0.16;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.button-native:disabled {
|
|
121
|
+
cursor: not-allowed;
|
|
122
|
+
}
|
|
@@ -0,0 +1,220 @@
|
|
|
1
|
+
import { Host, h } from '@stencil/core';
|
|
2
|
+
import './../../utils/polyfill';
|
|
3
|
+
/**
|
|
4
|
+
* @slot - Content of the button.
|
|
5
|
+
* @slot start - Left content of the button text, usually for icon.
|
|
6
|
+
*
|
|
7
|
+
* @part native - The native HTML button or anchor element that wraps all child elements.
|
|
8
|
+
*/
|
|
9
|
+
export class Button {
|
|
10
|
+
constructor() {
|
|
11
|
+
/**
|
|
12
|
+
* position.
|
|
13
|
+
*/
|
|
14
|
+
this.position = 'right';
|
|
15
|
+
this.onClick = (ev) => {
|
|
16
|
+
if (this.el.shadowRoot && this.el.attachShadow) {
|
|
17
|
+
// this button wants to specifically submit a form
|
|
18
|
+
// climb up the dom to see if we're in a <form>
|
|
19
|
+
// and if so, then use JS to submit it
|
|
20
|
+
const form = this.el.closest('form');
|
|
21
|
+
if (form) {
|
|
22
|
+
ev.preventDefault();
|
|
23
|
+
const fakeButton = document.createElement('button');
|
|
24
|
+
fakeButton.style.display = 'none';
|
|
25
|
+
form.appendChild(fakeButton);
|
|
26
|
+
fakeButton.click();
|
|
27
|
+
fakeButton.remove();
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
this.onFocus = () => {
|
|
32
|
+
this.roadfocus.emit();
|
|
33
|
+
this.roadFocus.emit();
|
|
34
|
+
};
|
|
35
|
+
this.onBlur = () => {
|
|
36
|
+
this.roadblur.emit();
|
|
37
|
+
this.roadBlur.emit();
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
onScroll() {
|
|
41
|
+
const positionScroll = window.scrollY;
|
|
42
|
+
if (positionScroll < 300) {
|
|
43
|
+
this.el.classList.add("scroll-down");
|
|
44
|
+
this.el.classList.remove("scroll-up");
|
|
45
|
+
}
|
|
46
|
+
if (positionScroll > 300) {
|
|
47
|
+
this.el.classList.add("scroll-up");
|
|
48
|
+
this.el.classList.remove("scroll-down");
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
render() {
|
|
52
|
+
const TagType = this.href === undefined ? 'button' : 'a';
|
|
53
|
+
const positionClass = this.position !== undefined ? `position-${this.position}` : '';
|
|
54
|
+
return (h(Host, { onClick: this.onClick, class: `${positionClass}` }, h(TagType, { class: "button-native", part: "native", onFocus: this.onFocus, onBlur: this.onBlur }, h("slot", { name: "start" }), h("slot", null))));
|
|
55
|
+
}
|
|
56
|
+
static get is() { return "road-button-floating"; }
|
|
57
|
+
static get encapsulation() { return "shadow"; }
|
|
58
|
+
static get originalStyleUrls() {
|
|
59
|
+
return {
|
|
60
|
+
"$": ["button-floating.css"]
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
static get styleUrls() {
|
|
64
|
+
return {
|
|
65
|
+
"$": ["button-floating.css"]
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
static get properties() {
|
|
69
|
+
return {
|
|
70
|
+
"position": {
|
|
71
|
+
"type": "string",
|
|
72
|
+
"mutable": false,
|
|
73
|
+
"complexType": {
|
|
74
|
+
"original": "'left' | 'center' | 'right'",
|
|
75
|
+
"resolved": "\"center\" | \"left\" | \"right\" | undefined",
|
|
76
|
+
"references": {}
|
|
77
|
+
},
|
|
78
|
+
"required": false,
|
|
79
|
+
"optional": true,
|
|
80
|
+
"docs": {
|
|
81
|
+
"tags": [],
|
|
82
|
+
"text": "position."
|
|
83
|
+
},
|
|
84
|
+
"attribute": "position",
|
|
85
|
+
"reflect": true,
|
|
86
|
+
"defaultValue": "'right'"
|
|
87
|
+
},
|
|
88
|
+
"href": {
|
|
89
|
+
"type": "string",
|
|
90
|
+
"mutable": false,
|
|
91
|
+
"complexType": {
|
|
92
|
+
"original": "string",
|
|
93
|
+
"resolved": "string | undefined",
|
|
94
|
+
"references": {}
|
|
95
|
+
},
|
|
96
|
+
"required": false,
|
|
97
|
+
"optional": true,
|
|
98
|
+
"docs": {
|
|
99
|
+
"tags": [],
|
|
100
|
+
"text": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered."
|
|
101
|
+
},
|
|
102
|
+
"attribute": "href",
|
|
103
|
+
"reflect": false
|
|
104
|
+
},
|
|
105
|
+
"rel": {
|
|
106
|
+
"type": "string",
|
|
107
|
+
"mutable": false,
|
|
108
|
+
"complexType": {
|
|
109
|
+
"original": "string",
|
|
110
|
+
"resolved": "string | undefined",
|
|
111
|
+
"references": {}
|
|
112
|
+
},
|
|
113
|
+
"required": false,
|
|
114
|
+
"optional": true,
|
|
115
|
+
"docs": {
|
|
116
|
+
"tags": [],
|
|
117
|
+
"text": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
|
|
118
|
+
},
|
|
119
|
+
"attribute": "rel",
|
|
120
|
+
"reflect": false
|
|
121
|
+
},
|
|
122
|
+
"target": {
|
|
123
|
+
"type": "string",
|
|
124
|
+
"mutable": false,
|
|
125
|
+
"complexType": {
|
|
126
|
+
"original": "string",
|
|
127
|
+
"resolved": "string | undefined",
|
|
128
|
+
"references": {}
|
|
129
|
+
},
|
|
130
|
+
"required": false,
|
|
131
|
+
"optional": true,
|
|
132
|
+
"docs": {
|
|
133
|
+
"tags": [],
|
|
134
|
+
"text": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`."
|
|
135
|
+
},
|
|
136
|
+
"attribute": "target",
|
|
137
|
+
"reflect": false
|
|
138
|
+
}
|
|
139
|
+
};
|
|
140
|
+
}
|
|
141
|
+
static get events() {
|
|
142
|
+
return [{
|
|
143
|
+
"method": "roadfocus",
|
|
144
|
+
"name": "roadfocus",
|
|
145
|
+
"bubbles": true,
|
|
146
|
+
"cancelable": true,
|
|
147
|
+
"composed": true,
|
|
148
|
+
"docs": {
|
|
149
|
+
"tags": [],
|
|
150
|
+
"text": "Emitted when the button has focus."
|
|
151
|
+
},
|
|
152
|
+
"complexType": {
|
|
153
|
+
"original": "void",
|
|
154
|
+
"resolved": "void",
|
|
155
|
+
"references": {}
|
|
156
|
+
}
|
|
157
|
+
}, {
|
|
158
|
+
"method": "roadFocus",
|
|
159
|
+
"name": "roadFocus",
|
|
160
|
+
"bubbles": true,
|
|
161
|
+
"cancelable": true,
|
|
162
|
+
"composed": true,
|
|
163
|
+
"docs": {
|
|
164
|
+
"tags": [{
|
|
165
|
+
"name": "internal",
|
|
166
|
+
"text": undefined
|
|
167
|
+
}],
|
|
168
|
+
"text": ""
|
|
169
|
+
},
|
|
170
|
+
"complexType": {
|
|
171
|
+
"original": "void",
|
|
172
|
+
"resolved": "void",
|
|
173
|
+
"references": {}
|
|
174
|
+
}
|
|
175
|
+
}, {
|
|
176
|
+
"method": "roadblur",
|
|
177
|
+
"name": "roadblur",
|
|
178
|
+
"bubbles": true,
|
|
179
|
+
"cancelable": true,
|
|
180
|
+
"composed": true,
|
|
181
|
+
"docs": {
|
|
182
|
+
"tags": [],
|
|
183
|
+
"text": "Emitted when the button loses focus."
|
|
184
|
+
},
|
|
185
|
+
"complexType": {
|
|
186
|
+
"original": "void",
|
|
187
|
+
"resolved": "void",
|
|
188
|
+
"references": {}
|
|
189
|
+
}
|
|
190
|
+
}, {
|
|
191
|
+
"method": "roadBlur",
|
|
192
|
+
"name": "roadBlur",
|
|
193
|
+
"bubbles": true,
|
|
194
|
+
"cancelable": true,
|
|
195
|
+
"composed": true,
|
|
196
|
+
"docs": {
|
|
197
|
+
"tags": [{
|
|
198
|
+
"name": "internal",
|
|
199
|
+
"text": undefined
|
|
200
|
+
}],
|
|
201
|
+
"text": ""
|
|
202
|
+
},
|
|
203
|
+
"complexType": {
|
|
204
|
+
"original": "void",
|
|
205
|
+
"resolved": "void",
|
|
206
|
+
"references": {}
|
|
207
|
+
}
|
|
208
|
+
}];
|
|
209
|
+
}
|
|
210
|
+
static get elementRef() { return "el"; }
|
|
211
|
+
static get listeners() {
|
|
212
|
+
return [{
|
|
213
|
+
"name": "scroll",
|
|
214
|
+
"method": "onScroll",
|
|
215
|
+
"target": "window",
|
|
216
|
+
"capture": false,
|
|
217
|
+
"passive": true
|
|
218
|
+
}];
|
|
219
|
+
}
|
|
220
|
+
}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { html } from 'lit-html';
|
|
2
|
+
import { ifDefined } from 'lit-html/directives/if-defined';
|
|
3
|
+
import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
|
|
4
|
+
|
|
5
|
+
export default {
|
|
6
|
+
title: 'Forms/Button floating',
|
|
7
|
+
component: 'road-button-floating',
|
|
8
|
+
parameters: {
|
|
9
|
+
actions: {
|
|
10
|
+
handles: ['roadblur', 'roadfocus'],
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
argTypes: {
|
|
14
|
+
href: {
|
|
15
|
+
control: {
|
|
16
|
+
type: null,
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
position: {
|
|
20
|
+
options: ['left', 'right', 'center'],
|
|
21
|
+
control: {
|
|
22
|
+
type: 'radio',
|
|
23
|
+
},
|
|
24
|
+
},
|
|
25
|
+
rel: {
|
|
26
|
+
control: {
|
|
27
|
+
type: null,
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
target: {
|
|
31
|
+
control: {
|
|
32
|
+
type: null,
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
start: {
|
|
36
|
+
control: 'text',
|
|
37
|
+
},
|
|
38
|
+
' ': {
|
|
39
|
+
control: 'text',
|
|
40
|
+
},
|
|
41
|
+
roadblur: {
|
|
42
|
+
control: {
|
|
43
|
+
type: null,
|
|
44
|
+
},
|
|
45
|
+
},
|
|
46
|
+
roadfocus: {
|
|
47
|
+
control: {
|
|
48
|
+
type: null,
|
|
49
|
+
},
|
|
50
|
+
},
|
|
51
|
+
native: {
|
|
52
|
+
control: {
|
|
53
|
+
type: null,
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
},
|
|
57
|
+
args: {
|
|
58
|
+
start: ``,
|
|
59
|
+
position: 'right',
|
|
60
|
+
' ': `Label`,
|
|
61
|
+
},
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
const Template = (args) => html`
|
|
65
|
+
<road-button-floating position="${ifDefined(args.position)}">
|
|
66
|
+
${unsafeHTML(args.start)}
|
|
67
|
+
${unsafeHTML(args[' '])}
|
|
68
|
+
</road-button-floating>
|
|
69
|
+
`;
|
|
70
|
+
|
|
71
|
+
export const Playground = Template.bind({});
|
|
72
|
+
Playground.args = {
|
|
73
|
+
start: `<road-icon slot="start" name="shopping-cart-add"></road-icon>`,
|
|
74
|
+
' ': `Add to cart`,
|
|
75
|
+
};
|
|
@@ -12,6 +12,7 @@
|
|
|
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;
|
|
15
16
|
contain: strict;
|
|
16
17
|
}
|
|
17
18
|
|
|
@@ -54,47 +55,47 @@
|
|
|
54
55
|
|
|
55
56
|
:host(.icon-primary) {
|
|
56
57
|
color: var(--road-primary-50);
|
|
57
|
-
fill:
|
|
58
|
+
fill: currentColor;
|
|
58
59
|
}
|
|
59
60
|
|
|
60
61
|
:host(.icon-secondary) {
|
|
61
62
|
color: var(--road-secondary-50);
|
|
62
|
-
fill:
|
|
63
|
+
fill: currentColor;
|
|
63
64
|
}
|
|
64
65
|
|
|
65
66
|
:host(.icon-accent) {
|
|
66
67
|
color: var(--road-secondary-50);
|
|
67
|
-
fill:
|
|
68
|
+
fill: currentColor;
|
|
68
69
|
}
|
|
69
70
|
|
|
70
71
|
:host(.icon-info) {
|
|
71
72
|
color: var(--road-info-default);
|
|
72
|
-
fill:
|
|
73
|
+
fill: currentColor;
|
|
73
74
|
}
|
|
74
75
|
|
|
75
76
|
:host(.icon-success) {
|
|
76
77
|
color: var(--road-success-default);
|
|
77
|
-
fill:
|
|
78
|
+
fill: currentColor;
|
|
78
79
|
}
|
|
79
80
|
|
|
80
81
|
:host(.icon-warning) {
|
|
81
82
|
color: var(--road-warning-default);
|
|
82
|
-
fill:
|
|
83
|
+
fill: currentColor;
|
|
83
84
|
}
|
|
84
85
|
|
|
85
86
|
:host(.icon-danger) {
|
|
86
87
|
color: var(--road-danger-default);
|
|
87
|
-
fill:
|
|
88
|
+
fill: currentColor;
|
|
88
89
|
}
|
|
89
90
|
|
|
90
91
|
:host(.icon-default) {
|
|
91
92
|
color: var(--road-icon);
|
|
92
|
-
fill:
|
|
93
|
+
fill: currentColor;
|
|
93
94
|
}
|
|
94
95
|
|
|
95
96
|
:host(.icon-white) {
|
|
96
97
|
color: var(--road-icon-inverse);
|
|
97
|
-
fill:
|
|
98
|
+
fill: currentColor;
|
|
98
99
|
}
|
|
99
100
|
|
|
100
101
|
/* ROTATION
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M46.63 30.79c-.38-.44-.69-1.12-1.04-1.92-.54-1.19-1.2-2.68-2.46-4-1.61-1.69-2.93-2.67-4.32-3.71-.56-.42-1.13-.85-1.75-1.34-.88-.71-1.06-4.77-1.14-6.73-.02-.57-.05-1.1-.08-1.57a3.02 3.02 0 0 0-1.42-2.37 2.86 2.86 0 0 0-2.66-.22c-2.2.92-3.49 2.62-4.05 5.34-.26 1.24-.06 2.83.14 4.36.16 1.25.33 2.55.18 3.29-.29 1.45-.47 2.83-.56 4.18-3.76.23-11.01.7-11.2.71a4.134 4.134 0 0 0-4.09 4.09c0 1.05.4 2 1.04 2.73-.87.76-1.43 1.86-1.44 3.1.02 1.52.47 2.65 1.41 3.48v2.24c-.02.98.4 2.01 1.14 2.8.49.52 1.07.91 1.69 1.13v1.83c-.02.99.4 2.01 1.14 2.8.8.86 1.84 1.33 2.94 1.34l3.99.03h.14l10.22.06h.06c1.78 0 3.29-.51 4.63-.96.94-.32 1.76-.6 2.42-.6h.01c.29 0 1.32.11 4.61 1.13l.73-2.39c-3.58-1.1-4.76-1.23-5.33-1.24-1.11.03-2.13.35-3.25.73-1.22.41-2.5.8-3.87.83l-6.53-.04c.22-.51.34-1.07.35-1.64 0-1.05-.41-2.01-1.06-2.74.76-.72 1.24-1.73 1.24-2.86v-.37c0-1.4-.74-2.63-1.85-3.33.35-.59.55-1.26.56-1.97v-.49c0-1.04-.4-2.02-1.14-2.76-.06-.06-.12-.1-.18-.15.54-.67.88-1.5.88-2.43v-.69c0-.65-.16-1.27-.45-1.81.36-.02.73-.04 1.12-.07.1 3.86 1.09 7.2 2.98 9.82 1.96 2.72 5.15 4.22 9.77 4.58l.2-2.49c-3.84-.31-6.44-1.47-7.94-3.55-2.49-3.46-3.16-8.49-1.93-14.55.23-1.14.05-2.58-.15-4.1-.17-1.33-.34-2.7-.17-3.54.39-1.89 1.16-2.95 2.57-3.54.15-.06.29-.01.38.04.14.09.24.24.25.4.03.46.05.98.07 1.52.18 4.05.44 7.26 2.07 8.57.64.51 1.24.96 1.82 1.39 1.36 1.02 2.54 1.9 4.01 3.43.96 1.01 1.48 2.17 1.99 3.29.42.94.81 1.82 1.44 2.54.32.37 1.18 1.35 9.75 4.2l.79-2.37c-6.1-2.03-8.31-3.14-8.65-3.47l-.02.03Zm-30.34-1.48h.1c.01 0 .82-.06 3-.2h3.44c.76 0 1.38.62 1.38 1.38v.69c0 .76-.62 1.38-1.38 1.38h-6.56c-.89 0-1.61-.74-1.61-1.63 0-.89.73-1.61 1.62-1.61l.01-.01Zm-2.02 7.42c0-.9.74-1.63 1.63-1.63h7.37c.37 0 .72.15.98.41s.41.61.41.99v.49c0 .37-.15.72-.41.98-.23.23-.54.34-.85.38h-8.56c-.32-.28-.56-.69-.57-1.62Zm11.02 12.69c-.3.29-.67.44-1.1.46l-4.06-.02c-.54 0-.94-.34-1.12-.54-.3-.32-.49-.74-.48-1.09v-1.62l5.64.02c.9 0 1.63.74 1.63 1.64 0 .44-.17.85-.49 1.16l-.02-.01Zm.67-7.12v.37c0 .8-.65 1.44-1.44 1.44h-7.24c-.54 0-.94-.34-1.12-.54-.3-.32-.49-.74-.48-1.09v-1.62l7.59.02c.11 0 .21-.02.32-.03h.94c.8 0 1.44.65 1.44 1.44l-.01.01Z"/><path d="M32.25 2C15.57 2 2 15.57 2 32.25S15.57 62.5 32.25 62.5 62.5 48.93 62.5 32.25 48.93 2 32.25 2Zm0 58C16.95 60 4.5 47.55 4.5 32.25S16.95 4.5 32.25 4.5 60 16.95 60 32.25 47.55 60 32.25 60Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M46.63 30.79c-.38-.44-.69-1.12-1.04-1.92-.54-1.19-1.2-2.68-2.46-4-1.61-1.69-2.93-2.67-4.32-3.71-.56-.42-1.13-.85-1.75-1.34-.88-.71-1.06-4.77-1.14-6.73-.02-.57-.05-1.1-.08-1.57a3.02 3.02 0 0 0-1.42-2.37 2.86 2.86 0 0 0-2.66-.22c-2.2.92-3.49 2.62-4.05 5.34-.26 1.24-.06 2.83.14 4.36.16 1.25.33 2.55.18 3.29-.29 1.45-.47 2.83-.56 4.18-3.76.23-11.01.7-11.2.71a4.134 4.134 0 0 0-4.09 4.09c0 1.05.4 2 1.04 2.73-.87.76-1.43 1.86-1.44 3.1.02 1.52.47 2.65 1.41 3.48v2.24c-.02.98.4 2.01 1.14 2.8.49.52 1.07.91 1.69 1.13v1.83c-.02.99.4 2.01 1.14 2.8.8.86 1.84 1.33 2.94 1.34l3.99.03h.14l10.22.06h.06c1.78 0 3.29-.51 4.63-.96.94-.32 1.76-.6 2.42-.6h.01c.29 0 1.32.11 4.61 1.13l.73-2.39c-3.58-1.1-4.76-1.23-5.33-1.24-1.11.03-2.13.35-3.25.73-1.22.41-2.5.8-3.87.83l-6.53-.04c.22-.51.34-1.07.35-1.64 0-1.05-.41-2.01-1.06-2.74.76-.72 1.24-1.73 1.24-2.86v-.37c0-1.4-.74-2.63-1.85-3.33.35-.59.55-1.26.56-1.97v-.49c0-1.04-.4-2.02-1.14-2.76-.06-.06-.12-.1-.18-.15.54-.67.88-1.5.88-2.43v-.69c0-.65-.16-1.27-.45-1.81.36-.02.73-.04 1.12-.07.1 3.86 1.09 7.2 2.98 9.82 1.96 2.72 5.15 4.22 9.77 4.58l.2-2.49c-3.84-.31-6.44-1.47-7.94-3.55-2.49-3.46-3.16-8.49-1.93-14.55.23-1.14.05-2.58-.15-4.1-.17-1.33-.34-2.7-.17-3.54.39-1.89 1.16-2.95 2.57-3.54.15-.06.29-.01.38.04.14.09.24.24.25.4.03.46.05.98.07 1.52.18 4.05.44 7.26 2.07 8.57.64.51 1.24.96 1.82 1.39 1.36 1.02 2.54 1.9 4.01 3.43.96 1.01 1.48 2.17 1.99 3.29.42.94.81 1.82 1.44 2.54.32.37 1.18 1.35 9.75 4.2l.79-2.37c-6.1-2.03-8.31-3.14-8.65-3.47l-.02.03Zm-30.34-1.48h.1c.01 0 .82-.06 3-.2h3.44c.76 0 1.38.62 1.38 1.38v.69c0 .76-.62 1.38-1.38 1.38h-6.56c-.89 0-1.61-.74-1.61-1.63 0-.89.73-1.61 1.62-1.61l.01-.01Zm-2.02 7.42c0-.9.74-1.63 1.63-1.63h7.37c.37 0 .72.15.98.41s.41.61.41.99v.49c0 .37-.15.72-.41.98-.23.23-.54.34-.85.38h-8.56c-.32-.28-.56-.69-.57-1.62Zm11.02 12.69c-.3.29-.67.44-1.1.46l-4.06-.02c-.54 0-.94-.34-1.12-.54-.3-.32-.49-.74-.48-1.09v-1.62l5.64.02c.9 0 1.63.74 1.63 1.64 0 .44-.17.85-.49 1.16l-.02-.01Zm.67-7.12v.37c0 .8-.65 1.44-1.44 1.44h-7.24c-.54 0-.94-.34-1.12-.54-.3-.32-.49-.74-.48-1.09v-1.62l7.59.02c.11 0 .21-.02.32-.03h.94c.8 0 1.44.65 1.44 1.44l-.01.01Z"/><path d="M32.25 2C15.57 2 2 15.57 2 32.25S15.57 62.5 32.25 62.5 62.5 48.93 62.5 32.25 48.93 2 32.25 2Zm0 58C16.95 60 4.5 47.55 4.5 32.25S16.95 4.5 32.25 4.5 60 16.95 60 32.25 47.55 60 32.25 60Z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M55.52 36.41h-2.5v25.31h2.5V36.41ZM30.12 32.66v-2.5H6.04v-3.48h21.11v-2.5H11.14v-4.9h14.03v-2.5H8.64v7.4H1.27v2.5h2.27v35.04h2.5V32.66h24.08Z"/><path d="m42.82 45.59-2.34-6.97a2.734 2.734 0 0 0-2.59-1.86H21.18c-1.17 0-2.22.75-2.59 1.86l-2.34 6.97h-.83a1.25 1.25 0 0 0 0 2.5h.48v8.72c0 .69.56 1.25 1.25 1.25h.25V60a1.25 1.25 0 0 0 2.5 0v-1.94h19.28V60a1.25 1.25 0 0 0 2.5 0v-1.94h.25c.69 0 1.25-.56 1.25-1.25v-8.72h.48a1.25 1.25 0 0 0 0-2.5h-.84Zm-21.87-6.17c.03-.1.12-.16.22-.16h16.71c.1 0 .19.06.22.16l2.07 6.17h-21.3l2.07-6.17h.01Zm19.71 16.15H18.38V48.1h22.28v7.47ZM45.57 1.25c-9.51 0-17.25 7.74-17.25 17.25s7.74 17.25 17.25 17.25 17.25-7.74 17.25-17.25S55.08 1.25 45.57 1.25Zm0 32c-8.13 0-14.75-6.62-14.75-14.75 0-8.13 6.62-14.75 14.75-14.75 8.13 0 14.75 6.62 14.75 14.75 0 8.13-6.62 14.75-14.75 14.75Z"/><path d="M36.8 53.65a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5ZM22.26 53.65a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5ZM40.08 18.07c1.93 0 3.5-1.57 3.5-3.5v-2.5c0-1.93-1.57-3.5-3.5-3.5h-.5c-1.93 0-3.5 1.57-3.5 3.5v2.5c0 1.93 1.57 3.5 3.5 3.5h.5Zm-1.5-3.5v-2.5c0-.55.45-1 1-1h.5c.55 0 1 .45 1 1v2.5c0 .55-.45 1-1 1h-.5c-.55 0-1-.45-1-1ZM51.12 18.43c-2.07 0-3.75 1.68-3.75 3.75v2c0 2.07 1.68 3.75 3.75 3.75 2.07 0 3.75-1.68 3.75-3.75v-2c0-2.07-1.68-3.75-3.75-3.75Zm1.25 5.75a1.25 1.25 0 0 1-2.5 0v-2a1.25 1.25 0 0 1 2.5 0v2ZM50.858 9.156 38.284 26.35l2.018 1.476 12.574-17.193-2.018-1.476Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M55.52 36.41h-2.5v25.31h2.5V36.41ZM30.12 32.66v-2.5H6.04v-3.48h21.11v-2.5H11.14v-4.9h14.03v-2.5H8.64v7.4H1.27v2.5h2.27v35.04h2.5V32.66h24.08Z"/><path d="m42.82 45.59-2.34-6.97a2.734 2.734 0 0 0-2.59-1.86H21.18c-1.17 0-2.22.75-2.59 1.86l-2.34 6.97h-.83a1.25 1.25 0 0 0 0 2.5h.48v8.72c0 .69.56 1.25 1.25 1.25h.25V60a1.25 1.25 0 0 0 2.5 0v-1.94h19.28V60a1.25 1.25 0 0 0 2.5 0v-1.94h.25c.69 0 1.25-.56 1.25-1.25v-8.72h.48a1.25 1.25 0 0 0 0-2.5h-.84Zm-21.87-6.17c.03-.1.12-.16.22-.16h16.71c.1 0 .19.06.22.16l2.07 6.17h-21.3l2.07-6.17h.01Zm19.71 16.15H18.38V48.1h22.28v7.47ZM45.57 1.25c-9.51 0-17.25 7.74-17.25 17.25s7.74 17.25 17.25 17.25 17.25-7.74 17.25-17.25S55.08 1.25 45.57 1.25Zm0 32c-8.13 0-14.75-6.62-14.75-14.75 0-8.13 6.62-14.75 14.75-14.75 8.13 0 14.75 6.62 14.75 14.75 0 8.13-6.62 14.75-14.75 14.75Z"/><path d="M36.8 53.65a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5ZM22.26 53.65a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5ZM40.08 18.07c1.93 0 3.5-1.57 3.5-3.5v-2.5c0-1.93-1.57-3.5-3.5-3.5h-.5c-1.93 0-3.5 1.57-3.5 3.5v2.5c0 1.93 1.57 3.5 3.5 3.5h.5Zm-1.5-3.5v-2.5c0-.55.45-1 1-1h.5c.55 0 1 .45 1 1v2.5c0 .55-.45 1-1 1h-.5c-.55 0-1-.45-1-1ZM51.12 18.43c-2.07 0-3.75 1.68-3.75 3.75v2c0 2.07 1.68 3.75 3.75 3.75 2.07 0 3.75-1.68 3.75-3.75v-2c0-2.07-1.68-3.75-3.75-3.75Zm1.25 5.75a1.25 1.25 0 0 1-2.5 0v-2a1.25 1.25 0 0 1 2.5 0v2ZM50.858 9.156 38.284 26.35l2.018 1.476 12.574-17.193-2.018-1.476Z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M53.02 61.72h2.5V35.25c-.8.48-1.63.91-2.5 1.27v25.2ZM29.97 30.16H6.04v-3.48h21.85a19.44 19.44 0 0 1-1.82-8.18c0-.58.04-1.15.09-1.72H8.64v7.4H1.27v2.5h2.27v35.04h2.5V32.66h26.15c-.81-.77-1.55-1.6-2.22-2.5ZM51.12 20.93c-.69 0-1.25.56-1.25 1.25v2a1.25 1.25 0 0 0 2.5 0v-2c0-.69-.56-1.25-1.25-1.25ZM40.08 11.07h-.5a1 1 0 0 0-1 1v2.5a1 1 0 0 0 1 1h.5a1 1 0 0 0 1-1v-2.5a1 1 0 0 0-1-1Z"/><path d="M45.57 1.5c-9.39 0-17 7.61-17 17s7.61 17 17 17 17-7.61 17-17-7.61-17-17-17Zm-9.49 13.07v-2.5c0-1.93 1.57-3.5 3.5-3.5h.5c1.93 0 3.5 1.57 3.5 3.5v2.5c0 1.93-1.57 3.5-3.5 3.5h-.5c-1.93 0-3.5-1.57-3.5-3.5Zm4.21 13.27-2.02-1.48L50.84 9.17l2.02 1.48-12.57 17.19Zm14.57-3.65c0 2.07-1.68 3.75-3.75 3.75-2.07 0-3.75-1.68-3.75-3.75v-2c0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75v2ZM42.82 45.59l-2.34-6.97a2.734 2.734 0 0 0-2.59-1.86H21.18c-1.17 0-2.22.75-2.59 1.86l-2.34 6.97h-.83a1.25 1.25 0 0 0 0 2.5h.48v8.72c0 .69.56 1.25 1.25 1.25h.25V60a1.25 1.25 0 0 0 2.5 0v-1.94h19.28V60a1.25 1.25 0 0 0 2.5 0v-1.94h.25c.69 0 1.25-.56 1.25-1.25v-8.72h.48a1.25 1.25 0 0 0 0-2.5h-.84Zm-21.56 8.06c-.97 0-1.75-.78-1.75-1.75s.78-1.75 1.75-1.75 1.75.78 1.75 1.75-.78 1.75-1.75 1.75Zm16.54 0c-.97 0-1.75-.78-1.75-1.75s.78-1.75 1.75-1.75 1.75.78 1.75 1.75-.78 1.75-1.75 1.75Zm-18.92-8.06 2.07-6.17c.03-.1.12-.16.22-.16h16.71c.1 0 .19.06.22.16l2.07 6.17h-21.3.01Z"/></svg>
|
|
@@ -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"
|
|
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 +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.76 16.93h-7.37v-7.4H8.61v7.4H1.24v2.5h2.27v35.04h2.5V25.41h51.98v29.06h2.5V19.43h2.27v-2.5Zm-51.65-4.9h41.78v4.9H11.11v-4.9Zm46.88 10.88H6.01v-3.48h51.98v3.48Z"/><path d="m45.26 38.34-2.34-6.97a2.734 2.734 0 0 0-2.59-1.86H23.62c-1.17 0-2.22.75-2.59 1.86l-2.34 6.97h-.83a1.25 1.25 0 0 0 0 2.5h.48v8.72c0 .69.56 1.25 1.25 1.25h.25v1.94a1.25 1.25 0 0 0 2.5 0v-1.94h19.28v1.94a1.25 1.25 0 0 0 2.5 0v-1.94h.25c.69 0 1.25-.56 1.25-1.25v-8.72h.48a1.25 1.25 0 0 0 0-2.5h-.84Zm-21.87-6.17c.03-.1.12-.16.22-.16h16.71c.1 0 .19.06.22.16l2.07 6.18h-21.3l2.07-6.17.01-.01ZM43.1 48.32H20.82v-7.47H43.1v7.47Z"/><path d="M39.24 46.4a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5ZM24.7 46.4a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z" 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="M54.14 5.37h-8.82v7.59L32 5.17 3.51 21.83v37h2.5V29.77h51.98v29.06h2.5v-37l-6.35-3.71V5.37Zm-6.32 2.49h3.82v8.78l-3.82-2.23V7.86Zm6.8 13.42H9.39L32 8.07l22.62 13.22v-.01ZM6.01 27.26v-3.48h51.98v3.48H6.01Z"/><path d="m45.26 42.2-2.34-6.97a2.734 2.734 0 0 0-2.59-1.86H23.62c-1.18 0-2.22.75-2.59 1.86l-2.34 6.97h-.83a1.25 1.25 0 0 0 0 2.5h.48v8.72c0 .69.56 1.25 1.25 1.25h.25v1.94a1.25 1.25 0 0 0 2.5 0v-1.94h19.28v1.94a1.25 1.25 0 0 0 2.5 0v-1.94h.25c.69 0 1.25-.56 1.25-1.25V44.7h.48a1.25 1.25 0 0 0 0-2.5h-.84ZM23.4 36.02c.03-.09.12-.16.22-.16h16.71c.1 0 .19.06.22.16l2.07 6.18h-21.3l2.07-6.18h.01Zm19.71 16.15H20.83V44.7h22.28v7.47Z"/><path d="M39.24 50.26a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5ZM24.7 50.26a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z" 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="M54.14 5.37h-8.82v7.59L32 5.17 3.51 21.83v37h2.5V29.77h51.98v29.06h2.5v-37l-6.35-3.71V5.37Zm-6.32 2.49h3.82v8.78l-3.82-2.23V7.86Zm6.8 13.42H9.39L32 8.07l22.62 13.22v-.01ZM6.01 27.26v-3.48h51.98v3.48H6.01Z"/><path d="m45.26 42.2-2.34-6.97a2.734 2.734 0 0 0-2.59-1.86H23.62c-1.18 0-2.22.75-2.59 1.86l-2.34 6.97h-.83a1.25 1.25 0 0 0 0 2.5h.48v8.72c0 .69.56 1.25 1.25 1.25h.25v1.94a1.25 1.25 0 0 0 2.5 0v-1.94h19.28v1.94a1.25 1.25 0 0 0 2.5 0v-1.94h.25c.69 0 1.25-.56 1.25-1.25V44.7h.48a1.25 1.25 0 0 0 0-2.5h-.84ZM23.4 36.02c.03-.09.12-.16.22-.16h16.71c.1 0 .19.06.22.16l2.07 6.18h-21.3l2.07-6.18h.01Zm19.71 16.15H20.83V44.7h22.28v7.47Z"/><path d="M39.24 50.26a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5ZM24.7 50.26a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z"/></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.76 16.93h-7.37v-7.4H8.61v7.4H1.24v2.5h2.27v35.04h2.5V25.41h51.98v29.06h2.5V19.43h2.27v-2.5Zm-51.65-4.9h41.78v4.9H11.11v-4.9Zm46.88 10.88H6.01v-3.48h51.98v3.48Z"/><path d="m45.26 38.34-2.34-6.97a2.734 2.734 0 0 0-2.59-1.86H23.62c-1.17 0-2.22.75-2.59 1.86l-2.34 6.97h-.83a1.25 1.25 0 0 0 0 2.5h.48v8.72c0 .69.56 1.25 1.25 1.25h.25v1.94a1.25 1.25 0 0 0 2.5 0v-1.94h19.28v1.94a1.25 1.25 0 0 0 2.5 0v-1.94h.25c.69 0 1.25-.56 1.25-1.25v-8.72h.48a1.25 1.25 0 0 0 0-2.5h-.84Zm-21.87-6.17c.03-.1.12-.16.22-.16h16.71c.1 0 .19.06.22.16l2.07 6.18h-21.3l2.07-6.17.01-.01ZM43.1 48.32H20.82v-7.47H43.1v7.47Z"/><path d="M39.24 46.4a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5ZM24.7 46.4a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z"/></svg>
|
|
@@ -1 +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.
|
|
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.767Zm9.44-28.22c0-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="M46.57 25.46v2.5c5.29 0 10.1 4.82 10.1 10.1 0 4.22-2.26 6.72-4.88 9.62-1.79 1.98-3.77 4.17-5.22 7.14-1.46-2.98-3.43-5.16-5.22-7.14-1.19-1.32-2.32-2.56-3.18-3.91l-2.11 1.35c.98 1.52 2.17 2.84 3.43 4.24 2.29 2.53 4.65 5.14 5.88 9.25h2.39c1.23-4.1 3.59-6.72 5.88-9.25 2.84-3.14 5.53-6.11 5.53-11.3 0-6.71-5.89-12.6-12.6-12.6Z"/><path d="M23.87 5C13.29 5 4 14.29 4 24.87c0 8.19 4.3 12.95 8.86 17.99 3.81 4.21 7.75 8.57 9.82 15.47h2.39c2.07-6.9 6.01-11.26 9.82-15.47 4.55-5.04 8.86-9.8 8.86-17.99C43.75 14.29 34.46 5 23.87 5Zm9.16 36.19c-3.21 3.55-6.78 7.5-9.16 13.11-2.38-5.61-5.95-9.56-9.16-13.11-4.4-4.87-8.21-9.09-8.21-16.32 0-9.25 8.12-17.37 17.37-17.37 9.25 0 17.37 8.12 17.37 17.37 0 7.23-3.81 11.44-8.21 16.32Z"/><path d="M46.59 43.07c2.79 0 5.05-2.25 5.05-5.02 0-2.77-2.27-5.02-5.05-5.02s-5.05 2.25-5.05 5.02c0 2.77 2.27 5.02 5.05 5.02Zm0-7.54c1.41 0 2.55 1.13 2.55 2.52 0 1.39-1.14 2.52-2.55 2.52s-2.55-1.13-2.55-2.52c0-1.39 1.14-2.52 2.55-2.52ZM23.9 17.42c-4.13 0-7.48 3.33-7.48 7.43s3.36 7.43 7.48 7.43c4.12 0 7.48-3.33 7.48-7.43s-3.36-7.43-7.48-7.43Zm0 12.36c-2.75 0-4.98-2.21-4.98-4.93 0-2.72 2.24-4.93 4.98-4.93s4.98 2.21 4.98 4.93c0 2.72-2.24 4.93-4.98 4.93Z" 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="M46.57 25.46v2.5c5.29 0 10.1 4.82 10.1 10.1 0 4.22-2.26 6.72-4.88 9.62-1.79 1.98-3.77 4.17-5.22 7.14-1.46-2.98-3.43-5.16-5.22-7.14-1.19-1.32-2.32-2.56-3.18-3.91l-2.11 1.35c.98 1.52 2.17 2.84 3.43 4.24 2.29 2.53 4.65 5.14 5.88 9.25h2.39c1.23-4.1 3.59-6.72 5.88-9.25 2.84-3.14 5.53-6.11 5.53-11.3 0-6.71-5.89-12.6-12.6-12.6Z"/><path d="M23.87 5C13.29 5 4 14.29 4 24.87c0 8.19 4.3 12.95 8.86 17.99 3.81 4.21 7.75 8.57 9.82 15.47h2.39c2.07-6.9 6.01-11.26 9.82-15.47 4.55-5.04 8.86-9.8 8.86-17.99C43.75 14.29 34.46 5 23.87 5Zm9.16 36.19c-3.21 3.55-6.78 7.5-9.16 13.11-2.38-5.61-5.95-9.56-9.16-13.11-4.4-4.87-8.21-9.09-8.21-16.32 0-9.25 8.12-17.37 17.37-17.37 9.25 0 17.37 8.12 17.37 17.37 0 7.23-3.81 11.44-8.21 16.32ZM46.59 43.07c2.79 0 5.05-2.25 5.05-5.02 0-2.77-2.27-5.02-5.05-5.02s-5.05 2.25-5.05 5.02c0 2.77 2.27 5.02 5.05 5.02Zm0-7.54c1.41 0 2.55 1.13 2.55 2.52 0 1.39-1.14 2.52-2.55 2.52s-2.55-1.13-2.55-2.52c0-1.39 1.14-2.52 2.55-2.52Z"/><path d="M23.9 17.42c-4.13 0-7.48 3.33-7.48 7.43s3.36 7.43 7.48 7.43c4.12 0 7.48-3.33 7.48-7.43s-3.36-7.43-7.48-7.43Zm0 12.36c-2.75 0-4.98-2.21-4.98-4.93 0-2.72 2.24-4.93 4.98-4.93s4.98 2.21 4.98 4.93c0 2.72-2.24 4.93-4.98 4.93Z"/></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="M46.6 25.46c-.12 0-.25.02-.37.02-.21 8.78-4.92 14.01-9.48 19.06-.2.22-.4.45-.6.67.96 1.48 2.15 2.8 3.38 4.15 2.29 2.53 4.65 5.14 5.88 9.25h2.39c1.23-4.1 3.6-6.72 5.88-9.25 2.84-3.14 5.53-6.11 5.53-11.3 0-6.71-5.89-12.6-12.6-12.6h-.01Z"/><path d="M23.87 5C13.29 5 4 14.29 4 24.87c0 8.2 4.3 12.95 8.86 17.99 3.81 4.21 7.75 8.57 9.82 15.47h2.39c2.07-6.9 6.01-11.26 9.82-15.47 4.56-5.04 8.86-9.8 8.86-17.99C43.75 14.29 34.46 5 23.87 5Zm.03 26.03c-3.44 0-6.23-2.77-6.23-6.18 0-3.41 2.79-6.18 6.23-6.18 3.44 0 6.23 2.77 6.23 6.18 0 3.41-2.79 6.18-6.23 6.18Z"/></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="M30.67 58.34c-2.07-6.9-6.01-11.26-9.82-15.47-4.55-5.04-8.85-9.8-8.85-18C12 14.29 21.29 5 31.87 5c10.58 0 19.87 9.29 19.87 19.87 0 8.19-4.3 12.95-8.86 17.99-3.81 4.21-7.75 8.57-9.82 15.47h-2.39v.01Zm1.2-50.84c-9.25 0-17.37 8.12-17.37 17.37 0 7.23 3.8 11.44 8.21 16.32 3.21 3.55 6.78 7.5 9.16 13.11 2.38-5.61 5.95-9.56 9.16-13.11 4.41-4.87 8.21-9.08 8.21-16.32 0-9.25-8.12-17.37-17.37-17.37Z"/><path d="M31.9 32.28c-4.13 0-7.48-3.33-7.48-7.43s3.36-7.43 7.48-7.43c4.12 0 7.48 3.33 7.48 7.43s-3.36 7.43-7.48 7.43Zm0-12.36c-2.75 0-4.98 2.21-4.98 4.93 0 2.72 2.24 4.93 4.98 4.93s4.98-2.21 4.98-4.93c0-2.72-2.24-4.93-4.98-4.93Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>
|