comark-colors 0.9.1 → 0.10.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 (8) hide show
  1. package/dist/{client-Brl16Aea.mjs → client-DjlTJTYd.mjs} +1 -1
  2. package/dist/client.mjs +2 -2
  3. package/dist/html.mjs +1 -1
  4. package/dist/react.mjs +1 -1
  5. package/dist/style.css +1 -1
  6. package/dist/{styles-B9x56xx_.mjs → styles-967eNmNr.mjs} +2 -1
  7. package/dist/vue.mjs +1 -1
  8. package/package.json +8 -8
package/dist/{client-Brl16Aea.mjs → client-DjlTJTYd.mjs} RENAMED
@@ -1,4 +1,4 @@
1
- import { t as css } from "./styles-B9x56xx_.mjs";
1
+ import { t as css } from "./styles-967eNmNr.mjs";
2
2
  //#region ../../shared/styles.ts
3
3
  /**
4
4
  * Adds a package's styles to the page once, unless the page already carries them as a `style` or a `link` with
package/dist/client.mjs CHANGED
@@ -1,3 +1,3 @@
1
- import { t as css } from "./styles-B9x56xx_.mjs";
2
- import { t as addStyles } from "./client-Brl16Aea.mjs";
1
+ import { t as css } from "./styles-967eNmNr.mjs";
2
+ import { t as addStyles } from "./client-DjlTJTYd.mjs";
3
3
  export { addStyles, css };
package/dist/html.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { n as src_default, t as isColor } from "./src-CGLpBNQy.mjs";
2
- import { t as css } from "./styles-B9x56xx_.mjs";
2
+ import { t as css } from "./styles-967eNmNr.mjs";
3
3
  import { escapeHtml } from "comark/utils";
4
4
  //#region ../../shared/text.ts
5
5
  /**
package/dist/react.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { n as src_default, t as isColor } from "./src-CGLpBNQy.mjs";
2
- import { t as addStyles } from "./client-Brl16Aea.mjs";
2
+ import { t as addStyles } from "./client-DjlTJTYd.mjs";
3
3
  import { createElement, useEffect } from "react";
4
4
  //#region src/react.ts
5
5
  /** A color in inline code, or a line of a `::palette`, for `@comark/react`. */
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- @layer comark{:where(.cco-palette,.cco){--_comark-background:var(--comark-background,var(--ui-bg,var(--background,#fff)));--_comark-foreground:var(--comark-foreground,var(--ui-text-highlighted,var(--foreground,#0a0a0a)));--_comark-muted:var(--comark-muted,var(--ui-text-muted,var(--muted-foreground,#737373)));--_comark-border:var(--comark-border,var(--ui-border,var(--border,#e5e5e5)));--_comark-accent:var(--comark-accent,var(--ui-bg-elevated,var(--accent,#f5f5f5)));--_comark-ring:var(--comark-ring,var(--ui-primary,var(--ring,#a1a1a1)));--_comark-radius:var(--comark-radius,calc(var(--ui-radius,calc(var(--radius,.625rem)/2))*2));--_comark-font:var(--comark-font,var(--font-sans,ui-sans-serif,system-ui,sans-serif))}@media (prefers-color-scheme:dark){:where(:not(.light,.light *)):is(:where(.cco-palette,.cco)){--_comark-background:var(--comark-background,var(--ui-bg,var(--background,#0a0a0a)));--_comark-foreground:var(--comark-foreground,var(--ui-text-highlighted,var(--foreground,#fafafa)));--_comark-muted:var(--comark-muted,var(--ui-text-muted,var(--muted-foreground,#a1a1a1)));--_comark-border:var(--comark-border,var(--ui-border,var(--border,rgb(255 255 255/.1))));--_comark-accent:var(--comark-accent,var(--ui-bg-elevated,var(--accent,#262626)));--_comark-ring:var(--comark-ring,var(--ui-primary,var(--ring,#737373)))}}:where(.dark,.dark *):is(:where(.cco-palette,.cco)){--_comark-background:var(--comark-background,var(--ui-bg,var(--background,#0a0a0a)));--_comark-foreground:var(--comark-foreground,var(--ui-text-highlighted,var(--foreground,#fafafa)));--_comark-muted:var(--comark-muted,var(--ui-text-muted,var(--muted-foreground,#a1a1a1)));--_comark-border:var(--comark-border,var(--ui-border,var(--border,rgb(255 255 255/.1))));--_comark-accent:var(--comark-accent,var(--ui-bg-elevated,var(--accent,#262626)));--_comark-ring:var(--comark-ring,var(--ui-primary,var(--ring,#737373)))}:where(.cco-palette){--cco-tile-width:9rem;--cco-tile-height:4rem}.cco-swatch{display:inline-block;box-sizing:border-box;width:.8em;height:.8em;margin-inline-end:.35em;vertical-align:-.05em;border:1px solid var(--_comark-border);border-radius:calc(var(--_comark-radius) - 7px);background:linear-gradient(var(--cco),var(--cco)),repeating-conic-gradient(color-mix(in srgb,var(--_comark-muted) 35%,var(--_comark-background)) 0 25%,var(--_comark-background) 0 50%) 0 0/8px 8px}.cco-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--cco-tile-width),1fr));gap:.75rem;margin:1.5rem 0;padding:0;list-style:none;font-family:var(--_comark-font)}.cco-palette>li{margin:0!important;padding:0!important;overflow:hidden;border:1px solid var(--_comark-border);border-radius:var(--_comark-radius);background:var(--_comark-background);color:var(--_comark-foreground)}.cco-tile{display:block;height:var(--cco-tile-height);border-bottom:1px solid var(--_comark-border);background:linear-gradient(var(--cco),var(--cco)),repeating-conic-gradient(color-mix(in srgb,var(--_comark-muted) 35%,var(--_comark-background)) 0 25%,var(--_comark-background) 0 50%) 0 0/8px 8px}.cco-name,.cco-value{display:block;padding:0 .75rem;line-height:1.25rem;overflow-wrap:anywhere}.cco-name{padding-top:.5rem;font-size:.875rem;font-weight:500}.cco-value{padding-bottom:.5rem;color:var(--_comark-muted);font:.75rem/1.25rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cco-swatch,.cco-tile{-webkit-print-color-adjust:exact;print-color-adjust:exact}@media print{.cco-palette>li{break-inside:avoid}}}
1
+ @layer comark{:where(.cco-palette,.cco){--_comark-background:var(--comark-background,var(--ui-bg,var(--background,#fff)));--_comark-foreground:var(--comark-foreground,var(--ui-text-highlighted,var(--foreground,#0a0a0a)));--_comark-muted:var(--comark-muted,var(--ui-text-muted,var(--muted-foreground,#737373)));--_comark-border:var(--comark-border,var(--ui-border,var(--border,#e5e5e5)));--_comark-accent:var(--comark-accent,var(--ui-bg-elevated,var(--accent,#f5f5f5)));--_comark-ring:var(--comark-ring,var(--ui-primary,var(--ring,#a1a1a1)));--_comark-radius:var(--comark-radius,calc(var(--ui-radius,calc(var(--radius,.625rem)/2))*2));--_comark-font:var(--comark-font,var(--font-sans,ui-sans-serif,system-ui,sans-serif))}@media (prefers-color-scheme:dark){:where(:not(.light,.light *)):is(:where(.cco-palette,.cco)){--_comark-background:var(--comark-background,var(--ui-bg,var(--background,#0a0a0a)));--_comark-foreground:var(--comark-foreground,var(--ui-text-highlighted,var(--foreground,#fafafa)));--_comark-muted:var(--comark-muted,var(--ui-text-muted,var(--muted-foreground,#a1a1a1)));--_comark-border:var(--comark-border,var(--ui-border,var(--border,rgb(255 255 255/.1))));--_comark-accent:var(--comark-accent,var(--ui-bg-elevated,var(--accent,#262626)));--_comark-ring:var(--comark-ring,var(--ui-primary,var(--ring,#737373)))}}:where(.dark,.dark *):is(:where(.cco-palette,.cco)){--_comark-background:var(--comark-background,var(--ui-bg,var(--background,#0a0a0a)));--_comark-foreground:var(--comark-foreground,var(--ui-text-highlighted,var(--foreground,#fafafa)));--_comark-muted:var(--comark-muted,var(--ui-text-muted,var(--muted-foreground,#a1a1a1)));--_comark-border:var(--comark-border,var(--ui-border,var(--border,rgb(255 255 255/.1))));--_comark-accent:var(--comark-accent,var(--ui-bg-elevated,var(--accent,#262626)));--_comark-ring:var(--comark-ring,var(--ui-primary,var(--ring,#737373)))}:where(.cco-palette){--cco-tile-width:9rem;--cco-tile-height:4rem}.cco{white-space:nowrap}.cco-swatch{display:inline-block;box-sizing:border-box;width:.8em;height:.8em;margin-inline-end:.35em;vertical-align:-.05em;border:1px solid var(--_comark-border);border-radius:calc(var(--_comark-radius) - 7px);background:linear-gradient(var(--cco),var(--cco)),repeating-conic-gradient(color-mix(in srgb,var(--_comark-muted) 35%,var(--_comark-background)) 0 25%,var(--_comark-background) 0 50%) 0 0/8px 8px}.cco-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--cco-tile-width),1fr));gap:.75rem;margin:1.5rem 0;padding:0;list-style:none;font-family:var(--_comark-font)}.cco-palette>li{margin:0!important;padding:0!important;overflow:hidden;border:1px solid var(--_comark-border);border-radius:var(--_comark-radius);background:var(--_comark-background);color:var(--_comark-foreground)}.cco-tile{display:block;height:var(--cco-tile-height);border-bottom:1px solid var(--_comark-border);background:linear-gradient(var(--cco),var(--cco)),repeating-conic-gradient(color-mix(in srgb,var(--_comark-muted) 35%,var(--_comark-background)) 0 25%,var(--_comark-background) 0 50%) 0 0/8px 8px}.cco-name,.cco-value{display:block;padding:0 .75rem;line-height:1.25rem;overflow-wrap:anywhere}.cco-name{padding-top:.5rem;font-size:.875rem;font-weight:500}.cco-value{padding-bottom:.5rem;color:var(--_comark-muted);font:.75rem/1.25rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cco-swatch,.cco-tile{-webkit-print-color-adjust:exact;print-color-adjust:exact}@media print{.cco-palette>li{break-inside:avoid}}}
package/dist/{styles-B9x56xx_.mjs → styles-967eNmNr.mjs} RENAMED
@@ -63,7 +63,7 @@ const groups = {
63
63
  "warning",
64
64
  "ui-warning",
65
65
  "",
66
- "#d97706",
66
+ "#d57506",
67
67
  "#fbbf24"
68
68
  ],
69
69
  info: [
@@ -145,6 +145,7 @@ const fill = "background:linear-gradient(var(--cco),var(--cco)),repeating-conic-
145
145
  const css = `@layer comark{${[
146
146
  theme(".cco-palette,.cco"),
147
147
  ":where(.cco-palette){--cco-tile-width:9rem;--cco-tile-height:4rem}",
148
+ ".cco{white-space:nowrap}",
148
149
  `.cco-swatch{display:inline-block;box-sizing:border-box;width:.8em;height:.8em;margin-inline-end:.35em;vertical-align:-.05em;border:1px solid var(--_comark-border);border-radius:calc(var(--_comark-radius) - 7px);${fill}}`,
149
150
  ".cco-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--cco-tile-width),1fr));gap:.75rem;margin:1.5rem 0;padding:0;list-style:none;font-family:var(--_comark-font)}",
150
151
  ".cco-palette>li{margin:0!important;padding:0!important;overflow:hidden;border:1px solid var(--_comark-border);border-radius:var(--_comark-radius);background:var(--_comark-background);color:var(--_comark-foreground)}",
package/dist/vue.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { n as src_default, t as isColor } from "./src-CGLpBNQy.mjs";
2
- import { t as addStyles } from "./client-Brl16Aea.mjs";
2
+ import { t as addStyles } from "./client-DjlTJTYd.mjs";
3
3
  import { defineComponent, h, onMounted } from "vue";
4
4
  //#region src/vue.ts
5
5
  /** A color in inline code, or a line of a `::palette`, for `@comark/vue`. */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "comark-colors",
3
- "version": "0.9.1",
3
+ "version": "0.10.0",
4
4
  "description": "Color swatches next to inline code that holds a color, like GitLab, and ::palette grids of named colors. A Comark plugin.",
5
5
  "keywords": [
6
6
  "color",
@@ -46,21 +46,21 @@
46
46
  "provenance": true
47
47
  },
48
48
  "devDependencies": {
49
- "@comark/html": "^0.8.1",
50
- "@comark/react": "^0.8.1",
51
- "@comark/vue": "^0.8.1",
49
+ "@comark/html": "^0.9.0",
50
+ "@comark/react": "^0.9.0",
51
+ "@comark/vue": "^0.9.0",
52
52
  "@types/react": "^19.3.0",
53
53
  "@types/react-dom": "^19.3.0",
54
- "comark": "^0.8.1",
54
+ "comark": "^0.9.0",
55
55
  "react": "^19.3.1",
56
56
  "react-dom": "^19.3.1",
57
57
  "svelte": "^5.57.2",
58
58
  "vue": "^3.5.44",
59
- "comark-zoom": "0.9.1"
59
+ "comark-zoom": "0.10.0"
60
60
  },
61
61
  "peerDependencies": {
62
- "@comark/html": "^0.8.0",
63
- "comark": "^0.8.0",
62
+ "@comark/html": "^0.9.0",
63
+ "comark": "^0.9.0",
64
64
  "react": ">=18",
65
65
  "svelte": ">=5",
66
66
  "vue": ">=3.5"