origam 2.17.0 → 2.17.1

package/dist/src/consts/Commons/border.const.cjs

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BORDER_REGEX = exports.BORDER_POSITION_MAP = exports.BORDER_LOGICAL_AXIS_MAP = exports.BORDER_KEYWORD_WIDTH = void 0;
+exports.BORDER_REGEX = exports.BORDER_PROP_KEYS = exports.BORDER_POSITION_MAP = exports.BORDER_LOGICAL_AXIS_MAP = exports.BORDER_KEYWORD_WIDTH = void 0;
 var _enums = require("../../enums/index.cjs");
 const BORDER_REGEX = exports.BORDER_REGEX = /^(?<width>(?: ?(?:[0-9]+)(?:px|pt|PC|in|cm|mm|em|rem|%|ex|ch|fr)?){0,4}) {0,1}(?<style>(?:(?: ?(?:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset))+){0,4}) ?(?<color>(?: ?(?:(?:(?:#)(?:[a-f0-9]{3}|[a-f0-9]{6}))|(?:var\(--[^)]+\))|(?:(?:rgb|hsl|rgba)a?\(.*\))|(?:[A-Za-z]+))){0,4})$/;
 const BORDER_POSITION_MAP = exports.BORDER_POSITION_MAP = [{
@@ -30,6 +30,7 @@ const BORDER_LOGICAL_AXIS_MAP = exports.BORDER_LOGICAL_AXIS_MAP = [{
   axis: _enums.BORDER_LOGICAL_AXIS.INLINE,
   widthProp: "borderInline"
 }];
+const BORDER_PROP_KEYS = exports.BORDER_PROP_KEYS = ["border", "borderTop", "borderRight", "borderBottom", "borderLeft", "borderBlock", "borderInline", "borderColor", "borderStyle", "borderTopColor", "borderRightColor", "borderBottomColor", "borderLeftColor"];
 const BORDER_KEYWORD_WIDTH = exports.BORDER_KEYWORD_WIDTH = {
   none: "var(--origam-border__width---0)",
   thin: "var(--origam-border__width---thin)",

package/dist/src/consts/Commons/border.const.d.ts

@@ -63,6 +63,25 @@ export declare const BORDER_LOGICAL_AXIS_MAP: ReadonlyArray<{
     axis: TBorderLogicalAxis;
     widthProp: 'borderBlock' | 'borderInline';
 }>;
+/*********************************************************
+ * BORDER_PROP_KEYS
+ *
+ * @description
+ * Every key `IBorderProps` declares — the complete prop surface `useBorder`
+ * consumes, in one place.
+ *
+ * @description
+ * Issue #726. The four components that wrap an `<origam-field>` inside an
+ * `<origam-input>` (TextField, TextareaField, PasswordField, FileField) must
+ * hand this surface to the FIELD and withhold it from the INPUT. The input is
+ * the outer box and has no notch, so a border painted there crosses the
+ * floating label; the field owns the notched outline that opens around it.
+ * Both children resolve their bindings through `filterProps(props, excludes)`,
+ * so the split is expressed as this exclude list — named once here rather than
+ * retyped in four templates, where one forgotten key (`borderBlock`,
+ * `borderTopColor`, …) would silently restore the defect for that one value.
+ */
+export declare const BORDER_PROP_KEYS: readonly ["border", "borderTop", "borderRight", "borderBottom", "borderLeft", "borderBlock", "borderInline", "borderColor", "borderStyle", "borderTopColor", "borderRightColor", "borderBottomColor", "borderLeftColor"];
 /*********************************************************
  * BORDER_KEYWORD_WIDTH
  *

package/dist/src/consts/Commons/border.const.js

@@ -10,6 +10,21 @@ export const BORDER_LOGICAL_AXIS_MAP = [
   { axis: BORDER_LOGICAL_AXIS.BLOCK, widthProp: "borderBlock" },
   { axis: BORDER_LOGICAL_AXIS.INLINE, widthProp: "borderInline" }
 ];
+export const BORDER_PROP_KEYS = [
+  "border",
+  "borderTop",
+  "borderRight",
+  "borderBottom",
+  "borderLeft",
+  "borderBlock",
+  "borderInline",
+  "borderColor",
+  "borderStyle",
+  "borderTopColor",
+  "borderRightColor",
+  "borderBottomColor",
+  "borderLeftColor"
+];
 export const BORDER_KEYWORD_WIDTH = {
   none: "var(--origam-border__width---0)",
   thin: "var(--origam-border__width---thin)",

package/dist/src/interfaces/Field/field.interface.d.ts

@@ -1,5 +1,6 @@
 import type { IActiveEmits, IActiveProps } from '../Commons/active.interface';
 import type { IAdjacentInnerEmits, IAdjacentInnerProps, IAdjacentInnerSlots } from '../Commons/adjacent.interface';
+import type { IBorderProps } from '../Commons/border.interface';
 import type { IBgColorProps, IColorProps } from '../Commons/color.interface';
 import type { ICommonsComponentProps } from '../Commons/commons.interface';
 import type { IDensityProps } from '../Commons/density.interface';
@@ -11,7 +12,26 @@ import type { IRoundedProps } from '../Commons/rounded.interface';
 import type { ISizeProps } from '../Commons/size.interface';
 import type { ITypographyProps } from '../Commons/typography.interface';
 import type { IVariantProps } from '../Commons/variant.interface';
-export interface IFieldProps extends ICommonsComponentProps, ILoaderProps, IColorProps, IBgColorProps, IAdjacentInnerProps, IFocusProps, IDensityProps, ILabelProps, IActiveProps, IVariantProps, IRoundedProps, IElevationProps, ISizeProps, Pick<ITypographyProps, 'fontSize' | 'fontWeight' | 'lineHeight' | 'letterSpacing'> {
+/*********************************************************
+ * IFieldProps
+ *
+ * @description
+ * `IBorderProps` (issue #726) — the field owns the NOTCHED outline
+ * (`__outline--start` / `--notch` / `--end`), so the `border` surface has to
+ * be declared HERE, not only on `IInputProps`.
+ *
+ * @description
+ * Before #726 `border` existed solely on the OUTER `OrigamInput` wrapper,
+ * which has no notch: the line it painted ran straight through the floating
+ * label (measured: label box `[-7, 11]`, input border band `[0, 2]` — a 2 px
+ * strike through an 18 px label).
+ *
+ * @description
+ * `OrigamField` now maps the resolved width / style / colour onto the
+ * `--origam-field---border-*` token channel the three outline legs already
+ * read, so the notch keeps opening under `--active` / `--focused`.
+ ********************************************************/
+export interface IFieldProps extends ICommonsComponentProps, ILoaderProps, IColorProps, IBgColorProps, IAdjacentInnerProps, IBorderProps, IFocusProps, IDensityProps, ILabelProps, IActiveProps, IVariantProps, IRoundedProps, IElevationProps, ISizeProps, Pick<ITypographyProps, 'fontSize' | 'fontWeight' | 'lineHeight' | 'letterSpacing'> {
     centerAffix?: boolean;
     dirty?: boolean;
     disabled?: boolean;