@woosmap/ui 2.58.0 → 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/.storybook/preview.js +2 -2
- package/package.json +2 -2
- package/src/components/Demo/SkeletonDemo.js +17 -87
- package/src/components/Icon/Icon.js +15 -35
- package/src/components/Map/drawOnMap.js +46 -40
- package/src/styles/next-website/button.styl +343 -0
- package/src/styles/next-website/colors.styl +279 -0
- package/src/styles/next-website/demo.styl +65 -0
- package/src/styles/next-website/dropdown.styl +82 -0
- package/src/styles/next-website/font.styl +1 -0
- package/src/styles/next-website/input.styl +136 -0
- package/src/styles/next-website/mixins.styl +126 -0
- package/src/styles/next-website/select.styl +111 -0
- package/src/styles/next-website/tab.styl +41 -0
- package/src/styles/next-website/variables.styl +110 -0
- package/src/styles/style-next-website.styl +12 -12
- package/src/icons/battery.svg +0 -1
- package/src/icons/cars.svg +0 -1
- package/src/icons/green.svg +0 -1
- package/src/icons/map-hd.svg +0 -1
- package/src/icons/markers.svg +0 -1
- package/src/icons/notification.svg +0 -1
- package/src/icons/schedule.svg +0 -1
- package/src/icons/security.svg +0 -1
- package/src/icons/zoom.svg +0 -1
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
.dropdown
|
|
2
|
+
position unset
|
|
3
|
+
&__container
|
|
4
|
+
position absolute
|
|
5
|
+
top 6rem
|
|
6
|
+
left 0
|
|
7
|
+
width 100%
|
|
8
|
+
display flex
|
|
9
|
+
align-items flex-start
|
|
10
|
+
justify-content center
|
|
11
|
+
&__menu
|
|
12
|
+
width 97%
|
|
13
|
+
max-width 102.2rem
|
|
14
|
+
padding 1.6rem 2rem 2rem 2rem
|
|
15
|
+
position relative
|
|
16
|
+
left auto !important
|
|
17
|
+
right auto !important
|
|
18
|
+
top auto !important
|
|
19
|
+
bottom auto !important
|
|
20
|
+
transform unset !important
|
|
21
|
+
margin-top 0 !important
|
|
22
|
+
&__section
|
|
23
|
+
flex-shrink 1
|
|
24
|
+
max-width 22.5rem
|
|
25
|
+
min-width 18rem
|
|
26
|
+
width 100%
|
|
27
|
+
margin 0 1rem
|
|
28
|
+
&__item
|
|
29
|
+
font-size 1.3rem
|
|
30
|
+
line-height 2.4rem
|
|
31
|
+
display flex
|
|
32
|
+
flex-direction column
|
|
33
|
+
align-items flex-start
|
|
34
|
+
justify-content center
|
|
35
|
+
flex-shrink 0
|
|
36
|
+
border-radius $borderRadius !important
|
|
37
|
+
height auto
|
|
38
|
+
min-height $buttonHeight + .6rem
|
|
39
|
+
> :not(.btn):not(.popover__child)
|
|
40
|
+
min-height $buttonHeight + .6rem
|
|
41
|
+
trans()
|
|
42
|
+
padding 0 1.2rem 0 .6rem
|
|
43
|
+
text-decoration none
|
|
44
|
+
flex-shrink 0
|
|
45
|
+
cursor pointer
|
|
46
|
+
&:hover
|
|
47
|
+
background-color $dark2
|
|
48
|
+
color $dark
|
|
49
|
+
.dropdown__menu__item
|
|
50
|
+
&__icon
|
|
51
|
+
background-color $logo4
|
|
52
|
+
&__desc
|
|
53
|
+
color $dark
|
|
54
|
+
&__icon
|
|
55
|
+
br()
|
|
56
|
+
sq(3.2)
|
|
57
|
+
trans()
|
|
58
|
+
display flex
|
|
59
|
+
align-items center
|
|
60
|
+
justify-content center
|
|
61
|
+
flex-shrink 0
|
|
62
|
+
background $logo2
|
|
63
|
+
margin-right 1rem
|
|
64
|
+
.icon
|
|
65
|
+
fill #fff !important
|
|
66
|
+
&__container
|
|
67
|
+
display flex
|
|
68
|
+
flex-direction column
|
|
69
|
+
flex-shrink 0
|
|
70
|
+
&__title
|
|
71
|
+
font-size 1.1rem
|
|
72
|
+
text-transform uppercase
|
|
73
|
+
color $category
|
|
74
|
+
font-weight 600
|
|
75
|
+
padding 0 1.2rem 0 .6rem
|
|
76
|
+
&__name
|
|
77
|
+
font-weight 600
|
|
78
|
+
&__desc
|
|
79
|
+
color $category
|
|
80
|
+
.category
|
|
81
|
+
flex-shrink 0
|
|
82
|
+
margin-top 2rem
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400;0,500;1,600;1,700;1,900&display=swap');
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
.input
|
|
2
|
+
width 100%
|
|
3
|
+
&__container
|
|
4
|
+
position relative
|
|
5
|
+
&__label
|
|
6
|
+
display block
|
|
7
|
+
margin-bottom 1rem
|
|
8
|
+
.input--large &
|
|
9
|
+
margin-bottom 1rem
|
|
10
|
+
font-size $inputFontSizeLarge
|
|
11
|
+
.input--small &
|
|
12
|
+
margin-bottom .6rem
|
|
13
|
+
font-size $inputFontSizeSmall
|
|
14
|
+
&__error
|
|
15
|
+
color $error
|
|
16
|
+
display block
|
|
17
|
+
margin .5rem 0 .5rem 0
|
|
18
|
+
&--iconed
|
|
19
|
+
.icon
|
|
20
|
+
fill $inputBorderColor
|
|
21
|
+
position absolute
|
|
22
|
+
left 1rem
|
|
23
|
+
top .7rem
|
|
24
|
+
&.input--large
|
|
25
|
+
.icon
|
|
26
|
+
left 1.2rem
|
|
27
|
+
top 1rem
|
|
28
|
+
&.input--filter
|
|
29
|
+
.icon
|
|
30
|
+
left -.4rem
|
|
31
|
+
top .7rem
|
|
32
|
+
&.input--large
|
|
33
|
+
.icon
|
|
34
|
+
left -.4rem
|
|
35
|
+
top 1.1rem
|
|
36
|
+
&.input--small
|
|
37
|
+
.icon
|
|
38
|
+
left -.4rem
|
|
39
|
+
top .3rem
|
|
40
|
+
&.input--small
|
|
41
|
+
.icon
|
|
42
|
+
left .8rem
|
|
43
|
+
top .4rem
|
|
44
|
+
&--checkbox
|
|
45
|
+
&--radio
|
|
46
|
+
position relative
|
|
47
|
+
.input__label
|
|
48
|
+
cursor pointer
|
|
49
|
+
&--disabled
|
|
50
|
+
.input
|
|
51
|
+
&__item
|
|
52
|
+
&__label
|
|
53
|
+
cursor default !important
|
|
54
|
+
opacity .4
|
|
55
|
+
&__line
|
|
56
|
+
.input--checkbox &
|
|
57
|
+
.input--radio &
|
|
58
|
+
display flex
|
|
59
|
+
align-items center
|
|
60
|
+
line-height 1
|
|
61
|
+
.input__label
|
|
62
|
+
order 1
|
|
63
|
+
margin 0 0 0 1rem
|
|
64
|
+
&__item
|
|
65
|
+
&:not([type=button]):not([type=checkbox]):not([type=radio]):not([type=textarea])
|
|
66
|
+
height $inputHeight
|
|
67
|
+
padding $inputPadding
|
|
68
|
+
.input--large &
|
|
69
|
+
height $inputHeightLarge
|
|
70
|
+
padding $inputPaddingLarge
|
|
71
|
+
.input--small &
|
|
72
|
+
height $inputHeightSmall
|
|
73
|
+
padding $inputPaddingSmall
|
|
74
|
+
.input--filter &
|
|
75
|
+
padding 0
|
|
76
|
+
&:not([type=button]):not([type=checkbox]):not([type=radio])
|
|
77
|
+
br()
|
|
78
|
+
placeHolderColor($placeHolderColor)
|
|
79
|
+
min-width $inputMinWidth
|
|
80
|
+
width 100%
|
|
81
|
+
background-color $light
|
|
82
|
+
border .1rem solid $inputBorderColor
|
|
83
|
+
.mini &
|
|
84
|
+
max-width 6rem
|
|
85
|
+
min-width 6rem
|
|
86
|
+
text-align center
|
|
87
|
+
.input--filter &
|
|
88
|
+
br(0)
|
|
89
|
+
border-width 0 0 .1rem 0
|
|
90
|
+
background-color transparent
|
|
91
|
+
&:focus
|
|
92
|
+
border-color $secondary
|
|
93
|
+
.input--iconed &
|
|
94
|
+
padding-left 4rem
|
|
95
|
+
.input--large &
|
|
96
|
+
font-size $inputFontSizeLarge
|
|
97
|
+
line-height $inputLineHeightLarge
|
|
98
|
+
.input--iconed.input--large &
|
|
99
|
+
padding-left 4.6rem
|
|
100
|
+
.input--filter.input--iconed &
|
|
101
|
+
padding-left 2.6rem
|
|
102
|
+
padding-bottom 0
|
|
103
|
+
.input--filter.input--iconed.input--large &
|
|
104
|
+
padding-left 2.8rem
|
|
105
|
+
padding-bottom 0
|
|
106
|
+
.input--filter.input--iconed.input--small &
|
|
107
|
+
padding-left 2.4rem
|
|
108
|
+
padding-bottom .4rem
|
|
109
|
+
.input--small &
|
|
110
|
+
font-size $inputFontSizeSmall
|
|
111
|
+
min-width $inputHeightSmall
|
|
112
|
+
.input--iconed.input--small &
|
|
113
|
+
padding-left 3.4rem
|
|
114
|
+
.input--noborder &
|
|
115
|
+
border 0
|
|
116
|
+
&.error
|
|
117
|
+
border-color $error
|
|
118
|
+
&:focus
|
|
119
|
+
border-color $secondary
|
|
120
|
+
|
|
121
|
+
&[type=textarea]
|
|
122
|
+
padding round($padding / 1.7) $padding
|
|
123
|
+
height $inputHeight * 2
|
|
124
|
+
&[type=radio]
|
|
125
|
+
all revert
|
|
126
|
+
cursor pointer
|
|
127
|
+
&[type=checkbox]
|
|
128
|
+
all revert
|
|
129
|
+
cursor pointer
|
|
130
|
+
line-height revert
|
|
131
|
+
&[type=number]
|
|
132
|
+
-moz-appearance textfield
|
|
133
|
+
input::-webkit-outer-spin-button
|
|
134
|
+
input::-webkit-inner-spin-button
|
|
135
|
+
-webkit-appearance none
|
|
136
|
+
margin 0
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
// Make square
|
|
2
|
+
sq($size = $buttonHeight)
|
|
3
|
+
$size = unit($size, rem)
|
|
4
|
+
width $size
|
|
5
|
+
height $size
|
|
6
|
+
|
|
7
|
+
// It gives a margin right to all children except the last one.
|
|
8
|
+
mbi($a = 1.8)
|
|
9
|
+
$a = unit($a, rem)
|
|
10
|
+
> :not(:last-child)
|
|
11
|
+
margin-right $a
|
|
12
|
+
|
|
13
|
+
// It gives a margin bottom to all children except the last one.
|
|
14
|
+
mbib($a = 3)
|
|
15
|
+
$a = unit($a, rem)
|
|
16
|
+
> :not(:last-child)
|
|
17
|
+
margin-bottom $a
|
|
18
|
+
|
|
19
|
+
// Gives a border-radius : e. g. : br(3) = border-radius 3rem
|
|
20
|
+
br($a = $borderRadius)
|
|
21
|
+
if ($a >= 50) {
|
|
22
|
+
$a = unit($a, '%');
|
|
23
|
+
} else {
|
|
24
|
+
$a = unit($a, rem);
|
|
25
|
+
}
|
|
26
|
+
border-radius $a
|
|
27
|
+
|
|
28
|
+
// Border and shadow style of dropdowns
|
|
29
|
+
box()
|
|
30
|
+
br()
|
|
31
|
+
box-shadow 0 2rem 2rem $dark10
|
|
32
|
+
border .1rem solid $borderColor
|
|
33
|
+
|
|
34
|
+
// Buttons mixins
|
|
35
|
+
|
|
36
|
+
hover()
|
|
37
|
+
&:hover
|
|
38
|
+
background-color $buttonHover
|
|
39
|
+
color $light
|
|
40
|
+
.icon
|
|
41
|
+
fill $light
|
|
42
|
+
focus()
|
|
43
|
+
&:focus-visible
|
|
44
|
+
box-shadow 0 0 .1rem .2rem $focus
|
|
45
|
+
z-index 1
|
|
46
|
+
trans()
|
|
47
|
+
transition all .3s
|
|
48
|
+
|
|
49
|
+
btn()
|
|
50
|
+
br()
|
|
51
|
+
flexBtn()
|
|
52
|
+
buttonFont()
|
|
53
|
+
hover()
|
|
54
|
+
focus()
|
|
55
|
+
trans()
|
|
56
|
+
white-space nowrap
|
|
57
|
+
|
|
58
|
+
flexBtn()
|
|
59
|
+
flex-shrink 0
|
|
60
|
+
display inline-flex
|
|
61
|
+
align-items center
|
|
62
|
+
justify-content flex-start
|
|
63
|
+
|
|
64
|
+
buttonFont()
|
|
65
|
+
height $buttonHeight
|
|
66
|
+
font-size $buttonFontSize
|
|
67
|
+
line-height $buttonLineHeight
|
|
68
|
+
padding $buttonPadding
|
|
69
|
+
|
|
70
|
+
buttonSmall()
|
|
71
|
+
height $buttonHeightSmall
|
|
72
|
+
font-size $buttonFontSizeSmall
|
|
73
|
+
line-height $buttonLineHeightSmall
|
|
74
|
+
padding $buttonPaddingSmall
|
|
75
|
+
&.btn--no-label
|
|
76
|
+
&.btn--link
|
|
77
|
+
&.btn--link-primary
|
|
78
|
+
&.btn--link-info
|
|
79
|
+
&.btn--link-flex
|
|
80
|
+
height auto
|
|
81
|
+
line-height unset
|
|
82
|
+
|
|
83
|
+
buttonLarge()
|
|
84
|
+
height $buttonHeightLarge
|
|
85
|
+
font-size $buttonFontSizeLarge
|
|
86
|
+
line-height $buttonLineHeightLarge
|
|
87
|
+
padding $buttonPaddingLarge
|
|
88
|
+
&.btn--no-label
|
|
89
|
+
&.btn--link
|
|
90
|
+
&.btn--link-primary
|
|
91
|
+
&.btn--link-info
|
|
92
|
+
&.btn--link-flex
|
|
93
|
+
height auto
|
|
94
|
+
line-height unset
|
|
95
|
+
|
|
96
|
+
fullw()
|
|
97
|
+
width 100%
|
|
98
|
+
min-width 0
|
|
99
|
+
fullh()
|
|
100
|
+
height 100%
|
|
101
|
+
min-height 0
|
|
102
|
+
fullwh()
|
|
103
|
+
height 100%
|
|
104
|
+
width 100%
|
|
105
|
+
min-width 0
|
|
106
|
+
min-height 0
|
|
107
|
+
|
|
108
|
+
wrapper()
|
|
109
|
+
margin 0 auto
|
|
110
|
+
padding 0 $padding
|
|
111
|
+
max-width $wrapperWidth
|
|
112
|
+
width 100%
|
|
113
|
+
|
|
114
|
+
textShadow($c = $dark30)
|
|
115
|
+
text-shadow .1rem .1rem .1rem $c
|
|
116
|
+
rainbow()
|
|
117
|
+
background $primary
|
|
118
|
+
background linear-gradient(45deg, $coloredGradient1 0%, $coloredGradient2 50%, $coloredGradient3 100%)
|
|
119
|
+
rainbowInverse()
|
|
120
|
+
background $primary
|
|
121
|
+
background linear-gradient(45deg, $coloredGradient3 0%, $coloredGradient2 50%, $coloredGradient1 100%)
|
|
122
|
+
darkness()
|
|
123
|
+
background $darkGradient2
|
|
124
|
+
background radial-gradient(circle, $darkGradient2 0%, $darkGradient1 40%, #252525 100%)
|
|
125
|
+
tilt()
|
|
126
|
+
transform skewY(-2deg)
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
.asyncselect__control--is-focused .asyncselect__single-value
|
|
2
|
+
display none
|
|
3
|
+
|
|
4
|
+
.select
|
|
5
|
+
line-height initial
|
|
6
|
+
width 100%
|
|
7
|
+
.select
|
|
8
|
+
.asyncselect
|
|
9
|
+
&__label
|
|
10
|
+
margin-bottom 1rem
|
|
11
|
+
display block
|
|
12
|
+
&__error
|
|
13
|
+
display block
|
|
14
|
+
margin-top 1rem
|
|
15
|
+
color $error
|
|
16
|
+
&__control
|
|
17
|
+
min-width $inputMinWidth
|
|
18
|
+
min-height $inputHeight !important
|
|
19
|
+
border-radius .6rem !important
|
|
20
|
+
&:not(.select__control--is-focused):not(.asyncselect__control--is-focused)
|
|
21
|
+
border-color $inputBorderColor !important
|
|
22
|
+
.error > &
|
|
23
|
+
border-color $error !important
|
|
24
|
+
&--is-focused
|
|
25
|
+
border-color $secondary !important
|
|
26
|
+
box-shadow none !important
|
|
27
|
+
.select__indicator
|
|
28
|
+
.asyncselect__indicator
|
|
29
|
+
svg
|
|
30
|
+
fill $secondary
|
|
31
|
+
&__value-container
|
|
32
|
+
padding-left 1rem !important
|
|
33
|
+
&__single-value
|
|
34
|
+
color $secondary !important
|
|
35
|
+
&__indicator
|
|
36
|
+
padding-left 1rem !important
|
|
37
|
+
padding-right 1rem !important
|
|
38
|
+
&-separator
|
|
39
|
+
background-color $secondary-medium25
|
|
40
|
+
svg
|
|
41
|
+
fill $secondary-medium25
|
|
42
|
+
&__placeholder
|
|
43
|
+
white-space nowrap
|
|
44
|
+
color $secondary-medium60
|
|
45
|
+
&__option
|
|
46
|
+
&__multi-value
|
|
47
|
+
.flag
|
|
48
|
+
margin 0 0 0 .6rem
|
|
49
|
+
width 2.2rem
|
|
50
|
+
height 1.5rem
|
|
51
|
+
&__option
|
|
52
|
+
display flex !important
|
|
53
|
+
align-items center
|
|
54
|
+
color $secondary !important
|
|
55
|
+
mbi()
|
|
56
|
+
&--is-disabled
|
|
57
|
+
color $secondary40 !important
|
|
58
|
+
&--is-selected
|
|
59
|
+
color $light !important
|
|
60
|
+
background-color $primary !important
|
|
61
|
+
&.select__option--is-focused
|
|
62
|
+
color $light !important
|
|
63
|
+
background-color $primary !important
|
|
64
|
+
&--is-focused:not(.select__option--is-selected)
|
|
65
|
+
background-color $primary15 !important
|
|
66
|
+
color $secondary !important
|
|
67
|
+
&__multi-value
|
|
68
|
+
background-color $primary !important
|
|
69
|
+
border-radius .4rem !important
|
|
70
|
+
flexMiddle()
|
|
71
|
+
&--is-disabled
|
|
72
|
+
opacity .6
|
|
73
|
+
&__label
|
|
74
|
+
&__remove
|
|
75
|
+
border-radius .4rem !important
|
|
76
|
+
background-color transparent !important
|
|
77
|
+
padding .5rem !important
|
|
78
|
+
&__label
|
|
79
|
+
font-size $inputFontSize - .2 !important
|
|
80
|
+
padding-right .2rem !important
|
|
81
|
+
color $light !important
|
|
82
|
+
&__remove
|
|
83
|
+
cursor pointer
|
|
84
|
+
svg
|
|
85
|
+
fill $light !important
|
|
86
|
+
&--small
|
|
87
|
+
.select
|
|
88
|
+
.asyncselect
|
|
89
|
+
&__control
|
|
90
|
+
min-width 18rem
|
|
91
|
+
min-height $inputHeightSmall !important
|
|
92
|
+
font-size $inputFontSizeSmall !important
|
|
93
|
+
&__indicator
|
|
94
|
+
padding .2rem .6rem !important
|
|
95
|
+
&__option
|
|
96
|
+
&__multi-value
|
|
97
|
+
background-color $light
|
|
98
|
+
font-size $inputFontSizeSmall !important
|
|
99
|
+
.flag
|
|
100
|
+
margin 0 0 0 .6rem
|
|
101
|
+
width 2.2rem
|
|
102
|
+
height 1.5rem
|
|
103
|
+
&__label
|
|
104
|
+
font-size $inputFontSizeSmall !important
|
|
105
|
+
padding 0 0 0 1rem !important
|
|
106
|
+
line-height 1.2
|
|
107
|
+
&__option
|
|
108
|
+
.flag
|
|
109
|
+
margin 0 1rem 0 0
|
|
110
|
+
&__value-container
|
|
111
|
+
padding 0 0 0 .7rem !important
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
$tabPadding = 2rem
|
|
2
|
+
.tab
|
|
3
|
+
height 100%
|
|
4
|
+
pre
|
|
5
|
+
code
|
|
6
|
+
margin 0 !important
|
|
7
|
+
padding 0 !important
|
|
8
|
+
background-color transparent !important
|
|
9
|
+
width 100%
|
|
10
|
+
&__header
|
|
11
|
+
background linear-gradient(90deg, $tabHeader 77%, $tabHeader2 100%)
|
|
12
|
+
padding 0 $tabPadding
|
|
13
|
+
flex-shrink 0
|
|
14
|
+
flexSpread()
|
|
15
|
+
&__buttons
|
|
16
|
+
flexMiddle()
|
|
17
|
+
mbi(3)
|
|
18
|
+
fullw()
|
|
19
|
+
position relative
|
|
20
|
+
li
|
|
21
|
+
min-width 0
|
|
22
|
+
&__content
|
|
23
|
+
background-color $tabContent
|
|
24
|
+
display none
|
|
25
|
+
padding $tabPadding + .5
|
|
26
|
+
line-height 1.2
|
|
27
|
+
height 30.6rem
|
|
28
|
+
max-height 30.6rem
|
|
29
|
+
&.active
|
|
30
|
+
display flex
|
|
31
|
+
height 100%
|
|
32
|
+
@media screen and (max-width 670px)
|
|
33
|
+
.tab
|
|
34
|
+
&__header
|
|
35
|
+
padding 0 1.2rem
|
|
36
|
+
&__buttons
|
|
37
|
+
mbi(1)
|
|
38
|
+
.btn
|
|
39
|
+
font-size 70%
|
|
40
|
+
&__content
|
|
41
|
+
padding $tabPadding - .5
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
$fontFamily = "Poppins", arial, sans-serif
|
|
2
|
+
$fontSize = 1.8rem
|
|
3
|
+
$lineHeight = $fontSize * 2 - .8
|
|
4
|
+
$fontSizeSmall = $fontSize - .2
|
|
5
|
+
$fontSizeMini = $fontSize - .4
|
|
6
|
+
$fontSizeNano = $fontSize - .6
|
|
7
|
+
$fontWeight = 400
|
|
8
|
+
$fontSizeHeader = 1.3rem
|
|
9
|
+
$fontSizeFooter = 1.6rem
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
$title = 4.6rem
|
|
13
|
+
$title2 = 4rem
|
|
14
|
+
$title3 = 3.6rem
|
|
15
|
+
$title4 = 3rem
|
|
16
|
+
$title5 = 2.6rem
|
|
17
|
+
$title6 = 2rem
|
|
18
|
+
|
|
19
|
+
$borderRadius = .6rem
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
// Layout
|
|
23
|
+
$wrapperWidth = 125rem
|
|
24
|
+
$headerHeight = 6.7rem
|
|
25
|
+
$headerBannerHeight = 5.2rem
|
|
26
|
+
$sectionPadding = 18.5rem
|
|
27
|
+
$topRainbowHeight = 3.8rem
|
|
28
|
+
$gutter2c = 3rem
|
|
29
|
+
$quoteIcon = 46rem
|
|
30
|
+
$quoteIconPosition = ( - $quoteIcon / 2 - $sectionPadding - 2 )
|
|
31
|
+
|
|
32
|
+
$col2 = 58rem
|
|
33
|
+
$col3 = 31.5rem
|
|
34
|
+
$col4 = 22rem
|
|
35
|
+
|
|
36
|
+
// card articles
|
|
37
|
+
$cardHeaderHeight = 21rem
|
|
38
|
+
$cardFontSize = 1.6rem
|
|
39
|
+
$cardTitle = 1.8rem
|
|
40
|
+
$cardTitleLineHeight = 2.6rem
|
|
41
|
+
$cardLineHeight = $cardFontSize * 2 - 1
|
|
42
|
+
$cardPadding = 2rem
|
|
43
|
+
|
|
44
|
+
// Buttons & Inputs
|
|
45
|
+
|
|
46
|
+
$padding = 2rem
|
|
47
|
+
$contentPadding = 2.8rem
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
$sidebarButtonSize = 5rem
|
|
52
|
+
|
|
53
|
+
$buttonHeight = 3.8rem
|
|
54
|
+
$buttonPadding = 0 $padding 0 $padding
|
|
55
|
+
$buttonFontSize = $fontSize
|
|
56
|
+
$buttonLineHeight = $fontSize * 2
|
|
57
|
+
|
|
58
|
+
$buttonHeightSmall = $buttonHeight - .6
|
|
59
|
+
$buttonPaddingSmall = 0 $padding - .1 0 $padding - .1
|
|
60
|
+
$buttonFontSizeSmall = $fontSize - .1
|
|
61
|
+
$buttonLineHeightSmall = $buttonFontSizeSmall * 2
|
|
62
|
+
|
|
63
|
+
$buttonHeightMini = $buttonHeight - 1
|
|
64
|
+
$buttonPaddingMini = 0 $padding - .4 0 $padding - .4
|
|
65
|
+
$buttonFontSizeMini = $fontSizeSmall
|
|
66
|
+
$buttonLineHeightMini = $buttonFontSizeMini * 2
|
|
67
|
+
|
|
68
|
+
$buttonHeightNano = $buttonHeight - 1.4
|
|
69
|
+
$buttonPaddingNano = 0 $padding - .4 0 $padding - .4
|
|
70
|
+
$buttonFontSizeNano = $fontSize - .3
|
|
71
|
+
$buttonLineHeightNano = $buttonFontSizeNano * 2
|
|
72
|
+
|
|
73
|
+
$buttonHeightLarge = $buttonHeight + 1.2
|
|
74
|
+
$buttonPaddingLarge = 0 $padding + .6 0 $padding + .6
|
|
75
|
+
$buttonFontSizeLarge = $fontSize - .2
|
|
76
|
+
$buttonLineHeightLarge = $buttonFontSizeLarge * 2
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
$inputMinWidth = 16rem
|
|
80
|
+
|
|
81
|
+
$inputHeight = $buttonHeight
|
|
82
|
+
$inputPadding = 0 $padding .2rem $padding
|
|
83
|
+
$inputFontSize = $fontSize
|
|
84
|
+
$inputLineHeight = $buttonLineHeight
|
|
85
|
+
|
|
86
|
+
$inputHeightSmall = $buttonHeightSmall
|
|
87
|
+
$inputPaddingSmall = 0 $padding - .1 .2rem $padding - .1
|
|
88
|
+
$inputFontSizeSmall = $buttonFontSizeSmall
|
|
89
|
+
$inputLineHeightSmall = $buttonLineHeightSmall
|
|
90
|
+
|
|
91
|
+
$inputHeightLarge = $buttonHeightLarge
|
|
92
|
+
$inputPaddingLarge = 0 $padding + .4 .2rem $padding + .4
|
|
93
|
+
$inputFontSizeLarge = $buttonFontSizeLarge
|
|
94
|
+
$inputLineHeightLarge = $buttonLineHeightLarge
|
|
95
|
+
|
|
96
|
+
// tabs
|
|
97
|
+
|
|
98
|
+
$tabBtnHeight = $buttonHeight
|
|
99
|
+
$tabBtnPillHeight = $buttonHeight
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
// panel
|
|
103
|
+
$panelWidth = 36rem
|
|
104
|
+
$panelpadding = 2.4rem
|
|
105
|
+
$contentHeaderHeight = 7.8rem
|
|
106
|
+
$panelHeaderHeight = $contentHeaderHeight
|
|
107
|
+
|
|
108
|
+
// modal
|
|
109
|
+
$modalWidth = 70rem
|
|
110
|
+
$modalPadding = 2.4rem
|
|
@@ -2,24 +2,24 @@
|
|
|
2
2
|
@import "./commons/reset.styl"
|
|
3
3
|
|
|
4
4
|
// Specicif style - Do not change order
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
// @import "./next-website/colors.styl"
|
|
5
|
+
@import "./next-website/font.styl"
|
|
6
|
+
@import "./next-website/variables.styl"
|
|
7
|
+
@import "./next-website/colors.styl"
|
|
9
8
|
|
|
10
9
|
@import "./commons/__all.styl"
|
|
11
10
|
@import "./commons/flags.styl"
|
|
12
11
|
|
|
13
|
-
|
|
14
|
-
// @import "./next-website/input.styl"
|
|
15
|
-
// @import "./next-website/select.styl"
|
|
16
|
-
// @import "./next-website/tab.sty l"
|
|
12
|
+
@import "./next-website/mixins.styl"
|
|
17
13
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
14
|
+
@import "./next-website/button.styl"
|
|
15
|
+
@import "./next-website/input.styl"
|
|
16
|
+
@import "./next-website/select.styl"
|
|
17
|
+
@import "./next-website/tab.styl"
|
|
21
18
|
|
|
22
|
-
// @import "./next-website/style.styl"
|
|
23
19
|
|
|
24
20
|
// Style of all components
|
|
25
21
|
@import "../components/**/*.styl"
|
|
22
|
+
|
|
23
|
+
// Additional style for UI components
|
|
24
|
+
@import "./next-website/demo.styl"
|
|
25
|
+
@import "./next-website/dropdown.styl"
|
package/src/icons/battery.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M44.256 77.188a1.5 1.5 0 0 1-1.461-1.84L46.346 60.1h-5.454a1.5 1.5 0 0 1-1.247-2.334l16.036-23.975a1.5 1.5 0 0 1 2.707 1.178l-3.763 15.99h5.6a1.5 1.5 0 0 1 1.236 2.35L45.493 76.538a1.5 1.5 0 0 1-1.237.65ZM43.7 57.1h4.536a1.5 1.5 0 0 1 1.461 1.84l-2.178 9.36 9.854-14.336h-4.642a1.5 1.5 0 0 1-1.46-1.844l2.3-9.772Z"/><path d="M66.1 89.777H35.313a7.619 7.619 0 0 1-7.611-7.61v-53.72a7.62 7.62 0 0 1 7.611-7.612H66.1a7.62 7.62 0 0 1 7.611 7.612v53.72a7.619 7.619 0 0 1-7.611 7.61ZM35.313 23.835a4.617 4.617 0 0 0-4.613 4.612v53.72a4.616 4.616 0 0 0 4.611 4.61H66.1a4.615 4.615 0 0 0 4.611-4.61v-53.72a4.616 4.616 0 0 0-4.611-4.612ZM58.576 18.74H42.241a1.5 1.5 0 0 1-1.5-1.5v-3.876a4.5 4.5 0 0 1 4.494-4.5h10.347a4.5 4.5 0 0 1 4.494 4.5v3.876a1.5 1.5 0 0 1-1.5 1.5Zm-14.835-3h13.335v-2.376a1.5 1.5 0 0 0-1.494-1.5H45.235a1.5 1.5 0 0 0-1.494 1.5Z"/></svg>
|
package/src/icons/cars.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M40.7 51.954h38.284a2.765 2.765 0 0 0 2.523-3.9l-4.392-9.771a4.147 4.147 0 0 0-3.776-2.442H46.347a4.147 4.147 0 0 0-3.776 2.442l-4.392 9.771a2.766 2.766 0 0 0 2.523 3.9Zm4.606-12.441a1.14 1.14 0 0 1 1.039-.672h26.994a1.14 1.14 0 0 1 1.039.672l4.245 9.441h-37.56Z"/><path d="M88.652 45.813 82.39 33.268a7.954 7.954 0 0 0-7.156-4.426H44.558a7.954 7.954 0 0 0-7.158 4.426l-6.259 12.545a16.041 16.041 0 0 0-1.681 7.127v24.418a6.846 6.846 0 0 0 13.692 0l33.488-.007v.007a6.846 6.846 0 1 0 13.692 0V52.94a16.037 16.037 0 0 0-1.68-7.127Zm-1.32 31.545a3.846 3.846 0 1 1-7.692 0v-3.007H40.152v3.007a3.846 3.846 0 1 1-7.692 0V52.94a13.018 13.018 0 0 1 1.365-5.787l6.262-12.546a4.969 4.969 0 0 1 4.471-2.765h30.676a4.969 4.969 0 0 1 4.471 2.765l6.263 12.546a13.024 13.024 0 0 1 1.364 5.787Z"/><path d="M49.134 57.354h-7.973a4.356 4.356 0 1 0 0 8.711h7.973a4.356 4.356 0 1 0 0-8.711Zm0 5.711h-7.973a1.356 1.356 0 1 1 0-2.711h7.973a1.356 1.356 0 1 1 0 2.711ZM78.631 57.354h-7.973a4.356 4.356 0 1 0 0 8.711h7.973a4.356 4.356 0 1 0 0-8.711Zm0 5.711h-7.973a1.356 1.356 0 1 1 0-2.711h7.973a1.356 1.356 0 1 1 0 2.711ZM20.36 64.312a3.846 3.846 0 1 1-7.692 0V39.894a13.024 13.024 0 0 1 1.364-5.787L20.3 21.561a4.967 4.967 0 0 1 4.466-2.761h30.676a4.967 4.967 0 0 1 4.471 2.765l1.634 3.274 2.685-1.34-1.632-3.278a7.955 7.955 0 0 0-7.158-4.421H24.766a7.955 7.955 0 0 0-7.156 4.425l-6.262 12.543a16.027 16.027 0 0 0-1.68 7.126v24.418a6.846 6.846 0 1 0 13.692 0l2-.008v-3h-5Z"/><path d="M25.994 26.188a1.019 1.019 0 0 1 .928-.6h25.752v-3H26.922a4.027 4.027 0 0 0-3.665 2.371l-4.191 9.321a2.708 2.708 0 0 0 2.47 3.818h7.814v-3h-7.362ZM17.013 48.663a4.361 4.361 0 0 0 4.356 4.356H24.1v-3h-2.73a1.356 1.356 0 1 1 0-2.712h3.986v-3h-3.987a4.361 4.361 0 0 0-4.356 4.356Z"/></svg>
|
package/src/icons/green.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M88.83 44.026a7.654 7.654 0 0 0-10.814 0L67.6 54.445a7.654 7.654 0 0 0-7.612-6.965h-7.5v-8.773A5.139 5.139 0 0 1 54 35.051l1.3-1.293a10.206 10.206 0 0 0 6.043 2.012c.162 0 .326 0 .489-.013a11.641 11.641 0 0 0 7.756-3.695c7.111-7.111 5.648-18.529 5.583-19.012l-.153-1.119-1.118-.163c-.479-.071-11.817-1.629-19.027 5.582a11.744 11.744 0 0 0-3.731 7.71 10.042 10.042 0 0 0 2.026 6.586L51.88 32.93a8.141 8.141 0 0 0-1.8 2.729 8.411 8.411 0 0 0-1.65-1.307 7.659 7.659 0 0 0-1.176-5.1 8.881 8.881 0 0 0-5.354-3.64c-7.3-1.957-13.972 3.226-14.252 3.449l-.886.7.427 1.046c.136.332 3.415 8.17 10.614 10.1a10.424 10.424 0 0 0 2.706.376 8.134 8.134 0 0 0 3.765-.9 7.737 7.737 0 0 0 3.168-3.055 5.391 5.391 0 0 1 2.044 4.206v5.946H40.2a15.278 15.278 0 0 0-10 3.72l-7.976 6.9-2.24-3.6-12.875 8.009 16.023 25.763 12.875-8.007-1.741-2.8h22.013a23.806 23.806 0 0 0 16.946-7.019L88.83 54.84a7.654 7.654 0 0 0 0-10.814Zm-34.7-18.8a8.853 8.853 0 0 1 2.857-5.76c4.211-4.211 10.357-4.878 13.829-4.878.569 0 1.066.018 1.471.041.151 2.893.024 10.455-4.829 15.307a8.744 8.744 0 0 1-5.781 2.82 7.236 7.236 0 0 1-4.235-1.153l9.21-9.21-2.121-2.121-9.222 9.228a7.02 7.02 0 0 1-1.176-4.269ZM42.905 37.715a5.9 5.9 0 0 1-4.324.292c-4.338-1.163-7.02-5.285-8.085-7.263 1.893-1.185 6.235-3.412 10.63-2.234a5.973 5.973 0 0 1 3.616 2.39 4.585 4.585 0 0 1 .717 2.308l-8.533-2.287-.777 2.9 8.514 2.279a4.7 4.7 0 0 1-1.758 1.615ZM24.1 84.14 11.241 63.472l7.78-4.839L31.875 79.3Zm62.609-31.421L71.1 68.324a20.828 20.828 0 0 1-14.825 6.14H32.4l-8.57-13.779 8.335-7.212A12.275 12.275 0 0 1 40.2 50.48h19.79a4.647 4.647 0 0 1 0 9.293H47.654v3h12.332a7.541 7.541 0 0 0 1.026-.077v.077a5.99 5.99 0 0 0 4.266-1.767l14.859-14.859a4.647 4.647 0 0 1 6.572 6.572Z"/></svg>
|
package/src/icons/map-hd.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M87.036 27.275 66.6 19.33a10.3 10.3 0 0 0-7.484 0l-19.322 7.514a7.316 7.316 0 0 1-5.308 0l-18.062-7.023a4.773 4.773 0 0 0-6.5 4.448v47.045a4.744 4.744 0 0 0 3.043 4.448L33.4 83.708a10.305 10.305 0 0 0 7.482 0l19.325-7.514a7.316 7.316 0 0 1 5.308 0l18.062 7.023a4.772 4.772 0 0 0 6.5-4.448V31.724a4.745 4.745 0 0 0-3.041-4.449Zm.043 51.494a1.772 1.772 0 0 1-2.415 1.652L66.6 73.4a10.377 10.377 0 0 0-2.251-.584c0-.028.008-.054.008-.082v-5.676a1.5 1.5 0 1 0-3 0v5.674c0 .028.007.054.009.082a10.368 10.368 0 0 0-2.25.584l-19.322 7.514a7.415 7.415 0 0 1-1.154.337V67.177a1.5 1.5 0 0 0-3 0v14.071a7.3 7.3 0 0 1-1.154-.336l-20.435-7.946a1.762 1.762 0 0 1-1.13-1.652V24.269a1.78 1.78 0 0 1 1.767-1.776 1.775 1.775 0 0 1 .648.124L33.4 29.64a10.325 10.325 0 0 0 2.285.589 1.527 1.527 0 0 0-.044.347v4.583a1.5 1.5 0 1 0 3 0v-4.583a1.527 1.527 0 0 0-.044-.347 10.325 10.325 0 0 0 2.285-.589l19.325-7.514a7.3 7.3 0 0 1 1.153-.337V34.27a1.5 1.5 0 1 0 3 0V21.789a7.319 7.319 0 0 1 1.155.337l20.434 7.945a1.761 1.761 0 0 1 1.131 1.653Z"/><path d="M45.01 48.696h-6.186v-6.395h-3.976v16.324h3.976v-6.72h6.186v6.72h3.976V42.301H45.01v6.395zM57.963 42.3h-6.116v16.325h6.116c5.209 0 8.557-3.325 8.557-8.162 0-4.863-3.348-8.163-8.557-8.163Zm-.256 12.883h-1.884V45.7h1.884c3 0 4.768 1.767 4.768 4.767s-1.768 4.717-4.768 4.717Z"/></svg>
|
package/src/icons/markers.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M59.683 41.938a9.562 9.562 0 1 0-9.562 9.562 9.572 9.572 0 0 0 9.562-9.562Zm-16.123 0a6.562 6.562 0 1 1 6.561 6.562 6.568 6.568 0 0 1-6.561-6.562Z"/><path d="M86.741 33.162a21.642 21.642 0 0 0-9.254-4.552c-.023 0-.047 0-.07-.008A21.583 21.583 0 0 0 60.5 22.121a1.467 1.467 0 0 0-.663.213 21.376 21.376 0 0 0-19.577.066 1.489 1.489 0 0 0-.768-.279A21.583 21.583 0 0 0 22.583 28.6c-.023 0-.047 0-.07.008A21.581 21.581 0 0 0 10.6 63.555c5.09 6.067 12.644 7.36 19.95 8.612 6.618 1.133 12.869 2.2 16.671 6.735a1.5 1.5 0 0 0 .854.5 3.618 3.618 0 0 0 2.046.6 3.529 3.529 0 0 0 2.249-.773 1.482 1.482 0 0 0 .409-.331c3.8-4.532 10.053-5.6 16.671-6.735 7.306-1.252 14.86-2.545 19.95-8.612a21.6 21.6 0 0 0-2.659-30.389ZM68.314 26.2A18.594 18.594 0 0 1 79.415 50c-2.333 6.408-8.228 9.773-14.471 13.336a57.332 57.332 0 0 0-9.36 6.182 54.848 54.848 0 0 1 6.362-8.533c4.792-5.654 9.747-11.5 9.747-19.421a21.514 21.514 0 0 0-7.539-16.349 18.526 18.526 0 0 1 4.16.985Zm-36.628 0a18.56 18.56 0 0 1 4.426-1 21.517 21.517 0 0 0-7.564 16.372c0 7.92 4.955 13.767 9.748 19.421a51.9 51.9 0 0 1 6.573 8.936 53.989 53.989 0 0 0-9.813-6.585C28.813 59.775 22.918 56.41 20.585 50a18.594 18.594 0 0 1 11.101-23.8ZM12.9 61.626a18.571 18.571 0 0 1 2.289-26.165 18.671 18.671 0 0 1 4.211-2.656 21.532 21.532 0 0 0-1.636 18.223c2.708 7.442 9.364 11.241 15.8 14.915a50.851 50.851 0 0 1 9.369 6.274c-3.65-1.59-7.8-2.309-11.88-3.008C23.973 68 17.281 66.85 12.9 61.626Zm36.837 15.236c0-7.015-4.653-12.5-9.153-17.815-4.646-5.483-9.036-10.662-9.036-17.481a18.573 18.573 0 0 1 37.145 0c0 6.819-4.388 12-9.036 17.481-4.371 5.159-8.874 10.492-9.128 17.225-.094.224-.194.444-.278.676 0 .013-.006.027-.01.04a.661.661 0 0 1-.12.018c-.221 0-.358-.065-.384-.144ZM87.1 61.626C82.719 66.85 76.027 68 68.943 69.209c-4.075.7-8.23 1.418-11.88 3.008a50.851 50.851 0 0 1 9.369-6.274c6.437-3.674 13.093-7.473 15.8-14.915A21.532 21.532 0 0 0 80.6 32.805a18.7 18.7 0 0 1 4.216 2.655A18.572 18.572 0 0 1 87.1 61.626Z"/></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M49.93 89.4A40.4 40.4 0 1 1 90.332 49 40.447 40.447 0 0 1 49.93 89.4Zm0-77.8A37.4 37.4 0 1 0 87.332 49 37.444 37.444 0 0 0 49.93 11.6Z"/><path d="M49.93 75.417a10.962 10.962 0 0 1-10.95-10.949 1.5 1.5 0 0 1 1.5-1.5h18.9a1.5 1.5 0 0 1 1.5 1.5 10.962 10.962 0 0 1-10.95 10.949Zm-7.808-9.449a7.951 7.951 0 0 0 15.615 0ZM68.773 59.967H31.086a4.9 4.9 0 0 1 0-9.8h1.848V39.578A17 17 0 0 1 50.75 22.6a17.2 17.2 0 0 1 16.175 17.416v10.151h1.848a4.9 4.9 0 1 1 0 9.8Zm-37.687-6.8a1.9 1.9 0 0 0 0 3.8h37.687a1.9 1.9 0 1 0 0-3.8h-3.348a1.5 1.5 0 0 1-1.5-1.5V40.016A14.2 14.2 0 0 0 50.609 25.6a14 14 0 0 0-14.675 13.978v12.089a1.5 1.5 0 0 1-1.5 1.5Z"/></svg>
|
package/src/icons/schedule.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M64.4 66.354a1.493 1.493 0 0 1-1.023-.4l-14.1-13.177a1.5 1.5 0 0 1 2.048-2.192l14.1 13.177a1.5 1.5 0 0 1-1.024 2.6Z"/><path d="M48.5 24.178v27.5a1.5 1.5 0 0 0 3 0v-27.5a1.5 1.5 0 1 0-3 0ZM63.163 15.166a36.954 36.954 0 0 1 5.212 2.454 1.5 1.5 0 0 0 1.486-2.606 40.031 40.031 0 0 0-5.635-2.654 1.5 1.5 0 0 0-1.063 2.806ZM78.625 26.227a1.5 1.5 0 0 0 2.31-1.915 40.64 40.64 0 0 0-4.33-4.471 1.5 1.5 0 1 0-1.988 2.247 37.491 37.491 0 0 1 4.008 4.139ZM85.172 37.893a1.5 1.5 0 0 0 1.42 1.015 1.523 1.523 0 0 0 .485-.081 1.5 1.5 0 0 0 .934-1.905 39.955 39.955 0 0 0-2.469-5.716 1.5 1.5 0 0 0-2.653 1.4 36.983 36.983 0 0 1 2.283 5.287Z"/><path d="M82.744 70.563a1.5 1.5 0 0 0-2.086.387 37.149 37.149 0 1 1-24.914-57.741 1.521 1.521 0 0 0 .232.018 1.5 1.5 0 0 0 .228-2.983A40.169 40.169 0 1 0 50 90.1a40.213 40.213 0 0 0 33.131-17.451 1.5 1.5 0 0 0-.387-2.086ZM89.867 45.006a1.5 1.5 0 1 0-2.978.364 37.718 37.718 0 0 1 .278 4.564q0 .6-.019 1.192a1.5 1.5 0 0 0 1.452 1.547h.049a1.5 1.5 0 0 0 1.5-1.452q.021-.642.021-1.288a40.873 40.873 0 0 0-.303-4.927ZM87.93 57.631a1.5 1.5 0 0 0-1.811 1.1 37.021 37.021 0 0 1-1.792 5.474 1.5 1.5 0 1 0 2.77 1.153 39.92 39.92 0 0 0 1.937-5.92 1.5 1.5 0 0 0-1.104-1.807Z"/></svg>
|
package/src/icons/security.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M39.26 35.934v4.246h-.474a1.644 1.644 0 0 0-1.645 1.645v17.284a1.644 1.644 0 0 0 1.645 1.645h22.428a1.644 1.644 0 0 0 1.645-1.645V41.825a1.644 1.644 0 0 0-1.645-1.645h-.579v-4.246a10.688 10.688 0 1 0-21.375 0Zm12.558 15.7v4.085a1.871 1.871 0 0 1-3.741 0v-4.088a3.675 3.675 0 1 1 3.741 0Zm5.077-15.7v4.246H43v-4.246a6.948 6.948 0 1 1 13.9 0Z"/><path d="M84.589 22.3 50.446 11.653a1.491 1.491 0 0 0-.892 0L15.411 22.3a1.5 1.5 0 0 0-1.054 1.432v10.931A58.561 58.561 0 0 0 49.4 88.289a1.506 1.506 0 0 0 1.206 0 58.561 58.561 0 0 0 35.04-53.626V23.736a1.5 1.5 0 0 0-1.057-1.436Zm-1.946 12.363A55.557 55.557 0 0 1 50 85.273a55.557 55.557 0 0 1-32.643-50.61v-9.824L50 14.656l32.643 10.183Z"/></svg>
|
package/src/icons/zoom.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M21.823 57.607 48.4 72.948a1.5 1.5 0 0 0 1.5 0l26.57-15.341a1.5 1.5 0 0 0 .75-1.3v-30.68a1.5 1.5 0 0 0-.75-1.3L49.9 8.988a1.5 1.5 0 0 0-1.5 0L21.823 24.329a1.5 1.5 0 0 0-.75 1.3v30.68a1.5 1.5 0 0 0 .75 1.298Zm2.25-30.014L47.645 41.2v27.851L24.073 55.442Zm26.572 41.458V41.2l23.57-13.608v27.85Zm-1.5-57.032 23.023 13.293L49.145 38.6 26.12 25.312ZM80.405 84.137h-25.04a5.569 5.569 0 0 0-10.73 0H19.6a1.5 1.5 0 0 0 0 3h25.04a5.569 5.569 0 0 0 10.73 0h25.04a1.5 1.5 0 0 0 0-3Z"/></svg>
|