@threadlabs/looma 0.41.0 → 0.41.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.
Files changed (8) hide show
  1. package/components/ui-callout/ui-callout.html +5 -1
  2. package/dist/index.js +1 -1
  3. package/docs/catalog.json +2 -2
  4. package/package.json +1 -1
  5. package/styles/ui-callout.css +5 -1
  6. package/vue/UiCallout.vue +9 -1
  7. package/vue/chunks/UiCallout.js +1 -1
  8. package/vue/components.css +14 -2
package/docs/catalog.json CHANGED
@@ -463,7 +463,7 @@
463
463
  ],
464
464
  "schemaVersion": 1,
465
465
  "package": "@threadlabs/looma",
466
- "version": "0.41.0",
466
+ "version": "0.41.1",
467
467
  "groups": [
468
468
  {
469
469
  "id": "layout",
@@ -3004,7 +3004,7 @@
3004
3004
  {
3005
3005
  "name": "--ui-callout-surface",
3006
3006
  "declarations": [
3007
- "oklch(from var(--_callout-border) l c h / 10%)",
3007
+ "light-dark( oklch(from var(--_callout-border) 96% min(c, calc(0.02 + 0.03 * max(0, cos(calc((h - 140) * 1deg))))) h), oklch(from var(--_callout-border) 25% min(c, 0.035) h) )",
3008
3008
  "var(--ui-surface-muted)"
3009
3009
  ]
3010
3010
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@threadlabs/looma",
3
- "version": "0.41.0",
3
+ "version": "0.41.1",
4
4
  "type": "module",
5
5
  "description": "Looma components as HTML, Vue, and plain DOM, with design tokens.",
6
6
  "license": "MIT",
package/styles/ui-callout.css CHANGED
@@ -59,7 +59,11 @@
59
59
  --_ui-callout-icon: var(--ui-callout-icon);
60
60
  --_ui-callout-icon-size: var(--ui-callout-icon-size);
61
61
 
62
- --_callout-surface: oklch(from var(--_callout-border) l c h / 10%);
62
+ /* Near white, sRGB retains more green chroma than blue/red; bound chroma by hue to avoid clipping. */
63
+ --_callout-surface: light-dark(
64
+ oklch(from var(--_callout-border) 96% min(c, calc(0.02 + 0.03 * max(0, cos(calc((h - 140) * 1deg))))) h),
65
+ oklch(from var(--_callout-border) 25% min(c, 0.035) h)
66
+ );
63
67
  --_ui-selection-context-surface: light-dark(
64
68
  oklch(from var(--ui-callout-surface, var(--_callout-surface)) calc(l - 0.045) calc(max(c, min(0.045, c * 3))) h),
65
69
  oklch(from var(--ui-callout-surface, var(--_callout-surface)) calc(l + 0.045) calc(max(c, min(0.045, c * 3))) h)
package/vue/UiCallout.vue CHANGED
@@ -325,7 +325,15 @@ const hostState = computed(() =>
325
325
  --_ui-callout-icon: var(--ui-callout-icon);
326
326
  --_ui-callout-icon-size: var(--ui-callout-icon-size);
327
327
 
328
- --_callout-surface: oklch(from var(--_callout-border) l c h / 10%);
328
+ /* Near white, sRGB retains more green chroma than blue/red; bound chroma by hue to avoid clipping. */
329
+ --_callout-surface: light-dark(
330
+ oklch(
331
+ from var(--_callout-border)
332
+ 96% min(c, calc(0.02 + 0.03 * max(0, cos(calc((h - 140) * 1deg)))))
333
+ h
334
+ ),
335
+ oklch(from var(--_callout-border) 25% min(c, 0.035) h)
336
+ );
329
337
  --_ui-selection-context-surface: light-dark(
330
338
  oklch(
331
339
  from var(--ui-callout-surface, var(--_callout-surface))
package/vue/chunks/UiCallout.js CHANGED
@@ -297,6 +297,6 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
297
297
  }]]);
298
298
  };
299
299
  }
300
- }), [["__scopeId", "data-v-591f8e62"]]);
300
+ }), [["__scopeId", "data-v-15314c87"]]);
301
301
  //#endregion
302
302
  export { UiCallout_default as t };
package/vue/components.css CHANGED
@@ -1647,7 +1647,15 @@ html[data-ui-input-modality="touch"]
1647
1647
  --_ui-callout-icon: var(--ui-callout-icon);
1648
1648
  --_ui-callout-icon-size: var(--ui-callout-icon-size);
1649
1649
 
1650
- --_callout-surface: oklch(from var(--_callout-border) l c h / 10%);
1650
+ /* Near white, sRGB retains more green chroma than blue/red; bound chroma by hue to avoid clipping. */
1651
+ --_callout-surface: light-dark(
1652
+ oklch(
1653
+ from var(--_callout-border)
1654
+ 96% min(c, calc(0.02 + 0.03 * max(0, cos(calc((h - 140) * 1deg)))))
1655
+ h
1656
+ ),
1657
+ oklch(from var(--_callout-border) 25% min(c, 0.035) h)
1658
+ );
1651
1659
  --_ui-selection-context-surface: light-dark(
1652
1660
  oklch(
1653
1661
  from var(--ui-callout-surface, var(--_callout-surface))
@@ -17478,7 +17486,11 @@ html[data-ui-input-modality="touch"]
17478
17486
  --_ui-callout-icon: var(--ui-callout-icon);
17479
17487
  --_ui-callout-icon-size: var(--ui-callout-icon-size);
17480
17488
 
17481
- --_callout-surface: oklch(from var(--_callout-border) l c h / 10%);
17489
+ /* Near white, sRGB retains more green chroma than blue/red; bound chroma by hue to avoid clipping. */
17490
+ --_callout-surface: light-dark(
17491
+ oklch(from var(--_callout-border) 96% min(c, calc(0.02 + 0.03 * max(0, cos(calc((h - 140) * 1deg))))) h),
17492
+ oklch(from var(--_callout-border) 25% min(c, 0.035) h)
17493
+ );
17482
17494
  --_ui-selection-context-surface: light-dark(
17483
17495
  oklch(from var(--ui-callout-surface, var(--_callout-surface)) calc(l - 0.045) calc(max(c, min(0.045, c * 3))) h),
17484
17496
  oklch(from var(--ui-callout-surface, var(--_callout-surface)) calc(l + 0.045) calc(max(c, min(0.045, c * 3))) h)