stoop 0.0.7 → 0.0.8
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/globals.js +5 -0
- package/dist/index.js +3 -3
- package/package.json +7 -4
- package/dist/Button.module-h78z3dbd.css +0 -18
- package/dist/globals.css +0 -67
package/dist/globals.js
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
// src/styles/globals.css
|
|
2
|
+
var globals_default = ":root {\n /* Colors */\n --color-text: #000000;\n --color-background: #ffffff;\n --color-border: rgba(0, 0, 0, 0.1);\n --color-primary: #000000;\n --color-muted: #666666;\n\n /* Spacing */\n --space-smallest: 0.25rem;\n --space-smaller: 0.5rem;\n --space-small: 0.75rem;\n --space-medium: 1rem;\n --space-large: 1.5rem;\n --space-larger: 2rem;\n --space-largest: 10rem;\n\n /* Radii */\n --radius-small: 0.25rem;\n --radius-large: 0.5rem;\n --radius-round: 9999px;\n\n /* Shadows */\n --shadow-default: 0 0 0 1px rgba(0, 0, 0, 0.1);\n\n /* Breakpoints */\n --breakpoint-phone: 800px;\n --breakpoint-tablet: 1024px;\n --breakpoint-desktop: 1440px;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --color-text: #ffffff;\n --color-background: #000000;\n --color-border: rgba(255, 255, 255, 0.1);\n --color-primary: #ffffff;\n --color-muted: #999999;\n }\n}\n\n/* Reset */\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nhtml {\n font-size: 62.5%;\n -webkit-text-size-adjust: 100%;\n text-size-adjust: 100%;\n scroll-behavior: smooth;\n background-color: var(--color-background);\n color: var(--color-text);\n}\n\nbody {\n font-family:\n system-ui,\n -apple-system,\n sans-serif;\n font-size: 1.6rem;\n line-height: 1.5;\n margin: 0;\n padding: 0;\n}\n";
|
|
3
|
+
export {
|
|
4
|
+
globals_default as default
|
|
5
|
+
};
|
package/dist/index.js
CHANGED
|
@@ -20,7 +20,7 @@ function clsx() {
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
// src/components/Button/Button.module.css
|
|
23
|
-
var Button_module_default = "
|
|
23
|
+
var Button_module_default = ".button {\n background-color: var(--color-primary);\n color: var(--color-background);\n border: none;\n padding: var(--space-small) var(--space-medium);\n border-radius: var(--radius-small);\n cursor: pointer;\n font-size: 1.6rem;\n transition: opacity 0.2s ease;\n}\n\n.button:hover {\n opacity: 0.9;\n}\n\n.button:active {\n opacity: 0.8;\n}\n";
|
|
24
24
|
|
|
25
25
|
// src/components/Button/Button.tsx
|
|
26
26
|
import { jsxDEV as jsxDEV_7x81h0kn } from "react/jsx-dev-runtime";
|
|
@@ -35,5 +35,5 @@ export {
|
|
|
35
35
|
Button
|
|
36
36
|
};
|
|
37
37
|
|
|
38
|
-
//# debugId=
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vbm9kZV9tb2R1bGVzL2Nsc3gvZGlzdC9jbHN4Lm1qcyIsICIuLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLAogICJzb3VyY2VzQ29udGVudCI6IFsKICAgICJmdW5jdGlvbiByKGUpe3ZhciB0LGYsbj1cIlwiO2lmKFwic3RyaW5nXCI9PXR5cGVvZiBlfHxcIm51bWJlclwiPT10eXBlb2YgZSluKz1lO2Vsc2UgaWYoXCJvYmplY3RcIj09dHlwZW9mIGUpaWYoQXJyYXkuaXNBcnJheShlKSl7dmFyIG89ZS5sZW5ndGg7Zm9yKHQ9MDt0PG87dCsrKWVbdF0mJihmPXIoZVt0XSkpJiYobiYmKG4rPVwiIFwiKSxuKz1mKX1lbHNlIGZvcihmIGluIGUpZVtmXSYmKG4mJihuKz1cIiBcIiksbis9Zik7cmV0dXJuIG59ZXhwb3J0IGZ1bmN0aW9uIGNsc3goKXtmb3IodmFyIGUsdCxmPTAsbj1cIlwiLG89YXJndW1lbnRzLmxlbmd0aDtmPG87ZisrKShlPWFyZ3VtZW50c1tmXSkmJih0PXIoZSkpJiYobiYmKG4rPVwiIFwiKSxuKz10KTtyZXR1cm4gbn1leHBvcnQgZGVmYXVsdCBjbHN4OyIsCiAgICAiaW1wb3J0IHsgY2xzeCB9IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgeyB0eXBlIEJ1dHRvbkhUTUxBdHRyaWJ1dGVzLCB0eXBlIEpTWCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gXCIuL0J1dHRvbi5tb2R1bGUuY3NzXCI7XG5cbnR5cGUgQnV0dG9uUHJvcHMgPSBCdXR0b25IVE1MQXR0cmlidXRlczxIVE1MQnV0dG9uRWxlbWVudD47XG5cbmV4cG9ydCBmdW5jdGlvbiBCdXR0b24oeyBjbGFzc05hbWUsIC4uLnByb3BzIH06IEJ1dHRvblByb3BzKTogSlNYLkVsZW1lbnQge1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L2Jhbi10cy1jb21tZW50XG4gIC8vIEB0cy1pZ25vcmVcbiAgcmV0dXJuIDxidXR0b24gY2xhc3NOYW1lPXtjbHN4KHN0eWxlcy5idXR0b24sIGNsYXNzTmFtZSl9IHR5cGU9XCJidXR0b25cIiB7Li4ucHJvcHN9IC8+
|
|
38
|
+
//# debugId=990C317F4521B46564756E2164756E21
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vbm9kZV9tb2R1bGVzL2Nsc3gvZGlzdC9jbHN4Lm1qcyIsICIuLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLAogICJzb3VyY2VzQ29udGVudCI6IFsKICAgICJmdW5jdGlvbiByKGUpe3ZhciB0LGYsbj1cIlwiO2lmKFwic3RyaW5nXCI9PXR5cGVvZiBlfHxcIm51bWJlclwiPT10eXBlb2YgZSluKz1lO2Vsc2UgaWYoXCJvYmplY3RcIj09dHlwZW9mIGUpaWYoQXJyYXkuaXNBcnJheShlKSl7dmFyIG89ZS5sZW5ndGg7Zm9yKHQ9MDt0PG87dCsrKWVbdF0mJihmPXIoZVt0XSkpJiYobiYmKG4rPVwiIFwiKSxuKz1mKX1lbHNlIGZvcihmIGluIGUpZVtmXSYmKG4mJihuKz1cIiBcIiksbis9Zik7cmV0dXJuIG59ZXhwb3J0IGZ1bmN0aW9uIGNsc3goKXtmb3IodmFyIGUsdCxmPTAsbj1cIlwiLG89YXJndW1lbnRzLmxlbmd0aDtmPG87ZisrKShlPWFyZ3VtZW50c1tmXSkmJih0PXIoZSkpJiYobiYmKG4rPVwiIFwiKSxuKz10KTtyZXR1cm4gbn1leHBvcnQgZGVmYXVsdCBjbHN4OyIsCiAgICAiaW1wb3J0IHsgY2xzeCB9IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgeyB0eXBlIEJ1dHRvbkhUTUxBdHRyaWJ1dGVzLCB0eXBlIEpTWCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gXCIuL0J1dHRvbi5tb2R1bGUuY3NzXCI7XG5cbnR5cGUgQnV0dG9uUHJvcHMgPSBCdXR0b25IVE1MQXR0cmlidXRlczxIVE1MQnV0dG9uRWxlbWVudD47XG5cbmV4cG9ydCBmdW5jdGlvbiBCdXR0b24oeyBjbGFzc05hbWUsIC4uLnByb3BzIH06IEJ1dHRvblByb3BzKTogSlNYLkVsZW1lbnQge1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L2Jhbi10cy1jb21tZW50XG4gIC8vIEB0cy1pZ25vcmVcbiAgcmV0dXJuIDxidXR0b24gY2xhc3NOYW1lPXtjbHN4KHN0eWxlcy5idXR0b24sIGNsYXNzTmFtZSl9IHR5cGU9XCJidXR0b25cIiB7Li4ucHJvcHN9IC8+O1xufVxuIgogIF0sCiAgIm1hcHBpbmdzIjogIjtBQUFBLFNBQVMsQ0FBQyxDQUFDLEdBQUU7QUFBQyxNQUFJLEdBQUUsR0FBRSxJQUFFO0FBQUcsYUFBb0IsS0FBakIsbUJBQXFDLEtBQWpCO0FBQW1CLFNBQUc7QUFBQSxrQkFBMkIsS0FBakI7QUFBbUIsUUFBRyxNQUFNLFFBQVEsQ0FBQyxHQUFFO0FBQUMsVUFBSSxJQUFFLEVBQUU7QUFBTyxXQUFJLElBQUUsRUFBRSxJQUFFLEdBQUU7QUFBSSxVQUFFLE9BQUssSUFBRSxFQUFFLEVBQUUsRUFBRSxPQUFLLE1BQUksS0FBRyxNQUFLLEtBQUc7QUFBQSxJQUFFO0FBQU0sV0FBSSxLQUFLO0FBQUUsVUFBRSxPQUFLLE1BQUksS0FBRyxNQUFLLEtBQUc7QUFBRyxTQUFPO0FBQUE7QUFBUyxTQUFTLElBQUksR0FBRTtBQUFDLFdBQVEsR0FBRSxHQUFFLElBQUUsR0FBRSxJQUFFLElBQUcsSUFBRSxVQUFVLE9BQU8sSUFBRSxHQUFFO0FBQUksS0FBQyxJQUFFLFVBQVUsUUFBTSxJQUFFLEVBQUUsQ0FBQyxPQUFLLE1BQUksS0FBRyxNQUFLLEtBQUc7QUFBRyxTQUFPO0FBQUE7Ozs7Ozs7QUNPdlcsU0FBUyxNQUFNLEdBQUcsY0FBYyxTQUFtQztBQUd4RSx5QkFBTyxnQkFBQyxVQUFEO0FBQUEsSUFBUSxXQUFXLEtBQUssc0JBQU8sUUFBUSxTQUFTO0FBQUEsSUFBRyxNQUFLO0FBQUEsT0FBYTtBQUFBLEtBQXJFLGlDQUE0RTtBQUFBOyIsCiAgImRlYnVnSWQiOiAiOTkwQzMxN0Y0NTIxQjQ2NTY0NzU2RTIxNjQ3NTZFMjEiLAogICJuYW1lcyI6IFtdCn0=
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "stoop",
|
|
3
3
|
"description": "A small component library for quickly spinning up a pretty Next.js project.",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.8",
|
|
5
5
|
"author": "Jackson Dolman <mail@dolmios.com>",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"type": "module",
|
|
@@ -18,7 +18,10 @@
|
|
|
18
18
|
"import": "./dist/index.js",
|
|
19
19
|
"require": "./dist/index.js"
|
|
20
20
|
},
|
|
21
|
-
"./styles":
|
|
21
|
+
"./styles": {
|
|
22
|
+
"import": "./dist/globals.js",
|
|
23
|
+
"require": "./dist/globals.js"
|
|
24
|
+
}
|
|
22
25
|
},
|
|
23
26
|
"files": [
|
|
24
27
|
"dist"
|
|
@@ -51,9 +54,9 @@
|
|
|
51
54
|
"scripts": {
|
|
52
55
|
"build": "bun run build:clean && bun run build:types && bun run build:js && bun run build:css",
|
|
53
56
|
"build:clean": "rm -rf dist",
|
|
54
|
-
"build:js": "bun build ./src/index.ts --outdir ./dist --format esm --target browser --sourcemap --external react --external react-dom --naming=directory",
|
|
57
|
+
"build:js": "bun build ./src/index.ts --outdir ./dist --format esm --target browser --sourcemap --external react --external react-dom --naming=directory --loader .css=text",
|
|
55
58
|
"build:types": "tsc --project tsconfig.build.json",
|
|
56
|
-
"build:css": "
|
|
59
|
+
"build:css": "bun build ./src/styles/globals.css --outdir ./dist --loader .css=text",
|
|
57
60
|
"dev": "bun run next dev",
|
|
58
61
|
"lint": "eslint . --fix",
|
|
59
62
|
"prepare": "bun run build",
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
.button {
|
|
2
|
-
background-color: var(--color-primary);
|
|
3
|
-
color: var(--color-background);
|
|
4
|
-
border: none;
|
|
5
|
-
padding: var(--space-small) var(--space-medium);
|
|
6
|
-
border-radius: var(--radius-small);
|
|
7
|
-
cursor: pointer;
|
|
8
|
-
font-size: 1.6rem;
|
|
9
|
-
transition: opacity 0.2s ease;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.button:hover {
|
|
13
|
-
opacity: 0.9;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.button:active {
|
|
17
|
-
opacity: 0.8;
|
|
18
|
-
}
|
package/dist/globals.css
DELETED
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
/* Colors */
|
|
3
|
-
--color-text: #000000;
|
|
4
|
-
--color-background: #ffffff;
|
|
5
|
-
--color-border: rgba(0, 0, 0, 0.1);
|
|
6
|
-
--color-primary: #000000;
|
|
7
|
-
--color-muted: #666666;
|
|
8
|
-
|
|
9
|
-
/* Spacing */
|
|
10
|
-
--space-smallest: 0.25rem;
|
|
11
|
-
--space-smaller: 0.5rem;
|
|
12
|
-
--space-small: 0.75rem;
|
|
13
|
-
--space-medium: 1rem;
|
|
14
|
-
--space-large: 1.5rem;
|
|
15
|
-
--space-larger: 2rem;
|
|
16
|
-
--space-largest: 10rem;
|
|
17
|
-
|
|
18
|
-
/* Radii */
|
|
19
|
-
--radius-small: 0.25rem;
|
|
20
|
-
--radius-large: 0.5rem;
|
|
21
|
-
--radius-round: 9999px;
|
|
22
|
-
|
|
23
|
-
/* Shadows */
|
|
24
|
-
--shadow-default: 0 0 0 1px rgba(0, 0, 0, 0.1);
|
|
25
|
-
|
|
26
|
-
/* Breakpoints */
|
|
27
|
-
--breakpoint-phone: 800px;
|
|
28
|
-
--breakpoint-tablet: 1024px;
|
|
29
|
-
--breakpoint-desktop: 1440px;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
@media (prefers-color-scheme: dark) {
|
|
33
|
-
:root {
|
|
34
|
-
--color-text: #ffffff;
|
|
35
|
-
--color-background: #000000;
|
|
36
|
-
--color-border: rgba(255, 255, 255, 0.1);
|
|
37
|
-
--color-primary: #ffffff;
|
|
38
|
-
--color-muted: #999999;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
/* Reset */
|
|
43
|
-
* {
|
|
44
|
-
margin: 0;
|
|
45
|
-
padding: 0;
|
|
46
|
-
box-sizing: border-box;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
html {
|
|
50
|
-
font-size: 62.5%;
|
|
51
|
-
-webkit-text-size-adjust: 100%;
|
|
52
|
-
text-size-adjust: 100%;
|
|
53
|
-
scroll-behavior: smooth;
|
|
54
|
-
background-color: var(--color-background);
|
|
55
|
-
color: var(--color-text);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
body {
|
|
59
|
-
font-family:
|
|
60
|
-
system-ui,
|
|
61
|
-
-apple-system,
|
|
62
|
-
sans-serif;
|
|
63
|
-
font-size: 1.6rem;
|
|
64
|
-
line-height: 1.5;
|
|
65
|
-
margin: 0;
|
|
66
|
-
padding: 0;
|
|
67
|
-
}
|