diff --git a/docs/__tests__/__snapshots__/cssvars-table.test.ts.snap b/docs/__tests__/__snapshots__/cssvars-table.test.ts.snap index e44714da5a5..c6dd4f8c74c 100644 --- a/docs/__tests__/__snapshots__/cssvars-table.test.ts.snap +++ b/docs/__tests__/__snapshots__/cssvars-table.test.ts.snap @@ -3,5724 +3,5724 @@ exports[`CSS Variables Table 1`] = ` "[ { - \\"variable\\": \\"--amplify-border-widths-large\\", - \\"value\\": \\"3px\\" + "variable": "--amplify-border-widths-large", + "value": "3px" }, { - \\"variable\\": \\"--amplify-border-widths-medium\\", - \\"value\\": \\"2px\\" + "variable": "--amplify-border-widths-medium", + "value": "2px" }, { - \\"variable\\": \\"--amplify-border-widths-small\\", - \\"value\\": \\"1px\\" + "variable": "--amplify-border-widths-small", + "value": "1px" }, { - \\"variable\\": \\"--amplify-colors-background-disabled\\", - \\"value\\": \\"var(--amplify-colors-background-tertiary)\\" + "variable": "--amplify-colors-background-disabled", + "value": "var(--amplify-colors-background-tertiary)" }, { - \\"variable\\": \\"--amplify-colors-background-error\\", - \\"value\\": \\"var(--amplify-colors-red-10)\\" + "variable": "--amplify-colors-background-error", + "value": "var(--amplify-colors-red-10)" }, { - \\"variable\\": \\"--amplify-colors-background-info\\", - \\"value\\": \\"var(--amplify-colors-blue-10)\\" + "variable": "--amplify-colors-background-info", + "value": "var(--amplify-colors-blue-10)" }, { - \\"variable\\": \\"--amplify-colors-background-primary\\", - \\"value\\": \\"var(--amplify-colors-white)\\" + "variable": "--amplify-colors-background-primary", + "value": "var(--amplify-colors-white)" }, { - \\"variable\\": \\"--amplify-colors-background-quaternary\\", - \\"value\\": \\"var(--amplify-colors-neutral-60)\\" + "variable": "--amplify-colors-background-quaternary", + "value": "var(--amplify-colors-neutral-60)" }, { - \\"variable\\": \\"--amplify-colors-background-secondary\\", - \\"value\\": \\"var(--amplify-colors-neutral-10)\\" + "variable": "--amplify-colors-background-secondary", + "value": "var(--amplify-colors-neutral-10)" }, { - \\"variable\\": \\"--amplify-colors-background-success\\", - \\"value\\": \\"var(--amplify-colors-green-10)\\" + "variable": "--amplify-colors-background-success", + "value": "var(--amplify-colors-green-10)" }, { - \\"variable\\": \\"--amplify-colors-background-tertiary\\", - \\"value\\": \\"var(--amplify-colors-neutral-20)\\" + "variable": "--amplify-colors-background-tertiary", + "value": "var(--amplify-colors-neutral-20)" }, { - \\"variable\\": \\"--amplify-colors-background-warning\\", - \\"value\\": \\"var(--amplify-colors-orange-10)\\" + "variable": "--amplify-colors-background-warning", + "value": "var(--amplify-colors-orange-10)" }, { - \\"variable\\": \\"--amplify-colors-black\\", - \\"value\\": \\"hsl(0, 0%, 0%)\\" + "variable": "--amplify-colors-black", + "value": "hsl(0, 0%, 0%)" }, { - \\"variable\\": \\"--amplify-colors-blue-10\\", - \\"value\\": \\"hsl(220, 95%, 95%)\\" + "variable": "--amplify-colors-blue-10", + "value": "hsl(220, 95%, 95%)" }, { - \\"variable\\": \\"--amplify-colors-blue-100\\", - \\"value\\": \\"hsl(220, 100%, 15%)\\" + "variable": "--amplify-colors-blue-100", + "value": "hsl(220, 100%, 15%)" }, { - \\"variable\\": \\"--amplify-colors-blue-20\\", - \\"value\\": \\"hsl(220, 85%, 85%)\\" + "variable": "--amplify-colors-blue-20", + "value": "hsl(220, 85%, 85%)" }, { - \\"variable\\": \\"--amplify-colors-blue-40\\", - \\"value\\": \\"hsl(220, 70%, 70%)\\" + "variable": "--amplify-colors-blue-40", + "value": "hsl(220, 70%, 70%)" }, { - \\"variable\\": \\"--amplify-colors-blue-60\\", - \\"value\\": \\"hsl(220, 50%, 50%)\\" + "variable": "--amplify-colors-blue-60", + "value": "hsl(220, 50%, 50%)" }, { - \\"variable\\": \\"--amplify-colors-blue-80\\", - \\"value\\": \\"hsl(220, 95%, 30%)\\" + "variable": "--amplify-colors-blue-80", + "value": "hsl(220, 95%, 30%)" }, { - \\"variable\\": \\"--amplify-colors-blue-90\\", - \\"value\\": \\"hsl(220, 100%, 20%)\\" + "variable": "--amplify-colors-blue-90", + "value": "hsl(220, 100%, 20%)" }, { - \\"variable\\": \\"--amplify-colors-border-disabled\\", - \\"value\\": \\"var(--amplify-colors-border-tertiary)\\" + "variable": "--amplify-colors-border-disabled", + "value": "var(--amplify-colors-border-tertiary)" }, { - \\"variable\\": \\"--amplify-colors-border-error\\", - \\"value\\": \\"var(--amplify-colors-red-80)\\" + "variable": "--amplify-colors-border-error", + "value": "var(--amplify-colors-red-80)" }, { - \\"variable\\": \\"--amplify-colors-border-focus\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-100)\\" + "variable": "--amplify-colors-border-focus", + "value": "var(--amplify-colors-brand-primary-100)" }, { - \\"variable\\": \\"--amplify-colors-border-info\\", - \\"value\\": \\"var(--amplify-colors-blue-80)\\" + "variable": "--amplify-colors-border-info", + "value": "var(--amplify-colors-blue-80)" }, { - \\"variable\\": \\"--amplify-colors-border-pressed\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-100)\\" + "variable": "--amplify-colors-border-pressed", + "value": "var(--amplify-colors-brand-primary-100)" }, { - \\"variable\\": \\"--amplify-colors-border-primary\\", - \\"value\\": \\"var(--amplify-colors-neutral-60)\\" + "variable": "--amplify-colors-border-primary", + "value": "var(--amplify-colors-neutral-60)" }, { - \\"variable\\": \\"--amplify-colors-border-secondary\\", - \\"value\\": \\"var(--amplify-colors-neutral-40)\\" + "variable": "--amplify-colors-border-secondary", + "value": "var(--amplify-colors-neutral-40)" }, { - \\"variable\\": \\"--amplify-colors-border-success\\", - \\"value\\": \\"var(--amplify-colors-green-80)\\" + "variable": "--amplify-colors-border-success", + "value": "var(--amplify-colors-green-80)" }, { - \\"variable\\": \\"--amplify-colors-border-tertiary\\", - \\"value\\": \\"var(--amplify-colors-neutral-20)\\" + "variable": "--amplify-colors-border-tertiary", + "value": "var(--amplify-colors-neutral-20)" }, { - \\"variable\\": \\"--amplify-colors-border-warning\\", - \\"value\\": \\"var(--amplify-colors-orange-80)\\" + "variable": "--amplify-colors-border-warning", + "value": "var(--amplify-colors-orange-80)" }, { - \\"variable\\": \\"--amplify-colors-brand-primary-10\\", - \\"value\\": \\"var(--amplify-colors-teal-10)\\" + "variable": "--amplify-colors-brand-primary-10", + "value": "var(--amplify-colors-teal-10)" }, { - \\"variable\\": \\"--amplify-colors-brand-primary-100\\", - \\"value\\": \\"var(--amplify-colors-teal-100)\\" + "variable": "--amplify-colors-brand-primary-100", + "value": "var(--amplify-colors-teal-100)" }, { - \\"variable\\": \\"--amplify-colors-brand-primary-20\\", - \\"value\\": \\"var(--amplify-colors-teal-20)\\" + "variable": "--amplify-colors-brand-primary-20", + "value": "var(--amplify-colors-teal-20)" }, { - \\"variable\\": \\"--amplify-colors-brand-primary-40\\", - \\"value\\": \\"var(--amplify-colors-teal-40)\\" + "variable": "--amplify-colors-brand-primary-40", + "value": "var(--amplify-colors-teal-40)" }, { - \\"variable\\": \\"--amplify-colors-brand-primary-60\\", - \\"value\\": \\"var(--amplify-colors-teal-60)\\" + "variable": "--amplify-colors-brand-primary-60", + "value": "var(--amplify-colors-teal-60)" }, { - \\"variable\\": \\"--amplify-colors-brand-primary-80\\", - \\"value\\": \\"var(--amplify-colors-teal-80)\\" + "variable": "--amplify-colors-brand-primary-80", + "value": "var(--amplify-colors-teal-80)" }, { - \\"variable\\": \\"--amplify-colors-brand-primary-90\\", - \\"value\\": \\"var(--amplify-colors-teal-90)\\" + "variable": "--amplify-colors-brand-primary-90", + "value": "var(--amplify-colors-teal-90)" }, { - \\"variable\\": \\"--amplify-colors-brand-secondary-10\\", - \\"value\\": \\"var(--amplify-colors-purple-10)\\" + "variable": "--amplify-colors-brand-secondary-10", + "value": "var(--amplify-colors-purple-10)" }, { - \\"variable\\": \\"--amplify-colors-brand-secondary-100\\", - \\"value\\": \\"var(--amplify-colors-purple-100)\\" + "variable": "--amplify-colors-brand-secondary-100", + "value": "var(--amplify-colors-purple-100)" }, { - \\"variable\\": \\"--amplify-colors-brand-secondary-20\\", - \\"value\\": \\"var(--amplify-colors-purple-20)\\" + "variable": "--amplify-colors-brand-secondary-20", + "value": "var(--amplify-colors-purple-20)" }, { - \\"variable\\": \\"--amplify-colors-brand-secondary-40\\", - \\"value\\": \\"var(--amplify-colors-purple-40)\\" + "variable": "--amplify-colors-brand-secondary-40", + "value": "var(--amplify-colors-purple-40)" }, { - \\"variable\\": \\"--amplify-colors-brand-secondary-60\\", - \\"value\\": \\"var(--amplify-colors-purple-60)\\" + "variable": "--amplify-colors-brand-secondary-60", + "value": "var(--amplify-colors-purple-60)" }, { - \\"variable\\": \\"--amplify-colors-brand-secondary-80\\", - \\"value\\": \\"var(--amplify-colors-purple-80)\\" + "variable": "--amplify-colors-brand-secondary-80", + "value": "var(--amplify-colors-purple-80)" }, { - \\"variable\\": \\"--amplify-colors-brand-secondary-90\\", - \\"value\\": \\"var(--amplify-colors-purple-90)\\" + "variable": "--amplify-colors-brand-secondary-90", + "value": "var(--amplify-colors-purple-90)" }, { - \\"variable\\": \\"--amplify-colors-font-active\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-100)\\" + "variable": "--amplify-colors-font-active", + "value": "var(--amplify-colors-brand-primary-100)" }, { - \\"variable\\": \\"--amplify-colors-font-disabled\\", - \\"value\\": \\"var(--amplify-colors-neutral-60)\\" + "variable": "--amplify-colors-font-disabled", + "value": "var(--amplify-colors-neutral-60)" }, { - \\"variable\\": \\"--amplify-colors-font-error\\", - \\"value\\": \\"var(--amplify-colors-red-90)\\" + "variable": "--amplify-colors-font-error", + "value": "var(--amplify-colors-red-90)" }, { - \\"variable\\": \\"--amplify-colors-font-focus\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-100)\\" + "variable": "--amplify-colors-font-focus", + "value": "var(--amplify-colors-brand-primary-100)" }, { - \\"variable\\": \\"--amplify-colors-font-hover\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-90)\\" + "variable": "--amplify-colors-font-hover", + "value": "var(--amplify-colors-brand-primary-90)" }, { - \\"variable\\": \\"--amplify-colors-font-info\\", - \\"value\\": \\"var(--amplify-colors-blue-90)\\" + "variable": "--amplify-colors-font-info", + "value": "var(--amplify-colors-blue-90)" }, { - \\"variable\\": \\"--amplify-colors-font-interactive\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-80)\\" + "variable": "--amplify-colors-font-interactive", + "value": "var(--amplify-colors-brand-primary-80)" }, { - \\"variable\\": \\"--amplify-colors-font-inverse\\", - \\"value\\": \\"var(--amplify-colors-white)\\" + "variable": "--amplify-colors-font-inverse", + "value": "var(--amplify-colors-white)" }, { - \\"variable\\": \\"--amplify-colors-font-primary\\", - \\"value\\": \\"var(--amplify-colors-neutral-100)\\" + "variable": "--amplify-colors-font-primary", + "value": "var(--amplify-colors-neutral-100)" }, { - \\"variable\\": \\"--amplify-colors-font-secondary\\", - \\"value\\": \\"var(--amplify-colors-neutral-90)\\" + "variable": "--amplify-colors-font-secondary", + "value": "var(--amplify-colors-neutral-90)" }, { - \\"variable\\": \\"--amplify-colors-font-success\\", - \\"value\\": \\"var(--amplify-colors-green-90)\\" + "variable": "--amplify-colors-font-success", + "value": "var(--amplify-colors-green-90)" }, { - \\"variable\\": \\"--amplify-colors-font-tertiary\\", - \\"value\\": \\"var(--amplify-colors-neutral-80)\\" + "variable": "--amplify-colors-font-tertiary", + "value": "var(--amplify-colors-neutral-80)" }, { - \\"variable\\": \\"--amplify-colors-font-warning\\", - \\"value\\": \\"var(--amplify-colors-orange-90)\\" + "variable": "--amplify-colors-font-warning", + "value": "var(--amplify-colors-orange-90)" }, { - \\"variable\\": \\"--amplify-colors-green-10\\", - \\"value\\": \\"hsl(130, 60%, 95%)\\" + "variable": "--amplify-colors-green-10", + "value": "hsl(130, 60%, 95%)" }, { - \\"variable\\": \\"--amplify-colors-green-100\\", - \\"value\\": \\"hsl(130, 22%, 23%)\\" + "variable": "--amplify-colors-green-100", + "value": "hsl(130, 22%, 23%)" }, { - \\"variable\\": \\"--amplify-colors-green-20\\", - \\"value\\": \\"hsl(130, 60%, 90%)\\" + "variable": "--amplify-colors-green-20", + "value": "hsl(130, 60%, 90%)" }, { - \\"variable\\": \\"--amplify-colors-green-40\\", - \\"value\\": \\"hsl(130, 44%, 63%)\\" + "variable": "--amplify-colors-green-40", + "value": "hsl(130, 44%, 63%)" }, { - \\"variable\\": \\"--amplify-colors-green-60\\", - \\"value\\": \\"hsl(130, 43%, 46%)\\" + "variable": "--amplify-colors-green-60", + "value": "hsl(130, 43%, 46%)" }, { - \\"variable\\": \\"--amplify-colors-green-80\\", - \\"value\\": \\"hsl(130, 33%, 37%)\\" + "variable": "--amplify-colors-green-80", + "value": "hsl(130, 33%, 37%)" }, { - \\"variable\\": \\"--amplify-colors-green-90\\", - \\"value\\": \\"hsl(130, 27%, 29%)\\" + "variable": "--amplify-colors-green-90", + "value": "hsl(130, 27%, 29%)" }, { - \\"variable\\": \\"--amplify-colors-neutral-10\\", - \\"value\\": \\"hsl(210, 5%, 98%)\\" + "variable": "--amplify-colors-neutral-10", + "value": "hsl(210, 5%, 98%)" }, { - \\"variable\\": \\"--amplify-colors-neutral-100\\", - \\"value\\": \\"hsl(210, 50%, 10%)\\" + "variable": "--amplify-colors-neutral-100", + "value": "hsl(210, 50%, 10%)" }, { - \\"variable\\": \\"--amplify-colors-neutral-20\\", - \\"value\\": \\"hsl(210, 5%, 94%)\\" + "variable": "--amplify-colors-neutral-20", + "value": "hsl(210, 5%, 94%)" }, { - \\"variable\\": \\"--amplify-colors-neutral-40\\", - \\"value\\": \\"hsl(210, 5%, 87%)\\" + "variable": "--amplify-colors-neutral-40", + "value": "hsl(210, 5%, 87%)" }, { - \\"variable\\": \\"--amplify-colors-neutral-60\\", - \\"value\\": \\"hsl(210, 10%, 58%)\\" + "variable": "--amplify-colors-neutral-60", + "value": "hsl(210, 10%, 58%)" }, { - \\"variable\\": \\"--amplify-colors-neutral-80\\", - \\"value\\": \\"hsl(210, 10%, 40%)\\" + "variable": "--amplify-colors-neutral-80", + "value": "hsl(210, 10%, 40%)" }, { - \\"variable\\": \\"--amplify-colors-neutral-90\\", - \\"value\\": \\"hsl(210, 25%, 25%)\\" + "variable": "--amplify-colors-neutral-90", + "value": "hsl(210, 25%, 25%)" }, { - \\"variable\\": \\"--amplify-colors-orange-10\\", - \\"value\\": \\"hsl(30, 75%, 95%)\\" + "variable": "--amplify-colors-orange-10", + "value": "hsl(30, 75%, 95%)" }, { - \\"variable\\": \\"--amplify-colors-orange-100\\", - \\"value\\": \\"hsl(30, 100%, 15%)\\" + "variable": "--amplify-colors-orange-100", + "value": "hsl(30, 100%, 15%)" }, { - \\"variable\\": \\"--amplify-colors-orange-20\\", - \\"value\\": \\"hsl(30, 75%, 85%)\\" + "variable": "--amplify-colors-orange-20", + "value": "hsl(30, 75%, 85%)" }, { - \\"variable\\": \\"--amplify-colors-orange-40\\", - \\"value\\": \\"hsl(30, 75%, 75%)\\" + "variable": "--amplify-colors-orange-40", + "value": "hsl(30, 75%, 75%)" }, { - \\"variable\\": \\"--amplify-colors-orange-60\\", - \\"value\\": \\"hsl(30, 50%, 50%)\\" + "variable": "--amplify-colors-orange-60", + "value": "hsl(30, 50%, 50%)" }, { - \\"variable\\": \\"--amplify-colors-orange-80\\", - \\"value\\": \\"hsl(30, 95%, 30%)\\" + "variable": "--amplify-colors-orange-80", + "value": "hsl(30, 95%, 30%)" }, { - \\"variable\\": \\"--amplify-colors-orange-90\\", - \\"value\\": \\"hsl(30, 100%, 20%)\\" + "variable": "--amplify-colors-orange-90", + "value": "hsl(30, 100%, 20%)" }, { - \\"variable\\": \\"--amplify-colors-overlay-10\\", - \\"value\\": \\"hsla(0, 0%, 0%, 0.1)\\" + "variable": "--amplify-colors-overlay-10", + "value": "hsla(0, 0%, 0%, 0.1)" }, { - \\"variable\\": \\"--amplify-colors-overlay-20\\", - \\"value\\": \\"hsla(0, 0%, 0%, 0.2)\\" + "variable": "--amplify-colors-overlay-20", + "value": "hsla(0, 0%, 0%, 0.2)" }, { - \\"variable\\": \\"--amplify-colors-overlay-30\\", - \\"value\\": \\"hsla(0, 0%, 0%, 0.3)\\" + "variable": "--amplify-colors-overlay-30", + "value": "hsla(0, 0%, 0%, 0.3)" }, { - \\"variable\\": \\"--amplify-colors-overlay-40\\", - \\"value\\": \\"hsla(0, 0%, 0%, 0.4)\\" + "variable": "--amplify-colors-overlay-40", + "value": "hsla(0, 0%, 0%, 0.4)" }, { - \\"variable\\": \\"--amplify-colors-overlay-5\\", - \\"value\\": \\"hsla(0, 0%, 0%, 0.05)\\" + "variable": "--amplify-colors-overlay-5", + "value": "hsla(0, 0%, 0%, 0.05)" }, { - \\"variable\\": \\"--amplify-colors-overlay-50\\", - \\"value\\": \\"hsla(0, 0%, 0%, 0.5)\\" + "variable": "--amplify-colors-overlay-50", + "value": "hsla(0, 0%, 0%, 0.5)" }, { - \\"variable\\": \\"--amplify-colors-overlay-60\\", - \\"value\\": \\"hsla(0, 0%, 0%, 0.6)\\" + "variable": "--amplify-colors-overlay-60", + "value": "hsla(0, 0%, 0%, 0.6)" }, { - \\"variable\\": \\"--amplify-colors-overlay-70\\", - \\"value\\": \\"hsla(0, 0%, 0%, 0.7)\\" + "variable": "--amplify-colors-overlay-70", + "value": "hsla(0, 0%, 0%, 0.7)" }, { - \\"variable\\": \\"--amplify-colors-overlay-80\\", - \\"value\\": \\"hsla(0, 0%, 0%, 0.8)\\" + "variable": "--amplify-colors-overlay-80", + "value": "hsla(0, 0%, 0%, 0.8)" }, { - \\"variable\\": \\"--amplify-colors-overlay-90\\", - \\"value\\": \\"hsla(0, 0%, 0%, 0.9)\\" + "variable": "--amplify-colors-overlay-90", + "value": "hsla(0, 0%, 0%, 0.9)" }, { - \\"variable\\": \\"--amplify-colors-pink-10\\", - \\"value\\": \\"hsl(340, 95%, 95%)\\" + "variable": "--amplify-colors-pink-10", + "value": "hsl(340, 95%, 95%)" }, { - \\"variable\\": \\"--amplify-colors-pink-100\\", - \\"value\\": \\"hsl(340, 100%, 15%)\\" + "variable": "--amplify-colors-pink-100", + "value": "hsl(340, 100%, 15%)" }, { - \\"variable\\": \\"--amplify-colors-pink-20\\", - \\"value\\": \\"hsl(340, 90%, 85%)\\" + "variable": "--amplify-colors-pink-20", + "value": "hsl(340, 90%, 85%)" }, { - \\"variable\\": \\"--amplify-colors-pink-40\\", - \\"value\\": \\"hsl(340, 70%, 70%)\\" + "variable": "--amplify-colors-pink-40", + "value": "hsl(340, 70%, 70%)" }, { - \\"variable\\": \\"--amplify-colors-pink-60\\", - \\"value\\": \\"hsl(340, 50%, 50%)\\" + "variable": "--amplify-colors-pink-60", + "value": "hsl(340, 50%, 50%)" }, { - \\"variable\\": \\"--amplify-colors-pink-80\\", - \\"value\\": \\"hsl(340, 95%, 30%)\\" + "variable": "--amplify-colors-pink-80", + "value": "hsl(340, 95%, 30%)" }, { - \\"variable\\": \\"--amplify-colors-pink-90\\", - \\"value\\": \\"hsl(340, 100%, 20%)\\" + "variable": "--amplify-colors-pink-90", + "value": "hsl(340, 100%, 20%)" }, { - \\"variable\\": \\"--amplify-colors-purple-10\\", - \\"value\\": \\"hsl(300, 95%, 95%)\\" + "variable": "--amplify-colors-purple-10", + "value": "hsl(300, 95%, 95%)" }, { - \\"variable\\": \\"--amplify-colors-purple-100\\", - \\"value\\": \\"hsl(300, 100%, 15%)\\" + "variable": "--amplify-colors-purple-100", + "value": "hsl(300, 100%, 15%)" }, { - \\"variable\\": \\"--amplify-colors-purple-20\\", - \\"value\\": \\"hsl(300, 85%, 85%)\\" + "variable": "--amplify-colors-purple-20", + "value": "hsl(300, 85%, 85%)" }, { - \\"variable\\": \\"--amplify-colors-purple-40\\", - \\"value\\": \\"hsl(300, 70%, 70%)\\" + "variable": "--amplify-colors-purple-40", + "value": "hsl(300, 70%, 70%)" }, { - \\"variable\\": \\"--amplify-colors-purple-60\\", - \\"value\\": \\"hsl(300, 50%, 50%)\\" + "variable": "--amplify-colors-purple-60", + "value": "hsl(300, 50%, 50%)" }, { - \\"variable\\": \\"--amplify-colors-purple-80\\", - \\"value\\": \\"hsl(300, 95%, 30%)\\" + "variable": "--amplify-colors-purple-80", + "value": "hsl(300, 95%, 30%)" }, { - \\"variable\\": \\"--amplify-colors-purple-90\\", - \\"value\\": \\"hsl(300, 100%, 20%)\\" + "variable": "--amplify-colors-purple-90", + "value": "hsl(300, 100%, 20%)" }, { - \\"variable\\": \\"--amplify-colors-red-10\\", - \\"value\\": \\"hsl(0, 75%, 95%)\\" + "variable": "--amplify-colors-red-10", + "value": "hsl(0, 75%, 95%)" }, { - \\"variable\\": \\"--amplify-colors-red-100\\", - \\"value\\": \\"hsl(0, 100%, 15%)\\" + "variable": "--amplify-colors-red-100", + "value": "hsl(0, 100%, 15%)" }, { - \\"variable\\": \\"--amplify-colors-red-20\\", - \\"value\\": \\"hsl(0, 75%, 85%)\\" + "variable": "--amplify-colors-red-20", + "value": "hsl(0, 75%, 85%)" }, { - \\"variable\\": \\"--amplify-colors-red-40\\", - \\"value\\": \\"hsl(0, 75%, 75%)\\" + "variable": "--amplify-colors-red-40", + "value": "hsl(0, 75%, 75%)" }, { - \\"variable\\": \\"--amplify-colors-red-60\\", - \\"value\\": \\"hsl(0, 50%, 50%)\\" + "variable": "--amplify-colors-red-60", + "value": "hsl(0, 50%, 50%)" }, { - \\"variable\\": \\"--amplify-colors-red-80\\", - \\"value\\": \\"hsl(0, 95%, 30%)\\" + "variable": "--amplify-colors-red-80", + "value": "hsl(0, 95%, 30%)" }, { - \\"variable\\": \\"--amplify-colors-red-90\\", - \\"value\\": \\"hsl(0, 100%, 20%)\\" + "variable": "--amplify-colors-red-90", + "value": "hsl(0, 100%, 20%)" }, { - \\"variable\\": \\"--amplify-colors-shadow-primary\\", - \\"value\\": \\"hsla(210, 50%, 10%, 0.25)\\" + "variable": "--amplify-colors-shadow-primary", + "value": "hsla(210, 50%, 10%, 0.25)" }, { - \\"variable\\": \\"--amplify-colors-shadow-secondary\\", - \\"value\\": \\"hsla(210, 50%, 10%, 0.15)\\" + "variable": "--amplify-colors-shadow-secondary", + "value": "hsla(210, 50%, 10%, 0.15)" }, { - \\"variable\\": \\"--amplify-colors-shadow-tertiary\\", - \\"value\\": \\"hsla(210, 50%, 10%, 0.05)\\" + "variable": "--amplify-colors-shadow-tertiary", + "value": "hsla(210, 50%, 10%, 0.05)" }, { - \\"variable\\": \\"--amplify-colors-teal-10\\", - \\"value\\": \\"hsl(190, 75%, 95%)\\" + "variable": "--amplify-colors-teal-10", + "value": "hsl(190, 75%, 95%)" }, { - \\"variable\\": \\"--amplify-colors-teal-100\\", - \\"value\\": \\"hsl(190, 100%, 15%)\\" + "variable": "--amplify-colors-teal-100", + "value": "hsl(190, 100%, 15%)" }, { - \\"variable\\": \\"--amplify-colors-teal-20\\", - \\"value\\": \\"hsl(190, 75%, 85%)\\" + "variable": "--amplify-colors-teal-20", + "value": "hsl(190, 75%, 85%)" }, { - \\"variable\\": \\"--amplify-colors-teal-40\\", - \\"value\\": \\"hsl(190, 70%, 70%)\\" + "variable": "--amplify-colors-teal-40", + "value": "hsl(190, 70%, 70%)" }, { - \\"variable\\": \\"--amplify-colors-teal-60\\", - \\"value\\": \\"hsl(190, 50%, 50%)\\" + "variable": "--amplify-colors-teal-60", + "value": "hsl(190, 50%, 50%)" }, { - \\"variable\\": \\"--amplify-colors-teal-80\\", - \\"value\\": \\"hsl(190, 95%, 30%)\\" + "variable": "--amplify-colors-teal-80", + "value": "hsl(190, 95%, 30%)" }, { - \\"variable\\": \\"--amplify-colors-teal-90\\", - \\"value\\": \\"hsl(190, 100%, 20%)\\" + "variable": "--amplify-colors-teal-90", + "value": "hsl(190, 100%, 20%)" }, { - \\"variable\\": \\"--amplify-colors-transparent\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-colors-transparent", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-colors-white\\", - \\"value\\": \\"hsl(0, 0%, 100%)\\" + "variable": "--amplify-colors-white", + "value": "hsl(0, 0%, 100%)" }, { - \\"variable\\": \\"--amplify-colors-yellow-10\\", - \\"value\\": \\"hsl(60, 75%, 95%)\\" + "variable": "--amplify-colors-yellow-10", + "value": "hsl(60, 75%, 95%)" }, { - \\"variable\\": \\"--amplify-colors-yellow-100\\", - \\"value\\": \\"hsl(60, 100%, 15%)\\" + "variable": "--amplify-colors-yellow-100", + "value": "hsl(60, 100%, 15%)" }, { - \\"variable\\": \\"--amplify-colors-yellow-20\\", - \\"value\\": \\"hsl(60, 75%, 85%)\\" + "variable": "--amplify-colors-yellow-20", + "value": "hsl(60, 75%, 85%)" }, { - \\"variable\\": \\"--amplify-colors-yellow-40\\", - \\"value\\": \\"hsl(60, 75%, 75%)\\" + "variable": "--amplify-colors-yellow-40", + "value": "hsl(60, 75%, 75%)" }, { - \\"variable\\": \\"--amplify-colors-yellow-60\\", - \\"value\\": \\"hsl(60, 50%, 50%)\\" + "variable": "--amplify-colors-yellow-60", + "value": "hsl(60, 50%, 50%)" }, { - \\"variable\\": \\"--amplify-colors-yellow-80\\", - \\"value\\": \\"hsl(60, 95%, 30%)\\" + "variable": "--amplify-colors-yellow-80", + "value": "hsl(60, 95%, 30%)" }, { - \\"variable\\": \\"--amplify-colors-yellow-90\\", - \\"value\\": \\"hsl(60, 100%, 20%)\\" + "variable": "--amplify-colors-yellow-90", + "value": "hsl(60, 100%, 20%)" }, { - \\"variable\\": \\"--amplify-components-accordion-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-accordion-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-accordion-item-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-secondary)\\" + "variable": "--amplify-components-accordion-item-border-color", + "value": "var(--amplify-colors-border-secondary)" }, { - \\"variable\\": \\"--amplify-components-accordion-item-border-radius\\", - \\"value\\": \\"var(--amplify-radii-small)\\" + "variable": "--amplify-components-accordion-item-border-radius", + "value": "var(--amplify-radii-small)" }, { - \\"variable\\": \\"--amplify-components-accordion-item-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-accordion-item-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-accordion-item-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-accordion-item-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-accordion-item-content-color\\", - \\"value\\": \\"inherit\\" + "variable": "--amplify-components-accordion-item-content-color", + "value": "inherit" }, { - \\"variable\\": \\"--amplify-components-accordion-item-content-padding-block-end\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-accordion-item-content-padding-block-end", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-accordion-item-content-padding-block-start\\", - \\"value\\": \\"var(--amplify-space-xxxs)\\" + "variable": "--amplify-components-accordion-item-content-padding-block-start", + "value": "var(--amplify-space-xxxs)" }, { - \\"variable\\": \\"--amplify-components-accordion-item-content-padding-inline\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-accordion-item-content-padding-inline", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-accordion-item-icon-color\\", - \\"value\\": \\"var(--amplify-colors-font-tertiary)\\" + "variable": "--amplify-components-accordion-item-icon-color", + "value": "var(--amplify-colors-font-tertiary)" }, { - \\"variable\\": \\"--amplify-components-accordion-item-icon-transition-duration\\", - \\"value\\": \\"var(--amplify-time-medium)\\" + "variable": "--amplify-components-accordion-item-icon-transition-duration", + "value": "var(--amplify-time-medium)" }, { - \\"variable\\": \\"--amplify-components-accordion-item-icon-transition-timing-function\\", - \\"value\\": \\"cubic-bezier(0.87, 0, 0.13, 1)\\" + "variable": "--amplify-components-accordion-item-icon-transition-timing-function", + "value": "cubic-bezier(0.87, 0, 0.13, 1)" }, { - \\"variable\\": \\"--amplify-components-accordion-item-trigger-align-items\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-accordion-item-trigger-align-items", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-accordion-item-trigger-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-accordion-item-trigger-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-accordion-item-trigger-color\\", - \\"value\\": \\"inherit\\" + "variable": "--amplify-components-accordion-item-trigger-color", + "value": "inherit" }, { - \\"variable\\": \\"--amplify-components-accordion-item-trigger-focus-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-focus)\\" + "variable": "--amplify-components-accordion-item-trigger-focus-border-color", + "value": "var(--amplify-colors-border-focus)" }, { - \\"variable\\": \\"--amplify-components-accordion-item-trigger-focus-box-shadow\\", - \\"value\\": \\"0 0 0 2px var(--amplify-colors-border-focus)\\" + "variable": "--amplify-components-accordion-item-trigger-focus-box-shadow", + "value": "0 0 0 2px var(--amplify-colors-border-focus)" }, { - \\"variable\\": \\"--amplify-components-accordion-item-trigger-gap\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-accordion-item-trigger-gap", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-accordion-item-trigger-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-5)\\" + "variable": "--amplify-components-accordion-item-trigger-hover-background-color", + "value": "var(--amplify-colors-overlay-5)" }, { - \\"variable\\": \\"--amplify-components-accordion-item-trigger-hover-color\\", - \\"value\\": \\"inherit\\" + "variable": "--amplify-components-accordion-item-trigger-hover-color", + "value": "inherit" }, { - \\"variable\\": \\"--amplify-components-accordion-item-trigger-justify-content\\", - \\"value\\": \\"space-between\\" + "variable": "--amplify-components-accordion-item-trigger-justify-content", + "value": "space-between" }, { - \\"variable\\": \\"--amplify-components-accordion-item-trigger-padding-block\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-accordion-item-trigger-padding-block", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-accordion-item-trigger-padding-inline\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-accordion-item-trigger-padding-inline", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-alert-align-items\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-alert-align-items", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-alert-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-tertiary)\\" + "variable": "--amplify-components-alert-background-color", + "value": "var(--amplify-colors-background-tertiary)" }, { - \\"variable\\": \\"--amplify-components-alert-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-alert-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-alert-error-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-error)\\" + "variable": "--amplify-components-alert-error-background-color", + "value": "var(--amplify-colors-background-error)" }, { - \\"variable\\": \\"--amplify-components-alert-error-color\\", - \\"value\\": \\"var(--amplify-colors-font-error)\\" + "variable": "--amplify-components-alert-error-color", + "value": "var(--amplify-colors-font-error)" }, { - \\"variable\\": \\"--amplify-components-alert-heading-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-alert-heading-font-size", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-alert-heading-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-bold)\\" + "variable": "--amplify-components-alert-heading-font-weight", + "value": "var(--amplify-font-weights-bold)" }, { - \\"variable\\": \\"--amplify-components-alert-icon-size\\", - \\"value\\": \\"var(--amplify-font-sizes-xl)\\" + "variable": "--amplify-components-alert-icon-size", + "value": "var(--amplify-font-sizes-xl)" }, { - \\"variable\\": \\"--amplify-components-alert-info-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-info)\\" + "variable": "--amplify-components-alert-info-background-color", + "value": "var(--amplify-colors-background-info)" }, { - \\"variable\\": \\"--amplify-components-alert-info-color\\", - \\"value\\": \\"var(--amplify-colors-font-info)\\" + "variable": "--amplify-components-alert-info-color", + "value": "var(--amplify-colors-font-info)" }, { - \\"variable\\": \\"--amplify-components-alert-justify-content\\", - \\"value\\": \\"space-between\\" + "variable": "--amplify-components-alert-justify-content", + "value": "space-between" }, { - \\"variable\\": \\"--amplify-components-alert-padding-block\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-alert-padding-block", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-alert-padding-inline\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-alert-padding-inline", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-alert-success-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-success)\\" + "variable": "--amplify-components-alert-success-background-color", + "value": "var(--amplify-colors-background-success)" }, { - \\"variable\\": \\"--amplify-components-alert-success-color\\", - \\"value\\": \\"var(--amplify-colors-font-success)\\" + "variable": "--amplify-components-alert-success-color", + "value": "var(--amplify-colors-font-success)" }, { - \\"variable\\": \\"--amplify-components-alert-warning-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-warning)\\" + "variable": "--amplify-components-alert-warning-background-color", + "value": "var(--amplify-colors-background-warning)" }, { - \\"variable\\": \\"--amplify-components-alert-warning-color\\", - \\"value\\": \\"var(--amplify-colors-font-warning)\\" + "variable": "--amplify-components-alert-warning-color", + "value": "var(--amplify-colors-font-warning)" }, { - \\"variable\\": \\"--amplify-components-authenticator-container-width-max\\", - \\"value\\": \\"30rem\\" + "variable": "--amplify-components-authenticator-container-width-max", + "value": "30rem" }, { - \\"variable\\": \\"--amplify-components-authenticator-footer-padding-bottom\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-authenticator-footer-padding-bottom", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-authenticator-form-padding\\", - \\"value\\": \\"var(--amplify-space-xl)\\" + "variable": "--amplify-components-authenticator-form-padding", + "value": "var(--amplify-space-xl)" }, { - \\"variable\\": \\"--amplify-components-authenticator-max-width\\", - \\"value\\": \\"60rem\\" + "variable": "--amplify-components-authenticator-max-width", + "value": "60rem" }, { - \\"variable\\": \\"--amplify-components-authenticator-modal-background-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-50)\\" + "variable": "--amplify-components-authenticator-modal-background-color", + "value": "var(--amplify-colors-overlay-50)" }, { - \\"variable\\": \\"--amplify-components-authenticator-modal-height\\", - \\"value\\": \\"var(--amplify-space-relative-full)\\" + "variable": "--amplify-components-authenticator-modal-height", + "value": "var(--amplify-space-relative-full)" }, { - \\"variable\\": \\"--amplify-components-authenticator-modal-left\\", - \\"value\\": \\"var(--amplify-space-zero)\\" + "variable": "--amplify-components-authenticator-modal-left", + "value": "var(--amplify-space-zero)" }, { - \\"variable\\": \\"--amplify-components-authenticator-modal-top\\", - \\"value\\": \\"var(--amplify-space-zero)\\" + "variable": "--amplify-components-authenticator-modal-top", + "value": "var(--amplify-space-zero)" }, { - \\"variable\\": \\"--amplify-components-authenticator-modal-width\\", - \\"value\\": \\"var(--amplify-space-relative-full)\\" + "variable": "--amplify-components-authenticator-modal-width", + "value": "var(--amplify-space-relative-full)" }, { - \\"variable\\": \\"--amplify-components-authenticator-or-container-color\\", - \\"value\\": \\"var(--amplify-colors-neutral-80)\\" + "variable": "--amplify-components-authenticator-or-container-color", + "value": "var(--amplify-colors-neutral-80)" }, { - \\"variable\\": \\"--amplify-components-authenticator-or-container-or-line-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-authenticator-or-container-or-line-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-authenticator-router-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-authenticator-router-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-authenticator-router-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-primary)\\" + "variable": "--amplify-components-authenticator-router-border-color", + "value": "var(--amplify-colors-border-primary)" }, { - \\"variable\\": \\"--amplify-components-authenticator-router-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-authenticator-router-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-authenticator-router-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-authenticator-router-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-authenticator-router-box-shadow\\", - \\"value\\": \\"var(--amplify-shadows-medium)\\" + "variable": "--amplify-components-authenticator-router-box-shadow", + "value": "var(--amplify-shadows-medium)" }, { - \\"variable\\": \\"--amplify-components-authenticator-state-inactive-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-secondary)\\" + "variable": "--amplify-components-authenticator-state-inactive-background-color", + "value": "var(--amplify-colors-background-secondary)" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-autocomplete-menu-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-primary)\\" + "variable": "--amplify-components-autocomplete-menu-border-color", + "value": "var(--amplify-colors-border-primary)" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-border-radius\\", - \\"value\\": \\"var(--amplify-radii-small)\\" + "variable": "--amplify-components-autocomplete-menu-border-radius", + "value": "var(--amplify-radii-small)" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-autocomplete-menu-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-autocomplete-menu-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-empty-display\\", - \\"value\\": \\"flex\\" + "variable": "--amplify-components-autocomplete-menu-empty-display", + "value": "flex" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-loading-align-items\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-autocomplete-menu-loading-align-items", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-loading-display\\", - \\"value\\": \\"flex\\" + "variable": "--amplify-components-autocomplete-menu-loading-display", + "value": "flex" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-loading-gap\\", - \\"value\\": \\"var(--amplify-space-xxxs)\\" + "variable": "--amplify-components-autocomplete-menu-loading-gap", + "value": "var(--amplify-space-xxxs)" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-margin-block-start\\", - \\"value\\": \\"var(--amplify-space-xxxs)\\" + "variable": "--amplify-components-autocomplete-menu-margin-block-start", + "value": "var(--amplify-space-xxxs)" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-option-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-80)\\" + "variable": "--amplify-components-autocomplete-menu-option-active-background-color", + "value": "var(--amplify-colors-brand-primary-80)" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-option-active-color\\", - \\"value\\": \\"var(--amplify-colors-white)\\" + "variable": "--amplify-components-autocomplete-menu-option-active-color", + "value": "var(--amplify-colors-white)" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-option-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-autocomplete-menu-option-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-option-color\\", - \\"value\\": \\"currentcolor\\" + "variable": "--amplify-components-autocomplete-menu-option-color", + "value": "currentcolor" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-option-cursor\\", - \\"value\\": \\"pointer\\" + "variable": "--amplify-components-autocomplete-menu-option-cursor", + "value": "pointer" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-option-transition-duration\\", - \\"value\\": \\"var(--amplify-time-short)\\" + "variable": "--amplify-components-autocomplete-menu-option-transition-duration", + "value": "var(--amplify-time-short)" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-option-transition-property\\", - \\"value\\": \\"background-color, color\\" + "variable": "--amplify-components-autocomplete-menu-option-transition-property", + "value": "background-color, color" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-option-transition-timing-function\\", - \\"value\\": \\"ease\\" + "variable": "--amplify-components-autocomplete-menu-option-transition-timing-function", + "value": "ease" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-options-display\\", - \\"value\\": \\"flex\\" + "variable": "--amplify-components-autocomplete-menu-options-display", + "value": "flex" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-options-flex-direction\\", - \\"value\\": \\"column\\" + "variable": "--amplify-components-autocomplete-menu-options-flex-direction", + "value": "column" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-options-max-height\\", - \\"value\\": \\"300px\\" + "variable": "--amplify-components-autocomplete-menu-options-max-height", + "value": "300px" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-space-shared-padding-block\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-autocomplete-menu-space-shared-padding-block", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-space-shared-padding-inline\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-autocomplete-menu-space-shared-padding-inline", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-autocomplete-menu-width\\", - \\"value\\": \\"100%\\" + "variable": "--amplify-components-autocomplete-menu-width", + "value": "100%" }, { - \\"variable\\": \\"--amplify-components-badge-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-tertiary)\\" + "variable": "--amplify-components-badge-background-color", + "value": "var(--amplify-colors-background-tertiary)" }, { - \\"variable\\": \\"--amplify-components-badge-border-radius\\", - \\"value\\": \\"var(--amplify-radii-xl)\\" + "variable": "--amplify-components-badge-border-radius", + "value": "var(--amplify-radii-xl)" }, { - \\"variable\\": \\"--amplify-components-badge-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-badge-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-badge-error-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-error)\\" + "variable": "--amplify-components-badge-error-background-color", + "value": "var(--amplify-colors-background-error)" }, { - \\"variable\\": \\"--amplify-components-badge-error-color\\", - \\"value\\": \\"var(--amplify-colors-font-error)\\" + "variable": "--amplify-components-badge-error-color", + "value": "var(--amplify-colors-font-error)" }, { - \\"variable\\": \\"--amplify-components-badge-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-small)\\" + "variable": "--amplify-components-badge-font-size", + "value": "var(--amplify-font-sizes-small)" }, { - \\"variable\\": \\"--amplify-components-badge-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-semibold)\\" + "variable": "--amplify-components-badge-font-weight", + "value": "var(--amplify-font-weights-semibold)" }, { - \\"variable\\": \\"--amplify-components-badge-info-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-info)\\" + "variable": "--amplify-components-badge-info-background-color", + "value": "var(--amplify-colors-background-info)" }, { - \\"variable\\": \\"--amplify-components-badge-info-color\\", - \\"value\\": \\"var(--amplify-colors-font-info)\\" + "variable": "--amplify-components-badge-info-color", + "value": "var(--amplify-colors-font-info)" }, { - \\"variable\\": \\"--amplify-components-badge-large-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-badge-large-font-size", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-badge-large-padding-horizontal\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-badge-large-padding-horizontal", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-badge-large-padding-vertical\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-badge-large-padding-vertical", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-badge-line-height\\", - \\"value\\": \\"1\\" + "variable": "--amplify-components-badge-line-height", + "value": "1" }, { - \\"variable\\": \\"--amplify-components-badge-padding-horizontal\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-badge-padding-horizontal", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-badge-padding-vertical\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-badge-padding-vertical", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-badge-small-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-xs)\\" + "variable": "--amplify-components-badge-small-font-size", + "value": "var(--amplify-font-sizes-xs)" }, { - \\"variable\\": \\"--amplify-components-badge-small-padding-horizontal\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-badge-small-padding-horizontal", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-badge-small-padding-vertical\\", - \\"value\\": \\"var(--amplify-space-xxs)\\" + "variable": "--amplify-components-badge-small-padding-vertical", + "value": "var(--amplify-space-xxs)" }, { - \\"variable\\": \\"--amplify-components-badge-success-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-success)\\" + "variable": "--amplify-components-badge-success-background-color", + "value": "var(--amplify-colors-background-success)" }, { - \\"variable\\": \\"--amplify-components-badge-success-color\\", - \\"value\\": \\"var(--amplify-colors-font-success)\\" + "variable": "--amplify-components-badge-success-color", + "value": "var(--amplify-colors-font-success)" }, { - \\"variable\\": \\"--amplify-components-badge-text-align\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-badge-text-align", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-badge-warning-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-warning)\\" + "variable": "--amplify-components-badge-warning-background-color", + "value": "var(--amplify-colors-background-warning)" }, { - \\"variable\\": \\"--amplify-components-badge-warning-color\\", - \\"value\\": \\"var(--amplify-colors-font-warning)\\" + "variable": "--amplify-components-badge-warning-color", + "value": "var(--amplify-colors-font-warning)" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-color\\", - \\"value\\": \\"var(--amplify-colors-font-tertiary)\\" + "variable": "--amplify-components-breadcrumbs-color", + "value": "var(--amplify-colors-font-tertiary)" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-flex-direction\\", - \\"value\\": \\"row\\" + "variable": "--amplify-components-breadcrumbs-flex-direction", + "value": "row" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-flex-wrap\\", - \\"value\\": \\"wrap\\" + "variable": "--amplify-components-breadcrumbs-flex-wrap", + "value": "wrap" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-gap\\", - \\"value\\": \\"0\\" + "variable": "--amplify-components-breadcrumbs-gap", + "value": "0" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-item-align-items\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-breadcrumbs-item-align-items", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-item-color\\", - \\"value\\": \\"inherit\\" + "variable": "--amplify-components-breadcrumbs-item-color", + "value": "inherit" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-item-flex-direction\\", - \\"value\\": \\"row\\" + "variable": "--amplify-components-breadcrumbs-item-flex-direction", + "value": "row" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-item-font-size\\", - \\"value\\": \\"inherit\\" + "variable": "--amplify-components-breadcrumbs-item-font-size", + "value": "inherit" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-item-line-height\\", - \\"value\\": \\"1\\" + "variable": "--amplify-components-breadcrumbs-item-line-height", + "value": "1" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-link-color\\", - \\"value\\": \\"var(--amplify-components-link-color)\\" + "variable": "--amplify-components-breadcrumbs-link-color", + "value": "var(--amplify-components-link-color)" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-link-current-color\\", - \\"value\\": \\"inherit\\" + "variable": "--amplify-components-breadcrumbs-link-current-color", + "value": "inherit" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-link-current-font-size\\", - \\"value\\": \\"inherit\\" + "variable": "--amplify-components-breadcrumbs-link-current-font-size", + "value": "inherit" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-link-current-font-weight\\", - \\"value\\": \\"normal\\" + "variable": "--amplify-components-breadcrumbs-link-current-font-weight", + "value": "normal" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-link-current-text-decoration\\", - \\"value\\": \\"none\\" + "variable": "--amplify-components-breadcrumbs-link-current-text-decoration", + "value": "none" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-link-font-size\\", - \\"value\\": \\"inherit\\" + "variable": "--amplify-components-breadcrumbs-link-font-size", + "value": "inherit" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-link-font-weight\\", - \\"value\\": \\"normal\\" + "variable": "--amplify-components-breadcrumbs-link-font-weight", + "value": "normal" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-link-padding-block\\", - \\"value\\": \\"var(--amplify-space-xxs)\\" + "variable": "--amplify-components-breadcrumbs-link-padding-block", + "value": "var(--amplify-space-xxs)" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-link-padding-inline\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-breadcrumbs-link-padding-inline", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-link-text-decoration\\", - \\"value\\": \\"none\\" + "variable": "--amplify-components-breadcrumbs-link-text-decoration", + "value": "none" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-separator-color\\", - \\"value\\": \\"inherit\\" + "variable": "--amplify-components-breadcrumbs-separator-color", + "value": "inherit" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-separator-font-size\\", - \\"value\\": \\"inherit\\" + "variable": "--amplify-components-breadcrumbs-separator-font-size", + "value": "inherit" }, { - \\"variable\\": \\"--amplify-components-breadcrumbs-separator-padding-inline\\", - \\"value\\": \\"var(--amplify-space-xxs)\\" + "variable": "--amplify-components-breadcrumbs-separator-padding-inline", + "value": "var(--amplify-space-xxs)" }, { - \\"variable\\": \\"--amplify-components-button-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-20)\\" + "variable": "--amplify-components-button-active-background-color", + "value": "var(--amplify-colors-brand-primary-20)" }, { - \\"variable\\": \\"--amplify-components-button-active-border-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-100)\\" + "variable": "--amplify-components-button-active-border-color", + "value": "var(--amplify-colors-brand-primary-100)" }, { - \\"variable\\": \\"--amplify-components-button-active-color\\", - \\"value\\": \\"var(--amplify-colors-font-active)\\" + "variable": "--amplify-components-button-active-color", + "value": "var(--amplify-colors-font-active)" }, { - \\"variable\\": \\"--amplify-components-button-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-border-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-border-color)\\" + "variable": "--amplify-components-button-border-color", + "value": "var(--amplify-components-fieldcontrol-border-color)" }, { - \\"variable\\": \\"--amplify-components-button-border-radius\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-border-radius)\\" + "variable": "--amplify-components-button-border-radius", + "value": "var(--amplify-components-fieldcontrol-border-radius)" }, { - \\"variable\\": \\"--amplify-components-button-border-style\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-border-style)\\" + "variable": "--amplify-components-button-border-style", + "value": "var(--amplify-components-fieldcontrol-border-style)" }, { - \\"variable\\": \\"--amplify-components-button-border-width\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-border-width)\\" + "variable": "--amplify-components-button-border-width", + "value": "var(--amplify-components-fieldcontrol-border-width)" }, { - \\"variable\\": \\"--amplify-components-button-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-button-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-button-destructive-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-red-100)\\" + "variable": "--amplify-components-button-destructive-active-background-color", + "value": "var(--amplify-colors-red-100)" }, { - \\"variable\\": \\"--amplify-components-button-destructive-active-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-destructive-active-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-destructive-active-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-destructive-active-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-destructive-background-color\\", - \\"value\\": \\"var(--amplify-colors-red-60)\\" + "variable": "--amplify-components-button-destructive-background-color", + "value": "var(--amplify-colors-red-60)" }, { - \\"variable\\": \\"--amplify-components-button-destructive-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-destructive-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-destructive-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-button-destructive-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-button-destructive-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-button-destructive-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-button-destructive-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-destructive-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-destructive-disabled-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-disabled)\\" + "variable": "--amplify-components-button-destructive-disabled-background-color", + "value": "var(--amplify-colors-background-disabled)" }, { - \\"variable\\": \\"--amplify-components-button-destructive-disabled-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-destructive-disabled-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-destructive-disabled-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-button-destructive-disabled-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-button-destructive-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-red-80)\\" + "variable": "--amplify-components-button-destructive-focus-background-color", + "value": "var(--amplify-colors-red-80)" }, { - \\"variable\\": \\"--amplify-components-button-destructive-focus-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-destructive-focus-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-destructive-focus-box-shadow\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-error-focus-box-shadow)\\" + "variable": "--amplify-components-button-destructive-focus-box-shadow", + "value": "var(--amplify-components-fieldcontrol-error-focus-box-shadow)" }, { - \\"variable\\": \\"--amplify-components-button-destructive-focus-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-destructive-focus-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-destructive-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-red-80)\\" + "variable": "--amplify-components-button-destructive-hover-background-color", + "value": "var(--amplify-colors-red-80)" }, { - \\"variable\\": \\"--amplify-components-button-destructive-hover-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-destructive-hover-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-destructive-hover-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-destructive-hover-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-destructive-loading-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-disabled)\\" + "variable": "--amplify-components-button-destructive-loading-background-color", + "value": "var(--amplify-colors-background-disabled)" }, { - \\"variable\\": \\"--amplify-components-button-destructive-loading-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-destructive-loading-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-destructive-loading-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-button-destructive-loading-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-button-disabled-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-disabled-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-disabled-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-tertiary)\\" + "variable": "--amplify-components-button-disabled-border-color", + "value": "var(--amplify-colors-border-tertiary)" }, { - \\"variable\\": \\"--amplify-components-button-disabled-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-button-disabled-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-button-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-10)\\" + "variable": "--amplify-components-button-focus-background-color", + "value": "var(--amplify-colors-brand-primary-10)" }, { - \\"variable\\": \\"--amplify-components-button-focus-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-focus)\\" + "variable": "--amplify-components-button-focus-border-color", + "value": "var(--amplify-colors-border-focus)" }, { - \\"variable\\": \\"--amplify-components-button-focus-box-shadow\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-focus-box-shadow)\\" + "variable": "--amplify-components-button-focus-box-shadow", + "value": "var(--amplify-components-fieldcontrol-focus-box-shadow)" }, { - \\"variable\\": \\"--amplify-components-button-focus-color\\", - \\"value\\": \\"var(--amplify-colors-font-focus)\\" + "variable": "--amplify-components-button-focus-color", + "value": "var(--amplify-colors-font-focus)" }, { - \\"variable\\": \\"--amplify-components-button-font-size\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-font-size)\\" + "variable": "--amplify-components-button-font-size", + "value": "var(--amplify-components-fieldcontrol-font-size)" }, { - \\"variable\\": \\"--amplify-components-button-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-bold)\\" + "variable": "--amplify-components-button-font-weight", + "value": "var(--amplify-font-weights-bold)" }, { - \\"variable\\": \\"--amplify-components-button-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-10)\\" + "variable": "--amplify-components-button-hover-background-color", + "value": "var(--amplify-colors-brand-primary-10)" }, { - \\"variable\\": \\"--amplify-components-button-hover-border-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-60)\\" + "variable": "--amplify-components-button-hover-border-color", + "value": "var(--amplify-colors-brand-primary-60)" }, { - \\"variable\\": \\"--amplify-components-button-hover-color\\", - \\"value\\": \\"var(--amplify-colors-font-focus)\\" + "variable": "--amplify-components-button-hover-color", + "value": "var(--amplify-colors-font-focus)" }, { - \\"variable\\": \\"--amplify-components-button-large-font-size\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-large-font-size)\\" + "variable": "--amplify-components-button-large-font-size", + "value": "var(--amplify-components-fieldcontrol-large-font-size)" }, { - \\"variable\\": \\"--amplify-components-button-large-padding-block-end\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-large-padding-block-end)\\" + "variable": "--amplify-components-button-large-padding-block-end", + "value": "var(--amplify-components-fieldcontrol-large-padding-block-end)" }, { - \\"variable\\": \\"--amplify-components-button-large-padding-block-start\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-large-padding-block-start)\\" + "variable": "--amplify-components-button-large-padding-block-start", + "value": "var(--amplify-components-fieldcontrol-large-padding-block-start)" }, { - \\"variable\\": \\"--amplify-components-button-large-padding-inline-end\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-large-padding-inline-end)\\" + "variable": "--amplify-components-button-large-padding-inline-end", + "value": "var(--amplify-components-fieldcontrol-large-padding-inline-end)" }, { - \\"variable\\": \\"--amplify-components-button-large-padding-inline-start\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-large-padding-inline-start)\\" + "variable": "--amplify-components-button-large-padding-inline-start", + "value": "var(--amplify-components-fieldcontrol-large-padding-inline-start)" }, { - \\"variable\\": \\"--amplify-components-button-line-height\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-line-height)\\" + "variable": "--amplify-components-button-line-height", + "value": "var(--amplify-components-fieldcontrol-line-height)" }, { - \\"variable\\": \\"--amplify-components-button-link-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-20)\\" + "variable": "--amplify-components-button-link-active-background-color", + "value": "var(--amplify-colors-brand-primary-20)" }, { - \\"variable\\": \\"--amplify-components-button-link-active-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-active-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-active-color\\", - \\"value\\": \\"var(--amplify-colors-font-active)\\" + "variable": "--amplify-components-button-link-active-color", + "value": "var(--amplify-colors-font-active)" }, { - \\"variable\\": \\"--amplify-components-button-link-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-button-link-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-button-link-color\\", - \\"value\\": \\"var(--amplify-colors-font-interactive)\\" + "variable": "--amplify-components-button-link-color", + "value": "var(--amplify-colors-font-interactive)" }, { - \\"variable\\": \\"--amplify-components-button-link-disabled-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-disabled-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-disabled-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-disabled-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-disabled-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-button-link-disabled-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-button-link-error-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-red-20)\\" + "variable": "--amplify-components-button-link-error-active-background-color", + "value": "var(--amplify-colors-red-20)" }, { - \\"variable\\": \\"--amplify-components-button-link-error-active-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-error-active-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-error-active-color\\", - \\"value\\": \\"var(--amplify-colors-red-100)\\" + "variable": "--amplify-components-button-link-error-active-color", + "value": "var(--amplify-colors-red-100)" }, { - \\"variable\\": \\"--amplify-components-button-link-error-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-error-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-error-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-error-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-error-color\\", - \\"value\\": \\"var(--amplify-colors-red-100)\\" + "variable": "--amplify-components-button-link-error-color", + "value": "var(--amplify-colors-red-100)" }, { - \\"variable\\": \\"--amplify-components-button-link-error-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-red-10)\\" + "variable": "--amplify-components-button-link-error-focus-background-color", + "value": "var(--amplify-colors-red-10)" }, { - \\"variable\\": \\"--amplify-components-button-link-error-focus-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-error-focus-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-error-focus-box-shadow\\", - \\"value\\": \\"0px 0px 0px 1px var(--amplify-colors-red-100)\\" + "variable": "--amplify-components-button-link-error-focus-box-shadow", + "value": "0px 0px 0px 1px var(--amplify-colors-red-100)" }, { - \\"variable\\": \\"--amplify-components-button-link-error-focus-color\\", - \\"value\\": \\"var(--amplify-colors-red-100)\\" + "variable": "--amplify-components-button-link-error-focus-color", + "value": "var(--amplify-colors-red-100)" }, { - \\"variable\\": \\"--amplify-components-button-link-error-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-red-10)\\" + "variable": "--amplify-components-button-link-error-hover-background-color", + "value": "var(--amplify-colors-red-10)" }, { - \\"variable\\": \\"--amplify-components-button-link-error-hover-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-error-hover-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-error-hover-color\\", - \\"value\\": \\"var(--amplify-colors-red-90)\\" + "variable": "--amplify-components-button-link-error-hover-color", + "value": "var(--amplify-colors-red-90)" }, { - \\"variable\\": \\"--amplify-components-button-link-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-10)\\" + "variable": "--amplify-components-button-link-focus-background-color", + "value": "var(--amplify-colors-brand-primary-10)" }, { - \\"variable\\": \\"--amplify-components-button-link-focus-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-focus-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-focus-box-shadow\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-focus-box-shadow)\\" + "variable": "--amplify-components-button-link-focus-box-shadow", + "value": "var(--amplify-components-fieldcontrol-focus-box-shadow)" }, { - \\"variable\\": \\"--amplify-components-button-link-focus-color\\", - \\"value\\": \\"var(--amplify-colors-font-focus)\\" + "variable": "--amplify-components-button-link-focus-color", + "value": "var(--amplify-colors-font-focus)" }, { - \\"variable\\": \\"--amplify-components-button-link-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-10)\\" + "variable": "--amplify-components-button-link-hover-background-color", + "value": "var(--amplify-colors-brand-primary-10)" }, { - \\"variable\\": \\"--amplify-components-button-link-hover-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-hover-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-hover-color\\", - \\"value\\": \\"var(--amplify-colors-font-hover)\\" + "variable": "--amplify-components-button-link-hover-color", + "value": "var(--amplify-colors-font-hover)" }, { - \\"variable\\": \\"--amplify-components-button-link-info-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-blue-20)\\" + "variable": "--amplify-components-button-link-info-active-background-color", + "value": "var(--amplify-colors-blue-20)" }, { - \\"variable\\": \\"--amplify-components-button-link-info-active-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-info-active-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-info-active-color\\", - \\"value\\": \\"var(--amplify-colors-blue-100)\\" + "variable": "--amplify-components-button-link-info-active-color", + "value": "var(--amplify-colors-blue-100)" }, { - \\"variable\\": \\"--amplify-components-button-link-info-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-info-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-info-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-info-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-info-color\\", - \\"value\\": \\"var(--amplify-colors-blue-100)\\" + "variable": "--amplify-components-button-link-info-color", + "value": "var(--amplify-colors-blue-100)" }, { - \\"variable\\": \\"--amplify-components-button-link-info-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-blue-10)\\" + "variable": "--amplify-components-button-link-info-focus-background-color", + "value": "var(--amplify-colors-blue-10)" }, { - \\"variable\\": \\"--amplify-components-button-link-info-focus-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-info-focus-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-info-focus-box-shadow\\", - \\"value\\": \\"0px 0px 0px 1px var(--amplify-colors-blue-100)\\" + "variable": "--amplify-components-button-link-info-focus-box-shadow", + "value": "0px 0px 0px 1px var(--amplify-colors-blue-100)" }, { - \\"variable\\": \\"--amplify-components-button-link-info-focus-color\\", - \\"value\\": \\"var(--amplify-colors-blue-100)\\" + "variable": "--amplify-components-button-link-info-focus-color", + "value": "var(--amplify-colors-blue-100)" }, { - \\"variable\\": \\"--amplify-components-button-link-info-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-blue-10)\\" + "variable": "--amplify-components-button-link-info-hover-background-color", + "value": "var(--amplify-colors-blue-10)" }, { - \\"variable\\": \\"--amplify-components-button-link-info-hover-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-info-hover-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-info-hover-color\\", - \\"value\\": \\"var(--amplify-colors-blue-90)\\" + "variable": "--amplify-components-button-link-info-hover-color", + "value": "var(--amplify-colors-blue-90)" }, { - \\"variable\\": \\"--amplify-components-button-link-loading-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-loading-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-loading-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-loading-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-loading-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-button-link-loading-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-button-link-overlay-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-10)\\" + "variable": "--amplify-components-button-link-overlay-active-background-color", + "value": "var(--amplify-colors-overlay-10)" }, { - \\"variable\\": \\"--amplify-components-button-link-overlay-active-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-overlay-active-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-overlay-active-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-90)\\" + "variable": "--amplify-components-button-link-overlay-active-color", + "value": "var(--amplify-colors-overlay-90)" }, { - \\"variable\\": \\"--amplify-components-button-link-overlay-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-overlay-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-overlay-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-overlay-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-overlay-color\\", - \\"value\\": \\"var(--amplify-colors-neutral-100)\\" + "variable": "--amplify-components-button-link-overlay-color", + "value": "var(--amplify-colors-neutral-100)" }, { - \\"variable\\": \\"--amplify-components-button-link-overlay-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-5)\\" + "variable": "--amplify-components-button-link-overlay-focus-background-color", + "value": "var(--amplify-colors-overlay-5)" }, { - \\"variable\\": \\"--amplify-components-button-link-overlay-focus-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-overlay-focus-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-overlay-focus-box-shadow\\", - \\"value\\": \\"0px 0px 0px 1px var(--amplify-colors-overlay-90)\\" + "variable": "--amplify-components-button-link-overlay-focus-box-shadow", + "value": "0px 0px 0px 1px var(--amplify-colors-overlay-90)" }, { - \\"variable\\": \\"--amplify-components-button-link-overlay-focus-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-90)\\" + "variable": "--amplify-components-button-link-overlay-focus-color", + "value": "var(--amplify-colors-overlay-90)" }, { - \\"variable\\": \\"--amplify-components-button-link-overlay-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-5)\\" + "variable": "--amplify-components-button-link-overlay-hover-background-color", + "value": "var(--amplify-colors-overlay-5)" }, { - \\"variable\\": \\"--amplify-components-button-link-overlay-hover-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-overlay-hover-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-overlay-hover-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-80)\\" + "variable": "--amplify-components-button-link-overlay-hover-color", + "value": "var(--amplify-colors-overlay-80)" }, { - \\"variable\\": \\"--amplify-components-button-link-success-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-green-20)\\" + "variable": "--amplify-components-button-link-success-active-background-color", + "value": "var(--amplify-colors-green-20)" }, { - \\"variable\\": \\"--amplify-components-button-link-success-active-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-success-active-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-success-active-color\\", - \\"value\\": \\"var(--amplify-colors-green-100)\\" + "variable": "--amplify-components-button-link-success-active-color", + "value": "var(--amplify-colors-green-100)" }, { - \\"variable\\": \\"--amplify-components-button-link-success-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-success-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-success-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-success-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-success-color\\", - \\"value\\": \\"var(--amplify-colors-green-100)\\" + "variable": "--amplify-components-button-link-success-color", + "value": "var(--amplify-colors-green-100)" }, { - \\"variable\\": \\"--amplify-components-button-link-success-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-green-10)\\" + "variable": "--amplify-components-button-link-success-focus-background-color", + "value": "var(--amplify-colors-green-10)" }, { - \\"variable\\": \\"--amplify-components-button-link-success-focus-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-success-focus-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-success-focus-box-shadow\\", - \\"value\\": \\"0px 0px 0px 1px var(--amplify-colors-green-100)\\" + "variable": "--amplify-components-button-link-success-focus-box-shadow", + "value": "0px 0px 0px 1px var(--amplify-colors-green-100)" }, { - \\"variable\\": \\"--amplify-components-button-link-success-focus-color\\", - \\"value\\": \\"var(--amplify-colors-green-100)\\" + "variable": "--amplify-components-button-link-success-focus-color", + "value": "var(--amplify-colors-green-100)" }, { - \\"variable\\": \\"--amplify-components-button-link-success-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-green-10)\\" + "variable": "--amplify-components-button-link-success-hover-background-color", + "value": "var(--amplify-colors-green-10)" }, { - \\"variable\\": \\"--amplify-components-button-link-success-hover-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-success-hover-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-success-hover-color\\", - \\"value\\": \\"var(--amplify-colors-green-90)\\" + "variable": "--amplify-components-button-link-success-hover-color", + "value": "var(--amplify-colors-green-90)" }, { - \\"variable\\": \\"--amplify-components-button-link-warning-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-orange-20)\\" + "variable": "--amplify-components-button-link-warning-active-background-color", + "value": "var(--amplify-colors-orange-20)" }, { - \\"variable\\": \\"--amplify-components-button-link-warning-active-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-warning-active-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-warning-active-color\\", - \\"value\\": \\"var(--amplify-colors-orange-100)\\" + "variable": "--amplify-components-button-link-warning-active-color", + "value": "var(--amplify-colors-orange-100)" }, { - \\"variable\\": \\"--amplify-components-button-link-warning-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-warning-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-warning-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-warning-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-warning-color\\", - \\"value\\": \\"var(--amplify-colors-orange-100)\\" + "variable": "--amplify-components-button-link-warning-color", + "value": "var(--amplify-colors-orange-100)" }, { - \\"variable\\": \\"--amplify-components-button-link-warning-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-orange-10)\\" + "variable": "--amplify-components-button-link-warning-focus-background-color", + "value": "var(--amplify-colors-orange-10)" }, { - \\"variable\\": \\"--amplify-components-button-link-warning-focus-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-warning-focus-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-warning-focus-box-shadow\\", - \\"value\\": \\"0px 0px 0px 1px var(--amplify-colors-orange-100)\\" + "variable": "--amplify-components-button-link-warning-focus-box-shadow", + "value": "0px 0px 0px 1px var(--amplify-colors-orange-100)" }, { - \\"variable\\": \\"--amplify-components-button-link-warning-focus-color\\", - \\"value\\": \\"var(--amplify-colors-orange-100)\\" + "variable": "--amplify-components-button-link-warning-focus-color", + "value": "var(--amplify-colors-orange-100)" }, { - \\"variable\\": \\"--amplify-components-button-link-warning-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-orange-10)\\" + "variable": "--amplify-components-button-link-warning-hover-background-color", + "value": "var(--amplify-colors-orange-10)" }, { - \\"variable\\": \\"--amplify-components-button-link-warning-hover-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-link-warning-hover-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-link-warning-hover-color\\", - \\"value\\": \\"var(--amplify-colors-orange-90)\\" + "variable": "--amplify-components-button-link-warning-hover-color", + "value": "var(--amplify-colors-orange-90)" }, { - \\"variable\\": \\"--amplify-components-button-loader-wrapper-align-items\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-button-loader-wrapper-align-items", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-button-loader-wrapper-gap\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-button-loader-wrapper-gap", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-button-loading-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-loading-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-loading-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-tertiary)\\" + "variable": "--amplify-components-button-loading-border-color", + "value": "var(--amplify-colors-border-tertiary)" }, { - \\"variable\\": \\"--amplify-components-button-loading-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-button-loading-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-button-menu-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-90)\\" + "variable": "--amplify-components-button-menu-active-background-color", + "value": "var(--amplify-colors-brand-primary-90)" }, { - \\"variable\\": \\"--amplify-components-button-menu-active-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-menu-active-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-menu-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-menu-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-menu-border-width\\", - \\"value\\": \\"var(--amplify-space-zero)\\" + "variable": "--amplify-components-button-menu-border-width", + "value": "var(--amplify-space-zero)" }, { - \\"variable\\": \\"--amplify-components-button-menu-disabled-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-button-menu-disabled-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-button-menu-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-80)\\" + "variable": "--amplify-components-button-menu-focus-background-color", + "value": "var(--amplify-colors-brand-primary-80)" }, { - \\"variable\\": \\"--amplify-components-button-menu-focus-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-menu-focus-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-menu-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-80)\\" + "variable": "--amplify-components-button-menu-hover-background-color", + "value": "var(--amplify-colors-brand-primary-80)" }, { - \\"variable\\": \\"--amplify-components-button-menu-hover-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-menu-hover-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-menu-justify-content\\", - \\"value\\": \\"start\\" + "variable": "--amplify-components-button-menu-justify-content", + "value": "start" }, { - \\"variable\\": \\"--amplify-components-button-outlined-error-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-red-20)\\" + "variable": "--amplify-components-button-outlined-error-active-background-color", + "value": "var(--amplify-colors-red-20)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-error-active-border-color\\", - \\"value\\": \\"var(--amplify-colors-red-100)\\" + "variable": "--amplify-components-button-outlined-error-active-border-color", + "value": "var(--amplify-colors-red-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-error-active-color\\", - \\"value\\": \\"var(--amplify-colors-red-100)\\" + "variable": "--amplify-components-button-outlined-error-active-color", + "value": "var(--amplify-colors-red-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-error-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-outlined-error-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-outlined-error-border-color\\", - \\"value\\": \\"var(--amplify-colors-red-60)\\" + "variable": "--amplify-components-button-outlined-error-border-color", + "value": "var(--amplify-colors-red-60)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-error-color\\", - \\"value\\": \\"var(--amplify-colors-red-100)\\" + "variable": "--amplify-components-button-outlined-error-color", + "value": "var(--amplify-colors-red-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-error-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-red-10)\\" + "variable": "--amplify-components-button-outlined-error-focus-background-color", + "value": "var(--amplify-colors-red-10)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-error-focus-border-color\\", - \\"value\\": \\"var(--amplify-colors-red-100)\\" + "variable": "--amplify-components-button-outlined-error-focus-border-color", + "value": "var(--amplify-colors-red-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-error-focus-box-shadow\\", - \\"value\\": \\"0px 0px 0px 1px var(--amplify-colors-red-100)\\" + "variable": "--amplify-components-button-outlined-error-focus-box-shadow", + "value": "0px 0px 0px 1px var(--amplify-colors-red-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-error-focus-color\\", - \\"value\\": \\"var(--amplify-colors-red-100)\\" + "variable": "--amplify-components-button-outlined-error-focus-color", + "value": "var(--amplify-colors-red-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-error-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-red-10)\\" + "variable": "--amplify-components-button-outlined-error-hover-background-color", + "value": "var(--amplify-colors-red-10)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-error-hover-border-color\\", - \\"value\\": \\"var(--amplify-colors-red-60)\\" + "variable": "--amplify-components-button-outlined-error-hover-border-color", + "value": "var(--amplify-colors-red-60)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-error-hover-color\\", - \\"value\\": \\"var(--amplify-colors-red-100)\\" + "variable": "--amplify-components-button-outlined-error-hover-color", + "value": "var(--amplify-colors-red-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-info-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-blue-20)\\" + "variable": "--amplify-components-button-outlined-info-active-background-color", + "value": "var(--amplify-colors-blue-20)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-info-active-border-color\\", - \\"value\\": \\"var(--amplify-colors-blue-100)\\" + "variable": "--amplify-components-button-outlined-info-active-border-color", + "value": "var(--amplify-colors-blue-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-info-active-color\\", - \\"value\\": \\"var(--amplify-colors-blue-100)\\" + "variable": "--amplify-components-button-outlined-info-active-color", + "value": "var(--amplify-colors-blue-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-info-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-outlined-info-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-outlined-info-border-color\\", - \\"value\\": \\"var(--amplify-colors-blue-60)\\" + "variable": "--amplify-components-button-outlined-info-border-color", + "value": "var(--amplify-colors-blue-60)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-info-color\\", - \\"value\\": \\"var(--amplify-colors-blue-100)\\" + "variable": "--amplify-components-button-outlined-info-color", + "value": "var(--amplify-colors-blue-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-info-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-blue-10)\\" + "variable": "--amplify-components-button-outlined-info-focus-background-color", + "value": "var(--amplify-colors-blue-10)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-info-focus-border-color\\", - \\"value\\": \\"var(--amplify-colors-blue-100)\\" + "variable": "--amplify-components-button-outlined-info-focus-border-color", + "value": "var(--amplify-colors-blue-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-info-focus-box-shadow\\", - \\"value\\": \\"0px 0px 0px 1px var(--amplify-colors-blue-100)\\" + "variable": "--amplify-components-button-outlined-info-focus-box-shadow", + "value": "0px 0px 0px 1px var(--amplify-colors-blue-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-info-focus-color\\", - \\"value\\": \\"var(--amplify-colors-blue-100)\\" + "variable": "--amplify-components-button-outlined-info-focus-color", + "value": "var(--amplify-colors-blue-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-info-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-blue-10)\\" + "variable": "--amplify-components-button-outlined-info-hover-background-color", + "value": "var(--amplify-colors-blue-10)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-info-hover-border-color\\", - \\"value\\": \\"var(--amplify-colors-blue-60)\\" + "variable": "--amplify-components-button-outlined-info-hover-border-color", + "value": "var(--amplify-colors-blue-60)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-info-hover-color\\", - \\"value\\": \\"var(--amplify-colors-blue-100)\\" + "variable": "--amplify-components-button-outlined-info-hover-color", + "value": "var(--amplify-colors-blue-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-overlay-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-10)\\" + "variable": "--amplify-components-button-outlined-overlay-active-background-color", + "value": "var(--amplify-colors-overlay-10)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-overlay-active-border-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-90)\\" + "variable": "--amplify-components-button-outlined-overlay-active-border-color", + "value": "var(--amplify-colors-overlay-90)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-overlay-active-color\\", - \\"value\\": \\"var(--amplify-colors-neutral-100)\\" + "variable": "--amplify-components-button-outlined-overlay-active-color", + "value": "var(--amplify-colors-neutral-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-overlay-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-outlined-overlay-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-outlined-overlay-border-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-60)\\" + "variable": "--amplify-components-button-outlined-overlay-border-color", + "value": "var(--amplify-colors-overlay-60)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-overlay-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-button-outlined-overlay-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-overlay-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-5)\\" + "variable": "--amplify-components-button-outlined-overlay-focus-background-color", + "value": "var(--amplify-colors-overlay-5)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-overlay-focus-border-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-90)\\" + "variable": "--amplify-components-button-outlined-overlay-focus-border-color", + "value": "var(--amplify-colors-overlay-90)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-overlay-focus-box-shadow\\", - \\"value\\": \\"0px 0px 0px 1px var(--amplify-colors-overlay-90)\\" + "variable": "--amplify-components-button-outlined-overlay-focus-box-shadow", + "value": "0px 0px 0px 1px var(--amplify-colors-overlay-90)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-overlay-focus-color\\", - \\"value\\": \\"var(--amplify-colors-neutral-90)\\" + "variable": "--amplify-components-button-outlined-overlay-focus-color", + "value": "var(--amplify-colors-neutral-90)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-overlay-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-5)\\" + "variable": "--amplify-components-button-outlined-overlay-hover-background-color", + "value": "var(--amplify-colors-overlay-5)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-overlay-hover-border-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-60)\\" + "variable": "--amplify-components-button-outlined-overlay-hover-border-color", + "value": "var(--amplify-colors-overlay-60)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-overlay-hover-color\\", - \\"value\\": \\"var(--amplify-colors-neutral-90)\\" + "variable": "--amplify-components-button-outlined-overlay-hover-color", + "value": "var(--amplify-colors-neutral-90)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-success-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-green-20)\\" + "variable": "--amplify-components-button-outlined-success-active-background-color", + "value": "var(--amplify-colors-green-20)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-success-active-border-color\\", - \\"value\\": \\"var(--amplify-colors-green-100)\\" + "variable": "--amplify-components-button-outlined-success-active-border-color", + "value": "var(--amplify-colors-green-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-success-active-color\\", - \\"value\\": \\"var(--amplify-colors-green-100)\\" + "variable": "--amplify-components-button-outlined-success-active-color", + "value": "var(--amplify-colors-green-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-success-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-outlined-success-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-outlined-success-border-color\\", - \\"value\\": \\"var(--amplify-colors-green-60)\\" + "variable": "--amplify-components-button-outlined-success-border-color", + "value": "var(--amplify-colors-green-60)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-success-color\\", - \\"value\\": \\"var(--amplify-colors-green-100)\\" + "variable": "--amplify-components-button-outlined-success-color", + "value": "var(--amplify-colors-green-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-success-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-green-10)\\" + "variable": "--amplify-components-button-outlined-success-focus-background-color", + "value": "var(--amplify-colors-green-10)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-success-focus-border-color\\", - \\"value\\": \\"var(--amplify-colors-green-100)\\" + "variable": "--amplify-components-button-outlined-success-focus-border-color", + "value": "var(--amplify-colors-green-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-success-focus-box-shadow\\", - \\"value\\": \\"0px 0px 0px 1px var(--amplify-colors-green-100)\\" + "variable": "--amplify-components-button-outlined-success-focus-box-shadow", + "value": "0px 0px 0px 1px var(--amplify-colors-green-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-success-focus-color\\", - \\"value\\": \\"var(--amplify-colors-green-100)\\" + "variable": "--amplify-components-button-outlined-success-focus-color", + "value": "var(--amplify-colors-green-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-success-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-green-10)\\" + "variable": "--amplify-components-button-outlined-success-hover-background-color", + "value": "var(--amplify-colors-green-10)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-success-hover-border-color\\", - \\"value\\": \\"var(--amplify-colors-green-60)\\" + "variable": "--amplify-components-button-outlined-success-hover-border-color", + "value": "var(--amplify-colors-green-60)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-success-hover-color\\", - \\"value\\": \\"var(--amplify-colors-green-100)\\" + "variable": "--amplify-components-button-outlined-success-hover-color", + "value": "var(--amplify-colors-green-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-warning-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-orange-20)\\" + "variable": "--amplify-components-button-outlined-warning-active-background-color", + "value": "var(--amplify-colors-orange-20)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-warning-active-border-color\\", - \\"value\\": \\"var(--amplify-colors-orange-100)\\" + "variable": "--amplify-components-button-outlined-warning-active-border-color", + "value": "var(--amplify-colors-orange-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-warning-active-color\\", - \\"value\\": \\"var(--amplify-colors-orange-100)\\" + "variable": "--amplify-components-button-outlined-warning-active-color", + "value": "var(--amplify-colors-orange-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-warning-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-outlined-warning-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-outlined-warning-border-color\\", - \\"value\\": \\"var(--amplify-colors-orange-60)\\" + "variable": "--amplify-components-button-outlined-warning-border-color", + "value": "var(--amplify-colors-orange-60)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-warning-color\\", - \\"value\\": \\"var(--amplify-colors-orange-100)\\" + "variable": "--amplify-components-button-outlined-warning-color", + "value": "var(--amplify-colors-orange-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-warning-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-orange-10)\\" + "variable": "--amplify-components-button-outlined-warning-focus-background-color", + "value": "var(--amplify-colors-orange-10)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-warning-focus-border-color\\", - \\"value\\": \\"var(--amplify-colors-orange-100)\\" + "variable": "--amplify-components-button-outlined-warning-focus-border-color", + "value": "var(--amplify-colors-orange-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-warning-focus-box-shadow\\", - \\"value\\": \\"0px 0px 0px 1px var(--amplify-colors-orange-100)\\" + "variable": "--amplify-components-button-outlined-warning-focus-box-shadow", + "value": "0px 0px 0px 1px var(--amplify-colors-orange-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-warning-focus-color\\", - \\"value\\": \\"var(--amplify-colors-orange-100)\\" + "variable": "--amplify-components-button-outlined-warning-focus-color", + "value": "var(--amplify-colors-orange-100)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-warning-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-orange-10)\\" + "variable": "--amplify-components-button-outlined-warning-hover-background-color", + "value": "var(--amplify-colors-orange-10)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-warning-hover-border-color\\", - \\"value\\": \\"var(--amplify-colors-orange-60)\\" + "variable": "--amplify-components-button-outlined-warning-hover-border-color", + "value": "var(--amplify-colors-orange-60)" }, { - \\"variable\\": \\"--amplify-components-button-outlined-warning-hover-color\\", - \\"value\\": \\"var(--amplify-colors-orange-100)\\" + "variable": "--amplify-components-button-outlined-warning-hover-color", + "value": "var(--amplify-colors-orange-100)" }, { - \\"variable\\": \\"--amplify-components-button-padding-block-end\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-padding-block-end)\\" + "variable": "--amplify-components-button-padding-block-end", + "value": "var(--amplify-components-fieldcontrol-padding-block-end)" }, { - \\"variable\\": \\"--amplify-components-button-padding-block-start\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-padding-block-start)\\" + "variable": "--amplify-components-button-padding-block-start", + "value": "var(--amplify-components-fieldcontrol-padding-block-start)" }, { - \\"variable\\": \\"--amplify-components-button-padding-inline-end\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-padding-inline-end)\\" + "variable": "--amplify-components-button-padding-inline-end", + "value": "var(--amplify-components-fieldcontrol-padding-inline-end)" }, { - \\"variable\\": \\"--amplify-components-button-padding-inline-start\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-padding-inline-start)\\" + "variable": "--amplify-components-button-padding-inline-start", + "value": "var(--amplify-components-fieldcontrol-padding-inline-start)" }, { - \\"variable\\": \\"--amplify-components-button-primary-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-100)\\" + "variable": "--amplify-components-button-primary-active-background-color", + "value": "var(--amplify-colors-brand-primary-100)" }, { - \\"variable\\": \\"--amplify-components-button-primary-active-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-active-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-active-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-active-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-80)\\" + "variable": "--amplify-components-button-primary-background-color", + "value": "var(--amplify-colors-brand-primary-80)" }, { - \\"variable\\": \\"--amplify-components-button-primary-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-button-primary-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-button-primary-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-button-primary-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-button-primary-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-disabled-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-disabled)\\" + "variable": "--amplify-components-button-primary-disabled-background-color", + "value": "var(--amplify-colors-background-disabled)" }, { - \\"variable\\": \\"--amplify-components-button-primary-disabled-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-disabled-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-disabled-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-button-primary-disabled-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-button-primary-error-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-red-100)\\" + "variable": "--amplify-components-button-primary-error-active-background-color", + "value": "var(--amplify-colors-red-100)" }, { - \\"variable\\": \\"--amplify-components-button-primary-error-active-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-error-active-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-error-active-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-error-active-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-error-background-color\\", - \\"value\\": \\"var(--amplify-colors-red-80)\\" + "variable": "--amplify-components-button-primary-error-background-color", + "value": "var(--amplify-colors-red-80)" }, { - \\"variable\\": \\"--amplify-components-button-primary-error-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-error-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-error-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-error-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-error-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-red-90)\\" + "variable": "--amplify-components-button-primary-error-focus-background-color", + "value": "var(--amplify-colors-red-90)" }, { - \\"variable\\": \\"--amplify-components-button-primary-error-focus-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-error-focus-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-error-focus-box-shadow\\", - \\"value\\": \\"0px 0px 0px 1px var(--amplify-colors-red-100)\\" + "variable": "--amplify-components-button-primary-error-focus-box-shadow", + "value": "0px 0px 0px 1px var(--amplify-colors-red-100)" }, { - \\"variable\\": \\"--amplify-components-button-primary-error-focus-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-error-focus-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-error-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-red-90)\\" + "variable": "--amplify-components-button-primary-error-hover-background-color", + "value": "var(--amplify-colors-red-90)" }, { - \\"variable\\": \\"--amplify-components-button-primary-error-hover-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-error-hover-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-error-hover-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-error-hover-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-90)\\" + "variable": "--amplify-components-button-primary-focus-background-color", + "value": "var(--amplify-colors-brand-primary-90)" }, { - \\"variable\\": \\"--amplify-components-button-primary-focus-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-focus-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-focus-box-shadow\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-focus-box-shadow)\\" + "variable": "--amplify-components-button-primary-focus-box-shadow", + "value": "var(--amplify-components-fieldcontrol-focus-box-shadow)" }, { - \\"variable\\": \\"--amplify-components-button-primary-focus-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-focus-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-90)\\" + "variable": "--amplify-components-button-primary-hover-background-color", + "value": "var(--amplify-colors-brand-primary-90)" }, { - \\"variable\\": \\"--amplify-components-button-primary-hover-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-hover-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-hover-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-hover-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-info-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-blue-100)\\" + "variable": "--amplify-components-button-primary-info-active-background-color", + "value": "var(--amplify-colors-blue-100)" }, { - \\"variable\\": \\"--amplify-components-button-primary-info-active-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-info-active-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-info-active-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-info-active-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-info-background-color\\", - \\"value\\": \\"var(--amplify-colors-blue-80)\\" + "variable": "--amplify-components-button-primary-info-background-color", + "value": "var(--amplify-colors-blue-80)" }, { - \\"variable\\": \\"--amplify-components-button-primary-info-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-info-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-info-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-info-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-info-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-blue-90)\\" + "variable": "--amplify-components-button-primary-info-focus-background-color", + "value": "var(--amplify-colors-blue-90)" }, { - \\"variable\\": \\"--amplify-components-button-primary-info-focus-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-info-focus-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-info-focus-box-shadow\\", - \\"value\\": \\"0px 0px 0px 1px var(--amplify-colors-blue-100)\\" + "variable": "--amplify-components-button-primary-info-focus-box-shadow", + "value": "0px 0px 0px 1px var(--amplify-colors-blue-100)" }, { - \\"variable\\": \\"--amplify-components-button-primary-info-focus-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-info-focus-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-info-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-blue-90)\\" + "variable": "--amplify-components-button-primary-info-hover-background-color", + "value": "var(--amplify-colors-blue-90)" }, { - \\"variable\\": \\"--amplify-components-button-primary-info-hover-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-info-hover-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-info-hover-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-info-hover-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-loading-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-disabled)\\" + "variable": "--amplify-components-button-primary-loading-background-color", + "value": "var(--amplify-colors-background-disabled)" }, { - \\"variable\\": \\"--amplify-components-button-primary-loading-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-loading-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-loading-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-button-primary-loading-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-button-primary-overlay-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-90)\\" + "variable": "--amplify-components-button-primary-overlay-active-background-color", + "value": "var(--amplify-colors-overlay-90)" }, { - \\"variable\\": \\"--amplify-components-button-primary-overlay-active-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-overlay-active-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-overlay-active-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-overlay-active-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-overlay-background-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-70)\\" + "variable": "--amplify-components-button-primary-overlay-background-color", + "value": "var(--amplify-colors-overlay-70)" }, { - \\"variable\\": \\"--amplify-components-button-primary-overlay-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-overlay-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-overlay-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-overlay-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-overlay-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-90)\\" + "variable": "--amplify-components-button-primary-overlay-focus-background-color", + "value": "var(--amplify-colors-overlay-90)" }, { - \\"variable\\": \\"--amplify-components-button-primary-overlay-focus-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-overlay-focus-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-overlay-focus-box-shadow\\", - \\"value\\": \\"0px 0px 0px 1px var(--amplify-colors-overlay-90)\\" + "variable": "--amplify-components-button-primary-overlay-focus-box-shadow", + "value": "0px 0px 0px 1px var(--amplify-colors-overlay-90)" }, { - \\"variable\\": \\"--amplify-components-button-primary-overlay-focus-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-overlay-focus-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-overlay-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-90)\\" + "variable": "--amplify-components-button-primary-overlay-hover-background-color", + "value": "var(--amplify-colors-overlay-90)" }, { - \\"variable\\": \\"--amplify-components-button-primary-overlay-hover-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-overlay-hover-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-overlay-hover-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-overlay-hover-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-success-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-green-100)\\" + "variable": "--amplify-components-button-primary-success-active-background-color", + "value": "var(--amplify-colors-green-100)" }, { - \\"variable\\": \\"--amplify-components-button-primary-success-active-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-success-active-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-success-active-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-success-active-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-success-background-color\\", - \\"value\\": \\"var(--amplify-colors-green-80)\\" + "variable": "--amplify-components-button-primary-success-background-color", + "value": "var(--amplify-colors-green-80)" }, { - \\"variable\\": \\"--amplify-components-button-primary-success-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-success-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-success-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-success-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-success-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-green-90)\\" + "variable": "--amplify-components-button-primary-success-focus-background-color", + "value": "var(--amplify-colors-green-90)" }, { - \\"variable\\": \\"--amplify-components-button-primary-success-focus-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-success-focus-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-success-focus-box-shadow\\", - \\"value\\": \\"0px 0px 0px 1px var(--amplify-colors-green-100)\\" + "variable": "--amplify-components-button-primary-success-focus-box-shadow", + "value": "0px 0px 0px 1px var(--amplify-colors-green-100)" }, { - \\"variable\\": \\"--amplify-components-button-primary-success-focus-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-success-focus-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-success-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-green-90)\\" + "variable": "--amplify-components-button-primary-success-hover-background-color", + "value": "var(--amplify-colors-green-90)" }, { - \\"variable\\": \\"--amplify-components-button-primary-success-hover-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-success-hover-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-success-hover-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-success-hover-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-warning-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-orange-100)\\" + "variable": "--amplify-components-button-primary-warning-active-background-color", + "value": "var(--amplify-colors-orange-100)" }, { - \\"variable\\": \\"--amplify-components-button-primary-warning-active-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-warning-active-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-warning-active-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-warning-active-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-warning-background-color\\", - \\"value\\": \\"var(--amplify-colors-orange-80)\\" + "variable": "--amplify-components-button-primary-warning-background-color", + "value": "var(--amplify-colors-orange-80)" }, { - \\"variable\\": \\"--amplify-components-button-primary-warning-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-warning-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-warning-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-warning-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-warning-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-orange-90)\\" + "variable": "--amplify-components-button-primary-warning-focus-background-color", + "value": "var(--amplify-colors-orange-90)" }, { - \\"variable\\": \\"--amplify-components-button-primary-warning-focus-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-warning-focus-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-warning-focus-box-shadow\\", - \\"value\\": \\"0px 0px 0px 1px var(--amplify-colors-orange-100)\\" + "variable": "--amplify-components-button-primary-warning-focus-box-shadow", + "value": "0px 0px 0px 1px var(--amplify-colors-orange-100)" }, { - \\"variable\\": \\"--amplify-components-button-primary-warning-focus-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-warning-focus-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-primary-warning-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-orange-90)\\" + "variable": "--amplify-components-button-primary-warning-hover-background-color", + "value": "var(--amplify-colors-orange-90)" }, { - \\"variable\\": \\"--amplify-components-button-primary-warning-hover-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-primary-warning-hover-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-primary-warning-hover-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-button-primary-warning-hover-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-button-small-font-size\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-small-font-size)\\" + "variable": "--amplify-components-button-small-font-size", + "value": "var(--amplify-components-fieldcontrol-small-font-size)" }, { - \\"variable\\": \\"--amplify-components-button-small-padding-block-end\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-small-padding-block-end)\\" + "variable": "--amplify-components-button-small-padding-block-end", + "value": "var(--amplify-components-fieldcontrol-small-padding-block-end)" }, { - \\"variable\\": \\"--amplify-components-button-small-padding-block-start\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-small-padding-block-start)\\" + "variable": "--amplify-components-button-small-padding-block-start", + "value": "var(--amplify-components-fieldcontrol-small-padding-block-start)" }, { - \\"variable\\": \\"--amplify-components-button-small-padding-inline-end\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-small-padding-inline-end)\\" + "variable": "--amplify-components-button-small-padding-inline-end", + "value": "var(--amplify-components-fieldcontrol-small-padding-inline-end)" }, { - \\"variable\\": \\"--amplify-components-button-small-padding-inline-start\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-small-padding-inline-start)\\" + "variable": "--amplify-components-button-small-padding-inline-start", + "value": "var(--amplify-components-fieldcontrol-small-padding-inline-start)" }, { - \\"variable\\": \\"--amplify-components-button-transition-duration\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-transition-duration)\\" + "variable": "--amplify-components-button-transition-duration", + "value": "var(--amplify-components-fieldcontrol-transition-duration)" }, { - \\"variable\\": \\"--amplify-components-button-warning-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-red-20)\\" + "variable": "--amplify-components-button-warning-active-background-color", + "value": "var(--amplify-colors-red-20)" }, { - \\"variable\\": \\"--amplify-components-button-warning-active-border-color\\", - \\"value\\": \\"var(--amplify-colors-red-100)\\" + "variable": "--amplify-components-button-warning-active-border-color", + "value": "var(--amplify-colors-red-100)" }, { - \\"variable\\": \\"--amplify-components-button-warning-active-color\\", - \\"value\\": \\"var(--amplify-colors-red-100)\\" + "variable": "--amplify-components-button-warning-active-color", + "value": "var(--amplify-colors-red-100)" }, { - \\"variable\\": \\"--amplify-components-button-warning-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-warning-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-warning-border-color\\", - \\"value\\": \\"var(--amplify-colors-red-60)\\" + "variable": "--amplify-components-button-warning-border-color", + "value": "var(--amplify-colors-red-60)" }, { - \\"variable\\": \\"--amplify-components-button-warning-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-button-warning-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-button-warning-color\\", - \\"value\\": \\"var(--amplify-colors-red-60)\\" + "variable": "--amplify-components-button-warning-color", + "value": "var(--amplify-colors-red-60)" }, { - \\"variable\\": \\"--amplify-components-button-warning-disabled-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-warning-disabled-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-warning-disabled-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-tertiary)\\" + "variable": "--amplify-components-button-warning-disabled-border-color", + "value": "var(--amplify-colors-border-tertiary)" }, { - \\"variable\\": \\"--amplify-components-button-warning-disabled-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-button-warning-disabled-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-button-warning-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-red-10)\\" + "variable": "--amplify-components-button-warning-focus-background-color", + "value": "var(--amplify-colors-red-10)" }, { - \\"variable\\": \\"--amplify-components-button-warning-focus-border-color\\", - \\"value\\": \\"var(--amplify-colors-red-80)\\" + "variable": "--amplify-components-button-warning-focus-border-color", + "value": "var(--amplify-colors-red-80)" }, { - \\"variable\\": \\"--amplify-components-button-warning-focus-box-shadow\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-error-focus-box-shadow)\\" + "variable": "--amplify-components-button-warning-focus-box-shadow", + "value": "var(--amplify-components-fieldcontrol-error-focus-box-shadow)" }, { - \\"variable\\": \\"--amplify-components-button-warning-focus-color\\", - \\"value\\": \\"var(--amplify-colors-red-80)\\" + "variable": "--amplify-components-button-warning-focus-color", + "value": "var(--amplify-colors-red-80)" }, { - \\"variable\\": \\"--amplify-components-button-warning-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-red-10)\\" + "variable": "--amplify-components-button-warning-hover-background-color", + "value": "var(--amplify-colors-red-10)" }, { - \\"variable\\": \\"--amplify-components-button-warning-hover-border-color\\", - \\"value\\": \\"var(--amplify-colors-red-80)\\" + "variable": "--amplify-components-button-warning-hover-border-color", + "value": "var(--amplify-colors-red-80)" }, { - \\"variable\\": \\"--amplify-components-button-warning-hover-color\\", - \\"value\\": \\"var(--amplify-colors-font-error)\\" + "variable": "--amplify-components-button-warning-hover-color", + "value": "var(--amplify-colors-font-error)" }, { - \\"variable\\": \\"--amplify-components-button-warning-loading-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-button-warning-loading-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-button-warning-loading-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-tertiary)\\" + "variable": "--amplify-components-button-warning-loading-border-color", + "value": "var(--amplify-colors-border-tertiary)" }, { - \\"variable\\": \\"--amplify-components-button-warning-loading-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-button-warning-loading-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-card-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-card-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-card-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-card-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-card-border-radius\\", - \\"value\\": \\"var(--amplify-radii-xs)\\" + "variable": "--amplify-components-card-border-radius", + "value": "var(--amplify-radii-xs)" }, { - \\"variable\\": \\"--amplify-components-card-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-card-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-card-border-width\\", - \\"value\\": \\"0\\" + "variable": "--amplify-components-card-border-width", + "value": "0" }, { - \\"variable\\": \\"--amplify-components-card-box-shadow\\", - \\"value\\": \\"none\\" + "variable": "--amplify-components-card-box-shadow", + "value": "none" }, { - \\"variable\\": \\"--amplify-components-card-elevated-background-color\\", - \\"value\\": \\"var(--amplify-components-card-background-color)\\" + "variable": "--amplify-components-card-elevated-background-color", + "value": "var(--amplify-components-card-background-color)" }, { - \\"variable\\": \\"--amplify-components-card-elevated-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-card-elevated-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-card-elevated-border-radius\\", - \\"value\\": \\"var(--amplify-radii-xs)\\" + "variable": "--amplify-components-card-elevated-border-radius", + "value": "var(--amplify-radii-xs)" }, { - \\"variable\\": \\"--amplify-components-card-elevated-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-card-elevated-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-card-elevated-border-width\\", - \\"value\\": \\"0\\" + "variable": "--amplify-components-card-elevated-border-width", + "value": "0" }, { - \\"variable\\": \\"--amplify-components-card-elevated-box-shadow\\", - \\"value\\": \\"var(--amplify-shadows-medium)\\" + "variable": "--amplify-components-card-elevated-box-shadow", + "value": "var(--amplify-shadows-medium)" }, { - \\"variable\\": \\"--amplify-components-card-outlined-background-color\\", - \\"value\\": \\"var(--amplify-components-card-background-color)\\" + "variable": "--amplify-components-card-outlined-background-color", + "value": "var(--amplify-components-card-background-color)" }, { - \\"variable\\": \\"--amplify-components-card-outlined-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-primary)\\" + "variable": "--amplify-components-card-outlined-border-color", + "value": "var(--amplify-colors-border-primary)" }, { - \\"variable\\": \\"--amplify-components-card-outlined-border-radius\\", - \\"value\\": \\"var(--amplify-radii-xs)\\" + "variable": "--amplify-components-card-outlined-border-radius", + "value": "var(--amplify-radii-xs)" }, { - \\"variable\\": \\"--amplify-components-card-outlined-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-card-outlined-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-card-outlined-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-card-outlined-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-card-outlined-box-shadow\\", - \\"value\\": \\"var(--amplify-components-card-box-shadow)\\" + "variable": "--amplify-components-card-outlined-box-shadow", + "value": "var(--amplify-components-card-box-shadow)" }, { - \\"variable\\": \\"--amplify-components-card-padding\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-card-padding", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-checkbox-align-items\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-checkbox-align-items", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-align-items\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-checkbox-button-align-items", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-before-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-primary)\\" + "variable": "--amplify-components-checkbox-button-before-border-color", + "value": "var(--amplify-colors-border-primary)" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-before-border-radius\\", - \\"value\\": \\"20%\\" + "variable": "--amplify-components-checkbox-button-before-border-radius", + "value": "20%" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-before-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-checkbox-button-before-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-before-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-medium)\\" + "variable": "--amplify-components-checkbox-button-before-border-width", + "value": "var(--amplify-border-widths-medium)" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-before-height\\", - \\"value\\": \\"100%\\" + "variable": "--amplify-components-checkbox-button-before-height", + "value": "100%" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-before-width\\", - \\"value\\": \\"100%\\" + "variable": "--amplify-components-checkbox-button-before-width", + "value": "100%" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-checkbox-button-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-disabled-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-disabled)\\" + "variable": "--amplify-components-checkbox-button-disabled-border-color", + "value": "var(--amplify-colors-border-disabled)" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-error-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-error)\\" + "variable": "--amplify-components-checkbox-button-error-border-color", + "value": "var(--amplify-colors-border-error)" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-error-focus-border-color\\", - \\"value\\": \\"var(--amplify-colors-transparent)\\" + "variable": "--amplify-components-checkbox-button-error-focus-border-color", + "value": "var(--amplify-colors-transparent)" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-error-focus-box-shadow\\", - \\"value\\": \\"0px 0px 0px 2px var(--amplify-colors-border-error)\\" + "variable": "--amplify-components-checkbox-button-error-focus-box-shadow", + "value": "0px 0px 0px 2px var(--amplify-colors-border-error)" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-focus-border-color\\", - \\"value\\": \\"var(--amplify-colors-transparent)\\" + "variable": "--amplify-components-checkbox-button-focus-border-color", + "value": "var(--amplify-colors-transparent)" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-focus-box-shadow\\", - \\"value\\": \\"0px 0px 0px 2px var(--amplify-colors-border-focus)\\" + "variable": "--amplify-components-checkbox-button-focus-box-shadow", + "value": "0px 0px 0px 2px var(--amplify-colors-border-focus)" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-focus-outline-color\\", - \\"value\\": \\"var(--amplify-colors-transparent)\\" + "variable": "--amplify-components-checkbox-button-focus-outline-color", + "value": "var(--amplify-colors-transparent)" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-focus-outline-offset\\", - \\"value\\": \\"var(--amplify-outline-offsets-medium)\\" + "variable": "--amplify-components-checkbox-button-focus-outline-offset", + "value": "var(--amplify-outline-offsets-medium)" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-focus-outline-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-checkbox-button-focus-outline-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-focus-outline-width\\", - \\"value\\": \\"var(--amplify-outline-widths-medium)\\" + "variable": "--amplify-components-checkbox-button-focus-outline-width", + "value": "var(--amplify-outline-widths-medium)" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-justify-content\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-checkbox-button-justify-content", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-checkbox-button-position\\", - \\"value\\": \\"relative\\" + "variable": "--amplify-components-checkbox-button-position", + "value": "relative" }, { - \\"variable\\": \\"--amplify-components-checkbox-cursor\\", - \\"value\\": \\"pointer\\" + "variable": "--amplify-components-checkbox-cursor", + "value": "pointer" }, { - \\"variable\\": \\"--amplify-components-checkbox-disabled-cursor\\", - \\"value\\": \\"not-allowed\\" + "variable": "--amplify-components-checkbox-disabled-cursor", + "value": "not-allowed" }, { - \\"variable\\": \\"--amplify-components-checkbox-icon-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-80)\\" + "variable": "--amplify-components-checkbox-icon-background-color", + "value": "var(--amplify-colors-brand-primary-80)" }, { - \\"variable\\": \\"--amplify-components-checkbox-icon-border-radius\\", - \\"value\\": \\"20%\\" + "variable": "--amplify-components-checkbox-icon-border-radius", + "value": "20%" }, { - \\"variable\\": \\"--amplify-components-checkbox-icon-checked-disabled-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-disabled)\\" + "variable": "--amplify-components-checkbox-icon-checked-disabled-background-color", + "value": "var(--amplify-colors-background-disabled)" }, { - \\"variable\\": \\"--amplify-components-checkbox-icon-checked-opacity\\", - \\"value\\": \\"var(--amplify-opacities-100)\\" + "variable": "--amplify-components-checkbox-icon-checked-opacity", + "value": "var(--amplify-opacities-100)" }, { - \\"variable\\": \\"--amplify-components-checkbox-icon-checked-transform\\", - \\"value\\": \\"scale(1)\\" + "variable": "--amplify-components-checkbox-icon-checked-transform", + "value": "scale(1)" }, { - \\"variable\\": \\"--amplify-components-checkbox-icon-indeterminate-disabled-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-disabled)\\" + "variable": "--amplify-components-checkbox-icon-indeterminate-disabled-background-color", + "value": "var(--amplify-colors-background-disabled)" }, { - \\"variable\\": \\"--amplify-components-checkbox-icon-indeterminate-opacity\\", - \\"value\\": \\"var(--amplify-opacities-100)\\" + "variable": "--amplify-components-checkbox-icon-indeterminate-opacity", + "value": "var(--amplify-opacities-100)" }, { - \\"variable\\": \\"--amplify-components-checkbox-icon-indeterminate-transform\\", - \\"value\\": \\"scale(1)\\" + "variable": "--amplify-components-checkbox-icon-indeterminate-transform", + "value": "scale(1)" }, { - \\"variable\\": \\"--amplify-components-checkbox-icon-opacity\\", - \\"value\\": \\"var(--amplify-opacities-0)\\" + "variable": "--amplify-components-checkbox-icon-opacity", + "value": "var(--amplify-opacities-0)" }, { - \\"variable\\": \\"--amplify-components-checkbox-icon-transform\\", - \\"value\\": \\"scale(0)\\" + "variable": "--amplify-components-checkbox-icon-transform", + "value": "scale(0)" }, { - \\"variable\\": \\"--amplify-components-checkbox-icon-transition-duration\\", - \\"value\\": \\"var(--amplify-time-short)\\" + "variable": "--amplify-components-checkbox-icon-transition-duration", + "value": "var(--amplify-time-short)" }, { - \\"variable\\": \\"--amplify-components-checkbox-icon-transition-property\\", - \\"value\\": \\"all\\" + "variable": "--amplify-components-checkbox-icon-transition-property", + "value": "all" }, { - \\"variable\\": \\"--amplify-components-checkbox-icon-transition-timing-function\\", - \\"value\\": \\"ease-in-out\\" + "variable": "--amplify-components-checkbox-icon-transition-timing-function", + "value": "ease-in-out" }, { - \\"variable\\": \\"--amplify-components-checkbox-label-disabled-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-checkbox-label-disabled-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-checkboxfield-align-content\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-checkboxfield-align-content", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-checkboxfield-align-items\\", - \\"value\\": \\"flex-start\\" + "variable": "--amplify-components-checkboxfield-align-items", + "value": "flex-start" }, { - \\"variable\\": \\"--amplify-components-checkboxfield-flex-direction\\", - \\"value\\": \\"column\\" + "variable": "--amplify-components-checkboxfield-flex-direction", + "value": "column" }, { - \\"variable\\": \\"--amplify-components-checkboxfield-justify-content\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-checkboxfield-justify-content", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-collection-pagination-button-color\\", - \\"value\\": \\"var(--amplify-components-pagination-button-color)\\" + "variable": "--amplify-components-collection-pagination-button-color", + "value": "var(--amplify-components-pagination-button-color)" }, { - \\"variable\\": \\"--amplify-components-collection-pagination-button-disabled-color\\", - \\"value\\": \\"var(--amplify-components-pagination-button-disabled-color)\\" + "variable": "--amplify-components-collection-pagination-button-disabled-color", + "value": "var(--amplify-components-pagination-button-disabled-color)" }, { - \\"variable\\": \\"--amplify-components-collection-pagination-button-hover-background-color\\", - \\"value\\": \\"var(--amplify-components-pagination-button-hover-background-color)\\" + "variable": "--amplify-components-collection-pagination-button-hover-background-color", + "value": "var(--amplify-components-pagination-button-hover-background-color)" }, { - \\"variable\\": \\"--amplify-components-collection-pagination-button-hover-color\\", - \\"value\\": \\"var(--amplify-components-pagination-button-hover-color)\\" + "variable": "--amplify-components-collection-pagination-button-hover-color", + "value": "var(--amplify-components-pagination-button-hover-color)" }, { - \\"variable\\": \\"--amplify-components-collection-pagination-current-background-color\\", - \\"value\\": \\"var(--amplify-components-pagination-current-background-color)\\" + "variable": "--amplify-components-collection-pagination-current-background-color", + "value": "var(--amplify-components-pagination-current-background-color)" }, { - \\"variable\\": \\"--amplify-components-collection-pagination-current-color\\", - \\"value\\": \\"var(--amplify-components-pagination-current-color)\\" + "variable": "--amplify-components-collection-pagination-current-color", + "value": "var(--amplify-components-pagination-current-color)" }, { - \\"variable\\": \\"--amplify-components-collection-search-button-active-background-color\\", - \\"value\\": \\"var(--amplify-components-searchfield-button-active-background-color)\\" + "variable": "--amplify-components-collection-search-button-active-background-color", + "value": "var(--amplify-components-searchfield-button-active-background-color)" }, { - \\"variable\\": \\"--amplify-components-collection-search-button-active-border-color\\", - \\"value\\": \\"var(--amplify-components-searchfield-button-active-border-color)\\" + "variable": "--amplify-components-collection-search-button-active-border-color", + "value": "var(--amplify-components-searchfield-button-active-border-color)" }, { - \\"variable\\": \\"--amplify-components-collection-search-button-active-color\\", - \\"value\\": \\"var(--amplify-components-searchfield-button-active-color)\\" + "variable": "--amplify-components-collection-search-button-active-color", + "value": "var(--amplify-components-searchfield-button-active-color)" }, { - \\"variable\\": \\"--amplify-components-collection-search-button-color\\", - \\"value\\": \\"var(--amplify-components-searchfield-button-color)\\" + "variable": "--amplify-components-collection-search-button-color", + "value": "var(--amplify-components-searchfield-button-color)" }, { - \\"variable\\": \\"--amplify-components-collection-search-button-disabled-background-color\\", - \\"value\\": \\"var(--amplify-components-searchfield-button-disabled-background-color)\\" + "variable": "--amplify-components-collection-search-button-disabled-background-color", + "value": "var(--amplify-components-searchfield-button-disabled-background-color)" }, { - \\"variable\\": \\"--amplify-components-collection-search-button-disabled-border-color\\", - \\"value\\": \\"var(--amplify-components-searchfield-button-disabled-border-color)\\" + "variable": "--amplify-components-collection-search-button-disabled-border-color", + "value": "var(--amplify-components-searchfield-button-disabled-border-color)" }, { - \\"variable\\": \\"--amplify-components-collection-search-button-disabled-color\\", - \\"value\\": \\"var(--amplify-components-searchfield-button-disabled-color)\\" + "variable": "--amplify-components-collection-search-button-disabled-color", + "value": "var(--amplify-components-searchfield-button-disabled-color)" }, { - \\"variable\\": \\"--amplify-components-collection-search-button-focus-background-color\\", - \\"value\\": \\"var(--amplify-components-searchfield-button-focus-background-color)\\" + "variable": "--amplify-components-collection-search-button-focus-background-color", + "value": "var(--amplify-components-searchfield-button-focus-background-color)" }, { - \\"variable\\": \\"--amplify-components-collection-search-button-focus-border-color\\", - \\"value\\": \\"var(--amplify-components-searchfield-button-focus-border-color)\\" + "variable": "--amplify-components-collection-search-button-focus-border-color", + "value": "var(--amplify-components-searchfield-button-focus-border-color)" }, { - \\"variable\\": \\"--amplify-components-collection-search-button-focus-color\\", - \\"value\\": \\"var(--amplify-components-searchfield-button-focus-color)\\" + "variable": "--amplify-components-collection-search-button-focus-color", + "value": "var(--amplify-components-searchfield-button-focus-color)" }, { - \\"variable\\": \\"--amplify-components-collection-search-button-hover-background-color\\", - \\"value\\": \\"var(--amplify-components-searchfield-button-hover-background-color)\\" + "variable": "--amplify-components-collection-search-button-hover-background-color", + "value": "var(--amplify-components-searchfield-button-hover-background-color)" }, { - \\"variable\\": \\"--amplify-components-collection-search-button-hover-border-color\\", - \\"value\\": \\"var(--amplify-components-searchfield-button-hover-border-color)\\" + "variable": "--amplify-components-collection-search-button-hover-border-color", + "value": "var(--amplify-components-searchfield-button-hover-border-color)" }, { - \\"variable\\": \\"--amplify-components-collection-search-button-hover-color\\", - \\"value\\": \\"var(--amplify-components-searchfield-button-hover-color)\\" + "variable": "--amplify-components-collection-search-button-hover-color", + "value": "var(--amplify-components-searchfield-button-hover-color)" }, { - \\"variable\\": \\"--amplify-components-collection-search-input-color\\", - \\"value\\": \\"var(--amplify-components-searchfield-color)\\" + "variable": "--amplify-components-collection-search-input-color", + "value": "var(--amplify-components-searchfield-color)" }, { - \\"variable\\": \\"--amplify-components-copy-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-xs)\\" + "variable": "--amplify-components-copy-font-size", + "value": "var(--amplify-font-sizes-xs)" }, { - \\"variable\\": \\"--amplify-components-copy-gap\\", - \\"value\\": \\"var(--amplify-space-relative-medium)\\" + "variable": "--amplify-components-copy-gap", + "value": "var(--amplify-space-relative-medium)" }, { - \\"variable\\": \\"--amplify-components-copy-svg-path-fill\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-copy-svg-path-fill", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-copy-tool-tip-bottom\\", - \\"value\\": \\"var(--amplify-space-large)\\" + "variable": "--amplify-components-copy-tool-tip-bottom", + "value": "var(--amplify-space-large)" }, { - \\"variable\\": \\"--amplify-components-copy-tool-tip-color\\", - \\"value\\": \\"var(--amplify-colors-teal-100)\\" + "variable": "--amplify-components-copy-tool-tip-color", + "value": "var(--amplify-colors-teal-100)" }, { - \\"variable\\": \\"--amplify-components-copy-tool-tip-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-xxs)\\" + "variable": "--amplify-components-copy-tool-tip-font-size", + "value": "var(--amplify-font-sizes-xxs)" }, { - \\"variable\\": \\"--amplify-components-countrycodeselect-height\\", - \\"value\\": \\"var(--amplify-space-relative-full)\\" + "variable": "--amplify-components-countrycodeselect-height", + "value": "var(--amplify-space-relative-full)" }, { - \\"variable\\": \\"--amplify-components-divider-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-primary)\\" + "variable": "--amplify-components-divider-border-color", + "value": "var(--amplify-colors-border-primary)" }, { - \\"variable\\": \\"--amplify-components-divider-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-divider-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-divider-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-medium)\\" + "variable": "--amplify-components-divider-border-width", + "value": "var(--amplify-border-widths-medium)" }, { - \\"variable\\": \\"--amplify-components-divider-label-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-divider-label-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-divider-label-color\\", - \\"value\\": \\"var(--amplify-colors-font-tertiary)\\" + "variable": "--amplify-components-divider-label-color", + "value": "var(--amplify-colors-font-tertiary)" }, { - \\"variable\\": \\"--amplify-components-divider-label-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-small)\\" + "variable": "--amplify-components-divider-label-font-size", + "value": "var(--amplify-font-sizes-small)" }, { - \\"variable\\": \\"--amplify-components-divider-label-padding-inline\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-divider-label-padding-inline", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-divider-large-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-large)\\" + "variable": "--amplify-components-divider-large-border-width", + "value": "var(--amplify-border-widths-large)" }, { - \\"variable\\": \\"--amplify-components-divider-opacity\\", - \\"value\\": \\"var(--amplify-opacities-60)\\" + "variable": "--amplify-components-divider-opacity", + "value": "var(--amplify-opacities-60)" }, { - \\"variable\\": \\"--amplify-components-divider-small-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-divider-small-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-dropzone-accepted-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-success)\\" + "variable": "--amplify-components-dropzone-accepted-background-color", + "value": "var(--amplify-colors-background-success)" }, { - \\"variable\\": \\"--amplify-components-dropzone-accepted-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-success)\\" + "variable": "--amplify-components-dropzone-accepted-border-color", + "value": "var(--amplify-colors-border-success)" }, { - \\"variable\\": \\"--amplify-components-dropzone-accepted-border-radius\\", - \\"value\\": \\"var(--amplify-components-dropzone-border-radius)\\" + "variable": "--amplify-components-dropzone-accepted-border-radius", + "value": "var(--amplify-components-dropzone-border-radius)" }, { - \\"variable\\": \\"--amplify-components-dropzone-accepted-border-style\\", - \\"value\\": \\"var(--amplify-components-dropzone-border-style)\\" + "variable": "--amplify-components-dropzone-accepted-border-style", + "value": "var(--amplify-components-dropzone-border-style)" }, { - \\"variable\\": \\"--amplify-components-dropzone-accepted-border-width\\", - \\"value\\": \\"var(--amplify-components-dropzone-border-width)\\" + "variable": "--amplify-components-dropzone-accepted-border-width", + "value": "var(--amplify-components-dropzone-border-width)" }, { - \\"variable\\": \\"--amplify-components-dropzone-accepted-color\\", - \\"value\\": \\"var(--amplify-colors-font-success)\\" + "variable": "--amplify-components-dropzone-accepted-color", + "value": "var(--amplify-colors-font-success)" }, { - \\"variable\\": \\"--amplify-components-dropzone-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-10)\\" + "variable": "--amplify-components-dropzone-active-background-color", + "value": "var(--amplify-colors-brand-primary-10)" }, { - \\"variable\\": \\"--amplify-components-dropzone-active-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-pressed)\\" + "variable": "--amplify-components-dropzone-active-border-color", + "value": "var(--amplify-colors-border-pressed)" }, { - \\"variable\\": \\"--amplify-components-dropzone-active-border-radius\\", - \\"value\\": \\"var(--amplify-components-dropzone-border-radius)\\" + "variable": "--amplify-components-dropzone-active-border-radius", + "value": "var(--amplify-components-dropzone-border-radius)" }, { - \\"variable\\": \\"--amplify-components-dropzone-active-border-style\\", - \\"value\\": \\"var(--amplify-components-dropzone-border-style)\\" + "variable": "--amplify-components-dropzone-active-border-style", + "value": "var(--amplify-components-dropzone-border-style)" }, { - \\"variable\\": \\"--amplify-components-dropzone-active-border-width\\", - \\"value\\": \\"var(--amplify-components-dropzone-border-width)\\" + "variable": "--amplify-components-dropzone-active-border-width", + "value": "var(--amplify-components-dropzone-border-width)" }, { - \\"variable\\": \\"--amplify-components-dropzone-active-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-dropzone-active-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-dropzone-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-dropzone-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-dropzone-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-primary)\\" + "variable": "--amplify-components-dropzone-border-color", + "value": "var(--amplify-colors-border-primary)" }, { - \\"variable\\": \\"--amplify-components-dropzone-border-radius\\", - \\"value\\": \\"var(--amplify-radii-small)\\" + "variable": "--amplify-components-dropzone-border-radius", + "value": "var(--amplify-radii-small)" }, { - \\"variable\\": \\"--amplify-components-dropzone-border-style\\", - \\"value\\": \\"dashed\\" + "variable": "--amplify-components-dropzone-border-style", + "value": "dashed" }, { - \\"variable\\": \\"--amplify-components-dropzone-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-dropzone-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-dropzone-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-dropzone-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-dropzone-disabled-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-disabled)\\" + "variable": "--amplify-components-dropzone-disabled-background-color", + "value": "var(--amplify-colors-background-disabled)" }, { - \\"variable\\": \\"--amplify-components-dropzone-disabled-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-disabled)\\" + "variable": "--amplify-components-dropzone-disabled-border-color", + "value": "var(--amplify-colors-border-disabled)" }, { - \\"variable\\": \\"--amplify-components-dropzone-disabled-border-radius\\", - \\"value\\": \\"var(--amplify-components-dropzone-border-radius)\\" + "variable": "--amplify-components-dropzone-disabled-border-radius", + "value": "var(--amplify-components-dropzone-border-radius)" }, { - \\"variable\\": \\"--amplify-components-dropzone-disabled-border-style\\", - \\"value\\": \\"var(--amplify-components-dropzone-border-style)\\" + "variable": "--amplify-components-dropzone-disabled-border-style", + "value": "var(--amplify-components-dropzone-border-style)" }, { - \\"variable\\": \\"--amplify-components-dropzone-disabled-border-width\\", - \\"value\\": \\"var(--amplify-components-dropzone-border-width)\\" + "variable": "--amplify-components-dropzone-disabled-border-width", + "value": "var(--amplify-components-dropzone-border-width)" }, { - \\"variable\\": \\"--amplify-components-dropzone-disabled-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-dropzone-disabled-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-dropzone-gap\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-dropzone-gap", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-dropzone-padding-block\\", - \\"value\\": \\"var(--amplify-space-xl)\\" + "variable": "--amplify-components-dropzone-padding-block", + "value": "var(--amplify-space-xl)" }, { - \\"variable\\": \\"--amplify-components-dropzone-padding-inline\\", - \\"value\\": \\"var(--amplify-space-large)\\" + "variable": "--amplify-components-dropzone-padding-inline", + "value": "var(--amplify-space-large)" }, { - \\"variable\\": \\"--amplify-components-dropzone-rejected-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-error)\\" + "variable": "--amplify-components-dropzone-rejected-background-color", + "value": "var(--amplify-colors-background-error)" }, { - \\"variable\\": \\"--amplify-components-dropzone-rejected-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-pressed)\\" + "variable": "--amplify-components-dropzone-rejected-border-color", + "value": "var(--amplify-colors-border-pressed)" }, { - \\"variable\\": \\"--amplify-components-dropzone-rejected-border-radius\\", - \\"value\\": \\"var(--amplify-components-dropzone-border-radius)\\" + "variable": "--amplify-components-dropzone-rejected-border-radius", + "value": "var(--amplify-components-dropzone-border-radius)" }, { - \\"variable\\": \\"--amplify-components-dropzone-rejected-border-style\\", - \\"value\\": \\"var(--amplify-components-dropzone-border-style)\\" + "variable": "--amplify-components-dropzone-rejected-border-style", + "value": "var(--amplify-components-dropzone-border-style)" }, { - \\"variable\\": \\"--amplify-components-dropzone-rejected-border-width\\", - \\"value\\": \\"var(--amplify-components-dropzone-border-width)\\" + "variable": "--amplify-components-dropzone-rejected-border-width", + "value": "var(--amplify-components-dropzone-border-width)" }, { - \\"variable\\": \\"--amplify-components-dropzone-rejected-color\\", - \\"value\\": \\"var(--amplify-colors-font-error)\\" + "variable": "--amplify-components-dropzone-rejected-color", + "value": "var(--amplify-colors-font-error)" }, { - \\"variable\\": \\"--amplify-components-dropzone-text-align\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-dropzone-text-align", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-field-flex-direction\\", - \\"value\\": \\"column\\" + "variable": "--amplify-components-field-flex-direction", + "value": "column" }, { - \\"variable\\": \\"--amplify-components-field-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-field-font-size", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-field-gap\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-field-gap", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-field-label-color\\", - \\"value\\": \\"var(--amplify-colors-font-secondary)\\" + "variable": "--amplify-components-field-label-color", + "value": "var(--amplify-colors-font-secondary)" }, { - \\"variable\\": \\"--amplify-components-field-large-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-large)\\" + "variable": "--amplify-components-field-large-font-size", + "value": "var(--amplify-font-sizes-large)" }, { - \\"variable\\": \\"--amplify-components-field-large-gap\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-field-large-gap", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-field-small-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-small)\\" + "variable": "--amplify-components-field-small-font-size", + "value": "var(--amplify-font-sizes-small)" }, { - \\"variable\\": \\"--amplify-components-field-small-gap\\", - \\"value\\": \\"var(--amplify-space-xxxs)\\" + "variable": "--amplify-components-field-small-gap", + "value": "var(--amplify-space-xxxs)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-primary)\\" + "variable": "--amplify-components-fieldcontrol-border-color", + "value": "var(--amplify-colors-border-primary)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-border-radius\\", - \\"value\\": \\"var(--amplify-radii-small)\\" + "variable": "--amplify-components-fieldcontrol-border-radius", + "value": "var(--amplify-radii-small)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-fieldcontrol-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-fieldcontrol-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-fieldcontrol-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-disabled-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-disabled)\\" + "variable": "--amplify-components-fieldcontrol-disabled-background-color", + "value": "var(--amplify-colors-background-disabled)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-disabled-border-color\\", - \\"value\\": \\"var(--amplify-colors-transparent)\\" + "variable": "--amplify-components-fieldcontrol-disabled-border-color", + "value": "var(--amplify-colors-transparent)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-disabled-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-fieldcontrol-disabled-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-disabled-cursor\\", - \\"value\\": \\"not-allowed\\" + "variable": "--amplify-components-fieldcontrol-disabled-cursor", + "value": "not-allowed" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-error-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-error)\\" + "variable": "--amplify-components-fieldcontrol-error-border-color", + "value": "var(--amplify-colors-border-error)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-error-color\\", - \\"value\\": \\"var(--amplify-colors-font-error)\\" + "variable": "--amplify-components-fieldcontrol-error-color", + "value": "var(--amplify-colors-font-error)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-error-focus-box-shadow\\", - \\"value\\": \\"0px 0px 0px 1px var(--amplify-colors-border-error)\\" + "variable": "--amplify-components-fieldcontrol-error-focus-box-shadow", + "value": "0px 0px 0px 1px var(--amplify-colors-border-error)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-focus-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-focus)\\" + "variable": "--amplify-components-fieldcontrol-focus-border-color", + "value": "var(--amplify-colors-border-focus)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-focus-box-shadow\\", - \\"value\\": \\"0px 0px 0px 1px var(--amplify-colors-border-focus)\\" + "variable": "--amplify-components-fieldcontrol-focus-box-shadow", + "value": "0px 0px 0px 1px var(--amplify-colors-border-focus)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-font-size\\", - \\"value\\": \\"var(--amplify-components-field-font-size)\\" + "variable": "--amplify-components-fieldcontrol-font-size", + "value": "var(--amplify-components-field-font-size)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-large-font-size\\", - \\"value\\": \\"var(--amplify-components-field-large-font-size)\\" + "variable": "--amplify-components-fieldcontrol-large-font-size", + "value": "var(--amplify-components-field-large-font-size)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-large-padding-block-end\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-fieldcontrol-large-padding-block-end", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-large-padding-block-start\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-fieldcontrol-large-padding-block-start", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-large-padding-inline-end\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-fieldcontrol-large-padding-inline-end", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-large-padding-inline-start\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-fieldcontrol-large-padding-inline-start", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-line-height\\", - \\"value\\": \\"var(--amplify-line-heights-medium)\\" + "variable": "--amplify-components-fieldcontrol-line-height", + "value": "var(--amplify-line-heights-medium)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-outline-color\\", - \\"value\\": \\"var(--amplify-colors-transparent)\\" + "variable": "--amplify-components-fieldcontrol-outline-color", + "value": "var(--amplify-colors-transparent)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-outline-offset\\", - \\"value\\": \\"var(--amplify-outline-offsets-medium)\\" + "variable": "--amplify-components-fieldcontrol-outline-offset", + "value": "var(--amplify-outline-offsets-medium)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-outline-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-fieldcontrol-outline-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-outline-width\\", - \\"value\\": \\"var(--amplify-outline-widths-medium)\\" + "variable": "--amplify-components-fieldcontrol-outline-width", + "value": "var(--amplify-outline-widths-medium)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-padding-block-end\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-fieldcontrol-padding-block-end", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-padding-block-start\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-fieldcontrol-padding-block-start", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-padding-inline-end\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-fieldcontrol-padding-inline-end", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-padding-inline-start\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-fieldcontrol-padding-inline-start", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-quiet-border-block-start\\", - \\"value\\": \\"none\\" + "variable": "--amplify-components-fieldcontrol-quiet-border-block-start", + "value": "none" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-quiet-border-inline-end\\", - \\"value\\": \\"none\\" + "variable": "--amplify-components-fieldcontrol-quiet-border-inline-end", + "value": "none" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-quiet-border-inline-start\\", - \\"value\\": \\"none\\" + "variable": "--amplify-components-fieldcontrol-quiet-border-inline-start", + "value": "none" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-quiet-border-radius\\", - \\"value\\": \\"0\\" + "variable": "--amplify-components-fieldcontrol-quiet-border-radius", + "value": "0" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-quiet-border-style\\", - \\"value\\": \\"none\\" + "variable": "--amplify-components-fieldcontrol-quiet-border-style", + "value": "none" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-quiet-error-border-block-end-color\\", - \\"value\\": \\"var(--amplify-colors-border-error)\\" + "variable": "--amplify-components-fieldcontrol-quiet-error-border-block-end-color", + "value": "var(--amplify-colors-border-error)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-quiet-error-focus-box-shadow\\", - \\"value\\": \\"0px 1px 0px var(--amplify-colors-border-error)\\" + "variable": "--amplify-components-fieldcontrol-quiet-error-focus-box-shadow", + "value": "0px 1px 0px var(--amplify-colors-border-error)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-quiet-focus-border-block-end-color\\", - \\"value\\": \\"var(--amplify-colors-border-focus)\\" + "variable": "--amplify-components-fieldcontrol-quiet-focus-border-block-end-color", + "value": "var(--amplify-colors-border-focus)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-quiet-focus-box-shadow\\", - \\"value\\": \\"0px 1px 0px var(--amplify-colors-border-focus)\\" + "variable": "--amplify-components-fieldcontrol-quiet-focus-box-shadow", + "value": "0px 1px 0px var(--amplify-colors-border-focus)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-small-font-size\\", - \\"value\\": \\"var(--amplify-components-field-small-font-size)\\" + "variable": "--amplify-components-fieldcontrol-small-font-size", + "value": "var(--amplify-components-field-small-font-size)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-small-padding-block-end\\", - \\"value\\": \\"var(--amplify-space-xxs)\\" + "variable": "--amplify-components-fieldcontrol-small-padding-block-end", + "value": "var(--amplify-space-xxs)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-small-padding-block-start\\", - \\"value\\": \\"var(--amplify-space-xxs)\\" + "variable": "--amplify-components-fieldcontrol-small-padding-block-start", + "value": "var(--amplify-space-xxs)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-small-padding-inline-end\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-fieldcontrol-small-padding-inline-end", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-small-padding-inline-start\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-fieldcontrol-small-padding-inline-start", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-fieldcontrol-transition-duration\\", - \\"value\\": \\"var(--amplify-time-medium)\\" + "variable": "--amplify-components-fieldcontrol-transition-duration", + "value": "var(--amplify-time-medium)" }, { - \\"variable\\": \\"--amplify-components-fieldgroup-gap\\", - \\"value\\": \\"var(--amplify-space-zero)\\" + "variable": "--amplify-components-fieldgroup-gap", + "value": "var(--amplify-space-zero)" }, { - \\"variable\\": \\"--amplify-components-fieldgroup-outer-align-items\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-fieldgroup-outer-align-items", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-fieldgroup-vertical-align-items\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-fieldgroup-vertical-align-items", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-fieldmessages-description-color\\", - \\"value\\": \\"var(--amplify-colors-font-secondary)\\" + "variable": "--amplify-components-fieldmessages-description-color", + "value": "var(--amplify-colors-font-secondary)" }, { - \\"variable\\": \\"--amplify-components-fieldmessages-description-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-small)\\" + "variable": "--amplify-components-fieldmessages-description-font-size", + "value": "var(--amplify-font-sizes-small)" }, { - \\"variable\\": \\"--amplify-components-fieldmessages-description-font-style\\", - \\"value\\": \\"italic\\" + "variable": "--amplify-components-fieldmessages-description-font-style", + "value": "italic" }, { - \\"variable\\": \\"--amplify-components-fieldmessages-error-color\\", - \\"value\\": \\"var(--amplify-colors-font-error)\\" + "variable": "--amplify-components-fieldmessages-error-color", + "value": "var(--amplify-colors-font-error)" }, { - \\"variable\\": \\"--amplify-components-fieldmessages-error-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-small)\\" + "variable": "--amplify-components-fieldmessages-error-font-size", + "value": "var(--amplify-font-sizes-small)" }, { - \\"variable\\": \\"--amplify-components-fieldset-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-fieldset-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-fieldset-border-radius\\", - \\"value\\": \\"var(--amplify-radii-xs)\\" + "variable": "--amplify-components-fieldset-border-radius", + "value": "var(--amplify-radii-xs)" }, { - \\"variable\\": \\"--amplify-components-fieldset-flex-direction\\", - \\"value\\": \\"column\\" + "variable": "--amplify-components-fieldset-flex-direction", + "value": "column" }, { - \\"variable\\": \\"--amplify-components-fieldset-gap\\", - \\"value\\": \\"var(--amplify-components-field-gap)\\" + "variable": "--amplify-components-fieldset-gap", + "value": "var(--amplify-components-field-gap)" }, { - \\"variable\\": \\"--amplify-components-fieldset-large-gap\\", - \\"value\\": \\"var(--amplify-components-field-large-gap)\\" + "variable": "--amplify-components-fieldset-large-gap", + "value": "var(--amplify-components-field-large-gap)" }, { - \\"variable\\": \\"--amplify-components-fieldset-legend-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-fieldset-legend-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-fieldset-legend-font-size\\", - \\"value\\": \\"var(--amplify-components-field-font-size)\\" + "variable": "--amplify-components-fieldset-legend-font-size", + "value": "var(--amplify-components-field-font-size)" }, { - \\"variable\\": \\"--amplify-components-fieldset-legend-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-bold)\\" + "variable": "--amplify-components-fieldset-legend-font-weight", + "value": "var(--amplify-font-weights-bold)" }, { - \\"variable\\": \\"--amplify-components-fieldset-legend-large-font-size\\", - \\"value\\": \\"var(--amplify-components-field-large-font-size)\\" + "variable": "--amplify-components-fieldset-legend-large-font-size", + "value": "var(--amplify-components-field-large-font-size)" }, { - \\"variable\\": \\"--amplify-components-fieldset-legend-line-height\\", - \\"value\\": \\"var(--amplify-line-heights-medium)\\" + "variable": "--amplify-components-fieldset-legend-line-height", + "value": "var(--amplify-line-heights-medium)" }, { - \\"variable\\": \\"--amplify-components-fieldset-legend-small-font-size\\", - \\"value\\": \\"var(--amplify-components-field-small-font-size)\\" + "variable": "--amplify-components-fieldset-legend-small-font-size", + "value": "var(--amplify-components-field-small-font-size)" }, { - \\"variable\\": \\"--amplify-components-fieldset-outlined-border-color\\", - \\"value\\": \\"var(--amplify-colors-neutral-40)\\" + "variable": "--amplify-components-fieldset-outlined-border-color", + "value": "var(--amplify-colors-neutral-40)" }, { - \\"variable\\": \\"--amplify-components-fieldset-outlined-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-fieldset-outlined-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-fieldset-outlined-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-fieldset-outlined-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-fieldset-outlined-large-padding\\", - \\"value\\": \\"var(--amplify-space-large)\\" + "variable": "--amplify-components-fieldset-outlined-large-padding", + "value": "var(--amplify-space-large)" }, { - \\"variable\\": \\"--amplify-components-fieldset-outlined-padding\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-fieldset-outlined-padding", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-fieldset-outlined-small-padding\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-fieldset-outlined-small-padding", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-fieldset-small-gap\\", - \\"value\\": \\"var(--amplify-components-field-small-gap)\\" + "variable": "--amplify-components-fieldset-small-gap", + "value": "var(--amplify-components-field-small-gap)" }, { - \\"variable\\": \\"--amplify-components-flex-align-content\\", - \\"value\\": \\"normal\\" + "variable": "--amplify-components-flex-align-content", + "value": "normal" }, { - \\"variable\\": \\"--amplify-components-flex-align-items\\", - \\"value\\": \\"stretch\\" + "variable": "--amplify-components-flex-align-items", + "value": "stretch" }, { - \\"variable\\": \\"--amplify-components-flex-flex-wrap\\", - \\"value\\": \\"nowrap\\" + "variable": "--amplify-components-flex-flex-wrap", + "value": "nowrap" }, { - \\"variable\\": \\"--amplify-components-flex-gap\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-flex-gap", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-flex-justify-content\\", - \\"value\\": \\"normal\\" + "variable": "--amplify-components-flex-justify-content", + "value": "normal" }, { - \\"variable\\": \\"--amplify-components-heading-1-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-xxxxl)\\" + "variable": "--amplify-components-heading-1-font-size", + "value": "var(--amplify-font-sizes-xxxxl)" }, { - \\"variable\\": \\"--amplify-components-heading-1-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-light)\\" + "variable": "--amplify-components-heading-1-font-weight", + "value": "var(--amplify-font-weights-light)" }, { - \\"variable\\": \\"--amplify-components-heading-2-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-xxxl)\\" + "variable": "--amplify-components-heading-2-font-size", + "value": "var(--amplify-font-sizes-xxxl)" }, { - \\"variable\\": \\"--amplify-components-heading-2-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-normal)\\" + "variable": "--amplify-components-heading-2-font-weight", + "value": "var(--amplify-font-weights-normal)" }, { - \\"variable\\": \\"--amplify-components-heading-3-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-xxl)\\" + "variable": "--amplify-components-heading-3-font-size", + "value": "var(--amplify-font-sizes-xxl)" }, { - \\"variable\\": \\"--amplify-components-heading-3-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-medium)\\" + "variable": "--amplify-components-heading-3-font-weight", + "value": "var(--amplify-font-weights-medium)" }, { - \\"variable\\": \\"--amplify-components-heading-4-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-xl)\\" + "variable": "--amplify-components-heading-4-font-size", + "value": "var(--amplify-font-sizes-xl)" }, { - \\"variable\\": \\"--amplify-components-heading-4-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-semibold)\\" + "variable": "--amplify-components-heading-4-font-weight", + "value": "var(--amplify-font-weights-semibold)" }, { - \\"variable\\": \\"--amplify-components-heading-5-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-large)\\" + "variable": "--amplify-components-heading-5-font-size", + "value": "var(--amplify-font-sizes-large)" }, { - \\"variable\\": \\"--amplify-components-heading-5-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-bold)\\" + "variable": "--amplify-components-heading-5-font-weight", + "value": "var(--amplify-font-weights-bold)" }, { - \\"variable\\": \\"--amplify-components-heading-6-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-heading-6-font-size", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-heading-6-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-extrabold)\\" + "variable": "--amplify-components-heading-6-font-weight", + "value": "var(--amplify-font-weights-extrabold)" }, { - \\"variable\\": \\"--amplify-components-heading-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-heading-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-heading-line-height\\", - \\"value\\": \\"var(--amplify-line-heights-small)\\" + "variable": "--amplify-components-heading-line-height", + "value": "var(--amplify-line-heights-small)" }, { - \\"variable\\": \\"--amplify-components-highlightmatch-highlighted-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-bold)\\" + "variable": "--amplify-components-highlightmatch-highlighted-font-weight", + "value": "var(--amplify-font-weights-bold)" }, { - \\"variable\\": \\"--amplify-components-icon-height\\", - \\"value\\": \\"1em\\" + "variable": "--amplify-components-icon-height", + "value": "1em" }, { - \\"variable\\": \\"--amplify-components-icon-line-height\\", - \\"value\\": \\"1\\" + "variable": "--amplify-components-icon-line-height", + "value": "1" }, { - \\"variable\\": \\"--amplify-components-image-height\\", - \\"value\\": \\"auto\\" + "variable": "--amplify-components-image-height", + "value": "auto" }, { - \\"variable\\": \\"--amplify-components-image-max-width\\", - \\"value\\": \\"100%\\" + "variable": "--amplify-components-image-max-width", + "value": "100%" }, { - \\"variable\\": \\"--amplify-components-image-object-fit\\", - \\"value\\": \\"initial\\" + "variable": "--amplify-components-image-object-fit", + "value": "initial" }, { - \\"variable\\": \\"--amplify-components-image-object-position\\", - \\"value\\": \\"initial\\" + "variable": "--amplify-components-image-object-position", + "value": "initial" }, { - \\"variable\\": \\"--amplify-components-inappmessaging-banner-height\\", - \\"value\\": \\"150px \\" + "variable": "--amplify-components-inappmessaging-banner-height", + "value": "150px " }, { - \\"variable\\": \\"--amplify-components-inappmessaging-banner-width\\", - \\"value\\": \\"400px \\" + "variable": "--amplify-components-inappmessaging-banner-width", + "value": "400px " }, { - \\"variable\\": \\"--amplify-components-inappmessaging-button-background-color\\", - \\"value\\": \\"#e8e8e8\\" + "variable": "--amplify-components-inappmessaging-button-background-color", + "value": "#e8e8e8" }, { - \\"variable\\": \\"--amplify-components-inappmessaging-button-border-radius\\", - \\"value\\": \\"5px\\" + "variable": "--amplify-components-inappmessaging-button-border-radius", + "value": "5px" }, { - \\"variable\\": \\"--amplify-components-inappmessaging-button-color\\", - \\"value\\": \\"black\\" + "variable": "--amplify-components-inappmessaging-button-color", + "value": "black" }, { - \\"variable\\": \\"--amplify-components-inappmessaging-dialog-height\\", - \\"value\\": \\"50vh\\" + "variable": "--amplify-components-inappmessaging-dialog-height", + "value": "50vh" }, { - \\"variable\\": \\"--amplify-components-inappmessaging-dialog-min-height\\", - \\"value\\": \\"400px\\" + "variable": "--amplify-components-inappmessaging-dialog-min-height", + "value": "400px" }, { - \\"variable\\": \\"--amplify-components-inappmessaging-dialog-min-width\\", - \\"value\\": \\"400px\\" + "variable": "--amplify-components-inappmessaging-dialog-min-width", + "value": "400px" }, { - \\"variable\\": \\"--amplify-components-inappmessaging-dialog-width\\", - \\"value\\": \\"30vw\\" + "variable": "--amplify-components-inappmessaging-dialog-width", + "value": "30vw" }, { - \\"variable\\": \\"--amplify-components-inappmessaging-header-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-inappmessaging-header-font-size", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-inappmessaging-header-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-extrabold)\\" + "variable": "--amplify-components-inappmessaging-header-font-weight", + "value": "var(--amplify-font-weights-extrabold)" }, { - \\"variable\\": \\"--amplify-components-input-border-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-border-color)\\" + "variable": "--amplify-components-input-border-color", + "value": "var(--amplify-components-fieldcontrol-border-color)" }, { - \\"variable\\": \\"--amplify-components-input-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-color)\\" + "variable": "--amplify-components-input-color", + "value": "var(--amplify-components-fieldcontrol-color)" }, { - \\"variable\\": \\"--amplify-components-input-focus-border-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-focus-border-color)\\" + "variable": "--amplify-components-input-focus-border-color", + "value": "var(--amplify-components-fieldcontrol-focus-border-color)" }, { - \\"variable\\": \\"--amplify-components-input-font-size\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-font-size)\\" + "variable": "--amplify-components-input-font-size", + "value": "var(--amplify-components-fieldcontrol-font-size)" }, { - \\"variable\\": \\"--amplify-components-link-active-color\\", - \\"value\\": \\"var(--amplify-colors-font-active)\\" + "variable": "--amplify-components-link-active-color", + "value": "var(--amplify-colors-font-active)" }, { - \\"variable\\": \\"--amplify-components-link-color\\", - \\"value\\": \\"var(--amplify-colors-font-interactive)\\" + "variable": "--amplify-components-link-color", + "value": "var(--amplify-colors-font-interactive)" }, { - \\"variable\\": \\"--amplify-components-link-focus-color\\", - \\"value\\": \\"var(--amplify-colors-font-focus)\\" + "variable": "--amplify-components-link-focus-color", + "value": "var(--amplify-colors-font-focus)" }, { - \\"variable\\": \\"--amplify-components-link-hover-color\\", - \\"value\\": \\"var(--amplify-colors-font-hover)\\" + "variable": "--amplify-components-link-hover-color", + "value": "var(--amplify-colors-font-hover)" }, { - \\"variable\\": \\"--amplify-components-link-visited-color\\", - \\"value\\": \\"var(--amplify-colors-font-interactive)\\" + "variable": "--amplify-components-link-visited-color", + "value": "var(--amplify-colors-font-interactive)" }, { - \\"variable\\": \\"--amplify-components-liveness-camera-module-background-color\\", - \\"value\\": \\"var(--amplify-colors-black)\\" + "variable": "--amplify-components-liveness-camera-module-background-color", + "value": "var(--amplify-colors-black)" }, { - \\"variable\\": \\"--amplify-components-loader-animation-duration\\", - \\"value\\": \\"1s\\" + "variable": "--amplify-components-loader-animation-duration", + "value": "1s" }, { - \\"variable\\": \\"--amplify-components-loader-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-xs)\\" + "variable": "--amplify-components-loader-font-size", + "value": "var(--amplify-font-sizes-xs)" }, { - \\"variable\\": \\"--amplify-components-loader-height\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-loader-height", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-loader-large-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-small)\\" + "variable": "--amplify-components-loader-large-font-size", + "value": "var(--amplify-font-sizes-small)" }, { - \\"variable\\": \\"--amplify-components-loader-large-height\\", - \\"value\\": \\"var(--amplify-font-sizes-large)\\" + "variable": "--amplify-components-loader-large-height", + "value": "var(--amplify-font-sizes-large)" }, { - \\"variable\\": \\"--amplify-components-loader-large-width\\", - \\"value\\": \\"var(--amplify-font-sizes-large)\\" + "variable": "--amplify-components-loader-large-width", + "value": "var(--amplify-font-sizes-large)" }, { - \\"variable\\": \\"--amplify-components-loader-linear-animation-duration\\", - \\"value\\": \\"1s\\" + "variable": "--amplify-components-loader-linear-animation-duration", + "value": "1s" }, { - \\"variable\\": \\"--amplify-components-loader-linear-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-xxs)\\" + "variable": "--amplify-components-loader-linear-font-size", + "value": "var(--amplify-font-sizes-xxs)" }, { - \\"variable\\": \\"--amplify-components-loader-linear-large-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-xs)\\" + "variable": "--amplify-components-loader-linear-large-font-size", + "value": "var(--amplify-font-sizes-xs)" }, { - \\"variable\\": \\"--amplify-components-loader-linear-large-stroke-width\\", - \\"value\\": \\"var(--amplify-font-sizes-xs)\\" + "variable": "--amplify-components-loader-linear-large-stroke-width", + "value": "var(--amplify-font-sizes-xs)" }, { - \\"variable\\": \\"--amplify-components-loader-linear-min-width\\", - \\"value\\": \\"5rem\\" + "variable": "--amplify-components-loader-linear-min-width", + "value": "5rem" }, { - \\"variable\\": \\"--amplify-components-loader-linear-small-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-xxxs)\\" + "variable": "--amplify-components-loader-linear-small-font-size", + "value": "var(--amplify-font-sizes-xxxs)" }, { - \\"variable\\": \\"--amplify-components-loader-linear-small-stroke-width\\", - \\"value\\": \\"var(--amplify-font-sizes-xxxs)\\" + "variable": "--amplify-components-loader-linear-small-stroke-width", + "value": "var(--amplify-font-sizes-xxxs)" }, { - \\"variable\\": \\"--amplify-components-loader-linear-stroke-empty\\", - \\"value\\": \\"var(--amplify-colors-neutral-20)\\" + "variable": "--amplify-components-loader-linear-stroke-empty", + "value": "var(--amplify-colors-neutral-20)" }, { - \\"variable\\": \\"--amplify-components-loader-linear-stroke-filled\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-80)\\" + "variable": "--amplify-components-loader-linear-stroke-filled", + "value": "var(--amplify-colors-brand-primary-80)" }, { - \\"variable\\": \\"--amplify-components-loader-linear-stroke-linecap\\", - \\"value\\": \\"round\\" + "variable": "--amplify-components-loader-linear-stroke-linecap", + "value": "round" }, { - \\"variable\\": \\"--amplify-components-loader-linear-stroke-width\\", - \\"value\\": \\"var(--amplify-font-sizes-xxs)\\" + "variable": "--amplify-components-loader-linear-stroke-width", + "value": "var(--amplify-font-sizes-xxs)" }, { - \\"variable\\": \\"--amplify-components-loader-linear-width\\", - \\"value\\": \\"100%\\" + "variable": "--amplify-components-loader-linear-width", + "value": "100%" }, { - \\"variable\\": \\"--amplify-components-loader-small-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-xxs)\\" + "variable": "--amplify-components-loader-small-font-size", + "value": "var(--amplify-font-sizes-xxs)" }, { - \\"variable\\": \\"--amplify-components-loader-small-height\\", - \\"value\\": \\"var(--amplify-font-sizes-small)\\" + "variable": "--amplify-components-loader-small-height", + "value": "var(--amplify-font-sizes-small)" }, { - \\"variable\\": \\"--amplify-components-loader-small-width\\", - \\"value\\": \\"var(--amplify-font-sizes-small)\\" + "variable": "--amplify-components-loader-small-width", + "value": "var(--amplify-font-sizes-small)" }, { - \\"variable\\": \\"--amplify-components-loader-stroke-empty\\", - \\"value\\": \\"var(--amplify-colors-neutral-20)\\" + "variable": "--amplify-components-loader-stroke-empty", + "value": "var(--amplify-colors-neutral-20)" }, { - \\"variable\\": \\"--amplify-components-loader-stroke-filled\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-80)\\" + "variable": "--amplify-components-loader-stroke-filled", + "value": "var(--amplify-colors-brand-primary-80)" }, { - \\"variable\\": \\"--amplify-components-loader-stroke-linecap\\", - \\"value\\": \\"round\\" + "variable": "--amplify-components-loader-stroke-linecap", + "value": "round" }, { - \\"variable\\": \\"--amplify-components-loader-text-fill\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-loader-text-fill", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-loader-width\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-loader-width", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-menu-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-menu-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-menu-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-primary)\\" + "variable": "--amplify-components-menu-border-color", + "value": "var(--amplify-colors-border-primary)" }, { - \\"variable\\": \\"--amplify-components-menu-border-radius\\", - \\"value\\": \\"var(--amplify-radii-medium)\\" + "variable": "--amplify-components-menu-border-radius", + "value": "var(--amplify-radii-medium)" }, { - \\"variable\\": \\"--amplify-components-menu-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-menu-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-menu-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-menu-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-menu-box-shadow\\", - \\"value\\": \\"var(--amplify-shadows-large)\\" + "variable": "--amplify-components-menu-box-shadow", + "value": "var(--amplify-shadows-large)" }, { - \\"variable\\": \\"--amplify-components-menu-flex-direction\\", - \\"value\\": \\"column\\" + "variable": "--amplify-components-menu-flex-direction", + "value": "column" }, { - \\"variable\\": \\"--amplify-components-menu-gap\\", - \\"value\\": \\"var(--amplify-space-zero)\\" + "variable": "--amplify-components-menu-gap", + "value": "var(--amplify-space-zero)" }, { - \\"variable\\": \\"--amplify-components-menu-item-min-height\\", - \\"value\\": \\"2.5rem\\" + "variable": "--amplify-components-menu-item-min-height", + "value": "2.5rem" }, { - \\"variable\\": \\"--amplify-components-menu-item-padding-inline-end\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-menu-item-padding-inline-end", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-menu-item-padding-inline-start\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-menu-item-padding-inline-start", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-menu-large-height\\", - \\"value\\": \\"var(--amplify-font-sizes-xxxl)\\" + "variable": "--amplify-components-menu-large-height", + "value": "var(--amplify-font-sizes-xxxl)" }, { - \\"variable\\": \\"--amplify-components-menu-large-width\\", - \\"value\\": \\"var(--amplify-font-sizes-xxxl)\\" + "variable": "--amplify-components-menu-large-width", + "value": "var(--amplify-font-sizes-xxxl)" }, { - \\"variable\\": \\"--amplify-components-menu-max-width\\", - \\"value\\": \\"30rem\\" + "variable": "--amplify-components-menu-max-width", + "value": "30rem" }, { - \\"variable\\": \\"--amplify-components-menu-min-width\\", - \\"value\\": \\"14rem\\" + "variable": "--amplify-components-menu-min-width", + "value": "14rem" }, { - \\"variable\\": \\"--amplify-components-menu-small-height\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-menu-small-height", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-menu-small-width\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-menu-small-width", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-message-align-items\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-message-align-items", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-message-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-tertiary)\\" + "variable": "--amplify-components-message-background-color", + "value": "var(--amplify-colors-background-tertiary)" }, { - \\"variable\\": \\"--amplify-components-message-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-message-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-message-border-radius\\", - \\"value\\": \\"var(--amplify-radii-xs)\\" + "variable": "--amplify-components-message-border-radius", + "value": "var(--amplify-radii-xs)" }, { - \\"variable\\": \\"--amplify-components-message-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-message-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-message-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-message-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-message-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-message-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-message-dismiss-gap\\", - \\"value\\": \\"var(--amplify-space-xxs)\\" + "variable": "--amplify-components-message-dismiss-gap", + "value": "var(--amplify-space-xxs)" }, { - \\"variable\\": \\"--amplify-components-message-filled-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-secondary)\\" + "variable": "--amplify-components-message-filled-background-color", + "value": "var(--amplify-colors-background-secondary)" }, { - \\"variable\\": \\"--amplify-components-message-filled-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-message-filled-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-message-filled-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-message-filled-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-message-filled-error-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-error)\\" + "variable": "--amplify-components-message-filled-error-background-color", + "value": "var(--amplify-colors-background-error)" }, { - \\"variable\\": \\"--amplify-components-message-filled-error-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-message-filled-error-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-message-filled-error-color\\", - \\"value\\": \\"var(--amplify-colors-font-error)\\" + "variable": "--amplify-components-message-filled-error-color", + "value": "var(--amplify-colors-font-error)" }, { - \\"variable\\": \\"--amplify-components-message-filled-info-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-info)\\" + "variable": "--amplify-components-message-filled-info-background-color", + "value": "var(--amplify-colors-background-info)" }, { - \\"variable\\": \\"--amplify-components-message-filled-info-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-message-filled-info-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-message-filled-info-color\\", - \\"value\\": \\"var(--amplify-colors-font-info)\\" + "variable": "--amplify-components-message-filled-info-color", + "value": "var(--amplify-colors-font-info)" }, { - \\"variable\\": \\"--amplify-components-message-filled-success-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-success)\\" + "variable": "--amplify-components-message-filled-success-background-color", + "value": "var(--amplify-colors-background-success)" }, { - \\"variable\\": \\"--amplify-components-message-filled-success-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-message-filled-success-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-message-filled-success-color\\", - \\"value\\": \\"var(--amplify-colors-font-success)\\" + "variable": "--amplify-components-message-filled-success-color", + "value": "var(--amplify-colors-font-success)" }, { - \\"variable\\": \\"--amplify-components-message-filled-warning-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-warning)\\" + "variable": "--amplify-components-message-filled-warning-background-color", + "value": "var(--amplify-colors-background-warning)" }, { - \\"variable\\": \\"--amplify-components-message-filled-warning-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-message-filled-warning-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-message-filled-warning-color\\", - \\"value\\": \\"var(--amplify-colors-font-warning)\\" + "variable": "--amplify-components-message-filled-warning-color", + "value": "var(--amplify-colors-font-warning)" }, { - \\"variable\\": \\"--amplify-components-message-heading-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-message-heading-font-size", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-message-heading-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-bold)\\" + "variable": "--amplify-components-message-heading-font-weight", + "value": "var(--amplify-font-weights-bold)" }, { - \\"variable\\": \\"--amplify-components-message-icon-size\\", - \\"value\\": \\"var(--amplify-font-sizes-xl)\\" + "variable": "--amplify-components-message-icon-size", + "value": "var(--amplify-font-sizes-xl)" }, { - \\"variable\\": \\"--amplify-components-message-justify-content\\", - \\"value\\": \\"flex-start\\" + "variable": "--amplify-components-message-justify-content", + "value": "flex-start" }, { - \\"variable\\": \\"--amplify-components-message-line-height\\", - \\"value\\": \\"var(--amplify-line-heights-small)\\" + "variable": "--amplify-components-message-line-height", + "value": "var(--amplify-line-heights-small)" }, { - \\"variable\\": \\"--amplify-components-message-outlined-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-message-outlined-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-message-outlined-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-primary)\\" + "variable": "--amplify-components-message-outlined-border-color", + "value": "var(--amplify-colors-border-primary)" }, { - \\"variable\\": \\"--amplify-components-message-outlined-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-message-outlined-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-message-outlined-error-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-message-outlined-error-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-message-outlined-error-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-error)\\" + "variable": "--amplify-components-message-outlined-error-border-color", + "value": "var(--amplify-colors-border-error)" }, { - \\"variable\\": \\"--amplify-components-message-outlined-error-color\\", - \\"value\\": \\"var(--amplify-colors-font-error)\\" + "variable": "--amplify-components-message-outlined-error-color", + "value": "var(--amplify-colors-font-error)" }, { - \\"variable\\": \\"--amplify-components-message-outlined-info-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-message-outlined-info-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-message-outlined-info-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-info)\\" + "variable": "--amplify-components-message-outlined-info-border-color", + "value": "var(--amplify-colors-border-info)" }, { - \\"variable\\": \\"--amplify-components-message-outlined-info-color\\", - \\"value\\": \\"var(--amplify-colors-font-info)\\" + "variable": "--amplify-components-message-outlined-info-color", + "value": "var(--amplify-colors-font-info)" }, { - \\"variable\\": \\"--amplify-components-message-outlined-success-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-message-outlined-success-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-message-outlined-success-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-success)\\" + "variable": "--amplify-components-message-outlined-success-border-color", + "value": "var(--amplify-colors-border-success)" }, { - \\"variable\\": \\"--amplify-components-message-outlined-success-color\\", - \\"value\\": \\"var(--amplify-colors-font-success)\\" + "variable": "--amplify-components-message-outlined-success-color", + "value": "var(--amplify-colors-font-success)" }, { - \\"variable\\": \\"--amplify-components-message-outlined-warning-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-message-outlined-warning-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-message-outlined-warning-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-warning)\\" + "variable": "--amplify-components-message-outlined-warning-border-color", + "value": "var(--amplify-colors-border-warning)" }, { - \\"variable\\": \\"--amplify-components-message-outlined-warning-color\\", - \\"value\\": \\"var(--amplify-colors-font-warning)\\" + "variable": "--amplify-components-message-outlined-warning-color", + "value": "var(--amplify-colors-font-warning)" }, { - \\"variable\\": \\"--amplify-components-message-padding-block\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-message-padding-block", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-message-padding-inline\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-message-padding-inline", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-message-plain-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-message-plain-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-message-plain-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-message-plain-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-message-plain-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-message-plain-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-message-plain-error-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-message-plain-error-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-message-plain-error-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-message-plain-error-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-message-plain-error-color\\", - \\"value\\": \\"var(--amplify-colors-font-error)\\" + "variable": "--amplify-components-message-plain-error-color", + "value": "var(--amplify-colors-font-error)" }, { - \\"variable\\": \\"--amplify-components-message-plain-info-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-message-plain-info-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-message-plain-info-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-message-plain-info-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-message-plain-info-color\\", - \\"value\\": \\"var(--amplify-colors-font-info)\\" + "variable": "--amplify-components-message-plain-info-color", + "value": "var(--amplify-colors-font-info)" }, { - \\"variable\\": \\"--amplify-components-message-plain-success-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-message-plain-success-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-message-plain-success-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-message-plain-success-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-message-plain-success-color\\", - \\"value\\": \\"var(--amplify-colors-font-success)\\" + "variable": "--amplify-components-message-plain-success-color", + "value": "var(--amplify-colors-font-success)" }, { - \\"variable\\": \\"--amplify-components-message-plain-warning-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-message-plain-warning-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-message-plain-warning-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-message-plain-warning-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-message-plain-warning-color\\", - \\"value\\": \\"var(--amplify-colors-font-warning)\\" + "variable": "--amplify-components-message-plain-warning-color", + "value": "var(--amplify-colors-font-warning)" }, { - \\"variable\\": \\"--amplify-components-pagination-button-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-pagination-button-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-pagination-button-disabled-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-pagination-button-disabled-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-pagination-button-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-10)\\" + "variable": "--amplify-components-pagination-button-hover-background-color", + "value": "var(--amplify-colors-overlay-10)" }, { - \\"variable\\": \\"--amplify-components-pagination-button-hover-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-pagination-button-hover-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-pagination-button-padding-inline-end\\", - \\"value\\": \\"var(--amplify-space-xxs)\\" + "variable": "--amplify-components-pagination-button-padding-inline-end", + "value": "var(--amplify-space-xxs)" }, { - \\"variable\\": \\"--amplify-components-pagination-button-padding-inline-start\\", - \\"value\\": \\"var(--amplify-space-xxs)\\" + "variable": "--amplify-components-pagination-button-padding-inline-start", + "value": "var(--amplify-space-xxs)" }, { - \\"variable\\": \\"--amplify-components-pagination-button-transition-duration\\", - \\"value\\": \\"var(--amplify-time-medium)\\" + "variable": "--amplify-components-pagination-button-transition-duration", + "value": "var(--amplify-time-medium)" }, { - \\"variable\\": \\"--amplify-components-pagination-button-transition-property\\", - \\"value\\": \\"background-color\\" + "variable": "--amplify-components-pagination-button-transition-property", + "value": "background-color" }, { - \\"variable\\": \\"--amplify-components-pagination-current-align-items\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-pagination-current-align-items", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-pagination-current-background-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-40)\\" + "variable": "--amplify-components-pagination-current-background-color", + "value": "var(--amplify-colors-overlay-40)" }, { - \\"variable\\": \\"--amplify-components-pagination-current-color\\", - \\"value\\": \\"var(--amplify-colors-font-inverse)\\" + "variable": "--amplify-components-pagination-current-color", + "value": "var(--amplify-colors-font-inverse)" }, { - \\"variable\\": \\"--amplify-components-pagination-current-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-small)\\" + "variable": "--amplify-components-pagination-current-font-size", + "value": "var(--amplify-font-sizes-small)" }, { - \\"variable\\": \\"--amplify-components-pagination-current-justify-content\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-pagination-current-justify-content", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-pagination-ellipsis-align-items\\", - \\"value\\": \\"baseline\\" + "variable": "--amplify-components-pagination-ellipsis-align-items", + "value": "baseline" }, { - \\"variable\\": \\"--amplify-components-pagination-ellipsis-justify-content\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-pagination-ellipsis-justify-content", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-pagination-ellipsis-padding-inline-end\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-pagination-ellipsis-padding-inline-end", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-pagination-ellipsis-padding-inline-start\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-pagination-ellipsis-padding-inline-start", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-pagination-item-container-margin-left\\", - \\"value\\": \\"var(--amplify-space-xxxs)\\" + "variable": "--amplify-components-pagination-item-container-margin-left", + "value": "var(--amplify-space-xxxs)" }, { - \\"variable\\": \\"--amplify-components-pagination-item-container-margin-right\\", - \\"value\\": \\"var(--amplify-space-xxxs)\\" + "variable": "--amplify-components-pagination-item-container-margin-right", + "value": "var(--amplify-space-xxxs)" }, { - \\"variable\\": \\"--amplify-components-pagination-item-shared-border-radius\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-pagination-item-shared-border-radius", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-pagination-item-shared-height\\", - \\"value\\": \\"var(--amplify-font-sizes-xxl)\\" + "variable": "--amplify-components-pagination-item-shared-height", + "value": "var(--amplify-font-sizes-xxl)" }, { - \\"variable\\": \\"--amplify-components-pagination-item-shared-min-width\\", - \\"value\\": \\"var(--amplify-font-sizes-xxl)\\" + "variable": "--amplify-components-pagination-item-shared-min-width", + "value": "var(--amplify-font-sizes-xxl)" }, { - \\"variable\\": \\"--amplify-components-passwordfield-button-active-background-color\\", - \\"value\\": \\"var(--amplify-components-button-active-background-color)\\" + "variable": "--amplify-components-passwordfield-button-active-background-color", + "value": "var(--amplify-components-button-active-background-color)" }, { - \\"variable\\": \\"--amplify-components-passwordfield-button-active-border-color\\", - \\"value\\": \\"var(--amplify-components-button-active-border-color)\\" + "variable": "--amplify-components-passwordfield-button-active-border-color", + "value": "var(--amplify-components-button-active-border-color)" }, { - \\"variable\\": \\"--amplify-components-passwordfield-button-active-color\\", - \\"value\\": \\"var(--amplify-components-button-active-color)\\" + "variable": "--amplify-components-passwordfield-button-active-color", + "value": "var(--amplify-components-button-active-color)" }, { - \\"variable\\": \\"--amplify-components-passwordfield-button-color\\", - \\"value\\": \\"var(--amplify-components-button-color)\\" + "variable": "--amplify-components-passwordfield-button-color", + "value": "var(--amplify-components-button-color)" }, { - \\"variable\\": \\"--amplify-components-passwordfield-button-disabled-background-color\\", - \\"value\\": \\"var(--amplify-components-button-disabled-background-color)\\" + "variable": "--amplify-components-passwordfield-button-disabled-background-color", + "value": "var(--amplify-components-button-disabled-background-color)" }, { - \\"variable\\": \\"--amplify-components-passwordfield-button-disabled-border-color\\", - \\"value\\": \\"var(--amplify-components-button-disabled-border-color)\\" + "variable": "--amplify-components-passwordfield-button-disabled-border-color", + "value": "var(--amplify-components-button-disabled-border-color)" }, { - \\"variable\\": \\"--amplify-components-passwordfield-button-disabled-color\\", - \\"value\\": \\"var(--amplify-components-button-disabled-color)\\" + "variable": "--amplify-components-passwordfield-button-disabled-color", + "value": "var(--amplify-components-button-disabled-color)" }, { - \\"variable\\": \\"--amplify-components-passwordfield-button-focus-background-color\\", - \\"value\\": \\"var(--amplify-components-button-focus-background-color)\\" + "variable": "--amplify-components-passwordfield-button-focus-background-color", + "value": "var(--amplify-components-button-focus-background-color)" }, { - \\"variable\\": \\"--amplify-components-passwordfield-button-focus-border-color\\", - \\"value\\": \\"var(--amplify-components-button-focus-border-color)\\" + "variable": "--amplify-components-passwordfield-button-focus-border-color", + "value": "var(--amplify-components-button-focus-border-color)" }, { - \\"variable\\": \\"--amplify-components-passwordfield-button-focus-color\\", - \\"value\\": \\"var(--amplify-components-button-focus-color)\\" + "variable": "--amplify-components-passwordfield-button-focus-color", + "value": "var(--amplify-components-button-focus-color)" }, { - \\"variable\\": \\"--amplify-components-passwordfield-button-hover-background-color\\", - \\"value\\": \\"var(--amplify-components-button-hover-background-color)\\" + "variable": "--amplify-components-passwordfield-button-hover-background-color", + "value": "var(--amplify-components-button-hover-background-color)" }, { - \\"variable\\": \\"--amplify-components-passwordfield-button-hover-border-color\\", - \\"value\\": \\"var(--amplify-components-button-hover-border-color)\\" + "variable": "--amplify-components-passwordfield-button-hover-border-color", + "value": "var(--amplify-components-button-hover-border-color)" }, { - \\"variable\\": \\"--amplify-components-passwordfield-button-hover-color\\", - \\"value\\": \\"var(--amplify-components-button-hover-color)\\" + "variable": "--amplify-components-passwordfield-button-hover-color", + "value": "var(--amplify-components-button-hover-color)" }, { - \\"variable\\": \\"--amplify-components-passwordfield-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-color)\\" + "variable": "--amplify-components-passwordfield-color", + "value": "var(--amplify-components-fieldcontrol-color)" }, { - \\"variable\\": \\"--amplify-components-phonenumberfield-border-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-border-color)\\" + "variable": "--amplify-components-phonenumberfield-border-color", + "value": "var(--amplify-components-fieldcontrol-border-color)" }, { - \\"variable\\": \\"--amplify-components-phonenumberfield-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-color)\\" + "variable": "--amplify-components-phonenumberfield-color", + "value": "var(--amplify-components-fieldcontrol-color)" }, { - \\"variable\\": \\"--amplify-components-phonenumberfield-focus-border-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-focus-border-color)\\" + "variable": "--amplify-components-phonenumberfield-focus-border-color", + "value": "var(--amplify-components-fieldcontrol-focus-border-color)" }, { - \\"variable\\": \\"--amplify-components-phonenumberfield-font-size\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-font-size)\\" + "variable": "--amplify-components-phonenumberfield-font-size", + "value": "var(--amplify-components-fieldcontrol-font-size)" }, { - \\"variable\\": \\"--amplify-components-placeholder-border-radius\\", - \\"value\\": \\"var(--amplify-radii-small)\\" + "variable": "--amplify-components-placeholder-border-radius", + "value": "var(--amplify-radii-small)" }, { - \\"variable\\": \\"--amplify-components-placeholder-default-height\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-placeholder-default-height", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-placeholder-end-color\\", - \\"value\\": \\"var(--amplify-colors-background-tertiary)\\" + "variable": "--amplify-components-placeholder-end-color", + "value": "var(--amplify-colors-background-tertiary)" }, { - \\"variable\\": \\"--amplify-components-placeholder-large-height\\", - \\"value\\": \\"var(--amplify-space-large)\\" + "variable": "--amplify-components-placeholder-large-height", + "value": "var(--amplify-space-large)" }, { - \\"variable\\": \\"--amplify-components-placeholder-small-height\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-placeholder-small-height", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-placeholder-start-color\\", - \\"value\\": \\"var(--amplify-colors-background-secondary)\\" + "variable": "--amplify-components-placeholder-start-color", + "value": "var(--amplify-colors-background-secondary)" }, { - \\"variable\\": \\"--amplify-components-placeholder-transition-duration\\", - \\"value\\": \\"var(--amplify-time-long)\\" + "variable": "--amplify-components-placeholder-transition-duration", + "value": "var(--amplify-time-long)" }, { - \\"variable\\": \\"--amplify-components-radio-align-items\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-radio-align-items", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-radio-button-align-items\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-radio-button-align-items", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-radio-button-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-radio-button-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-radio-button-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-primary)\\" + "variable": "--amplify-components-radio-button-border-color", + "value": "var(--amplify-colors-border-primary)" }, { - \\"variable\\": \\"--amplify-components-radio-button-border-radius\\", - \\"value\\": \\"50%\\" + "variable": "--amplify-components-radio-button-border-radius", + "value": "50%" }, { - \\"variable\\": \\"--amplify-components-radio-button-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-radio-button-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-radio-button-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-medium)\\" + "variable": "--amplify-components-radio-button-border-width", + "value": "var(--amplify-border-widths-medium)" }, { - \\"variable\\": \\"--amplify-components-radio-button-box-sizing\\", - \\"value\\": \\"border-box\\" + "variable": "--amplify-components-radio-button-box-sizing", + "value": "border-box" }, { - \\"variable\\": \\"--amplify-components-radio-button-checked-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-80)\\" + "variable": "--amplify-components-radio-button-checked-color", + "value": "var(--amplify-colors-brand-primary-80)" }, { - \\"variable\\": \\"--amplify-components-radio-button-checked-disabled-color\\", - \\"value\\": \\"var(--amplify-colors-background-disabled)\\" + "variable": "--amplify-components-radio-button-checked-disabled-color", + "value": "var(--amplify-colors-background-disabled)" }, { - \\"variable\\": \\"--amplify-components-radio-button-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-radio-button-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-radio-button-disabled-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-radio-button-disabled-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-radio-button-disabled-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-disabled)\\" + "variable": "--amplify-components-radio-button-disabled-border-color", + "value": "var(--amplify-colors-border-disabled)" }, { - \\"variable\\": \\"--amplify-components-radio-button-error-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-error)\\" + "variable": "--amplify-components-radio-button-error-border-color", + "value": "var(--amplify-colors-border-error)" }, { - \\"variable\\": \\"--amplify-components-radio-button-error-focus-box-shadow\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-error-focus-box-shadow)\\" + "variable": "--amplify-components-radio-button-error-focus-box-shadow", + "value": "var(--amplify-components-fieldcontrol-error-focus-box-shadow)" }, { - \\"variable\\": \\"--amplify-components-radio-button-focus-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-focus)\\" + "variable": "--amplify-components-radio-button-focus-border-color", + "value": "var(--amplify-colors-border-focus)" }, { - \\"variable\\": \\"--amplify-components-radio-button-focus-box-shadow\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-focus-box-shadow)\\" + "variable": "--amplify-components-radio-button-focus-box-shadow", + "value": "var(--amplify-components-fieldcontrol-focus-box-shadow)" }, { - \\"variable\\": \\"--amplify-components-radio-button-height\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-radio-button-height", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-radio-button-justify-content\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-radio-button-justify-content", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-radio-button-large-height\\", - \\"value\\": \\"var(--amplify-font-sizes-large)\\" + "variable": "--amplify-components-radio-button-large-height", + "value": "var(--amplify-font-sizes-large)" }, { - \\"variable\\": \\"--amplify-components-radio-button-large-width\\", - \\"value\\": \\"var(--amplify-font-sizes-large)\\" + "variable": "--amplify-components-radio-button-large-width", + "value": "var(--amplify-font-sizes-large)" }, { - \\"variable\\": \\"--amplify-components-radio-button-outline-color\\", - \\"value\\": \\"var(--amplify-colors-transparent)\\" + "variable": "--amplify-components-radio-button-outline-color", + "value": "var(--amplify-colors-transparent)" }, { - \\"variable\\": \\"--amplify-components-radio-button-outline-offset\\", - \\"value\\": \\"var(--amplify-outline-offsets-medium)\\" + "variable": "--amplify-components-radio-button-outline-offset", + "value": "var(--amplify-outline-offsets-medium)" }, { - \\"variable\\": \\"--amplify-components-radio-button-outline-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-radio-button-outline-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-radio-button-outline-width\\", - \\"value\\": \\"var(--amplify-outline-widths-medium)\\" + "variable": "--amplify-components-radio-button-outline-width", + "value": "var(--amplify-outline-widths-medium)" }, { - \\"variable\\": \\"--amplify-components-radio-button-padding\\", - \\"value\\": \\"var(--amplify-border-widths-medium)\\" + "variable": "--amplify-components-radio-button-padding", + "value": "var(--amplify-border-widths-medium)" }, { - \\"variable\\": \\"--amplify-components-radio-button-small-height\\", - \\"value\\": \\"var(--amplify-font-sizes-small)\\" + "variable": "--amplify-components-radio-button-small-height", + "value": "var(--amplify-font-sizes-small)" }, { - \\"variable\\": \\"--amplify-components-radio-button-small-width\\", - \\"value\\": \\"var(--amplify-font-sizes-small)\\" + "variable": "--amplify-components-radio-button-small-width", + "value": "var(--amplify-font-sizes-small)" }, { - \\"variable\\": \\"--amplify-components-radio-button-transition-duration\\", - \\"value\\": \\"var(--amplify-time-medium)\\" + "variable": "--amplify-components-radio-button-transition-duration", + "value": "var(--amplify-time-medium)" }, { - \\"variable\\": \\"--amplify-components-radio-button-transition-property\\", - \\"value\\": \\"all\\" + "variable": "--amplify-components-radio-button-transition-property", + "value": "all" }, { - \\"variable\\": \\"--amplify-components-radio-button-width\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-radio-button-width", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-radio-disabled-cursor\\", - \\"value\\": \\"not-allowed\\" + "variable": "--amplify-components-radio-disabled-cursor", + "value": "not-allowed" }, { - \\"variable\\": \\"--amplify-components-radio-gap\\", - \\"value\\": \\"inherit\\" + "variable": "--amplify-components-radio-gap", + "value": "inherit" }, { - \\"variable\\": \\"--amplify-components-radio-justify-content\\", - \\"value\\": \\"flex-start\\" + "variable": "--amplify-components-radio-justify-content", + "value": "flex-start" }, { - \\"variable\\": \\"--amplify-components-radio-label-color\\", - \\"value\\": \\"var(--amplify-components-text-color)\\" + "variable": "--amplify-components-radio-label-color", + "value": "var(--amplify-components-text-color)" }, { - \\"variable\\": \\"--amplify-components-radio-label-disabled-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-radio-label-disabled-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-radiogroup-legend-color\\", - \\"value\\": \\"var(--amplify-components-fieldset-legend-color)\\" + "variable": "--amplify-components-radiogroup-legend-color", + "value": "var(--amplify-components-fieldset-legend-color)" }, { - \\"variable\\": \\"--amplify-components-radiogroup-legend-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-normal)\\" + "variable": "--amplify-components-radiogroup-legend-font-weight", + "value": "var(--amplify-font-weights-normal)" }, { - \\"variable\\": \\"--amplify-components-radiogroup-radio-background-color\\", - \\"value\\": \\"var(--amplify-components-radio-button-background-color)\\" + "variable": "--amplify-components-radiogroup-radio-background-color", + "value": "var(--amplify-components-radio-button-background-color)" }, { - \\"variable\\": \\"--amplify-components-radiogroup-radio-border-color\\", - \\"value\\": \\"var(--amplify-components-radio-button-border-color)\\" + "variable": "--amplify-components-radiogroup-radio-border-color", + "value": "var(--amplify-components-radio-button-border-color)" }, { - \\"variable\\": \\"--amplify-components-radiogroup-radio-border-width\\", - \\"value\\": \\"var(--amplify-components-radio-button-border-width)\\" + "variable": "--amplify-components-radiogroup-radio-border-width", + "value": "var(--amplify-components-radio-button-border-width)" }, { - \\"variable\\": \\"--amplify-components-radiogroup-radio-checked-color\\", - \\"value\\": \\"var(--amplify-components-radio-button-checked-color)\\" + "variable": "--amplify-components-radiogroup-radio-checked-color", + "value": "var(--amplify-components-radio-button-checked-color)" }, { - \\"variable\\": \\"--amplify-components-radiogroup-radio-label-color\\", - \\"value\\": \\"var(--amplify-components-radio-label-color)\\" + "variable": "--amplify-components-radiogroup-radio-label-color", + "value": "var(--amplify-components-radio-label-color)" }, { - \\"variable\\": \\"--amplify-components-rating-default-size\\", - \\"value\\": \\"var(--amplify-font-sizes-xl)\\" + "variable": "--amplify-components-rating-default-size", + "value": "var(--amplify-font-sizes-xl)" }, { - \\"variable\\": \\"--amplify-components-rating-empty-color\\", - \\"value\\": \\"var(--amplify-colors-background-tertiary)\\" + "variable": "--amplify-components-rating-empty-color", + "value": "var(--amplify-colors-background-tertiary)" }, { - \\"variable\\": \\"--amplify-components-rating-filled-color\\", - \\"value\\": \\"var(--amplify-colors-brand-secondary-80)\\" + "variable": "--amplify-components-rating-filled-color", + "value": "var(--amplify-colors-brand-secondary-80)" }, { - \\"variable\\": \\"--amplify-components-rating-large-size\\", - \\"value\\": \\"var(--amplify-font-sizes-xxxl)\\" + "variable": "--amplify-components-rating-large-size", + "value": "var(--amplify-font-sizes-xxxl)" }, { - \\"variable\\": \\"--amplify-components-rating-small-size\\", - \\"value\\": \\"var(--amplify-font-sizes-small)\\" + "variable": "--amplify-components-rating-small-size", + "value": "var(--amplify-font-sizes-small)" }, { - \\"variable\\": \\"--amplify-components-searchfield-button-active-background-color\\", - \\"value\\": \\"var(--amplify-components-button-active-background-color)\\" + "variable": "--amplify-components-searchfield-button-active-background-color", + "value": "var(--amplify-components-button-active-background-color)" }, { - \\"variable\\": \\"--amplify-components-searchfield-button-active-border-color\\", - \\"value\\": \\"var(--amplify-components-button-active-border-color)\\" + "variable": "--amplify-components-searchfield-button-active-border-color", + "value": "var(--amplify-components-button-active-border-color)" }, { - \\"variable\\": \\"--amplify-components-searchfield-button-active-color\\", - \\"value\\": \\"var(--amplify-components-button-active-color)\\" + "variable": "--amplify-components-searchfield-button-active-color", + "value": "var(--amplify-components-button-active-color)" }, { - \\"variable\\": \\"--amplify-components-searchfield-button-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-searchfield-button-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-searchfield-button-color\\", - \\"value\\": \\"var(--amplify-components-button-color)\\" + "variable": "--amplify-components-searchfield-button-color", + "value": "var(--amplify-components-button-color)" }, { - \\"variable\\": \\"--amplify-components-searchfield-button-disabled-background-color\\", - \\"value\\": \\"var(--amplify-components-button-disabled-background-color)\\" + "variable": "--amplify-components-searchfield-button-disabled-background-color", + "value": "var(--amplify-components-button-disabled-background-color)" }, { - \\"variable\\": \\"--amplify-components-searchfield-button-disabled-border-color\\", - \\"value\\": \\"var(--amplify-components-button-disabled-border-color)\\" + "variable": "--amplify-components-searchfield-button-disabled-border-color", + "value": "var(--amplify-components-button-disabled-border-color)" }, { - \\"variable\\": \\"--amplify-components-searchfield-button-disabled-color\\", - \\"value\\": \\"var(--amplify-components-button-disabled-color)\\" + "variable": "--amplify-components-searchfield-button-disabled-color", + "value": "var(--amplify-components-button-disabled-color)" }, { - \\"variable\\": \\"--amplify-components-searchfield-button-focus-background-color\\", - \\"value\\": \\"var(--amplify-components-button-focus-background-color)\\" + "variable": "--amplify-components-searchfield-button-focus-background-color", + "value": "var(--amplify-components-button-focus-background-color)" }, { - \\"variable\\": \\"--amplify-components-searchfield-button-focus-border-color\\", - \\"value\\": \\"var(--amplify-components-button-focus-border-color)\\" + "variable": "--amplify-components-searchfield-button-focus-border-color", + "value": "var(--amplify-components-button-focus-border-color)" }, { - \\"variable\\": \\"--amplify-components-searchfield-button-focus-color\\", - \\"value\\": \\"var(--amplify-components-button-focus-color)\\" + "variable": "--amplify-components-searchfield-button-focus-color", + "value": "var(--amplify-components-button-focus-color)" }, { - \\"variable\\": \\"--amplify-components-searchfield-button-hover-background-color\\", - \\"value\\": \\"var(--amplify-components-button-hover-background-color)\\" + "variable": "--amplify-components-searchfield-button-hover-background-color", + "value": "var(--amplify-components-button-hover-background-color)" }, { - \\"variable\\": \\"--amplify-components-searchfield-button-hover-border-color\\", - \\"value\\": \\"var(--amplify-components-button-hover-border-color)\\" + "variable": "--amplify-components-searchfield-button-hover-border-color", + "value": "var(--amplify-components-button-hover-border-color)" }, { - \\"variable\\": \\"--amplify-components-searchfield-button-hover-color\\", - \\"value\\": \\"var(--amplify-components-button-hover-color)\\" + "variable": "--amplify-components-searchfield-button-hover-color", + "value": "var(--amplify-components-button-hover-color)" }, { - \\"variable\\": \\"--amplify-components-searchfield-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-color)\\" + "variable": "--amplify-components-searchfield-color", + "value": "var(--amplify-components-fieldcontrol-color)" }, { - \\"variable\\": \\"--amplify-components-select-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-select-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-select-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-color)\\" + "variable": "--amplify-components-select-color", + "value": "var(--amplify-components-fieldcontrol-color)" }, { - \\"variable\\": \\"--amplify-components-select-disabled-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-disabled)\\" + "variable": "--amplify-components-select-disabled-background-color", + "value": "var(--amplify-colors-background-disabled)" }, { - \\"variable\\": \\"--amplify-components-select-disabled-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-select-disabled-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-select-expanded-option-padding-block\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-select-expanded-option-padding-block", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-select-expanded-option-padding-inline\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-select-expanded-option-padding-inline", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-select-expanded-padding-block\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-select-expanded-padding-block", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-select-expanded-padding-inline\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-select-expanded-padding-inline", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-select-icon-wrapper-align-items\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-select-icon-wrapper-align-items", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-select-icon-wrapper-large-right\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-select-icon-wrapper-large-right", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-select-icon-wrapper-pointer-events\\", - \\"value\\": \\"none\\" + "variable": "--amplify-components-select-icon-wrapper-pointer-events", + "value": "none" }, { - \\"variable\\": \\"--amplify-components-select-icon-wrapper-position\\", - \\"value\\": \\"absolute\\" + "variable": "--amplify-components-select-icon-wrapper-position", + "value": "absolute" }, { - \\"variable\\": \\"--amplify-components-select-icon-wrapper-right\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-select-icon-wrapper-right", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-select-icon-wrapper-small-right\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-select-icon-wrapper-small-right", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-select-icon-wrapper-top\\", - \\"value\\": \\"50%\\" + "variable": "--amplify-components-select-icon-wrapper-top", + "value": "50%" }, { - \\"variable\\": \\"--amplify-components-select-icon-wrapper-transform\\", - \\"value\\": \\"translateY(-50%)\\" + "variable": "--amplify-components-select-icon-wrapper-transform", + "value": "translateY(-50%)" }, { - \\"variable\\": \\"--amplify-components-select-large-min-width\\", - \\"value\\": \\"7.5rem\\" + "variable": "--amplify-components-select-large-min-width", + "value": "7.5rem" }, { - \\"variable\\": \\"--amplify-components-select-large-padding-inline-end\\", - \\"value\\": \\"var(--amplify-space-xxl)\\" + "variable": "--amplify-components-select-large-padding-inline-end", + "value": "var(--amplify-space-xxl)" }, { - \\"variable\\": \\"--amplify-components-select-min-width\\", - \\"value\\": \\"6.5rem\\" + "variable": "--amplify-components-select-min-width", + "value": "6.5rem" }, { - \\"variable\\": \\"--amplify-components-select-option-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-select-option-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-select-option-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-select-option-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-select-option-disabled-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-select-option-disabled-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-select-option-disabled-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-select-option-disabled-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-select-padding-inline-end\\", - \\"value\\": \\"var(--amplify-space-xxl)\\" + "variable": "--amplify-components-select-padding-inline-end", + "value": "var(--amplify-space-xxl)" }, { - \\"variable\\": \\"--amplify-components-select-small-min-width\\", - \\"value\\": \\"5.5rem\\" + "variable": "--amplify-components-select-small-min-width", + "value": "5.5rem" }, { - \\"variable\\": \\"--amplify-components-select-small-padding-inline-end\\", - \\"value\\": \\"var(--amplify-space-xl)\\" + "variable": "--amplify-components-select-small-padding-inline-end", + "value": "var(--amplify-space-xl)" }, { - \\"variable\\": \\"--amplify-components-select-white-space\\", - \\"value\\": \\"nowrap\\" + "variable": "--amplify-components-select-white-space", + "value": "nowrap" }, { - \\"variable\\": \\"--amplify-components-select-wrapper-cursor\\", - \\"value\\": \\"pointer\\" + "variable": "--amplify-components-select-wrapper-cursor", + "value": "pointer" }, { - \\"variable\\": \\"--amplify-components-select-wrapper-display\\", - \\"value\\": \\"block\\" + "variable": "--amplify-components-select-wrapper-display", + "value": "block" }, { - \\"variable\\": \\"--amplify-components-select-wrapper-flex\\", - \\"value\\": \\"1\\" + "variable": "--amplify-components-select-wrapper-flex", + "value": "1" }, { - \\"variable\\": \\"--amplify-components-select-wrapper-position\\", - \\"value\\": \\"relative\\" + "variable": "--amplify-components-select-wrapper-position", + "value": "relative" }, { - \\"variable\\": \\"--amplify-components-selectfield-border-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-border-color)\\" + "variable": "--amplify-components-selectfield-border-color", + "value": "var(--amplify-components-fieldcontrol-border-color)" }, { - \\"variable\\": \\"--amplify-components-selectfield-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-color)\\" + "variable": "--amplify-components-selectfield-color", + "value": "var(--amplify-components-fieldcontrol-color)" }, { - \\"variable\\": \\"--amplify-components-selectfield-flex-direction\\", - \\"value\\": \\"column\\" + "variable": "--amplify-components-selectfield-flex-direction", + "value": "column" }, { - \\"variable\\": \\"--amplify-components-selectfield-focus-border-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-focus-border-color)\\" + "variable": "--amplify-components-selectfield-focus-border-color", + "value": "var(--amplify-components-fieldcontrol-focus-border-color)" }, { - \\"variable\\": \\"--amplify-components-selectfield-font-size\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-font-size)\\" + "variable": "--amplify-components-selectfield-font-size", + "value": "var(--amplify-components-fieldcontrol-font-size)" }, { - \\"variable\\": \\"--amplify-components-selectfield-label-color\\", - \\"value\\": \\"var(--amplify-components-field-label-color)\\" + "variable": "--amplify-components-selectfield-label-color", + "value": "var(--amplify-components-field-label-color)" }, { - \\"variable\\": \\"--amplify-components-sliderfield-large-thumb-height\\", - \\"value\\": \\"1.5rem\\" + "variable": "--amplify-components-sliderfield-large-thumb-height", + "value": "1.5rem" }, { - \\"variable\\": \\"--amplify-components-sliderfield-large-thumb-width\\", - \\"value\\": \\"1.5rem\\" + "variable": "--amplify-components-sliderfield-large-thumb-width", + "value": "1.5rem" }, { - \\"variable\\": \\"--amplify-components-sliderfield-large-track-height\\", - \\"value\\": \\"0.625rem\\" + "variable": "--amplify-components-sliderfield-large-track-height", + "value": "0.625rem" }, { - \\"variable\\": \\"--amplify-components-sliderfield-padding-block\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-sliderfield-padding-block", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-sliderfield-range-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-80)\\" + "variable": "--amplify-components-sliderfield-range-background-color", + "value": "var(--amplify-colors-brand-primary-80)" }, { - \\"variable\\": \\"--amplify-components-sliderfield-range-border-radius\\", - \\"value\\": \\"9999px\\" + "variable": "--amplify-components-sliderfield-range-border-radius", + "value": "9999px" }, { - \\"variable\\": \\"--amplify-components-sliderfield-range-disabled-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-disabled)\\" + "variable": "--amplify-components-sliderfield-range-disabled-background-color", + "value": "var(--amplify-colors-background-disabled)" }, { - \\"variable\\": \\"--amplify-components-sliderfield-small-thumb-height\\", - \\"value\\": \\"1rem\\" + "variable": "--amplify-components-sliderfield-small-thumb-height", + "value": "1rem" }, { - \\"variable\\": \\"--amplify-components-sliderfield-small-thumb-width\\", - \\"value\\": \\"1rem\\" + "variable": "--amplify-components-sliderfield-small-thumb-width", + "value": "1rem" }, { - \\"variable\\": \\"--amplify-components-sliderfield-small-track-height\\", - \\"value\\": \\"0.25rem\\" + "variable": "--amplify-components-sliderfield-small-track-height", + "value": "0.25rem" }, { - \\"variable\\": \\"--amplify-components-sliderfield-thumb-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-sliderfield-thumb-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-sliderfield-thumb-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-primary)\\" + "variable": "--amplify-components-sliderfield-thumb-border-color", + "value": "var(--amplify-colors-border-primary)" }, { - \\"variable\\": \\"--amplify-components-sliderfield-thumb-border-radius\\", - \\"value\\": \\"50%\\" + "variable": "--amplify-components-sliderfield-thumb-border-radius", + "value": "50%" }, { - \\"variable\\": \\"--amplify-components-sliderfield-thumb-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-sliderfield-thumb-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-sliderfield-thumb-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-medium)\\" + "variable": "--amplify-components-sliderfield-thumb-border-width", + "value": "var(--amplify-border-widths-medium)" }, { - \\"variable\\": \\"--amplify-components-sliderfield-thumb-box-shadow\\", - \\"value\\": \\"var(--amplify-shadows-small)\\" + "variable": "--amplify-components-sliderfield-thumb-box-shadow", + "value": "var(--amplify-shadows-small)" }, { - \\"variable\\": \\"--amplify-components-sliderfield-thumb-disabled-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-disabled)\\" + "variable": "--amplify-components-sliderfield-thumb-disabled-background-color", + "value": "var(--amplify-colors-background-disabled)" }, { - \\"variable\\": \\"--amplify-components-sliderfield-thumb-disabled-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-sliderfield-thumb-disabled-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-sliderfield-thumb-disabled-box-shadow\\", - \\"value\\": \\"none\\" + "variable": "--amplify-components-sliderfield-thumb-disabled-box-shadow", + "value": "none" }, { - \\"variable\\": \\"--amplify-components-sliderfield-thumb-focus-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-focus)\\" + "variable": "--amplify-components-sliderfield-thumb-focus-border-color", + "value": "var(--amplify-colors-border-focus)" }, { - \\"variable\\": \\"--amplify-components-sliderfield-thumb-focus-box-shadow\\", - \\"value\\": \\"0 0 0 2px var(--amplify-colors-border-focus)\\" + "variable": "--amplify-components-sliderfield-thumb-focus-box-shadow", + "value": "0 0 0 2px var(--amplify-colors-border-focus)" }, { - \\"variable\\": \\"--amplify-components-sliderfield-thumb-height\\", - \\"value\\": \\"1.25rem\\" + "variable": "--amplify-components-sliderfield-thumb-height", + "value": "1.25rem" }, { - \\"variable\\": \\"--amplify-components-sliderfield-thumb-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-sliderfield-thumb-hover-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-sliderfield-thumb-hover-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-focus)\\" + "variable": "--amplify-components-sliderfield-thumb-hover-border-color", + "value": "var(--amplify-colors-border-focus)" }, { - \\"variable\\": \\"--amplify-components-sliderfield-thumb-width\\", - \\"value\\": \\"1.25rem\\" + "variable": "--amplify-components-sliderfield-thumb-width", + "value": "1.25rem" }, { - \\"variable\\": \\"--amplify-components-sliderfield-track-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-quaternary)\\" + "variable": "--amplify-components-sliderfield-track-background-color", + "value": "var(--amplify-colors-background-quaternary)" }, { - \\"variable\\": \\"--amplify-components-sliderfield-track-border-radius\\", - \\"value\\": \\"9999px\\" + "variable": "--amplify-components-sliderfield-track-border-radius", + "value": "9999px" }, { - \\"variable\\": \\"--amplify-components-sliderfield-track-height\\", - \\"value\\": \\"0.375rem\\" + "variable": "--amplify-components-sliderfield-track-height", + "value": "0.375rem" }, { - \\"variable\\": \\"--amplify-components-sliderfield-track-min-width\\", - \\"value\\": \\"10rem\\" + "variable": "--amplify-components-sliderfield-track-min-width", + "value": "10rem" }, { - \\"variable\\": \\"--amplify-components-stepperfield-border-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-border-color)\\" + "variable": "--amplify-components-stepperfield-border-color", + "value": "var(--amplify-components-fieldcontrol-border-color)" }, { - \\"variable\\": \\"--amplify-components-stepperfield-button-active-background-color\\", - \\"value\\": \\"var(--amplify-components-button-active-background-color)\\" + "variable": "--amplify-components-stepperfield-button-active-background-color", + "value": "var(--amplify-components-button-active-background-color)" }, { - \\"variable\\": \\"--amplify-components-stepperfield-button-active-color\\", - \\"value\\": \\"var(--amplify-components-button-active-color)\\" + "variable": "--amplify-components-stepperfield-button-active-color", + "value": "var(--amplify-components-button-active-color)" }, { - \\"variable\\": \\"--amplify-components-stepperfield-button-background-color\\", - \\"value\\": \\"var(--amplify-colors-transparent)\\" + "variable": "--amplify-components-stepperfield-button-background-color", + "value": "var(--amplify-colors-transparent)" }, { - \\"variable\\": \\"--amplify-components-stepperfield-button-color\\", - \\"value\\": \\"var(--amplify-components-button-color)\\" + "variable": "--amplify-components-stepperfield-button-color", + "value": "var(--amplify-components-button-color)" }, { - \\"variable\\": \\"--amplify-components-stepperfield-button-disabled-background-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-disabled-background-color)\\" + "variable": "--amplify-components-stepperfield-button-disabled-background-color", + "value": "var(--amplify-components-fieldcontrol-disabled-background-color)" }, { - \\"variable\\": \\"--amplify-components-stepperfield-button-disabled-color\\", - \\"value\\": \\"var(--amplify-components-button-disabled-color)\\" + "variable": "--amplify-components-stepperfield-button-disabled-color", + "value": "var(--amplify-components-button-disabled-color)" }, { - \\"variable\\": \\"--amplify-components-stepperfield-button-focus-background-color\\", - \\"value\\": \\"var(--amplify-components-button-focus-background-color)\\" + "variable": "--amplify-components-stepperfield-button-focus-background-color", + "value": "var(--amplify-components-button-focus-background-color)" }, { - \\"variable\\": \\"--amplify-components-stepperfield-button-focus-color\\", - \\"value\\": \\"var(--amplify-components-button-focus-color)\\" + "variable": "--amplify-components-stepperfield-button-focus-color", + "value": "var(--amplify-components-button-focus-color)" }, { - \\"variable\\": \\"--amplify-components-stepperfield-button-hover-background-color\\", - \\"value\\": \\"var(--amplify-components-button-hover-background-color)\\" + "variable": "--amplify-components-stepperfield-button-hover-background-color", + "value": "var(--amplify-components-button-hover-background-color)" }, { - \\"variable\\": \\"--amplify-components-stepperfield-button-hover-color\\", - \\"value\\": \\"var(--amplify-components-button-hover-color)\\" + "variable": "--amplify-components-stepperfield-button-hover-color", + "value": "var(--amplify-components-button-hover-color)" }, { - \\"variable\\": \\"--amplify-components-stepperfield-flex-direction\\", - \\"value\\": \\"column\\" + "variable": "--amplify-components-stepperfield-flex-direction", + "value": "column" }, { - \\"variable\\": \\"--amplify-components-stepperfield-input-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-color)\\" + "variable": "--amplify-components-stepperfield-input-color", + "value": "var(--amplify-components-fieldcontrol-color)" }, { - \\"variable\\": \\"--amplify-components-stepperfield-input-font-size\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-font-size)\\" + "variable": "--amplify-components-stepperfield-input-font-size", + "value": "var(--amplify-components-fieldcontrol-font-size)" }, { - \\"variable\\": \\"--amplify-components-stepperfield-input-text-align\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-stepperfield-input-text-align", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-storagemanager-dropzone-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-10)\\" + "variable": "--amplify-components-storagemanager-dropzone-active-background-color", + "value": "var(--amplify-colors-brand-primary-10)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-dropzone-active-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-pressed)\\" + "variable": "--amplify-components-storagemanager-dropzone-active-border-color", + "value": "var(--amplify-colors-border-pressed)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-dropzone-active-border-radius\\", - \\"value\\": \\"var(--amplify-components-storagemanager-dropzone-border-radius)\\" + "variable": "--amplify-components-storagemanager-dropzone-active-border-radius", + "value": "var(--amplify-components-storagemanager-dropzone-border-radius)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-dropzone-active-border-style\\", - \\"value\\": \\"var(--amplify-components-storagemanager-dropzone-border-style)\\" + "variable": "--amplify-components-storagemanager-dropzone-active-border-style", + "value": "var(--amplify-components-storagemanager-dropzone-border-style)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-dropzone-active-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-medium)\\" + "variable": "--amplify-components-storagemanager-dropzone-active-border-width", + "value": "var(--amplify-border-widths-medium)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-dropzone-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-storagemanager-dropzone-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-dropzone-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-primary)\\" + "variable": "--amplify-components-storagemanager-dropzone-border-color", + "value": "var(--amplify-colors-border-primary)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-dropzone-border-radius\\", - \\"value\\": \\"var(--amplify-radii-small)\\" + "variable": "--amplify-components-storagemanager-dropzone-border-radius", + "value": "var(--amplify-radii-small)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-dropzone-border-style\\", - \\"value\\": \\"dashed\\" + "variable": "--amplify-components-storagemanager-dropzone-border-style", + "value": "dashed" }, { - \\"variable\\": \\"--amplify-components-storagemanager-dropzone-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-storagemanager-dropzone-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-dropzone-gap\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-storagemanager-dropzone-gap", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-dropzone-icon-color\\", - \\"value\\": \\"var(--amplify-colors-border-primary)\\" + "variable": "--amplify-components-storagemanager-dropzone-icon-color", + "value": "var(--amplify-colors-border-primary)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-dropzone-icon-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-xxl)\\" + "variable": "--amplify-components-storagemanager-dropzone-icon-font-size", + "value": "var(--amplify-font-sizes-xxl)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-dropzone-padding-block\\", - \\"value\\": \\"var(--amplify-space-xl)\\" + "variable": "--amplify-components-storagemanager-dropzone-padding-block", + "value": "var(--amplify-space-xl)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-dropzone-padding-inline\\", - \\"value\\": \\"var(--amplify-space-large)\\" + "variable": "--amplify-components-storagemanager-dropzone-padding-inline", + "value": "var(--amplify-space-large)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-dropzone-text-align\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-storagemanager-dropzone-text-align", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-storagemanager-dropzone-text-color\\", - \\"value\\": \\"var(--amplify-colors-font-tertiary)\\" + "variable": "--amplify-components-storagemanager-dropzone-text-color", + "value": "var(--amplify-colors-font-tertiary)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-dropzone-text-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-storagemanager-dropzone-text-font-size", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-dropzone-text-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-bold)\\" + "variable": "--amplify-components-storagemanager-dropzone-text-font-weight", + "value": "var(--amplify-font-weights-bold)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-align-items\\", - \\"value\\": \\"baseline\\" + "variable": "--amplify-components-storagemanager-file-align-items", + "value": "baseline" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-storagemanager-file-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-primary)\\" + "variable": "--amplify-components-storagemanager-file-border-color", + "value": "var(--amplify-colors-border-primary)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-border-radius\\", - \\"value\\": \\"var(--amplify-radii-small)\\" + "variable": "--amplify-components-storagemanager-file-border-radius", + "value": "var(--amplify-radii-small)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-storagemanager-file-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-storagemanager-file-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-gap\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-storagemanager-file-gap", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-image-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-secondary)\\" + "variable": "--amplify-components-storagemanager-file-image-background-color", + "value": "var(--amplify-colors-background-secondary)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-image-border-radius\\", - \\"value\\": \\"var(--amplify-radii-small)\\" + "variable": "--amplify-components-storagemanager-file-image-border-radius", + "value": "var(--amplify-radii-small)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-image-color\\", - \\"value\\": \\"var(--amplify-colors-font-tertiary)\\" + "variable": "--amplify-components-storagemanager-file-image-color", + "value": "var(--amplify-colors-font-tertiary)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-image-height\\", - \\"value\\": \\"var(--amplify-space-xxl)\\" + "variable": "--amplify-components-storagemanager-file-image-height", + "value": "var(--amplify-space-xxl)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-image-width\\", - \\"value\\": \\"var(--amplify-space-xxl)\\" + "variable": "--amplify-components-storagemanager-file-image-width", + "value": "var(--amplify-space-xxl)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-name-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-storagemanager-file-name-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-name-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-storagemanager-file-name-font-size", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-name-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-bold)\\" + "variable": "--amplify-components-storagemanager-file-name-font-weight", + "value": "var(--amplify-font-weights-bold)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-padding-block\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-storagemanager-file-padding-block", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-padding-inline\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-storagemanager-file-padding-inline", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-size-color\\", - \\"value\\": \\"var(--amplify-colors-font-tertiary)\\" + "variable": "--amplify-components-storagemanager-file-size-color", + "value": "var(--amplify-colors-font-tertiary)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-size-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-small)\\" + "variable": "--amplify-components-storagemanager-file-size-font-size", + "value": "var(--amplify-font-sizes-small)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-file-size-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-normal)\\" + "variable": "--amplify-components-storagemanager-file-size-font-weight", + "value": "var(--amplify-font-weights-normal)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-filelist-flex-direction\\", - \\"value\\": \\"column\\" + "variable": "--amplify-components-storagemanager-filelist-flex-direction", + "value": "column" }, { - \\"variable\\": \\"--amplify-components-storagemanager-filelist-gap\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-storagemanager-filelist-gap", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-loader-stroke-empty\\", - \\"value\\": \\"var(--amplify-colors-border-secondary)\\" + "variable": "--amplify-components-storagemanager-loader-stroke-empty", + "value": "var(--amplify-colors-border-secondary)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-loader-stroke-filled\\", - \\"value\\": \\"var(--amplify-components-loader-stroke-filled)\\" + "variable": "--amplify-components-storagemanager-loader-stroke-filled", + "value": "var(--amplify-components-loader-stroke-filled)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-loader-stroke-linecap\\", - \\"value\\": \\"round\\" + "variable": "--amplify-components-storagemanager-loader-stroke-linecap", + "value": "round" }, { - \\"variable\\": \\"--amplify-components-storagemanager-loader-stroke-width\\", - \\"value\\": \\"var(--amplify-border-widths-large)\\" + "variable": "--amplify-components-storagemanager-loader-stroke-width", + "value": "var(--amplify-border-widths-large)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-previewer-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-storagemanager-previewer-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-previewer-body-gap\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-storagemanager-previewer-body-gap", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-previewer-body-padding-block\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-storagemanager-previewer-body-padding-block", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-previewer-body-padding-inline\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-storagemanager-previewer-body-padding-inline", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-previewer-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-primary)\\" + "variable": "--amplify-components-storagemanager-previewer-border-color", + "value": "var(--amplify-colors-border-primary)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-previewer-border-radius\\", - \\"value\\": \\"var(--amplify-radii-small)\\" + "variable": "--amplify-components-storagemanager-previewer-border-radius", + "value": "var(--amplify-radii-small)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-previewer-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-storagemanager-previewer-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-storagemanager-previewer-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-storagemanager-previewer-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-previewer-footer-justify-content\\", - \\"value\\": \\"flex-end\\" + "variable": "--amplify-components-storagemanager-previewer-footer-justify-content", + "value": "flex-end" }, { - \\"variable\\": \\"--amplify-components-storagemanager-previewer-max-height\\", - \\"value\\": \\"40rem\\" + "variable": "--amplify-components-storagemanager-previewer-max-height", + "value": "40rem" }, { - \\"variable\\": \\"--amplify-components-storagemanager-previewer-max-width\\", - \\"value\\": \\"auto\\" + "variable": "--amplify-components-storagemanager-previewer-max-width", + "value": "auto" }, { - \\"variable\\": \\"--amplify-components-storagemanager-previewer-padding-block\\", - \\"value\\": \\"var(--amplify-space-zero)\\" + "variable": "--amplify-components-storagemanager-previewer-padding-block", + "value": "var(--amplify-space-zero)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-previewer-padding-inline\\", - \\"value\\": \\"var(--amplify-space-zero)\\" + "variable": "--amplify-components-storagemanager-previewer-padding-inline", + "value": "var(--amplify-space-zero)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-previewer-text-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-storagemanager-previewer-text-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-previewer-text-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-storagemanager-previewer-text-font-size", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-storagemanager-previewer-text-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-bold)\\" + "variable": "--amplify-components-storagemanager-previewer-text-font-weight", + "value": "var(--amplify-font-weights-bold)" }, { - \\"variable\\": \\"--amplify-components-switchfield-disabled-opacity\\", - \\"value\\": \\"var(--amplify-opacities-60)\\" + "variable": "--amplify-components-switchfield-disabled-opacity", + "value": "var(--amplify-opacities-60)" }, { - \\"variable\\": \\"--amplify-components-switchfield-focused-shadow\\", - \\"value\\": \\"0px 0px 0px 2px var(--amplify-colors-border-focus)\\" + "variable": "--amplify-components-switchfield-focused-shadow", + "value": "0px 0px 0px 2px var(--amplify-colors-border-focus)" }, { - \\"variable\\": \\"--amplify-components-switchfield-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-switchfield-font-size", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-switchfield-label-padding\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-switchfield-label-padding", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-switchfield-large-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-large)\\" + "variable": "--amplify-components-switchfield-large-font-size", + "value": "var(--amplify-font-sizes-large)" }, { - \\"variable\\": \\"--amplify-components-switchfield-small-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-small)\\" + "variable": "--amplify-components-switchfield-small-font-size", + "value": "var(--amplify-font-sizes-small)" }, { - \\"variable\\": \\"--amplify-components-switchfield-thumb-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-switchfield-thumb-background-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-switchfield-thumb-border-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-switchfield-thumb-border-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-switchfield-thumb-border-radius\\", - \\"value\\": \\"var(--amplify-radii-xxxl)\\" + "variable": "--amplify-components-switchfield-thumb-border-radius", + "value": "var(--amplify-radii-xxxl)" }, { - \\"variable\\": \\"--amplify-components-switchfield-thumb-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-switchfield-thumb-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-switchfield-thumb-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-switchfield-thumb-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-switchfield-thumb-checked-transform\\", - \\"value\\": \\"var(--amplify-transforms-slide-x-medium)\\" + "variable": "--amplify-components-switchfield-thumb-checked-transform", + "value": "var(--amplify-transforms-slide-x-medium)" }, { - \\"variable\\": \\"--amplify-components-switchfield-thumb-transition-duration\\", - \\"value\\": \\"var(--amplify-time-medium)\\" + "variable": "--amplify-components-switchfield-thumb-transition-duration", + "value": "var(--amplify-time-medium)" }, { - \\"variable\\": \\"--amplify-components-switchfield-thumb-width\\", - \\"value\\": \\"var(--amplify-space-relative-medium)\\" + "variable": "--amplify-components-switchfield-thumb-width", + "value": "var(--amplify-space-relative-medium)" }, { - \\"variable\\": \\"--amplify-components-switchfield-track-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-quaternary)\\" + "variable": "--amplify-components-switchfield-track-background-color", + "value": "var(--amplify-colors-background-quaternary)" }, { - \\"variable\\": \\"--amplify-components-switchfield-track-border-radius\\", - \\"value\\": \\"var(--amplify-radii-xxxl)\\" + "variable": "--amplify-components-switchfield-track-border-radius", + "value": "var(--amplify-radii-xxxl)" }, { - \\"variable\\": \\"--amplify-components-switchfield-track-checked-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-80)\\" + "variable": "--amplify-components-switchfield-track-checked-background-color", + "value": "var(--amplify-colors-brand-primary-80)" }, { - \\"variable\\": \\"--amplify-components-switchfield-track-error-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-error)\\" + "variable": "--amplify-components-switchfield-track-error-background-color", + "value": "var(--amplify-colors-background-error)" }, { - \\"variable\\": \\"--amplify-components-switchfield-track-height\\", - \\"value\\": \\"var(--amplify-space-relative-medium)\\" + "variable": "--amplify-components-switchfield-track-height", + "value": "var(--amplify-space-relative-medium)" }, { - \\"variable\\": \\"--amplify-components-switchfield-track-padding\\", - \\"value\\": \\"var(--amplify-outline-widths-medium)\\" + "variable": "--amplify-components-switchfield-track-padding", + "value": "var(--amplify-outline-widths-medium)" }, { - \\"variable\\": \\"--amplify-components-switchfield-track-transition-duration\\", - \\"value\\": \\"var(--amplify-time-short)\\" + "variable": "--amplify-components-switchfield-track-transition-duration", + "value": "var(--amplify-time-short)" }, { - \\"variable\\": \\"--amplify-components-switchfield-track-width\\", - \\"value\\": \\"var(--amplify-space-relative-xl)\\" + "variable": "--amplify-components-switchfield-track-width", + "value": "var(--amplify-space-relative-xl)" }, { - \\"variable\\": \\"--amplify-components-table-body-display\\", - \\"value\\": \\"table-row-group\\" + "variable": "--amplify-components-table-body-display", + "value": "table-row-group" }, { - \\"variable\\": \\"--amplify-components-table-body-vertical-align\\", - \\"value\\": \\"middle\\" + "variable": "--amplify-components-table-body-vertical-align", + "value": "middle" }, { - \\"variable\\": \\"--amplify-components-table-border-collapse\\", - \\"value\\": \\"collapse\\" + "variable": "--amplify-components-table-border-collapse", + "value": "collapse" }, { - \\"variable\\": \\"--amplify-components-table-caption-caption-side\\", - \\"value\\": \\"bottom\\" + "variable": "--amplify-components-table-caption-caption-side", + "value": "bottom" }, { - \\"variable\\": \\"--amplify-components-table-caption-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-table-caption-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-table-caption-display\\", - \\"value\\": \\"table-caption\\" + "variable": "--amplify-components-table-caption-display", + "value": "table-caption" }, { - \\"variable\\": \\"--amplify-components-table-caption-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-table-caption-font-size", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-table-caption-large-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-large)\\" + "variable": "--amplify-components-table-caption-large-font-size", + "value": "var(--amplify-font-sizes-large)" }, { - \\"variable\\": \\"--amplify-components-table-caption-small-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-small)\\" + "variable": "--amplify-components-table-caption-small-font-size", + "value": "var(--amplify-font-sizes-small)" }, { - \\"variable\\": \\"--amplify-components-table-caption-text-align\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-table-caption-text-align", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-table-caption-word-break\\", - \\"value\\": \\"break-all\\" + "variable": "--amplify-components-table-caption-word-break", + "value": "break-all" }, { - \\"variable\\": \\"--amplify-components-table-data-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-tertiary)\\" + "variable": "--amplify-components-table-data-border-color", + "value": "var(--amplify-colors-border-tertiary)" }, { - \\"variable\\": \\"--amplify-components-table-data-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-table-data-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-table-data-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-table-data-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-table-data-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-table-data-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-table-data-display\\", - \\"value\\": \\"table-cell\\" + "variable": "--amplify-components-table-data-display", + "value": "table-cell" }, { - \\"variable\\": \\"--amplify-components-table-data-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-table-data-font-size", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-table-data-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-normal)\\" + "variable": "--amplify-components-table-data-font-weight", + "value": "var(--amplify-font-weights-normal)" }, { - \\"variable\\": \\"--amplify-components-table-data-large-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-large)\\" + "variable": "--amplify-components-table-data-large-font-size", + "value": "var(--amplify-font-sizes-large)" }, { - \\"variable\\": \\"--amplify-components-table-data-large-padding\\", - \\"value\\": \\"var(--amplify-space-large)\\" + "variable": "--amplify-components-table-data-large-padding", + "value": "var(--amplify-space-large)" }, { - \\"variable\\": \\"--amplify-components-table-data-padding\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-table-data-padding", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-table-data-small-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-small)\\" + "variable": "--amplify-components-table-data-small-font-size", + "value": "var(--amplify-font-sizes-small)" }, { - \\"variable\\": \\"--amplify-components-table-data-small-padding\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-table-data-small-padding", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-table-data-vertical-align\\", - \\"value\\": \\"middle\\" + "variable": "--amplify-components-table-data-vertical-align", + "value": "middle" }, { - \\"variable\\": \\"--amplify-components-table-display\\", - \\"value\\": \\"table\\" + "variable": "--amplify-components-table-display", + "value": "table" }, { - \\"variable\\": \\"--amplify-components-table-foot-display\\", - \\"value\\": \\"table-footer-group\\" + "variable": "--amplify-components-table-foot-display", + "value": "table-footer-group" }, { - \\"variable\\": \\"--amplify-components-table-foot-vertical-align\\", - \\"value\\": \\"middle\\" + "variable": "--amplify-components-table-foot-vertical-align", + "value": "middle" }, { - \\"variable\\": \\"--amplify-components-table-head-display\\", - \\"value\\": \\"table-header-group\\" + "variable": "--amplify-components-table-head-display", + "value": "table-header-group" }, { - \\"variable\\": \\"--amplify-components-table-head-vertical-align\\", - \\"value\\": \\"middle\\" + "variable": "--amplify-components-table-head-vertical-align", + "value": "middle" }, { - \\"variable\\": \\"--amplify-components-table-header-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-tertiary)\\" + "variable": "--amplify-components-table-header-border-color", + "value": "var(--amplify-colors-border-tertiary)" }, { - \\"variable\\": \\"--amplify-components-table-header-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-table-header-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-table-header-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-table-header-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-table-header-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-table-header-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-table-header-display\\", - \\"value\\": \\"table-cell\\" + "variable": "--amplify-components-table-header-display", + "value": "table-cell" }, { - \\"variable\\": \\"--amplify-components-table-header-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-table-header-font-size", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-table-header-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-bold)\\" + "variable": "--amplify-components-table-header-font-weight", + "value": "var(--amplify-font-weights-bold)" }, { - \\"variable\\": \\"--amplify-components-table-header-large-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-large)\\" + "variable": "--amplify-components-table-header-large-font-size", + "value": "var(--amplify-font-sizes-large)" }, { - \\"variable\\": \\"--amplify-components-table-header-large-padding\\", - \\"value\\": \\"var(--amplify-space-large)\\" + "variable": "--amplify-components-table-header-large-padding", + "value": "var(--amplify-space-large)" }, { - \\"variable\\": \\"--amplify-components-table-header-padding\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-table-header-padding", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-table-header-small-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-small)\\" + "variable": "--amplify-components-table-header-small-font-size", + "value": "var(--amplify-font-sizes-small)" }, { - \\"variable\\": \\"--amplify-components-table-header-small-padding\\", - \\"value\\": \\"var(--amplify-space-xs)\\" + "variable": "--amplify-components-table-header-small-padding", + "value": "var(--amplify-space-xs)" }, { - \\"variable\\": \\"--amplify-components-table-header-vertical-align\\", - \\"value\\": \\"middle\\" + "variable": "--amplify-components-table-header-vertical-align", + "value": "middle" }, { - \\"variable\\": \\"--amplify-components-table-row-display\\", - \\"value\\": \\"table-row\\" + "variable": "--amplify-components-table-row-display", + "value": "table-row" }, { - \\"variable\\": \\"--amplify-components-table-row-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-tertiary)\\" + "variable": "--amplify-components-table-row-hover-background-color", + "value": "var(--amplify-colors-background-tertiary)" }, { - \\"variable\\": \\"--amplify-components-table-row-striped-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-secondary)\\" + "variable": "--amplify-components-table-row-striped-background-color", + "value": "var(--amplify-colors-background-secondary)" }, { - \\"variable\\": \\"--amplify-components-table-row-vertical-align\\", - \\"value\\": \\"middle\\" + "variable": "--amplify-components-table-row-vertical-align", + "value": "middle" }, { - \\"variable\\": \\"--amplify-components-table-width\\", - \\"value\\": \\"100%\\" + "variable": "--amplify-components-table-width", + "value": "100%" }, { - \\"variable\\": \\"--amplify-components-tabs-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-tabs-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-tabs-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-secondary)\\" + "variable": "--amplify-components-tabs-border-color", + "value": "var(--amplify-colors-border-secondary)" }, { - \\"variable\\": \\"--amplify-components-tabs-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-tabs-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-tabs-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-medium)\\" + "variable": "--amplify-components-tabs-border-width", + "value": "var(--amplify-border-widths-medium)" }, { - \\"variable\\": \\"--amplify-components-tabs-gap\\", - \\"value\\": \\"0\\" + "variable": "--amplify-components-tabs-gap", + "value": "0" }, { - \\"variable\\": \\"--amplify-components-tabs-item-active-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-tabs-item-active-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-tabs-item-active-border-color\\", - \\"value\\": \\"var(--amplify-colors-font-interactive)\\" + "variable": "--amplify-components-tabs-item-active-border-color", + "value": "var(--amplify-colors-font-interactive)" }, { - \\"variable\\": \\"--amplify-components-tabs-item-active-color\\", - \\"value\\": \\"var(--amplify-colors-font-interactive)\\" + "variable": "--amplify-components-tabs-item-active-color", + "value": "var(--amplify-colors-font-interactive)" }, { - \\"variable\\": \\"--amplify-components-tabs-item-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-tabs-item-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-tabs-item-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-secondary)\\" + "variable": "--amplify-components-tabs-item-border-color", + "value": "var(--amplify-colors-border-secondary)" }, { - \\"variable\\": \\"--amplify-components-tabs-item-border-style\\", - \\"value\\": \\"solid\\" + "variable": "--amplify-components-tabs-item-border-style", + "value": "solid" }, { - \\"variable\\": \\"--amplify-components-tabs-item-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-medium)\\" + "variable": "--amplify-components-tabs-item-border-width", + "value": "var(--amplify-border-widths-medium)" }, { - \\"variable\\": \\"--amplify-components-tabs-item-color\\", - \\"value\\": \\"var(--amplify-colors-font-secondary)\\" + "variable": "--amplify-components-tabs-item-color", + "value": "var(--amplify-colors-font-secondary)" }, { - \\"variable\\": \\"--amplify-components-tabs-item-disabled-background-color\\", - \\"value\\": \\"transparent\\" + "variable": "--amplify-components-tabs-item-disabled-background-color", + "value": "transparent" }, { - \\"variable\\": \\"--amplify-components-tabs-item-disabled-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-tertiary)\\" + "variable": "--amplify-components-tabs-item-disabled-border-color", + "value": "var(--amplify-colors-border-tertiary)" }, { - \\"variable\\": \\"--amplify-components-tabs-item-disabled-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-tabs-item-disabled-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-tabs-item-focus-color\\", - \\"value\\": \\"var(--amplify-colors-font-focus)\\" + "variable": "--amplify-components-tabs-item-focus-color", + "value": "var(--amplify-colors-font-focus)" }, { - \\"variable\\": \\"--amplify-components-tabs-item-font-size\\", - \\"value\\": \\"var(--amplify-font-sizes-medium)\\" + "variable": "--amplify-components-tabs-item-font-size", + "value": "var(--amplify-font-sizes-medium)" }, { - \\"variable\\": \\"--amplify-components-tabs-item-font-weight\\", - \\"value\\": \\"var(--amplify-font-weights-bold)\\" + "variable": "--amplify-components-tabs-item-font-weight", + "value": "var(--amplify-font-weights-bold)" }, { - \\"variable\\": \\"--amplify-components-tabs-item-hover-color\\", - \\"value\\": \\"var(--amplify-colors-font-hover)\\" + "variable": "--amplify-components-tabs-item-hover-color", + "value": "var(--amplify-colors-font-hover)" }, { - \\"variable\\": \\"--amplify-components-tabs-item-padding-horizontal\\", - \\"value\\": \\"var(--amplify-space-medium)\\" + "variable": "--amplify-components-tabs-item-padding-horizontal", + "value": "var(--amplify-space-medium)" }, { - \\"variable\\": \\"--amplify-components-tabs-item-padding-vertical\\", - \\"value\\": \\"var(--amplify-space-small)\\" + "variable": "--amplify-components-tabs-item-padding-vertical", + "value": "var(--amplify-space-small)" }, { - \\"variable\\": \\"--amplify-components-tabs-item-text-align\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-tabs-item-text-align", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-tabs-item-transition-duration\\", - \\"value\\": \\"var(--amplify-time-medium)\\" + "variable": "--amplify-components-tabs-item-transition-duration", + "value": "var(--amplify-time-medium)" }, { - \\"variable\\": \\"--amplify-components-text-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-text-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-text-error-color\\", - \\"value\\": \\"var(--amplify-colors-font-error)\\" + "variable": "--amplify-components-text-error-color", + "value": "var(--amplify-colors-font-error)" }, { - \\"variable\\": \\"--amplify-components-text-info-color\\", - \\"value\\": \\"var(--amplify-colors-font-info)\\" + "variable": "--amplify-components-text-info-color", + "value": "var(--amplify-colors-font-info)" }, { - \\"variable\\": \\"--amplify-components-text-primary-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-text-primary-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-text-secondary-color\\", - \\"value\\": \\"var(--amplify-colors-font-secondary)\\" + "variable": "--amplify-components-text-secondary-color", + "value": "var(--amplify-colors-font-secondary)" }, { - \\"variable\\": \\"--amplify-components-text-success-color\\", - \\"value\\": \\"var(--amplify-colors-font-success)\\" + "variable": "--amplify-components-text-success-color", + "value": "var(--amplify-colors-font-success)" }, { - \\"variable\\": \\"--amplify-components-text-tertiary-color\\", - \\"value\\": \\"var(--amplify-colors-font-tertiary)\\" + "variable": "--amplify-components-text-tertiary-color", + "value": "var(--amplify-colors-font-tertiary)" }, { - \\"variable\\": \\"--amplify-components-text-warning-color\\", - \\"value\\": \\"var(--amplify-colors-font-warning)\\" + "variable": "--amplify-components-text-warning-color", + "value": "var(--amplify-colors-font-warning)" }, { - \\"variable\\": \\"--amplify-components-textareafield-border-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-border-color)\\" + "variable": "--amplify-components-textareafield-border-color", + "value": "var(--amplify-components-fieldcontrol-border-color)" }, { - \\"variable\\": \\"--amplify-components-textareafield-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-color)\\" + "variable": "--amplify-components-textareafield-color", + "value": "var(--amplify-components-fieldcontrol-color)" }, { - \\"variable\\": \\"--amplify-components-textareafield-focus-border-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-focus-border-color)\\" + "variable": "--amplify-components-textareafield-focus-border-color", + "value": "var(--amplify-components-fieldcontrol-focus-border-color)" }, { - \\"variable\\": \\"--amplify-components-textfield-border-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-border-color)\\" + "variable": "--amplify-components-textfield-border-color", + "value": "var(--amplify-components-fieldcontrol-border-color)" }, { - \\"variable\\": \\"--amplify-components-textfield-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-color)\\" + "variable": "--amplify-components-textfield-color", + "value": "var(--amplify-components-fieldcontrol-color)" }, { - \\"variable\\": \\"--amplify-components-textfield-focus-border-color\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-focus-border-color)\\" + "variable": "--amplify-components-textfield-focus-border-color", + "value": "var(--amplify-components-fieldcontrol-focus-border-color)" }, { - \\"variable\\": \\"--amplify-components-textfield-font-size\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-font-size)\\" + "variable": "--amplify-components-textfield-font-size", + "value": "var(--amplify-components-fieldcontrol-font-size)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-active-background-color\\", - \\"value\\": \\"var(--amplify-colors-transparent)\\" + "variable": "--amplify-components-togglebutton-active-background-color", + "value": "var(--amplify-colors-transparent)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-primary)\\" + "variable": "--amplify-components-togglebutton-border-color", + "value": "var(--amplify-colors-border-primary)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-togglebutton-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-disabled-background-color\\", - \\"value\\": \\"var(--amplify-colors-transparent)\\" + "variable": "--amplify-components-togglebutton-disabled-background-color", + "value": "var(--amplify-colors-transparent)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-disabled-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-disabled)\\" + "variable": "--amplify-components-togglebutton-disabled-border-color", + "value": "var(--amplify-colors-border-disabled)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-disabled-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-togglebutton-disabled-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-focus-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-focus)\\" + "variable": "--amplify-components-togglebutton-focus-border-color", + "value": "var(--amplify-colors-border-focus)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-focus-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-togglebutton-focus-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-10)\\" + "variable": "--amplify-components-togglebutton-hover-background-color", + "value": "var(--amplify-colors-overlay-10)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-link-background-color\\", - \\"value\\": \\"var(--amplify-colors-transparent)\\" + "variable": "--amplify-components-togglebutton-link-background-color", + "value": "var(--amplify-colors-transparent)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-link-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-50)\\" + "variable": "--amplify-components-togglebutton-link-color", + "value": "var(--amplify-colors-overlay-50)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-link-disabled-background-color\\", - \\"value\\": \\"var(--amplify-colors-transparent)\\" + "variable": "--amplify-components-togglebutton-link-disabled-background-color", + "value": "var(--amplify-colors-transparent)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-link-disabled-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-togglebutton-link-disabled-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-link-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-transparent)\\" + "variable": "--amplify-components-togglebutton-link-focus-background-color", + "value": "var(--amplify-colors-transparent)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-link-focus-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-50)\\" + "variable": "--amplify-components-togglebutton-link-focus-color", + "value": "var(--amplify-colors-overlay-50)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-link-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-transparent)\\" + "variable": "--amplify-components-togglebutton-link-hover-background-color", + "value": "var(--amplify-colors-transparent)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-link-hover-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-50)\\" + "variable": "--amplify-components-togglebutton-link-hover-color", + "value": "var(--amplify-colors-overlay-50)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-link-pressed-background-color\\", - \\"value\\": \\"var(--amplify-colors-transparent)\\" + "variable": "--amplify-components-togglebutton-link-pressed-background-color", + "value": "var(--amplify-colors-transparent)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-link-pressed-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-90)\\" + "variable": "--amplify-components-togglebutton-link-pressed-color", + "value": "var(--amplify-colors-overlay-90)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-link-pressed-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-transparent)\\" + "variable": "--amplify-components-togglebutton-link-pressed-focus-background-color", + "value": "var(--amplify-colors-transparent)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-link-pressed-focus-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-90)\\" + "variable": "--amplify-components-togglebutton-link-pressed-focus-color", + "value": "var(--amplify-colors-overlay-90)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-link-pressed-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-transparent)\\" + "variable": "--amplify-components-togglebutton-link-pressed-hover-background-color", + "value": "var(--amplify-colors-transparent)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-link-pressed-hover-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-90)\\" + "variable": "--amplify-components-togglebutton-link-pressed-hover-color", + "value": "var(--amplify-colors-overlay-90)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-pressed-background-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-20)\\" + "variable": "--amplify-components-togglebutton-pressed-background-color", + "value": "var(--amplify-colors-overlay-20)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-pressed-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-pressed)\\" + "variable": "--amplify-components-togglebutton-pressed-border-color", + "value": "var(--amplify-colors-border-pressed)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-pressed-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-togglebutton-pressed-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-pressed-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-30)\\" + "variable": "--amplify-components-togglebutton-pressed-hover-background-color", + "value": "var(--amplify-colors-overlay-30)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-background-color\\", - \\"value\\": \\"var(--amplify-colors-transparent)\\" + "variable": "--amplify-components-togglebutton-primary-background-color", + "value": "var(--amplify-colors-transparent)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-border-width\\", - \\"value\\": \\"var(--amplify-border-widths-small)\\" + "variable": "--amplify-components-togglebutton-primary-border-width", + "value": "var(--amplify-border-widths-small)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-disabled-background-color\\", - \\"value\\": \\"var(--amplify-colors-background-disabled)\\" + "variable": "--amplify-components-togglebutton-primary-disabled-background-color", + "value": "var(--amplify-colors-background-disabled)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-disabled-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-disabled)\\" + "variable": "--amplify-components-togglebutton-primary-disabled-border-color", + "value": "var(--amplify-colors-border-disabled)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-disabled-color\\", - \\"value\\": \\"var(--amplify-colors-font-disabled)\\" + "variable": "--amplify-components-togglebutton-primary-disabled-color", + "value": "var(--amplify-colors-font-disabled)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-transparent)\\" + "variable": "--amplify-components-togglebutton-primary-focus-background-color", + "value": "var(--amplify-colors-transparent)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-focus-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-focus)\\" + "variable": "--amplify-components-togglebutton-primary-focus-border-color", + "value": "var(--amplify-colors-border-focus)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-focus-box-shadow\\", - \\"value\\": \\"var(--amplify-components-fieldcontrol-focus-box-shadow)\\" + "variable": "--amplify-components-togglebutton-primary-focus-box-shadow", + "value": "var(--amplify-components-fieldcontrol-focus-box-shadow)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-focus-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-togglebutton-primary-focus-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-overlay-10)\\" + "variable": "--amplify-components-togglebutton-primary-hover-background-color", + "value": "var(--amplify-colors-overlay-10)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-hover-color\\", - \\"value\\": \\"var(--amplify-colors-font-primary)\\" + "variable": "--amplify-components-togglebutton-primary-hover-color", + "value": "var(--amplify-colors-font-primary)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-pressed-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-80)\\" + "variable": "--amplify-components-togglebutton-primary-pressed-background-color", + "value": "var(--amplify-colors-brand-primary-80)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-pressed-border-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-80)\\" + "variable": "--amplify-components-togglebutton-primary-pressed-border-color", + "value": "var(--amplify-colors-brand-primary-80)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-pressed-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-togglebutton-primary-pressed-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-pressed-focus-background-color\\", - \\"value\\": \\"var(--amplify-colors-border-focus)\\" + "variable": "--amplify-components-togglebutton-primary-pressed-focus-background-color", + "value": "var(--amplify-colors-border-focus)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-pressed-focus-border-color\\", - \\"value\\": \\"var(--amplify-colors-border-focus)\\" + "variable": "--amplify-components-togglebutton-primary-pressed-focus-border-color", + "value": "var(--amplify-colors-border-focus)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-pressed-focus-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-togglebutton-primary-pressed-focus-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-pressed-hover-background-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-60)\\" + "variable": "--amplify-components-togglebutton-primary-pressed-hover-background-color", + "value": "var(--amplify-colors-brand-primary-60)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-pressed-hover-border-color\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-60)\\" + "variable": "--amplify-components-togglebutton-primary-pressed-hover-border-color", + "value": "var(--amplify-colors-brand-primary-60)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-pressed-hover-box-shadow\\", - \\"value\\": \\"var(--amplify-colors-brand-primary-60)\\" + "variable": "--amplify-components-togglebutton-primary-pressed-hover-box-shadow", + "value": "var(--amplify-colors-brand-primary-60)" }, { - \\"variable\\": \\"--amplify-components-togglebutton-primary-pressed-hover-color\\", - \\"value\\": \\"var(--amplify-colors-background-primary)\\" + "variable": "--amplify-components-togglebutton-primary-pressed-hover-color", + "value": "var(--amplify-colors-background-primary)" }, { - \\"variable\\": \\"--amplify-components-togglebuttongroup-align-content\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-togglebuttongroup-align-content", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-togglebuttongroup-align-items\\", - \\"value\\": \\"center\\" + "variable": "--amplify-components-togglebuttongroup-align-items", + "value": "center" }, { - \\"variable\\": \\"--amplify-components-togglebuttongroup-justify-content\\", - \\"value\\": \\"flex-start\\" + "variable": "--amplify-components-togglebuttongroup-justify-content", + "value": "flex-start" }, { - \\"variable\\": \\"--amplify-font-sizes-large\\", - \\"value\\": \\"1.25rem\\" + "variable": "--amplify-font-sizes-large", + "value": "1.25rem" }, { - \\"variable\\": \\"--amplify-font-sizes-medium\\", - \\"value\\": \\"1rem\\" + "variable": "--amplify-font-sizes-medium", + "value": "1rem" }, { - \\"variable\\": \\"--amplify-font-sizes-small\\", - \\"value\\": \\"0.875rem\\" + "variable": "--amplify-font-sizes-small", + "value": "0.875rem" }, { - \\"variable\\": \\"--amplify-font-sizes-xl\\", - \\"value\\": \\"1.5rem\\" + "variable": "--amplify-font-sizes-xl", + "value": "1.5rem" }, { - \\"variable\\": \\"--amplify-font-sizes-xs\\", - \\"value\\": \\"0.75rem\\" + "variable": "--amplify-font-sizes-xs", + "value": "0.75rem" }, { - \\"variable\\": \\"--amplify-font-sizes-xxl\\", - \\"value\\": \\"2rem\\" + "variable": "--amplify-font-sizes-xxl", + "value": "2rem" }, { - \\"variable\\": \\"--amplify-font-sizes-xxs\\", - \\"value\\": \\"0.5rem\\" + "variable": "--amplify-font-sizes-xxs", + "value": "0.5rem" }, { - \\"variable\\": \\"--amplify-font-sizes-xxxl\\", - \\"value\\": \\"2.5rem\\" + "variable": "--amplify-font-sizes-xxxl", + "value": "2.5rem" }, { - \\"variable\\": \\"--amplify-font-sizes-xxxs\\", - \\"value\\": \\"0.375rem\\" + "variable": "--amplify-font-sizes-xxxs", + "value": "0.375rem" }, { - \\"variable\\": \\"--amplify-font-sizes-xxxxl\\", - \\"value\\": \\"3rem\\" + "variable": "--amplify-font-sizes-xxxxl", + "value": "3rem" }, { - \\"variable\\": \\"--amplify-font-weights-black\\", - \\"value\\": \\"900\\" + "variable": "--amplify-font-weights-black", + "value": "900" }, { - \\"variable\\": \\"--amplify-font-weights-bold\\", - \\"value\\": \\"700\\" + "variable": "--amplify-font-weights-bold", + "value": "700" }, { - \\"variable\\": \\"--amplify-font-weights-extrabold\\", - \\"value\\": \\"800\\" + "variable": "--amplify-font-weights-extrabold", + "value": "800" }, { - \\"variable\\": \\"--amplify-font-weights-hairline\\", - \\"value\\": \\"100\\" + "variable": "--amplify-font-weights-hairline", + "value": "100" }, { - \\"variable\\": \\"--amplify-font-weights-light\\", - \\"value\\": \\"300\\" + "variable": "--amplify-font-weights-light", + "value": "300" }, { - \\"variable\\": \\"--amplify-font-weights-medium\\", - \\"value\\": \\"500\\" + "variable": "--amplify-font-weights-medium", + "value": "500" }, { - \\"variable\\": \\"--amplify-font-weights-normal\\", - \\"value\\": \\"400\\" + "variable": "--amplify-font-weights-normal", + "value": "400" }, { - \\"variable\\": \\"--amplify-font-weights-semibold\\", - \\"value\\": \\"600\\" + "variable": "--amplify-font-weights-semibold", + "value": "600" }, { - \\"variable\\": \\"--amplify-font-weights-thin\\", - \\"value\\": \\"200\\" + "variable": "--amplify-font-weights-thin", + "value": "200" }, { - \\"variable\\": \\"--amplify-fonts-default-static\\", - \\"value\\": \\"'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue',\\\\n 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', sans-serif\\" + "variable": "--amplify-fonts-default-static", + "value": "'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue',\\n 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', sans-serif" }, { - \\"variable\\": \\"--amplify-fonts-default-variable\\", - \\"value\\": \\"'InterVariable', 'Inter var', 'Inter', -apple-system, BlinkMacSystemFont,\\\\n 'Helvetica Neue', 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans',\\\\n sans-serif\\" + "variable": "--amplify-fonts-default-variable", + "value": "'InterVariable', 'Inter var', 'Inter', -apple-system, BlinkMacSystemFont,\\n 'Helvetica Neue', 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans',\\n sans-serif" }, { - \\"variable\\": \\"--amplify-line-heights-large\\", - \\"value\\": \\"2\\" + "variable": "--amplify-line-heights-large", + "value": "2" }, { - \\"variable\\": \\"--amplify-line-heights-medium\\", - \\"value\\": \\"1.5\\" + "variable": "--amplify-line-heights-medium", + "value": "1.5" }, { - \\"variable\\": \\"--amplify-line-heights-small\\", - \\"value\\": \\"1.25\\" + "variable": "--amplify-line-heights-small", + "value": "1.25" }, { - \\"variable\\": \\"--amplify-opacities-0\\", - \\"value\\": \\"0\\" + "variable": "--amplify-opacities-0", + "value": "0" }, { - \\"variable\\": \\"--amplify-opacities-10\\", - \\"value\\": \\"0.1\\" + "variable": "--amplify-opacities-10", + "value": "0.1" }, { - \\"variable\\": \\"--amplify-opacities-100\\", - \\"value\\": \\"1\\" + "variable": "--amplify-opacities-100", + "value": "1" }, { - \\"variable\\": \\"--amplify-opacities-20\\", - \\"value\\": \\"0.2\\" + "variable": "--amplify-opacities-20", + "value": "0.2" }, { - \\"variable\\": \\"--amplify-opacities-30\\", - \\"value\\": \\"0.3\\" + "variable": "--amplify-opacities-30", + "value": "0.3" }, { - \\"variable\\": \\"--amplify-opacities-40\\", - \\"value\\": \\"0.4\\" + "variable": "--amplify-opacities-40", + "value": "0.4" }, { - \\"variable\\": \\"--amplify-opacities-50\\", - \\"value\\": \\"0.5\\" + "variable": "--amplify-opacities-50", + "value": "0.5" }, { - \\"variable\\": \\"--amplify-opacities-60\\", - \\"value\\": \\"0.6\\" + "variable": "--amplify-opacities-60", + "value": "0.6" }, { - \\"variable\\": \\"--amplify-opacities-70\\", - \\"value\\": \\"0.7\\" + "variable": "--amplify-opacities-70", + "value": "0.7" }, { - \\"variable\\": \\"--amplify-opacities-80\\", - \\"value\\": \\"0.8\\" + "variable": "--amplify-opacities-80", + "value": "0.8" }, { - \\"variable\\": \\"--amplify-opacities-90\\", - \\"value\\": \\"0.9\\" + "variable": "--amplify-opacities-90", + "value": "0.9" }, { - \\"variable\\": \\"--amplify-outline-offsets-large\\", - \\"value\\": \\"3px\\" + "variable": "--amplify-outline-offsets-large", + "value": "3px" }, { - \\"variable\\": \\"--amplify-outline-offsets-medium\\", - \\"value\\": \\"2px\\" + "variable": "--amplify-outline-offsets-medium", + "value": "2px" }, { - \\"variable\\": \\"--amplify-outline-offsets-small\\", - \\"value\\": \\"1px\\" + "variable": "--amplify-outline-offsets-small", + "value": "1px" }, { - \\"variable\\": \\"--amplify-outline-widths-large\\", - \\"value\\": \\"3px\\" + "variable": "--amplify-outline-widths-large", + "value": "3px" }, { - \\"variable\\": \\"--amplify-outline-widths-medium\\", - \\"value\\": \\"2px\\" + "variable": "--amplify-outline-widths-medium", + "value": "2px" }, { - \\"variable\\": \\"--amplify-outline-widths-small\\", - \\"value\\": \\"1px\\" + "variable": "--amplify-outline-widths-small", + "value": "1px" }, { - \\"variable\\": \\"--amplify-radii-large\\", - \\"value\\": \\"1rem\\" + "variable": "--amplify-radii-large", + "value": "1rem" }, { - \\"variable\\": \\"--amplify-radii-medium\\", - \\"value\\": \\"0.5rem\\" + "variable": "--amplify-radii-medium", + "value": "0.5rem" }, { - \\"variable\\": \\"--amplify-radii-small\\", - \\"value\\": \\"0.25rem\\" + "variable": "--amplify-radii-small", + "value": "0.25rem" }, { - \\"variable\\": \\"--amplify-radii-xl\\", - \\"value\\": \\"2rem\\" + "variable": "--amplify-radii-xl", + "value": "2rem" }, { - \\"variable\\": \\"--amplify-radii-xs\\", - \\"value\\": \\"0.125rem\\" + "variable": "--amplify-radii-xs", + "value": "0.125rem" }, { - \\"variable\\": \\"--amplify-radii-xxl\\", - \\"value\\": \\"4rem\\" + "variable": "--amplify-radii-xxl", + "value": "4rem" }, { - \\"variable\\": \\"--amplify-radii-xxxl\\", - \\"value\\": \\"8rem\\" + "variable": "--amplify-radii-xxxl", + "value": "8rem" }, { - \\"variable\\": \\"--amplify-shadows-large\\", - \\"value\\": \\"0px 4px 12px var(--amplify-colors-shadow-primary)\\" + "variable": "--amplify-shadows-large", + "value": "0px 4px 12px var(--amplify-colors-shadow-primary)" }, { - \\"variable\\": \\"--amplify-shadows-medium\\", - \\"value\\": \\"0px 2px 6px var(--amplify-colors-shadow-secondary)\\" + "variable": "--amplify-shadows-medium", + "value": "0px 2px 6px var(--amplify-colors-shadow-secondary)" }, { - \\"variable\\": \\"--amplify-shadows-small\\", - \\"value\\": \\"0px 2px 4px var(--amplify-colors-shadow-tertiary)\\" + "variable": "--amplify-shadows-small", + "value": "0px 2px 4px var(--amplify-colors-shadow-tertiary)" }, { - \\"variable\\": \\"--amplify-space-large\\", - \\"value\\": \\"1.5rem\\" + "variable": "--amplify-space-large", + "value": "1.5rem" }, { - \\"variable\\": \\"--amplify-space-medium\\", - \\"value\\": \\"1rem\\" + "variable": "--amplify-space-medium", + "value": "1rem" }, { - \\"variable\\": \\"--amplify-space-relative-full\\", - \\"value\\": \\"100%\\" + "variable": "--amplify-space-relative-full", + "value": "100%" }, { - \\"variable\\": \\"--amplify-space-relative-large\\", - \\"value\\": \\"1.5em\\" + "variable": "--amplify-space-relative-large", + "value": "1.5em" }, { - \\"variable\\": \\"--amplify-space-relative-medium\\", - \\"value\\": \\"1em\\" + "variable": "--amplify-space-relative-medium", + "value": "1em" }, { - \\"variable\\": \\"--amplify-space-relative-small\\", - \\"value\\": \\"0.75em\\" + "variable": "--amplify-space-relative-small", + "value": "0.75em" }, { - \\"variable\\": \\"--amplify-space-relative-xl\\", - \\"value\\": \\"2.0em\\" + "variable": "--amplify-space-relative-xl", + "value": "2.0em" }, { - \\"variable\\": \\"--amplify-space-relative-xs\\", - \\"value\\": \\"0.5em\\" + "variable": "--amplify-space-relative-xs", + "value": "0.5em" }, { - \\"variable\\": \\"--amplify-space-relative-xxl\\", - \\"value\\": \\"3.0em\\" + "variable": "--amplify-space-relative-xxl", + "value": "3.0em" }, { - \\"variable\\": \\"--amplify-space-relative-xxs\\", - \\"value\\": \\"0.375em\\" + "variable": "--amplify-space-relative-xxs", + "value": "0.375em" }, { - \\"variable\\": \\"--amplify-space-relative-xxxl\\", - \\"value\\": \\"4.5em\\" + "variable": "--amplify-space-relative-xxxl", + "value": "4.5em" }, { - \\"variable\\": \\"--amplify-space-relative-xxxs\\", - \\"value\\": \\"0.25em\\" + "variable": "--amplify-space-relative-xxxs", + "value": "0.25em" }, { - \\"variable\\": \\"--amplify-space-small\\", - \\"value\\": \\"0.75rem\\" + "variable": "--amplify-space-small", + "value": "0.75rem" }, { - \\"variable\\": \\"--amplify-space-xl\\", - \\"value\\": \\"2.0rem\\" + "variable": "--amplify-space-xl", + "value": "2.0rem" }, { - \\"variable\\": \\"--amplify-space-xs\\", - \\"value\\": \\"0.5rem\\" + "variable": "--amplify-space-xs", + "value": "0.5rem" }, { - \\"variable\\": \\"--amplify-space-xxl\\", - \\"value\\": \\"3.0rem\\" + "variable": "--amplify-space-xxl", + "value": "3.0rem" }, { - \\"variable\\": \\"--amplify-space-xxs\\", - \\"value\\": \\"0.375rem\\" + "variable": "--amplify-space-xxs", + "value": "0.375rem" }, { - \\"variable\\": \\"--amplify-space-xxxl\\", - \\"value\\": \\"4.5rem\\" + "variable": "--amplify-space-xxxl", + "value": "4.5rem" }, { - \\"variable\\": \\"--amplify-space-xxxs\\", - \\"value\\": \\"0.25rem\\" + "variable": "--amplify-space-xxxs", + "value": "0.25rem" }, { - \\"variable\\": \\"--amplify-space-zero\\", - \\"value\\": \\"0\\" + "variable": "--amplify-space-zero", + "value": "0" }, { - \\"variable\\": \\"--amplify-time-long\\", - \\"value\\": \\"500ms\\" + "variable": "--amplify-time-long", + "value": "500ms" }, { - \\"variable\\": \\"--amplify-time-medium\\", - \\"value\\": \\"250ms\\" + "variable": "--amplify-time-medium", + "value": "250ms" }, { - \\"variable\\": \\"--amplify-time-short\\", - \\"value\\": \\"100ms\\" + "variable": "--amplify-time-short", + "value": "100ms" }, { - \\"variable\\": \\"--amplify-transforms-slide-x-large\\", - \\"value\\": \\"translateX(2em)\\" + "variable": "--amplify-transforms-slide-x-large", + "value": "translateX(2em)" }, { - \\"variable\\": \\"--amplify-transforms-slide-x-medium\\", - \\"value\\": \\"translateX(1em)\\" + "variable": "--amplify-transforms-slide-x-medium", + "value": "translateX(1em)" }, { - \\"variable\\": \\"--amplify-transforms-slide-x-small\\", - \\"value\\": \\"translateX(0.5em)\\" + "variable": "--amplify-transforms-slide-x-small", + "value": "translateX(0.5em)" } ]" `; diff --git a/docs/__tests__/__snapshots__/props-table.test.ts.snap b/docs/__tests__/__snapshots__/props-table.test.ts.snap index f1bf563f736..6d1dec7b23d 100644 --- a/docs/__tests__/__snapshots__/props-table.test.ts.snap +++ b/docs/__tests__/__snapshots__/props-table.test.ts.snap @@ -2,14823 +2,14823 @@ exports[`Props Table 1`] = ` "{ - \\"Accordion\\": { - \\"Accordion\\": [ + "Accordion": { + "Accordion": [ { - \\"Main\\": { - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ], - \\"Accordion.Item\\": [ + "Accordion.Item": [ { - \\"Main\\": { - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Alert\\": { - \\"Alert\\": [ + "Alert": { + "Alert": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"'info' | 'error' | 'warning' | 'success'\\", - \\"description\\": \\"The variation property will affect the background color of the Alert.\\", - \\"category\\": \\"BaseAlertProps\\", - \\"isOptional\\": true - }, - \\"isDismissible\\": { - \\"name\\": \\"isDismissible\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"The isDismissible property will affect whether the user can dismiss (close) the Alert. Defaults to false (not dismissible).\\", - \\"category\\": \\"BaseAlertProps\\", - \\"isOptional\\": true - }, - \\"dismissButtonLabel\\": { - \\"name\\": \\"dismissButtonLabel\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Configures the accessible label for the Alert's dismiss button.\\", - \\"category\\": \\"BaseAlertProps\\", - \\"isOptional\\": true - }, - \\"onDismiss\\": { - \\"name\\": \\"onDismiss\\", - \\"type\\": \\"(() => void) | undefined\\", - \\"description\\": \\"The onDismiss callback will be called when the user dismisses (closes) the Alert.\\", - \\"category\\": \\"BaseAlertProps\\", - \\"isOptional\\": true - }, - \\"hasIcon\\": { - \\"name\\": \\"hasIcon\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"The hasIcon property will determine whether or not an icon is displayed on the Alert. Defaults to true (icon displayed).\\", - \\"category\\": \\"BaseAlertProps\\", - \\"isOptional\\": true - }, - \\"heading\\": { - \\"name\\": \\"heading\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"The heading property will affect the content of the Alert heading.\\", - \\"category\\": \\"BaseAlertProps\\", - \\"isOptional\\": true - }, - \\"buttonRef\\": { - \\"name\\": \\"buttonRef\\", - \\"type\\": \\"React.Ref | undefined\\", - \\"description\\": \\"The ref will be forwarded to the dismiss button\\", - \\"category\\": \\"BaseAlertProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "'info' | 'error' | 'warning' | 'success'", + "description": "The variation property will affect the background color of the Alert.", + "category": "BaseAlertProps", + "isOptional": true + }, + "isDismissible": { + "name": "isDismissible", + "type": "boolean | undefined", + "description": "The isDismissible property will affect whether the user can dismiss (close) the Alert. Defaults to false (not dismissible).", + "category": "BaseAlertProps", + "isOptional": true + }, + "dismissButtonLabel": { + "name": "dismissButtonLabel", + "type": "string | undefined", + "description": "Configures the accessible label for the Alert's dismiss button.", + "category": "BaseAlertProps", + "isOptional": true + }, + "onDismiss": { + "name": "onDismiss", + "type": "(() => void) | undefined", + "description": "The onDismiss callback will be called when the user dismisses (closes) the Alert.", + "category": "BaseAlertProps", + "isOptional": true + }, + "hasIcon": { + "name": "hasIcon", + "type": "boolean | undefined", + "description": "The hasIcon property will determine whether or not an icon is displayed on the Alert. Defaults to true (icon displayed).", + "category": "BaseAlertProps", + "isOptional": true + }, + "heading": { + "name": "heading", + "type": "React.ReactNode", + "description": "The heading property will affect the content of the Alert heading.", + "category": "BaseAlertProps", + "isOptional": true + }, + "buttonRef": { + "name": "buttonRef", + "type": "React.Ref | undefined", + "description": "The ref will be forwarded to the dismiss button", + "category": "BaseAlertProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Autocomplete\\": { - \\"Autocomplete\\": [ + "Autocomplete": { + "Autocomplete": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"options\\": { - \\"name\\": \\"options\\", - \\"type\\": \\"ComboBoxOption[]\\", - \\"description\\": \\"A list of options\\", - \\"category\\": \\"BaseAutocompleteProps\\", - \\"isOptional\\": false - }, - \\"menuSlots\\": { - \\"name\\": \\"menuSlots\\", - \\"type\\": \\"PrimitiveProps\\", - \\"description\\": \\"A colleciton of slots to customize the dropdown of options\\", - \\"category\\": \\"BaseAutocompleteProps\\", - \\"isOptional\\": true - }, - \\"isLoading\\": { - \\"name\\": \\"isLoading\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Used to indicate if the autocomplete in loading state Default: false\\", - \\"category\\": \\"BaseAutocompleteProps\\", - \\"isOptional\\": true - }, - \\"optionFilter\\": { - \\"name\\": \\"optionFilter\\", - \\"type\\": \\"((option: ComboBoxOption, value: string) => boolean) | undefined\\", - \\"description\\": \\"Custom filter that will be applied to options.\\\\n\\\\nNote: Applying custom filter to options will disable match highlighting.\\", - \\"category\\": \\"BaseAutocompleteProps\\", - \\"isOptional\\": true - }, - \\"renderOption\\": { - \\"name\\": \\"renderOption\\", - \\"type\\": \\"((option: ComboBoxOption, value: string) => React.ReactNode) | undefined\\", - \\"description\\": \\"Used to customize the rendering of an option inside the li element\\", - \\"category\\": \\"BaseAutocompleteProps\\", - \\"isOptional\\": true - }, - \\"onSelect\\": { - \\"name\\": \\"onSelect\\", - \\"type\\": \\"((option: ComboBoxOption) => void) | undefined\\", - \\"description\\": \\"Triggered when an option is selected\\", - \\"category\\": \\"BaseAutocompleteProps\\", - \\"isOptional\\": true - }, - \\"defaultValue\\": { - \\"name\\": \\"defaultValue\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Set the initial value for an uncontrolled search field\\", - \\"category\\": \\"BaseSearchFieldProps\\", - \\"isOptional\\": true - }, - \\"value\\": { - \\"name\\": \\"value\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Set the value for a controlled search field\\", - \\"category\\": \\"BaseSearchFieldProps\\", - \\"isOptional\\": true - }, - \\"hasSearchButton\\": { - \\"name\\": \\"hasSearchButton\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Used to determine whether to render a search button on the right Default: true\\", - \\"category\\": \\"BaseSearchFieldProps\\", - \\"isOptional\\": true - }, - \\"hasSearchIcon\\": { - \\"name\\": \\"hasSearchIcon\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Used to determine whether to render a search icon on the left when there is no search button Default: false\\", - \\"category\\": \\"BaseSearchFieldProps\\", - \\"isOptional\\": true - }, - \\"onSubmit\\": { - \\"name\\": \\"onSubmit\\", - \\"type\\": \\"((value: string) => void) | undefined\\", - \\"description\\": \\"Handle submission of search field input\\", - \\"category\\": \\"BaseSearchFieldProps\\", - \\"isOptional\\": true - }, - \\"onClear\\": { - \\"name\\": \\"onClear\\", - \\"type\\": \\"(() => void) | undefined\\", - \\"description\\": \\"Triggered when search field is cleared\\", - \\"category\\": \\"BaseSearchFieldProps\\", - \\"isOptional\\": true - }, - \\"labelHidden\\": { - \\"name\\": \\"labelHidden\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Visually hide label Default: true\\", - \\"category\\": \\"BaseSearchFieldProps\\", - \\"isOptional\\": true - }, - \\"clearButtonLabel\\": { - \\"name\\": \\"clearButtonLabel\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Set the \`aria-label\` for clear button Default: \\\\\\"Clear search\\\\\\"\\", - \\"category\\": \\"BaseSearchFieldProps\\", - \\"isOptional\\": true - }, - \\"searchButtonRef\\": { - \\"name\\": \\"searchButtonRef\\", - \\"type\\": \\"React.Ref | undefined\\", - \\"description\\": \\"Provides ref access to search button DOM element\\", - \\"category\\": \\"BaseSearchFieldProps\\", - \\"isOptional\\": true - }, - \\"outerEndComponent\\": { - \\"name\\": \\"outerEndComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Component(s) to show after input\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"outerStartComponent\\": { - \\"name\\": \\"outerStartComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Component(s) to show before input\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"innerStartComponent\\": { - \\"name\\": \\"innerStartComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"FieldGroupIconButton component to show inside of input at start\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"innerEndComponent\\": { - \\"name\\": \\"innerEndComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"FieldGroupIconButton component to show inside of input at end\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"type\\": { - \\"name\\": \\"type\\", - \\"type\\": \\"React.HTMLInputTypeAttribute | undefined\\", - \\"description\\": \\"Input field type\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"descriptiveText\\": { - \\"name\\": \\"descriptiveText\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Provides additional information needed to fill field\\\\n(e.g. password requirements, etc.)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"errorMessage\\": { - \\"name\\": \\"errorMessage\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\" When defined and \`hasError\` is true, show error message\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"label\\": { - \\"name\\": \\"label\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Label text for field (required)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": false - }, - \\"inputStyles\\": { - \\"name\\": \\"inputStyles\\", - \\"type\\": \\"BaseStyleProps | undefined\\", - \\"description\\": \\"Style props to be applied to the input element\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"autoComplete\\": { - \\"name\\": \\"autoComplete\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"checked\\": { - \\"name\\": \\"checked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If checked is provided, this will be a controlled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"defaultChecked\\": { - \\"name\\": \\"defaultChecked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Use this to initialize an uncontrolled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"hasError\\": { - \\"name\\": \\"hasError\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Indicates that Field is in error state.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"enterKeyHint\\": { - \\"name\\": \\"enterKeyHint\\", - \\"type\\": \\"EnterKeyHint | undefined\\", - \\"description\\": \\"Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"inputMode\\": { - \\"name\\": \\"inputMode\\", - \\"type\\": \\"InputMode | undefined\\", - \\"description\\": \\" Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\\\\\"text\\\\\\"\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isReadOnly\\": { - \\"name\\": \\"isReadOnly\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isRequired\\": { - \\"name\\": \\"isRequired\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Whether field should be marked required.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"name\\": { - \\"name\\": \\"name\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Name of the field. Submitted with the form as part of a name/value pair.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"placeholder\\": { - \\"name\\": \\"placeholder\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Changes the font-size, padding, and height of the field.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"\\\\\\"quiet\\\\\\" | undefined\\", - \\"description\\": \\"Variants.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "options": { + "name": "options", + "type": "ComboBoxOption[]", + "description": "A list of options", + "category": "BaseAutocompleteProps", + "isOptional": false + }, + "menuSlots": { + "name": "menuSlots", + "type": "PrimitiveProps", + "description": "A colleciton of slots to customize the dropdown of options", + "category": "BaseAutocompleteProps", + "isOptional": true + }, + "isLoading": { + "name": "isLoading", + "type": "boolean | undefined", + "description": "Used to indicate if the autocomplete in loading state Default: false", + "category": "BaseAutocompleteProps", + "isOptional": true + }, + "optionFilter": { + "name": "optionFilter", + "type": "((option: ComboBoxOption, value: string) => boolean) | undefined", + "description": "Custom filter that will be applied to options.\\n\\nNote: Applying custom filter to options will disable match highlighting.", + "category": "BaseAutocompleteProps", + "isOptional": true + }, + "renderOption": { + "name": "renderOption", + "type": "((option: ComboBoxOption, value: string) => React.ReactNode) | undefined", + "description": "Used to customize the rendering of an option inside the li element", + "category": "BaseAutocompleteProps", + "isOptional": true + }, + "onSelect": { + "name": "onSelect", + "type": "((option: ComboBoxOption) => void) | undefined", + "description": "Triggered when an option is selected", + "category": "BaseAutocompleteProps", + "isOptional": true + }, + "defaultValue": { + "name": "defaultValue", + "type": "string | undefined", + "description": "Set the initial value for an uncontrolled search field", + "category": "BaseSearchFieldProps", + "isOptional": true + }, + "value": { + "name": "value", + "type": "string | undefined", + "description": "Set the value for a controlled search field", + "category": "BaseSearchFieldProps", + "isOptional": true + }, + "hasSearchButton": { + "name": "hasSearchButton", + "type": "boolean | undefined", + "description": "Used to determine whether to render a search button on the right Default: true", + "category": "BaseSearchFieldProps", + "isOptional": true + }, + "hasSearchIcon": { + "name": "hasSearchIcon", + "type": "boolean | undefined", + "description": "Used to determine whether to render a search icon on the left when there is no search button Default: false", + "category": "BaseSearchFieldProps", + "isOptional": true + }, + "onSubmit": { + "name": "onSubmit", + "type": "((value: string) => void) | undefined", + "description": "Handle submission of search field input", + "category": "BaseSearchFieldProps", + "isOptional": true + }, + "onClear": { + "name": "onClear", + "type": "(() => void) | undefined", + "description": "Triggered when search field is cleared", + "category": "BaseSearchFieldProps", + "isOptional": true + }, + "labelHidden": { + "name": "labelHidden", + "type": "boolean | undefined", + "description": "Visually hide label Default: true", + "category": "BaseSearchFieldProps", + "isOptional": true + }, + "clearButtonLabel": { + "name": "clearButtonLabel", + "type": "string | undefined", + "description": "Set the \`aria-label\` for clear button Default: \\"Clear search\\"", + "category": "BaseSearchFieldProps", + "isOptional": true + }, + "searchButtonRef": { + "name": "searchButtonRef", + "type": "React.Ref | undefined", + "description": "Provides ref access to search button DOM element", + "category": "BaseSearchFieldProps", + "isOptional": true + }, + "outerEndComponent": { + "name": "outerEndComponent", + "type": "React.ReactNode", + "description": "Component(s) to show after input", + "category": "TextFieldOptions", + "isOptional": true + }, + "outerStartComponent": { + "name": "outerStartComponent", + "type": "React.ReactNode", + "description": "Component(s) to show before input", + "category": "TextFieldOptions", + "isOptional": true + }, + "innerStartComponent": { + "name": "innerStartComponent", + "type": "React.ReactNode", + "description": "FieldGroupIconButton component to show inside of input at start", + "category": "TextFieldOptions", + "isOptional": true + }, + "innerEndComponent": { + "name": "innerEndComponent", + "type": "React.ReactNode", + "description": "FieldGroupIconButton component to show inside of input at end", + "category": "TextFieldOptions", + "isOptional": true + }, + "type": { + "name": "type", + "type": "React.HTMLInputTypeAttribute | undefined", + "description": "Input field type", + "category": "TextFieldOptions", + "isOptional": true + }, + "descriptiveText": { + "name": "descriptiveText", + "type": "React.ReactNode", + "description": "Provides additional information needed to fill field\\n(e.g. password requirements, etc.)", + "category": "BaseFieldProps", + "isOptional": true + }, + "errorMessage": { + "name": "errorMessage", + "type": "string | undefined", + "description": " When defined and \`hasError\` is true, show error message", + "category": "BaseFieldProps", + "isOptional": true + }, + "label": { + "name": "label", + "type": "React.ReactNode", + "description": "Label text for field (required)", + "category": "BaseFieldProps", + "isOptional": false + }, + "inputStyles": { + "name": "inputStyles", + "type": "BaseStyleProps | undefined", + "description": "Style props to be applied to the input element", + "category": "BaseFieldProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "autoComplete": { + "name": "autoComplete", + "type": "string | undefined", + "description": "Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)", + "category": "BaseInputProps", + "isOptional": true + }, + "checked": { + "name": "checked", + "type": "boolean | undefined", + "description": "If checked is provided, this will be a controlled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "defaultChecked": { + "name": "defaultChecked", + "type": "boolean | undefined", + "description": "Use this to initialize an uncontrolled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "hasError": { + "name": "hasError", + "type": "boolean | undefined", + "description": "Indicates that Field is in error state.", + "category": "BaseInputProps", + "isOptional": true + }, + "enterKeyHint": { + "name": "enterKeyHint", + "type": "EnterKeyHint | undefined", + "description": "Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)", + "category": "BaseInputProps", + "isOptional": true + }, + "inputMode": { + "name": "inputMode", + "type": "InputMode | undefined", + "description": " Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\"text\\"", + "category": "BaseInputProps", + "isOptional": true + }, + "isReadOnly": { + "name": "isReadOnly", + "type": "boolean | undefined", + "description": "Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false", + "category": "BaseInputProps", + "isOptional": true + }, + "isRequired": { + "name": "isRequired", + "type": "boolean | undefined", + "description": "Whether field should be marked required.", + "category": "BaseInputProps", + "isOptional": true + }, + "name": { + "name": "name", + "type": "string | undefined", + "description": "Name of the field. Submitted with the form as part of a name/value pair.", + "category": "BaseInputProps", + "isOptional": true + }, + "placeholder": { + "name": "placeholder", + "type": "string | undefined", + "description": "Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.", + "category": "BaseInputProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Changes the font-size, padding, and height of the field.", + "category": "BaseInputProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "\\"quiet\\" | undefined", + "description": "Variants.", + "category": "BaseInputProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Badge\\": { - \\"Badge\\": [ + "Badge": { + "Badge": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"'info' | 'error' | 'warning' | 'success'\\", - \\"description\\": \\"The variation property will affect the background color of the badge.\\", - \\"category\\": \\"BaseBadgeProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"The size property will affect the font size of the badge.\\", - \\"category\\": \\"BaseBadgeProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "'info' | 'error' | 'warning' | 'success'", + "description": "The variation property will affect the background color of the badge.", + "category": "BaseBadgeProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "The size property will affect the font size of the badge.", + "category": "BaseBadgeProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Breadcrumbs\\": { - \\"Breadcrumbs\\": [ + "Breadcrumbs": { + "Breadcrumbs": [ { - \\"Main\\": { - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ], - \\"Breadcrumbs.Item\\": [ + "Breadcrumbs.Item": [ { - \\"Main\\": { - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ], - \\"Breadcrumbs.Link\\": [ + "Breadcrumbs.Link": [ { - \\"Main\\": { - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ], - \\"Breadcrumbs.Separator\\": [ + "Breadcrumbs.Separator": [ { - \\"Main\\": { - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Button\\": { - \\"Button\\": [ + "Button": { + "Button": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"colorTheme\\": { - \\"name\\": \\"colorTheme\\", - \\"type\\": \\"| 'info'\\\\n | 'error'\\\\n | 'warning'\\\\n | 'success'\\\\n | 'overlay'\\", - \\"description\\": \\"Changes the color scheme of the button\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If \`true\`, the button will be disabled.\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"isFullWidth\\": { - \\"name\\": \\"isFullWidth\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If \`true\`, the button will take up the full width of its container.\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"isLoading\\": { - \\"name\\": \\"isLoading\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If \`true\`, the button will show a spinner.\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"loadingText\\": { - \\"name\\": \\"loadingText\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"The label to show in the button when \`loading\` is true\\\\nIf no text is passed, it only shows the spinner\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"onClick\\": { - \\"name\\": \\"onClick\\", - \\"type\\": \\"React.MouseEventHandler | undefined\\", - \\"description\\": \\"Button click event handler\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Changes the size of the button. Default: \\\\\\"medium\\\\\\"\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"type\\": { - \\"name\\": \\"type\\", - \\"type\\": \\"'button' | 'reset' | 'submit'\\", - \\"description\\": \\"Changes the button type Default: \\\\\\"button\\\\\\"\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"| 'primary'\\\\n | 'link'\\\\n | 'menu'\\\\n | 'warning'\\\\n | 'destructive'\\", - \\"description\\": \\"Changes the visual weight of the button.\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "colorTheme": { + "name": "colorTheme", + "type": "| 'info'\\n | 'error'\\n | 'warning'\\n | 'success'\\n | 'overlay'", + "description": "Changes the color scheme of the button", + "category": "BaseButtonProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "If \`true\`, the button will be disabled.", + "category": "BaseButtonProps", + "isOptional": true + }, + "isFullWidth": { + "name": "isFullWidth", + "type": "boolean | undefined", + "description": "If \`true\`, the button will take up the full width of its container.", + "category": "BaseButtonProps", + "isOptional": true + }, + "isLoading": { + "name": "isLoading", + "type": "boolean | undefined", + "description": "If \`true\`, the button will show a spinner.", + "category": "BaseButtonProps", + "isOptional": true + }, + "loadingText": { + "name": "loadingText", + "type": "string | undefined", + "description": "The label to show in the button when \`loading\` is true\\nIf no text is passed, it only shows the spinner", + "category": "BaseButtonProps", + "isOptional": true + }, + "onClick": { + "name": "onClick", + "type": "React.MouseEventHandler | undefined", + "description": "Button click event handler", + "category": "BaseButtonProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Changes the size of the button. Default: \\"medium\\"", + "category": "BaseButtonProps", + "isOptional": true + }, + "type": { + "name": "type", + "type": "'button' | 'reset' | 'submit'", + "description": "Changes the button type Default: \\"button\\"", + "category": "BaseButtonProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "| 'primary'\\n | 'link'\\n | 'menu'\\n | 'warning'\\n | 'destructive'", + "description": "Changes the visual weight of the button.", + "category": "BaseButtonProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Card\\": { - \\"Card\\": [ + "Card": { + "Card": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"'outlined' | 'elevated'\\", - \\"description\\": \\"Changes the displayed style of the Card. Options include ‘outlined’, ‘elevated’ and none (default)\\", - \\"category\\": \\"BaseCardProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "'outlined' | 'elevated'", + "description": "Changes the displayed style of the Card. Options include ‘outlined’, ‘elevated’ and none (default)", + "category": "BaseCardProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"CheckboxField\\": { - \\"CheckboxField\\": [ + "CheckboxField": { + "CheckboxField": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"label\\": { - \\"name\\": \\"label\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Sets the label text\\", - \\"category\\": \\"BaseCheckboxProps\\", - \\"isOptional\\": false - }, - \\"labelHidden\\": { - \\"name\\": \\"labelHidden\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Default: false\\", - \\"category\\": \\"BaseCheckboxProps\\", - \\"isOptional\\": true - }, - \\"name\\": { - \\"name\\": \\"name\\", - \\"type\\": \\"string\\", - \\"description\\": \\"Name of the field. Submitted with the form as part of a name/value pair.\\", - \\"category\\": \\"BaseCheckboxProps\\", - \\"isOptional\\": false - }, - \\"value\\": { - \\"name\\": \\"value\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"If value is provided, this will be a controlled field.\\", - \\"category\\": \\"BaseCheckboxProps\\", - \\"isOptional\\": true - }, - \\"labelPosition\\": { - \\"name\\": \\"labelPosition\\", - \\"type\\": \\"'start' | 'end' | 'top' | 'bottom'\\", - \\"description\\": \\"Sets the position of label in relation to the CheckboxField, Default: \\\\\\"start\\\\\\"\\", - \\"category\\": \\"BaseCheckboxProps\\", - \\"isOptional\\": true - }, - \\"isIndeterminate\\": { - \\"name\\": \\"isIndeterminate\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Determines whether a checkbox is in indeterminate state Default: false\\", - \\"category\\": \\"BaseCheckboxProps\\", - \\"isOptional\\": true - }, - \\"inputStyles\\": { - \\"name\\": \\"inputStyles\\", - \\"type\\": \\"BaseStyleProps | undefined\\", - \\"description\\": \\"Style props to be applied to the input element\\", - \\"category\\": \\"BaseCheckboxProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"autoComplete\\": { - \\"name\\": \\"autoComplete\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"checked\\": { - \\"name\\": \\"checked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If checked is provided, this will be a controlled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"defaultChecked\\": { - \\"name\\": \\"defaultChecked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Use this to initialize an uncontrolled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"defaultValue\\": { - \\"name\\": \\"defaultValue\\", - \\"type\\": \\"string | number | readonly string[] | undefined\\", - \\"description\\": \\"Use this to provide a default value for an uncontrolled field.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"hasError\\": { - \\"name\\": \\"hasError\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Indicates that Field is in error state.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"enterKeyHint\\": { - \\"name\\": \\"enterKeyHint\\", - \\"type\\": \\"EnterKeyHint | undefined\\", - \\"description\\": \\"Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"inputMode\\": { - \\"name\\": \\"inputMode\\", - \\"type\\": \\"InputMode | undefined\\", - \\"description\\": \\" Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\\\\\"text\\\\\\"\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isReadOnly\\": { - \\"name\\": \\"isReadOnly\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isRequired\\": { - \\"name\\": \\"isRequired\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Whether field should be marked required.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"placeholder\\": { - \\"name\\": \\"placeholder\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Changes the font-size, padding, and height of the field.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"type\\": { - \\"name\\": \\"type\\", - \\"type\\": \\"React.HTMLInputTypeAttribute | undefined\\", - \\"description\\": \\"Input field type.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"\\\\\\"quiet\\\\\\" | undefined\\", - \\"description\\": \\"Variants.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"descriptiveText\\": { - \\"name\\": \\"descriptiveText\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Provides additional information needed to fill field\\\\n(e.g. password requirements, etc.)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"errorMessage\\": { - \\"name\\": \\"errorMessage\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\" When defined and \`hasError\` is true, show error message\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "label": { + "name": "label", + "type": "React.ReactNode", + "description": "Sets the label text", + "category": "BaseCheckboxProps", + "isOptional": false + }, + "labelHidden": { + "name": "labelHidden", + "type": "boolean | undefined", + "description": "Default: false", + "category": "BaseCheckboxProps", + "isOptional": true + }, + "name": { + "name": "name", + "type": "string", + "description": "Name of the field. Submitted with the form as part of a name/value pair.", + "category": "BaseCheckboxProps", + "isOptional": false + }, + "value": { + "name": "value", + "type": "string | undefined", + "description": "If value is provided, this will be a controlled field.", + "category": "BaseCheckboxProps", + "isOptional": true + }, + "labelPosition": { + "name": "labelPosition", + "type": "'start' | 'end' | 'top' | 'bottom'", + "description": "Sets the position of label in relation to the CheckboxField, Default: \\"start\\"", + "category": "BaseCheckboxProps", + "isOptional": true + }, + "isIndeterminate": { + "name": "isIndeterminate", + "type": "boolean | undefined", + "description": "Determines whether a checkbox is in indeterminate state Default: false", + "category": "BaseCheckboxProps", + "isOptional": true + }, + "inputStyles": { + "name": "inputStyles", + "type": "BaseStyleProps | undefined", + "description": "Style props to be applied to the input element", + "category": "BaseCheckboxProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "autoComplete": { + "name": "autoComplete", + "type": "string | undefined", + "description": "Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)", + "category": "BaseInputProps", + "isOptional": true + }, + "checked": { + "name": "checked", + "type": "boolean | undefined", + "description": "If checked is provided, this will be a controlled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "defaultChecked": { + "name": "defaultChecked", + "type": "boolean | undefined", + "description": "Use this to initialize an uncontrolled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "defaultValue": { + "name": "defaultValue", + "type": "string | number | readonly string[] | undefined", + "description": "Use this to provide a default value for an uncontrolled field.", + "category": "BaseInputProps", + "isOptional": true + }, + "hasError": { + "name": "hasError", + "type": "boolean | undefined", + "description": "Indicates that Field is in error state.", + "category": "BaseInputProps", + "isOptional": true + }, + "enterKeyHint": { + "name": "enterKeyHint", + "type": "EnterKeyHint | undefined", + "description": "Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)", + "category": "BaseInputProps", + "isOptional": true + }, + "inputMode": { + "name": "inputMode", + "type": "InputMode | undefined", + "description": " Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\"text\\"", + "category": "BaseInputProps", + "isOptional": true + }, + "isReadOnly": { + "name": "isReadOnly", + "type": "boolean | undefined", + "description": "Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false", + "category": "BaseInputProps", + "isOptional": true + }, + "isRequired": { + "name": "isRequired", + "type": "boolean | undefined", + "description": "Whether field should be marked required.", + "category": "BaseInputProps", + "isOptional": true + }, + "placeholder": { + "name": "placeholder", + "type": "string | undefined", + "description": "Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.", + "category": "BaseInputProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Changes the font-size, padding, and height of the field.", + "category": "BaseInputProps", + "isOptional": true + }, + "type": { + "name": "type", + "type": "React.HTMLInputTypeAttribute | undefined", + "description": "Input field type.", + "category": "BaseInputProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "\\"quiet\\" | undefined", + "description": "Variants.", + "category": "BaseInputProps", + "isOptional": true + }, + "descriptiveText": { + "name": "descriptiveText", + "type": "React.ReactNode", + "description": "Provides additional information needed to fill field\\n(e.g. password requirements, etc.)", + "category": "BaseFieldProps", + "isOptional": true + }, + "errorMessage": { + "name": "errorMessage", + "type": "string | undefined", + "description": " When defined and \`hasError\` is true, show error message", + "category": "BaseFieldProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Collection\\": { - \\"Collection\\": [ + "Collection": { + "Collection": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"type\\": { - \\"name\\": \\"type\\", - \\"type\\": \\"'list' | 'grid' | 'table'\\", - \\"description\\": \\"Collection type. This will be used to determine collection wrapper component. Default: 'list'\\", - \\"category\\": \\"CollectionWrapperProps\\", - \\"isOptional\\": false - }, - \\"isPaginated\\": { - \\"name\\": \\"isPaginated\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Enable pagination for collection items\\", - \\"category\\": \\"CollectionWrapperProps\\", - \\"isOptional\\": true - }, - \\"itemsPerPage\\": { - \\"name\\": \\"itemsPerPage\\", - \\"type\\": \\"number | undefined\\", - \\"description\\": \\"Page size (when pagination is enabled)\\", - \\"category\\": \\"CollectionWrapperProps\\", - \\"isOptional\\": true - }, - \\"isSearchable\\": { - \\"name\\": \\"isSearchable\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Enable collection filtering\\", - \\"category\\": \\"CollectionWrapperProps\\", - \\"isOptional\\": true - }, - \\"searchFilter\\": { - \\"name\\": \\"searchFilter\\", - \\"type\\": \\"((item: unknown, searchText: string) => boolean) | undefined\\", - \\"description\\": \\"Custom search filter (when search is enabled)\\", - \\"category\\": \\"CollectionWrapperProps\\", - \\"isOptional\\": true - }, - \\"searchLabel\\": { - \\"name\\": \\"searchLabel\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Search field label Default: \\\\\\"Search\\\\\\"\\", - \\"category\\": \\"CollectionWrapperProps\\", - \\"isOptional\\": true - }, - \\"searchPlaceholder\\": { - \\"name\\": \\"searchPlaceholder\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Search field placeholder\\", - \\"category\\": \\"CollectionWrapperProps\\", - \\"isOptional\\": true - }, - \\"searchNoResultsFound\\": { - \\"name\\": \\"searchNoResultsFound\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Controls what is displayed when no results are found from the Collection search\\", - \\"category\\": \\"CollectionWrapperProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"items\\": { - \\"name\\": \\"items\\", - \\"type\\": \\"Item[]\\", - \\"description\\": \\"The items from a data source that will be mapped by the Collection component\\", - \\"category\\": \\"CollectionBaseProps\\", - \\"isOptional\\": false - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"(item: Item, index: number) => JSX.Element\\", - \\"description\\": \\"The component to be repeated\\\\nSame interface as Array.prototype.map\\", - \\"category\\": \\"CollectionChildren\\", - \\"isOptional\\": false + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "type": { + "name": "type", + "type": "'list' | 'grid' | 'table'", + "description": "Collection type. This will be used to determine collection wrapper component. Default: 'list'", + "category": "CollectionWrapperProps", + "isOptional": false + }, + "isPaginated": { + "name": "isPaginated", + "type": "boolean | undefined", + "description": "Enable pagination for collection items", + "category": "CollectionWrapperProps", + "isOptional": true + }, + "itemsPerPage": { + "name": "itemsPerPage", + "type": "number | undefined", + "description": "Page size (when pagination is enabled)", + "category": "CollectionWrapperProps", + "isOptional": true + }, + "isSearchable": { + "name": "isSearchable", + "type": "boolean | undefined", + "description": "Enable collection filtering", + "category": "CollectionWrapperProps", + "isOptional": true + }, + "searchFilter": { + "name": "searchFilter", + "type": "((item: unknown, searchText: string) => boolean) | undefined", + "description": "Custom search filter (when search is enabled)", + "category": "CollectionWrapperProps", + "isOptional": true + }, + "searchLabel": { + "name": "searchLabel", + "type": "string | undefined", + "description": "Search field label Default: \\"Search\\"", + "category": "CollectionWrapperProps", + "isOptional": true + }, + "searchPlaceholder": { + "name": "searchPlaceholder", + "type": "string | undefined", + "description": "Search field placeholder", + "category": "CollectionWrapperProps", + "isOptional": true + }, + "searchNoResultsFound": { + "name": "searchNoResultsFound", + "type": "React.ReactNode", + "description": "Controls what is displayed when no results are found from the Collection search", + "category": "CollectionWrapperProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "items": { + "name": "items", + "type": "Item[]", + "description": "The items from a data source that will be mapped by the Collection component", + "category": "CollectionBaseProps", + "isOptional": false + }, + "children": { + "name": "children", + "type": "(item: Item, index: number) => JSX.Element", + "description": "The component to be repeated\\nSame interface as Array.prototype.map", + "category": "CollectionChildren", + "isOptional": false } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Divider\\": { - \\"Divider\\": [ + "Divider": { + "Divider": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"orientation\\": { - \\"name\\": \\"orientation\\", - \\"type\\": \\"'horizontal' | 'vertical'\\", - \\"description\\": \\"Controls whether the divider is oriented horizontally or vertically. Default: \\\\\\"horizontal\\\\\\"\\", - \\"category\\": \\"DividerOptions\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Size of the divider (height for a horizontal divider, width for vertical) Default: \\\\\\"small\\\\\\"\\", - \\"category\\": \\"DividerOptions\\", - \\"isOptional\\": true - }, - \\"label\\": { - \\"name\\": \\"label\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Adds text to the divider, usually something like \\\\\\"or\\\\\\" to separate 2 things.\\", - \\"category\\": \\"DividerOptions\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "orientation": { + "name": "orientation", + "type": "'horizontal' | 'vertical'", + "description": "Controls whether the divider is oriented horizontally or vertically. Default: \\"horizontal\\"", + "category": "DividerOptions", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Size of the divider (height for a horizontal divider, width for vertical) Default: \\"small\\"", + "category": "DividerOptions", + "isOptional": true + }, + "label": { + "name": "label", + "type": "string | undefined", + "description": "Adds text to the divider, usually something like \\"or\\" to separate 2 things.", + "category": "DividerOptions", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"DropZone\\": { - \\"DropZone\\": [ + "DropZone": { + "DropZone": [ { - \\"Main\\": { - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Fieldset\\": { - \\"Fieldset\\": [ + "Fieldset": { + "Fieldset": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"legend\\": { - \\"name\\": \\"legend\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Legend is the label for the Fieldset.\\", - \\"category\\": \\"BaseFieldsetProps\\", - \\"isOptional\\": false - }, - \\"legendHidden\\": { - \\"name\\": \\"legendHidden\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Visually hides the legend while making it still accessible to screenreaders.\\", - \\"category\\": \\"BaseFieldsetProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"\\\\\\"outlined\\\\\\" | \\\\\\"plain\\\\\\" | undefined\\", - \\"description\\": \\"Adds plain or outlined variation to the Fieldset\\", - \\"category\\": \\"BaseFieldsetProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Changes the size of the Fieldset\\", - \\"category\\": \\"BaseFieldsetProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\" Determines whether the Fieldset should be disabled. Default: false\\", - \\"category\\": \\"BaseFieldsetProps\\", - \\"isOptional\\": true - }, - \\"name\\": { - \\"name\\": \\"name\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Name of the Fieldset.\\", - \\"category\\": \\"BaseFieldsetProps\\", - \\"isOptional\\": true - }, - \\"form\\": { - \\"name\\": \\"form\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Form to associate the Fieldset with\\", - \\"category\\": \\"BaseFieldsetProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "legend": { + "name": "legend", + "type": "React.ReactNode", + "description": "Legend is the label for the Fieldset.", + "category": "BaseFieldsetProps", + "isOptional": false + }, + "legendHidden": { + "name": "legendHidden", + "type": "boolean | undefined", + "description": "Visually hides the legend while making it still accessible to screenreaders.", + "category": "BaseFieldsetProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "\\"outlined\\" | \\"plain\\" | undefined", + "description": "Adds plain or outlined variation to the Fieldset", + "category": "BaseFieldsetProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Changes the size of the Fieldset", + "category": "BaseFieldsetProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": " Determines whether the Fieldset should be disabled. Default: false", + "category": "BaseFieldsetProps", + "isOptional": true + }, + "name": { + "name": "name", + "type": "string | undefined", + "description": "Name of the Fieldset.", + "category": "BaseFieldsetProps", + "isOptional": true + }, + "form": { + "name": "form", + "type": "string | undefined", + "description": "Form to associate the Fieldset with", + "category": "BaseFieldsetProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Flex\\": { - \\"Flex\\": [ + "Flex": { + "Flex": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Grid\\": { - \\"Grid\\": [ + "Grid": { + "Grid": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"autoColumns\\": { - \\"name\\": \\"autoColumns\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Specifies the size of an implicitly-created grid column track or pattern of tracks. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns)\\", - \\"category\\": \\"GridContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"autoFlow\\": { - \\"name\\": \\"autoFlow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow)\\", - \\"category\\": \\"GridContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"autoRows\\": { - \\"name\\": \\"autoRows\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Specifies the size of an implicitly-created grid row track or pattern of tracks. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows)\\", - \\"category\\": \\"GridContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"templateAreas\\": { - \\"name\\": \\"templateAreas\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"specifies named grid areas, establishing the cells in the grid and assigning them names. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas)\\", - \\"category\\": \\"GridContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"templateColumns\\": { - \\"name\\": \\"templateColumns\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Defines the line names and track sizing functions of the grid columns. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns)\\", - \\"category\\": \\"GridContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"templateRows\\": { - \\"name\\": \\"templateRows\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Defines the line names and track sizing functions of the grid rows. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows)\\", - \\"category\\": \\"GridContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"number | string | 'auto'\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"number | string | 'auto'\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "autoColumns": { + "name": "autoColumns", + "type": "ResponsiveStyle> | undefined", + "description": "Specifies the size of an implicitly-created grid column track or pattern of tracks. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns)", + "category": "GridContainerStyleProps", + "isOptional": true + }, + "autoFlow": { + "name": "autoFlow", + "type": "ResponsiveStyle | undefined", + "description": "Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow)", + "category": "GridContainerStyleProps", + "isOptional": true + }, + "autoRows": { + "name": "autoRows", + "type": "ResponsiveStyle> | undefined", + "description": "Specifies the size of an implicitly-created grid row track or pattern of tracks. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows)", + "category": "GridContainerStyleProps", + "isOptional": true + }, + "templateAreas": { + "name": "templateAreas", + "type": "ResponsiveStyle | undefined", + "description": "specifies named grid areas, establishing the cells in the grid and assigning them names. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas)", + "category": "GridContainerStyleProps", + "isOptional": true + }, + "templateColumns": { + "name": "templateColumns", + "type": "ResponsiveStyle> | undefined", + "description": "Defines the line names and track sizing functions of the grid columns. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns)", + "category": "GridContainerStyleProps", + "isOptional": true + }, + "templateRows": { + "name": "templateRows", + "type": "ResponsiveStyle> | undefined", + "description": "Defines the line names and track sizing functions of the grid rows. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows)", + "category": "GridContainerStyleProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "'auto' | number", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "'auto' | number", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"autoColumns\\": { - \\"name\\": \\"autoColumns\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Specifies the size of an implicitly-created grid column track or pattern of tracks. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns)\\", - \\"category\\": \\"GridContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"autoFlow\\": { - \\"name\\": \\"autoFlow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow)\\", - \\"category\\": \\"GridContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"autoRows\\": { - \\"name\\": \\"autoRows\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Specifies the size of an implicitly-created grid row track or pattern of tracks. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows)\\", - \\"category\\": \\"GridContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"templateAreas\\": { - \\"name\\": \\"templateAreas\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"specifies named grid areas, establishing the cells in the grid and assigning them names. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas)\\", - \\"category\\": \\"GridContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"templateColumns\\": { - \\"name\\": \\"templateColumns\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Defines the line names and track sizing functions of the grid columns. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns)\\", - \\"category\\": \\"GridContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"templateRows\\": { - \\"name\\": \\"templateRows\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Defines the line names and track sizing functions of the grid rows. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows)\\", - \\"category\\": \\"GridContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"number | string | 'auto'\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"number | string | 'auto'\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "autoColumns": { + "name": "autoColumns", + "type": "ResponsiveStyle> | undefined", + "description": "Specifies the size of an implicitly-created grid column track or pattern of tracks. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns)", + "category": "GridContainerStyleProps", + "isOptional": true + }, + "autoFlow": { + "name": "autoFlow", + "type": "ResponsiveStyle | undefined", + "description": "Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow)", + "category": "GridContainerStyleProps", + "isOptional": true + }, + "autoRows": { + "name": "autoRows", + "type": "ResponsiveStyle> | undefined", + "description": "Specifies the size of an implicitly-created grid row track or pattern of tracks. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows)", + "category": "GridContainerStyleProps", + "isOptional": true + }, + "templateAreas": { + "name": "templateAreas", + "type": "ResponsiveStyle | undefined", + "description": "specifies named grid areas, establishing the cells in the grid and assigning them names. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas)", + "category": "GridContainerStyleProps", + "isOptional": true + }, + "templateColumns": { + "name": "templateColumns", + "type": "ResponsiveStyle> | undefined", + "description": "Defines the line names and track sizing functions of the grid columns. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns)", + "category": "GridContainerStyleProps", + "isOptional": true + }, + "templateRows": { + "name": "templateRows", + "type": "ResponsiveStyle> | undefined", + "description": "Defines the line names and track sizing functions of the grid rows. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows)", + "category": "GridContainerStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "'auto' | number", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "'auto' | number", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Heading\\": { - \\"Heading\\": [ + "Heading": { + "Heading": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"level\\": { - \\"name\\": \\"level\\", - \\"type\\": \\"1 | 2 | 3 | 4 | 5 | 6\\", - \\"description\\": \\"Controls which semantic section heading element is rendered,

through

\\", - \\"category\\": \\"BaseHeadingProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"| 'primary'\\\\n | 'secondary'\\\\n | 'tertiary'\\\\n | 'error'\\\\n | 'warning'\\\\n | 'info'\\\\n | 'success'\\", - \\"description\\": \\"This should be the primary way to handle different styles of text. Lower-level\\\\ntext styling attributes like color can be set directly, that should be more of an\\\\nescape hatch.\\", - \\"category\\": \\"BaseTextProps\\", - \\"isOptional\\": true - }, - \\"isTruncated\\": { - \\"name\\": \\"isTruncated\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"This attribute will be used to indicate if the text component should truncate text\\\\nthat exceeds the width of the text element. Truncated text will render an ellipsis.\\", - \\"category\\": \\"BaseTextProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "level": { + "name": "level", + "type": "1 | 2 | 3 | 4 | 5 | 6", + "description": "Controls which semantic section heading element is rendered,

through

", + "category": "BaseHeadingProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "| 'primary'\\n | 'secondary'\\n | 'tertiary'\\n | 'error'\\n | 'warning'\\n | 'info'\\n | 'success'", + "description": "This should be the primary way to handle different styles of text. Lower-level\\ntext styling attributes like color can be set directly, that should be more of an\\nescape hatch.", + "category": "BaseTextProps", + "isOptional": true + }, + "isTruncated": { + "name": "isTruncated", + "type": "boolean | undefined", + "description": "This attribute will be used to indicate if the text component should truncate text\\nthat exceeds the width of the text element. Truncated text will render an ellipsis.", + "category": "BaseTextProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"HighlightMatch\\": { - \\"HighlightMatch\\": [ + "HighlightMatch": { + "HighlightMatch": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"string\\", - \\"description\\": \\"The label you would like to have match highlighting\\", - \\"category\\": \\"BaseHighlightMatchProps\\", - \\"isOptional\\": false - }, - \\"query\\": { - \\"name\\": \\"query\\", - \\"type\\": \\"string\\", - \\"description\\": \\"A query string used to match against the label\\", - \\"category\\": \\"BaseHighlightMatchProps\\", - \\"isOptional\\": false - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "string", + "description": "The label you would like to have match highlighting", + "category": "BaseHighlightMatchProps", + "isOptional": false + }, + "query": { + "name": "query", + "type": "string", + "description": "A query string used to match against the label", + "category": "BaseHighlightMatchProps", + "isOptional": false + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Icon\\": { - \\"Icon\\": [ + "Icon": { + "Icon": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"pathData\\": { - \\"name\\": \\"pathData\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"This defines the shape of the SVG element(the 'd' attribute). See: [MDN](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/path)\\", - \\"category\\": \\"BaseIconProps\\", - \\"isOptional\\": true - }, - \\"ariaLabel\\": { - \\"name\\": \\"ariaLabel\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"This is used to define a string that labels the current element.\\", - \\"category\\": \\"BaseIconProps\\", - \\"isOptional\\": true - }, - \\"viewBox\\": { - \\"name\\": \\"viewBox\\", - \\"type\\": \\"{\\\\n minX?: number;\\\\n minY?: number;\\\\n width?: number;\\\\n height?: number;\\\\n}\\", - \\"description\\": \\"This defines the position and dimension, in user space, of an SVG viewport. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox)\\", - \\"category\\": \\"BaseIconProps\\", - \\"isOptional\\": true - }, - \\"fill\\": { - \\"name\\": \\"fill\\", - \\"type\\": \\"Property.Color | undefined\\", - \\"description\\": \\"By default this will be \\\\\\"currentColor\\\\\\" to match what is generally expected of icons (they inherit their color from current font color). See: [MDN](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)\\", - \\"category\\": \\"BaseIconProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"You can pass SVG elements like directly as children for more\\\\nflexibility and to allow for multiple paths.\\", - \\"category\\": \\"BaseIconProps\\", - \\"isOptional\\": true - }, - \\"paths\\": { - \\"name\\": \\"paths\\", - \\"type\\": \\"React.SVGAttributes[] | undefined\\", - \\"description\\": \\"Optionally pass an array of path-like objects which\\\\nthe icon will map to elements.\\", - \\"category\\": \\"BaseIconProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "pathData": { + "name": "pathData", + "type": "string | undefined", + "description": "This defines the shape of the SVG element(the 'd' attribute). See: [MDN](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/path)", + "category": "BaseIconProps", + "isOptional": true + }, + "ariaLabel": { + "name": "ariaLabel", + "type": "string | undefined", + "description": "This is used to define a string that labels the current element.", + "category": "BaseIconProps", + "isOptional": true + }, + "viewBox": { + "name": "viewBox", + "type": "{\\n minX?: number;\\n minY?: number;\\n width?: number;\\n height?: number;\\n}", + "description": "This defines the position and dimension, in user space, of an SVG viewport. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox)", + "category": "BaseIconProps", + "isOptional": true + }, + "fill": { + "name": "fill", + "type": "Property.Color | undefined", + "description": "By default this will be \\"currentColor\\" to match what is generally expected of icons (they inherit their color from current font color). See: [MDN](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)", + "category": "BaseIconProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "You can pass SVG elements like directly as children for more\\nflexibility and to allow for multiple paths.", + "category": "BaseIconProps", + "isOptional": true + }, + "paths": { + "name": "paths", + "type": "React.SVGAttributes[] | undefined", + "description": "Optionally pass an array of path-like objects which\\nthe icon will map to elements.", + "category": "BaseIconProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Image\\": { - \\"Image\\": [ + "Image": { + "Image": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"alt\\": { - \\"name\\": \\"alt\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Alternative text description of the image (required). See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-alt)\\", - \\"category\\": \\"ImageOptions\\", - \\"isOptional\\": false - }, - \\"sizes\\": { - \\"name\\": \\"sizes\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Set of image source sizes. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-sizes)\\", - \\"category\\": \\"ImageOptions\\", - \\"isOptional\\": true - }, - \\"src\\": { - \\"name\\": \\"src\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"URl source for image (required).\\", - \\"category\\": \\"ImageOptions\\", - \\"isOptional\\": false - }, - \\"srcSet\\": { - \\"name\\": \\"srcSet\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Possible image sources for the browser to use. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-srcset)\\", - \\"category\\": \\"ImageOptions\\", - \\"isOptional\\": true - }, - \\"onLoad\\": { - \\"name\\": \\"onLoad\\", - \\"type\\": \\"((event: React.SyntheticEvent) => void) | undefined\\", - \\"description\\": \\"Handles loading event on image.\\", - \\"category\\": \\"ImageOptions\\", - \\"isOptional\\": true - }, - \\"onError\\": { - \\"name\\": \\"onError\\", - \\"type\\": \\"((error: string | React.SyntheticEvent) => void) | undefined\\", - \\"description\\": \\"Handles error events on image.\\", - \\"category\\": \\"ImageOptions\\", - \\"isOptional\\": true - }, - \\"aspectRatio\\": { - \\"name\\": \\"aspectRatio\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets a preferred aspect ratio for the selected replaced element's box\\", - \\"category\\": \\"ImageStyleProps\\", - \\"isOptional\\": true - }, - \\"objectFit\\": { - \\"name\\": \\"objectFit\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\" Sets how the content of an should be resized to fit its container\\", - \\"category\\": \\"ImageStyleProps\\", - \\"isOptional\\": true - }, - \\"objectPosition\\": { - \\"name\\": \\"objectPosition\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\" Specifies the alignment of the selected replaced element's contents within the element's box\\", - \\"category\\": \\"ImageStyleProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "alt": { + "name": "alt", + "type": "string | undefined", + "description": "Alternative text description of the image (required). See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-alt)", + "category": "ImageOptions", + "isOptional": false + }, + "sizes": { + "name": "sizes", + "type": "string | undefined", + "description": "Set of image source sizes. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-sizes)", + "category": "ImageOptions", + "isOptional": true + }, + "src": { + "name": "src", + "type": "string | undefined", + "description": "URl source for image (required).", + "category": "ImageOptions", + "isOptional": false + }, + "srcSet": { + "name": "srcSet", + "type": "string | undefined", + "description": "Possible image sources for the browser to use. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-srcset)", + "category": "ImageOptions", + "isOptional": true + }, + "onLoad": { + "name": "onLoad", + "type": "((event: React.SyntheticEvent) => void) | undefined", + "description": "Handles loading event on image.", + "category": "ImageOptions", + "isOptional": true + }, + "onError": { + "name": "onError", + "type": "((error: string | React.SyntheticEvent) => void) | undefined", + "description": "Handles error events on image.", + "category": "ImageOptions", + "isOptional": true + }, + "aspectRatio": { + "name": "aspectRatio", + "type": "ResponsiveStyle | undefined", + "description": "Sets a preferred aspect ratio for the selected replaced element's box", + "category": "ImageStyleProps", + "isOptional": true + }, + "objectFit": { + "name": "objectFit", + "type": "ResponsiveStyle | undefined", + "description": " Sets how the content of an should be resized to fit its container", + "category": "ImageStyleProps", + "isOptional": true + }, + "objectPosition": { + "name": "objectPosition", + "type": "ResponsiveStyle> | undefined", + "description": " Specifies the alignment of the selected replaced element's contents within the element's box", + "category": "ImageStyleProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Input\\": { - \\"Input\\": [ + "Input": { + "Input": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"autoComplete\\": { - \\"name\\": \\"autoComplete\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"checked\\": { - \\"name\\": \\"checked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If checked is provided, this will be a controlled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"defaultChecked\\": { - \\"name\\": \\"defaultChecked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Use this to initialize an uncontrolled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"defaultValue\\": { - \\"name\\": \\"defaultValue\\", - \\"type\\": \\"string | number | readonly string[] | undefined\\", - \\"description\\": \\"Use this to provide a default value for an uncontrolled field.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"hasError\\": { - \\"name\\": \\"hasError\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Indicates that Field is in error state.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"enterKeyHint\\": { - \\"name\\": \\"enterKeyHint\\", - \\"type\\": \\"| 'enter'\\\\n | 'done'\\\\n | 'go'\\\\n | 'next'\\\\n | 'previous'\\\\n | 'search'\\\\n | 'send'\\", - \\"description\\": \\"Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"inputMode\\": { - \\"name\\": \\"inputMode\\", - \\"type\\": \\"| 'none'\\\\n | 'text'\\\\n | 'decimal'\\\\n | 'numeric'\\\\n | 'tel'\\\\n | 'search'\\\\n | 'email'\\\\n | 'url'\\", - \\"description\\": \\" Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\\\\\"text\\\\\\"\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\" Determines whether field should be disabled. Default: false\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isReadOnly\\": { - \\"name\\": \\"isReadOnly\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isRequired\\": { - \\"name\\": \\"isRequired\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Whether field should be marked required.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"name\\": { - \\"name\\": \\"name\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Name of the field. Submitted with the form as part of a name/value pair.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"placeholder\\": { - \\"name\\": \\"placeholder\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Changes the font-size, padding, and height of the field.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"type\\": { - \\"name\\": \\"type\\", - \\"type\\": \\"React.HTMLInputTypeAttribute | undefined\\", - \\"description\\": \\"Input field type.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"value\\": { - \\"name\\": \\"value\\", - \\"type\\": \\"string | number | readonly string[] | undefined\\", - \\"description\\": \\"If value is provided, this will be a controlled field.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"\\\\\\"quiet\\\\\\" | undefined\\", - \\"description\\": \\"Variants.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "autoComplete": { + "name": "autoComplete", + "type": "string | undefined", + "description": "Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)", + "category": "BaseInputProps", + "isOptional": true + }, + "checked": { + "name": "checked", + "type": "boolean | undefined", + "description": "If checked is provided, this will be a controlled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "defaultChecked": { + "name": "defaultChecked", + "type": "boolean | undefined", + "description": "Use this to initialize an uncontrolled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "defaultValue": { + "name": "defaultValue", + "type": "string | number | readonly string[] | undefined", + "description": "Use this to provide a default value for an uncontrolled field.", + "category": "BaseInputProps", + "isOptional": true + }, + "hasError": { + "name": "hasError", + "type": "boolean | undefined", + "description": "Indicates that Field is in error state.", + "category": "BaseInputProps", + "isOptional": true + }, + "enterKeyHint": { + "name": "enterKeyHint", + "type": "| 'enter'\\n | 'done'\\n | 'go'\\n | 'next'\\n | 'previous'\\n | 'search'\\n | 'send'", + "description": "Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)", + "category": "BaseInputProps", + "isOptional": true + }, + "inputMode": { + "name": "inputMode", + "type": "| 'none'\\n | 'text'\\n | 'decimal'\\n | 'numeric'\\n | 'tel'\\n | 'search'\\n | 'email'\\n | 'url'", + "description": " Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\"text\\"", + "category": "BaseInputProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": " Determines whether field should be disabled. Default: false", + "category": "BaseInputProps", + "isOptional": true + }, + "isReadOnly": { + "name": "isReadOnly", + "type": "boolean | undefined", + "description": "Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false", + "category": "BaseInputProps", + "isOptional": true + }, + "isRequired": { + "name": "isRequired", + "type": "boolean | undefined", + "description": "Whether field should be marked required.", + "category": "BaseInputProps", + "isOptional": true + }, + "name": { + "name": "name", + "type": "string | undefined", + "description": "Name of the field. Submitted with the form as part of a name/value pair.", + "category": "BaseInputProps", + "isOptional": true + }, + "placeholder": { + "name": "placeholder", + "type": "string | undefined", + "description": "Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.", + "category": "BaseInputProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Changes the font-size, padding, and height of the field.", + "category": "BaseInputProps", + "isOptional": true + }, + "type": { + "name": "type", + "type": "React.HTMLInputTypeAttribute | undefined", + "description": "Input field type.", + "category": "BaseInputProps", + "isOptional": true + }, + "value": { + "name": "value", + "type": "string | number | readonly string[] | undefined", + "description": "If value is provided, this will be a controlled field.", + "category": "BaseInputProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "\\"quiet\\" | undefined", + "description": "Variants.", + "category": "BaseInputProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Label\\": { - \\"Label\\": [ + "Label": { + "Label": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"visuallyHidden\\": { - \\"name\\": \\"visuallyHidden\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Whether label should be visually hidden\\", - \\"category\\": \\"BaseLabelProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Inner text of the label\\", - \\"category\\": \\"BaseLabelProps\\", - \\"isOptional\\": false - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "visuallyHidden": { + "name": "visuallyHidden", + "type": "boolean | undefined", + "description": "Whether label should be visually hidden", + "category": "BaseLabelProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Inner text of the label", + "category": "BaseLabelProps", + "isOptional": false + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Link\\": { - \\"Link\\": [ + "Link": { + "Link": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the Link component\\", - \\"category\\": \\"BaseLinkProps\\", - \\"isOptional\\": false - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"isExternal\\": { - \\"name\\": \\"isExternal\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Boolean value indicating an external link\\\\nsets the rel attribute to \\\\\\"noopener noreferrer\\\\\\"\\", - \\"category\\": \\"LinkOptions\\", - \\"isOptional\\": true - }, - \\"href\\": { - \\"name\\": \\"href\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"a stringifier that returns a string containing the whole URL, and allows the href to be updated. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/href)\\", - \\"category\\": \\"LinkOptions\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the Link component", + "category": "BaseLinkProps", + "isOptional": false + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "isExternal": { + "name": "isExternal", + "type": "boolean | undefined", + "description": "Boolean value indicating an external link\\nsets the rel attribute to \\"noopener noreferrer\\"", + "category": "LinkOptions", + "isOptional": true + }, + "href": { + "name": "href", + "type": "string | undefined", + "description": "a stringifier that returns a string containing the whole URL, and allows the href to be updated. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/href)", + "category": "LinkOptions", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Loader\\": { - \\"Loader\\": [ + "Loader": { + "Loader": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"This will set the size of Loader.\\", - \\"category\\": \\"BaseLoaderProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"\\\\\\"linear\\\\\\" | undefined\\", - \\"description\\": \\"This will set the variation of Loader. Available options are linear and none(circular).\\", - \\"category\\": \\"BaseLoaderProps\\", - \\"isOptional\\": true - }, - \\"filledColor\\": { - \\"name\\": \\"filledColor\\", - \\"type\\": \\"StyleToken | undefined\\", - \\"description\\": \\"This will set the filled color of Loader.\\", - \\"category\\": \\"BaseLoaderProps\\", - \\"isOptional\\": true - }, - \\"emptyColor\\": { - \\"name\\": \\"emptyColor\\", - \\"type\\": \\"StyleToken | undefined\\", - \\"description\\": \\"This will set the empty color of Loader.\\", - \\"category\\": \\"BaseLoaderProps\\", - \\"isOptional\\": true - }, - \\"percentage\\": { - \\"name\\": \\"percentage\\", - \\"type\\": \\"number | undefined\\", - \\"description\\": \\"This will set the percentage of a determinate Loader.\\", - \\"category\\": \\"BaseLoaderProps\\", - \\"isOptional\\": true - }, - \\"isDeterminate\\": { - \\"name\\": \\"isDeterminate\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"This will mark the Loader as determinate.\\", - \\"category\\": \\"BaseLoaderProps\\", - \\"isOptional\\": true - }, - \\"isPercentageTextHidden\\": { - \\"name\\": \\"isPercentageTextHidden\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"This will set the visibility of percentage text.\\", - \\"category\\": \\"BaseLoaderProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "This will set the size of Loader.", + "category": "BaseLoaderProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "\\"linear\\" | undefined", + "description": "This will set the variation of Loader. Available options are linear and none(circular).", + "category": "BaseLoaderProps", + "isOptional": true + }, + "filledColor": { + "name": "filledColor", + "type": "StyleToken | undefined", + "description": "This will set the filled color of Loader.", + "category": "BaseLoaderProps", + "isOptional": true + }, + "emptyColor": { + "name": "emptyColor", + "type": "StyleToken | undefined", + "description": "This will set the empty color of Loader.", + "category": "BaseLoaderProps", + "isOptional": true + }, + "percentage": { + "name": "percentage", + "type": "number | undefined", + "description": "This will set the percentage of a determinate Loader.", + "category": "BaseLoaderProps", + "isOptional": true + }, + "isDeterminate": { + "name": "isDeterminate", + "type": "boolean | undefined", + "description": "This will mark the Loader as determinate.", + "category": "BaseLoaderProps", + "isOptional": true + }, + "isPercentageTextHidden": { + "name": "isPercentageTextHidden", + "type": "boolean | undefined", + "description": "This will set the visibility of percentage text.", + "category": "BaseLoaderProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Menu\\": { - \\"Menu\\": [ + "Menu": { + "Menu": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"menuAlign\\": { - \\"name\\": \\"menuAlign\\", - \\"type\\": \\"\\\\\\"center\\\\\\" | \\\\\\"end\\\\\\" | \\\\\\"start\\\\\\" | undefined\\", - \\"description\\": \\"Alignment of menu against trigger Default: \\\\\\"start\\\\\\"\\", - \\"category\\": \\"BaseMenuProps\\", - \\"isOptional\\": true - }, - \\"onOpenChange\\": { - \\"name\\": \\"onOpenChange\\", - \\"type\\": \\"((isOpen: boolean) => void) | undefined\\", - \\"description\\": \\"Handle open and close event of menu\\", - \\"category\\": \\"BaseMenuProps\\", - \\"isOptional\\": true - }, - \\"isOpen\\": { - \\"name\\": \\"isOpen\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Default for controlled menu\\", - \\"category\\": \\"BaseMenuProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Size of Menu button and items\\", - \\"category\\": \\"BaseMenuProps\\", - \\"isOptional\\": true - }, - \\"trigger\\": { - \\"name\\": \\"trigger\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Trigger node Default: MenuButton with IconMenu Note: Must forward refs to DOM element\\", - \\"category\\": \\"BaseMenuProps\\", - \\"isOptional\\": true - }, - \\"triggerClassName\\": { - \\"name\\": \\"triggerClassName\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"ClassName to apply to default trigger button\\\\nNote: only applies if \`trigger\` prop is null\\", - \\"category\\": \\"BaseMenuProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "menuAlign": { + "name": "menuAlign", + "type": "\\"center\\" | \\"end\\" | \\"start\\" | undefined", + "description": "Alignment of menu against trigger Default: \\"start\\"", + "category": "BaseMenuProps", + "isOptional": true + }, + "onOpenChange": { + "name": "onOpenChange", + "type": "((isOpen: boolean) => void) | undefined", + "description": "Handle open and close event of menu", + "category": "BaseMenuProps", + "isOptional": true + }, + "isOpen": { + "name": "isOpen", + "type": "boolean | undefined", + "description": "Default for controlled menu", + "category": "BaseMenuProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Size of Menu button and items", + "category": "BaseMenuProps", + "isOptional": true + }, + "trigger": { + "name": "trigger", + "type": "React.ReactNode", + "description": "Trigger node Default: MenuButton with IconMenu Note: Must forward refs to DOM element", + "category": "BaseMenuProps", + "isOptional": true + }, + "triggerClassName": { + "name": "triggerClassName", + "type": "string | undefined", + "description": "ClassName to apply to default trigger button\\nNote: only applies if \`trigger\` prop is null", + "category": "BaseMenuProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ], - \\"MenuButton\\": [ + "MenuButton": [ { - \\"Main\\": { - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"isLoading\\": { - \\"name\\": \\"isLoading\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If \`true\`, the button will show a spinner.\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If \`true\`, the button will be disabled.\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"onClick\\": { - \\"name\\": \\"onClick\\", - \\"type\\": \\"React.MouseEventHandler | undefined\\", - \\"description\\": \\"Button click event handler\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"type\\": { - \\"name\\": \\"type\\", - \\"type\\": \\"'button' | 'reset' | 'submit'\\", - \\"description\\": \\"Changes the button type Default: \\\\\\"button\\\\\\"\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Changes the size of the button. Default: \\\\\\"medium\\\\\\"\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"| 'primary'\\\\n | 'link'\\\\n | 'menu'\\\\n | 'warning'\\\\n | 'destructive'\\", - \\"description\\": \\"Changes the visual weight of the button.\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"isFullWidth\\": { - \\"name\\": \\"isFullWidth\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If \`true\`, the button will take up the full width of its container.\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"loadingText\\": { - \\"name\\": \\"loadingText\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"The label to show in the button when \`loading\` is true\\\\nIf no text is passed, it only shows the spinner\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "isLoading": { + "name": "isLoading", + "type": "boolean | undefined", + "description": "If \`true\`, the button will show a spinner.", + "category": "BaseButtonProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "If \`true\`, the button will be disabled.", + "category": "BaseButtonProps", + "isOptional": true + }, + "onClick": { + "name": "onClick", + "type": "React.MouseEventHandler | undefined", + "description": "Button click event handler", + "category": "BaseButtonProps", + "isOptional": true + }, + "type": { + "name": "type", + "type": "'button' | 'reset' | 'submit'", + "description": "Changes the button type Default: \\"button\\"", + "category": "BaseButtonProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Changes the size of the button. Default: \\"medium\\"", + "category": "BaseButtonProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "| 'primary'\\n | 'link'\\n | 'menu'\\n | 'warning'\\n | 'destructive'", + "description": "Changes the visual weight of the button.", + "category": "BaseButtonProps", + "isOptional": true + }, + "isFullWidth": { + "name": "isFullWidth", + "type": "boolean | undefined", + "description": "If \`true\`, the button will take up the full width of its container.", + "category": "BaseButtonProps", + "isOptional": true + }, + "loadingText": { + "name": "loadingText", + "type": "string | undefined", + "description": "The label to show in the button when \`loading\` is true\\nIf no text is passed, it only shows the spinner", + "category": "BaseButtonProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ], - \\"MenuItem\\": [ + "MenuItem": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Accepts any number of MenuItem components\\", - \\"category\\": \\"BaseMenuItemProps\\", - \\"isOptional\\": true - }, - \\"isLoading\\": { - \\"name\\": \\"isLoading\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If \`true\`, the button will show a spinner.\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If \`true\`, the button will be disabled.\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"onClick\\": { - \\"name\\": \\"onClick\\", - \\"type\\": \\"React.MouseEventHandler | undefined\\", - \\"description\\": \\"Button click event handler\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"type\\": { - \\"name\\": \\"type\\", - \\"type\\": \\"'button' | 'reset' | 'submit'\\", - \\"description\\": \\"Changes the button type Default: \\\\\\"button\\\\\\"\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Changes the size of the button. Default: \\\\\\"medium\\\\\\"\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"| 'primary'\\\\n | 'link'\\\\n | 'menu'\\\\n | 'warning'\\\\n | 'destructive'\\", - \\"description\\": \\"Changes the visual weight of the button.\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"isFullWidth\\": { - \\"name\\": \\"isFullWidth\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If \`true\`, the button will take up the full width of its container.\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"loadingText\\": { - \\"name\\": \\"loadingText\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"The label to show in the button when \`loading\` is true\\\\nIf no text is passed, it only shows the spinner\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Accepts any number of MenuItem components", + "category": "BaseMenuItemProps", + "isOptional": true + }, + "isLoading": { + "name": "isLoading", + "type": "boolean | undefined", + "description": "If \`true\`, the button will show a spinner.", + "category": "BaseButtonProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "If \`true\`, the button will be disabled.", + "category": "BaseButtonProps", + "isOptional": true + }, + "onClick": { + "name": "onClick", + "type": "React.MouseEventHandler | undefined", + "description": "Button click event handler", + "category": "BaseButtonProps", + "isOptional": true + }, + "type": { + "name": "type", + "type": "'button' | 'reset' | 'submit'", + "description": "Changes the button type Default: \\"button\\"", + "category": "BaseButtonProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Changes the size of the button. Default: \\"medium\\"", + "category": "BaseButtonProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "| 'primary'\\n | 'link'\\n | 'menu'\\n | 'warning'\\n | 'destructive'", + "description": "Changes the visual weight of the button.", + "category": "BaseButtonProps", + "isOptional": true + }, + "isFullWidth": { + "name": "isFullWidth", + "type": "boolean | undefined", + "description": "If \`true\`, the button will take up the full width of its container.", + "category": "BaseButtonProps", + "isOptional": true + }, + "loadingText": { + "name": "loadingText", + "type": "string | undefined", + "description": "The label to show in the button when \`loading\` is true\\nIf no text is passed, it only shows the spinner", + "category": "BaseButtonProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Message\\": { - \\"Message\\": [ + "Message": { + "Message": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"dismissLabel\\": { - \\"name\\": \\"dismissLabel\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Configures the accessible label for the Message's dismiss button.\\", - \\"category\\": \\"BaseMessageProps\\", - \\"isOptional\\": true - }, - \\"isDismissible\\": { - \\"name\\": \\"isDismissible\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"The isDismissible property will affect whether the user can dismiss (close) the Message. Defaults to false (not dismissible).\\", - \\"category\\": \\"BaseMessageProps\\", - \\"isOptional\\": true - }, - \\"onDismiss\\": { - \\"name\\": \\"onDismiss\\", - \\"type\\": \\"(() => void) | undefined\\", - \\"description\\": \\"The onDismiss callback will be called when the user dismisses (closes) the Message.\\", - \\"category\\": \\"BaseMessageProps\\", - \\"isOptional\\": true - }, - \\"hasIcon\\": { - \\"name\\": \\"hasIcon\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"The hasIcon property will determine whether or not an icon is displayed on the Message. Defaults to true (icon displayed).\\", - \\"category\\": \\"BaseMessageProps\\", - \\"isOptional\\": true - }, - \\"heading\\": { - \\"name\\": \\"heading\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"The heading property will affect the content of the Message heading.\\", - \\"category\\": \\"BaseMessageProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"\\\\\\"outlined\\\\\\" | \\\\\\"plain\\\\\\" | \\\\\\"filled\\\\\\" | undefined\\", - \\"description\\": \\"The variation property will affect the overall style of the Message.\\", - \\"category\\": \\"BaseMessageContainerProps\\", - \\"isOptional\\": true - }, - \\"colorTheme\\": { - \\"name\\": \\"colorTheme\\", - \\"type\\": \\"| 'neutral'\\\\n | 'info'\\\\n | 'error'\\\\n | 'warning'\\\\n | 'success'\\", - \\"description\\": \\"The colorTheme property will affect the color and iconography used in the Message.\\", - \\"category\\": \\"BaseMessageContainerProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "dismissLabel": { + "name": "dismissLabel", + "type": "string | undefined", + "description": "Configures the accessible label for the Message's dismiss button.", + "category": "BaseMessageProps", + "isOptional": true + }, + "isDismissible": { + "name": "isDismissible", + "type": "boolean | undefined", + "description": "The isDismissible property will affect whether the user can dismiss (close) the Message. Defaults to false (not dismissible).", + "category": "BaseMessageProps", + "isOptional": true + }, + "onDismiss": { + "name": "onDismiss", + "type": "(() => void) | undefined", + "description": "The onDismiss callback will be called when the user dismisses (closes) the Message.", + "category": "BaseMessageProps", + "isOptional": true + }, + "hasIcon": { + "name": "hasIcon", + "type": "boolean | undefined", + "description": "The hasIcon property will determine whether or not an icon is displayed on the Message. Defaults to true (icon displayed).", + "category": "BaseMessageProps", + "isOptional": true + }, + "heading": { + "name": "heading", + "type": "React.ReactNode", + "description": "The heading property will affect the content of the Message heading.", + "category": "BaseMessageProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "\\"outlined\\" | \\"plain\\" | \\"filled\\" | undefined", + "description": "The variation property will affect the overall style of the Message.", + "category": "BaseMessageContainerProps", + "isOptional": true + }, + "colorTheme": { + "name": "colorTheme", + "type": "| 'neutral'\\n | 'info'\\n | 'error'\\n | 'warning'\\n | 'success'", + "description": "The colorTheme property will affect the color and iconography used in the Message.", + "category": "BaseMessageContainerProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Pagination\\": { - \\"Pagination\\": [ + "Pagination": { + "Pagination": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"currentPage\\": { - \\"name\\": \\"currentPage\\", - \\"type\\": \\"number | undefined\\", - \\"description\\": \\"Index of the current page. (starting from 1)\\", - \\"category\\": \\"BasePaginationProps\\", - \\"isOptional\\": true - }, - \\"totalPages\\": { - \\"name\\": \\"totalPages\\", - \\"type\\": \\"number\\", - \\"description\\": \\"Total number of available pages.\\", - \\"category\\": \\"BasePaginationProps\\", - \\"isOptional\\": false - }, - \\"siblingCount\\": { - \\"name\\": \\"siblingCount\\", - \\"type\\": \\"number | undefined\\", - \\"description\\": \\"The number of siblings on each side of current page.\\", - \\"category\\": \\"BasePaginationProps\\", - \\"isOptional\\": true - }, - \\"hasMorePages\\": { - \\"name\\": \\"hasMorePages\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Optionally indicates whether there are more pages after \`totalPages\`. Can be combined with \`totalPages\` to enable the next button when reaching the last page. Default: false\\", - \\"category\\": \\"BasePaginationProps\\", - \\"isOptional\\": true - }, - \\"currentPageLabel\\": { - \\"name\\": \\"currentPageLabel\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Set the invisible label for current page. Default: \\\\\\"Current Page:\\\\\\"\\", - \\"category\\": \\"BasePaginationProps\\", - \\"isOptional\\": true - }, - \\"pageLabel\\": { - \\"name\\": \\"pageLabel\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Set the label text for each page button other than the current page.\\\\nIt will be used to construct the \`aria-label\` for each page button. e.g, \\\\\\"Go to page 1\\\\\\" for page 1 button Default: \\\\\\"Go to page\\\\\\"\\", - \\"category\\": \\"BasePaginationProps\\", - \\"isOptional\\": true - }, - \\"previousLabel\\": { - \\"name\\": \\"previousLabel\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Set the \`aria-label\` for the left arrow button. Default: \\\\\\"Go to previous page\\\\\\"\\", - \\"category\\": \\"BasePaginationProps\\", - \\"isOptional\\": true - }, - \\"nextLabel\\": { - \\"name\\": \\"nextLabel\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Set the \`aria-label\` for the right arrow button. Default: \\\\\\"Go to next page\\\\\\"\\", - \\"category\\": \\"BasePaginationProps\\", - \\"isOptional\\": true - }, - \\"onNext\\": { - \\"name\\": \\"onNext\\", - \\"type\\": \\"(() => void) | undefined\\", - \\"description\\": \\"Callback function triggered when the next-page button is pressed\\", - \\"category\\": \\"BasePaginationProps\\", - \\"isOptional\\": true - }, - \\"onPrevious\\": { - \\"name\\": \\"onPrevious\\", - \\"type\\": \\"(() => void) | undefined\\", - \\"description\\": \\"Callback function triggered when the prev-page button is pressed\\", - \\"category\\": \\"BasePaginationProps\\", - \\"isOptional\\": true - }, - \\"onChange\\": { - \\"name\\": \\"onChange\\", - \\"type\\": \\"((newPageIndex?: number | undefined, prevPageIndex?: number | undefined) => void) | undefined\\", - \\"description\\": \\"Callback function triggered every time the page changes\\", - \\"category\\": \\"BasePaginationProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "currentPage": { + "name": "currentPage", + "type": "number | undefined", + "description": "Index of the current page. (starting from 1)", + "category": "BasePaginationProps", + "isOptional": true + }, + "totalPages": { + "name": "totalPages", + "type": "number", + "description": "Total number of available pages.", + "category": "BasePaginationProps", + "isOptional": false + }, + "siblingCount": { + "name": "siblingCount", + "type": "number | undefined", + "description": "The number of siblings on each side of current page.", + "category": "BasePaginationProps", + "isOptional": true + }, + "hasMorePages": { + "name": "hasMorePages", + "type": "boolean | undefined", + "description": "Optionally indicates whether there are more pages after \`totalPages\`. Can be combined with \`totalPages\` to enable the next button when reaching the last page. Default: false", + "category": "BasePaginationProps", + "isOptional": true + }, + "currentPageLabel": { + "name": "currentPageLabel", + "type": "string | undefined", + "description": "Set the invisible label for current page. Default: \\"Current Page:\\"", + "category": "BasePaginationProps", + "isOptional": true + }, + "pageLabel": { + "name": "pageLabel", + "type": "string | undefined", + "description": "Set the label text for each page button other than the current page.\\nIt will be used to construct the \`aria-label\` for each page button. e.g, \\"Go to page 1\\" for page 1 button Default: \\"Go to page\\"", + "category": "BasePaginationProps", + "isOptional": true + }, + "previousLabel": { + "name": "previousLabel", + "type": "string | undefined", + "description": "Set the \`aria-label\` for the left arrow button. Default: \\"Go to previous page\\"", + "category": "BasePaginationProps", + "isOptional": true + }, + "nextLabel": { + "name": "nextLabel", + "type": "string | undefined", + "description": "Set the \`aria-label\` for the right arrow button. Default: \\"Go to next page\\"", + "category": "BasePaginationProps", + "isOptional": true + }, + "onNext": { + "name": "onNext", + "type": "(() => void) | undefined", + "description": "Callback function triggered when the next-page button is pressed", + "category": "BasePaginationProps", + "isOptional": true + }, + "onPrevious": { + "name": "onPrevious", + "type": "(() => void) | undefined", + "description": "Callback function triggered when the prev-page button is pressed", + "category": "BasePaginationProps", + "isOptional": true + }, + "onChange": { + "name": "onChange", + "type": "((newPageIndex?: number | undefined, prevPageIndex?: number | undefined) => void) | undefined", + "description": "Callback function triggered every time the page changes", + "category": "BasePaginationProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"PasswordField\\": { - \\"PasswordField\\": [ + "PasswordField": { + "PasswordField": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"hideShowPassword\\": { - \\"name\\": \\"hideShowPassword\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"For password fields, will hide the \\\\\\"show password\\\\\\" button\\", - \\"category\\": \\"BasePasswordFieldProps\\", - \\"isOptional\\": true - }, - \\"hidePasswordButtonLabel\\": { - \\"name\\": \\"hidePasswordButtonLabel\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"The hidePasswordButtonLabel prop is no longer in use, since the aria-label is now consistent between state changes. Set the \`aria-label\` for hide password button Default: \\\\\\"Hide password\\\\\\"\\", - \\"category\\": \\"BasePasswordFieldProps\\", - \\"isOptional\\": true - }, - \\"passwordIsHiddenLabel\\": { - \\"name\\": \\"passwordIsHiddenLabel\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Sets the text read by screen readers when the password is hidden Default: \\\\\\"Password is hidden\\\\\\"\\", - \\"category\\": \\"BasePasswordFieldProps\\", - \\"isOptional\\": true - }, - \\"passwordIsShownLabel\\": { - \\"name\\": \\"passwordIsShownLabel\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Sets the text read by screen readers when the password is shown Default: \\\\\\"Password is shown\\\\\\"\\", - \\"category\\": \\"BasePasswordFieldProps\\", - \\"isOptional\\": true - }, - \\"showPasswordButtonLabel\\": { - \\"name\\": \\"showPasswordButtonLabel\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Set the \`aria-label\` for show password button Default: \\\\\\"Show password\\\\\\"\\", - \\"category\\": \\"BasePasswordFieldProps\\", - \\"isOptional\\": true - }, - \\"autoComplete\\": { - \\"name\\": \\"autoComplete\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Password autocomplete type See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values) Default: \\\\\\"current-password\\\\\\"\\", - \\"category\\": \\"BasePasswordFieldProps\\", - \\"isOptional\\": true - }, - \\"showPasswordButtonRef\\": { - \\"name\\": \\"showPasswordButtonRef\\", - \\"type\\": \\"React.Ref | undefined\\", - \\"description\\": \\"Forwarded ref for access to show password button DOM element\\", - \\"category\\": \\"BasePasswordFieldProps\\", - \\"isOptional\\": true - }, - \\"outerEndComponent\\": { - \\"name\\": \\"outerEndComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Component(s) to show after input\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"outerStartComponent\\": { - \\"name\\": \\"outerStartComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Component(s) to show before input\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"innerStartComponent\\": { - \\"name\\": \\"innerStartComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"FieldGroupIconButton component to show inside of input at start\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"innerEndComponent\\": { - \\"name\\": \\"innerEndComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"FieldGroupIconButton component to show inside of input at end\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"type\\": { - \\"name\\": \\"type\\", - \\"type\\": \\"React.HTMLInputTypeAttribute | undefined\\", - \\"description\\": \\"Input field type\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"descriptiveText\\": { - \\"name\\": \\"descriptiveText\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Provides additional information needed to fill field\\\\n(e.g. password requirements, etc.)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"errorMessage\\": { - \\"name\\": \\"errorMessage\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\" When defined and \`hasError\` is true, show error message\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"label\\": { - \\"name\\": \\"label\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Label text for field (required)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": false - }, - \\"labelHidden\\": { - \\"name\\": \\"labelHidden\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Visually hide label (not recommended in most cases) Default: false\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"inputStyles\\": { - \\"name\\": \\"inputStyles\\", - \\"type\\": \\"BaseStyleProps | undefined\\", - \\"description\\": \\"Style props to be applied to the input element\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"checked\\": { - \\"name\\": \\"checked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If checked is provided, this will be a controlled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"defaultChecked\\": { - \\"name\\": \\"defaultChecked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Use this to initialize an uncontrolled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"defaultValue\\": { - \\"name\\": \\"defaultValue\\", - \\"type\\": \\"string | number | readonly string[] | undefined\\", - \\"description\\": \\"Use this to provide a default value for an uncontrolled field.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"hasError\\": { - \\"name\\": \\"hasError\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Indicates that Field is in error state.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"enterKeyHint\\": { - \\"name\\": \\"enterKeyHint\\", - \\"type\\": \\"EnterKeyHint | undefined\\", - \\"description\\": \\"Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"inputMode\\": { - \\"name\\": \\"inputMode\\", - \\"type\\": \\"InputMode | undefined\\", - \\"description\\": \\" Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\\\\\"text\\\\\\"\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isReadOnly\\": { - \\"name\\": \\"isReadOnly\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isRequired\\": { - \\"name\\": \\"isRequired\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Whether field should be marked required.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"name\\": { - \\"name\\": \\"name\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Name of the field. Submitted with the form as part of a name/value pair.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"placeholder\\": { - \\"name\\": \\"placeholder\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Changes the font-size, padding, and height of the field.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"value\\": { - \\"name\\": \\"value\\", - \\"type\\": \\"string | number | readonly string[] | undefined\\", - \\"description\\": \\"If value is provided, this will be a controlled field.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"\\\\\\"quiet\\\\\\" | undefined\\", - \\"description\\": \\"Variants.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "hideShowPassword": { + "name": "hideShowPassword", + "type": "boolean | undefined", + "description": "For password fields, will hide the \\"show password\\" button", + "category": "BasePasswordFieldProps", + "isOptional": true + }, + "hidePasswordButtonLabel": { + "name": "hidePasswordButtonLabel", + "type": "string | undefined", + "description": "The hidePasswordButtonLabel prop is no longer in use, since the aria-label is now consistent between state changes. Set the \`aria-label\` for hide password button Default: \\"Hide password\\"", + "category": "BasePasswordFieldProps", + "isOptional": true + }, + "passwordIsHiddenLabel": { + "name": "passwordIsHiddenLabel", + "type": "string | undefined", + "description": "Sets the text read by screen readers when the password is hidden Default: \\"Password is hidden\\"", + "category": "BasePasswordFieldProps", + "isOptional": true + }, + "passwordIsShownLabel": { + "name": "passwordIsShownLabel", + "type": "string | undefined", + "description": "Sets the text read by screen readers when the password is shown Default: \\"Password is shown\\"", + "category": "BasePasswordFieldProps", + "isOptional": true + }, + "showPasswordButtonLabel": { + "name": "showPasswordButtonLabel", + "type": "string | undefined", + "description": "Set the \`aria-label\` for show password button Default: \\"Show password\\"", + "category": "BasePasswordFieldProps", + "isOptional": true + }, + "autoComplete": { + "name": "autoComplete", + "type": "string | undefined", + "description": "Password autocomplete type See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values) Default: \\"current-password\\"", + "category": "BasePasswordFieldProps", + "isOptional": true + }, + "showPasswordButtonRef": { + "name": "showPasswordButtonRef", + "type": "React.Ref | undefined", + "description": "Forwarded ref for access to show password button DOM element", + "category": "BasePasswordFieldProps", + "isOptional": true + }, + "outerEndComponent": { + "name": "outerEndComponent", + "type": "React.ReactNode", + "description": "Component(s) to show after input", + "category": "TextFieldOptions", + "isOptional": true + }, + "outerStartComponent": { + "name": "outerStartComponent", + "type": "React.ReactNode", + "description": "Component(s) to show before input", + "category": "TextFieldOptions", + "isOptional": true + }, + "innerStartComponent": { + "name": "innerStartComponent", + "type": "React.ReactNode", + "description": "FieldGroupIconButton component to show inside of input at start", + "category": "TextFieldOptions", + "isOptional": true + }, + "innerEndComponent": { + "name": "innerEndComponent", + "type": "React.ReactNode", + "description": "FieldGroupIconButton component to show inside of input at end", + "category": "TextFieldOptions", + "isOptional": true + }, + "type": { + "name": "type", + "type": "React.HTMLInputTypeAttribute | undefined", + "description": "Input field type", + "category": "TextFieldOptions", + "isOptional": true + }, + "descriptiveText": { + "name": "descriptiveText", + "type": "React.ReactNode", + "description": "Provides additional information needed to fill field\\n(e.g. password requirements, etc.)", + "category": "BaseFieldProps", + "isOptional": true + }, + "errorMessage": { + "name": "errorMessage", + "type": "string | undefined", + "description": " When defined and \`hasError\` is true, show error message", + "category": "BaseFieldProps", + "isOptional": true + }, + "label": { + "name": "label", + "type": "React.ReactNode", + "description": "Label text for field (required)", + "category": "BaseFieldProps", + "isOptional": false + }, + "labelHidden": { + "name": "labelHidden", + "type": "boolean | undefined", + "description": "Visually hide label (not recommended in most cases) Default: false", + "category": "BaseFieldProps", + "isOptional": true + }, + "inputStyles": { + "name": "inputStyles", + "type": "BaseStyleProps | undefined", + "description": "Style props to be applied to the input element", + "category": "BaseFieldProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "checked": { + "name": "checked", + "type": "boolean | undefined", + "description": "If checked is provided, this will be a controlled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "defaultChecked": { + "name": "defaultChecked", + "type": "boolean | undefined", + "description": "Use this to initialize an uncontrolled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "defaultValue": { + "name": "defaultValue", + "type": "string | number | readonly string[] | undefined", + "description": "Use this to provide a default value for an uncontrolled field.", + "category": "BaseInputProps", + "isOptional": true + }, + "hasError": { + "name": "hasError", + "type": "boolean | undefined", + "description": "Indicates that Field is in error state.", + "category": "BaseInputProps", + "isOptional": true + }, + "enterKeyHint": { + "name": "enterKeyHint", + "type": "EnterKeyHint | undefined", + "description": "Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)", + "category": "BaseInputProps", + "isOptional": true + }, + "inputMode": { + "name": "inputMode", + "type": "InputMode | undefined", + "description": " Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\"text\\"", + "category": "BaseInputProps", + "isOptional": true + }, + "isReadOnly": { + "name": "isReadOnly", + "type": "boolean | undefined", + "description": "Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false", + "category": "BaseInputProps", + "isOptional": true + }, + "isRequired": { + "name": "isRequired", + "type": "boolean | undefined", + "description": "Whether field should be marked required.", + "category": "BaseInputProps", + "isOptional": true + }, + "name": { + "name": "name", + "type": "string | undefined", + "description": "Name of the field. Submitted with the form as part of a name/value pair.", + "category": "BaseInputProps", + "isOptional": true + }, + "placeholder": { + "name": "placeholder", + "type": "string | undefined", + "description": "Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.", + "category": "BaseInputProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Changes the font-size, padding, and height of the field.", + "category": "BaseInputProps", + "isOptional": true + }, + "value": { + "name": "value", + "type": "string | number | readonly string[] | undefined", + "description": "If value is provided, this will be a controlled field.", + "category": "BaseInputProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "\\"quiet\\" | undefined", + "description": "Variants.", + "category": "BaseInputProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"PhoneNumberField\\": { - \\"PhoneNumberField\\": [ + "PhoneNumberField": { + "PhoneNumberField": [ { - \\"Main\\": { - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"label\\": { - \\"name\\": \\"label\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Label text for field (required)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": false - }, - \\"descriptiveText\\": { - \\"name\\": \\"descriptiveText\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Provides additional information needed to fill field\\\\n(e.g. password requirements, etc.)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"errorMessage\\": { - \\"name\\": \\"errorMessage\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\" When defined and \`hasError\` is true, show error message\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"labelHidden\\": { - \\"name\\": \\"labelHidden\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Visually hide label (not recommended in most cases) Default: false\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"inputStyles\\": { - \\"name\\": \\"inputStyles\\", - \\"type\\": \\"BaseStyleProps | undefined\\", - \\"description\\": \\"Style props to be applied to the input element\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"defaultChecked\\": { - \\"name\\": \\"defaultChecked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Use this to initialize an uncontrolled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"defaultValue\\": { - \\"name\\": \\"defaultValue\\", - \\"type\\": \\"string | number | readonly string[] | undefined\\", - \\"description\\": \\"Use this to provide a default value for an uncontrolled field.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"placeholder\\": { - \\"name\\": \\"placeholder\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"inputMode\\": { - \\"name\\": \\"inputMode\\", - \\"type\\": \\"InputMode | undefined\\", - \\"description\\": \\" Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\\\\\"text\\\\\\"\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Changes the font-size, padding, and height of the field.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"\\\\\\"quiet\\\\\\" | undefined\\", - \\"description\\": \\"Variants.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"value\\": { - \\"name\\": \\"value\\", - \\"type\\": \\"string | number | readonly string[] | undefined\\", - \\"description\\": \\"If value is provided, this will be a controlled field.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"autoComplete\\": { - \\"name\\": \\"autoComplete\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"checked\\": { - \\"name\\": \\"checked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If checked is provided, this will be a controlled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"hasError\\": { - \\"name\\": \\"hasError\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Indicates that Field is in error state.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"enterKeyHint\\": { - \\"name\\": \\"enterKeyHint\\", - \\"type\\": \\"EnterKeyHint | undefined\\", - \\"description\\": \\"Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isReadOnly\\": { - \\"name\\": \\"isReadOnly\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isRequired\\": { - \\"name\\": \\"isRequired\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Whether field should be marked required.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"name\\": { - \\"name\\": \\"name\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Name of the field. Submitted with the form as part of a name/value pair.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"type\\": { - \\"name\\": \\"type\\", - \\"type\\": \\"\\\\\\"tel\\\\\\" | undefined\\", - \\"description\\": \\" elements of type 'tel' are used to let the user enter and edit a telephone number\\", - \\"category\\": \\"optionalPhoneNumberFieldProps\\", - \\"isOptional\\": true - }, - \\"dialCodeLabel\\": { - \\"name\\": \\"dialCodeLabel\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Sets a hidden and accessible label for the dial code selector\\", - \\"category\\": \\"optionalPhoneNumberFieldProps\\", - \\"isOptional\\": true - }, - \\"dialCodeName\\": { - \\"name\\": \\"dialCodeName\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Sets the name used when handling form submission for the dial code selector\\", - \\"category\\": \\"optionalPhoneNumberFieldProps\\", - \\"isOptional\\": true - }, - \\"dialCodeList\\": { - \\"name\\": \\"dialCodeList\\", - \\"type\\": \\"string[] | undefined\\", - \\"description\\": \\"Accepts an array of dial codes (strings) used as options in the dial code selector\\", - \\"category\\": \\"optionalPhoneNumberFieldProps\\", - \\"isOptional\\": true - }, - \\"onDialCodeChange\\": { - \\"name\\": \\"onDialCodeChange\\", - \\"type\\": \\"React.ChangeEventHandler | undefined\\", - \\"description\\": \\"Handles change events for the dial code selector\\", - \\"category\\": \\"optionalPhoneNumberFieldProps\\", - \\"isOptional\\": true - }, - \\"dialCodeRef\\": { - \\"name\\": \\"dialCodeRef\\", - \\"type\\": \\"React.Ref | undefined\\", - \\"description\\": \\"Forwarded ref for access to Dial Code select DOM element\\", - \\"category\\": \\"optionalPhoneNumberFieldProps\\", - \\"isOptional\\": true - }, - \\"outerEndComponent\\": { - \\"name\\": \\"outerEndComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Component(s) to show after input\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"outerStartComponent\\": { - \\"name\\": \\"outerStartComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Component(s) to show before input\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"innerStartComponent\\": { - \\"name\\": \\"innerStartComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"FieldGroupIconButton component to show inside of input at start\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"innerEndComponent\\": { - \\"name\\": \\"innerEndComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"FieldGroupIconButton component to show inside of input at end\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"countryCodeLabel\\": { - \\"name\\": \\"countryCodeLabel\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Sets a hidden and accessible label for the dial code selector To be removed with next major version release, please use dialCodeLabel\\", - \\"category\\": \\"CountryCodeFieldProps\\", - \\"isOptional\\": true - }, - \\"countryCodeName\\": { - \\"name\\": \\"countryCodeName\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Sets the name used when handling form submission for the dial code selector To be removed with next major version release, please use dialCodeName\\", - \\"category\\": \\"CountryCodeFieldProps\\", - \\"isOptional\\": true - }, - \\"onCountryCodeChange\\": { - \\"name\\": \\"onCountryCodeChange\\", - \\"type\\": \\"React.ChangeEventHandler | undefined\\", - \\"description\\": \\"Handles change events for the dial code selector To be removed with next major version release, please use onDialCodeChange\\", - \\"category\\": \\"CountryCodeFieldProps\\", - \\"isOptional\\": true - }, - \\"countryCodeRef\\": { - \\"name\\": \\"countryCodeRef\\", - \\"type\\": \\"React.Ref | undefined\\", - \\"description\\": \\"Forwarded ref for access to Country Code select DOM element To be removed with next major version release, please use dialCodeRef\\", - \\"category\\": \\"CountryCodeFieldProps\\", - \\"isOptional\\": true + "Main": { + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "label": { + "name": "label", + "type": "React.ReactNode", + "description": "Label text for field (required)", + "category": "BaseFieldProps", + "isOptional": false + }, + "descriptiveText": { + "name": "descriptiveText", + "type": "React.ReactNode", + "description": "Provides additional information needed to fill field\\n(e.g. password requirements, etc.)", + "category": "BaseFieldProps", + "isOptional": true + }, + "errorMessage": { + "name": "errorMessage", + "type": "string | undefined", + "description": " When defined and \`hasError\` is true, show error message", + "category": "BaseFieldProps", + "isOptional": true + }, + "labelHidden": { + "name": "labelHidden", + "type": "boolean | undefined", + "description": "Visually hide label (not recommended in most cases) Default: false", + "category": "BaseFieldProps", + "isOptional": true + }, + "inputStyles": { + "name": "inputStyles", + "type": "BaseStyleProps | undefined", + "description": "Style props to be applied to the input element", + "category": "BaseFieldProps", + "isOptional": true + }, + "defaultChecked": { + "name": "defaultChecked", + "type": "boolean | undefined", + "description": "Use this to initialize an uncontrolled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "defaultValue": { + "name": "defaultValue", + "type": "string | number | readonly string[] | undefined", + "description": "Use this to provide a default value for an uncontrolled field.", + "category": "BaseInputProps", + "isOptional": true + }, + "placeholder": { + "name": "placeholder", + "type": "string | undefined", + "description": "Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.", + "category": "BaseInputProps", + "isOptional": true + }, + "inputMode": { + "name": "inputMode", + "type": "InputMode | undefined", + "description": " Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\"text\\"", + "category": "BaseInputProps", + "isOptional": true + }, + "value": { + "name": "value", + "type": "string | number | readonly string[] | undefined", + "description": "If value is provided, this will be a controlled field.", + "category": "BaseInputProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Changes the font-size, padding, and height of the field.", + "category": "BaseInputProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "\\"quiet\\" | undefined", + "description": "Variants.", + "category": "BaseInputProps", + "isOptional": true + }, + "autoComplete": { + "name": "autoComplete", + "type": "string | undefined", + "description": "Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)", + "category": "BaseInputProps", + "isOptional": true + }, + "checked": { + "name": "checked", + "type": "boolean | undefined", + "description": "If checked is provided, this will be a controlled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "hasError": { + "name": "hasError", + "type": "boolean | undefined", + "description": "Indicates that Field is in error state.", + "category": "BaseInputProps", + "isOptional": true + }, + "enterKeyHint": { + "name": "enterKeyHint", + "type": "EnterKeyHint | undefined", + "description": "Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)", + "category": "BaseInputProps", + "isOptional": true + }, + "isReadOnly": { + "name": "isReadOnly", + "type": "boolean | undefined", + "description": "Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false", + "category": "BaseInputProps", + "isOptional": true + }, + "isRequired": { + "name": "isRequired", + "type": "boolean | undefined", + "description": "Whether field should be marked required.", + "category": "BaseInputProps", + "isOptional": true + }, + "name": { + "name": "name", + "type": "string | undefined", + "description": "Name of the field. Submitted with the form as part of a name/value pair.", + "category": "BaseInputProps", + "isOptional": true + }, + "type": { + "name": "type", + "type": "\\"tel\\" | undefined", + "description": " elements of type 'tel' are used to let the user enter and edit a telephone number", + "category": "optionalPhoneNumberFieldProps", + "isOptional": true + }, + "dialCodeLabel": { + "name": "dialCodeLabel", + "type": "string | undefined", + "description": "Sets a hidden and accessible label for the dial code selector", + "category": "optionalPhoneNumberFieldProps", + "isOptional": true + }, + "dialCodeName": { + "name": "dialCodeName", + "type": "string | undefined", + "description": "Sets the name used when handling form submission for the dial code selector", + "category": "optionalPhoneNumberFieldProps", + "isOptional": true + }, + "dialCodeList": { + "name": "dialCodeList", + "type": "string[] | undefined", + "description": "Accepts an array of dial codes (strings) used as options in the dial code selector", + "category": "optionalPhoneNumberFieldProps", + "isOptional": true + }, + "onDialCodeChange": { + "name": "onDialCodeChange", + "type": "React.ChangeEventHandler | undefined", + "description": "Handles change events for the dial code selector", + "category": "optionalPhoneNumberFieldProps", + "isOptional": true + }, + "dialCodeRef": { + "name": "dialCodeRef", + "type": "React.Ref | undefined", + "description": "Forwarded ref for access to Dial Code select DOM element", + "category": "optionalPhoneNumberFieldProps", + "isOptional": true + }, + "outerEndComponent": { + "name": "outerEndComponent", + "type": "React.ReactNode", + "description": "Component(s) to show after input", + "category": "TextFieldOptions", + "isOptional": true + }, + "outerStartComponent": { + "name": "outerStartComponent", + "type": "React.ReactNode", + "description": "Component(s) to show before input", + "category": "TextFieldOptions", + "isOptional": true + }, + "innerStartComponent": { + "name": "innerStartComponent", + "type": "React.ReactNode", + "description": "FieldGroupIconButton component to show inside of input at start", + "category": "TextFieldOptions", + "isOptional": true + }, + "innerEndComponent": { + "name": "innerEndComponent", + "type": "React.ReactNode", + "description": "FieldGroupIconButton component to show inside of input at end", + "category": "TextFieldOptions", + "isOptional": true + }, + "countryCodeLabel": { + "name": "countryCodeLabel", + "type": "string | undefined", + "description": "Sets a hidden and accessible label for the dial code selector To be removed with next major version release, please use dialCodeLabel", + "category": "CountryCodeFieldProps", + "isOptional": true + }, + "countryCodeName": { + "name": "countryCodeName", + "type": "string | undefined", + "description": "Sets the name used when handling form submission for the dial code selector To be removed with next major version release, please use dialCodeName", + "category": "CountryCodeFieldProps", + "isOptional": true + }, + "onCountryCodeChange": { + "name": "onCountryCodeChange", + "type": "React.ChangeEventHandler | undefined", + "description": "Handles change events for the dial code selector To be removed with next major version release, please use onDialCodeChange", + "category": "CountryCodeFieldProps", + "isOptional": true + }, + "countryCodeRef": { + "name": "countryCodeRef", + "type": "React.Ref | undefined", + "description": "Forwarded ref for access to Country Code select DOM element To be removed with next major version release, please use dialCodeRef", + "category": "CountryCodeFieldProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Placeholder\\": { - \\"Placeholder\\": [ + "Placeholder": { + "Placeholder": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"isLoaded\\": { - \\"name\\": \\"isLoaded\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If true, the placeholder won't show, if false the placeholder will show. Default: false\\", - \\"category\\": \\"BasePlaceholderProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Controls the display size of placeholder\\", - \\"category\\": \\"BasePlaceholderProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "isLoaded": { + "name": "isLoaded", + "type": "boolean | undefined", + "description": "If true, the placeholder won't show, if false the placeholder will show. Default: false", + "category": "BasePlaceholderProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Controls the display size of placeholder", + "category": "BasePlaceholderProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"RadioGroupField\\": { - \\"RadioGroupField\\": [ + "RadioGroupField": { + "RadioGroupField": [ { - \\"Main\\": { - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"name\\": { - \\"name\\": \\"name\\", - \\"type\\": \\"string\\", - \\"description\\": \\"Name of the Fieldset.\\", - \\"category\\": \\"BaseRadioGroupFieldProps\\", - \\"isOptional\\": false - }, - \\"value\\": { - \\"name\\": \\"value\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"If value is provided, this will be a controlled field.\\", - \\"category\\": \\"BaseRadioGroupFieldProps\\", - \\"isOptional\\": true - }, - \\"defaultValue\\": { - \\"name\\": \\"defaultValue\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Use this to provide a default value for an uncontrolled field.\\", - \\"category\\": \\"BaseRadioGroupFieldProps\\", - \\"isOptional\\": true - }, - \\"onChange\\": { - \\"name\\": \\"onChange\\", - \\"type\\": \\"React.ChangeEventHandler | undefined\\", - \\"description\\": \\"Handle onChange event\\", - \\"category\\": \\"BaseRadioGroupFieldProps\\", - \\"isOptional\\": true - }, - \\"labelPosition\\": { - \\"name\\": \\"labelPosition\\", - \\"type\\": \\"'start' | 'end' | 'top' | 'bottom'\\", - \\"description\\": \\"Position of label in relation to the radio,\\\\ndefault is 'start'\\", - \\"category\\": \\"BaseRadioGroupFieldProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"descriptiveText\\": { - \\"name\\": \\"descriptiveText\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Provides additional information needed to fill field\\\\n(e.g. password requirements, etc.)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"errorMessage\\": { - \\"name\\": \\"errorMessage\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\" When defined and \`hasError\` is true, show error message\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"inputStyles\\": { - \\"name\\": \\"inputStyles\\", - \\"type\\": \\"BaseStyleProps | undefined\\", - \\"description\\": \\"Style props to be applied to the input element\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"legend\\": { - \\"name\\": \\"legend\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Legend is the label for the Fieldset.\\", - \\"category\\": \\"BaseFieldsetProps\\", - \\"isOptional\\": false - }, - \\"legendHidden\\": { - \\"name\\": \\"legendHidden\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Visually hides the legend while making it still accessible to screenreaders.\\", - \\"category\\": \\"BaseFieldsetProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"\\\\\\"outlined\\\\\\" | \\\\\\"plain\\\\\\" | undefined\\", - \\"description\\": \\"Adds plain or outlined variation to the Fieldset\\", - \\"category\\": \\"BaseFieldsetProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Changes the size of the Fieldset\\", - \\"category\\": \\"BaseFieldsetProps\\", - \\"isOptional\\": true - }, - \\"form\\": { - \\"name\\": \\"form\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Form to associate the Fieldset with\\", - \\"category\\": \\"BaseFieldsetProps\\", - \\"isOptional\\": true - }, - \\"defaultChecked\\": { - \\"name\\": \\"defaultChecked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Use this to initialize an uncontrolled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"placeholder\\": { - \\"name\\": \\"placeholder\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"inputMode\\": { - \\"name\\": \\"inputMode\\", - \\"type\\": \\"InputMode | undefined\\", - \\"description\\": \\" Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\\\\\"text\\\\\\"\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"type\\": { - \\"name\\": \\"type\\", - \\"type\\": \\"React.HTMLInputTypeAttribute | undefined\\", - \\"description\\": \\"Input field type.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"autoComplete\\": { - \\"name\\": \\"autoComplete\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"checked\\": { - \\"name\\": \\"checked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If checked is provided, this will be a controlled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"hasError\\": { - \\"name\\": \\"hasError\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Indicates that Field is in error state.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"enterKeyHint\\": { - \\"name\\": \\"enterKeyHint\\", - \\"type\\": \\"EnterKeyHint | undefined\\", - \\"description\\": \\"Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isReadOnly\\": { - \\"name\\": \\"isReadOnly\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isRequired\\": { - \\"name\\": \\"isRequired\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Whether field should be marked required.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true + "Main": { + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "name": { + "name": "name", + "type": "string", + "description": "Name of the Fieldset.", + "category": "BaseRadioGroupFieldProps", + "isOptional": false + }, + "value": { + "name": "value", + "type": "string | undefined", + "description": "If value is provided, this will be a controlled field.", + "category": "BaseRadioGroupFieldProps", + "isOptional": true + }, + "defaultValue": { + "name": "defaultValue", + "type": "string | undefined", + "description": "Use this to provide a default value for an uncontrolled field.", + "category": "BaseRadioGroupFieldProps", + "isOptional": true + }, + "onChange": { + "name": "onChange", + "type": "React.ChangeEventHandler | undefined", + "description": "Handle onChange event", + "category": "BaseRadioGroupFieldProps", + "isOptional": true + }, + "labelPosition": { + "name": "labelPosition", + "type": "'start' | 'end' | 'top' | 'bottom'", + "description": "Position of label in relation to the radio,\\ndefault is 'start'", + "category": "BaseRadioGroupFieldProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "descriptiveText": { + "name": "descriptiveText", + "type": "React.ReactNode", + "description": "Provides additional information needed to fill field\\n(e.g. password requirements, etc.)", + "category": "BaseFieldProps", + "isOptional": true + }, + "errorMessage": { + "name": "errorMessage", + "type": "string | undefined", + "description": " When defined and \`hasError\` is true, show error message", + "category": "BaseFieldProps", + "isOptional": true + }, + "inputStyles": { + "name": "inputStyles", + "type": "BaseStyleProps | undefined", + "description": "Style props to be applied to the input element", + "category": "BaseFieldProps", + "isOptional": true + }, + "legend": { + "name": "legend", + "type": "React.ReactNode", + "description": "Legend is the label for the Fieldset.", + "category": "BaseFieldsetProps", + "isOptional": false + }, + "legendHidden": { + "name": "legendHidden", + "type": "boolean | undefined", + "description": "Visually hides the legend while making it still accessible to screenreaders.", + "category": "BaseFieldsetProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "\\"outlined\\" | \\"plain\\" | undefined", + "description": "Adds plain or outlined variation to the Fieldset", + "category": "BaseFieldsetProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Changes the size of the Fieldset", + "category": "BaseFieldsetProps", + "isOptional": true + }, + "form": { + "name": "form", + "type": "string | undefined", + "description": "Form to associate the Fieldset with", + "category": "BaseFieldsetProps", + "isOptional": true + }, + "defaultChecked": { + "name": "defaultChecked", + "type": "boolean | undefined", + "description": "Use this to initialize an uncontrolled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "placeholder": { + "name": "placeholder", + "type": "string | undefined", + "description": "Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.", + "category": "BaseInputProps", + "isOptional": true + }, + "inputMode": { + "name": "inputMode", + "type": "InputMode | undefined", + "description": " Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\"text\\"", + "category": "BaseInputProps", + "isOptional": true + }, + "type": { + "name": "type", + "type": "React.HTMLInputTypeAttribute | undefined", + "description": "Input field type.", + "category": "BaseInputProps", + "isOptional": true + }, + "autoComplete": { + "name": "autoComplete", + "type": "string | undefined", + "description": "Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)", + "category": "BaseInputProps", + "isOptional": true + }, + "checked": { + "name": "checked", + "type": "boolean | undefined", + "description": "If checked is provided, this will be a controlled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "hasError": { + "name": "hasError", + "type": "boolean | undefined", + "description": "Indicates that Field is in error state.", + "category": "BaseInputProps", + "isOptional": true + }, + "enterKeyHint": { + "name": "enterKeyHint", + "type": "EnterKeyHint | undefined", + "description": "Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)", + "category": "BaseInputProps", + "isOptional": true + }, + "isReadOnly": { + "name": "isReadOnly", + "type": "boolean | undefined", + "description": "Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false", + "category": "BaseInputProps", + "isOptional": true + }, + "isRequired": { + "name": "isRequired", + "type": "boolean | undefined", + "description": "Whether field should be marked required.", + "category": "BaseInputProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ], - \\"Radio\\": [ + "Radio": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"value\\": { - \\"name\\": \\"value\\", - \\"type\\": \\"string\\", - \\"description\\": \\"If value is provided, this will be a controlled field.\\", - \\"category\\": \\"BaseRadioProps\\", - \\"isOptional\\": false - }, - \\"labelPosition\\": { - \\"name\\": \\"labelPosition\\", - \\"type\\": \\"'start' | 'end' | 'top' | 'bottom'\\", - \\"description\\": \\"Position of label in relation to the radio,\\\\ndefault is 'start'\\", - \\"category\\": \\"BaseRadioProps\\", - \\"isOptional\\": true - }, - \\"autoComplete\\": { - \\"name\\": \\"autoComplete\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"checked\\": { - \\"name\\": \\"checked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If checked is provided, this will be a controlled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"defaultChecked\\": { - \\"name\\": \\"defaultChecked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Use this to initialize an uncontrolled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"defaultValue\\": { - \\"name\\": \\"defaultValue\\", - \\"type\\": \\"string | number | readonly string[] | undefined\\", - \\"description\\": \\"Use this to provide a default value for an uncontrolled field.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"hasError\\": { - \\"name\\": \\"hasError\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Indicates that Field is in error state.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"enterKeyHint\\": { - \\"name\\": \\"enterKeyHint\\", - \\"type\\": \\"EnterKeyHint | undefined\\", - \\"description\\": \\"Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"inputMode\\": { - \\"name\\": \\"inputMode\\", - \\"type\\": \\"InputMode | undefined\\", - \\"description\\": \\" Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\\\\\"text\\\\\\"\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\" Determines whether field should be disabled. Default: false\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isReadOnly\\": { - \\"name\\": \\"isReadOnly\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isRequired\\": { - \\"name\\": \\"isRequired\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Whether field should be marked required.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"name\\": { - \\"name\\": \\"name\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Name of the field. Submitted with the form as part of a name/value pair.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"placeholder\\": { - \\"name\\": \\"placeholder\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Changes the font-size, padding, and height of the field.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"type\\": { - \\"name\\": \\"type\\", - \\"type\\": \\"React.HTMLInputTypeAttribute | undefined\\", - \\"description\\": \\"Input field type.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"\\\\\\"quiet\\\\\\" | undefined\\", - \\"description\\": \\"Variants.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "value": { + "name": "value", + "type": "string", + "description": "If value is provided, this will be a controlled field.", + "category": "BaseRadioProps", + "isOptional": false + }, + "labelPosition": { + "name": "labelPosition", + "type": "'start' | 'end' | 'top' | 'bottom'", + "description": "Position of label in relation to the radio,\\ndefault is 'start'", + "category": "BaseRadioProps", + "isOptional": true + }, + "autoComplete": { + "name": "autoComplete", + "type": "string | undefined", + "description": "Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)", + "category": "BaseInputProps", + "isOptional": true + }, + "checked": { + "name": "checked", + "type": "boolean | undefined", + "description": "If checked is provided, this will be a controlled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "defaultChecked": { + "name": "defaultChecked", + "type": "boolean | undefined", + "description": "Use this to initialize an uncontrolled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "defaultValue": { + "name": "defaultValue", + "type": "string | number | readonly string[] | undefined", + "description": "Use this to provide a default value for an uncontrolled field.", + "category": "BaseInputProps", + "isOptional": true + }, + "hasError": { + "name": "hasError", + "type": "boolean | undefined", + "description": "Indicates that Field is in error state.", + "category": "BaseInputProps", + "isOptional": true + }, + "enterKeyHint": { + "name": "enterKeyHint", + "type": "EnterKeyHint | undefined", + "description": "Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)", + "category": "BaseInputProps", + "isOptional": true + }, + "inputMode": { + "name": "inputMode", + "type": "InputMode | undefined", + "description": " Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\"text\\"", + "category": "BaseInputProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": " Determines whether field should be disabled. Default: false", + "category": "BaseInputProps", + "isOptional": true + }, + "isReadOnly": { + "name": "isReadOnly", + "type": "boolean | undefined", + "description": "Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false", + "category": "BaseInputProps", + "isOptional": true + }, + "isRequired": { + "name": "isRequired", + "type": "boolean | undefined", + "description": "Whether field should be marked required.", + "category": "BaseInputProps", + "isOptional": true + }, + "name": { + "name": "name", + "type": "string | undefined", + "description": "Name of the field. Submitted with the form as part of a name/value pair.", + "category": "BaseInputProps", + "isOptional": true + }, + "placeholder": { + "name": "placeholder", + "type": "string | undefined", + "description": "Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.", + "category": "BaseInputProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Changes the font-size, padding, and height of the field.", + "category": "BaseInputProps", + "isOptional": true + }, + "type": { + "name": "type", + "type": "React.HTMLInputTypeAttribute | undefined", + "description": "Input field type.", + "category": "BaseInputProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "\\"quiet\\" | undefined", + "description": "Variants.", + "category": "BaseInputProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Rating\\": { - \\"Rating\\": [ + "Rating": { + "Rating": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"emptyColor\\": { - \\"name\\": \\"emptyColor\\", - \\"type\\": \\"StyleToken | undefined\\", - \\"description\\": \\"The CSS color to use on the empty rating icon\\\\nDefault css value is #A2A2A2\\", - \\"category\\": \\"RatingOptions\\", - \\"isOptional\\": true - }, - \\"emptyIcon\\": { - \\"name\\": \\"emptyIcon\\", - \\"type\\": \\"JSX.Element | undefined\\", - \\"description\\": \\"This will override which icon to use as the empty icon. This will only\\\\noverride the empty icon an will create a rating component that uses\\\\ndifferent icons for filled and empty icons.\\", - \\"category\\": \\"RatingOptions\\", - \\"isOptional\\": true - }, - \\"fillColor\\": { - \\"name\\": \\"fillColor\\", - \\"type\\": \\"StyleToken | undefined\\", - \\"description\\": \\"The CSS color to use on the filled rating icon\\\\nDefault css value is #ffb400\\", - \\"category\\": \\"RatingOptions\\", - \\"isOptional\\": true - }, - \\"icon\\": { - \\"name\\": \\"icon\\", - \\"type\\": \\"JSX.Element | undefined\\", - \\"description\\": \\"This will override which icon to use. This will override both\\\\nthe filled and empty icon values unless an empty icon is specified\\\\nwith the emptyIcon prop\\\\nDefault is \\", - \\"category\\": \\"RatingOptions\\", - \\"isOptional\\": true - }, - \\"maxValue\\": { - \\"name\\": \\"maxValue\\", - \\"type\\": \\"number | undefined\\", - \\"description\\": \\"The max rating integer value\\\\nDefault is 5\\", - \\"category\\": \\"RatingOptions\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"This will set the icon size of the stars\\\\nDefault css value is medium\\", - \\"category\\": \\"RatingOptions\\", - \\"isOptional\\": true - }, - \\"value\\": { - \\"name\\": \\"value\\", - \\"type\\": \\"number | undefined\\", - \\"description\\": \\"The value of the rating\\\\nDefault is 0\\", - \\"category\\": \\"RatingOptions\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "emptyColor": { + "name": "emptyColor", + "type": "StyleToken | undefined", + "description": "The CSS color to use on the empty rating icon\\nDefault css value is #A2A2A2", + "category": "RatingOptions", + "isOptional": true + }, + "emptyIcon": { + "name": "emptyIcon", + "type": "JSX.Element | undefined", + "description": "This will override which icon to use as the empty icon. This will only\\noverride the empty icon an will create a rating component that uses\\ndifferent icons for filled and empty icons.", + "category": "RatingOptions", + "isOptional": true + }, + "fillColor": { + "name": "fillColor", + "type": "StyleToken | undefined", + "description": "The CSS color to use on the filled rating icon\\nDefault css value is #ffb400", + "category": "RatingOptions", + "isOptional": true + }, + "icon": { + "name": "icon", + "type": "JSX.Element | undefined", + "description": "This will override which icon to use. This will override both\\nthe filled and empty icon values unless an empty icon is specified\\nwith the emptyIcon prop\\nDefault is ", + "category": "RatingOptions", + "isOptional": true + }, + "maxValue": { + "name": "maxValue", + "type": "number | undefined", + "description": "The max rating integer value\\nDefault is 5", + "category": "RatingOptions", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "This will set the icon size of the stars\\nDefault css value is medium", + "category": "RatingOptions", + "isOptional": true + }, + "value": { + "name": "value", + "type": "number | undefined", + "description": "The value of the rating\\nDefault is 0", + "category": "RatingOptions", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"ScrollView\\": { - \\"ScrollView\\": [ + "ScrollView": { + "ScrollView": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"orientation\\": { - \\"name\\": \\"orientation\\", - \\"type\\": \\"'horizontal' | 'vertical'\\", - \\"description\\": \\"This prop has been deprecated. To get horizontal or vertical scrollbars,\\\\nmake the width or height of the ScrollView component smaller than the content.\\", - \\"category\\": \\"BaseScrollViewProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "orientation": { + "name": "orientation", + "type": "'horizontal' | 'vertical'", + "description": "This prop has been deprecated. To get horizontal or vertical scrollbars,\\nmake the width or height of the ScrollView component smaller than the content.", + "category": "BaseScrollViewProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"SearchField\\": { - \\"SearchField\\": [ + "SearchField": { + "SearchField": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"defaultValue\\": { - \\"name\\": \\"defaultValue\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Set the initial value for an uncontrolled search field\\", - \\"category\\": \\"BaseSearchFieldProps\\", - \\"isOptional\\": true - }, - \\"value\\": { - \\"name\\": \\"value\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Set the value for a controlled search field\\", - \\"category\\": \\"BaseSearchFieldProps\\", - \\"isOptional\\": true - }, - \\"hasSearchButton\\": { - \\"name\\": \\"hasSearchButton\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Used to determine whether to render a search button on the right Default: true\\", - \\"category\\": \\"BaseSearchFieldProps\\", - \\"isOptional\\": true - }, - \\"hasSearchIcon\\": { - \\"name\\": \\"hasSearchIcon\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Used to determine whether to render a search icon on the left when there is no search button Default: false\\", - \\"category\\": \\"BaseSearchFieldProps\\", - \\"isOptional\\": true - }, - \\"onSubmit\\": { - \\"name\\": \\"onSubmit\\", - \\"type\\": \\"((value: string) => void) | undefined\\", - \\"description\\": \\"Handle submission of search field input\\", - \\"category\\": \\"BaseSearchFieldProps\\", - \\"isOptional\\": true - }, - \\"onClear\\": { - \\"name\\": \\"onClear\\", - \\"type\\": \\"(() => void) | undefined\\", - \\"description\\": \\"Triggered when search field is cleared\\", - \\"category\\": \\"BaseSearchFieldProps\\", - \\"isOptional\\": true - }, - \\"labelHidden\\": { - \\"name\\": \\"labelHidden\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Visually hide label Default: true\\", - \\"category\\": \\"BaseSearchFieldProps\\", - \\"isOptional\\": true - }, - \\"clearButtonLabel\\": { - \\"name\\": \\"clearButtonLabel\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Set the \`aria-label\` for clear button Default: \\\\\\"Clear search\\\\\\"\\", - \\"category\\": \\"BaseSearchFieldProps\\", - \\"isOptional\\": true - }, - \\"searchButtonRef\\": { - \\"name\\": \\"searchButtonRef\\", - \\"type\\": \\"React.Ref | undefined\\", - \\"description\\": \\"Provides ref access to search button DOM element\\", - \\"category\\": \\"BaseSearchFieldProps\\", - \\"isOptional\\": true - }, - \\"outerEndComponent\\": { - \\"name\\": \\"outerEndComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Component(s) to show after input\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"outerStartComponent\\": { - \\"name\\": \\"outerStartComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Component(s) to show before input\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"innerStartComponent\\": { - \\"name\\": \\"innerStartComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"FieldGroupIconButton component to show inside of input at start\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"innerEndComponent\\": { - \\"name\\": \\"innerEndComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"FieldGroupIconButton component to show inside of input at end\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"type\\": { - \\"name\\": \\"type\\", - \\"type\\": \\"React.HTMLInputTypeAttribute | undefined\\", - \\"description\\": \\"Input field type\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"descriptiveText\\": { - \\"name\\": \\"descriptiveText\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Provides additional information needed to fill field\\\\n(e.g. password requirements, etc.)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"errorMessage\\": { - \\"name\\": \\"errorMessage\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\" When defined and \`hasError\` is true, show error message\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"label\\": { - \\"name\\": \\"label\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Label text for field (required)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": false - }, - \\"inputStyles\\": { - \\"name\\": \\"inputStyles\\", - \\"type\\": \\"BaseStyleProps | undefined\\", - \\"description\\": \\"Style props to be applied to the input element\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"autoComplete\\": { - \\"name\\": \\"autoComplete\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"checked\\": { - \\"name\\": \\"checked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If checked is provided, this will be a controlled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"defaultChecked\\": { - \\"name\\": \\"defaultChecked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Use this to initialize an uncontrolled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"hasError\\": { - \\"name\\": \\"hasError\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Indicates that Field is in error state.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"enterKeyHint\\": { - \\"name\\": \\"enterKeyHint\\", - \\"type\\": \\"EnterKeyHint | undefined\\", - \\"description\\": \\"Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"inputMode\\": { - \\"name\\": \\"inputMode\\", - \\"type\\": \\"InputMode | undefined\\", - \\"description\\": \\" Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\\\\\"text\\\\\\"\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isReadOnly\\": { - \\"name\\": \\"isReadOnly\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isRequired\\": { - \\"name\\": \\"isRequired\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Whether field should be marked required.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"name\\": { - \\"name\\": \\"name\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Name of the field. Submitted with the form as part of a name/value pair.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"placeholder\\": { - \\"name\\": \\"placeholder\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Changes the font-size, padding, and height of the field.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"\\\\\\"quiet\\\\\\" | undefined\\", - \\"description\\": \\"Variants.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "defaultValue": { + "name": "defaultValue", + "type": "string | undefined", + "description": "Set the initial value for an uncontrolled search field", + "category": "BaseSearchFieldProps", + "isOptional": true + }, + "value": { + "name": "value", + "type": "string | undefined", + "description": "Set the value for a controlled search field", + "category": "BaseSearchFieldProps", + "isOptional": true + }, + "hasSearchButton": { + "name": "hasSearchButton", + "type": "boolean | undefined", + "description": "Used to determine whether to render a search button on the right Default: true", + "category": "BaseSearchFieldProps", + "isOptional": true + }, + "hasSearchIcon": { + "name": "hasSearchIcon", + "type": "boolean | undefined", + "description": "Used to determine whether to render a search icon on the left when there is no search button Default: false", + "category": "BaseSearchFieldProps", + "isOptional": true + }, + "onSubmit": { + "name": "onSubmit", + "type": "((value: string) => void) | undefined", + "description": "Handle submission of search field input", + "category": "BaseSearchFieldProps", + "isOptional": true + }, + "onClear": { + "name": "onClear", + "type": "(() => void) | undefined", + "description": "Triggered when search field is cleared", + "category": "BaseSearchFieldProps", + "isOptional": true + }, + "labelHidden": { + "name": "labelHidden", + "type": "boolean | undefined", + "description": "Visually hide label Default: true", + "category": "BaseSearchFieldProps", + "isOptional": true + }, + "clearButtonLabel": { + "name": "clearButtonLabel", + "type": "string | undefined", + "description": "Set the \`aria-label\` for clear button Default: \\"Clear search\\"", + "category": "BaseSearchFieldProps", + "isOptional": true + }, + "searchButtonRef": { + "name": "searchButtonRef", + "type": "React.Ref | undefined", + "description": "Provides ref access to search button DOM element", + "category": "BaseSearchFieldProps", + "isOptional": true + }, + "outerEndComponent": { + "name": "outerEndComponent", + "type": "React.ReactNode", + "description": "Component(s) to show after input", + "category": "TextFieldOptions", + "isOptional": true + }, + "outerStartComponent": { + "name": "outerStartComponent", + "type": "React.ReactNode", + "description": "Component(s) to show before input", + "category": "TextFieldOptions", + "isOptional": true + }, + "innerStartComponent": { + "name": "innerStartComponent", + "type": "React.ReactNode", + "description": "FieldGroupIconButton component to show inside of input at start", + "category": "TextFieldOptions", + "isOptional": true + }, + "innerEndComponent": { + "name": "innerEndComponent", + "type": "React.ReactNode", + "description": "FieldGroupIconButton component to show inside of input at end", + "category": "TextFieldOptions", + "isOptional": true + }, + "type": { + "name": "type", + "type": "React.HTMLInputTypeAttribute | undefined", + "description": "Input field type", + "category": "TextFieldOptions", + "isOptional": true + }, + "descriptiveText": { + "name": "descriptiveText", + "type": "React.ReactNode", + "description": "Provides additional information needed to fill field\\n(e.g. password requirements, etc.)", + "category": "BaseFieldProps", + "isOptional": true + }, + "errorMessage": { + "name": "errorMessage", + "type": "string | undefined", + "description": " When defined and \`hasError\` is true, show error message", + "category": "BaseFieldProps", + "isOptional": true + }, + "label": { + "name": "label", + "type": "React.ReactNode", + "description": "Label text for field (required)", + "category": "BaseFieldProps", + "isOptional": false + }, + "inputStyles": { + "name": "inputStyles", + "type": "BaseStyleProps | undefined", + "description": "Style props to be applied to the input element", + "category": "BaseFieldProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "autoComplete": { + "name": "autoComplete", + "type": "string | undefined", + "description": "Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)", + "category": "BaseInputProps", + "isOptional": true + }, + "checked": { + "name": "checked", + "type": "boolean | undefined", + "description": "If checked is provided, this will be a controlled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "defaultChecked": { + "name": "defaultChecked", + "type": "boolean | undefined", + "description": "Use this to initialize an uncontrolled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "hasError": { + "name": "hasError", + "type": "boolean | undefined", + "description": "Indicates that Field is in error state.", + "category": "BaseInputProps", + "isOptional": true + }, + "enterKeyHint": { + "name": "enterKeyHint", + "type": "EnterKeyHint | undefined", + "description": "Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)", + "category": "BaseInputProps", + "isOptional": true + }, + "inputMode": { + "name": "inputMode", + "type": "InputMode | undefined", + "description": " Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\"text\\"", + "category": "BaseInputProps", + "isOptional": true + }, + "isReadOnly": { + "name": "isReadOnly", + "type": "boolean | undefined", + "description": "Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false", + "category": "BaseInputProps", + "isOptional": true + }, + "isRequired": { + "name": "isRequired", + "type": "boolean | undefined", + "description": "Whether field should be marked required.", + "category": "BaseInputProps", + "isOptional": true + }, + "name": { + "name": "name", + "type": "string | undefined", + "description": "Name of the field. Submitted with the form as part of a name/value pair.", + "category": "BaseInputProps", + "isOptional": true + }, + "placeholder": { + "name": "placeholder", + "type": "string | undefined", + "description": "Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.", + "category": "BaseInputProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Changes the font-size, padding, and height of the field.", + "category": "BaseInputProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "\\"quiet\\" | undefined", + "description": "Variants.", + "category": "BaseInputProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"SelectField\\": { - \\"SelectField\\": [ + "SelectField": { + "SelectField": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"options\\": { - \\"name\\": \\"options\\", - \\"type\\": \\"string[] | undefined\\", - \\"description\\": \\"List of option values for select dropdown\\", - \\"category\\": \\"BaseSelectFieldProps\\", - \\"isOptional\\": true - }, - \\"descriptiveText\\": { - \\"name\\": \\"descriptiveText\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Provides additional information needed to fill field\\\\n(e.g. password requirements, etc.)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"errorMessage\\": { - \\"name\\": \\"errorMessage\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\" When defined and \`hasError\` is true, show error message\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"label\\": { - \\"name\\": \\"label\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Label text for field (required)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": false - }, - \\"labelHidden\\": { - \\"name\\": \\"labelHidden\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Visually hide label (not recommended in most cases) Default: false\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"inputStyles\\": { - \\"name\\": \\"inputStyles\\", - \\"type\\": \\"BaseStyleProps | undefined\\", - \\"description\\": \\"Style props to be applied to the input element\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"autoComplete\\": { - \\"name\\": \\"autoComplete\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"A string providing a hint for a user agent's autocomplete feature\\", - \\"category\\": \\"BaseSelectProps\\", - \\"isOptional\\": true - }, - \\"name\\": { - \\"name\\": \\"name\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Specifies the name of the control used when submitting form data\\", - \\"category\\": \\"BaseSelectProps\\", - \\"isOptional\\": true - }, - \\"defaultValue\\": { - \\"name\\": \\"defaultValue\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Sets the SelectField’s initial value on render\\", - \\"category\\": \\"BaseSelectProps\\", - \\"isOptional\\": true - }, - \\"value\\": { - \\"name\\": \\"value\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Controls the current value when using the SelectField as a controlled component\\", - \\"category\\": \\"BaseSelectProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Changes the height and font size of the SelectField. Available options are ‘small’, none (default), and ‘large’\\", - \\"category\\": \\"BaseSelectProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"\\\\\\"quiet\\\\\\" | undefined\\", - \\"description\\": \\"Changes the displayed style of the SelectField. Options include ‘quiet’ and none (default)\\", - \\"category\\": \\"BaseSelectProps\\", - \\"isOptional\\": true - }, - \\"icon\\": { - \\"name\\": \\"icon\\", - \\"type\\": \\"React.ReactElement> | undefined\\", - \\"description\\": \\"Changes the icon used to expand and collapse the SelectField\\", - \\"category\\": \\"BaseSelectProps\\", - \\"isOptional\\": true - }, - \\"iconColor\\": { - \\"name\\": \\"iconColor\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Controls the color of the icon used to expand and collapse the SelectField\\", - \\"category\\": \\"BaseSelectProps\\", - \\"isOptional\\": true - }, - \\"placeholder\\": { - \\"name\\": \\"placeholder\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Sets the text that appears in the form control when it has no value set\\", - \\"category\\": \\"BaseSelectProps\\", - \\"isOptional\\": true - }, - \\"hasError\\": { - \\"name\\": \\"hasError\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Marks the SelectField as having a validation error\\", - \\"category\\": \\"BaseSelectProps\\", - \\"isOptional\\": true - }, - \\"isMultiple\\": { - \\"name\\": \\"isMultiple\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"A Boolean attribute indicating that multiple options can be selected at once\\", - \\"category\\": \\"BaseSelectProps\\", - \\"isOptional\\": true - }, - \\"selectSize\\": { - \\"name\\": \\"selectSize\\", - \\"type\\": \\"number | undefined\\", - \\"description\\": \\"Sets the number of visible options in a drop-down list\\", - \\"category\\": \\"BaseSelectProps\\", - \\"isOptional\\": true - }, - \\"isRequired\\": { - \\"name\\": \\"isRequired\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"A Boolean attribute indicating that an option with a non-empty string value must be selected\\", - \\"category\\": \\"BaseSelectProps\\", - \\"isOptional\\": true - }, - \\"onChange\\": { - \\"name\\": \\"onChange\\", - \\"type\\": \\"React.ChangeEventHandler | undefined\\", - \\"description\\": \\"Handles changes to the current value when using the SelectField as a controlled component\\", - \\"category\\": \\"BaseSelectProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "options": { + "name": "options", + "type": "string[] | undefined", + "description": "List of option values for select dropdown", + "category": "BaseSelectFieldProps", + "isOptional": true + }, + "descriptiveText": { + "name": "descriptiveText", + "type": "React.ReactNode", + "description": "Provides additional information needed to fill field\\n(e.g. password requirements, etc.)", + "category": "BaseFieldProps", + "isOptional": true + }, + "errorMessage": { + "name": "errorMessage", + "type": "string | undefined", + "description": " When defined and \`hasError\` is true, show error message", + "category": "BaseFieldProps", + "isOptional": true + }, + "label": { + "name": "label", + "type": "React.ReactNode", + "description": "Label text for field (required)", + "category": "BaseFieldProps", + "isOptional": false + }, + "labelHidden": { + "name": "labelHidden", + "type": "boolean | undefined", + "description": "Visually hide label (not recommended in most cases) Default: false", + "category": "BaseFieldProps", + "isOptional": true + }, + "inputStyles": { + "name": "inputStyles", + "type": "BaseStyleProps | undefined", + "description": "Style props to be applied to the input element", + "category": "BaseFieldProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "autoComplete": { + "name": "autoComplete", + "type": "string | undefined", + "description": "A string providing a hint for a user agent's autocomplete feature", + "category": "BaseSelectProps", + "isOptional": true + }, + "name": { + "name": "name", + "type": "string | undefined", + "description": "Specifies the name of the control used when submitting form data", + "category": "BaseSelectProps", + "isOptional": true + }, + "defaultValue": { + "name": "defaultValue", + "type": "string | undefined", + "description": "Sets the SelectField’s initial value on render", + "category": "BaseSelectProps", + "isOptional": true + }, + "value": { + "name": "value", + "type": "string | undefined", + "description": "Controls the current value when using the SelectField as a controlled component", + "category": "BaseSelectProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Changes the height and font size of the SelectField. Available options are ‘small’, none (default), and ‘large’", + "category": "BaseSelectProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "\\"quiet\\" | undefined", + "description": "Changes the displayed style of the SelectField. Options include ‘quiet’ and none (default)", + "category": "BaseSelectProps", + "isOptional": true + }, + "icon": { + "name": "icon", + "type": "React.ReactElement> | undefined", + "description": "Changes the icon used to expand and collapse the SelectField", + "category": "BaseSelectProps", + "isOptional": true + }, + "iconColor": { + "name": "iconColor", + "type": "string | undefined", + "description": "Controls the color of the icon used to expand and collapse the SelectField", + "category": "BaseSelectProps", + "isOptional": true + }, + "placeholder": { + "name": "placeholder", + "type": "string | undefined", + "description": "Sets the text that appears in the form control when it has no value set", + "category": "BaseSelectProps", + "isOptional": true + }, + "hasError": { + "name": "hasError", + "type": "boolean | undefined", + "description": "Marks the SelectField as having a validation error", + "category": "BaseSelectProps", + "isOptional": true + }, + "isMultiple": { + "name": "isMultiple", + "type": "boolean | undefined", + "description": "A Boolean attribute indicating that multiple options can be selected at once", + "category": "BaseSelectProps", + "isOptional": true + }, + "selectSize": { + "name": "selectSize", + "type": "number | undefined", + "description": "Sets the number of visible options in a drop-down list", + "category": "BaseSelectProps", + "isOptional": true + }, + "isRequired": { + "name": "isRequired", + "type": "boolean | undefined", + "description": "A Boolean attribute indicating that an option with a non-empty string value must be selected", + "category": "BaseSelectProps", + "isOptional": true + }, + "onChange": { + "name": "onChange", + "type": "React.ChangeEventHandler | undefined", + "description": "Handles changes to the current value when using the SelectField as a controlled component", + "category": "BaseSelectProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"SliderField\\": { - \\"SliderField\\": [ + "SliderField": { + "SliderField": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"min\\": { - \\"name\\": \\"min\\", - \\"type\\": \\"number | undefined\\", - \\"description\\": \\"Sets the minimum value for the SliderField range\\", - \\"category\\": \\"BaseSliderFieldProps\\", - \\"isOptional\\": true - }, - \\"max\\": { - \\"name\\": \\"max\\", - \\"type\\": \\"number | undefined\\", - \\"description\\": \\"Sets the maximum value for the SliderField range\\", - \\"category\\": \\"BaseSliderFieldProps\\", - \\"isOptional\\": true - }, - \\"step\\": { - \\"name\\": \\"step\\", - \\"type\\": \\"number | undefined\\", - \\"description\\": \\"Controls the interval between selectable values\\", - \\"category\\": \\"BaseSliderFieldProps\\", - \\"isOptional\\": true - }, - \\"orientation\\": { - \\"name\\": \\"orientation\\", - \\"type\\": \\"'horizontal' | 'vertical'\\", - \\"description\\": \\"Changes the orientation of the SliderField to either 'vertical' or 'horizontal' (default)\\", - \\"category\\": \\"BaseSliderFieldProps\\", - \\"isOptional\\": true - }, - \\"isValueHidden\\": { - \\"name\\": \\"isValueHidden\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"When \`true\`, hides the numerical value to the right of the label\\", - \\"category\\": \\"BaseSliderFieldProps\\", - \\"isOptional\\": true - }, - \\"trackSize\\": { - \\"name\\": \\"trackSize\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Controls the width of the track and size of the thumb. Options include 'small', none (default), and 'large'\\", - \\"category\\": \\"BaseSliderFieldProps\\", - \\"isOptional\\": true - }, - \\"emptyTrackColor\\": { - \\"name\\": \\"emptyTrackColor\\", - \\"type\\": \\"StyleToken | undefined\\", - \\"description\\": \\"Applies to the empty part of the SliderField track\\", - \\"category\\": \\"BaseSliderFieldProps\\", - \\"isOptional\\": true - }, - \\"filledTrackColor\\": { - \\"name\\": \\"filledTrackColor\\", - \\"type\\": \\"StyleToken | undefined\\", - \\"description\\": \\"Applies to the filled-in part of the SliderField track\\", - \\"category\\": \\"BaseSliderFieldProps\\", - \\"isOptional\\": true - }, - \\"thumbColor\\": { - \\"name\\": \\"thumbColor\\", - \\"type\\": \\"StyleToken | undefined\\", - \\"description\\": \\"Applies to the thumb component that users can slide\\", - \\"category\\": \\"BaseSliderFieldProps\\", - \\"isOptional\\": true - }, - \\"value\\": { - \\"name\\": \\"value\\", - \\"type\\": \\"number | undefined\\", - \\"description\\": \\"Controls the current value when using the SliderField as a controlled component\\", - \\"category\\": \\"BaseSliderFieldProps\\", - \\"isOptional\\": true - }, - \\"defaultValue\\": { - \\"name\\": \\"defaultValue\\", - \\"type\\": \\"number | undefined\\", - \\"description\\": \\"Sets the SliderField’s initial value on render\\", - \\"category\\": \\"BaseSliderFieldProps\\", - \\"isOptional\\": true - }, - \\"formatValue\\": { - \\"name\\": \\"formatValue\\", - \\"type\\": \\"((value: number) => React.ReactNode) | undefined\\", - \\"description\\": \\"Use to format how the value gets rendered\\", - \\"category\\": \\"BaseSliderFieldProps\\", - \\"isOptional\\": true - }, - \\"onChange\\": { - \\"name\\": \\"onChange\\", - \\"type\\": \\"((value: number) => void) | undefined\\", - \\"description\\": \\"Handles changes to the current value when using the SliderField as a controlled component\\", - \\"category\\": \\"BaseSliderFieldProps\\", - \\"isOptional\\": true - }, - \\"dir\\": { - \\"name\\": \\"dir\\", - \\"type\\": \\"'ltr' | 'rtl'\\", - \\"description\\": \\"sets the direction of the slider. See: [Radix docs](https://www.radix-ui.com/docs/primitives/components/slider)\\", - \\"category\\": \\"BaseSliderFieldProps\\", - \\"isOptional\\": true - }, - \\"outerEndComponent\\": { - \\"name\\": \\"outerEndComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Component(s) to show after input\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"outerStartComponent\\": { - \\"name\\": \\"outerStartComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Component(s) to show before input\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"innerStartComponent\\": { - \\"name\\": \\"innerStartComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"FieldGroupIconButton component to show inside of input at start\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"innerEndComponent\\": { - \\"name\\": \\"innerEndComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"FieldGroupIconButton component to show inside of input at end\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"type\\": { - \\"name\\": \\"type\\", - \\"type\\": \\"React.HTMLInputTypeAttribute | undefined\\", - \\"description\\": \\"Input field type\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"descriptiveText\\": { - \\"name\\": \\"descriptiveText\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Provides additional information needed to fill field\\\\n(e.g. password requirements, etc.)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"errorMessage\\": { - \\"name\\": \\"errorMessage\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\" When defined and \`hasError\` is true, show error message\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"label\\": { - \\"name\\": \\"label\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Label text for field (required)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": false - }, - \\"labelHidden\\": { - \\"name\\": \\"labelHidden\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Visually hide label (not recommended in most cases) Default: false\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"inputStyles\\": { - \\"name\\": \\"inputStyles\\", - \\"type\\": \\"BaseStyleProps | undefined\\", - \\"description\\": \\"Style props to be applied to the input element\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"autoComplete\\": { - \\"name\\": \\"autoComplete\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"checked\\": { - \\"name\\": \\"checked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If checked is provided, this will be a controlled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"defaultChecked\\": { - \\"name\\": \\"defaultChecked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Use this to initialize an uncontrolled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"hasError\\": { - \\"name\\": \\"hasError\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Indicates that Field is in error state.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"enterKeyHint\\": { - \\"name\\": \\"enterKeyHint\\", - \\"type\\": \\"EnterKeyHint | undefined\\", - \\"description\\": \\"Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"inputMode\\": { - \\"name\\": \\"inputMode\\", - \\"type\\": \\"InputMode | undefined\\", - \\"description\\": \\" Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\\\\\"text\\\\\\"\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isReadOnly\\": { - \\"name\\": \\"isReadOnly\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isRequired\\": { - \\"name\\": \\"isRequired\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Whether field should be marked required.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"name\\": { - \\"name\\": \\"name\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Name of the field. Submitted with the form as part of a name/value pair.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"placeholder\\": { - \\"name\\": \\"placeholder\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Changes the font-size, padding, and height of the field.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"\\\\\\"quiet\\\\\\" | undefined\\", - \\"description\\": \\"Variants.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "min": { + "name": "min", + "type": "number | undefined", + "description": "Sets the minimum value for the SliderField range", + "category": "BaseSliderFieldProps", + "isOptional": true + }, + "max": { + "name": "max", + "type": "number | undefined", + "description": "Sets the maximum value for the SliderField range", + "category": "BaseSliderFieldProps", + "isOptional": true + }, + "step": { + "name": "step", + "type": "number | undefined", + "description": "Controls the interval between selectable values", + "category": "BaseSliderFieldProps", + "isOptional": true + }, + "orientation": { + "name": "orientation", + "type": "'horizontal' | 'vertical'", + "description": "Changes the orientation of the SliderField to either 'vertical' or 'horizontal' (default)", + "category": "BaseSliderFieldProps", + "isOptional": true + }, + "isValueHidden": { + "name": "isValueHidden", + "type": "boolean | undefined", + "description": "When \`true\`, hides the numerical value to the right of the label", + "category": "BaseSliderFieldProps", + "isOptional": true + }, + "trackSize": { + "name": "trackSize", + "type": "string | undefined", + "description": "Controls the width of the track and size of the thumb. Options include 'small', none (default), and 'large'", + "category": "BaseSliderFieldProps", + "isOptional": true + }, + "emptyTrackColor": { + "name": "emptyTrackColor", + "type": "StyleToken | undefined", + "description": "Applies to the empty part of the SliderField track", + "category": "BaseSliderFieldProps", + "isOptional": true + }, + "filledTrackColor": { + "name": "filledTrackColor", + "type": "StyleToken | undefined", + "description": "Applies to the filled-in part of the SliderField track", + "category": "BaseSliderFieldProps", + "isOptional": true + }, + "thumbColor": { + "name": "thumbColor", + "type": "StyleToken | undefined", + "description": "Applies to the thumb component that users can slide", + "category": "BaseSliderFieldProps", + "isOptional": true + }, + "value": { + "name": "value", + "type": "number | undefined", + "description": "Controls the current value when using the SliderField as a controlled component", + "category": "BaseSliderFieldProps", + "isOptional": true + }, + "defaultValue": { + "name": "defaultValue", + "type": "number | undefined", + "description": "Sets the SliderField’s initial value on render", + "category": "BaseSliderFieldProps", + "isOptional": true + }, + "formatValue": { + "name": "formatValue", + "type": "((value: number) => React.ReactNode) | undefined", + "description": "Use to format how the value gets rendered", + "category": "BaseSliderFieldProps", + "isOptional": true + }, + "onChange": { + "name": "onChange", + "type": "((value: number) => void) | undefined", + "description": "Handles changes to the current value when using the SliderField as a controlled component", + "category": "BaseSliderFieldProps", + "isOptional": true + }, + "dir": { + "name": "dir", + "type": "'ltr' | 'rtl'", + "description": "sets the direction of the slider. See: [Radix docs](https://www.radix-ui.com/docs/primitives/components/slider)", + "category": "BaseSliderFieldProps", + "isOptional": true + }, + "outerEndComponent": { + "name": "outerEndComponent", + "type": "React.ReactNode", + "description": "Component(s) to show after input", + "category": "TextFieldOptions", + "isOptional": true + }, + "outerStartComponent": { + "name": "outerStartComponent", + "type": "React.ReactNode", + "description": "Component(s) to show before input", + "category": "TextFieldOptions", + "isOptional": true + }, + "innerStartComponent": { + "name": "innerStartComponent", + "type": "React.ReactNode", + "description": "FieldGroupIconButton component to show inside of input at start", + "category": "TextFieldOptions", + "isOptional": true + }, + "innerEndComponent": { + "name": "innerEndComponent", + "type": "React.ReactNode", + "description": "FieldGroupIconButton component to show inside of input at end", + "category": "TextFieldOptions", + "isOptional": true + }, + "type": { + "name": "type", + "type": "React.HTMLInputTypeAttribute | undefined", + "description": "Input field type", + "category": "TextFieldOptions", + "isOptional": true + }, + "descriptiveText": { + "name": "descriptiveText", + "type": "React.ReactNode", + "description": "Provides additional information needed to fill field\\n(e.g. password requirements, etc.)", + "category": "BaseFieldProps", + "isOptional": true + }, + "errorMessage": { + "name": "errorMessage", + "type": "string | undefined", + "description": " When defined and \`hasError\` is true, show error message", + "category": "BaseFieldProps", + "isOptional": true + }, + "label": { + "name": "label", + "type": "React.ReactNode", + "description": "Label text for field (required)", + "category": "BaseFieldProps", + "isOptional": false + }, + "labelHidden": { + "name": "labelHidden", + "type": "boolean | undefined", + "description": "Visually hide label (not recommended in most cases) Default: false", + "category": "BaseFieldProps", + "isOptional": true + }, + "inputStyles": { + "name": "inputStyles", + "type": "BaseStyleProps | undefined", + "description": "Style props to be applied to the input element", + "category": "BaseFieldProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "autoComplete": { + "name": "autoComplete", + "type": "string | undefined", + "description": "Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)", + "category": "BaseInputProps", + "isOptional": true + }, + "checked": { + "name": "checked", + "type": "boolean | undefined", + "description": "If checked is provided, this will be a controlled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "defaultChecked": { + "name": "defaultChecked", + "type": "boolean | undefined", + "description": "Use this to initialize an uncontrolled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "hasError": { + "name": "hasError", + "type": "boolean | undefined", + "description": "Indicates that Field is in error state.", + "category": "BaseInputProps", + "isOptional": true + }, + "enterKeyHint": { + "name": "enterKeyHint", + "type": "EnterKeyHint | undefined", + "description": "Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)", + "category": "BaseInputProps", + "isOptional": true + }, + "inputMode": { + "name": "inputMode", + "type": "InputMode | undefined", + "description": " Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\"text\\"", + "category": "BaseInputProps", + "isOptional": true + }, + "isReadOnly": { + "name": "isReadOnly", + "type": "boolean | undefined", + "description": "Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false", + "category": "BaseInputProps", + "isOptional": true + }, + "isRequired": { + "name": "isRequired", + "type": "boolean | undefined", + "description": "Whether field should be marked required.", + "category": "BaseInputProps", + "isOptional": true + }, + "name": { + "name": "name", + "type": "string | undefined", + "description": "Name of the field. Submitted with the form as part of a name/value pair.", + "category": "BaseInputProps", + "isOptional": true + }, + "placeholder": { + "name": "placeholder", + "type": "string | undefined", + "description": "Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.", + "category": "BaseInputProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Changes the font-size, padding, and height of the field.", + "category": "BaseInputProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "\\"quiet\\" | undefined", + "description": "Variants.", + "category": "BaseInputProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"'ltr' | 'rtl'\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "'ltr' | 'rtl'", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"StepperField\\": { - \\"StepperField\\": [ + "StepperField": { + "StepperField": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"type\\": { - \\"name\\": \\"type\\", - \\"type\\": \\"\\\\\\"number\\\\\\" | undefined\\", - \\"description\\": \\" elements of type number are used to let the user enter a number. They include built-in validation to reject non-numerical entries.\\", - \\"category\\": \\"BaseStepperFieldProps\\", - \\"isOptional\\": true - }, - \\"min\\": { - \\"name\\": \\"min\\", - \\"type\\": \\"number | undefined\\", - \\"description\\": \\"Sets the minimum possible value\\", - \\"category\\": \\"BaseStepperFieldProps\\", - \\"isOptional\\": true - }, - \\"max\\": { - \\"name\\": \\"max\\", - \\"type\\": \\"number | undefined\\", - \\"description\\": \\"Sets the maximum possible value\\", - \\"category\\": \\"BaseStepperFieldProps\\", - \\"isOptional\\": true - }, - \\"step\\": { - \\"name\\": \\"step\\", - \\"type\\": \\"number | undefined\\", - \\"description\\": \\"Controls the interval between selectable values\\", - \\"category\\": \\"BaseStepperFieldProps\\", - \\"isOptional\\": true - }, - \\"value\\": { - \\"name\\": \\"value\\", - \\"type\\": \\"number | undefined\\", - \\"description\\": \\"Controls the current value when using the StepperField as a controlled component\\", - \\"category\\": \\"BaseStepperFieldProps\\", - \\"isOptional\\": true - }, - \\"defaultValue\\": { - \\"name\\": \\"defaultValue\\", - \\"type\\": \\"number | undefined\\", - \\"description\\": \\"Sets the StepperField’s initial value on render\\", - \\"category\\": \\"BaseStepperFieldProps\\", - \\"isOptional\\": true - }, - \\"increaseButtonLabel\\": { - \\"name\\": \\"increaseButtonLabel\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Set the label text for increase button.\\\\nThis will be used to construct its the \`aria-label\`. e.g., \\\\\\"Increase to 2\\\\\\" if the current step is 1. Default: \\\\\\"Increase to\\\\\\"\\", - \\"category\\": \\"BaseStepperFieldProps\\", - \\"isOptional\\": true - }, - \\"decreaseButtonLabel\\": { - \\"name\\": \\"decreaseButtonLabel\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Set the label text for decrease button.\\\\nThis will be used to construct its the \`aria-label\`. e.g., \\\\\\"Decrease to 0\\\\\\" if the current step is 1. Default: \\\\\\"Decrease to\\\\\\"\\", - \\"category\\": \\"BaseStepperFieldProps\\", - \\"isOptional\\": true - }, - \\"onStepChange\\": { - \\"name\\": \\"onStepChange\\", - \\"type\\": \\"((value: number) => void) | undefined\\", - \\"description\\": \\"Event handler called with the current step value when it is updated\\", - \\"category\\": \\"BaseStepperFieldProps\\", - \\"isOptional\\": true - }, - \\"onIncrease\\": { - \\"name\\": \\"onIncrease\\", - \\"type\\": \\"(() => void) | undefined\\", - \\"description\\": \\"Handles the event when a user clicks on the increment button\\", - \\"category\\": \\"BaseStepperFieldProps\\", - \\"isOptional\\": true - }, - \\"onDecrease\\": { - \\"name\\": \\"onDecrease\\", - \\"type\\": \\"(() => void) | undefined\\", - \\"description\\": \\"Handles the event when a user clicks on the decrement button\\", - \\"category\\": \\"BaseStepperFieldProps\\", - \\"isOptional\\": true - }, - \\"outerEndComponent\\": { - \\"name\\": \\"outerEndComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Component(s) to show after input\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"outerStartComponent\\": { - \\"name\\": \\"outerStartComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Component(s) to show before input\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"innerStartComponent\\": { - \\"name\\": \\"innerStartComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"FieldGroupIconButton component to show inside of input at start\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"innerEndComponent\\": { - \\"name\\": \\"innerEndComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"FieldGroupIconButton component to show inside of input at end\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"descriptiveText\\": { - \\"name\\": \\"descriptiveText\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Provides additional information needed to fill field\\\\n(e.g. password requirements, etc.)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"errorMessage\\": { - \\"name\\": \\"errorMessage\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\" When defined and \`hasError\` is true, show error message\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"label\\": { - \\"name\\": \\"label\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Label text for field (required)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": false - }, - \\"labelHidden\\": { - \\"name\\": \\"labelHidden\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Visually hide label (not recommended in most cases) Default: false\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"inputStyles\\": { - \\"name\\": \\"inputStyles\\", - \\"type\\": \\"BaseStyleProps | undefined\\", - \\"description\\": \\"Style props to be applied to the input element\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"autoComplete\\": { - \\"name\\": \\"autoComplete\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"checked\\": { - \\"name\\": \\"checked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If checked is provided, this will be a controlled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"defaultChecked\\": { - \\"name\\": \\"defaultChecked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Use this to initialize an uncontrolled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"hasError\\": { - \\"name\\": \\"hasError\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Indicates that Field is in error state.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"enterKeyHint\\": { - \\"name\\": \\"enterKeyHint\\", - \\"type\\": \\"EnterKeyHint | undefined\\", - \\"description\\": \\"Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"inputMode\\": { - \\"name\\": \\"inputMode\\", - \\"type\\": \\"InputMode | undefined\\", - \\"description\\": \\" Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\\\\\"text\\\\\\"\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isReadOnly\\": { - \\"name\\": \\"isReadOnly\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isRequired\\": { - \\"name\\": \\"isRequired\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Whether field should be marked required.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"name\\": { - \\"name\\": \\"name\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Name of the field. Submitted with the form as part of a name/value pair.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"placeholder\\": { - \\"name\\": \\"placeholder\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Changes the font-size, padding, and height of the field.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"\\\\\\"quiet\\\\\\" | undefined\\", - \\"description\\": \\"Variants.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "type": { + "name": "type", + "type": "\\"number\\" | undefined", + "description": " elements of type number are used to let the user enter a number. They include built-in validation to reject non-numerical entries.", + "category": "BaseStepperFieldProps", + "isOptional": true + }, + "min": { + "name": "min", + "type": "number | undefined", + "description": "Sets the minimum possible value", + "category": "BaseStepperFieldProps", + "isOptional": true + }, + "max": { + "name": "max", + "type": "number | undefined", + "description": "Sets the maximum possible value", + "category": "BaseStepperFieldProps", + "isOptional": true + }, + "step": { + "name": "step", + "type": "number | undefined", + "description": "Controls the interval between selectable values", + "category": "BaseStepperFieldProps", + "isOptional": true + }, + "value": { + "name": "value", + "type": "number | undefined", + "description": "Controls the current value when using the StepperField as a controlled component", + "category": "BaseStepperFieldProps", + "isOptional": true + }, + "defaultValue": { + "name": "defaultValue", + "type": "number | undefined", + "description": "Sets the StepperField’s initial value on render", + "category": "BaseStepperFieldProps", + "isOptional": true + }, + "increaseButtonLabel": { + "name": "increaseButtonLabel", + "type": "string | undefined", + "description": "Set the label text for increase button.\\nThis will be used to construct its the \`aria-label\`. e.g., \\"Increase to 2\\" if the current step is 1. Default: \\"Increase to\\"", + "category": "BaseStepperFieldProps", + "isOptional": true + }, + "decreaseButtonLabel": { + "name": "decreaseButtonLabel", + "type": "string | undefined", + "description": "Set the label text for decrease button.\\nThis will be used to construct its the \`aria-label\`. e.g., \\"Decrease to 0\\" if the current step is 1. Default: \\"Decrease to\\"", + "category": "BaseStepperFieldProps", + "isOptional": true + }, + "onStepChange": { + "name": "onStepChange", + "type": "((value: number) => void) | undefined", + "description": "Event handler called with the current step value when it is updated", + "category": "BaseStepperFieldProps", + "isOptional": true + }, + "onIncrease": { + "name": "onIncrease", + "type": "(() => void) | undefined", + "description": "Handles the event when a user clicks on the increment button", + "category": "BaseStepperFieldProps", + "isOptional": true + }, + "onDecrease": { + "name": "onDecrease", + "type": "(() => void) | undefined", + "description": "Handles the event when a user clicks on the decrement button", + "category": "BaseStepperFieldProps", + "isOptional": true + }, + "outerEndComponent": { + "name": "outerEndComponent", + "type": "React.ReactNode", + "description": "Component(s) to show after input", + "category": "TextFieldOptions", + "isOptional": true + }, + "outerStartComponent": { + "name": "outerStartComponent", + "type": "React.ReactNode", + "description": "Component(s) to show before input", + "category": "TextFieldOptions", + "isOptional": true + }, + "innerStartComponent": { + "name": "innerStartComponent", + "type": "React.ReactNode", + "description": "FieldGroupIconButton component to show inside of input at start", + "category": "TextFieldOptions", + "isOptional": true + }, + "innerEndComponent": { + "name": "innerEndComponent", + "type": "React.ReactNode", + "description": "FieldGroupIconButton component to show inside of input at end", + "category": "TextFieldOptions", + "isOptional": true + }, + "descriptiveText": { + "name": "descriptiveText", + "type": "React.ReactNode", + "description": "Provides additional information needed to fill field\\n(e.g. password requirements, etc.)", + "category": "BaseFieldProps", + "isOptional": true + }, + "errorMessage": { + "name": "errorMessage", + "type": "string | undefined", + "description": " When defined and \`hasError\` is true, show error message", + "category": "BaseFieldProps", + "isOptional": true + }, + "label": { + "name": "label", + "type": "React.ReactNode", + "description": "Label text for field (required)", + "category": "BaseFieldProps", + "isOptional": false + }, + "labelHidden": { + "name": "labelHidden", + "type": "boolean | undefined", + "description": "Visually hide label (not recommended in most cases) Default: false", + "category": "BaseFieldProps", + "isOptional": true + }, + "inputStyles": { + "name": "inputStyles", + "type": "BaseStyleProps | undefined", + "description": "Style props to be applied to the input element", + "category": "BaseFieldProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "autoComplete": { + "name": "autoComplete", + "type": "string | undefined", + "description": "Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)", + "category": "BaseInputProps", + "isOptional": true + }, + "checked": { + "name": "checked", + "type": "boolean | undefined", + "description": "If checked is provided, this will be a controlled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "defaultChecked": { + "name": "defaultChecked", + "type": "boolean | undefined", + "description": "Use this to initialize an uncontrolled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "hasError": { + "name": "hasError", + "type": "boolean | undefined", + "description": "Indicates that Field is in error state.", + "category": "BaseInputProps", + "isOptional": true + }, + "enterKeyHint": { + "name": "enterKeyHint", + "type": "EnterKeyHint | undefined", + "description": "Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)", + "category": "BaseInputProps", + "isOptional": true + }, + "inputMode": { + "name": "inputMode", + "type": "InputMode | undefined", + "description": " Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\"text\\"", + "category": "BaseInputProps", + "isOptional": true + }, + "isReadOnly": { + "name": "isReadOnly", + "type": "boolean | undefined", + "description": "Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false", + "category": "BaseInputProps", + "isOptional": true + }, + "isRequired": { + "name": "isRequired", + "type": "boolean | undefined", + "description": "Whether field should be marked required.", + "category": "BaseInputProps", + "isOptional": true + }, + "name": { + "name": "name", + "type": "string | undefined", + "description": "Name of the field. Submitted with the form as part of a name/value pair.", + "category": "BaseInputProps", + "isOptional": true + }, + "placeholder": { + "name": "placeholder", + "type": "string | undefined", + "description": "Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.", + "category": "BaseInputProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Changes the font-size, padding, and height of the field.", + "category": "BaseInputProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "\\"quiet\\" | undefined", + "description": "Variants.", + "category": "BaseInputProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"SwitchField\\": { - \\"SwitchField\\": [ + "SwitchField": { + "SwitchField": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"defaultChecked\\": { - \\"name\\": \\"defaultChecked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Use this to provide a default checked value for an uncontrolled SwitchField\\", - \\"category\\": \\"BaseSwitchFieldProps\\", - \\"isOptional\\": true - }, - \\"isChecked\\": { - \\"name\\": \\"isChecked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If isChecked is provided, this will be a controlled SwitchField\\", - \\"category\\": \\"BaseSwitchFieldProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"This property will set the switch to disabled\\", - \\"category\\": \\"BaseSwitchFieldProps\\", - \\"isOptional\\": true - }, - \\"isLabelHidden\\": { - \\"name\\": \\"isLabelHidden\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Visually hide the label, but the associated label text will still be required for accessibility.\\", - \\"category\\": \\"BaseSwitchFieldProps\\", - \\"isOptional\\": true - }, - \\"label\\": { - \\"name\\": \\"label\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Label text for field (required)\\", - \\"category\\": \\"BaseSwitchFieldProps\\", - \\"isOptional\\": false - }, - \\"labelPosition\\": { - \\"name\\": \\"labelPosition\\", - \\"type\\": \\"'start' | 'end' | 'top' | 'bottom'\\", - \\"description\\": \\"Position of label in relation to the switchfield\\", - \\"category\\": \\"BaseSwitchFieldProps\\", - \\"isOptional\\": true - }, - \\"name\\": { - \\"name\\": \\"name\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"This prop adds a name attribute to the input element\\", - \\"category\\": \\"BaseSwitchFieldProps\\", - \\"isOptional\\": true - }, - \\"onChange\\": { - \\"name\\": \\"onChange\\", - \\"type\\": \\"React.ChangeEventHandler | undefined\\", - \\"description\\": \\"Assign an onChange event to the switch field\\", - \\"category\\": \\"BaseSwitchFieldProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"This prop adjusts the size of the switch component\\", - \\"category\\": \\"BaseSwitchFieldProps\\", - \\"isOptional\\": true - }, - \\"thumbColor\\": { - \\"name\\": \\"thumbColor\\", - \\"type\\": \\"StyleToken | undefined\\", - \\"description\\": \\"This property will change the color of the thumb in the switch component\\", - \\"category\\": \\"BaseSwitchFieldProps\\", - \\"isOptional\\": true - }, - \\"trackColor\\": { - \\"name\\": \\"trackColor\\", - \\"type\\": \\"StyleToken | undefined\\", - \\"description\\": \\"This property will change the color of the track in the switch component\\", - \\"category\\": \\"BaseSwitchFieldProps\\", - \\"isOptional\\": true - }, - \\"trackCheckedColor\\": { - \\"name\\": \\"trackCheckedColor\\", - \\"type\\": \\"StyleToken | undefined\\", - \\"description\\": \\"This property will change the color of the checked track in the switch component\\", - \\"category\\": \\"BaseSwitchFieldProps\\", - \\"isOptional\\": true - }, - \\"value\\": { - \\"name\\": \\"value\\", - \\"type\\": \\"string | number | undefined\\", - \\"description\\": \\"This is the value of the switch input and will be submitted with a form submission\\", - \\"category\\": \\"BaseSwitchFieldProps\\", - \\"isOptional\\": true - }, - \\"autoComplete\\": { - \\"name\\": \\"autoComplete\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"checked\\": { - \\"name\\": \\"checked\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If checked is provided, this will be a controlled checkbox or radio.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"defaultValue\\": { - \\"name\\": \\"defaultValue\\", - \\"type\\": \\"string | number | readonly string[] | undefined\\", - \\"description\\": \\"Use this to provide a default value for an uncontrolled field.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"hasError\\": { - \\"name\\": \\"hasError\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Indicates that Field is in error state.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"enterKeyHint\\": { - \\"name\\": \\"enterKeyHint\\", - \\"type\\": \\"EnterKeyHint | undefined\\", - \\"description\\": \\"Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"inputMode\\": { - \\"name\\": \\"inputMode\\", - \\"type\\": \\"InputMode | undefined\\", - \\"description\\": \\" Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\\\\\"text\\\\\\"\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isReadOnly\\": { - \\"name\\": \\"isReadOnly\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"isRequired\\": { - \\"name\\": \\"isRequired\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Whether field should be marked required.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"placeholder\\": { - \\"name\\": \\"placeholder\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"type\\": { - \\"name\\": \\"type\\", - \\"type\\": \\"React.HTMLInputTypeAttribute | undefined\\", - \\"description\\": \\"Input field type.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"\\\\\\"quiet\\\\\\" | undefined\\", - \\"description\\": \\"Variants.\\", - \\"category\\": \\"BaseInputProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"descriptiveText\\": { - \\"name\\": \\"descriptiveText\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Provides additional information needed to fill field\\\\n(e.g. password requirements, etc.)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"errorMessage\\": { - \\"name\\": \\"errorMessage\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\" When defined and \`hasError\` is true, show error message\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"labelHidden\\": { - \\"name\\": \\"labelHidden\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Visually hide label (not recommended in most cases) Default: false\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"inputStyles\\": { - \\"name\\": \\"inputStyles\\", - \\"type\\": \\"BaseStyleProps | undefined\\", - \\"description\\": \\"Style props to be applied to the input element\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "defaultChecked": { + "name": "defaultChecked", + "type": "boolean | undefined", + "description": "Use this to provide a default checked value for an uncontrolled SwitchField", + "category": "BaseSwitchFieldProps", + "isOptional": true + }, + "isChecked": { + "name": "isChecked", + "type": "boolean | undefined", + "description": "If isChecked is provided, this will be a controlled SwitchField", + "category": "BaseSwitchFieldProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "This property will set the switch to disabled", + "category": "BaseSwitchFieldProps", + "isOptional": true + }, + "isLabelHidden": { + "name": "isLabelHidden", + "type": "boolean | undefined", + "description": "Visually hide the label, but the associated label text will still be required for accessibility.", + "category": "BaseSwitchFieldProps", + "isOptional": true + }, + "label": { + "name": "label", + "type": "React.ReactNode", + "description": "Label text for field (required)", + "category": "BaseSwitchFieldProps", + "isOptional": false + }, + "labelPosition": { + "name": "labelPosition", + "type": "'start' | 'end' | 'top' | 'bottom'", + "description": "Position of label in relation to the switchfield", + "category": "BaseSwitchFieldProps", + "isOptional": true + }, + "name": { + "name": "name", + "type": "string | undefined", + "description": "This prop adds a name attribute to the input element", + "category": "BaseSwitchFieldProps", + "isOptional": true + }, + "onChange": { + "name": "onChange", + "type": "React.ChangeEventHandler | undefined", + "description": "Assign an onChange event to the switch field", + "category": "BaseSwitchFieldProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "This prop adjusts the size of the switch component", + "category": "BaseSwitchFieldProps", + "isOptional": true + }, + "thumbColor": { + "name": "thumbColor", + "type": "StyleToken | undefined", + "description": "This property will change the color of the thumb in the switch component", + "category": "BaseSwitchFieldProps", + "isOptional": true + }, + "trackColor": { + "name": "trackColor", + "type": "StyleToken | undefined", + "description": "This property will change the color of the track in the switch component", + "category": "BaseSwitchFieldProps", + "isOptional": true + }, + "trackCheckedColor": { + "name": "trackCheckedColor", + "type": "StyleToken | undefined", + "description": "This property will change the color of the checked track in the switch component", + "category": "BaseSwitchFieldProps", + "isOptional": true + }, + "value": { + "name": "value", + "type": "string | number | undefined", + "description": "This is the value of the switch input and will be submitted with a form submission", + "category": "BaseSwitchFieldProps", + "isOptional": true + }, + "autoComplete": { + "name": "autoComplete", + "type": "string | undefined", + "description": "Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)", + "category": "BaseInputProps", + "isOptional": true + }, + "checked": { + "name": "checked", + "type": "boolean | undefined", + "description": "If checked is provided, this will be a controlled checkbox or radio.", + "category": "BaseInputProps", + "isOptional": true + }, + "defaultValue": { + "name": "defaultValue", + "type": "string | number | readonly string[] | undefined", + "description": "Use this to provide a default value for an uncontrolled field.", + "category": "BaseInputProps", + "isOptional": true + }, + "hasError": { + "name": "hasError", + "type": "boolean | undefined", + "description": "Indicates that Field is in error state.", + "category": "BaseInputProps", + "isOptional": true + }, + "enterKeyHint": { + "name": "enterKeyHint", + "type": "EnterKeyHint | undefined", + "description": "Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)", + "category": "BaseInputProps", + "isOptional": true + }, + "inputMode": { + "name": "inputMode", + "type": "InputMode | undefined", + "description": " Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: \\"text\\"", + "category": "BaseInputProps", + "isOptional": true + }, + "isReadOnly": { + "name": "isReadOnly", + "type": "boolean | undefined", + "description": "Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false", + "category": "BaseInputProps", + "isOptional": true + }, + "isRequired": { + "name": "isRequired", + "type": "boolean | undefined", + "description": "Whether field should be marked required.", + "category": "BaseInputProps", + "isOptional": true + }, + "placeholder": { + "name": "placeholder", + "type": "string | undefined", + "description": "Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.", + "category": "BaseInputProps", + "isOptional": true + }, + "type": { + "name": "type", + "type": "React.HTMLInputTypeAttribute | undefined", + "description": "Input field type.", + "category": "BaseInputProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "\\"quiet\\" | undefined", + "description": "Variants.", + "category": "BaseInputProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "descriptiveText": { + "name": "descriptiveText", + "type": "React.ReactNode", + "description": "Provides additional information needed to fill field\\n(e.g. password requirements, etc.)", + "category": "BaseFieldProps", + "isOptional": true + }, + "errorMessage": { + "name": "errorMessage", + "type": "string | undefined", + "description": " When defined and \`hasError\` is true, show error message", + "category": "BaseFieldProps", + "isOptional": true + }, + "labelHidden": { + "name": "labelHidden", + "type": "boolean | undefined", + "description": "Visually hide label (not recommended in most cases) Default: false", + "category": "BaseFieldProps", + "isOptional": true + }, + "inputStyles": { + "name": "inputStyles", + "type": "BaseStyleProps | undefined", + "description": "Style props to be applied to the input element", + "category": "BaseFieldProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Table\\": { - \\"Table\\": [ + "Table": { + "Table": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"caption\\": { - \\"name\\": \\"caption\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Optional caption which serves as an accessible title/caption for\\\\nthe table.\\", - \\"category\\": \\"BaseTableProps\\", - \\"isOptional\\": true - }, - \\"highlightOnHover\\": { - \\"name\\": \\"highlightOnHover\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If set to true, will highlight a table row on hover. Default is false.\\", - \\"category\\": \\"BaseTableProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Affects font size and padding. Default is in between 'small' and 'large'.\\", - \\"category\\": \\"BaseTableProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"'bordered' | 'striped'\\", - \\"description\\": \\"Sets a supported style variation. Default is no specific variation.\\", - \\"category\\": \\"BaseTableProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "caption": { + "name": "caption", + "type": "React.ReactNode", + "description": "Optional caption which serves as an accessible title/caption for\\nthe table.", + "category": "BaseTableProps", + "isOptional": true + }, + "highlightOnHover": { + "name": "highlightOnHover", + "type": "boolean | undefined", + "description": "If set to true, will highlight a table row on hover. Default is false.", + "category": "BaseTableProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Affects font size and padding. Default is in between 'small' and 'large'.", + "category": "BaseTableProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "'bordered' | 'striped'", + "description": "Sets a supported style variation. Default is no specific variation.", + "category": "BaseTableProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ], - \\"TableBody\\": [ + "TableBody": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ], - \\"TableCell\\": [ + "TableCell": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"colspan\\": { - \\"name\\": \\"colspan\\", - \\"type\\": \\"Pick, \\\\\\"colSpan\\\\\\"> | undefined\\", - \\"description\\": \\"Defines the number of columns spanned by a cell within a \\", - \\"category\\": \\"BaseTableCellProps\\", - \\"isOptional\\": true - }, - \\"rowspan\\": { - \\"name\\": \\"rowspan\\", - \\"type\\": \\"Pick, \\\\\\"rowSpan\\\\\\"> | undefined\\", - \\"description\\": \\"Defines the number of rows spanned by a cell within a
\\", - \\"category\\": \\"BaseTableCellProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "colspan": { + "name": "colspan", + "type": "Pick, \\"colSpan\\"> | undefined", + "description": "Defines the number of columns spanned by a cell within a
", + "category": "BaseTableCellProps", + "isOptional": true + }, + "rowspan": { + "name": "rowspan", + "type": "Pick, \\"rowSpan\\"> | undefined", + "description": "Defines the number of rows spanned by a cell within a
", + "category": "BaseTableCellProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ], - \\"TableFoot\\": [ + "TableFoot": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ], - \\"TableHead\\": [ + "TableHead": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ], - \\"TableRow\\": [ + "TableRow": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Tabs\\": { - \\"Tabs\\": [ + "Tabs": { + "Tabs": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"The Tabs component only accepts TabItem components as children.\\", - \\"category\\": \\"BaseTabsProps\\", - \\"isOptional\\": false - }, - \\"defaultIndex\\": { - \\"name\\": \\"defaultIndex\\", - \\"type\\": \\"string | number | undefined\\", - \\"description\\": \\"Change which Tab content is initially displayed. Pass in the index of the Tab you wish to show. The default is index 0 (the first tab).\\", - \\"category\\": \\"BaseTabsProps\\", - \\"isOptional\\": true - }, - \\"currentIndex\\": { - \\"name\\": \\"currentIndex\\", - \\"type\\": \\"string | number | undefined\\", - \\"description\\": \\"The controlled index of the currently selected tab. This should be used with\\\\n\`onChange\` as well to make the component controlled.\\", - \\"category\\": \\"BaseTabsProps\\", - \\"isOptional\\": true - }, - \\"onChange\\": { - \\"name\\": \\"onChange\\", - \\"type\\": \\"((value: string | number) => void) | undefined\\", - \\"description\\": \\"For controlled usage, use the onChange event to listen to when a tab is clicked\\\\nand update the \`currentIndex\` accordingly. The index of the tab clicked is passed\\\\nto onChange.\\", - \\"category\\": \\"BaseTabsProps\\", - \\"isOptional\\": true - }, - \\"spacing\\": { - \\"name\\": \\"spacing\\", - \\"type\\": \\"'equal' | 'relative'\\", - \\"description\\": \\"Control how Tabs take up the remaining space. Pass \`equal\` to make each tab take up the same amount of space,\\\\nand \`relative\` to make each tab take up space relative to the size of its title.\\", - \\"category\\": \\"BaseTabsProps\\", - \\"isOptional\\": true - }, - \\"indicatorPosition\\": { - \\"name\\": \\"indicatorPosition\\", - \\"type\\": \\"\\\\\\"bottom\\\\\\" | \\\\\\"top\\\\\\" | undefined\\", - \\"description\\": \\"Sets the border and indicator of the tabs to be the top or bottom.\\", - \\"category\\": \\"BaseTabsProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "The Tabs component only accepts TabItem components as children.", + "category": "BaseTabsProps", + "isOptional": false + }, + "defaultIndex": { + "name": "defaultIndex", + "type": "string | number | undefined", + "description": "Change which Tab content is initially displayed. Pass in the index of the Tab you wish to show. The default is index 0 (the first tab).", + "category": "BaseTabsProps", + "isOptional": true + }, + "currentIndex": { + "name": "currentIndex", + "type": "string | number | undefined", + "description": "The controlled index of the currently selected tab. This should be used with\\n\`onChange\` as well to make the component controlled.", + "category": "BaseTabsProps", + "isOptional": true + }, + "onChange": { + "name": "onChange", + "type": "((value: string | number) => void) | undefined", + "description": "For controlled usage, use the onChange event to listen to when a tab is clicked\\nand update the \`currentIndex\` accordingly. The index of the tab clicked is passed\\nto onChange.", + "category": "BaseTabsProps", + "isOptional": true + }, + "spacing": { + "name": "spacing", + "type": "'equal' | 'relative'", + "description": "Control how Tabs take up the remaining space. Pass \`equal\` to make each tab take up the same amount of space,\\nand \`relative\` to make each tab take up space relative to the size of its title.", + "category": "BaseTabsProps", + "isOptional": true + }, + "indicatorPosition": { + "name": "indicatorPosition", + "type": "\\"bottom\\" | \\"top\\" | undefined", + "description": "Sets the border and indicator of the tabs to be the top or bottom.", + "category": "BaseTabsProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ], - \\"TabItem\\": [ + "TabItem": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"title\\": { - \\"name\\": \\"title\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Change the title corresponding with each Tab's content panel.\\", - \\"category\\": \\"BaseTabItemProps\\", - \\"isOptional\\": false - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Make a Tab not clickable and its content not visible to the user. Defaults to false (i.e., visible).\\", - \\"category\\": \\"BaseTabItemProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Accepts any number of TabItem components\\", - \\"category\\": \\"BaseTabItemProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "title": { + "name": "title", + "type": "React.ReactNode", + "description": "Change the title corresponding with each Tab's content panel.", + "category": "BaseTabItemProps", + "isOptional": false + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Make a Tab not clickable and its content not visible to the user. Defaults to false (i.e., visible).", + "category": "BaseTabItemProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Accepts any number of TabItem components", + "category": "BaseTabItemProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"Text\\": { - \\"Text\\": [ + "Text": { + "Text": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"| 'primary'\\\\n | 'secondary'\\\\n | 'tertiary'\\\\n | 'error'\\\\n | 'warning'\\\\n | 'info'\\\\n | 'success'\\", - \\"description\\": \\"This should be the primary way to handle different styles of text. Lower-level\\\\ntext styling attributes like color can be set directly, that should be more of an\\\\nescape hatch.\\", - \\"category\\": \\"BaseTextProps\\", - \\"isOptional\\": true - }, - \\"isTruncated\\": { - \\"name\\": \\"isTruncated\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"This attribute will be used to indicate if the text component should truncate text\\\\nthat exceeds the width of the text element. Truncated text will render an ellipsis.\\", - \\"category\\": \\"BaseTextProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "| 'primary'\\n | 'secondary'\\n | 'tertiary'\\n | 'error'\\n | 'warning'\\n | 'info'\\n | 'success'", + "description": "This should be the primary way to handle different styles of text. Lower-level\\ntext styling attributes like color can be set directly, that should be more of an\\nescape hatch.", + "category": "BaseTextProps", + "isOptional": true + }, + "isTruncated": { + "name": "isTruncated", + "type": "boolean | undefined", + "description": "This attribute will be used to indicate if the text component should truncate text\\nthat exceeds the width of the text element. Truncated text will render an ellipsis.", + "category": "BaseTextProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"TextAreaField\\": { - \\"TextAreaField\\": [ + "TextAreaField": { + "TextAreaField": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inputStyles\\": { - \\"name\\": \\"inputStyles\\", - \\"type\\": \\"(BaseStyleProps & TextAreaStyleProps) | undefined\\", - \\"description\\": \\"Style props to be applied to the input element\\", - \\"category\\": \\"BaseTextAreaFieldProps\\", - \\"isOptional\\": true - }, - \\"descriptiveText\\": { - \\"name\\": \\"descriptiveText\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Provides additional information needed to fill field\\\\n(e.g. password requirements, etc.)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"errorMessage\\": { - \\"name\\": \\"errorMessage\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\" When defined and \`hasError\` is true, show error message\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"label\\": { - \\"name\\": \\"label\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Label text for field (required)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": false - }, - \\"labelHidden\\": { - \\"name\\": \\"labelHidden\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Visually hide label (not recommended in most cases) Default: false\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"autoComplete\\": { - \\"name\\": \\"autoComplete\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\\", - \\"category\\": \\"BaseTextAreaProps\\", - \\"isOptional\\": true - }, - \\"defaultValue\\": { - \\"name\\": \\"defaultValue\\", - \\"type\\": \\"string | number | readonly string[] | undefined\\", - \\"description\\": \\"Use this to provide a default value for an uncontrolled field.\\", - \\"category\\": \\"BaseTextAreaProps\\", - \\"isOptional\\": true - }, - \\"hasError\\": { - \\"name\\": \\"hasError\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Indicates that Field is in error state.\\", - \\"category\\": \\"BaseTextAreaProps\\", - \\"isOptional\\": true - }, - \\"isReadOnly\\": { - \\"name\\": \\"isReadOnly\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\" See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false\\", - \\"category\\": \\"BaseTextAreaProps\\", - \\"isOptional\\": true - }, - \\"isRequired\\": { - \\"name\\": \\"isRequired\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Whether field should be marked required.\\", - \\"category\\": \\"BaseTextAreaProps\\", - \\"isOptional\\": true - }, - \\"maxLength\\": { - \\"name\\": \\"maxLength\\", - \\"type\\": \\"number | undefined\\", - \\"description\\": \\"Text contents maximum length.\\", - \\"category\\": \\"BaseTextAreaProps\\", - \\"isOptional\\": true - }, - \\"name\\": { - \\"name\\": \\"name\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Name of the field. Submitted with the form as part of a name/value pair.\\", - \\"category\\": \\"BaseTextAreaProps\\", - \\"isOptional\\": true - }, - \\"placeholder\\": { - \\"name\\": \\"placeholder\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Placeholder text shown when field is empty\\\\nAccessibility tip: avoid putting important instructions for\\\\nfilling out the TextField in the placeholder. Use descriptiveText\\\\nfor important instructions.\\", - \\"category\\": \\"BaseTextAreaProps\\", - \\"isOptional\\": true - }, - \\"rows\\": { - \\"name\\": \\"rows\\", - \\"type\\": \\"number | undefined\\", - \\"description\\": \\"Controls height based on number of rows of text to display.\\", - \\"category\\": \\"BaseTextAreaProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Changes the font-size, padding, and height of the field.\\", - \\"category\\": \\"BaseTextAreaProps\\", - \\"isOptional\\": true - }, - \\"value\\": { - \\"name\\": \\"value\\", - \\"type\\": \\"string | number | readonly string[] | undefined\\", - \\"description\\": \\"If value is provided, this will be a controlled field.\\", - \\"category\\": \\"BaseTextAreaProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"\\\\\\"quiet\\\\\\" | undefined\\", - \\"description\\": \\"Variants\\", - \\"category\\": \\"BaseTextAreaProps\\", - \\"isOptional\\": true - }, - \\"resize\\": { - \\"name\\": \\"resize\\", - \\"type\\": \\"Property.Resize | undefined\\", - \\"description\\": \\"Defines if (and how) an element is resizable by the user\\", - \\"category\\": \\"TextAreaStyleProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "inputStyles": { + "name": "inputStyles", + "type": "(BaseStyleProps & TextAreaStyleProps) | undefined", + "description": "Style props to be applied to the input element", + "category": "BaseTextAreaFieldProps", + "isOptional": true + }, + "descriptiveText": { + "name": "descriptiveText", + "type": "React.ReactNode", + "description": "Provides additional information needed to fill field\\n(e.g. password requirements, etc.)", + "category": "BaseFieldProps", + "isOptional": true + }, + "errorMessage": { + "name": "errorMessage", + "type": "string | undefined", + "description": " When defined and \`hasError\` is true, show error message", + "category": "BaseFieldProps", + "isOptional": true + }, + "label": { + "name": "label", + "type": "React.ReactNode", + "description": "Label text for field (required)", + "category": "BaseFieldProps", + "isOptional": false + }, + "labelHidden": { + "name": "labelHidden", + "type": "boolean | undefined", + "description": "Visually hide label (not recommended in most cases) Default: false", + "category": "BaseFieldProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "autoComplete": { + "name": "autoComplete", + "type": "string | undefined", + "description": "Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)", + "category": "BaseTextAreaProps", + "isOptional": true + }, + "defaultValue": { + "name": "defaultValue", + "type": "string | number | readonly string[] | undefined", + "description": "Use this to provide a default value for an uncontrolled field.", + "category": "BaseTextAreaProps", + "isOptional": true + }, + "hasError": { + "name": "hasError", + "type": "boolean | undefined", + "description": "Indicates that Field is in error state.", + "category": "BaseTextAreaProps", + "isOptional": true + }, + "isReadOnly": { + "name": "isReadOnly", + "type": "boolean | undefined", + "description": " See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false", + "category": "BaseTextAreaProps", + "isOptional": true + }, + "isRequired": { + "name": "isRequired", + "type": "boolean | undefined", + "description": "Whether field should be marked required.", + "category": "BaseTextAreaProps", + "isOptional": true + }, + "maxLength": { + "name": "maxLength", + "type": "number | undefined", + "description": "Text contents maximum length.", + "category": "BaseTextAreaProps", + "isOptional": true + }, + "name": { + "name": "name", + "type": "string | undefined", + "description": "Name of the field. Submitted with the form as part of a name/value pair.", + "category": "BaseTextAreaProps", + "isOptional": true + }, + "placeholder": { + "name": "placeholder", + "type": "string | undefined", + "description": "Placeholder text shown when field is empty\\nAccessibility tip: avoid putting important instructions for\\nfilling out the TextField in the placeholder. Use descriptiveText\\nfor important instructions.", + "category": "BaseTextAreaProps", + "isOptional": true + }, + "rows": { + "name": "rows", + "type": "number | undefined", + "description": "Controls height based on number of rows of text to display.", + "category": "BaseTextAreaProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Changes the font-size, padding, and height of the field.", + "category": "BaseTextAreaProps", + "isOptional": true + }, + "value": { + "name": "value", + "type": "string | number | readonly string[] | undefined", + "description": "If value is provided, this will be a controlled field.", + "category": "BaseTextAreaProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "\\"quiet\\" | undefined", + "description": "Variants", + "category": "BaseTextAreaProps", + "isOptional": true + }, + "resize": { + "name": "resize", + "type": "Property.Resize | undefined", + "description": "Defines if (and how) an element is resizable by the user", + "category": "TextAreaStyleProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"TextField\\": { - \\"TextField\\": [ + "TextField": { + "TextField": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"outerEndComponent\\": { - \\"name\\": \\"outerEndComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Component(s) to show after input\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"outerStartComponent\\": { - \\"name\\": \\"outerStartComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Component(s) to show before input\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"innerStartComponent\\": { - \\"name\\": \\"innerStartComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"FieldGroupIconButton component to show inside of input at start\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"innerEndComponent\\": { - \\"name\\": \\"innerEndComponent\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"FieldGroupIconButton component to show inside of input at end\\", - \\"category\\": \\"TextFieldOptions\\", - \\"isOptional\\": true - }, - \\"type\\": { - \\"name\\": \\"type\\", - \\"type\\": \\"React.HTMLInputTypeAttribute\\", - \\"description\\": \\"Input field type.\\", - \\"category\\": \\"Input\\", - \\"isOptional\\": true - }, - \\"descriptiveText\\": { - \\"name\\": \\"descriptiveText\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Provides additional information needed to fill field\\\\n(e.g. password requirements, etc.)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"errorMessage\\": { - \\"name\\": \\"errorMessage\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\" When defined and \`hasError\` is true, show error message\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"label\\": { - \\"name\\": \\"label\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Label text for field (required)\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": false - }, - \\"labelHidden\\": { - \\"name\\": \\"labelHidden\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Visually hide label (not recommended in most cases) Default: false\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"inputStyles\\": { - \\"name\\": \\"inputStyles\\", - \\"type\\": \\"BaseStyleProps | undefined\\", - \\"description\\": \\"Style props to be applied to the input element\\", - \\"category\\": \\"BaseFieldProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean\\", - \\"description\\": \\"Determines whether field should be disabled. Default: false\\", - \\"category\\": \\"Input\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"autoComplete\\": { - \\"name\\": \\"autoComplete\\", - \\"type\\": \\"string\\", - \\"description\\": \\"Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\\", - \\"category\\": \\"Input\\", - \\"isOptional\\": true - }, - \\"checked\\": { - \\"name\\": \\"checked\\", - \\"type\\": \\"boolean\\", - \\"description\\": \\"If checked is provided, this will be a controlled checkbox or radio.\\", - \\"category\\": \\"Input\\", - \\"isOptional\\": true - }, - \\"defaultChecked\\": { - \\"name\\": \\"defaultChecked\\", - \\"type\\": \\"boolean\\", - \\"description\\": \\"Use this to initialize an uncontrolled checkbox or radio.\\", - \\"category\\": \\"Input\\", - \\"isOptional\\": true - }, - \\"defaultValue\\": { - \\"name\\": \\"defaultValue\\", - \\"type\\": \\"React.AllHTMLAttributes<'input'>['defaultValue']\\", - \\"description\\": \\"Use this to provide a default value for an uncontrolled field.\\", - \\"category\\": \\"Input\\", - \\"isOptional\\": true - }, - \\"hasError\\": { - \\"name\\": \\"hasError\\", - \\"type\\": \\"boolean\\", - \\"description\\": \\"Indicates that Field is in error state.\\", - \\"category\\": \\"Input\\", - \\"isOptional\\": true - }, - \\"enterKeyHint\\": { - \\"name\\": \\"enterKeyHint\\", - \\"type\\": \\"EnterKeyHint\\", - \\"description\\": \\"Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)\\", - \\"category\\": \\"Input\\", - \\"isOptional\\": true - }, - \\"inputMode\\": { - \\"name\\": \\"inputMode\\", - \\"type\\": \\"InputMode\\", - \\"description\\": \\"Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: @default \\\\\\"text\\\\\\"\\", - \\"category\\": \\"Input\\", - \\"isOptional\\": true - }, - \\"isReadOnly\\": { - \\"name\\": \\"isReadOnly\\", - \\"type\\": \\"boolean\\", - \\"description\\": \\"Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false\\", - \\"category\\": \\"Input\\", - \\"isOptional\\": true - }, - \\"isRequired\\": { - \\"name\\": \\"isRequired\\", - \\"type\\": \\"boolean\\", - \\"description\\": \\"Whether field should be marked required.\\", - \\"category\\": \\"Input\\", - \\"isOptional\\": true - }, - \\"name\\": { - \\"name\\": \\"name\\", - \\"type\\": \\"string\\", - \\"description\\": \\"Name of the field. Submitted with the form as part of a name/value pair.\\", - \\"category\\": \\"Input\\", - \\"isOptional\\": true - }, - \\"placeholder\\": { - \\"name\\": \\"placeholder\\", - \\"type\\": \\"string\\", - \\"description\\": \\"Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.\\", - \\"category\\": \\"Input\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"InputSizes\\", - \\"description\\": \\"Changes the font-size, padding, and height of the field.\\", - \\"category\\": \\"Input\\", - \\"isOptional\\": true - }, - \\"value\\": { - \\"name\\": \\"value\\", - \\"type\\": \\"React.AllHTMLAttributes<'input'>['value']\\", - \\"description\\": \\"If value is provided, this will be a controlled field.\\", - \\"category\\": \\"Input\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"FieldVariations\\", - \\"description\\": \\"Variants.\\", - \\"category\\": \\"Input\\", - \\"isOptional\\": true - }, - \\"as\\": { - \\"name\\": \\"as\\", - \\"type\\": \\"React.ElementType\\", - \\"description\\": \\"Changes the underlying rendered HTML element\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "outerEndComponent": { + "name": "outerEndComponent", + "type": "React.ReactNode", + "description": "Component(s) to show after input", + "category": "TextFieldOptions", + "isOptional": true + }, + "outerStartComponent": { + "name": "outerStartComponent", + "type": "React.ReactNode", + "description": "Component(s) to show before input", + "category": "TextFieldOptions", + "isOptional": true + }, + "innerStartComponent": { + "name": "innerStartComponent", + "type": "React.ReactNode", + "description": "FieldGroupIconButton component to show inside of input at start", + "category": "TextFieldOptions", + "isOptional": true + }, + "innerEndComponent": { + "name": "innerEndComponent", + "type": "React.ReactNode", + "description": "FieldGroupIconButton component to show inside of input at end", + "category": "TextFieldOptions", + "isOptional": true + }, + "type": { + "name": "type", + "type": "React.HTMLInputTypeAttribute", + "description": "Input field type.", + "category": "Input", + "isOptional": true + }, + "descriptiveText": { + "name": "descriptiveText", + "type": "React.ReactNode", + "description": "Provides additional information needed to fill field\\n(e.g. password requirements, etc.)", + "category": "BaseFieldProps", + "isOptional": true + }, + "errorMessage": { + "name": "errorMessage", + "type": "string | undefined", + "description": " When defined and \`hasError\` is true, show error message", + "category": "BaseFieldProps", + "isOptional": true + }, + "label": { + "name": "label", + "type": "React.ReactNode", + "description": "Label text for field (required)", + "category": "BaseFieldProps", + "isOptional": false + }, + "labelHidden": { + "name": "labelHidden", + "type": "boolean | undefined", + "description": "Visually hide label (not recommended in most cases) Default: false", + "category": "BaseFieldProps", + "isOptional": true + }, + "inputStyles": { + "name": "inputStyles", + "type": "BaseStyleProps | undefined", + "description": "Style props to be applied to the input element", + "category": "BaseFieldProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean", + "description": "Determines whether field should be disabled. Default: false", + "category": "Input", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "autoComplete": { + "name": "autoComplete", + "type": "string", + "description": "Specifies permissions for browser UA to autocomplete field. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)", + "category": "Input", + "isOptional": true + }, + "checked": { + "name": "checked", + "type": "boolean", + "description": "If checked is provided, this will be a controlled checkbox or radio.", + "category": "Input", + "isOptional": true + }, + "defaultChecked": { + "name": "defaultChecked", + "type": "boolean", + "description": "Use this to initialize an uncontrolled checkbox or radio.", + "category": "Input", + "isOptional": true + }, + "defaultValue": { + "name": "defaultValue", + "type": "React.AllHTMLAttributes<'input'>['defaultValue']", + "description": "Use this to provide a default value for an uncontrolled field.", + "category": "Input", + "isOptional": true + }, + "hasError": { + "name": "hasError", + "type": "boolean", + "description": "Indicates that Field is in error state.", + "category": "Input", + "isOptional": true + }, + "enterKeyHint": { + "name": "enterKeyHint", + "type": "EnterKeyHint", + "description": "Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)", + "category": "Input", + "isOptional": true + }, + "inputMode": { + "name": "inputMode", + "type": "InputMode", + "description": "Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: @default \\"text\\"", + "category": "Input", + "isOptional": true + }, + "isReadOnly": { + "name": "isReadOnly", + "type": "boolean", + "description": "Determines whether field should be immutable. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) Default: false", + "category": "Input", + "isOptional": true + }, + "isRequired": { + "name": "isRequired", + "type": "boolean", + "description": "Whether field should be marked required.", + "category": "Input", + "isOptional": true + }, + "name": { + "name": "name", + "type": "string", + "description": "Name of the field. Submitted with the form as part of a name/value pair.", + "category": "Input", + "isOptional": true + }, + "placeholder": { + "name": "placeholder", + "type": "string", + "description": "Placeholder text shown when field is empty Accessibility tip: avoid putting important instructions for filling out the TextField in the placeholder. Use descriptiveText for important instructions.", + "category": "Input", + "isOptional": true + }, + "size": { + "name": "size", + "type": "InputSizes", + "description": "Changes the font-size, padding, and height of the field.", + "category": "Input", + "isOptional": true + }, + "value": { + "name": "value", + "type": "React.AllHTMLAttributes<'input'>['value']", + "description": "If value is provided, this will be a controlled field.", + "category": "Input", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "FieldVariations", + "description": "Variants.", + "category": "Input", + "isOptional": true + }, + "as": { + "name": "as", + "type": "React.ElementType", + "description": "Changes the underlying rendered HTML element", + "category": "BaseComponentProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"ToggleButton\\": { - \\"ToggleButton\\": [ + "ToggleButton": { + "ToggleButton": [ { - \\"Main\\": { - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"value\\": { - \\"name\\": \\"value\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Controls the selected state of the ToggleButton\\", - \\"category\\": \\"BaseToggleButtonProps\\", - \\"isOptional\\": true - }, - \\"isPressed\\": { - \\"name\\": \\"isPressed\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Controls the \`isPressed\` state of the ToggleButton when using it as a controlled component\\", - \\"category\\": \\"BaseToggleButtonProps\\", - \\"isOptional\\": true - }, - \\"defaultPressed\\": { - \\"name\\": \\"defaultPressed\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"When \`true\`, sets the \`isPressed\` state of the ToggleButton to \`true\` on initial render\\", - \\"category\\": \\"BaseToggleButtonProps\\", - \\"isOptional\\": true - }, - \\"onChange\\": { - \\"name\\": \\"onChange\\", - \\"type\\": \\"((value: string | undefined) => void) | undefined\\", - \\"description\\": \\"Handles changes to the current value when using the ToggleButton as a controlled component\\", - \\"category\\": \\"BaseToggleButtonProps\\", - \\"isOptional\\": true - }, - \\"isLoading\\": { - \\"name\\": \\"isLoading\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If \`true\`, the button will show a spinner.\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If \`true\`, the button will be disabled.\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"onClick\\": { - \\"name\\": \\"onClick\\", - \\"type\\": \\"React.MouseEventHandler | undefined\\", - \\"description\\": \\"Button click event handler\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"type\\": { - \\"name\\": \\"type\\", - \\"type\\": \\"'button' | 'reset' | 'submit'\\", - \\"description\\": \\"Changes the button type Default: \\\\\\"button\\\\\\"\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Changes the size of the button. Default: \\\\\\"medium\\\\\\"\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"| 'primary'\\\\n | 'link'\\\\n | 'menu'\\\\n | 'warning'\\\\n | 'destructive'\\", - \\"description\\": \\"Changes the visual weight of the button.\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"isFullWidth\\": { - \\"name\\": \\"isFullWidth\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"If \`true\`, the button will take up the full width of its container.\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"loadingText\\": { - \\"name\\": \\"loadingText\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"The label to show in the button when \`loading\` is true\\\\nIf no text is passed, it only shows the spinner\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "value": { + "name": "value", + "type": "string | undefined", + "description": "Controls the selected state of the ToggleButton", + "category": "BaseToggleButtonProps", + "isOptional": true + }, + "isPressed": { + "name": "isPressed", + "type": "boolean | undefined", + "description": "Controls the \`isPressed\` state of the ToggleButton when using it as a controlled component", + "category": "BaseToggleButtonProps", + "isOptional": true + }, + "defaultPressed": { + "name": "defaultPressed", + "type": "boolean | undefined", + "description": "When \`true\`, sets the \`isPressed\` state of the ToggleButton to \`true\` on initial render", + "category": "BaseToggleButtonProps", + "isOptional": true + }, + "onChange": { + "name": "onChange", + "type": "((value: string | undefined) => void) | undefined", + "description": "Handles changes to the current value when using the ToggleButton as a controlled component", + "category": "BaseToggleButtonProps", + "isOptional": true + }, + "isLoading": { + "name": "isLoading", + "type": "boolean | undefined", + "description": "If \`true\`, the button will show a spinner.", + "category": "BaseButtonProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "If \`true\`, the button will be disabled.", + "category": "BaseButtonProps", + "isOptional": true + }, + "onClick": { + "name": "onClick", + "type": "React.MouseEventHandler | undefined", + "description": "Button click event handler", + "category": "BaseButtonProps", + "isOptional": true + }, + "type": { + "name": "type", + "type": "'button' | 'reset' | 'submit'", + "description": "Changes the button type Default: \\"button\\"", + "category": "BaseButtonProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Changes the size of the button. Default: \\"medium\\"", + "category": "BaseButtonProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "| 'primary'\\n | 'link'\\n | 'menu'\\n | 'warning'\\n | 'destructive'", + "description": "Changes the visual weight of the button.", + "category": "BaseButtonProps", + "isOptional": true + }, + "isFullWidth": { + "name": "isFullWidth", + "type": "boolean | undefined", + "description": "If \`true\`, the button will take up the full width of its container.", + "category": "BaseButtonProps", + "isOptional": true + }, + "loadingText": { + "name": "loadingText", + "type": "string | undefined", + "description": "The label to show in the button when \`loading\` is true\\nIf no text is passed, it only shows the spinner", + "category": "BaseButtonProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ], - \\"ToggleButtonGroup\\": [ + "ToggleButtonGroup": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Accepts any number of ToggleButton components\\", - \\"category\\": \\"BaseToggleButtonGroupProps\\", - \\"isOptional\\": false - }, - \\"isExclusive\\": { - \\"name\\": \\"isExclusive\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"When \`true\`, only allows one ToggleButton to be pressed at a time within a ToggleButtonGroup\\", - \\"category\\": \\"BaseToggleButtonGroupProps\\", - \\"isOptional\\": true - }, - \\"isSelectionRequired\\": { - \\"name\\": \\"isSelectionRequired\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Used when at least one ToggleButton needs to be currently pressed\\", - \\"category\\": \\"BaseToggleButtonGroupProps\\", - \\"isOptional\\": true - }, - \\"value\\": { - \\"name\\": \\"value\\", - \\"type\\": \\"string | string[]\\", - \\"description\\": \\"Controls which of its ToggleButton children are currently selected\\", - \\"category\\": \\"BaseToggleButtonGroupProps\\", - \\"isOptional\\": false - }, - \\"onChange\\": { - \\"name\\": \\"onChange\\", - \\"type\\": \\"(value: string | (string | undefined)[] | undefined) => void\\", - \\"description\\": \\"Handles changes to the current value when using the ToggleButtonGroup as a controlled component\\", - \\"category\\": \\"BaseToggleButtonGroupProps\\", - \\"isOptional\\": false - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"size\\": { - \\"name\\": \\"size\\", - \\"type\\": \\"'small' | 'large'\\", - \\"description\\": \\"Changes the size of the button. Default: \\\\\\"medium\\\\\\"\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true - }, - \\"variation\\": { - \\"name\\": \\"variation\\", - \\"type\\": \\"| 'primary'\\\\n | 'link'\\\\n | 'menu'\\\\n | 'warning'\\\\n | 'destructive'\\", - \\"description\\": \\"Changes the visual weight of the button.\\", - \\"category\\": \\"BaseButtonProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Accepts any number of ToggleButton components", + "category": "BaseToggleButtonGroupProps", + "isOptional": false + }, + "isExclusive": { + "name": "isExclusive", + "type": "boolean | undefined", + "description": "When \`true\`, only allows one ToggleButton to be pressed at a time within a ToggleButtonGroup", + "category": "BaseToggleButtonGroupProps", + "isOptional": true + }, + "isSelectionRequired": { + "name": "isSelectionRequired", + "type": "boolean | undefined", + "description": "Used when at least one ToggleButton needs to be currently pressed", + "category": "BaseToggleButtonGroupProps", + "isOptional": true + }, + "value": { + "name": "value", + "type": "string | string[]", + "description": "Controls which of its ToggleButton children are currently selected", + "category": "BaseToggleButtonGroupProps", + "isOptional": false + }, + "onChange": { + "name": "onChange", + "type": "(value: string | (string | undefined)[] | undefined) => void", + "description": "Handles changes to the current value when using the ToggleButtonGroup as a controlled component", + "category": "BaseToggleButtonGroupProps", + "isOptional": false + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "size": { + "name": "size", + "type": "'small' | 'large'", + "description": "Changes the size of the button. Default: \\"medium\\"", + "category": "BaseButtonProps", + "isOptional": true + }, + "variation": { + "name": "variation", + "type": "| 'primary'\\n | 'link'\\n | 'menu'\\n | 'warning'\\n | 'destructive'", + "description": "Changes the visual weight of the button.", + "category": "BaseButtonProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>> | undefined\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"CSSLayoutStyleProps\\", - \\"isOptional\\": true - }, - \\"direction\\": { - \\"name\\": \\"direction\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets how flex items are placed in the flex container defining the main axis\\\\nand the direction (normal or reversed). (maps to flex-direction CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"wrap\\": { - \\"name\\": \\"wrap\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"The flexWrap property is set on containers and it controls what happens when\\\\nchildren overflow the size of the container along the main axis. By default,\\\\nchildren are forced into a single line (which can shrink elements). If\\\\nwrapping is allowed, items are wrapped into multiple lines along the main\\\\naxis if needed.\\\\n(maps to flex-wrap CSS property)\\", - \\"category\\": \\"FlexContainerStyleProps\\", - \\"isOptional\\": true - }, - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle | undefined", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle | undefined", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle | undefined", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>> | undefined", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "CSSLayoutStyleProps", + "isOptional": true + }, + "direction": { + "name": "direction", + "type": "ResponsiveStyle | undefined", + "description": "Sets how flex items are placed in the flex container defining the main axis\\nand the direction (normal or reversed). (maps to flex-direction CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "wrap": { + "name": "wrap", + "type": "ResponsiveStyle | undefined", + "description": "The flexWrap property is set on containers and it controls what happens when\\nchildren overflow the size of the container along the main axis. By default,\\nchildren are forced into a single line (which can shrink elements). If\\nwrapping is allowed, items are wrapped into multiple lines along the main\\naxis if needed.\\n(maps to flex-wrap CSS property)", + "category": "FlexContainerStyleProps", + "isOptional": true + }, + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"View\\": { - \\"View\\": [ + "View": { + "View": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"Base\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"Base\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"Base\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"Base\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\n https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"Base\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"as\\": { - \\"name\\": \\"as\\", - \\"type\\": \\"React.ElementType\\", - \\"description\\": \\"Changes the underlying rendered HTML element\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"ariaLabel\\": { - \\"name\\": \\"ariaLabel\\", - \\"type\\": \\"AriaAttributes['aria-label']\\", - \\"description\\": \\"Defines a string value that labels an interactive element for accessibility\\", - \\"category\\": \\"Base\\", - \\"isOptional\\": true - }, - \\"ariaValuetext\\": { - \\"name\\": \\"ariaValuetext\\", - \\"type\\": \\"AriaAttributes['aria-valuetext']\\", - \\"description\\": \\"Defines the human readable text alternative of \`aria-valuenow\` for a range widget\\", - \\"category\\": \\"Base\\", - \\"isOptional\\": true - }, - \\"role\\": { - \\"name\\": \\"role\\", - \\"type\\": \\"React.AriaRole\\", - \\"description\\": \\"Provides semantic meaning to content, allowing screen readers to support interaction in a way that is consistent with user expectations\\", - \\"category\\": \\"Base\\", - \\"isOptional\\": true - }, - \\"base\\": { - \\"name\\": \\"base\\", - \\"type\\": \\"PropertyType\\", - \\"description\\": \\"\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"small\\": { - \\"name\\": \\"small\\", - \\"type\\": \\"PropertyType\\", - \\"description\\": \\"\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"medium\\": { - \\"name\\": \\"medium\\", - \\"type\\": \\"PropertyType\\", - \\"description\\": \\"\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"large\\": { - \\"name\\": \\"large\\", - \\"type\\": \\"PropertyType\\", - \\"description\\": \\"\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"xl\\": { - \\"name\\": \\"xl\\", - \\"type\\": \\"PropertyType\\", - \\"description\\": \\"\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"xxl\\": { - \\"name\\": \\"xxl\\", - \\"type\\": \\"PropertyType\\", - \\"description\\": \\"\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"alignSelf\\": { - \\"name\\": \\"alignSelf\\", - \\"type\\": \\"ResponsiveStyle>\\", - \\"description\\": \\"Overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis. See: @see[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"backgroundColor\\": { - \\"name\\": \\"backgroundColor\\", - \\"type\\": \\"ResponsiveStyle<\\\\n ColorKeys>\\\\n >\\", - \\"description\\": \\"Sets the background color of an element. See: @see[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"backgroundImage\\": { - \\"name\\": \\"backgroundImage\\", - \\"type\\": \\"ResponsiveStyle>\\", - \\"description\\": \\"Sets one or more background images on an element. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"border\\": { - \\"name\\": \\"border\\", - \\"type\\": \\"ResponsiveStyle>\\", - \\"description\\": \\"Shorthand CSS property that sets an element's border-width, border-style, and border-color. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"borderColor\\": { - \\"name\\": \\"borderColor\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Shorthand CSS property that sets an element's border-color. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"borderWidth\\": { - \\"name\\": \\"borderWidth\\", - \\"type\\": \\"ResponsiveStyle<\\\\n BorderWidthKeys>\\\\n >\\", - \\"description\\": \\"Shorthand CSS property that sets an element's border-width. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"borderStyle\\": { - \\"name\\": \\"borderStyle\\", - \\"type\\": \\"ResponsiveStyle>\\", - \\"description\\": \\"Shorthand CSS property that sets an element's border-style. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"borderRadius\\": { - \\"name\\": \\"borderRadius\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Rounds the corners of an element's outer border edge.\\\\n You can set a single radius to make circular corners, or two radii to make elliptical corners. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"bottom\\": { - \\"name\\": \\"bottom\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Participates in setting the vertical position of a positioned element.\\\\n It has no effect on non-positioned elements. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/bottom)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"boxShadow\\": { - \\"name\\": \\"boxShadow\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Adds shadow effects around an element's frame. You can set multiple effects separated by commas.\\\\n A box shadow is described by X and Y offsets relative to the element, blur and spread radius, and color. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"color\\": { - \\"name\\": \\"color\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Sets the foreground color value of an element's text and text decorations, and sets the \`currentcolor\` value.\\\\n \`currentcolor\` may be used as an indirect value on other properties and is the default for other color properties, such as border-color. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"display\\": { - \\"name\\": \\"display\\", - \\"type\\": \\"ResponsiveStyle>\\", - \\"description\\": \\"Sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/display)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"fontFamily\\": { - \\"name\\": \\"fontFamily\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Specifies a prioritized list of one or more font family names and/or generic family names for the selected element. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-family)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"fontSize\\": { - \\"name\\": \\"fontSize\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Sets the size of the font. Changing the font size also updates the sizes of the font size-relative units, such as em, ex, and so forth. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"fontStyle\\": { - \\"name\\": \\"fontStyle\\", - \\"type\\": \\"ResponsiveStyle>\\", - \\"description\\": \\"Sets whether a font should be styled with a normal, italic, or oblique face from its font-family. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-style)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"fontWeight\\": { - \\"name\\": \\"fontWeight\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Sets the weight (or boldness) of the font. The weights available depend on the font-family that is currently set. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"height\\": { - \\"name\\": \\"height\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"specifies the height of an element. By default, the property defines the height of the content area.\\\\n If box-sizing is set to border-box, however, it instead determines the height of the border area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"left\\": { - \\"name\\": \\"left\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/left)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"letterSpacing\\": { - \\"name\\": \\"letterSpacing\\", - \\"type\\": \\"ResponsiveStyle<\\\\n SpaceKeys>\\\\n >\\", - \\"description\\": \\"Sets the horizontal spacing behavior between text characters.\\\\n This value is added to the natural spacing between characters while rendering the text. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"lineHeight\\": { - \\"name\\": \\"lineHeight\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Sets the height of a line box. It's commonly used to set the distance between lines of text. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"margin\\": { - \\"name\\": \\"margin\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Shorthand CSS property that sets the margin area on all four sides of an element. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"marginBlock\\": { - \\"name\\": \\"marginBlock\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Shorthand CSS property that defines the logical block start and end margins of an element,\\\\n which maps to physical margins depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"marginBlockEnd\\": { - \\"name\\": \\"marginBlockEnd\\", - \\"type\\": \\"ResponsiveStyle<\\\\n SpaceKeys>\\\\n >\\", - \\"description\\": \\"Defines the logical block end margin of an element,\\\\n which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block-end)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"marginBlockStart\\": { - \\"name\\": \\"marginBlockStart\\", - \\"type\\": \\"ResponsiveStyle<\\\\n SpaceKeys>\\\\n >\\", - \\"description\\": \\"Defines the logical block start margin of an element,\\\\n which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block-start)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"marginBottom\\": { - \\"name\\": \\"marginBottom\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Sets the margin area on the bottom of an element.\\\\n A positive value places it farther from its neighbors, while a negative value places it closer. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"marginInline\\": { - \\"name\\": \\"marginInline\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Shorthand CSS property that defines both the logical inline start and end margins of an element,\\\\n which maps to physical margins depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"marginInlineEnd\\": { - \\"name\\": \\"marginInlineEnd\\", - \\"type\\": \\"ResponsiveStyle<\\\\n SpaceKeys>\\\\n >\\", - \\"description\\": \\"Defines the logical inline end margin of an element,\\\\n which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-end)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"marginInlineStart\\": { - \\"name\\": \\"marginInlineStart\\", - \\"type\\": \\"ResponsiveStyle<\\\\n SpaceKeys>\\\\n >\\", - \\"description\\": \\"Defines the logical inline start margin of an element,\\\\n which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-start)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"marginLeft\\": { - \\"name\\": \\"marginLeft\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Sets the margin area on the left side of an element.\\\\n A positive value places it farther from its neighbors, while a negative value places it closer. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"marginRight\\": { - \\"name\\": \\"marginRight\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Sets the margin area on the right side of an element.\\\\n A positive value places it farther from its neighbors, while a negative value places it closer. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"marginTop\\": { - \\"name\\": \\"marginTop\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Sets the margin area on the top of an element.\\\\n A positive value places it farther from its neighbors, while a negative value places it closer. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"maxHeight\\": { - \\"name\\": \\"maxHeight\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Sets the maximum height of an element.\\\\n It prevents the used value of the height property from becoming larger than the value specified for max-height. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"maxWidth\\": { - \\"name\\": \\"maxWidth\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Sets the maximum width of an element.\\\\n It prevents the used value of the width property from becoming larger than the value specified by max-width. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"minHeight\\": { - \\"name\\": \\"minHeight\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Sets the minimum height of an element.\\\\n It prevents the used value of the height property from becoming smaller than the value specified for min-height. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"minWidth\\": { - \\"name\\": \\"minWidth\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Sets the minimum width of an element.\\\\n It prevents the used value of the width property from becoming smaller than the value specified for min-width. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"opacity\\": { - \\"name\\": \\"opacity\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Sets the opacity of an element.\\\\n Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"overflow\\": { - \\"name\\": \\"overflow\\", - \\"type\\": \\"ResponsiveStyle>\\", - \\"description\\": \\"Shorthand CSS property that sets the desired behavior for an element's overflow\\\\n — i.e. when an element's content is too big to fit in its block formatting context — in both directions. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"padding\\": { - \\"name\\": \\"padding\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Shorthand CSS property that sets the padding area on all four sides of an element at once. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"paddingBlock\\": { - \\"name\\": \\"paddingBlock\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Shorthand CSS property that defines the logical block start and end padding of an element,\\\\n which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"paddingBlockEnd\\": { - \\"name\\": \\"paddingBlockEnd\\", - \\"type\\": \\"ResponsiveStyle<\\\\n SpaceKeys>\\\\n >\\", - \\"description\\": \\"Defines the logical block end padding of an element,\\\\n which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block-end)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"paddingBlockStart\\": { - \\"name\\": \\"paddingBlockStart\\", - \\"type\\": \\"ResponsiveStyle<\\\\n SpaceKeys>\\\\n >\\", - \\"description\\": \\"Defines the logical block start padding of an element,\\\\n which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block-start)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"paddingBottom\\": { - \\"name\\": \\"paddingBottom\\", - \\"type\\": \\"ResponsiveStyle<\\\\n SpaceKeys>\\\\n >\\", - \\"description\\": \\"Sets the height of the padding area on the bottom of an element. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"paddingInline\\": { - \\"name\\": \\"paddingInline\\", - \\"type\\": \\"ResponsiveStyle<\\\\n SpaceKeys>\\\\n >\\", - \\"description\\": \\"Shorthand CSS property that defines the logical inline start and end padding of an element,\\\\n which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"paddingInlineEnd\\": { - \\"name\\": \\"paddingInlineEnd\\", - \\"type\\": \\"ResponsiveStyle<\\\\n SpaceKeys>\\\\n >\\", - \\"description\\": \\"Defines the logical inline end padding of an element,\\\\n which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-end)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"paddingInlineStart\\": { - \\"name\\": \\"paddingInlineStart\\", - \\"type\\": \\"ResponsiveStyle<\\\\n SpaceKeys>\\\\n >\\", - \\"description\\": \\"Defines the logical inline start padding of an element,\\\\n which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-start)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"paddingLeft\\": { - \\"name\\": \\"paddingLeft\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Sets the width of the padding area to the left of an element. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"paddingRight\\": { - \\"name\\": \\"paddingRight\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Sets the width of the padding area on the right of an element. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"paddingTop\\": { - \\"name\\": \\"paddingTop\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Sets the height of the padding area on the top of an element. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"position\\": { - \\"name\\": \\"position\\", - \\"type\\": \\"ResponsiveStyle>\\", - \\"description\\": \\"Sets how an element is positioned in a document.\\\\n The top, right, bottom, and left properties determine the final location of positioned elements. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/position)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"right\\": { - \\"name\\": \\"right\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/right)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"textAlign\\": { - \\"name\\": \\"textAlign\\", - \\"type\\": \\"ResponsiveStyle>\\", - \\"description\\": \\"Sets the horizontal alignment of the content inside a block element or table-cell box.\\\\n This means it works like vertical-align but in the horizontal direction. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"textDecoration\\": { - \\"name\\": \\"textDecoration\\", - \\"type\\": \\"ResponsiveStyle>\\", - \\"description\\": \\"Shorthand CSS property that sets the appearance of decorative lines on text.\\\\n It is a shorthand for text-decoration-line, text-decoration-color, text-decoration-style, and the newer text-decoration-thickness property. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"textTransform\\": { - \\"name\\": \\"textTransform\\", - \\"type\\": \\"ResponsiveStyle>\\", - \\"description\\": \\"Specifies how to capitalize an element's text. It can be used to make text\\\\n appear in all-uppercase or all-lowercase, or with each word capitalized. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"top\\": { - \\"name\\": \\"top\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Participates in specifying the vertical position of a positioned element. It has no effect on non-positioned elements. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/top)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"transform\\": { - \\"name\\": \\"transform\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/transform)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"transformOrigin\\": { - \\"name\\": \\"transformOrigin\\", - \\"type\\": \\"ResponsiveStyle>\\", - \\"description\\": \\"Sets the origin for an element's transformations. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"width\\": { - \\"name\\": \\"width\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Sets an element's width. By default, it sets the width of the content area,\\\\n but if box-sizing is set to border-box, it sets the width of the border area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"whiteSpace\\": { - \\"name\\": \\"whiteSpace\\", - \\"type\\": \\"ResponsiveStyle>\\", - \\"description\\": \\"Sets how white space inside an element is handled. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"alignItems\\": { - \\"name\\": \\"alignItems\\", - \\"type\\": \\"ResponsiveStyle\\", - \\"description\\": \\"Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"alignContent\\": { - \\"name\\": \\"alignContent\\", - \\"type\\": \\"ResponsiveStyle\\", - \\"description\\": \\"Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"justifyContent\\": { - \\"name\\": \\"justifyContent\\", - \\"type\\": \\"ResponsiveStyle\\", - \\"description\\": \\"Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"gap\\": { - \\"name\\": \\"gap\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"columnGap\\": { - \\"name\\": \\"columnGap\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"rowGap\\": { - \\"name\\": \\"rowGap\\", - \\"type\\": \\"ResponsiveStyle>>\\", - \\"description\\": \\"Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true - }, - \\"AllStyleProps\\": { - \\"name\\": \\"AllStyleProps\\", - \\"type\\": \\"extends BaseStyleProps,\\\\n ImageStyleProps,\\\\n FlexContainerStyleProps,\\\\n GridContainerStyleProps,\\\\n TextAreaStyleProps\\", - \\"description\\": \\"\\", - \\"category\\": \\"Style\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string", + "description": "Unique identifier", + "category": "Base", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "Base", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string", + "description": "Additional CSS class name for component", + "category": "Base", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "Base", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean", + "description": "Support for the HTML \`inert\` attribute\\n https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "Base", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true + }, + "as": { + "name": "as", + "type": "React.ElementType", + "description": "Changes the underlying rendered HTML element", + "category": "BaseComponentProps", + "isOptional": true + }, + "ariaLabel": { + "name": "ariaLabel", + "type": "AriaAttributes['aria-label']", + "description": "Defines a string value that labels an interactive element for accessibility", + "category": "Base", + "isOptional": true + }, + "ariaValuetext": { + "name": "ariaValuetext", + "type": "AriaAttributes['aria-valuetext']", + "description": "Defines the human readable text alternative of \`aria-valuenow\` for a range widget", + "category": "Base", + "isOptional": true + }, + "role": { + "name": "role", + "type": "React.AriaRole", + "description": "Provides semantic meaning to content, allowing screen readers to support interaction in a way that is consistent with user expectations", + "category": "Base", + "isOptional": true + }, + "base": { + "name": "base", + "type": "PropertyType", + "description": "", + "category": "Style", + "isOptional": true + }, + "small": { + "name": "small", + "type": "PropertyType", + "description": "", + "category": "Style", + "isOptional": true + }, + "medium": { + "name": "medium", + "type": "PropertyType", + "description": "", + "category": "Style", + "isOptional": true + }, + "large": { + "name": "large", + "type": "PropertyType", + "description": "", + "category": "Style", + "isOptional": true + }, + "xl": { + "name": "xl", + "type": "PropertyType", + "description": "", + "category": "Style", + "isOptional": true + }, + "xxl": { + "name": "xxl", + "type": "PropertyType", + "description": "", + "category": "Style", + "isOptional": true + }, + "alignSelf": { + "name": "alignSelf", + "type": "ResponsiveStyle>", + "description": "Overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis. See: @see[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self)", + "category": "Style", + "isOptional": true + }, + "backgroundColor": { + "name": "backgroundColor", + "type": "ResponsiveStyle<\\n ColorKeys>\\n >", + "description": "Sets the background color of an element. See: @see[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)", + "category": "Style", + "isOptional": true + }, + "backgroundImage": { + "name": "backgroundImage", + "type": "ResponsiveStyle>", + "description": "Sets one or more background images on an element. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image)", + "category": "Style", + "isOptional": true + }, + "border": { + "name": "border", + "type": "ResponsiveStyle>", + "description": "Shorthand CSS property that sets an element's border-width, border-style, and border-color. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border)", + "category": "Style", + "isOptional": true + }, + "borderColor": { + "name": "borderColor", + "type": "ResponsiveStyle>>", + "description": "Shorthand CSS property that sets an element's border-color. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)", + "category": "Style", + "isOptional": true + }, + "borderWidth": { + "name": "borderWidth", + "type": "ResponsiveStyle<\\n BorderWidthKeys>\\n >", + "description": "Shorthand CSS property that sets an element's border-width. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)", + "category": "Style", + "isOptional": true + }, + "borderStyle": { + "name": "borderStyle", + "type": "ResponsiveStyle>", + "description": "Shorthand CSS property that sets an element's border-style. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style)", + "category": "Style", + "isOptional": true + }, + "borderRadius": { + "name": "borderRadius", + "type": "ResponsiveStyle>>", + "description": "Rounds the corners of an element's outer border edge.\\n You can set a single radius to make circular corners, or two radii to make elliptical corners. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)", + "category": "Style", + "isOptional": true + }, + "bottom": { + "name": "bottom", + "type": "ResponsiveStyle>>", + "description": "Participates in setting the vertical position of a positioned element.\\n It has no effect on non-positioned elements. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/bottom)", + "category": "Style", + "isOptional": true + }, + "boxShadow": { + "name": "boxShadow", + "type": "ResponsiveStyle>>", + "description": "Adds shadow effects around an element's frame. You can set multiple effects separated by commas.\\n A box shadow is described by X and Y offsets relative to the element, blur and spread radius, and color. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow)", + "category": "Style", + "isOptional": true + }, + "color": { + "name": "color", + "type": "ResponsiveStyle>>", + "description": "Sets the foreground color value of an element's text and text decorations, and sets the \`currentcolor\` value.\\n \`currentcolor\` may be used as an indirect value on other properties and is the default for other color properties, such as border-color. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color)", + "category": "Style", + "isOptional": true + }, + "display": { + "name": "display", + "type": "ResponsiveStyle>", + "description": "Sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/display)", + "category": "Style", + "isOptional": true + }, + "fontFamily": { + "name": "fontFamily", + "type": "ResponsiveStyle>>", + "description": "Specifies a prioritized list of one or more font family names and/or generic family names for the selected element. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-family)", + "category": "Style", + "isOptional": true + }, + "fontSize": { + "name": "fontSize", + "type": "ResponsiveStyle>>", + "description": "Sets the size of the font. Changing the font size also updates the sizes of the font size-relative units, such as em, ex, and so forth. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)", + "category": "Style", + "isOptional": true + }, + "fontStyle": { + "name": "fontStyle", + "type": "ResponsiveStyle>", + "description": "Sets whether a font should be styled with a normal, italic, or oblique face from its font-family. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-style)", + "category": "Style", + "isOptional": true + }, + "fontWeight": { + "name": "fontWeight", + "type": "ResponsiveStyle>>", + "description": "Sets the weight (or boldness) of the font. The weights available depend on the font-family that is currently set. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)", + "category": "Style", + "isOptional": true + }, + "height": { + "name": "height", + "type": "ResponsiveStyle>>", + "description": "specifies the height of an element. By default, the property defines the height of the content area.\\n If box-sizing is set to border-box, however, it instead determines the height of the border area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height)", + "category": "Style", + "isOptional": true + }, + "left": { + "name": "left", + "type": "ResponsiveStyle>>", + "description": "Participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/left)", + "category": "Style", + "isOptional": true + }, + "letterSpacing": { + "name": "letterSpacing", + "type": "ResponsiveStyle<\\n SpaceKeys>\\n >", + "description": "Sets the horizontal spacing behavior between text characters.\\n This value is added to the natural spacing between characters while rendering the text. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing)", + "category": "Style", + "isOptional": true + }, + "lineHeight": { + "name": "lineHeight", + "type": "ResponsiveStyle>>", + "description": "Sets the height of a line box. It's commonly used to set the distance between lines of text. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height)", + "category": "Style", + "isOptional": true + }, + "margin": { + "name": "margin", + "type": "ResponsiveStyle>>", + "description": "Shorthand CSS property that sets the margin area on all four sides of an element. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)", + "category": "Style", + "isOptional": true + }, + "marginBlock": { + "name": "marginBlock", + "type": "ResponsiveStyle>>", + "description": "Shorthand CSS property that defines the logical block start and end margins of an element,\\n which maps to physical margins depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block)", + "category": "Style", + "isOptional": true + }, + "marginBlockEnd": { + "name": "marginBlockEnd", + "type": "ResponsiveStyle<\\n SpaceKeys>\\n >", + "description": "Defines the logical block end margin of an element,\\n which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block-end)", + "category": "Style", + "isOptional": true + }, + "marginBlockStart": { + "name": "marginBlockStart", + "type": "ResponsiveStyle<\\n SpaceKeys>\\n >", + "description": "Defines the logical block start margin of an element,\\n which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block-start)", + "category": "Style", + "isOptional": true + }, + "marginBottom": { + "name": "marginBottom", + "type": "ResponsiveStyle>>", + "description": "Sets the margin area on the bottom of an element.\\n A positive value places it farther from its neighbors, while a negative value places it closer. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom)", + "category": "Style", + "isOptional": true + }, + "marginInline": { + "name": "marginInline", + "type": "ResponsiveStyle>>", + "description": "Shorthand CSS property that defines both the logical inline start and end margins of an element,\\n which maps to physical margins depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline)", + "category": "Style", + "isOptional": true + }, + "marginInlineEnd": { + "name": "marginInlineEnd", + "type": "ResponsiveStyle<\\n SpaceKeys>\\n >", + "description": "Defines the logical inline end margin of an element,\\n which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-end)", + "category": "Style", + "isOptional": true + }, + "marginInlineStart": { + "name": "marginInlineStart", + "type": "ResponsiveStyle<\\n SpaceKeys>\\n >", + "description": "Defines the logical inline start margin of an element,\\n which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-start)", + "category": "Style", + "isOptional": true + }, + "marginLeft": { + "name": "marginLeft", + "type": "ResponsiveStyle>>", + "description": "Sets the margin area on the left side of an element.\\n A positive value places it farther from its neighbors, while a negative value places it closer. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left)", + "category": "Style", + "isOptional": true + }, + "marginRight": { + "name": "marginRight", + "type": "ResponsiveStyle>>", + "description": "Sets the margin area on the right side of an element.\\n A positive value places it farther from its neighbors, while a negative value places it closer. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right)", + "category": "Style", + "isOptional": true + }, + "marginTop": { + "name": "marginTop", + "type": "ResponsiveStyle>>", + "description": "Sets the margin area on the top of an element.\\n A positive value places it farther from its neighbors, while a negative value places it closer. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top)", + "category": "Style", + "isOptional": true + }, + "maxHeight": { + "name": "maxHeight", + "type": "ResponsiveStyle>>", + "description": "Sets the maximum height of an element.\\n It prevents the used value of the height property from becoming larger than the value specified for max-height. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height)", + "category": "Style", + "isOptional": true + }, + "maxWidth": { + "name": "maxWidth", + "type": "ResponsiveStyle>>", + "description": "Sets the maximum width of an element.\\n It prevents the used value of the width property from becoming larger than the value specified by max-width. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width)", + "category": "Style", + "isOptional": true + }, + "minHeight": { + "name": "minHeight", + "type": "ResponsiveStyle>>", + "description": "Sets the minimum height of an element.\\n It prevents the used value of the height property from becoming smaller than the value specified for min-height. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height)", + "category": "Style", + "isOptional": true + }, + "minWidth": { + "name": "minWidth", + "type": "ResponsiveStyle>>", + "description": "Sets the minimum width of an element.\\n It prevents the used value of the width property from becoming smaller than the value specified for min-width. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width)", + "category": "Style", + "isOptional": true + }, + "opacity": { + "name": "opacity", + "type": "ResponsiveStyle>>", + "description": "Sets the opacity of an element.\\n Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity)", + "category": "Style", + "isOptional": true + }, + "overflow": { + "name": "overflow", + "type": "ResponsiveStyle>", + "description": "Shorthand CSS property that sets the desired behavior for an element's overflow\\n — i.e. when an element's content is too big to fit in its block formatting context — in both directions. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow)", + "category": "Style", + "isOptional": true + }, + "padding": { + "name": "padding", + "type": "ResponsiveStyle>>", + "description": "Shorthand CSS property that sets the padding area on all four sides of an element at once. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)", + "category": "Style", + "isOptional": true + }, + "paddingBlock": { + "name": "paddingBlock", + "type": "ResponsiveStyle>>", + "description": "Shorthand CSS property that defines the logical block start and end padding of an element,\\n which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block)", + "category": "Style", + "isOptional": true + }, + "paddingBlockEnd": { + "name": "paddingBlockEnd", + "type": "ResponsiveStyle<\\n SpaceKeys>\\n >", + "description": "Defines the logical block end padding of an element,\\n which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block-end)", + "category": "Style", + "isOptional": true + }, + "paddingBlockStart": { + "name": "paddingBlockStart", + "type": "ResponsiveStyle<\\n SpaceKeys>\\n >", + "description": "Defines the logical block start padding of an element,\\n which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block-start)", + "category": "Style", + "isOptional": true + }, + "paddingBottom": { + "name": "paddingBottom", + "type": "ResponsiveStyle<\\n SpaceKeys>\\n >", + "description": "Sets the height of the padding area on the bottom of an element. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom)", + "category": "Style", + "isOptional": true + }, + "paddingInline": { + "name": "paddingInline", + "type": "ResponsiveStyle<\\n SpaceKeys>\\n >", + "description": "Shorthand CSS property that defines the logical inline start and end padding of an element,\\n which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline)", + "category": "Style", + "isOptional": true + }, + "paddingInlineEnd": { + "name": "paddingInlineEnd", + "type": "ResponsiveStyle<\\n SpaceKeys>\\n >", + "description": "Defines the logical inline end padding of an element,\\n which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-end)", + "category": "Style", + "isOptional": true + }, + "paddingInlineStart": { + "name": "paddingInlineStart", + "type": "ResponsiveStyle<\\n SpaceKeys>\\n >", + "description": "Defines the logical inline start padding of an element,\\n which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-start)", + "category": "Style", + "isOptional": true + }, + "paddingLeft": { + "name": "paddingLeft", + "type": "ResponsiveStyle>>", + "description": "Sets the width of the padding area to the left of an element. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left)", + "category": "Style", + "isOptional": true + }, + "paddingRight": { + "name": "paddingRight", + "type": "ResponsiveStyle>>", + "description": "Sets the width of the padding area on the right of an element. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right)", + "category": "Style", + "isOptional": true + }, + "paddingTop": { + "name": "paddingTop", + "type": "ResponsiveStyle>>", + "description": "Sets the height of the padding area on the top of an element. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top)", + "category": "Style", + "isOptional": true + }, + "position": { + "name": "position", + "type": "ResponsiveStyle>", + "description": "Sets how an element is positioned in a document.\\n The top, right, bottom, and left properties determine the final location of positioned elements. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/position)", + "category": "Style", + "isOptional": true + }, + "right": { + "name": "right", + "type": "ResponsiveStyle>>", + "description": "Participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/right)", + "category": "Style", + "isOptional": true + }, + "textAlign": { + "name": "textAlign", + "type": "ResponsiveStyle>", + "description": "Sets the horizontal alignment of the content inside a block element or table-cell box.\\n This means it works like vertical-align but in the horizontal direction. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align)", + "category": "Style", + "isOptional": true + }, + "textDecoration": { + "name": "textDecoration", + "type": "ResponsiveStyle>", + "description": "Shorthand CSS property that sets the appearance of decorative lines on text.\\n It is a shorthand for text-decoration-line, text-decoration-color, text-decoration-style, and the newer text-decoration-thickness property. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)", + "category": "Style", + "isOptional": true + }, + "textTransform": { + "name": "textTransform", + "type": "ResponsiveStyle>", + "description": "Specifies how to capitalize an element's text. It can be used to make text\\n appear in all-uppercase or all-lowercase, or with each word capitalized. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform)", + "category": "Style", + "isOptional": true + }, + "top": { + "name": "top", + "type": "ResponsiveStyle>>", + "description": "Participates in specifying the vertical position of a positioned element. It has no effect on non-positioned elements. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/top)", + "category": "Style", + "isOptional": true + }, + "transform": { + "name": "transform", + "type": "ResponsiveStyle>>", + "description": "Lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/transform)", + "category": "Style", + "isOptional": true + }, + "transformOrigin": { + "name": "transformOrigin", + "type": "ResponsiveStyle>", + "description": "Sets the origin for an element's transformations. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)", + "category": "Style", + "isOptional": true + }, + "width": { + "name": "width", + "type": "ResponsiveStyle>>", + "description": "Sets an element's width. By default, it sets the width of the content area,\\n but if box-sizing is set to border-box, it sets the width of the border area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width)", + "category": "Style", + "isOptional": true + }, + "whiteSpace": { + "name": "whiteSpace", + "type": "ResponsiveStyle>", + "description": "Sets how white space inside an element is handled. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space)", + "category": "Style", + "isOptional": true + }, + "alignItems": { + "name": "alignItems", + "type": "ResponsiveStyle", + "description": "Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)", + "category": "Style", + "isOptional": true + }, + "alignContent": { + "name": "alignContent", + "type": "ResponsiveStyle", + "description": "Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)", + "category": "Style", + "isOptional": true + }, + "justifyContent": { + "name": "justifyContent", + "type": "ResponsiveStyle", + "description": "Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)", + "category": "Style", + "isOptional": true + }, + "gap": { + "name": "gap", + "type": "ResponsiveStyle>>", + "description": "Controls the spacing between child components. Shorthand for rowGap and columnGap. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)", + "category": "Style", + "isOptional": true + }, + "columnGap": { + "name": "columnGap", + "type": "ResponsiveStyle>>", + "description": "Controls the spacing between Flex/Grid child columns See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)", + "category": "Style", + "isOptional": true + }, + "rowGap": { + "name": "rowGap", + "type": "ResponsiveStyle>>", + "description": "Controls the spacing between Flex/Grid child rows See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)", + "category": "Style", + "isOptional": true + }, + "AllStyleProps": { + "name": "AllStyleProps", + "type": "extends BaseStyleProps,\\n ImageStyleProps,\\n FlexContainerStyleProps,\\n GridContainerStyleProps,\\n TextAreaStyleProps", + "description": "", + "category": "Style", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } ] }, - \\"VisuallyHidden\\": { - \\"VisuallyHidden\\": [ + "VisuallyHidden": { + "VisuallyHidden": [ { - \\"Main\\": { - \\"id\\": { - \\"name\\": \\"id\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Unique identifier\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"children\\": { - \\"name\\": \\"children\\", - \\"type\\": \\"React.ReactNode\\", - \\"description\\": \\"Children to be rendered inside the component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"className\\": { - \\"name\\": \\"className\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Additional CSS class name for component\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"testId\\": { - \\"name\\": \\"testId\\", - \\"type\\": \\"string | undefined\\", - \\"description\\": \\"Used to provide a \`data-testid\` attribute for testing purposes\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"inert\\": { - \\"name\\": \\"inert\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Support for the HTML \`inert\` attribute\\\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\\", - \\"category\\": \\"BaseComponentProps\\", - \\"isOptional\\": true - }, - \\"isDisabled\\": { - \\"name\\": \\"isDisabled\\", - \\"type\\": \\"boolean | undefined\\", - \\"description\\": \\"Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true - }, - \\"style\\": { - \\"name\\": \\"style\\", - \\"type\\": \\"React.CSSProperties | undefined\\", - \\"description\\": \\"Accepts a JavaScript object with camelCased properties rather than a CSS string.\\\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)\\", - \\"category\\": \\"BaseViewProps\\", - \\"isOptional\\": true + "Main": { + "id": { + "name": "id", + "type": "string | undefined", + "description": "Unique identifier", + "category": "BaseComponentProps", + "isOptional": true + }, + "children": { + "name": "children", + "type": "React.ReactNode", + "description": "Children to be rendered inside the component", + "category": "BaseComponentProps", + "isOptional": true + }, + "className": { + "name": "className", + "type": "string | undefined", + "description": "Additional CSS class name for component", + "category": "BaseComponentProps", + "isOptional": true + }, + "testId": { + "name": "testId", + "type": "string | undefined", + "description": "Used to provide a \`data-testid\` attribute for testing purposes", + "category": "BaseComponentProps", + "isOptional": true + }, + "inert": { + "name": "inert", + "type": "boolean | undefined", + "description": "Support for the HTML \`inert\` attribute\\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert", + "category": "BaseComponentProps", + "isOptional": true + }, + "isDisabled": { + "name": "isDisabled", + "type": "boolean | undefined", + "description": "Sets the Boolean \`disabled\` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form", + "category": "BaseViewProps", + "isOptional": true + }, + "style": { + "name": "style", + "type": "React.CSSProperties | undefined", + "description": "Accepts a JavaScript object with camelCased properties rather than a CSS string.\\nThis is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes. See: [React docs](https://reactjs.org/docs/dom-elements.html#style)", + "category": "BaseViewProps", + "isOptional": true } } }, { - \\"Layout\\": { - \\"flex\\": { - \\"name\\": \\"flex\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Shorthand for flex grow / shrink / basis\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"order\\": { - \\"name\\": \\"order\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Sets the order to lay out an item in a flex or grid container.\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"grow\\": { - \\"name\\": \\"grow\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to grow\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"shrink\\": { - \\"name\\": \\"shrink\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Ability for flex item to shrink\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"basis\\": { - \\"name\\": \\"basis\\", - \\"type\\": \\"ResponsiveStyle> | undefined\\", - \\"description\\": \\"Default size of element before remaining space is distributed\\", - \\"category\\": \\"FlexItemStyleProps\\", - \\"isOptional\\": true - }, - \\"area\\": { - \\"name\\": \\"area\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"column\\": { - \\"name\\": \\"column\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnEnd\\": { - \\"name\\": \\"columnEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnSpan\\": { - \\"name\\": \\"columnSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"columnStart\\": { - \\"name\\": \\"columnStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"row\\": { - \\"name\\": \\"row\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowEnd\\": { - \\"name\\": \\"rowEnd\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowSpan\\": { - \\"name\\": \\"rowSpan\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true - }, - \\"rowStart\\": { - \\"name\\": \\"rowStart\\", - \\"type\\": \\"ResponsiveStyle | undefined\\", - \\"description\\": \\"Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)\\", - \\"category\\": \\"GridItemStyleProps\\", - \\"isOptional\\": true + "Layout": { + "flex": { + "name": "flex", + "type": "ResponsiveStyle> | undefined", + "description": "Shorthand for flex grow / shrink / basis", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "order": { + "name": "order", + "type": "ResponsiveStyle | undefined", + "description": "Sets the order to lay out an item in a flex or grid container.", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "grow": { + "name": "grow", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to grow", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "shrink": { + "name": "shrink", + "type": "ResponsiveStyle | undefined", + "description": "Ability for flex item to shrink", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "basis": { + "name": "basis", + "type": "ResponsiveStyle> | undefined", + "description": "Default size of element before remaining space is distributed", + "category": "FlexItemStyleProps", + "isOptional": true + }, + "area": { + "name": "area", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "column": { + "name": "column", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnEnd": { + "name": "columnEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnSpan": { + "name": "columnSpan", + "type": "ResponsiveStyle | undefined", + "description": "Makes it possible for an element to span across all columns when its value is set to all. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-span)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "columnStart": { + "name": "columnStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "row": { + "name": "row", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowEnd": { + "name": "rowEnd", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end)", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowSpan": { + "name": "rowSpan", + "type": "ResponsiveStyle | undefined", + "description": "", + "category": "GridItemStyleProps", + "isOptional": true + }, + "rowStart": { + "name": "rowStart", + "type": "ResponsiveStyle | undefined", + "description": "Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start)", + "category": "GridItemStyleProps", + "isOptional": true } } } diff --git a/docs/__tests__/__snapshots__/sitemap.test.ts.snap b/docs/__tests__/__snapshots__/sitemap.test.ts.snap index 5735cf75e7c..3fd02686b8d 100644 --- a/docs/__tests__/__snapshots__/sitemap.test.ts.snap +++ b/docs/__tests__/__snapshots__/sitemap.test.ts.snap @@ -1,166 +1,166 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Sitemap Snapshot 1`] = ` -"/, -/android, -/android/connected-components/authenticator, -/android/connected-components/authenticator/configuration, -/android/connected-components/authenticator/customization, -/android/connected-components/liveness, -/android/connected-components/liveness/customization, -/android/connected-components/liveness/troubleshooting, -/android/getting-started/installation, -/android/getting-started/introduction, -/angular, -/angular/connected-components/authenticator, -/angular/connected-components/authenticator/advanced, -/angular/connected-components/authenticator/configuration, -/angular/connected-components/authenticator/customization, -/angular/getting-started/accessibility, -/angular/getting-started/installation, -/angular/getting-started/introduction, -/angular/getting-started/migration, -/angular/getting-started/troubleshooting, -/angular/getting-started/usage, -/angular/guides/css-in-js, -/angular/theming, -/angular/theming/css-variables, -/angular/theming/dark-mode, -/angular/theming/default-theme, -/angular/theming/default-theme/colors, -/angular/theming/default-theme/sizes, -/angular/theming/default-theme/typography, -/angular/theming/responsive, -/flutter, -/flutter/connected-components/authenticator, -/flutter/connected-components/authenticator/configuration, -/flutter/connected-components/authenticator/customization, -/flutter/getting-started/installation, -/flutter/getting-started/introduction, -/flutter/theming, -/flutter/theming/dark-mode, -/react, -/react-native, -/react-native/connected-components/authenticator, -/react-native/connected-components/authenticator/advanced, -/react-native/connected-components/authenticator/configuration, -/react-native/connected-components/authenticator/customization, -/react-native/connected-components/in-app-messaging, -/react-native/getting-started/installation, -/react-native/getting-started/introduction, -/react-native/getting-started/usage, -/react-native/theming, -/react-native/theming/dark-mode, -/react/components, -/react/components/accordion, -/react/components/alert, -/react/components/autocomplete, -/react/components/badge, -/react/components/breadcrumbs, -/react/components/button, -/react/components/card, -/react/components/checkboxfield, -/react/components/collection, -/react/components/divider, -/react/components/dropzone, -/react/components/fieldset, -/react/components/flex, -/react/components/grid, -/react/components/heading, -/react/components/highlightmatch, -/react/components/icon, -/react/components/image, -/react/components/input, -/react/components/label, -/react/components/link, -/react/components/loader, -/react/components/menu, -/react/components/message, -/react/components/pagination, -/react/components/passwordfield, -/react/components/phonenumberfield, -/react/components/placeholder, -/react/components/radiogroupfield, -/react/components/rating, -/react/components/scrollview, -/react/components/searchfield, -/react/components/selectfield, -/react/components/sliderfield, -/react/components/stepperfield, -/react/components/switchfield, -/react/components/table, -/react/components/tabs, -/react/components/text, -/react/components/textareafield, -/react/components/textfield, -/react/components/togglebutton, -/react/components/view, -/react/components/visuallyhidden, -/react/connected-components/account-settings, -/react/connected-components/account-settings/change-password, -/react/connected-components/account-settings/delete-user, -/react/connected-components/authenticator, -/react/connected-components/authenticator/advanced, -/react/connected-components/authenticator/configuration, -/react/connected-components/authenticator/customization, -/react/connected-components/geo, -/react/connected-components/in-app-messaging, -/react/connected-components/liveness, -/react/connected-components/liveness/customization, -/react/connected-components/liveness/troubleshooting, -/react/connected-components/storage, -/react/connected-components/storage/storageimage, -/react/connected-components/storage/storagemanager, -/react/getting-started/accessibility, -/react/getting-started/figma, -/react/getting-started/installation, -/react/getting-started/internationalization, -/react/getting-started/introduction, -/react/getting-started/migration, -/react/getting-started/troubleshooting, -/react/getting-started/usage, -/react/getting-started/usage/nextjs, -/react/getting-started/usage/vite, -/react/guides, -/react/guides/auth-protected, -/react/guides/css-in-js, -/react/theming, -/react/theming/css-variables, -/react/theming/dark-mode, -/react/theming/default-theme, -/react/theming/default-theme/colors, -/react/theming/default-theme/sizes, -/react/theming/default-theme/typography, -/react/theming/icons, -/react/theming/responsive, -/react/theming/style-props, -/react/theming/theme-provider, -/swift, -/swift/connected-components/authenticator, -/swift/connected-components/authenticator/configuration, -/swift/connected-components/authenticator/customization, -/swift/connected-components/liveness, -/swift/connected-components/liveness/customization, -/swift/connected-components/liveness/troubleshooting, -/swift/getting-started/introduction, -/vue, -/vue/connected-components/authenticator, -/vue/connected-components/authenticator/advanced, -/vue/connected-components/authenticator/configuration, -/vue/connected-components/authenticator/customization, -/vue/getting-started/accessibility, -/vue/getting-started/installation, -/vue/getting-started/introduction, -/vue/getting-started/migration, -/vue/getting-started/troubleshooting, -/vue/getting-started/usage, -/vue/guides/css-in-js, -/vue/theming, -/vue/theming/css-variables, -/vue/theming/dark-mode, -/vue/theming/default-theme, -/vue/theming/default-theme/colors, -/vue/theming/default-theme/sizes, -/vue/theming/default-theme/typography, -/vue/theming/responsive" +"https://localhost:5001/, +https://localhost:5001/android, +https://localhost:5001/android/connected-components/authenticator, +https://localhost:5001/android/connected-components/authenticator/configuration, +https://localhost:5001/android/connected-components/authenticator/customization, +https://localhost:5001/android/connected-components/liveness, +https://localhost:5001/android/connected-components/liveness/customization, +https://localhost:5001/android/connected-components/liveness/troubleshooting, +https://localhost:5001/android/getting-started/installation, +https://localhost:5001/android/getting-started/introduction, +https://localhost:5001/angular, +https://localhost:5001/angular/connected-components/authenticator, +https://localhost:5001/angular/connected-components/authenticator/advanced, +https://localhost:5001/angular/connected-components/authenticator/configuration, +https://localhost:5001/angular/connected-components/authenticator/customization, +https://localhost:5001/angular/getting-started/accessibility, +https://localhost:5001/angular/getting-started/installation, +https://localhost:5001/angular/getting-started/introduction, +https://localhost:5001/angular/getting-started/migration, +https://localhost:5001/angular/getting-started/troubleshooting, +https://localhost:5001/angular/getting-started/usage, +https://localhost:5001/angular/guides/css-in-js, +https://localhost:5001/angular/theming, +https://localhost:5001/angular/theming/css-variables, +https://localhost:5001/angular/theming/dark-mode, +https://localhost:5001/angular/theming/default-theme, +https://localhost:5001/angular/theming/default-theme/colors, +https://localhost:5001/angular/theming/default-theme/sizes, +https://localhost:5001/angular/theming/default-theme/typography, +https://localhost:5001/angular/theming/responsive, +https://localhost:5001/flutter, +https://localhost:5001/flutter/connected-components/authenticator, +https://localhost:5001/flutter/connected-components/authenticator/configuration, +https://localhost:5001/flutter/connected-components/authenticator/customization, +https://localhost:5001/flutter/getting-started/installation, +https://localhost:5001/flutter/getting-started/introduction, +https://localhost:5001/flutter/theming, +https://localhost:5001/flutter/theming/dark-mode, +https://localhost:5001/react, +https://localhost:5001/react-native, +https://localhost:5001/react-native/connected-components/authenticator, +https://localhost:5001/react-native/connected-components/authenticator/advanced, +https://localhost:5001/react-native/connected-components/authenticator/configuration, +https://localhost:5001/react-native/connected-components/authenticator/customization, +https://localhost:5001/react-native/connected-components/in-app-messaging, +https://localhost:5001/react-native/getting-started/installation, +https://localhost:5001/react-native/getting-started/introduction, +https://localhost:5001/react-native/getting-started/usage, +https://localhost:5001/react-native/theming, +https://localhost:5001/react-native/theming/dark-mode, +https://localhost:5001/react/components, +https://localhost:5001/react/components/accordion, +https://localhost:5001/react/components/alert, +https://localhost:5001/react/components/autocomplete, +https://localhost:5001/react/components/badge, +https://localhost:5001/react/components/breadcrumbs, +https://localhost:5001/react/components/button, +https://localhost:5001/react/components/card, +https://localhost:5001/react/components/checkboxfield, +https://localhost:5001/react/components/collection, +https://localhost:5001/react/components/divider, +https://localhost:5001/react/components/dropzone, +https://localhost:5001/react/components/fieldset, +https://localhost:5001/react/components/flex, +https://localhost:5001/react/components/grid, +https://localhost:5001/react/components/heading, +https://localhost:5001/react/components/highlightmatch, +https://localhost:5001/react/components/icon, +https://localhost:5001/react/components/image, +https://localhost:5001/react/components/input, +https://localhost:5001/react/components/label, +https://localhost:5001/react/components/link, +https://localhost:5001/react/components/loader, +https://localhost:5001/react/components/menu, +https://localhost:5001/react/components/message, +https://localhost:5001/react/components/pagination, +https://localhost:5001/react/components/passwordfield, +https://localhost:5001/react/components/phonenumberfield, +https://localhost:5001/react/components/placeholder, +https://localhost:5001/react/components/radiogroupfield, +https://localhost:5001/react/components/rating, +https://localhost:5001/react/components/scrollview, +https://localhost:5001/react/components/searchfield, +https://localhost:5001/react/components/selectfield, +https://localhost:5001/react/components/sliderfield, +https://localhost:5001/react/components/stepperfield, +https://localhost:5001/react/components/switchfield, +https://localhost:5001/react/components/table, +https://localhost:5001/react/components/tabs, +https://localhost:5001/react/components/text, +https://localhost:5001/react/components/textareafield, +https://localhost:5001/react/components/textfield, +https://localhost:5001/react/components/togglebutton, +https://localhost:5001/react/components/view, +https://localhost:5001/react/components/visuallyhidden, +https://localhost:5001/react/connected-components/account-settings, +https://localhost:5001/react/connected-components/account-settings/change-password, +https://localhost:5001/react/connected-components/account-settings/delete-user, +https://localhost:5001/react/connected-components/authenticator, +https://localhost:5001/react/connected-components/authenticator/advanced, +https://localhost:5001/react/connected-components/authenticator/configuration, +https://localhost:5001/react/connected-components/authenticator/customization, +https://localhost:5001/react/connected-components/geo, +https://localhost:5001/react/connected-components/in-app-messaging, +https://localhost:5001/react/connected-components/liveness, +https://localhost:5001/react/connected-components/liveness/customization, +https://localhost:5001/react/connected-components/liveness/troubleshooting, +https://localhost:5001/react/connected-components/storage, +https://localhost:5001/react/connected-components/storage/storageimage, +https://localhost:5001/react/connected-components/storage/storagemanager, +https://localhost:5001/react/getting-started/accessibility, +https://localhost:5001/react/getting-started/figma, +https://localhost:5001/react/getting-started/installation, +https://localhost:5001/react/getting-started/internationalization, +https://localhost:5001/react/getting-started/introduction, +https://localhost:5001/react/getting-started/migration, +https://localhost:5001/react/getting-started/troubleshooting, +https://localhost:5001/react/getting-started/usage, +https://localhost:5001/react/getting-started/usage/nextjs, +https://localhost:5001/react/getting-started/usage/vite, +https://localhost:5001/react/guides, +https://localhost:5001/react/guides/auth-protected, +https://localhost:5001/react/guides/css-in-js, +https://localhost:5001/react/theming, +https://localhost:5001/react/theming/css-variables, +https://localhost:5001/react/theming/dark-mode, +https://localhost:5001/react/theming/default-theme, +https://localhost:5001/react/theming/default-theme/colors, +https://localhost:5001/react/theming/default-theme/sizes, +https://localhost:5001/react/theming/default-theme/typography, +https://localhost:5001/react/theming/icons, +https://localhost:5001/react/theming/responsive, +https://localhost:5001/react/theming/style-props, +https://localhost:5001/react/theming/theme-provider, +https://localhost:5001/swift, +https://localhost:5001/swift/connected-components/authenticator, +https://localhost:5001/swift/connected-components/authenticator/configuration, +https://localhost:5001/swift/connected-components/authenticator/customization, +https://localhost:5001/swift/connected-components/liveness, +https://localhost:5001/swift/connected-components/liveness/customization, +https://localhost:5001/swift/connected-components/liveness/troubleshooting, +https://localhost:5001/swift/getting-started/introduction, +https://localhost:5001/vue, +https://localhost:5001/vue/connected-components/authenticator, +https://localhost:5001/vue/connected-components/authenticator/advanced, +https://localhost:5001/vue/connected-components/authenticator/configuration, +https://localhost:5001/vue/connected-components/authenticator/customization, +https://localhost:5001/vue/getting-started/accessibility, +https://localhost:5001/vue/getting-started/installation, +https://localhost:5001/vue/getting-started/introduction, +https://localhost:5001/vue/getting-started/migration, +https://localhost:5001/vue/getting-started/troubleshooting, +https://localhost:5001/vue/getting-started/usage, +https://localhost:5001/vue/guides/css-in-js, +https://localhost:5001/vue/theming, +https://localhost:5001/vue/theming/css-variables, +https://localhost:5001/vue/theming/dark-mode, +https://localhost:5001/vue/theming/default-theme, +https://localhost:5001/vue/theming/default-theme/colors, +https://localhost:5001/vue/theming/default-theme/sizes, +https://localhost:5001/vue/theming/default-theme/typography, +https://localhost:5001/vue/theming/responsive" `; diff --git a/docs/jest.config.ts b/docs/jest.config.ts index 2948f649d8c..5daf0969217 100644 --- a/docs/jest.config.ts +++ b/docs/jest.config.ts @@ -1,15 +1,5 @@ -/* - * For a detailed explanation regarding each configuration property and type check, visit: - * https://jestjs.io/docs/configuration - */ +import { Config } from 'jest'; -const jestConfig = { - preset: 'ts-jest', - setupFiles: ['./jestEnv.ts'], - transform: { - '^.+\\.(ts|tsx)?$': 'ts-jest', - '^.+\\.(js|jsx)$': 'babel-jest', - }, -}; +const jestConfig: Config = { preset: 'ts-jest' }; export default jestConfig; diff --git a/docs/jestEnv.ts b/docs/jestEnv.ts deleted file mode 100644 index 8902e236127..00000000000 --- a/docs/jestEnv.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { config } from 'dotenv'; - -config(); diff --git a/docs/next-env.d.ts b/docs/next-env.d.ts index 9bc3dd46b9d..4f11a03dc6c 100644 --- a/docs/next-env.d.ts +++ b/docs/next-env.d.ts @@ -1,5 +1,4 @@ /// -/// /// // NOTE: This file should not be edited diff --git a/docs/next.config.js b/docs/next.config.js index 41bb41d2d7c..6818b650d36 100644 --- a/docs/next.config.js +++ b/docs/next.config.js @@ -15,8 +15,6 @@ module.exports = withNextPluginPreval({ DOCSEARCH_DOCS_APP_ID: process.env.DOCSEARCH_DOCS_APP_ID, DOCSEARCH_DOCS_API_KEY: process.env.DOCSEARCH_DOCS_API_KEY, DOCSEARCH_DOCS_INDEX_NAME: process.env.DOCSEARCH_DOCS_INDEX_NAME, - FF_FILEUPLOADER_COMPONENTS_ENABLED: - process.env.FF_FILEUPLOADER_COMPONENTS_ENABLED, }, // Differentiate pages with frontmatter & layout vs. normal MD(X) pageExtensions: ['page.mdx', 'page.tsx'], @@ -258,13 +256,6 @@ module.exports = withNextPluginPreval({ ], }); - // resolve react and react-dom from project node_modules - config.resolve.alias = { - ...config.resolve.alias, - react: path.resolve(__dirname, 'node_modules/react'), - 'react-dom': path.resolve(__dirname, 'node_modules/react-dom'), - }; - return config; }, }); diff --git a/docs/package.json b/docs/package.json index c36fb2d9e1b..8a800b25b0f 100644 --- a/docs/package.json +++ b/docs/package.json @@ -31,8 +31,6 @@ "@mdx-js/loader": "^2.1.0", "@mdx-js/mdx": "^2.1.0", "@mdx-js/react": "^2.1.0", - "@moxy/next-compile-node-modules": "^2.1.1", - "@xstate/inspect": "^0.4.1", "aws-amplify": "latest", "classnames": "^2.3.1", "countries-list": "^2.6.1", @@ -40,13 +38,13 @@ "gray-matter": "^4.0.3", "lodash": "^4.17.21", "mdx-prism": "^0.3.3", - "next": "11.1.4", + "next": "^13.3.5", "next-plugin-preval": "^1.2.1", "prism-react-renderer": "1.2.1", "raw-loader": "^4.0.2", - "react": "17", + "react": "18.2.0", "react-copy-to-clipboard": "^5.0.4", - "react-dom": "17", + "react-dom": "18.2.0", "react-icons": "^4.3.1", "react-live": "^2.4.1", "rehype": "^11.0.0", @@ -65,24 +63,18 @@ "license": "MIT", "devDependencies": { "@supercharge/promise-pool": "^2.4.0", - "@types/jest": "^27", "@types/lodash": "^4.14.170", "@types/node": "^14.14.31", - "@types/react": "17.0.47", "autoprefixer": "^10.2.4", - "babel-jest": "^29.3.1", "canvas": "^2.9.1", "dotenv-safe": "^8.2.0", "esbuild-register": "^3.3.2", - "eslint": "7.32.0", - "eslint-config-next": "12.0.10", + "eslint-config-next": "^13.5.5", "globby": "^13.1.1", - "jest": "^27", "postcss": "^8.4.31", "puppeteer": "^19.7.2", "react-markdown": "^8.0.3", "sitemap-urls": "^3.0.0", - "ts-jest": "^27", "ts-morph": "^17.0.0", "ts-node": "^10.9.1" } diff --git a/docs/scripts/generate-sitemap-robotstxt.ts b/docs/scripts/generate-sitemap-robotstxt.ts index fe077e4b4aa..8f67f426aa4 100644 --- a/docs/scripts/generate-sitemap-robotstxt.ts +++ b/docs/scripts/generate-sitemap-robotstxt.ts @@ -77,7 +77,7 @@ async function generateSitemap() { `; - const formatted = prettier.format(sitemap, { + const formatted = await prettier.format(sitemap, { ...prettierConfig, parser: 'html', }); diff --git a/docs/scripts/util/getAllTypesData.ts b/docs/scripts/util/getAllTypesData.ts index ea23f4c1fca..85ff125ad10 100644 --- a/docs/scripts/util/getAllTypesData.ts +++ b/docs/scripts/util/getAllTypesData.ts @@ -1,6 +1,11 @@ import fs from 'fs'; import path from 'path'; -import { Project, PropertySignature, TypeAliasDeclaration } from 'ts-morph'; +import { + Project, + PropertySignature, + SyntaxKind, + TypeAliasDeclaration, +} from 'ts-morph'; import { capitalizeString } from '../../src/utils/capitalizeString'; import { AllTypeFileData, @@ -8,7 +13,6 @@ import { TypeFileName, TypeData, } from '../types/allTypesData'; -import { SyntaxKind } from 'typescript'; export const getAllTypesData = () => { const project = new Project({ diff --git a/docs/src/components/ExpoSnack.tsx b/docs/src/components/ExpoSnack.tsx index 64d568f6fe4..ed7aea88ee5 100644 --- a/docs/src/components/ExpoSnack.tsx +++ b/docs/src/components/ExpoSnack.tsx @@ -80,10 +80,14 @@ export const ExpoSnack = (options: SnackOptions) => { } setTheme(theme); - const listener = function (event) { - const [eventName, data] = event.data; + const listener = function ({ data }) { + if (!Array.isArray(data)) { + return; + } + + const [eventName, { iframeId = null } = {}] = data; - if (eventName === 'expoFrameLoaded' && data.iframeId === id.current) { + if (eventName === 'expoFrameLoaded' && iframeId === id.current) { ref.current.contentWindow.postMessage( [ 'expoDataEvent', diff --git a/docs/src/components/Layout/FrameworkChooser.tsx b/docs/src/components/Layout/FrameworkChooser.tsx index dc0ccc4117d..482d0bc53b7 100644 --- a/docs/src/components/Layout/FrameworkChooser.tsx +++ b/docs/src/components/Layout/FrameworkChooser.tsx @@ -1,5 +1,5 @@ import { Flex, Button } from '@aws-amplify/ui-react'; -import Link from 'next/link'; +import NextLink from 'next/link'; import { useRouter } from 'next/router'; import { FRAMEWORKS, FRAMEWORK_DISPLAY_NAMES } from '@/data/frameworks'; @@ -41,9 +41,9 @@ const FrameworkLink = ({ return isDisabled ? ( frameworkButton ) : ( - + {frameworkButton} - + ); }; diff --git a/docs/src/components/Layout/LogoLink.tsx b/docs/src/components/Layout/LogoLink.tsx index 1c5e87061e2..6970a600e2e 100644 --- a/docs/src/components/Layout/LogoLink.tsx +++ b/docs/src/components/Layout/LogoLink.tsx @@ -1,4 +1,4 @@ -import Link from 'next/link'; +import NextLink from 'next/link'; import { VisuallyHidden } from '@aws-amplify/ui-react'; @@ -11,11 +11,11 @@ interface LogoLinkProps { export const LogoLink = ({ platform, onClick }: LogoLinkProps) => { return ( - + Amplify UI Home - + ); }; diff --git a/docs/src/components/Layout/PageTabLayout.tsx b/docs/src/components/Layout/PageTabLayout.tsx index 3dfce936af9..08ceb755d35 100644 --- a/docs/src/components/Layout/PageTabLayout.tsx +++ b/docs/src/components/Layout/PageTabLayout.tsx @@ -6,7 +6,7 @@ import { Tabs, TabItem, View } from '@aws-amplify/ui-react'; export const PageTabLayout = ({ tabComponents, }: { - tabComponents: [{ title: string; children: React.Component }]; + tabComponents: [{ title: string; children: React.ReactNode }]; }) => { const { query: { tab = '', platform }, diff --git a/docs/src/components/Layout/Sidebar.tsx b/docs/src/components/Layout/Sidebar.tsx index a96d1454375..fc03bb2bf56 100644 --- a/docs/src/components/Layout/Sidebar.tsx +++ b/docs/src/components/Layout/Sidebar.tsx @@ -24,7 +24,7 @@ import { primitiveComponents, } from '../../data/links'; -import Link from 'next/link'; +import NextLink from 'next/link'; import { FrameworkChooser } from './FrameworkChooser'; import { LogoLink } from './LogoLink'; import { MenuButton } from './MenuButton'; @@ -66,11 +66,11 @@ const NavLink = ({ } return ( - + {children} - + ); }; diff --git a/docs/src/components/XStateInspector.tsx b/docs/src/components/XStateInspector.tsx deleted file mode 100644 index a926939aea8..00000000000 --- a/docs/src/components/XStateInspector.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import { inspect } from '@xstate/inspect'; -import * as React from 'react'; - -export function XStateInspector() { - React.useLayoutEffect(() => { - inspect(); - }, []); - - return ( -