@onereach/ui-components 4.6.4 → 4.6.6-beta.2818.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "4.6.4",
+  "version": "4.6.6-beta.2818.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -38,7 +38,7 @@
     "@codemirror/lang-json": "6.0.0",
     "@codemirror/lang-markdown": "6.0.1",
     "@floating-ui/dom": "0.3.1",
-    "@onereach/styles": "^2.39.3",
+    "@onereach/styles": "^2.39.4-beta.2818.0",
     "@splidejs/splide": "4.0.6",
     "@types/lodash": "4.14.173",
     "@types/sortablejs": "1.10.7",
@@ -49,11 +49,12 @@
     "codemirror": "6.0.1",
     "focus-trap": "7.2.0",
     "sortablejs": "1.14.0",
+    "tailwindcss": "3.1.3",
     "uuid": "8.3.2"
   },
   "devDependencies": {
     "@babel/preset-env": "7.18.10",
-    "@onereach/rollup-vue-lib-config": "2.1.2",
+    "@onereach/rollup-vue-lib-config": "2.2.1",
     "@rollup/plugin-replace": "4.0.0",
     "@rollup/plugin-url": "^8.0.1",
     "@storybook/addon-actions": "6.5.16",
@@ -153,6 +154,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "87cc5310857dbd7b1e50ed03333ec8e3bae469a3"
+  }
 }

package/src/hooks/index.ts

@@ -4,5 +4,6 @@ export { useIdAttribute } from './useIdAttribute';
 export { useOverflow } from './useOverflow';
 export { usePopoverState } from './usePopoverState';
 export { useResponsive } from './useResponsive';
+export { useTheme } from './useTheme';
 export { default as useToggle } from './useToggle';
 export { useValidationAttributes } from './useValidationAttributes';

package/src/hooks/useElevation.ts

@@ -2,10 +2,7 @@ import { MaybeElementRef } from '@vueuse/core';
 import { isRef, Ref, ref, watch } from 'vue-demi';
 import isVisible from '../utils/isVisible';
 
-export function useElevation(
-  element: MaybeElementRef<HTMLElement | undefined>,
-  trigger?: Ref<unknown>
-): void {
+export function useElevation(element: MaybeElementRef<HTMLElement | undefined>, trigger?: Ref<unknown>): void {
   const elementRef = isRef(element) ? element : ref(element);
   const triggerRef = isRef(trigger) ? trigger : ref();
 

package/src/hooks/useOverflow.ts

@@ -1,14 +1,12 @@
 import { MaybeElementRef, useMutationObserver, useResizeObserver } from '@vueuse/core';
 import { isRef, Ref, ref, UnwrapRef, watch } from 'vue-demi';
 
-export interface UseOverflowReturn {
+export interface Overflow {
   innerItems: Ref<HTMLElement[]>;
   outerItems: Ref<HTMLElement[]>;
 }
 
-export function useOverflow(
-  container: MaybeElementRef<HTMLElement | undefined>
-): UseOverflowReturn {
+export function useOverflow(container: MaybeElementRef<HTMLElement | undefined>): Overflow {
   const containerRef = isRef(container) ? container : ref(container);
 
   // State
@@ -44,7 +42,7 @@ export function useOverflow(
       }, {
         innerItems: [],
         outerItems: [],
-      } as UnwrapRef<UseOverflowReturn>);
+      } as UnwrapRef<Overflow>);
 
       innerItemsRef.value = update.innerItems;
       outerItemsRef.value = update.outerItems;

package/src/hooks/useTheme.ts

@@ -0,0 +1,7 @@
+import defaultConfig from '@onereach/styles/tailwind.config';
+import { Config } from 'tailwindcss';
+import resolveConfig from 'tailwindcss/resolveConfig';
+
+export function useTheme(config: Config = defaultConfig): Config['theme'] {
+  return resolveConfig(config).theme;
+}

package/src/shims-mdx.d.ts

@@ -0,0 +1,4 @@
+declare module '*.mdx' {
+  const content: string;
+  export default content;
+}

package/src/shims-png.d.ts

@@ -1,4 +1,4 @@
 declare module '*.png' {
-  const value: string;
-  export default value;
+  const content: string;
+  export default content;
 }

package/src/shims-vue.d.ts

@@ -1,5 +1,6 @@
 declare module '*.vue' {
   import { defineComponent } from 'vue-demi';
-  const Component: ReturnType<typeof defineComponent>;
-  export default Component;
+
+  const content: ReturnType<typeof defineComponent>;
+  export default content;
 }

package/src/shims.d.ts

@@ -1,5 +1,14 @@
-declare module '*.mdx' {
-  const content: string;
+declare module '@onereach/styles/tailwind.config' {
+  import { Config } from 'tailwindcss';
+
+  const content: Config;
+  export default content;
+}
+
+declare module 'tailwindcss/resolveConfig' {
+  import { Config } from 'tailwindcss';
+
+  const content: (...configs: Config[]) => Config;
   export default content;
 }