@threadlabs/looma 0.39.5 → 0.39.6

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 +1 -1
  2. package/dist/index.js +1 -1
  3. package/docs/catalog.json +2 -5
  4. package/package.json +1 -1
  5. package/styles/ui-callout.css +1 -1
  6. package/vue/UiCallout.vue +1 -1
  7. package/vue/chunks/UiCallout.js +1 -1
  8. package/vue/components.css +2 -2
package/docs/catalog.json CHANGED
@@ -458,7 +458,7 @@
458
458
  ],
459
459
  "schemaVersion": 1,
460
460
  "package": "@threadlabs/looma",
461
- "version": "0.39.5",
461
+ "version": "0.39.6",
462
462
  "groups": [
463
463
  {
464
464
  "id": "layout",
@@ -3020,7 +3020,7 @@
3020
3020
  {
3021
3021
  "name": "--ui-callout-surface",
3022
3022
  "declarations": [
3023
- "color-mix(in srgb, var(--_callout-border) 19%, var(--ui-surface-default))",
3023
+ "oklch(from var(--_callout-border) l c h / 10%)",
3024
3024
  "var(--ui-surface-muted)"
3025
3025
  ]
3026
3026
  },
@@ -3077,9 +3077,6 @@
3077
3077
  {
3078
3078
  "name": "--ui-success-solid"
3079
3079
  },
3080
- {
3081
- "name": "--ui-surface-default"
3082
- },
3083
3080
  {
3084
3081
  "name": "--ui-surface-muted"
3085
3082
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@threadlabs/looma",
3
- "version": "0.39.5",
3
+ "version": "0.39.6",
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,7 @@
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: color-mix(in srgb, var(--_callout-border) 19%, var(--ui-surface-default));
62
+ --_callout-surface: oklch(from var(--_callout-border) l c h / 10%);
63
63
  --_ui-selection-context-surface: light-dark(
64
64
  oklch(from var(--ui-callout-surface, var(--_callout-surface)) calc(l - 0.045) calc(max(c, min(0.045, c * 3))) h),
65
65
  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,7 @@ 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: color-mix(in srgb, var(--_callout-border) 19%, var(--ui-surface-default));
328
+ --_callout-surface: oklch(from var(--_callout-border) l c h / 10%);
329
329
  --_ui-selection-context-surface: light-dark(
330
330
  oklch(
331
331
  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-63b1b042"]]);
300
+ }), [["__scopeId", "data-v-591f8e62"]]);
301
301
  //#endregion
302
302
  export { UiCallout_default as t };
package/vue/components.css CHANGED
@@ -1647,7 +1647,7 @@ 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: color-mix(in srgb, var(--_callout-border) 19%, var(--ui-surface-default));
1650
+ --_callout-surface: oklch(from var(--_callout-border) l c h / 10%);
1651
1651
  --_ui-selection-context-surface: light-dark(
1652
1652
  oklch(
1653
1653
  from var(--ui-callout-surface, var(--_callout-surface))
@@ -17324,7 +17324,7 @@ html[data-ui-input-modality="touch"]
17324
17324
  --_ui-callout-icon: var(--ui-callout-icon);
17325
17325
  --_ui-callout-icon-size: var(--ui-callout-icon-size);
17326
17326
 
17327
- --_callout-surface: color-mix(in srgb, var(--_callout-border) 19%, var(--ui-surface-default));
17327
+ --_callout-surface: oklch(from var(--_callout-border) l c h / 10%);
17328
17328
  --_ui-selection-context-surface: light-dark(
17329
17329
  oklch(from var(--ui-callout-surface, var(--_callout-surface)) calc(l - 0.045) calc(max(c, min(0.045, c * 3))) h),
17330
17330
  oklch(from var(--ui-callout-surface, var(--_callout-surface)) calc(l + 0.045) calc(max(c, min(0.045, c * 3))) h)