@amboss/design-system 3.48.9 → 3.48.11
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/build/cjs/components/Internal/Float/Float.js +1 -1
- package/build/cjs/components/Portal/Portal.d.ts +1 -0
- package/build/cjs/components/Portal/Portal.js +1 -1
- package/build/cjs/web-tokens/assets/icons.json +1 -0
- package/build/cjs/web-tokens/assets/icons16.json +1 -0
- package/build/esm/components/Internal/Float/Float.js +1 -1
- package/build/esm/components/Portal/Portal.d.ts +1 -0
- package/build/esm/components/Portal/Portal.js +1 -1
- package/build/esm/web-tokens/assets/icons.json +1 -0
- package/build/esm/web-tokens/assets/icons16.json +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Float",{enumerable:!0,get:function(){return Float}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_react1=require("@emotion/react"),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Portal=require("../../Portal/Portal"),_useFloatingPosition=require("../../Utilities/FloatingPosition/useFloatingPosition"),StyledContainer=(0,_styled.default)("div",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Float",{enumerable:!0,get:function(){return Float}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_react1=require("@emotion/react"),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Portal=require("../../Portal/Portal"),_useFloatingPosition=require("../../Utilities/FloatingPosition/useFloatingPosition"),_useDocument=require("../../../shared/useDocument"),StyledContainer=(0,_styled.default)("div",{target:"eg9qi3f0",label:"StyledContainer"})(({floatingStyles,isPositioned})=>({...floatingStyles,visibility:isPositioned?"visible":"hidden"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvRmxvYXQvRmxvYXQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9GbG9hdC9GbG9hdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0IH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEFNQk9TU19EU19GTE9BVF9QT1JUQUwsIFBvcnRhbCB9IGZyb20gXCIuLi8uLi9Qb3J0YWwvUG9ydGFsXCI7XG5pbXBvcnQgeyB1c2VGbG9hdGluZ1Bvc2l0aW9uIH0gZnJvbSBcIi4uLy4uL1V0aWxpdGllcy9GbG9hdGluZ1Bvc2l0aW9uL3VzZUZsb2F0aW5nUG9zaXRpb25cIjtcbmltcG9ydCB0eXBlIHsgVmlld3BvcnRQb3NpdGlvbiB9IGZyb20gXCIuLi8uLi9VdGlsaXRpZXMvRmxvYXRpbmdQb3NpdGlvbi91c2VGbG9hdGluZ1Bvc2l0aW9uXCI7XG5pbXBvcnQgeyB1c2VEb2N1bWVudCB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvdXNlRG9jdW1lbnRcIjtcblxuZXhwb3J0IHR5cGUgRmxvYXRQcm9wcyA9IHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byByZW5kZXIgaW5zaWRlIHRoZSBmbG9hdC4gKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn0gJiBWaWV3cG9ydFBvc2l0aW9uO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgZmxvYXRpbmdTdHlsZXM6IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG4gIGlzUG9zaXRpb25lZDogYm9vbGVhbjtcbn0+KFxuICAoeyBmbG9hdGluZ1N0eWxlcywgaXNQb3NpdGlvbmVkIH0pID0+XG4gICAgKHtcbiAgICAgIC4uLmZsb2F0aW5nU3R5bGVzLFxuICAgICAgdmlzaWJpbGl0eTogaXNQb3NpdGlvbmVkID8gXCJ2aXNpYmxlXCIgOiBcImhpZGRlblwiLFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIEZsb2F0KHtcbiAgcG9zaXRpb25YLFxuICBwb3NpdGlvblksXG4gIGNoaWxkcmVuLFxufTogRmxvYXRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgZG9jdW1lbnQgPSB1c2VEb2N1bWVudCgpO1xuXG4gIGNvbnN0IHsgc2V0RmxvYXRpbmcsIGZsb2F0aW5nU3R5bGVzLCBpc1Bvc2l0aW9uZWQgfSA9IHVzZUZsb2F0aW5nUG9zaXRpb24oe1xuICAgIG1vZGU6IFwidmlld3BvcnRcIixcbiAgICBwb3NpdGlvblgsXG4gICAgcG9zaXRpb25ZLFxuICAgIG9mZnNldDogcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLCAxMCksXG4gIH0pO1xuXG4gIGNvbnN0IHBvcnRhbENvbnRhaW5lciA9IGRvY3VtZW50XG4gICAgPyBkb2N1bWVudC5xdWVyeVNlbGVjdG9yPEhUTUxFbGVtZW50PihgLiR7QU1CT1NTX0RTX0ZMT0FUX1BPUlRBTH1gKVxuICAgIDogbnVsbDtcblxuICByZXR1cm4gKFxuICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9PlxuICAgICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgICBkYXRhLWRzLWlkPVwiRmxvYXRcIlxuICAgICAgICByZWY9e3NldEZsb2F0aW5nfVxuICAgICAgICBmbG9hdGluZ1N0eWxlcz17ZmxvYXRpbmdTdHlsZXN9XG4gICAgICAgIGlzUG9zaXRpb25lZD17aXNQb3NpdGlvbmVkfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICA8L1BvcnRhbD5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjd0IifQ== */");function Float({positionX,positionY,children}){let theme=(0,_react1.useTheme)(),document=(0,_useDocument.useDocument)(),{setFloating,floatingStyles,isPositioned}=(0,_useFloatingPosition.useFloatingPosition)({mode:"viewport",positionX,positionY,offset:parseInt(theme.variables.size.spacing.m,10)}),portalContainer=document?document.querySelector(`.${_Portal.AMBOSS_DS_FLOAT_PORTAL}`):null;return _react.default.createElement(_Portal.Portal,{portalContainer:portalContainer},_react.default.createElement(StyledContainer,{"data-ds-id":"Float",ref:setFloating,floatingStyles:floatingStyles,isPositioned:isPositioned},children))}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type React from "react";
|
|
2
2
|
export declare const AMBOSS_DS_PORTAL = "amboss-ds-portal";
|
|
3
|
+
export declare const AMBOSS_DS_FLOAT_PORTAL = "amboss-ds-float-portal";
|
|
3
4
|
/**
|
|
4
5
|
* Returns a zIndex incremented by Modal's zIndex if the portal child is rendered within a Modal
|
|
5
6
|
* or by Popover's zindex if the portal child is rendered within a Popover
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get AMBOSS_DS_PORTAL(){return AMBOSS_DS_PORTAL},get Portal(){return Portal},get usePortalChildZIndex(){return usePortalChildZIndex},get usePortalContainerElement(){return usePortalContainerElement}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=require("react"),_reactdom=/*#__PURE__*/_interop_require_default._(require("react-dom")),_react1=require("@emotion/react"),_useDocument=require("../../shared/useDocument"),_DialogContext=require("../Patterns/Dialog/DialogContext"),_PopoverContext=require("../Patterns/Popover/PopoverContext"),AMBOSS_DS_PORTAL="amboss-ds-portal";function usePortalChildZIndex(zIndex){let theme=(0,_react1.useTheme)();return(0,_react.useContext)(_DialogContext.DialogContext)?theme.variables.zIndex.modal+zIndex:zIndex}function usePortalContainerElement(portalContainer){let isWithinModal=(0,_react.useContext)(_DialogContext.DialogContext),{isWithinPopover,portalContainer:popoverContainer}=(0,_react.useContext)(_PopoverContext.PopoverContext),document=(0,_useDocument.useDocument)(),defaultContainer=(0,_react.useMemo)(()=>void 0===document?null:isWithinModal?document.querySelector(`.${AMBOSS_DS_PORTAL}`)||document.body:isWithinPopover&&popoverContainer||document.body,[isWithinModal,isWithinPopover,popoverContainer,document]);return portalContainer||defaultContainer}function Portal({children,portalContainer}){let container=usePortalContainerElement(portalContainer);return container&&_reactdom.default.createPortal(children,container)}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get AMBOSS_DS_FLOAT_PORTAL(){return AMBOSS_DS_FLOAT_PORTAL},get AMBOSS_DS_PORTAL(){return AMBOSS_DS_PORTAL},get Portal(){return Portal},get usePortalChildZIndex(){return usePortalChildZIndex},get usePortalContainerElement(){return usePortalContainerElement}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=require("react"),_reactdom=/*#__PURE__*/_interop_require_default._(require("react-dom")),_react1=require("@emotion/react"),_useDocument=require("../../shared/useDocument"),_DialogContext=require("../Patterns/Dialog/DialogContext"),_PopoverContext=require("../Patterns/Popover/PopoverContext"),AMBOSS_DS_PORTAL="amboss-ds-portal",AMBOSS_DS_FLOAT_PORTAL="amboss-ds-float-portal";function usePortalChildZIndex(zIndex){let theme=(0,_react1.useTheme)();return(0,_react.useContext)(_DialogContext.DialogContext)?theme.variables.zIndex.modal+zIndex:zIndex}function usePortalContainerElement(portalContainer){let isWithinModal=(0,_react.useContext)(_DialogContext.DialogContext),{isWithinPopover,portalContainer:popoverContainer}=(0,_react.useContext)(_PopoverContext.PopoverContext),document=(0,_useDocument.useDocument)(),defaultContainer=(0,_react.useMemo)(()=>void 0===document?null:isWithinModal?document.querySelector(`.${AMBOSS_DS_PORTAL}`)||document.body:isWithinPopover&&popoverContainer||document.body,[isWithinModal,isWithinPopover,popoverContainer,document]);return portalContainer||defaultContainer}function Portal({children,portalContainer}){let container=usePortalContainerElement(portalContainer);return container&&_reactdom.default.createPortal(children,container)}
|
|
@@ -101,6 +101,7 @@
|
|
|
101
101
|
"globe": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill-rule=\"evenodd\" d=\"M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1M3.057 13a9.005 9.005 0 0 0 6.669 7.709A16.3 16.3 0 0 1 7.05 13zm13.892 0a16.3 16.3 0 0 1-2.676 7.709A9.005 9.005 0 0 0 20.943 13zm-7.89 0A14.3 14.3 0 0 0 12 20.45 14.3 14.3 0 0 0 14.94 13zm5.214-9.71A16.3 16.3 0 0 1 16.949 11h3.994a9.01 9.01 0 0 0-6.67-7.71M12 3.55A14.3 14.3 0 0 0 9.06 11h5.88A14.3 14.3 0 0 0 12 3.55m-2.274-.26A9.01 9.01 0 0 0 3.056 11h3.995a16.3 16.3 0 0 1 2.675-7.71\" clip-rule=\"evenodd\"/></svg>",
|
|
102
102
|
"google": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill=\"#EA4335\" d=\"M12 4.64c2.253 0 3.773.973 4.64 1.787l3.387-3.307C17.947 1.187 15.24 0 12 0 7.307 0 3.253 2.693 1.28 6.613l3.88 3.014C6.133 6.733 8.827 4.64 12 4.64\"/><path fill=\"#4285F4\" d=\"M23.52 12.267c0-.987-.08-1.707-.253-2.454H12v4.454h6.613c-.133 1.106-.853 2.773-2.453 3.893l3.787 2.933C22.213 19 23.52 15.92 23.52 12.267\"/><path fill=\"#FBBC05\" d=\"M5.173 14.373a7.4 7.4 0 0 1-.4-2.373c0-.827.147-1.627.387-2.373L1.28 6.613A12 12 0 0 0 0 12c0 1.933.467 3.76 1.28 5.387z\"/><path fill=\"#34A853\" d=\"M12 24c3.24 0 5.96-1.067 7.947-2.907L16.16 18.16c-1.013.707-2.373 1.2-4.16 1.2-3.173 0-5.867-2.093-6.827-4.987l-3.88 3.014C3.267 21.307 7.307 24 12 24\"/></svg>",
|
|
103
103
|
"grid": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 3a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm2 1v5h5V4zm9-1a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm2 1v5h5V4zm-2 10a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm2 1v5h5v-5zM2 14a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm2 1v5h5v-5z\" clip-rule=\"evenodd\"/></svg>",
|
|
104
|
+
"grip-vertical": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\" focusable=\"false\"><path d=\"M8 17a2 2 0 1 1 0 4 2 2 0 0 1 0-4m8 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m-8-7a2 2 0 1 1 0 4 2 2 0 0 1 0-4m8 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4M8 3a2 2 0 1 1 0 4 2 2 0 0 1 0-4m8 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4\"/></svg>",
|
|
104
105
|
"hammer-filled": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\" focusable=\"false\"><path d=\"m15.741 3.293 6 6c.48.479.743 1.103.743 1.757s-.263 1.278-.743 1.758l-1.399 1.399a2.48 2.48 0 0 1-1.758.738 2.48 2.48 0 0 1-1.756-.737l-1.711-1.693-8.582 8.581a.997.997 0 0 1-1.414 0l-2.828-2.828a1 1 0 0 1 0-1.415l8.559-8.559-3.621-3.583A.998.998 0 0 1 7.934 3h7.1c.266 0 .52.105.707.293\"/></svg>",
|
|
105
106
|
"hash": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" focusable=\"false\"><path d=\"M4 9h16M4 15h16M10 3 8 21m8-18-2 18\"/></svg>",
|
|
106
107
|
"headphones": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 18v-6a9 9 0 0 1 18 0v6\"/><path fill=\"currentColor\" d=\"M21 14h1a1 1 0 0 0-1-1zM3 14v-1a1 1 0 0 0-1 1zm17 5a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-1 1h-1v2h1zm-1 0a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3zm-1-1v-3h-2v3zm0-3a1 1 0 0 1 1-1v-2a3 3 0 0 0-3 3zm1-1h3v-2h-3zm2-1v5h2v-5zM2 19a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1zm3 3h1v-2H5zm1 0a3 3 0 0 0 3-3H7a1 1 0 0 1-1 1zm3-3v-3H7v3zm0-3a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1zm-3-3H3v2h3zm-4 1v5h2v-5z\"/></svg>",
|
|
@@ -101,6 +101,7 @@
|
|
|
101
101
|
"globe": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\" focusable=\"false\"><path fill-rule=\"evenodd\" d=\"M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0M2.085 9a6 6 0 0 0 3.5 4.492A11.2 11.2 0 0 1 4.068 9zm9.848 0a11.2 11.2 0 0 1-1.52 4.492A6 6 0 0 0 13.915 9zM6.084 9A9.3 9.3 0 0 0 8 13.481 9.3 9.3 0 0 0 9.915 9zm4.328-6.494A11.2 11.2 0 0 1 11.932 7h1.983a6 6 0 0 0-3.503-4.494M8 2.518A9.3 9.3 0 0 0 6.084 7h3.831A9.3 9.3 0 0 0 8 2.518m-2.414-.011A6 6 0 0 0 2.085 7h1.982a11.2 11.2 0 0 1 1.519-4.493\" clip-rule=\"evenodd\"/></svg>",
|
|
102
102
|
"google": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><path fill=\"#ea4335\" d=\"M8 3.093c1.502 0 2.516.65 3.093 1.191l2.258-2.204C11.964.791 10.161 0 8.001 0A7.99 7.99 0 0 0 .852 4.409L3.44 6.418C4.09 4.488 5.885 3.093 8 3.093\"/><path fill=\"#4285f4\" d=\"M15.68 8.178c0-.658-.053-1.138-.169-1.636H8v2.97h4.409c-.089.737-.569 1.848-1.636 2.595l2.525 1.955c1.51-1.395 2.382-3.449 2.382-5.884\"/><path fill=\"#fbbc05\" d=\"M3.449 9.582A5 5 0 0 1 3.182 8c0-.551.098-1.084.258-1.582L.853 4.408C.311 5.494 0 6.712 0 8s.311 2.507.853 3.591z\"/><path fill=\"#34a853\" d=\"M8 16c2.16 0 3.973-.711 5.298-1.938l-2.525-1.955c-.675.47-1.582.8-2.773.8-2.116 0-3.911-1.396-4.551-3.325l-2.587 2.01C2.178 14.204 4.872 16 8 16\"/></svg>",
|
|
103
103
|
"grid": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><path fill=\"currentColor\" d=\"M3 2a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm0 7a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1zm6-6a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1zm1 6a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1z\"/></svg>",
|
|
104
|
+
"grip-vertical": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\" focusable=\"false\"><path d=\"M7 13H5v-2h2zm4 0H9v-2h2zM7 9H5V7h2zm4 0H9V7h2zM7 5H5V3h2zm4 0H9V3h2z\"/></svg>",
|
|
104
105
|
"hammer-filled": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><path fill=\"currentColor\" d=\"m14.494 6.195-4-4A.66.66 0 0 0 10.023 2H5.289a.666.666 0 0 0-.468 1.14l2.414 2.39-5.706 5.705a.666.666 0 0 0 0 .944l1.885 1.885a.667.667 0 0 0 .943 0l5.721-5.72 1.14 1.128c.329.327.75.491 1.171.491s.843-.164 1.172-.492l.933-.932c.32-.32.495-.736.495-1.172s-.175-.852-.495-1.172\"/></svg>",
|
|
105
106
|
"hash": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.164 1.014a1 1 0 0 1 .822 1.15L7.514 5h1.972l.528-3.164a1 1 0 1 1 1.972.328L11.514 5H14a1 1 0 1 1 0 2h-2.82l-.333 2H14a1 1 0 1 1 0 2h-3.486l-.528 3.164a1 1 0 1 1-1.972-.328L8.486 11H6.514l-.528 3.164a1 1 0 1 1-1.972-.328L4.486 11H2a1 1 0 1 1 0-2h2.82l.333-2H2a1 1 0 0 1 0-2h3.486l.528-3.164a1 1 0 0 1 1.15-.822M8.82 9l.333-2H7.18l-.333 2z\" clip-rule=\"evenodd\"/></svg>",
|
|
106
107
|
"headphones": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 12V8a6 6 0 1 1 12 0v4\"/><path fill=\"currentColor\" d=\"M14 9h1a1 1 0 0 0-1-1zM3.333 14v1zm1.334 0v-1zm0-5V8zM2 9V8a1 1 0 0 0-1 1zm11 3.667c0 .184-.15.333-.333.333v2A2.333 2.333 0 0 0 15 12.667zm-.333.333h-1.334v2h1.334zm-1.334 0a.333.333 0 0 1-.333-.333H9A2.333 2.333 0 0 0 11.333 15zM11 12.667v-2.334H9v2.334zm0-2.334c0-.184.15-.333.333-.333V8A2.333 2.333 0 0 0 9 10.333zm.333-.333H14V8h-2.667zM13 9v3.667h2V9zM1 12.667A2.333 2.333 0 0 0 3.333 15v-2A.333.333 0 0 1 3 12.667zM3.333 15h1.334v-2H3.333zm1.334 0A2.333 2.333 0 0 0 7 12.667H5c0 .184-.15.333-.333.333zM7 12.667v-2.334H5v2.334zm0-2.334A2.333 2.333 0 0 0 4.667 8v2c.184 0 .333.15.333.333zM4.667 8H2v2h2.667zM1 9v3.667h2V9z\"/></svg>",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import{useTheme}from"@emotion/react";import styled from"@emotion/styled";import{Portal}from"../../Portal/Portal";import{useFloatingPosition}from"../../Utilities/FloatingPosition/useFloatingPosition";let StyledContainer=styled("div",{target:"
|
|
1
|
+
import React from"react";import{useTheme}from"@emotion/react";import styled from"@emotion/styled";import{AMBOSS_DS_FLOAT_PORTAL,Portal}from"../../Portal/Portal";import{useFloatingPosition}from"../../Utilities/FloatingPosition/useFloatingPosition";import{useDocument}from"../../../shared/useDocument";let StyledContainer=styled("div",{target:"eg9qi3f0",label:"StyledContainer"})(({floatingStyles,isPositioned})=>({...floatingStyles,visibility:isPositioned?"visible":"hidden"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvRmxvYXQvRmxvYXQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9GbG9hdC9GbG9hdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0IH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEFNQk9TU19EU19GTE9BVF9QT1JUQUwsIFBvcnRhbCB9IGZyb20gXCIuLi8uLi9Qb3J0YWwvUG9ydGFsXCI7XG5pbXBvcnQgeyB1c2VGbG9hdGluZ1Bvc2l0aW9uIH0gZnJvbSBcIi4uLy4uL1V0aWxpdGllcy9GbG9hdGluZ1Bvc2l0aW9uL3VzZUZsb2F0aW5nUG9zaXRpb25cIjtcbmltcG9ydCB0eXBlIHsgVmlld3BvcnRQb3NpdGlvbiB9IGZyb20gXCIuLi8uLi9VdGlsaXRpZXMvRmxvYXRpbmdQb3NpdGlvbi91c2VGbG9hdGluZ1Bvc2l0aW9uXCI7XG5pbXBvcnQgeyB1c2VEb2N1bWVudCB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvdXNlRG9jdW1lbnRcIjtcblxuZXhwb3J0IHR5cGUgRmxvYXRQcm9wcyA9IHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byByZW5kZXIgaW5zaWRlIHRoZSBmbG9hdC4gKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn0gJiBWaWV3cG9ydFBvc2l0aW9uO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgZmxvYXRpbmdTdHlsZXM6IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG4gIGlzUG9zaXRpb25lZDogYm9vbGVhbjtcbn0+KFxuICAoeyBmbG9hdGluZ1N0eWxlcywgaXNQb3NpdGlvbmVkIH0pID0+XG4gICAgKHtcbiAgICAgIC4uLmZsb2F0aW5nU3R5bGVzLFxuICAgICAgdmlzaWJpbGl0eTogaXNQb3NpdGlvbmVkID8gXCJ2aXNpYmxlXCIgOiBcImhpZGRlblwiLFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIEZsb2F0KHtcbiAgcG9zaXRpb25YLFxuICBwb3NpdGlvblksXG4gIGNoaWxkcmVuLFxufTogRmxvYXRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgZG9jdW1lbnQgPSB1c2VEb2N1bWVudCgpO1xuXG4gIGNvbnN0IHsgc2V0RmxvYXRpbmcsIGZsb2F0aW5nU3R5bGVzLCBpc1Bvc2l0aW9uZWQgfSA9IHVzZUZsb2F0aW5nUG9zaXRpb24oe1xuICAgIG1vZGU6IFwidmlld3BvcnRcIixcbiAgICBwb3NpdGlvblgsXG4gICAgcG9zaXRpb25ZLFxuICAgIG9mZnNldDogcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLCAxMCksXG4gIH0pO1xuXG4gIGNvbnN0IHBvcnRhbENvbnRhaW5lciA9IGRvY3VtZW50XG4gICAgPyBkb2N1bWVudC5xdWVyeVNlbGVjdG9yPEhUTUxFbGVtZW50PihgLiR7QU1CT1NTX0RTX0ZMT0FUX1BPUlRBTH1gKVxuICAgIDogbnVsbDtcblxuICByZXR1cm4gKFxuICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9PlxuICAgICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgICBkYXRhLWRzLWlkPVwiRmxvYXRcIlxuICAgICAgICByZWY9e3NldEZsb2F0aW5nfVxuICAgICAgICBmbG9hdGluZ1N0eWxlcz17ZmxvYXRpbmdTdHlsZXN9XG4gICAgICAgIGlzUG9zaXRpb25lZD17aXNQb3NpdGlvbmVkfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICA8L1BvcnRhbD5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjd0IifQ== */");export function Float({positionX,positionY,children}){let theme=useTheme(),document=useDocument(),{setFloating,floatingStyles,isPositioned}=useFloatingPosition({mode:"viewport",positionX,positionY,offset:parseInt(theme.variables.size.spacing.m,10)}),portalContainer=document?document.querySelector(`.${AMBOSS_DS_FLOAT_PORTAL}`):null;return React.createElement(Portal,{portalContainer:portalContainer},React.createElement(StyledContainer,{"data-ds-id":"Float",ref:setFloating,floatingStyles:floatingStyles,isPositioned:isPositioned},children))}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type React from "react";
|
|
2
2
|
export declare const AMBOSS_DS_PORTAL = "amboss-ds-portal";
|
|
3
|
+
export declare const AMBOSS_DS_FLOAT_PORTAL = "amboss-ds-float-portal";
|
|
3
4
|
/**
|
|
4
5
|
* Returns a zIndex incremented by Modal's zIndex if the portal child is rendered within a Modal
|
|
5
6
|
* or by Popover's zindex if the portal child is rendered within a Popover
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useContext,useMemo}from"react";import ReactDOM from"react-dom";import{useTheme}from"@emotion/react";import{useDocument}from"../../shared/useDocument";import{DialogContext}from"../Patterns/Dialog/DialogContext";import{PopoverContext}from"../Patterns/Popover/PopoverContext";export const AMBOSS_DS_PORTAL="amboss-ds-portal";export function usePortalChildZIndex(zIndex){let theme=useTheme();return useContext(DialogContext)?theme.variables.zIndex.modal+zIndex:zIndex}export function usePortalContainerElement(portalContainer){let isWithinModal=useContext(DialogContext),{isWithinPopover,portalContainer:popoverContainer}=useContext(PopoverContext),document=useDocument(),defaultContainer=useMemo(()=>void 0===document?null:isWithinModal?document.querySelector(".amboss-ds-portal")||document.body:isWithinPopover&&popoverContainer||document.body,[isWithinModal,isWithinPopover,popoverContainer,document]);return portalContainer||defaultContainer}export function Portal({children,portalContainer}){let container=usePortalContainerElement(portalContainer);return container&&ReactDOM.createPortal(children,container)}
|
|
1
|
+
import{useContext,useMemo}from"react";import ReactDOM from"react-dom";import{useTheme}from"@emotion/react";import{useDocument}from"../../shared/useDocument";import{DialogContext}from"../Patterns/Dialog/DialogContext";import{PopoverContext}from"../Patterns/Popover/PopoverContext";export const AMBOSS_DS_PORTAL="amboss-ds-portal";export const AMBOSS_DS_FLOAT_PORTAL="amboss-ds-float-portal";export function usePortalChildZIndex(zIndex){let theme=useTheme();return useContext(DialogContext)?theme.variables.zIndex.modal+zIndex:zIndex}export function usePortalContainerElement(portalContainer){let isWithinModal=useContext(DialogContext),{isWithinPopover,portalContainer:popoverContainer}=useContext(PopoverContext),document=useDocument(),defaultContainer=useMemo(()=>void 0===document?null:isWithinModal?document.querySelector(".amboss-ds-portal")||document.body:isWithinPopover&&popoverContainer||document.body,[isWithinModal,isWithinPopover,popoverContainer,document]);return portalContainer||defaultContainer}export function Portal({children,portalContainer}){let container=usePortalContainerElement(portalContainer);return container&&ReactDOM.createPortal(children,container)}
|
|
@@ -101,6 +101,7 @@
|
|
|
101
101
|
"globe": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill-rule=\"evenodd\" d=\"M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1M3.057 13a9.005 9.005 0 0 0 6.669 7.709A16.3 16.3 0 0 1 7.05 13zm13.892 0a16.3 16.3 0 0 1-2.676 7.709A9.005 9.005 0 0 0 20.943 13zm-7.89 0A14.3 14.3 0 0 0 12 20.45 14.3 14.3 0 0 0 14.94 13zm5.214-9.71A16.3 16.3 0 0 1 16.949 11h3.994a9.01 9.01 0 0 0-6.67-7.71M12 3.55A14.3 14.3 0 0 0 9.06 11h5.88A14.3 14.3 0 0 0 12 3.55m-2.274-.26A9.01 9.01 0 0 0 3.056 11h3.995a16.3 16.3 0 0 1 2.675-7.71\" clip-rule=\"evenodd\"/></svg>",
|
|
102
102
|
"google": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill=\"#EA4335\" d=\"M12 4.64c2.253 0 3.773.973 4.64 1.787l3.387-3.307C17.947 1.187 15.24 0 12 0 7.307 0 3.253 2.693 1.28 6.613l3.88 3.014C6.133 6.733 8.827 4.64 12 4.64\"/><path fill=\"#4285F4\" d=\"M23.52 12.267c0-.987-.08-1.707-.253-2.454H12v4.454h6.613c-.133 1.106-.853 2.773-2.453 3.893l3.787 2.933C22.213 19 23.52 15.92 23.52 12.267\"/><path fill=\"#FBBC05\" d=\"M5.173 14.373a7.4 7.4 0 0 1-.4-2.373c0-.827.147-1.627.387-2.373L1.28 6.613A12 12 0 0 0 0 12c0 1.933.467 3.76 1.28 5.387z\"/><path fill=\"#34A853\" d=\"M12 24c3.24 0 5.96-1.067 7.947-2.907L16.16 18.16c-1.013.707-2.373 1.2-4.16 1.2-3.173 0-5.867-2.093-6.827-4.987l-3.88 3.014C3.267 21.307 7.307 24 12 24\"/></svg>",
|
|
103
103
|
"grid": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 3a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm2 1v5h5V4zm9-1a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm2 1v5h5V4zm-2 10a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm2 1v5h5v-5zM2 14a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm2 1v5h5v-5z\" clip-rule=\"evenodd\"/></svg>",
|
|
104
|
+
"grip-vertical": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\" focusable=\"false\"><path d=\"M8 17a2 2 0 1 1 0 4 2 2 0 0 1 0-4m8 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m-8-7a2 2 0 1 1 0 4 2 2 0 0 1 0-4m8 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4M8 3a2 2 0 1 1 0 4 2 2 0 0 1 0-4m8 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4\"/></svg>",
|
|
104
105
|
"hammer-filled": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\" focusable=\"false\"><path d=\"m15.741 3.293 6 6c.48.479.743 1.103.743 1.757s-.263 1.278-.743 1.758l-1.399 1.399a2.48 2.48 0 0 1-1.758.738 2.48 2.48 0 0 1-1.756-.737l-1.711-1.693-8.582 8.581a.997.997 0 0 1-1.414 0l-2.828-2.828a1 1 0 0 1 0-1.415l8.559-8.559-3.621-3.583A.998.998 0 0 1 7.934 3h7.1c.266 0 .52.105.707.293\"/></svg>",
|
|
105
106
|
"hash": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" focusable=\"false\"><path d=\"M4 9h16M4 15h16M10 3 8 21m8-18-2 18\"/></svg>",
|
|
106
107
|
"headphones": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 18v-6a9 9 0 0 1 18 0v6\"/><path fill=\"currentColor\" d=\"M21 14h1a1 1 0 0 0-1-1zM3 14v-1a1 1 0 0 0-1 1zm17 5a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-1 1h-1v2h1zm-1 0a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3zm-1-1v-3h-2v3zm0-3a1 1 0 0 1 1-1v-2a3 3 0 0 0-3 3zm1-1h3v-2h-3zm2-1v5h2v-5zM2 19a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1zm3 3h1v-2H5zm1 0a3 3 0 0 0 3-3H7a1 1 0 0 1-1 1zm3-3v-3H7v3zm0-3a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1zm-3-3H3v2h3zm-4 1v5h2v-5z\"/></svg>",
|
|
@@ -101,6 +101,7 @@
|
|
|
101
101
|
"globe": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\" focusable=\"false\"><path fill-rule=\"evenodd\" d=\"M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0M2.085 9a6 6 0 0 0 3.5 4.492A11.2 11.2 0 0 1 4.068 9zm9.848 0a11.2 11.2 0 0 1-1.52 4.492A6 6 0 0 0 13.915 9zM6.084 9A9.3 9.3 0 0 0 8 13.481 9.3 9.3 0 0 0 9.915 9zm4.328-6.494A11.2 11.2 0 0 1 11.932 7h1.983a6 6 0 0 0-3.503-4.494M8 2.518A9.3 9.3 0 0 0 6.084 7h3.831A9.3 9.3 0 0 0 8 2.518m-2.414-.011A6 6 0 0 0 2.085 7h1.982a11.2 11.2 0 0 1 1.519-4.493\" clip-rule=\"evenodd\"/></svg>",
|
|
102
102
|
"google": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><path fill=\"#ea4335\" d=\"M8 3.093c1.502 0 2.516.65 3.093 1.191l2.258-2.204C11.964.791 10.161 0 8.001 0A7.99 7.99 0 0 0 .852 4.409L3.44 6.418C4.09 4.488 5.885 3.093 8 3.093\"/><path fill=\"#4285f4\" d=\"M15.68 8.178c0-.658-.053-1.138-.169-1.636H8v2.97h4.409c-.089.737-.569 1.848-1.636 2.595l2.525 1.955c1.51-1.395 2.382-3.449 2.382-5.884\"/><path fill=\"#fbbc05\" d=\"M3.449 9.582A5 5 0 0 1 3.182 8c0-.551.098-1.084.258-1.582L.853 4.408C.311 5.494 0 6.712 0 8s.311 2.507.853 3.591z\"/><path fill=\"#34a853\" d=\"M8 16c2.16 0 3.973-.711 5.298-1.938l-2.525-1.955c-.675.47-1.582.8-2.773.8-2.116 0-3.911-1.396-4.551-3.325l-2.587 2.01C2.178 14.204 4.872 16 8 16\"/></svg>",
|
|
103
103
|
"grid": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><path fill=\"currentColor\" d=\"M3 2a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm0 7a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1zm6-6a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1zm1 6a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1z\"/></svg>",
|
|
104
|
+
"grip-vertical": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\" focusable=\"false\"><path d=\"M7 13H5v-2h2zm4 0H9v-2h2zM7 9H5V7h2zm4 0H9V7h2zM7 5H5V3h2zm4 0H9V3h2z\"/></svg>",
|
|
104
105
|
"hammer-filled": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><path fill=\"currentColor\" d=\"m14.494 6.195-4-4A.66.66 0 0 0 10.023 2H5.289a.666.666 0 0 0-.468 1.14l2.414 2.39-5.706 5.705a.666.666 0 0 0 0 .944l1.885 1.885a.667.667 0 0 0 .943 0l5.721-5.72 1.14 1.128c.329.327.75.491 1.171.491s.843-.164 1.172-.492l.933-.932c.32-.32.495-.736.495-1.172s-.175-.852-.495-1.172\"/></svg>",
|
|
105
106
|
"hash": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.164 1.014a1 1 0 0 1 .822 1.15L7.514 5h1.972l.528-3.164a1 1 0 1 1 1.972.328L11.514 5H14a1 1 0 1 1 0 2h-2.82l-.333 2H14a1 1 0 1 1 0 2h-3.486l-.528 3.164a1 1 0 1 1-1.972-.328L8.486 11H6.514l-.528 3.164a1 1 0 1 1-1.972-.328L4.486 11H2a1 1 0 1 1 0-2h2.82l.333-2H2a1 1 0 0 1 0-2h3.486l.528-3.164a1 1 0 0 1 1.15-.822M8.82 9l.333-2H7.18l-.333 2z\" clip-rule=\"evenodd\"/></svg>",
|
|
106
107
|
"headphones": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 12V8a6 6 0 1 1 12 0v4\"/><path fill=\"currentColor\" d=\"M14 9h1a1 1 0 0 0-1-1zM3.333 14v1zm1.334 0v-1zm0-5V8zM2 9V8a1 1 0 0 0-1 1zm11 3.667c0 .184-.15.333-.333.333v2A2.333 2.333 0 0 0 15 12.667zm-.333.333h-1.334v2h1.334zm-1.334 0a.333.333 0 0 1-.333-.333H9A2.333 2.333 0 0 0 11.333 15zM11 12.667v-2.334H9v2.334zm0-2.334c0-.184.15-.333.333-.333V8A2.333 2.333 0 0 0 9 10.333zm.333-.333H14V8h-2.667zM13 9v3.667h2V9zM1 12.667A2.333 2.333 0 0 0 3.333 15v-2A.333.333 0 0 1 3 12.667zM3.333 15h1.334v-2H3.333zm1.334 0A2.333 2.333 0 0 0 7 12.667H5c0 .184-.15.333-.333.333zM7 12.667v-2.334H5v2.334zm0-2.334A2.333 2.333 0 0 0 4.667 8v2c.184 0 .333.15.333.333zM4.667 8H2v2h2.667zM1 9v3.667h2V9z\"/></svg>",
|