origam 2.7.2 → 2.7.3

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.
@@ -432,10 +432,18 @@ const {
432
432
  const { rtlClasses } = useRtl();
433
433
  const { variantClasses } = useVariant(props);
434
434
  const { sizeClasses } = useSize(props, "origam-field");
435
+ const fieldRadiusVarStyles = computed(() => {
436
+ const declarations = roundedStyles.value;
437
+ if (!Array.isArray(declarations)) return [];
438
+ const radius = declarations.find((declaration) => declaration.startsWith("border-radius:"));
439
+ if (!radius) return [];
440
+ return [`--origam-field---border-radius: ${radius.slice("border-radius:".length).trim()}`];
441
+ });
435
442
  const fieldStyles = computed(() => {
436
443
  return [
437
444
  colorStyles.value,
438
445
  roundedStyles.value,
446
+ fieldRadiusVarStyles.value,
439
447
  elevationStyles.value,
440
448
  props.style
441
449
  ];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "origam",
3
- "version": "2.7.2",
3
+ "version": "2.7.3",
4
4
  "type": "module",
5
5
  "description": "origam — a Vue 3 design system with multi-theme design tokens, CSS-first components and TypeScript types.",
6
6
  "keywords": [