@woosmap/ui 4.31.4 → 4.32.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woosmap/ui",
-  "version": "4.31.4",
+  "version": "4.32.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/WebGeoServices/ui.git"

package/src/components/Button/Button.stories.js

@@ -28,7 +28,7 @@ const Template = (args) => {
                 <Button label={label} disabled />
             </div>
             <div className="flex mbi">
-                <Button icon="puzzle" isNotification label="4" type="secondary" />
+                <Button icon="marker" isNotification label="4" type="secondary" />
                 <Button label={label} type="secondary" />
                 <Button label={label} type="secondary" icon="marker" />
                 <Button label={label} type="secondary" isLoading />
@@ -105,7 +105,7 @@ const Template = (args) => {
             <div className="flex-column mbi">
                 <span>
                     There is a no-labeled flexed button link here : &nbsp;
-                    <Button icon="label" type="link-flex" />
+                    <Button icon="marker" type="link-flex" />
                 </span>
                 <span>
                     There is a labeled flexed button link here : &nbsp;
@@ -115,7 +115,7 @@ const Template = (args) => {
             <div className="flex-column mbi">
                 <span>
                     There is a no-labeled flexed-info button link here : &nbsp;
-                    <Button icon="label" type="link-flex-info" />
+                    <Button icon="marker" type="link-flex-info" />
                 </span>
                 <span>
                     There is a labeled flexed-info button link here : &nbsp;

package/src/components/Flash/Flash.stories.js

@@ -51,7 +51,7 @@ const Template = () => (
         <div className="flex mbib mbi--large">
             <div className="flex mbi">
                 <Flash type="howto">Tip Howto</Flash>
-                <Flash type="howto" icon="tool">
+                <Flash type="howto" icon="marker">
                     Howto flash iconed
                 </Flash>
             </div>
@@ -68,7 +68,7 @@ const Template = () => (
         <div className="flex mbib mbi--large">
             <div className="flex mbi">
                 <Flash type="success">Success flash</Flash>
-                <Flash type="success" icon="enter">
+                <Flash type="success" icon="marker">
                     Success flash iconed
                 </Flash>
             </div>
@@ -76,7 +76,7 @@ const Template = () => (
                 <Flash type="success" inverse>
                     Success flash inverse
                 </Flash>
-                <Flash type="success" inverse icon="enter">
+                <Flash type="success" inverse icon="marker">
                     Success flash inverse iconed
                 </Flash>
             </div>

package/src/components/Icon/Icon.js

@@ -122,44 +122,26 @@ import { ReactComponent as AdminKey } from '../../icons/admin-key.svg';
 import { ReactComponent as AdminTool } from '../../icons/admin-tool.svg';
 import { ReactComponent as Agenda } from '../../icons/agenda.svg';
 import { ReactComponent as AlphabeticalOrder } from '../../icons/alphabetical-order.svg';
-import { ReactComponent as AlphabeticalOrderReversed } from '../../icons/alphabetical-order-reversed.svg';
-import { ReactComponent as Archive } from '../../icons/archive.svg';
 import { ReactComponent as ArrowBotton } from '../../icons/arrow-bottom.svg';
 import { ReactComponent as ArrowLeft } from '../../icons/arrow-left.svg';
 import { ReactComponent as ArrowRight } from '../../icons/arrow-right.svg';
 import { ReactComponent as ArrowTop } from '../../icons/arrow-top.svg';
-import { ReactComponent as ArrowLink } from '../../icons/arrow-link.svg';
 import { ReactComponent as Asset } from '../../icons/asset.svg';
-import { ReactComponent as AssetAddFile } from '../../icons/asset-add-file.svg';
-import { ReactComponent as AssetAdd } from '../../icons/asset-add.svg';
-import { ReactComponent as Bank } from '../../icons/bank.svg';
-import { ReactComponent as Beaker } from '../../icons/beaker.svg';
-import { ReactComponent as Bell } from '../../icons/bell.svg';
 import { ReactComponent as BigCommerce } from '../../icons/big-commerce.svg';
-import { ReactComponent as Bookmark } from '../../icons/bookmark.svg';
 import { ReactComponent as Bulb } from '../../icons/bulb.svg';
 import { ReactComponent as CaretBotton } from '../../icons/caret-bottom.svg';
 import { ReactComponent as CaretLeft } from '../../icons/caret-left.svg';
 import { ReactComponent as CaretRight } from '../../icons/caret-right.svg';
 import { ReactComponent as CaretTop } from '../../icons/caret-top.svg';
 import { ReactComponent as Charts } from '../../icons/charts.svg';
-import { ReactComponent as Chat } from '../../icons/chat.svg';
 import { ReactComponent as Check } from '../../icons/check.svg';
-import { ReactComponent as Checked } from '../../icons/checked.svg';
-import { ReactComponent as CheckCircle } from '../../icons/check-circle.svg';
-import { ReactComponent as CheckSquare } from '../../icons/check-square.svg';
 import { ReactComponent as Clock } from '../../icons/clock.svg';
-import { ReactComponent as ClockReversed } from '../../icons/clock-reversed.svg';
 import { ReactComponent as Close } from '../../icons/close.svg';
-import { ReactComponent as CloseThick } from '../../icons/close-thick.svg';
 import { ReactComponent as Code } from '../../icons/code.svg';
 import { ReactComponent as Company } from '../../icons/company.svg';
 import { ReactComponent as Copy } from '../../icons/copy.svg';
-import { ReactComponent as CreditCard } from '../../icons/credit-card.svg';
-import { ReactComponent as Cube } from '../../icons/cube.svg';
 import { ReactComponent as Dashboard } from '../../icons/dashboard.svg';
 import { ReactComponent as Delete } from '../../icons/delete.svg';
-import { ReactComponent as Details } from '../../icons/details.svg';
 import { ReactComponent as Documentation } from '../../icons/documentation.svg';
 import { ReactComponent as Dollar } from '../../icons/dollar.svg';
 import { ReactComponent as DotFill } from '../../icons/dot-fill.svg';
@@ -167,49 +149,32 @@ import { ReactComponent as Dot } from '../../icons/dot.svg';
 import { ReactComponent as Download } from '../../icons/download.svg';
 import { ReactComponent as Edit } from '../../icons/edit.svg';
 import { ReactComponent as Email } from '../../icons/email.svg';
-import { ReactComponent as Enter } from '../../icons/enter.svg';
 import { ReactComponent as Eye } from '../../icons/eye.svg';
 import { ReactComponent as EyeCrossedOut } from '../../icons/eye-crossed-out.svg';
-import { ReactComponent as Exchange } from '../../icons/exchange.svg';
 import { ReactComponent as Expand } from '../../icons/expand.svg';
 import { ReactComponent as Export } from '../../icons/export.svg';
 import { ReactComponent as Flag } from '../../icons/flag.svg';
 import { ReactComponent as Forbidden } from '../../icons/forbidden.svg';
 
 import { ReactComponent as Globe } from '../../icons/globe.svg';
-import { ReactComponent as Home } from '../../icons/home.svg';
-import { ReactComponent as Hourglass } from '../../icons/hourglass.svg';
 import { ReactComponent as HomeUser } from '../../icons/home-user.svg';
+import { ReactComponent as Hourglass } from '../../icons/hourglass.svg';
 import { ReactComponent as Import } from '../../icons/import.svg';
 import { ReactComponent as Info } from '../../icons/info.svg';
-import { ReactComponent as Label } from '../../icons/label.svg';
 import { ReactComponent as Latitude } from '../../icons/latitude.svg';
 import { ReactComponent as Load } from '../../icons/load.svg';
-import { ReactComponent as Leave } from '../../icons/leave.svg';
-import { ReactComponent as Location } from '../../icons/location.svg';
 import { ReactComponent as Longitude } from '../../icons/longitude.svg';
 import { ReactComponent as Manage } from '../../icons/manage.svg';
 import { ReactComponent as Marker } from '../../icons/marker.svg';
 import { ReactComponent as Members } from '../../icons/members.svg';
 import { ReactComponent as Member } from '../../icons/member.svg';
 import { ReactComponent as MenuVertical } from '../../icons/menu-vertical.svg';
-import { ReactComponent as MenuCircleVertical } from '../../icons/menu-circle-vertical.svg';
-import { ReactComponent as MenuHorizontal } from '../../icons/menu-horizontal.svg';
-import { ReactComponent as MenuCircleHorizontal } from '../../icons/menu-circle-horizontal.svg';
-import { ReactComponent as Metrics } from '../../icons/metrics.svg';
-import { ReactComponent as More } from '../../icons/more.svg';
-import { ReactComponent as Organization } from '../../icons/organization.svg';
-import { ReactComponent as Organizations } from '../../icons/organizations.svg';
 import { ReactComponent as Phone } from '../../icons/phone.svg';
-import { ReactComponent as Platform } from '../../icons/platform.svg';
-import { ReactComponent as Prize } from '../../icons/prize.svg';
 import { ReactComponent as ProductActivated } from '../../icons/product-activated.svg';
 import { ReactComponent as ProductAdd } from '../../icons/product-add.svg';
 import { ReactComponent as Products } from '../../icons/products.svg';
 import { ReactComponent as Projects } from '../../icons/projects.svg';
-import { ReactComponent as Puzzle } from '../../icons/puzzle.svg';
 import { ReactComponent as Question } from '../../icons/question.svg';
-import { ReactComponent as Receipt } from '../../icons/receipt.svg';
 import { ReactComponent as Search } from '../../icons/search.svg';
 import { ReactComponent as SeePage } from '../../icons/see-page.svg';
 import { ReactComponent as Settings } from '../../icons/settings.svg';
@@ -220,12 +185,7 @@ import { ReactComponent as StarFilled } from '../../icons/star-filled.svg';
 import { ReactComponent as Support } from '../../icons/support.svg';
 import { ReactComponent as Switch } from '../../icons/switch.svg';
 import { ReactComponent as Team } from '../../icons/team.svg';
-import { ReactComponent as Time } from '../../icons/time.svg';
-import { ReactComponent as Tool } from '../../icons/tool.svg';
 import { ReactComponent as User } from '../../icons/user.svg';
-import { ReactComponent as ViewCard } from '../../icons/view-card.svg';
-import { ReactComponent as ViewList } from '../../icons/view-list.svg';
-import { ReactComponent as ViewMiniCard } from '../../icons/view-mini-card.svg';
 import { ReactComponent as Warning } from '../../icons/warning.svg';
 import { ReactComponent as Woosmap } from '../../icons/woosmap.svg';
 import { ReactComponent as Address } from '../../icons/address.svg';
@@ -473,45 +433,27 @@ const ConsoleIcons = {
     'administration-tool': AdministrationTool,
     administration: Administration,
     agenda: Agenda,
-    'alphabetical-order-reversed': AlphabeticalOrderReversed,
     'alphabetical-order': AlphabeticalOrder,
-    archive: Archive,
     'arrow-bottom': ArrowBotton,
     'arrow-left': ArrowLeft,
-    'arrow-link': ArrowLink,
     'arrow-right': ArrowRight,
     'arrow-top': ArrowTop,
-    'asset-add-file': AssetAddFile,
-    'asset-add': AssetAdd,
     asset: Asset,
-    bank: Bank,
-    beaker: Beaker,
-    bell: Bell,
     'big-commerce': BigCommerce,
-    bookmark: Bookmark,
     bulb: Bulb,
     'caret-bottom': CaretBotton,
     'caret-left': CaretLeft,
     'caret-right': CaretRight,
     'caret-top': CaretTop,
     charts: Charts,
-    chat: Chat,
-    'check-circle': CheckCircle,
-    'check-square': CheckSquare,
     check: Check,
-    checked: Checked,
-    'clock-reversed': ClockReversed,
     clock: Clock,
-    'close-thick': CloseThick,
     close: Close,
     code: Code,
     company: Company,
     copy: Copy,
-    'credit-card': CreditCard,
-    cube: Cube,
     dashboard: Dashboard,
     delete: Delete,
-    details: Details,
     documentation: Documentation,
     dollar: Dollar,
     'dot-fill': DotFill,
@@ -519,8 +461,6 @@ const ConsoleIcons = {
     download: Download,
     edit: Edit,
     email: Email,
-    enter: Enter,
-    exchange: Exchange,
     expand: Expand,
     export: Export,
     'eye-crossed-out': EyeCrossedOut,
@@ -529,38 +469,23 @@ const ConsoleIcons = {
     forbidden: Forbidden,
     globe: Globe,
     'home-user': HomeUser,
-    home: Home,
     hourglass: Hourglass,
     import: Import,
     info: Info,
-    label: Label,
     latitude: Latitude,
-    leave: Leave,
     load: Load,
-    location: Location,
     longitude: Longitude,
     manage: Manage,
     marker: Marker,
     member: Member,
     members: Members,
-    'menu-circle-horizontal': MenuCircleHorizontal,
-    'menu-circle-vertical': MenuCircleVertical,
-    'menu-horizontal': MenuHorizontal,
     'menu-vertical': MenuVertical,
-    metrics: Metrics,
-    more: More,
-    organization: Organization,
-    organizations: Organizations,
     phone: Phone,
-    platform: Platform,
-    prize: Prize,
     'product-activated': ProductActivated,
     'product-add': ProductAdd,
     products: Products,
     projects: Projects,
-    puzzle: Puzzle,
     question: Question,
-    receipt: Receipt,
     search: Search,
     'see-page': SeePage,
     settings: Settings,
@@ -576,12 +501,7 @@ const ConsoleIcons = {
     support: Support,
     switch: Switch,
     team: Team,
-    time: Time,
-    tool: Tool,
     user: User,
-    'view-card': ViewCard,
-    'view-list': ViewList,
-    'view-mini-card': ViewMiniCard,
     warning: Warning,
     woosmap: Woosmap,
 

package/src/components/Icon/Icon.stories.js

@@ -10,7 +10,7 @@ export default Story;
 
 const Template = () => (
     <div>
-        <Icon size={64} icon="home" />
+        <Icon size={64} icon="marker" />
     </div>
 );
 

package/src/components/Icon/Icon.test.js

@@ -5,13 +5,13 @@ import '@testing-library/jest-dom/extend-expect';
 import Icon from './Icon';
 
 it('renders an icon component', () => {
-    const { getByTestId } = render(<Icon icon="home" size={64} />);
+    const { getByTestId } = render(<Icon icon="marker" size={64} />);
 
-    const result = getByTestId('icon-home');
+    const result = getByTestId('icon-marker');
 
     expect(result).toHaveClass('icon');
     expect(result).toHaveAttribute('width', '64');
-    expect(result).toHaveTextContent('home');
+    expect(result).toHaveTextContent('marker');
 });
 
 const isIconRendered = (icon) => {

package/src/components/Label/Label.js

@@ -41,13 +41,7 @@ export default class Label extends Component {
                     </span>
                 )}
                 {closable && (
-                    <Button
-                        type="link-flex"
-                        iconSize={12}
-                        icon="close-thick"
-                        onClick={closeCb}
-                        testId={`${testId}-button`}
-                    />
+                    <Button type="link-flex" iconSize={12} icon="close" onClick={closeCb} testId={`${testId}-button`} />
                 )}
             </span>
         );

package/src/components/Select/LanguageSelect.js

@@ -222,10 +222,9 @@ export default class LanguageSelect extends Component {
     constructor(props) {
         super(props);
         const { defaultValue } = props;
-        const defaultLanguage =
-            defaultValue && defaultValue.map((language) => languageOptions.find((item) => item.value === language));
+        const defaultLanguage = defaultValue && languageOptions.find((item) => item.value === defaultValue);
         this.state = {
-            languages: defaultLanguage,
+            languages: [defaultLanguage],
         };
     }
 
@@ -240,16 +239,19 @@ export default class LanguageSelect extends Component {
     };
 
     onChange = (newValue, actionMeta) => {
-        const { minimumLength, isMulti, onChange } = this.props;
+        const { minimumLength, isMulti } = this.props;
         const newLanguages = newValue;
-        if (
-            (actionMeta.action === 'remove-value' || actionMeta.action === 'pop-value') &&
-            newValue.length < minimumLength &&
-            isMulti
-        ) {
-            return;
+        switch (actionMeta.action) {
+            case 'remove-value':
+            case 'pop-value':
+                if (newValue.length < minimumLength && isMulti) {
+                    return;
+                }
+                break;
+            default:
+                break;
         }
-        if (onChange !== null) onChange(newValue);
+
         this.setState({ languages: newLanguages });
     };
 
@@ -261,7 +263,7 @@ export default class LanguageSelect extends Component {
         return (
             <Select
                 isMulti={isMulti}
-                className="select__item select__item--language"
+                className="select__item"
                 classNamePrefix="select"
                 options={this.getOptions()}
                 components={{ MultiValueLabel, MultiValueRemove, Option }}
@@ -320,7 +322,7 @@ LanguageSelect.propTypes = {
     isMulti: PropTypes.bool,
     placeholder: PropTypes.string,
     value: PropTypes.string,
-    defaultValue: PropTypes.arrayOf(PropTypes.oneOf(languageOptions.map((x) => x.value))),
+    defaultValue: PropTypes.string,
     minimumLength: PropTypes.number,
     onChange: PropTypes.func,
     className: PropTypes.string,

package/src/components/Select/Select.stories.js

@@ -93,6 +93,6 @@ export const LanguageSelectChange = TemplateLanguageSelect.bind({});
 LanguageSelectChange.args = {
     isMulti: true,
     closeMenuOnSelect: false,
-    defaultValue: ['en', 'fr'],
+    defaultValue: 'en',
     minimumLength: 1,
 };

package/src/components/Tab/Tab.stories.js

@@ -35,7 +35,7 @@ const Template = () => (
         <div title="Types & tags" icon="shield" iconSize="30">
             My 4th tab content
         </div>
-        <div title="Custom fields" icon="home" iconSize="30">
+        <div title="Custom fields" icon="marker" iconSize="30">
             My 5th tab content
         </div>
         <div title="Localized names" icon="asset" iconSize="30">

package/src/styles/console/select.styl

@@ -32,9 +32,6 @@ select
 					fill $secondary
 	&__value-container
 		padding-left 1rem !important
-		.select__item--language &
-			overflow-y auto !important
-			max-height 7rem
 	&__single-value
 		color $secondary !important
 	&__indicator

package/src/styles/website/mixins.styl

@@ -177,40 +177,56 @@ darkgradient()
 dark()
 	background $darkGradient1
 
+white()
+	background-color $light
+whiteHover()
+	background-color darken($dark3, 10%)
+
 light()
-	background $light
+	background-color $bodyColor
+lightHover()
+	background-color darken($bodyColor, 10%)
+
 
 color1()
-	background $logo1
-	// background radial-gradient(circle, $logo1 0%, $logo1Dark 100%)
+	background-color $logo1
+color1Hover()
+	background-color darken($logo1, 10%)
 
 color2()
-	background $logo2
-	// background radial-gradient(circle, $logo2 0%, $logo2Dark 100%)
+	background-color $logo2
+color2Hover()
+	background-color darken($logo2, 10%)
 
 color3()
-	background $logo3
-	// background radial-gradient(circle, $logo3 0%, $logo3Dark 100%)
+	background-color $logo3
+color3Hover()
+	background-color darken($logo3, 10%)
 
 color4()
-	background $logo4
-	// background radial-gradient(circle, $logo4 0%, $logo4Dark 100%)
+	background-color $logo4
+color4Hover()
+	background-color darken($logo4, 10%)
 
 color5()
-	background $logo5
-	// background radial-gradient(circle, $logo5 0%, $logo5Dark 100%)
+	background-color $logo5
+color5Hover()
+	background-color darken($logo5, 10%)
 
 color6()
-	background $logo6
-	// background radial-gradient(circle, $logo6 0%, $logo6Dark 100%)
+	background-color $logo6
+color6Hover()
+	background-color darken($logo6, 10%)
 
 color7()
-	background $logo7
-	// background radial-gradient(circle, $logo7 0%, $logo7Dark 100%)
+	background-color $logo7
+color7Hover()
+	background-color darken($logo7, 10%)
 
 color8()
-	background $logo8
-	// background radial-gradient(circle, $logo8 0%, $logo8Dark 100%)
+	background-color $logo8
+color8Hover()
+	background-color darken($logo8, 10%)
 
 placeholder($c)
 	&::-webkit-input-placeholder

package/src/styles/website/select.styl

@@ -33,9 +33,6 @@
 					fill $secondary
 	&__value-container
 		padding-left 1rem !important
-		.select__item--language &
-			overflow-y auto !important
-			max-height 7rem
 	&__single-value
 		color $secondary !important
 	&__indicator
@@ -87,8 +84,6 @@
 		&__label
 			padding-right .2rem !important
 			color $light !important
-			&:only-child
-				margin-right .3rem !important
 		&__remove
 			cursor pointer
 		svg

package/.idea/encodings.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="Encoding">
-    <file url="PROJECT" charset="UTF-8" />
-  </component>
-</project>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -1,18 +0,0 @@
-<component name="InspectionProjectProfileManager">
-  <profile version="1.0">
-    <option name="myName" value="Project Default" />
-    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
-    <inspection_tool class="PyPackageRequirementsInspection" enabled="true" level="WARNING" enabled_by_default="true">
-      <option name="ignoredPackages">
-        <value>
-          <list size="4">
-            <item index="0" class="java.lang.String" itemvalue="Fabric" />
-            <item index="1" class="java.lang.String" itemvalue="PyYAML" />
-            <item index="2" class="java.lang.String" itemvalue="Jinja2" />
-            <item index="3" class="java.lang.String" itemvalue="github3.py" />
-          </list>
-        </value>
-      </option>
-    </inspection_tool>
-  </profile>
-</component>

package/.idea/inspectionProfiles/profiles_settings.xml

@@ -1,6 +0,0 @@
-<component name="InspectionProjectProfileManager">
-  <settings>
-    <option name="USE_PROJECT_PROFILE" value="false" />
-    <version value="1.0" />
-  </settings>
-</component>

package/.idea/misc.xml

@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.9" project-jdk-type="Python SDK" />
-</project>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/ui.iml" filepath="$PROJECT_DIR$/.idea/ui.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/prettier.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="PrettierConfiguration">
-    <option name="myRunOnReformat" value="true" />
-  </component>
-</project>

package/.idea/ui.iml

@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="PYTHON_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-  <component name="TemplatesService">
-    <option name="TEMPLATE_FOLDERS">
-      <list>
-        <option value="$MODULE_DIR$/node_modules/@storybook/core/dist/server/templates" />
-      </list>
-    </option>
-  </component>
-</module>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="$PROJECT_DIR$" vcs="Git" />
-  </component>
-</project>

package/src/icons/clock-reversed.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.037 13.911a.555.555 0 0 0 .312-.095l4.1-2.745a.56.56 0 0 0-.623-.931l-3.716 2.488-4.172-4.217a.56.56 0 0 0-.8.788l4.5 4.546a.561.561 0 0 0 .399.166z"/><path d="M3.456 13.057c0 4.746 4.872 7.582 9.582 7.582a6.516 6.516 0 0 0 4.468-1.767l1.38 1.379a1.01 1.01 0 0 0 .717.3 1.015 1.015 0 0 0 1.016-1.016v-4.258a1.016 1.016 0 0 0-1.019-1.015h-4.252A1.015 1.015 0 0 0 14.63 16l2.084 2.084a5.413 5.413 0 0 1-3.676 1.439c-4.16 0-8.463-2.417-8.463-6.462C4.575 8.9 6.993 4.6 11.038 4.6c4.162 0 8.462 2.412 8.462 6.457a.56.56 0 1 0 1.119 0c0-4.746-4.871-7.582-9.581-7.582-4.746 0-7.582 4.872-7.582 9.582zM17.9 17.679l-2.3-2.3h3.9v3.9z"/></svg>

package/src/icons/star-fiiled.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="m54.479 12.769 9.053 18.342a5 5 0 0 0 3.761 2.733l20.242 2.941a5 5 0 0 1 2.765 8.521L75.656 59.583a5 5 0 0 0-1.436 4.422l3.458 20.16a5 5 0 0 1-7.248 5.266l-18.106-9.518a4.988 4.988 0 0 0-4.648 0L29.57 89.431a5 5 0 0 1-7.248-5.266l3.458-20.16a5 5 0 0 0-1.436-4.422L9.7 45.306a5 5 0 0 1 2.769-8.521l20.242-2.941a5 5 0 0 0 3.761-2.733l9.053-18.342a4.994 4.994 0 0 1 8.954 0Z"/></svg>

package/src/icons/time.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.037 13.911a.561.561 0 0 1-.4-.166L7.142 9.2a.56.56 0 0 1 .8-.788l4.172 4.217 3.716-2.488a.56.56 0 0 1 .623.931l-4.1 2.745a.555.555 0 0 1-.316.094z"/><path d="M11 20.983c-5 0-7.982-5.076-7.982-9.983 0-5 5.075-7.983 9.982-7.983 5 0 7.982 5.076 7.982 9.983 0 5-5.075 7.983-9.982 7.983zm2-16.846C8.644 4.137 4.137 6.7 4.137 11c0 4.356 2.567 8.863 6.863 8.863 4.356 0 8.863-2.567 8.863-6.863 0-4.356-2.563-8.863-6.863-8.863z"/></svg>

package/src/icons/tool.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5.833 20.242a2.078 2.078 0 0 1-1.47-3.542l6.1-6.1a5.047 5.047 0 0 1 6.873-6.36.56.56 0 0 1 .157.9l-2.55 2.549a.967.967 0 0 0 0 1.366.99.99 0 0 0 1.366 0l2.548-2.55a.56.56 0 0 1 .9.158 5.057 5.057 0 0 1-6.376 6.883L7.3 19.633a2.063 2.063 0 0 1-1.467.609zm9.35-15.363a3.944 3.944 0 0 0-2.794 1.156 3.992 3.992 0 0 0-.761 4.459.56.56 0 0 1-.113.628l-6.359 6.367a.958.958 0 0 0 0 1.352.978.978 0 0 0 1.353 0l6.351-6.351a.558.558 0 0 1 .635-.111 3.935 3.935 0 0 0 5.526-4.449L17.1 9.85a2.086 2.086 0 1 1-2.95-2.95l1.919-1.919a3.935 3.935 0 0 0-.886-.102z"/></svg>

package/src/icons/view-card.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18.558a53.14 53.14 0 0 1-6.61-.412 2.222 2.222 0 0 1-1.945-2.2V9.082a2.224 2.224 0 0 1 1.944-2.2 53.367 53.367 0 0 1 13.221 0 2.224 2.224 0 0 1 1.945 2.2v6.862a2.222 2.222 0 0 1-1.944 2.2 53.14 53.14 0 0 1-6.611.414zm6.541-.967zM12 7.588a52.076 52.076 0 0 0-6.472.4 1.1 1.1 0 0 0-.963 1.091v6.862a1.1 1.1 0 0 0 .963 1.091 52.2 52.2 0 0 0 12.944 0 1.1 1.1 0 0 0 .963-1.091V9.082a1.1 1.1 0 0 0-.963-1.091A52.076 52.076 0 0 0 12 7.588zM4.219 5.369a.56.56 0 0 1-.072-1.115L5.3 4.105a53.281 53.281 0 0 1 13.4-.022l1.364.17a.56.56 0 1 1-.14 1.112l-1.363-.171a52.172 52.172 0 0 0-13.119.022l-1.152.148a.443.443 0 0 1-.071.005z"/></svg>

package/src/icons/view-list.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 11.88a53.332 53.332 0 0 1-6.61-.411 2.223 2.223 0 0 1-1.945-2.2v-.187a2.224 2.224 0 0 1 1.944-2.2 53.367 53.367 0 0 1 13.221 0 2.224 2.224 0 0 1 1.945 2.2v.184a2.223 2.223 0 0 1-1.944 2.2A53.332 53.332 0 0 1 12 11.88zm6.541-.966zM12 7.588a52.076 52.076 0 0 0-6.472.4 1.1 1.1 0 0 0-.963 1.091v.184a1.1 1.1 0 0 0 .963 1.092 52.2 52.2 0 0 0 12.944 0 1.1 1.1 0 0 0 .963-1.092v-.181a1.1 1.1 0 0 0-.963-1.091A52.076 52.076 0 0 0 12 7.588zM4.219 5.369a.56.56 0 0 1-.072-1.115L5.3 4.105a53.281 53.281 0 0 1 13.4-.022l1.364.17a.561.561 0 0 1 .486.626.555.555 0 0 1-.626.486l-1.363-.171a52.172 52.172 0 0 0-13.119.022l-1.152.148a.443.443 0 0 1-.071.005z"/></svg>

package/src/icons/view-mini-card.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 14.892a53.333 53.333 0 0 1-6.61-.412 2.222 2.222 0 0 1-1.945-2.2v-3.2a2.224 2.224 0 0 1 1.944-2.2 53.367 53.367 0 0 1 13.221 0 2.224 2.224 0 0 1 1.945 2.2v3.2a2.222 2.222 0 0 1-1.944 2.2 53.333 53.333 0 0 1-6.611.412zm6.541-.967zM12 7.588a52.076 52.076 0 0 0-6.472.4 1.1 1.1 0 0 0-.963 1.091v3.2a1.1 1.1 0 0 0 .963 1.091 52.2 52.2 0 0 0 12.944 0 1.1 1.1 0 0 0 .963-1.091v-3.2a1.1 1.1 0 0 0-.963-1.091 52.076 52.076 0 0 0-6.472-.4zM4.219 5.369a.56.56 0 0 1-.072-1.115L5.3 4.105a53.281 53.281 0 0 1 13.4-.022l1.364.17a.56.56 0 1 1-.14 1.112l-1.363-.171a52.172 52.172 0 0 0-13.119.022l-1.152.148a.443.443 0 0 1-.071.005z"/></svg>