@roku-ui/preset 0.12.0 → 0.13.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.
Files changed (3) hide show
  1. package/dist/index.cjs +13 -4
  2. package/dist/index.mjs +13 -4
  3. package/package.json +10 -10
package/dist/index.cjs CHANGED
@@ -77,6 +77,14 @@ const shortcuts = colorKeys.filter(d => d !== 'surface').reduce((shortcuts, colo
77
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
+ const themeShortCuts = {
81
+ 'surface-base': 'light:bg-[var(--l-surface-base)] dark:bg-[var(--d-surface-base)] dark:border-[var(--d-surface-border)] light:border-[var(--l-surface-border)]',
82
+ 'surface-lowest': 'light:bg-[var(--l-surface-lowest)] dark:bg-[var(--d-surface-lowest)] dark:border-[var(--d-surface-border)] light:border-[var(--l-surface-border)]',
83
+ 'surface-low': 'light:bg-[var(--l-surface-low)] dark:bg-[var(--d-surface-low)] dark:border-[var(--d-surface-border)] light:border-[var(--l-surface-border)]',
84
+ 'surface-high': 'light:bg-[var(--l-surface-high)] dark:bg-[var(--d-surface-high)] dark:border-[var(--d-surface-border)] light:border-[var(--l-surface-border)]',
85
+ 'surface-highest': 'light:bg-[var(--l-surface-highest)] dark:bg-[var(--d-surface-highest)] dark:border-[var(--d-surface-border)] light:border-[var(--l-surface-border)]',
86
+ 'surface-outline': 'light:border-[var(--l-surface-border)] dark:border-[var(--d-surface-border)] dark:text-[var(--d-surface-border)] light:text-[var(--l-surface-border)]',
87
+ };
80
88
  const rokuPreset = (options = {}) => () => {
81
89
  let file = '';
82
90
  try {
@@ -93,10 +101,11 @@ const rokuPreset = (options = {}) => () => {
93
101
  safelist: ['rounded-[var(--r-rounded)]'],
94
102
  shortcuts: {
95
103
  ...shortcuts,
96
- 'container-low': 'bg-surface-low border-surface-border-low border text-surface-on transition-background-color,border-color,color',
97
- 'container-base': 'bg-surface-base border-surface-border-base border text-surface-on transition-background-color,border-color,color',
98
- 'container-high': 'bg-surface-high border-surface-border-high border text-surface-on transition-background-color,border-color,color',
99
- 'btn-default': 'container-base enabled:hover:bg-surface-border-base transition-background-color,border-color,color focus-visible:outline-2 outline-offset-2 focus-visible:outline-surface-border-base outline-none',
104
+ ...themeShortCuts,
105
+ 'container-low': 'bg-surface-low border-surface-border-low border text-surface-on',
106
+ 'container-base': 'bg-surface-base border-surface-border-base border text-surface-on',
107
+ 'container-high': 'bg-surface-high border-surface-border-high border text-surface-on',
108
+ 'btn-default': 'container-base enabled:hover:bg-surface-border-base focus-visible:outline-2 outline-offset-2 focus-visible:outline-surface-border-base outline-none',
100
109
  },
101
110
  presets: [
102
111
  unocss.presetUno({
package/dist/index.mjs CHANGED
@@ -75,6 +75,14 @@ const shortcuts = colorKeys.filter(d => d !== 'surface').reduce((shortcuts, colo
75
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
+ const themeShortCuts = {
79
+ 'surface-base': 'light:bg-[var(--l-surface-base)] dark:bg-[var(--d-surface-base)] dark:border-[var(--d-surface-border)] light:border-[var(--l-surface-border)]',
80
+ 'surface-lowest': 'light:bg-[var(--l-surface-lowest)] dark:bg-[var(--d-surface-lowest)] dark:border-[var(--d-surface-border)] light:border-[var(--l-surface-border)]',
81
+ 'surface-low': 'light:bg-[var(--l-surface-low)] dark:bg-[var(--d-surface-low)] dark:border-[var(--d-surface-border)] light:border-[var(--l-surface-border)]',
82
+ 'surface-high': 'light:bg-[var(--l-surface-high)] dark:bg-[var(--d-surface-high)] dark:border-[var(--d-surface-border)] light:border-[var(--l-surface-border)]',
83
+ 'surface-highest': 'light:bg-[var(--l-surface-highest)] dark:bg-[var(--d-surface-highest)] dark:border-[var(--d-surface-border)] light:border-[var(--l-surface-border)]',
84
+ 'surface-outline': 'light:border-[var(--l-surface-border)] dark:border-[var(--d-surface-border)] dark:text-[var(--d-surface-border)] light:text-[var(--l-surface-border)]',
85
+ };
78
86
  const rokuPreset = (options = {}) => () => {
79
87
  let file = '';
80
88
  try {
@@ -91,10 +99,11 @@ const rokuPreset = (options = {}) => () => {
91
99
  safelist: ['rounded-[var(--r-rounded)]'],
92
100
  shortcuts: {
93
101
  ...shortcuts,
94
- 'container-low': 'bg-surface-low border-surface-border-low border text-surface-on transition-background-color,border-color,color',
95
- 'container-base': 'bg-surface-base border-surface-border-base border text-surface-on transition-background-color,border-color,color',
96
- 'container-high': 'bg-surface-high border-surface-border-high border text-surface-on transition-background-color,border-color,color',
97
- 'btn-default': 'container-base enabled:hover:bg-surface-border-base transition-background-color,border-color,color focus-visible:outline-2 outline-offset-2 focus-visible:outline-surface-border-base outline-none',
102
+ ...themeShortCuts,
103
+ 'container-low': 'bg-surface-low border-surface-border-low border text-surface-on',
104
+ 'container-base': 'bg-surface-base border-surface-border-base border text-surface-on',
105
+ 'container-high': 'bg-surface-high border-surface-border-high border text-surface-on',
106
+ 'btn-default': 'container-base enabled:hover:bg-surface-border-base focus-visible:outline-2 outline-offset-2 focus-visible:outline-surface-border-base outline-none',
98
107
  },
99
108
  presets: [
100
109
  presetUno({
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@roku-ui/preset",
3
3
  "type": "module",
4
- "version": "0.12.0",
4
+ "version": "0.13.0",
5
5
  "author": "Jianqi Pan <jannchie@gmail.com>",
6
6
  "repository": {
7
7
  "type": "git",
@@ -28,21 +28,21 @@
28
28
  "index.d.ts"
29
29
  ],
30
30
  "devDependencies": {
31
- "@jannchie/eslint-config": "^3.2.1",
31
+ "@jannchie/eslint-config": "^3.2.2",
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": "^22.3.0",
36
- "@unocss/preset-icons": "^0.62.1",
37
- "@unocss/reset": "^0.62.1",
38
- "eslint": "^9.6.0",
35
+ "@types/node": "^22.4.1",
36
+ "@unocss/preset-icons": "^0.62.2",
37
+ "@unocss/reset": "^0.62.2",
38
+ "eslint": "^9.9.0",
39
39
  "eslint-plugin-format": "^0.1.2",
40
- "rollup": "^4.18.0",
40
+ "rollup": "^4.21.0",
41
41
  "rollup-plugin-dts": "^6.1.1",
42
- "rollup-plugin-import-css": "^3.5.0",
42
+ "rollup-plugin-import-css": "^3.5.1",
43
43
  "rollup-plugin-string": "^3.0.0",
44
- "typescript": "^5.5.3",
45
- "unocss": "^0.62.1"
44
+ "typescript": "^5.5.4",
45
+ "unocss": "^0.62.2"
46
46
  },
47
47
  "scripts": {
48
48
  "build": "rollup --config",