@roku-ui/preset 0.10.0 → 0.11.1
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 +2 -2
- package/dist/index.mjs +2 -2
- package/package.json +7 -6
package/dist/index.cjs
CHANGED
|
@@ -68,13 +68,13 @@ const shortcuts = colorKeys.filter(d => d !== 'surface').reduce((shortcuts, colo
|
|
|
68
68
|
shortcuts[`container-outline-${color}`] = `border-${color}-container border text-${color}-container`;
|
|
69
69
|
shortcuts[`container-subtle-${color}`] = `bg-${color}-container/0 border-${color}-container border-transparent`;
|
|
70
70
|
shortcuts[`container-transparent-${color}`] = `bg-transparent text-${color}-container border-transparent border-${color}-container`;
|
|
71
|
-
shortcuts[`container-
|
|
71
|
+
shortcuts[`container-contrast-${color}`] = `text-${color}-container border-${color}-container border-transparent`;
|
|
72
72
|
shortcuts[`btn-filled-${color}`] = `container-filled-${color} enabled:hover:bg-${color}-containerd enabled:hover:border-${color}-containerd text-${color}-on-container focus-visible:outline-2 outline-offset-2 focus-visible:outline-${color}-container outline-none`;
|
|
73
73
|
shortcuts[`btn-light-${color}`] = `container-light-${color} enabled:hover:bg-${color}-6/25 text-${color}-container focus-visible:outline-2 outline-offset-2 focus-visible:outline-${color}-container outline-none`;
|
|
74
74
|
shortcuts[`btn-outline-${color}`] = `container-outline-${color} enabled:hover:bg-${color}-container/10 text-${color}-container focus-visible:outline-2 outline-offset-2 focus-visible:outline-${color}-container outline-none`;
|
|
75
75
|
shortcuts[`btn-subtle-${color}`] = `container-subtle-${color} enabled:hover:bg-${color}-container/10 text-${color}-container focus-visible:outline-2 outline-offset-2 focus-visible:outline-${color}-container outline-none`;
|
|
76
76
|
shortcuts[`btn-transparent-${color}`] = `container-transparent-${color} hover:text-${color}-containerl focus-visible:outline-2 outline-offset-2 focus-visible:outline-${color}-container outline-none`;
|
|
77
|
-
shortcuts[`btn-
|
|
77
|
+
shortcuts[`btn-contrast-${color}`] = `container-contrast-${color} hover:text-surface-base enabled:hover:bg-${color}-container focus-visible:outline-2 outline-offset-2 focus-visible:outline-${color}-container outline-none`;
|
|
78
78
|
return shortcuts;
|
|
79
79
|
}, {});
|
|
80
80
|
const rokuPreset = (options = {}) => () => {
|
package/dist/index.mjs
CHANGED
|
@@ -66,13 +66,13 @@ const shortcuts = colorKeys.filter(d => d !== 'surface').reduce((shortcuts, colo
|
|
|
66
66
|
shortcuts[`container-outline-${color}`] = `border-${color}-container border text-${color}-container`;
|
|
67
67
|
shortcuts[`container-subtle-${color}`] = `bg-${color}-container/0 border-${color}-container border-transparent`;
|
|
68
68
|
shortcuts[`container-transparent-${color}`] = `bg-transparent text-${color}-container border-transparent border-${color}-container`;
|
|
69
|
-
shortcuts[`container-
|
|
69
|
+
shortcuts[`container-contrast-${color}`] = `text-${color}-container border-${color}-container border-transparent`;
|
|
70
70
|
shortcuts[`btn-filled-${color}`] = `container-filled-${color} enabled:hover:bg-${color}-containerd enabled:hover:border-${color}-containerd text-${color}-on-container focus-visible:outline-2 outline-offset-2 focus-visible:outline-${color}-container outline-none`;
|
|
71
71
|
shortcuts[`btn-light-${color}`] = `container-light-${color} enabled:hover:bg-${color}-6/25 text-${color}-container focus-visible:outline-2 outline-offset-2 focus-visible:outline-${color}-container outline-none`;
|
|
72
72
|
shortcuts[`btn-outline-${color}`] = `container-outline-${color} enabled:hover:bg-${color}-container/10 text-${color}-container focus-visible:outline-2 outline-offset-2 focus-visible:outline-${color}-container outline-none`;
|
|
73
73
|
shortcuts[`btn-subtle-${color}`] = `container-subtle-${color} enabled:hover:bg-${color}-container/10 text-${color}-container focus-visible:outline-2 outline-offset-2 focus-visible:outline-${color}-container outline-none`;
|
|
74
74
|
shortcuts[`btn-transparent-${color}`] = `container-transparent-${color} hover:text-${color}-containerl focus-visible:outline-2 outline-offset-2 focus-visible:outline-${color}-container outline-none`;
|
|
75
|
-
shortcuts[`btn-
|
|
75
|
+
shortcuts[`btn-contrast-${color}`] = `container-contrast-${color} hover:text-surface-base enabled:hover:bg-${color}-container focus-visible:outline-2 outline-offset-2 focus-visible:outline-${color}-container outline-none`;
|
|
76
76
|
return shortcuts;
|
|
77
77
|
}, {});
|
|
78
78
|
const rokuPreset = (options = {}) => () => {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@roku-ui/preset",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.11.1",
|
|
5
5
|
"author": "Jianqi Pan <jannchie@gmail.com>",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -32,9 +32,9 @@
|
|
|
32
32
|
"@rollup/plugin-commonjs": "^26.0.1",
|
|
33
33
|
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
34
34
|
"@rollup/plugin-typescript": "^11.1.6",
|
|
35
|
-
"@types/node": "^
|
|
36
|
-
"@unocss/preset-icons": "^0.
|
|
37
|
-
"@unocss/reset": "^0.
|
|
35
|
+
"@types/node": "^22.3.0",
|
|
36
|
+
"@unocss/preset-icons": "^0.62.1",
|
|
37
|
+
"@unocss/reset": "^0.62.1",
|
|
38
38
|
"eslint": "^9.6.0",
|
|
39
39
|
"eslint-plugin-format": "^0.1.2",
|
|
40
40
|
"rollup": "^4.18.0",
|
|
@@ -42,9 +42,10 @@
|
|
|
42
42
|
"rollup-plugin-import-css": "^3.5.0",
|
|
43
43
|
"rollup-plugin-string": "^3.0.0",
|
|
44
44
|
"typescript": "^5.5.3",
|
|
45
|
-
"unocss": "^0.
|
|
45
|
+
"unocss": "^0.62.1"
|
|
46
46
|
},
|
|
47
47
|
"scripts": {
|
|
48
|
-
"build": "rollup --config"
|
|
48
|
+
"build": "rollup --config",
|
|
49
|
+
"watch": "rollup --config --watch"
|
|
49
50
|
}
|
|
50
51
|
}
|