@raintonic/formaui 0.2.1 → 0.3.0

package/fesm2022/raintonic-formaui-test-utils.mjs

@@ -2,23 +2,28 @@ import axe from 'axe-core';
 
 /**
  * Runs axe-core accessibility audit on the given element.
- * Returns violations array. Empty array means no violations.
+ * Returns the violations array. Empty array means no violations.
+ *
+ * `color-contrast` is disabled by default because JSDOM does not compute
+ * real styles, so color-contrast checks produce unreliable results.
  */
-async function runA11yAudit(element) {
-    const results = await axe.run(element, {
-        rules: {
-            'color-contrast': { enabled: true },
-            'keyboard-access': { enabled: true },
-            'aria-roles': { enabled: true },
-            'aria-required-attr': { enabled: true },
-            'aria-valid-attr': { enabled: true },
-            'aria-valid-attr-value': { enabled: true },
-            'button-name': { enabled: true },
-            'image-alt': { enabled: true },
-            label: { enabled: true },
-            'link-name': { enabled: true },
-        },
-    });
+async function runA11yAudit(element, options = {}) {
+    const rules = {
+        'color-contrast': { enabled: false },
+        'aria-roles': { enabled: true },
+        'aria-required-attr': { enabled: true },
+        'aria-valid-attr': { enabled: true },
+        'aria-valid-attr-value': { enabled: true },
+        'aria-allowed-attr': { enabled: true },
+        'button-name': { enabled: true },
+        'image-alt': { enabled: true },
+        label: { enabled: true },
+        'link-name': { enabled: true },
+    };
+    for (const id of options.disableRules ?? []) {
+        rules[id] = { enabled: false };
+    }
+    const results = await axe.run(element, { rules });
     return results.violations;
 }
 

package/fesm2022/raintonic-formaui-test-utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"raintonic-formaui-test-utils.mjs","sources":["../../../lib/test-utils/a11y-test.util.ts","../../../lib/test-utils/keyboard-test.util.ts","../../../lib/test-utils/raintonic-formaui-test-utils.ts"],"sourcesContent":["import axe from 'axe-core';\r\n\r\n/**\r\n * Runs axe-core accessibility audit on the given element.\r\n * Returns violations array. Empty array means no violations.\r\n */\r\nexport async function runA11yAudit(element: HTMLElement): Promise<axe.Result[]> {\r\n  const results = await axe.run(element, {\r\n    rules: {\r\n      'color-contrast': { enabled: true },\r\n      'keyboard-access': { enabled: true },\r\n      'aria-roles': { enabled: true },\r\n      'aria-required-attr': { enabled: true },\r\n      'aria-valid-attr': { enabled: true },\r\n      'aria-valid-attr-value': { enabled: true },\r\n      'button-name': { enabled: true },\r\n      'image-alt': { enabled: true },\r\n      label: { enabled: true },\r\n      'link-name': { enabled: true },\r\n    },\r\n  });\r\n  return results.violations;\r\n}\r\n","export function pressKey(\r\n  element: HTMLElement,\r\n  key: string,\r\n  modifiers?: { shift?: boolean; ctrl?: boolean; alt?: boolean },\r\n): void {\r\n  const event = new KeyboardEvent('keydown', {\r\n    key,\r\n    bubbles: true,\r\n    cancelable: true,\r\n    shiftKey: modifiers?.shift ?? false,\r\n    ctrlKey: modifiers?.ctrl ?? false,\r\n    altKey: modifiers?.alt ?? false,\r\n  });\r\n  element.dispatchEvent(event);\r\n}\r\n\r\nexport function pressTab(element: HTMLElement, shift = false): void {\r\n  pressKey(element, 'Tab', { shift });\r\n}\r\n\r\nexport function pressArrowDown(element: HTMLElement): void {\r\n  pressKey(element, 'ArrowDown');\r\n}\r\n\r\nexport function pressArrowUp(element: HTMLElement): void {\r\n  pressKey(element, 'ArrowUp');\r\n}\r\n\r\nexport function pressEnter(element: HTMLElement): void {\r\n  pressKey(element, 'Enter');\r\n}\r\n\r\nexport function pressSpace(element: HTMLElement): void {\r\n  pressKey(element, ' ');\r\n}\r\n\r\nexport function pressEscape(element: HTMLElement): void {\r\n  pressKey(element, 'Escape');\r\n}\r\n\r\nexport function pressHome(element: HTMLElement): void {\r\n  pressKey(element, 'Home');\r\n}\r\n\r\nexport function pressEnd(element: HTMLElement): void {\r\n  pressKey(element, 'End');\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAEA;;;AAGG;AACI,eAAe,YAAY,CAAC,OAAoB,EAAA;IACrD,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,OAAO,EAAE;AACrC,QAAA,KAAK,EAAE;AACL,YAAA,gBAAgB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AACnC,YAAA,iBAAiB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AACpC,YAAA,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AAC/B,YAAA,oBAAoB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AACvC,YAAA,iBAAiB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AACpC,YAAA,uBAAuB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AAC1C,YAAA,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AAChC,YAAA,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AAC9B,YAAA,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AACxB,YAAA,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AAC/B,SAAA;AACF,KAAA,CAAC;IACF,OAAO,OAAO,CAAC,UAAU;AAC3B;;SCtBgB,QAAQ,CACtB,OAAoB,EACpB,GAAW,EACX,SAA8D,EAAA;AAE9D,IAAA,MAAM,KAAK,GAAG,IAAI,aAAa,CAAC,SAAS,EAAE;QACzC,GAAG;AACH,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,QAAQ,EAAE,SAAS,EAAE,KAAK,IAAI,KAAK;AACnC,QAAA,OAAO,EAAE,SAAS,EAAE,IAAI,IAAI,KAAK;AACjC,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,KAAK;AAChC,KAAA,CAAC;AACF,IAAA,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC;AAC9B;SAEgB,QAAQ,CAAC,OAAoB,EAAE,KAAK,GAAG,KAAK,EAAA;IAC1D,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC;AACrC;AAEM,SAAU,cAAc,CAAC,OAAoB,EAAA;AACjD,IAAA,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;AAChC;AAEM,SAAU,YAAY,CAAC,OAAoB,EAAA;AAC/C,IAAA,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;AAC9B;AAEM,SAAU,UAAU,CAAC,OAAoB,EAAA;AAC7C,IAAA,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;AAC5B;AAEM,SAAU,UAAU,CAAC,OAAoB,EAAA;AAC7C,IAAA,QAAQ,CAAC,OAAO,EAAE,GAAG,CAAC;AACxB;AAEM,SAAU,WAAW,CAAC,OAAoB,EAAA;AAC9C,IAAA,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC;AAC7B;AAEM,SAAU,SAAS,CAAC,OAAoB,EAAA;AAC5C,IAAA,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;AAC3B;AAEM,SAAU,QAAQ,CAAC,OAAoB,EAAA;AAC3C,IAAA,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC;AAC1B;;AC9CA;;AAEG;;;;"}
+{"version":3,"file":"raintonic-formaui-test-utils.mjs","sources":["../../../lib/test-utils/a11y-test.util.ts","../../../lib/test-utils/keyboard-test.util.ts","../../../lib/test-utils/raintonic-formaui-test-utils.ts"],"sourcesContent":["import axe from 'axe-core';\r\n\r\nexport interface RunA11yAuditOptions {\r\n  /**\r\n   * IDs of axe rules to disable for this audit (merged on top of defaults).\r\n   * Useful when a component legitimately fails a rule because of a\r\n   * JSDOM limitation or host-element wrapping (e.g. `listitem` on\r\n   * component hosts between `<ol>` and `<li>`).\r\n   */\r\n  disableRules?: string[];\r\n}\r\n\r\n/**\r\n * Runs axe-core accessibility audit on the given element.\r\n * Returns the violations array. Empty array means no violations.\r\n *\r\n * `color-contrast` is disabled by default because JSDOM does not compute\r\n * real styles, so color-contrast checks produce unreliable results.\r\n */\r\nexport async function runA11yAudit(\r\n  element: HTMLElement,\r\n  options: RunA11yAuditOptions = {},\r\n): Promise<axe.Result[]> {\r\n  const rules: Record<string, { enabled: boolean }> = {\r\n    'color-contrast': { enabled: false },\r\n    'aria-roles': { enabled: true },\r\n    'aria-required-attr': { enabled: true },\r\n    'aria-valid-attr': { enabled: true },\r\n    'aria-valid-attr-value': { enabled: true },\r\n    'aria-allowed-attr': { enabled: true },\r\n    'button-name': { enabled: true },\r\n    'image-alt': { enabled: true },\r\n    label: { enabled: true },\r\n    'link-name': { enabled: true },\r\n  };\r\n  for (const id of options.disableRules ?? []) {\r\n    rules[id] = { enabled: false };\r\n  }\r\n  const results = await axe.run(element, { rules });\r\n  return results.violations;\r\n}\r\n","export function pressKey(\r\n  element: HTMLElement,\r\n  key: string,\r\n  modifiers?: { shift?: boolean; ctrl?: boolean; alt?: boolean },\r\n): void {\r\n  const event = new KeyboardEvent('keydown', {\r\n    key,\r\n    bubbles: true,\r\n    cancelable: true,\r\n    shiftKey: modifiers?.shift ?? false,\r\n    ctrlKey: modifiers?.ctrl ?? false,\r\n    altKey: modifiers?.alt ?? false,\r\n  });\r\n  element.dispatchEvent(event);\r\n}\r\n\r\nexport function pressTab(element: HTMLElement, shift = false): void {\r\n  pressKey(element, 'Tab', { shift });\r\n}\r\n\r\nexport function pressArrowDown(element: HTMLElement): void {\r\n  pressKey(element, 'ArrowDown');\r\n}\r\n\r\nexport function pressArrowUp(element: HTMLElement): void {\r\n  pressKey(element, 'ArrowUp');\r\n}\r\n\r\nexport function pressEnter(element: HTMLElement): void {\r\n  pressKey(element, 'Enter');\r\n}\r\n\r\nexport function pressSpace(element: HTMLElement): void {\r\n  pressKey(element, ' ');\r\n}\r\n\r\nexport function pressEscape(element: HTMLElement): void {\r\n  pressKey(element, 'Escape');\r\n}\r\n\r\nexport function pressHome(element: HTMLElement): void {\r\n  pressKey(element, 'Home');\r\n}\r\n\r\nexport function pressEnd(element: HTMLElement): void {\r\n  pressKey(element, 'End');\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAYA;;;;;;AAMG;AACI,eAAe,YAAY,CAChC,OAAoB,EACpB,UAA+B,EAAE,EAAA;AAEjC,IAAA,MAAM,KAAK,GAAyC;AAClD,QAAA,gBAAgB,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;AACpC,QAAA,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AAC/B,QAAA,oBAAoB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AACvC,QAAA,iBAAiB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AACpC,QAAA,uBAAuB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AAC1C,QAAA,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AACtC,QAAA,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AAChC,QAAA,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AAC9B,QAAA,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AACxB,QAAA,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC/B;IACD,KAAK,MAAM,EAAE,IAAI,OAAO,CAAC,YAAY,IAAI,EAAE,EAAE;QAC3C,KAAK,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE;IAChC;AACA,IAAA,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC;IACjD,OAAO,OAAO,CAAC,UAAU;AAC3B;;SCxCgB,QAAQ,CACtB,OAAoB,EACpB,GAAW,EACX,SAA8D,EAAA;AAE9D,IAAA,MAAM,KAAK,GAAG,IAAI,aAAa,CAAC,SAAS,EAAE;QACzC,GAAG;AACH,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,QAAQ,EAAE,SAAS,EAAE,KAAK,IAAI,KAAK;AACnC,QAAA,OAAO,EAAE,SAAS,EAAE,IAAI,IAAI,KAAK;AACjC,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,KAAK;AAChC,KAAA,CAAC;AACF,IAAA,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC;AAC9B;SAEgB,QAAQ,CAAC,OAAoB,EAAE,KAAK,GAAG,KAAK,EAAA;IAC1D,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC;AACrC;AAEM,SAAU,cAAc,CAAC,OAAoB,EAAA;AACjD,IAAA,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;AAChC;AAEM,SAAU,YAAY,CAAC,OAAoB,EAAA;AAC/C,IAAA,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;AAC9B;AAEM,SAAU,UAAU,CAAC,OAAoB,EAAA;AAC7C,IAAA,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;AAC5B;AAEM,SAAU,UAAU,CAAC,OAAoB,EAAA;AAC7C,IAAA,QAAQ,CAAC,OAAO,EAAE,GAAG,CAAC;AACxB;AAEM,SAAU,WAAW,CAAC,OAAoB,EAAA;AAC9C,IAAA,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC;AAC7B;AAEM,SAAU,SAAS,CAAC,OAAoB,EAAA;AAC5C,IAAA,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;AAC3B;AAEM,SAAU,QAAQ,CAAC,OAAoB,EAAA;AAC3C,IAAA,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC;AAC1B;;AC9CA;;AAEG;;;;"}

package/fesm2022/raintonic-formaui.mjs

@@ -1,4 +1,4 @@
-const FORMAUI_VERSION = '0.1.0';
+const FORMAUI_VERSION = '0.3.0';
 // FormaUI - Primary entry point
 // Secondary entry points are imported directly, e.g.:
 //   import { FuiButtonDirective } from '@raintonic/formaui/components/button';

package/fesm2022/raintonic-formaui.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"raintonic-formaui.mjs","sources":["../../../lib/src/public-api.ts","../../../lib/src/raintonic-formaui.ts"],"sourcesContent":["export const FORMAUI_VERSION = '0.1.0';\r\n\r\n// FormaUI - Primary entry point\r\n// Secondary entry points are imported directly, e.g.:\r\n//   import { FuiButtonDirective } from '@raintonic/formaui/components/button';\r\n//   import { FuiIconComponent } from '@raintonic/formaui/components/icon';\r\n//   import { ThemeService } from '@raintonic/formaui/services/theme';\r\n//   import { FuiOverlayService } from '@raintonic/formaui/cdk/overlay';\r\n//   import { FuiCoreModule } from '@raintonic/formaui/core';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAO,MAAM,eAAe,GAAG;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA;;ACRA;;AAEG;;;;"}
+{"version":3,"file":"raintonic-formaui.mjs","sources":["../../../lib/src/public-api.ts","../../../lib/src/raintonic-formaui.ts"],"sourcesContent":["export const FORMAUI_VERSION = '0.3.0';\r\n\r\n// FormaUI - Primary entry point\r\n// Secondary entry points are imported directly, e.g.:\r\n//   import { FuiButtonDirective } from '@raintonic/formaui/components/button';\r\n//   import { FuiIconComponent } from '@raintonic/formaui/components/icon';\r\n//   import { ThemeService } from '@raintonic/formaui/services/theme';\r\n//   import { FuiOverlayService } from '@raintonic/formaui/cdk/overlay';\r\n//   import { FuiCoreModule } from '@raintonic/formaui/core';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAO,MAAM,eAAe,GAAG;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA;;ACRA;;AAEG;;;;"}

package/llms-full.txt

@@ -79,6 +79,10 @@ An autocomplete component designed to work seamlessly with fui-form-field. Simil
 
 | Name | Type | Default | Required |
 |------|------|---------|----------|
+| addButtonLabel | string | undefined | undefined | no |
+| refreshButtonLabel | string | undefined | undefined | no |
+| noOptionsText | string | undefined | undefined | no |
+| searchPlaceholder | string | undefined | undefined | no |
 | errorStateMatcher | ErrorStateMatcher | null | null | no |
 
 #### Outputs
@@ -127,7 +131,7 @@ An autocomplete component designed to work seamlessly with fui-form-field. Simil
 | Name | Type | Default | Required |
 |------|------|---------|----------|
 | icon | string | null | null | no |
-| customColor | string | null | null | no |
+| customColor | FuiBadgeCustomColor | null | null | no |
 | size | FuiBadgeSize | 'md' | no |
 | variant | FuiBadgeVariant | 'primary' | no |
 | ariaLabel | string | null | null | no |
@@ -159,7 +163,11 @@ An autocomplete component designed to work seamlessly with fui-form-field. Simil
 - **Import**: `import { FuiBreadcrumbComponent } from 'formaui/components/breadcrumb'`
 - **Selector**: `fui-breadcrumb`
 
-No public inputs or outputs.
+#### Inputs
+
+| Name | Type | Default | Required |
+|------|------|---------|----------|
+| aria-label | string | undefined | undefined | no |
 
 ### Sub-components
 
@@ -295,6 +303,8 @@ A checkbox component with full Angular Reactive Forms support. Compatible with A
 | Name | Type | Default | Required |
 |------|------|---------|----------|
 | data | T[] | [] | no |
+| tableAriaLabel | string | undefined | undefined | no |
+| emptyMessage | string | undefined | undefined | no |
 | sort | { field: string; direction: 'ASC' | 'DESC' } | null | null | no |
 | filters | ColumnFilter[] | [] | no |
 | config | AdvancedDataTableConfig | - | yes |
@@ -376,29 +386,6 @@ A checkbox component with full Angular Reactive Forms support. Compatible with A
 
 ---
 
-## dynamic-form
-
-A component that automatically renders forms based on a JSON configuration. It takes a FormGroup and a configuration object that specifies the form structure.
-
-- **Import**: `import { FuiDynamicFormRendererComponent } from 'formaui/components/dynamic-form'`
-- **Selector**: `fui-dynamic-form-renderer`
-
-#### Inputs
-
-| Name | Type | Default | Required |
-|------|------|---------|----------|
-| formGroup | FormGroup | - | yes |
-| config | DynamicFormConfig | - | yes |
-
-#### Outputs
-
-| Name | Type |
-|------|------|
-| autocompleteAction | DynamicFormAutocompleteEvent |
-| fileChange | DynamicFormFileEvent |
-
----
-
 ## empty-state
 
 - **Import**: `import { FuiEmptyStateComponent } from 'formaui/components/empty-state'`
@@ -937,6 +924,7 @@ A slider (range input) component with single and dual-thumb (range) support. Int
 | value | number | 0 | no |
 | size | FuiSpinnerSize | 'md' | no |
 | color | string | null | null | no |
+| aria-label | string | undefined | undefined | no |
 
 ---
 
@@ -1110,6 +1098,8 @@ A top navigation toolbar following Carbon Design System principles. Provides spa
 | menuItems | FuiToolbarMenuItem[] | [] | no |
 | userProfile | FuiToolbarUserProfile | null | null | no |
 | activeMenuItemId | string | number | '' | no |
+| ariaLabel | string | undefined | undefined | no |
+| userAriaLabel | string | undefined | undefined | no |
 
 #### Outputs
 
@@ -1225,6 +1215,7 @@ A top navigation toolbar following Carbon Design System principles. Provides spa
 |------|------|---------|----------|
 | sort | { field: string; direction: 'ASC' | 'DESC' } | null | null | no |
 | filters | FuiTreeTableColumnFilter[] | [] | no |
+| emptyMessage | string | undefined | undefined | no |
 | config | FuiTreeTableConfig | - | yes |
 
 #### Outputs
@@ -1491,6 +1482,23 @@ A top navigation toolbar following Carbon Design System principles. Provides spa
 | --fui-state-info-bg | var(--fui-info-30) |
 | --fui-state-info-hover | var(--fui-info-110) |
 
+### Destructive
+
+| Token | Value |
+|-------|-------|
+| --fui-destructive-default | var(--fui-danger-90) |
+| --fui-destructive-hover | var(--fui-danger-100) |
+| --fui-destructive-text | white |
+
+### Tertiary
+
+| Token | Value |
+|-------|-------|
+| --fui-tertiary-text | var(--fui-text-primary) |
+| --fui-tertiary-hover-bg | var(--fui-surface-03) |
+| --fui-tertiary-violet-text | var(--fui-primary) |
+| --fui-tertiary-violet-hover-bg | var(--fui-primary-bg) |
+
 ### Field
 
 | Token | Value |

package/llms.txt

@@ -23,7 +23,6 @@ npm install formaui
 - date-picker: No description available. `import { FuiDatePickerComponent } from 'formaui/components/date-picker'`
 - divider: No description available. `import { FuiDividerComponent } from 'formaui/components/divider'`
 - drawer: No description available. `import { FuiDrawerComponent } from 'formaui/components/drawer'`
-- dynamic-form: A component that automatically renders forms based on a JSON configuration. It takes a FormGroup and a configuration obj `import { FuiDynamicFormRendererComponent } from 'formaui/components/dynamic-form'`
 - empty-state: No description available. `import { FuiEmptyStateComponent } from 'formaui/components/empty-state'`
 - file-upload: A file upload component with drag-and-drop support, file previews, and validation. `import { FuiFileUploadComponent } from 'formaui/components/file-upload'`
 - form-field: A form field wrapper component that provides consistent styling and behavior for form controls. Follows Angular Material `import { FuiFormFieldComponent } from 'formaui/components/form-field'`
@@ -57,4 +56,4 @@ npm install formaui
 ## Design Tokens
 
 CSS custom properties prefixed with `--fui-*`. Themes: light (default), dark.
-Key token groups: primary, secondary, danger, success, warning, info, pink, orange, tomato, white, black, text, border, surface, bg, state, field, icon, background, error, card.
+Key token groups: primary, secondary, danger, success, warning, info, pink, orange, tomato, white, black, text, border, surface, bg, state, destructive, tertiary, field, icon, background, error, card.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raintonic/formaui",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "A modern Angular UI component library with theming support",
   "license": "MIT",
   "keywords": [
@@ -103,10 +103,6 @@
       "types": "./types/raintonic-formaui-components-drawer.d.ts",
       "default": "./fesm2022/raintonic-formaui-components-drawer.mjs"
     },
-    "./components/dynamic-form": {
-      "types": "./types/raintonic-formaui-components-dynamic-form.d.ts",
-      "default": "./fesm2022/raintonic-formaui-components-dynamic-form.mjs"
-    },
     "./components/empty-state": {
       "types": "./types/raintonic-formaui-components-empty-state.d.ts",
       "default": "./fesm2022/raintonic-formaui-components-empty-state.mjs"

package/styles/index.scss

@@ -84,8 +84,8 @@ button {
   @include fui-button-reset();
 }
 
-// Link styles
-a {
+// Link styles — exclude fui-button anchors, which have their own variant system
+a:not(.fui-button) {
   color: var(--fui-primary);
   text-decoration: none;
 

package/styles/partials/_motion.scss

@@ -250,3 +250,28 @@
 .fui-slide-in {
   animation: fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance);
 }
+
+// Popover/dropdown entrance — for panels portaled into the overlay container
+// (datepicker calendar, menu, autocomplete). Transform-origin should be set
+// by the consumer to match the side where the panel is anchored.
+@keyframes fui-popover-enter {
+  from {
+    opacity: 0;
+    transform: translateY(-14px);
+  }
+  60% {
+    opacity: 1;
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@mixin fui-motion-popover-enter(
+  $duration: var(--fui-duration-moderate-01),
+  $easing: var(--fui-ease-entrance)
+) {
+  animation: fui-popover-enter $duration $easing both;
+  will-change: transform, opacity;
+}

package/styles/partials/_theme.scss

@@ -145,13 +145,14 @@
 
   // === COMPONENT SIZES ===
   // Button heights
-  --fui-button-height-sm: 1.5rem; // 32px
-  --fui-button-height-md: 2.5rem; // 40px
-  --fui-button-height-lg: 3rem; // 48px
-  --fui-button-height-xl: 4rem; // 64px
+  --fui-button-height-sm: 1.75rem; // 28px
+  --fui-button-height-md: 2.25rem; // 36px
+  --fui-button-height-lg: 2.75rem; // 44px
+  --fui-button-height-xl: 3.25rem; // 52px
+  --fui-button-height-2xl: 4rem; // 64px
 
   // Input heights
-  --fui-input-height: 2.5rem; // 44px
+  --fui-input-height: 2.25rem; // 36px (matches --fui-button-height-md)
 
   // Icon sizes
   --fui-icon-size-sm: 0.75rem; // 16px