period-ui 0.6.3 → 0.7.1

package/dist/utils/use-focus-on-open.js

@@ -8,7 +8,7 @@ function useFocusOnOpen(ref, isOpen) {
             return;
         }
         if (isOpen) {
-            ref.current.focus();
+            ref.current.focus({ preventScroll: true });
             const { selectionStart, selectionEnd, value } = ref.current;
             if (selectionStart === 0 && selectionEnd === 0) {
                 const length = value.length;

package/dist/utils/use-focus-on-open.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-focus-on-open.js","sourceRoot":"","sources":["../../src/utils/use-focus-on-open.ts"],"names":[],"mappings":";;AAKA,wCAoBC;AAzBD,iCAA6C;AAK7C,SAAgB,cAAc,CAAC,GAAgC,EAAE,MAAe;IAC9E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,IAAI,MAAM,EAAE,CAAC;YACX,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAEpB,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;YAC5D,IAAI,cAAc,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,EAAE,CAAC;gBAC/C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;gBAC5B,GAAG,CAAC,OAAO,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YAChD,CAAC;YAED,OAAO;QACT,CAAC;QAED,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACpB,CAAC"}
+{"version":3,"file":"use-focus-on-open.js","sourceRoot":"","sources":["../../src/utils/use-focus-on-open.ts"],"names":[],"mappings":";;AAKA,wCAoBC;AAzBD,iCAA6C;AAK7C,SAAgB,cAAc,CAAC,GAAgC,EAAE,MAAe;IAC9E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,IAAI,MAAM,EAAE,CAAC;YACX,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;YAE3C,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;YAC5D,IAAI,cAAc,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,EAAE,CAAC;gBAC/C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;gBAC5B,GAAG,CAAC,OAAO,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YAChD,CAAC;YAED,OAAO;QACT,CAAC;QAED,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACpB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "period-ui",
-  "version": "0.6.3",
+  "version": "0.7.1",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -9,9 +9,11 @@
   "sideEffects": false,
   "files": [
     "dist",
+    "dist/fonts",
+    "tailwind.preset.cjs",
+    "tailwind.preset.d.cts",
     "README.md",
-    "LICENSE",
-    "dist/fonts"
+    "LICENSE"
   ],
   "scripts": {
     "build": "vite build && tsc -p tsconfig.build.json && tsc-alias && yarn build:css",
@@ -103,6 +105,10 @@
       "style": "./dist/index.css",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
+    },
+    "./tailwind-preset": {
+      "types": "./tailwind.preset.d.cts",
+      "default": "./tailwind.preset.cjs"
     }
   },
   "packageManager": "yarn@4.18.0+sha512.fcb8716fe7cd0eece141ffc18b92193a9df9204c1ba83189c288835223fc0bbe64af473bab0d5e9927a7daeb5caf2bb07eb2787cc9338ca040ea125f2a1f2f7e"

package/tailwind.preset.cjs

@@ -0,0 +1,60 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ['Geist', 'sans-serif'],
+      },
+      colors: {
+        white: '#FFFFFF',
+        gray: {
+          '01': '#292929',
+          '02': '#737373',
+          '03': '#B3B3B3',
+          '04': '#E3E3E3',
+          '05': '#F4F4F5',
+          '06': '#FAFBFC',
+        },
+        blue: {
+          '00': '#002CD3',
+          '01': '#0066FF',
+          '02': '#3385FF',
+          '03': '#B3D1FF',
+          '04': '#E6F0FF',
+        },
+        green: {
+          '00': '#1F4D00',
+          '01': '#338000',
+          '02': '#47B300',
+          '03': '#B5E198',
+          '04': '#F0FFE6',
+        },
+        yellow: {
+          '01': '#995C00',
+          '02': '#F5BC21',
+          '03': '#F7DD96',
+          '04': '#FFF9E5',
+        },
+        red: {
+          '00': '#800D00',
+          '01': '#CC1400',
+          '02': '#FF4733',
+          '03': '#FFD1CC',
+          '04': '#FFE8E6',
+        },
+        purple: {
+          '01': '#971CD3',
+          '02': '#AA34E5',
+          '04': '#F6E8FC',
+        },
+      },
+      boxShadow: {
+        'white-two': '0px 1px 4px 0px rgba(0, 0, 0, 0.24)',
+        'white-tree': '0px 2px 6px 0px rgba(0, 0, 0, 0.16)',
+        'blue-two': '0px 1px 4px 0px rgba(0, 0, 0, 0.52)',
+        'red-two': '0px 1px 4px 0px rgba(0, 0, 0, 0.44)',
+        'black-tree': '0px 1px 4px 0px rgba(0, 0, 0, 0.4)',
+      },
+    },
+  },
+};

package/tailwind.preset.d.cts

@@ -0,0 +1,5 @@
+import type { Config } from 'tailwindcss';
+
+declare const preset: Pick<Config, 'theme'>;
+
+export = preset;