@blockle/blocks 0.7.1 → 0.8.0
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/index.cjs +221 -103
- package/dist/index.d.ts +1 -1
- package/dist/index.mjs +222 -104
- package/dist/momotaro.chunk.d.ts +515 -34
- package/dist/styles/components/Heading/heading.css.cjs +15 -0
- package/dist/styles/components/Heading/heading.css.mjs +16 -0
- package/dist/styles/components/Text/text.css.cjs +15 -0
- package/dist/styles/components/Text/text.css.mjs +16 -0
- package/dist/styles/lib/theme/tokens.cjs +1 -0
- package/dist/styles/lib/theme/tokens.mjs +1 -0
- package/dist/styles/themes/momotaro/components/button.css.cjs +3 -1
- package/dist/styles/themes/momotaro/components/button.css.mjs +3 -1
- package/dist/styles/themes/momotaro/components/helpers.css.cjs +5 -4
- package/dist/styles/themes/momotaro/components/helpers.css.mjs +5 -4
- package/dist/styles/themes/momotaro/tokens.css.cjs +1 -0
- package/dist/styles/themes/momotaro/tokens.css.mjs +1 -0
- package/package.json +8 -9
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const fileScope = require("@vanilla-extract/css/fileScope");
|
|
3
|
+
const css = require("@vanilla-extract/css");
|
|
4
|
+
const styles_lib_css_layers_layers_css_cjs = require("../../lib/css/layers/layers.css.cjs");
|
|
5
|
+
fileScope.setFileScope("src/components/Heading/heading.css.ts?used", "blocks");
|
|
6
|
+
const heading = css.style({
|
|
7
|
+
"@layer": {
|
|
8
|
+
[styles_lib_css_layers_layers_css_cjs.blocksLayer]: {
|
|
9
|
+
margin: 0,
|
|
10
|
+
padding: 0
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}, "heading");
|
|
14
|
+
fileScope.endFileScope();
|
|
15
|
+
exports.heading = heading;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
|
+
import { style } from "@vanilla-extract/css";
|
|
3
|
+
import { blocksLayer } from "../../lib/css/layers/layers.css.mjs";
|
|
4
|
+
setFileScope("src/components/Heading/heading.css.ts?used", "blocks");
|
|
5
|
+
const heading = style({
|
|
6
|
+
"@layer": {
|
|
7
|
+
[blocksLayer]: {
|
|
8
|
+
margin: 0,
|
|
9
|
+
padding: 0
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
}, "heading");
|
|
13
|
+
endFileScope();
|
|
14
|
+
export {
|
|
15
|
+
heading
|
|
16
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const fileScope = require("@vanilla-extract/css/fileScope");
|
|
3
|
+
const css = require("@vanilla-extract/css");
|
|
4
|
+
const styles_lib_css_layers_layers_css_cjs = require("../../lib/css/layers/layers.css.cjs");
|
|
5
|
+
fileScope.setFileScope("src/components/Text/text.css.ts?used", "blocks");
|
|
6
|
+
const text = css.style({
|
|
7
|
+
"@layer": {
|
|
8
|
+
[styles_lib_css_layers_layers_css_cjs.blocksLayer]: {
|
|
9
|
+
margin: 0,
|
|
10
|
+
padding: 0
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}, "text");
|
|
14
|
+
fileScope.endFileScope();
|
|
15
|
+
exports.text = text;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
|
+
import { style } from "@vanilla-extract/css";
|
|
3
|
+
import { blocksLayer } from "../../lib/css/layers/layers.css.mjs";
|
|
4
|
+
setFileScope("src/components/Text/text.css.ts?used", "blocks");
|
|
5
|
+
const text = style({
|
|
6
|
+
"@layer": {
|
|
7
|
+
[blocksLayer]: {
|
|
8
|
+
margin: 0,
|
|
9
|
+
padding: 0
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
}, "text");
|
|
13
|
+
endFileScope();
|
|
14
|
+
export {
|
|
15
|
+
text
|
|
16
|
+
};
|
|
@@ -13,7 +13,9 @@ const button = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("butto
|
|
|
13
13
|
placeItems: "center",
|
|
14
14
|
fontSize: "medium",
|
|
15
15
|
borderRadius: "medium",
|
|
16
|
-
fontWeight: "medium"
|
|
16
|
+
fontWeight: "medium",
|
|
17
|
+
// Space between icon and text
|
|
18
|
+
gap: "small"
|
|
17
19
|
}), styles_themes_momotaro_components_helpers_css_cjs.clickable], "button_base"),
|
|
18
20
|
variants: {
|
|
19
21
|
variant: {
|
|
@@ -12,7 +12,9 @@ const button = makeComponentTheme("button", {
|
|
|
12
12
|
placeItems: "center",
|
|
13
13
|
fontSize: "medium",
|
|
14
14
|
borderRadius: "medium",
|
|
15
|
-
fontWeight: "medium"
|
|
15
|
+
fontWeight: "medium",
|
|
16
|
+
// Space between icon and text
|
|
17
|
+
gap: "small"
|
|
16
18
|
}), clickable], "button_base"),
|
|
17
19
|
variants: {
|
|
18
20
|
variant: {
|
|
@@ -11,11 +11,12 @@ const focusable = css.style({
|
|
|
11
11
|
transitionDuration: styles_lib_theme_vars_css_cjs.vars.transition.fast,
|
|
12
12
|
transitionProperty: "box-shadow"
|
|
13
13
|
},
|
|
14
|
-
":disabled": {
|
|
15
|
-
opacity: 0.5,
|
|
16
|
-
cursor: "auto"
|
|
17
|
-
},
|
|
18
14
|
selectors: {
|
|
15
|
+
"&:disabled, &[disabled]": {
|
|
16
|
+
opacity: 0.5,
|
|
17
|
+
cursor: "auto",
|
|
18
|
+
pointerEvents: "none"
|
|
19
|
+
},
|
|
19
20
|
"&:has(input:focus-visible)": {
|
|
20
21
|
outline: "2px solid transparent",
|
|
21
22
|
outlineOffset: "2px",
|
|
@@ -10,11 +10,12 @@ const focusable = style({
|
|
|
10
10
|
transitionDuration: vars.transition.fast,
|
|
11
11
|
transitionProperty: "box-shadow"
|
|
12
12
|
},
|
|
13
|
-
":disabled": {
|
|
14
|
-
opacity: 0.5,
|
|
15
|
-
cursor: "auto"
|
|
16
|
-
},
|
|
17
13
|
selectors: {
|
|
14
|
+
"&:disabled, &[disabled]": {
|
|
15
|
+
opacity: 0.5,
|
|
16
|
+
cursor: "auto",
|
|
17
|
+
pointerEvents: "none"
|
|
18
|
+
},
|
|
18
19
|
"&:has(input:focus-visible)": {
|
|
19
20
|
outline: "2px solid transparent",
|
|
20
21
|
outlineOffset: "2px",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blockle/blocks",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.8.0",
|
|
4
4
|
"description": "Blocks design system",
|
|
5
5
|
"repository": "git@github.com:Blockle/blocks.git",
|
|
6
6
|
"license": "MIT",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"build-storybook": "storybook build",
|
|
41
41
|
"coverage": "vitest run --coverage",
|
|
42
42
|
"fix": "crackle fix",
|
|
43
|
-
"lint": "eslint .
|
|
43
|
+
"lint": "eslint .",
|
|
44
44
|
"storybook": "storybook dev -p 6006 --no-open",
|
|
45
45
|
"test": "vitest",
|
|
46
46
|
"ts": "tsc --noemit --project ./tsconfig.json",
|
|
@@ -51,7 +51,6 @@
|
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"@changesets/cli": "^2.26.2",
|
|
54
|
-
"@radix-ui/react-polymorphic": "^0.0.14",
|
|
55
54
|
"@vanilla-extract/css": "^1.13.0",
|
|
56
55
|
"@vanilla-extract/css-utils": "^0.1.3",
|
|
57
56
|
"@vanilla-extract/sprinkles": "^1.6.1",
|
|
@@ -71,19 +70,19 @@
|
|
|
71
70
|
"@storybook/react": "^7.3.1",
|
|
72
71
|
"@storybook/react-vite": "^7.3.1",
|
|
73
72
|
"@storybook/testing-library": "^0.2.0",
|
|
74
|
-
"@testing-library/jest-dom": "^6.1.
|
|
73
|
+
"@testing-library/jest-dom": "^6.1.4",
|
|
75
74
|
"@testing-library/react": "^14.0.0",
|
|
76
|
-
"@types/react": "^18.2.
|
|
77
|
-
"@types/react-dom": "^18.2.
|
|
78
|
-
"@typescript-eslint/eslint-plugin": "^6.
|
|
79
|
-
"@typescript-eslint/parser": "^6.
|
|
75
|
+
"@types/react": "^18.2.28",
|
|
76
|
+
"@types/react-dom": "^18.2.13",
|
|
77
|
+
"@typescript-eslint/eslint-plugin": "^6.8.0",
|
|
78
|
+
"@typescript-eslint/parser": "^6.8.0",
|
|
80
79
|
"@vanilla-extract/vite-plugin": "^3.8.2",
|
|
81
80
|
"@vitest/coverage-v8": "^0.34.6",
|
|
82
81
|
"cross-env": "^7.0.3",
|
|
83
82
|
"eslint": "^8.51.0",
|
|
84
83
|
"eslint-config-prettier": "^9.0.0",
|
|
85
84
|
"eslint-plugin-jest": "^27.4.2",
|
|
86
|
-
"eslint-plugin-prettier": "^5.0.
|
|
85
|
+
"eslint-plugin-prettier": "^5.0.1",
|
|
87
86
|
"eslint-plugin-react": "^7.33.2",
|
|
88
87
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
89
88
|
"eslint-plugin-storybook": "^0.6.15",
|