@woosmap/ui 4.34.0 → 4.36.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/.idea/encodings.xml +6 -0
- package/.idea/inspectionProfiles/Project_Default.xml +18 -0
- package/.idea/inspectionProfiles/profiles_settings.xml +6 -0
- package/.idea/misc.xml +4 -0
- package/.idea/modules.xml +8 -0
- package/.idea/prettier.xml +6 -0
- package/.idea/ui.iml +15 -0
- package/.idea/vcs.xml +6 -0
- package/package.json +1 -1
- package/src/components/Button/Button.js +9 -6
- package/src/components/Button/ButtonSwitch.js +1 -1
- package/src/components/Card/Card.js +1 -1
- package/src/components/Card/SimpleCard.js +2 -0
- package/src/components/Card/SimpleCard.styl +1 -1
- package/src/components/Dropdown/Dropdown.js +1 -1
- package/src/components/Flash/Flash.js +1 -1
- package/src/components/Icon/Icon.js +29 -13
- package/src/components/Icon/icon-story.styl +3 -2
- package/src/components/Input/Input.js +24 -8
- package/src/components/Input/Input.stories.js +2 -2
- package/src/components/Label/Label.js +8 -1
- package/src/icons/alphabetical-order-reversed.svg +1 -0
- package/src/icons/bulb.svg +1 -1
- package/src/icons/clock-reversed.svg +1 -0
- package/src/icons/clock.svg +1 -1
- package/src/icons/dot.svg +1 -0
- package/src/icons/flag.svg +1 -1
- package/src/icons/indoor-3dobject_chair.svg +1 -1
- package/src/icons/indoor-3dobject_closet.svg +1 -1
- package/src/icons/indoor-3dobject_hanger.svg +1 -1
- package/src/icons/indoor-3dobject_rack.svg +1 -1
- package/src/icons/indoor-3dobject_sofa.svg +1 -1
- package/src/icons/indoor-3dobject_table.svg +1 -1
- package/src/icons/indoor-accessories.svg +1 -1
- package/src/icons/indoor-administration.svg +1 -1
- package/src/icons/indoor-airline_transfers.svg +1 -1
- package/src/icons/indoor-airlines_counter.svg +1 -1
- package/src/icons/indoor-alcohol.svg +1 -1
- package/src/icons/indoor-amenity.svg +1 -1
- package/src/icons/indoor-arrival.svg +1 -0
- package/src/icons/indoor-art.svg +1 -1
- package/src/icons/indoor-assembly_point.svg +1 -1
- package/src/icons/indoor-atm.svg +1 -1
- package/src/icons/indoor-baggage_belt.svg +1 -1
- package/src/icons/indoor-baggage_claim.svg +1 -1
- package/src/icons/indoor-baggage_secure_wrap.svg +1 -1
- package/src/icons/indoor-baggage_service.svg +1 -1
- package/src/icons/indoor-bakery.svg +1 -1
- package/src/icons/indoor-bank.svg +1 -1
- package/src/icons/indoor-bar.svg +1 -1
- package/src/icons/indoor-barrier.svg +1 -1
- package/src/icons/indoor-beauty.svg +1 -1
- package/src/icons/indoor-bench.svg +1 -1
- package/src/icons/indoor-building.svg +1 -1
- package/src/icons/indoor-bureau_de_change.svg +1 -1
- package/src/icons/indoor-cafe.svg +1 -1
- package/src/icons/indoor-car_rental.svg +1 -1
- package/src/icons/indoor-cash_register.svg +1 -1
- package/src/icons/indoor-checkin.svg +1 -1
- package/src/icons/indoor-class.svg +1 -1
- package/src/icons/indoor-clothes.svg +1 -1
- package/src/icons/indoor-convinience_store.svg +1 -1
- package/src/icons/indoor-cosmetics.svg +1 -1
- package/src/icons/indoor-default.svg +1 -1
- package/src/icons/indoor-defibrillator.svg +1 -0
- package/src/icons/indoor-department_store.svg +1 -1
- package/src/icons/indoor-device_charging_station.svg +1 -1
- package/src/icons/indoor-dining.svg +1 -1
- package/src/icons/indoor-disability.svg +1 -1
- package/src/icons/indoor-doctors.svg +1 -1
- package/src/icons/indoor-door.svg +1 -1
- package/src/icons/indoor-drinking_water.svg +1 -1
- package/src/icons/indoor-duty_free.svg +1 -1
- package/src/icons/indoor-electronics.svg +1 -1
- package/src/icons/indoor-elevator.svg +1 -1
- package/src/icons/indoor-entertainment.svg +1 -1
- package/src/icons/indoor-entrance.svg +1 -1
- package/src/icons/indoor-escalator.svg +1 -1
- package/src/icons/indoor-exit-emergency.svg +1 -0
- package/src/icons/indoor-fashion_accessories.svg +1 -1
- package/src/icons/indoor-fast_food.svg +1 -1
- package/src/icons/indoor-fire_extinguisher.svg +1 -1
- package/src/icons/indoor-flight_ticket.svg +1 -1
- package/src/icons/indoor-florist.svg +1 -1
- package/src/icons/indoor-food_court.svg +1 -1
- package/src/icons/indoor-gate.svg +1 -1
- package/src/icons/indoor-gift.svg +1 -1
- package/src/icons/indoor-information.svg +1 -1
- package/src/icons/indoor-interior_decoration.svg +1 -1
- package/src/icons/indoor-jewelry.svg +1 -1
- package/src/icons/indoor-kitchen.svg +1 -1
- package/src/icons/indoor-laboratory.svg +1 -1
- package/src/icons/indoor-level.svg +1 -1
- package/src/icons/indoor-lounge.svg +1 -1
- package/src/icons/indoor-meeting.svg +1 -1
- package/src/icons/indoor-newsagent.svg +1 -1
- package/src/icons/indoor-parking.svg +1 -1
- package/src/icons/indoor-pharmacy.svg +1 -1
- package/src/icons/indoor-place_of_worship.svg +1 -1
- package/src/icons/indoor-plane.svg +1 -1
- package/src/icons/indoor-post_office.svg +1 -1
- package/src/icons/indoor-rails.svg +1 -1
- package/src/icons/indoor-ramp.svg +1 -1
- package/src/icons/indoor-reception_desk.svg +1 -1
- package/src/icons/indoor-restaurant.svg +1 -1
- package/src/icons/indoor-room.svg +1 -1
- package/src/icons/indoor-security.svg +1 -1
- package/src/icons/indoor-server.svg +1 -1
- package/src/icons/indoor-shoes.svg +1 -1
- package/src/icons/indoor-shop.svg +1 -1
- package/src/icons/indoor-shower.svg +1 -1
- package/src/icons/indoor-smoking_area.svg +1 -1
- package/src/icons/indoor-stairs.svg +1 -1
- package/src/icons/indoor-storage.svg +1 -1
- package/src/icons/indoor-supermarket.svg +1 -1
- package/src/icons/indoor-taxi.svg +1 -1
- package/src/icons/indoor-technical.svg +1 -1
- package/src/icons/indoor-telephone.svg +1 -1
- package/src/icons/indoor-terrace.svg +1 -1
- package/src/icons/indoor-toilets.svg +1 -1
- package/src/icons/indoor-train.svg +1 -1
- package/src/icons/indoor-transports.svg +1 -1
- package/src/icons/indoor-travel_agency.svg +1 -1
- package/src/icons/indoor-underwear.svg +1 -1
- package/src/icons/indoor-venue.svg +1 -1
- package/src/icons/indoor-waste_basket.svg +1 -1
- package/src/icons/indoor-workplace.svg +1 -1
- package/src/icons/switch.svg +1 -1
- package/src/icons/time.svg +1 -0
- package/src/icons/view-card.svg +1 -0
- package/src/icons/view-list.svg +1 -0
- package/src/styles/console/button.styl +24 -10
- package/src/styles/console/icon.styl +1 -0
- package/src/styles/console/input.styl +69 -0
- package/src/styles/console/select.styl +3 -3
- package/src/icons/indoor-defibrilator.svg +0 -1
- package/src/icons/indoor-emmergency_exit.svg +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="m28.161,26.477l-3.153,3.153c-.93.93-2.382,1.075-3.493.37-1.883-1.194-3.628-2.595-5.247-4.214-1.673-1.673-3.112-3.438-4.331-5.339-.71-1.107-.57-2.557.359-3.487l3.153-3.153-1.211-10.061h-7.872c-1.511,0-2.688,1.298-2.582,2.806.684,9.745,3.706,16.537,9.443,22.274,5.671,5.671,12.881,8.689,22.151,9.418,1.523.12,2.843-1.049,2.843-2.576v-7.981s-10.061-1.211-10.061-1.211Z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><polyline points="2.672 25.225 4.914 31.605 10.605 31.605 12.76 37.727"/><line x1="2.672" y1="37.727" x2="4.914" y2="31.605"/><polyline points="39.328 25.225 37.086 31.605 31.395 31.605 29.24 37.727"/><line x1="39.328" y1="37.727" x2="37.086" y2="31.605"/><line x1="21.145" y1="37.727" x2="21.145" y2="14.447"/><path d="m36.326,14.447H5.965c-.521,0-.943-.422-.943-.943v-.795c0-.361.206-.69.531-.848l15.593-7.588,15.593,7.588c.325.158.531.487.531.848v.795c0,.521-.422.943-.943.943Z"/><line x1="29.983" y1="26.087" x2="12.308" y2="26.087"/><line x1="24.465" y1="37.296" x2="17.826" y2="37.296"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="m17.64,26.381v-9.986c0-1.524-1.235-2.759-2.759-2.759h-7.292c-1.524,0-2.759,1.235-2.759,2.759v9.986"/><line x1="8.694" y1="39.193" x2="8.694" y2="18.249"/><line x1="13.802" y1="18.249" x2="13.802" y2="39.193"/><polyline points="22.492 27.741 26.402 13.636 33.26 13.636 37.171 27.741"/><line x1="27.992" y1="38.61" x2="26.536" y2="25.39"/><line x1="33.126" y1="25.39" x2="31.67" y2="38.61"/><circle cx="11.235" cy="6.301" r="3.494"/><circle cx="29.831" cy="6.301" r="3.494"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="m27.886,32.349h1.543c2.207,0,3.995-1.789,3.995-3.995V7.594c0-2.207-1.789-3.996-3.995-3.996H12.571c-2.207,0-3.996,1.789-3.996,3.996v20.76c0,2.207,1.789,3.995,3.996,3.995h1.543l-7.263,6.053h4.964l7.263-6.053h3.845l7.263,6.053h4.964l-7.263-6.053Zm-13.833-13.3c-1.344,0-2.434-1.09-2.434-2.434v-4.848c0-1.344,1.09-2.434,2.434-2.434h13.928c1.344,0,2.434,1.09,2.434,2.434v4.848c0,1.344-1.09,2.434-2.434,2.434h-13.928Z"/><path d="m13.872,29.62c-1.254,0-2.27-1.016-2.27-2.27s1.016-2.27,2.27-2.27,2.27,1.016,2.27,2.27-1.016,2.27-2.27,2.27Z"/><path d="m25.858,27.35c0-1.254,1.016-2.27,2.27-2.27s2.27,1.016,2.27,2.27-1.016,2.27-2.27,2.27-2.27-1.016-2.27-2.27Z"/><line x1="14.114" y1="32.349" x2="29.429" y2="32.349"/><line x1="16.91" y1="6.471" x2="25.012" y2="6.471"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><line x1="24.587" y1="14.253" x2="38.58" y2="14.253" style="stroke-dasharray:0 3;"/><line x1="15.206" y1="24.616" x2="19.25" y2="17.384"/><line x1="32.628" y1="27.747" x2="38.58" y2="27.747"/><line x1="17.043" y1="27.747" x2="25.453" y2="27.747"/><line x1="3.42" y1="27.747" x2="9.868" y2="27.747"/><circle cx="13.456" cy="27.747" r="3.587"/><circle cx="29.041" cy="27.747" r="3.587"/><circle cx="21" cy="14.253" r="3.587"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><rect x="7.013" y="26.257" width="5.257" height="11.818" transform="translate(-15.533 9.944) rotate(-31.879)"/><path d="m20.921,27.795h5.331c1.467,0,2.657-1.19,2.657-2.657h0c0-1.467-1.19-2.657-2.657-2.657h-8.554c-1.431,0-2.814.515-3.896,1.452l-3.944,3.413,4.018,6.799h10.774c2.575,0,5.045-1.023,6.867-2.844l6.745-6.745c1.038-1.038,1.038-2.72,0-3.757h0c-1.038-1.038-2.72-1.038-3.757,0l-6.423,6.423c-.368.368-.866.574-1.386.574"/><path d="m38.189,12.404l-1.244-.668c-.806-.433-1.706-.659-2.621-.659h-9.494S15.064,3.428,15.064,3.428h-4.41s6.71,7.649,6.71,7.649H7.777s-2.608-2.37-2.608-2.37h-2.209s2.195,5.293,2.195,5.293c.508,1.226,1.705,2.025,3.032,2.025h25.264c1.503,0,2.998-.219,4.438-.651h0c1.379-.414,1.569-2.288.3-2.97Z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="m19.849,17.383l-2.588,1.838c-1.707,1.212-3.994,1.213-5.701,0l-.412-.293c-1.041-.739-1.755-1.853-1.99-3.108h0c-.221-1.177-.005-2.395.607-3.424h0c.512-.861.763-1.851.723-2.852l-.255-6.428,1.813-.315.709,6.857s5.044.788,7.566,5.99c.079.158,1.278.158,1.357,0,2.522-5.202,7.566-5.99,7.566-5.99l.709-6.857,1.813.315-.255,6.428c-.04,1,.212,1.991.723,2.852h0c.612,1.03.828,2.247.607,3.424h0c-.235,1.255-.949,2.369-1.99,3.108l-.412.293c-1.707,1.212-3.994,1.211-5.701,0l-2.588-1.838h-2.303Z"/><path d="m18.055,38.92c-.324-.37-.833-2.407-2.685-4.352s-6.481-3.287-6.528-3.287c.324-1.898,1.389-2.917,1.574-2.963,2.361.532,6.472,1.867,10.584,1.867,4.111,0,8.223-1.335,10.584-1.867.185.046,1.25,1.065,1.574,2.963-.046,0-4.676,1.343-6.528,3.287s-2.361,3.981-2.685,4.352c-.162.185-1.553.278-2.945.278s-2.783-.093-2.945-.278Z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="m21.214,2.185h0c8.643,0,15.66,7.017,15.66,15.66h0c0,8.643-7.017,15.661-15.66,15.661H5.553v-15.661c0-8.643,7.017-15.66,15.66-15.66Z" transform="translate(-6.405 20.227) rotate(-45)"/><ellipse cx="21.214" cy="14.045" rx="8.827" ry="2.265"/><path d="m25.185,16.066c2.881.373,4.856,1.139,4.856,2.023,0,1.251-3.952,2.265-8.827,2.265s-8.827-1.014-8.827-2.265c0-.884,1.975-1.65,4.855-2.023"/><path d="m25.596,20.054c2.656.39,4.446,1.125,4.446,1.967,0,1.251-3.952,2.265-8.827,2.265s-8.827-1.014-8.827-2.265c0-.842,1.792-1.577,4.45-1.967"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><rect x="7.386" y="8.711" width="27.228" height="4.538"/><polygon points="30.27 38.765 11.73 38.765 9.58 13.249 32.42 13.249 30.27 38.765"/><path d="m27.309,8.711c-.433-3.072-3.074-5.476-6.257-5.476s-5.823,2.401-6.256,5.476"/><line x1="21" y1="21.279" x2="21" y2="33.938"/><line x1="15.808" y1="21.279" x2="16.475" y2="33.938"/><line x1="26.192" y1="21.279" x2="25.525" y2="33.938"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="m36.747,22.783H5.253V6.797c0-1.263,1.033-2.297,2.296-2.297h26.901c1.263,0,2.297,1.033,2.297,2.297v15.986Z"/><path d="m5.253,22.783v3.212c0,1.263,1.033,2.296,2.296,2.296h26.672c1.389,0,2.526-1.137,2.526-2.526v-2.983H5.253Z"/><circle cx="21.137" cy="25.42" r=".3"/><line x1="14.312" y1="33.556" x2="18.633" y2="33.556"/><line x1="23.897" y1="33.556" x2="28.218" y2="33.556"/><rect x="18.633" y="28.292" width="5.264" height="5.264"/><path d="m3.036,37.499l1.921-2.263c.905-1.066,2.233-1.681,3.632-1.681h24.822c1.399,0,2.727.615,3.632,1.681l1.921,2.263"/></svg>
|
package/src/icons/switch.svg
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="9.934" y="2.019" width="4.131" height="10.965" rx="2.066" ry="2.066"/><path d="m6.348,4.847c-2.226,1.703-3.668,4.38-3.668,7.399,0,5.148,4.173,9.32,9.32,9.32s9.32-4.173,9.32-9.32c0-3.02-1.442-5.696-3.668-7.399"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><polyline points="16.137 10.357 12.037 13.103 7.54 8.557"/><circle cx="12" cy="12" r="9.372"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="2" y="4.841" width="20" height="14.318" rx="3.771" ry="3.771"/><line x1="5.914" y1="8.57" x2="18.449" y2="8.57"/><line x1="5.914" y1="11.64" x2="14.949" y2="11.64"/><circle cx="6.592" cy="15.049" r=".339"/><circle cx="9.192" cy="15.049" r=".339"/><circle cx="11.793" cy="15.049" r=".339"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="2" y="6.047" width="19.389" height="4.527" rx="2.263" ry="2.263"/><rect x="2" y="13.103" width="19.389" height="4.527" rx="2.263" ry="2.263"/><line x1="16.315" y1="8.31" x2="4.573" y2="8.31"/><line x1="4.573" y1="15.366" x2="10.056" y2="15.366"/></svg>
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
&.btn--loading
|
|
22
22
|
padding 0
|
|
23
23
|
.icon
|
|
24
|
-
sq(2.
|
|
24
|
+
sq(2.2)
|
|
25
25
|
&.btn--small
|
|
26
26
|
buttonSmall()
|
|
27
27
|
width $buttonHeightSmall
|
|
@@ -31,15 +31,18 @@
|
|
|
31
31
|
&.btn--large
|
|
32
32
|
buttonLarge()
|
|
33
33
|
width $buttonHeightLarge
|
|
34
|
+
&.btn--primary
|
|
35
|
+
&.btn--important
|
|
36
|
+
&.btn--loading
|
|
37
|
+
.icon--load
|
|
38
|
+
fill $light
|
|
39
|
+
stroke-width 0
|
|
34
40
|
&.btn--primary
|
|
35
41
|
&:disabled
|
|
36
42
|
&:hover
|
|
37
43
|
background-color $primary
|
|
38
44
|
.icon
|
|
39
45
|
stroke $light
|
|
40
|
-
&.btn--loading
|
|
41
|
-
&:hover
|
|
42
|
-
background-color $primary
|
|
43
46
|
&.btn--secondary
|
|
44
47
|
&:disabled
|
|
45
48
|
&:hover
|
|
@@ -60,6 +63,7 @@
|
|
|
60
63
|
flex-shrink 0
|
|
61
64
|
.icon
|
|
62
65
|
flex-shrink 0
|
|
66
|
+
|
|
63
67
|
&--primary
|
|
64
68
|
&--important
|
|
65
69
|
btn()
|
|
@@ -72,7 +76,7 @@
|
|
|
72
76
|
disableHoverEffect()
|
|
73
77
|
.icon
|
|
74
78
|
margin-right .3rem
|
|
75
|
-
sq(2
|
|
79
|
+
sq(2)
|
|
76
80
|
&.btn--has-icon
|
|
77
81
|
&:not(.btn--mini):not(.btn--small):not(.btn--large)
|
|
78
82
|
mbi(.4)
|
|
@@ -80,6 +84,15 @@
|
|
|
80
84
|
flex-shrink 0
|
|
81
85
|
.icon
|
|
82
86
|
flex-shrink 0
|
|
87
|
+
&.btn--loading
|
|
88
|
+
.icon--load
|
|
89
|
+
fill $light
|
|
90
|
+
stroke-width 0
|
|
91
|
+
&:hover
|
|
92
|
+
background-color $primary
|
|
93
|
+
.icon--load
|
|
94
|
+
fill $light
|
|
95
|
+
stroke-width 0
|
|
83
96
|
&--primary
|
|
84
97
|
background-color $primary
|
|
85
98
|
&:not(.btn--group):not(.btn--switch)
|
|
@@ -373,7 +386,7 @@
|
|
|
373
386
|
&.btn--important
|
|
374
387
|
background-color $error
|
|
375
388
|
.icon
|
|
376
|
-
sq(2
|
|
389
|
+
sq(2)
|
|
377
390
|
&--switch
|
|
378
391
|
btn()
|
|
379
392
|
color $secondary-medium
|
|
@@ -665,7 +678,7 @@
|
|
|
665
678
|
buttonLarge()
|
|
666
679
|
&:not(.btn--custom-icon-size)
|
|
667
680
|
.icon
|
|
668
|
-
sq(3
|
|
681
|
+
sq(3)
|
|
669
682
|
&:not(.btn--icon)
|
|
670
683
|
.icon
|
|
671
684
|
margin-right .6rem
|
|
@@ -675,7 +688,10 @@
|
|
|
675
688
|
padding-left $padding
|
|
676
689
|
disableHoverEffect()
|
|
677
690
|
.icon
|
|
678
|
-
sq(3
|
|
691
|
+
sq(3)
|
|
692
|
+
.icon--thicker
|
|
693
|
+
.icon
|
|
694
|
+
stroke-width .16rem
|
|
679
695
|
@media screen and (max-width 720px)
|
|
680
696
|
.btn
|
|
681
697
|
&--tab
|
|
@@ -697,8 +713,6 @@
|
|
|
697
713
|
white-space normal
|
|
698
714
|
line-height 1
|
|
699
715
|
margin-top .3rem
|
|
700
|
-
.icon
|
|
701
|
-
display block
|
|
702
716
|
@media screen and (max-width 350px)
|
|
703
717
|
.btn
|
|
704
718
|
&--tab
|
|
@@ -2,6 +2,14 @@ input
|
|
|
2
2
|
font()
|
|
3
3
|
.input
|
|
4
4
|
width 100%
|
|
5
|
+
&:hover
|
|
6
|
+
&:focus
|
|
7
|
+
.input__item
|
|
8
|
+
&:not([type=button]):not([type=checkbox]):not([type=radio])
|
|
9
|
+
border-color $secondary
|
|
10
|
+
.icon
|
|
11
|
+
transition none
|
|
12
|
+
stroke $secondary
|
|
5
13
|
&__container
|
|
6
14
|
position relative
|
|
7
15
|
&__label
|
|
@@ -18,6 +26,7 @@ input
|
|
|
18
26
|
display block
|
|
19
27
|
margin .5rem 0 .5rem 0
|
|
20
28
|
&--iconed
|
|
29
|
+
&--password-toggle
|
|
21
30
|
.icon
|
|
22
31
|
stroke $inputBorderColor
|
|
23
32
|
position absolute
|
|
@@ -43,6 +52,57 @@ input
|
|
|
43
52
|
.icon
|
|
44
53
|
left .8rem
|
|
45
54
|
top .4rem
|
|
55
|
+
&--iconed
|
|
56
|
+
&.input--password-toggle
|
|
57
|
+
.password-toggle
|
|
58
|
+
position absolute
|
|
59
|
+
right 1rem
|
|
60
|
+
top .7rem
|
|
61
|
+
.icon
|
|
62
|
+
position relative
|
|
63
|
+
top auto
|
|
64
|
+
left auto
|
|
65
|
+
&.input--large
|
|
66
|
+
.password-toggle
|
|
67
|
+
right 1.2rem
|
|
68
|
+
top 1rem
|
|
69
|
+
.icon
|
|
70
|
+
position relative
|
|
71
|
+
top auto
|
|
72
|
+
left auto
|
|
73
|
+
&.input--small
|
|
74
|
+
.password-toggle
|
|
75
|
+
right .8rem
|
|
76
|
+
top .4rem
|
|
77
|
+
.icon
|
|
78
|
+
position relative
|
|
79
|
+
top auto
|
|
80
|
+
left auto
|
|
81
|
+
&.input--filter
|
|
82
|
+
.password-toggle
|
|
83
|
+
right -.4rem
|
|
84
|
+
top .7rem
|
|
85
|
+
.icon
|
|
86
|
+
position relative
|
|
87
|
+
top auto
|
|
88
|
+
left auto
|
|
89
|
+
&.input--large
|
|
90
|
+
.password-toggle
|
|
91
|
+
right -.4rem
|
|
92
|
+
top 1.1rem
|
|
93
|
+
.icon
|
|
94
|
+
position relative
|
|
95
|
+
top auto
|
|
96
|
+
left auto
|
|
97
|
+
&.input--small
|
|
98
|
+
.password-toggle
|
|
99
|
+
right -.4rem
|
|
100
|
+
top .3rem
|
|
101
|
+
.icon
|
|
102
|
+
position relative
|
|
103
|
+
top auto
|
|
104
|
+
left auto
|
|
105
|
+
|
|
46
106
|
&--checkbox
|
|
47
107
|
&--radio
|
|
48
108
|
position relative
|
|
@@ -64,6 +124,7 @@ input
|
|
|
64
124
|
order 1
|
|
65
125
|
margin 0 0 0 1rem
|
|
66
126
|
&__item
|
|
127
|
+
trans()
|
|
67
128
|
&:not([type=button]):not([type=checkbox]):not([type=radio]):not([type=textarea])
|
|
68
129
|
height $inputHeight
|
|
69
130
|
padding $inputPadding
|
|
@@ -92,25 +153,33 @@ input
|
|
|
92
153
|
background-color transparent
|
|
93
154
|
&:focus
|
|
94
155
|
border-color $secondary
|
|
156
|
+
.icon
|
|
157
|
+
stroke $secondary
|
|
95
158
|
.input--iconed &
|
|
159
|
+
.input--password-toggle &
|
|
96
160
|
padding-left 4rem
|
|
97
161
|
.input--large &
|
|
98
162
|
font-size $inputFontSizeLarge
|
|
99
163
|
line-height $inputLineHeightLarge
|
|
164
|
+
.input--password-toggle.input--large &
|
|
100
165
|
.input--iconed.input--large &
|
|
101
166
|
padding-left 4.6rem
|
|
167
|
+
.input--filter.input--password-toggle &
|
|
102
168
|
.input--filter.input--iconed &
|
|
103
169
|
padding-left 2.6rem
|
|
104
170
|
padding-bottom 0
|
|
171
|
+
.input--filter.input--password-toggle.input--large &
|
|
105
172
|
.input--filter.input--iconed.input--large &
|
|
106
173
|
padding-left 2.8rem
|
|
107
174
|
padding-bottom 0
|
|
175
|
+
.input--filter.input--password-toggle.input--small &
|
|
108
176
|
.input--filter.input--iconed.input--small &
|
|
109
177
|
padding-left 2.4rem
|
|
110
178
|
padding-bottom .4rem
|
|
111
179
|
.input--small &
|
|
112
180
|
font-size $inputFontSizeSmall
|
|
113
181
|
min-width $inputHeightSmall
|
|
182
|
+
.input--password-toggle.input--small &
|
|
114
183
|
.input--iconed.input--small &
|
|
115
184
|
padding-left 3.4rem
|
|
116
185
|
.input--noborder &
|
|
@@ -29,7 +29,7 @@ select
|
|
|
29
29
|
.select__indicator
|
|
30
30
|
.asyncselect__indicator
|
|
31
31
|
svg
|
|
32
|
-
|
|
32
|
+
fill $secondary
|
|
33
33
|
&__value-container
|
|
34
34
|
padding-left 1rem !important
|
|
35
35
|
&__single-value
|
|
@@ -40,7 +40,7 @@ select
|
|
|
40
40
|
&-separator
|
|
41
41
|
background-color $secondary-medium25
|
|
42
42
|
svg
|
|
43
|
-
|
|
43
|
+
fill $secondary-medium25
|
|
44
44
|
&__placeholder
|
|
45
45
|
white-space nowrap
|
|
46
46
|
color $secondary-medium60
|
|
@@ -97,7 +97,7 @@ select
|
|
|
97
97
|
&__remove
|
|
98
98
|
cursor pointer
|
|
99
99
|
svg
|
|
100
|
-
|
|
100
|
+
fill $light !important
|
|
101
101
|
&--small
|
|
102
102
|
.select
|
|
103
103
|
.asyncselect
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="M29.146 4.327c-4.348 0-6.982 2.574-8.146 4.07-1.164-1.496-3.798-4.07-8.146-4.07-6.025 0-10.569 4.803-10.569 11.172 0 6.154 3.202 11.938 9.261 16.726 4.521 3.574 8.977 5.322 9.165 5.395a.8.8 0 0 0 .578 0c.188-.073 4.643-1.821 9.165-5.395 6.059-4.789 9.261-10.572 9.261-16.726 0-6.369-4.543-11.171-10.569-11.171ZM21 36.007c-2.273-.969-17.115-7.788-17.115-20.509 0-5.546 3.772-9.572 8.969-9.572 5.028 0 7.348 4.1 7.443 4.273a.8.8 0 0 0 .701.416H21c.292 0 .56-.159.701-.414.096-.175 2.416-4.275 7.444-4.275 5.197 0 8.969 4.025 8.969 9.572 0 12.721-14.842 19.54-17.115 20.509Z"/><path d="M31.123 20.261h-4.482l-3.293-6.295a.81.81 0 0 0-.808-.423.8.8 0 0 0-.679.609l-2.714 11.421-2.726-4.998a.8.8 0 0 0-.702-.417h-4.842a.8.8 0 1 0 0 1.6h4.367l3.498 6.412a.8.8 0 0 0 1.48-.198l2.701-11.367 2.525 4.828a.8.8 0 0 0 .709.429h4.966a.8.8 0 1 0 0-1.6Z"/></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="M21 2C10.507 2 2 10.507 2 21s8.507 19 19 19 19-8.507 19-19S31.493 2 21 2Zm0 37c-9.925 0-18-8.075-18-18S11.075 3 21 3s18 8.075 18 18-8.075 18-18 18Z"/><path d="m30.426 20.684-1.905-.496a3.462 3.462 0 0 1-2.337-2.059 5.054 5.054 0 0 0-1.595-2.115l-.814-.632a5.033 5.033 0 0 0-1.548-.817l-.784-.252a5.032 5.032 0 0 0-3.73.251l-2.656 1.271a.8.8 0 0 0 .691 1.443l2.656-1.271a3.442 3.442 0 0 1 2.549-.172l.784.252c.379.122.729.308 1.043.549l-3.043 5.089a.8.8 0 0 0 .164 1.017l3.33 2.869-2.046 5.699a.8.8 0 1 0 1.506.54l2.231-6.216a.8.8 0 0 0-.23-.876l-3.236-2.789 2.56-4.28c.282.307.529.645.685 1.035a5.074 5.074 0 0 0 3.42 3.014l1.904.496a.802.802 0 0 0 .403-1.549Z"/><path d="m18.405 22.941-1.78 1.782h-4.85a.8.8 0 1 0 0 1.6h5.181a.8.8 0 0 0 .566-.234l2.014-2.017a.8.8 0 0 0-1.131-1.131Zm7.716-7.258c1.671 0 3.031-1.36 3.031-3.031s-1.36-3.031-3.031-3.031-3.031 1.36-3.031 3.031 1.36 3.031 3.031 3.031Zm0-4.463c.789 0 1.432.643 1.432 1.432s-.643 1.432-1.432 1.432-1.432-.643-1.432-1.432.643-1.432 1.432-1.432Z"/></svg>
|