@os-design/core 1.0.279 → 1.0.281

package/dist/Modal/index.js

@@ -172,6 +172,7 @@ const Modal = /*#__PURE__*/forwardRef(({
   footer,
   visible = false,
   locale = defaultLocale,
+  lockedFocus = true,
   onClose = () => {},
   onOk,
   size,
@@ -213,6 +214,52 @@ const Modal = /*#__PURE__*/forwardRef(({
   }, [onClose]);
   const ariaLabelledBy = useMemo(() => header === undefined ? titleId : undefined, [header, titleId]);
   if (!mounted) return null;
+  const content = /*#__PURE__*/_jsx(CloseModalContext.Provider, {
+    value: onClose,
+    children: /*#__PURE__*/_jsxs(Content, {
+      visible: visible,
+      size: size,
+      tabIndex: -1,
+      onKeyDown: contentKeyDownHandler,
+      onPointerDown: stopPointerHandler,
+      onPointerUp: stopPointerHandler,
+      role: "dialog",
+      "aria-modal": true,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": bodyId,
+      ref: contentRef,
+      children: [header === undefined ? /*#__PURE__*/_jsx(ThemeOverrider, {
+        overrides: t => ({
+          buttonPaddingHorizontal: t.modalCloseButtonPaddingHorizontal
+        }),
+        children: /*#__PURE__*/_jsxs(Header, {
+          children: [/*#__PURE__*/_jsx(Title, {
+            id: titleId,
+            children: title
+          }), /*#__PURE__*/_jsx(Button, {
+            type: "ghost",
+            wide: "never",
+            onClick: onClose,
+            "aria-label": locale.closeLabel,
+            children: /*#__PURE__*/_jsx(Close, {})
+          })]
+        })
+      }) : header, /*#__PURE__*/_jsx(Body, {
+        id: bodyId,
+        ...rest,
+        ref: ref,
+        children: children
+      }), footer === undefined ? /*#__PURE__*/_jsx(Footer, {
+        children: /*#__PURE__*/_jsx(Button, {
+          danger: okDanger,
+          loading: okLoading,
+          disabled: okDisabled,
+          onClick: onOk,
+          children: okText
+        })
+      }) : footer]
+    })
+  });
   return /*#__PURE__*/_jsxs(Portal, {
     children: [/*#__PURE__*/_jsx(ModalMask, {
       visible: visible
@@ -220,55 +267,13 @@ const Modal = /*#__PURE__*/forwardRef(({
       onPointerDown: pointerDownHandler,
       onPointerUp: pointerUpHandler,
       onClick: e => e.stopPropagation(),
-      children: /*#__PURE__*/_jsx(FocusLock, {
+      children: lockedFocus ?
+      /*#__PURE__*/
+      // @ts-expect-error FocusLock has problems with types
+      _jsx(FocusLock, {
         autoFocus: false,
-        children: /*#__PURE__*/_jsx(CloseModalContext.Provider, {
-          value: onClose,
-          children: /*#__PURE__*/_jsxs(Content, {
-            visible: visible,
-            size: size,
-            tabIndex: -1,
-            onKeyDown: contentKeyDownHandler,
-            onPointerDown: stopPointerHandler,
-            onPointerUp: stopPointerHandler,
-            role: "dialog",
-            "aria-modal": true,
-            "aria-labelledby": ariaLabelledBy,
-            "aria-describedby": bodyId,
-            ref: contentRef,
-            children: [header === undefined ? /*#__PURE__*/_jsx(ThemeOverrider, {
-              overrides: t => ({
-                buttonPaddingHorizontal: t.modalCloseButtonPaddingHorizontal
-              }),
-              children: /*#__PURE__*/_jsxs(Header, {
-                children: [/*#__PURE__*/_jsx(Title, {
-                  id: titleId,
-                  children: title
-                }), /*#__PURE__*/_jsx(Button, {
-                  type: "ghost",
-                  wide: "never",
-                  onClick: onClose,
-                  "aria-label": locale.closeLabel,
-                  children: /*#__PURE__*/_jsx(Close, {})
-                })]
-              })
-            }) : header, /*#__PURE__*/_jsx(Body, {
-              id: bodyId,
-              ...rest,
-              ref: ref,
-              children: children
-            }), footer === undefined ? /*#__PURE__*/_jsx(Footer, {
-              children: /*#__PURE__*/_jsx(Button, {
-                danger: okDanger,
-                loading: okLoading,
-                disabled: okDisabled,
-                onClick: onOk,
-                children: okText
-              })
-            }) : footer]
-          })
-        })
-      })
+        children: content
+      }) : content
     })]
   });
 });

package/dist/Navigation/utils/useScrollFlags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollFlags.d.ts","sourceRoot":"","sources":["../../../src/Navigation/utils/useScrollFlags.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAyB,MAAM,OAAO,CAAC;AAE9D,UAAU,iBAAiB;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,cAAc,QAAS,SAAS,CAAC,OAAO,CAAC,KAAG,iBA2BjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"useScrollFlags.d.ts","sourceRoot":"","sources":["../../../src/Navigation/utils/useScrollFlags.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAyB,MAAM,OAAO,CAAC;AAE9D,UAAU,iBAAiB;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,cAAc,GAAI,KAAK,SAAS,CAAC,OAAO,CAAC,KAAG,iBA2BjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/NavigationItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/NavigationItem/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExE,KAAK,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AACzD,MAAM,WAAW,mBACf,SAAQ,SAAS,EACf,oBAAoB,EACpB,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC;IACvB;;;OAGG;IACH,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA2ED;;GAEG;AACH,QAAA,MAAM,cAAc,+FA6BnB,CAAC;AAIF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/NavigationItem/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExE,KAAK,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AACzD,MAAM,WAAW,mBACf,SAAQ,SAAS,EACf,oBAAoB,EACpB,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC;IACvB;;;OAGG;IACH,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA2ED;;GAEG;AACH,QAAA,MAAM,cAAc,+FAenB,CAAC;AAIF,eAAe,cAAc,CAAC"}

package/dist/NavigationItem/index.js

@@ -25,7 +25,7 @@ const NavigationLink = styled('a', omitEmotionProps('currentPage', 'as'))`
   color: ${p => clr(p.theme.navigationItemColorText)};
   @media (hover: hover) {
     &:hover,
-    &:focus {
+    &:focus-visible {
       background-color: ${p => clr(p.theme.navigationItemColorBgHover)};
     }
   }
@@ -77,7 +77,6 @@ const NavigationItem = /*#__PURE__*/forwardRef(({
   icon,
   currentPage = false,
   as,
-  onMouseDown = () => {},
   children,
   ...rest
 }, ref) => /*#__PURE__*/_jsx("div", {
@@ -85,10 +84,6 @@ const NavigationItem = /*#__PURE__*/forwardRef(({
   children: /*#__PURE__*/_jsxs(NavigationLink, {
     currentPage: currentPage,
     as: as,
-    onMouseDown: e => {
-      onMouseDown(e);
-      e.preventDefault();
-    },
     "aria-current": currentPage ? 'page' : undefined,
     ...rest,
     ref: ref,

package/dist/Popover/utils/usePopoverPosition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopoverPosition.d.ts","sourceRoot":"","sources":["../../../src/Popover/utils/usePopoverPosition.ts"],"names":[],"mappings":"AAGA,KAAK,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAChD,KAAK,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;AAC1C,KAAK,gBAAgB,GAAG,GAAG,IAAI,IAAI,SAAS,EAAE,CAAC;AAE/C,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,gBAAgB,CAAC;AAEhD,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,IAAK,SAAQ,IAAI;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,uBAAuB;IAC/B;;OAEG;IACH,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,aAAa,EAAE,cAAc,GAAG,IAAI,CAAC;IACrC;;OAEG;IACH,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AA6JD,UAAU,eAAe;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;GAIG;AACH,QAAA,MAAM,kBAAkB,uEAOrB,uBAAuB,KAAG,eA0B5B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"usePopoverPosition.d.ts","sourceRoot":"","sources":["../../../src/Popover/utils/usePopoverPosition.ts"],"names":[],"mappings":"AAGA,KAAK,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAChD,KAAK,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;AAC1C,KAAK,gBAAgB,GAAG,GAAG,IAAI,IAAI,SAAS,EAAE,CAAC;AAE/C,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,gBAAgB,CAAC;AAEhD,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,IAAK,SAAQ,IAAI;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,uBAAuB;IAC/B;;OAEG;IACH,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,aAAa,EAAE,cAAc,GAAG,IAAI,CAAC;IACrC;;OAEG;IACH,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AA6JD,UAAU,eAAe;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;GAIG;AACH,QAAA,MAAM,kBAAkB,GAAI,oEAOzB,uBAAuB,KAAG,eA0B5B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/ScrollButton/utils/useContainerPosition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useContainerPosition.d.ts","sourceRoot":"","sources":["../../../src/ScrollButton/utils/useContainerPosition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAyB,MAAM,OAAO,CAAC;AAE9D,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,QAAA,MAAM,oBAAoB,eACZ,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,KACvC,iBAyBF,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"useContainerPosition.d.ts","sourceRoot":"","sources":["../../../src/ScrollButton/utils/useContainerPosition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAyB,MAAM,OAAO,CAAC;AAE9D,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,QAAA,MAAM,oBAAoB,GACxB,YAAY,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,KACvC,iBAyBF,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/ScrollButton/utils/useVisibility.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVisibility.d.ts","sourceRoot":"","sources":["../../../src/ScrollButton/utils/useVisibility.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAyB,MAAM,OAAO,CAAC;AAE9D,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IACzC,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,QAAA,MAAM,aAAa,wCAIhB,kBAAkB,KAAG,OAqCvB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"useVisibility.d.ts","sourceRoot":"","sources":["../../../src/ScrollButton/utils/useVisibility.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAyB,MAAM,OAAO,CAAC;AAE9D,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IACzC,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,QAAA,MAAM,aAAa,GAAI,qCAIpB,kBAAkB,KAAG,OAqCvB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Select/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Select/index.tsx"],"names":[],"mappings":"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"}

package/dist/Select/index.js

@@ -34,7 +34,7 @@ const selectContainerUnborderedStyles = p => p.unbordered && css`
 const selectContainerUnborderedHoverStyles = p => p.unbordered && !p.disabled && css`
     @media (hover: hover) {
       &:hover,
-      &:focus {
+      &:focus-visible {
         background-color: ${clr(p.theme.buttonGhostColorBgHover)};
       }
     }
@@ -139,7 +139,7 @@ const DeleteButton = styled.button`
 
   @media (hover: hover) {
     &:hover,
-    &:focus {
+    &:focus-visible {
       color: ${p => clr(p.theme.selectToggleDeleteButtonColorIconHover)};
     }
   }
@@ -468,7 +468,6 @@ const Select = /*#__PURE__*/forwardRef(({
           e.preventDefault();
         }
       },
-      onMouseDown: e => e.preventDefault(),
       onBlur: blurHandler,
       role: "combobox",
       "aria-disabled": disabled,

package/dist/Switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAK3B,KAAK,cAAc,GAAG,IAAI,CACxB,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAC/B,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,CAC1D,CAAC;AACF,MAAM,WAAW,WAAY,SAAQ,cAAc,EAAE,QAAQ;IAC3D;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC;AAmHD;;GAEG;AACH,QAAA,MAAM,MAAM,2GAyDX,CAAC;AAIF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAK3B,KAAK,cAAc,GAAG,IAAI,CACxB,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAC/B,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,CAC1D,CAAC;AACF,MAAM,WAAW,WAAY,SAAQ,cAAc,EAAE,QAAQ;IAC3D;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC;AAmHD;;GAEG;AACH,QAAA,MAAM,MAAM,2GA+CX,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/dist/Switch/index.js

@@ -27,7 +27,7 @@ const hoverCheckedStyles = p => p.checked && css`
 const hoverStyles = p => !p.disabled && css`
     @media (hover: hover) {
       &:hover,
-      &:focus {
+      &:focus-visible {
         ${hoverUncheckedStyles(p)};
         ${hoverCheckedStyles(p)};
       }
@@ -87,7 +87,6 @@ const Switch = /*#__PURE__*/forwardRef(({
   defaultValue,
   onChange = () => {},
   size,
-  onMouseDown = () => {},
   onKeyDown = () => {},
   ...rest
 }, ref) => {
@@ -100,10 +99,6 @@ const Switch = /*#__PURE__*/forwardRef(({
     if (disabled) return;
     setForwardedValue(!forwardedValue);
   }, [disabled, forwardedValue, setForwardedValue]);
-  const mouseDownHandler = useCallback(e => {
-    onMouseDown(e);
-    e.preventDefault();
-  }, [onMouseDown]);
   const keyDownHandler = useCallback(e => {
     if (e.key === ' ') setForwardedValue(!forwardedValue);
     onKeyDown(e);
@@ -114,7 +109,6 @@ const Switch = /*#__PURE__*/forwardRef(({
     checked: forwardedValue,
     size: size,
     onClick: clickHandler,
-    onMouseDown: mouseDownHandler,
     onKeyDown: keyDownHandler,
     role: "switch",
     "aria-checked": forwardedValue,

package/dist/TagLink/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TagLink/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxE,OAAO,EACL,KAAK,YAAY,EAIlB,MAAM,iBAAiB,CAAC;AAEzB,KAAK,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AACzD,MAAM,MAAM,YAAY,GAAG,SAAS,GAClC,oBAAoB,GACpB,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,GACrB,YAAY,CAAC;AAiBf;;GAEG;AACH,QAAA,MAAM,OAAO,uKAgBZ,CAAC;AAIF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TagLink/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxE,OAAO,EACL,KAAK,YAAY,EAIlB,MAAM,iBAAiB,CAAC;AAEzB,KAAK,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AACzD,MAAM,MAAM,YAAY,GAAG,SAAS,GAClC,oBAAoB,GACpB,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,GACrB,YAAY,CAAC;AAiBf;;GAEG;AACH,QAAA,MAAM,OAAO,uKAQZ,CAAC;AAIF,eAAe,OAAO,CAAC"}

package/dist/TagLink/index.js

@@ -10,7 +10,7 @@ const StyledTagLink = styled(TagContainer.withComponent('a'), omitEmotionProps('
 
   @media (hover: hover) {
     &:hover,
-    &:focus {
+    &:focus-visible {
       background-color: ${p => clr(p.theme.tagColorBgHover)};
     }
   }
@@ -23,15 +23,10 @@ const TagLink = /*#__PURE__*/forwardRef(({
   left,
   right,
   as,
-  onMouseDown = () => {},
   children,
   ...rest
 }, ref) => /*#__PURE__*/_jsxs(StyledTagLink, {
   as: as,
-  onMouseDown: e => {
-    onMouseDown(e);
-    e.preventDefault();
-  },
   ...rest,
   ref: ref,
   children: [left && /*#__PURE__*/_jsx(LeftAddon, {

package/dist/TimeGrid/index.d.ts

@@ -0,0 +1,63 @@
+interface Time {
+    hour: number;
+    minute: number;
+}
+type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'defaultValue' | 'onChange' | 'ref'>;
+export interface TimeGridProps extends JsxDivProps {
+    /**
+     * Times shown in the list in minutes (600 is 10:00).
+     * @default []
+     */
+    times?: Time[];
+    /**
+     * The time format: 12-hour clock or 24-hour clock.
+     * @default false
+     */
+    hour12?: boolean;
+    /**
+     * Number of columns where the times are shown.
+     * @default 3
+     */
+    columns?: number;
+    /**
+     * What times are disabled.
+     * @default undefined
+     */
+    disabledTimes?: Time[];
+    /**
+     * The selected time.
+     * @default undefined
+     */
+    value?: Time | null;
+    /**
+     * The default value.
+     * @default undefined
+     */
+    defaultValue?: Time | null;
+    /**
+     * The change event handler.
+     * @default undefined
+     */
+    onChange?: (value: Time | null) => void;
+}
+interface ContainerProps {
+    columns: number;
+}
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & ContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface TimeProps {
+    selected: boolean;
+    disabled: boolean;
+}
+declare const Time: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & TimeProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+/**
+ * The component to choose a time in a grid.
+ */
+declare const TimeGrid: import("react").ForwardRefExoticComponent<TimeGridProps & import("react").RefAttributes<HTMLDivElement>>;
+export default TimeGrid;
+//# sourceMappingURL=index.d.ts.map

package/dist/TimeGrid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TimeGrid/index.tsx"],"names":[],"mappings":"AAQA,UAAU,IAAI;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,WAAW,GAAG,IAAI,CACrB,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,cAAc,GAAG,UAAU,GAAG,KAAK,CACpC,CAAC;AACF,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACzC;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AACD,eAAO,MAAM,SAAS;;SAmIqoB,MAAO,WAAW;0HA3H5qB,CAAC;AA6BF,UAAU,SAAS;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AACD,QAAA,MAAM,IAAI;;SA0FipB,MAAO,WAAW;iIAzD5qB,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,QAAQ,0GA+Cb,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/TimeGrid/index.js

@@ -0,0 +1,111 @@
+import { omitEmotionProps, useForwardedState } from '@os-design/utils';
+import { forwardRef } from 'react';
+import styled from '@emotion/styled';
+import { css } from '@emotion/react';
+import { clr } from '@os-design/theming';
+import { resetButtonStyles, transitionStyles } from '@os-design/styles';
+import timeToString from './utils/timeToString.js';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Container = styled('div', omitEmotionProps('columns'))`
+  display: grid;
+  grid-gap: 0.5em;
+  grid-template-columns: repeat(${p => p.columns}, auto);
+  justify-content: space-evenly;
+`;
+const selectedStyles = p => p.selected && css`
+    background-color: ${clr(p.theme.buttonPrimaryColorBg)};
+    color: ${clr(p.theme.buttonPrimaryColorText)};
+
+    @media (hover: hover) {
+      &:hover,
+      &:focus-visible {
+        background-color: ${clr(p.theme.buttonPrimaryColorBgHover)};
+      }
+    }
+  `;
+const disabledStyles = p => p.disabled && css`
+    background-color: ${clr(p.theme.colorBg)} !important;
+    color: ${clr(p.theme.buttonDisabledGhostColorText)};
+    cursor: not-allowed;
+    ${p.selected && css`
+      background-color: ${clr(p.theme.buttonDisabledPrimaryColorBg)} !important;
+      color: ${clr(p.theme.buttonDisabledPrimaryColorText)};
+    `}
+  `;
+const Time = styled('button', omitEmotionProps('selected', 'disabled'))`
+  ${resetButtonStyles};
+  cursor: pointer;
+  user-select: none;
+  font-size: 1em;
+  line-height: 1;
+  white-space: nowrap;
+
+  height: ${p => p.theme.menuItemHeight}em;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  padding: 0 0.8em;
+
+  background-color: ${p => clr(p.theme.colorBg)};
+  color: ${p => clr(p.theme.colorText)};
+  border-radius: ${p => p.theme.borderRadius}em;
+
+  @media (hover: hover) {
+    &:hover,
+    &:focus-visible {
+      background-color: ${p => clr(p.theme.menuItemSelectedColorBg)};
+    }
+  }
+
+  ${selectedStyles};
+  ${disabledStyles};
+  ${transitionStyles('background-color')};
+`;
+
+/**
+ * The component to choose a time in a grid.
+ */
+const TimeGrid = /*#__PURE__*/forwardRef(({
+  times = [],
+  hour12 = false,
+  columns = 3,
+  disabledTimes = [],
+  value,
+  defaultValue,
+  onChange = () => {},
+  ...rest
+}, ref) => {
+  const [forwardedValue, setForwardedValue] = useForwardedState({
+    value,
+    defaultValue,
+    onChange
+  });
+  return /*#__PURE__*/_jsx(Container, {
+    columns: columns,
+    ...rest,
+    ref: ref,
+    children: times.map(time => {
+      const key = time.hour * 60 + time.minute;
+      const disabled = disabledTimes.findIndex(({
+        hour,
+        minute
+      }) => hour === time.hour && minute === time.minute) >= 0;
+      return /*#__PURE__*/_jsx("div", {
+        children: /*#__PURE__*/_jsx(Time, {
+          selected: time === forwardedValue,
+          disabled: disabled,
+          onClick: () => {
+            if (!disabled) {
+              setForwardedValue(time);
+            }
+          },
+          children: timeToString(time, hour12)
+        })
+      }, key);
+    })
+  });
+});
+TimeGrid.displayName = 'TimeGrid';
+export default TimeGrid;

package/dist/TimeGrid/utils/convertHours.d.ts

@@ -0,0 +1,4 @@
+export type Meridiem = 'am' | 'pm';
+export declare const convertTo12hours: (hours: number) => [number, Meridiem];
+export declare const convertTo24hours: (hours: number, meridiem: Meridiem) => number;
+//# sourceMappingURL=convertHours.d.ts.map

package/dist/TimeGrid/utils/convertHours.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertHours.d.ts","sourceRoot":"","sources":["../../../src/TimeGrid/utils/convertHours.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnC,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,KAAG,CAAC,MAAM,EAAE,QAAQ,CAOjE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,EAAE,UAAU,QAAQ,KAAG,MAGpE,CAAC"}

package/dist/TimeGrid/utils/convertHours.js

@@ -0,0 +1,12 @@
+export const convertTo12hours = hours => {
+  if (hours >= 12) {
+    const hours12 = hours % 12;
+    return [hours12 === 0 ? 12 : hours12, 'pm'];
+  } else {
+    return [hours === 0 ? 12 : hours, 'am'];
+  }
+};
+export const convertTo24hours = (hours, meridiem) => {
+  const h = hours === 12 ? 0 : hours;
+  return h + (meridiem === 'am' ? 0 : 12);
+};

package/dist/TimeGrid/utils/createTimes.d.ts

@@ -0,0 +1,7 @@
+export interface Time {
+    hour: number;
+    minute: number;
+}
+declare const createTimes: (from: Time, to: Time, stepMinutes: number) => Time[];
+export default createTimes;
+//# sourceMappingURL=createTimes.d.ts.map

package/dist/TimeGrid/utils/createTimes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTimes.d.ts","sourceRoot":"","sources":["../../../src/TimeGrid/utils/createTimes.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,IAAI;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,WAAW,GAAI,MAAM,IAAI,EAAE,IAAI,IAAI,EAAE,aAAa,MAAM,WAY7D,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/TimeGrid/utils/createTimes.js

@@ -0,0 +1,15 @@
+const createTimes = (from, to, stepMinutes) => {
+  const min = from.hour * 60 + from.minute;
+  const max = to.hour * 60 + to.minute;
+  const times = [];
+  for (let i = min; i <= max - stepMinutes; i += stepMinutes) {
+    const hour = Math.floor(i / 60);
+    const minute = i % 60;
+    times.push({
+      hour,
+      minute
+    });
+  }
+  return times;
+};
+export default createTimes;

package/dist/TimeGrid/utils/timeToString.d.ts

@@ -0,0 +1,4 @@
+import type { Time } from './createTimes.js';
+declare const timeToString: (time: Time, hour12: boolean) => string;
+export default timeToString;
+//# sourceMappingURL=timeToString.d.ts.map

package/dist/TimeGrid/utils/timeToString.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeToString.d.ts","sourceRoot":"","sources":["../../../src/TimeGrid/utils/timeToString.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,QAAA,MAAM,YAAY,GAAI,MAAM,IAAI,EAAE,QAAQ,OAAO,WAWhD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/TimeGrid/utils/timeToString.js

@@ -0,0 +1,12 @@
+import { convertTo12hours } from './convertHours.js';
+const timeToString = (time, hour12) => {
+  const minute = time.minute.toString().padStart(2, '0');
+  if (hour12) {
+    const [h, meridiem] = convertTo12hours(time.hour);
+    const hour = h.toString().padStart(2, '0');
+    return `${hour}:${minute} ${meridiem}`;
+  }
+  const hour = time.hour.toString().padStart(2, '0');
+  return `${hour}:${minute}`;
+};
+export default timeToString;

package/dist/TimeGridSkeleton/index.d.ts

@@ -0,0 +1,18 @@
+export interface TimeGridSkeletonProps {
+    /**
+     * The number of times.
+     * @default 8
+     */
+    count?: number;
+    /**
+     * Number of columns where the times are shown.
+     * @default 3
+     */
+    columns?: number;
+}
+/**
+ * Provides a time grid placeholder while a user waits for the content to load.
+ */
+declare const TimeGridSkeleton: import("react").ForwardRefExoticComponent<TimeGridSkeletonProps & import("react").RefAttributes<HTMLDivElement>>;
+export default TimeGridSkeleton;
+//# sourceMappingURL=index.d.ts.map

package/dist/TimeGridSkeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TimeGridSkeleton/index.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAcD;;GAEG;AACH,QAAA,MAAM,gBAAgB,kHAYrB,CAAC;AAIF,eAAe,gBAAgB,CAAC"}

package/dist/TimeGridSkeleton/index.js

@@ -0,0 +1,33 @@
+import styled from '@emotion/styled';
+import { forwardRef } from 'react';
+import Skeleton from '../Skeleton/index.js';
+import { Container } from '../TimeGrid/index.js';
+import { jsx as _jsx } from "react/jsx-runtime";
+const Time = styled.div`
+  height: ${p => p.theme.menuItemHeight}em;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  padding: 0 0.8em;
+`;
+let key = 0;
+
+/**
+ * Provides a time grid placeholder while a user waits for the content to load.
+ */
+const TimeGridSkeleton = /*#__PURE__*/forwardRef(({
+  count = 8,
+  columns = 3
+}, ref) => /*#__PURE__*/_jsx(Container, {
+  columns: columns,
+  ref: ref,
+  children: Array(count).fill(0).map(() => /*#__PURE__*/_jsx(Time, {
+    children: /*#__PURE__*/_jsx(Skeleton, {
+      width: "2.5em"
+    })
+  }, key++))
+}));
+TimeGridSkeleton.displayName = 'TimeGridSkeleton';
+export default TimeGridSkeleton;

package/dist/TimeList/index.d.ts

@@ -0,0 +1,45 @@
+interface Time {
+    hour: number;
+    minute: number;
+}
+type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'defaultValue' | 'onChange' | 'ref'>;
+export interface TimeListProps extends JsxDivProps {
+    /**
+     * Times shown in the list.
+     * @default []
+     */
+    times?: Time[];
+    /**
+     * The time format: 12-hour clock or 24-hour clock.
+     * @default false
+     */
+    hour12?: boolean;
+    /**
+     * The selected time.
+     * @default undefined
+     */
+    value?: Time | null;
+    /**
+     * The default value.
+     * @default undefined
+     */
+    defaultValue?: Time | null;
+    /**
+     * The change event handler.
+     * @default undefined
+     */
+    onChange?: (value: Time | null) => void;
+}
+interface TimeProps {
+    selected: boolean;
+}
+declare const Time: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & TimeProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+/**
+ * The component to choose a time in a list.
+ */
+declare const TimeList: import("react").ForwardRefExoticComponent<TimeListProps & import("react").RefAttributes<HTMLDivElement>>;
+export default TimeList;
+//# sourceMappingURL=index.d.ts.map