@nattui/react-components 0.0.5 → 0.0.7

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.
@@ -1,8 +1,28 @@
1
1
 
2
2
  
3
- > @nattui/react-components@0.0.3 build /Users/snowshift/Documents/3-github/react-components/packages/ui
3
+ > @nattui/react-components@0.0.7 build /Users/snowshift/Documents/3-github/react-components/packages/ui
4
4
  > tsup
5
5
 
6
+ ▲ [WARNING] The condition "types" here will never be used as it comes after both "import" and "require" [package.json]
7
+
8
+ package.json:24:6:
9
+  24 │ "types": "./dist/index.d.ts"
10
+ ╵ ~~~~~~~
11
+
12
+ The "import" condition comes earlier and will be used for
13
+ all "import" statements:
14
+
15
+ package.json:22:6:
16
+  22 │ "import": "./dist/index.mjs",
17
+ ╵ ~~~~~~~~
18
+
19
+ The "require" condition comes earlier and will be used for
20
+ all "require" calls:
21
+
22
+ package.json:23:6:
23
+  23 │ "require": "./dist/index.js",
24
+ ╵ ~~~~~~~~~
25
+
6
26
  CLI Building entry: src/index.ts
7
27
  CLI Using tsconfig: tsconfig.json
8
28
  CLI tsup v8.5.0
@@ -11,19 +31,61 @@
11
31
  CLI Cleaning output folder
12
32
  ESM Build start
13
33
  CJS Build start
34
+
35
+ [2:28:47 PM]  WARN  ▲ [WARNING] The condition "types" here will never be used as it comes after both "import" and "require" [package.json]
36
+
37
+ package.json:24:6:
38
+  24 │ "types": "./dist/index.d.ts"
39
+ ╵ ~~~~~~~
40
+
41
+ The "import" condition comes earlier and will be used for all "import" statements:
42
+
43
+ package.json:22:6:
44
+  22 │ "import": "./dist/index.mjs",
45
+ ╵ ~~~~~~~~
46
+
47
+ The "require" condition comes earlier and will be used for all "require" calls:
48
+
49
+ package.json:23:6:
50
+  23 │ "require": "./dist/index.js",
51
+ ╵ ~~~~~~~~~
52
+
53
+
54
+
55
+
56
+ [2:28:47 PM]  WARN  ▲ [WARNING] The condition "types" here will never be used as it comes after both "import" and "require" [package.json]
57
+
58
+ package.json:24:6:
59
+  24 │ "types": "./dist/index.d.ts"
60
+ ╵ ~~~~~~~
61
+
62
+ The "import" condition comes earlier and will be used for all "import" statements:
63
+
64
+ package.json:22:6:
65
+  22 │ "import": "./dist/index.mjs",
66
+ ╵ ~~~~~~~~
67
+
68
+ The "require" condition comes earlier and will be used for all "require" calls:
69
+
70
+ package.json:23:6:
71
+  23 │ "require": "./dist/index.js",
72
+ ╵ ~~~~~~~~~
73
+
74
+
75
+
76
+ ESM dist/button-spinner.module-4TBETQ4T.module.css 1.49 KB
77
+ ESM dist/button-background.module-T5B7XZ2Z.module.css 702.00 B
78
+ ESM dist/button.module-4G5LYXJH.module.css 5.76 KB
79
+ ESM dist/index.mjs 3.53 KB
80
+ ESM dist/index.mjs.map 7.90 KB
81
+ ESM ⚡️ Build success in 63ms
14
82
  CJS dist/button-background.module-T5B7XZ2Z.module.css 702.00 B
15
83
  CJS dist/button-spinner.module-4TBETQ4T.module.css 1.49 KB
16
- CJS dist/button.module-N3Y5HX7N.module.css 5.83 KB
84
+ CJS dist/button.module-4G5LYXJH.module.css 5.76 KB
17
85
  CJS dist/index.js 4.26 KB
18
- CJS dist/index.js.map 7.92 KB
19
- CJS ⚡️ Build success in 76ms
20
- ESM dist/button.module-N3Y5HX7N.module.css 5.83 KB
21
- ESM dist/button-background.module-T5B7XZ2Z.module.css 702.00 B
22
- ESM dist/button-spinner.module-4TBETQ4T.module.css 1.49 KB
23
- ESM dist/index.mjs 3.53 KB
24
- ESM dist/index.mjs.map 7.87 KB
25
- ESM ⚡️ Build success in 77ms
86
+ CJS dist/index.js.map 7.96 KB
87
+ CJS ⚡️ Build success in 63ms
26
88
  DTS Build start
27
- DTS ⚡️ Build success in 698ms
28
- DTS dist/index.d.mts 1.37 KB
29
- DTS dist/index.d.ts 1.37 KB
89
+ DTS ⚡️ Build success in 524ms
90
+ DTS dist/index.d.mts 1.39 KB
91
+ DTS dist/index.d.ts 1.39 KB
@@ -0,0 +1,151 @@
1
+
2
+ > @nattui/react-components@0.0.6 dev /Users/snowshift/Documents/3-github/react-components/packages/ui
3
+ > tsup --watch
4
+
5
+ ▲ [WARNING] The condition "types" here will never be used as it comes after both "import" and "require" [package.json]
6
+
7
+ package.json:24:6:
8
+  24 │ "types": "./dist/index.d.ts"
9
+ ╵ ~~~~~~~
10
+
11
+ The "import" condition comes earlier and will be used for
12
+ all "import" statements:
13
+
14
+ package.json:22:6:
15
+  22 │ "import": "./dist/index.mjs",
16
+ ╵ ~~~~~~~~
17
+
18
+ The "require" condition comes earlier and will be used for
19
+ all "require" calls:
20
+
21
+ package.json:23:6:
22
+  23 │ "require": "./dist/index.js",
23
+ ╵ ~~~~~~~~~
24
+
25
+ CLI Building entry: src/index.ts
26
+ CLI Using tsconfig: tsconfig.json
27
+ CLI tsup v8.5.0
28
+ CLI Using tsup config: /Users/snowshift/Documents/3-github/react-components/packages/ui/tsup.config.ts
29
+ CLI Running in watch mode
30
+ CLI Target: node16
31
+ CLI Cleaning output folder
32
+ ESM Build start
33
+ CJS Build start
34
+
35
+ [2:26:35 PM]  WARN  ▲ [WARNING] The condition "types" here will never be used as it comes after both "import" and "require" [package.json]
36
+
37
+ package.json:24:6:
38
+  24 │ "types": "./dist/index.d.ts"
39
+ ╵ ~~~~~~~
40
+
41
+ The "import" condition comes earlier and will be used for all "import" statements:
42
+
43
+ package.json:22:6:
44
+  22 │ "import": "./dist/index.mjs",
45
+ ╵ ~~~~~~~~
46
+
47
+ The "require" condition comes earlier and will be used for all "require" calls:
48
+
49
+ package.json:23:6:
50
+  23 │ "require": "./dist/index.js",
51
+ ╵ ~~~~~~~~~
52
+
53
+
54
+
55
+
56
+ [2:26:35 PM]  WARN  ▲ [WARNING] The condition "types" here will never be used as it comes after both "import" and "require" [package.json]
57
+
58
+ package.json:24:6:
59
+  24 │ "types": "./dist/index.d.ts"
60
+ ╵ ~~~~~~~
61
+
62
+ The "import" condition comes earlier and will be used for all "import" statements:
63
+
64
+ package.json:22:6:
65
+  22 │ "import": "./dist/index.mjs",
66
+ ╵ ~~~~~~~~
67
+
68
+ The "require" condition comes earlier and will be used for all "require" calls:
69
+
70
+ package.json:23:6:
71
+  23 │ "require": "./dist/index.js",
72
+ ╵ ~~~~~~~~~
73
+
74
+
75
+
76
+ CJS dist/button-spinner.module-4TBETQ4T.module.css 1.49 KB
77
+ CJS dist/button-background.module-T5B7XZ2Z.module.css 702.00 B
78
+ CJS dist/button.module-4G5LYXJH.module.css 5.76 KB
79
+ CJS dist/index.js 4.26 KB
80
+ CJS dist/index.js.map 7.96 KB
81
+ CJS ⚡️ Build success in 77ms
82
+ ESM dist/button-spinner.module-4TBETQ4T.module.css 1.49 KB
83
+ ESM dist/button-background.module-T5B7XZ2Z.module.css 702.00 B
84
+ ESM dist/button.module-4G5LYXJH.module.css 5.76 KB
85
+ ESM dist/index.mjs 3.53 KB
86
+ ESM dist/index.mjs.map 7.90 KB
87
+ ESM ⚡️ Build success in 78ms
88
+ CLI Watching for changes in "."
89
+ CLI Ignoring changes in "**/{.git,node_modules}/**" | "dist"
90
+ DTS Build start
91
+ DTS ⚡️ Build success in 611ms
92
+ CLI Change detected: change src/index.ts
93
+ DTS Build start
94
+ CLI Cleaning output folder
95
+ ESM Build start
96
+ CJS Build start
97
+
98
+ [2:26:40 PM]  WARN  ▲ [WARNING] The condition "types" here will never be used as it comes after both "import" and "require" [package.json]
99
+
100
+ package.json:24:6:
101
+  24 │ "types": "./dist/index.d.ts"
102
+ ╵ ~~~~~~~
103
+
104
+ The "import" condition comes earlier and will be used for all "import" statements:
105
+
106
+ package.json:22:6:
107
+  22 │ "import": "./dist/index.mjs",
108
+ ╵ ~~~~~~~~
109
+
110
+ The "require" condition comes earlier and will be used for all "require" calls:
111
+
112
+ package.json:23:6:
113
+  23 │ "require": "./dist/index.js",
114
+ ╵ ~~~~~~~~~
115
+
116
+
117
+
118
+
119
+ [2:26:40 PM]  WARN  ▲ [WARNING] The condition "types" here will never be used as it comes after both "import" and "require" [package.json]
120
+
121
+ package.json:24:6:
122
+  24 │ "types": "./dist/index.d.ts"
123
+ ╵ ~~~~~~~
124
+
125
+ The "import" condition comes earlier and will be used for all "import" statements:
126
+
127
+ package.json:22:6:
128
+  22 │ "import": "./dist/index.mjs",
129
+ ╵ ~~~~~~~~
130
+
131
+ The "require" condition comes earlier and will be used for all "require" calls:
132
+
133
+ package.json:23:6:
134
+  23 │ "require": "./dist/index.js",
135
+ ╵ ~~~~~~~~~
136
+
137
+
138
+
139
+ ESM dist/button-spinner.module-4TBETQ4T.module.css 1.49 KB
140
+ ESM dist/button-background.module-T5B7XZ2Z.module.css 702.00 B
141
+ ESM dist/button.module-4G5LYXJH.module.css 5.76 KB
142
+ ESM dist/index.mjs 3.53 KB
143
+ ESM dist/index.mjs.map 7.90 KB
144
+ ESM ⚡️ Build success in 353ms
145
+ CJS dist/button-background.module-T5B7XZ2Z.module.css 702.00 B
146
+ CJS dist/button.module-4G5LYXJH.module.css 5.76 KB
147
+ CJS dist/button-spinner.module-4TBETQ4T.module.css 1.49 KB
148
+ CJS dist/index.js 4.26 KB
149
+ CJS dist/index.js.map 7.96 KB
150
+ CJS ⚡️ Build success in 371ms
151
+ DTS ⚡️ Build success in 962ms
@@ -21,7 +21,7 @@
21
21
  position: relative;
22
22
  transition-duration: 150ms;
23
23
  transition-property:
24
- background-color, border-color, box-shadow, color, opacity, scale;
24
+ background-color, border-color, box-shadow, color, opacity, scale, translate;
25
25
  user-select: none;
26
26
  }
27
27
 
@@ -37,13 +37,6 @@
37
37
  .button:enabled[aria-pressed="true"],
38
38
  .button:enabled:active {
39
39
  scale: 0.985;
40
- }
41
-
42
- /* Active children */
43
- .button:enabled[aria-pressed="true"] > *,
44
- .button:enabled:active > * {
45
- transition-duration: 150ms;
46
- transition-property: translate;
47
40
  translate: 0 1px;
48
41
  }
49
42
 
package/dist/index.js CHANGED
@@ -3,7 +3,7 @@
3
3
  var styles = require('./button-background.module-T5B7XZ2Z.module.css');
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
5
  var styles2 = require('./button-spinner.module-4TBETQ4T.module.css');
6
- var styles3 = require('./button.module-PKQOSOKP.module.css');
6
+ var styles3 = require('./button.module-4G5LYXJH.module.css');
7
7
 
8
8
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
9
9
 
package/dist/index.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import styles from './button-background.module-T5B7XZ2Z.module.css';
2
2
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
3
3
  import styles2 from './button-spinner.module-4TBETQ4T.module.css';
4
- import styles3 from './button.module-PKQOSOKP.module.css';
4
+ import styles3 from './button.module-4G5LYXJH.module.css';
5
5
 
6
6
  // src/button-background.tsx
7
7
  function ButtonBackground(props) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nattui/react-components",
3
- "version": "0.0.5",
3
+ "version": "0.0.7",
4
4
  "description": "A collection of reusable React components built with TypeScript and CSS Modules",
5
5
  "keywords": [
6
6
  "components",
@@ -17,9 +17,15 @@
17
17
  },
18
18
  "license": "MIT",
19
19
  "author": "Natt Nguyen <hello@natt.sh> (https://natt.sh)",
20
- "exports": "./dist/index.js",
20
+ "exports": {
21
+ ".": {
22
+ "types": "./dist/index.d.ts",
23
+ "import": "./dist/index.mjs",
24
+ "require": "./dist/index.js"
25
+ }
26
+ },
21
27
  "main": "./dist/index.js",
22
- "module": "./dist/index.js",
28
+ "module": "./dist/index.mjs",
23
29
  "types": "./dist/index.d.ts",
24
30
  "devDependencies": {
25
31
  "@eslint/js": "^9.32.0",
@@ -21,7 +21,7 @@
21
21
  position: relative;
22
22
  transition-duration: 150ms;
23
23
  transition-property:
24
- background-color, border-color, box-shadow, color, opacity, scale;
24
+ background-color, border-color, box-shadow, color, opacity, scale, translate;
25
25
  user-select: none;
26
26
  }
27
27
 
@@ -37,13 +37,6 @@
37
37
  .button:enabled[aria-pressed="true"],
38
38
  .button:enabled:active {
39
39
  scale: 0.985;
40
- }
41
-
42
- /* Active children */
43
- .button:enabled[aria-pressed="true"] > *,
44
- .button:enabled:active > * {
45
- transition-duration: 150ms;
46
- transition-property: translate;
47
40
  translate: 0 1px;
48
41
  }
49
42