@kirill.konshin/tailwind 0.0.1 → 0.0.3
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/dist/fullpage.d.ts +4 -3
- package/dist/fullpage.d.ts.map +1 -1
- package/dist/fullpage.js +14 -10
- package/dist/fullpage.js.map +1 -1
- package/dist/fullpage.stories.d.ts +8 -0
- package/dist/fullpage.stories.d.ts.map +1 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.js +1 -5
- package/dist/responsiveHelper.d.ts +2 -1
- package/dist/responsiveHelper.d.ts.map +1 -1
- package/dist/responsiveHelper.js +38 -15
- package/dist/responsiveHelper.js.map +1 -1
- package/dist/responsiveHelper.stories.d.ts +5 -0
- package/dist/responsiveHelper.stories.d.ts.map +1 -0
- package/package.json +17 -5
- package/.ctirc +0 -11
- package/.turbo/turbo-build.log +0 -14
- package/dist/index.js.map +0 -1
- package/src/fullpage.tsx +0 -12
- package/src/index.ts +0 -2
- package/src/responsiveHelper.tsx +0 -16
- package/tsconfig.json +0 -10
- package/turbo.json +0 -10
- package/vite.config.ts +0 -2
package/dist/fullpage.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { FC, RefObject } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type FullpageProps = {
|
|
3
3
|
ref: RefObject<HTMLDivElement>;
|
|
4
|
-
className
|
|
4
|
+
className?: string;
|
|
5
5
|
children: any;
|
|
6
|
-
}
|
|
6
|
+
};
|
|
7
|
+
export declare const Fullpage: FC<FullpageProps>;
|
|
7
8
|
//# sourceMappingURL=fullpage.d.ts.map
|
package/dist/fullpage.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fullpage.d.ts","sourceRoot":"","sources":["../src/fullpage.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"fullpage.d.ts","sourceRoot":"","sources":["../src/fullpage.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,aAAa,GAAG;IACxB,GAAG,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,GAAG,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAUrC,CAAC"}
|
package/dist/fullpage.js
CHANGED
|
@@ -1,11 +1,15 @@
|
|
|
1
|
+
import { memo } from "react";
|
|
1
2
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
};
|
|
11
|
-
//#
|
|
3
|
+
//#region src/fullpage.tsx
|
|
4
|
+
var Fullpage = memo(function Fullpage({ ref, className = "", children, ...props }) {
|
|
5
|
+
return /* @__PURE__ */ jsx("div", {
|
|
6
|
+
ref,
|
|
7
|
+
...props,
|
|
8
|
+
className: `container h-screen flex flex-col justify-center items-center ${className}`,
|
|
9
|
+
children
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
//#endregion
|
|
13
|
+
export { Fullpage };
|
|
14
|
+
|
|
15
|
+
//# sourceMappingURL=fullpage.js.map
|
package/dist/fullpage.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fullpage.js","sources":["../src/fullpage.tsx"],"sourcesContent":["import React, { FC, RefObject } from 'react';\n\nexport
|
|
1
|
+
{"version":3,"file":"fullpage.js","names":[],"sources":["../src/fullpage.tsx"],"sourcesContent":["import React, { type FC, memo, type RefObject } from 'react';\n\nexport type FullpageProps = {\n ref: RefObject<HTMLDivElement>;\n className?: string;\n children: any;\n};\n\nexport const Fullpage: FC<FullpageProps> = memo(function Fullpage({ ref, className = '', children, ...props }) {\n return (\n <div\n ref={ref}\n {...props}\n className={`container h-screen flex flex-col justify-center items-center ${className}`}\n >\n {children}\n </div>\n );\n});\n"],"mappings":";;;AAQA,IAAa,WAA8B,KAAK,SAAS,SAAS,EAAE,KAAK,YAAY,IAAI,UAAU,GAAG,SAAS;CAC3G,OACI,oBAAC,OAAD;EACS;EACL,GAAI;EACJ,WAAW,gEAAgE;EAE1E;CACA,CAAA;AAEb,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Fullpage } from './fullpage.js';
|
|
3
|
+
declare const meta: Meta<typeof Fullpage>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Fullpage>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithCustomClass: Story;
|
|
8
|
+
//# sourceMappingURL=fullpage.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fullpage.stories.d.ts","sourceRoot":"","sources":["../src/fullpage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,iBAAiB,CAAC;AAEzB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAM/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAYvC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './fullpage';
|
|
2
|
-
export * from './responsiveHelper';
|
|
1
|
+
export * from './fullpage.js';
|
|
2
|
+
export * from './responsiveHelper.js';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"responsiveHelper.d.ts","sourceRoot":"","sources":["../src/responsiveHelper.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"responsiveHelper.d.ts","sourceRoot":"","sources":["../src/responsiveHelper.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAE7C,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAE5D,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAWzD,CAAC"}
|
package/dist/responsiveHelper.js
CHANGED
|
@@ -1,16 +1,39 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
2
|
+
import { memo } from "react";
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
+
//#region src/responsiveHelper.tsx
|
|
5
|
+
var ResponsiveHelperTW = memo(function ResponsiveHelperTW() {
|
|
6
|
+
return /* @__PURE__ */ jsxs("span", {
|
|
7
|
+
className: "fixed bottom-0 right-2 z-30 leading-none text-xs",
|
|
8
|
+
children: [
|
|
9
|
+
/* @__PURE__ */ jsx("small", {
|
|
10
|
+
className: "hidden xs:max-sm:block",
|
|
11
|
+
children: "XS"
|
|
12
|
+
}),
|
|
13
|
+
/* @__PURE__ */ jsx("small", {
|
|
14
|
+
className: "hidden sm:max-md:block",
|
|
15
|
+
children: "SM"
|
|
16
|
+
}),
|
|
17
|
+
/* @__PURE__ */ jsx("small", {
|
|
18
|
+
className: "hidden md:max-lg:block",
|
|
19
|
+
children: "MD"
|
|
20
|
+
}),
|
|
21
|
+
/* @__PURE__ */ jsx("small", {
|
|
22
|
+
className: "hidden lg:max-xl:block",
|
|
23
|
+
children: "LG"
|
|
24
|
+
}),
|
|
25
|
+
/* @__PURE__ */ jsx("small", {
|
|
26
|
+
className: "hidden xl:max-2xl:block",
|
|
27
|
+
children: "XL"
|
|
28
|
+
}),
|
|
29
|
+
/* @__PURE__ */ jsx("small", {
|
|
30
|
+
className: "hidden 2xl:block",
|
|
31
|
+
children: "XXL"
|
|
32
|
+
})
|
|
33
|
+
]
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
//#endregion
|
|
37
|
+
export { ResponsiveHelperTW };
|
|
38
|
+
|
|
39
|
+
//# sourceMappingURL=responsiveHelper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"responsiveHelper.js","sources":["../src/responsiveHelper.tsx"],"sourcesContent":["'use client';\n\nimport React, { FC } from 'react';\n\nexport const ResponsiveHelperTW: FC<
|
|
1
|
+
{"version":3,"file":"responsiveHelper.js","names":[],"sources":["../src/responsiveHelper.tsx"],"sourcesContent":["'use client';\n\nimport React, { type FC, memo } from 'react';\n\nexport type ResponsiveHelperTWProps = Record<string, never>;\n\nexport const ResponsiveHelperTW: FC<ResponsiveHelperTWProps> = memo(function ResponsiveHelperTW() {\n return (\n <span className=\"fixed bottom-0 right-2 z-30 leading-none text-xs\">\n <small className=\"hidden xs:max-sm:block\">XS</small>\n <small className=\"hidden sm:max-md:block\">SM</small>\n <small className=\"hidden md:max-lg:block\">MD</small>\n <small className=\"hidden lg:max-xl:block\">LG</small>\n <small className=\"hidden xl:max-2xl:block\">XL</small>\n <small className=\"hidden 2xl:block\">XXL</small>\n </span>\n );\n});\n"],"mappings":";;;;AAMA,IAAa,qBAAkD,KAAK,SAAS,qBAAqB;CAC9F,OACI,qBAAC,QAAD;EAAM,WAAU;YAAhB;GACI,oBAAC,SAAD;IAAO,WAAU;cAAyB;GAAS,CAAA;GACnD,oBAAC,SAAD;IAAO,WAAU;cAAyB;GAAS,CAAA;GACnD,oBAAC,SAAD;IAAO,WAAU;cAAyB;GAAS,CAAA;GACnD,oBAAC,SAAD;IAAO,WAAU;cAAyB;GAAS,CAAA;GACnD,oBAAC,SAAD;IAAO,WAAU;cAA0B;GAAS,CAAA;GACpD,oBAAC,SAAD;IAAO,WAAU;cAAmB;GAAU,CAAA;EAC5C;;AAEd,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"responsiveHelper.stories.d.ts","sourceRoot":"","sources":["../src/responsiveHelper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,iBAAiB,CAAC;AAEzB,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,OAQrB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kirill.konshin/tailwind",
|
|
3
3
|
"description": "Utilities",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.3",
|
|
5
5
|
"type": "module",
|
|
6
|
+
"hasStorybook": true,
|
|
6
7
|
"scripts": {
|
|
7
8
|
"----- BUILD -----": "",
|
|
8
9
|
"clean": "rm -rf dist .tscache tsconfig.tsbuildinfo",
|
|
9
10
|
"build": "vite build",
|
|
10
|
-
"build:index": "cti create ./src",
|
|
11
|
-
"build:check-types": "attw --pack .",
|
|
12
11
|
"start": "yarn build --watch",
|
|
13
12
|
"wait": "wait-on ./dist/index.js",
|
|
14
13
|
"----- TEST -----": "",
|
|
15
|
-
"test
|
|
14
|
+
"test": "vitest run --coverage",
|
|
16
15
|
"test:watch": "vitest watch --coverage",
|
|
17
16
|
"----- STORYBOOK -----": "",
|
|
18
17
|
"storybook:start": "storybook dev -p 6006",
|
|
@@ -50,5 +49,18 @@
|
|
|
50
49
|
"tailwindcss": {
|
|
51
50
|
"optional": true
|
|
52
51
|
}
|
|
53
|
-
}
|
|
52
|
+
},
|
|
53
|
+
"repository": {
|
|
54
|
+
"type": "git",
|
|
55
|
+
"url": "https://github.com/kirill-konshin/utils.git",
|
|
56
|
+
"directory": "packages/tailwind"
|
|
57
|
+
},
|
|
58
|
+
"nx": {
|
|
59
|
+
"tags": [
|
|
60
|
+
"platform:react"
|
|
61
|
+
]
|
|
62
|
+
},
|
|
63
|
+
"files": [
|
|
64
|
+
"dist"
|
|
65
|
+
]
|
|
54
66
|
}
|
package/.ctirc
DELETED
package/.turbo/turbo-build.log
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
[36mvite v7.0.6 [32mbuilding SSR bundle for production...[36m[39m
|
|
2
|
-
create succeeded: /home/runner/work/utils/utils/packages/tailwind/src
|
|
3
|
-
transforming...
|
|
4
|
-
[32m✓[39m 3 modules transformed.
|
|
5
|
-
rendering chunks...
|
|
6
|
-
|
|
7
|
-
[vite:dts] Start generate declaration files...
|
|
8
|
-
[2mdist/[22m[36mindex.js [39m[1m[2m0.18 kB[22m[1m[22m[2m │ map: 0.09 kB[22m
|
|
9
|
-
[2mdist/[22m[36mfullpage.js [39m[1m[2m0.32 kB[22m[1m[22m[2m │ map: 0.63 kB[22m
|
|
10
|
-
[2mdist/[22m[36mresponsiveHelper.js [39m[1m[2m0.87 kB[22m[1m[22m[2m │ map: 1.20 kB[22m
|
|
11
|
-
[vite:dts] Declaration files built in 1381ms.
|
|
12
|
-
|
|
13
|
-
[32m✓ built in 2.02s[39m
|
|
14
|
-
Updated package.json with exports
|
package/dist/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
package/src/fullpage.tsx
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React, { FC, RefObject } from 'react';
|
|
2
|
-
|
|
3
|
-
export const Fullpage: FC<{ ref: RefObject<HTMLDivElement>; className: string; children: any }> = ({
|
|
4
|
-
ref,
|
|
5
|
-
className = '',
|
|
6
|
-
children,
|
|
7
|
-
...props
|
|
8
|
-
}) => (
|
|
9
|
-
<div ref={ref} {...props} className={`container h-screen flex flex-col justify-center items-center ${className}`}>
|
|
10
|
-
{children}
|
|
11
|
-
</div>
|
|
12
|
-
);
|
package/src/index.ts
DELETED
package/src/responsiveHelper.tsx
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import React, { FC } from 'react';
|
|
4
|
-
|
|
5
|
-
export const ResponsiveHelperTW: FC<any> = function ResponsiveHelperTW() {
|
|
6
|
-
return (
|
|
7
|
-
<span className="fixed bottom-0 right-2 z-30 leading-none text-xs">
|
|
8
|
-
<small className="hidden xs:max-sm:block">XS</small>
|
|
9
|
-
<small className="hidden sm:max-md:block">SM</small>
|
|
10
|
-
<small className="hidden md:max-lg:block">MD</small>
|
|
11
|
-
<small className="hidden lg:max-xl:block">LG</small>
|
|
12
|
-
<small className="hidden xl:max-2xl:block">XL</small>
|
|
13
|
-
<small className="hidden 2xl:block">XXL</small>
|
|
14
|
-
</span>
|
|
15
|
-
);
|
|
16
|
-
};
|
package/tsconfig.json
DELETED
package/turbo.json
DELETED
package/vite.config.ts
DELETED