@diskette/palette 0.26.0 → 0.27.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/cli/cli.js CHANGED
@@ -26,7 +26,7 @@ const grayOptions = grayOptionsList.map((c) => {
26
26
  return { value: c, label: `${swatch}${capitalize(c)}` };
27
27
  });
28
28
  async function main() {
29
- p.intro(`palette v0.26.0`);
29
+ p.intro(`palette v__VERSION__`);
30
30
  const results = await p.group({
31
31
  colors: () => p.groupMultiselect({
32
32
  message: 'Select accent colors',
package/dist/index.d.ts CHANGED
@@ -1118,6 +1118,6 @@ export declare const colors: {
1118
1118
  };
1119
1119
  export default colors;
1120
1120
  export { accentColors, grayColors } from './types.ts';
1121
- export type { AccentColor, AlphaConfig, AlphaScale, Color, ColorScale, ColorSteps, GrayColor, PaletteColor, ScaleSteps, } from './types.ts';
1121
+ export type { AccentColor, AlphaConfig, AlphaScale, Color, ColorScale, ColorSteps, GrayColor, PaletteColor, ScaleSteps, Steps, } from './types.ts';
1122
1122
  export { applyColorVars, css } from './css.ts';
1123
- export { getColor, getColorModes, getMatchingGrayColor, toVarName, } from './utils.ts';
1123
+ export { getColorModes, getColorSteps, getMatchingGrayColor, toVarName, } from './utils.ts';
package/dist/index.js CHANGED
@@ -65,4 +65,4 @@ export const colors = {
65
65
  export default colors;
66
66
  export { accentColors, grayColors } from "./types.js";
67
67
  export { applyColorVars, css } from "./css.js";
68
- export { getColor, getColorModes, getMatchingGrayColor, toVarName, } from "./utils.js";
68
+ export { getColorModes, getColorSteps, getMatchingGrayColor, toVarName, } from "./utils.js";
package/dist/utils.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { AccentColor, Color, ColorSteps, GrayColor } from './types.ts';
1
+ import type { AccentColor, Color, ColorSteps, GrayColor, PaletteColor } from './types.ts';
2
2
  export declare const LIGHT_SELECTOR = ":root, .light, .light-theme";
3
3
  export declare const DARK_SELECTOR = ".dark, .dark-theme";
4
4
  export declare const schemeSelector: (scheme: "light" | "dark") => string;
@@ -47,23 +47,15 @@ export declare function getMatchingGrayColor(accentColor: AccentColor): GrayColo
47
47
  * - Step `11` is designed for low-contrast text.
48
48
  * - Step `12` is designed for high-contrast text.
49
49
  */
50
- export declare function getColor(color: Color, opts?: {
50
+ export declare function getColorSteps(color: PaletteColor<Color>, opts?: {
51
51
  mode?: 'light' | 'dark';
52
52
  variant?: 'alpha' | 'solid';
53
53
  type?: 'p3' | 'srgb';
54
54
  }): ColorSteps;
55
- export declare function getColorModes(color: Color, opts?: {
55
+ export declare function getColorModes(color: PaletteColor<Color>, opts?: {
56
56
  variant?: 'alpha' | 'solid';
57
57
  type?: 'p3' | 'srgb';
58
58
  }): {
59
59
  light: ColorSteps;
60
60
  dark: ColorSteps;
61
61
  };
62
- export declare function getColorPair(color: AccentColor, opts?: {
63
- mode?: 'light' | 'dark';
64
- variant?: 'alpha' | 'solid';
65
- type?: 'p3' | 'srgb';
66
- }): {
67
- accent: ColorSteps;
68
- gray: ColorSteps;
69
- };
package/dist/utils.js CHANGED
@@ -1,3 +1,4 @@
1
+ import pink from "./colors/pink.js";
1
2
  import colors from "./index.js";
2
3
  export const LIGHT_SELECTOR = ':root, .light, .light-theme';
3
4
  export const DARK_SELECTOR = '.dark, .dark-theme';
@@ -83,29 +84,22 @@ export function getMatchingGrayColor(accentColor) {
83
84
  * - Step `11` is designed for low-contrast text.
84
85
  * - Step `12` is designed for high-contrast text.
85
86
  */
86
- export function getColor(color, opts) {
87
+ export function getColorSteps(color, opts) {
87
88
  const { variant = 'solid', type = 'p3', mode = 'dark' } = opts ?? {};
88
- const colorDef = colors[color];
89
- const scales = colorDef[mode][type][variant];
89
+ const scales = color[mode][type][variant];
90
90
  const result = scales.reduce((acc, current, index) => {
91
91
  const key = `step${index + 1}`;
92
92
  acc[key] = current;
93
93
  return acc;
94
94
  }, {});
95
- result.contrast = colorDef.contrast;
96
- result.indicator = scales[colorDef.indicator - 1];
97
- result.track = scales[colorDef.track - 1];
98
- result.surface = colorDef.surface[mode][type];
95
+ result.contrast = color.contrast;
96
+ result.indicator = scales[color.indicator - 1];
97
+ result.track = scales[color.track - 1];
98
+ result.surface = color.surface[mode][type];
99
99
  return result;
100
100
  }
101
101
  export function getColorModes(color, opts) {
102
- const light = getColor(color, opts);
103
- const dark = getColor(color, opts);
102
+ const light = getColorSteps(color, opts);
103
+ const dark = getColorSteps(color, opts);
104
104
  return { light, dark };
105
105
  }
106
- export function getColorPair(color, opts) {
107
- const accent = getColor(color, opts);
108
- const grayName = getMatchingGrayColor(color);
109
- const gray = getColor(grayName, opts);
110
- return { accent, gray };
111
- }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@diskette/palette",
3
3
  "type": "module",
4
- "version": "0.26.0",
4
+ "version": "0.27.0",
5
5
  "bin": {
6
6
  "palette": "./dist/cli/cli.js"
7
7
  },
@@ -179,7 +179,7 @@
179
179
  },
180
180
  "license": "MIT",
181
181
  "scripts": {
182
- "build": "rm -rf dist && tsc -p tsconfig.build.json && node scripts/inject-meta.ts",
182
+ "build": "rm -rf dist && tsc -p tsconfig.build.json",
183
183
  "typecheck": "tsc",
184
184
  "test": "vitest run",
185
185
  "lint": "oxlint --type-aware src",