diff --git a/.prettierignore b/.prettierignore index c653dbacc..7aaac523e 100644 --- a/.prettierignore +++ b/.prettierignore @@ -1,2 +1,3 @@ src/theme.js package-lock.json +node_modules diff --git a/.storybook/main.js b/.storybook/main.js index 70653116d..1ec1f38f2 100644 --- a/.storybook/main.js +++ b/.storybook/main.js @@ -1,6 +1,8 @@ module.exports = { stories: ["../src/**/*.stories.@(js|jsx|mdx)"], - + core: { + disableTelemetry: true, + }, addons: [ "@storybook/addon-postcss", "@storybook/addon-links", diff --git a/package-lock.json b/package-lock.json index 494f04a0c..3806a2bb1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,16 +1,16 @@ { "name": "@xola/ui-kit", - "version": "2.1.14", + "version": "2.1.16", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@xola/ui-kit", - "version": "2.1.14", + "version": "2.1.16", "license": "MIT", "dependencies": { "@headlessui/react": "^1.4.0", - "@tailwindcss/forms": "^0.4.0", + "@tailwindcss/forms": "^0.5.6", "@tailwindcss/line-clamp": "^0.3.1", "@tippyjs/react": "^4.2.6", "clsx": "^1.1.1", @@ -8646,9 +8646,9 @@ } }, "node_modules/@tailwindcss/forms": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.4.0.tgz", - "integrity": "sha512-DeaQBx6EgEeuZPQACvC+mKneJsD8am1uiJugjgQK1+/Vt+Ai0GpFBC2T2fqnUad71WgOxyrZPE6BG1VaI6YqfQ==", + "version": "0.5.6", + "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.6.tgz", + "integrity": "sha512-Fw+2BJ0tmAwK/w01tEFL5TiaJBX1NLT1/YbWgvm7ws3Qcn11kiXxzNTEQDMs5V3mQemhB56l3u0i9dwdzSQldA==", "dependencies": { "mini-svg-data-uri": "^1.2.3" }, @@ -37193,9 +37193,9 @@ } }, "@tailwindcss/forms": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.4.0.tgz", - "integrity": "sha512-DeaQBx6EgEeuZPQACvC+mKneJsD8am1uiJugjgQK1+/Vt+Ai0GpFBC2T2fqnUad71WgOxyrZPE6BG1VaI6YqfQ==", + "version": "0.5.6", + "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.6.tgz", + "integrity": "sha512-Fw+2BJ0tmAwK/w01tEFL5TiaJBX1NLT1/YbWgvm7ws3Qcn11kiXxzNTEQDMs5V3mQemhB56l3u0i9dwdzSQldA==", "requires": { "mini-svg-data-uri": "^1.2.3" } diff --git a/package.json b/package.json index c8484b456..a3088efc9 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@xola/ui-kit", - "version": "2.1.14", + "version": "2.1.16", "description": "Xola UI Kit", "license": "MIT", "files": [ @@ -30,7 +30,7 @@ }, "dependencies": { "@headlessui/react": "^1.4.0", - "@tailwindcss/forms": "^0.4.0", + "@tailwindcss/forms": "^0.5.6", "@tailwindcss/line-clamp": "^0.3.1", "@tippyjs/react": "^4.2.6", "clsx": "^1.1.1", diff --git a/src/components/Buttons/ButtonGroup.jsx b/src/components/Buttons/ButtonGroup.jsx index aa45aeea8..35de7fd5a 100644 --- a/src/components/Buttons/ButtonGroup.jsx +++ b/src/components/Buttons/ButtonGroup.jsx @@ -52,6 +52,7 @@ const Button = ({ as: Tag = "button", isActive, shouldShowText = true, + /* eslint-disable-next-line @typescript-eslint/no-unused-vars */ isHidden = false, size = "medium", icon, diff --git a/src/components/Search.jsx b/src/components/Search.jsx index 7f9eb7541..1459db390 100644 --- a/src/components/Search.jsx +++ b/src/components/Search.jsx @@ -175,7 +175,7 @@ export const Search = ({ id: menuId, className: clsx( "ui-search-menu", - "absolute top-10 divide-y divide-gray-light w-full xl:w-2/3 max-h-[75vh] border border-blue-light mt-1 rounded overflow-auto z-10 bg-white", + "absolute top-10 divide-y divide-gray-light w-full xl:w-[590px] max-h-[75vh] border border-secondary-lighter shadow-xl mt-1 rounded overflow-auto z-10 bg-white", { hidden: !open }, ), })} @@ -184,28 +184,20 @@ export const Search = ({ ? itemList.map((item, index) => (
  • {item === submitValueItem ? ( - <> + isLoading ? ( +
    + +
    + ) : inputValue.length < minChars ? (
    - {inputValue.length >= minChars ? ( - <> - Show all results for {inputValue} - - ) : ( - `Enter at least ${minChars} characters to begin search` - )} + {`Enter at least ${minChars} characters to begin search`}
    - - {isLoading ? ( -
    - -
    - ) : null} - + ) : null ) : ( children?.(item, highlightedIndex === index) )} @@ -219,15 +211,15 @@ export const Search = ({
  • - to navigate + navigate results - to submit + purchase details - to close + close search
    • ) : null} diff --git a/src/icons/ClockManualIcon.jsx b/src/icons/ClockManualIcon.jsx index 64c4f1e68..9b4e26211 100644 --- a/src/icons/ClockManualIcon.jsx +++ b/src/icons/ClockManualIcon.jsx @@ -17,4 +17,4 @@ export const ClockManualIcon = createIcon((props) => { ); }); -ClockManualIcon.tags = ["clock", "manual", "watch"]; +ClockManualIcon.tags = ["clock", "manual", "watch", "fly", "on the fly"]; diff --git a/src/icons/DumbbellIcon.jsx b/src/icons/DumbbellIcon.jsx new file mode 100644 index 000000000..5b13b8ab3 --- /dev/null +++ b/src/icons/DumbbellIcon.jsx @@ -0,0 +1,39 @@ +import React from "react"; +import { createIcon } from "../helpers/icon"; + +export const DumbbellIcon = createIcon((props) => { + return ( + + + + + + + ); +}); + +DumbbellIcon.tags = ["weight", "exercise", "gym"]; diff --git a/src/icons/MobileIcon.jsx b/src/icons/MobileIcon.jsx new file mode 100644 index 000000000..e34a1c80f --- /dev/null +++ b/src/icons/MobileIcon.jsx @@ -0,0 +1,26 @@ +import React from "react"; +import { createIcon } from "../helpers/icon"; + +export const MobileIcon = createIcon((props) => { + return ( + + + + + + + + + + + + ); +}); + +MobileIcon.tags = ["mobile", "phone", "iphone", "android", "ios"]; diff --git a/src/index.js b/src/index.js index 3c0cbc2c6..9e339c0ff 100644 --- a/src/index.js +++ b/src/index.js @@ -143,6 +143,7 @@ export { DownArrowIcon } from "./icons/DownArrowIcon"; export { DownloadIcon } from "./icons/DownloadIcon"; export { DropdownIcon } from "./icons/DropdownIcon"; export { DuplicateIcon } from "./icons/DuplicateIcon"; +export { DumbbellIcon } from "./icons/DumbbellIcon"; export { DurationIcon } from "./icons/DurationIcon"; export { EditIcon } from "./icons/EditIcon"; export { EditNoteIcon } from "./icons/EditNoteIcon"; @@ -190,6 +191,8 @@ export { MegaphoneIcon } from "./icons/MegaphoneIcon"; export { MenuIcon } from "./icons/MenuIcon"; export { MinusIcon } from "./icons/MinusIcon"; export { MixedChecklistIcon } from "./icons/MixedChecklistIcon"; +export { MobileIcon } from "./icons/MobileIcon"; +export { MountainIcon } from "./icons/MountainIcon"; export { MoneyAddIcon } from "./icons/MoneyAddIcon"; export { MoneyBackIcon } from "./icons/MoneyBackIcon"; export { MoneyIcon } from "./icons/MoneyIcon";