@koine/react 1.1.8 → 1.1.9

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.
@@ -8,8 +8,7 @@ type ClassedFinalProps<Props, Component> = Component extends React.ReactHTML ? R
8
8
  * This utility allows to extend a component a là `styled-components` but for
9
9
  * a className based styling solution like Tailwind,
10
10
  *
11
- * It also plays nicely with tailwind intellisense @see:
12
- *
11
+ * It also plays nicely with tailwind intellisense:
13
12
  * - https://github.com/tailwindlabs/tailwindcss-intellisense#tailwindcssclassattributes
14
13
  *
15
14
  * For references about tagged functions:
@@ -17,6 +16,12 @@ type ClassedFinalProps<Props, Component> = Component extends React.ReactHTML ? R
17
16
  * - https://makersden.io/blog/reverse-engineering-styled-components
18
17
  * - https://typesafe.blog/article/the-logic-behind-javascript-tag-functions
19
18
  * - https://flaming.codes/posts/typescript-and-javascript-tagged-template-strings
19
+ *
20
+ * Similar projects:
21
+ * - https://reactjsexample.com/style-radix-ui-components-with-tailwindcss/
22
+ *
23
+ * Discussions and Q/A:
24
+ * - https://stackoverflow.com/q/73055695/1938970
20
25
  */
21
26
  export declare function classed<Props, Component extends React.ElementType = any>(component: Component): (strings: TemplateStringsArray, ...args: string[] | ((props: Props) => string)[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<ClassedFinalProps<Props, Component>> & React.RefAttributes<Component>>;
22
27
  export default classed;
@@ -4,8 +4,7 @@ import { createElement, forwardRef } from "react";
4
4
  * This utility allows to extend a component a là `styled-components` but for
5
5
  * a className based styling solution like Tailwind,
6
6
  *
7
- * It also plays nicely with tailwind intellisense @see:
8
- *
7
+ * It also plays nicely with tailwind intellisense:
9
8
  * - https://github.com/tailwindlabs/tailwindcss-intellisense#tailwindcssclassattributes
10
9
  *
11
10
  * For references about tagged functions:
@@ -13,6 +12,12 @@ import { createElement, forwardRef } from "react";
13
12
  * - https://makersden.io/blog/reverse-engineering-styled-components
14
13
  * - https://typesafe.blog/article/the-logic-behind-javascript-tag-functions
15
14
  * - https://flaming.codes/posts/typescript-and-javascript-tagged-template-strings
15
+ *
16
+ * Similar projects:
17
+ * - https://reactjsexample.com/style-radix-ui-components-with-tailwindcss/
18
+ *
19
+ * Discussions and Q/A:
20
+ * - https://stackoverflow.com/q/73055695/1938970
16
21
  */
17
22
  export function classed(component) {
18
23
  // @ts-expect-error nevermind for now...
@@ -7,8 +7,7 @@ var react_1 = require("react");
7
7
  * This utility allows to extend a component a là `styled-components` but for
8
8
  * a className based styling solution like Tailwind,
9
9
  *
10
- * It also plays nicely with tailwind intellisense @see:
11
- *
10
+ * It also plays nicely with tailwind intellisense:
12
11
  * - https://github.com/tailwindlabs/tailwindcss-intellisense#tailwindcssclassattributes
13
12
  *
14
13
  * For references about tagged functions:
@@ -16,6 +15,12 @@ var react_1 = require("react");
16
15
  * - https://makersden.io/blog/reverse-engineering-styled-components
17
16
  * - https://typesafe.blog/article/the-logic-behind-javascript-tag-functions
18
17
  * - https://flaming.codes/posts/typescript-and-javascript-tagged-template-strings
18
+ *
19
+ * Similar projects:
20
+ * - https://reactjsexample.com/style-radix-ui-components-with-tailwindcss/
21
+ *
22
+ * Discussions and Q/A:
23
+ * - https://stackoverflow.com/q/73055695/1938970
19
24
  */
20
25
  function classed(component) {
21
26
  // @ts-expect-error nevermind for now...
package/package.json CHANGED
@@ -40,6 +40,9 @@
40
40
  },
41
41
  "styled-components": {
42
42
  "optional": true
43
+ },
44
+ "tailwindcss": {
45
+ "optional": true
43
46
  }
44
47
  },
45
48
  "main": "./node/index.js",
@@ -50,7 +53,7 @@
50
53
  "framer-motion": "8.5.5",
51
54
  "react": "18.2.0",
52
55
  "@mui/base": "5.0.0-alpha.115",
53
- "@koine/utils": "1.1.8",
56
+ "@koine/utils": "1.1.9",
54
57
  "ts-debounce": "4.0.0",
55
58
  "type-fest": "3.5.3",
56
59
  "react-icons": "4.7.1",
@@ -60,10 +63,10 @@
60
63
  "@tiptap/starter-kit": "2.0.0-beta.209",
61
64
  "@kuus/yup": "1.0.0-beta.7",
62
65
  "react-hook-form": "7.42.1",
63
- "@koine/dom": "1.1.8",
66
+ "@koine/dom": "1.1.9",
64
67
  "react-popper": "2.3.0",
65
68
  "tslib": "2.5.0"
66
69
  },
67
- "version": "1.1.8",
70
+ "version": "1.1.9",
68
71
  "module": "./index.js"
69
72
  }