diff --git a/review/fix-a11y-form-component-ids/404.html b/review/fix-a11y-form-component-ids/404.html
index 6676c7a9359..76b2c5ba476 100644
--- a/review/fix-a11y-form-component-ids/404.html
+++ b/review/fix-a11y-form-component-ids/404.html
@@ -1 +1 @@
-DB UI Mono
\ No newline at end of file
+DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/10769-8bb753cac2e835c9.js b/review/fix-a11y-form-component-ids/_next/static/chunks/10769-8bb753cac2e835c9.js
deleted file mode 100644
index 1f448e8aac8..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/10769-8bb753cac2e835c9.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[10769],{10769:function(e,c,i){i.r(c);var s=i(52322),n=i(2784),l=i(70741),t=i(57092),a=i(57884),h=i(57284),d=i(49953),r=i(10326);c.default=()=>{let[e,c]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>c(""),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l.Z,{className:"tab-container",children:(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)(a.Z,{children:[(0,s.jsx)(h.Z,{children:"Angular"}),(0,s.jsx)(h.Z,{children:"HTML"}),(0,s.jsx)(h.Z,{children:"React"}),(0,s.jsx)(h.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Def) Enabled"})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"(Def) Enabled"===e?"check":"copy",variant:"ghost",onClick:()=>{c("(Def) Enabled"),navigator.clipboard.writeText("(Def) Enabled")},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:''})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{c(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Def) Enabled"})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"(Def) Enabled"===e?"check":"copy",variant:"ghost",onClick:()=>{c("(Def) Enabled"),navigator.clipboard.writeText("(Def) Enabled")},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Def) Enabled"})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"(Def) Enabled"===e?"check":"copy",variant:"ghost",onClick:()=>{c("(Def) Enabled"),navigator.clipboard.writeText("(Def) Enabled")},children:"Copy code"})]})]})}),(0,s.jsx)(l.Z,{className:"tab-container",children:(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)(a.Z,{children:[(0,s.jsx)(h.Z,{children:"Angular"}),(0,s.jsx)(h.Z,{children:"HTML"}),(0,s.jsx)(h.Z,{children:"React"}),(0,s.jsx)(h.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Checked'})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Checked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:''})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{c(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Checked"})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Checked"===e?"check":"copy",variant:"ghost",onClick:()=>{c("Checked"),navigator.clipboard.writeText("Checked")},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Checked'})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Checked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]})]})}),(0,s.jsx)(l.Z,{className:"tab-container",children:(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)(a.Z,{children:[(0,s.jsx)(h.Z,{children:"Angular"}),(0,s.jsx)(h.Z,{children:"HTML"}),(0,s.jsx)(h.Z,{children:"React"}),(0,s.jsx)(h.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Disabled'===e?"check":"copy",variant:"ghost",onClick:()=>{c('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:''})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{c(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Disabled"===e?"check":"copy",variant:"ghost",onClick:()=>{c("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Disabled'===e?"check":"copy",variant:"ghost",onClick:()=>{c('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/10769-d769aa6725819f85.js b/review/fix-a11y-form-component-ids/_next/static/chunks/10769-d769aa6725819f85.js
new file mode 100644
index 00000000000..b4e1be40c75
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/10769-d769aa6725819f85.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[10769],{10769:function(e,c,i){i.r(c);var s=i(52322),n=i(2784),l=i(70741),t=i(57092),a=i(57884),h=i(57284),d=i(49953),r=i(10326);c.default=()=>{let[e,c]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>c(""),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l.Z,{className:"tab-container",children:(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)(a.Z,{children:[(0,s.jsx)(h.Z,{children:"Angular"}),(0,s.jsx)(h.Z,{children:"HTML"}),(0,s.jsx)(h.Z,{children:"React"}),(0,s.jsx)(h.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Def) Enabled"})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"(Def) Enabled"===e?"check":"copy",variant:"ghost",onClick:()=>{c("(Def) Enabled"),navigator.clipboard.writeText("(Def) Enabled")},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:''})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{c(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Def) Enabled"})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"(Def) Enabled"===e?"check":"copy",variant:"ghost",onClick:()=>{c("(Def) Enabled"),navigator.clipboard.writeText("(Def) Enabled")},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Def) Enabled"})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"(Def) Enabled"===e?"check":"copy",variant:"ghost",onClick:()=>{c("(Def) Enabled"),navigator.clipboard.writeText("(Def) Enabled")},children:"Copy code"})]})]})}),(0,s.jsx)(l.Z,{className:"tab-container",children:(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)(a.Z,{children:[(0,s.jsx)(h.Z,{children:"Angular"}),(0,s.jsx)(h.Z,{children:"HTML"}),(0,s.jsx)(h.Z,{children:"React"}),(0,s.jsx)(h.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Checked'})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Checked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:''})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{c(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Checked"})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Checked"===e?"check":"copy",variant:"ghost",onClick:()=>{c("Checked"),navigator.clipboard.writeText("Checked")},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Checked'})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Checked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]})]})}),(0,s.jsx)(l.Z,{className:"tab-container",children:(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)(a.Z,{children:[(0,s.jsx)(h.Z,{children:"Angular"}),(0,s.jsx)(h.Z,{children:"HTML"}),(0,s.jsx)(h.Z,{children:"React"}),(0,s.jsx)(h.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Disabled'===e?"check":"copy",variant:"ghost",onClick:()=>{c('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:''})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{c(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Disabled"===e?"check":"copy",variant:"ghost",onClick:()=>{c("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,s.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Disabled'===e?"check":"copy",variant:"ghost",onClick:()=>{c('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/26347-e7f3c8c55e12c9a9.js b/review/fix-a11y-form-component-ids/_next/static/chunks/26347-5e367ccef6e20395.js
similarity index 76%
rename from review/fix-a11y-form-component-ids/_next/static/chunks/26347-e7f3c8c55e12c9a9.js
rename to review/fix-a11y-form-component-ids/_next/static/chunks/26347-5e367ccef6e20395.js
index b7ab64b8915..926531845a6 100644
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/26347-e7f3c8c55e12c9a9.js
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/26347-5e367ccef6e20395.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[26347],{45016:function(e,a,i){i.d(a,{P:function(){return n}});let n=(e,a,i)=>e.map((e,n)=>{var t;return{...e,slotCode:null!==(t=null==i?void 0:i.at(n))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var i,n,t,s;return{...e,example:a({...e.props,id:null!==(t=null===(i=e.props)||void 0===i?void 0:i.id)&&void 0!==t?t:e.name,children:null!==(s=null===(n=e.props)||void 0===n?void 0:n.children)&&void 0!==s?s:e.name})}})}})},47439:function(e,a,i){var n=i(52322),t=i(5632),s=i(2784),o=i(55216),l=i(12480);let c=e=>{let{examples:a,slotCode:i}=e,[t,o]=(0,s.useState)();return(0,n.jsxs)(l.f,{className:"variants-card db-code-docs",children:[(0,n.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,n.jsxs)("details",{className:"code-details",onToggle:()=>{o(!t)},children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:t?"Hide code":"Show code"}),(0,n.jsxs)("div",{className:"db-density-functional",children:[(0,n.jsx)("div",{className:"backdrop"}),(0,n.jsx)(l.f,{className:"code",spacing:"small",children:i})]})]})]})},d=e=>{let{variants:a,componentName:i}=e,t=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let i=window.location.href.split("?")[0],n="?page=".concat(e.name.toLowerCase());return a?"".concat(i.split("components")[0],"/components/").concat(a).concat(n):"".concat(i).concat(n)};return(0,n.jsx)(n.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(l.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(l.vB,{content:"external",target:"_blank",href:t(e,i),children:e.name})}),(0,n.jsx)(c,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:i,subComponent:l,isSubComponent:r,componentName:u}=e,[m,v]=(0,s.useState)(),g=(0,t.useRouter)();return(0,s.useEffect)(()=>{if(g.query){var e;let a=null===(e=g.query.page)||void 0===e?void 0:e.toString();a&&v(i.find(e=>e.name.toLowerCase()===a))}},[g]),(0,n.jsxs)(n.Fragment,{children:[m&&(0,n.jsx)("div",{children:(0,n.jsx)(c,{...m})}),!m&&!r&&(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:a}),(0,n.jsx)(d,{variants:i,componentName:u})]}),l]}),!m&&r&&(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h2",{children:a}),(0,n.jsx)(d,{variants:i,componentName:u})]})]})}},66248:function(e,a,i){i.r(a);var n=i(52322),t=i(2784),s=i(70741),o=i(57092),l=i(57884),c=i(57284),d=i(49953),r=i(10326);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Enabled (Default)/Hover/Pressed"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Enabled (Default)/Hover/Pressed"===e?"check":"copy",variant:"ghost",onClick:()=>{a("Enabled (Default)/Hover/Pressed"),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Enabled (Default)/Hover/Pressed"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Enabled (Default)/Hover/Pressed"===e?"check":"copy",variant:"ghost",onClick:()=>{a("Enabled (Default)/Hover/Pressed"),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Enabled (Default)/Hover/Pressed"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Enabled (Default)/Hover/Pressed"===e?"check":"copy",variant:"ghost",onClick:()=>{a("Enabled (Default)/Hover/Pressed"),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy code"})]})]})}),(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Active'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Active'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Active'),navigator.clipboard.writeText('Active')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Active"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Active"===e?"check":"copy",variant:"ghost",onClick:()=>{a("Active"),navigator.clipboard.writeText("Active")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Active'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Active'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Active'),navigator.clipboard.writeText('Active')},children:"Copy code"})]})]})}),(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Disabled'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Disabled"===e?"check":"copy",variant:"ghost",onClick:()=>{a("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Disabled'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})}},43570:function(e,a,i){i.r(a);var n=i(52322),t=i(2784),s=i(70741),o=i(57092),l=i(57884),c=i(57284),d=i(49953),r=i(10326);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Auto"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===e?"check":"copy",variant:"ghost",onClick:()=>{a("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n \n (Default) Auto\n \n \n'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n (Default) Auto\n \n \n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n (Default) Auto\n \n \n'),navigator.clipboard.writeText('\n \n (Default) Auto\n \n \n')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===e?"check":"copy",variant:"ghost",onClick:()=>{a("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===e?"check":"copy",variant:"ghost",onClick:()=>{a("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]})]})}),(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Full'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Full'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n \n Full\n \n \n'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n Full\n \n \n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n Full\n \n \n'),navigator.clipboard.writeText('\n \n Full\n \n \n')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Full'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Full'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]})]})})]})}},89267:function(e){e.exports=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{}},{"name":"Active","props":{"active":true}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"areaPopup":false}},{"name":"Text - Icon (Leading)","props":{"icon":"user"}},{"name":"Text - Icons (Leading, Chevron)","props":{"icon":"user","areaPopup":true}},{"name":"Text - Icon (Chevron)","props":{"areaPopup":true}}]},{"name":"Width","examples":[{"name":"(Default) Auto","style":{"width":"400px"},"props":{}},{"name":"Full","style":{"width":"400px"},"props":{"width":"full"}}]}]')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[26347],{45016:function(e,a,i){i.d(a,{P:function(){return n}});let n=(e,a,i)=>e.map((e,n)=>{var t;return{...e,slotCode:null!==(t=null==i?void 0:i.at(n))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var i,n,t,s;return{...e,example:a({...e.props,id:null!==(t=null===(i=e.props)||void 0===i?void 0:i.id)&&void 0!==t?t:e.name,children:null!==(s=null===(n=e.props)||void 0===n?void 0:n.children)&&void 0!==s?s:e.name})}})}})},47439:function(e,a,i){var n=i(52322),t=i(5632),s=i(2784),o=i(55216),l=i(12480);let c=e=>{let{examples:a,slotCode:i}=e,[t,o]=(0,s.useState)();return(0,n.jsxs)(l.f,{className:"variants-card db-code-docs",children:[(0,n.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,n.jsxs)("details",{className:"code-details",onToggle:()=>{o(!t)},children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:t?"Hide code":"Show code"}),(0,n.jsxs)("div",{className:"db-density-functional",children:[(0,n.jsx)("div",{className:"backdrop"}),(0,n.jsx)(l.f,{className:"code",spacing:"small",children:i})]})]})]})},d=e=>{let{variants:a,componentName:i}=e,t=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let i=window.location.href.split("?")[0],n="?page=".concat(e.name.toLowerCase());return a?"".concat(i.split("components")[0],"/components/").concat(a).concat(n):"".concat(i).concat(n)};return(0,n.jsx)(n.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(l.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(l.vB,{content:"external",target:"_blank",href:t(e,i),children:e.name})}),(0,n.jsx)(c,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:i,subComponent:l,isSubComponent:r,componentName:u}=e,[m,v]=(0,s.useState)(),g=(0,t.useRouter)();return(0,s.useEffect)(()=>{if(g.query){var e;let a=null===(e=g.query.page)||void 0===e?void 0:e.toString();a&&v(i.find(e=>e.name.toLowerCase()===a))}},[g]),(0,n.jsxs)(n.Fragment,{children:[m&&(0,n.jsx)("div",{children:(0,n.jsx)(c,{...m})}),!m&&!r&&(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:a}),(0,n.jsx)(d,{variants:i,componentName:u})]}),l]}),!m&&r&&(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h2",{children:a}),(0,n.jsx)(d,{variants:i,componentName:u})]})]})}},66248:function(e,a,i){i.r(a);var n=i(52322),t=i(2784),s=i(70741),o=i(57092),l=i(57884),c=i(57284),d=i(49953),r=i(10326);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Enabled (Default)/Hover/Pressed"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Enabled (Default)/Hover/Pressed"===e?"check":"copy",variant:"ghost",onClick:()=>{a("Enabled (Default)/Hover/Pressed"),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Enabled (Default)/Hover/Pressed"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Enabled (Default)/Hover/Pressed"===e?"check":"copy",variant:"ghost",onClick:()=>{a("Enabled (Default)/Hover/Pressed"),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Enabled (Default)/Hover/Pressed"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Enabled (Default)/Hover/Pressed"===e?"check":"copy",variant:"ghost",onClick:()=>{a("Enabled (Default)/Hover/Pressed"),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy code"})]})]})}),(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Active'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Active'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Active'),navigator.clipboard.writeText('Active')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Active"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Active"===e?"check":"copy",variant:"ghost",onClick:()=>{a("Active"),navigator.clipboard.writeText("Active")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Active'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Active'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Active'),navigator.clipboard.writeText('Active')},children:"Copy code"})]})]})}),(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Disabled'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Disabled"===e?"check":"copy",variant:"ghost",onClick:()=>{a("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Disabled'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})}},43570:function(e,a,i){i.r(a);var n=i(52322),t=i(2784),s=i(70741),o=i(57092),l=i(57884),c=i(57284),d=i(49953),r=i(10326);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Auto"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===e?"check":"copy",variant:"ghost",onClick:()=>{a("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n \n (Default) Auto\n \n \n'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n (Default) Auto\n \n \n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n (Default) Auto\n \n \n'),navigator.clipboard.writeText('\n \n (Default) Auto\n \n \n')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===e?"check":"copy",variant:"ghost",onClick:()=>{a("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===e?"check":"copy",variant:"ghost",onClick:()=>{a("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]})]})}),(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Full'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Full'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n \n Full\n \n \n'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n Full\n \n \n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n Full\n \n \n'),navigator.clipboard.writeText('\n \n Full\n \n \n')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Full'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Full'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]})]})})]})}},89267:function(e){e.exports=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{}},{"name":"Active","props":{"active":true}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"areaPopup":false}},{"name":"Text - Icon (Leading)","props":{"icon":"user"}},{"name":"Text - Icons (Leading, Chevron)","props":{"icon":"user","areaPopup":true}},{"name":"Text - Icon (Chevron)","props":{"areaPopup":true}}]},{"name":"Width","examples":[{"name":"(Default) Auto","style":{"width":"400px"},"props":{}},{"name":"Full","style":{"width":"400px"},"props":{"width":"full"}}]}]')}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/34062-3f306b5697581bf1.js b/review/fix-a11y-form-component-ids/_next/static/chunks/34062-3f306b5697581bf1.js
deleted file mode 100644
index 08104c3cdab..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/34062-3f306b5697581bf1.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[34062],{34062:function(e,n,a){a.r(n);var c=a(52322),s=a(2784),i=a(70741),d=a(57092),t=a(57884),l=a(57284),o=a(49953),r=a(10326);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(""),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(d.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(l.Z,{children:"Angular"}),(0,c.jsx)(l.Z,{children:"HTML"}),(0,c.jsx)(l.Z,{children:"React"}),(0,c.jsx)(l.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Unchecked'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(d.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(l.Z,{children:"Angular"}),(0,c.jsx)(l.Z,{children:"HTML"}),(0,c.jsx)(l.Z,{children:"React"}),(0,c.jsx)(l.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Unchecked - Invalid'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Unchecked - Invalid'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Unchecked - Invalid'),navigator.clipboard.writeText('Unchecked - Invalid')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Unchecked - Invalid\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Unchecked - Invalid\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Unchecked - Invalid\n'),navigator.clipboard.writeText('\n Unchecked - Invalid\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Unchecked - Invalid'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Unchecked - Invalid'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Unchecked - Invalid'),navigator.clipboard.writeText('Unchecked - Invalid')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(d.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(l.Z,{children:"Angular"}),(0,c.jsx)(l.Z,{children:"HTML"}),(0,c.jsx)(l.Z,{children:"React"}),(0,c.jsx)(l.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Checked'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Checked'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Checked\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Checked\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Checked\n'),navigator.clipboard.writeText('\n Checked\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Checked'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Checked'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(d.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(l.Z,{children:"Angular"}),(0,c.jsx)(l.Z,{children:"HTML"}),(0,c.jsx)(l.Z,{children:"React"}),(0,c.jsx)(l.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Checked - Valid'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Checked - Valid'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Checked - Valid'),navigator.clipboard.writeText('Checked - Valid')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Checked - Valid\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Checked - Valid\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Checked - Valid\n'),navigator.clipboard.writeText('\n Checked - Valid\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Checked - Valid'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Checked - Valid'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Checked - Valid'),navigator.clipboard.writeText('Checked - Valid')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(d.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(l.Z,{children:"Angular"}),(0,c.jsx)(l.Z,{children:"HTML"}),(0,c.jsx)(l.Z,{children:"React"}),(0,c.jsx)(l.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Indeterminate'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Indeterminate'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate'),navigator.clipboard.writeText('Indeterminate')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Indeterminate\n'),navigator.clipboard.writeText('\n Indeterminate\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Indeterminate'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Indeterminate'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate'),navigator.clipboard.writeText('Indeterminate')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(d.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(l.Z,{children:"Angular"}),(0,c.jsx)(l.Z,{children:"HTML"}),(0,c.jsx)(l.Z,{children:"React"}),(0,c.jsx)(l.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Indeterminate - Invalid'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Invalid'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Invalid'),navigator.clipboard.writeText('Indeterminate - Invalid')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Invalid\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Invalid\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Indeterminate - Invalid\n'),navigator.clipboard.writeText('\n Indeterminate - Invalid\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Indeterminate - Invalid'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Invalid'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Invalid'),navigator.clipboard.writeText('Indeterminate - Invalid')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(d.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(l.Z,{children:"Angular"}),(0,c.jsx)(l.Z,{children:"HTML"}),(0,c.jsx)(l.Z,{children:"React"}),(0,c.jsx)(l.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Indeterminate - Valid'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Valid'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Valid'),navigator.clipboard.writeText('Indeterminate - Valid')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Valid\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Valid\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Indeterminate - Valid\n'),navigator.clipboard.writeText('\n Indeterminate - Valid\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Indeterminate - Valid'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Valid'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Valid'),navigator.clipboard.writeText('Indeterminate - Valid')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/34062-a27a76a830309679.js b/review/fix-a11y-form-component-ids/_next/static/chunks/34062-a27a76a830309679.js
new file mode 100644
index 00000000000..3fab77c8e13
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/34062-a27a76a830309679.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[34062],{34062:function(e,n,a){a.r(n);var c=a(52322),s=a(2784),i=a(70741),d=a(57092),t=a(57884),l=a(57284),o=a(49953),r=a(10326);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(""),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(d.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(l.Z,{children:"Angular"}),(0,c.jsx)(l.Z,{children:"HTML"}),(0,c.jsx)(l.Z,{children:"React"}),(0,c.jsx)(l.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Unchecked'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(d.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(l.Z,{children:"Angular"}),(0,c.jsx)(l.Z,{children:"HTML"}),(0,c.jsx)(l.Z,{children:"React"}),(0,c.jsx)(l.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Unchecked - Invalid'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Unchecked - Invalid'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Unchecked - Invalid'),navigator.clipboard.writeText('Unchecked - Invalid')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Unchecked - Invalid\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Unchecked - Invalid\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Unchecked - Invalid\n'),navigator.clipboard.writeText('\n Unchecked - Invalid\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Unchecked - Invalid'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Unchecked - Invalid'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Unchecked - Invalid'),navigator.clipboard.writeText('Unchecked - Invalid')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(d.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(l.Z,{children:"Angular"}),(0,c.jsx)(l.Z,{children:"HTML"}),(0,c.jsx)(l.Z,{children:"React"}),(0,c.jsx)(l.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Checked'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Checked'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Checked\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Checked\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Checked\n'),navigator.clipboard.writeText('\n Checked\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Checked'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Checked'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(d.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(l.Z,{children:"Angular"}),(0,c.jsx)(l.Z,{children:"HTML"}),(0,c.jsx)(l.Z,{children:"React"}),(0,c.jsx)(l.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Checked - Valid'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Checked - Valid'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Checked - Valid'),navigator.clipboard.writeText('Checked - Valid')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Checked - Valid\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Checked - Valid\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Checked - Valid\n'),navigator.clipboard.writeText('\n Checked - Valid\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Checked - Valid'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Checked - Valid'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Checked - Valid'),navigator.clipboard.writeText('Checked - Valid')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(d.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(l.Z,{children:"Angular"}),(0,c.jsx)(l.Z,{children:"HTML"}),(0,c.jsx)(l.Z,{children:"React"}),(0,c.jsx)(l.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Indeterminate'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Indeterminate'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate'),navigator.clipboard.writeText('Indeterminate')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Indeterminate\n'),navigator.clipboard.writeText('\n Indeterminate\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Indeterminate'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Indeterminate'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate'),navigator.clipboard.writeText('Indeterminate')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(d.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(l.Z,{children:"Angular"}),(0,c.jsx)(l.Z,{children:"HTML"}),(0,c.jsx)(l.Z,{children:"React"}),(0,c.jsx)(l.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Indeterminate - Invalid'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Invalid'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Invalid'),navigator.clipboard.writeText('Indeterminate - Invalid')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Invalid\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Invalid\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Indeterminate - Invalid\n'),navigator.clipboard.writeText('\n Indeterminate - Invalid\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Indeterminate - Invalid'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Invalid'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Invalid'),navigator.clipboard.writeText('Indeterminate - Invalid')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(d.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(l.Z,{children:"Angular"}),(0,c.jsx)(l.Z,{children:"HTML"}),(0,c.jsx)(l.Z,{children:"React"}),(0,c.jsx)(l.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Indeterminate - Valid'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Valid'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Valid'),navigator.clipboard.writeText('Indeterminate - Valid')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Valid\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Valid\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Indeterminate - Valid\n'),navigator.clipboard.writeText('\n Indeterminate - Valid\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Indeterminate - Valid'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Valid'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Valid'),navigator.clipboard.writeText('Indeterminate - Valid')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/36533-3f316bca10cb38b8.js b/review/fix-a11y-form-component-ids/_next/static/chunks/36533-3f316bca10cb38b8.js
deleted file mode 100644
index c0f568d9709..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/36533-3f316bca10cb38b8.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[36533],{36533:function(n,a,e){e.r(a);var i=e(52322),t=e(2784),o=e(70741),s=e(57092),c=e(57884),l=e(57284),r=e(49953),d=e(10326);a.default=()=>{let[n,a]=(0,t.useState)();return(0,t.useEffect)(()=>{n&&setTimeout(()=>a(""),1500)},[n]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(c.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n \n (Default) Text\n \n \n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'\n \n (Default) Text\n \n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n (Default) Text\n \n \n'),navigator.clipboard.writeText('\n \n (Default) Text\n \n \n')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===n?"check":"copy",variant:"ghost",onClick:()=>{a("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(c.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Leading)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Leading)'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Text - Icon (Leading)'),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n \n Text - Icon (Leading)\n \n \n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'\n \n Text - Icon (Leading)\n \n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n Text - Icon (Leading)\n \n \n'),navigator.clipboard.writeText('\n \n Text - Icon (Leading)\n \n \n')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Leading)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Leading)'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Text - Icon (Leading)'),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Leading)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Leading)'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Text - Icon (Leading)'),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy code"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(c.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Text - Icons (Leading, Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'Text - Icons (Leading, Chevron)'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Text - Icons (Leading, Chevron)'),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n \n Text - Icons (Leading, Chevron)\n \n \n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'\n \n Text - Icons (Leading, Chevron)\n \n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n Text - Icons (Leading, Chevron)\n \n \n'),navigator.clipboard.writeText('\n \n Text - Icons (Leading, Chevron)\n \n \n')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icons (Leading, Chevron)\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icons (Leading, Chevron)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Icons (Leading, Chevron)\n'),navigator.clipboard.writeText('\n Text - Icons (Leading, Chevron)\n')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icons (Leading, Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'Text - Icons (Leading, Chevron)'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Text - Icons (Leading, Chevron)'),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy code"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(c.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Chevron)'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Text - Icon (Chevron)'),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n \n Text - Icon (Chevron)\n \n \n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'\n \n Text - Icon (Chevron)\n \n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n Text - Icon (Chevron)\n \n \n'),navigator.clipboard.writeText('\n \n Text - Icon (Chevron)\n \n \n')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Text - Icon (Chevron)"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:"Text - Icon (Chevron)"===n?"check":"copy",variant:"ghost",onClick:()=>{a("Text - Icon (Chevron)"),navigator.clipboard.writeText("Text - Icon (Chevron)")},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Chevron)'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Text - Icon (Chevron)'),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/36533-b506e9085c1f1805.js b/review/fix-a11y-form-component-ids/_next/static/chunks/36533-b506e9085c1f1805.js
new file mode 100644
index 00000000000..494dff40fba
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/36533-b506e9085c1f1805.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[36533],{36533:function(n,a,e){e.r(a);var i=e(52322),t=e(2784),o=e(70741),s=e(57092),c=e(57884),l=e(57284),r=e(49953),d=e(10326);a.default=()=>{let[n,a]=(0,t.useState)();return(0,t.useEffect)(()=>{n&&setTimeout(()=>a(""),1500)},[n]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(c.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n \n (Default) Text\n \n \n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'\n \n (Default) Text\n \n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n (Default) Text\n \n \n'),navigator.clipboard.writeText('\n \n (Default) Text\n \n \n')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===n?"check":"copy",variant:"ghost",onClick:()=>{a("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(c.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Leading)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Leading)'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Text - Icon (Leading)'),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n \n Text - Icon (Leading)\n \n \n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'\n \n Text - Icon (Leading)\n \n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n Text - Icon (Leading)\n \n \n'),navigator.clipboard.writeText('\n \n Text - Icon (Leading)\n \n \n')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Leading)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Leading)'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Text - Icon (Leading)'),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Leading)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Leading)'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Text - Icon (Leading)'),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy code"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(c.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Text - Icons (Leading, Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'Text - Icons (Leading, Chevron)'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Text - Icons (Leading, Chevron)'),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n \n Text - Icons (Leading, Chevron)\n \n \n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'\n \n Text - Icons (Leading, Chevron)\n \n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n Text - Icons (Leading, Chevron)\n \n \n'),navigator.clipboard.writeText('\n \n Text - Icons (Leading, Chevron)\n \n \n')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icons (Leading, Chevron)\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icons (Leading, Chevron)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Icons (Leading, Chevron)\n'),navigator.clipboard.writeText('\n Text - Icons (Leading, Chevron)\n')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icons (Leading, Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'Text - Icons (Leading, Chevron)'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Text - Icons (Leading, Chevron)'),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy code"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(c.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Chevron)'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Text - Icon (Chevron)'),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n \n Text - Icon (Chevron)\n \n \n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'\n \n Text - Icon (Chevron)\n \n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n Text - Icon (Chevron)\n \n \n'),navigator.clipboard.writeText('\n \n Text - Icon (Chevron)\n \n \n')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Text - Icon (Chevron)"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:"Text - Icon (Chevron)"===n?"check":"copy",variant:"ghost",onClick:()=>{a("Text - Icon (Chevron)"),navigator.clipboard.writeText("Text - Icon (Chevron)")},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Chevron)'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Text - Icon (Chevron)'),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/44993-b64c9cd87224a77e.js b/review/fix-a11y-form-component-ids/_next/static/chunks/44993-b64c9cd87224a77e.js
deleted file mode 100644
index 94a454ed24b..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/44993-b64c9cd87224a77e.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[44993],{44993:function(n,e,a){a.r(e);var s=a(52322),c=a(2784),i=a(70741),l=a(57092),d=a(57884),t=a(57284),o=a(49953),x=a(10326);e.default=()=>{let[n,e]=(0,c.useState)();return(0,c.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.Z,{className:"tab-container",children:(0,s.jsxs)(l.Z,{children:[(0,s.jsxs)(d.Z,{children:[(0,s.jsx)(t.Z,{children:"Angular"}),(0,s.jsx)(t.Z,{children:"HTML"}),(0,s.jsx)(t.Z,{children:"React"}),(0,s.jsx)(t.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,s.jsx)(i.Z,{className:"tab-container",children:(0,s.jsxs)(l.Z,{children:[(0,s.jsxs)(d.Z,{children:[(0,s.jsx)(t.Z,{children:"Angular"}),(0,s.jsx)(t.Z,{children:"HTML"}),(0,s.jsx)(t.Z,{children:"React"}),(0,s.jsx)(t.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,s.jsx)(i.Z,{className:"tab-container",children:(0,s.jsxs)(l.Z,{children:[(0,s.jsxs)(d.Z,{children:[(0,s.jsx)(t.Z,{children:"Angular"}),(0,s.jsx)(t.Z,{children:"HTML"}),(0,s.jsx)(t.Z,{children:"React"}),(0,s.jsx)(t.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/44993-cda0d0cb8a977564.js b/review/fix-a11y-form-component-ids/_next/static/chunks/44993-cda0d0cb8a977564.js
new file mode 100644
index 00000000000..e50ca0da98b
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/44993-cda0d0cb8a977564.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[44993],{44993:function(n,e,a){a.r(e);var s=a(52322),c=a(2784),i=a(70741),l=a(57092),d=a(57884),t=a(57284),o=a(49953),x=a(10326);e.default=()=>{let[n,e]=(0,c.useState)();return(0,c.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.Z,{className:"tab-container",children:(0,s.jsxs)(l.Z,{children:[(0,s.jsxs)(d.Z,{children:[(0,s.jsx)(t.Z,{children:"Angular"}),(0,s.jsx)(t.Z,{children:"HTML"}),(0,s.jsx)(t.Z,{children:"React"}),(0,s.jsx)(t.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,s.jsx)(i.Z,{className:"tab-container",children:(0,s.jsxs)(l.Z,{children:[(0,s.jsxs)(d.Z,{children:[(0,s.jsx)(t.Z,{children:"Angular"}),(0,s.jsx)(t.Z,{children:"HTML"}),(0,s.jsx)(t.Z,{children:"React"}),(0,s.jsx)(t.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,s.jsx)(i.Z,{className:"tab-container",children:(0,s.jsxs)(l.Z,{children:[(0,s.jsxs)(d.Z,{children:[(0,s.jsx)(t.Z,{children:"Angular"}),(0,s.jsx)(t.Z,{children:"HTML"}),(0,s.jsx)(t.Z,{children:"React"}),(0,s.jsx)(t.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,s.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/48452-a3ba4d00b13b02d0.js b/review/fix-a11y-form-component-ids/_next/static/chunks/48452-a3ba4d00b13b02d0.js
new file mode 100644
index 00000000000..458a5f4ff79
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/48452-a3ba4d00b13b02d0.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[48452],{48452:function(a,n,i){i.r(n);var e=i(52322),t=i(2784),s=i(70741),o=i(57092),l=i(57884),c=i(57284),d=i(49953),r=i(10326);n.default=()=>{let[a,n]=(0,t.useState)();return(0,t.useEffect)(()=>{a&&setTimeout(()=>n(""),1500)},[a]),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(s.Z,{className:"tab-container",children:(0,e.jsxs)(o.Z,{children:[(0,e.jsxs)(l.Z,{children:[(0,e.jsx)(c.Z,{children:"Angular"}),(0,e.jsx)(c.Z,{children:"HTML"}),(0,e.jsx)(c.Z,{children:"React"}),(0,e.jsx)(c.Z,{children:"Vue"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Functional"===a?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-html",children:'\n \n Functional\n \n \n'})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n Functional\n \n \n'===a?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Functional\n \n \n'),navigator.clipboard.writeText('\n \n Functional\n \n \n')},children:"Copy code"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Functional"===a?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Functional"===a?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,e.jsx)(s.Z,{className:"tab-container",children:(0,e.jsxs)(o.Z,{children:[(0,e.jsxs)(l.Z,{children:[(0,e.jsx)(c.Z,{children:"Angular"}),(0,e.jsx)(c.Z,{children:"HTML"}),(0,e.jsx)(c.Z,{children:"React"}),(0,e.jsx)(c.Z,{children:"Vue"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===a?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-html",children:'\n \n (Default) Regular\n \n \n'})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n (Default) Regular\n \n \n'===a?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n (Default) Regular\n \n \n'),navigator.clipboard.writeText('\n \n (Default) Regular\n \n \n')},children:"Copy code"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===a?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===a?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,e.jsx)(s.Z,{className:"tab-container",children:(0,e.jsxs)(o.Z,{children:[(0,e.jsxs)(l.Z,{children:[(0,e.jsx)(c.Z,{children:"Angular"}),(0,e.jsx)(c.Z,{children:"HTML"}),(0,e.jsx)(c.Z,{children:"React"}),(0,e.jsx)(c.Z,{children:"Vue"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Expressive"===a?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-html",children:'\n \n Expressive\n \n \n'})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n Expressive\n \n \n'===a?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Expressive\n \n \n'),navigator.clipboard.writeText('\n \n Expressive\n \n \n')},children:"Copy code"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Expressive"===a?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Expressive"===a?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/48452-bfca046b796b87d8.js b/review/fix-a11y-form-component-ids/_next/static/chunks/48452-bfca046b796b87d8.js
deleted file mode 100644
index 52ead20f783..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/48452-bfca046b796b87d8.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[48452],{48452:function(a,n,i){i.r(n);var e=i(52322),t=i(2784),s=i(70741),o=i(57092),l=i(57884),c=i(57284),d=i(49953),r=i(10326);n.default=()=>{let[a,n]=(0,t.useState)();return(0,t.useEffect)(()=>{a&&setTimeout(()=>n(""),1500)},[a]),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(s.Z,{className:"tab-container",children:(0,e.jsxs)(o.Z,{children:[(0,e.jsxs)(l.Z,{children:[(0,e.jsx)(c.Z,{children:"Angular"}),(0,e.jsx)(c.Z,{children:"HTML"}),(0,e.jsx)(c.Z,{children:"React"}),(0,e.jsx)(c.Z,{children:"Vue"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Functional"===a?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-html",children:'\n \n Functional\n \n \n'})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n Functional\n \n \n'===a?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Functional\n \n \n'),navigator.clipboard.writeText('\n \n Functional\n \n \n')},children:"Copy code"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Functional"===a?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Functional"===a?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,e.jsx)(s.Z,{className:"tab-container",children:(0,e.jsxs)(o.Z,{children:[(0,e.jsxs)(l.Z,{children:[(0,e.jsx)(c.Z,{children:"Angular"}),(0,e.jsx)(c.Z,{children:"HTML"}),(0,e.jsx)(c.Z,{children:"React"}),(0,e.jsx)(c.Z,{children:"Vue"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===a?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-html",children:'\n \n (Default) Regular\n \n \n'})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n (Default) Regular\n \n \n'===a?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n (Default) Regular\n \n \n'),navigator.clipboard.writeText('\n \n (Default) Regular\n \n \n')},children:"Copy code"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===a?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===a?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,e.jsx)(s.Z,{className:"tab-container",children:(0,e.jsxs)(o.Z,{children:[(0,e.jsxs)(l.Z,{children:[(0,e.jsx)(c.Z,{children:"Angular"}),(0,e.jsx)(c.Z,{children:"HTML"}),(0,e.jsx)(c.Z,{children:"React"}),(0,e.jsx)(c.Z,{children:"Vue"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Expressive"===a?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-html",children:'\n \n Expressive\n \n \n'})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n Expressive\n \n \n'===a?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Expressive\n \n \n'),navigator.clipboard.writeText('\n \n Expressive\n \n \n')},children:"Copy code"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Expressive"===a?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)("pre",{children:(0,e.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,e.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"Expressive"===a?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/5430-cf90b628cf51e35e.js b/review/fix-a11y-form-component-ids/_next/static/chunks/5430-cf90b628cf51e35e.js
deleted file mode 100644
index 5585825380d..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/5430-cf90b628cf51e35e.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5430],{5430:function(e,n,a){a.r(n);var i=a(52322),c=a(2784),s=a(70741),d=a(57092),t=a(57884),l=a(57284),r=a(49953),o=a(10326);n.default=()=>{let[e,n]=(0,c.useState)();return(0,c.useEffect)(()=>{e&&setTimeout(()=>n(""),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Z,{className:"tab-container",children:(0,i.jsxs)(d.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,i.jsx)(s.Z,{className:"tab-container",children:(0,i.jsxs)(d.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})}),(0,i.jsx)(s.Z,{className:"tab-container",children:(0,i.jsxs)(d.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Required - Indeterminate'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Required - Indeterminate'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Required - Indeterminate'),navigator.clipboard.writeText('Required - Indeterminate')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Indeterminate\n'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Required - Indeterminate\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required - Indeterminate\n'),navigator.clipboard.writeText('\n Required - Indeterminate\n')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Required - Indeterminate'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Required - Indeterminate'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Required - Indeterminate'),navigator.clipboard.writeText('Required - Indeterminate')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/5430-de1a653232c9fdc7.js b/review/fix-a11y-form-component-ids/_next/static/chunks/5430-de1a653232c9fdc7.js
new file mode 100644
index 00000000000..54d572c40e8
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/5430-de1a653232c9fdc7.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5430],{5430:function(e,n,a){a.r(n);var i=a(52322),c=a(2784),s=a(70741),d=a(57092),t=a(57884),l=a(57284),r=a(49953),o=a(10326);n.default=()=>{let[e,n]=(0,c.useState)();return(0,c.useEffect)(()=>{e&&setTimeout(()=>n(""),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Z,{className:"tab-container",children:(0,i.jsxs)(d.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,i.jsx)(s.Z,{className:"tab-container",children:(0,i.jsxs)(d.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})}),(0,i.jsx)(s.Z,{className:"tab-container",children:(0,i.jsxs)(d.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Required - Indeterminate'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Required - Indeterminate'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Required - Indeterminate'),navigator.clipboard.writeText('Required - Indeterminate')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Indeterminate\n'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Required - Indeterminate\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required - Indeterminate\n'),navigator.clipboard.writeText('\n Required - Indeterminate\n')},children:"Copy code"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Required - Indeterminate'})}),(0,i.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Required - Indeterminate'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Required - Indeterminate'),navigator.clipboard.writeText('Required - Indeterminate')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/566-01162f849e196b84.js b/review/fix-a11y-form-component-ids/_next/static/chunks/566-01162f849e196b84.js
deleted file mode 100644
index 9c37c37d34d..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/566-01162f849e196b84.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[566],{566:function(a,e,n){n.r(e);var l=n(52322),s=n(2784),t=n(70741),i=n(57092),d=n(57884),r=n(57284),c=n(49953),x=n(10326);e.default=()=>{let[a,e]=(0,s.useState)();return(0,s.useEffect)(()=>{a&&setTimeout(()=>e(""),1500)},[a]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(i.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(r.Z,{children:"Angular"}),(0,l.jsx)(r.Z,{children:"HTML"}),(0,l.jsx)(r.Z,{children:"React"}),(0,l.jsx)(r.Z,{children:"Vue"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Functional'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Functional'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Functional'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(i.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(r.Z,{children:"Angular"}),(0,l.jsx)(r.Z,{children:"HTML"}),(0,l.jsx)(r.Z,{children:"React"}),(0,l.jsx)(r.Z,{children:"Vue"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===a?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===a?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===a?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(i.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(r.Z,{children:"Angular"}),(0,l.jsx)(r.Z,{children:"HTML"}),(0,l.jsx)(r.Z,{children:"React"}),(0,l.jsx)(r.Z,{children:"Vue"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Expressive'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Expressive'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Expressive'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/566-8af6420dd0a7b7f7.js b/review/fix-a11y-form-component-ids/_next/static/chunks/566-8af6420dd0a7b7f7.js
new file mode 100644
index 00000000000..55ba8be46b7
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/566-8af6420dd0a7b7f7.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[566],{566:function(a,e,n){n.r(e);var l=n(52322),s=n(2784),t=n(70741),i=n(57092),d=n(57884),r=n(57284),c=n(49953),x=n(10326);e.default=()=>{let[a,e]=(0,s.useState)();return(0,s.useEffect)(()=>{a&&setTimeout(()=>e(""),1500)},[a]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(i.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(r.Z,{children:"Angular"}),(0,l.jsx)(r.Z,{children:"HTML"}),(0,l.jsx)(r.Z,{children:"React"}),(0,l.jsx)(r.Z,{children:"Vue"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Functional'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Functional'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Functional'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(i.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(r.Z,{children:"Angular"}),(0,l.jsx)(r.Z,{children:"HTML"}),(0,l.jsx)(r.Z,{children:"React"}),(0,l.jsx)(r.Z,{children:"Vue"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===a?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===a?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===a?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(i.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(r.Z,{children:"Angular"}),(0,l.jsx)(r.Z,{children:"HTML"}),(0,l.jsx)(r.Z,{children:"React"}),(0,l.jsx)(r.Z,{children:"Vue"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Expressive'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Expressive'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,l.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Expressive'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/63818-020f490bf59653c5.js b/review/fix-a11y-form-component-ids/_next/static/chunks/63818-020f490bf59653c5.js
new file mode 100644
index 00000000000..b0b57b5661f
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/63818-020f490bf59653c5.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[63818],{63818:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),s=n(70741),r=n(57092),o=n(57884),d=n(57284),c=n(49953),t=n(10326);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(d.Z,{children:"Angular"}),(0,i.jsx)(d.Z,{children:"HTML"}),(0,i.jsx)(d.Z,{children:"React"}),(0,i.jsx)(d.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]})]})}),(0,i.jsx)(s.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(d.Z,{children:"Angular"}),(0,i.jsx)(d.Z,{children:"HTML"}),(0,i.jsx)(d.Z,{children:"React"}),(0,i.jsx)(d.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]})]})}),(0,i.jsx)(s.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(d.Z,{children:"Angular"}),(0,i.jsx)(d.Z,{children:"HTML"}),(0,i.jsx)(d.Z,{children:"React"}),(0,i.jsx)(d.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/63818-0689d86c7d8447f5.js b/review/fix-a11y-form-component-ids/_next/static/chunks/63818-0689d86c7d8447f5.js
deleted file mode 100644
index 6583eebe621..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/63818-0689d86c7d8447f5.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[63818],{63818:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),s=n(70741),r=n(57092),o=n(57884),d=n(57284),c=n(49953),t=n(10326);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(d.Z,{children:"Angular"}),(0,i.jsx)(d.Z,{children:"HTML"}),(0,i.jsx)(d.Z,{children:"React"}),(0,i.jsx)(d.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]})]})}),(0,i.jsx)(s.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(d.Z,{children:"Angular"}),(0,i.jsx)(d.Z,{children:"HTML"}),(0,i.jsx)(d.Z,{children:"React"}),(0,i.jsx)(d.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]})]})}),(0,i.jsx)(s.Z,{className:"tab-container",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(d.Z,{children:"Angular"}),(0,i.jsx)(d.Z,{children:"HTML"}),(0,i.jsx)(d.Z,{children:"React"}),(0,i.jsx)(d.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/69471-2db3c0c750f19895.js b/review/fix-a11y-form-component-ids/_next/static/chunks/69471-8ea2ab30078556d8.js
similarity index 59%
rename from review/fix-a11y-form-component-ids/_next/static/chunks/69471-2db3c0c750f19895.js
rename to review/fix-a11y-form-component-ids/_next/static/chunks/69471-8ea2ab30078556d8.js
index 6972c2a66d5..f67e78480cc 100644
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/69471-2db3c0c750f19895.js
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/69471-8ea2ab30078556d8.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[69471],{45016:function(e,a,n){n.d(a,{P:function(){return i}});let i=(e,a,n)=>e.map((e,i)=>{var d;return{...e,slotCode:null!==(d=null==n?void 0:n.at(i))&&void 0!==d?d:"No code available",examples:e.examples.map(e=>{var n,i,d,l;return{...e,example:a({...e.props,id:null!==(d=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==d?d:e.name,children:null!==(l=null===(i=e.props)||void 0===i?void 0:i.children)&&void 0!==l?l:e.name})}})}})},47439:function(e,a,n){var i=n(52322),d=n(5632),l=n(2784),o=n(55216),t=n(12480);let r=e=>{let{examples:a,slotCode:n}=e,[d,o]=(0,l.useState)();return(0,i.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,i.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,i.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,i.jsxs)("details",{className:"code-details",onToggle:()=>{o(!d)},children:[(0,i.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:d?"Hide code":"Show code"}),(0,i.jsxs)("div",{className:"db-density-functional",children:[(0,i.jsx)("div",{className:"backdrop"}),(0,i.jsx)(t.f,{className:"code",spacing:"small",children:n})]})]})]})},s=e=>{let{variants:a,componentName:n}=e,d=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],i="?page=".concat(e.name.toLowerCase());return a?"".concat(n.split("components")[0],"/components/").concat(a).concat(i):"".concat(n).concat(i)};return(0,i.jsx)(i.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(t.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(t.vB,{content:"external",target:"_blank",href:d(e,n),children:e.name})}),(0,i.jsx)(r,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:n,subComponent:t,isSubComponent:c,componentName:m}=e,[u,h]=(0,l.useState)(),x=(0,d.useRouter)();return(0,l.useEffect)(()=>{if(x.query){var e;let a=null===(e=x.query.page)||void 0===e?void 0:e.toString();a&&h(n.find(e=>e.name.toLowerCase()===a))}},[x]),(0,i.jsxs)(i.Fragment,{children:[u&&(0,i.jsx)("div",{children:(0,i.jsx)(r,{...u})}),!u&&!c&&(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:a}),(0,i.jsx)(s,{variants:n,componentName:m})]}),t]}),!u&&c&&(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h2",{children:a}),(0,i.jsx)(s,{variants:n,componentName:m})]})]})}},72295:function(e,a,n){n.r(a);var i=n(52322),d=n(2784),l=n(70741),o=n(57092),t=n(57884),r=n(57284),s=n(49953),c=n(10326);a.default=()=>{let[e,a]=(0,d.useState)();return(0,d.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})}},56320:function(e,a,n){n.r(a);var i=n(52322),d=n(2784),l=n(70741),o=n(57092),t=n(57884),r=n(57284),s=n(49953),c=n(10326);a.default=()=>{let[e,a]=(0,d.useState)();return(0,d.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'Disabled'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'Disabled'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})}},89758:function(e,a,n){n.r(a);var i=n(52322),d=n(2784),l=n(70741),o=n(57092),t=n(57884),r=n(57284),s=n(49953),c=n(10326);a.default=()=>{let[e,a]=(0,d.useState)();return(0,d.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})}},66187:function(e,a,n){n.r(a);var i=n(52322),d=n(2784),l=n(70741),o=n(57092),t=n(57884),r=n(57284),s=n(49953),c=n(10326);a.default=()=>{let[e,a]=(0,d.useState)();return(0,d.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})}},81566:function(e){e.exports=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"name":"Density","value":"functional"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"name":"Density","value":"regular"}},{"name":"Expressive","className":"db-density-expressive","props":{"name":"Density","value":"expressive"}}]},{"name":"Interaction States","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","examples":[{"name":"(Default) Unselected","props":{"name":"States"}},{"name":"Unselected - Invalid","props":{"name":"States Required","required":true}},{"name":"Selected","props":{"name":"States","checked":true}},{"name":"Selected - Valid","props":{"name":"States Required","required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}}]},{"name":"Content","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","variant":"hidden"}}]}]')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[69471],{45016:function(e,a,n){n.d(a,{P:function(){return i}});let i=(e,a,n)=>e.map((e,i)=>{var d;return{...e,slotCode:null!==(d=null==n?void 0:n.at(i))&&void 0!==d?d:"No code available",examples:e.examples.map(e=>{var n,i,d,l;return{...e,example:a({...e.props,id:null!==(d=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==d?d:e.name,children:null!==(l=null===(i=e.props)||void 0===i?void 0:i.children)&&void 0!==l?l:e.name})}})}})},47439:function(e,a,n){var i=n(52322),d=n(5632),l=n(2784),o=n(55216),t=n(12480);let r=e=>{let{examples:a,slotCode:n}=e,[d,o]=(0,l.useState)();return(0,i.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,i.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,i.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,i.jsxs)("details",{className:"code-details",onToggle:()=>{o(!d)},children:[(0,i.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:d?"Hide code":"Show code"}),(0,i.jsxs)("div",{className:"db-density-functional",children:[(0,i.jsx)("div",{className:"backdrop"}),(0,i.jsx)(t.f,{className:"code",spacing:"small",children:n})]})]})]})},s=e=>{let{variants:a,componentName:n}=e,d=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],i="?page=".concat(e.name.toLowerCase());return a?"".concat(n.split("components")[0],"/components/").concat(a).concat(i):"".concat(n).concat(i)};return(0,i.jsx)(i.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(t.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(t.vB,{content:"external",target:"_blank",href:d(e,n),children:e.name})}),(0,i.jsx)(r,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:n,subComponent:t,isSubComponent:c,componentName:m}=e,[u,h]=(0,l.useState)(),x=(0,d.useRouter)();return(0,l.useEffect)(()=>{if(x.query){var e;let a=null===(e=x.query.page)||void 0===e?void 0:e.toString();a&&h(n.find(e=>e.name.toLowerCase()===a))}},[x]),(0,i.jsxs)(i.Fragment,{children:[u&&(0,i.jsx)("div",{children:(0,i.jsx)(r,{...u})}),!u&&!c&&(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:a}),(0,i.jsx)(s,{variants:n,componentName:m})]}),t]}),!u&&c&&(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h2",{children:a}),(0,i.jsx)(s,{variants:n,componentName:m})]})]})}},72295:function(e,a,n){n.r(a);var i=n(52322),d=n(2784),l=n(70741),o=n(57092),t=n(57884),r=n(57284),s=n(49953),c=n(10326);a.default=()=>{let[e,a]=(0,d.useState)();return(0,d.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})}},56320:function(e,a,n){n.r(a);var i=n(52322),d=n(2784),l=n(70741),o=n(57092),t=n(57884),r=n(57284),s=n(49953),c=n(10326);a.default=()=>{let[e,a]=(0,d.useState)();return(0,d.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'Disabled'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'Disabled'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})}},89758:function(e,a,n){n.r(a);var i=n(52322),d=n(2784),l=n(70741),o=n(57092),t=n(57884),r=n(57284),s=n(49953),c=n(10326);a.default=()=>{let[e,a]=(0,d.useState)();return(0,d.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})}},66187:function(e,a,n){n.r(a);var i=n(52322),d=n(2784),l=n(70741),o=n(57092),t=n(57884),r=n(57284),s=n(49953),c=n(10326);a.default=()=>{let[e,a]=(0,d.useState)();return(0,d.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(t.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,i.jsxs)(s.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})}},81566:function(e){e.exports=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"name":"Density","value":"functional"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"name":"Density","value":"regular"}},{"name":"Expressive","className":"db-density-expressive","props":{"name":"Density","value":"expressive"}}]},{"name":"Interaction States","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","examples":[{"name":"(Default) Unselected","props":{"name":"States"}},{"name":"Unselected - Invalid","props":{"name":"States Required","required":true}},{"name":"Selected","props":{"name":"States","checked":true}},{"name":"Selected - Valid","props":{"name":"States Required","required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}}]},{"name":"Content","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","variant":"hidden"}}]}]')}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/73208-072b0cbe55592c4f.js b/review/fix-a11y-form-component-ids/_next/static/chunks/73208-072b0cbe55592c4f.js
new file mode 100644
index 00000000000..90294a93169
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/73208-072b0cbe55592c4f.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[73208],{93949:function(n,a,e){e.r(a);var l=e(52322),i=e(2784),s=e(70741),t=e(57092),d=e(57884),c=e(57284),p=e(49953),u=e(10326);a.default=()=>{let[n,a]=(0,i.useState)();return(0,i.useEffect)(()=>{n&&setTimeout(()=>a(""),1500)},[n]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(t.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(t.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'\n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(t.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/73208-95e3c0586fc77cf6.js b/review/fix-a11y-form-component-ids/_next/static/chunks/73208-95e3c0586fc77cf6.js
deleted file mode 100644
index 290c62b8227..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/73208-95e3c0586fc77cf6.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[73208],{93949:function(n,a,e){e.r(a);var l=e(52322),i=e(2784),s=e(70741),t=e(57092),d=e(57884),c=e(57284),p=e(49953),u=e(10326);a.default=()=>{let[n,a]=(0,i.useState)();return(0,i.useEffect)(()=>{n&&setTimeout(()=>a(""),1500)},[n]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(t.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(t.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'\n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,l.jsx)(s.Z,{className:"tab-container",children:(0,l.jsxs)(t.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,l.jsxs)(p.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,l.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/74101-4f45a95c338b250b.js b/review/fix-a11y-form-component-ids/_next/static/chunks/74101-4f45a95c338b250b.js
deleted file mode 100644
index fdae54e73d0..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/74101-4f45a95c338b250b.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[74101],{74101:function(e,n,a){a.r(n);var l=a(52322),s=a(2784),i=a(70741),t=a(57092),o=a(57884),c=a(57284),d=a(49953),p=a(10326);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(""),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.Z,{className:"tab-container",children:(0,l.jsxs)(t.Z,{children:[(0,l.jsxs)(o.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"Functional"===e?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"Functional"===e?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,l.jsx)(i.Z,{className:"tab-container",children:(0,l.jsxs)(t.Z,{children:[(0,l.jsxs)(o.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===e?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===e?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,l.jsx)(i.Z,{className:"tab-container",children:(0,l.jsxs)(t.Z,{children:[(0,l.jsxs)(o.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"Expressive"===e?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"Expressive"===e?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/74101-55d222d6f58fdca3.js b/review/fix-a11y-form-component-ids/_next/static/chunks/74101-55d222d6f58fdca3.js
new file mode 100644
index 00000000000..6f1c5d6a03a
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/74101-55d222d6f58fdca3.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[74101],{74101:function(e,n,a){a.r(n);var l=a(52322),s=a(2784),i=a(70741),t=a(57092),o=a(57884),c=a(57284),d=a(49953),p=a(10326);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(""),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.Z,{className:"tab-container",children:(0,l.jsxs)(t.Z,{children:[(0,l.jsxs)(o.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"Functional"===e?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"Functional"===e?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,l.jsx)(i.Z,{className:"tab-container",children:(0,l.jsxs)(t.Z,{children:[(0,l.jsxs)(o.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===e?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===e?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,l.jsx)(i.Z,{className:"tab-container",children:(0,l.jsxs)(t.Z,{children:[(0,l.jsxs)(o.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"Expressive"===e?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"Expressive"===e?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/83414-2f3b513f7ce44769.js b/review/fix-a11y-form-component-ids/_next/static/chunks/83414-2f3b513f7ce44769.js
new file mode 100644
index 00000000000..b5143e6c2aa
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/83414-2f3b513f7ce44769.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[83414],{83414:function(a,e,n){n.r(e);var t=n(52322),s=n(2784),i=n(70741),o=n(57092),l=n(57884),d=n(57284),r=n(49953),m=n(10326);e.default=()=>{let[a,e]=(0,s.useState)();return(0,s.useEffect)(()=>{a&&setTimeout(()=>e(""),1500)},[a]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(o.Z,{children:[(0,t.jsxs)(l.Z,{children:[(0,t.jsx)(d.Z,{children:"Angular"}),(0,t.jsx)(d.Z,{children:"HTML"}),(0,t.jsx)(d.Z,{children:"React"}),(0,t.jsx)(d.Z,{children:"Vue"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n (Default) 4 Rows\n'})}),(0,t.jsx)(m.Z,{className:"copy-button",noText:!0,icon:'\n (Default) 4 Rows\n'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) 4 Rows\n'),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy code"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,t.jsx)(m.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,t.jsx)(m.Z,{className:"copy-button",noText:!0,icon:'\n (Default) 4 Rows\n'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) 4 Rows\n'),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy code"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,t.jsx)(m.Z,{className:"copy-button",noText:!0,icon:'\n (Default) 4 Rows\n'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) 4 Rows\n'),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy code"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(o.Z,{children:[(0,t.jsxs)(l.Z,{children:[(0,t.jsx)(d.Z,{children:"Angular"}),(0,t.jsx)(d.Z,{children:"HTML"}),(0,t.jsx)(d.Z,{children:"React"}),(0,t.jsx)(d.Z,{children:"Vue"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Custom'})}),(0,t.jsx)(m.Z,{className:"copy-button",noText:!0,icon:'Custom'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Custom'),navigator.clipboard.writeText('Custom')},children:"Copy code"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,t.jsx)(m.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Custom\n'})}),(0,t.jsx)(m.Z,{className:"copy-button",noText:!0,icon:'\n Custom\n'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n Custom\n'),navigator.clipboard.writeText('\n Custom\n')},children:"Copy code"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Custom'})}),(0,t.jsx)(m.Z,{className:"copy-button",noText:!0,icon:'Custom'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Custom'),navigator.clipboard.writeText('Custom')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/83414-dc003b034310a6ca.js b/review/fix-a11y-form-component-ids/_next/static/chunks/83414-dc003b034310a6ca.js
deleted file mode 100644
index 0ec8db6a219..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/83414-dc003b034310a6ca.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[83414],{83414:function(a,e,n){n.r(e);var t=n(52322),s=n(2784),i=n(70741),o=n(57092),l=n(57884),d=n(57284),r=n(49953),m=n(10326);e.default=()=>{let[a,e]=(0,s.useState)();return(0,s.useEffect)(()=>{a&&setTimeout(()=>e(""),1500)},[a]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(o.Z,{children:[(0,t.jsxs)(l.Z,{children:[(0,t.jsx)(d.Z,{children:"Angular"}),(0,t.jsx)(d.Z,{children:"HTML"}),(0,t.jsx)(d.Z,{children:"React"}),(0,t.jsx)(d.Z,{children:"Vue"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n (Default) 4 Rows\n'})}),(0,t.jsx)(m.Z,{className:"copy-button",noText:!0,icon:'\n (Default) 4 Rows\n'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) 4 Rows\n'),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy code"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,t.jsx)(m.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,t.jsx)(m.Z,{className:"copy-button",noText:!0,icon:'\n (Default) 4 Rows\n'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) 4 Rows\n'),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy code"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,t.jsx)(m.Z,{className:"copy-button",noText:!0,icon:'\n (Default) 4 Rows\n'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) 4 Rows\n'),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy code"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(o.Z,{children:[(0,t.jsxs)(l.Z,{children:[(0,t.jsx)(d.Z,{children:"Angular"}),(0,t.jsx)(d.Z,{children:"HTML"}),(0,t.jsx)(d.Z,{children:"React"}),(0,t.jsx)(d.Z,{children:"Vue"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Custom'})}),(0,t.jsx)(m.Z,{className:"copy-button",noText:!0,icon:'Custom'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Custom'),navigator.clipboard.writeText('Custom')},children:"Copy code"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,t.jsx)(m.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Custom\n'})}),(0,t.jsx)(m.Z,{className:"copy-button",noText:!0,icon:'\n Custom\n'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n Custom\n'),navigator.clipboard.writeText('\n Custom\n')},children:"Copy code"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Custom'})}),(0,t.jsx)(m.Z,{className:"copy-button",noText:!0,icon:'Custom'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Custom'),navigator.clipboard.writeText('Custom')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/8527-09189272dd13768e.js b/review/fix-a11y-form-component-ids/_next/static/chunks/8527-09189272dd13768e.js
new file mode 100644
index 00000000000..98695975ccf
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/8527-09189272dd13768e.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8527],{8527:function(e,c,s){s.r(c);var n=s(52322),i=s(2784),h=s(70741),a=s(57092),t=s(57884),l=s(57284),d=s(49953),r=s(10326);c.default=()=>{let[e,c]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>c(""),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(h.Z,{className:"tab-container",children:(0,n.jsxs)(a.Z,{children:[(0,n.jsxs)(t.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Def) Weak + unchecked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + unchecked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('(Def) Weak + unchecked'),navigator.clipboard.writeText('(Def) Weak + unchecked')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{c(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Def) Weak + unchecked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + unchecked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('(Def) Weak + unchecked'),navigator.clipboard.writeText('(Def) Weak + unchecked')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Def) Weak + unchecked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + unchecked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('(Def) Weak + unchecked'),navigator.clipboard.writeText('(Def) Weak + unchecked')},children:"Copy code"})]})]})}),(0,n.jsx)(h.Z,{className:"tab-container",children:(0,n.jsxs)(a.Z,{children:[(0,n.jsxs)(t.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Strong + unchecked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Strong + unchecked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('Strong + unchecked'),navigator.clipboard.writeText('Strong + unchecked')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{c(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong + unchecked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Strong + unchecked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('Strong + unchecked'),navigator.clipboard.writeText('Strong + unchecked')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong + unchecked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Strong + unchecked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('Strong + unchecked'),navigator.clipboard.writeText('Strong + unchecked')},children:"Copy code"})]})]})}),(0,n.jsx)(h.Z,{className:"tab-container",children:(0,n.jsxs)(a.Z,{children:[(0,n.jsxs)(t.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Def) Weak + checked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + checked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('(Def) Weak + checked'),navigator.clipboard.writeText('(Def) Weak + checked')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{c(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n (Def) Weak + checked\n'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n (Def) Weak + checked\n'===e?"check":"copy",variant:"ghost",onClick:()=>{c('\n (Def) Weak + checked\n'),navigator.clipboard.writeText('\n (Def) Weak + checked\n')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Def) Weak + checked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + checked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('(Def) Weak + checked'),navigator.clipboard.writeText('(Def) Weak + checked')},children:"Copy code"})]})]})}),(0,n.jsx)(h.Z,{className:"tab-container",children:(0,n.jsxs)(a.Z,{children:[(0,n.jsxs)(t.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Strong + checked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Strong + checked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('Strong + checked'),navigator.clipboard.writeText('Strong + checked')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{c(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Strong + checked\n'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Strong + checked\n'===e?"check":"copy",variant:"ghost",onClick:()=>{c('\n Strong + checked\n'),navigator.clipboard.writeText('\n Strong + checked\n')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong + checked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Strong + checked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('Strong + checked'),navigator.clipboard.writeText('Strong + checked')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/8527-eea42bab34a8877e.js b/review/fix-a11y-form-component-ids/_next/static/chunks/8527-eea42bab34a8877e.js
deleted file mode 100644
index 7ffdbc4b8bc..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/8527-eea42bab34a8877e.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8527],{8527:function(e,c,s){s.r(c);var n=s(52322),i=s(2784),h=s(70741),a=s(57092),t=s(57884),l=s(57284),d=s(49953),r=s(10326);c.default=()=>{let[e,c]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>c(""),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(h.Z,{className:"tab-container",children:(0,n.jsxs)(a.Z,{children:[(0,n.jsxs)(t.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Def) Weak + unchecked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + unchecked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('(Def) Weak + unchecked'),navigator.clipboard.writeText('(Def) Weak + unchecked')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{c(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Def) Weak + unchecked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + unchecked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('(Def) Weak + unchecked'),navigator.clipboard.writeText('(Def) Weak + unchecked')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Def) Weak + unchecked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + unchecked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('(Def) Weak + unchecked'),navigator.clipboard.writeText('(Def) Weak + unchecked')},children:"Copy code"})]})]})}),(0,n.jsx)(h.Z,{className:"tab-container",children:(0,n.jsxs)(a.Z,{children:[(0,n.jsxs)(t.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Strong + unchecked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Strong + unchecked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('Strong + unchecked'),navigator.clipboard.writeText('Strong + unchecked')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{c(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong + unchecked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Strong + unchecked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('Strong + unchecked'),navigator.clipboard.writeText('Strong + unchecked')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong + unchecked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Strong + unchecked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('Strong + unchecked'),navigator.clipboard.writeText('Strong + unchecked')},children:"Copy code"})]})]})}),(0,n.jsx)(h.Z,{className:"tab-container",children:(0,n.jsxs)(a.Z,{children:[(0,n.jsxs)(t.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Def) Weak + checked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + checked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('(Def) Weak + checked'),navigator.clipboard.writeText('(Def) Weak + checked')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{c(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n (Def) Weak + checked\n'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n (Def) Weak + checked\n'===e?"check":"copy",variant:"ghost",onClick:()=>{c('\n (Def) Weak + checked\n'),navigator.clipboard.writeText('\n (Def) Weak + checked\n')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Def) Weak + checked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + checked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('(Def) Weak + checked'),navigator.clipboard.writeText('(Def) Weak + checked')},children:"Copy code"})]})]})}),(0,n.jsx)(h.Z,{className:"tab-container",children:(0,n.jsxs)(a.Z,{children:[(0,n.jsxs)(t.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Strong + checked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Strong + checked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('Strong + checked'),navigator.clipboard.writeText('Strong + checked')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{c(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Strong + checked\n'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Strong + checked\n'===e?"check":"copy",variant:"ghost",onClick:()=>{c('\n Strong + checked\n'),navigator.clipboard.writeText('\n Strong + checked\n')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong + checked'})}),(0,n.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Strong + checked'===e?"check":"copy",variant:"ghost",onClick:()=>{c('Strong + checked'),navigator.clipboard.writeText('Strong + checked')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/86202-ddef4ec45b7d6cd5.js b/review/fix-a11y-form-component-ids/_next/static/chunks/86202-ddef4ec45b7d6cd5.js
new file mode 100644
index 00000000000..2e3ed72c9fb
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/86202-ddef4ec45b7d6cd5.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86202],{86202:function(e,a,d){d.r(a);var n=d(52322),i=d(2784),r=d(70741),t=d(57092),l=d(57884),c=d(57284),s=d(49953),o=d(10326);a.default=()=>{let[e,a]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(t.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Unselected'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Unselected'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Unselected'),navigator.clipboard.writeText('(Default) Unselected')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unselected'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Unselected'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Unselected'),navigator.clipboard.writeText('(Default) Unselected')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unselected'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Unselected'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Unselected'),navigator.clipboard.writeText('(Default) Unselected')},children:"Copy code"})]})]})}),(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(t.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Unselected - Invalid'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Unselected - Invalid'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Unselected - Invalid'),navigator.clipboard.writeText('Unselected - Invalid')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Unselected - Invalid\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Unselected - Invalid\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Unselected - Invalid\n'),navigator.clipboard.writeText('\n Unselected - Invalid\n')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Unselected - Invalid'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Unselected - Invalid'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Unselected - Invalid'),navigator.clipboard.writeText('Unselected - Invalid')},children:"Copy code"})]})]})}),(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(t.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Selected'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Selected'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Selected'),navigator.clipboard.writeText('Selected')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Selected\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Selected\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Selected\n'),navigator.clipboard.writeText('\n Selected\n')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Selected'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Selected'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Selected'),navigator.clipboard.writeText('Selected')},children:"Copy code"})]})]})}),(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(t.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Selected - Valid'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Selected - Valid'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Selected - Valid'),navigator.clipboard.writeText('Selected - Valid')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Selected - Valid\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Selected - Valid\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Selected - Valid\n'),navigator.clipboard.writeText('\n Selected - Valid\n')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Selected - Valid'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Selected - Valid'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Selected - Valid'),navigator.clipboard.writeText('Selected - Valid')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/86202-ea1c5d060a06527b.js b/review/fix-a11y-form-component-ids/_next/static/chunks/86202-ea1c5d060a06527b.js
deleted file mode 100644
index 1f948aece79..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/86202-ea1c5d060a06527b.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86202],{86202:function(e,a,d){d.r(a);var n=d(52322),i=d(2784),r=d(70741),t=d(57092),l=d(57884),c=d(57284),s=d(49953),o=d(10326);a.default=()=>{let[e,a]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(t.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Unselected'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Unselected'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Unselected'),navigator.clipboard.writeText('(Default) Unselected')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unselected'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Unselected'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Unselected'),navigator.clipboard.writeText('(Default) Unselected')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unselected'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Unselected'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Unselected'),navigator.clipboard.writeText('(Default) Unselected')},children:"Copy code"})]})]})}),(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(t.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Unselected - Invalid'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Unselected - Invalid'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Unselected - Invalid'),navigator.clipboard.writeText('Unselected - Invalid')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Unselected - Invalid\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Unselected - Invalid\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Unselected - Invalid\n'),navigator.clipboard.writeText('\n Unselected - Invalid\n')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Unselected - Invalid'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Unselected - Invalid'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Unselected - Invalid'),navigator.clipboard.writeText('Unselected - Invalid')},children:"Copy code"})]})]})}),(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(t.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Selected'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Selected'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Selected'),navigator.clipboard.writeText('Selected')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Selected\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Selected\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Selected\n'),navigator.clipboard.writeText('\n Selected\n')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Selected'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Selected'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Selected'),navigator.clipboard.writeText('Selected')},children:"Copy code"})]})]})}),(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(t.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Selected - Valid'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Selected - Valid'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Selected - Valid'),navigator.clipboard.writeText('Selected - Valid')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Selected - Valid\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Selected - Valid\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Selected - Valid\n'),navigator.clipboard.writeText('\n Selected - Valid\n')},children:"Copy code"})]}),(0,n.jsxs)(s.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Selected - Valid'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Selected - Valid'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Selected - Valid'),navigator.clipboard.writeText('Selected - Valid')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/86438-fccf8add89c8b386.js b/review/fix-a11y-form-component-ids/_next/static/chunks/86438-cc8e4c267337d187.js
similarity index 86%
rename from review/fix-a11y-form-component-ids/_next/static/chunks/86438-fccf8add89c8b386.js
rename to review/fix-a11y-form-component-ids/_next/static/chunks/86438-cc8e4c267337d187.js
index 62dd5ec9a01..2052e1309cf 100644
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/86438-fccf8add89c8b386.js
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/86438-cc8e4c267337d187.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86438],{45016:function(e,a,n){n.d(a,{P:function(){return l}});let l=(e,a,n)=>e.map((e,l)=>{var i;return{...e,slotCode:null!==(i=null==n?void 0:n.at(l))&&void 0!==i?i:"No code available",examples:e.examples.map(e=>{var n,l,i,t;return{...e,example:a({...e.props,id:null!==(i=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==i?i:e.name,children:null!==(t=null===(l=e.props)||void 0===l?void 0:l.children)&&void 0!==t?t:e.name})}})}})},47439:function(e,a,n){var l=n(52322),i=n(5632),t=n(2784),s=n(55216),d=n(12480);let c=e=>{let{examples:a,slotCode:n}=e,[i,s]=(0,t.useState)();return(0,l.jsxs)(d.f,{className:"variants-card db-code-docs",children:[(0,l.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,l.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,l.jsxs)("details",{className:"code-details",onToggle:()=>{s(!i)},children:[(0,l.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:i?"Hide code":"Show code"}),(0,l.jsxs)("div",{className:"db-density-functional",children:[(0,l.jsx)("div",{className:"backdrop"}),(0,l.jsx)(d.f,{className:"code",spacing:"small",children:n})]})]})]})},r=e=>{let{variants:a,componentName:n}=e,i=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],l="?page=".concat(e.name.toLowerCase());return a?"".concat(n.split("components")[0],"/components/").concat(a).concat(l):"".concat(n).concat(l)};return(0,l.jsx)(l.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,l.jsxs)("div",{children:[(0,l.jsx)(d.oH,{}),(0,l.jsx)("h2",{children:(0,l.jsx)(d.vB,{content:"external",target:"_blank",href:i(e,n),children:e.name})}),(0,l.jsx)(c,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:n,subComponent:d,isSubComponent:o,componentName:p}=e,[b,u]=(0,t.useState)(),h=(0,i.useRouter)();return(0,t.useEffect)(()=>{if(h.query){var e;let a=null===(e=h.query.page)||void 0===e?void 0:e.toString();a&&u(n.find(e=>e.name.toLowerCase()===a))}},[h]),(0,l.jsxs)(l.Fragment,{children:[b&&(0,l.jsx)("div",{children:(0,l.jsx)(c,{...b})}),!b&&!o&&(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)("div",{className:"default-container",children:[(0,l.jsx)("h1",{children:a}),(0,l.jsx)(r,{variants:n,componentName:p})]}),d]}),!b&&o&&(0,l.jsxs)("div",{className:"default-container",children:[(0,l.jsx)("h2",{children:a}),(0,l.jsx)(r,{variants:n,componentName:p})]})]})}},10876:function(e,a,n){n.r(a);var l=n(52322),i=n(2784),t=n(70741),s=n(57092),d=n(57884),c=n(57284),r=n(49953),o=n(10326);a.default=()=>{let[e,a]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})}},49727:function(e,a,n){n.r(a);var l=n(52322),i=n(2784),t=n(70741),s=n(57092),d=n(57884),c=n(57284),r=n(49953),o=n(10326);a.default=()=>{let[e,a]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]})]})})]})}},77915:function(e,a,n){n.r(a);var l=n(52322),i=n(2784),t=n(70741),s=n(57092),d=n(57884),c=n(57284),r=n(49953),o=n(10326);a.default=()=>{let[e,a]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})}},71952:function(e){e.exports=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-density-expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","variant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","variant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","variant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","variant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"variant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"variant":"floating"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"Label","value":"(Default) Text"}},{"name":"Filled Number","props":{"label":"Number","value":"123456","type":"number"}},{"name":"Text - Leading Icon","props":{"label":"Label","icon":"x_placeholder"}},{"name":"Text - Leading Icon - Trailing Icon","props":{"label":"Label","icon":"x_placeholder","iconAfter":"x_placeholder"}},{"name":"Text - Trailing Icon","props":{"label":"Label","iconAfter":"x_placeholder"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}}]},{"name":"Example - Types","examples":[{"name":"(Default) Text","props":{"label":"Label"}},{"name":"Password","props":{"label":"Label","type":"password"}},{"name":"Search","props":{"label":"Label","type":"search"}},{"name":"E-Mail","props":{"label":"Label","type":"email"}},{"name":"Number","props":{"label":"Label","type":"number"}},{"name":"Tel","props":{"label":"Label","type":"tel"}},{"name":"URL","props":{"label":"Label","type":"url"}},{"name":"Date","props":{"label":"Label","type":"date"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local"}},{"name":"Month","props":{"label":"Label","type":"month"}},{"name":"Time","props":{"label":"Label","type":"time"}},{"name":"Week","props":{"label":"Label","type":"week"}}]},{"name":"Example - Types - Floating Label","examples":[{"name":"(Default) Text","props":{"label":"Label","variant":"floating"}},{"name":"Password","props":{"label":"Label","type":"password","variant":"floating"}},{"name":"Search","props":{"label":"Label","type":"search","variant":"floating"}},{"name":"E-Mail","props":{"label":"Label","type":"email","variant":"floating"}},{"name":"Number","props":{"label":"Label","type":"number","variant":"floating"}},{"name":"Tel","props":{"label":"Label","type":"tel","variant":"floating"}},{"name":"URL","props":{"label":"Label","type":"url","variant":"floating"}},{"name":"Date","props":{"label":"Label","type":"date","variant":"floating"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local","variant":"floating"}},{"name":"Month","props":{"label":"Label","type":"month","variant":"floating"}},{"name":"Time","props":{"label":"Label","type":"time","variant":"floating"}},{"name":"Week","props":{"label":"Label","type":"week","variant":"floating"}}]}]')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86438],{45016:function(e,a,n){n.d(a,{P:function(){return l}});let l=(e,a,n)=>e.map((e,l)=>{var i;return{...e,slotCode:null!==(i=null==n?void 0:n.at(l))&&void 0!==i?i:"No code available",examples:e.examples.map(e=>{var n,l,i,t;return{...e,example:a({...e.props,id:null!==(i=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==i?i:e.name,children:null!==(t=null===(l=e.props)||void 0===l?void 0:l.children)&&void 0!==t?t:e.name})}})}})},47439:function(e,a,n){var l=n(52322),i=n(5632),t=n(2784),s=n(55216),d=n(12480);let c=e=>{let{examples:a,slotCode:n}=e,[i,s]=(0,t.useState)();return(0,l.jsxs)(d.f,{className:"variants-card db-code-docs",children:[(0,l.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,l.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,l.jsxs)("details",{className:"code-details",onToggle:()=>{s(!i)},children:[(0,l.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:i?"Hide code":"Show code"}),(0,l.jsxs)("div",{className:"db-density-functional",children:[(0,l.jsx)("div",{className:"backdrop"}),(0,l.jsx)(d.f,{className:"code",spacing:"small",children:n})]})]})]})},r=e=>{let{variants:a,componentName:n}=e,i=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],l="?page=".concat(e.name.toLowerCase());return a?"".concat(n.split("components")[0],"/components/").concat(a).concat(l):"".concat(n).concat(l)};return(0,l.jsx)(l.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,l.jsxs)("div",{children:[(0,l.jsx)(d.oH,{}),(0,l.jsx)("h2",{children:(0,l.jsx)(d.vB,{content:"external",target:"_blank",href:i(e,n),children:e.name})}),(0,l.jsx)(c,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:n,subComponent:d,isSubComponent:o,componentName:p}=e,[b,u]=(0,t.useState)(),h=(0,i.useRouter)();return(0,t.useEffect)(()=>{if(h.query){var e;let a=null===(e=h.query.page)||void 0===e?void 0:e.toString();a&&u(n.find(e=>e.name.toLowerCase()===a))}},[h]),(0,l.jsxs)(l.Fragment,{children:[b&&(0,l.jsx)("div",{children:(0,l.jsx)(c,{...b})}),!b&&!o&&(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)("div",{className:"default-container",children:[(0,l.jsx)("h1",{children:a}),(0,l.jsx)(r,{variants:n,componentName:p})]}),d]}),!b&&o&&(0,l.jsxs)("div",{className:"default-container",children:[(0,l.jsx)("h2",{children:a}),(0,l.jsx)(r,{variants:n,componentName:p})]})]})}},10876:function(e,a,n){n.r(a);var l=n(52322),i=n(2784),t=n(70741),s=n(57092),d=n(57884),c=n(57284),r=n(49953),o=n(10326);a.default=()=>{let[e,a]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})}},49727:function(e,a,n){n.r(a);var l=n(52322),i=n(2784),t=n(70741),s=n(57092),d=n(57884),c=n(57284),r=n(49953),o=n(10326);a.default=()=>{let[e,a]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]})]})})]})}},77915:function(e,a,n){n.r(a);var l=n(52322),i=n(2784),t=n(70741),s=n(57092),d=n(57884),c=n(57284),r=n(49953),o=n(10326);a.default=()=>{let[e,a]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})}},71952:function(e){e.exports=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-density-expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","variant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","variant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","variant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","variant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"variant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"variant":"floating"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"Label","value":"(Default) Text"}},{"name":"Filled Number","props":{"label":"Number","value":"123456","type":"number"}},{"name":"Text - Leading Icon","props":{"label":"Label","icon":"x_placeholder"}},{"name":"Text - Leading Icon - Trailing Icon","props":{"label":"Label","icon":"x_placeholder","iconAfter":"x_placeholder"}},{"name":"Text - Trailing Icon","props":{"label":"Label","iconAfter":"x_placeholder"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}}]},{"name":"Example - Types","examples":[{"name":"(Default) Text","props":{"label":"Label"}},{"name":"Password","props":{"label":"Label","type":"password"}},{"name":"Search","props":{"label":"Label","type":"search"}},{"name":"E-Mail","props":{"label":"Label","type":"email"}},{"name":"Number","props":{"label":"Label","type":"number"}},{"name":"Tel","props":{"label":"Label","type":"tel"}},{"name":"URL","props":{"label":"Label","type":"url"}},{"name":"Date","props":{"label":"Label","type":"date"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local"}},{"name":"Month","props":{"label":"Label","type":"month"}},{"name":"Time","props":{"label":"Label","type":"time"}},{"name":"Week","props":{"label":"Label","type":"week"}}]},{"name":"Example - Types - Floating Label","examples":[{"name":"(Default) Text","props":{"label":"Label","variant":"floating"}},{"name":"Password","props":{"label":"Label","type":"password","variant":"floating"}},{"name":"Search","props":{"label":"Label","type":"search","variant":"floating"}},{"name":"E-Mail","props":{"label":"Label","type":"email","variant":"floating"}},{"name":"Number","props":{"label":"Label","type":"number","variant":"floating"}},{"name":"Tel","props":{"label":"Label","type":"tel","variant":"floating"}},{"name":"URL","props":{"label":"Label","type":"url","variant":"floating"}},{"name":"Date","props":{"label":"Label","type":"date","variant":"floating"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local","variant":"floating"}},{"name":"Month","props":{"label":"Label","type":"month","variant":"floating"}},{"name":"Time","props":{"label":"Label","type":"time","variant":"floating"}},{"name":"Week","props":{"label":"Label","type":"week","variant":"floating"}}]}]')}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/86869-935fb09c11498480.js b/review/fix-a11y-form-component-ids/_next/static/chunks/86869-935fb09c11498480.js
new file mode 100644
index 00000000000..05653237746
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/86869-935fb09c11498480.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86869],{86869:function(c,e,i){i.r(e);var n=i(52322),s=i(2784),t=i(70741),l=i(57092),a=i(57884),h=i(57284),r=i(49953),o=i(10326);e.default=()=>{let[c,e]=(0,s.useState)();return(0,s.useEffect)(()=>{c&&setTimeout(()=>e(""),1500)},[c]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(l.Z,{children:[(0,n.jsxs)(a.Z,{children:[(0,n.jsx)(h.Z,{children:"Angular"}),(0,n.jsx)(h.Z,{children:"HTML"}),(0,n.jsx)(h.Z,{children:"React"}),(0,n.jsx)(h.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"functional"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"functional"===c?"check":"copy",variant:"ghost",onClick:()=>{e("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===c?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"functional"===c?"check":"copy",variant:"ghost",onClick:()=>{e("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"functional"===c?"check":"copy",variant:"ghost",onClick:()=>{e("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]})]})}),(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(l.Z,{children:[(0,n.jsxs)(a.Z,{children:[(0,n.jsx)(h.Z,{children:"Angular"}),(0,n.jsx)(h.Z,{children:"HTML"}),(0,n.jsx)(h.Z,{children:"React"}),(0,n.jsx)(h.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"regular (Default)"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"regular (Default)"===c?"check":"copy",variant:"ghost",onClick:()=>{e("regular (Default)"),navigator.clipboard.writeText("regular (Default)")},children:"Copy code"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===c?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"regular (Default)"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"regular (Default)"===c?"check":"copy",variant:"ghost",onClick:()=>{e("regular (Default)"),navigator.clipboard.writeText("regular (Default)")},children:"Copy code"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"regular (Default)"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"regular (Default)"===c?"check":"copy",variant:"ghost",onClick:()=>{e("regular (Default)"),navigator.clipboard.writeText("regular (Default)")},children:"Copy code"})]})]})}),(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(l.Z,{children:[(0,n.jsxs)(a.Z,{children:[(0,n.jsx)(h.Z,{children:"Angular"}),(0,n.jsx)(h.Z,{children:"HTML"}),(0,n.jsx)(h.Z,{children:"React"}),(0,n.jsx)(h.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"expressive"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"expressive"===c?"check":"copy",variant:"ghost",onClick:()=>{e("expressive"),navigator.clipboard.writeText("expressive")},children:"Copy code"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===c?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"expressive"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"expressive"===c?"check":"copy",variant:"ghost",onClick:()=>{e("expressive"),navigator.clipboard.writeText("expressive")},children:"Copy code"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"expressive"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"expressive"===c?"check":"copy",variant:"ghost",onClick:()=>{e("expressive"),navigator.clipboard.writeText("expressive")},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/86869-b056e640e2dbc375.js b/review/fix-a11y-form-component-ids/_next/static/chunks/86869-b056e640e2dbc375.js
deleted file mode 100644
index 8407ea4dcfe..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/86869-b056e640e2dbc375.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86869],{86869:function(c,e,i){i.r(e);var n=i(52322),s=i(2784),t=i(70741),l=i(57092),a=i(57884),h=i(57284),r=i(49953),o=i(10326);e.default=()=>{let[c,e]=(0,s.useState)();return(0,s.useEffect)(()=>{c&&setTimeout(()=>e(""),1500)},[c]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(l.Z,{children:[(0,n.jsxs)(a.Z,{children:[(0,n.jsx)(h.Z,{children:"Angular"}),(0,n.jsx)(h.Z,{children:"HTML"}),(0,n.jsx)(h.Z,{children:"React"}),(0,n.jsx)(h.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"functional"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"functional"===c?"check":"copy",variant:"ghost",onClick:()=>{e("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===c?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"functional"===c?"check":"copy",variant:"ghost",onClick:()=>{e("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"functional"===c?"check":"copy",variant:"ghost",onClick:()=>{e("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]})]})}),(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(l.Z,{children:[(0,n.jsxs)(a.Z,{children:[(0,n.jsx)(h.Z,{children:"Angular"}),(0,n.jsx)(h.Z,{children:"HTML"}),(0,n.jsx)(h.Z,{children:"React"}),(0,n.jsx)(h.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"regular (Default)"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"regular (Default)"===c?"check":"copy",variant:"ghost",onClick:()=>{e("regular (Default)"),navigator.clipboard.writeText("regular (Default)")},children:"Copy code"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===c?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"regular (Default)"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"regular (Default)"===c?"check":"copy",variant:"ghost",onClick:()=>{e("regular (Default)"),navigator.clipboard.writeText("regular (Default)")},children:"Copy code"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"regular (Default)"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"regular (Default)"===c?"check":"copy",variant:"ghost",onClick:()=>{e("regular (Default)"),navigator.clipboard.writeText("regular (Default)")},children:"Copy code"})]})]})}),(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(l.Z,{children:[(0,n.jsxs)(a.Z,{children:[(0,n.jsx)(h.Z,{children:"Angular"}),(0,n.jsx)(h.Z,{children:"HTML"}),(0,n.jsx)(h.Z,{children:"React"}),(0,n.jsx)(h.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"expressive"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"expressive"===c?"check":"copy",variant:"ghost",onClick:()=>{e("expressive"),navigator.clipboard.writeText("expressive")},children:"Copy code"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===c?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"expressive"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"expressive"===c?"check":"copy",variant:"ghost",onClick:()=>{e("expressive"),navigator.clipboard.writeText("expressive")},children:"Copy code"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"expressive"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"expressive"===c?"check":"copy",variant:"ghost",onClick:()=>{e("expressive"),navigator.clipboard.writeText("expressive")},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/88582-57ba9a1bfb5f21d6.js b/review/fix-a11y-form-component-ids/_next/static/chunks/88582-191e56160e4ff490.js
similarity index 74%
rename from review/fix-a11y-form-component-ids/_next/static/chunks/88582-57ba9a1bfb5f21d6.js
rename to review/fix-a11y-form-component-ids/_next/static/chunks/88582-191e56160e4ff490.js
index bbb61ff53a6..7f147b7a9af 100644
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/88582-57ba9a1bfb5f21d6.js
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/88582-191e56160e4ff490.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[88582],{45016:function(e,a,l){l.d(a,{P:function(){return n}});let n=(e,a,l)=>e.map((e,n)=>{var t;return{...e,slotCode:null!==(t=null==l?void 0:l.at(n))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var l,n,t,s;return{...e,example:a({...e.props,id:null!==(t=null===(l=e.props)||void 0===l?void 0:l.id)&&void 0!==t?t:e.name,children:null!==(s=null===(n=e.props)||void 0===n?void 0:n.children)&&void 0!==s?s:e.name})}})}})},47439:function(e,a,l){var n=l(52322),t=l(5632),s=l(2784),r=l(55216),i=l(12480);let d=e=>{let{examples:a,slotCode:l}=e,[t,r]=(0,s.useState)();return(0,n.jsxs)(i.f,{className:"variants-card db-code-docs",children:[(0,n.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,n.jsxs)("details",{className:"code-details",onToggle:()=>{r(!t)},children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:t?"Hide code":"Show code"}),(0,n.jsxs)("div",{className:"db-density-functional",children:[(0,n.jsx)("div",{className:"backdrop"}),(0,n.jsx)(i.f,{className:"code",spacing:"small",children:l})]})]})]})},c=e=>{let{variants:a,componentName:l}=e,t=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let l=window.location.href.split("?")[0],n="?page=".concat(e.name.toLowerCase());return a?"".concat(l.split("components")[0],"/components/").concat(a).concat(n):"".concat(l).concat(n)};return(0,n.jsx)(n.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(i.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(i.vB,{content:"external",target:"_blank",href:t(e,l),children:e.name})}),(0,n.jsx)(d,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:l,subComponent:i,isSubComponent:o,componentName:x}=e,[b,h]=(0,s.useState)(),p=(0,t.useRouter)();return(0,s.useEffect)(()=>{if(p.query){var e;let a=null===(e=p.query.page)||void 0===e?void 0:e.toString();a&&h(l.find(e=>e.name.toLowerCase()===a))}},[p]),(0,n.jsxs)(n.Fragment,{children:[b&&(0,n.jsx)("div",{children:(0,n.jsx)(d,{...b})}),!b&&!o&&(0,n.jsxs)(r.Z,{children:[(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:a}),(0,n.jsx)(c,{variants:l,componentName:x})]}),i]}),!b&&o&&(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h2",{children:a}),(0,n.jsx)(c,{variants:l,componentName:x})]})]})}},89190:function(e,a,l){l.r(a);var n=l(52322),t=l(2784),s=l(70741),r=l(57092),i=l(57884),d=l(57284),c=l(49953),o=l(10326);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(r.Z,{children:[(0,n.jsxs)(i.Z,{children:[(0,n.jsx)(d.Z,{children:"Angular"}),(0,n.jsx)(d.Z,{children:"HTML"}),(0,n.jsx)(d.Z,{children:"React"}),(0,n.jsx)(d.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(r.Z,{children:[(0,n.jsxs)(i.Z,{children:[(0,n.jsx)(d.Z,{children:"Angular"}),(0,n.jsx)(d.Z,{children:"HTML"}),(0,n.jsx)(d.Z,{children:"React"}),(0,n.jsx)(d.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})}},6759:function(e,a,l){l.r(a);var n=l(52322),t=l(2784),s=l(70741),r=l(57092),i=l(57884),d=l(57284),c=l(49953),o=l(10326);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(r.Z,{children:[(0,n.jsxs)(i.Z,{children:[(0,n.jsx)(d.Z,{children:"Angular"}),(0,n.jsx)(d.Z,{children:"HTML"}),(0,n.jsx)(d.Z,{children:"React"}),(0,n.jsx)(d.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]})]})}),(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(r.Z,{children:[(0,n.jsxs)(i.Z,{children:[(0,n.jsx)(d.Z,{children:"Angular"}),(0,n.jsx)(d.Z,{children:"HTML"}),(0,n.jsx)(d.Z,{children:"React"}),(0,n.jsx)(d.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]})]})})]})}},98269:function(e,a,l){l.r(a);var n=l(52322),t=l(2784),s=l(70741),r=l(57092),i=l(57884),d=l(57284),c=l(49953),o=l(10326);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(r.Z,{children:[(0,n.jsxs)(i.Z,{children:[(0,n.jsx)(d.Z,{children:"Angular"}),(0,n.jsx)(d.Z,{children:"HTML"}),(0,n.jsx)(d.Z,{children:"React"}),(0,n.jsx)(d.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]})]})}),(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(r.Z,{children:[(0,n.jsxs)(i.Z,{children:[(0,n.jsx)(d.Z,{children:"Angular"}),(0,n.jsx)(d.Z,{children:"HTML"}),(0,n.jsx)(d.Z,{children:"React"}),(0,n.jsx)(d.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]})]})}),(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(r.Z,{children:[(0,n.jsxs)(i.Z,{children:[(0,n.jsx)(d.Z,{children:"Angular"}),(0,n.jsx)(d.Z,{children:"HTML"}),(0,n.jsx)(d.Z,{children:"React"}),(0,n.jsx)(d.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})}},92829:function(e){e.exports=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-density-expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","variant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","variant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","variant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","variant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"variant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"variant":"floating"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}}]},{"name":"Rows","examples":[{"name":"(Default) 4 Rows","style":{"width":"328px"},"props":{"label":"(Default) 4 Rows","value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}},{"name":"Custom","style":{"width":"328px"},"props":{"label":"Custom Example 8 Rows","rows":8,"value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}}]}]')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[88582],{45016:function(e,a,l){l.d(a,{P:function(){return n}});let n=(e,a,l)=>e.map((e,n)=>{var t;return{...e,slotCode:null!==(t=null==l?void 0:l.at(n))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var l,n,t,s;return{...e,example:a({...e.props,id:null!==(t=null===(l=e.props)||void 0===l?void 0:l.id)&&void 0!==t?t:e.name,children:null!==(s=null===(n=e.props)||void 0===n?void 0:n.children)&&void 0!==s?s:e.name})}})}})},47439:function(e,a,l){var n=l(52322),t=l(5632),s=l(2784),r=l(55216),i=l(12480);let d=e=>{let{examples:a,slotCode:l}=e,[t,r]=(0,s.useState)();return(0,n.jsxs)(i.f,{className:"variants-card db-code-docs",children:[(0,n.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,n.jsxs)("details",{className:"code-details",onToggle:()=>{r(!t)},children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:t?"Hide code":"Show code"}),(0,n.jsxs)("div",{className:"db-density-functional",children:[(0,n.jsx)("div",{className:"backdrop"}),(0,n.jsx)(i.f,{className:"code",spacing:"small",children:l})]})]})]})},c=e=>{let{variants:a,componentName:l}=e,t=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let l=window.location.href.split("?")[0],n="?page=".concat(e.name.toLowerCase());return a?"".concat(l.split("components")[0],"/components/").concat(a).concat(n):"".concat(l).concat(n)};return(0,n.jsx)(n.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(i.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(i.vB,{content:"external",target:"_blank",href:t(e,l),children:e.name})}),(0,n.jsx)(d,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:l,subComponent:i,isSubComponent:o,componentName:x}=e,[b,h]=(0,s.useState)(),p=(0,t.useRouter)();return(0,s.useEffect)(()=>{if(p.query){var e;let a=null===(e=p.query.page)||void 0===e?void 0:e.toString();a&&h(l.find(e=>e.name.toLowerCase()===a))}},[p]),(0,n.jsxs)(n.Fragment,{children:[b&&(0,n.jsx)("div",{children:(0,n.jsx)(d,{...b})}),!b&&!o&&(0,n.jsxs)(r.Z,{children:[(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:a}),(0,n.jsx)(c,{variants:l,componentName:x})]}),i]}),!b&&o&&(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h2",{children:a}),(0,n.jsx)(c,{variants:l,componentName:x})]})]})}},89190:function(e,a,l){l.r(a);var n=l(52322),t=l(2784),s=l(70741),r=l(57092),i=l(57884),d=l(57284),c=l(49953),o=l(10326);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(r.Z,{children:[(0,n.jsxs)(i.Z,{children:[(0,n.jsx)(d.Z,{children:"Angular"}),(0,n.jsx)(d.Z,{children:"HTML"}),(0,n.jsx)(d.Z,{children:"React"}),(0,n.jsx)(d.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(r.Z,{children:[(0,n.jsxs)(i.Z,{children:[(0,n.jsx)(d.Z,{children:"Angular"}),(0,n.jsx)(d.Z,{children:"HTML"}),(0,n.jsx)(d.Z,{children:"React"}),(0,n.jsx)(d.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{a('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})}},6759:function(e,a,l){l.r(a);var n=l(52322),t=l(2784),s=l(70741),r=l(57092),i=l(57884),d=l(57284),c=l(49953),o=l(10326);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(r.Z,{children:[(0,n.jsxs)(i.Z,{children:[(0,n.jsx)(d.Z,{children:"Angular"}),(0,n.jsx)(d.Z,{children:"HTML"}),(0,n.jsx)(d.Z,{children:"React"}),(0,n.jsx)(d.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]})]})}),(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(r.Z,{children:[(0,n.jsxs)(i.Z,{children:[(0,n.jsx)(d.Z,{children:"Angular"}),(0,n.jsx)(d.Z,{children:"HTML"}),(0,n.jsx)(d.Z,{children:"React"}),(0,n.jsx)(d.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]})]})})]})}},98269:function(e,a,l){l.r(a);var n=l(52322),t=l(2784),s=l(70741),r=l(57092),i=l(57884),d=l(57284),c=l(49953),o=l(10326);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(""),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(r.Z,{children:[(0,n.jsxs)(i.Z,{children:[(0,n.jsx)(d.Z,{children:"Angular"}),(0,n.jsx)(d.Z,{children:"HTML"}),(0,n.jsx)(d.Z,{children:"React"}),(0,n.jsx)(d.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===e?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]})]})}),(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(r.Z,{children:[(0,n.jsxs)(i.Z,{children:[(0,n.jsx)(d.Z,{children:"Angular"}),(0,n.jsx)(d.Z,{children:"HTML"}),(0,n.jsx)(d.Z,{children:"React"}),(0,n.jsx)(d.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]})]})}),(0,n.jsx)(s.Z,{className:"tab-container",children:(0,n.jsxs)(r.Z,{children:[(0,n.jsxs)(i.Z,{children:[(0,n.jsx)(d.Z,{children:"Angular"}),(0,n.jsx)(d.Z,{children:"HTML"}),(0,n.jsx)(d.Z,{children:"React"}),(0,n.jsx)(d.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{a("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})}},92829:function(e){e.exports=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-density-expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","variant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","variant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","variant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","variant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"variant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"variant":"floating"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}}]},{"name":"Rows","examples":[{"name":"(Default) 4 Rows","style":{"width":"328px"},"props":{"label":"(Default) 4 Rows","value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}},{"name":"Custom","style":{"width":"328px"},"props":{"label":"Custom Example 8 Rows","rows":8,"value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}}]}]')}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/89955-d64f47ab152b2213.js b/review/fix-a11y-form-component-ids/_next/static/chunks/89955-d64f47ab152b2213.js
deleted file mode 100644
index ce36117696f..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/89955-d64f47ab152b2213.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[89955],{89955:function(n,a,e){e.r(a);var l=e(52322),i=e(2784),t=e(70741),s=e(57092),d=e(57884),c=e(57284),o=e(49953),p=e(10326);a.default=()=>{let[n,a]=(0,i.useState)();return(0,i.useEffect)(()=>{n&&setTimeout(()=>a(""),1500)},[n]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Text\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Filled Number\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Filled Number\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Filled Number\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Text - Trailing Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/89955-d83b80a6dd086376.js b/review/fix-a11y-form-component-ids/_next/static/chunks/89955-d83b80a6dd086376.js
new file mode 100644
index 00000000000..539f1ae9982
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/89955-d83b80a6dd086376.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[89955],{89955:function(n,a,e){e.r(a);var l=e(52322),i=e(2784),t=e(70741),s=e(57092),d=e(57884),c=e(57284),o=e(49953),p=e(10326);a.default=()=>{let[n,a]=(0,i.useState)();return(0,i.useEffect)(()=>{n&&setTimeout(()=>a(""),1500)},[n]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Text\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Filled Number\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Filled Number\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Filled Number\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(d.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Text - Trailing Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/9005-5b6675f67201e540.js b/review/fix-a11y-form-component-ids/_next/static/chunks/9005-5b6675f67201e540.js
new file mode 100644
index 00000000000..2517c06fef8
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/9005-5b6675f67201e540.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9005],{45016:function(e,i,c){c.d(i,{P:function(){return s}});let s=(e,i,c)=>e.map((e,s)=>{var n;return{...e,slotCode:null!==(n=null==c?void 0:c.at(s))&&void 0!==n?n:"No code available",examples:e.examples.map(e=>{var c,s,n,a;return{...e,example:i({...e.props,id:null!==(n=null===(c=e.props)||void 0===c?void 0:c.id)&&void 0!==n?n:e.name,children:null!==(a=null===(s=e.props)||void 0===s?void 0:s.children)&&void 0!==a?a:e.name})}})}})},47439:function(e,i,c){var s=c(52322),n=c(5632),a=c(2784),t=c(55216),l=c(12480);let o=e=>{let{examples:i,slotCode:c}=e,[n,t]=(0,a.useState)();return(0,s.jsxs)(l.f,{className:"variants-card db-code-docs",children:[(0,s.jsx)("div",{className:"variants-list",children:i.map((e,i)=>(0,s.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(i)))}),(0,s.jsxs)("details",{className:"code-details",onToggle:()=>{t(!n)},children:[(0,s.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:n?"Hide code":"Show code"}),(0,s.jsxs)("div",{className:"db-density-functional",children:[(0,s.jsx)("div",{className:"backdrop"}),(0,s.jsx)(l.f,{className:"code",spacing:"small",children:c})]})]})]})},d=e=>{let{variants:i,componentName:c}=e,n=(e,i)=>{if(!window.location.origin||!window.location.href)return"";let c=window.location.href.split("?")[0],s="?page=".concat(e.name.toLowerCase());return i?"".concat(c.split("components")[0],"/components/").concat(i).concat(s):"".concat(c).concat(s)};return(0,s.jsx)(s.Fragment,{children:null==i?void 0:i.map((e,i)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(l.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(l.vB,{content:"external",target:"_blank",href:n(e,c),children:e.name})}),(0,s.jsx)(o,{...e})]},"".concat(e.name,"-").concat(i)))})};i.Z=e=>{let{title:i,variants:c,subComponent:l,isSubComponent:h,componentName:r}=e,[p,w]=(0,a.useState)(),u=(0,n.useRouter)();return(0,a.useEffect)(()=>{if(u.query){var e;let i=null===(e=u.query.page)||void 0===e?void 0:e.toString();i&&w(c.find(e=>e.name.toLowerCase()===i))}},[u]),(0,s.jsxs)(s.Fragment,{children:[p&&(0,s.jsx)("div",{children:(0,s.jsx)(o,{...p})}),!p&&!h&&(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h1",{children:i}),(0,s.jsx)(d,{variants:c,componentName:r})]}),l]}),!p&&h&&(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h2",{children:i}),(0,s.jsx)(d,{variants:c,componentName:r})]})]})}},93317:function(e,i,c){c.r(i);var s=c(52322),n=c(2784),a=c(70741),t=c(57092),l=c(57884),o=c(57284),d=c(49953),h=c(10326);i.default=()=>{let[e,i]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>i(""),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.Z,{className:"tab-container",children:(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)(l.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Def) Label"})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===e?"check":"copy",variant:"ghost",onClick:()=>{i("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:''})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{i(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Def) Label"})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===e?"check":"copy",variant:"ghost",onClick:()=>{i("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Def) Label"})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===e?"check":"copy",variant:"ghost",onClick:()=>{i("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]})]})}),(0,s.jsx)(a.Z,{className:"tab-container",children:(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)(l.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'No Label'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'No Label'===e?"check":"copy",variant:"ghost",onClick:()=>{i('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:''})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{i(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'No Label'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'No Label'===e?"check":"copy",variant:"ghost",onClick:()=>{i('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'No Label'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'No Label'===e?"check":"copy",variant:"ghost",onClick:()=>{i('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]})]})})]})}},20269:function(e,i,c){c.r(i);var s=c(52322),n=c(2784),a=c(70741),t=c(57092),l=c(57884),o=c(57284),d=c(49953),h=c(10326);i.default=()=>{let[e,i]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>i(""),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.Z,{className:"tab-container",children:(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)(l.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Custom Icons'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Custom Icons'===e?"check":"copy",variant:"ghost",onClick:()=>{i('Custom Icons'),navigator.clipboard.writeText('Custom Icons')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:''})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{i(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'\n Custom Icons\n'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'\n Custom Icons\n'===e?"check":"copy",variant:"ghost",onClick:()=>{i('\n Custom Icons\n'),navigator.clipboard.writeText('\n Custom Icons\n')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Custom Icons'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Custom Icons'===e?"check":"copy",variant:"ghost",onClick:()=>{i('Custom Icons'),navigator.clipboard.writeText('Custom Icons')},children:"Copy code"})]})]})}),(0,s.jsx)(a.Z,{className:"tab-container",children:(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)(l.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Custom Icons+ Emphasis'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Custom Icons+ Emphasis'===e?"check":"copy",variant:"ghost",onClick:()=>{i('Custom Icons+ Emphasis'),navigator.clipboard.writeText('Custom Icons+ Emphasis')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'\n \n Custom Icons+ Emphasis\n'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'\n \n Custom Icons+ Emphasis\n'===e?"check":"copy",variant:"ghost",onClick:()=>{i('\n \n Custom Icons+ Emphasis\n'),navigator.clipboard.writeText('\n \n Custom Icons+ Emphasis\n')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'\n Custom Icons+ Emphasis\n'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'\n Custom Icons+ Emphasis\n'===e?"check":"copy",variant:"ghost",onClick:()=>{i('\n Custom Icons+ Emphasis\n'),navigator.clipboard.writeText('\n Custom Icons+ Emphasis\n')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Custom Icons+ Emphasis'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Custom Icons+ Emphasis'===e?"check":"copy",variant:"ghost",onClick:()=>{i('Custom Icons+ Emphasis'),navigator.clipboard.writeText('Custom Icons+ Emphasis')},children:"Copy code"})]})]})})]})}},14286:function(e,i,c){c.r(i);var s=c(52322),n=c(2784),a=c(70741),t=c(57092),l=c(57884),o=c(57284),d=c(49953),h=c(10326);i.default=()=>{let[e,i]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>i(""),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.Z,{className:"tab-container",children:(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)(l.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Def) Medium"})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===e?"check":"copy",variant:"ghost",onClick:()=>{i("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:''})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{i(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Def) Medium"})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===e?"check":"copy",variant:"ghost",onClick:()=>{i("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Def) Medium"})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===e?"check":"copy",variant:"ghost",onClick:()=>{i("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]})]})}),(0,s.jsx)(a.Z,{className:"tab-container",children:(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)(l.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Small'===e?"check":"copy",variant:"ghost",onClick:()=>{i('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:''})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{i(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Small'===e?"check":"copy",variant:"ghost",onClick:()=>{i('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Small'===e?"check":"copy",variant:"ghost",onClick:()=>{i('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})}},18061:function(e){e.exports=JSON.parse('[{"name":"Density","examples":[{"name":"functional","className":"db-density-functional","props":{}},{"name":"regular (Default)","className":"db-density-regular","props":{}},{"name":"expressive","className":"db-density-expressive","props":{}}]},{"name":"States","examples":[{"name":"(Def) Enabled","props":{}},{"name":"Checked","props":{"checked":true}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Emphasis","examples":[{"name":"(Def) Weak + unchecked","props":{"emphasis":"weak"}},{"name":"Strong + unchecked","props":{"emphasis":"strong"}},{"name":"(Def) Weak + checked","props":{"emphasis":"weak","checked":true}},{"name":"Strong + checked","props":{"emphasis":"strong","checked":true}}]},{"name":"Visual Aid","examples":[{"name":"(Def) No Visual Aid + unchecked","props":{"visualAid":false}},{"name":"Visual Aid + unchecked","props":{"visualAid":true}},{"name":"(Def) No Visual Aid + checked","props":{"visualAid":false,"checked":true}},{"name":"Visual Aid + checked","props":{"visualAid":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Def) Medium","props":{}},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Def) Label","props":{}},{"name":"No Label","props":{"variant":"hidden"}}]},{"name":"Examples","examples":[{"name":"Custom Icons","props":{"visualAid":true,"icon":"night","iconAfter":"day"}},{"name":"Custom Icons+ Emphasis","props":{"visualAid":true,"icon":"lock_closed","iconAfter":"lock_open","emphasis":"strong"}}]}]')}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/9005-fe02372c9694e6b1.js b/review/fix-a11y-form-component-ids/_next/static/chunks/9005-fe02372c9694e6b1.js
deleted file mode 100644
index 2b1b9db3b71..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/9005-fe02372c9694e6b1.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9005],{45016:function(e,i,c){c.d(i,{P:function(){return s}});let s=(e,i,c)=>e.map((e,s)=>{var n;return{...e,slotCode:null!==(n=null==c?void 0:c.at(s))&&void 0!==n?n:"No code available",examples:e.examples.map(e=>{var c,s,n,a;return{...e,example:i({...e.props,id:null!==(n=null===(c=e.props)||void 0===c?void 0:c.id)&&void 0!==n?n:e.name,children:null!==(a=null===(s=e.props)||void 0===s?void 0:s.children)&&void 0!==a?a:e.name})}})}})},47439:function(e,i,c){var s=c(52322),n=c(5632),a=c(2784),t=c(55216),l=c(12480);let o=e=>{let{examples:i,slotCode:c}=e,[n,t]=(0,a.useState)();return(0,s.jsxs)(l.f,{className:"variants-card db-code-docs",children:[(0,s.jsx)("div",{className:"variants-list",children:i.map((e,i)=>(0,s.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(i)))}),(0,s.jsxs)("details",{className:"code-details",onToggle:()=>{t(!n)},children:[(0,s.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:n?"Hide code":"Show code"}),(0,s.jsxs)("div",{className:"db-density-functional",children:[(0,s.jsx)("div",{className:"backdrop"}),(0,s.jsx)(l.f,{className:"code",spacing:"small",children:c})]})]})]})},d=e=>{let{variants:i,componentName:c}=e,n=(e,i)=>{if(!window.location.origin||!window.location.href)return"";let c=window.location.href.split("?")[0],s="?page=".concat(e.name.toLowerCase());return i?"".concat(c.split("components")[0],"/components/").concat(i).concat(s):"".concat(c).concat(s)};return(0,s.jsx)(s.Fragment,{children:null==i?void 0:i.map((e,i)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(l.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(l.vB,{content:"external",target:"_blank",href:n(e,c),children:e.name})}),(0,s.jsx)(o,{...e})]},"".concat(e.name,"-").concat(i)))})};i.Z=e=>{let{title:i,variants:c,subComponent:l,isSubComponent:h,componentName:r}=e,[p,w]=(0,a.useState)(),u=(0,n.useRouter)();return(0,a.useEffect)(()=>{if(u.query){var e;let i=null===(e=u.query.page)||void 0===e?void 0:e.toString();i&&w(c.find(e=>e.name.toLowerCase()===i))}},[u]),(0,s.jsxs)(s.Fragment,{children:[p&&(0,s.jsx)("div",{children:(0,s.jsx)(o,{...p})}),!p&&!h&&(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h1",{children:i}),(0,s.jsx)(d,{variants:c,componentName:r})]}),l]}),!p&&h&&(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h2",{children:i}),(0,s.jsx)(d,{variants:c,componentName:r})]})]})}},93317:function(e,i,c){c.r(i);var s=c(52322),n=c(2784),a=c(70741),t=c(57092),l=c(57884),o=c(57284),d=c(49953),h=c(10326);i.default=()=>{let[e,i]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>i(""),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.Z,{className:"tab-container",children:(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)(l.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Def) Label"})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===e?"check":"copy",variant:"ghost",onClick:()=>{i("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:''})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{i(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Def) Label"})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===e?"check":"copy",variant:"ghost",onClick:()=>{i("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Def) Label"})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===e?"check":"copy",variant:"ghost",onClick:()=>{i("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]})]})}),(0,s.jsx)(a.Z,{className:"tab-container",children:(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)(l.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'No Label'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'No Label'===e?"check":"copy",variant:"ghost",onClick:()=>{i('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:''})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{i(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'No Label'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'No Label'===e?"check":"copy",variant:"ghost",onClick:()=>{i('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'No Label'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'No Label'===e?"check":"copy",variant:"ghost",onClick:()=>{i('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]})]})})]})}},20269:function(e,i,c){c.r(i);var s=c(52322),n=c(2784),a=c(70741),t=c(57092),l=c(57884),o=c(57284),d=c(49953),h=c(10326);i.default=()=>{let[e,i]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>i(""),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.Z,{className:"tab-container",children:(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)(l.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Custom Icons'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Custom Icons'===e?"check":"copy",variant:"ghost",onClick:()=>{i('Custom Icons'),navigator.clipboard.writeText('Custom Icons')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:''})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{i(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'\n Custom Icons\n'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'\n Custom Icons\n'===e?"check":"copy",variant:"ghost",onClick:()=>{i('\n Custom Icons\n'),navigator.clipboard.writeText('\n Custom Icons\n')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Custom Icons'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Custom Icons'===e?"check":"copy",variant:"ghost",onClick:()=>{i('Custom Icons'),navigator.clipboard.writeText('Custom Icons')},children:"Copy code"})]})]})}),(0,s.jsx)(a.Z,{className:"tab-container",children:(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)(l.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Custom Icons+ Emphasis'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Custom Icons+ Emphasis'===e?"check":"copy",variant:"ghost",onClick:()=>{i('Custom Icons+ Emphasis'),navigator.clipboard.writeText('Custom Icons+ Emphasis')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'\n \n Custom Icons+ Emphasis\n'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'\n \n Custom Icons+ Emphasis\n'===e?"check":"copy",variant:"ghost",onClick:()=>{i('\n \n Custom Icons+ Emphasis\n'),navigator.clipboard.writeText('\n \n Custom Icons+ Emphasis\n')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'\n Custom Icons+ Emphasis\n'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'\n Custom Icons+ Emphasis\n'===e?"check":"copy",variant:"ghost",onClick:()=>{i('\n Custom Icons+ Emphasis\n'),navigator.clipboard.writeText('\n Custom Icons+ Emphasis\n')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Custom Icons+ Emphasis'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Custom Icons+ Emphasis'===e?"check":"copy",variant:"ghost",onClick:()=>{i('Custom Icons+ Emphasis'),navigator.clipboard.writeText('Custom Icons+ Emphasis')},children:"Copy code"})]})]})})]})}},14286:function(e,i,c){c.r(i);var s=c(52322),n=c(2784),a=c(70741),t=c(57092),l=c(57884),o=c(57284),d=c(49953),h=c(10326);i.default=()=>{let[e,i]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>i(""),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.Z,{className:"tab-container",children:(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)(l.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Def) Medium"})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===e?"check":"copy",variant:"ghost",onClick:()=>{i("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:''})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{i(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Def) Medium"})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===e?"check":"copy",variant:"ghost",onClick:()=>{i("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Def) Medium"})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===e?"check":"copy",variant:"ghost",onClick:()=>{i("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]})]})}),(0,s.jsx)(a.Z,{className:"tab-container",children:(0,s.jsxs)(t.Z,{children:[(0,s.jsxs)(l.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Small'===e?"check":"copy",variant:"ghost",onClick:()=>{i('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:''})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{i(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Small'===e?"check":"copy",variant:"ghost",onClick:()=>{i('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Small'===e?"check":"copy",variant:"ghost",onClick:()=>{i('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})}},18061:function(e){e.exports=JSON.parse('[{"name":"Density","examples":[{"name":"functional","className":"db-density-functional","props":{}},{"name":"regular (Default)","className":"db-density-regular","props":{}},{"name":"expressive","className":"db-density-expressive","props":{}}]},{"name":"States","examples":[{"name":"(Def) Enabled","props":{}},{"name":"Checked","props":{"checked":true}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Emphasis","examples":[{"name":"(Def) Weak + unchecked","props":{"emphasis":"weak"}},{"name":"Strong + unchecked","props":{"emphasis":"strong"}},{"name":"(Def) Weak + checked","props":{"emphasis":"weak","checked":true}},{"name":"Strong + checked","props":{"emphasis":"strong","checked":true}}]},{"name":"Visual Aid","examples":[{"name":"(Def) No Visual Aid + unchecked","props":{"visualAid":false}},{"name":"Visual Aid + unchecked","props":{"visualAid":true}},{"name":"(Def) No Visual Aid + checked","props":{"visualAid":false,"checked":true}},{"name":"Visual Aid + checked","props":{"visualAid":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Def) Medium","props":{}},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Def) Label","props":{}},{"name":"No Label","props":{"variant":"hidden"}}]},{"name":"Examples","examples":[{"name":"Custom Icons","props":{"visualAid":true,"icon":"night","iconAfter":"day"}},{"name":"Custom Icons+ Emphasis","props":{"visualAid":true,"icon":"lock_closed","iconAfter":"lock_open","emphasis":"strong"}}]}]')}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/90789-499c1906b1dd795f.js b/review/fix-a11y-form-component-ids/_next/static/chunks/90789-f67ff60f87a0eed4.js
similarity index 76%
rename from review/fix-a11y-form-component-ids/_next/static/chunks/90789-499c1906b1dd795f.js
rename to review/fix-a11y-form-component-ids/_next/static/chunks/90789-f67ff60f87a0eed4.js
index 5acbd5b778a..94b0a70d4b8 100644
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/90789-499c1906b1dd795f.js
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/90789-f67ff60f87a0eed4.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90789],{90789:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),t=a(70741),s=a(57092),o=a(57884),c=a(57284),d=a(49953),p=a(10326);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(""),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(o.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"(Default) Optional"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"(Default) Optional"===e?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Optional"),navigator.clipboard.writeText("(Default) Optional")},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Optional\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Optional\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Optional\n'),navigator.clipboard.writeText('\n (Default) Optional\n')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:"(Default) Optional"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"(Default) Optional"===e?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Optional"),navigator.clipboard.writeText("(Default) Optional")},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(o.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"Required"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"Required"===e?"check":"copy",variant:"ghost",onClick:()=>{n("Required"),navigator.clipboard.writeText("Required")},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:"Required"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"Required"===e?"check":"copy",variant:"ghost",onClick:()=>{n("Required"),navigator.clipboard.writeText("Required")},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90789],{90789:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),t=a(70741),s=a(57092),o=a(57884),c=a(57284),d=a(49953),p=a(10326);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(""),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(o.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"(Default) Optional"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"(Default) Optional"===e?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Optional"),navigator.clipboard.writeText("(Default) Optional")},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Optional\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Optional\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Optional\n'),navigator.clipboard.writeText('\n (Default) Optional\n')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:"(Default) Optional"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"(Default) Optional"===e?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Optional"),navigator.clipboard.writeText("(Default) Optional")},children:"Copy code"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(o.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"Required"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"Required"===e?"check":"copy",variant:"ghost",onClick:()=>{n("Required"),navigator.clipboard.writeText("Required")},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:"Required"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"Required"===e?"check":"copy",variant:"ghost",onClick:()=>{n("Required"),navigator.clipboard.writeText("Required")},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/93750-eb6ffce919a34399.js b/review/fix-a11y-form-component-ids/_next/static/chunks/93750-eb6ffce919a34399.js
deleted file mode 100644
index d11105ac922..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/93750-eb6ffce919a34399.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93750],{93750:function(e,n,a){a.r(n);var l=a(52322),t=a(2784),i=a(70741),s=a(57092),o=a(57884),c=a(57284),d=a(49953),p=a(10326);n.default=()=>{let[e,n]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>n(""),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(o.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===e?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===e?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]})]})}),(0,l.jsx)(i.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(o.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"Text - Leading Icon"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"Text - Leading Icon"===e?"check":"copy",variant:"ghost",onClick:()=>{n("Text - Leading Icon"),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:"Text - Leading Icon"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"Text - Leading Icon"===e?"check":"copy",variant:"ghost",onClick:()=>{n("Text - Leading Icon"),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/93750-ffc8b06d5157d64b.js b/review/fix-a11y-form-component-ids/_next/static/chunks/93750-ffc8b06d5157d64b.js
new file mode 100644
index 00000000000..54cfb93f32e
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/93750-ffc8b06d5157d64b.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93750],{93750:function(e,n,a){a.r(n);var l=a(52322),t=a(2784),i=a(70741),s=a(57092),o=a(57884),c=a(57284),d=a(49953),p=a(10326);n.default=()=>{let[e,n]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>n(""),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(o.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===e?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===e?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]})]})}),(0,l.jsx)(i.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(o.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"Text - Leading Icon"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"Text - Leading Icon"===e?"check":"copy",variant:"ghost",onClick:()=>{n("Text - Leading Icon"),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:"Text - Leading Icon"})}),(0,l.jsx)(p.Z,{className:"copy-button",noText:!0,icon:"Text - Leading Icon"===e?"check":"copy",variant:"ghost",onClick:()=>{n("Text - Leading Icon"),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy code"})]})]})})]})}}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/99697-8618c90e4d384a86.js b/review/fix-a11y-form-component-ids/_next/static/chunks/99697-8618c90e4d384a86.js
new file mode 100644
index 00000000000..314ea1e01ea
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/99697-8618c90e4d384a86.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[99697],{45016:function(e,n,a){a.d(n,{P:function(){return c}});let c=(e,n,a)=>e.map((e,c)=>{var s;return{...e,slotCode:null!==(s=null==a?void 0:a.at(c))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var a,c,s,i;return{...e,example:n({...e.props,id:null!==(s=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==s?s:e.name,children:null!==(i=null===(c=e.props)||void 0===c?void 0:c.children)&&void 0!==i?i:e.name})}})}})},47439:function(e,n,a){var c=a(52322),s=a(5632),i=a(2784),l=a(55216),t=a(12480);let d=e=>{let{examples:n,slotCode:a}=e,[s,l]=(0,i.useState)();return(0,c.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,c.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,c.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,c.jsxs)("details",{className:"code-details",onToggle:()=>{l(!s)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:s?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-density-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(t.f,{className:"code",spacing:"small",children:a})]})]})]})},o=e=>{let{variants:n,componentName:a}=e,s=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],c="?page=".concat(e.name.toLowerCase());return n?"".concat(a.split("components")[0],"/components/").concat(n).concat(c):"".concat(a).concat(c)};return(0,c.jsx)(c.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,c.jsxs)("div",{children:[(0,c.jsx)(t.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(t.vB,{content:"external",target:"_blank",href:s(e,a),children:e.name})}),(0,c.jsx)(d,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:a,subComponent:t,isSubComponent:r,componentName:b}=e,[h,x]=(0,i.useState)(),m=(0,s.useRouter)();return(0,i.useEffect)(()=>{if(m.query){var e;let n=null===(e=m.query.page)||void 0===e?void 0:e.toString();n&&x(a.find(e=>e.name.toLowerCase()===n))}},[m]),(0,c.jsxs)(c.Fragment,{children:[h&&(0,c.jsx)("div",{children:(0,c.jsx)(d,{...h})}),!h&&!r&&(0,c.jsxs)(l.Z,{children:[(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h1",{children:n}),(0,c.jsx)(o,{variants:a,componentName:b})]}),t]}),!h&&r&&(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h2",{children:n}),(0,c.jsx)(o,{variants:a,componentName:b})]})]})}},22390:function(e,n,a){a.r(n);var c=a(52322),s=a(2784),i=a(70741),l=a(57092),t=a(57884),d=a(57284),o=a(49953),r=a(10326);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(""),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(l.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(l.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n No Label\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]})]})})]})}},10168:function(e,n,a){a.r(n);var c=a(52322),s=a(2784),i=a(70741),l=a(57092),t=a(57884),d=a(57284),o=a(49953),r=a(10326);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(""),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(l.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(l.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Disabled'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Disabled'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})}},96969:function(e,n,a){a.r(n);var c=a(52322),s=a(2784),i=a(70741),l=a(57092),t=a(57884),d=a(57284),o=a(49953),r=a(10326);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(""),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(l.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(l.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})}},46810:function(e){e.exports=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"name":"Density"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"name":"Density"}},{"name":"Expressive","className":"db-density-expressive","props":{"name":"Density"}}]},{"name":"Interaction States","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","examples":[{"name":"(Default) Unchecked","props":{"name":"States"}},{"name":"Unchecked - Invalid","props":{"name":"States","required":true}},{"name":"Checked","props":{"name":"States","checked":true}},{"name":"Checked - Valid","props":{"name":"States","required":true,"checked":true}},{"name":"Indeterminate","props":{"name":"States","indeterminate":true}},{"name":"Indeterminate - Invalid","props":{"name":"States","indeterminate":true,"required":true}},{"name":"Indeterminate - Valid","props":{"name":"States","indeterminate":true,"required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}},{"name":"Required - Indeterminate","props":{"name":"Requirement","indeterminate":true}}]},{"name":"Content","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"No Label","props":{"name":"Content","variant":"hidden"}}]}]')}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/99697-c391f7d9ad3fb5ad.js b/review/fix-a11y-form-component-ids/_next/static/chunks/99697-c391f7d9ad3fb5ad.js
deleted file mode 100644
index 2e2db55de74..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/99697-c391f7d9ad3fb5ad.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[99697],{45016:function(e,n,a){a.d(n,{P:function(){return c}});let c=(e,n,a)=>e.map((e,c)=>{var s;return{...e,slotCode:null!==(s=null==a?void 0:a.at(c))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var a,c,s,i;return{...e,example:n({...e.props,id:null!==(s=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==s?s:e.name,children:null!==(i=null===(c=e.props)||void 0===c?void 0:c.children)&&void 0!==i?i:e.name})}})}})},47439:function(e,n,a){var c=a(52322),s=a(5632),i=a(2784),l=a(55216),t=a(12480);let d=e=>{let{examples:n,slotCode:a}=e,[s,l]=(0,i.useState)();return(0,c.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,c.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,c.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,c.jsxs)("details",{className:"code-details",onToggle:()=>{l(!s)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:s?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-density-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(t.f,{className:"code",spacing:"small",children:a})]})]})]})},o=e=>{let{variants:n,componentName:a}=e,s=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],c="?page=".concat(e.name.toLowerCase());return n?"".concat(a.split("components")[0],"/components/").concat(n).concat(c):"".concat(a).concat(c)};return(0,c.jsx)(c.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,c.jsxs)("div",{children:[(0,c.jsx)(t.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(t.vB,{content:"external",target:"_blank",href:s(e,a),children:e.name})}),(0,c.jsx)(d,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:a,subComponent:t,isSubComponent:r,componentName:b}=e,[h,x]=(0,i.useState)(),m=(0,s.useRouter)();return(0,i.useEffect)(()=>{if(m.query){var e;let n=null===(e=m.query.page)||void 0===e?void 0:e.toString();n&&x(a.find(e=>e.name.toLowerCase()===n))}},[m]),(0,c.jsxs)(c.Fragment,{children:[h&&(0,c.jsx)("div",{children:(0,c.jsx)(d,{...h})}),!h&&!r&&(0,c.jsxs)(l.Z,{children:[(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h1",{children:n}),(0,c.jsx)(o,{variants:a,componentName:b})]}),t]}),!h&&r&&(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h2",{children:n}),(0,c.jsx)(o,{variants:a,componentName:b})]})]})}},22390:function(e,n,a){a.r(n);var c=a(52322),s=a(2784),i=a(70741),l=a(57092),t=a(57884),d=a(57284),o=a(49953),r=a(10326);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(""),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(l.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(l.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n No Label\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]})]})})]})}},10168:function(e,n,a){a.r(n);var c=a(52322),s=a(2784),i=a(70741),l=a(57092),t=a(57884),d=a(57284),o=a(49953),r=a(10326);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(""),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(l.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(l.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Disabled'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:"undefined"===e?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'Disabled'===e?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})}},96969:function(e,n,a){a.r(n);var c=a(52322),s=a(2784),i=a(70741),l=a(57092),t=a(57884),d=a(57284),o=a(49953),r=a(10326);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(""),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(l.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(l.Z,{children:[(0,c.jsxs)(t.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})}},46810:function(e){e.exports=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"name":"Density"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"name":"Density"}},{"name":"Expressive","className":"db-density-expressive","props":{"name":"Density"}}]},{"name":"Interaction States","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","examples":[{"name":"(Default) Unchecked","props":{"name":"States"}},{"name":"Unchecked - Invalid","props":{"name":"States","required":true}},{"name":"Checked","props":{"name":"States","checked":true}},{"name":"Checked - Valid","props":{"name":"States","required":true,"checked":true}},{"name":"Indeterminate","props":{"name":"States","indeterminate":true}},{"name":"Indeterminate - Invalid","props":{"name":"States","indeterminate":true,"required":true}},{"name":"Indeterminate - Valid","props":{"name":"States","indeterminate":true,"required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}},{"name":"Required - Indeterminate","props":{"name":"Requirement","indeterminate":true}}]},{"name":"Content","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"No Label","props":{"name":"Content","variant":"hidden"}}]}]')}}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/checkbox/code/Content-4b9dece788642035.js b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/checkbox/code/Content-4b9dece788642035.js
deleted file mode 100644
index b31007dd775..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/checkbox/code/Content-4b9dece788642035.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[65279],{30893:function(n,e,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/code/Content",function(){return a(22390)}])},22390:function(n,e,a){"use strict";a.r(e);var c=a(52322),s=a(2784),i=a(70741),d=a(57092),l=a(57884),t=a(57284),o=a(49953),b=a(10326);e.default=()=>{let[n,e]=(0,s.useState)();return(0,s.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(d.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(d.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n No Label\n'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]})]})})]})}}},function(n){n.O(0,[9572,92888,49774,40179],function(){return n(n.s=30893)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/checkbox/code/Content-8d6d566de0ca131d.js b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/checkbox/code/Content-8d6d566de0ca131d.js
new file mode 100644
index 00000000000..6a85bf33734
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/checkbox/code/Content-8d6d566de0ca131d.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[65279],{30893:function(n,e,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/code/Content",function(){return a(22390)}])},22390:function(n,e,a){"use strict";a.r(e);var c=a(52322),s=a(2784),i=a(70741),d=a(57092),l=a(57884),t=a(57284),o=a(49953),b=a(10326);e.default=()=>{let[n,e]=(0,s.useState)();return(0,s.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(d.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(d.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n No Label\n'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]})]})})]})}}},function(n){n.O(0,[9572,92888,49774,40179],function(){return n(n.s=30893)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/checkbox/code/Size-40295e2574aea22e.js b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/checkbox/code/Size-40295e2574aea22e.js
deleted file mode 100644
index eeb5695d801..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/checkbox/code/Size-40295e2574aea22e.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25021],{62057:function(e,n,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/code/Size",function(){return a(96969)}])},96969:function(e,n,a){"use strict";a.r(n);var c=a(52322),s=a(2784),i=a(70741),l=a(57092),d=a(57884),o=a(57284),t=a(49953),b=a(10326);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(""),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(l.Z,{children:[(0,c.jsxs)(d.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(l.Z,{children:[(0,c.jsxs)(d.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})}}},function(e){e.O(0,[9572,92888,49774,40179],function(){return e(e.s=62057)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/checkbox/code/Size-fb90696c267c161b.js b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/checkbox/code/Size-fb90696c267c161b.js
new file mode 100644
index 00000000000..1a21ca04372
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/checkbox/code/Size-fb90696c267c161b.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25021],{62057:function(e,n,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/code/Size",function(){return a(96969)}])},96969:function(e,n,a){"use strict";a.r(n);var c=a(52322),s=a(2784),i=a(70741),l=a(57092),d=a(57884),o=a(57284),t=a(49953),b=a(10326);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(""),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(l.Z,{children:[(0,c.jsxs)(d.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===e?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,c.jsx)(i.Z,{className:"tab-container",children:(0,c.jsxs)(l.Z,{children:[(0,c.jsxs)(d.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,c.jsx)(b.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===e?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})}}},function(e){e.O(0,[9572,92888,49774,40179],function(){return e(e.s=62057)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/input/code/Requirement-f7d49308b27c1e86.js b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/input/code/Requirement-4c975bdbfc1d8f8b.js
similarity index 62%
rename from review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/input/code/Requirement-f7d49308b27c1e86.js
rename to review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/input/code/Requirement-4c975bdbfc1d8f8b.js
index a78ff3ae225..ab92fa52e98 100644
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/input/code/Requirement-f7d49308b27c1e86.js
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/input/code/Requirement-4c975bdbfc1d8f8b.js
@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35181],{66747:function(n,a,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/code/Requirement",function(){return e(10876)}])},10876:function(n,a,e){"use strict";e.r(a);var i=e(52322),l=e(2784),s=e(70741),t=e(57092),d=e(57884),c=e(57284),u=e(49953),p=e(10326);a.default=()=>{let[n,a]=(0,l.useState)();return(0,l.useEffect)(()=>{n&&setTimeout(()=>a(""),1500)},[n]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Z,{className:"tab-container",children:(0,i.jsxs)(t.Z,{children:[(0,i.jsxs)(d.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(u.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,i.jsxs)(u.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,i.jsxs)(u.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,i.jsxs)(u.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,i.jsx)(s.Z,{className:"tab-container",children:(0,i.jsxs)(t.Z,{children:[(0,i.jsxs)(d.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(u.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'Required'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,i.jsxs)(u.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,i.jsxs)(u.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,i.jsxs)(u.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'Required'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})}}},function(n){n.O(0,[9572,92888,49774,40179],function(){return n(n.s=66747)}),_N_E=n.O()}]);
\ No newline at end of file
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35181],{66747:function(n,a,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/code/Requirement",function(){return e(10876)}])},10876:function(n,a,e){"use strict";e.r(a);var i=e(52322),l=e(2784),s=e(70741),t=e(57092),d=e(57884),c=e(57284),u=e(49953),p=e(10326);a.default=()=>{let[n,a]=(0,l.useState)();return(0,l.useEffect)(()=>{n&&setTimeout(()=>a(""),1500)},[n]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Z,{className:"tab-container",children:(0,i.jsxs)(t.Z,{children:[(0,i.jsxs)(d.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(u.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,i.jsxs)(u.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,i.jsxs)(u.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,i.jsxs)(u.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,i.jsx)(s.Z,{className:"tab-container",children:(0,i.jsxs)(t.Z,{children:[(0,i.jsxs)(d.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(u.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'Required'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,i.jsxs)(u.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,i.jsxs)(u.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,i.jsxs)(u.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:'Required'===n?"check":"copy",variant:"ghost",onClick:()=>{a('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})}}},function(n){n.O(0,[9572,92888,49774,40179],function(){return n(n.s=66747)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/navigation-item/code/Width-152d32e94fb3deea.js b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/navigation-item/code/Width-152d32e94fb3deea.js
new file mode 100644
index 00000000000..31ed7c26dcf
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/navigation-item/code/Width-152d32e94fb3deea.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29296],{64165:function(a,n,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Width",function(){return i(43570)}])},43570:function(a,n,i){"use strict";i.r(n);var t=i(52322),e=i(2784),l=i(70741),o=i(57092),s=i(57884),c=i(57284),d=i(49953),u=i(10326);n.default=()=>{let[a,n]=(0,e.useState)();return(0,e.useEffect)(()=>{a&&setTimeout(()=>n(""),1500)},[a]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(l.Z,{className:"tab-container",children:(0,t.jsxs)(o.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"(Default) Auto"})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===a?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n \n (Default) Auto\n \n \n'})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'\n \n (Default) Auto\n \n \n'===a?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n (Default) Auto\n \n \n'),navigator.clipboard.writeText('\n \n (Default) Auto\n \n \n')},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===a?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===a?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]})]})}),(0,t.jsx)(l.Z,{className:"tab-container",children:(0,t.jsxs)(o.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Full'})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Full'===a?"check":"copy",variant:"ghost",onClick:()=>{n('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n \n Full\n \n \n'})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'\n \n Full\n \n \n'===a?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Full\n \n \n'),navigator.clipboard.writeText('\n \n Full\n \n \n')},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Full'===a?"check":"copy",variant:"ghost",onClick:()=>{n('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Full'===a?"check":"copy",variant:"ghost",onClick:()=>{n('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]})]})})]})}}},function(a){a.O(0,[9572,92888,49774,40179],function(){return a(a.s=64165)}),_N_E=a.O()}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/navigation-item/code/Width-aeec78da9e799632.js b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/navigation-item/code/Width-aeec78da9e799632.js
deleted file mode 100644
index 668fabdf45b..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/navigation-item/code/Width-aeec78da9e799632.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29296],{64165:function(a,n,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Width",function(){return i(43570)}])},43570:function(a,n,i){"use strict";i.r(n);var t=i(52322),e=i(2784),l=i(70741),o=i(57092),s=i(57884),c=i(57284),d=i(49953),u=i(10326);n.default=()=>{let[a,n]=(0,e.useState)();return(0,e.useEffect)(()=>{a&&setTimeout(()=>n(""),1500)},[a]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(l.Z,{className:"tab-container",children:(0,t.jsxs)(o.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"(Default) Auto"})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===a?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n \n (Default) Auto\n \n \n'})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'\n \n (Default) Auto\n \n \n'===a?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n (Default) Auto\n \n \n'),navigator.clipboard.writeText('\n \n (Default) Auto\n \n \n')},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===a?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===a?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]})]})}),(0,t.jsx)(l.Z,{className:"tab-container",children:(0,t.jsxs)(o.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Full'})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Full'===a?"check":"copy",variant:"ghost",onClick:()=>{n('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n \n Full\n \n \n'})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'\n \n Full\n \n \n'===a?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Full\n \n \n'),navigator.clipboard.writeText('\n \n Full\n \n \n')},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Full'===a?"check":"copy",variant:"ghost",onClick:()=>{n('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Full'===a?"check":"copy",variant:"ghost",onClick:()=>{n('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]})]})})]})}}},function(a){a.O(0,[9572,92888,49774,40179],function(){return a(a.s=64165)}),_N_E=a.O()}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/radio/code/Content-0db44c63c958a9e0.js b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/radio/code/Content-15dd213c141097a6.js
similarity index 80%
rename from review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/radio/code/Content-0db44c63c958a9e0.js
rename to review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/radio/code/Content-15dd213c141097a6.js
index ed04060ded5..9eec50bfcb4 100644
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/radio/code/Content-0db44c63c958a9e0.js
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/radio/code/Content-15dd213c141097a6.js
@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[73427],{64020:function(n,a,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/code/Content",function(){return e(72295)}])},72295:function(n,a,e){"use strict";e.r(a);var i=e(52322),d=e(2784),o=e(70741),t=e(57092),l=e(57884),r=e(57284),c=e(49953),s=e(10326);a.default=()=>{let[n,a]=(0,d.useState)();return(0,d.useEffect)(()=>{n&&setTimeout(()=>a(""),1500)},[n]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(t.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,i.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(s.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,i.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,i.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(t.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,i.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(s.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,i.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,i.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})}}},function(n){n.O(0,[9572,92888,49774,40179],function(){return n(n.s=64020)}),_N_E=n.O()}]);
\ No newline at end of file
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[73427],{64020:function(n,a,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/code/Content",function(){return e(72295)}])},72295:function(n,a,e){"use strict";e.r(a);var i=e(52322),d=e(2784),o=e(70741),t=e(57092),l=e(57884),r=e(57284),c=e(49953),s=e(10326);a.default=()=>{let[n,a]=(0,d.useState)();return(0,d.useEffect)(()=>{n&&setTimeout(()=>a(""),1500)},[n]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(t.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,i.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(s.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,i.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,i.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===n?"check":"copy",variant:"ghost",onClick:()=>{a('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(t.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,i.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(s.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{a(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,i.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,i.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{a('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})}}},function(n){n.O(0,[9572,92888,49774,40179],function(){return n(n.s=64020)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/radio/code/Requirement-4ead1d23981eba26.js b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/radio/code/Requirement-22681241cfe05604.js
similarity index 56%
rename from review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/radio/code/Requirement-4ead1d23981eba26.js
rename to review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/radio/code/Requirement-22681241cfe05604.js
index 7f530971928..49d63dde610 100644
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/radio/code/Requirement-4ead1d23981eba26.js
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/radio/code/Requirement-22681241cfe05604.js
@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70404],{26756:function(e,i,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/code/Requirement",function(){return a(89758)}])},89758:function(e,i,a){"use strict";a.r(i);var n=a(52322),r=a(2784),d=a(70741),o=a(57092),l=a(57884),t=a(57284),c=a(49953),s=a(10326);i.default=()=>{let[e,i]=(0,r.useState)();return(0,r.useEffect)(()=>{e&&setTimeout(()=>i(""),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(t.Z,{children:"Angular"}),(0,n.jsx)(t.Z,{children:"HTML"}),(0,n.jsx)(t.Z,{children:"React"}),(0,n.jsx)(t.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,n.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{i('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(s.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{i(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,n.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{i('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,n.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{i('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,n.jsx)(d.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(t.Z,{children:"Angular"}),(0,n.jsx)(t.Z,{children:"HTML"}),(0,n.jsx)(t.Z,{children:"React"}),(0,n.jsx)(t.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,n.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{i('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(s.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{i(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,n.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===e?"check":"copy",variant:"ghost",onClick:()=>{i('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,n.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{i('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})}}},function(e){e.O(0,[9572,92888,49774,40179],function(){return e(e.s=26756)}),_N_E=e.O()}]);
\ No newline at end of file
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70404],{26756:function(e,i,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/code/Requirement",function(){return a(89758)}])},89758:function(e,i,a){"use strict";a.r(i);var n=a(52322),r=a(2784),d=a(70741),o=a(57092),l=a(57884),t=a(57284),c=a(49953),s=a(10326);i.default=()=>{let[e,i]=(0,r.useState)();return(0,r.useEffect)(()=>{e&&setTimeout(()=>i(""),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(t.Z,{children:"Angular"}),(0,n.jsx)(t.Z,{children:"HTML"}),(0,n.jsx)(t.Z,{children:"React"}),(0,n.jsx)(t.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,n.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{i('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(s.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{i(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,n.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{i('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,n.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===e?"check":"copy",variant:"ghost",onClick:()=>{i('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,n.jsx)(d.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(t.Z,{children:"Angular"}),(0,n.jsx)(t.Z,{children:"HTML"}),(0,n.jsx)(t.Z,{children:"React"}),(0,n.jsx)(t.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,n.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{i('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(s.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{i(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,n.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===e?"check":"copy",variant:"ghost",onClick:()=>{i('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,n.jsx)(s.Z,{className:"copy-button",noText:!0,icon:'Required'===e?"check":"copy",variant:"ghost",onClick:()=>{i('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})}}},function(e){e.O(0,[9572,92888,49774,40179],function(){return e(e.s=26756)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/radio/code/Size-3769390e14d9b223.js b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/radio/code/Size-3769390e14d9b223.js
new file mode 100644
index 00000000000..c7ebd69965e
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/radio/code/Size-3769390e14d9b223.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29743],{91385:function(a,e,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/code/Size",function(){return i(66187)}])},66187:function(a,e,i){"use strict";i.r(e);var n=i(52322),l=i(2784),d=i(70741),o=i(57092),s=i(57884),r=i(57284),c=i(49953),t=i(10326);e.default=()=>{let[a,e]=(0,l.useState)();return(0,l.useEffect)(()=>{a&&setTimeout(()=>e(""),1500)},[a]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(r.Z,{children:"Angular"}),(0,n.jsx)(r.Z,{children:"HTML"}),(0,n.jsx)(r.Z,{children:"React"}),(0,n.jsx)(r.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,n.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===a?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(t.Z,{className:"copy-button",noText:!0,icon:''===a?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,n.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===a?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,n.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===a?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,n.jsx)(d.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(r.Z,{children:"Angular"}),(0,n.jsx)(r.Z,{children:"HTML"}),(0,n.jsx)(r.Z,{children:"React"}),(0,n.jsx)(r.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,n.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(t.Z,{className:"copy-button",noText:!0,icon:''===a?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,n.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,n.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})}}},function(a){a.O(0,[9572,92888,49774,40179],function(){return a(a.s=91385)}),_N_E=a.O()}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/radio/code/Size-f93e9eee8facdd0c.js b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/radio/code/Size-f93e9eee8facdd0c.js
deleted file mode 100644
index 1c473c3bcf2..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/radio/code/Size-f93e9eee8facdd0c.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29743],{91385:function(a,e,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/code/Size",function(){return i(66187)}])},66187:function(a,e,i){"use strict";i.r(e);var n=i(52322),l=i(2784),d=i(70741),o=i(57092),s=i(57884),r=i(57284),c=i(49953),t=i(10326);e.default=()=>{let[a,e]=(0,l.useState)();return(0,l.useEffect)(()=>{a&&setTimeout(()=>e(""),1500)},[a]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(r.Z,{children:"Angular"}),(0,n.jsx)(r.Z,{children:"HTML"}),(0,n.jsx)(r.Z,{children:"React"}),(0,n.jsx)(r.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,n.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===a?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(t.Z,{className:"copy-button",noText:!0,icon:''===a?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,n.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===a?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,n.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===a?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,n.jsx)(d.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(r.Z,{children:"Angular"}),(0,n.jsx)(r.Z,{children:"HTML"}),(0,n.jsx)(r.Z,{children:"React"}),(0,n.jsx)(r.Z,{children:"Vue"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,n.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(t.Z,{className:"copy-button",noText:!0,icon:''===a?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,n.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,n.jsxs)(c.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,n.jsx)(t.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})}}},function(a){a.O(0,[9572,92888,49774,40179],function(){return a(a.s=91385)}),_N_E=a.O()}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/switch/code/Content-48594e1015c4e813.js b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/switch/code/Content-48594e1015c4e813.js
new file mode 100644
index 00000000000..151a906c11e
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/switch/code/Content-48594e1015c4e813.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94163],{14155:function(e,i,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/switch/code/Content",function(){return c(93317)}])},93317:function(e,i,c){"use strict";c.r(i);var n=c(52322),a=c(2784),t=c(70741),l=c(57092),s=c(57884),h=c(57284),d=c(49953),o=c(10326);i.default=()=>{let[e,i]=(0,a.useState)();return(0,a.useEffect)(()=>{e&&setTimeout(()=>i(""),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(l.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(h.Z,{children:"Angular"}),(0,n.jsx)(h.Z,{children:"HTML"}),(0,n.jsx)(h.Z,{children:"React"}),(0,n.jsx)(h.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Def) Label"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===e?"check":"copy",variant:"ghost",onClick:()=>{i("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{i(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Def) Label"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===e?"check":"copy",variant:"ghost",onClick:()=>{i("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Def) Label"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===e?"check":"copy",variant:"ghost",onClick:()=>{i("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]})]})}),(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(l.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(h.Z,{children:"Angular"}),(0,n.jsx)(h.Z,{children:"HTML"}),(0,n.jsx)(h.Z,{children:"React"}),(0,n.jsx)(h.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'No Label'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'No Label'===e?"check":"copy",variant:"ghost",onClick:()=>{i('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{i(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'No Label'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'No Label'===e?"check":"copy",variant:"ghost",onClick:()=>{i('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'No Label'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'No Label'===e?"check":"copy",variant:"ghost",onClick:()=>{i('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]})]})})]})}}},function(e){e.O(0,[9572,92888,49774,40179],function(){return e(e.s=14155)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/switch/code/Content-8f6c73123a8522db.js b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/switch/code/Content-8f6c73123a8522db.js
deleted file mode 100644
index 4c93fb9d90c..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/switch/code/Content-8f6c73123a8522db.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94163],{14155:function(e,i,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/switch/code/Content",function(){return c(93317)}])},93317:function(e,i,c){"use strict";c.r(i);var n=c(52322),a=c(2784),t=c(70741),l=c(57092),s=c(57884),h=c(57284),d=c(49953),o=c(10326);i.default=()=>{let[e,i]=(0,a.useState)();return(0,a.useEffect)(()=>{e&&setTimeout(()=>i(""),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(l.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(h.Z,{children:"Angular"}),(0,n.jsx)(h.Z,{children:"HTML"}),(0,n.jsx)(h.Z,{children:"React"}),(0,n.jsx)(h.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Def) Label"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===e?"check":"copy",variant:"ghost",onClick:()=>{i("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{i(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Def) Label"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===e?"check":"copy",variant:"ghost",onClick:()=>{i("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Def) Label"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===e?"check":"copy",variant:"ghost",onClick:()=>{i("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]})]})}),(0,n.jsx)(t.Z,{className:"tab-container",children:(0,n.jsxs)(l.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(h.Z,{children:"Angular"}),(0,n.jsx)(h.Z,{children:"HTML"}),(0,n.jsx)(h.Z,{children:"React"}),(0,n.jsx)(h.Z,{children:"Vue"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'No Label'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'No Label'===e?"check":"copy",variant:"ghost",onClick:()=>{i('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:''})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===e?"check":"copy",variant:"ghost",onClick:()=>{i(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'No Label'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'No Label'===e?"check":"copy",variant:"ghost",onClick:()=>{i('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]}),(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'No Label'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'No Label'===e?"check":"copy",variant:"ghost",onClick:()=>{i('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]})]})})]})}}},function(e){e.O(0,[9572,92888,49774,40179],function(){return e(e.s=14155)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/switch/code/Examples-9b5c64f88e30746b.js b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/switch/code/Examples-9b5c64f88e30746b.js
new file mode 100644
index 00000000000..6e05a2c9316
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/switch/code/Examples-9b5c64f88e30746b.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84906],{44824:function(i,n,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/switch/code/Examples",function(){return c(20269)}])},20269:function(i,n,c){"use strict";c.r(n);var s=c(52322),t=c(2784),o=c(70741),a=c(57092),e=c(57884),l=c(57284),d=c(49953),h=c(10326);n.default=()=>{let[i,n]=(0,t.useState)();return(0,t.useEffect)(()=>{i&&setTimeout(()=>n(""),1500)},[i]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.Z,{className:"tab-container",children:(0,s.jsxs)(a.Z,{children:[(0,s.jsxs)(e.Z,{children:[(0,s.jsx)(l.Z,{children:"Angular"}),(0,s.jsx)(l.Z,{children:"HTML"}),(0,s.jsx)(l.Z,{children:"React"}),(0,s.jsx)(l.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Custom Icons'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Custom Icons'===i?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons'),navigator.clipboard.writeText('Custom Icons')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:''})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:''===i?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'\n Custom Icons\n'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'\n Custom Icons\n'===i?"check":"copy",variant:"ghost",onClick:()=>{n('\n Custom Icons\n'),navigator.clipboard.writeText('\n Custom Icons\n')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Custom Icons'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Custom Icons'===i?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons'),navigator.clipboard.writeText('Custom Icons')},children:"Copy code"})]})]})}),(0,s.jsx)(o.Z,{className:"tab-container",children:(0,s.jsxs)(a.Z,{children:[(0,s.jsxs)(e.Z,{children:[(0,s.jsx)(l.Z,{children:"Angular"}),(0,s.jsx)(l.Z,{children:"HTML"}),(0,s.jsx)(l.Z,{children:"React"}),(0,s.jsx)(l.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Custom Icons+ Emphasis'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Custom Icons+ Emphasis'===i?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons+ Emphasis'),navigator.clipboard.writeText('Custom Icons+ Emphasis')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'\n \n Custom Icons+ Emphasis\n'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'\n \n Custom Icons+ Emphasis\n'===i?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Custom Icons+ Emphasis\n'),navigator.clipboard.writeText('\n \n Custom Icons+ Emphasis\n')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'\n Custom Icons+ Emphasis\n'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'\n Custom Icons+ Emphasis\n'===i?"check":"copy",variant:"ghost",onClick:()=>{n('\n Custom Icons+ Emphasis\n'),navigator.clipboard.writeText('\n Custom Icons+ Emphasis\n')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Custom Icons+ Emphasis'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Custom Icons+ Emphasis'===i?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons+ Emphasis'),navigator.clipboard.writeText('Custom Icons+ Emphasis')},children:"Copy code"})]})]})})]})}}},function(i){i.O(0,[9572,92888,49774,40179],function(){return i(i.s=44824)}),_N_E=i.O()}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/switch/code/Examples-a69415c60c3d381e.js b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/switch/code/Examples-a69415c60c3d381e.js
deleted file mode 100644
index e0001e90010..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/switch/code/Examples-a69415c60c3d381e.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84906],{44824:function(i,n,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/switch/code/Examples",function(){return c(20269)}])},20269:function(i,n,c){"use strict";c.r(n);var s=c(52322),t=c(2784),o=c(70741),a=c(57092),e=c(57884),l=c(57284),d=c(49953),h=c(10326);n.default=()=>{let[i,n]=(0,t.useState)();return(0,t.useEffect)(()=>{i&&setTimeout(()=>n(""),1500)},[i]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.Z,{className:"tab-container",children:(0,s.jsxs)(a.Z,{children:[(0,s.jsxs)(e.Z,{children:[(0,s.jsx)(l.Z,{children:"Angular"}),(0,s.jsx)(l.Z,{children:"HTML"}),(0,s.jsx)(l.Z,{children:"React"}),(0,s.jsx)(l.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Custom Icons'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Custom Icons'===i?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons'),navigator.clipboard.writeText('Custom Icons')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:''})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:''===i?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'\n Custom Icons\n'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'\n Custom Icons\n'===i?"check":"copy",variant:"ghost",onClick:()=>{n('\n Custom Icons\n'),navigator.clipboard.writeText('\n Custom Icons\n')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Custom Icons'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Custom Icons'===i?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons'),navigator.clipboard.writeText('Custom Icons')},children:"Copy code"})]})]})}),(0,s.jsx)(o.Z,{className:"tab-container",children:(0,s.jsxs)(a.Z,{children:[(0,s.jsxs)(e.Z,{children:[(0,s.jsx)(l.Z,{children:"Angular"}),(0,s.jsx)(l.Z,{children:"HTML"}),(0,s.jsx)(l.Z,{children:"React"}),(0,s.jsx)(l.Z,{children:"Vue"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Custom Icons+ Emphasis'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Custom Icons+ Emphasis'===i?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons+ Emphasis'),navigator.clipboard.writeText('Custom Icons+ Emphasis')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'\n \n Custom Icons+ Emphasis\n'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'\n \n Custom Icons+ Emphasis\n'===i?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Custom Icons+ Emphasis\n'),navigator.clipboard.writeText('\n \n Custom Icons+ Emphasis\n')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'\n Custom Icons+ Emphasis\n'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'\n Custom Icons+ Emphasis\n'===i?"check":"copy",variant:"ghost",onClick:()=>{n('\n Custom Icons+ Emphasis\n'),navigator.clipboard.writeText('\n Custom Icons+ Emphasis\n')},children:"Copy code"})]}),(0,s.jsxs)(d.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Custom Icons+ Emphasis'})}),(0,s.jsx)(h.Z,{className:"copy-button",noText:!0,icon:'Custom Icons+ Emphasis'===i?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons+ Emphasis'),navigator.clipboard.writeText('Custom Icons+ Emphasis')},children:"Copy code"})]})]})})]})}}},function(i){i.O(0,[9572,92888,49774,40179],function(){return i(i.s=44824)}),_N_E=i.O()}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/switch/code/Size-fb7bc37da03ef8f5.js b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/switch/code/Size-59be4d0cf6abe644.js
similarity index 79%
rename from review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/switch/code/Size-fb7bc37da03ef8f5.js
rename to review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/switch/code/Size-59be4d0cf6abe644.js
index fbf8a507dfd..df181f91444 100644
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/switch/code/Size-fb7bc37da03ef8f5.js
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/switch/code/Size-59be4d0cf6abe644.js
@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[36003],{44229:function(i,c,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/switch/code/Size",function(){return e(14286)}])},14286:function(i,c,e){"use strict";e.r(c);var l=e(52322),s=e(2784),n=e(70741),a=e(57092),t=e(57884),h=e(57284),d=e(49953),o=e(10326);c.default=()=>{let[i,c]=(0,s.useState)();return(0,s.useEffect)(()=>{i&&setTimeout(()=>c(""),1500)},[i]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(n.Z,{className:"tab-container",children:(0,l.jsxs)(a.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(h.Z,{children:"Angular"}),(0,l.jsx)(h.Z,{children:"HTML"}),(0,l.jsx)(h.Z,{children:"React"}),(0,l.jsx)(h.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"(Def) Medium"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===i?"check":"copy",variant:"ghost",onClick:()=>{c("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:''})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===i?"check":"copy",variant:"ghost",onClick:()=>{c(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:"(Def) Medium"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===i?"check":"copy",variant:"ghost",onClick:()=>{c("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:"(Def) Medium"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===i?"check":"copy",variant:"ghost",onClick:()=>{c("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]})]})}),(0,l.jsx)(n.Z,{className:"tab-container",children:(0,l.jsxs)(a.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(h.Z,{children:"Angular"}),(0,l.jsx)(h.Z,{children:"HTML"}),(0,l.jsx)(h.Z,{children:"React"}),(0,l.jsx)(h.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Small'===i?"check":"copy",variant:"ghost",onClick:()=>{c('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:''})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===i?"check":"copy",variant:"ghost",onClick:()=>{c(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Small'===i?"check":"copy",variant:"ghost",onClick:()=>{c('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Small'===i?"check":"copy",variant:"ghost",onClick:()=>{c('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})}}},function(i){i.O(0,[9572,92888,49774,40179],function(){return i(i.s=44229)}),_N_E=i.O()}]);
\ No newline at end of file
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[36003],{44229:function(i,c,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/switch/code/Size",function(){return e(14286)}])},14286:function(i,c,e){"use strict";e.r(c);var l=e(52322),s=e(2784),n=e(70741),a=e(57092),t=e(57884),h=e(57284),d=e(49953),o=e(10326);c.default=()=>{let[i,c]=(0,s.useState)();return(0,s.useEffect)(()=>{i&&setTimeout(()=>c(""),1500)},[i]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(n.Z,{className:"tab-container",children:(0,l.jsxs)(a.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(h.Z,{children:"Angular"}),(0,l.jsx)(h.Z,{children:"HTML"}),(0,l.jsx)(h.Z,{children:"React"}),(0,l.jsx)(h.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"(Def) Medium"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===i?"check":"copy",variant:"ghost",onClick:()=>{c("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:''})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===i?"check":"copy",variant:"ghost",onClick:()=>{c(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:"(Def) Medium"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===i?"check":"copy",variant:"ghost",onClick:()=>{c("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:"(Def) Medium"})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===i?"check":"copy",variant:"ghost",onClick:()=>{c("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]})]})}),(0,l.jsx)(n.Z,{className:"tab-container",children:(0,l.jsxs)(a.Z,{children:[(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(h.Z,{children:"Angular"}),(0,l.jsx)(h.Z,{children:"HTML"}),(0,l.jsx)(h.Z,{children:"React"}),(0,l.jsx)(h.Z,{children:"Vue"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Small'===i?"check":"copy",variant:"ghost",onClick:()=>{c('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:''})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:''===i?"check":"copy",variant:"ghost",onClick:()=>{c(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Small'===i?"check":"copy",variant:"ghost",onClick:()=>{c('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,l.jsxs)(d.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,l.jsx)(o.Z,{className:"copy-button",noText:!0,icon:'Small'===i?"check":"copy",variant:"ghost",onClick:()=>{c('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})}}},function(i){i.O(0,[9572,92888,49774,40179],function(){return i(i.s=44229)}),_N_E=i.O()}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/textarea/code/Requirement-4c65e286b5e3de72.js b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/textarea/code/Requirement-4c65e286b5e3de72.js
new file mode 100644
index 00000000000..ded6bd78371
--- /dev/null
+++ b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/textarea/code/Requirement-4c65e286b5e3de72.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[62207],{51599:function(a,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/code/Requirement",function(){return n(89190)}])},89190:function(a,e,n){"use strict";n.r(e);var t=n(52322),l=n(2784),s=n(70741),i=n(57092),r=n(57884),d=n(57284),c=n(49953),x=n(10326);e.default=()=>{let[a,e]=(0,l.useState)();return(0,l.useEffect)(()=>{a&&setTimeout(()=>e(""),1500)},[a]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(r.Z,{children:[(0,t.jsx)(d.Z,{children:"Angular"}),(0,t.jsx)(d.Z,{children:"HTML"}),(0,t.jsx)(d.Z,{children:"React"}),(0,t.jsx)(d.Z,{children:"Vue"})]}),(0,t.jsxs)(c.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,t.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===a?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,t.jsxs)(c.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,t.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,t.jsxs)(c.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,t.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===a?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,t.jsxs)(c.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,t.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===a?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,t.jsx)(s.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(r.Z,{children:[(0,t.jsx)(d.Z,{children:"Angular"}),(0,t.jsx)(d.Z,{children:"HTML"}),(0,t.jsx)(d.Z,{children:"React"}),(0,t.jsx)(d.Z,{children:"Vue"})]}),(0,t.jsxs)(c.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,t.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Required'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,t.jsxs)(c.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,t.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,t.jsxs)(c.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,t.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,t.jsxs)(c.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,t.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Required'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})}}},function(a){a.O(0,[9572,92888,49774,40179],function(){return a(a.s=51599)}),_N_E=a.O()}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/textarea/code/Requirement-7d89b4d026f83573.js b/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/textarea/code/Requirement-7d89b4d026f83573.js
deleted file mode 100644
index dd9e6eaf547..00000000000
--- a/review/fix-a11y-form-component-ids/_next/static/chunks/pages/components/textarea/code/Requirement-7d89b4d026f83573.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[62207],{51599:function(a,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/code/Requirement",function(){return n(89190)}])},89190:function(a,e,n){"use strict";n.r(e);var t=n(52322),l=n(2784),s=n(70741),i=n(57092),r=n(57884),d=n(57284),c=n(49953),x=n(10326);e.default=()=>{let[a,e]=(0,l.useState)();return(0,l.useEffect)(()=>{a&&setTimeout(()=>e(""),1500)},[a]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(r.Z,{children:[(0,t.jsx)(d.Z,{children:"Angular"}),(0,t.jsx)(d.Z,{children:"HTML"}),(0,t.jsx)(d.Z,{children:"React"}),(0,t.jsx)(d.Z,{children:"Vue"})]}),(0,t.jsxs)(c.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,t.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===a?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,t.jsxs)(c.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,t.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,t.jsxs)(c.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,t.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===a?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,t.jsxs)(c.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,t.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===a?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,t.jsx)(s.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(r.Z,{children:[(0,t.jsx)(d.Z,{children:"Angular"}),(0,t.jsx)(d.Z,{children:"HTML"}),(0,t.jsx)(d.Z,{children:"React"}),(0,t.jsx)(d.Z,{children:"Vue"})]}),(0,t.jsxs)(c.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,t.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Required'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,t.jsxs)(c.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'})}),(0,t.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
'),navigator.clipboard.writeText('\n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
')},children:"Copy code"})]}),(0,t.jsxs)(c.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,t.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===a?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,t.jsxs)(c.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,t.jsx)(x.Z,{className:"copy-button",noText:!0,icon:'Required'===a?"check":"copy",variant:"ghost",onClick:()=>{e('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})}}},function(a){a.O(0,[9572,92888,49774,40179],function(){return a(a.s=51599)}),_N_E=a.O()}]);
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/CD-IP80EeD5u_cvMkVs8R/_buildManifest.js b/review/fix-a11y-form-component-ids/_next/static/ecy-n5slkQM4z2m-waesy/_buildManifest.js
similarity index 96%
rename from review/fix-a11y-form-component-ids/_next/static/CD-IP80EeD5u_cvMkVs8R/_buildManifest.js
rename to review/fix-a11y-form-component-ids/_next/static/ecy-n5slkQM4z2m-waesy/_buildManifest.js
index 04c408f61cb..8ba4e32e180 100644
--- a/review/fix-a11y-form-component-ids/_next/static/CD-IP80EeD5u_cvMkVs8R/_buildManifest.js
+++ b/review/fix-a11y-form-component-ids/_next/static/ecy-n5slkQM4z2m-waesy/_buildManifest.js
@@ -1 +1 @@
-self.__BUILD_MANIFEST=function(o,e,s,n,c,t,a,i,p,d,m,r,u,g,b,h,f,k,j,l,v,w,M,x,V,L,A,R,S,T,H,y,D,C,E,z,B,I,F,W,_,q,O,P,G,N,U,J,K,Q,X,Y,Z,$,oo,oe,os,on,oc,ot,oa,oi,op,od,om,or,ou,og,ob,oh,of,ok,oj,ol,ov,ow,oM,ox,oV,oL,oA,oR,oS,oT,oH,oy,oD,oC,oE,oz,oB,oI,oF,oW,o_,oq,oO,oP,oG,oN,oU,oJ){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[e,s,"static/chunks/pages/index-70b2b30985c8f108.js"],"/404":["static/chunks/pages/404-12891b7c6dba4534.js"],"/_error":["static/chunks/pages/_error-95d51db2fb6a2e23.js"],"/base64":[oM,"static/chunks/pages/base64-ae0ff962fb78fea7.js"],"/components/accordion":[e,o,s,n,d,u,ox,"static/chunks/pages/components/accordion-e090785139680c2e.js"],"/components/accordion/code/Behaviour":[o,"static/chunks/pages/components/accordion/code/Behaviour-3ffa525fa58ba479.js"],"/components/accordion/code/Density":[o,u,"static/chunks/pages/components/accordion/code/Density-361af039ecaa4d7f.js"],"/components/accordion/code/Variant":[o,"static/chunks/pages/components/accordion/code/Variant-ee4c738b07143bf5.js"],"/components/accordion/docs/Angular":["static/chunks/pages/components/accordion/docs/Angular-49784174e64c0e25.js"],"/components/accordion/docs/HTML":["static/chunks/pages/components/accordion/docs/HTML-20fe8be067c27fc4.js"],"/components/accordion/docs/Migration":["static/chunks/pages/components/accordion/docs/Migration-ebd2f8240ffa67b1.js"],"/components/accordion/docs/React":["static/chunks/pages/components/accordion/docs/React-a3fecefb04250a91.js"],"/components/accordion/docs/Vue":["static/chunks/pages/components/accordion/docs/Vue-036c881fed45b857.js"],"/components/accordion/how-to-use":[e,s,"static/chunks/pages/components/accordion/how-to-use-bdb130d91d3aa1a1.js"],"/components/accordion/migration":[e,s,"static/chunks/pages/components/accordion/migration-82268609bb245a61.js"],"/components/accordion/overview":[e,o,s,n,d,u,ox,"static/chunks/pages/components/accordion/overview-67ec54ece7e1fbe5.js"],"/components/accordion/properties":[e,s,"static/chunks/pages/components/accordion/properties-ac21b4a3bd67562e.js"],"/components/accordion-item":[e,o,s,n,d,"static/chunks/pages/components/accordion-item-662dc91e92966660.js"],"/components/accordion-item/code/ContentStates":[o,"static/chunks/pages/components/accordion-item/code/ContentStates-7ffddcc6883e62c7.js"],"/components/accordion-item/code/Density":[o,n,"static/chunks/pages/components/accordion-item/code/Density-8bb660c40bea8f68.js"],"/components/accordion-item/code/InteractionStates":[o,"static/chunks/pages/components/accordion-item/code/InteractionStates-4068c5f74a1e3441.js"],"/components/accordion-item/docs/Angular":["static/chunks/pages/components/accordion-item/docs/Angular-bc7597d22f4b14b6.js"],"/components/accordion-item/docs/HTML":["static/chunks/pages/components/accordion-item/docs/HTML-6ad46184212dcb71.js"],"/components/accordion-item/docs/Migration":["static/chunks/pages/components/accordion-item/docs/Migration-6ce3cba7efbc360f.js"],"/components/accordion-item/docs/React":["static/chunks/pages/components/accordion-item/docs/React-34612bdad56e6dfe.js"],"/components/accordion-item/docs/Vue":["static/chunks/pages/components/accordion-item/docs/Vue-1f4fb8fa5082a1e8.js"],"/components/accordion-item/how-to-use":[e,s,"static/chunks/pages/components/accordion-item/how-to-use-a6881227cdfbbc57.js"],"/components/accordion-item/migration":[e,s,"static/chunks/pages/components/accordion-item/migration-03c7047a53339a1d.js"],"/components/accordion-item/overview":[e,o,s,n,d,"static/chunks/pages/components/accordion-item/overview-5a5cd27670e6d4bf.js"],"/components/accordion-item/properties":[e,s,"static/chunks/pages/components/accordion-item/properties-fbf4d2b45325cc91.js"],"/components/badge":[e,o,s,g,b,h,oV,"static/chunks/pages/components/badge-6cd710fb4c2d26f4.js"],"/components/badge/code/Content":[o,h,"static/chunks/pages/components/badge/code/Content-ba23f4eab4ffa6a4.js"],"/components/badge/code/Density":[o,"static/chunks/pages/components/badge/code/Density-cef10e39508f6a27.js"],"/components/badge/code/Emphasis":[o,"static/chunks/pages/components/badge/code/Emphasis-d4a92e3bc102e06d.js"],"/components/badge/code/Examples":[o,"static/chunks/pages/components/badge/code/Examples-a9c2bd943a04dc0d.js"],"/components/badge/code/Placement":[o,b,"static/chunks/pages/components/badge/code/Placement-95351b2ae5750136.js"],"/components/badge/code/Semantic":[o,g,"static/chunks/pages/components/badge/code/Semantic-9050f2a94817d440.js"],"/components/badge/code/Size":[o,"static/chunks/pages/components/badge/code/Size-e9f5e1a7327f172a.js"],"/components/badge/docs/Angular":["static/chunks/pages/components/badge/docs/Angular-af45cdc5b118c728.js"],"/components/badge/docs/HTML":["static/chunks/pages/components/badge/docs/HTML-402d67949eab8068.js"],"/components/badge/docs/Migration":["static/chunks/pages/components/badge/docs/Migration-38308ed3cd436aad.js"],"/components/badge/docs/React":["static/chunks/pages/components/badge/docs/React-ae8e47b108795b04.js"],"/components/badge/docs/Vue":["static/chunks/pages/components/badge/docs/Vue-9ffc6930cba3c026.js"],"/components/badge/how-to-use":[e,s,"static/chunks/pages/components/badge/how-to-use-15ed689fbb628458.js"],"/components/badge/migration":[e,s,"static/chunks/pages/components/badge/migration-f9f3ffb1bb5c4628.js"],"/components/badge/overview":[e,o,s,g,b,h,oV,"static/chunks/pages/components/badge/overview-81f0022c60f26e55.js"],"/components/badge/properties":[e,s,"static/chunks/pages/components/badge/properties-608c1727396bd78d.js"],"/components/brand":[e,o,s,oL,"static/chunks/pages/components/brand-acd2396cc4cf7adb.js"],"/components/brand/code/Tonality":[o,"static/chunks/pages/components/brand/code/Tonality-94576046a6ab3ebd.js"],"/components/brand/code/Variants":[o,"static/chunks/pages/components/brand/code/Variants-e37f9889f04644d5.js"],"/components/brand/docs/Angular":["static/chunks/pages/components/brand/docs/Angular-9fc8cf064ebb2b9d.js"],"/components/brand/docs/HTML":["static/chunks/pages/components/brand/docs/HTML-894adc2378f4da38.js"],"/components/brand/docs/Migration":["static/chunks/pages/components/brand/docs/Migration-dfb812356e03d2b5.js"],"/components/brand/docs/React":["static/chunks/pages/components/brand/docs/React-7febe8076559bbd0.js"],"/components/brand/docs/Vue":["static/chunks/pages/components/brand/docs/Vue-b75dcc1855bbc2dd.js"],"/components/brand/how-to-use":[e,s,"static/chunks/pages/components/brand/how-to-use-1837137a81ed7af8.js"],"/components/brand/migration":[e,s,"static/chunks/pages/components/brand/migration-033a0e97e20666f0.js"],"/components/brand/overview":[e,o,s,oL,"static/chunks/pages/components/brand/overview-56c078bfd65c710b.js"],"/components/brand/properties":[e,s,"static/chunks/pages/components/brand/properties-d3520d5638f04e85.js"],"/components/button":[e,o,s,f,oA,"static/chunks/pages/components/button-2c82aec15a2605e5.js"],"/components/button/code/Behaviour":[o,"static/chunks/pages/components/button/code/Behaviour-c928f61ad75b6163.js"],"/components/button/code/Content":[o,"static/chunks/pages/components/button/code/Content-360ca8cbf77741eb.js"],"/components/button/code/Density":[o,"static/chunks/pages/components/button/code/Density-7a800ddcb6e57453.js"],"/components/button/code/Size":[o,"static/chunks/pages/components/button/code/Size-e9f00528b3422e5a.js"],"/components/button/code/State":[o,"static/chunks/pages/components/button/code/State-e82737d64b18a34b.js"],"/components/button/code/Variant":[o,f,"static/chunks/pages/components/button/code/Variant-69ec368506fb10e0.js"],"/components/button/docs/Angular":["static/chunks/pages/components/button/docs/Angular-2c62f0f6e59ddfa7.js"],"/components/button/docs/HTML":["static/chunks/pages/components/button/docs/HTML-792813cccfa60560.js"],"/components/button/docs/Migration":[oR,"static/chunks/pages/components/button/docs/Migration-c3e32206e04fd7ad.js"],"/components/button/docs/React":["static/chunks/pages/components/button/docs/React-7ce58f966d019941.js"],"/components/button/docs/Vue":["static/chunks/pages/components/button/docs/Vue-2a1e2f3ecda6da8d.js"],"/components/button/how-to-use":[e,s,"static/chunks/pages/components/button/how-to-use-78153ba1e55027e9.js"],"/components/button/migration":[e,s,oR,"static/chunks/pages/components/button/migration-c9a0bc6d0d9c9e2e.js"],"/components/button/overview":[e,o,s,f,oA,"static/chunks/pages/components/button/overview-4b0c691afdd0c07b.js"],"/components/button/properties":[e,s,"static/chunks/pages/components/button/properties-54d9454f502daf3b.js"],"/components/card":[e,o,s,k,j,oS,"static/chunks/pages/components/card-1db1c0f8cbf0d482.js"],"/components/card/code/Behaviour":[o,"static/chunks/pages/components/card/code/Behaviour-ea66739d2ce3b837.js"],"/components/card/code/Density":[o,k,"static/chunks/pages/components/card/code/Density-90b2bbbea7c128c5.js"],"/components/card/code/ElevationLevel":[o,"static/chunks/pages/components/card/code/ElevationLevel-ed79a44cfa820701.js"],"/components/card/code/Example":[o,j,"static/chunks/pages/components/card/code/Example-789efdec63c53c4c.js"],"/components/card/code/Spacing":[o,"static/chunks/pages/components/card/code/Spacing-e6ce9011fe507ba6.js"],"/components/card/docs/Angular":["static/chunks/pages/components/card/docs/Angular-558f2f9d383f867e.js"],"/components/card/docs/HTML":["static/chunks/pages/components/card/docs/HTML-eaf34f731ecae08a.js"],"/components/card/docs/Migration":["static/chunks/pages/components/card/docs/Migration-346c2e9c25a5c717.js"],"/components/card/docs/React":["static/chunks/pages/components/card/docs/React-9ce19c239444f4b5.js"],"/components/card/docs/Vue":["static/chunks/pages/components/card/docs/Vue-f2c1b216d3ebb00b.js"],"/components/card/how-to-use":[e,s,"static/chunks/pages/components/card/how-to-use-1f273c49ee71e83f.js"],"/components/card/migration":[e,s,"static/chunks/pages/components/card/migration-4cc6576b947f0468.js"],"/components/card/overview":[e,o,s,k,j,oS,"static/chunks/pages/components/card/overview-613dab9445127640.js"],"/components/card/properties":[e,s,"static/chunks/pages/components/card/properties-d2bbad791d581e46.js"],"/components/checkbox":[e,o,s,l,v,w,oT,"static/chunks/pages/components/checkbox-fdaae761b37edd94.js"],"/components/checkbox/code/Content":[o,"static/chunks/pages/components/checkbox/code/Content-4b9dece788642035.js"],"/components/checkbox/code/Density":[o,w,"static/chunks/pages/components/checkbox/code/Density-fbbb266f3e1f4dca.js"],"/components/checkbox/code/InteractionStates":[o,"static/chunks/pages/components/checkbox/code/InteractionStates-510f06c03925167f.js"],"/components/checkbox/code/Requirement":[o,v,"static/chunks/pages/components/checkbox/code/Requirement-efb89b90a483ad76.js"],"/components/checkbox/code/Size":[o,"static/chunks/pages/components/checkbox/code/Size-40295e2574aea22e.js"],"/components/checkbox/code/States":[o,l,"static/chunks/pages/components/checkbox/code/States-681e48f6a7d264b1.js"],"/components/checkbox/docs/Angular":["static/chunks/pages/components/checkbox/docs/Angular-5e6c4922b7cb52bc.js"],"/components/checkbox/docs/HTML":["static/chunks/pages/components/checkbox/docs/HTML-75abcca331c552fe.js"],"/components/checkbox/docs/Migration":["static/chunks/pages/components/checkbox/docs/Migration-c1b252b5d9c1eaa7.js"],"/components/checkbox/docs/React":["static/chunks/pages/components/checkbox/docs/React-526d05c69c782809.js"],"/components/checkbox/docs/Vue":["static/chunks/pages/components/checkbox/docs/Vue-c04178a18f923111.js"],"/components/checkbox/how-to-use":[e,s,"static/chunks/pages/components/checkbox/how-to-use-6cca56e5451e6db4.js"],"/components/checkbox/migration":[e,s,"static/chunks/pages/components/checkbox/migration-daa9b34c9ddf8438.js"],"/components/checkbox/overview":[e,o,s,l,v,w,oT,"static/chunks/pages/components/checkbox/overview-a2319203fddfe3c0.js"],"/components/checkbox/properties":[e,s,"static/chunks/pages/components/checkbox/properties-f317fdf9258bf36d.js"],"/components/divider":[e,o,s,oH,"static/chunks/pages/components/divider-95062e4b9cef8409.js"],"/components/divider/code/Density":[o,"static/chunks/pages/components/divider/code/Density-9dfa9b0d99685609.js"],"/components/divider/code/Emphasis":[o,"static/chunks/pages/components/divider/code/Emphasis-72c4dd9dc5e99179.js"],"/components/divider/code/Variant":[o,"static/chunks/pages/components/divider/code/Variant-d78bf10e670a6d4d.js"],"/components/divider/docs/Angular":["static/chunks/pages/components/divider/docs/Angular-0729ded645daf460.js"],"/components/divider/docs/HTML":["static/chunks/pages/components/divider/docs/HTML-a05f1dae8de773fa.js"],"/components/divider/docs/Migration":["static/chunks/pages/components/divider/docs/Migration-780b04c134ad4b5e.js"],"/components/divider/docs/React":["static/chunks/pages/components/divider/docs/React-f9d81c51f8f4ddba.js"],"/components/divider/docs/Vue":["static/chunks/pages/components/divider/docs/Vue-78047658003c550e.js"],"/components/divider/how-to-use":[e,s,"static/chunks/pages/components/divider/how-to-use-c6727e41a8231c9c.js"],"/components/divider/migration":[e,s,"static/chunks/pages/components/divider/migration-0b997242fdba3231.js"],"/components/divider/overview":[e,o,s,oH,"static/chunks/pages/components/divider/overview-19b2db07664f4615.js"],"/components/divider/properties":[e,s,"static/chunks/pages/components/divider/properties-08ba5d45532f0e7a.js"],"/components/drawer":[e,o,s,M,x,V,L,oy,"static/chunks/pages/components/drawer-62387cbb3c65dd3b.js"],"/components/drawer/code/Backdrop":[o,M,"static/chunks/pages/components/drawer/code/Backdrop-ebc473fe4d033d4d.js"],"/components/drawer/code/Density":[o,L,"static/chunks/pages/components/drawer/code/Density-4c6e8ac68ebda3b8.js"],"/components/drawer/code/Directions":[o,V,"static/chunks/pages/components/drawer/code/Directions-06cc87ec2193e2e2.js"],"/components/drawer/code/Rounded":[o,"static/chunks/pages/components/drawer/code/Rounded-dc696e8e842caa51.js"],"/components/drawer/code/Size":[o,"static/chunks/pages/components/drawer/code/Size-f851b21497735ae6.js"],"/components/drawer/code/Spacing":[o,x,"static/chunks/pages/components/drawer/code/Spacing-86c7354ad4d5dbe9.js"],"/components/drawer/docs/Angular":["static/chunks/pages/components/drawer/docs/Angular-87b7c373680d67db.js"],"/components/drawer/docs/HTML":["static/chunks/pages/components/drawer/docs/HTML-bd0ae333d09d9218.js"],"/components/drawer/docs/Migration":["static/chunks/pages/components/drawer/docs/Migration-fb4d3545efced4ff.js"],"/components/drawer/docs/React":["static/chunks/pages/components/drawer/docs/React-dbc5a37febda7c62.js"],"/components/drawer/docs/Vue":["static/chunks/pages/components/drawer/docs/Vue-72c22c5f43564478.js"],"/components/drawer/how-to-use":[e,s,"static/chunks/pages/components/drawer/how-to-use-012a0d9aa19460d3.js"],"/components/drawer/migration":[e,s,"static/chunks/pages/components/drawer/migration-f1244d76e7edf6a1.js"],"/components/drawer/overview":[e,o,s,M,x,V,L,oy,"static/chunks/pages/components/drawer/overview-55ac87c38a0afa1f.js"],"/components/drawer/properties":[e,s,"static/chunks/pages/components/drawer/properties-440361fb5f4cb015.js"],"/components/header":[e,o,s,A,R,S,T,oD,"static/chunks/pages/components/header-a602723c61f83bc3.js"],"/components/header/code/Behaviour":[o,S,"static/chunks/pages/components/header/code/Behaviour-fe6097cfeae086e9.js"],"/components/header/code/Examples":[o,T,"static/chunks/pages/components/header/code/Examples-581a65cfe4eb8a5f.js"],"/components/header/code/Tonality":[o,R,"static/chunks/pages/components/header/code/Tonality-ec0cc8b3959f67b9.js"],"/components/header/code/Width":[o,A,"static/chunks/pages/components/header/code/Width-ec7136051ea624b9.js"],"/components/header/docs/Angular":["static/chunks/pages/components/header/docs/Angular-c483e5f8f1c69dc7.js"],"/components/header/docs/HTML":["static/chunks/pages/components/header/docs/HTML-1dc0b3f13da54734.js"],"/components/header/docs/Migration":["static/chunks/pages/components/header/docs/Migration-506d7317166778f2.js"],"/components/header/docs/React":["static/chunks/pages/components/header/docs/React-1e090d1c2a16a522.js"],"/components/header/docs/Vue":["static/chunks/pages/components/header/docs/Vue-762cc9fa093c3ede.js"],"/components/header/how-to-use":[e,s,"static/chunks/pages/components/header/how-to-use-e165e1cdcce06e9c.js"],"/components/header/migration":[e,s,"static/chunks/pages/components/header/migration-82b084933c42dd40.js"],"/components/header/overview":[e,o,s,A,R,S,T,oD,"static/chunks/pages/components/header/overview-8dc029e4b09d2d41.js"],"/components/header/properties":[e,s,"static/chunks/pages/components/header/properties-9561e2b33e4524b6.js"],"/components/icon":[e,o,s,oC,"static/chunks/pages/components/icon-0dd2304a98933d50.js"],"/components/icon/code/Density":[o,"static/chunks/pages/components/icon/code/Density-7e05ad81d3457114.js"],"/components/icon/docs/Angular":["static/chunks/pages/components/icon/docs/Angular-215f69f6b431e0f4.js"],"/components/icon/docs/HTML":["static/chunks/pages/components/icon/docs/HTML-5efadbca115f5adb.js"],"/components/icon/docs/Migration":["static/chunks/pages/components/icon/docs/Migration-9d6f3e76392c7116.js"],"/components/icon/docs/React":["static/chunks/pages/components/icon/docs/React-a02714de4e48e357.js"],"/components/icon/docs/Vue":["static/chunks/pages/components/icon/docs/Vue-55c34fd86060958d.js"],"/components/icon/how-to-use":[e,s,"static/chunks/pages/components/icon/how-to-use-7e2055c0e11fb203.js"],"/components/icon/migration":[e,s,"static/chunks/pages/components/icon/migration-40b68acdd43a909a.js"],"/components/icon/overview":[e,o,s,oC,"static/chunks/pages/components/icon/overview-61bbe6a8a791153a.js"],"/components/icon/properties":[e,s,"static/chunks/pages/components/icon/properties-759ade5203408f0f.js"],"/components/infotext":[e,o,s,H,oE,"static/chunks/pages/components/infotext-6e72d9b78aae5050.js"],"/components/infotext/code/Density":[o,"static/chunks/pages/components/infotext/code/Density-3e43892c4a71fa16.js"],"/components/infotext/code/Semantic":[o,H,"static/chunks/pages/components/infotext/code/Semantic-dd8f22a77f3bd3d1.js"],"/components/infotext/code/Size":[o,"static/chunks/pages/components/infotext/code/Size-992840dd1f821604.js"],"/components/infotext/docs/Angular":["static/chunks/pages/components/infotext/docs/Angular-82e0508c7521d559.js"],"/components/infotext/docs/HTML":["static/chunks/pages/components/infotext/docs/HTML-0f3572412657e262.js"],"/components/infotext/docs/Migration":["static/chunks/pages/components/infotext/docs/Migration-4659ea76f2f1b97e.js"],"/components/infotext/docs/React":["static/chunks/pages/components/infotext/docs/React-9c58faee3b791956.js"],"/components/infotext/docs/Vue":["static/chunks/pages/components/infotext/docs/Vue-cf85cc42b5568693.js"],"/components/infotext/how-to-use":[e,s,"static/chunks/pages/components/infotext/how-to-use-1ac5a23737c1ecb9.js"],"/components/infotext/migration":[e,s,"static/chunks/pages/components/infotext/migration-503c1ea93c12fa9d.js"],"/components/infotext/overview":[e,o,s,H,oE,"static/chunks/pages/components/infotext/overview-bc2cddf4be4d2bbc.js"],"/components/infotext/properties":[e,s,"static/chunks/pages/components/infotext/properties-6071b0dce61ca19a.js"],"/components/input":[e,o,s,y,D,C,E,z,B,oz,"static/chunks/pages/components/input-650be042e3b00422.js"],"/components/input/code/Content":[o,C,"static/chunks/pages/components/input/code/Content-d8e89500a39ff5b2.js"],"/components/input/code/Density":[o,z,"static/chunks/pages/components/input/code/Density-0d97f9030e469a05.js"],"/components/input/code/ExampleTypes":[o,D,"static/chunks/pages/components/input/code/ExampleTypes-e0b6c54ed827d40a.js"],"/components/input/code/ExampleTypesFloatingLabel":[o,y,"static/chunks/pages/components/input/code/ExampleTypesFloatingLabel-6a2095297624a00a.js"],"/components/input/code/Requirement":[o,"static/chunks/pages/components/input/code/Requirement-f7d49308b27c1e86.js"],"/components/input/code/StatesFloatingLabel":[o,E,"static/chunks/pages/components/input/code/StatesFloatingLabel-845371fc8a60a211.js"],"/components/input/code/StatesLabelAbove":[o,B,"static/chunks/pages/components/input/code/StatesLabelAbove-5be2451e04a0d377.js"],"/components/input/code/VariantHelperMessage":[o,"static/chunks/pages/components/input/code/VariantHelperMessage-e5d8eba4ab355559.js"],"/components/input/code/VariantLabel":[o,"static/chunks/pages/components/input/code/VariantLabel-c32dbc16f5e32a66.js"],"/components/input/docs/Angular":["static/chunks/pages/components/input/docs/Angular-ac2e3684de9399b6.js"],"/components/input/docs/HTML":["static/chunks/pages/components/input/docs/HTML-e51635d9e15b7679.js"],"/components/input/docs/Migration":["static/chunks/pages/components/input/docs/Migration-3b47a5a3b8d6249b.js"],"/components/input/docs/React":["static/chunks/pages/components/input/docs/React-1fba57b0bedb4140.js"],"/components/input/docs/Vue":["static/chunks/pages/components/input/docs/Vue-b87ef7d3f92ffe1d.js"],"/components/input/how-to-use":[e,s,"static/chunks/pages/components/input/how-to-use-8cf789e90617b5c3.js"],"/components/input/migration":[e,s,"static/chunks/pages/components/input/migration-9570cd720c5eeb55.js"],"/components/input/overview":[e,o,s,y,D,C,E,z,B,oz,"static/chunks/pages/components/input/overview-bd5ec4199254cfaf.js"],"/components/input/properties":[e,s,"static/chunks/pages/components/input/properties-5b189da094b4219e.js"],"/components/link":[e,o,s,oB,"static/chunks/pages/components/link-b2bde102d1169cbb.js"],"/components/link/code/Content":[o,"static/chunks/pages/components/link/code/Content-2e69ee11001f0a4f.js"],"/components/link/code/Density":[o,"static/chunks/pages/components/link/code/Density-d32c274af29f052b.js"],"/components/link/code/InteractionStates":[o,"static/chunks/pages/components/link/code/InteractionStates-17387dad58754b81.js"],"/components/link/code/Semantic":[o,"static/chunks/pages/components/link/code/Semantic-77bbcc84d7e8ed28.js"],"/components/link/code/Size":[o,"static/chunks/pages/components/link/code/Size-0a33923a80e7b939.js"],"/components/link/docs/Angular":["static/chunks/pages/components/link/docs/Angular-3d6713834af024c8.js"],"/components/link/docs/HTML":["static/chunks/pages/components/link/docs/HTML-c633804a4d5c6884.js"],"/components/link/docs/Migration":["static/chunks/pages/components/link/docs/Migration-06950c36e1c45f07.js"],"/components/link/docs/React":["static/chunks/pages/components/link/docs/React-5f9b1de4e836a7a2.js"],"/components/link/docs/Vue":["static/chunks/pages/components/link/docs/Vue-e23b74f2baf27d5f.js"],"/components/link/how-to-use":[e,s,"static/chunks/pages/components/link/how-to-use-891a3a42a0dfd6d7.js"],"/components/link/migration":[e,s,"static/chunks/pages/components/link/migration-29675db127f671ea.js"],"/components/link/overview":[e,o,s,oB,"static/chunks/pages/components/link/overview-7e6985a97ecb4c66.js"],"/components/link/properties":[e,s,"static/chunks/pages/components/link/properties-562fdc21b438a08f.js"],"/components/navigation":[e,o,s,c,t,m,I,"static/chunks/pages/components/navigation-7883269404fd48d1.js"],"/components/navigation/code/Density":[o,I,"static/chunks/pages/components/navigation/code/Density-a8f02c4744ccb16e.js"],"/components/navigation/docs/Angular":["static/chunks/pages/components/navigation/docs/Angular-f16e7089e4f16f4e.js"],"/components/navigation/docs/HTML":["static/chunks/pages/components/navigation/docs/HTML-2be58d67a60c8ecc.js"],"/components/navigation/docs/Migration":["static/chunks/pages/components/navigation/docs/Migration-4a772f15c91ceaae.js"],"/components/navigation/docs/React":["static/chunks/pages/components/navigation/docs/React-c6b51cedd7343d4a.js"],"/components/navigation/docs/Vue":["static/chunks/pages/components/navigation/docs/Vue-6becfaa96dacc21b.js"],"/components/navigation/how-to-use":[e,s,"static/chunks/pages/components/navigation/how-to-use-7de6e886e0aebf6b.js"],"/components/navigation/migration":[e,s,"static/chunks/pages/components/navigation/migration-049ed396ac461f61.js"],"/components/navigation/overview":[e,o,s,c,t,m,I,"static/chunks/pages/components/navigation/overview-55dc4278e0edb147.js"],"/components/navigation/properties":[e,s,"static/chunks/pages/components/navigation/properties-f939cdf16a9e350e.js"],"/components/navigation-item":[e,o,s,c,t,m,"static/chunks/pages/components/navigation-item-cab66a2502ef8950.js"],"/components/navigation-item/code/Content":[o,c,"static/chunks/pages/components/navigation-item/code/Content-cf9c9f0c79cbcb53.js"],"/components/navigation-item/code/Density":[o,t,"static/chunks/pages/components/navigation-item/code/Density-3181226b5c69953c.js"],"/components/navigation-item/code/InteractionStates":[o,"static/chunks/pages/components/navigation-item/code/InteractionStates-c857616512884de0.js"],"/components/navigation-item/code/Width":[o,"static/chunks/pages/components/navigation-item/code/Width-aeec78da9e799632.js"],"/components/navigation-item/docs/Angular":["static/chunks/pages/components/navigation-item/docs/Angular-97512cbd8898eb7f.js"],"/components/navigation-item/docs/HTML":["static/chunks/pages/components/navigation-item/docs/HTML-eb3ae7ad29dab828.js"],"/components/navigation-item/docs/Migration":["static/chunks/pages/components/navigation-item/docs/Migration-49f625757e973380.js"],"/components/navigation-item/docs/React":["static/chunks/pages/components/navigation-item/docs/React-a91349e6aaf335cd.js"],"/components/navigation-item/docs/Vue":["static/chunks/pages/components/navigation-item/docs/Vue-ce5b1347e09f327f.js"],"/components/navigation-item/how-to-use":[e,s,"static/chunks/pages/components/navigation-item/how-to-use-350645d348b85586.js"],"/components/navigation-item/migration":[e,s,"static/chunks/pages/components/navigation-item/migration-34b579fb60983c3d.js"],"/components/navigation-item/overview":[e,o,s,c,t,m,"static/chunks/pages/components/navigation-item/overview-51eec270b5f8b6c8.js"],"/components/navigation-item/properties":[e,s,"static/chunks/pages/components/navigation-item/properties-a146d33072a4a804.js"],"/components/notification":[e,o,s,F,W,_,q,O,P,oI,"static/chunks/pages/components/notification-c29374be926f47ea.js"],"/components/notification/code/Behaviour":[o,"static/chunks/pages/components/notification/code/Behaviour-38d94c72bf8ad657.js"],"/components/notification/code/ContentVariantDocked":[o,_,"static/chunks/pages/components/notification/code/ContentVariantDocked-c396cb73617f9490.js"],"/components/notification/code/ContentVariantOverlay":[o,W,"static/chunks/pages/components/notification/code/ContentVariantOverlay-e459f6d31ce0a012.js"],"/components/notification/code/ContentVariantStandalone":[o,F,"static/chunks/pages/components/notification/code/ContentVariantStandalone-26993f546aa3ee0f.js"],"/components/notification/code/Density":[o,P,"static/chunks/pages/components/notification/code/Density-8e5b9a09adc9809d.js"],"/components/notification/code/Semantic":[o,q,"static/chunks/pages/components/notification/code/Semantic-2516058f8c4f2a20.js"],"/components/notification/code/Variant":[o,O,"static/chunks/pages/components/notification/code/Variant-0f8efc92644f2161.js"],"/components/notification/docs/Angular":["static/chunks/pages/components/notification/docs/Angular-672bd26ebef4f577.js"],"/components/notification/docs/HTML":["static/chunks/pages/components/notification/docs/HTML-14778f7e7f59d9b6.js"],"/components/notification/docs/Migration":["static/chunks/pages/components/notification/docs/Migration-2e18c153c93099a5.js"],"/components/notification/docs/React":["static/chunks/pages/components/notification/docs/React-7d9e15ad8e3cb984.js"],"/components/notification/docs/Vue":["static/chunks/pages/components/notification/docs/Vue-bd258547e58df24e.js"],"/components/notification/how-to-use":[e,s,"static/chunks/pages/components/notification/how-to-use-daadf267eaf56ad7.js"],"/components/notification/migration":[e,s,"static/chunks/pages/components/notification/migration-3854ca742aea3578.js"],"/components/notification/overview":[e,o,s,F,W,_,q,O,P,oI,"static/chunks/pages/components/notification/overview-419f62269eb4c978.js"],"/components/notification/properties":[e,s,"static/chunks/pages/components/notification/properties-f67de9d361941988.js"],"/components/page":[e,o,s,oF,"static/chunks/pages/components/page-afb6751afe358ed8.js"],"/components/page/code/Tonality":[o,"static/chunks/pages/components/page/code/Tonality-b7e4f6983e440050.js"],"/components/page/docs/Angular":["static/chunks/pages/components/page/docs/Angular-b3304712b6087533.js"],"/components/page/docs/HTML":["static/chunks/pages/components/page/docs/HTML-c7ac4c84ebad9ca6.js"],"/components/page/docs/Migration":["static/chunks/pages/components/page/docs/Migration-dc70d55f8717e44b.js"],"/components/page/docs/React":["static/chunks/pages/components/page/docs/React-1cc48c265eba16a7.js"],"/components/page/docs/Vue":["static/chunks/pages/components/page/docs/Vue-a92651521325bdd3.js"],"/components/page/how-to-use":[e,s,"static/chunks/pages/components/page/how-to-use-6b45e53d53d6e4a6.js"],"/components/page/migration":[e,s,"static/chunks/pages/components/page/migration-8353b52fbf51e65c.js"],"/components/page/overview":[e,o,s,oF,"static/chunks/pages/components/page/overview-8619faceee57d938.js"],"/components/page/properties":[e,s,"static/chunks/pages/components/page/properties-f9327d7fd392c791.js"],"/components/popover":[e,o,s,G,N,U,J,oW,"static/chunks/pages/components/popover-0931e2e3d116055d.js"],"/components/popover/code/Animations":[o,N,"static/chunks/pages/components/popover/code/Animations-67085a2f4c814fe1.js"],"/components/popover/code/Density":[o,J,"static/chunks/pages/components/popover/code/Density-d4a0a3a259352d58.js"],"/components/popover/code/Gap":[o,"static/chunks/pages/components/popover/code/Gap-d74cee845d79012b.js"],"/components/popover/code/Placement":[o,G,"static/chunks/pages/components/popover/code/Placement-a41ed3ad57bede52.js"],"/components/popover/code/Spacing":[o,U,"static/chunks/pages/components/popover/code/Spacing-ed09ddf929ddbe3f.js"],"/components/popover/code/Width":[o,"static/chunks/pages/components/popover/code/Width-02d299e56c3217aa.js"],"/components/popover/docs/Angular":["static/chunks/pages/components/popover/docs/Angular-a8e4c477721827ce.js"],"/components/popover/docs/HTML":["static/chunks/pages/components/popover/docs/HTML-3a010add83fb4122.js"],"/components/popover/docs/Migration":["static/chunks/pages/components/popover/docs/Migration-ed4f9fca1548b211.js"],"/components/popover/docs/React":["static/chunks/pages/components/popover/docs/React-51e161fc82964269.js"],"/components/popover/docs/Vue":["static/chunks/pages/components/popover/docs/Vue-c452da4058d65d78.js"],"/components/popover/how-to-use":[e,s,"static/chunks/pages/components/popover/how-to-use-1f601122ee63f3cf.js"],"/components/popover/migration":[e,s,"static/chunks/pages/components/popover/migration-f85723393aa15630.js"],"/components/popover/overview":[e,o,s,G,N,U,J,oW,"static/chunks/pages/components/popover/overview-0ca768441d72430b.js"],"/components/popover/properties":[e,s,"static/chunks/pages/components/popover/properties-15817ad28c8e234a.js"],"/components/radio":[e,o,s,K,Q,o_,"static/chunks/pages/components/radio-7c901843803995c5.js"],"/components/radio/code/Content":[o,"static/chunks/pages/components/radio/code/Content-0db44c63c958a9e0.js"],"/components/radio/code/Density":[o,Q,"static/chunks/pages/components/radio/code/Density-283c931b82db5aa0.js"],"/components/radio/code/InteractionStates":[o,"static/chunks/pages/components/radio/code/InteractionStates-fc0453c1853b1080.js"],"/components/radio/code/Requirement":[o,"static/chunks/pages/components/radio/code/Requirement-4ead1d23981eba26.js"],"/components/radio/code/Size":[o,"static/chunks/pages/components/radio/code/Size-f93e9eee8facdd0c.js"],"/components/radio/code/States":[o,K,"static/chunks/pages/components/radio/code/States-49ac1b164bb1e32f.js"],"/components/radio/docs/Angular":["static/chunks/pages/components/radio/docs/Angular-b9d214eb8b03fdf6.js"],"/components/radio/docs/HTML":["static/chunks/pages/components/radio/docs/HTML-6efe2abe3fe82751.js"],"/components/radio/docs/Migration":["static/chunks/pages/components/radio/docs/Migration-0526ef276ff76442.js"],"/components/radio/docs/React":["static/chunks/pages/components/radio/docs/React-02286d448a6d71ee.js"],"/components/radio/docs/Vue":["static/chunks/pages/components/radio/docs/Vue-d42dd40c9e4d0042.js"],"/components/radio/how-to-use":[e,s,"static/chunks/pages/components/radio/how-to-use-0ad746f8ae48c483.js"],"/components/radio/migration":[e,s,"static/chunks/pages/components/radio/migration-8d3610ca0efceb03.js"],"/components/radio/overview":[e,o,s,K,Q,o_,"static/chunks/pages/components/radio/overview-bedd9d87cc034db3.js"],"/components/radio/properties":[e,s,"static/chunks/pages/components/radio/properties-ee050db02d8dd061.js"],"/components/readme":[e,s,"static/chunks/pages/components/readme-ff245887f1723fa0.js"],"/components/router-usage":[e,s,"static/chunks/pages/components/router-usage-3c4fef3ef6a0f064.js"],"/components/section":[e,o,s,oq,"static/chunks/pages/components/section-60bc4d5817a3bee1.js"],"/components/section/code/Density":[o,"static/chunks/pages/components/section/code/Density-d29e2d7e14465898.js"],"/components/section/code/Size":[o,"static/chunks/pages/components/section/code/Size-927de9bc03ccca54.js"],"/components/section/code/Variant":[o,"static/chunks/pages/components/section/code/Variant-4887d697e5a6b6cd.js"],"/components/section/docs/Angular":["static/chunks/pages/components/section/docs/Angular-4f82440081c6ce1d.js"],"/components/section/docs/HTML":["static/chunks/pages/components/section/docs/HTML-23f1a3bcc6c9c45f.js"],"/components/section/docs/Migration":["static/chunks/pages/components/section/docs/Migration-2b1e65b48ece1342.js"],"/components/section/docs/React":["static/chunks/pages/components/section/docs/React-d8edceeef2c09fc5.js"],"/components/section/docs/Vue":["static/chunks/pages/components/section/docs/Vue-bfac60ddd12906ba.js"],"/components/section/how-to-use":[e,s,"static/chunks/pages/components/section/how-to-use-30e04b6e9dcd34c1.js"],"/components/section/migration":[e,s,"static/chunks/pages/components/section/migration-80a2a2481a92ebda.js"],"/components/section/overview":[e,o,s,oq,"static/chunks/pages/components/section/overview-f731f9f8cc29ada7.js"],"/components/section/properties":[e,s,"static/chunks/pages/components/section/properties-025d676bc6526bab.js"],"/components/select":[e,o,s,X,Y,Z,$,oo,oe,oO,"static/chunks/pages/components/select-a6d0fe6cd5362f80.js"],"/components/select/code/Content":[o,oo,"static/chunks/pages/components/select/code/Content-d221d24433322406.js"],"/components/select/code/Density":[o,X,"static/chunks/pages/components/select/code/Density-505e1886d691449a.js"],"/components/select/code/Requirement":[o,oe,"static/chunks/pages/components/select/code/Requirement-2d7975d23091ff47.js"],"/components/select/code/StatesFloatingLabel":[o,Y,"static/chunks/pages/components/select/code/StatesFloatingLabel-fba8fba1379eac93.js"],"/components/select/code/StatesLabelAbove":[o,$,"static/chunks/pages/components/select/code/StatesLabelAbove-089e6b7083525edf.js"],"/components/select/code/VariantHelperMessage":[o,"static/chunks/pages/components/select/code/VariantHelperMessage-05bd53eb2802a185.js"],"/components/select/code/VariantLabel":[o,Z,"static/chunks/pages/components/select/code/VariantLabel-7ff3d35ec4d6a882.js"],"/components/select/docs/Angular":["static/chunks/pages/components/select/docs/Angular-36f30dcae03bb11d.js"],"/components/select/docs/HTML":["static/chunks/pages/components/select/docs/HTML-fadc3d73394d4c37.js"],"/components/select/docs/Migration":["static/chunks/pages/components/select/docs/Migration-74c9a0b2d9db7b3c.js"],"/components/select/docs/React":["static/chunks/pages/components/select/docs/React-24a0886d49017b6a.js"],"/components/select/docs/Vue":["static/chunks/pages/components/select/docs/Vue-43aaa491494ffb93.js"],"/components/select/how-to-use":[e,s,"static/chunks/pages/components/select/how-to-use-ada025cd884c6bce.js"],"/components/select/migration":[e,s,"static/chunks/pages/components/select/migration-d6b753eaa92a4d0f.js"],"/components/select/overview":[e,o,s,X,Y,Z,$,oo,oe,oO,"static/chunks/pages/components/select/overview-0118380e66f9f841.js"],"/components/select/properties":[e,s,"static/chunks/pages/components/select/properties-910349bd8fa82a55.js"],"/components/switch":[e,o,s,os,on,oc,ot,oP,"static/chunks/pages/components/switch-355c47e444b95a61.js"],"/components/switch/code/Content":[o,"static/chunks/pages/components/switch/code/Content-8f6c73123a8522db.js"],"/components/switch/code/Density":[o,ot,"static/chunks/pages/components/switch/code/Density-68537595e62ceb96.js"],"/components/switch/code/Emphasis":[o,os,"static/chunks/pages/components/switch/code/Emphasis-9a8ea2d3fd473cc5.js"],"/components/switch/code/Examples":[o,"static/chunks/pages/components/switch/code/Examples-a69415c60c3d381e.js"],"/components/switch/code/Size":[o,"static/chunks/pages/components/switch/code/Size-fb7bc37da03ef8f5.js"],"/components/switch/code/States":[o,oc,"static/chunks/pages/components/switch/code/States-49f79c4dfa0e2194.js"],"/components/switch/code/VisualAid":[o,on,"static/chunks/pages/components/switch/code/VisualAid-5e37c1791cba85db.js"],"/components/switch/docs/Angular":["static/chunks/pages/components/switch/docs/Angular-176ed0f59a6f44c5.js"],"/components/switch/docs/HTML":["static/chunks/pages/components/switch/docs/HTML-5a71c55c24b42289.js"],"/components/switch/docs/Migration":["static/chunks/pages/components/switch/docs/Migration-679161aeda3048fa.js"],"/components/switch/docs/React":["static/chunks/pages/components/switch/docs/React-a9a1c8fe93bab8fb.js"],"/components/switch/docs/Vue":["static/chunks/pages/components/switch/docs/Vue-9a827709001cbde8.js"],"/components/switch/how-to-use":[e,s,"static/chunks/pages/components/switch/how-to-use-ce4712450ea4cf2c.js"],"/components/switch/migration":[e,s,"static/chunks/pages/components/switch/migration-20b691d151fc54e8.js"],"/components/switch/overview":[e,o,s,os,on,oc,ot,oP,"static/chunks/pages/components/switch/overview-191adec85881c6f5.js"],"/components/switch/properties":[e,s,"static/chunks/pages/components/switch/properties-0e461a0309902799.js"],"/components/tab-item":[e,o,s,a,i,p,r,"static/chunks/pages/components/tab-item-5f4ee3f6e52a579e.js"],"/components/tab-item/code/Behaviour":[o,"static/chunks/pages/components/tab-item/code/Behaviour-15d187783aeba855.js"],"/components/tab-item/code/Content":[o,a,"static/chunks/pages/components/tab-item/code/Content-ac4e2bdd56111cf4.js"],"/components/tab-item/code/ContentAlignmentFullWidth":[o,"static/chunks/pages/components/tab-item/code/ContentAlignmentFullWidth-92f5a8a19b3b82f2.js"],"/components/tab-item/code/Density":[o,p,"static/chunks/pages/components/tab-item/code/Density-2d49bf6f0ba8a1f9.js"],"/components/tab-item/code/States":[o,i,"static/chunks/pages/components/tab-item/code/States-aa33e66e69f99e2b.js"],"/components/tab-item/docs/Angular":["static/chunks/pages/components/tab-item/docs/Angular-f7a4083e7eb1b79e.js"],"/components/tab-item/docs/HTML":["static/chunks/pages/components/tab-item/docs/HTML-deb6daa7f6b3f232.js"],"/components/tab-item/docs/Migration":["static/chunks/pages/components/tab-item/docs/Migration-9ed8387f83ef140c.js"],"/components/tab-item/docs/React":["static/chunks/pages/components/tab-item/docs/React-2321b301ababbbc4.js"],"/components/tab-item/docs/Vue":["static/chunks/pages/components/tab-item/docs/Vue-bcd9a4414ff29f30.js"],"/components/tab-item/how-to-use":[e,s,"static/chunks/pages/components/tab-item/how-to-use-cc538e14f426cf60.js"],"/components/tab-item/migration":[e,s,"static/chunks/pages/components/tab-item/migration-fe9f8b4ff8747373.js"],"/components/tab-item/overview":[e,o,s,a,i,p,r,"static/chunks/pages/components/tab-item/overview-d681974eb57727a0.js"],"/components/tab-item/properties":[e,s,"static/chunks/pages/components/tab-item/properties-2c23f90348621779.js"],"/components/tab-list/docs/Angular":["static/chunks/pages/components/tab-list/docs/Angular-4a9fbccc932435a6.js"],"/components/tab-list/docs/HTML":["static/chunks/pages/components/tab-list/docs/HTML-ab4c7b9024ff5293.js"],"/components/tab-list/docs/Migration":["static/chunks/pages/components/tab-list/docs/Migration-23253db3ed57ea0d.js"],"/components/tab-list/docs/React":["static/chunks/pages/components/tab-list/docs/React-ab0c722d4801cb5f.js"],"/components/tab-list/docs/Vue":["static/chunks/pages/components/tab-list/docs/Vue-11bc11936593652f.js"],"/components/tab-list/how-to-use":[e,s,"static/chunks/pages/components/tab-list/how-to-use-22d810692b7642f8.js"],"/components/tab-list/migration":[e,s,"static/chunks/pages/components/tab-list/migration-06aada9f0f91db65.js"],"/components/tab-list/properties":[e,s,"static/chunks/pages/components/tab-list/properties-6b98ac2c16bf65f7.js"],"/components/tab-panel/docs/Angular":["static/chunks/pages/components/tab-panel/docs/Angular-45aec36ae80ff4dc.js"],"/components/tab-panel/docs/HTML":["static/chunks/pages/components/tab-panel/docs/HTML-96fcf0a8663de065.js"],"/components/tab-panel/docs/Migration":["static/chunks/pages/components/tab-panel/docs/Migration-47840376f2b60695.js"],"/components/tab-panel/docs/React":["static/chunks/pages/components/tab-panel/docs/React-f9649815839ded3e.js"],"/components/tab-panel/docs/Vue":["static/chunks/pages/components/tab-panel/docs/Vue-d7f6de3646b33b6e.js"],"/components/tab-panel/how-to-use":[e,s,"static/chunks/pages/components/tab-panel/how-to-use-f20a37eb2b086ee6.js"],"/components/tab-panel/migration":[e,s,"static/chunks/pages/components/tab-panel/migration-226ea04216824f2e.js"],"/components/tab-panel/properties":[e,s,"static/chunks/pages/components/tab-panel/properties-e2c838cf168a271f.js"],"/components/tabs":[e,o,s,a,i,p,r,oa,oi,op,od,om,oG,"static/chunks/pages/components/tabs-3da9127952e582c0.js"],"/components/tabs/code/Examples":[o,od,"static/chunks/pages/components/tabs/code/Examples-b3fd72063b53e2a8.js"],"/components/tabs/code/Orientation":[o,om,"static/chunks/pages/components/tabs/code/Orientation-801cb524e864ec4b.js"],"/components/tabs/code/Overflow":[o,oi,"static/chunks/pages/components/tabs/code/Overflow-26de4feafd9868d9.js"],"/components/tabs/code/Tonality":[o,op,"static/chunks/pages/components/tabs/code/Tonality-3dce010e471d7656.js"],"/components/tabs/code/Width":[o,oa,"static/chunks/pages/components/tabs/code/Width-157c90114ccc6ea7.js"],"/components/tabs/docs/Angular":["static/chunks/pages/components/tabs/docs/Angular-71f606b0a604f4b4.js"],"/components/tabs/docs/HTML":["static/chunks/pages/components/tabs/docs/HTML-b45e69ee93a23569.js"],"/components/tabs/docs/Migration":["static/chunks/pages/components/tabs/docs/Migration-2f7053ec7c649f9d.js"],"/components/tabs/docs/React":["static/chunks/pages/components/tabs/docs/React-fc611122a8b69d89.js"],"/components/tabs/docs/Vue":["static/chunks/pages/components/tabs/docs/Vue-43ea754536b6613d.js"],"/components/tabs/how-to-use":[e,s,"static/chunks/pages/components/tabs/how-to-use-507dd37e5f31fcc8.js"],"/components/tabs/migration":[e,s,"static/chunks/pages/components/tabs/migration-f132870d43cb2945.js"],"/components/tabs/overview":[e,o,s,a,i,p,r,oa,oi,op,od,om,oG,"static/chunks/pages/components/tabs/overview-ab6fb7f900535250.js"],"/components/tabs/properties":[e,s,"static/chunks/pages/components/tabs/properties-a1782f130d8947b5.js"],"/components/tag":[e,o,s,or,ou,og,ob,oN,"static/chunks/pages/components/tag-7762f2856515ddf8.js"],"/components/tag/code/Behaviour":[o,ou,"static/chunks/pages/components/tag/code/Behaviour-f2f7c331524c6650.js"],"/components/tag/code/Content":[o,"static/chunks/pages/components/tag/code/Content-2763c3c0fe85d4e2.js"],"/components/tag/code/Density":[o,"static/chunks/pages/components/tag/code/Density-b736d6e8f4b6ff85.js"],"/components/tag/code/Emphasis":[o,"static/chunks/pages/components/tag/code/Emphasis-41385568851ccc62.js"],"/components/tag/code/Example":[o,og,"static/chunks/pages/components/tag/code/Example-98157188ff890248.js"],"/components/tag/code/Overflow":[o,"static/chunks/pages/components/tag/code/Overflow-0c97e22b18435d48.js"],"/components/tag/code/Semantic":[o,or,"static/chunks/pages/components/tag/code/Semantic-9ea0bcf207636777.js"],"/components/tag/code/State":[o,ob,"static/chunks/pages/components/tag/code/State-5f7efd1ae0facb18.js"],"/components/tag/docs/Angular":["static/chunks/pages/components/tag/docs/Angular-6679f69e7a4e8a6f.js"],"/components/tag/docs/HTML":["static/chunks/pages/components/tag/docs/HTML-65ca8e169208795e.js"],"/components/tag/docs/Migration":["static/chunks/pages/components/tag/docs/Migration-1e5c310a3681bee2.js"],"/components/tag/docs/React":["static/chunks/pages/components/tag/docs/React-bcff51597dccf7b7.js"],"/components/tag/docs/Vue":["static/chunks/pages/components/tag/docs/Vue-d7ff329d4dd1e941.js"],"/components/tag/how-to-use":[e,s,"static/chunks/pages/components/tag/how-to-use-92a9176f30879277.js"],"/components/tag/migration":[e,s,"static/chunks/pages/components/tag/migration-9ff75dc504930501.js"],"/components/tag/overview":[e,o,s,or,ou,og,ob,oN,"static/chunks/pages/components/tag/overview-9a97f1faa0176b6a.js"],"/components/tag/properties":[e,s,"static/chunks/pages/components/tag/properties-a7916af87ed81caa.js"],"/components/textarea":[e,o,s,oh,of,ok,oj,oU,"static/chunks/pages/components/textarea-1de10f3fddc3d852.js"],"/components/textarea/code/Density":[o,of,"static/chunks/pages/components/textarea/code/Density-8a51f8a2cec481f1.js"],"/components/textarea/code/Requirement":[o,"static/chunks/pages/components/textarea/code/Requirement-7d89b4d026f83573.js"],"/components/textarea/code/Rows":[o,oj,"static/chunks/pages/components/textarea/code/Rows-74a8f54553c9ed78.js"],"/components/textarea/code/StatesFloatingLabel":[o,oh,"static/chunks/pages/components/textarea/code/StatesFloatingLabel-1298798d3b990d5f.js"],"/components/textarea/code/StatesLabelAbove":[o,ok,"static/chunks/pages/components/textarea/code/StatesLabelAbove-b580ea43e851d3ec.js"],"/components/textarea/code/VariantHelperMessage":[o,"static/chunks/pages/components/textarea/code/VariantHelperMessage-8dfa405bcefbde44.js"],"/components/textarea/code/VariantLabel":[o,"static/chunks/pages/components/textarea/code/VariantLabel-74ed6ec2c376e7b5.js"],"/components/textarea/docs/Angular":["static/chunks/pages/components/textarea/docs/Angular-c68e8d5d71b4c1b5.js"],"/components/textarea/docs/HTML":["static/chunks/pages/components/textarea/docs/HTML-d0338db4c513f97a.js"],"/components/textarea/docs/Migration":["static/chunks/pages/components/textarea/docs/Migration-80f990bd82fc113c.js"],"/components/textarea/docs/React":["static/chunks/pages/components/textarea/docs/React-9948fc302bf001c9.js"],"/components/textarea/docs/Vue":["static/chunks/pages/components/textarea/docs/Vue-d24574107d56eac6.js"],"/components/textarea/how-to-use":[e,s,"static/chunks/pages/components/textarea/how-to-use-c372cca3c03b53df.js"],"/components/textarea/migration":[e,s,"static/chunks/pages/components/textarea/migration-9d9b4ac6869f35fe.js"],"/components/textarea/overview":[e,o,s,oh,of,ok,oj,oU,"static/chunks/pages/components/textarea/overview-29dfe0f2fb96c6d5.js"],"/components/textarea/properties":[e,s,"static/chunks/pages/components/textarea/properties-4d388054431914ff.js"],"/components/tooltip":[e,o,s,ol,ov,ow,oJ,"static/chunks/pages/components/tooltip-fe356ecf0955071c.js"],"/components/tooltip/code/Animations":[o,ov,"static/chunks/pages/components/tooltip/code/Animations-e656974c7d2162e6.js"],"/components/tooltip/code/Density":[o,ow,"static/chunks/pages/components/tooltip/code/Density-2767aa2534fba792.js"],"/components/tooltip/code/Emphasis":[o,"static/chunks/pages/components/tooltip/code/Emphasis-962e25d505f800e4.js"],"/components/tooltip/code/Placement":[o,ol,"static/chunks/pages/components/tooltip/code/Placement-05534118908baec6.js"],"/components/tooltip/code/Variant":[o,"static/chunks/pages/components/tooltip/code/Variant-16bde3cfd728a240.js"],"/components/tooltip/code/Width":[o,"static/chunks/pages/components/tooltip/code/Width-0b401e5a0e85de21.js"],"/components/tooltip/docs/Angular":["static/chunks/pages/components/tooltip/docs/Angular-bf5aa6ac5b64c0db.js"],"/components/tooltip/docs/HTML":["static/chunks/pages/components/tooltip/docs/HTML-00335081d19486bc.js"],"/components/tooltip/docs/Migration":["static/chunks/pages/components/tooltip/docs/Migration-41d359dcad20ea9e.js"],"/components/tooltip/docs/React":["static/chunks/pages/components/tooltip/docs/React-162742c92a0a9c5f.js"],"/components/tooltip/docs/Vue":["static/chunks/pages/components/tooltip/docs/Vue-407ebaf0930c73d8.js"],"/components/tooltip/how-to-use":[e,s,"static/chunks/pages/components/tooltip/how-to-use-bb8f26a9700bb42d.js"],"/components/tooltip/migration":[e,s,"static/chunks/pages/components/tooltip/migration-a2360241feb170fc.js"],"/components/tooltip/overview":[e,o,s,ol,ov,ow,oJ,"static/chunks/pages/components/tooltip/overview-d5cc96fc0db10ba9.js"],"/components/tooltip/properties":[e,s,"static/chunks/pages/components/tooltip/properties-bf4b2d1cd1d6178c.js"],"/components/validation":[e,s,"static/chunks/pages/components/validation-ab1cf75309479ef6.js"],"/foundations/colors/color-schemes":[e,s,"static/chunks/pages/foundations/colors/color-schemes-40ae561fa97eeed3.js"],"/foundations/colors/overview":[e,s,"static/chunks/pages/foundations/colors/overview-901fdbf49a7ca2c5.js"],"/foundations/colors/readme":[e,s,"static/chunks/pages/foundations/colors/readme-73e9b1840f294349.js"],"/foundations/densities/examples":[e,s,"static/chunks/pages/foundations/densities/examples-910286a0fcc47de2.js"],"/foundations/densities/readme":[e,s,"static/chunks/pages/foundations/densities/readme-5364cce0a352b00d.js"],"/foundations/font-sizes/overview":[e,s,"static/chunks/pages/foundations/font-sizes/overview-623ea8f881fbc229.js"],"/foundations/font-sizes/readme":[e,s,"static/chunks/pages/foundations/font-sizes/readme-e9b6608627c3467a.js"],"/foundations/icons/custom-icons":[e,s,"static/chunks/pages/foundations/icons/custom-icons-933fddef9a790865.js"],"/foundations/icons/overview":[e,s,"static/chunks/pages/foundations/icons/overview-ca89e624c59d9758.js"],"/foundations/icons/readme":[e,s,"static/chunks/pages/foundations/icons/readme-0b964e99f0daeaaf.js"],"/foundations/readme":[e,s,"static/chunks/pages/foundations/readme-5ad96b00650200a8.js"],"/foundations/variables/examples":[e,s,"static/chunks/pages/foundations/variables/examples-4892ce0a6b9a2047.js"],"/foundations/variables/readme":[e,s,"static/chunks/pages/foundations/variables/readme-62ac97990faf0455.js"],"/iframe":[oM,"static/chunks/pages/iframe-89c307c2ad06747a.js"],sortedPages:["/","/404","/_app","/_error","/base64","/components/accordion","/components/accordion/code/Behaviour","/components/accordion/code/Density","/components/accordion/code/Variant","/components/accordion/docs/Angular","/components/accordion/docs/HTML","/components/accordion/docs/Migration","/components/accordion/docs/React","/components/accordion/docs/Vue","/components/accordion/how-to-use","/components/accordion/migration","/components/accordion/overview","/components/accordion/properties","/components/accordion-item","/components/accordion-item/code/ContentStates","/components/accordion-item/code/Density","/components/accordion-item/code/InteractionStates","/components/accordion-item/docs/Angular","/components/accordion-item/docs/HTML","/components/accordion-item/docs/Migration","/components/accordion-item/docs/React","/components/accordion-item/docs/Vue","/components/accordion-item/how-to-use","/components/accordion-item/migration","/components/accordion-item/overview","/components/accordion-item/properties","/components/badge","/components/badge/code/Content","/components/badge/code/Density","/components/badge/code/Emphasis","/components/badge/code/Examples","/components/badge/code/Placement","/components/badge/code/Semantic","/components/badge/code/Size","/components/badge/docs/Angular","/components/badge/docs/HTML","/components/badge/docs/Migration","/components/badge/docs/React","/components/badge/docs/Vue","/components/badge/how-to-use","/components/badge/migration","/components/badge/overview","/components/badge/properties","/components/brand","/components/brand/code/Tonality","/components/brand/code/Variants","/components/brand/docs/Angular","/components/brand/docs/HTML","/components/brand/docs/Migration","/components/brand/docs/React","/components/brand/docs/Vue","/components/brand/how-to-use","/components/brand/migration","/components/brand/overview","/components/brand/properties","/components/button","/components/button/code/Behaviour","/components/button/code/Content","/components/button/code/Density","/components/button/code/Size","/components/button/code/State","/components/button/code/Variant","/components/button/docs/Angular","/components/button/docs/HTML","/components/button/docs/Migration","/components/button/docs/React","/components/button/docs/Vue","/components/button/how-to-use","/components/button/migration","/components/button/overview","/components/button/properties","/components/card","/components/card/code/Behaviour","/components/card/code/Density","/components/card/code/ElevationLevel","/components/card/code/Example","/components/card/code/Spacing","/components/card/docs/Angular","/components/card/docs/HTML","/components/card/docs/Migration","/components/card/docs/React","/components/card/docs/Vue","/components/card/how-to-use","/components/card/migration","/components/card/overview","/components/card/properties","/components/checkbox","/components/checkbox/code/Content","/components/checkbox/code/Density","/components/checkbox/code/InteractionStates","/components/checkbox/code/Requirement","/components/checkbox/code/Size","/components/checkbox/code/States","/components/checkbox/docs/Angular","/components/checkbox/docs/HTML","/components/checkbox/docs/Migration","/components/checkbox/docs/React","/components/checkbox/docs/Vue","/components/checkbox/how-to-use","/components/checkbox/migration","/components/checkbox/overview","/components/checkbox/properties","/components/divider","/components/divider/code/Density","/components/divider/code/Emphasis","/components/divider/code/Variant","/components/divider/docs/Angular","/components/divider/docs/HTML","/components/divider/docs/Migration","/components/divider/docs/React","/components/divider/docs/Vue","/components/divider/how-to-use","/components/divider/migration","/components/divider/overview","/components/divider/properties","/components/drawer","/components/drawer/code/Backdrop","/components/drawer/code/Density","/components/drawer/code/Directions","/components/drawer/code/Rounded","/components/drawer/code/Size","/components/drawer/code/Spacing","/components/drawer/docs/Angular","/components/drawer/docs/HTML","/components/drawer/docs/Migration","/components/drawer/docs/React","/components/drawer/docs/Vue","/components/drawer/how-to-use","/components/drawer/migration","/components/drawer/overview","/components/drawer/properties","/components/header","/components/header/code/Behaviour","/components/header/code/Examples","/components/header/code/Tonality","/components/header/code/Width","/components/header/docs/Angular","/components/header/docs/HTML","/components/header/docs/Migration","/components/header/docs/React","/components/header/docs/Vue","/components/header/how-to-use","/components/header/migration","/components/header/overview","/components/header/properties","/components/icon","/components/icon/code/Density","/components/icon/docs/Angular","/components/icon/docs/HTML","/components/icon/docs/Migration","/components/icon/docs/React","/components/icon/docs/Vue","/components/icon/how-to-use","/components/icon/migration","/components/icon/overview","/components/icon/properties","/components/infotext","/components/infotext/code/Density","/components/infotext/code/Semantic","/components/infotext/code/Size","/components/infotext/docs/Angular","/components/infotext/docs/HTML","/components/infotext/docs/Migration","/components/infotext/docs/React","/components/infotext/docs/Vue","/components/infotext/how-to-use","/components/infotext/migration","/components/infotext/overview","/components/infotext/properties","/components/input","/components/input/code/Content","/components/input/code/Density","/components/input/code/ExampleTypes","/components/input/code/ExampleTypesFloatingLabel","/components/input/code/Requirement","/components/input/code/StatesFloatingLabel","/components/input/code/StatesLabelAbove","/components/input/code/VariantHelperMessage","/components/input/code/VariantLabel","/components/input/docs/Angular","/components/input/docs/HTML","/components/input/docs/Migration","/components/input/docs/React","/components/input/docs/Vue","/components/input/how-to-use","/components/input/migration","/components/input/overview","/components/input/properties","/components/link","/components/link/code/Content","/components/link/code/Density","/components/link/code/InteractionStates","/components/link/code/Semantic","/components/link/code/Size","/components/link/docs/Angular","/components/link/docs/HTML","/components/link/docs/Migration","/components/link/docs/React","/components/link/docs/Vue","/components/link/how-to-use","/components/link/migration","/components/link/overview","/components/link/properties","/components/navigation","/components/navigation/code/Density","/components/navigation/docs/Angular","/components/navigation/docs/HTML","/components/navigation/docs/Migration","/components/navigation/docs/React","/components/navigation/docs/Vue","/components/navigation/how-to-use","/components/navigation/migration","/components/navigation/overview","/components/navigation/properties","/components/navigation-item","/components/navigation-item/code/Content","/components/navigation-item/code/Density","/components/navigation-item/code/InteractionStates","/components/navigation-item/code/Width","/components/navigation-item/docs/Angular","/components/navigation-item/docs/HTML","/components/navigation-item/docs/Migration","/components/navigation-item/docs/React","/components/navigation-item/docs/Vue","/components/navigation-item/how-to-use","/components/navigation-item/migration","/components/navigation-item/overview","/components/navigation-item/properties","/components/notification","/components/notification/code/Behaviour","/components/notification/code/ContentVariantDocked","/components/notification/code/ContentVariantOverlay","/components/notification/code/ContentVariantStandalone","/components/notification/code/Density","/components/notification/code/Semantic","/components/notification/code/Variant","/components/notification/docs/Angular","/components/notification/docs/HTML","/components/notification/docs/Migration","/components/notification/docs/React","/components/notification/docs/Vue","/components/notification/how-to-use","/components/notification/migration","/components/notification/overview","/components/notification/properties","/components/page","/components/page/code/Tonality","/components/page/docs/Angular","/components/page/docs/HTML","/components/page/docs/Migration","/components/page/docs/React","/components/page/docs/Vue","/components/page/how-to-use","/components/page/migration","/components/page/overview","/components/page/properties","/components/popover","/components/popover/code/Animations","/components/popover/code/Density","/components/popover/code/Gap","/components/popover/code/Placement","/components/popover/code/Spacing","/components/popover/code/Width","/components/popover/docs/Angular","/components/popover/docs/HTML","/components/popover/docs/Migration","/components/popover/docs/React","/components/popover/docs/Vue","/components/popover/how-to-use","/components/popover/migration","/components/popover/overview","/components/popover/properties","/components/radio","/components/radio/code/Content","/components/radio/code/Density","/components/radio/code/InteractionStates","/components/radio/code/Requirement","/components/radio/code/Size","/components/radio/code/States","/components/radio/docs/Angular","/components/radio/docs/HTML","/components/radio/docs/Migration","/components/radio/docs/React","/components/radio/docs/Vue","/components/radio/how-to-use","/components/radio/migration","/components/radio/overview","/components/radio/properties","/components/readme","/components/router-usage","/components/section","/components/section/code/Density","/components/section/code/Size","/components/section/code/Variant","/components/section/docs/Angular","/components/section/docs/HTML","/components/section/docs/Migration","/components/section/docs/React","/components/section/docs/Vue","/components/section/how-to-use","/components/section/migration","/components/section/overview","/components/section/properties","/components/select","/components/select/code/Content","/components/select/code/Density","/components/select/code/Requirement","/components/select/code/StatesFloatingLabel","/components/select/code/StatesLabelAbove","/components/select/code/VariantHelperMessage","/components/select/code/VariantLabel","/components/select/docs/Angular","/components/select/docs/HTML","/components/select/docs/Migration","/components/select/docs/React","/components/select/docs/Vue","/components/select/how-to-use","/components/select/migration","/components/select/overview","/components/select/properties","/components/switch","/components/switch/code/Content","/components/switch/code/Density","/components/switch/code/Emphasis","/components/switch/code/Examples","/components/switch/code/Size","/components/switch/code/States","/components/switch/code/VisualAid","/components/switch/docs/Angular","/components/switch/docs/HTML","/components/switch/docs/Migration","/components/switch/docs/React","/components/switch/docs/Vue","/components/switch/how-to-use","/components/switch/migration","/components/switch/overview","/components/switch/properties","/components/tab-item","/components/tab-item/code/Behaviour","/components/tab-item/code/Content","/components/tab-item/code/ContentAlignmentFullWidth","/components/tab-item/code/Density","/components/tab-item/code/States","/components/tab-item/docs/Angular","/components/tab-item/docs/HTML","/components/tab-item/docs/Migration","/components/tab-item/docs/React","/components/tab-item/docs/Vue","/components/tab-item/how-to-use","/components/tab-item/migration","/components/tab-item/overview","/components/tab-item/properties","/components/tab-list/docs/Angular","/components/tab-list/docs/HTML","/components/tab-list/docs/Migration","/components/tab-list/docs/React","/components/tab-list/docs/Vue","/components/tab-list/how-to-use","/components/tab-list/migration","/components/tab-list/properties","/components/tab-panel/docs/Angular","/components/tab-panel/docs/HTML","/components/tab-panel/docs/Migration","/components/tab-panel/docs/React","/components/tab-panel/docs/Vue","/components/tab-panel/how-to-use","/components/tab-panel/migration","/components/tab-panel/properties","/components/tabs","/components/tabs/code/Examples","/components/tabs/code/Orientation","/components/tabs/code/Overflow","/components/tabs/code/Tonality","/components/tabs/code/Width","/components/tabs/docs/Angular","/components/tabs/docs/HTML","/components/tabs/docs/Migration","/components/tabs/docs/React","/components/tabs/docs/Vue","/components/tabs/how-to-use","/components/tabs/migration","/components/tabs/overview","/components/tabs/properties","/components/tag","/components/tag/code/Behaviour","/components/tag/code/Content","/components/tag/code/Density","/components/tag/code/Emphasis","/components/tag/code/Example","/components/tag/code/Overflow","/components/tag/code/Semantic","/components/tag/code/State","/components/tag/docs/Angular","/components/tag/docs/HTML","/components/tag/docs/Migration","/components/tag/docs/React","/components/tag/docs/Vue","/components/tag/how-to-use","/components/tag/migration","/components/tag/overview","/components/tag/properties","/components/textarea","/components/textarea/code/Density","/components/textarea/code/Requirement","/components/textarea/code/Rows","/components/textarea/code/StatesFloatingLabel","/components/textarea/code/StatesLabelAbove","/components/textarea/code/VariantHelperMessage","/components/textarea/code/VariantLabel","/components/textarea/docs/Angular","/components/textarea/docs/HTML","/components/textarea/docs/Migration","/components/textarea/docs/React","/components/textarea/docs/Vue","/components/textarea/how-to-use","/components/textarea/migration","/components/textarea/overview","/components/textarea/properties","/components/tooltip","/components/tooltip/code/Animations","/components/tooltip/code/Density","/components/tooltip/code/Emphasis","/components/tooltip/code/Placement","/components/tooltip/code/Variant","/components/tooltip/code/Width","/components/tooltip/docs/Angular","/components/tooltip/docs/HTML","/components/tooltip/docs/Migration","/components/tooltip/docs/React","/components/tooltip/docs/Vue","/components/tooltip/how-to-use","/components/tooltip/migration","/components/tooltip/overview","/components/tooltip/properties","/components/validation","/foundations/colors/color-schemes","/foundations/colors/overview","/foundations/colors/readme","/foundations/densities/examples","/foundations/densities/readme","/foundations/font-sizes/overview","/foundations/font-sizes/readme","/foundations/icons/custom-icons","/foundations/icons/overview","/foundations/icons/readme","/foundations/readme","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/9572-6384845aa7283cec.js","static/chunks/49710-3d1369efe7ca8ecb.js","static/chunks/55216-a40019618a214259.js","static/chunks/79794-6a112c7bbfbe154a.js","static/chunks/36533-3f316bca10cb38b8.js","static/chunks/48452-bfca046b796b87d8.js","static/chunks/13653-16e7e11c0cb004fa.js","static/chunks/94758-1925425dc59b0557.js","static/chunks/14210-1c7d2122a6457495.js","static/chunks/56245-1041f3cbddfab990.js","static/chunks/26347-e7f3c8c55e12c9a9.js","static/chunks/8181-a9f6a2307749e858.js","static/chunks/84191-b3cc81bec573dbd1.js","static/chunks/85898-6adc41e78bbc7f86.js","static/chunks/63862-9f3daeb246d46ad8.js","static/chunks/95052-40933087bd6565d2.js","static/chunks/16871-0bca4350fe3d112d.js","static/chunks/58402-62e1154c4d81ace6.js","static/chunks/10505-471b7074d7038f8b.js","static/chunks/34062-3f306b5697581bf1.js","static/chunks/5430-cf90b628cf51e35e.js","static/chunks/44993-b64c9cd87224a77e.js","static/chunks/19372-e1d8bff56a781121.js","static/chunks/31222-ead2f392b15613ab.js","static/chunks/22916-a22f2ed258ccee1e.js","static/chunks/71499-157bb819b284c52f.js","static/chunks/32262-94407c37a1800a42.js","static/chunks/39704-73e1a5ae3765ed0a.js","static/chunks/88576-0c1f834f3712d386.js","static/chunks/61795-44dd08c06c8289ae.js","static/chunks/79466-7ce0c94283db3971.js","static/chunks/52591-16c8a03503197a0f.js","static/chunks/92728-217a0062bf921a32.js","static/chunks/89955-d64f47ab152b2213.js","static/chunks/87053-1c4a31e466c5ea60.js","static/chunks/73208-95e3c0586fc77cf6.js","static/chunks/54118-9e4983b42e8e172a.js","static/chunks/26179-17873c68d5fb8c87.js","static/chunks/66158-591aa2e97216c592.js","static/chunks/27078-f6ca260e3046b9e9.js","static/chunks/10272-4285e0aa98ceaad7.js","static/chunks/57263-12c49cd942ed4000.js","static/chunks/3537-1fe897633a04f7b4.js","static/chunks/97003-1d61bc9902a149c2.js","static/chunks/23747-9237f818d981ca44.js","static/chunks/72027-bf2f41c494a88a82.js","static/chunks/68361-ddcb3b0b1c0e970f.js","static/chunks/43614-b0d033b6099039a7.js","static/chunks/86202-ea1c5d060a06527b.js","static/chunks/63818-0689d86c7d8447f5.js","static/chunks/74101-4f45a95c338b250b.js","static/chunks/48508-6c9849df53a8b979.js","static/chunks/61377-d89b7fdbfebfc31a.js","static/chunks/42986-f8fb0272ac54a674.js","static/chunks/93750-eb6ffce919a34399.js","static/chunks/90789-499c1906b1dd795f.js","static/chunks/8527-eea42bab34a8877e.js","static/chunks/24889-4e2de6598cfa9c33.js","static/chunks/10769-8bb753cac2e835c9.js","static/chunks/86869-b056e640e2dbc375.js","static/chunks/18825-fbdf24d1ef30070a.js","static/chunks/49485-681dac4f7677cb84.js","static/chunks/8170-b65869570d8fc591.js","static/chunks/9549-f89f66e081b19c09.js","static/chunks/39433-bd595747b27222e7.js","static/chunks/70473-2568ab48a47b1462.js","static/chunks/37466-9bc7e168d3189127.js","static/chunks/50612-9919df011c5353d0.js","static/chunks/42793-8cb3e5f0c6e2c4ca.js","static/chunks/74186-222a05d231259e5c.js","static/chunks/566-01162f849e196b84.js","static/chunks/12434-818a9dca66da68b1.js","static/chunks/83414-dc003b034310a6ca.js","static/chunks/89353-a55a6db4ee1247ea.js","static/chunks/90139-d2a68249b717b1d5.js","static/chunks/46301-fe3a8d80ac3415e7.js","static/chunks/48834-c827d6909fe9d35a.js","static/chunks/51271-69e74e1b7d733209.js","static/chunks/81232-4fe4c41777ab7e44.js","static/chunks/98221-1bdca147df4af106.js","static/chunks/81787-f65b63445caa36dc.js","static/chunks/71940-5f99f57e352db513.js","static/chunks/87328-f1e37c0e50033506.js","static/chunks/99697-c391f7d9ad3fb5ad.js","static/chunks/20395-e1cfbbb657f453d0.js","static/chunks/58926-014dc8a6774e8aef.js","static/chunks/26578-f246c79b573bcb6b.js","static/chunks/93365-9ccd1fac30d6c492.js","static/chunks/24614-5e6ab17926624333.js","static/chunks/86438-fccf8add89c8b386.js","static/chunks/28469-b2f38af25e1a9a4b.js","static/chunks/81109-d0b720f8535d522b.js","static/chunks/62883-740d2cabe755abe4.js","static/chunks/95864-4eec86589f217405.js","static/chunks/69471-2db3c0c750f19895.js","static/chunks/90536-d680add88ad32ca4.js","static/chunks/13260-eb3cc7dc011790e6.js","static/chunks/9005-fe02372c9694e6b1.js","static/chunks/64686-3bd08a73d68b2248.js","static/chunks/77981-81e821f74c1e8c94.js","static/chunks/88582-57ba9a1bfb5f21d6.js","static/chunks/99138-285173c86b7a3713.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
\ No newline at end of file
+self.__BUILD_MANIFEST=function(o,e,s,n,c,t,a,i,p,d,m,r,u,g,b,h,f,k,j,l,v,w,M,x,V,L,A,R,S,T,H,y,D,C,E,z,B,I,F,W,_,q,O,P,G,N,U,J,K,Q,X,Y,Z,$,oo,oe,os,on,oc,ot,oa,oi,op,od,om,or,ou,og,ob,oh,of,ok,oj,ol,ov,ow,oM,ox,oV,oL,oA,oR,oS,oT,oH,oy,oD,oC,oE,oz,oB,oI,oF,oW,o_,oq,oO,oP,oG,oN,oU,oJ){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[e,s,"static/chunks/pages/index-70b2b30985c8f108.js"],"/404":["static/chunks/pages/404-12891b7c6dba4534.js"],"/_error":["static/chunks/pages/_error-95d51db2fb6a2e23.js"],"/base64":[oM,"static/chunks/pages/base64-ae0ff962fb78fea7.js"],"/components/accordion":[e,o,s,n,d,u,ox,"static/chunks/pages/components/accordion-e090785139680c2e.js"],"/components/accordion/code/Behaviour":[o,"static/chunks/pages/components/accordion/code/Behaviour-3ffa525fa58ba479.js"],"/components/accordion/code/Density":[o,u,"static/chunks/pages/components/accordion/code/Density-361af039ecaa4d7f.js"],"/components/accordion/code/Variant":[o,"static/chunks/pages/components/accordion/code/Variant-ee4c738b07143bf5.js"],"/components/accordion/docs/Angular":["static/chunks/pages/components/accordion/docs/Angular-49784174e64c0e25.js"],"/components/accordion/docs/HTML":["static/chunks/pages/components/accordion/docs/HTML-20fe8be067c27fc4.js"],"/components/accordion/docs/Migration":["static/chunks/pages/components/accordion/docs/Migration-ebd2f8240ffa67b1.js"],"/components/accordion/docs/React":["static/chunks/pages/components/accordion/docs/React-a3fecefb04250a91.js"],"/components/accordion/docs/Vue":["static/chunks/pages/components/accordion/docs/Vue-036c881fed45b857.js"],"/components/accordion/how-to-use":[e,s,"static/chunks/pages/components/accordion/how-to-use-bdb130d91d3aa1a1.js"],"/components/accordion/migration":[e,s,"static/chunks/pages/components/accordion/migration-82268609bb245a61.js"],"/components/accordion/overview":[e,o,s,n,d,u,ox,"static/chunks/pages/components/accordion/overview-67ec54ece7e1fbe5.js"],"/components/accordion/properties":[e,s,"static/chunks/pages/components/accordion/properties-ac21b4a3bd67562e.js"],"/components/accordion-item":[e,o,s,n,d,"static/chunks/pages/components/accordion-item-662dc91e92966660.js"],"/components/accordion-item/code/ContentStates":[o,"static/chunks/pages/components/accordion-item/code/ContentStates-7ffddcc6883e62c7.js"],"/components/accordion-item/code/Density":[o,n,"static/chunks/pages/components/accordion-item/code/Density-8bb660c40bea8f68.js"],"/components/accordion-item/code/InteractionStates":[o,"static/chunks/pages/components/accordion-item/code/InteractionStates-4068c5f74a1e3441.js"],"/components/accordion-item/docs/Angular":["static/chunks/pages/components/accordion-item/docs/Angular-bc7597d22f4b14b6.js"],"/components/accordion-item/docs/HTML":["static/chunks/pages/components/accordion-item/docs/HTML-6ad46184212dcb71.js"],"/components/accordion-item/docs/Migration":["static/chunks/pages/components/accordion-item/docs/Migration-6ce3cba7efbc360f.js"],"/components/accordion-item/docs/React":["static/chunks/pages/components/accordion-item/docs/React-34612bdad56e6dfe.js"],"/components/accordion-item/docs/Vue":["static/chunks/pages/components/accordion-item/docs/Vue-1f4fb8fa5082a1e8.js"],"/components/accordion-item/how-to-use":[e,s,"static/chunks/pages/components/accordion-item/how-to-use-a6881227cdfbbc57.js"],"/components/accordion-item/migration":[e,s,"static/chunks/pages/components/accordion-item/migration-03c7047a53339a1d.js"],"/components/accordion-item/overview":[e,o,s,n,d,"static/chunks/pages/components/accordion-item/overview-5a5cd27670e6d4bf.js"],"/components/accordion-item/properties":[e,s,"static/chunks/pages/components/accordion-item/properties-fbf4d2b45325cc91.js"],"/components/badge":[e,o,s,g,b,h,oV,"static/chunks/pages/components/badge-6cd710fb4c2d26f4.js"],"/components/badge/code/Content":[o,h,"static/chunks/pages/components/badge/code/Content-ba23f4eab4ffa6a4.js"],"/components/badge/code/Density":[o,"static/chunks/pages/components/badge/code/Density-cef10e39508f6a27.js"],"/components/badge/code/Emphasis":[o,"static/chunks/pages/components/badge/code/Emphasis-d4a92e3bc102e06d.js"],"/components/badge/code/Examples":[o,"static/chunks/pages/components/badge/code/Examples-a9c2bd943a04dc0d.js"],"/components/badge/code/Placement":[o,b,"static/chunks/pages/components/badge/code/Placement-95351b2ae5750136.js"],"/components/badge/code/Semantic":[o,g,"static/chunks/pages/components/badge/code/Semantic-9050f2a94817d440.js"],"/components/badge/code/Size":[o,"static/chunks/pages/components/badge/code/Size-e9f5e1a7327f172a.js"],"/components/badge/docs/Angular":["static/chunks/pages/components/badge/docs/Angular-af45cdc5b118c728.js"],"/components/badge/docs/HTML":["static/chunks/pages/components/badge/docs/HTML-402d67949eab8068.js"],"/components/badge/docs/Migration":["static/chunks/pages/components/badge/docs/Migration-38308ed3cd436aad.js"],"/components/badge/docs/React":["static/chunks/pages/components/badge/docs/React-ae8e47b108795b04.js"],"/components/badge/docs/Vue":["static/chunks/pages/components/badge/docs/Vue-9ffc6930cba3c026.js"],"/components/badge/how-to-use":[e,s,"static/chunks/pages/components/badge/how-to-use-15ed689fbb628458.js"],"/components/badge/migration":[e,s,"static/chunks/pages/components/badge/migration-f9f3ffb1bb5c4628.js"],"/components/badge/overview":[e,o,s,g,b,h,oV,"static/chunks/pages/components/badge/overview-81f0022c60f26e55.js"],"/components/badge/properties":[e,s,"static/chunks/pages/components/badge/properties-608c1727396bd78d.js"],"/components/brand":[e,o,s,oL,"static/chunks/pages/components/brand-acd2396cc4cf7adb.js"],"/components/brand/code/Tonality":[o,"static/chunks/pages/components/brand/code/Tonality-94576046a6ab3ebd.js"],"/components/brand/code/Variants":[o,"static/chunks/pages/components/brand/code/Variants-e37f9889f04644d5.js"],"/components/brand/docs/Angular":["static/chunks/pages/components/brand/docs/Angular-9fc8cf064ebb2b9d.js"],"/components/brand/docs/HTML":["static/chunks/pages/components/brand/docs/HTML-894adc2378f4da38.js"],"/components/brand/docs/Migration":["static/chunks/pages/components/brand/docs/Migration-dfb812356e03d2b5.js"],"/components/brand/docs/React":["static/chunks/pages/components/brand/docs/React-7febe8076559bbd0.js"],"/components/brand/docs/Vue":["static/chunks/pages/components/brand/docs/Vue-b75dcc1855bbc2dd.js"],"/components/brand/how-to-use":[e,s,"static/chunks/pages/components/brand/how-to-use-1837137a81ed7af8.js"],"/components/brand/migration":[e,s,"static/chunks/pages/components/brand/migration-033a0e97e20666f0.js"],"/components/brand/overview":[e,o,s,oL,"static/chunks/pages/components/brand/overview-56c078bfd65c710b.js"],"/components/brand/properties":[e,s,"static/chunks/pages/components/brand/properties-d3520d5638f04e85.js"],"/components/button":[e,o,s,f,oA,"static/chunks/pages/components/button-2c82aec15a2605e5.js"],"/components/button/code/Behaviour":[o,"static/chunks/pages/components/button/code/Behaviour-c928f61ad75b6163.js"],"/components/button/code/Content":[o,"static/chunks/pages/components/button/code/Content-360ca8cbf77741eb.js"],"/components/button/code/Density":[o,"static/chunks/pages/components/button/code/Density-7a800ddcb6e57453.js"],"/components/button/code/Size":[o,"static/chunks/pages/components/button/code/Size-e9f00528b3422e5a.js"],"/components/button/code/State":[o,"static/chunks/pages/components/button/code/State-e82737d64b18a34b.js"],"/components/button/code/Variant":[o,f,"static/chunks/pages/components/button/code/Variant-69ec368506fb10e0.js"],"/components/button/docs/Angular":["static/chunks/pages/components/button/docs/Angular-2c62f0f6e59ddfa7.js"],"/components/button/docs/HTML":["static/chunks/pages/components/button/docs/HTML-792813cccfa60560.js"],"/components/button/docs/Migration":[oR,"static/chunks/pages/components/button/docs/Migration-c3e32206e04fd7ad.js"],"/components/button/docs/React":["static/chunks/pages/components/button/docs/React-7ce58f966d019941.js"],"/components/button/docs/Vue":["static/chunks/pages/components/button/docs/Vue-2a1e2f3ecda6da8d.js"],"/components/button/how-to-use":[e,s,"static/chunks/pages/components/button/how-to-use-78153ba1e55027e9.js"],"/components/button/migration":[e,s,oR,"static/chunks/pages/components/button/migration-c9a0bc6d0d9c9e2e.js"],"/components/button/overview":[e,o,s,f,oA,"static/chunks/pages/components/button/overview-4b0c691afdd0c07b.js"],"/components/button/properties":[e,s,"static/chunks/pages/components/button/properties-54d9454f502daf3b.js"],"/components/card":[e,o,s,k,j,oS,"static/chunks/pages/components/card-1db1c0f8cbf0d482.js"],"/components/card/code/Behaviour":[o,"static/chunks/pages/components/card/code/Behaviour-ea66739d2ce3b837.js"],"/components/card/code/Density":[o,k,"static/chunks/pages/components/card/code/Density-90b2bbbea7c128c5.js"],"/components/card/code/ElevationLevel":[o,"static/chunks/pages/components/card/code/ElevationLevel-ed79a44cfa820701.js"],"/components/card/code/Example":[o,j,"static/chunks/pages/components/card/code/Example-789efdec63c53c4c.js"],"/components/card/code/Spacing":[o,"static/chunks/pages/components/card/code/Spacing-e6ce9011fe507ba6.js"],"/components/card/docs/Angular":["static/chunks/pages/components/card/docs/Angular-558f2f9d383f867e.js"],"/components/card/docs/HTML":["static/chunks/pages/components/card/docs/HTML-eaf34f731ecae08a.js"],"/components/card/docs/Migration":["static/chunks/pages/components/card/docs/Migration-346c2e9c25a5c717.js"],"/components/card/docs/React":["static/chunks/pages/components/card/docs/React-9ce19c239444f4b5.js"],"/components/card/docs/Vue":["static/chunks/pages/components/card/docs/Vue-f2c1b216d3ebb00b.js"],"/components/card/how-to-use":[e,s,"static/chunks/pages/components/card/how-to-use-1f273c49ee71e83f.js"],"/components/card/migration":[e,s,"static/chunks/pages/components/card/migration-4cc6576b947f0468.js"],"/components/card/overview":[e,o,s,k,j,oS,"static/chunks/pages/components/card/overview-613dab9445127640.js"],"/components/card/properties":[e,s,"static/chunks/pages/components/card/properties-d2bbad791d581e46.js"],"/components/checkbox":[e,o,s,l,v,w,oT,"static/chunks/pages/components/checkbox-fdaae761b37edd94.js"],"/components/checkbox/code/Content":[o,"static/chunks/pages/components/checkbox/code/Content-8d6d566de0ca131d.js"],"/components/checkbox/code/Density":[o,w,"static/chunks/pages/components/checkbox/code/Density-fbbb266f3e1f4dca.js"],"/components/checkbox/code/InteractionStates":[o,"static/chunks/pages/components/checkbox/code/InteractionStates-510f06c03925167f.js"],"/components/checkbox/code/Requirement":[o,v,"static/chunks/pages/components/checkbox/code/Requirement-efb89b90a483ad76.js"],"/components/checkbox/code/Size":[o,"static/chunks/pages/components/checkbox/code/Size-fb90696c267c161b.js"],"/components/checkbox/code/States":[o,l,"static/chunks/pages/components/checkbox/code/States-681e48f6a7d264b1.js"],"/components/checkbox/docs/Angular":["static/chunks/pages/components/checkbox/docs/Angular-5e6c4922b7cb52bc.js"],"/components/checkbox/docs/HTML":["static/chunks/pages/components/checkbox/docs/HTML-75abcca331c552fe.js"],"/components/checkbox/docs/Migration":["static/chunks/pages/components/checkbox/docs/Migration-c1b252b5d9c1eaa7.js"],"/components/checkbox/docs/React":["static/chunks/pages/components/checkbox/docs/React-526d05c69c782809.js"],"/components/checkbox/docs/Vue":["static/chunks/pages/components/checkbox/docs/Vue-c04178a18f923111.js"],"/components/checkbox/how-to-use":[e,s,"static/chunks/pages/components/checkbox/how-to-use-6cca56e5451e6db4.js"],"/components/checkbox/migration":[e,s,"static/chunks/pages/components/checkbox/migration-daa9b34c9ddf8438.js"],"/components/checkbox/overview":[e,o,s,l,v,w,oT,"static/chunks/pages/components/checkbox/overview-a2319203fddfe3c0.js"],"/components/checkbox/properties":[e,s,"static/chunks/pages/components/checkbox/properties-f317fdf9258bf36d.js"],"/components/divider":[e,o,s,oH,"static/chunks/pages/components/divider-95062e4b9cef8409.js"],"/components/divider/code/Density":[o,"static/chunks/pages/components/divider/code/Density-9dfa9b0d99685609.js"],"/components/divider/code/Emphasis":[o,"static/chunks/pages/components/divider/code/Emphasis-72c4dd9dc5e99179.js"],"/components/divider/code/Variant":[o,"static/chunks/pages/components/divider/code/Variant-d78bf10e670a6d4d.js"],"/components/divider/docs/Angular":["static/chunks/pages/components/divider/docs/Angular-0729ded645daf460.js"],"/components/divider/docs/HTML":["static/chunks/pages/components/divider/docs/HTML-a05f1dae8de773fa.js"],"/components/divider/docs/Migration":["static/chunks/pages/components/divider/docs/Migration-780b04c134ad4b5e.js"],"/components/divider/docs/React":["static/chunks/pages/components/divider/docs/React-f9d81c51f8f4ddba.js"],"/components/divider/docs/Vue":["static/chunks/pages/components/divider/docs/Vue-78047658003c550e.js"],"/components/divider/how-to-use":[e,s,"static/chunks/pages/components/divider/how-to-use-c6727e41a8231c9c.js"],"/components/divider/migration":[e,s,"static/chunks/pages/components/divider/migration-0b997242fdba3231.js"],"/components/divider/overview":[e,o,s,oH,"static/chunks/pages/components/divider/overview-19b2db07664f4615.js"],"/components/divider/properties":[e,s,"static/chunks/pages/components/divider/properties-08ba5d45532f0e7a.js"],"/components/drawer":[e,o,s,M,x,V,L,oy,"static/chunks/pages/components/drawer-62387cbb3c65dd3b.js"],"/components/drawer/code/Backdrop":[o,M,"static/chunks/pages/components/drawer/code/Backdrop-ebc473fe4d033d4d.js"],"/components/drawer/code/Density":[o,L,"static/chunks/pages/components/drawer/code/Density-4c6e8ac68ebda3b8.js"],"/components/drawer/code/Directions":[o,V,"static/chunks/pages/components/drawer/code/Directions-06cc87ec2193e2e2.js"],"/components/drawer/code/Rounded":[o,"static/chunks/pages/components/drawer/code/Rounded-dc696e8e842caa51.js"],"/components/drawer/code/Size":[o,"static/chunks/pages/components/drawer/code/Size-f851b21497735ae6.js"],"/components/drawer/code/Spacing":[o,x,"static/chunks/pages/components/drawer/code/Spacing-86c7354ad4d5dbe9.js"],"/components/drawer/docs/Angular":["static/chunks/pages/components/drawer/docs/Angular-87b7c373680d67db.js"],"/components/drawer/docs/HTML":["static/chunks/pages/components/drawer/docs/HTML-bd0ae333d09d9218.js"],"/components/drawer/docs/Migration":["static/chunks/pages/components/drawer/docs/Migration-fb4d3545efced4ff.js"],"/components/drawer/docs/React":["static/chunks/pages/components/drawer/docs/React-dbc5a37febda7c62.js"],"/components/drawer/docs/Vue":["static/chunks/pages/components/drawer/docs/Vue-72c22c5f43564478.js"],"/components/drawer/how-to-use":[e,s,"static/chunks/pages/components/drawer/how-to-use-012a0d9aa19460d3.js"],"/components/drawer/migration":[e,s,"static/chunks/pages/components/drawer/migration-f1244d76e7edf6a1.js"],"/components/drawer/overview":[e,o,s,M,x,V,L,oy,"static/chunks/pages/components/drawer/overview-55ac87c38a0afa1f.js"],"/components/drawer/properties":[e,s,"static/chunks/pages/components/drawer/properties-440361fb5f4cb015.js"],"/components/header":[e,o,s,A,R,S,T,oD,"static/chunks/pages/components/header-a602723c61f83bc3.js"],"/components/header/code/Behaviour":[o,S,"static/chunks/pages/components/header/code/Behaviour-fe6097cfeae086e9.js"],"/components/header/code/Examples":[o,T,"static/chunks/pages/components/header/code/Examples-581a65cfe4eb8a5f.js"],"/components/header/code/Tonality":[o,R,"static/chunks/pages/components/header/code/Tonality-ec0cc8b3959f67b9.js"],"/components/header/code/Width":[o,A,"static/chunks/pages/components/header/code/Width-ec7136051ea624b9.js"],"/components/header/docs/Angular":["static/chunks/pages/components/header/docs/Angular-c483e5f8f1c69dc7.js"],"/components/header/docs/HTML":["static/chunks/pages/components/header/docs/HTML-1dc0b3f13da54734.js"],"/components/header/docs/Migration":["static/chunks/pages/components/header/docs/Migration-506d7317166778f2.js"],"/components/header/docs/React":["static/chunks/pages/components/header/docs/React-1e090d1c2a16a522.js"],"/components/header/docs/Vue":["static/chunks/pages/components/header/docs/Vue-762cc9fa093c3ede.js"],"/components/header/how-to-use":[e,s,"static/chunks/pages/components/header/how-to-use-e165e1cdcce06e9c.js"],"/components/header/migration":[e,s,"static/chunks/pages/components/header/migration-82b084933c42dd40.js"],"/components/header/overview":[e,o,s,A,R,S,T,oD,"static/chunks/pages/components/header/overview-8dc029e4b09d2d41.js"],"/components/header/properties":[e,s,"static/chunks/pages/components/header/properties-9561e2b33e4524b6.js"],"/components/icon":[e,o,s,oC,"static/chunks/pages/components/icon-0dd2304a98933d50.js"],"/components/icon/code/Density":[o,"static/chunks/pages/components/icon/code/Density-7e05ad81d3457114.js"],"/components/icon/docs/Angular":["static/chunks/pages/components/icon/docs/Angular-215f69f6b431e0f4.js"],"/components/icon/docs/HTML":["static/chunks/pages/components/icon/docs/HTML-5efadbca115f5adb.js"],"/components/icon/docs/Migration":["static/chunks/pages/components/icon/docs/Migration-9d6f3e76392c7116.js"],"/components/icon/docs/React":["static/chunks/pages/components/icon/docs/React-a02714de4e48e357.js"],"/components/icon/docs/Vue":["static/chunks/pages/components/icon/docs/Vue-55c34fd86060958d.js"],"/components/icon/how-to-use":[e,s,"static/chunks/pages/components/icon/how-to-use-7e2055c0e11fb203.js"],"/components/icon/migration":[e,s,"static/chunks/pages/components/icon/migration-40b68acdd43a909a.js"],"/components/icon/overview":[e,o,s,oC,"static/chunks/pages/components/icon/overview-61bbe6a8a791153a.js"],"/components/icon/properties":[e,s,"static/chunks/pages/components/icon/properties-759ade5203408f0f.js"],"/components/infotext":[e,o,s,H,oE,"static/chunks/pages/components/infotext-6e72d9b78aae5050.js"],"/components/infotext/code/Density":[o,"static/chunks/pages/components/infotext/code/Density-3e43892c4a71fa16.js"],"/components/infotext/code/Semantic":[o,H,"static/chunks/pages/components/infotext/code/Semantic-dd8f22a77f3bd3d1.js"],"/components/infotext/code/Size":[o,"static/chunks/pages/components/infotext/code/Size-992840dd1f821604.js"],"/components/infotext/docs/Angular":["static/chunks/pages/components/infotext/docs/Angular-82e0508c7521d559.js"],"/components/infotext/docs/HTML":["static/chunks/pages/components/infotext/docs/HTML-0f3572412657e262.js"],"/components/infotext/docs/Migration":["static/chunks/pages/components/infotext/docs/Migration-4659ea76f2f1b97e.js"],"/components/infotext/docs/React":["static/chunks/pages/components/infotext/docs/React-9c58faee3b791956.js"],"/components/infotext/docs/Vue":["static/chunks/pages/components/infotext/docs/Vue-cf85cc42b5568693.js"],"/components/infotext/how-to-use":[e,s,"static/chunks/pages/components/infotext/how-to-use-1ac5a23737c1ecb9.js"],"/components/infotext/migration":[e,s,"static/chunks/pages/components/infotext/migration-503c1ea93c12fa9d.js"],"/components/infotext/overview":[e,o,s,H,oE,"static/chunks/pages/components/infotext/overview-bc2cddf4be4d2bbc.js"],"/components/infotext/properties":[e,s,"static/chunks/pages/components/infotext/properties-6071b0dce61ca19a.js"],"/components/input":[e,o,s,y,D,C,E,z,B,oz,"static/chunks/pages/components/input-650be042e3b00422.js"],"/components/input/code/Content":[o,C,"static/chunks/pages/components/input/code/Content-d8e89500a39ff5b2.js"],"/components/input/code/Density":[o,z,"static/chunks/pages/components/input/code/Density-0d97f9030e469a05.js"],"/components/input/code/ExampleTypes":[o,D,"static/chunks/pages/components/input/code/ExampleTypes-e0b6c54ed827d40a.js"],"/components/input/code/ExampleTypesFloatingLabel":[o,y,"static/chunks/pages/components/input/code/ExampleTypesFloatingLabel-6a2095297624a00a.js"],"/components/input/code/Requirement":[o,"static/chunks/pages/components/input/code/Requirement-4c975bdbfc1d8f8b.js"],"/components/input/code/StatesFloatingLabel":[o,E,"static/chunks/pages/components/input/code/StatesFloatingLabel-845371fc8a60a211.js"],"/components/input/code/StatesLabelAbove":[o,B,"static/chunks/pages/components/input/code/StatesLabelAbove-5be2451e04a0d377.js"],"/components/input/code/VariantHelperMessage":[o,"static/chunks/pages/components/input/code/VariantHelperMessage-e5d8eba4ab355559.js"],"/components/input/code/VariantLabel":[o,"static/chunks/pages/components/input/code/VariantLabel-c32dbc16f5e32a66.js"],"/components/input/docs/Angular":["static/chunks/pages/components/input/docs/Angular-ac2e3684de9399b6.js"],"/components/input/docs/HTML":["static/chunks/pages/components/input/docs/HTML-e51635d9e15b7679.js"],"/components/input/docs/Migration":["static/chunks/pages/components/input/docs/Migration-3b47a5a3b8d6249b.js"],"/components/input/docs/React":["static/chunks/pages/components/input/docs/React-1fba57b0bedb4140.js"],"/components/input/docs/Vue":["static/chunks/pages/components/input/docs/Vue-b87ef7d3f92ffe1d.js"],"/components/input/how-to-use":[e,s,"static/chunks/pages/components/input/how-to-use-8cf789e90617b5c3.js"],"/components/input/migration":[e,s,"static/chunks/pages/components/input/migration-9570cd720c5eeb55.js"],"/components/input/overview":[e,o,s,y,D,C,E,z,B,oz,"static/chunks/pages/components/input/overview-bd5ec4199254cfaf.js"],"/components/input/properties":[e,s,"static/chunks/pages/components/input/properties-5b189da094b4219e.js"],"/components/link":[e,o,s,oB,"static/chunks/pages/components/link-b2bde102d1169cbb.js"],"/components/link/code/Content":[o,"static/chunks/pages/components/link/code/Content-2e69ee11001f0a4f.js"],"/components/link/code/Density":[o,"static/chunks/pages/components/link/code/Density-d32c274af29f052b.js"],"/components/link/code/InteractionStates":[o,"static/chunks/pages/components/link/code/InteractionStates-17387dad58754b81.js"],"/components/link/code/Semantic":[o,"static/chunks/pages/components/link/code/Semantic-77bbcc84d7e8ed28.js"],"/components/link/code/Size":[o,"static/chunks/pages/components/link/code/Size-0a33923a80e7b939.js"],"/components/link/docs/Angular":["static/chunks/pages/components/link/docs/Angular-3d6713834af024c8.js"],"/components/link/docs/HTML":["static/chunks/pages/components/link/docs/HTML-c633804a4d5c6884.js"],"/components/link/docs/Migration":["static/chunks/pages/components/link/docs/Migration-06950c36e1c45f07.js"],"/components/link/docs/React":["static/chunks/pages/components/link/docs/React-5f9b1de4e836a7a2.js"],"/components/link/docs/Vue":["static/chunks/pages/components/link/docs/Vue-e23b74f2baf27d5f.js"],"/components/link/how-to-use":[e,s,"static/chunks/pages/components/link/how-to-use-891a3a42a0dfd6d7.js"],"/components/link/migration":[e,s,"static/chunks/pages/components/link/migration-29675db127f671ea.js"],"/components/link/overview":[e,o,s,oB,"static/chunks/pages/components/link/overview-7e6985a97ecb4c66.js"],"/components/link/properties":[e,s,"static/chunks/pages/components/link/properties-562fdc21b438a08f.js"],"/components/navigation":[e,o,s,c,t,m,I,"static/chunks/pages/components/navigation-7883269404fd48d1.js"],"/components/navigation/code/Density":[o,I,"static/chunks/pages/components/navigation/code/Density-a8f02c4744ccb16e.js"],"/components/navigation/docs/Angular":["static/chunks/pages/components/navigation/docs/Angular-f16e7089e4f16f4e.js"],"/components/navigation/docs/HTML":["static/chunks/pages/components/navigation/docs/HTML-2be58d67a60c8ecc.js"],"/components/navigation/docs/Migration":["static/chunks/pages/components/navigation/docs/Migration-4a772f15c91ceaae.js"],"/components/navigation/docs/React":["static/chunks/pages/components/navigation/docs/React-c6b51cedd7343d4a.js"],"/components/navigation/docs/Vue":["static/chunks/pages/components/navigation/docs/Vue-6becfaa96dacc21b.js"],"/components/navigation/how-to-use":[e,s,"static/chunks/pages/components/navigation/how-to-use-7de6e886e0aebf6b.js"],"/components/navigation/migration":[e,s,"static/chunks/pages/components/navigation/migration-049ed396ac461f61.js"],"/components/navigation/overview":[e,o,s,c,t,m,I,"static/chunks/pages/components/navigation/overview-55dc4278e0edb147.js"],"/components/navigation/properties":[e,s,"static/chunks/pages/components/navigation/properties-f939cdf16a9e350e.js"],"/components/navigation-item":[e,o,s,c,t,m,"static/chunks/pages/components/navigation-item-cab66a2502ef8950.js"],"/components/navigation-item/code/Content":[o,c,"static/chunks/pages/components/navigation-item/code/Content-cf9c9f0c79cbcb53.js"],"/components/navigation-item/code/Density":[o,t,"static/chunks/pages/components/navigation-item/code/Density-3181226b5c69953c.js"],"/components/navigation-item/code/InteractionStates":[o,"static/chunks/pages/components/navigation-item/code/InteractionStates-c857616512884de0.js"],"/components/navigation-item/code/Width":[o,"static/chunks/pages/components/navigation-item/code/Width-152d32e94fb3deea.js"],"/components/navigation-item/docs/Angular":["static/chunks/pages/components/navigation-item/docs/Angular-97512cbd8898eb7f.js"],"/components/navigation-item/docs/HTML":["static/chunks/pages/components/navigation-item/docs/HTML-eb3ae7ad29dab828.js"],"/components/navigation-item/docs/Migration":["static/chunks/pages/components/navigation-item/docs/Migration-49f625757e973380.js"],"/components/navigation-item/docs/React":["static/chunks/pages/components/navigation-item/docs/React-a91349e6aaf335cd.js"],"/components/navigation-item/docs/Vue":["static/chunks/pages/components/navigation-item/docs/Vue-ce5b1347e09f327f.js"],"/components/navigation-item/how-to-use":[e,s,"static/chunks/pages/components/navigation-item/how-to-use-350645d348b85586.js"],"/components/navigation-item/migration":[e,s,"static/chunks/pages/components/navigation-item/migration-34b579fb60983c3d.js"],"/components/navigation-item/overview":[e,o,s,c,t,m,"static/chunks/pages/components/navigation-item/overview-51eec270b5f8b6c8.js"],"/components/navigation-item/properties":[e,s,"static/chunks/pages/components/navigation-item/properties-a146d33072a4a804.js"],"/components/notification":[e,o,s,F,W,_,q,O,P,oI,"static/chunks/pages/components/notification-c29374be926f47ea.js"],"/components/notification/code/Behaviour":[o,"static/chunks/pages/components/notification/code/Behaviour-38d94c72bf8ad657.js"],"/components/notification/code/ContentVariantDocked":[o,_,"static/chunks/pages/components/notification/code/ContentVariantDocked-c396cb73617f9490.js"],"/components/notification/code/ContentVariantOverlay":[o,W,"static/chunks/pages/components/notification/code/ContentVariantOverlay-e459f6d31ce0a012.js"],"/components/notification/code/ContentVariantStandalone":[o,F,"static/chunks/pages/components/notification/code/ContentVariantStandalone-26993f546aa3ee0f.js"],"/components/notification/code/Density":[o,P,"static/chunks/pages/components/notification/code/Density-8e5b9a09adc9809d.js"],"/components/notification/code/Semantic":[o,q,"static/chunks/pages/components/notification/code/Semantic-2516058f8c4f2a20.js"],"/components/notification/code/Variant":[o,O,"static/chunks/pages/components/notification/code/Variant-0f8efc92644f2161.js"],"/components/notification/docs/Angular":["static/chunks/pages/components/notification/docs/Angular-672bd26ebef4f577.js"],"/components/notification/docs/HTML":["static/chunks/pages/components/notification/docs/HTML-14778f7e7f59d9b6.js"],"/components/notification/docs/Migration":["static/chunks/pages/components/notification/docs/Migration-2e18c153c93099a5.js"],"/components/notification/docs/React":["static/chunks/pages/components/notification/docs/React-7d9e15ad8e3cb984.js"],"/components/notification/docs/Vue":["static/chunks/pages/components/notification/docs/Vue-bd258547e58df24e.js"],"/components/notification/how-to-use":[e,s,"static/chunks/pages/components/notification/how-to-use-daadf267eaf56ad7.js"],"/components/notification/migration":[e,s,"static/chunks/pages/components/notification/migration-3854ca742aea3578.js"],"/components/notification/overview":[e,o,s,F,W,_,q,O,P,oI,"static/chunks/pages/components/notification/overview-419f62269eb4c978.js"],"/components/notification/properties":[e,s,"static/chunks/pages/components/notification/properties-f67de9d361941988.js"],"/components/page":[e,o,s,oF,"static/chunks/pages/components/page-afb6751afe358ed8.js"],"/components/page/code/Tonality":[o,"static/chunks/pages/components/page/code/Tonality-b7e4f6983e440050.js"],"/components/page/docs/Angular":["static/chunks/pages/components/page/docs/Angular-b3304712b6087533.js"],"/components/page/docs/HTML":["static/chunks/pages/components/page/docs/HTML-c7ac4c84ebad9ca6.js"],"/components/page/docs/Migration":["static/chunks/pages/components/page/docs/Migration-dc70d55f8717e44b.js"],"/components/page/docs/React":["static/chunks/pages/components/page/docs/React-1cc48c265eba16a7.js"],"/components/page/docs/Vue":["static/chunks/pages/components/page/docs/Vue-a92651521325bdd3.js"],"/components/page/how-to-use":[e,s,"static/chunks/pages/components/page/how-to-use-6b45e53d53d6e4a6.js"],"/components/page/migration":[e,s,"static/chunks/pages/components/page/migration-8353b52fbf51e65c.js"],"/components/page/overview":[e,o,s,oF,"static/chunks/pages/components/page/overview-8619faceee57d938.js"],"/components/page/properties":[e,s,"static/chunks/pages/components/page/properties-f9327d7fd392c791.js"],"/components/popover":[e,o,s,G,N,U,J,oW,"static/chunks/pages/components/popover-0931e2e3d116055d.js"],"/components/popover/code/Animations":[o,N,"static/chunks/pages/components/popover/code/Animations-67085a2f4c814fe1.js"],"/components/popover/code/Density":[o,J,"static/chunks/pages/components/popover/code/Density-d4a0a3a259352d58.js"],"/components/popover/code/Gap":[o,"static/chunks/pages/components/popover/code/Gap-d74cee845d79012b.js"],"/components/popover/code/Placement":[o,G,"static/chunks/pages/components/popover/code/Placement-a41ed3ad57bede52.js"],"/components/popover/code/Spacing":[o,U,"static/chunks/pages/components/popover/code/Spacing-ed09ddf929ddbe3f.js"],"/components/popover/code/Width":[o,"static/chunks/pages/components/popover/code/Width-02d299e56c3217aa.js"],"/components/popover/docs/Angular":["static/chunks/pages/components/popover/docs/Angular-a8e4c477721827ce.js"],"/components/popover/docs/HTML":["static/chunks/pages/components/popover/docs/HTML-3a010add83fb4122.js"],"/components/popover/docs/Migration":["static/chunks/pages/components/popover/docs/Migration-ed4f9fca1548b211.js"],"/components/popover/docs/React":["static/chunks/pages/components/popover/docs/React-51e161fc82964269.js"],"/components/popover/docs/Vue":["static/chunks/pages/components/popover/docs/Vue-c452da4058d65d78.js"],"/components/popover/how-to-use":[e,s,"static/chunks/pages/components/popover/how-to-use-1f601122ee63f3cf.js"],"/components/popover/migration":[e,s,"static/chunks/pages/components/popover/migration-f85723393aa15630.js"],"/components/popover/overview":[e,o,s,G,N,U,J,oW,"static/chunks/pages/components/popover/overview-0ca768441d72430b.js"],"/components/popover/properties":[e,s,"static/chunks/pages/components/popover/properties-15817ad28c8e234a.js"],"/components/radio":[e,o,s,K,Q,o_,"static/chunks/pages/components/radio-7c901843803995c5.js"],"/components/radio/code/Content":[o,"static/chunks/pages/components/radio/code/Content-15dd213c141097a6.js"],"/components/radio/code/Density":[o,Q,"static/chunks/pages/components/radio/code/Density-283c931b82db5aa0.js"],"/components/radio/code/InteractionStates":[o,"static/chunks/pages/components/radio/code/InteractionStates-fc0453c1853b1080.js"],"/components/radio/code/Requirement":[o,"static/chunks/pages/components/radio/code/Requirement-22681241cfe05604.js"],"/components/radio/code/Size":[o,"static/chunks/pages/components/radio/code/Size-3769390e14d9b223.js"],"/components/radio/code/States":[o,K,"static/chunks/pages/components/radio/code/States-49ac1b164bb1e32f.js"],"/components/radio/docs/Angular":["static/chunks/pages/components/radio/docs/Angular-b9d214eb8b03fdf6.js"],"/components/radio/docs/HTML":["static/chunks/pages/components/radio/docs/HTML-6efe2abe3fe82751.js"],"/components/radio/docs/Migration":["static/chunks/pages/components/radio/docs/Migration-0526ef276ff76442.js"],"/components/radio/docs/React":["static/chunks/pages/components/radio/docs/React-02286d448a6d71ee.js"],"/components/radio/docs/Vue":["static/chunks/pages/components/radio/docs/Vue-d42dd40c9e4d0042.js"],"/components/radio/how-to-use":[e,s,"static/chunks/pages/components/radio/how-to-use-0ad746f8ae48c483.js"],"/components/radio/migration":[e,s,"static/chunks/pages/components/radio/migration-8d3610ca0efceb03.js"],"/components/radio/overview":[e,o,s,K,Q,o_,"static/chunks/pages/components/radio/overview-bedd9d87cc034db3.js"],"/components/radio/properties":[e,s,"static/chunks/pages/components/radio/properties-ee050db02d8dd061.js"],"/components/readme":[e,s,"static/chunks/pages/components/readme-ff245887f1723fa0.js"],"/components/router-usage":[e,s,"static/chunks/pages/components/router-usage-3c4fef3ef6a0f064.js"],"/components/section":[e,o,s,oq,"static/chunks/pages/components/section-60bc4d5817a3bee1.js"],"/components/section/code/Density":[o,"static/chunks/pages/components/section/code/Density-d29e2d7e14465898.js"],"/components/section/code/Size":[o,"static/chunks/pages/components/section/code/Size-927de9bc03ccca54.js"],"/components/section/code/Variant":[o,"static/chunks/pages/components/section/code/Variant-4887d697e5a6b6cd.js"],"/components/section/docs/Angular":["static/chunks/pages/components/section/docs/Angular-4f82440081c6ce1d.js"],"/components/section/docs/HTML":["static/chunks/pages/components/section/docs/HTML-23f1a3bcc6c9c45f.js"],"/components/section/docs/Migration":["static/chunks/pages/components/section/docs/Migration-2b1e65b48ece1342.js"],"/components/section/docs/React":["static/chunks/pages/components/section/docs/React-d8edceeef2c09fc5.js"],"/components/section/docs/Vue":["static/chunks/pages/components/section/docs/Vue-bfac60ddd12906ba.js"],"/components/section/how-to-use":[e,s,"static/chunks/pages/components/section/how-to-use-30e04b6e9dcd34c1.js"],"/components/section/migration":[e,s,"static/chunks/pages/components/section/migration-80a2a2481a92ebda.js"],"/components/section/overview":[e,o,s,oq,"static/chunks/pages/components/section/overview-f731f9f8cc29ada7.js"],"/components/section/properties":[e,s,"static/chunks/pages/components/section/properties-025d676bc6526bab.js"],"/components/select":[e,o,s,X,Y,Z,$,oo,oe,oO,"static/chunks/pages/components/select-a6d0fe6cd5362f80.js"],"/components/select/code/Content":[o,oo,"static/chunks/pages/components/select/code/Content-d221d24433322406.js"],"/components/select/code/Density":[o,X,"static/chunks/pages/components/select/code/Density-505e1886d691449a.js"],"/components/select/code/Requirement":[o,oe,"static/chunks/pages/components/select/code/Requirement-2d7975d23091ff47.js"],"/components/select/code/StatesFloatingLabel":[o,Y,"static/chunks/pages/components/select/code/StatesFloatingLabel-fba8fba1379eac93.js"],"/components/select/code/StatesLabelAbove":[o,$,"static/chunks/pages/components/select/code/StatesLabelAbove-089e6b7083525edf.js"],"/components/select/code/VariantHelperMessage":[o,"static/chunks/pages/components/select/code/VariantHelperMessage-05bd53eb2802a185.js"],"/components/select/code/VariantLabel":[o,Z,"static/chunks/pages/components/select/code/VariantLabel-7ff3d35ec4d6a882.js"],"/components/select/docs/Angular":["static/chunks/pages/components/select/docs/Angular-36f30dcae03bb11d.js"],"/components/select/docs/HTML":["static/chunks/pages/components/select/docs/HTML-fadc3d73394d4c37.js"],"/components/select/docs/Migration":["static/chunks/pages/components/select/docs/Migration-74c9a0b2d9db7b3c.js"],"/components/select/docs/React":["static/chunks/pages/components/select/docs/React-24a0886d49017b6a.js"],"/components/select/docs/Vue":["static/chunks/pages/components/select/docs/Vue-43aaa491494ffb93.js"],"/components/select/how-to-use":[e,s,"static/chunks/pages/components/select/how-to-use-ada025cd884c6bce.js"],"/components/select/migration":[e,s,"static/chunks/pages/components/select/migration-d6b753eaa92a4d0f.js"],"/components/select/overview":[e,o,s,X,Y,Z,$,oo,oe,oO,"static/chunks/pages/components/select/overview-0118380e66f9f841.js"],"/components/select/properties":[e,s,"static/chunks/pages/components/select/properties-910349bd8fa82a55.js"],"/components/switch":[e,o,s,os,on,oc,ot,oP,"static/chunks/pages/components/switch-355c47e444b95a61.js"],"/components/switch/code/Content":[o,"static/chunks/pages/components/switch/code/Content-48594e1015c4e813.js"],"/components/switch/code/Density":[o,ot,"static/chunks/pages/components/switch/code/Density-68537595e62ceb96.js"],"/components/switch/code/Emphasis":[o,os,"static/chunks/pages/components/switch/code/Emphasis-9a8ea2d3fd473cc5.js"],"/components/switch/code/Examples":[o,"static/chunks/pages/components/switch/code/Examples-9b5c64f88e30746b.js"],"/components/switch/code/Size":[o,"static/chunks/pages/components/switch/code/Size-59be4d0cf6abe644.js"],"/components/switch/code/States":[o,oc,"static/chunks/pages/components/switch/code/States-49f79c4dfa0e2194.js"],"/components/switch/code/VisualAid":[o,on,"static/chunks/pages/components/switch/code/VisualAid-5e37c1791cba85db.js"],"/components/switch/docs/Angular":["static/chunks/pages/components/switch/docs/Angular-176ed0f59a6f44c5.js"],"/components/switch/docs/HTML":["static/chunks/pages/components/switch/docs/HTML-5a71c55c24b42289.js"],"/components/switch/docs/Migration":["static/chunks/pages/components/switch/docs/Migration-679161aeda3048fa.js"],"/components/switch/docs/React":["static/chunks/pages/components/switch/docs/React-a9a1c8fe93bab8fb.js"],"/components/switch/docs/Vue":["static/chunks/pages/components/switch/docs/Vue-9a827709001cbde8.js"],"/components/switch/how-to-use":[e,s,"static/chunks/pages/components/switch/how-to-use-ce4712450ea4cf2c.js"],"/components/switch/migration":[e,s,"static/chunks/pages/components/switch/migration-20b691d151fc54e8.js"],"/components/switch/overview":[e,o,s,os,on,oc,ot,oP,"static/chunks/pages/components/switch/overview-191adec85881c6f5.js"],"/components/switch/properties":[e,s,"static/chunks/pages/components/switch/properties-0e461a0309902799.js"],"/components/tab-item":[e,o,s,a,i,p,r,"static/chunks/pages/components/tab-item-5f4ee3f6e52a579e.js"],"/components/tab-item/code/Behaviour":[o,"static/chunks/pages/components/tab-item/code/Behaviour-15d187783aeba855.js"],"/components/tab-item/code/Content":[o,a,"static/chunks/pages/components/tab-item/code/Content-ac4e2bdd56111cf4.js"],"/components/tab-item/code/ContentAlignmentFullWidth":[o,"static/chunks/pages/components/tab-item/code/ContentAlignmentFullWidth-92f5a8a19b3b82f2.js"],"/components/tab-item/code/Density":[o,p,"static/chunks/pages/components/tab-item/code/Density-2d49bf6f0ba8a1f9.js"],"/components/tab-item/code/States":[o,i,"static/chunks/pages/components/tab-item/code/States-aa33e66e69f99e2b.js"],"/components/tab-item/docs/Angular":["static/chunks/pages/components/tab-item/docs/Angular-f7a4083e7eb1b79e.js"],"/components/tab-item/docs/HTML":["static/chunks/pages/components/tab-item/docs/HTML-deb6daa7f6b3f232.js"],"/components/tab-item/docs/Migration":["static/chunks/pages/components/tab-item/docs/Migration-9ed8387f83ef140c.js"],"/components/tab-item/docs/React":["static/chunks/pages/components/tab-item/docs/React-2321b301ababbbc4.js"],"/components/tab-item/docs/Vue":["static/chunks/pages/components/tab-item/docs/Vue-bcd9a4414ff29f30.js"],"/components/tab-item/how-to-use":[e,s,"static/chunks/pages/components/tab-item/how-to-use-cc538e14f426cf60.js"],"/components/tab-item/migration":[e,s,"static/chunks/pages/components/tab-item/migration-fe9f8b4ff8747373.js"],"/components/tab-item/overview":[e,o,s,a,i,p,r,"static/chunks/pages/components/tab-item/overview-d681974eb57727a0.js"],"/components/tab-item/properties":[e,s,"static/chunks/pages/components/tab-item/properties-2c23f90348621779.js"],"/components/tab-list/docs/Angular":["static/chunks/pages/components/tab-list/docs/Angular-4a9fbccc932435a6.js"],"/components/tab-list/docs/HTML":["static/chunks/pages/components/tab-list/docs/HTML-ab4c7b9024ff5293.js"],"/components/tab-list/docs/Migration":["static/chunks/pages/components/tab-list/docs/Migration-23253db3ed57ea0d.js"],"/components/tab-list/docs/React":["static/chunks/pages/components/tab-list/docs/React-ab0c722d4801cb5f.js"],"/components/tab-list/docs/Vue":["static/chunks/pages/components/tab-list/docs/Vue-11bc11936593652f.js"],"/components/tab-list/how-to-use":[e,s,"static/chunks/pages/components/tab-list/how-to-use-22d810692b7642f8.js"],"/components/tab-list/migration":[e,s,"static/chunks/pages/components/tab-list/migration-06aada9f0f91db65.js"],"/components/tab-list/properties":[e,s,"static/chunks/pages/components/tab-list/properties-6b98ac2c16bf65f7.js"],"/components/tab-panel/docs/Angular":["static/chunks/pages/components/tab-panel/docs/Angular-45aec36ae80ff4dc.js"],"/components/tab-panel/docs/HTML":["static/chunks/pages/components/tab-panel/docs/HTML-96fcf0a8663de065.js"],"/components/tab-panel/docs/Migration":["static/chunks/pages/components/tab-panel/docs/Migration-47840376f2b60695.js"],"/components/tab-panel/docs/React":["static/chunks/pages/components/tab-panel/docs/React-f9649815839ded3e.js"],"/components/tab-panel/docs/Vue":["static/chunks/pages/components/tab-panel/docs/Vue-d7f6de3646b33b6e.js"],"/components/tab-panel/how-to-use":[e,s,"static/chunks/pages/components/tab-panel/how-to-use-f20a37eb2b086ee6.js"],"/components/tab-panel/migration":[e,s,"static/chunks/pages/components/tab-panel/migration-226ea04216824f2e.js"],"/components/tab-panel/properties":[e,s,"static/chunks/pages/components/tab-panel/properties-e2c838cf168a271f.js"],"/components/tabs":[e,o,s,a,i,p,r,oa,oi,op,od,om,oG,"static/chunks/pages/components/tabs-3da9127952e582c0.js"],"/components/tabs/code/Examples":[o,od,"static/chunks/pages/components/tabs/code/Examples-b3fd72063b53e2a8.js"],"/components/tabs/code/Orientation":[o,om,"static/chunks/pages/components/tabs/code/Orientation-801cb524e864ec4b.js"],"/components/tabs/code/Overflow":[o,oi,"static/chunks/pages/components/tabs/code/Overflow-26de4feafd9868d9.js"],"/components/tabs/code/Tonality":[o,op,"static/chunks/pages/components/tabs/code/Tonality-3dce010e471d7656.js"],"/components/tabs/code/Width":[o,oa,"static/chunks/pages/components/tabs/code/Width-157c90114ccc6ea7.js"],"/components/tabs/docs/Angular":["static/chunks/pages/components/tabs/docs/Angular-71f606b0a604f4b4.js"],"/components/tabs/docs/HTML":["static/chunks/pages/components/tabs/docs/HTML-b45e69ee93a23569.js"],"/components/tabs/docs/Migration":["static/chunks/pages/components/tabs/docs/Migration-2f7053ec7c649f9d.js"],"/components/tabs/docs/React":["static/chunks/pages/components/tabs/docs/React-fc611122a8b69d89.js"],"/components/tabs/docs/Vue":["static/chunks/pages/components/tabs/docs/Vue-43ea754536b6613d.js"],"/components/tabs/how-to-use":[e,s,"static/chunks/pages/components/tabs/how-to-use-507dd37e5f31fcc8.js"],"/components/tabs/migration":[e,s,"static/chunks/pages/components/tabs/migration-f132870d43cb2945.js"],"/components/tabs/overview":[e,o,s,a,i,p,r,oa,oi,op,od,om,oG,"static/chunks/pages/components/tabs/overview-ab6fb7f900535250.js"],"/components/tabs/properties":[e,s,"static/chunks/pages/components/tabs/properties-a1782f130d8947b5.js"],"/components/tag":[e,o,s,or,ou,og,ob,oN,"static/chunks/pages/components/tag-7762f2856515ddf8.js"],"/components/tag/code/Behaviour":[o,ou,"static/chunks/pages/components/tag/code/Behaviour-f2f7c331524c6650.js"],"/components/tag/code/Content":[o,"static/chunks/pages/components/tag/code/Content-2763c3c0fe85d4e2.js"],"/components/tag/code/Density":[o,"static/chunks/pages/components/tag/code/Density-b736d6e8f4b6ff85.js"],"/components/tag/code/Emphasis":[o,"static/chunks/pages/components/tag/code/Emphasis-41385568851ccc62.js"],"/components/tag/code/Example":[o,og,"static/chunks/pages/components/tag/code/Example-98157188ff890248.js"],"/components/tag/code/Overflow":[o,"static/chunks/pages/components/tag/code/Overflow-0c97e22b18435d48.js"],"/components/tag/code/Semantic":[o,or,"static/chunks/pages/components/tag/code/Semantic-9ea0bcf207636777.js"],"/components/tag/code/State":[o,ob,"static/chunks/pages/components/tag/code/State-5f7efd1ae0facb18.js"],"/components/tag/docs/Angular":["static/chunks/pages/components/tag/docs/Angular-6679f69e7a4e8a6f.js"],"/components/tag/docs/HTML":["static/chunks/pages/components/tag/docs/HTML-65ca8e169208795e.js"],"/components/tag/docs/Migration":["static/chunks/pages/components/tag/docs/Migration-1e5c310a3681bee2.js"],"/components/tag/docs/React":["static/chunks/pages/components/tag/docs/React-bcff51597dccf7b7.js"],"/components/tag/docs/Vue":["static/chunks/pages/components/tag/docs/Vue-d7ff329d4dd1e941.js"],"/components/tag/how-to-use":[e,s,"static/chunks/pages/components/tag/how-to-use-92a9176f30879277.js"],"/components/tag/migration":[e,s,"static/chunks/pages/components/tag/migration-9ff75dc504930501.js"],"/components/tag/overview":[e,o,s,or,ou,og,ob,oN,"static/chunks/pages/components/tag/overview-9a97f1faa0176b6a.js"],"/components/tag/properties":[e,s,"static/chunks/pages/components/tag/properties-a7916af87ed81caa.js"],"/components/textarea":[e,o,s,oh,of,ok,oj,oU,"static/chunks/pages/components/textarea-1de10f3fddc3d852.js"],"/components/textarea/code/Density":[o,of,"static/chunks/pages/components/textarea/code/Density-8a51f8a2cec481f1.js"],"/components/textarea/code/Requirement":[o,"static/chunks/pages/components/textarea/code/Requirement-4c65e286b5e3de72.js"],"/components/textarea/code/Rows":[o,oj,"static/chunks/pages/components/textarea/code/Rows-74a8f54553c9ed78.js"],"/components/textarea/code/StatesFloatingLabel":[o,oh,"static/chunks/pages/components/textarea/code/StatesFloatingLabel-1298798d3b990d5f.js"],"/components/textarea/code/StatesLabelAbove":[o,ok,"static/chunks/pages/components/textarea/code/StatesLabelAbove-b580ea43e851d3ec.js"],"/components/textarea/code/VariantHelperMessage":[o,"static/chunks/pages/components/textarea/code/VariantHelperMessage-8dfa405bcefbde44.js"],"/components/textarea/code/VariantLabel":[o,"static/chunks/pages/components/textarea/code/VariantLabel-74ed6ec2c376e7b5.js"],"/components/textarea/docs/Angular":["static/chunks/pages/components/textarea/docs/Angular-c68e8d5d71b4c1b5.js"],"/components/textarea/docs/HTML":["static/chunks/pages/components/textarea/docs/HTML-d0338db4c513f97a.js"],"/components/textarea/docs/Migration":["static/chunks/pages/components/textarea/docs/Migration-80f990bd82fc113c.js"],"/components/textarea/docs/React":["static/chunks/pages/components/textarea/docs/React-9948fc302bf001c9.js"],"/components/textarea/docs/Vue":["static/chunks/pages/components/textarea/docs/Vue-d24574107d56eac6.js"],"/components/textarea/how-to-use":[e,s,"static/chunks/pages/components/textarea/how-to-use-c372cca3c03b53df.js"],"/components/textarea/migration":[e,s,"static/chunks/pages/components/textarea/migration-9d9b4ac6869f35fe.js"],"/components/textarea/overview":[e,o,s,oh,of,ok,oj,oU,"static/chunks/pages/components/textarea/overview-29dfe0f2fb96c6d5.js"],"/components/textarea/properties":[e,s,"static/chunks/pages/components/textarea/properties-4d388054431914ff.js"],"/components/tooltip":[e,o,s,ol,ov,ow,oJ,"static/chunks/pages/components/tooltip-fe356ecf0955071c.js"],"/components/tooltip/code/Animations":[o,ov,"static/chunks/pages/components/tooltip/code/Animations-e656974c7d2162e6.js"],"/components/tooltip/code/Density":[o,ow,"static/chunks/pages/components/tooltip/code/Density-2767aa2534fba792.js"],"/components/tooltip/code/Emphasis":[o,"static/chunks/pages/components/tooltip/code/Emphasis-962e25d505f800e4.js"],"/components/tooltip/code/Placement":[o,ol,"static/chunks/pages/components/tooltip/code/Placement-05534118908baec6.js"],"/components/tooltip/code/Variant":[o,"static/chunks/pages/components/tooltip/code/Variant-16bde3cfd728a240.js"],"/components/tooltip/code/Width":[o,"static/chunks/pages/components/tooltip/code/Width-0b401e5a0e85de21.js"],"/components/tooltip/docs/Angular":["static/chunks/pages/components/tooltip/docs/Angular-bf5aa6ac5b64c0db.js"],"/components/tooltip/docs/HTML":["static/chunks/pages/components/tooltip/docs/HTML-00335081d19486bc.js"],"/components/tooltip/docs/Migration":["static/chunks/pages/components/tooltip/docs/Migration-41d359dcad20ea9e.js"],"/components/tooltip/docs/React":["static/chunks/pages/components/tooltip/docs/React-162742c92a0a9c5f.js"],"/components/tooltip/docs/Vue":["static/chunks/pages/components/tooltip/docs/Vue-407ebaf0930c73d8.js"],"/components/tooltip/how-to-use":[e,s,"static/chunks/pages/components/tooltip/how-to-use-bb8f26a9700bb42d.js"],"/components/tooltip/migration":[e,s,"static/chunks/pages/components/tooltip/migration-a2360241feb170fc.js"],"/components/tooltip/overview":[e,o,s,ol,ov,ow,oJ,"static/chunks/pages/components/tooltip/overview-d5cc96fc0db10ba9.js"],"/components/tooltip/properties":[e,s,"static/chunks/pages/components/tooltip/properties-bf4b2d1cd1d6178c.js"],"/components/validation":[e,s,"static/chunks/pages/components/validation-ab1cf75309479ef6.js"],"/foundations/colors/color-schemes":[e,s,"static/chunks/pages/foundations/colors/color-schemes-40ae561fa97eeed3.js"],"/foundations/colors/overview":[e,s,"static/chunks/pages/foundations/colors/overview-901fdbf49a7ca2c5.js"],"/foundations/colors/readme":[e,s,"static/chunks/pages/foundations/colors/readme-73e9b1840f294349.js"],"/foundations/densities/examples":[e,s,"static/chunks/pages/foundations/densities/examples-910286a0fcc47de2.js"],"/foundations/densities/readme":[e,s,"static/chunks/pages/foundations/densities/readme-5364cce0a352b00d.js"],"/foundations/font-sizes/overview":[e,s,"static/chunks/pages/foundations/font-sizes/overview-623ea8f881fbc229.js"],"/foundations/font-sizes/readme":[e,s,"static/chunks/pages/foundations/font-sizes/readme-e9b6608627c3467a.js"],"/foundations/icons/custom-icons":[e,s,"static/chunks/pages/foundations/icons/custom-icons-933fddef9a790865.js"],"/foundations/icons/overview":[e,s,"static/chunks/pages/foundations/icons/overview-ca89e624c59d9758.js"],"/foundations/icons/readme":[e,s,"static/chunks/pages/foundations/icons/readme-0b964e99f0daeaaf.js"],"/foundations/readme":[e,s,"static/chunks/pages/foundations/readme-5ad96b00650200a8.js"],"/foundations/variables/examples":[e,s,"static/chunks/pages/foundations/variables/examples-4892ce0a6b9a2047.js"],"/foundations/variables/readme":[e,s,"static/chunks/pages/foundations/variables/readme-62ac97990faf0455.js"],"/iframe":[oM,"static/chunks/pages/iframe-89c307c2ad06747a.js"],sortedPages:["/","/404","/_app","/_error","/base64","/components/accordion","/components/accordion/code/Behaviour","/components/accordion/code/Density","/components/accordion/code/Variant","/components/accordion/docs/Angular","/components/accordion/docs/HTML","/components/accordion/docs/Migration","/components/accordion/docs/React","/components/accordion/docs/Vue","/components/accordion/how-to-use","/components/accordion/migration","/components/accordion/overview","/components/accordion/properties","/components/accordion-item","/components/accordion-item/code/ContentStates","/components/accordion-item/code/Density","/components/accordion-item/code/InteractionStates","/components/accordion-item/docs/Angular","/components/accordion-item/docs/HTML","/components/accordion-item/docs/Migration","/components/accordion-item/docs/React","/components/accordion-item/docs/Vue","/components/accordion-item/how-to-use","/components/accordion-item/migration","/components/accordion-item/overview","/components/accordion-item/properties","/components/badge","/components/badge/code/Content","/components/badge/code/Density","/components/badge/code/Emphasis","/components/badge/code/Examples","/components/badge/code/Placement","/components/badge/code/Semantic","/components/badge/code/Size","/components/badge/docs/Angular","/components/badge/docs/HTML","/components/badge/docs/Migration","/components/badge/docs/React","/components/badge/docs/Vue","/components/badge/how-to-use","/components/badge/migration","/components/badge/overview","/components/badge/properties","/components/brand","/components/brand/code/Tonality","/components/brand/code/Variants","/components/brand/docs/Angular","/components/brand/docs/HTML","/components/brand/docs/Migration","/components/brand/docs/React","/components/brand/docs/Vue","/components/brand/how-to-use","/components/brand/migration","/components/brand/overview","/components/brand/properties","/components/button","/components/button/code/Behaviour","/components/button/code/Content","/components/button/code/Density","/components/button/code/Size","/components/button/code/State","/components/button/code/Variant","/components/button/docs/Angular","/components/button/docs/HTML","/components/button/docs/Migration","/components/button/docs/React","/components/button/docs/Vue","/components/button/how-to-use","/components/button/migration","/components/button/overview","/components/button/properties","/components/card","/components/card/code/Behaviour","/components/card/code/Density","/components/card/code/ElevationLevel","/components/card/code/Example","/components/card/code/Spacing","/components/card/docs/Angular","/components/card/docs/HTML","/components/card/docs/Migration","/components/card/docs/React","/components/card/docs/Vue","/components/card/how-to-use","/components/card/migration","/components/card/overview","/components/card/properties","/components/checkbox","/components/checkbox/code/Content","/components/checkbox/code/Density","/components/checkbox/code/InteractionStates","/components/checkbox/code/Requirement","/components/checkbox/code/Size","/components/checkbox/code/States","/components/checkbox/docs/Angular","/components/checkbox/docs/HTML","/components/checkbox/docs/Migration","/components/checkbox/docs/React","/components/checkbox/docs/Vue","/components/checkbox/how-to-use","/components/checkbox/migration","/components/checkbox/overview","/components/checkbox/properties","/components/divider","/components/divider/code/Density","/components/divider/code/Emphasis","/components/divider/code/Variant","/components/divider/docs/Angular","/components/divider/docs/HTML","/components/divider/docs/Migration","/components/divider/docs/React","/components/divider/docs/Vue","/components/divider/how-to-use","/components/divider/migration","/components/divider/overview","/components/divider/properties","/components/drawer","/components/drawer/code/Backdrop","/components/drawer/code/Density","/components/drawer/code/Directions","/components/drawer/code/Rounded","/components/drawer/code/Size","/components/drawer/code/Spacing","/components/drawer/docs/Angular","/components/drawer/docs/HTML","/components/drawer/docs/Migration","/components/drawer/docs/React","/components/drawer/docs/Vue","/components/drawer/how-to-use","/components/drawer/migration","/components/drawer/overview","/components/drawer/properties","/components/header","/components/header/code/Behaviour","/components/header/code/Examples","/components/header/code/Tonality","/components/header/code/Width","/components/header/docs/Angular","/components/header/docs/HTML","/components/header/docs/Migration","/components/header/docs/React","/components/header/docs/Vue","/components/header/how-to-use","/components/header/migration","/components/header/overview","/components/header/properties","/components/icon","/components/icon/code/Density","/components/icon/docs/Angular","/components/icon/docs/HTML","/components/icon/docs/Migration","/components/icon/docs/React","/components/icon/docs/Vue","/components/icon/how-to-use","/components/icon/migration","/components/icon/overview","/components/icon/properties","/components/infotext","/components/infotext/code/Density","/components/infotext/code/Semantic","/components/infotext/code/Size","/components/infotext/docs/Angular","/components/infotext/docs/HTML","/components/infotext/docs/Migration","/components/infotext/docs/React","/components/infotext/docs/Vue","/components/infotext/how-to-use","/components/infotext/migration","/components/infotext/overview","/components/infotext/properties","/components/input","/components/input/code/Content","/components/input/code/Density","/components/input/code/ExampleTypes","/components/input/code/ExampleTypesFloatingLabel","/components/input/code/Requirement","/components/input/code/StatesFloatingLabel","/components/input/code/StatesLabelAbove","/components/input/code/VariantHelperMessage","/components/input/code/VariantLabel","/components/input/docs/Angular","/components/input/docs/HTML","/components/input/docs/Migration","/components/input/docs/React","/components/input/docs/Vue","/components/input/how-to-use","/components/input/migration","/components/input/overview","/components/input/properties","/components/link","/components/link/code/Content","/components/link/code/Density","/components/link/code/InteractionStates","/components/link/code/Semantic","/components/link/code/Size","/components/link/docs/Angular","/components/link/docs/HTML","/components/link/docs/Migration","/components/link/docs/React","/components/link/docs/Vue","/components/link/how-to-use","/components/link/migration","/components/link/overview","/components/link/properties","/components/navigation","/components/navigation/code/Density","/components/navigation/docs/Angular","/components/navigation/docs/HTML","/components/navigation/docs/Migration","/components/navigation/docs/React","/components/navigation/docs/Vue","/components/navigation/how-to-use","/components/navigation/migration","/components/navigation/overview","/components/navigation/properties","/components/navigation-item","/components/navigation-item/code/Content","/components/navigation-item/code/Density","/components/navigation-item/code/InteractionStates","/components/navigation-item/code/Width","/components/navigation-item/docs/Angular","/components/navigation-item/docs/HTML","/components/navigation-item/docs/Migration","/components/navigation-item/docs/React","/components/navigation-item/docs/Vue","/components/navigation-item/how-to-use","/components/navigation-item/migration","/components/navigation-item/overview","/components/navigation-item/properties","/components/notification","/components/notification/code/Behaviour","/components/notification/code/ContentVariantDocked","/components/notification/code/ContentVariantOverlay","/components/notification/code/ContentVariantStandalone","/components/notification/code/Density","/components/notification/code/Semantic","/components/notification/code/Variant","/components/notification/docs/Angular","/components/notification/docs/HTML","/components/notification/docs/Migration","/components/notification/docs/React","/components/notification/docs/Vue","/components/notification/how-to-use","/components/notification/migration","/components/notification/overview","/components/notification/properties","/components/page","/components/page/code/Tonality","/components/page/docs/Angular","/components/page/docs/HTML","/components/page/docs/Migration","/components/page/docs/React","/components/page/docs/Vue","/components/page/how-to-use","/components/page/migration","/components/page/overview","/components/page/properties","/components/popover","/components/popover/code/Animations","/components/popover/code/Density","/components/popover/code/Gap","/components/popover/code/Placement","/components/popover/code/Spacing","/components/popover/code/Width","/components/popover/docs/Angular","/components/popover/docs/HTML","/components/popover/docs/Migration","/components/popover/docs/React","/components/popover/docs/Vue","/components/popover/how-to-use","/components/popover/migration","/components/popover/overview","/components/popover/properties","/components/radio","/components/radio/code/Content","/components/radio/code/Density","/components/radio/code/InteractionStates","/components/radio/code/Requirement","/components/radio/code/Size","/components/radio/code/States","/components/radio/docs/Angular","/components/radio/docs/HTML","/components/radio/docs/Migration","/components/radio/docs/React","/components/radio/docs/Vue","/components/radio/how-to-use","/components/radio/migration","/components/radio/overview","/components/radio/properties","/components/readme","/components/router-usage","/components/section","/components/section/code/Density","/components/section/code/Size","/components/section/code/Variant","/components/section/docs/Angular","/components/section/docs/HTML","/components/section/docs/Migration","/components/section/docs/React","/components/section/docs/Vue","/components/section/how-to-use","/components/section/migration","/components/section/overview","/components/section/properties","/components/select","/components/select/code/Content","/components/select/code/Density","/components/select/code/Requirement","/components/select/code/StatesFloatingLabel","/components/select/code/StatesLabelAbove","/components/select/code/VariantHelperMessage","/components/select/code/VariantLabel","/components/select/docs/Angular","/components/select/docs/HTML","/components/select/docs/Migration","/components/select/docs/React","/components/select/docs/Vue","/components/select/how-to-use","/components/select/migration","/components/select/overview","/components/select/properties","/components/switch","/components/switch/code/Content","/components/switch/code/Density","/components/switch/code/Emphasis","/components/switch/code/Examples","/components/switch/code/Size","/components/switch/code/States","/components/switch/code/VisualAid","/components/switch/docs/Angular","/components/switch/docs/HTML","/components/switch/docs/Migration","/components/switch/docs/React","/components/switch/docs/Vue","/components/switch/how-to-use","/components/switch/migration","/components/switch/overview","/components/switch/properties","/components/tab-item","/components/tab-item/code/Behaviour","/components/tab-item/code/Content","/components/tab-item/code/ContentAlignmentFullWidth","/components/tab-item/code/Density","/components/tab-item/code/States","/components/tab-item/docs/Angular","/components/tab-item/docs/HTML","/components/tab-item/docs/Migration","/components/tab-item/docs/React","/components/tab-item/docs/Vue","/components/tab-item/how-to-use","/components/tab-item/migration","/components/tab-item/overview","/components/tab-item/properties","/components/tab-list/docs/Angular","/components/tab-list/docs/HTML","/components/tab-list/docs/Migration","/components/tab-list/docs/React","/components/tab-list/docs/Vue","/components/tab-list/how-to-use","/components/tab-list/migration","/components/tab-list/properties","/components/tab-panel/docs/Angular","/components/tab-panel/docs/HTML","/components/tab-panel/docs/Migration","/components/tab-panel/docs/React","/components/tab-panel/docs/Vue","/components/tab-panel/how-to-use","/components/tab-panel/migration","/components/tab-panel/properties","/components/tabs","/components/tabs/code/Examples","/components/tabs/code/Orientation","/components/tabs/code/Overflow","/components/tabs/code/Tonality","/components/tabs/code/Width","/components/tabs/docs/Angular","/components/tabs/docs/HTML","/components/tabs/docs/Migration","/components/tabs/docs/React","/components/tabs/docs/Vue","/components/tabs/how-to-use","/components/tabs/migration","/components/tabs/overview","/components/tabs/properties","/components/tag","/components/tag/code/Behaviour","/components/tag/code/Content","/components/tag/code/Density","/components/tag/code/Emphasis","/components/tag/code/Example","/components/tag/code/Overflow","/components/tag/code/Semantic","/components/tag/code/State","/components/tag/docs/Angular","/components/tag/docs/HTML","/components/tag/docs/Migration","/components/tag/docs/React","/components/tag/docs/Vue","/components/tag/how-to-use","/components/tag/migration","/components/tag/overview","/components/tag/properties","/components/textarea","/components/textarea/code/Density","/components/textarea/code/Requirement","/components/textarea/code/Rows","/components/textarea/code/StatesFloatingLabel","/components/textarea/code/StatesLabelAbove","/components/textarea/code/VariantHelperMessage","/components/textarea/code/VariantLabel","/components/textarea/docs/Angular","/components/textarea/docs/HTML","/components/textarea/docs/Migration","/components/textarea/docs/React","/components/textarea/docs/Vue","/components/textarea/how-to-use","/components/textarea/migration","/components/textarea/overview","/components/textarea/properties","/components/tooltip","/components/tooltip/code/Animations","/components/tooltip/code/Density","/components/tooltip/code/Emphasis","/components/tooltip/code/Placement","/components/tooltip/code/Variant","/components/tooltip/code/Width","/components/tooltip/docs/Angular","/components/tooltip/docs/HTML","/components/tooltip/docs/Migration","/components/tooltip/docs/React","/components/tooltip/docs/Vue","/components/tooltip/how-to-use","/components/tooltip/migration","/components/tooltip/overview","/components/tooltip/properties","/components/validation","/foundations/colors/color-schemes","/foundations/colors/overview","/foundations/colors/readme","/foundations/densities/examples","/foundations/densities/readme","/foundations/font-sizes/overview","/foundations/font-sizes/readme","/foundations/icons/custom-icons","/foundations/icons/overview","/foundations/icons/readme","/foundations/readme","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/9572-6384845aa7283cec.js","static/chunks/49710-3d1369efe7ca8ecb.js","static/chunks/55216-a40019618a214259.js","static/chunks/79794-6a112c7bbfbe154a.js","static/chunks/36533-b506e9085c1f1805.js","static/chunks/48452-a3ba4d00b13b02d0.js","static/chunks/13653-16e7e11c0cb004fa.js","static/chunks/94758-1925425dc59b0557.js","static/chunks/14210-1c7d2122a6457495.js","static/chunks/56245-1041f3cbddfab990.js","static/chunks/26347-5e367ccef6e20395.js","static/chunks/8181-a9f6a2307749e858.js","static/chunks/84191-b3cc81bec573dbd1.js","static/chunks/85898-6adc41e78bbc7f86.js","static/chunks/63862-9f3daeb246d46ad8.js","static/chunks/95052-40933087bd6565d2.js","static/chunks/16871-0bca4350fe3d112d.js","static/chunks/58402-62e1154c4d81ace6.js","static/chunks/10505-471b7074d7038f8b.js","static/chunks/34062-a27a76a830309679.js","static/chunks/5430-de1a653232c9fdc7.js","static/chunks/44993-cda0d0cb8a977564.js","static/chunks/19372-e1d8bff56a781121.js","static/chunks/31222-ead2f392b15613ab.js","static/chunks/22916-a22f2ed258ccee1e.js","static/chunks/71499-157bb819b284c52f.js","static/chunks/32262-94407c37a1800a42.js","static/chunks/39704-73e1a5ae3765ed0a.js","static/chunks/88576-0c1f834f3712d386.js","static/chunks/61795-44dd08c06c8289ae.js","static/chunks/79466-7ce0c94283db3971.js","static/chunks/52591-16c8a03503197a0f.js","static/chunks/92728-217a0062bf921a32.js","static/chunks/89955-d83b80a6dd086376.js","static/chunks/87053-1c4a31e466c5ea60.js","static/chunks/73208-072b0cbe55592c4f.js","static/chunks/54118-9e4983b42e8e172a.js","static/chunks/26179-17873c68d5fb8c87.js","static/chunks/66158-591aa2e97216c592.js","static/chunks/27078-f6ca260e3046b9e9.js","static/chunks/10272-4285e0aa98ceaad7.js","static/chunks/57263-12c49cd942ed4000.js","static/chunks/3537-1fe897633a04f7b4.js","static/chunks/97003-1d61bc9902a149c2.js","static/chunks/23747-9237f818d981ca44.js","static/chunks/72027-bf2f41c494a88a82.js","static/chunks/68361-ddcb3b0b1c0e970f.js","static/chunks/43614-b0d033b6099039a7.js","static/chunks/86202-ddef4ec45b7d6cd5.js","static/chunks/63818-020f490bf59653c5.js","static/chunks/74101-55d222d6f58fdca3.js","static/chunks/48508-6c9849df53a8b979.js","static/chunks/61377-d89b7fdbfebfc31a.js","static/chunks/42986-f8fb0272ac54a674.js","static/chunks/93750-ffc8b06d5157d64b.js","static/chunks/90789-f67ff60f87a0eed4.js","static/chunks/8527-09189272dd13768e.js","static/chunks/24889-4e2de6598cfa9c33.js","static/chunks/10769-d769aa6725819f85.js","static/chunks/86869-935fb09c11498480.js","static/chunks/18825-fbdf24d1ef30070a.js","static/chunks/49485-681dac4f7677cb84.js","static/chunks/8170-b65869570d8fc591.js","static/chunks/9549-f89f66e081b19c09.js","static/chunks/39433-bd595747b27222e7.js","static/chunks/70473-2568ab48a47b1462.js","static/chunks/37466-9bc7e168d3189127.js","static/chunks/50612-9919df011c5353d0.js","static/chunks/42793-8cb3e5f0c6e2c4ca.js","static/chunks/74186-222a05d231259e5c.js","static/chunks/566-8af6420dd0a7b7f7.js","static/chunks/12434-818a9dca66da68b1.js","static/chunks/83414-2f3b513f7ce44769.js","static/chunks/89353-a55a6db4ee1247ea.js","static/chunks/90139-d2a68249b717b1d5.js","static/chunks/46301-fe3a8d80ac3415e7.js","static/chunks/48834-c827d6909fe9d35a.js","static/chunks/51271-69e74e1b7d733209.js","static/chunks/81232-4fe4c41777ab7e44.js","static/chunks/98221-1bdca147df4af106.js","static/chunks/81787-f65b63445caa36dc.js","static/chunks/71940-5f99f57e352db513.js","static/chunks/87328-f1e37c0e50033506.js","static/chunks/99697-8618c90e4d384a86.js","static/chunks/20395-e1cfbbb657f453d0.js","static/chunks/58926-014dc8a6774e8aef.js","static/chunks/26578-f246c79b573bcb6b.js","static/chunks/93365-9ccd1fac30d6c492.js","static/chunks/24614-5e6ab17926624333.js","static/chunks/86438-cc8e4c267337d187.js","static/chunks/28469-b2f38af25e1a9a4b.js","static/chunks/81109-d0b720f8535d522b.js","static/chunks/62883-740d2cabe755abe4.js","static/chunks/95864-4eec86589f217405.js","static/chunks/69471-8ea2ab30078556d8.js","static/chunks/90536-d680add88ad32ca4.js","static/chunks/13260-eb3cc7dc011790e6.js","static/chunks/9005-5b6675f67201e540.js","static/chunks/64686-3bd08a73d68b2248.js","static/chunks/77981-81e821f74c1e8c94.js","static/chunks/88582-191e56160e4ff490.js","static/chunks/99138-285173c86b7a3713.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/_next/static/CD-IP80EeD5u_cvMkVs8R/_ssgManifest.js b/review/fix-a11y-form-component-ids/_next/static/ecy-n5slkQM4z2m-waesy/_ssgManifest.js
similarity index 100%
rename from review/fix-a11y-form-component-ids/_next/static/CD-IP80EeD5u_cvMkVs8R/_ssgManifest.js
rename to review/fix-a11y-form-component-ids/_next/static/ecy-n5slkQM4z2m-waesy/_ssgManifest.js
diff --git a/review/fix-a11y-form-component-ids/base64.html b/review/fix-a11y-form-component-ids/base64.html
index 6c5cda46712..db781270515 100644
--- a/review/fix-a11y-form-component-ids/base64.html
+++ b/review/fix-a11y-form-component-ids/base64.html
@@ -1 +1 @@
-DB UI MonoOpen IFrame Open IFrame <db-accordion-item headlinePlain="(Default) Collapsed">
+DB UI Mono<db-accordion-item headlinePlain="(Default) Collapsed">
(Default) Collapsed
</db-accordion-item>
undefined
<DBAccordionItem headlinePlain="(Default) Collapsed">
(Default) Collapsed
@@ -6,4 +6,4 @@
(Default) Collapsed
</DBAccordionItem>
<db-accordion-item headlinePlain="Open" [open]="true">Open</db-accordion-item>
undefined
<DBAccordionItem headlinePlain="Open" open>
Open
-</DBAccordionItem>
<DBAccordionItem headlinePlain="Open" :open="true">Open</DBAccordionItem>
<DBAccordionItem headlinePlain="Open" :open="true">Open</DBAccordionItem>
<db-accordion-item headlinePlain="Functional">Functional</db-accordion-item>
<details id="OVERWRITE_DEFAULT_ID" class="db-accordion-item">
+DB UI Mono<db-accordion-item headlinePlain="Functional">Functional</db-accordion-item>
<details id="OVERWRITE_DEFAULT_ID" class="db-accordion-item">
<summary>Functional</summary>
<div>Functional</div>
</details>
<DBAccordionItem headlinePlain="Functional">Functional</DBAccordionItem>
<DBAccordionItem headlinePlain="Functional">Functional</DBAccordionItem>
<db-accordion-item headlinePlain="(Default) Regular">
@@ -13,4 +13,4 @@
</DBAccordionItem>
<db-accordion-item headlinePlain="Expressive">Expressive</db-accordion-item>
<details id="OVERWRITE_DEFAULT_ID" class="db-accordion-item">
<summary>Expressive</summary>
<div>Expressive</div>
-</details>
<DBAccordionItem headlinePlain="Expressive">Expressive</DBAccordionItem>
<DBAccordionItem headlinePlain="Expressive">Expressive</DBAccordionItem>
<DBAccordionItem headlinePlain="Expressive">Expressive</DBAccordionItem>
<DBAccordionItem headlinePlain="Expressive">Expressive</DBAccordionItem>
<db-accordion-item headlinePlain="Enabled (Default)/Hover/Pressed">
+DB UI Mono<db-accordion-item headlinePlain="Enabled (Default)/Hover/Pressed">
Enabled (Default)/Hover/Pressed
</db-accordion-item>
undefined
<DBAccordionItem headlinePlain="Enabled (Default)/Hover/Pressed">
Enabled (Default)/Hover/Pressed
@@ -6,4 +6,4 @@
Enabled (Default)/Hover/Pressed
</DBAccordionItem>
<db-accordion-item headlinePlain="Disabled" [disabled]="true">Disabled</db-accordion-item>
undefined
<DBAccordionItem headlinePlain="Disabled" disabled>
Disabled
-</DBAccordionItem>
<DBAccordionItem headlinePlain="Disabled" :disabled="true">Disabled</DBAccordionItem>
<DBAccordionItem headlinePlain="Disabled" :disabled="true">Disabled</DBAccordionItem>
Angular
+
DB UI MonoAngular
For general installation and configuration look at the ngx-components package.
Load component
// app.component.ts
@@ -22,4 +22,4 @@ With Content Projection
<!-- app.component.html -->
<db-accordion-item headlinePlain="Title" content="Content"></db-accordion-item>
-
\ No newline at end of file
+
HTML
+
DB UI MonoHTML
For general installation and configuration look at the components package.
Use component
<!-- index.html -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion-item/docs/Migration.html b/review/fix-a11y-form-component-ids/components/accordion-item/docs/Migration.html
index 50f8da1f306..6ca02771f01 100644
--- a/review/fix-a11y-form-component-ids/components/accordion-item/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/accordion-item/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
| Before | Status | After | Description |
|---|
cmp-accordion | 🔁 | db-accordion-item | The old accordion was just 1 item, we split it to combine multiple accordion-items into 1 accordion (which is another component) |
props
-| Before | Status | After | Description |
|---|
summary | 🔁 | headline | The title/summary of the details element. |
emphasis | ❌ | ❌ | There is no emphasis anymore. |
size | ❌ | ❌ | Controlled by the density. |
| 🆕 | disabled | Disable the component. |
| 🆕 | content | Pass in a simple string as fallback to normal children/slot |
\ No newline at end of file
+
| Before | Status | After | Description |
|---|
summary | 🔁 | headline | The title/summary of the details element. |
emphasis | ❌ | ❌ | There is no emphasis anymore. |
size | ❌ | ❌ | Controlled by the density. |
| 🆕 | disabled | Disable the component. |
| 🆕 | content | Pass in a simple string as fallback to normal children/slot |
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion-item/docs/React.html b/review/fix-a11y-form-component-ids/components/accordion-item/docs/React.html
index 635609c2972..6893920da9c 100644
--- a/review/fix-a11y-form-component-ids/components/accordion-item/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/accordion-item/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration look at the react-components package.
Use component
With Slots
@@ -14,4 +14,4 @@
With attributes
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion-item/docs/Vue.html b/review/fix-a11y-form-component-ids/components/accordion-item/docs/Vue.html
index 7da0f1c4997..920586aaa00 100644
--- a/review/fix-a11y-form-component-ids/components/accordion-item/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/accordion-item/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration look at the v-components package.
Use component
With Slots
@@ -23,4 +23,4 @@
With attributes
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion-item/how-to-use.html b/review/fix-a11y-form-component-ids/components/accordion-item/how-to-use.html
index 28d69e71b54..a507fc640e8 100644
--- a/review/fix-a11y-form-component-ids/components/accordion-item/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/accordion-item/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion-item/migration.html b/review/fix-a11y-form-component-ids/components/accordion-item/migration.html
index 74cebb70712..63a932fbcc2 100644
--- a/review/fix-a11y-form-component-ids/components/accordion-item/migration.html
+++ b/review/fix-a11y-form-component-ids/components/accordion-item/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion-item/overview.html b/review/fix-a11y-form-component-ids/components/accordion-item/overview.html
index 8ba704305f7..38df47b65d1 100644
--- a/review/fix-a11y-form-component-ids/components/accordion-item/overview.html
+++ b/review/fix-a11y-form-component-ids/components/accordion-item/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion-item/properties.html b/review/fix-a11y-form-component-ids/components/accordion-item/properties.html
index 0369992c710..a1e08bdddb9 100644
--- a/review/fix-a11y-form-component-ids/components/accordion-item/properties.html
+++ b/review/fix-a11y-form-component-ids/components/accordion-item/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion.html b/review/fix-a11y-form-component-ids/components/accordion.html
index 68c943a0c31..460efa34134 100644
--- a/review/fix-a11y-form-component-ids/components/accordion.html
+++ b/review/fix-a11y-form-component-ids/components/accordion.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion/code/Behaviour.html b/review/fix-a11y-form-component-ids/components/accordion/code/Behaviour.html
index f30c71d4f1b..e1f7bc93b66 100644
--- a/review/fix-a11y-form-component-ids/components/accordion/code/Behaviour.html
+++ b/review/fix-a11y-form-component-ids/components/accordion/code/Behaviour.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-accordion>
+DB UI Mono<db-accordion>
<db-accordion-item headline="Item 1" content="Content 1"></db-accordion-item>
<db-accordion-item headline="Item 2" content="Content 2"></db-accordion-item>
<db-accordion-item headline="Item 3" content="Content 3"></db-accordion-item>
@@ -22,4 +22,4 @@
<DBAccordionItem headline="Item 1" content="Content 1" />
<DBAccordionItem headline="Item 2" content="Content 2" />
<DBAccordionItem headline="Item 3" content="Content 3" />
-</DBAccordion>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion/code/Density.html b/review/fix-a11y-form-component-ids/components/accordion/code/Density.html
index e4c2376cb2d..610ba837766 100644
--- a/review/fix-a11y-form-component-ids/components/accordion/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/accordion/code/Density.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-accordion>
+DB UI Mono<db-accordion>
<db-accordion-item headline="Item 1" content="Content 1"></db-accordion-item>
<db-accordion-item headline="Item 2" content="Content 2"></db-accordion-item>
<db-accordion-item headline="Item 3" content="Content 3"></db-accordion-item>
@@ -34,4 +34,4 @@
<DBAccordionItem headline="Item 1" content="Content 1" />
<DBAccordionItem headline="Item 2" content="Content 2" />
<DBAccordionItem headline="Item 3" content="Content 3" />
-</DBAccordion>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion/code/Variant.html b/review/fix-a11y-form-component-ids/components/accordion/code/Variant.html
index 53b3337dcb2..e39df1b99fe 100644
--- a/review/fix-a11y-form-component-ids/components/accordion/code/Variant.html
+++ b/review/fix-a11y-form-component-ids/components/accordion/code/Variant.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-accordion>
+DB UI Mono<db-accordion>
<db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
<db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
<db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
@@ -22,4 +22,4 @@
<DBAccordionItem title="Item 1" content="Content 1" />
<DBAccordionItem title="Item 2" content="Content 2" />
<DBAccordionItem title="Item 3" content="Content 3" />
-</DBAccordion>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion/docs/Angular.html b/review/fix-a11y-form-component-ids/components/accordion/docs/Angular.html
index e924579f266..2800fe6de9c 100644
--- a/review/fix-a11y-form-component-ids/components/accordion/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/accordion/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration look at the ngx-components package.
Load component
// app.component.ts
@@ -27,4 +27,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion/docs/HTML.html b/review/fix-a11y-form-component-ids/components/accordion/docs/HTML.html
index 593b8f035dc..2dfea387047 100644
--- a/review/fix-a11y-form-component-ids/components/accordion/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/accordion/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration look at the components package.
Use component
<!-- index.html -->
@@ -19,4 +19,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion/docs/Migration.html b/review/fix-a11y-form-component-ids/components/accordion/docs/Migration.html
index df2ef4c8051..f190dac4c70 100644
--- a/review/fix-a11y-form-component-ids/components/accordion/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/accordion/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion/docs/React.html b/review/fix-a11y-form-component-ids/components/accordion/docs/React.html
index c92936073ac..cd520322cbc 100644
--- a/review/fix-a11y-form-component-ids/components/accordion/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/accordion/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration look at the react-components package.
Use component
// App.tsx
@@ -12,4 +12,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion/docs/Vue.html b/review/fix-a11y-form-component-ids/components/accordion/docs/Vue.html
index 3fcc03b09fa..5233e5ea8ed 100644
--- a/review/fix-a11y-form-component-ids/components/accordion/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/accordion/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration look at the v-components package.
Use component
<!-- App.vue -->
@@ -13,4 +13,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion/how-to-use.html b/review/fix-a11y-form-component-ids/components/accordion/how-to-use.html
index 21f81b5b61e..419283fe0e1 100644
--- a/review/fix-a11y-form-component-ids/components/accordion/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/accordion/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion/migration.html b/review/fix-a11y-form-component-ids/components/accordion/migration.html
index 35c20f30f18..2dacf499efe 100644
--- a/review/fix-a11y-form-component-ids/components/accordion/migration.html
+++ b/review/fix-a11y-form-component-ids/components/accordion/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion/overview.html b/review/fix-a11y-form-component-ids/components/accordion/overview.html
index fa6a07a92b0..71e0a6e3934 100644
--- a/review/fix-a11y-form-component-ids/components/accordion/overview.html
+++ b/review/fix-a11y-form-component-ids/components/accordion/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/accordion/properties.html b/review/fix-a11y-form-component-ids/components/accordion/properties.html
index 2e606e7db67..8a8f58cdfab 100644
--- a/review/fix-a11y-form-component-ids/components/accordion/properties.html
+++ b/review/fix-a11y-form-component-ids/components/accordion/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/badge.html b/review/fix-a11y-form-component-ids/components/badge.html
index 5a2dfb1e3f7..8f262d1b0ec 100644
--- a/review/fix-a11y-form-component-ids/components/badge.html
+++ b/review/fix-a11y-form-component-ids/components/badge.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/badge/code/Content.html b/review/fix-a11y-form-component-ids/components/badge/code/Content.html
index d121ff9e52b..bb5756736c7 100644
--- a/review/fix-a11y-form-component-ids/components/badge/code/Content.html
+++ b/review/fix-a11y-form-component-ids/components/badge/code/Content.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-badge>(Default) Text</db-badge>
<span class="db-badge">(Default) Text</span>
<DBBadge>(Default) Text</DBBadge>
<DBBadge>(Default) Text</DBBadge>
<db-badge size="medium">(Default) Text - Medium</db-badge>
<span class="db-badge" data-size="medium">
+DB UI Mono<db-badge>(Default) Text</db-badge>
<span class="db-badge">(Default) Text</span>
<DBBadge>(Default) Text</DBBadge>
<DBBadge>(Default) Text</DBBadge>
<db-badge size="medium">(Default) Text - Medium</db-badge>
<span class="db-badge" data-size="medium">
(Default) Text - Medium
</span>
<DBBadge size="medium">(Default) Text - Medium</DBBadge>
<DBBadge size="medium">(Default) Text - Medium</DBBadge>
<db-badge [noContent]="true">Dot - Small</db-badge>
<span class="db-badge">Dot - Small</span>
<DBBadge noContent>Dot - Small</DBBadge>
<DBBadge :noContent="true">Dot - Small</DBBadge>
<db-badge [noContent]="true" size="medium">Dot - Medium</db-badge>
<span class="db-badge" data-size="medium">
Dot - Medium
@@ -12,4 +12,4 @@
Icon - Medium
</DBBadge>
<DBBadge example="icon" size="medium">
Icon - Medium
-</DBBadge>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/badge/code/Density.html b/review/fix-a11y-form-component-ids/components/badge/code/Density.html
index dbbf67ab472..03110b76640 100644
--- a/review/fix-a11y-form-component-ids/components/badge/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/badge/code/Density.html
@@ -1 +1 @@
-
DB UI Mono<db-badge>Functional</db-badge>
<span class="db-badge">Functional</span>
<DBBadge>Functional</DBBadge>
<DBBadge>Functional</DBBadge>
<db-badge>(Default) Regular</db-badge>
<span class="db-badge">(Default) Regular</span>
<DBBadge>(Default) Regular</DBBadge>
<DBBadge>(Default) Regular</DBBadge>
<db-badge>Expressive</db-badge>
<span class="db-badge">Expressive</span>
<DBBadge>Expressive</DBBadge>
<DBBadge>Expressive</DBBadge>
\ No newline at end of file
+
DB UI Mono<db-badge>Functional</db-badge>
<span class="db-badge">Functional</span>
<DBBadge>Functional</DBBadge>
<DBBadge>Functional</DBBadge>
<db-badge>(Default) Regular</db-badge>
<span class="db-badge">(Default) Regular</span>
<DBBadge>(Default) Regular</DBBadge>
<DBBadge>(Default) Regular</DBBadge>
<db-badge>Expressive</db-badge>
<span class="db-badge">Expressive</span>
<DBBadge>Expressive</DBBadge>
<DBBadge>Expressive</DBBadge>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/badge/code/Emphasis.html b/review/fix-a11y-form-component-ids/components/badge/code/Emphasis.html
index 6d30601f0ec..af3effc2dea 100644
--- a/review/fix-a11y-form-component-ids/components/badge/code/Emphasis.html
+++ b/review/fix-a11y-form-component-ids/components/badge/code/Emphasis.html
@@ -1,3 +1,3 @@
-
DB UI Mono<db-badge>(Default) Weak</db-badge>
<span class="db-badge">(Default) Weak</span>
<DBBadge>(Default) Weak</DBBadge>
<DBBadge>(Default) Weak</DBBadge>
<db-badge emphasis="strong">Strong</db-badge>
<span class="db-badge" data-emphasis="strong">
+DB UI Mono<db-badge>(Default) Weak</db-badge>
<span class="db-badge">(Default) Weak</span>
<DBBadge>(Default) Weak</DBBadge>
<DBBadge>(Default) Weak</DBBadge>
<db-badge emphasis="strong">Strong</db-badge>
<span class="db-badge" data-emphasis="strong">
Strong
-</span>
<DBBadge emphasis="strong">Strong</DBBadge>
<DBBadge emphasis="strong">Strong</DBBadge>
<DBBadge emphasis="strong">Strong</DBBadge>
<DBBadge emphasis="strong">Strong</DBBadge>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/badge/code/Examples.html b/review/fix-a11y-form-component-ids/components/badge/code/Examples.html
index 3d2b6a02165..9084c434e9f 100644
--- a/review/fix-a11y-form-component-ids/components/badge/code/Examples.html
+++ b/review/fix-a11y-form-component-ids/components/badge/code/Examples.html
@@ -1 +1 @@
-
DB UI Mono<db-badge example="number">Numbers</db-badge>
<span class="db-badge">Numbers</span>
<DBBadge example="number">Numbers</DBBadge>
<DBBadge example="number">Numbers</DBBadge>
\ No newline at end of file
+
DB UI Mono<db-badge example="number">Numbers</db-badge>
<span class="db-badge">Numbers</span>
<DBBadge example="number">Numbers</DBBadge>
<DBBadge example="number">Numbers</DBBadge>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/badge/code/Placement.html b/review/fix-a11y-form-component-ids/components/badge/code/Placement.html
index 54f6b3594e4..da946caff9d 100644
--- a/review/fix-a11y-form-component-ids/components/badge/code/Placement.html
+++ b/review/fix-a11y-form-component-ids/components/badge/code/Placement.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-badge placement="inline">(Default) Inline</db-badge>
<span class="db-badge" data-placement="inline">
+DB UI Mono<db-badge placement="inline">(Default) Inline</db-badge>
<span class="db-badge" data-placement="inline">
(Default) Inline
</span>
<DBBadge placement="inline">(Default) Inline</DBBadge>
<DBBadge placement="inline">(Default) Inline</DBBadge>
<db-badge placement="corner-top-left">Corner - Top - Left</db-badge>
<span class="db-badge" data-placement="corner-top-left">
Corner - Top - Left
@@ -12,4 +12,4 @@
Corner - Center - Right
</span>
<DBBadge placement="corner-center-right">Corner - Center - Right</DBBadge>
<DBBadge placement="corner-center-right">Corner - Center - Right</DBBadge>
<db-badge placement="corner-bottom-right">Corner - Bottom- Right</db-badge>
<span class="db-badge" data-placement="corner-bottom-right">
Corner - Bottom- Right
-</span>
<DBBadge placement="corner-bottom-right">Corner - Bottom- Right</DBBadge>
<DBBadge placement="corner-bottom-right">Corner - Bottom- Right</DBBadge>
<DBBadge placement="corner-bottom-right">Corner - Bottom- Right</DBBadge>
<DBBadge placement="corner-bottom-right">Corner - Bottom- Right</DBBadge>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/badge/code/Semantic.html b/review/fix-a11y-form-component-ids/components/badge/code/Semantic.html
index bbb0503a36b..d90784655fe 100644
--- a/review/fix-a11y-form-component-ids/components/badge/code/Semantic.html
+++ b/review/fix-a11y-form-component-ids/components/badge/code/Semantic.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-badge>(Default) Adaptive</db-badge>
<span class="db-badge">(Default) Adaptive</span>
<DBBadge>(Default) Adaptive</DBBadge>
<DBBadge>(Default) Adaptive</DBBadge>
<db-badge semantic="neutral">Neutral</db-badge>
<span class="db-badge" data-semantic="neutral">
+DB UI Mono<db-badge>(Default) Adaptive</db-badge>
<span class="db-badge">(Default) Adaptive</span>
<DBBadge>(Default) Adaptive</DBBadge>
<DBBadge>(Default) Adaptive</DBBadge>
<db-badge semantic="neutral">Neutral</db-badge>
<span class="db-badge" data-semantic="neutral">
Neutral
</span>
<DBBadge semantic="neutral">Neutral</DBBadge>
<DBBadge semantic="neutral">Neutral</DBBadge>
<db-badge semantic="critical">Critical</db-badge>
<span class="db-badge" data-semantic="critical">
Critical
@@ -50,4 +50,4 @@
Warning Strong
</DBBadge>
<DBBadge semantic="warning" emphasis="strong">
Warning Strong
-</DBBadge>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/badge/code/Size.html b/review/fix-a11y-form-component-ids/components/badge/code/Size.html
index 717beb5c859..5a0bc6df5d3 100644
--- a/review/fix-a11y-form-component-ids/components/badge/code/Size.html
+++ b/review/fix-a11y-form-component-ids/components/badge/code/Size.html
@@ -1,3 +1,3 @@
-
DB UI Mono<db-badge>(Default) Small</db-badge>
<span class="db-badge">(Default) Small</span>
<DBBadge>(Default) Small</DBBadge>
<DBBadge>(Default) Small</DBBadge>
<db-badge size="medium">Medium</db-badge>
<span class="db-badge" data-size="medium">
+DB UI Mono<db-badge>(Default) Small</db-badge>
<span class="db-badge">(Default) Small</span>
<DBBadge>(Default) Small</DBBadge>
<DBBadge>(Default) Small</DBBadge>
<db-badge size="medium">Medium</db-badge>
<span class="db-badge" data-size="medium">
Medium
-</span>
<DBBadge size="medium">Medium</DBBadge>
<DBBadge size="medium">Medium</DBBadge>
<DBBadge size="medium">Medium</DBBadge>
<DBBadge size="medium">Medium</DBBadge>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/badge/docs/Angular.html b/review/fix-a11y-form-component-ids/components/badge/docs/Angular.html
index 3cd763ae23a..85f33b8fc3b 100644
--- a/review/fix-a11y-form-component-ids/components/badge/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/badge/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-badge>Badge</db-badge>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/badge/docs/HTML.html b/review/fix-a11y-form-component-ids/components/badge/docs/HTML.html
index 52ddf093ae4..1b5de961334 100644
--- a/review/fix-a11y-form-component-ids/components/badge/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/badge/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -6,4 +6,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/badge/docs/Migration.html b/review/fix-a11y-form-component-ids/components/badge/docs/Migration.html
index 5b6cc679cbe..df4ab4d071a 100644
--- a/review/fix-a11y-form-component-ids/components/badge/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/badge/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/badge/docs/React.html b/review/fix-a11y-form-component-ids/components/badge/docs/React.html
index 935bba80fdb..2b18d6fc667 100644
--- a/review/fix-a11y-form-component-ids/components/badge/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/badge/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -7,4 +7,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/badge/docs/Vue.html b/review/fix-a11y-form-component-ids/components/badge/docs/Vue.html
index 7ca66208f71..8e2abbc087c 100644
--- a/review/fix-a11y-form-component-ids/components/badge/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/badge/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/badge/how-to-use.html b/review/fix-a11y-form-component-ids/components/badge/how-to-use.html
index 9bc308bf093..2f240012b80 100644
--- a/review/fix-a11y-form-component-ids/components/badge/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/badge/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/badge/migration.html b/review/fix-a11y-form-component-ids/components/badge/migration.html
index 47e352c1ad9..edb01ee2c89 100644
--- a/review/fix-a11y-form-component-ids/components/badge/migration.html
+++ b/review/fix-a11y-form-component-ids/components/badge/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/badge/overview.html b/review/fix-a11y-form-component-ids/components/badge/overview.html
index ab7a2a90279..4c5d34a21cc 100644
--- a/review/fix-a11y-form-component-ids/components/badge/overview.html
+++ b/review/fix-a11y-form-component-ids/components/badge/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/badge/properties.html b/review/fix-a11y-form-component-ids/components/badge/properties.html
index 50d7e9ca5af..4f2962a8686 100644
--- a/review/fix-a11y-form-component-ids/components/badge/properties.html
+++ b/review/fix-a11y-form-component-ids/components/badge/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/brand.html b/review/fix-a11y-form-component-ids/components/brand.html
index 12cad79422d..4e29863a204 100644
--- a/review/fix-a11y-form-component-ids/components/brand.html
+++ b/review/fix-a11y-form-component-ids/components/brand.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/brand/code/Tonality.html b/review/fix-a11y-form-component-ids/components/brand/code/Tonality.html
index dee49078fad..09d18b9e7bd 100644
--- a/review/fix-a11y-form-component-ids/components/brand/code/Tonality.html
+++ b/review/fix-a11y-form-component-ids/components/brand/code/Tonality.html
@@ -1,7 +1,7 @@
-
DB UI Mono<db-brand>Functional</db-brand>
<div data-icon="db" class="db-brand">
+DB UI Mono<db-brand>Functional</db-brand>
<div data-icon="db" class="db-brand">
Functional
</div>
<DBBrand>Functional</DBBrand>
<DBBrand>Functional</DBBrand>
<db-brand>(Default) Regular</db-brand>
<div data-icon="db" class="db-brand">
(Default) Regular
</div>
<DBBrand>(Default) Regular</DBBrand>
<DBBrand>(Default) Regular</DBBrand>
<db-brand>Expressive</db-brand>
<div data-icon="db" class="db-brand">
Expressive
-</div>
<DBBrand>Expressive</DBBrand>
<DBBrand>Expressive</DBBrand>
<DBBrand>Expressive</DBBrand>
<DBBrand>Expressive</DBBrand>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/brand/code/Variants.html b/review/fix-a11y-form-component-ids/components/brand/code/Variants.html
index b79b9be7df3..c0a7b76b1da 100644
--- a/review/fix-a11y-form-component-ids/components/brand/code/Variants.html
+++ b/review/fix-a11y-form-component-ids/components/brand/code/Variants.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-brand>(Default) With Logo</db-brand>
<div data-icon="db" class="db-brand">
+DB UI Mono<db-brand>(Default) With Logo</db-brand>
<div data-icon="db" class="db-brand">
(Default) With Logo
</div>
<DBBrand>(Default) With Logo</DBBrand>
<DBBrand>(Default) With Logo</DBBrand>
<db-brand [hideLogo]="true">No Logo</db-brand>
<div data-icon="none" class="db-brand">
No Logo
@@ -6,4 +6,4 @@
Custom Logo
</div>
<DBBrand hideLogo customLogo>
Custom Logo
-</DBBrand>
<DBBrand :hideLogo="true" :customLogo="true">Custom Logo</DBBrand>
<DBBrand :hideLogo="true" :customLogo="true">Custom Logo</DBBrand>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/brand/docs/Angular.html b/review/fix-a11y-form-component-ids/components/brand/docs/Angular.html
index 5c44237931a..40bf4ac5b48 100644
--- a/review/fix-a11y-form-component-ids/components/brand/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/brand/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-brand>Brand</db-brand>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/brand/docs/HTML.html b/review/fix-a11y-form-component-ids/components/brand/docs/HTML.html
index 9942c796f57..c0150931980 100644
--- a/review/fix-a11y-form-component-ids/components/brand/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/brand/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -6,4 +6,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/brand/docs/Migration.html b/review/fix-a11y-form-component-ids/components/brand/docs/Migration.html
index 988555b8363..37d7f7de250 100644
--- a/review/fix-a11y-form-component-ids/components/brand/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/brand/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
@@ -12,4 +12,4 @@ properties| After | Description | siteNameLink | ❌ | ❌ | see Note |
alt | ❌ | ❌ | see Note |
anchorRef | ❌ | ❌ | see Note |
anchorTitle | ❌ | ❌ | see Note |
anchorRelation | ❌ | ❌ | see Note |
src | ❌ | ❌ | see Note |
hideLogo | 🆕 | ❌ | If you want a custom image, you can hide the default one and pass anything into the children/slot |
\ No newline at end of file
+
| Before | Status | After | Description |
|---|
siteNameLink | ❌ | ❌ | see Note |
alt | ❌ | ❌ | see Note |
anchorRef | ❌ | ❌ | see Note |
anchorTitle | ❌ | ❌ | see Note |
anchorRelation | ❌ | ❌ | see Note |
src | ❌ | ❌ | see Note |
hideLogo | 🆕 | ❌ | If you want a custom image, you can hide the default one and pass anything into the children/slot |
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/brand/docs/React.html b/review/fix-a11y-form-component-ids/components/brand/docs/React.html
index 2cb467ba5a6..d588d7c6105 100644
--- a/review/fix-a11y-form-component-ids/components/brand/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/brand/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -7,4 +7,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/brand/docs/Vue.html b/review/fix-a11y-form-component-ids/components/brand/docs/Vue.html
index 7fb86330229..a7b5115cc7e 100644
--- a/review/fix-a11y-form-component-ids/components/brand/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/brand/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/brand/how-to-use.html b/review/fix-a11y-form-component-ids/components/brand/how-to-use.html
index bdd0fe668c9..a92eb1f54f0 100644
--- a/review/fix-a11y-form-component-ids/components/brand/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/brand/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/brand/migration.html b/review/fix-a11y-form-component-ids/components/brand/migration.html
index 3f1022bbe7b..ed2ea9ddf3d 100644
--- a/review/fix-a11y-form-component-ids/components/brand/migration.html
+++ b/review/fix-a11y-form-component-ids/components/brand/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/brand/overview.html b/review/fix-a11y-form-component-ids/components/brand/overview.html
index 14af674c994..6477e46aaef 100644
--- a/review/fix-a11y-form-component-ids/components/brand/overview.html
+++ b/review/fix-a11y-form-component-ids/components/brand/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/brand/properties.html b/review/fix-a11y-form-component-ids/components/brand/properties.html
index 32196b8643e..c47eb1dfcb3 100644
--- a/review/fix-a11y-form-component-ids/components/brand/properties.html
+++ b/review/fix-a11y-form-component-ids/components/brand/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/button.html b/review/fix-a11y-form-component-ids/components/button.html
index 5c0032681d9..5faabba5321 100644
--- a/review/fix-a11y-form-component-ids/components/button.html
+++ b/review/fix-a11y-form-component-ids/components/button.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/button/code/Behaviour.html b/review/fix-a11y-form-component-ids/components/button/code/Behaviour.html
index ef143729a7a..9acc00b7e56 100644
--- a/review/fix-a11y-form-component-ids/components/button/code/Behaviour.html
+++ b/review/fix-a11y-form-component-ids/components/button/code/Behaviour.html
@@ -1,3 +1,3 @@
-
DB UI Mono<db-button>(Default) Auto Width</db-button>
<button class="db-button">(Default) Auto Width</button>
<DBButton>(Default) Auto Width</DBButton>
<DBButton>(Default) Auto Width</DBButton>
<db-button width="full">Width full</db-button>
<button class="db-button" data-width="full">
+DB UI Mono<db-button>(Default) Auto Width</db-button>
<button class="db-button">(Default) Auto Width</button>
<DBButton>(Default) Auto Width</DBButton>
<DBButton>(Default) Auto Width</DBButton>
<db-button width="full">Width full</db-button>
<button class="db-button" data-width="full">
Width full
-</button>
<DBButton width="full">Width full</DBButton>
<DBButton width="full">Width full</DBButton>
<DBButton width="full">Width full</DBButton>
<DBButton width="full">Width full</DBButton>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/button/code/Content.html b/review/fix-a11y-form-component-ids/components/button/code/Content.html
index 3ad55dcf7be..7dd142ce64d 100644
--- a/review/fix-a11y-form-component-ids/components/button/code/Content.html
+++ b/review/fix-a11y-form-component-ids/components/button/code/Content.html
@@ -1,7 +1,7 @@
-
DB UI Mono<db-button>(Default) Text</db-button>
<button class="db-button">(Default) Text</button>
<DBButton>(Default) Text</DBButton>
<DBButton>(Default) Text</DBButton>
<db-button icon="user">Icon & Text</db-button>
<button class="db-button" data-icon="user">
+DB UI Mono<db-button>(Default) Text</db-button>
<button class="db-button">(Default) Text</button>
<DBButton>(Default) Text</DBButton>
<DBButton>(Default) Text</DBButton>
<db-button icon="user">Icon & Text</db-button>
<button class="db-button" data-icon="user">
Icon & Text
</button>
<DBButton icon="user">Icon & Text</DBButton>
<DBButton icon="user">Icon & Text</DBButton>
<db-button icon="user" [noText]="true">Icon</db-button>
<button class="db-button" data-icon="user" data-no-text="true">
Icon
</button>
<DBButton icon="user" noText>
Icon
-</DBButton>
<DBButton icon="user" :noText="true">Icon</DBButton>
<DBButton icon="user" :noText="true">Icon</DBButton>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/button/code/Density.html b/review/fix-a11y-form-component-ids/components/button/code/Density.html
index c2c2e3a047c..d783ad80d53 100644
--- a/review/fix-a11y-form-component-ids/components/button/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/button/code/Density.html
@@ -1 +1 @@
-
DB UI Mono<db-button>Functional</db-button>
<button class="db-button">Functional</button>
<DBButton>Functional</DBButton>
<DBButton>Functional</DBButton>
<db-button>(Default) Regular</db-button>
<button class="db-button">(Default) Regular</button>
<DBButton>(Default) Regular</DBButton>
<DBButton>(Default) Regular</DBButton>
<db-button>Expressive</db-button>
<button class="db-button">Expressive</button>
<DBButton>Expressive</DBButton>
<DBButton>Expressive</DBButton>
\ No newline at end of file
+
DB UI Mono<db-button>Functional</db-button>
<button class="db-button">Functional</button>
<DBButton>Functional</DBButton>
<DBButton>Functional</DBButton>
<db-button>(Default) Regular</db-button>
<button class="db-button">(Default) Regular</button>
<DBButton>(Default) Regular</DBButton>
<DBButton>(Default) Regular</DBButton>
<db-button>Expressive</db-button>
<button class="db-button">Expressive</button>
<DBButton>Expressive</DBButton>
<DBButton>Expressive</DBButton>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/button/code/Size.html b/review/fix-a11y-form-component-ids/components/button/code/Size.html
index a8fd5ca4872..f883154ee6e 100644
--- a/review/fix-a11y-form-component-ids/components/button/code/Size.html
+++ b/review/fix-a11y-form-component-ids/components/button/code/Size.html
@@ -1,3 +1,3 @@
-
DB UI Mono<db-button>(Default) Medium</db-button>
<button class="db-button">(Default) Medium</button>
<DBButton>(Default) Medium</DBButton>
<DBButton>(Default) Medium</DBButton>
<db-button size="small">Small</db-button>
<button class="db-button" data-size="small">
+DB UI Mono<db-button>(Default) Medium</db-button>
<button class="db-button">(Default) Medium</button>
<DBButton>(Default) Medium</DBButton>
<DBButton>(Default) Medium</DBButton>
<db-button size="small">Small</db-button>
<button class="db-button" data-size="small">
Small
-</button>
<DBButton size="small">Small</DBButton>
<DBButton size="small">Small</DBButton>
<DBButton size="small">Small</DBButton>
<DBButton size="small">Small</DBButton>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/button/code/State.html b/review/fix-a11y-form-component-ids/components/button/code/State.html
index b43befc2ad8..aec9141d241 100644
--- a/review/fix-a11y-form-component-ids/components/button/code/State.html
+++ b/review/fix-a11y-form-component-ids/components/button/code/State.html
@@ -1,3 +1,3 @@
-
DB UI Mono<db-button>(Default) Enabled</db-button>
<button class="db-button">(Default) Enabled</button>
<DBButton>(Default) Enabled</DBButton>
<DBButton>(Default) Enabled</DBButton>
<db-button [disabled]="true">Disabled</db-button>
<button class="db-button" disabled="">
+DB UI Mono<db-button>(Default) Enabled</db-button>
<button class="db-button">(Default) Enabled</button>
<DBButton>(Default) Enabled</DBButton>
<DBButton>(Default) Enabled</DBButton>
<db-button [disabled]="true">Disabled</db-button>
<button class="db-button" disabled="">
Disabled
-</button>
<DBButton disabled>Disabled</DBButton>
<DBButton :disabled="true">Disabled</DBButton>
<DBButton disabled>Disabled</DBButton>
<DBButton :disabled="true">Disabled</DBButton>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/button/code/Variant.html b/review/fix-a11y-form-component-ids/components/button/code/Variant.html
index 0d9aa89e143..9118ade81dc 100644
--- a/review/fix-a11y-form-component-ids/components/button/code/Variant.html
+++ b/review/fix-a11y-form-component-ids/components/button/code/Variant.html
@@ -1,7 +1,7 @@
-
DB UI Mono<db-button>(Default) Outlined - Adaptive</db-button>
<button class="db-button">(Default) Outlined - Adaptive</button>
<DBButton>(Default) Outlined - Adaptive</DBButton>
<DBButton>(Default) Outlined - Adaptive</DBButton>
<db-button variant="filled">Filled - Adaptive</db-button>
<button class="db-button" data-variant="filled">
+DB UI Mono<db-button>(Default) Outlined - Adaptive</db-button>
<button class="db-button">(Default) Outlined - Adaptive</button>
<DBButton>(Default) Outlined - Adaptive</DBButton>
<DBButton>(Default) Outlined - Adaptive</DBButton>
<db-button variant="filled">Filled - Adaptive</db-button>
<button class="db-button" data-variant="filled">
Filled - Adaptive
</button>
<DBButton variant="filled">Filled - Adaptive</DBButton>
<DBButton variant="filled">Filled - Adaptive</DBButton>
<db-button variant="ghost">Ghost - Adaptive</db-button>
<button class="db-button" data-variant="ghost">
Ghost - Adaptive
</button>
<DBButton variant="ghost">Ghost - Adaptive</DBButton>
<DBButton variant="ghost">Ghost - Adaptive</DBButton>
<db-button variant="brand">Brand</db-button>
<button class="db-button" data-variant="brand">
Brand
-</button>
<DBButton variant="brand">Brand</DBButton>
<DBButton variant="brand">Brand</DBButton>
<DBButton variant="brand">Brand</DBButton>
<DBButton variant="brand">Brand</DBButton>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/button/docs/Angular.html b/review/fix-a11y-form-component-ids/components/button/docs/Angular.html
index 05e2b1c762e..181e340366e 100644
--- a/review/fix-a11y-form-component-ids/components/button/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/button/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-button variant="brand">Button</db-button>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/button/docs/HTML.html b/review/fix-a11y-form-component-ids/components/button/docs/HTML.html
index 62f4a754e7f..b5a440fc9e5 100644
--- a/review/fix-a11y-form-component-ids/components/button/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/button/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -6,4 +6,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/button/docs/Migration.html b/review/fix-a11y-form-component-ids/components/button/docs/Migration.html
index 0293a0c8329..7d03de14914 100644
--- a/review/fix-a11y-form-component-ids/components/button/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/button/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
@@ -11,4 +11,4 @@ sizes
| Before | Status | After | Description |
|---|
primary | ❌ | ❌ | not valid anymore, use outlined buttons for those purposes |
brand-primary | 🔁 | primary | |
secondary-outline | 🔁 | outlined | |
secondary-solid | 🔁 | solid | |
tertiary-plain | 🔁 | text | |
icons
-| Before | Status | After | Description |
|---|
iconAfter | ❌ | ❌ | not valid anymore, for buttons only icons before text are allowed |
iconOnly | 🔁 | noText | |
\ No newline at end of file
+
| Before | Status | After | Description |
|---|
iconAfter | ❌ | ❌ | not valid anymore, for buttons only icons before text are allowed |
iconOnly | 🔁 | noText | |
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/button/docs/React.html b/review/fix-a11y-form-component-ids/components/button/docs/React.html
index 9663a932c47..a1f3b6ce6cf 100644
--- a/review/fix-a11y-form-component-ids/components/button/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/button/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -7,4 +7,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/button/docs/Vue.html b/review/fix-a11y-form-component-ids/components/button/docs/Vue.html
index e5a5bf52f44..1e3d5f5424d 100644
--- a/review/fix-a11y-form-component-ids/components/button/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/button/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/button/how-to-use.html b/review/fix-a11y-form-component-ids/components/button/how-to-use.html
index e65f6bf4d37..2a3b95b2f58 100644
--- a/review/fix-a11y-form-component-ids/components/button/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/button/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/button/migration.html b/review/fix-a11y-form-component-ids/components/button/migration.html
index d70e08cb828..95f1044bca8 100644
--- a/review/fix-a11y-form-component-ids/components/button/migration.html
+++ b/review/fix-a11y-form-component-ids/components/button/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/button/overview.html b/review/fix-a11y-form-component-ids/components/button/overview.html
index 03f3b2eaff9..4a8b0a2d5a5 100644
--- a/review/fix-a11y-form-component-ids/components/button/overview.html
+++ b/review/fix-a11y-form-component-ids/components/button/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/button/properties.html b/review/fix-a11y-form-component-ids/components/button/properties.html
index 8909a219630..cf5c620133c 100644
--- a/review/fix-a11y-form-component-ids/components/button/properties.html
+++ b/review/fix-a11y-form-component-ids/components/button/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/card.html b/review/fix-a11y-form-component-ids/components/card.html
index 4e3ca9422f9..ea00a5081b3 100644
--- a/review/fix-a11y-form-component-ids/components/card.html
+++ b/review/fix-a11y-form-component-ids/components/card.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/card/code/Behaviour.html b/review/fix-a11y-form-component-ids/components/card/code/Behaviour.html
index c6d2933e59c..0fa19b6c939 100644
--- a/review/fix-a11y-form-component-ids/components/card/code/Behaviour.html
+++ b/review/fix-a11y-form-component-ids/components/card/code/Behaviour.html
@@ -1,3 +1,3 @@
-
DB UI Mono<db-card>(Default) Non interactive</db-card>
<div class="db-card">(Default) Non interactive</div>
<DBCard>(Default) Non interactive</DBCard>
<DBCard>(Default) Non interactive</DBCard>
<db-card behaviour="interactive">Interactive</db-card>
<div data-behaviour="interactive" role="button" tabindex="0" class="db-card">
+DB UI Mono<db-card>(Default) Non interactive</db-card>
<div class="db-card">(Default) Non interactive</div>
<DBCard>(Default) Non interactive</DBCard>
<DBCard>(Default) Non interactive</DBCard>
<db-card behaviour="interactive">Interactive</db-card>
<div data-behaviour="interactive" role="button" tabindex="0" class="db-card">
Interactive
-</div>
<DBCard behaviour="interactive">Interactive</DBCard>
<DBCard behaviour="interactive">Interactive</DBCard>
<DBCard behaviour="interactive">Interactive</DBCard>
<DBCard behaviour="interactive">Interactive</DBCard>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/card/code/Density.html b/review/fix-a11y-form-component-ids/components/card/code/Density.html
index b1a10d1143e..78ebf2f795d 100644
--- a/review/fix-a11y-form-component-ids/components/card/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/card/code/Density.html
@@ -1 +1 @@
-
DB UI Mono<db-card>Functional</db-card>
<div class="db-card">Functional</div>
<DBCard>Functional</DBCard>
<DBCard>Functional</DBCard>
<db-card>(Default) Regular</db-card>
<div class="db-card">(Default) Regular</div>
<DBCard>(Default) Regular</DBCard>
<DBCard>(Default) Regular</DBCard>
<db-card>Expressive</db-card>
<div class="db-card">Expressive</div>
<DBCard>Expressive</DBCard>
<DBCard>Expressive</DBCard>
<db-card>functional</db-card>
<div class="db-card">functional</div>
<DBCard>functional</DBCard>
<DBCard>functional</DBCard>
\ No newline at end of file
+
DB UI Mono<db-card>Functional</db-card>
<div class="db-card">Functional</div>
<DBCard>Functional</DBCard>
<DBCard>Functional</DBCard>
<db-card>(Default) Regular</db-card>
<div class="db-card">(Default) Regular</div>
<DBCard>(Default) Regular</DBCard>
<DBCard>(Default) Regular</DBCard>
<db-card>Expressive</db-card>
<div class="db-card">Expressive</div>
<DBCard>Expressive</DBCard>
<DBCard>Expressive</DBCard>
<db-card>functional</db-card>
<div class="db-card">functional</div>
<DBCard>functional</DBCard>
<DBCard>functional</DBCard>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/card/code/ElevationLevel.html b/review/fix-a11y-form-component-ids/components/card/code/ElevationLevel.html
index 9db37be4799..262365e6cd6 100644
--- a/review/fix-a11y-form-component-ids/components/card/code/ElevationLevel.html
+++ b/review/fix-a11y-form-component-ids/components/card/code/ElevationLevel.html
@@ -1 +1 @@
-
DB UI Mono<db-card elevationLevel="1">(Default) Level 1 - Adaptive</db-card>
undefined
<DBCard elevationLevel="1">(Default) Level 1 - Adaptive</DBCard>
<DBCard elevationLevel="1">(Default) Level 1 - Adaptive</DBCard>
<db-card elevationLevel="2">Level 2 - Adaptive</db-card>
undefined
<DBCard elevationLevel="2">Level 2 - Adaptive</DBCard>
<DBCard elevationLevel="2">Level 2 - Adaptive</DBCard>
<db-card elevationLevel="3">Level 3 - Adaptive</db-card>
undefined
<DBCard elevationLevel="3">Level 3 - Adaptive</DBCard>
<DBCard elevationLevel="3">Level 3 - Adaptive</DBCard>
\ No newline at end of file
+
DB UI Mono<db-card elevationLevel="1">(Default) Level 1 - Adaptive</db-card>
undefined
<DBCard elevationLevel="1">(Default) Level 1 - Adaptive</DBCard>
<DBCard elevationLevel="1">(Default) Level 1 - Adaptive</DBCard>
<db-card elevationLevel="2">Level 2 - Adaptive</db-card>
undefined
<DBCard elevationLevel="2">Level 2 - Adaptive</DBCard>
<DBCard elevationLevel="2">Level 2 - Adaptive</DBCard>
<db-card elevationLevel="3">Level 3 - Adaptive</db-card>
undefined
<DBCard elevationLevel="3">Level 3 - Adaptive</DBCard>
<DBCard elevationLevel="3">Level 3 - Adaptive</DBCard>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/card/code/Example.html b/review/fix-a11y-form-component-ids/components/card/code/Example.html
index 0869f5ec46f..975b0d703be 100644
--- a/review/fix-a11y-form-component-ids/components/card/code/Example.html
+++ b/review/fix-a11y-form-component-ids/components/card/code/Example.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-card elevationLevel="1" behaviour="interactive">
+DB UI Mono<db-card elevationLevel="1" behaviour="interactive">
Level 1 - Interactive
</db-card>
<div
data-behaviour="interactive"
@@ -40,4 +40,4 @@
Level 3 - Interactive
</DBCard>
<DBCard elevationLevel="3" behaviour="interactive">
Level 3 - Interactive
-</DBCard>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/card/code/Spacing.html b/review/fix-a11y-form-component-ids/components/card/code/Spacing.html
index 0383af36c36..8f7cbef28e4 100644
--- a/review/fix-a11y-form-component-ids/components/card/code/Spacing.html
+++ b/review/fix-a11y-form-component-ids/components/card/code/Spacing.html
@@ -1,7 +1,7 @@
-
DB UI Mono<db-card spacing="small">(Default) Small</db-card>
<div data-spacing="small" class="db-card">
+DB UI Mono<db-card spacing="small">(Default) Small</db-card>
<div data-spacing="small" class="db-card">
(Default) Small
</div>
<DBCard spacing="small">(Default) Small</DBCard>
<DBCard spacing="small">(Default) Small</DBCard>
<db-card spacing="none">No Spacing</db-card>
<div data-spacing="none" class="db-card">
No Spacing
</div>
<DBCard spacing="none">No Spacing</DBCard>
<DBCard spacing="none">No Spacing</DBCard>
<db-card spacing="medium">Medium</db-card>
<div data-spacing="medium" class="db-card">
Medium
-</div>
<DBCard spacing="medium">Medium</DBCard>
<DBCard spacing="medium">Medium</DBCard>
<DBCard spacing="medium">Medium</DBCard>
<DBCard spacing="medium">Medium</DBCard>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/card/docs/Angular.html b/review/fix-a11y-form-component-ids/components/card/docs/Angular.html
index b5963f4460b..521bc686d22 100644
--- a/review/fix-a11y-form-component-ids/components/card/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/card/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
//app.component.ts
@@ -16,4 +16,4 @@ Load component
<!-- app.component.html -->
<db-card>Card content</db-card>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/card/docs/HTML.html b/review/fix-a11y-form-component-ids/components/card/docs/HTML.html
index 5eefcc9adf1..e827fe4cd25 100644
--- a/review/fix-a11y-form-component-ids/components/card/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/card/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -6,4 +6,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/card/docs/Migration.html b/review/fix-a11y-form-component-ids/components/card/docs/Migration.html
index 0918a5f3699..91b8ba5ec7f 100644
--- a/review/fix-a11y-form-component-ids/components/card/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/card/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
@@ -9,4 +9,4 @@ class
| Before | Status | After | Description |
|---|
variant | 🔁 | variant | There is no default header/content anymore. Now you can change the card with variant="interactive" to act like a button. |
header | ❌ | ❌ | Add your own content via children/slot. |
content | ❌ | ❌ | Add your own content via children/slot. |
image
-| Before | Status | After | Description |
|---|
alt | 🔁 | imgAlt | |
image | 🔁 | imgSrc | |
| 🆕 | imgWidth | |
| 🆕 | imgHeight | |
illustration | ❌ | ❌ | |
uiCoreIllustrationPath | ❌ | ❌ | |
\ No newline at end of file
+
| Before | Status | After | Description |
|---|
alt | 🔁 | imgAlt | |
image | 🔁 | imgSrc | |
| 🆕 | imgWidth | |
| 🆕 | imgHeight | |
illustration | ❌ | ❌ | |
uiCoreIllustrationPath | ❌ | ❌ | |
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/card/docs/React.html b/review/fix-a11y-form-component-ids/components/card/docs/React.html
index b4b3247c5b0..1b00fb26542 100644
--- a/review/fix-a11y-form-component-ids/components/card/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/card/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -6,4 +6,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/card/docs/Vue.html b/review/fix-a11y-form-component-ids/components/card/docs/Vue.html
index 5b478baf727..a8fdd3a3a2f 100644
--- a/review/fix-a11y-form-component-ids/components/card/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/card/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/card/how-to-use.html b/review/fix-a11y-form-component-ids/components/card/how-to-use.html
index e3e6bc5579d..dc93fad9c14 100644
--- a/review/fix-a11y-form-component-ids/components/card/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/card/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/card/migration.html b/review/fix-a11y-form-component-ids/components/card/migration.html
index 47d3898bf2d..7cd861e9879 100644
--- a/review/fix-a11y-form-component-ids/components/card/migration.html
+++ b/review/fix-a11y-form-component-ids/components/card/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/card/overview.html b/review/fix-a11y-form-component-ids/components/card/overview.html
index 3bf930b1750..009a4df7135 100644
--- a/review/fix-a11y-form-component-ids/components/card/overview.html
+++ b/review/fix-a11y-form-component-ids/components/card/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/card/properties.html b/review/fix-a11y-form-component-ids/components/card/properties.html
index 3f411433a94..e1cdb450136 100644
--- a/review/fix-a11y-form-component-ids/components/card/properties.html
+++ b/review/fix-a11y-form-component-ids/components/card/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/checkbox.html b/review/fix-a11y-form-component-ids/components/checkbox.html
index 044b3e99c41..ce25a6b7d9c 100644
--- a/review/fix-a11y-form-component-ids/components/checkbox.html
+++ b/review/fix-a11y-form-component-ids/components/checkbox.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/checkbox/code/Content.html b/review/fix-a11y-form-component-ids/components/checkbox/code/Content.html
index 1f50dc2ef00..1e5a62d4c4c 100644
--- a/review/fix-a11y-form-component-ids/components/checkbox/code/Content.html
+++ b/review/fix-a11y-form-component-ids/components/checkbox/code/Content.html
@@ -1,16 +1,16 @@
-
DB UI Mono<db-checkbox name="Content">(Default) Label</db-checkbox>
<div class="db-checkbox">
- <label for="checkbox-8914837316286541">
+DB UI Mono<db-checkbox name="Content">(Default) Label</db-checkbox>
<div class="db-checkbox">
+ <label for="checkbox-27887077150469985">
<input
type="checkbox"
aria-invalid="false"
- id="checkbox-8914837316286541"
+ id="checkbox-27887077150469985"
name="Content"
aria-describedby=""
/>
(Default) Label
</label>
<span
- id="checkbox-8914837316286541-valid-message"
+ id="checkbox-27887077150469985-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -18,7 +18,7 @@
TODO: Add a validMessage
</span>
<span
- id="checkbox-8914837316286541-invalid-message"
+ id="checkbox-27887077150469985-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -28,18 +28,18 @@
</div>
<DBCheckbox name="Content">(Default) Label</DBCheckbox>
<DBCheckbox name="Content">(Default) Label</DBCheckbox>
<db-checkbox name="Content" variant="hidden">
No Label
</db-checkbox>
<div data-variant="hidden" class="db-checkbox">
- <label for="checkbox-7031541571864943">
+ <label for="checkbox-902774115434875">
<input
type="checkbox"
aria-invalid="false"
- id="checkbox-7031541571864943"
+ id="checkbox-902774115434875"
name="Content"
aria-describedby=""
/>
No Label
</label>
<span
- id="checkbox-7031541571864943-valid-message"
+ id="checkbox-902774115434875-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -47,7 +47,7 @@
TODO: Add a validMessage
</span>
<span
- id="checkbox-7031541571864943-invalid-message"
+ id="checkbox-902774115434875-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -58,4 +58,4 @@
No Label
</DBCheckbox>
<DBCheckbox name="Content" variant="hidden">
No Label
-</DBCheckbox>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/checkbox/code/Density.html b/review/fix-a11y-form-component-ids/components/checkbox/code/Density.html
index 16b1b1198b3..4bdf9086265 100644
--- a/review/fix-a11y-form-component-ids/components/checkbox/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/checkbox/code/Density.html
@@ -1,16 +1,16 @@
-
DB UI Mono<db-checkbox name="Density">Functional</db-checkbox>
<div class="db-checkbox">
- <label for="checkbox-5692266494273903">
+DB UI Mono<db-checkbox name="Density">Functional</db-checkbox>
<div class="db-checkbox">
+ <label for="checkbox-9107218513107889">
<input
type="checkbox"
aria-invalid="false"
- id="checkbox-5692266494273903"
+ id="checkbox-9107218513107889"
name="Density"
aria-describedby=""
/>
Functional
</label>
<span
- id="checkbox-5692266494273903-valid-message"
+ id="checkbox-9107218513107889-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -18,7 +18,7 @@
TODO: Add a validMessage
</span>
<span
- id="checkbox-5692266494273903-invalid-message"
+ id="checkbox-9107218513107889-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -26,18 +26,18 @@
TODO: Add an invalidMessage
</span>
</div>
<DBCheckbox name="Density">Functional</DBCheckbox>
<DBCheckbox name="Density">Functional</DBCheckbox>
<db-checkbox name="Density">(Default) Regular</db-checkbox>
<div class="db-checkbox">
- <label for="checkbox-185587880738737">
+ <label for="checkbox-9088820471134398">
<input
type="checkbox"
aria-invalid="false"
- id="checkbox-185587880738737"
+ id="checkbox-9088820471134398"
name="Density"
aria-describedby=""
/>
(Default) Regular
</label>
<span
- id="checkbox-185587880738737-valid-message"
+ id="checkbox-9088820471134398-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -45,7 +45,7 @@
TODO: Add a validMessage
</span>
<span
- id="checkbox-185587880738737-invalid-message"
+ id="checkbox-9088820471134398-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -53,18 +53,18 @@
TODO: Add an invalidMessage
</span>
</div>
<DBCheckbox name="Density">(Default) Regular</DBCheckbox>
<DBCheckbox name="Density">(Default) Regular</DBCheckbox>
<db-checkbox name="Density">Expressive</db-checkbox>
<div class="db-checkbox">
- <label for="checkbox-6646823976525889">
+ <label for="checkbox-7828742013718837">
<input
type="checkbox"
aria-invalid="false"
- id="checkbox-6646823976525889"
+ id="checkbox-7828742013718837"
name="Density"
aria-describedby=""
/>
Expressive
</label>
<span
- id="checkbox-6646823976525889-valid-message"
+ id="checkbox-7828742013718837-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -72,11 +72,11 @@
TODO: Add a validMessage
</span>
<span
- id="checkbox-6646823976525889-invalid-message"
+ id="checkbox-7828742013718837-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
>
TODO: Add an invalidMessage
</span>
-</div>
<DBCheckbox name="Density">Expressive</DBCheckbox>
<DBCheckbox name="Density">Expressive</DBCheckbox>
<DBCheckbox name="Density">Expressive</DBCheckbox>
<DBCheckbox name="Density">Expressive</DBCheckbox>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/checkbox/code/InteractionStates.html b/review/fix-a11y-form-component-ids/components/checkbox/code/InteractionStates.html
index be16350ca17..c5a40517286 100644
--- a/review/fix-a11y-form-component-ids/components/checkbox/code/InteractionStates.html
+++ b/review/fix-a11y-form-component-ids/components/checkbox/code/InteractionStates.html
@@ -1,3 +1,3 @@
-
DB UI Mono<db-checkbox name="Interaction States">(Default) Enabled</db-checkbox>
undefined
<DBCheckbox name="Interaction States">(Default) Enabled</DBCheckbox>
<DBCheckbox name="Interaction States">(Default) Enabled</DBCheckbox>
<db-checkbox name="Interaction States" [disabled]="true">Disabled</db-checkbox>
undefined
<DBCheckbox name="Interaction States" disabled>
+DB UI Mono<db-checkbox name="Interaction States">(Default) Enabled</db-checkbox>
undefined
<DBCheckbox name="Interaction States">(Default) Enabled</DBCheckbox>
<DBCheckbox name="Interaction States">(Default) Enabled</DBCheckbox>
<db-checkbox name="Interaction States" [disabled]="true">Disabled</db-checkbox>
undefined
<DBCheckbox name="Interaction States" disabled>
Disabled
-</DBCheckbox>
<DBCheckbox name="Interaction States" :disabled="true">Disabled</DBCheckbox>
<DBCheckbox name="Interaction States" :disabled="true">Disabled</DBCheckbox>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/checkbox/code/Requirement.html b/review/fix-a11y-form-component-ids/components/checkbox/code/Requirement.html
index cc1ca8e81c7..c83e43d3114 100644
--- a/review/fix-a11y-form-component-ids/components/checkbox/code/Requirement.html
+++ b/review/fix-a11y-form-component-ids/components/checkbox/code/Requirement.html
@@ -1,16 +1,16 @@
-
DB UI Mono<db-checkbox name="Requirement">(Default) Optional</db-checkbox>
<div class="db-checkbox">
- <label for="checkbox-5796170705349533">
+DB UI Mono<db-checkbox name="Requirement">(Default) Optional</db-checkbox>
<div class="db-checkbox">
+ <label for="checkbox-6778171300628346">
<input
type="checkbox"
aria-invalid="false"
- id="checkbox-5796170705349533"
+ id="checkbox-6778171300628346"
name="Requirement"
aria-describedby=""
/>
(Default) Optional
</label>
<span
- id="checkbox-5796170705349533-valid-message"
+ id="checkbox-6778171300628346-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -18,7 +18,7 @@
TODO: Add a validMessage
</span>
<span
- id="checkbox-5796170705349533-invalid-message"
+ id="checkbox-6778171300628346-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -26,11 +26,11 @@
TODO: Add an invalidMessage
</span>
</div>
<DBCheckbox name="Requirement">(Default) Optional</DBCheckbox>
<DBCheckbox name="Requirement">(Default) Optional</DBCheckbox>
<db-checkbox name="Requirement" [required]="true">Required</db-checkbox>
<div class="db-checkbox">
- <label for="checkbox-6980650905398191">
+ <label for="checkbox-34402397770885473">
<input
type="checkbox"
aria-invalid="false"
- id="checkbox-6980650905398191"
+ id="checkbox-34402397770885473"
name="Requirement"
required=""
aria-describedby=""
@@ -38,7 +38,7 @@
Required
</label>
<span
- id="checkbox-6980650905398191-valid-message"
+ id="checkbox-34402397770885473-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -46,7 +46,7 @@
TODO: Add a validMessage
</span>
<span
- id="checkbox-6980650905398191-invalid-message"
+ id="checkbox-34402397770885473-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -56,18 +56,18 @@
</div>
<DBCheckbox name="Requirement" required>
Required
</DBCheckbox>
<DBCheckbox name="Requirement" :required="true">Required</DBCheckbox>
<db-checkbox name="Requirement" [indeterminate]="true">Required - Indeterminate</db-checkbox>
<div class="db-checkbox">
- <label for="checkbox-7760842891744524">
+ <label for="checkbox-5420481559545522">
<input
type="checkbox"
aria-invalid="false"
- id="checkbox-7760842891744524"
+ id="checkbox-5420481559545522"
name="Requirement"
aria-describedby=""
/>
Required - Indeterminate
</label>
<span
- id="checkbox-7760842891744524-valid-message"
+ id="checkbox-5420481559545522-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -75,7 +75,7 @@
TODO: Add a validMessage
</span>
<span
- id="checkbox-7760842891744524-invalid-message"
+ id="checkbox-5420481559545522-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -84,4 +84,4 @@
</span>
</div>
<DBCheckbox name="Requirement" indeterminate>
Required - Indeterminate
-</DBCheckbox>
<DBCheckbox name="Requirement" :indeterminate="true">Required - Indeterminate</DBCheckbox>
<DBCheckbox name="Requirement" :indeterminate="true">Required - Indeterminate</DBCheckbox>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/checkbox/code/Size.html b/review/fix-a11y-form-component-ids/components/checkbox/code/Size.html
index 3df80f2a017..94fdb2bbf4c 100644
--- a/review/fix-a11y-form-component-ids/components/checkbox/code/Size.html
+++ b/review/fix-a11y-form-component-ids/components/checkbox/code/Size.html
@@ -1,16 +1,16 @@
-
DB UI Mono<db-checkbox name="Size">(Default) Medium</db-checkbox>
<div class="db-checkbox">
- <label for="checkbox-6896305136478031">
+DB UI Mono<db-checkbox name="Size">(Default) Medium</db-checkbox>
<div class="db-checkbox">
+ <label for="checkbox-13115018734333006">
<input
type="checkbox"
aria-invalid="false"
- id="checkbox-6896305136478031"
+ id="checkbox-13115018734333006"
name="Size"
aria-describedby=""
/>
(Default) Medium
</label>
<span
- id="checkbox-6896305136478031-valid-message"
+ id="checkbox-13115018734333006-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -18,7 +18,7 @@
TODO: Add a validMessage
</span>
<span
- id="checkbox-6896305136478031-invalid-message"
+ id="checkbox-13115018734333006-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -28,18 +28,18 @@
</div>
<DBCheckbox name="Size">(Default) Medium</DBCheckbox>
<DBCheckbox name="Size">(Default) Medium</DBCheckbox>
<db-checkbox name="Size" size="small">
Small
</db-checkbox>
<div data-size="small" class="db-checkbox">
- <label for="checkbox-2577096302337567">
+ <label for="checkbox-7468681383858253">
<input
type="checkbox"
aria-invalid="false"
- id="checkbox-2577096302337567"
+ id="checkbox-7468681383858253"
name="Size"
aria-describedby=""
/>
Small
</label>
<span
- id="checkbox-2577096302337567-valid-message"
+ id="checkbox-7468681383858253-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -47,7 +47,7 @@
TODO: Add a validMessage
</span>
<span
- id="checkbox-2577096302337567-invalid-message"
+ id="checkbox-7468681383858253-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -58,4 +58,4 @@
Small
</DBCheckbox>
<DBCheckbox name="Size" size="small">
Small
-</DBCheckbox>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/checkbox/code/States.html b/review/fix-a11y-form-component-ids/components/checkbox/code/States.html
index 6d9633f5a03..211eb55b9a5 100644
--- a/review/fix-a11y-form-component-ids/components/checkbox/code/States.html
+++ b/review/fix-a11y-form-component-ids/components/checkbox/code/States.html
@@ -1,16 +1,16 @@
-
DB UI Mono<db-checkbox name="States">(Default) Unchecked</db-checkbox>
<div class="db-checkbox">
- <label for="checkbox-1491917451669409">
+DB UI Mono<db-checkbox name="States">(Default) Unchecked</db-checkbox>
<div class="db-checkbox">
+ <label for="checkbox-8604858029382838">
<input
type="checkbox"
aria-invalid="false"
- id="checkbox-1491917451669409"
+ id="checkbox-8604858029382838"
name="States"
aria-describedby=""
/>
(Default) Unchecked
</label>
<span
- id="checkbox-1491917451669409-valid-message"
+ id="checkbox-8604858029382838-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -18,7 +18,7 @@
TODO: Add a validMessage
</span>
<span
- id="checkbox-1491917451669409-invalid-message"
+ id="checkbox-8604858029382838-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -26,11 +26,11 @@
TODO: Add an invalidMessage
</span>
</div>
<DBCheckbox name="States">(Default) Unchecked</DBCheckbox>
<DBCheckbox name="States">(Default) Unchecked</DBCheckbox>
<db-checkbox name="States" [required]="true">Unchecked - Invalid</db-checkbox>
<div class="db-checkbox">
- <label for="checkbox-08969431694426055">
+ <label for="checkbox-2466683659159148">
<input
type="checkbox"
aria-invalid="false"
- id="checkbox-08969431694426055"
+ id="checkbox-2466683659159148"
name="States"
required=""
aria-describedby=""
@@ -38,7 +38,7 @@
Unchecked - Invalid
</label>
<span
- id="checkbox-08969431694426055-valid-message"
+ id="checkbox-2466683659159148-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -46,7 +46,7 @@
TODO: Add a validMessage
</span>
<span
- id="checkbox-08969431694426055-invalid-message"
+ id="checkbox-2466683659159148-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -56,11 +56,11 @@
</div>
<DBCheckbox name="States" required>
Unchecked - Invalid
</DBCheckbox>
<DBCheckbox name="States" :required="true">Unchecked - Invalid</DBCheckbox>
<db-checkbox name="States" [checked]="true">Checked</db-checkbox>
<div class="db-checkbox">
- <label for="checkbox-3396435259885662">
+ <label for="checkbox-43227345392447325">
<input
type="checkbox"
aria-invalid="false"
- id="checkbox-3396435259885662"
+ id="checkbox-43227345392447325"
name="States"
aria-describedby=""
checked=""
@@ -68,7 +68,7 @@
Checked
</label>
<span
- id="checkbox-3396435259885662-valid-message"
+ id="checkbox-43227345392447325-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -76,7 +76,7 @@
TODO: Add a validMessage
</span>
<span
- id="checkbox-3396435259885662-invalid-message"
+ id="checkbox-43227345392447325-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -86,11 +86,11 @@
</div>
<DBCheckbox name="States" checked>
Checked
</DBCheckbox>
<DBCheckbox name="States" :checked="true">Checked</DBCheckbox>
<db-checkbox name="States" [required]="true" [checked]="true">Checked - Valid</db-checkbox>
<div class="db-checkbox">
- <label for="checkbox-3246511309855724">
+ <label for="checkbox-3206987397673635">
<input
type="checkbox"
aria-invalid="false"
- id="checkbox-3246511309855724"
+ id="checkbox-3206987397673635"
name="States"
required=""
aria-describedby=""
@@ -99,7 +99,7 @@
Checked - Valid
</label>
<span
- id="checkbox-3246511309855724-valid-message"
+ id="checkbox-3206987397673635-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -107,7 +107,7 @@
TODO: Add a validMessage
</span>
<span
- id="checkbox-3246511309855724-invalid-message"
+ id="checkbox-3206987397673635-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -117,18 +117,18 @@
</div>
<DBCheckbox name="States" required checked>
Checked - Valid
</DBCheckbox>
<DBCheckbox name="States" :required="true" :checked="true">Checked - Valid</DBCheckbox>
<db-checkbox name="States" [indeterminate]="true">Indeterminate</db-checkbox>
<div class="db-checkbox">
- <label for="checkbox-3801305763163949">
+ <label for="checkbox-21058726746056244">
<input
type="checkbox"
aria-invalid="false"
- id="checkbox-3801305763163949"
+ id="checkbox-21058726746056244"
name="States"
aria-describedby=""
/>
Indeterminate
</label>
<span
- id="checkbox-3801305763163949-valid-message"
+ id="checkbox-21058726746056244-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -136,7 +136,7 @@
TODO: Add a validMessage
</span>
<span
- id="checkbox-3801305763163949-invalid-message"
+ id="checkbox-21058726746056244-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -146,11 +146,11 @@
</div>
<DBCheckbox name="States" indeterminate>
Indeterminate
</DBCheckbox>
<DBCheckbox name="States" :indeterminate="true">Indeterminate</DBCheckbox>
<db-checkbox name="States" [indeterminate]="true" [required]="true">Indeterminate - Invalid</db-checkbox>
<div class="db-checkbox">
- <label for="checkbox-35196940989198566">
+ <label for="checkbox-2171614544486946">
<input
type="checkbox"
aria-invalid="false"
- id="checkbox-35196940989198566"
+ id="checkbox-2171614544486946"
name="States"
required=""
aria-describedby=""
@@ -158,7 +158,7 @@
Indeterminate - Invalid
</label>
<span
- id="checkbox-35196940989198566-valid-message"
+ id="checkbox-2171614544486946-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -166,7 +166,7 @@
TODO: Add a validMessage
</span>
<span
- id="checkbox-35196940989198566-invalid-message"
+ id="checkbox-2171614544486946-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -176,11 +176,11 @@
</div>
<DBCheckbox name="States" indeterminate required>
Indeterminate - Invalid
</DBCheckbox>
<DBCheckbox name="States" :indeterminate="true" :required="true">Indeterminate - Invalid</DBCheckbox>
<db-checkbox name="States" [indeterminate]="true" [required]="true" [checked]="true">Indeterminate - Valid</db-checkbox>
<div class="db-checkbox">
- <label for="checkbox-8814872330470827">
+ <label for="checkbox-5811274753544684">
<input
type="checkbox"
aria-invalid="false"
- id="checkbox-8814872330470827"
+ id="checkbox-5811274753544684"
name="States"
required=""
aria-describedby=""
@@ -189,7 +189,7 @@
Indeterminate - Valid
</label>
<span
- id="checkbox-8814872330470827-valid-message"
+ id="checkbox-5811274753544684-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -197,7 +197,7 @@
TODO: Add a validMessage
</span>
<span
- id="checkbox-8814872330470827-invalid-message"
+ id="checkbox-5811274753544684-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -206,4 +206,4 @@
</span>
</div>
<DBCheckbox name="States" indeterminate required checked>
Indeterminate - Valid
-</DBCheckbox>
<DBCheckbox name="States" :indeterminate="true" :required="true" :checked="true">Indeterminate - Valid</DBCheckbox>
<DBCheckbox name="States" :indeterminate="true" :required="true" :checked="true">Indeterminate - Valid</DBCheckbox>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/checkbox/docs/Angular.html b/review/fix-a11y-form-component-ids/components/checkbox/docs/Angular.html
index 7a464c99473..94e5e79ec94 100644
--- a/review/fix-a11y-form-component-ids/components/checkbox/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/checkbox/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -80,4 +80,4 @@
-
coming soon … if your interested in contributing, you're very welcome ;)
\ No newline at end of file
+
coming soon … if your interested in contributing, you're very welcome ;)
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/checkbox/docs/HTML.html b/review/fix-a11y-form-component-ids/components/checkbox/docs/HTML.html
index 15e30f8416c..6591220a05d 100644
--- a/review/fix-a11y-form-component-ids/components/checkbox/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/checkbox/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/checkbox/docs/Migration.html b/review/fix-a11y-form-component-ids/components/checkbox/docs/Migration.html
index 96d8a193a3d..a4c11b3ea53 100644
--- a/review/fix-a11y-form-component-ids/components/checkbox/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/checkbox/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
| Before | Status | After | Description |
|---|
elm-checkbox | 🔁 | db-checkbox | |
id
-| Before | Status | After | Description |
|---|
input_id | 🔁 | id | |
\ No newline at end of file
+
| Before | Status | After | Description |
|---|
input_id | 🔁 | id | |
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/checkbox/docs/React.html b/review/fix-a11y-form-component-ids/components/checkbox/docs/React.html
index c151da26252..e3b95081cf9 100644
--- a/review/fix-a11y-form-component-ids/components/checkbox/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/checkbox/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -22,4 +22,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/checkbox/docs/Vue.html b/review/fix-a11y-form-component-ids/components/checkbox/docs/Vue.html
index 63ba143e610..6ac125c86e1 100644
--- a/review/fix-a11y-form-component-ids/components/checkbox/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/checkbox/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -13,4 +13,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/checkbox/how-to-use.html b/review/fix-a11y-form-component-ids/components/checkbox/how-to-use.html
index 67db1bbc090..854c6de840c 100644
--- a/review/fix-a11y-form-component-ids/components/checkbox/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/checkbox/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/checkbox/migration.html b/review/fix-a11y-form-component-ids/components/checkbox/migration.html
index 7be92e2cef6..110da48c61a 100644
--- a/review/fix-a11y-form-component-ids/components/checkbox/migration.html
+++ b/review/fix-a11y-form-component-ids/components/checkbox/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/checkbox/overview.html b/review/fix-a11y-form-component-ids/components/checkbox/overview.html
index 9d0260acc87..a20072379b2 100644
--- a/review/fix-a11y-form-component-ids/components/checkbox/overview.html
+++ b/review/fix-a11y-form-component-ids/components/checkbox/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/checkbox/properties.html b/review/fix-a11y-form-component-ids/components/checkbox/properties.html
index efa3e2584a4..b7f2e9226aa 100644
--- a/review/fix-a11y-form-component-ids/components/checkbox/properties.html
+++ b/review/fix-a11y-form-component-ids/components/checkbox/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/divider.html b/review/fix-a11y-form-component-ids/components/divider.html
index c396d3f05dd..7112a2c9214 100644
--- a/review/fix-a11y-form-component-ids/components/divider.html
+++ b/review/fix-a11y-form-component-ids/components/divider.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/divider/code/Density.html b/review/fix-a11y-form-component-ids/components/divider/code/Density.html
index 152ec96d68b..b068609e269 100644
--- a/review/fix-a11y-form-component-ids/components/divider/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/divider/code/Density.html
@@ -1 +1 @@
-
DB UI Mono<db-divider>Functional</db-divider>
<div class="db-divider"></div>
<DBDivider>Functional</DBDivider>
<DBDivider>Functional</DBDivider>
<db-divider>(Default) Regular</db-divider>
<div class="db-divider"></div>
<DBDivider>(Default) Regular</DBDivider>
<DBDivider>(Default) Regular</DBDivider>
<db-divider>Expressive</db-divider>
<div class="db-divider"></div>
<DBDivider>Expressive</DBDivider>
<DBDivider>Expressive</DBDivider>
\ No newline at end of file
+
DB UI Mono<db-divider>Functional</db-divider>
<div class="db-divider"></div>
<DBDivider>Functional</DBDivider>
<DBDivider>Functional</DBDivider>
<db-divider>(Default) Regular</db-divider>
<div class="db-divider"></div>
<DBDivider>(Default) Regular</DBDivider>
<DBDivider>(Default) Regular</DBDivider>
<db-divider>Expressive</db-divider>
<div class="db-divider"></div>
<DBDivider>Expressive</DBDivider>
<DBDivider>Expressive</DBDivider>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/divider/code/Emphasis.html b/review/fix-a11y-form-component-ids/components/divider/code/Emphasis.html
index 66f279e4b62..e2de67721ec 100644
--- a/review/fix-a11y-form-component-ids/components/divider/code/Emphasis.html
+++ b/review/fix-a11y-form-component-ids/components/divider/code/Emphasis.html
@@ -1 +1 @@
-
DB UI Mono<db-divider>(Default) Weak</db-divider>
<div class="db-divider"></div>
<DBDivider>(Default) Weak</DBDivider>
<DBDivider>(Default) Weak</DBDivider>
<db-divider emphasis="strong">Strong</db-divider>
<div data-emphasis="strong" class="db-divider"></div>
<DBDivider emphasis="strong">Strong</DBDivider>
<DBDivider emphasis="strong">Strong</DBDivider>
\ No newline at end of file
+
DB UI Mono<db-divider>(Default) Weak</db-divider>
<div class="db-divider"></div>
<DBDivider>(Default) Weak</DBDivider>
<DBDivider>(Default) Weak</DBDivider>
<db-divider emphasis="strong">Strong</db-divider>
<div data-emphasis="strong" class="db-divider"></div>
<DBDivider emphasis="strong">Strong</DBDivider>
<DBDivider emphasis="strong">Strong</DBDivider>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/divider/code/Variant.html b/review/fix-a11y-form-component-ids/components/divider/code/Variant.html
index bcf5bc31d4d..f4cb7199e30 100644
--- a/review/fix-a11y-form-component-ids/components/divider/code/Variant.html
+++ b/review/fix-a11y-form-component-ids/components/divider/code/Variant.html
@@ -1 +1 @@
-
DB UI Mono<db-divider>(Default) Adaptive - Horizontal</db-divider>
<div class="db-divider"></div>
<DBDivider>(Default) Adaptive - Horizontal</DBDivider>
<DBDivider>(Default) Adaptive - Horizontal</DBDivider>
<db-divider variant="vertical">Adaptive - Vertical</db-divider>
<div data-variant="vertical" class="db-divider"></div>
<DBDivider variant="vertical">Adaptive - Vertical</DBDivider>
<DBDivider variant="vertical">Adaptive - Vertical</DBDivider>
\ No newline at end of file
+
DB UI Mono<db-divider>(Default) Adaptive - Horizontal</db-divider>
<div class="db-divider"></div>
<DBDivider>(Default) Adaptive - Horizontal</DBDivider>
<DBDivider>(Default) Adaptive - Horizontal</DBDivider>
<db-divider variant="vertical">Adaptive - Vertical</db-divider>
<div data-variant="vertical" class="db-divider"></div>
<DBDivider variant="vertical">Adaptive - Vertical</DBDivider>
<DBDivider variant="vertical">Adaptive - Vertical</DBDivider>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/divider/docs/Angular.html b/review/fix-a11y-form-component-ids/components/divider/docs/Angular.html
index bdb14f6fbf2..1ac241ef4bc 100644
--- a/review/fix-a11y-form-component-ids/components/divider/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/divider/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-divider></db-divider>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/divider/docs/HTML.html b/review/fix-a11y-form-component-ids/components/divider/docs/HTML.html
index 95e3221a218..87bfd7e9ff8 100644
--- a/review/fix-a11y-form-component-ids/components/divider/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/divider/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -6,4 +6,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/divider/docs/Migration.html b/review/fix-a11y-form-component-ids/components/divider/docs/Migration.html
index fa2d03d5b16..addc6a4aa4d 100644
--- a/review/fix-a11y-form-component-ids/components/divider/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/divider/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/divider/docs/React.html b/review/fix-a11y-form-component-ids/components/divider/docs/React.html
index d6e9439e17a..3c35bc51254 100644
--- a/review/fix-a11y-form-component-ids/components/divider/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/divider/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -7,4 +7,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/divider/docs/Vue.html b/review/fix-a11y-form-component-ids/components/divider/docs/Vue.html
index 3527236c849..2bce462a2b5 100644
--- a/review/fix-a11y-form-component-ids/components/divider/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/divider/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/divider/how-to-use.html b/review/fix-a11y-form-component-ids/components/divider/how-to-use.html
index c5563ea154f..42908ffa78a 100644
--- a/review/fix-a11y-form-component-ids/components/divider/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/divider/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/divider/migration.html b/review/fix-a11y-form-component-ids/components/divider/migration.html
index 3adf26f5b4a..7b65a5ff819 100644
--- a/review/fix-a11y-form-component-ids/components/divider/migration.html
+++ b/review/fix-a11y-form-component-ids/components/divider/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/divider/overview.html b/review/fix-a11y-form-component-ids/components/divider/overview.html
index 40a0c2632de..6bf85d67c7d 100644
--- a/review/fix-a11y-form-component-ids/components/divider/overview.html
+++ b/review/fix-a11y-form-component-ids/components/divider/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/divider/properties.html b/review/fix-a11y-form-component-ids/components/divider/properties.html
index 9ea828c4a1a..2219e170518 100644
--- a/review/fix-a11y-form-component-ids/components/divider/properties.html
+++ b/review/fix-a11y-form-component-ids/components/divider/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/drawer.html b/review/fix-a11y-form-component-ids/components/drawer.html
index 63cc7c858f8..69e141a8046 100644
--- a/review/fix-a11y-form-component-ids/components/drawer.html
+++ b/review/fix-a11y-form-component-ids/components/drawer.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/drawer/code/Backdrop.html b/review/fix-a11y-form-component-ids/components/drawer/code/Backdrop.html
index bc96aa23adc..a1581fc99d7 100644
--- a/review/fix-a11y-form-component-ids/components/drawer/code/Backdrop.html
+++ b/review/fix-a11y-form-component-ids/components/drawer/code/Backdrop.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono<db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
With Backdrop (Default)
</db-drawer>
<dialog class="db-drawer" data-backdrop="strong" open>
<article class="db-drawer-container">
@@ -93,4 +93,4 @@
}}
>
No Backdrop
-</DBDrawer>
<DBDrawer backdrop="none" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">No Backdrop</DBDrawer>
<DBDrawer backdrop="none" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">No Backdrop</DBDrawer>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/drawer/code/Density.html b/review/fix-a11y-form-component-ids/components/drawer/code/Density.html
index ed23c2075b1..e1ffc3005a1 100644
--- a/review/fix-a11y-form-component-ids/components/drawer/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/drawer/code/Density.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-drawer [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono<db-drawer [open]="openDrawer" (onClose)="toggleDrawer(false)">
functional
</db-drawer>
<dialog class="db-drawer" data-backdrop="strong" open>
<article class="db-drawer-container">
@@ -70,4 +70,4 @@
expressive
</DBDrawer>
<DBDrawer :open="openDrawer" @close="toggleDrawer(false)">
expressive
- </DBDrawer>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/drawer/code/Directions.html b/review/fix-a11y-form-component-ids/components/drawer/code/Directions.html
index 4a0e7360c8e..d1f084e316e 100644
--- a/review/fix-a11y-form-component-ids/components/drawer/code/Directions.html
+++ b/review/fix-a11y-form-component-ids/components/drawer/code/Directions.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono<db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
Right (Default)
</db-drawer>
<dialog class="db-drawer" data-backdrop="strong" open>
<article class="db-drawer-container">
@@ -93,4 +93,4 @@
}}
>
Down
-</DBDrawer>
<DBDrawer direction="left" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">Down</DBDrawer>
<DBDrawer direction="left" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">Down</DBDrawer>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/drawer/code/Rounded.html b/review/fix-a11y-form-component-ids/components/drawer/code/Rounded.html
index cd15bb6915c..84653920507 100644
--- a/review/fix-a11y-form-component-ids/components/drawer/code/Rounded.html
+++ b/review/fix-a11y-form-component-ids/components/drawer/code/Rounded.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono<db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
No rounding (Default)
</db-drawer>
<dialog class="db-drawer" data-backdrop="strong" open>
<article class="db-drawer-container">
@@ -45,4 +45,4 @@
}}
>
Rounded
-</DBDrawer>
<DBDrawer :rounded="true" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">Rounded</DBDrawer>
<DBDrawer :rounded="true" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">Rounded</DBDrawer>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/drawer/code/Size.html b/review/fix-a11y-form-component-ids/components/drawer/code/Size.html
index 53a13e11d68..3da9b7a58b5 100644
--- a/review/fix-a11y-form-component-ids/components/drawer/code/Size.html
+++ b/review/fix-a11y-form-component-ids/components/drawer/code/Size.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono<db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
With padding (Default)
</db-drawer>
<dialog class="db-drawer" data-backdrop="strong" open>
<article class="db-drawer-container">
@@ -47,4 +47,4 @@
Full
</DBDrawer>
<DBDrawer :withCloseButton="true" width="full" :open="openDrawer" @close="toggleDrawer(false)">
Full
- </DBDrawer>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/drawer/code/Spacing.html b/review/fix-a11y-form-component-ids/components/drawer/code/Spacing.html
index bbbc6dec0fa..4f683edf0fc 100644
--- a/review/fix-a11y-form-component-ids/components/drawer/code/Spacing.html
+++ b/review/fix-a11y-form-component-ids/components/drawer/code/Spacing.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono<db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
Medium (Default)
</db-drawer>
<dialog class="db-drawer" data-backdrop="strong" open>
<article class="db-drawer-container">
@@ -93,4 +93,4 @@
}}
>
None
-</DBDrawer>
<DBDrawer spacing="none" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">None</DBDrawer>
<DBDrawer spacing="none" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">None</DBDrawer>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/drawer/docs/Angular.html b/review/fix-a11y-form-component-ids/components/drawer/docs/Angular.html
index 366a2f9e1be..fae998724b3 100644
--- a/review/fix-a11y-form-component-ids/components/drawer/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/drawer/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
General
If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.
@@ -28,4 +28,4 @@
Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/drawer/docs/HTML.html b/review/fix-a11y-form-component-ids/components/drawer/docs/HTML.html
index c8543591a74..5e51d76a743 100644
--- a/review/fix-a11y-form-component-ids/components/drawer/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/drawer/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
General
If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.
@@ -21,4 +21,4 @@
Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/drawer/docs/Migration.html b/review/fix-a11y-form-component-ids/components/drawer/docs/Migration.html
index 9c83cf9776d..2b173ed7826 100644
--- a/review/fix-a11y-form-component-ids/components/drawer/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/drawer/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/drawer/docs/React.html b/review/fix-a11y-form-component-ids/components/drawer/docs/React.html
index fad3e4b8c23..c4952037c22 100644
--- a/review/fix-a11y-form-component-ids/components/drawer/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/drawer/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
General
If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.
@@ -31,4 +31,4 @@
Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/drawer/docs/Vue.html b/review/fix-a11y-form-component-ids/components/drawer/docs/Vue.html
index b06b6f0b62e..a00a9650b74 100644
--- a/review/fix-a11y-form-component-ids/components/drawer/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/drawer/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
General
If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.
@@ -21,4 +21,4 @@
Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/drawer/how-to-use.html b/review/fix-a11y-form-component-ids/components/drawer/how-to-use.html
index 3d806726f9c..e8948c00867 100644
--- a/review/fix-a11y-form-component-ids/components/drawer/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/drawer/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/drawer/migration.html b/review/fix-a11y-form-component-ids/components/drawer/migration.html
index 93c6ef5113f..fab5ef968fe 100644
--- a/review/fix-a11y-form-component-ids/components/drawer/migration.html
+++ b/review/fix-a11y-form-component-ids/components/drawer/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/drawer/overview.html b/review/fix-a11y-form-component-ids/components/drawer/overview.html
index a58a2113672..26108b7b7fa 100644
--- a/review/fix-a11y-form-component-ids/components/drawer/overview.html
+++ b/review/fix-a11y-form-component-ids/components/drawer/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/drawer/properties.html b/review/fix-a11y-form-component-ids/components/drawer/properties.html
index c0f8d6dcda6..3dfddbaa32c 100644
--- a/review/fix-a11y-form-component-ids/components/drawer/properties.html
+++ b/review/fix-a11y-form-component-ids/components/drawer/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/header.html b/review/fix-a11y-form-component-ids/components/header.html
index 1e7c42b2f15..dde3fa75501 100644
--- a/review/fix-a11y-form-component-ids/components/header.html
+++ b/review/fix-a11y-form-component-ids/components/header.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/header/code/Behaviour.html b/review/fix-a11y-form-component-ids/components/header/code/Behaviour.html
index e46b72e2905..1ecd632ed2a 100644
--- a/review/fix-a11y-form-component-ids/components/header/code/Behaviour.html
+++ b/review/fix-a11y-form-component-ids/components/header/code/Behaviour.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-header>
+DB UI Mono<db-header>
<db-brand brand>DBHeader</db-brand>
<db-main-navigation *dbNavigation>
<db-navigation-item icon="account"><a>Desktop (full width)</a></db-navigation-item><db-navigation-item disabled><a>Desktop (full width) disabled</a></db-navigation-item>
@@ -599,4 +599,4 @@
<a href="#">Mobile disabled</a>
</DBNavigationItem>
</DBMainNavigation>
- </DBHeader>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/header/code/Examples.html b/review/fix-a11y-form-component-ids/components/header/code/Examples.html
index f886ab84daa..8394087b69b 100644
--- a/review/fix-a11y-form-component-ids/components/header/code/Examples.html
+++ b/review/fix-a11y-form-component-ids/components/header/code/Examples.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-header [example]="true" [withName]="true" [withNavigation]="true">With Application Name + Navigation</db-header>
<header class="db-header" id="OVERWRITE_DEFAULT_ID">
+DB UI Mono<db-header [example]="true" [withName]="true" [withNavigation]="true">With Application Name + Navigation</db-header>
<header class="db-header" id="OVERWRITE_DEFAULT_ID">
<dialog class="db-drawer">
<article
class="db-drawer-container db-header-drawer"
@@ -208,4 +208,4 @@
</div>
</header>
<DBHeader example withName withNavigation>
Without Application Name + Navigation
-</DBHeader>
<DBHeader :example="true" :withName="false" :withNavigation="false">Without Application Name + Navigation</DBHeader>
<DBHeader :example="true" :withName="false" :withNavigation="false">Without Application Name + Navigation</DBHeader>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/header/code/Tonality.html b/review/fix-a11y-form-component-ids/components/header/code/Tonality.html
index be60b86bfba..bea503859f2 100644
--- a/review/fix-a11y-form-component-ids/components/header/code/Tonality.html
+++ b/review/fix-a11y-form-component-ids/components/header/code/Tonality.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-header>
+DB UI Mono<db-header>
<db-brand brand>DBHeader</db-brand>
<db-main-navigation *dbNavigation>
<db-navigation-item icon="account"><a>functional</a></db-navigation-item><db-navigation-item disabled><a>functional disabled</a></db-navigation-item>
@@ -898,4 +898,4 @@
<a href="#">expressive disabled</a>
</DBNavigationItem>
</DBMainNavigation>
- </DBHeader>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/header/code/Width.html b/review/fix-a11y-form-component-ids/components/header/code/Width.html
index a5006a7b593..c366ece1711 100644
--- a/review/fix-a11y-form-component-ids/components/header/code/Width.html
+++ b/review/fix-a11y-form-component-ids/components/header/code/Width.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-header>
+DB UI Mono<db-header>
<db-brand brand>DBHeader</db-brand>
<db-main-navigation *dbNavigation>
<db-navigation-item icon="account"><a>Desktop (full width)</a></db-navigation-item><db-navigation-item disabled><a>Desktop (full width) disabled</a></db-navigation-item>
@@ -906,4 +906,4 @@
<a href="#">Desktop (full width) disabled</a>
</DBNavigationItem>
</DBMainNavigation>
- </DBHeader>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/header/docs/Angular.html b/review/fix-a11y-form-component-ids/components/header/docs/Angular.html
index d61723500c1..8183e9a4b48 100644
--- a/review/fix-a11y-form-component-ids/components/header/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/header/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
//app.component.ts
@@ -70,4 +70,4 @@ Full
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/header/docs/HTML.html b/review/fix-a11y-form-component-ids/components/header/docs/HTML.html
index 4ac8a28d898..00fd344ebff 100644
--- a/review/fix-a11y-form-component-ids/components/header/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/header/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -204,4 +204,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/header/docs/Migration.html b/review/fix-a11y-form-component-ids/components/header/docs/Migration.html
index 9d56ed6998c..89eaef6358d 100644
--- a/review/fix-a11y-form-component-ids/components/header/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/header/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
| Before | Status | After | Description |
|---|
rea-header | 🔁 | db-header | |
mobile
-| Before | Status | After | Description |
|---|
mobile | 🔁 | forceMobile | forces the burger menu for desktop |
\ No newline at end of file
+
| Before | Status | After | Description |
|---|
mobile | 🔁 | forceMobile | forces the burger menu for desktop |
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/header/docs/React.html b/review/fix-a11y-form-component-ids/components/header/docs/React.html
index 7212eb2514d..9a5235d801c 100644
--- a/review/fix-a11y-form-component-ids/components/header/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/header/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
Simple
@@ -54,4 +54,4 @@
Full
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/header/docs/Vue.html b/review/fix-a11y-form-component-ids/components/header/docs/Vue.html
index 2b45bf86773..d33500d6127 100644
--- a/review/fix-a11y-form-component-ids/components/header/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/header/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
Simple
@@ -58,4 +58,4 @@
Full
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/header/how-to-use.html b/review/fix-a11y-form-component-ids/components/header/how-to-use.html
index cb03a7ec391..f56b00f0cbe 100644
--- a/review/fix-a11y-form-component-ids/components/header/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/header/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/header/migration.html b/review/fix-a11y-form-component-ids/components/header/migration.html
index db5e0ec0082..7a323ddf128 100644
--- a/review/fix-a11y-form-component-ids/components/header/migration.html
+++ b/review/fix-a11y-form-component-ids/components/header/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/header/overview.html b/review/fix-a11y-form-component-ids/components/header/overview.html
index d42fe80dd60..c39770748d5 100644
--- a/review/fix-a11y-form-component-ids/components/header/overview.html
+++ b/review/fix-a11y-form-component-ids/components/header/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/header/properties.html b/review/fix-a11y-form-component-ids/components/header/properties.html
index ba8223a7a55..fa8f893619a 100644
--- a/review/fix-a11y-form-component-ids/components/header/properties.html
+++ b/review/fix-a11y-form-component-ids/components/header/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/icon.html b/review/fix-a11y-form-component-ids/components/icon.html
index 7185a3beacc..2af1adb974a 100644
--- a/review/fix-a11y-form-component-ids/components/icon.html
+++ b/review/fix-a11y-form-component-ids/components/icon.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/icon/code/Density.html b/review/fix-a11y-form-component-ids/components/icon/code/Density.html
index 38a28d95ec1..402a6dfb681 100644
--- a/review/fix-a11y-form-component-ids/components/icon/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/icon/code/Density.html
@@ -1,7 +1,7 @@
-
DB UI Mono<db-icon>Functional</db-icon>
<span aria-hidden="true" class="db-icon">
+DB UI Mono<db-icon>Functional</db-icon>
<span aria-hidden="true" class="db-icon">
Functional
</span>
<DBIcon>Functional</DBIcon>
<DBIcon>Functional</DBIcon>
<db-icon>(Default) Regular</db-icon>
<span aria-hidden="true" class="db-icon">
(Default) Regular
</span>
<DBIcon>(Default) Regular</DBIcon>
<DBIcon>(Default) Regular</DBIcon>
<db-icon>Expressive</db-icon>
<span aria-hidden="true" class="db-icon">
Expressive
-</span>
<DBIcon>Expressive</DBIcon>
<DBIcon>Expressive</DBIcon>
<DBIcon>Expressive</DBIcon>
<DBIcon>Expressive</DBIcon>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/icon/docs/Angular.html b/review/fix-a11y-form-component-ids/components/icon/docs/Angular.html
index 6913a9dfacf..6313b997042 100644
--- a/review/fix-a11y-form-component-ids/components/icon/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/icon/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-icon icon="user">Icon</db-icon>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/icon/docs/HTML.html b/review/fix-a11y-form-component-ids/components/icon/docs/HTML.html
index fd80140eba7..a583c766bc8 100644
--- a/review/fix-a11y-form-component-ids/components/icon/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/icon/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
You could use the data-icon or data-icon-after attributes on any HTML tag:
@@ -7,4 +7,4 @@
Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/icon/docs/Migration.html b/review/fix-a11y-form-component-ids/components/icon/docs/Migration.html
index 27820a0206c..f822921c0f9 100644
--- a/review/fix-a11y-form-component-ids/components/icon/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/icon/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
| Before | Status | After | Description |
|---|
| 🔁 | db-icon | |
variant
-| Before | Status | After | Description |
|---|
variant | 🔁 | ❌ | icon variants are controlled by font-family:var(--db-icon-font-family) and font-weight: var(--db-icon-font-weight); |
\ No newline at end of file
+
| Before | Status | After | Description |
|---|
variant | 🔁 | ❌ | icon variants are controlled by font-family:var(--db-icon-font-family) and font-weight: var(--db-icon-font-weight); |
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/icon/docs/React.html b/review/fix-a11y-form-component-ids/components/icon/docs/React.html
index 21bdc2fbc96..310ee4cb717 100644
--- a/review/fix-a11y-form-component-ids/components/icon/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/icon/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -7,4 +7,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/icon/docs/Vue.html b/review/fix-a11y-form-component-ids/components/icon/docs/Vue.html
index b3962b3bccb..bc755fb079d 100644
--- a/review/fix-a11y-form-component-ids/components/icon/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/icon/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/icon/how-to-use.html b/review/fix-a11y-form-component-ids/components/icon/how-to-use.html
index c327f6205f9..b6b2e629d49 100644
--- a/review/fix-a11y-form-component-ids/components/icon/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/icon/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/icon/migration.html b/review/fix-a11y-form-component-ids/components/icon/migration.html
index cf498eb0313..44d528d234f 100644
--- a/review/fix-a11y-form-component-ids/components/icon/migration.html
+++ b/review/fix-a11y-form-component-ids/components/icon/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/icon/overview.html b/review/fix-a11y-form-component-ids/components/icon/overview.html
index 957b2d17af5..dc2bde48a62 100644
--- a/review/fix-a11y-form-component-ids/components/icon/overview.html
+++ b/review/fix-a11y-form-component-ids/components/icon/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/icon/properties.html b/review/fix-a11y-form-component-ids/components/icon/properties.html
index efb932ac284..3b02c8f667c 100644
--- a/review/fix-a11y-form-component-ids/components/icon/properties.html
+++ b/review/fix-a11y-form-component-ids/components/icon/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/infotext.html b/review/fix-a11y-form-component-ids/components/infotext.html
index 91165ec3611..f65b30ee7c6 100644
--- a/review/fix-a11y-form-component-ids/components/infotext.html
+++ b/review/fix-a11y-form-component-ids/components/infotext.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/infotext/code/Density.html b/review/fix-a11y-form-component-ids/components/infotext/code/Density.html
index fb60d3d399b..cd12d51d568 100644
--- a/review/fix-a11y-form-component-ids/components/infotext/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/infotext/code/Density.html
@@ -1 +1 @@
-
DB UI Mono<db-infotext>Functional</db-infotext>
<span class="db-infotext">Functional</span>
<DBInfotext>Functional</DBInfotext>
<DBInfotext>Functional</DBInfotext>
<db-infotext>(Default) Regular</db-infotext>
<span class="db-infotext">(Default) Regular</span>
<DBInfotext>(Default) Regular</DBInfotext>
<DBInfotext>(Default) Regular</DBInfotext>
<db-infotext>Expressive</db-infotext>
<span class="db-infotext">Expressive</span>
<DBInfotext>Expressive</DBInfotext>
<DBInfotext>Expressive</DBInfotext>
\ No newline at end of file
+
DB UI Mono<db-infotext>Functional</db-infotext>
<span class="db-infotext">Functional</span>
<DBInfotext>Functional</DBInfotext>
<DBInfotext>Functional</DBInfotext>
<db-infotext>(Default) Regular</db-infotext>
<span class="db-infotext">(Default) Regular</span>
<DBInfotext>(Default) Regular</DBInfotext>
<DBInfotext>(Default) Regular</DBInfotext>
<db-infotext>Expressive</db-infotext>
<span class="db-infotext">Expressive</span>
<DBInfotext>Expressive</DBInfotext>
<DBInfotext>Expressive</DBInfotext>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/infotext/code/Semantic.html b/review/fix-a11y-form-component-ids/components/infotext/code/Semantic.html
index b0106d0350a..9834542e801 100644
--- a/review/fix-a11y-form-component-ids/components/infotext/code/Semantic.html
+++ b/review/fix-a11y-form-component-ids/components/infotext/code/Semantic.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-infotext>(Default) Adaptive</db-infotext>
<span class="db-infotext">(Default) Adaptive</span>
<DBInfotext>(Default) Adaptive</DBInfotext>
<DBInfotext>(Default) Adaptive</DBInfotext>
<db-infotext semantic="neutral">Neutral</db-infotext>
<span class="db-infotext" data-semantic="neutral">
+DB UI Mono<db-infotext>(Default) Adaptive</db-infotext>
<span class="db-infotext">(Default) Adaptive</span>
<DBInfotext>(Default) Adaptive</DBInfotext>
<DBInfotext>(Default) Adaptive</DBInfotext>
<db-infotext semantic="neutral">Neutral</db-infotext>
<span class="db-infotext" data-semantic="neutral">
Neutral
</span>
<DBInfotext semantic="neutral">Neutral</DBInfotext>
<DBInfotext semantic="neutral">Neutral</DBInfotext>
<db-infotext semantic="critical">Critical</db-infotext>
<span class="db-infotext" data-semantic="critical">
Critical
@@ -8,4 +8,4 @@
Successful
</span>
<DBInfotext semantic="successful">Successful</DBInfotext>
<DBInfotext semantic="successful">Successful</DBInfotext>
<db-infotext semantic="warning">Warning</db-infotext>
<span class="db-infotext" data-semantic="warning">
Warning
-</span>
<DBInfotext semantic="warning">Warning</DBInfotext>
<DBInfotext semantic="warning">Warning</DBInfotext>
<DBInfotext semantic="warning">Warning</DBInfotext>
<DBInfotext semantic="warning">Warning</DBInfotext>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/infotext/code/Size.html b/review/fix-a11y-form-component-ids/components/infotext/code/Size.html
index f2dd24cea06..61b4e3ef4d4 100644
--- a/review/fix-a11y-form-component-ids/components/infotext/code/Size.html
+++ b/review/fix-a11y-form-component-ids/components/infotext/code/Size.html
@@ -1,3 +1,3 @@
-
DB UI Mono<db-infotext>(Default) Medium</db-infotext>
<span class="db-infotext">(Default) Medium</span>
<DBInfotext>(Default) Medium</DBInfotext>
<DBInfotext>(Default) Medium</DBInfotext>
<db-infotext size="small">Small</db-infotext>
<span class="db-infotext" data-size="small">
+DB UI Mono<db-infotext>(Default) Medium</db-infotext>
<span class="db-infotext">(Default) Medium</span>
<DBInfotext>(Default) Medium</DBInfotext>
<DBInfotext>(Default) Medium</DBInfotext>
<db-infotext size="small">Small</db-infotext>
<span class="db-infotext" data-size="small">
Small
-</span>
<DBInfotext size="small">Small</DBInfotext>
<DBInfotext size="small">Small</DBInfotext>
<DBInfotext size="small">Small</DBInfotext>
<DBInfotext size="small">Small</DBInfotext>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/infotext/docs/Angular.html b/review/fix-a11y-form-component-ids/components/infotext/docs/Angular.html
index 146ab6ad186..41a6ad9ab79 100644
--- a/review/fix-a11y-form-component-ids/components/infotext/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/infotext/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-infotext>Infotext</db-infotext>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/infotext/docs/HTML.html b/review/fix-a11y-form-component-ids/components/infotext/docs/HTML.html
index 2bf6442d30f..15f1a30d16e 100644
--- a/review/fix-a11y-form-component-ids/components/infotext/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/infotext/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -6,4 +6,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/infotext/docs/Migration.html b/review/fix-a11y-form-component-ids/components/infotext/docs/Migration.html
index 8e2bb88a0a2..0175221f2dc 100644
--- a/review/fix-a11y-form-component-ids/components/infotext/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/infotext/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/infotext/docs/React.html b/review/fix-a11y-form-component-ids/components/infotext/docs/React.html
index e3c0e38123e..e3c318fd07a 100644
--- a/review/fix-a11y-form-component-ids/components/infotext/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/infotext/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -7,4 +7,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/infotext/docs/Vue.html b/review/fix-a11y-form-component-ids/components/infotext/docs/Vue.html
index f9dfde5b36f..8108fb31b91 100644
--- a/review/fix-a11y-form-component-ids/components/infotext/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/infotext/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/infotext/how-to-use.html b/review/fix-a11y-form-component-ids/components/infotext/how-to-use.html
index e0e80405136..d8e72214fa4 100644
--- a/review/fix-a11y-form-component-ids/components/infotext/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/infotext/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/infotext/migration.html b/review/fix-a11y-form-component-ids/components/infotext/migration.html
index 4f0ec5656dc..3aabb72e655 100644
--- a/review/fix-a11y-form-component-ids/components/infotext/migration.html
+++ b/review/fix-a11y-form-component-ids/components/infotext/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/infotext/overview.html b/review/fix-a11y-form-component-ids/components/infotext/overview.html
index bcb178fbde2..f00350be96b 100644
--- a/review/fix-a11y-form-component-ids/components/infotext/overview.html
+++ b/review/fix-a11y-form-component-ids/components/infotext/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/infotext/properties.html b/review/fix-a11y-form-component-ids/components/infotext/properties.html
index 2374dfffd00..debbe2d18bb 100644
--- a/review/fix-a11y-form-component-ids/components/infotext/properties.html
+++ b/review/fix-a11y-form-component-ids/components/infotext/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/input.html b/review/fix-a11y-form-component-ids/components/input.html
index e1c615eb569..e69b484a050 100644
--- a/review/fix-a11y-form-component-ids/components/input.html
+++ b/review/fix-a11y-form-component-ids/components/input.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/input/code/Content.html b/review/fix-a11y-form-component-ids/components/input/code/Content.html
index dbb6b80e01c..2b808ebf834 100644
--- a/review/fix-a11y-form-component-ids/components/input/code/Content.html
+++ b/review/fix-a11y-form-component-ids/components/input/code/Content.html
@@ -1,10 +1,10 @@
-
DB UI Mono<db-input label="Label" value="(Default) Text">
+DB UI Mono<db-input label="Label" value="(Default) Text">
(Default) Text
</db-input>
<div class="db-input">
- <label for="input-7605535463495734">Label</label>
+ <label for="input-849220326763868">Label</label>
<input
aria-invalid="false"
- id="input-7605535463495734"
+ id="input-849220326763868"
type="text"
placeholder=" "
aria-describedby="none"
@@ -12,7 +12,7 @@
/>
(Default) Text
<span
- id="input-7605535463495734-valid-message"
+ id="input-849220326763868-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -20,7 +20,7 @@
TODO: Add a validMessage
</span>
<span
- id="input-7605535463495734-invalid-message"
+ id="input-849220326763868-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -34,10 +34,10 @@
</DBInput>
<db-input label="Number" value="123456" type="number">
Filled Number
</db-input>
<div class="db-input">
- <label for="input-11827162774891775">Number</label>
+ <label for="input-42751196825430093">Number</label>
<input
aria-invalid="false"
- id="input-11827162774891775"
+ id="input-42751196825430093"
type="number"
placeholder=" "
aria-describedby="none"
@@ -45,7 +45,7 @@
/>
Filled Number
<span
- id="input-11827162774891775-valid-message"
+ id="input-42751196825430093-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -53,7 +53,7 @@
TODO: Add a validMessage
</span>
<span
- id="input-11827162774891775-invalid-message"
+ id="input-42751196825430093-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -67,17 +67,17 @@
</DBInput>
<db-input label="Label" icon="x_placeholder">
Text - Leading Icon
</db-input>
<div class="db-input" data-icon="x_placeholder">
- <label for="input-2350498292816512">Label</label>
+ <label for="input-10258182060621257">Label</label>
<input
aria-invalid="false"
- id="input-2350498292816512"
+ id="input-10258182060621257"
type="text"
placeholder=" "
aria-describedby="none"
/>
Text - Leading Icon
<span
- id="input-2350498292816512-valid-message"
+ id="input-10258182060621257-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -85,7 +85,7 @@
TODO: Add a validMessage
</span>
<span
- id="input-2350498292816512-invalid-message"
+ id="input-10258182060621257-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -99,17 +99,17 @@
</DBInput>
<db-input label="Label" icon="x_placeholder" iconAfter="x_placeholder">
Text - Leading Icon - Trailing Icon
</db-input>
<div class="db-input" data-icon="x_placeholder" data-icon-after="x_placeholder">
- <label for="input-8062856104290823">Label</label>
+ <label for="input-7263165483536509">Label</label>
<input
aria-invalid="false"
- id="input-8062856104290823"
+ id="input-7263165483536509"
type="text"
placeholder=" "
aria-describedby="none"
/>
Text - Leading Icon - Trailing Icon
<span
- id="input-8062856104290823-valid-message"
+ id="input-7263165483536509-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -117,7 +117,7 @@
TODO: Add a validMessage
</span>
<span
- id="input-8062856104290823-invalid-message"
+ id="input-7263165483536509-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -131,17 +131,17 @@
</DBInput>
<db-input label="Label" iconAfter="x_placeholder">
Text - Trailing Icon
</db-input>
<div class="db-input" data-icon-after="x_placeholder">
- <label for="input-11819135212353737">Label</label>
+ <label for="input-4688501188865255">Label</label>
<input
aria-invalid="false"
- id="input-11819135212353737"
+ id="input-4688501188865255"
type="text"
placeholder=" "
aria-describedby="none"
/>
Text - Trailing Icon
<span
- id="input-11819135212353737-valid-message"
+ id="input-4688501188865255-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -149,7 +149,7 @@
TODO: Add a validMessage
</span>
<span
- id="input-11819135212353737-invalid-message"
+ id="input-4688501188865255-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -160,4 +160,4 @@
Text - Trailing Icon
</DBInput>
<DBInput label="Label" iconAfter="x_placeholder">
Text - Trailing Icon
-</DBInput>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/input/code/Density.html b/review/fix-a11y-form-component-ids/components/input/code/Density.html
index e6845cbb034..3c633386a53 100644
--- a/review/fix-a11y-form-component-ids/components/input/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/input/code/Density.html
@@ -1,15 +1,15 @@
-
DB UI Mono<db-input label="Label">Functional</db-input>
<div class="db-input">
- <label for="input-12235752466100269">Label</label>
+DB UI Mono<db-input label="Label">Functional</db-input>
<div class="db-input">
+ <label for="input-5035724791566112">Label</label>
<input
aria-invalid="false"
- id="input-12235752466100269"
+ id="input-5035724791566112"
type="text"
placeholder=" "
aria-describedby="none"
/>
Functional
<span
- id="input-12235752466100269-valid-message"
+ id="input-5035724791566112-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -17,7 +17,7 @@
TODO: Add a validMessage
</span>
<span
- id="input-12235752466100269-invalid-message"
+ id="input-5035724791566112-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -25,17 +25,17 @@
TODO: Add an invalidMessage
</span>
</div>
<DBInput label="Label">Functional</DBInput>
<DBInput label="Label">Functional</DBInput>
<db-input label="Label">(Default) Regular</db-input>
<div class="db-input">
- <label for="input-1947849516546054">Label</label>
+ <label for="input-3407542932792158">Label</label>
<input
aria-invalid="false"
- id="input-1947849516546054"
+ id="input-3407542932792158"
type="text"
placeholder=" "
aria-describedby="none"
/>
(Default) Regular
<span
- id="input-1947849516546054-valid-message"
+ id="input-3407542932792158-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -43,7 +43,7 @@
TODO: Add a validMessage
</span>
<span
- id="input-1947849516546054-invalid-message"
+ id="input-3407542932792158-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -51,17 +51,17 @@
TODO: Add an invalidMessage
</span>
</div>
<DBInput label="Label">(Default) Regular</DBInput>
<DBInput label="Label">(Default) Regular</DBInput>
<db-input label="Label">Expressive</db-input>
<div class="db-input">
- <label for="input-2720515034934734">Label</label>
+ <label for="input-02075157436432895">Label</label>
<input
aria-invalid="false"
- id="input-2720515034934734"
+ id="input-02075157436432895"
type="text"
placeholder=" "
aria-describedby="none"
/>
Expressive
<span
- id="input-2720515034934734-valid-message"
+ id="input-02075157436432895-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -69,11 +69,11 @@
TODO: Add a validMessage
</span>
<span
- id="input-2720515034934734-invalid-message"
+ id="input-02075157436432895-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
>
TODO: Add an invalidMessage
</span>
-</div>
<DBInput label="Label">Expressive</DBInput>
<DBInput label="Label">Expressive</DBInput>
<DBInput label="Label">Expressive</DBInput>
<DBInput label="Label">Expressive</DBInput>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/input/code/ExampleTypes.html b/review/fix-a11y-form-component-ids/components/input/code/ExampleTypes.html
index 0c3cbcb9801..ea36966db91 100644
--- a/review/fix-a11y-form-component-ids/components/input/code/ExampleTypes.html
+++ b/review/fix-a11y-form-component-ids/components/input/code/ExampleTypes.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-input label="Label">(Default) Text</db-input>
undefined
<DBInput label="Label">(Default) Text</DBInput>
<DBInput label="Label">(Default) Text</DBInput>
<db-input label="Label" type="password">
+DB UI Mono<db-input label="Label">(Default) Text</db-input>
undefined
<DBInput label="Label">(Default) Text</DBInput>
<DBInput label="Label">(Default) Text</DBInput>
<db-input label="Label" type="password">
Password
</db-input>
undefined
<DBInput label="Label" type="password">
Password
@@ -64,4 +64,4 @@
Week
</DBInput>
<DBInput label="Label" type="week">
Week
-</DBInput>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/input/code/ExampleTypesFloatingLabel.html b/review/fix-a11y-form-component-ids/components/input/code/ExampleTypesFloatingLabel.html
index 07926aa3d40..149f6b16a84 100644
--- a/review/fix-a11y-form-component-ids/components/input/code/ExampleTypesFloatingLabel.html
+++ b/review/fix-a11y-form-component-ids/components/input/code/ExampleTypesFloatingLabel.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-input label="Label" variant="floating">
+DB UI Mono<db-input label="Label" variant="floating">
(Default) Text
</db-input>
undefined
<DBInput label="Label" variant="floating">
(Default) Text
@@ -70,4 +70,4 @@
Week
</DBInput>
<DBInput label="Label" type="week" variant="floating">
Week
-</DBInput>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/input/code/Requirement.html b/review/fix-a11y-form-component-ids/components/input/code/Requirement.html
index 6390596ae83..55000ab59bb 100644
--- a/review/fix-a11y-form-component-ids/components/input/code/Requirement.html
+++ b/review/fix-a11y-form-component-ids/components/input/code/Requirement.html
@@ -1,15 +1,15 @@
-
DB UI Mono<db-input label="Label">(Default) Optional</db-input>
<div class="db-input">
- <label for="input-5508276657966509">Label</label>
+DB UI Mono<db-input label="Label">(Default) Optional</db-input>
<div class="db-input">
+ <label for="input-932917020856">Label</label>
<input
aria-invalid="false"
- id="input-5508276657966509"
+ id="input-932917020856"
type="text"
placeholder=" "
aria-describedby="none"
/>
(Default) Optional
<span
- id="input-5508276657966509-valid-message"
+ id="input-932917020856-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -17,7 +17,7 @@
TODO: Add a validMessage
</span>
<span
- id="input-5508276657966509-invalid-message"
+ id="input-932917020856-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -25,10 +25,10 @@
TODO: Add an invalidMessage
</span>
</div>
<DBInput label="Label">(Default) Optional</DBInput>
<DBInput label="Label">(Default) Optional</DBInput>
<db-input label="Label" [required]="true">Required</db-input>
<div class="db-input">
- <label for="input-4970008043928489">Label</label>
+ <label for="input-6389104376335184">Label</label>
<input
aria-invalid="false"
- id="input-4970008043928489"
+ id="input-6389104376335184"
type="text"
placeholder=" "
required=""
@@ -36,7 +36,7 @@
/>
Required
<span
- id="input-4970008043928489-valid-message"
+ id="input-6389104376335184-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -44,7 +44,7 @@
TODO: Add a validMessage
</span>
<span
- id="input-4970008043928489-invalid-message"
+ id="input-6389104376335184-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -53,4 +53,4 @@
</span>
</div>
<DBInput label="Label" required>
Required
-</DBInput>
<DBInput label="Label" :required="true">Required</DBInput>
<DBInput label="Label" :required="true">Required</DBInput>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/input/code/StatesFloatingLabel.html b/review/fix-a11y-form-component-ids/components/input/code/StatesFloatingLabel.html
index 0c2e4a362be..1bfb981ccc5 100644
--- a/review/fix-a11y-form-component-ids/components/input/code/StatesFloatingLabel.html
+++ b/review/fix-a11y-form-component-ids/components/input/code/StatesFloatingLabel.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-input label="Label" variant="floating">
+DB UI Mono<db-input label="Label" variant="floating">
(Default) Empty
</db-input>
undefined
<DBInput label="Label" variant="floating">
(Default) Empty
@@ -14,4 +14,4 @@
Disabled
</DBInput>
<DBInput label="Label" :disabled="true" variant="floating">Disabled</DBInput>
<db-input label="Label" value="Readonly - Filled" [readOnly]="true" variant="floating">Readonly - Filled</db-input>
undefined
<DBInput label="Label" value="Readonly - Filled" readOnly variant="floating">
Readonly - Filled
-</DBInput>
<DBInput label="Label" value="Readonly - Filled" :readOnly="true" variant="floating">Readonly - Filled</DBInput>
<DBInput label="Label" value="Readonly - Filled" :readOnly="true" variant="floating">Readonly - Filled</DBInput>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/input/code/StatesLabelAbove.html b/review/fix-a11y-form-component-ids/components/input/code/StatesLabelAbove.html
index 9ae5a7349ff..2a3c33c3f90 100644
--- a/review/fix-a11y-form-component-ids/components/input/code/StatesLabelAbove.html
+++ b/review/fix-a11y-form-component-ids/components/input/code/StatesLabelAbove.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-input label="Label">(Default) Empty</db-input>
undefined
<DBInput label="Label">(Default) Empty</DBInput>
<DBInput label="Label">(Default) Empty</DBInput>
<db-input label="Label" value="Filled">
+DB UI Mono<db-input label="Label">(Default) Empty</db-input>
undefined
<DBInput label="Label">(Default) Empty</DBInput>
<DBInput label="Label">(Default) Empty</DBInput>
<db-input label="Label" value="Filled">
Filled
</db-input>
undefined
<DBInput label="Label" value="Filled">
Filled
@@ -8,4 +8,4 @@
Disabled
</DBInput>
<DBInput label="Label" :disabled="true">Disabled</DBInput>
<db-input label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-input>
undefined
<DBInput label="Label" value="Readonly - Filled" readOnly>
Readonly - Filled
-</DBInput>
<DBInput label="Label" value="Readonly - Filled" :readOnly="true">Readonly - Filled</DBInput>
<DBInput label="Label" value="Readonly - Filled" :readOnly="true">Readonly - Filled</DBInput>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/input/code/VariantHelperMessage.html b/review/fix-a11y-form-component-ids/components/input/code/VariantHelperMessage.html
index 2b271045f8f..af8e0e5ab07 100644
--- a/review/fix-a11y-form-component-ids/components/input/code/VariantHelperMessage.html
+++ b/review/fix-a11y-form-component-ids/components/input/code/VariantHelperMessage.html
@@ -1,7 +1,7 @@
-
DB UI Mono<db-input label="Label">(Default) Basic</db-input>
undefined
<DBInput label="Label">(Default) Basic</DBInput>
<DBInput label="Label">(Default) Basic</DBInput>
<db-input label="Label" message="Helper Message">
+DB UI Mono<db-input label="Label">(Default) Basic</db-input>
undefined
<DBInput label="Label">(Default) Basic</DBInput>
<DBInput label="Label">(Default) Basic</DBInput>
<db-input label="Label" message="Helper Message">
Helper Message
</db-input>
undefined
<DBInput label="Label" message="Helper Message">
Helper Message
</DBInput>
<DBInput label="Label" message="Helper Message">
Helper Message
-</DBInput>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/input/code/VariantLabel.html b/review/fix-a11y-form-component-ids/components/input/code/VariantLabel.html
index 4905ea7f319..1268fa6f2a5 100644
--- a/review/fix-a11y-form-component-ids/components/input/code/VariantLabel.html
+++ b/review/fix-a11y-form-component-ids/components/input/code/VariantLabel.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-input label="Label">(Default) Label Above</db-input>
undefined
<DBInput label="Label">(Default) Label Above</DBInput>
<DBInput label="Label">(Default) Label Above</DBInput>
<db-input label="Label" variant="floating" value="Floating Label">
+DB UI Mono<db-input label="Label">(Default) Label Above</db-input>
undefined
<DBInput label="Label">(Default) Label Above</DBInput>
<DBInput label="Label">(Default) Label Above</DBInput>
<db-input label="Label" variant="floating" value="Floating Label">
Floating Label
</db-input>
undefined
<DBInput label="Label" variant="floating" value="Floating Label">
Floating Label
@@ -10,4 +10,4 @@
Hidden Label
</DBInput>
<DBInput label="Label" variant="hidden">
Hidden Label
-</DBInput>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/input/docs/Angular.html b/review/fix-a11y-form-component-ids/components/input/docs/Angular.html
index 8d67a38e12f..b86989ca3b7 100644
--- a/review/fix-a11y-form-component-ids/components/input/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/input/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
Load SCSS globally within styles.scss in your app:
@forward "@db-ui/components/build/styles/db-ui-42-rollup";
@@ -109,4 +109,4 @@
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/input/docs/HTML.html b/review/fix-a11y-form-component-ids/components/input/docs/HTML.html
index edd1d7deb7f..a7f3cc032c9 100644
--- a/review/fix-a11y-form-component-ids/components/input/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/input/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
Load SCSS globally somewhere in your app:
@forward "@db-ui/components/build/styles/db-ui-42";
@@ -7,4 +7,4 @@
<label for="username">Label</label>
<input type="text" name="username" id="username" />
</div>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/input/docs/Migration.html b/review/fix-a11y-form-component-ids/components/input/docs/Migration.html
index e66c1a95a63..0d8be931e24 100644
--- a/review/fix-a11y-form-component-ids/components/input/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/input/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
| Before | Status | After | Description |
|---|
elm-input | 🔁 | db-input | |
variants
-| Before | Status | After | Description |
|---|
semitransparent | ❌ | ❌ | old variants are removed a semi-transparent look is the default, new variants are chaniging the color |
white | ❌ | ❌ | |
solid | ❌ | ❌ | |
outline | ❌ | ❌ | |
| 🆕 | adaptive | |
| 🆕 | neutral | |
| 🆕 | critical | |
| 🆕 | informational | |
| 🆕 | warning | |
| 🆕 | successful | |
\ No newline at end of file
+
| Before | Status | After | Description |
|---|
semitransparent | ❌ | ❌ | old variants are removed a semi-transparent look is the default, new variants are chaniging the color |
white | ❌ | ❌ | |
solid | ❌ | ❌ | |
outline | ❌ | ❌ | |
| 🆕 | adaptive | |
| 🆕 | neutral | |
| 🆕 | critical | |
| 🆕 | informational | |
| 🆕 | warning | |
| 🆕 | successful | |
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/input/docs/React.html b/review/fix-a11y-form-component-ids/components/input/docs/React.html
index a755c7ea2fd..7e79d4db524 100644
--- a/review/fix-a11y-form-component-ids/components/input/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/input/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
Load SCSS globally in a index.scss file inside main.tsx/main.jsx within your app:
@forward "@db-ui/components/build/styles/db-ui-42-rollup";
@@ -11,4 +11,4 @@
description={description}
onChange={handleChange}
></DBInput>;
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/input/docs/Vue.html b/review/fix-a11y-form-component-ids/components/input/docs/Vue.html
index 8fc08eaad99..cb40af71408 100644
--- a/review/fix-a11y-form-component-ids/components/input/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/input/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
Load SCSS globally in a index.scss file and import it in your main.ts/main.js file in your app:
@forward "@db-ui/components/build/styles/db-ui-42-rollup";
@@ -25,4 +25,4 @@
or using on-change listener:
<DBInput label="Textlabel" placeholder="Start" :value="modelAndChange" @change="($event) => { modelAndChange = $event.target.value;
}"/> {{ modelAndChange }}
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/input/how-to-use.html b/review/fix-a11y-form-component-ids/components/input/how-to-use.html
index c0b72281b23..42bb489032a 100644
--- a/review/fix-a11y-form-component-ids/components/input/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/input/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/input/migration.html b/review/fix-a11y-form-component-ids/components/input/migration.html
index b0c0457c955..9a7239ca3e5 100644
--- a/review/fix-a11y-form-component-ids/components/input/migration.html
+++ b/review/fix-a11y-form-component-ids/components/input/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/input/overview.html b/review/fix-a11y-form-component-ids/components/input/overview.html
index 658f8c0beb1..6e427fa1592 100644
--- a/review/fix-a11y-form-component-ids/components/input/overview.html
+++ b/review/fix-a11y-form-component-ids/components/input/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/input/properties.html b/review/fix-a11y-form-component-ids/components/input/properties.html
index 173a977b813..3c0caeba9df 100644
--- a/review/fix-a11y-form-component-ids/components/input/properties.html
+++ b/review/fix-a11y-form-component-ids/components/input/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/link.html b/review/fix-a11y-form-component-ids/components/link.html
index e3660041a38..1497e2c7b0c 100644
--- a/review/fix-a11y-form-component-ids/components/link.html
+++ b/review/fix-a11y-form-component-ids/components/link.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/link/code/Content.html b/review/fix-a11y-form-component-ids/components/link/code/Content.html
index 52b95f52701..909f7e6da1e 100644
--- a/review/fix-a11y-form-component-ids/components/link/code/Content.html
+++ b/review/fix-a11y-form-component-ids/components/link/code/Content.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-link href="#">(Default) Internal</db-link>
<a class="db-link" href="#" tabindex="0" data-content="internal">
+DB UI Mono<db-link href="#">(Default) Internal</db-link>
<a class="db-link" href="#" tabindex="0" data-content="internal">
(Default) Internal
</a>
<DBLink href="#">(Default) Internal</DBLink>
<DBLink href="#">(Default) Internal</DBLink>
<db-link href="#" content="external">
External
@@ -14,4 +14,4 @@
External
</DBLink>
<DBLink href="#" content="external">
External
-</DBLink>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/link/code/Density.html b/review/fix-a11y-form-component-ids/components/link/code/Density.html
index e53a0168260..5f4666810d7 100644
--- a/review/fix-a11y-form-component-ids/components/link/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/link/code/Density.html
@@ -1,7 +1,7 @@
-
DB UI Mono<db-link href="#">Functional</db-link>
<a class="db-link" href="#" tabindex="0" data-content="internal">
+DB UI Mono<db-link href="#">Functional</db-link>
<a class="db-link" href="#" tabindex="0" data-content="internal">
Functional
</a>
<DBLink href="#">Functional</DBLink>
<DBLink href="#">Functional</DBLink>
<db-link href="#">(Default) Regular</db-link>
<a class="db-link" href="#" tabindex="0" data-content="internal">
(Default) Regular
</a>
<DBLink href="#">(Default) Regular</DBLink>
<DBLink href="#">(Default) Regular</DBLink>
<db-link href="#">Expressive</db-link>
<a class="db-link" href="#" tabindex="0" data-content="internal">
Expressive
-</a>
<DBLink href="#">Expressive</DBLink>
<DBLink href="#">Expressive</DBLink>
<DBLink href="#">Expressive</DBLink>
<DBLink href="#">Expressive</DBLink>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/link/code/InteractionStates.html b/review/fix-a11y-form-component-ids/components/link/code/InteractionStates.html
index 875d3901f56..a5dd042b629 100644
--- a/review/fix-a11y-form-component-ids/components/link/code/InteractionStates.html
+++ b/review/fix-a11y-form-component-ids/components/link/code/InteractionStates.html
@@ -1,3 +1,3 @@
-
DB UI Mono<db-link href="#">Enabled (Default)/Hover/Pressed</db-link>
undefined
<DBLink href="#">Enabled (Default)/Hover/Pressed</DBLink>
<DBLink href="#">Enabled (Default)/Hover/Pressed</DBLink>
<db-link href="#" [disabled]="true">Disabled</db-link>
undefined
<DBLink href="#" disabled>
+DB UI Mono<db-link href="#">Enabled (Default)/Hover/Pressed</db-link>
undefined
<DBLink href="#">Enabled (Default)/Hover/Pressed</DBLink>
<DBLink href="#">Enabled (Default)/Hover/Pressed</DBLink>
<db-link href="#" [disabled]="true">Disabled</db-link>
undefined
<DBLink href="#" disabled>
Disabled
-</DBLink>
<DBLink href="#" :disabled="true">Disabled</DBLink>
<DBLink href="#" :disabled="true">Disabled</DBLink>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/link/code/Semantic.html b/review/fix-a11y-form-component-ids/components/link/code/Semantic.html
index f4640605733..53894ab84d9 100644
--- a/review/fix-a11y-form-component-ids/components/link/code/Semantic.html
+++ b/review/fix-a11y-form-component-ids/components/link/code/Semantic.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-link href="#">(Default) Adaptive</db-link>
<a class="db-link" href="#" tabindex="0" data-content="internal">
+DB UI Mono<db-link href="#">(Default) Adaptive</db-link>
<a class="db-link" href="#" tabindex="0" data-content="internal">
(Default) Adaptive
</a>
<DBLink href="#">(Default) Adaptive</DBLink>
<DBLink href="#">(Default) Adaptive</DBLink>
<db-link href="#" variant="brand">
Brand
@@ -14,4 +14,4 @@
Brand
</DBLink>
<DBLink href="#" variant="brand">
Brand
-</DBLink>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/link/code/Size.html b/review/fix-a11y-form-component-ids/components/link/code/Size.html
index fc633e8ac71..f10bf34d9ec 100644
--- a/review/fix-a11y-form-component-ids/components/link/code/Size.html
+++ b/review/fix-a11y-form-component-ids/components/link/code/Size.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-link href="#">(Default) Medium</db-link>
<a class="db-link" href="#" tabindex="0" data-content="internal">
+DB UI Mono<db-link href="#">(Default) Medium</db-link>
<a class="db-link" href="#" tabindex="0" data-content="internal">
(Default) Medium
</a>
<DBLink href="#">(Default) Medium</DBLink>
<DBLink href="#">(Default) Medium</DBLink>
<db-link href="#" size="small">
Small
@@ -14,4 +14,4 @@
Small
</DBLink>
<DBLink href="#" size="small">
Small
-</DBLink>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/link/docs/Angular.html b/review/fix-a11y-form-component-ids/components/link/docs/Angular.html
index 8d3e60b9b46..19e53bce3b4 100644
--- a/review/fix-a11y-form-component-ids/components/link/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/link/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-link href="#" variant="brand">Link</db-link>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/link/docs/HTML.html b/review/fix-a11y-form-component-ids/components/link/docs/HTML.html
index 6208e8e646e..472fc9803e2 100644
--- a/review/fix-a11y-form-component-ids/components/link/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/link/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -6,4 +6,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/link/docs/Migration.html b/review/fix-a11y-form-component-ids/components/link/docs/Migration.html
index 1576513fbd6..ff947b2e3d1 100644
--- a/review/fix-a11y-form-component-ids/components/link/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/link/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
| Before | Status | After | Description |
|---|
elm-link | 🔁 | db-link | |
icons
-| Before | Status | After | Description |
|---|
icon | ❌ | ❌ | not valid anymore use content to show interal or external arrow icon |
icononly | ❌ | ❌ | |
iconVariant | ❌ | ❌ | |
\ No newline at end of file
+
| Before | Status | After | Description |
|---|
icon | ❌ | ❌ | not valid anymore use content to show interal or external arrow icon |
icononly | ❌ | ❌ | |
iconVariant | ❌ | ❌ | |
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/link/docs/React.html b/review/fix-a11y-form-component-ids/components/link/docs/React.html
index e579360150d..0b3c9cde1c4 100644
--- a/review/fix-a11y-form-component-ids/components/link/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/link/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -11,4 +11,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/link/docs/Vue.html b/review/fix-a11y-form-component-ids/components/link/docs/Vue.html
index 1d4fa203290..326e3e25159 100644
--- a/review/fix-a11y-form-component-ids/components/link/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/link/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/link/how-to-use.html b/review/fix-a11y-form-component-ids/components/link/how-to-use.html
index 5edde3dbc6f..a149e6089b0 100644
--- a/review/fix-a11y-form-component-ids/components/link/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/link/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/link/migration.html b/review/fix-a11y-form-component-ids/components/link/migration.html
index 2f433f900b3..d6601b28c45 100644
--- a/review/fix-a11y-form-component-ids/components/link/migration.html
+++ b/review/fix-a11y-form-component-ids/components/link/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/link/overview.html b/review/fix-a11y-form-component-ids/components/link/overview.html
index 31f29b53633..f3584173d8c 100644
--- a/review/fix-a11y-form-component-ids/components/link/overview.html
+++ b/review/fix-a11y-form-component-ids/components/link/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/link/properties.html b/review/fix-a11y-form-component-ids/components/link/properties.html
index 5016a5a2311..907170053e1 100644
--- a/review/fix-a11y-form-component-ids/components/link/properties.html
+++ b/review/fix-a11y-form-component-ids/components/link/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation-item.html b/review/fix-a11y-form-component-ids/components/navigation-item.html
index c99543ede73..ab79b54ba22 100644
--- a/review/fix-a11y-form-component-ids/components/navigation-item.html
+++ b/review/fix-a11y-form-component-ids/components/navigation-item.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation-item/code/Content.html b/review/fix-a11y-form-component-ids/components/navigation-item/code/Content.html
index b239c33bea2..0bd0ac171c4 100644
--- a/review/fix-a11y-form-component-ids/components/navigation-item/code/Content.html
+++ b/review/fix-a11y-form-component-ids/components/navigation-item/code/Content.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-navigation-item [areaPopup]="false">(Default) Text</db-navigation-item>
<li class="db-navigation-item">
+DB UI Mono<db-navigation-item [areaPopup]="false">(Default) Text</db-navigation-item>
<li class="db-navigation-item">
<button
class="db-navigation-item-expand-button"
aria-haspopup="false"
@@ -6,7 +6,7 @@
>
(Default) Text
</button>
- <menu class="db-sub-navigation" id="sub-navigation-580537544965918"></menu>
+ <menu class="db-sub-navigation" id="sub-navigation-622764685658489"></menu>
</li>
<DBNavigationItem areaPopup>(Default) Text</DBNavigationItem>
<DBNavigationItem :areaPopup="false">(Default) Text</DBNavigationItem>
<db-navigation-item icon="user">Text - Icon (Leading)</db-navigation-item>
<li class="db-navigation-item" data-icon="user">
<button
class="db-navigation-item-expand-button"
@@ -15,7 +15,7 @@
>
Text - Icon (Leading)
</button>
- <menu class="db-sub-navigation" id="sub-navigation-49767960750330076"></menu>
+ <menu class="db-sub-navigation" id="sub-navigation-6407551809869494"></menu>
</li>
<DBNavigationItem icon="user">Text - Icon (Leading)</DBNavigationItem>
<DBNavigationItem icon="user">Text - Icon (Leading)</DBNavigationItem>
<db-navigation-item icon="user" [areaPopup]="true">Text - Icons (Leading, Chevron)</db-navigation-item>
<li class="db-navigation-item" data-icon="user">
<button
class="db-navigation-item-expand-button"
@@ -24,7 +24,7 @@
>
Text - Icons (Leading, Chevron)
</button>
- <menu class="db-sub-navigation" id="sub-navigation-3818903613029183"></menu>
+ <menu class="db-sub-navigation" id="sub-navigation-5113222270794562"></menu>
</li>
<DBNavigationItem icon="user" areaPopup>
Text - Icons (Leading, Chevron)
</DBNavigationItem>
<DBNavigationItem icon="user" :areaPopup="true">Text - Icons (Leading, Chevron)</DBNavigationItem>
<db-navigation-item [areaPopup]="true">Text - Icon (Chevron)</db-navigation-item>
<li class="db-navigation-item">
@@ -35,5 +35,5 @@
>
Text - Icon (Chevron)
</button>
- <menu class="db-sub-navigation" id="sub-navigation-719553309756217"></menu>
-</li>
<DBNavigationItem areaPopup>Text - Icon (Chevron)</DBNavigationItem>
<DBNavigationItem :areaPopup="true">Text - Icon (Chevron)</DBNavigationItem>
<DBNavigationItem areaPopup>Text - Icon (Chevron)</DBNavigationItem>
<DBNavigationItem :areaPopup="true">Text - Icon (Chevron)</DBNavigationItem>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation-item/code/Density.html b/review/fix-a11y-form-component-ids/components/navigation-item/code/Density.html
index 9cf3d4a47fb..56077fb3fc2 100644
--- a/review/fix-a11y-form-component-ids/components/navigation-item/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/navigation-item/code/Density.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-navigation-item>Functional</db-navigation-item>
<li class="db-navigation-item">
+DB UI Mono<db-navigation-item>Functional</db-navigation-item>
<li class="db-navigation-item">
<button
class="db-navigation-item-expand-button"
aria-haspopup="false"
@@ -6,7 +6,7 @@
>
Functional
</button>
- <menu class="db-sub-navigation" id="sub-navigation-08292669262622487"></menu>
+ <menu class="db-sub-navigation" id="sub-navigation-5982779444382182"></menu>
</li>
<DBNavigationItem>Functional</DBNavigationItem>
<DBNavigationItem>Functional</DBNavigationItem>
<db-navigation-item>(Default) Regular</db-navigation-item>
<li class="db-navigation-item">
<button
class="db-navigation-item-expand-button"
@@ -15,7 +15,7 @@
>
(Default) Regular
</button>
- <menu class="db-sub-navigation" id="sub-navigation-1558602933169333"></menu>
+ <menu class="db-sub-navigation" id="sub-navigation-8898942878103553"></menu>
</li>
<DBNavigationItem>(Default) Regular</DBNavigationItem>
<DBNavigationItem>(Default) Regular</DBNavigationItem>
<db-navigation-item>Expressive</db-navigation-item>
<li class="db-navigation-item">
<button
class="db-navigation-item-expand-button"
@@ -24,5 +24,5 @@
>
Expressive
</button>
- <menu class="db-sub-navigation" id="sub-navigation-9129088946659043"></menu>
-</li>
<DBNavigationItem>Expressive</DBNavigationItem>
<DBNavigationItem>Expressive</DBNavigationItem>
<DBNavigationItem>Expressive</DBNavigationItem>
<DBNavigationItem>Expressive</DBNavigationItem>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation-item/code/InteractionStates.html b/review/fix-a11y-form-component-ids/components/navigation-item/code/InteractionStates.html
index 4a145f41195..dd3f11b2f35 100644
--- a/review/fix-a11y-form-component-ids/components/navigation-item/code/InteractionStates.html
+++ b/review/fix-a11y-form-component-ids/components/navigation-item/code/InteractionStates.html
@@ -1 +1 @@
-
DB UI Mono<db-navigation-item>Enabled (Default)/Hover/Pressed</db-navigation-item>
undefined
<DBNavigationItem>Enabled (Default)/Hover/Pressed</DBNavigationItem>
<DBNavigationItem>Enabled (Default)/Hover/Pressed</DBNavigationItem>
<db-navigation-item [active]="true">Active</db-navigation-item>
undefined
<DBNavigationItem active>Active</DBNavigationItem>
<DBNavigationItem :active="true">Active</DBNavigationItem>
<db-navigation-item [disabled]="true">Disabled</db-navigation-item>
undefined
<DBNavigationItem disabled>Disabled</DBNavigationItem>
<DBNavigationItem :disabled="true">Disabled</DBNavigationItem>
\ No newline at end of file
+
DB UI Mono<db-navigation-item>Enabled (Default)/Hover/Pressed</db-navigation-item>
undefined
<DBNavigationItem>Enabled (Default)/Hover/Pressed</DBNavigationItem>
<DBNavigationItem>Enabled (Default)/Hover/Pressed</DBNavigationItem>
<db-navigation-item [active]="true">Active</db-navigation-item>
undefined
<DBNavigationItem active>Active</DBNavigationItem>
<DBNavigationItem :active="true">Active</DBNavigationItem>
<db-navigation-item [disabled]="true">Disabled</db-navigation-item>
undefined
<DBNavigationItem disabled>Disabled</DBNavigationItem>
<DBNavigationItem :disabled="true">Disabled</DBNavigationItem>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation-item/code/Width.html b/review/fix-a11y-form-component-ids/components/navigation-item/code/Width.html
index 72f9bab7200..ea453d57dfe 100644
--- a/review/fix-a11y-form-component-ids/components/navigation-item/code/Width.html
+++ b/review/fix-a11y-form-component-ids/components/navigation-item/code/Width.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-navigation-item>(Default) Auto</db-navigation-item>
<li class="db-navigation-item">
+DB UI Mono<db-navigation-item>(Default) Auto</db-navigation-item>
<li class="db-navigation-item">
<button
class="db-navigation-item-expand-button"
aria-haspopup="false"
@@ -6,7 +6,7 @@
>
(Default) Auto
</button>
- <menu class="db-sub-navigation" id="sub-navigation-26231260356453645"></menu>
+ <menu class="db-sub-navigation" id="sub-navigation-7526795164856213"></menu>
</li>
<DBNavigationItem>(Default) Auto</DBNavigationItem>
<DBNavigationItem>(Default) Auto</DBNavigationItem>
<db-navigation-item width="full">Full</db-navigation-item>
<li class="db-navigation-item" data-width="full">
<button
class="db-navigation-item-expand-button"
@@ -15,5 +15,5 @@
>
Full
</button>
- <menu class="db-sub-navigation" id="sub-navigation-8929853586169247"></menu>
-</li>
<DBNavigationItem width="full">Full</DBNavigationItem>
<DBNavigationItem width="full">Full</DBNavigationItem>
<DBNavigationItem width="full">Full</DBNavigationItem>
<DBNavigationItem width="full">Full</DBNavigationItem>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation-item/docs/Angular.html b/review/fix-a11y-form-component-ids/components/navigation-item/docs/Angular.html
index 48dfb809e74..8bc9f951172 100644
--- a/review/fix-a11y-form-component-ids/components/navigation-item/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/navigation-item/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
//app.component.ts
@@ -40,4 +40,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation-item/docs/HTML.html b/review/fix-a11y-form-component-ids/components/navigation-item/docs/HTML.html
index 503ca008b7c..85861118900 100644
--- a/review/fix-a11y-form-component-ids/components/navigation-item/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/navigation-item/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
If you want to use sub-navigations for mobile you need to add a eventListner:click on the db-navigation-item-expand-button. This eventListener should set aria-expanded to true for the button. This will open a static overlay for mobile/tablet devices with your db-sub-navigation. For desktop devices it works by default with :hover.
@@ -21,4 +21,4 @@
Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation-item/docs/Migration.html b/review/fix-a11y-form-component-ids/components/navigation-item/docs/Migration.html
index 5c81d745791..70e8a7a74f2 100644
--- a/review/fix-a11y-form-component-ids/components/navigation-item/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/navigation-item/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation-item/docs/React.html b/review/fix-a11y-form-component-ids/components/navigation-item/docs/React.html
index a41708ea351..5e883176d24 100644
--- a/review/fix-a11y-form-component-ids/components/navigation-item/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/navigation-item/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
We try to set areaPopup (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set areaPopup with true/false for sub-navigation or link
@@ -32,4 +32,4 @@
Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation-item/docs/Vue.html b/review/fix-a11y-form-component-ids/components/navigation-item/docs/Vue.html
index 6176a864cbe..bbb3d6a3998 100644
--- a/review/fix-a11y-form-component-ids/components/navigation-item/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/navigation-item/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
We try to set areaPopup (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set areaPopup with true/false for sub-navigation or link
@@ -26,4 +26,4 @@
Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation-item/how-to-use.html b/review/fix-a11y-form-component-ids/components/navigation-item/how-to-use.html
index eab8786f57d..83d028862b2 100644
--- a/review/fix-a11y-form-component-ids/components/navigation-item/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/navigation-item/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation-item/migration.html b/review/fix-a11y-form-component-ids/components/navigation-item/migration.html
index 7a5c8e95412..0baecce8304 100644
--- a/review/fix-a11y-form-component-ids/components/navigation-item/migration.html
+++ b/review/fix-a11y-form-component-ids/components/navigation-item/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation-item/overview.html b/review/fix-a11y-form-component-ids/components/navigation-item/overview.html
index 7494816c784..b7c46c6919c 100644
--- a/review/fix-a11y-form-component-ids/components/navigation-item/overview.html
+++ b/review/fix-a11y-form-component-ids/components/navigation-item/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation-item/properties.html b/review/fix-a11y-form-component-ids/components/navigation-item/properties.html
index d1d70b6d3cb..2ce7ad7b647 100644
--- a/review/fix-a11y-form-component-ids/components/navigation-item/properties.html
+++ b/review/fix-a11y-form-component-ids/components/navigation-item/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation.html b/review/fix-a11y-form-component-ids/components/navigation.html
index 8db9cf3fcd1..babe562df2f 100644
--- a/review/fix-a11y-form-component-ids/components/navigation.html
+++ b/review/fix-a11y-form-component-ids/components/navigation.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation/code/Density.html b/review/fix-a11y-form-component-ids/components/navigation/code/Density.html
index a05706b2a25..4f5aa33ce7e 100644
--- a/review/fix-a11y-form-component-ids/components/navigation/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/navigation/code/Density.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-main-navigation>
+DB UI Mono<db-main-navigation>
<db-navigation-item [active]="true">
<ng-container sub-navigation>
<db-navigation-item [active]="true">
@@ -403,4 +403,4 @@
<DBNavigationItem :disabled="true">
<a href="#">Navi-Item 3</a>
</DBNavigationItem>
- </DBMainNavigation>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation/docs/Angular.html b/review/fix-a11y-form-component-ids/components/navigation/docs/Angular.html
index ad4dcc7baad..39e9f420f73 100644
--- a/review/fix-a11y-form-component-ids/components/navigation/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/navigation/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration look at the ngx-components package.
Load component
// app.component.ts
@@ -113,4 +113,4 @@ Angular Router and active stat
</ng-container>
</db-navigation-item>
</db-main-navigation>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation/docs/HTML.html b/review/fix-a11y-form-component-ids/components/navigation/docs/HTML.html
index e17e8232ff0..f5aed2db58f 100644
--- a/review/fix-a11y-form-component-ids/components/navigation/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/navigation/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration look at the components package.
Use component
<!-- index.html -->
@@ -48,4 +48,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation/docs/Migration.html b/review/fix-a11y-form-component-ids/components/navigation/docs/Migration.html
index 71c40bb4741..feed7e1365a 100644
--- a/review/fix-a11y-form-component-ids/components/navigation/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/navigation/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
| Before | Status | After | Description |
|---|
cmp-mainnavigation | 🔁 | db-navigation | |
children
-| Before | Status | After | Description |
|---|
data | ❌ | ❌ | pass data via children / slot, moved a lot of the features to db-header |
siteName | ❌ | ❌ | |
\ No newline at end of file
+
| Before | Status | After | Description |
|---|
data | ❌ | ❌ | pass data via children / slot, moved a lot of the features to db-header |
siteName | ❌ | ❌ | |
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation/docs/React.html b/review/fix-a11y-form-component-ids/components/navigation/docs/React.html
index d056d1b145a..2b2262b531b 100644
--- a/review/fix-a11y-form-component-ids/components/navigation/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/navigation/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration look at the react-components package.
Use component
// App.tsx
@@ -43,4 +43,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation/docs/Vue.html b/review/fix-a11y-form-component-ids/components/navigation/docs/Vue.html
index af4bdd6a654..7fafd724268 100644
--- a/review/fix-a11y-form-component-ids/components/navigation/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/navigation/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration look at the v-components package.
Use component
<!-- App.vue -->
@@ -74,4 +74,4 @@ Vue Router and active state handli
</DBNavigationItem>
</DBMainNavigation>
</template>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation/how-to-use.html b/review/fix-a11y-form-component-ids/components/navigation/how-to-use.html
index 6c3b33309c5..98293883663 100644
--- a/review/fix-a11y-form-component-ids/components/navigation/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/navigation/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation/migration.html b/review/fix-a11y-form-component-ids/components/navigation/migration.html
index f6f74f39dde..ba2e6f1167d 100644
--- a/review/fix-a11y-form-component-ids/components/navigation/migration.html
+++ b/review/fix-a11y-form-component-ids/components/navigation/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation/overview.html b/review/fix-a11y-form-component-ids/components/navigation/overview.html
index 60c65c894dc..8ba165b5ea3 100644
--- a/review/fix-a11y-form-component-ids/components/navigation/overview.html
+++ b/review/fix-a11y-form-component-ids/components/navigation/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/navigation/properties.html b/review/fix-a11y-form-component-ids/components/navigation/properties.html
index 0fc371d3fb6..ec1a43c5e4b 100644
--- a/review/fix-a11y-form-component-ids/components/navigation/properties.html
+++ b/review/fix-a11y-form-component-ids/components/navigation/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/notification.html b/review/fix-a11y-form-component-ids/components/notification.html
index dcc52eb6503..ed4a19a5269 100644
--- a/review/fix-a11y-form-component-ids/components/notification.html
+++ b/review/fix-a11y-form-component-ids/components/notification.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/notification/code/Behaviour.html b/review/fix-a11y-form-component-ids/components/notification/code/Behaviour.html
index 02a46a2e340..b6d6c5ceb4e 100644
--- a/review/fix-a11y-form-component-ids/components/notification/code/Behaviour.html
+++ b/review/fix-a11y-form-component-ids/components/notification/code/Behaviour.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-notification behaviour="permanent">(Default) Permanent</db-notification>
<div class="db-notification">
+DB UI Mono<db-notification behaviour="permanent">(Default) Permanent</db-notification>
<div class="db-notification">
<p>(Default) Permanent</p>
</div>
<DBNotification behaviour="permanent">(Default) Permanent</DBNotification>
<DBNotification behaviour="permanent">(Default) Permanent</DBNotification>
<db-notification behaviour="closable">Closeable</db-notification>
<div class="db-notification">
<p>Closeable</p>
@@ -11,4 +11,4 @@
>
Close Button
</button>
-</div>
<DBNotification behaviour="closable">Closeable</DBNotification>
<DBNotification behaviour="closable">Closeable</DBNotification>
<DBNotification behaviour="closable">Closeable</DBNotification>
<DBNotification behaviour="closable">Closeable</DBNotification>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/notification/code/ContentVariantDocked.html b/review/fix-a11y-form-component-ids/components/notification/code/ContentVariantDocked.html
index 27f03a16adf..16af7e1641f 100644
--- a/review/fix-a11y-form-component-ids/components/notification/code/ContentVariantDocked.html
+++ b/review/fix-a11y-form-component-ids/components/notification/code/ContentVariantDocked.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-notification behaviour="permanent">Text</db-notification>
undefined
<DBNotification behaviour="permanent">Text</DBNotification>
<DBNotification behaviour="permanent">Text</DBNotification>
<db-notification icon="information_circle" behaviour="permanent">
+DB UI Mono<db-notification behaviour="permanent">Text</db-notification>
undefined
<DBNotification behaviour="permanent">Text</DBNotification>
<DBNotification behaviour="permanent">Text</DBNotification>
<db-notification icon="information_circle" behaviour="permanent">
Text & Icon
</db-notification>
undefined
<DBNotification icon="information_circle" behaviour="permanent">
Text & Icon
@@ -25,4 +25,4 @@
linkVariant="inline"
>
Text & Icon & Headline & Textlink Inline & Cloaseable
-</DBNotification>
<DBNotification icon="information_circle" headline="Headline" :link="true" linkVariant="inline">Text & Icon & Headline & Textlink Inline & Cloaseable</DBNotification>
<DBNotification icon="information_circle" headline="Headline" :link="true" linkVariant="inline">Text & Icon & Headline & Textlink Inline & Cloaseable</DBNotification>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/notification/code/ContentVariantOverlay.html b/review/fix-a11y-form-component-ids/components/notification/code/ContentVariantOverlay.html
index 6f2ec1c6bbf..6462517d411 100644
--- a/review/fix-a11y-form-component-ids/components/notification/code/ContentVariantOverlay.html
+++ b/review/fix-a11y-form-component-ids/components/notification/code/ContentVariantOverlay.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-notification variant="overlay" behaviour="permanent">
+DB UI Mono<db-notification variant="overlay" behaviour="permanent">
Text
</db-notification>
undefined
<DBNotification variant="overlay" behaviour="permanent">
Text
@@ -69,4 +69,4 @@
variant="overlay"
>
Text & Icon & Headline & Timed & Cloaseable
-</DBNotification>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/notification/code/ContentVariantStandalone.html b/review/fix-a11y-form-component-ids/components/notification/code/ContentVariantStandalone.html
index a5aeafd51ab..28c67c1e0aa 100644
--- a/review/fix-a11y-form-component-ids/components/notification/code/ContentVariantStandalone.html
+++ b/review/fix-a11y-form-component-ids/components/notification/code/ContentVariantStandalone.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-notification variant="standalone" behaviour="permanent">
+DB UI Mono<db-notification variant="standalone" behaviour="permanent">
Text
</db-notification>
undefined
<DBNotification variant="standalone" behaviour="permanent">
Text
@@ -54,4 +54,4 @@
variant="standalone"
>
Text & Icon & Headline & Textlink Inline & Cloaseable
-</DBNotification>
<DBNotification icon="information_circle" headline="Headline" :link="true" linkVariant="inline" variant="standalone">Text & Icon & Headline & Textlink Inline & Cloaseable</DBNotification>
<DBNotification icon="information_circle" headline="Headline" :link="true" linkVariant="inline" variant="standalone">Text & Icon & Headline & Textlink Inline & Cloaseable</DBNotification>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/notification/code/Density.html b/review/fix-a11y-form-component-ids/components/notification/code/Density.html
index 0e23476b702..b0b7675fa29 100644
--- a/review/fix-a11y-form-component-ids/components/notification/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/notification/code/Density.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-notification
+DB UI Mono<db-notification
headline="Headline"
icon="information_circle"
behaviour="closable"
@@ -88,4 +88,4 @@
behaviour="closable"
>
expressive
-</DBNotification>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/notification/code/Semantic.html b/review/fix-a11y-form-component-ids/components/notification/code/Semantic.html
index 7b9360a7590..5df405222bf 100644
--- a/review/fix-a11y-form-component-ids/components/notification/code/Semantic.html
+++ b/review/fix-a11y-form-component-ids/components/notification/code/Semantic.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-notification type="alert" headline="Headline" behaviour="closable">
+DB UI Mono<db-notification type="alert" headline="Headline" behaviour="closable">
(Default) Adaptive
</db-notification>
<div class="db-notification">
<h6>Headline</h6>
@@ -181,4 +181,4 @@
behaviour="closable"
>
Warning
-</DBNotification>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/notification/code/Variant.html b/review/fix-a11y-form-component-ids/components/notification/code/Variant.html
index b697f62dca8..3e75586721a 100644
--- a/review/fix-a11y-form-component-ids/components/notification/code/Variant.html
+++ b/review/fix-a11y-form-component-ids/components/notification/code/Variant.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-notification
+DB UI Mono<db-notification
variant="docked"
headline="Headline"
icon="information_circle"
@@ -113,4 +113,4 @@
timestamp="10 min ago"
>
Overlay
-</DBNotification>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/notification/docs/Angular.html b/review/fix-a11y-form-component-ids/components/notification/docs/Angular.html
index 889423d498b..e746508008f 100644
--- a/review/fix-a11y-form-component-ids/components/notification/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/notification/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-notification headline="Headline">Notification</db-notification>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/notification/docs/HTML.html b/review/fix-a11y-form-component-ids/components/notification/docs/HTML.html
index 3e74a1f9ae3..db08928ff9d 100644
--- a/review/fix-a11y-form-component-ids/components/notification/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/notification/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -17,4 +17,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/notification/docs/Migration.html b/review/fix-a11y-form-component-ids/components/notification/docs/Migration.html
index f49e8e606ea..b0ff0e00a3c 100644
--- a/review/fix-a11y-form-component-ids/components/notification/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/notification/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
@@ -9,4 +9,4 @@ class
| Before | Status | After | Description |
|---|
notification | 🔁 | notification | Default notification with different look |
status | ❌ | ❌ | Status can be changed by variants |
| 🆕 | inline | New styling with shadow and rounded corners (like card) |
type ➡ variants
-| Before | Status | After | Description |
|---|
| 🆕 | adaptive | Default: change colors based on background |
error | 🔁 | critical | 'Red' colored notification to show error messages |
informative | 🔁 | informational | 'Blue' colored notification to show information messages |
warning | 🔁 | warning | 'Yellow' colored notification to show warning messages |
success | 🔁 | successful | 'Green' colored notification to show success messages |
\ No newline at end of file
+
| Before | Status | After | Description |
|---|
| 🆕 | adaptive | Default: change colors based on background |
error | 🔁 | critical | 'Red' colored notification to show error messages |
informative | 🔁 | informational | 'Blue' colored notification to show information messages |
warning | 🔁 | warning | 'Yellow' colored notification to show warning messages |
success | 🔁 | successful | 'Green' colored notification to show success messages |
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/notification/docs/React.html b/review/fix-a11y-form-component-ids/components/notification/docs/React.html
index e5c0e942889..06f08ec25af 100644
--- a/review/fix-a11y-form-component-ids/components/notification/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/notification/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/notification/docs/Vue.html b/review/fix-a11y-form-component-ids/components/notification/docs/Vue.html
index 0f00cd553d1..1ca6fbdff06 100644
--- a/review/fix-a11y-form-component-ids/components/notification/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/notification/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/notification/how-to-use.html b/review/fix-a11y-form-component-ids/components/notification/how-to-use.html
index c4f121c1a2e..6718f6fa552 100644
--- a/review/fix-a11y-form-component-ids/components/notification/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/notification/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/notification/migration.html b/review/fix-a11y-form-component-ids/components/notification/migration.html
index d243b478dfe..ce74a3c6747 100644
--- a/review/fix-a11y-form-component-ids/components/notification/migration.html
+++ b/review/fix-a11y-form-component-ids/components/notification/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/notification/overview.html b/review/fix-a11y-form-component-ids/components/notification/overview.html
index 6aefd1c5bcd..4e42639b5ed 100644
--- a/review/fix-a11y-form-component-ids/components/notification/overview.html
+++ b/review/fix-a11y-form-component-ids/components/notification/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/notification/properties.html b/review/fix-a11y-form-component-ids/components/notification/properties.html
index b25990479fb..1001a7d5f53 100644
--- a/review/fix-a11y-form-component-ids/components/notification/properties.html
+++ b/review/fix-a11y-form-component-ids/components/notification/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/page.html b/review/fix-a11y-form-component-ids/components/page.html
index ac0ecb8be5d..b02a0f57d83 100644
--- a/review/fix-a11y-form-component-ids/components/page.html
+++ b/review/fix-a11y-form-component-ids/components/page.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/page/code/Tonality.html b/review/fix-a11y-form-component-ids/components/page/code/Tonality.html
index c4f28eaf4ad..99833d02afe 100644
--- a/review/fix-a11y-form-component-ids/components/page/code/Tonality.html
+++ b/review/fix-a11y-form-component-ids/components/page/code/Tonality.html
@@ -1,7 +1,7 @@
-
DB UI Mono<db-page>Functional</db-page>
<div class="db-page" data-fonts-loaded="false">
+DB UI Mono<db-page>Functional</db-page>
<div class="db-page" data-fonts-loaded="false">
<main class="db-main">Functional</main>
</div>
<DBPage>Functional</DBPage>
<DBPage>Functional</DBPage>
<db-page>(Default) Regular</db-page>
<div class="db-page" data-fonts-loaded="false">
<main class="db-main">(Default) Regular</main>
</div>
<DBPage>(Default) Regular</DBPage>
<DBPage>(Default) Regular</DBPage>
<db-page>Expressive</db-page>
<div class="db-page" data-fonts-loaded="false">
<main class="db-main">Expressive</main>
-</div>
<DBPage>Expressive</DBPage>
<DBPage>Expressive</DBPage>
<DBPage>Expressive</DBPage>
<DBPage>Expressive</DBPage>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/page/docs/Angular.html b/review/fix-a11y-form-component-ids/components/page/docs/Angular.html
index 3253a111c5e..ebe729ef53f 100644
--- a/review/fix-a11y-form-component-ids/components/page/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/page/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
//app.component.ts
@@ -19,4 +19,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/page/docs/HTML.html b/review/fix-a11y-form-component-ids/components/page/docs/HTML.html
index ab720017fe6..ec50f696777 100644
--- a/review/fix-a11y-form-component-ids/components/page/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/page/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/page/docs/Migration.html b/review/fix-a11y-form-component-ids/components/page/docs/Migration.html
index bb1f1a4da53..a5524cfadd4 100644
--- a/review/fix-a11y-form-component-ids/components/page/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/page/docs/Migration.html
@@ -1,8 +1,8 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
DB UI Core ➡ DB UI Components
class
-
| Before | Status | After | Description |
|---|
rea-page | 🔁 | db-page | |
\ No newline at end of file
+
| Before | Status | After | Description |
|---|
rea-page | 🔁 | db-page | |
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/page/docs/React.html b/review/fix-a11y-form-component-ids/components/page/docs/React.html
index c100c575bf9..848af6009f9 100644
--- a/review/fix-a11y-form-component-ids/components/page/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/page/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -11,4 +11,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/page/docs/Vue.html b/review/fix-a11y-form-component-ids/components/page/docs/Vue.html
index f9c8c39ce38..1b4644c660c 100644
--- a/review/fix-a11y-form-component-ids/components/page/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/page/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -12,4 +12,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/page/how-to-use.html b/review/fix-a11y-form-component-ids/components/page/how-to-use.html
index dac48d1277b..9a5ada850b4 100644
--- a/review/fix-a11y-form-component-ids/components/page/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/page/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/page/migration.html b/review/fix-a11y-form-component-ids/components/page/migration.html
index fa6d6b04a59..78d098619af 100644
--- a/review/fix-a11y-form-component-ids/components/page/migration.html
+++ b/review/fix-a11y-form-component-ids/components/page/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/page/overview.html b/review/fix-a11y-form-component-ids/components/page/overview.html
index 54c6cae82e9..9a753a80c63 100644
--- a/review/fix-a11y-form-component-ids/components/page/overview.html
+++ b/review/fix-a11y-form-component-ids/components/page/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/page/properties.html b/review/fix-a11y-form-component-ids/components/page/properties.html
index 3fec94504b5..795d81a978e 100644
--- a/review/fix-a11y-form-component-ids/components/page/properties.html
+++ b/review/fix-a11y-form-component-ids/components/page/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/popover.html b/review/fix-a11y-form-component-ids/components/popover.html
index db21317f5e5..25f45800372 100644
--- a/review/fix-a11y-form-component-ids/components/popover.html
+++ b/review/fix-a11y-form-component-ids/components/popover.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/popover/code/Animations.html b/review/fix-a11y-form-component-ids/components/popover/code/Animations.html
index 48976c9ab5a..091e9398e39 100644
--- a/review/fix-a11y-form-component-ids/components/popover/code/Animations.html
+++ b/review/fix-a11y-form-component-ids/components/popover/code/Animations.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-popover id="popover-13">(Default) Animation no delay</db-popover>
<div id="popover-13" class="db-popover">
+DB UI Mono<db-popover id="popover-13">(Default) Animation no delay</db-popover>
<div id="popover-13" class="db-popover">
<article class="db-popover-content">(Default) Animation no delay</article>
</div>
<DBPopover id="popover-13">(Default) Animation no delay</DBPopover>
<DBPopover id="popover-13">(Default) Animation no delay</DBPopover>
<db-popover delay="slow" id="popover-14">
Delay slow
@@ -30,4 +30,4 @@
No animation
</DBPopover>
<DBPopover animation="disabled" id="popover-16">
No animation
-</DBPopover>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/popover/code/Density.html b/review/fix-a11y-form-component-ids/components/popover/code/Density.html
index 77ba61b9d74..549519f0a5b 100644
--- a/review/fix-a11y-form-component-ids/components/popover/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/popover/code/Density.html
@@ -1,7 +1,7 @@
-
DB UI Mono<db-popover id="popover-01">Functional</db-popover>
<div id="popover-01" class="db-popover">
+DB UI Mono<db-popover id="popover-01">Functional</db-popover>
<div id="popover-01" class="db-popover">
<article class="db-popover-content">Functional</article>
</div>
<DBPopover id="popover-01">Functional</DBPopover>
<DBPopover id="popover-01">Functional</DBPopover>
<db-popover id="popover-02">(Default) Regular</db-popover>
<div id="popover-02" class="db-popover">
<article class="db-popover-content">(Default) Regular</article>
</div>
<DBPopover id="popover-02">(Default) Regular</DBPopover>
<DBPopover id="popover-02">(Default) Regular</DBPopover>
<db-popover id="popover-03">Expressive</db-popover>
<div id="popover-03" class="db-popover">
<article class="db-popover-content">Expressive</article>
-</div>
<DBPopover id="popover-03">Expressive</DBPopover>
<DBPopover id="popover-03">Expressive</DBPopover>
<DBPopover id="popover-03">Expressive</DBPopover>
<DBPopover id="popover-03">Expressive</DBPopover>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/popover/code/Gap.html b/review/fix-a11y-form-component-ids/components/popover/code/Gap.html
index a96223859a8..b60a66766c3 100644
--- a/review/fix-a11y-form-component-ids/components/popover/code/Gap.html
+++ b/review/fix-a11y-form-component-ids/components/popover/code/Gap.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-popover id="popover-11">(Default) No gap</db-popover>
<div id="popover-11" class="db-popover">
+DB UI Mono<db-popover id="popover-11">(Default) No gap</db-popover>
<div id="popover-11" class="db-popover">
<article class="db-popover-content">(Default) No gap</article>
</div>
<DBPopover id="popover-11">(Default) No gap</DBPopover>
<DBPopover id="popover-11">(Default) No gap</DBPopover>
<db-popover [gap]="true" id="popover-12">With gap</db-popover>
<div id="popover-12" class="db-popover">
<article class="db-popover-content" data-gap="true">
@@ -6,4 +6,4 @@
</article>
</div>
<DBPopover gap id="popover-12">
With gap
-</DBPopover>
<DBPopover :gap="true" id="popover-12">With gap</DBPopover>
<DBPopover :gap="true" id="popover-12">With gap</DBPopover>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/popover/code/Placement.html b/review/fix-a11y-form-component-ids/components/popover/code/Placement.html
index 00976e0b8fe..8f5ea4c695a 100644
--- a/review/fix-a11y-form-component-ids/components/popover/code/Placement.html
+++ b/review/fix-a11y-form-component-ids/components/popover/code/Placement.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-popover placement="bottom-start" id="popover-07-start">
+DB UI Mono<db-popover placement="bottom-start" id="popover-07-start">
bottom-start
</db-popover>
<div id="popover-07-start" class="db-popover">
<article class="db-popover-content" data-placement="bottom-start">
@@ -118,4 +118,4 @@
top-end
</DBPopover>
<DBPopover placement="top-end" id="popover-08-end">
top-end
-</DBPopover>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/popover/code/Spacing.html b/review/fix-a11y-form-component-ids/components/popover/code/Spacing.html
index 449b523aaec..cbf63a6ee2d 100644
--- a/review/fix-a11y-form-component-ids/components/popover/code/Spacing.html
+++ b/review/fix-a11y-form-component-ids/components/popover/code/Spacing.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-popover spacing="small" id="popover-04">
+DB UI Mono<db-popover spacing="small" id="popover-04">
(Default) Small
</db-popover>
<div id="popover-04" class="db-popover">
<article class="db-popover-content" data-spacing="small">
@@ -28,4 +28,4 @@
None
</DBPopover>
<DBPopover spacing="none" id="popover-06">
None
-</DBPopover>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/popover/code/Width.html b/review/fix-a11y-form-component-ids/components/popover/code/Width.html
index 0a919578ab2..274c81b862f 100644
--- a/review/fix-a11y-form-component-ids/components/popover/code/Width.html
+++ b/review/fix-a11y-form-component-ids/components/popover/code/Width.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-popover
+DB UI Mono<db-popover
content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
id="popover-17"
>
@@ -45,4 +45,4 @@
id="popover-18"
>
Fixed
-</DBPopover>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/popover/docs/Angular.html b/review/fix-a11y-form-component-ids/components/popover/docs/Angular.html
index be8918ac666..62fe165a6e5 100644
--- a/review/fix-a11y-form-component-ids/components/popover/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/popover/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -18,4 +18,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/popover/docs/HTML.html b/review/fix-a11y-form-component-ids/components/popover/docs/HTML.html
index 7aad36154fb..af30d3e5752 100644
--- a/review/fix-a11y-form-component-ids/components/popover/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/popover/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -14,4 +14,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/popover/docs/Migration.html b/review/fix-a11y-form-component-ids/components/popover/docs/Migration.html
index 8f1464e533f..85e91910de5 100644
--- a/review/fix-a11y-form-component-ids/components/popover/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/popover/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/popover/docs/React.html b/review/fix-a11y-form-component-ids/components/popover/docs/React.html
index 3f34dd5aae8..961f68a5826 100644
--- a/review/fix-a11y-form-component-ids/components/popover/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/popover/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -12,4 +12,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/popover/docs/Vue.html b/review/fix-a11y-form-component-ids/components/popover/docs/Vue.html
index fa275e4e816..ca8b58a7e0c 100644
--- a/review/fix-a11y-form-component-ids/components/popover/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/popover/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -15,4 +15,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/popover/how-to-use.html b/review/fix-a11y-form-component-ids/components/popover/how-to-use.html
index 9464ea93c39..c6c06ad9c5f 100644
--- a/review/fix-a11y-form-component-ids/components/popover/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/popover/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/popover/migration.html b/review/fix-a11y-form-component-ids/components/popover/migration.html
index 958cd482a1f..e85620e19a1 100644
--- a/review/fix-a11y-form-component-ids/components/popover/migration.html
+++ b/review/fix-a11y-form-component-ids/components/popover/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/popover/overview.html b/review/fix-a11y-form-component-ids/components/popover/overview.html
index 5ff4f5a851d..8cbb6183ecc 100644
--- a/review/fix-a11y-form-component-ids/components/popover/overview.html
+++ b/review/fix-a11y-form-component-ids/components/popover/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/popover/properties.html b/review/fix-a11y-form-component-ids/components/popover/properties.html
index c035f128e23..375967f5c75 100644
--- a/review/fix-a11y-form-component-ids/components/popover/properties.html
+++ b/review/fix-a11y-form-component-ids/components/popover/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/radio.html b/review/fix-a11y-form-component-ids/components/radio.html
index f4b17cde15b..e9edc0ce399 100644
--- a/review/fix-a11y-form-component-ids/components/radio.html
+++ b/review/fix-a11y-form-component-ids/components/radio.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/radio/code/Content.html b/review/fix-a11y-form-component-ids/components/radio/code/Content.html
index b98c74d1339..5ab064d2560 100644
--- a/review/fix-a11y-form-component-ids/components/radio/code/Content.html
+++ b/review/fix-a11y-form-component-ids/components/radio/code/Content.html
@@ -1,18 +1,18 @@
-
DB UI Mono<db-radio name="Content">(Default) Label</db-radio>
<label class="db-radio" for="radio-3597577080130765">
+DB UI Mono<db-radio name="Content">(Default) Label</db-radio>
<label class="db-radio" for="radio-9997342062207089">
<input
type="radio"
aria-invalid="false"
- id="radio-3597577080130765"
+ id="radio-9997342062207089"
name="Content"
/>
(Default) Label
</label>
<DBRadio name="Content">(Default) Label</DBRadio>
<DBRadio name="Content">(Default) Label</DBRadio>
<db-radio name="Content" variant="hidden">
Hidden Label
-</db-radio>
<label data-variant="hidden" class="db-radio" for="radio-3438933896624363">
+</db-radio>
<label data-variant="hidden" class="db-radio" for="radio-8854244109417511">
<input
type="radio"
aria-invalid="false"
- id="radio-3438933896624363"
+ id="radio-8854244109417511"
name="Content"
/>
Hidden Label
@@ -20,4 +20,4 @@
Hidden Label
</DBRadio>
<DBRadio name="Content" variant="hidden">
Hidden Label
-</DBRadio>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/radio/code/Density.html b/review/fix-a11y-form-component-ids/components/radio/code/Density.html
index 48b3cb181fc..b47e8d01b5e 100644
--- a/review/fix-a11y-form-component-ids/components/radio/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/radio/code/Density.html
@@ -1,10 +1,10 @@
-
DB UI Mono<db-radio name="Density" value="functional">
+DB UI Mono<db-radio name="Density" value="functional">
Functional
-</db-radio>
<label class="db-radio" for="radio-32458626695026993">
+</db-radio>
<label class="db-radio" for="radio-8617408660510093">
<input
type="radio"
aria-invalid="false"
- id="radio-32458626695026993"
+ id="radio-8617408660510093"
name="Density"
value="functional"
/>
@@ -15,11 +15,11 @@
Functional
</DBRadio>
<db-radio name="Density" value="regular">
(Default) Regular
-</db-radio>
<label class="db-radio" for="radio-9752942687739263">
+</db-radio>
<label class="db-radio" for="radio-3813131989923393">
<input
type="radio"
aria-invalid="false"
- id="radio-9752942687739263"
+ id="radio-3813131989923393"
name="Density"
value="regular"
/>
@@ -30,11 +30,11 @@
(Default) Regular
</DBRadio>
<db-radio name="Density" value="expressive">
Expressive
-</db-radio>
<label class="db-radio" for="radio-3889538986383734">
+</db-radio>
<label class="db-radio" for="radio-14256329530673573">
<input
type="radio"
aria-invalid="false"
- id="radio-3889538986383734"
+ id="radio-14256329530673573"
name="Density"
value="expressive"
/>
@@ -43,4 +43,4 @@
Expressive
</DBRadio>
<DBRadio name="Density" value="expressive">
Expressive
-</DBRadio>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/radio/code/InteractionStates.html b/review/fix-a11y-form-component-ids/components/radio/code/InteractionStates.html
index 5999e1e7388..9afa0a1b29d 100644
--- a/review/fix-a11y-form-component-ids/components/radio/code/InteractionStates.html
+++ b/review/fix-a11y-form-component-ids/components/radio/code/InteractionStates.html
@@ -1,3 +1,3 @@
-
DB UI Mono<db-radio name="Interaction States">(Default) Enabled</db-radio>
undefined
<DBRadio name="Interaction States">(Default) Enabled</DBRadio>
<DBRadio name="Interaction States">(Default) Enabled</DBRadio>
<db-radio name="Interaction States" [disabled]="true">Disabled</db-radio>
undefined
<DBRadio name="Interaction States" disabled>
+DB UI Mono<db-radio name="Interaction States">(Default) Enabled</db-radio>
undefined
<DBRadio name="Interaction States">(Default) Enabled</DBRadio>
<DBRadio name="Interaction States">(Default) Enabled</DBRadio>
<db-radio name="Interaction States" [disabled]="true">Disabled</db-radio>
undefined
<DBRadio name="Interaction States" disabled>
Disabled
-</DBRadio>
<DBRadio name="Interaction States" :disabled="true">Disabled</DBRadio>
<DBRadio name="Interaction States" :disabled="true">Disabled</DBRadio>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/radio/code/Requirement.html b/review/fix-a11y-form-component-ids/components/radio/code/Requirement.html
index 98c2c1b3254..1698e0e0451 100644
--- a/review/fix-a11y-form-component-ids/components/radio/code/Requirement.html
+++ b/review/fix-a11y-form-component-ids/components/radio/code/Requirement.html
@@ -1,20 +1,20 @@
-
DB UI Mono<db-radio name="Requirement">(Default) Optional</db-radio>
<label class="db-radio" for="radio-9289338485456413">
+DB UI Mono<db-radio name="Requirement">(Default) Optional</db-radio>
<label class="db-radio" for="radio-9476045251507281">
<input
type="radio"
aria-invalid="false"
- id="radio-9289338485456413"
+ id="radio-9476045251507281"
name="Requirement"
/>
(Default) Optional
-</label>
<DBRadio name="Requirement">(Default) Optional</DBRadio>
<DBRadio name="Requirement">(Default) Optional</DBRadio>
<db-radio name="Requirement" [required]="true">Required</db-radio>
<label class="db-radio" for="radio-823801363232104">
+</label>
<DBRadio name="Requirement">(Default) Optional</DBRadio>
<DBRadio name="Requirement">(Default) Optional</DBRadio>
<db-radio name="Requirement" [required]="true">Required</db-radio>
<label class="db-radio" for="radio-31757322466385585">
<input
type="radio"
aria-invalid="false"
- id="radio-823801363232104"
+ id="radio-31757322466385585"
name="Requirement"
required=""
/>
Required
</label>
<DBRadio name="Requirement" required>
Required
-</DBRadio>
<DBRadio name="Requirement" :required="true">Required</DBRadio>
<DBRadio name="Requirement" :required="true">Required</DBRadio>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/radio/code/Size.html b/review/fix-a11y-form-component-ids/components/radio/code/Size.html
index e6a98a76e7d..928772db9c4 100644
--- a/review/fix-a11y-form-component-ids/components/radio/code/Size.html
+++ b/review/fix-a11y-form-component-ids/components/radio/code/Size.html
@@ -1,18 +1,18 @@
-
DB UI Mono<db-radio name="Size">(Default) Medium</db-radio>
<label class="db-radio" for="radio-560706376947707">
+DB UI Mono<db-radio name="Size">(Default) Medium</db-radio>
<label class="db-radio" for="radio-9874010314837296">
<input
type="radio"
aria-invalid="false"
- id="radio-560706376947707"
+ id="radio-9874010314837296"
name="Size"
/>
(Default) Medium
</label>
<DBRadio name="Size">(Default) Medium</DBRadio>
<DBRadio name="Size">(Default) Medium</DBRadio>
<db-radio name="Size" size="small">
Small
-</db-radio>
<label data-size="small" class="db-radio" for="radio-5452838083657185">
+</db-radio>
<label data-size="small" class="db-radio" for="radio-9095515701898707">
<input
type="radio"
aria-invalid="false"
- id="radio-5452838083657185"
+ id="radio-9095515701898707"
name="Size"
/>
Small
@@ -20,4 +20,4 @@
Small
</DBRadio>
<DBRadio name="Size" size="small">
Small
-</DBRadio>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/radio/code/States.html b/review/fix-a11y-form-component-ids/components/radio/code/States.html
index 22982cbe0b9..7379b0622c5 100644
--- a/review/fix-a11y-form-component-ids/components/radio/code/States.html
+++ b/review/fix-a11y-form-component-ids/components/radio/code/States.html
@@ -1,38 +1,38 @@
-
DB UI Mono<db-radio name="States">(Default) Unselected</db-radio>
<label class="db-radio" for="radio-976381071167236">
+DB UI Mono<db-radio name="States">(Default) Unselected</db-radio>
<label class="db-radio" for="radio-9880349231017589">
<input
type="radio"
aria-invalid="false"
- id="radio-976381071167236"
+ id="radio-9880349231017589"
name="States"
/>
(Default) Unselected
-</label>
<DBRadio name="States">(Default) Unselected</DBRadio>
<DBRadio name="States">(Default) Unselected</DBRadio>
<db-radio name="States Required" [required]="true">Unselected - Invalid</db-radio>
<label class="db-radio" for="radio-5251383840722246">
+</label>
<DBRadio name="States">(Default) Unselected</DBRadio>
<DBRadio name="States">(Default) Unselected</DBRadio>
<db-radio name="States Required" [required]="true">Unselected - Invalid</db-radio>
<label class="db-radio" for="radio-15561079580871384">
<input
type="radio"
aria-invalid="false"
- id="radio-5251383840722246"
+ id="radio-15561079580871384"
name="States Required"
required=""
/>
Unselected - Invalid
</label>
<DBRadio name="States Required" required>
Unselected - Invalid
-</DBRadio>
<DBRadio name="States Required" :required="true">Unselected - Invalid</DBRadio>
<db-radio name="States" [checked]="true">Selected</db-radio>
<label class="db-radio" for="radio-4129765136814283">
+</DBRadio>
<DBRadio name="States Required" :required="true">Unselected - Invalid</DBRadio>
<db-radio name="States" [checked]="true">Selected</db-radio>
<label class="db-radio" for="radio-2891828498073752">
<input
type="radio"
aria-invalid="false"
- id="radio-4129765136814283"
+ id="radio-2891828498073752"
name="States"
checked=""
/>
Selected
</label>
<DBRadio name="States" checked>
Selected
-</DBRadio>
<DBRadio name="States" :checked="true">Selected</DBRadio>
<db-radio name="States Required" [required]="true" [checked]="true">Selected - Valid</db-radio>
<label class="db-radio" for="radio-10109781763151315">
+</DBRadio>
<DBRadio name="States" :checked="true">Selected</DBRadio>
<db-radio name="States Required" [required]="true" [checked]="true">Selected - Valid</db-radio>
<label class="db-radio" for="radio-5307754176631923">
<input
type="radio"
aria-invalid="false"
- id="radio-10109781763151315"
+ id="radio-5307754176631923"
name="States Required"
required=""
checked=""
@@ -40,4 +40,4 @@
Selected - Valid
</label>
<DBRadio name="States Required" required checked>
Selected - Valid
-</DBRadio>
<DBRadio name="States Required" :required="true" :checked="true">Selected - Valid</DBRadio>
<DBRadio name="States Required" :required="true" :checked="true">Selected - Valid</DBRadio>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/radio/docs/Angular.html b/review/fix-a11y-form-component-ids/components/radio/docs/Angular.html
index 65841536c8c..965cecafbf2 100644
--- a/review/fix-a11y-form-component-ids/components/radio/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/radio/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -76,4 +76,4 @@
-
coming soon … if your interested in contributing, you're very welcome ;)
\ No newline at end of file
+
coming soon … if your interested in contributing, you're very welcome ;)
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/radio/docs/HTML.html b/review/fix-a11y-form-component-ids/components/radio/docs/HTML.html
index 892f9d795fc..7c0eb6261f3 100644
--- a/review/fix-a11y-form-component-ids/components/radio/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/radio/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -13,4 +13,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/radio/docs/Migration.html b/review/fix-a11y-form-component-ids/components/radio/docs/Migration.html
index cc3e9755d26..1b3aaab1393 100644
--- a/review/fix-a11y-form-component-ids/components/radio/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/radio/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
| Before | Status | After | Description |
|---|
elm-radio | 🔁 | db-radio | |
id
-| Before | Status | After | Description |
|---|
input_id | 🔁 | id | |
\ No newline at end of file
+
| Before | Status | After | Description |
|---|
input_id | 🔁 | id | |
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/radio/docs/React.html b/review/fix-a11y-form-component-ids/components/radio/docs/React.html
index 9202426642b..bb1008dab1a 100644
--- a/review/fix-a11y-form-component-ids/components/radio/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/radio/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -24,4 +24,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/radio/docs/Vue.html b/review/fix-a11y-form-component-ids/components/radio/docs/Vue.html
index 8a903ea7ffc..1dd336cf3ce 100644
--- a/review/fix-a11y-form-component-ids/components/radio/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/radio/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -23,4 +23,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/radio/how-to-use.html b/review/fix-a11y-form-component-ids/components/radio/how-to-use.html
index 7faabe64cb9..0dd071a00f4 100644
--- a/review/fix-a11y-form-component-ids/components/radio/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/radio/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/radio/migration.html b/review/fix-a11y-form-component-ids/components/radio/migration.html
index ed84d5001da..83cfeee519d 100644
--- a/review/fix-a11y-form-component-ids/components/radio/migration.html
+++ b/review/fix-a11y-form-component-ids/components/radio/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/radio/overview.html b/review/fix-a11y-form-component-ids/components/radio/overview.html
index 4dfab05c799..5e23f5bf4fb 100644
--- a/review/fix-a11y-form-component-ids/components/radio/overview.html
+++ b/review/fix-a11y-form-component-ids/components/radio/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/radio/properties.html b/review/fix-a11y-form-component-ids/components/radio/properties.html
index a6a7e0dc097..22565aa5d48 100644
--- a/review/fix-a11y-form-component-ids/components/radio/properties.html
+++ b/review/fix-a11y-form-component-ids/components/radio/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/readme.html b/review/fix-a11y-form-component-ids/components/readme.html
index 8b708e4e634..0c5e2bf466d 100644
--- a/review/fix-a11y-form-component-ids/components/readme.html
+++ b/review/fix-a11y-form-component-ids/components/readme.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/router-usage.html b/review/fix-a11y-form-component-ids/components/router-usage.html
index bfb1aba9720..c2737fde209 100644
--- a/review/fix-a11y-form-component-ids/components/router-usage.html
+++ b/review/fix-a11y-form-component-ids/components/router-usage.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/section.html b/review/fix-a11y-form-component-ids/components/section.html
index adb0303ece2..ee9f6cba7e5 100644
--- a/review/fix-a11y-form-component-ids/components/section.html
+++ b/review/fix-a11y-form-component-ids/components/section.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/section/code/Density.html b/review/fix-a11y-form-component-ids/components/section/code/Density.html
index 98e8a654c4c..d7dbf13ef28 100644
--- a/review/fix-a11y-form-component-ids/components/section/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/section/code/Density.html
@@ -1,7 +1,7 @@
-
DB UI Mono<db-section>Functional</db-section>
<section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
+DB UI Mono<db-section>Functional</db-section>
<section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
<div>Functional</div>
</section>
<DBSection>Functional</DBSection>
<DBSection>Functional</DBSection>
<db-section>(Default) Regular</db-section>
<section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
<div>(Default) Regular</div>
</section>
<DBSection>(Default) Regular</DBSection>
<DBSection>(Default) Regular</DBSection>
<db-section>Expressive</db-section>
<section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
<div>Expressive</div>
-</section>
<DBSection>Expressive</DBSection>
<DBSection>Expressive</DBSection>
<DBSection>Expressive</DBSection>
<DBSection>Expressive</DBSection>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/section/code/Size.html b/review/fix-a11y-form-component-ids/components/section/code/Size.html
index d4acbcdb491..9a5a1bf3afe 100644
--- a/review/fix-a11y-form-component-ids/components/section/code/Size.html
+++ b/review/fix-a11y-form-component-ids/components/section/code/Size.html
@@ -1,7 +1,7 @@
-
DB UI Mono<db-section>(Default) Medium</db-section>
<section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
+DB UI Mono<db-section>(Default) Medium</db-section>
<section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
<div>(Default) Medium</div>
</section>
<DBSection>(Default) Medium</DBSection>
<DBSection>(Default) Medium</DBSection>
<db-section size="large">Large</db-section>
<section id="OVERWRITE_DEFAULT_ID" data-size="large" class="db-section">
<div>Large</div>
</section>
<DBSection size="large">Large</DBSection>
<DBSection size="large">Large</DBSection>
<db-section size="small">Small</db-section>
<section id="OVERWRITE_DEFAULT_ID" data-size="small" class="db-section">
<div>Small</div>
-</section>
<DBSection size="small">Small</DBSection>
<DBSection size="small">Small</DBSection>
<DBSection size="small">Small</DBSection>
<DBSection size="small">Small</DBSection>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/section/code/Variant.html b/review/fix-a11y-form-component-ids/components/section/code/Variant.html
index c12e2cf26c5..87161e9c10e 100644
--- a/review/fix-a11y-form-component-ids/components/section/code/Variant.html
+++ b/review/fix-a11y-form-component-ids/components/section/code/Variant.html
@@ -1,7 +1,7 @@
-
DB UI Mono<db-section>(Default) Full</db-section>
<section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
+DB UI Mono<db-section>(Default) Full</db-section>
<section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
<div>(Default) Full</div>
</section>
<DBSection>(Default) Full</DBSection>
<DBSection>(Default) Full</DBSection>
<db-section variant="medium">Medium</db-section>
<section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
<div data-variant="medium">Medium</div>
</section>
<DBSection variant="medium">Medium</DBSection>
<DBSection variant="medium">Medium</DBSection>
<db-section variant="large">Large</db-section>
<section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
<div data-variant="large">Large</div>
-</section>
<DBSection variant="large">Large</DBSection>
<DBSection variant="large">Large</DBSection>
<DBSection variant="large">Large</DBSection>
<DBSection variant="large">Large</DBSection>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/section/docs/Angular.html b/review/fix-a11y-form-component-ids/components/section/docs/Angular.html
index cfe8d0e3416..8ef44d68abb 100644
--- a/review/fix-a11y-form-component-ids/components/section/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/section/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-section variant="full">Section</db-section>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/section/docs/HTML.html b/review/fix-a11y-form-component-ids/components/section/docs/HTML.html
index 58f82479bcc..a84a8a5d110 100644
--- a/review/fix-a11y-form-component-ids/components/section/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/section/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -8,4 +8,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/section/docs/Migration.html b/review/fix-a11y-form-component-ids/components/section/docs/Migration.html
index 538488f6103..7df2f04c409 100644
--- a/review/fix-a11y-form-component-ids/components/section/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/section/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/section/docs/React.html b/review/fix-a11y-form-component-ids/components/section/docs/React.html
index 9d885b4f717..d44bb08c3cd 100644
--- a/review/fix-a11y-form-component-ids/components/section/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/section/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -7,4 +7,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/section/docs/Vue.html b/review/fix-a11y-form-component-ids/components/section/docs/Vue.html
index c983e037b30..22ce66129cc 100644
--- a/review/fix-a11y-form-component-ids/components/section/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/section/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/section/how-to-use.html b/review/fix-a11y-form-component-ids/components/section/how-to-use.html
index 6e56264488e..a99d2883c91 100644
--- a/review/fix-a11y-form-component-ids/components/section/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/section/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/section/migration.html b/review/fix-a11y-form-component-ids/components/section/migration.html
index b19bf8a65e2..5012e8dcf97 100644
--- a/review/fix-a11y-form-component-ids/components/section/migration.html
+++ b/review/fix-a11y-form-component-ids/components/section/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/section/overview.html b/review/fix-a11y-form-component-ids/components/section/overview.html
index e7f9d78ab1c..35001c45a15 100644
--- a/review/fix-a11y-form-component-ids/components/section/overview.html
+++ b/review/fix-a11y-form-component-ids/components/section/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/section/properties.html b/review/fix-a11y-form-component-ids/components/section/properties.html
index 3b7d75c5eae..1c32f7761f9 100644
--- a/review/fix-a11y-form-component-ids/components/section/properties.html
+++ b/review/fix-a11y-form-component-ids/components/section/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/select.html b/review/fix-a11y-form-component-ids/components/select.html
index 5c4c7908437..22f02748365 100644
--- a/review/fix-a11y-form-component-ids/components/select.html
+++ b/review/fix-a11y-form-component-ids/components/select.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/select/code/Content.html b/review/fix-a11y-form-component-ids/components/select/code/Content.html
index c1d2ffe8fe3..5ef57054f7d 100644
--- a/review/fix-a11y-form-component-ids/components/select/code/Content.html
+++ b/review/fix-a11y-form-component-ids/components/select/code/Content.html
@@ -1,17 +1,17 @@
-
DB UI Mono<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Text</db-select>
<div class="db-select">
- <label for="select-3397326069641571">Label</label>
+DB UI Mono<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Text</db-select>
<div class="db-select">
+ <label for="select-03691159833991753">Label</label>
<select
aria-invalid="false"
- id="select-3397326069641571"
+ id="select-03691159833991753"
aria-describedby="none"
>
<option hidden=""></option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>(Default) Text
</select>
- <span id="select-3397326069641571-placeholder">Label</span>
+ <span id="select-03691159833991753-placeholder">Label</span>
<span
- id="select-3397326069641571-valid-message"
+ id="select-03691159833991753-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -19,7 +19,7 @@
TODO: Add a validMessage
</span>
<span
- id="select-3397326069641571-invalid-message"
+ id="select-03691159833991753-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -32,19 +32,19 @@
>
(Default) Text
</DBSelect>
<DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Text</DBSelect>
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" icon="x_placeholder">Text - Leading Icon</db-select>
<div class="db-select" data-icon="x_placeholder">
- <label for="select-9493689372013332">Label</label>
+ <label for="select-8264702949025209">Label</label>
<select
aria-invalid="false"
- id="select-9493689372013332"
+ id="select-8264702949025209"
aria-describedby="none"
>
<option hidden=""></option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>Text - Leading Icon
</select>
- <span id="select-9493689372013332-placeholder">Label</span>
+ <span id="select-8264702949025209-placeholder">Label</span>
<span
- id="select-9493689372013332-valid-message"
+ id="select-8264702949025209-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -52,7 +52,7 @@
TODO: Add a validMessage
</span>
<span
- id="select-9493689372013332-invalid-message"
+ id="select-8264702949025209-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -65,4 +65,4 @@
icon="x_placeholder"
>
Text - Leading Icon
-</DBSelect>
<DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" icon="x_placeholder">Text - Leading Icon</DBSelect>
<DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" icon="x_placeholder">Text - Leading Icon</DBSelect>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/select/code/Density.html b/review/fix-a11y-form-component-ids/components/select/code/Density.html
index e8e97b90b48..6f816a2c53d 100644
--- a/review/fix-a11y-form-component-ids/components/select/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/select/code/Density.html
@@ -1,17 +1,17 @@
-
DB UI Mono<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Functional</db-select>
<div class="db-select">
- <label for="select-1921560312703816">Label</label>
+DB UI Mono<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Functional</db-select>
<div class="db-select">
+ <label for="select-16321387354006456">Label</label>
<select
aria-invalid="false"
- id="select-1921560312703816"
+ id="select-16321387354006456"
aria-describedby="none"
>
<option hidden=""></option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>Functional
</select>
- <span id="select-1921560312703816-placeholder">Label</span>
+ <span id="select-16321387354006456-placeholder">Label</span>
<span
- id="select-1921560312703816-valid-message"
+ id="select-16321387354006456-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -19,7 +19,7 @@
TODO: Add a validMessage
</span>
<span
- id="select-1921560312703816-invalid-message"
+ id="select-16321387354006456-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -32,19 +32,19 @@
>
Functional
</DBSelect>
<DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Functional</DBSelect>
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Regular</db-select>
<div class="db-select">
- <label for="select-10159236341772448">Label</label>
+ <label for="select-5668465029573753">Label</label>
<select
aria-invalid="false"
- id="select-10159236341772448"
+ id="select-5668465029573753"
aria-describedby="none"
>
<option hidden=""></option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>(Default) Regular
</select>
- <span id="select-10159236341772448-placeholder">Label</span>
+ <span id="select-5668465029573753-placeholder">Label</span>
<span
- id="select-10159236341772448-valid-message"
+ id="select-5668465029573753-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -52,7 +52,7 @@
TODO: Add a validMessage
</span>
<span
- id="select-10159236341772448-invalid-message"
+ id="select-5668465029573753-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -65,19 +65,19 @@
>
(Default) Regular
</DBSelect>
<DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Regular</DBSelect>
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Expressive</db-select>
<div class="db-select">
- <label for="select-5009759950394752">Label</label>
+ <label for="select-001524753640817833">Label</label>
<select
aria-invalid="false"
- id="select-5009759950394752"
+ id="select-001524753640817833"
aria-describedby="none"
>
<option hidden=""></option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>Expressive
</select>
- <span id="select-5009759950394752-placeholder">Label</span>
+ <span id="select-001524753640817833-placeholder">Label</span>
<span
- id="select-5009759950394752-valid-message"
+ id="select-001524753640817833-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -85,7 +85,7 @@
TODO: Add a validMessage
</span>
<span
- id="select-5009759950394752-invalid-message"
+ id="select-001524753640817833-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -97,4 +97,4 @@
label="Label"
>
Expressive
-</DBSelect>
<DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Expressive</DBSelect>
<DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Expressive</DBSelect>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/select/code/Requirement.html b/review/fix-a11y-form-component-ids/components/select/code/Requirement.html
index e3ab8a1b978..007b911d543 100644
--- a/review/fix-a11y-form-component-ids/components/select/code/Requirement.html
+++ b/review/fix-a11y-form-component-ids/components/select/code/Requirement.html
@@ -1,17 +1,17 @@
-
DB UI Mono<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Optional</db-select>
<div class="db-select">
- <label for="select-4973110924340236">Label</label>
+DB UI Mono<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Optional</db-select>
<div class="db-select">
+ <label for="select-9613996373978071">Label</label>
<select
aria-invalid="false"
- id="select-4973110924340236"
+ id="select-9613996373978071"
aria-describedby="none"
>
<option hidden=""></option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>(Default) Optional
</select>
- <span id="select-4973110924340236-placeholder">Label</span>
+ <span id="select-9613996373978071-placeholder">Label</span>
<span
- id="select-4973110924340236-valid-message"
+ id="select-9613996373978071-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -19,7 +19,7 @@
TODO: Add a validMessage
</span>
<span
- id="select-4973110924340236-invalid-message"
+ id="select-9613996373978071-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -32,20 +32,20 @@
>
(Default) Optional
</DBSelect>
<DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Optional</DBSelect>
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" [required]="true">Required</db-select>
<div class="db-select">
- <label for="select-5911681374900803">Label</label>
+ <label for="select-9948178229702005">Label</label>
<select
aria-invalid="false"
required=""
- id="select-5911681374900803"
+ id="select-9948178229702005"
aria-describedby="none"
>
<option hidden=""></option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>Required
</select>
- <span id="select-5911681374900803-placeholder">Label</span>
+ <span id="select-9948178229702005-placeholder">Label</span>
<span
- id="select-5911681374900803-valid-message"
+ id="select-9948178229702005-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -53,7 +53,7 @@
TODO: Add a validMessage
</span>
<span
- id="select-5911681374900803-invalid-message"
+ id="select-9948178229702005-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -66,4 +66,4 @@
required
>
Required
-</DBSelect>
<DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" :required="true">Required</DBSelect>
<DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" :required="true">Required</DBSelect>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/select/code/StatesFloatingLabel.html b/review/fix-a11y-form-component-ids/components/select/code/StatesFloatingLabel.html
index e5318672e8a..1287a45ee26 100644
--- a/review/fix-a11y-form-component-ids/components/select/code/StatesFloatingLabel.html
+++ b/review/fix-a11y-form-component-ids/components/select/code/StatesFloatingLabel.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="floating">(Default) Empty</db-select>
undefined
<DBSelect
+DB UI Mono<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="floating">(Default) Empty</db-select>
undefined
<DBSelect
options={[{ value: "Option 1" }, { value: "Option 2" }]}
label="Label"
variant="floating"
@@ -19,4 +19,4 @@
value="Disabled"
>
Disabled
-</DBSelect>
<DBSelect :options="[{'value':'Disabled'},{'value':'Option 2'}]" label="Label" :disabled="true" variant="floating" value="Disabled">Disabled</DBSelect>
<DBSelect :options="[{'value':'Disabled'},{'value':'Option 2'}]" label="Label" :disabled="true" variant="floating" value="Disabled">Disabled</DBSelect>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/select/code/StatesLabelAbove.html b/review/fix-a11y-form-component-ids/components/select/code/StatesLabelAbove.html
index 2f7d1076740..e0b9dc6f2cd 100644
--- a/review/fix-a11y-form-component-ids/components/select/code/StatesLabelAbove.html
+++ b/review/fix-a11y-form-component-ids/components/select/code/StatesLabelAbove.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Empty</db-select>
undefined
<DBSelect
+DB UI Mono<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Empty</db-select>
undefined
<DBSelect
options={[{ value: "Option 1" }, { value: "Option 2" }]}
label="Label"
>
@@ -15,4 +15,4 @@
disabled
>
Disabled
-</DBSelect>
<DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" :disabled="true">Disabled</DBSelect>
<DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" :disabled="true">Disabled</DBSelect>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/select/code/VariantHelperMessage.html b/review/fix-a11y-form-component-ids/components/select/code/VariantHelperMessage.html
index eaba0253a35..5f4b7f93aee 100644
--- a/review/fix-a11y-form-component-ids/components/select/code/VariantHelperMessage.html
+++ b/review/fix-a11y-form-component-ids/components/select/code/VariantHelperMessage.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Basic</db-select>
undefined
<DBSelect
+DB UI Mono<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Basic</db-select>
undefined
<DBSelect
options={[{ value: "Option 1" }, { value: "Option 2" }]}
label="Label"
>
@@ -9,4 +9,4 @@
message="Helper Message"
>
Helper Message
-</DBSelect>
<DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">Helper Message</DBSelect>
<DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">Helper Message</DBSelect>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/select/code/VariantLabel.html b/review/fix-a11y-form-component-ids/components/select/code/VariantLabel.html
index b31797b4785..17b7d05c3f3 100644
--- a/review/fix-a11y-form-component-ids/components/select/code/VariantLabel.html
+++ b/review/fix-a11y-form-component-ids/components/select/code/VariantLabel.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Label Above</db-select>
undefined
<DBSelect
+DB UI Mono<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Label Above</db-select>
undefined
<DBSelect
options={[{ value: "Option 1" }, { value: "Option 2" }]}
label="Label"
>
@@ -16,4 +16,4 @@
variant="hidden"
>
Hidden Label
-</DBSelect>
<DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="hidden">Hidden Label</DBSelect>
<DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="hidden">Hidden Label</DBSelect>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/select/docs/Angular.html b/review/fix-a11y-form-component-ids/components/select/docs/Angular.html
index df0ee52e8aa..e12eea31a9f 100644
--- a/review/fix-a11y-form-component-ids/components/select/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/select/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -17,4 +17,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/select/docs/HTML.html b/review/fix-a11y-form-component-ids/components/select/docs/HTML.html
index 5bc9d7b8273..0b7dcc97082 100644
--- a/review/fix-a11y-form-component-ids/components/select/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/select/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -12,4 +12,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/select/docs/Migration.html b/review/fix-a11y-form-component-ids/components/select/docs/Migration.html
index da42bd9a388..2b1b238c21a 100644
--- a/review/fix-a11y-form-component-ids/components/select/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/select/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
| Before | Status | After | Description |
|---|
elm-select | 🔁 | db-select | |
select
-| Before | Status | After | Description |
|---|
multiple | ❌ | | We removed this attribute for now, there are no valid designs for this use case. |
size | ❌ | | We removed this attribute for now, there are no valid designs for this use case. |
\ No newline at end of file
+
| Before | Status | After | Description |
|---|
multiple | ❌ | | We removed this attribute for now, there are no valid designs for this use case. |
size | ❌ | | We removed this attribute for now, there are no valid designs for this use case. |
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/select/docs/React.html b/review/fix-a11y-form-component-ids/components/select/docs/React.html
index 627e95ae6c0..6d03558ea4b 100644
--- a/review/fix-a11y-form-component-ids/components/select/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/select/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -12,4 +12,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/select/docs/Vue.html b/review/fix-a11y-form-component-ids/components/select/docs/Vue.html
index 63a65a4aca9..57db4e8517e 100644
--- a/review/fix-a11y-form-component-ids/components/select/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/select/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -12,4 +12,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/select/how-to-use.html b/review/fix-a11y-form-component-ids/components/select/how-to-use.html
index f188f602540..001206c8655 100644
--- a/review/fix-a11y-form-component-ids/components/select/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/select/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/select/migration.html b/review/fix-a11y-form-component-ids/components/select/migration.html
index 37aafa3cf9d..1dfc8908851 100644
--- a/review/fix-a11y-form-component-ids/components/select/migration.html
+++ b/review/fix-a11y-form-component-ids/components/select/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/select/overview.html b/review/fix-a11y-form-component-ids/components/select/overview.html
index 7c2cb66ddf9..a4283f2fd19 100644
--- a/review/fix-a11y-form-component-ids/components/select/overview.html
+++ b/review/fix-a11y-form-component-ids/components/select/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/select/properties.html b/review/fix-a11y-form-component-ids/components/select/properties.html
index 25136f7e028..baf77931ae0 100644
--- a/review/fix-a11y-form-component-ids/components/select/properties.html
+++ b/review/fix-a11y-form-component-ids/components/select/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/switch.html b/review/fix-a11y-form-component-ids/components/switch.html
index d790d35031c..4b2c2085619 100644
--- a/review/fix-a11y-form-component-ids/components/switch.html
+++ b/review/fix-a11y-form-component-ids/components/switch.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/switch/code/Content.html b/review/fix-a11y-form-component-ids/components/switch/code/Content.html
index ce99c0bffde..ca3c27ec538 100644
--- a/review/fix-a11y-form-component-ids/components/switch/code/Content.html
+++ b/review/fix-a11y-form-component-ids/components/switch/code/Content.html
@@ -1,17 +1,17 @@
-
DB UI Mono<db-switch>(Def) Label</db-switch>
<label for="switch-39326547422211955" class="db-switch">
+DB UI Mono<db-switch>(Def) Label</db-switch>
<label for="switch-8667201710833121" class="db-switch">
<input
type="checkbox"
role="switch"
- id="switch-39326547422211955"
+ id="switch-8667201710833121"
aria-invalid="false"
/>
(Def) Label
-</label>
<DBSwitch>(Def) Label</DBSwitch>
<DBSwitch>(Def) Label</DBSwitch>
<db-switch variant="hidden">No Label</db-switch>
<label data-variant="hidden" for="switch-9762554857753878" class="db-switch">
+</label>
<DBSwitch>(Def) Label</DBSwitch>
<DBSwitch>(Def) Label</DBSwitch>
<db-switch variant="hidden">No Label</db-switch>
<label data-variant="hidden" for="switch-2148934244100238" class="db-switch">
<input
type="checkbox"
role="switch"
- id="switch-9762554857753878"
+ id="switch-2148934244100238"
aria-invalid="false"
/>
No Label
-</label>
<DBSwitch variant="hidden">No Label</DBSwitch>
<DBSwitch variant="hidden">No Label</DBSwitch>
<DBSwitch variant="hidden">No Label</DBSwitch>
<DBSwitch variant="hidden">No Label</DBSwitch>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/switch/code/Density.html b/review/fix-a11y-form-component-ids/components/switch/code/Density.html
index f3b7e1aefdc..03294125eaf 100644
--- a/review/fix-a11y-form-component-ids/components/switch/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/switch/code/Density.html
@@ -1,25 +1,25 @@
-
DB UI Mono<db-switch>functional</db-switch>
<label for="switch-03730607666619368" class="db-switch">
+DB UI Mono<db-switch>functional</db-switch>
<label for="switch-3191387512990984" class="db-switch">
<input
type="checkbox"
role="switch"
- id="switch-03730607666619368"
+ id="switch-3191387512990984"
aria-invalid="false"
/>
functional
-</label>
<DBSwitch>functional</DBSwitch>
<DBSwitch>functional</DBSwitch>
<db-switch>regular (Default)</db-switch>
<label for="switch-395369315846019" class="db-switch">
+</label>
<DBSwitch>functional</DBSwitch>
<DBSwitch>functional</DBSwitch>
<db-switch>regular (Default)</db-switch>
<label for="switch-19902444620376025" class="db-switch">
<input
type="checkbox"
role="switch"
- id="switch-395369315846019"
+ id="switch-19902444620376025"
aria-invalid="false"
/>
regular (Default)
-</label>
<DBSwitch>regular (Default)</DBSwitch>
<DBSwitch>regular (Default)</DBSwitch>
<db-switch>expressive</db-switch>
<label for="switch-2824132614587318" class="db-switch">
+</label>
<DBSwitch>regular (Default)</DBSwitch>
<DBSwitch>regular (Default)</DBSwitch>
<db-switch>expressive</db-switch>
<label for="switch-7581545865797152" class="db-switch">
<input
type="checkbox"
role="switch"
- id="switch-2824132614587318"
+ id="switch-7581545865797152"
aria-invalid="false"
/>
expressive
-</label>
<DBSwitch>expressive</DBSwitch>
<DBSwitch>expressive</DBSwitch>
<DBSwitch>expressive</DBSwitch>
<DBSwitch>expressive</DBSwitch>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/switch/code/Emphasis.html b/review/fix-a11y-form-component-ids/components/switch/code/Emphasis.html
index 6c96d32859a..f040d3b6cd8 100644
--- a/review/fix-a11y-form-component-ids/components/switch/code/Emphasis.html
+++ b/review/fix-a11y-form-component-ids/components/switch/code/Emphasis.html
@@ -1,39 +1,39 @@
-
DB UI Mono<db-switch emphasis="weak">(Def) Weak + unchecked</db-switch>
<label data-emphasis="weak" for="switch-4199558075785552" class="db-switch">
+DB UI Mono<db-switch emphasis="weak">(Def) Weak + unchecked</db-switch>
<label data-emphasis="weak" for="switch-09874474324311389" class="db-switch">
<input
type="checkbox"
role="switch"
- id="switch-4199558075785552"
+ id="switch-09874474324311389"
aria-invalid="false"
/>
(Def) Weak + unchecked
-</label>
<DBSwitch emphasis="weak">(Def) Weak + unchecked</DBSwitch>
<DBSwitch emphasis="weak">(Def) Weak + unchecked</DBSwitch>
<db-switch emphasis="strong">Strong + unchecked</db-switch>
<label data-emphasis="strong" for="switch-6638563987800925" class="db-switch">
+</label>
<DBSwitch emphasis="weak">(Def) Weak + unchecked</DBSwitch>
<DBSwitch emphasis="weak">(Def) Weak + unchecked</DBSwitch>
<db-switch emphasis="strong">Strong + unchecked</db-switch>
<label data-emphasis="strong" for="switch-23164854037297622" class="db-switch">
<input
type="checkbox"
role="switch"
- id="switch-6638563987800925"
+ id="switch-23164854037297622"
aria-invalid="false"
/>
Strong + unchecked
-</label>
<DBSwitch emphasis="strong">Strong + unchecked</DBSwitch>
<DBSwitch emphasis="strong">Strong + unchecked</DBSwitch>
<db-switch emphasis="weak" [checked]="true">(Def) Weak + checked</db-switch>
<label data-emphasis="weak" for="switch-46122356708401213" class="db-switch">
+</label>
<DBSwitch emphasis="strong">Strong + unchecked</DBSwitch>
<DBSwitch emphasis="strong">Strong + unchecked</DBSwitch>
<db-switch emphasis="weak" [checked]="true">(Def) Weak + checked</db-switch>
<label data-emphasis="weak" for="switch-4581462551196285" class="db-switch">
<input
type="checkbox"
role="switch"
- id="switch-46122356708401213"
+ id="switch-4581462551196285"
aria-invalid="false"
checked=""
/>
(Def) Weak + checked
</label>
<DBSwitch emphasis="weak" checked>
(Def) Weak + checked
-</DBSwitch>
<DBSwitch emphasis="weak" :checked="true">(Def) Weak + checked</DBSwitch>
<db-switch emphasis="strong" [checked]="true">Strong + checked</db-switch>
<label data-emphasis="strong" for="switch-701631000495982" class="db-switch">
+</DBSwitch>
<DBSwitch emphasis="weak" :checked="true">(Def) Weak + checked</DBSwitch>
<db-switch emphasis="strong" [checked]="true">Strong + checked</db-switch>
<label data-emphasis="strong" for="switch-7463682820482076" class="db-switch">
<input
type="checkbox"
role="switch"
- id="switch-701631000495982"
+ id="switch-7463682820482076"
aria-invalid="false"
checked=""
/>
Strong + checked
</label>
<DBSwitch emphasis="strong" checked>
Strong + checked
-</DBSwitch>
<DBSwitch emphasis="strong" :checked="true">Strong + checked</DBSwitch>
<DBSwitch emphasis="strong" :checked="true">Strong + checked</DBSwitch>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/switch/code/Examples.html b/review/fix-a11y-form-component-ids/components/switch/code/Examples.html
index 10f0dd25f85..75f6dcc21c6 100644
--- a/review/fix-a11y-form-component-ids/components/switch/code/Examples.html
+++ b/review/fix-a11y-form-component-ids/components/switch/code/Examples.html
@@ -1,8 +1,8 @@
-
DB UI Mono<db-switch [visualAid]="true" icon="night" iconAfter="day">Custom Icons</db-switch>
<label data-visual-aid="true" for="switch-45205878419207335" class="db-switch">
+DB UI Mono<db-switch [visualAid]="true" icon="night" iconAfter="day">Custom Icons</db-switch>
<label data-visual-aid="true" for="switch-2512340148436236" class="db-switch">
<input
type="checkbox"
role="switch"
- id="switch-45205878419207335"
+ id="switch-2512340148436236"
aria-invalid="false"
data-aid-icon="night"
data-aid-icon-after="day"
@@ -13,13 +13,13 @@
</DBSwitch>
<DBSwitch :visualAid="true" icon="night" iconAfter="day">Custom Icons</DBSwitch>
<db-switch [visualAid]="true" icon="lock_closed" iconAfter="lock_open" emphasis="strong">Custom Icons+ Emphasis</db-switch>
<label
data-visual-aid="true"
data-emphasis="strong"
- for="switch-8654767684026394"
+ for="switch-17692367457763125"
class="db-switch"
>
<input
type="checkbox"
role="switch"
- id="switch-8654767684026394"
+ id="switch-17692367457763125"
aria-invalid="false"
data-aid-icon="lock_closed"
data-aid-icon-after="lock_open"
@@ -27,4 +27,4 @@
Custom Icons+ Emphasis
</label>
<DBSwitch visualAid icon="lock_closed" iconAfter="lock_open" emphasis="strong">
Custom Icons+ Emphasis
-</DBSwitch>
<DBSwitch :visualAid="true" icon="lock_closed" iconAfter="lock_open" emphasis="strong">Custom Icons+ Emphasis</DBSwitch>
<DBSwitch :visualAid="true" icon="lock_closed" iconAfter="lock_open" emphasis="strong">Custom Icons+ Emphasis</DBSwitch>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/switch/code/Size.html b/review/fix-a11y-form-component-ids/components/switch/code/Size.html
index ef8ecf36b49..2bdd9945ac3 100644
--- a/review/fix-a11y-form-component-ids/components/switch/code/Size.html
+++ b/review/fix-a11y-form-component-ids/components/switch/code/Size.html
@@ -1,17 +1,17 @@
-
DB UI Mono<db-switch>(Def) Medium</db-switch>
<label for="switch-5513543694984844" class="db-switch">
+DB UI Mono<db-switch>(Def) Medium</db-switch>
<label for="switch-2781329112024833" class="db-switch">
<input
type="checkbox"
role="switch"
- id="switch-5513543694984844"
+ id="switch-2781329112024833"
aria-invalid="false"
/>
(Def) Medium
-</label>
<DBSwitch>(Def) Medium</DBSwitch>
<DBSwitch>(Def) Medium</DBSwitch>
<db-switch size="small">Small</db-switch>
<label data-size="small" for="switch-05761416365951866" class="db-switch">
+</label>
<DBSwitch>(Def) Medium</DBSwitch>
<DBSwitch>(Def) Medium</DBSwitch>
<db-switch size="small">Small</db-switch>
<label data-size="small" for="switch-34414543965678157" class="db-switch">
<input
type="checkbox"
role="switch"
- id="switch-05761416365951866"
+ id="switch-34414543965678157"
aria-invalid="false"
/>
Small
-</label>
<DBSwitch size="small">Small</DBSwitch>
<DBSwitch size="small">Small</DBSwitch>
<DBSwitch size="small">Small</DBSwitch>
<DBSwitch size="small">Small</DBSwitch>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/switch/code/States.html b/review/fix-a11y-form-component-ids/components/switch/code/States.html
index 3c6ffff5ca1..78a5abde639 100644
--- a/review/fix-a11y-form-component-ids/components/switch/code/States.html
+++ b/review/fix-a11y-form-component-ids/components/switch/code/States.html
@@ -1,27 +1,27 @@
-
DB UI Mono<db-switch>(Def) Enabled</db-switch>
<label for="switch-8796638009578364" class="db-switch">
+DB UI Mono<db-switch>(Def) Enabled</db-switch>
<label for="switch-10023569003599264" class="db-switch">
<input
type="checkbox"
role="switch"
- id="switch-8796638009578364"
+ id="switch-10023569003599264"
aria-invalid="false"
/>
(Def) Enabled
-</label>
<DBSwitch>(Def) Enabled</DBSwitch>
<DBSwitch>(Def) Enabled</DBSwitch>
<db-switch [checked]="true">Checked</db-switch>
<label for="switch-08340534388799026" class="db-switch">
+</label>
<DBSwitch>(Def) Enabled</DBSwitch>
<DBSwitch>(Def) Enabled</DBSwitch>
<db-switch [checked]="true">Checked</db-switch>
<label for="switch-026202185563554803" class="db-switch">
<input
type="checkbox"
role="switch"
- id="switch-08340534388799026"
+ id="switch-026202185563554803"
aria-invalid="false"
checked=""
/>
Checked
-</label>
<DBSwitch checked>Checked</DBSwitch>
<DBSwitch :checked="true">Checked</DBSwitch>
<db-switch [disabled]="true">Disabled</db-switch>
<label for="switch-8571779947302967" class="db-switch">
+</label>
<DBSwitch checked>Checked</DBSwitch>
<DBSwitch :checked="true">Checked</DBSwitch>
<db-switch [disabled]="true">Disabled</db-switch>
<label for="switch-9316831760204565" class="db-switch">
<input
type="checkbox"
role="switch"
- id="switch-8571779947302967"
+ id="switch-9316831760204565"
disabled=""
aria-invalid="false"
/>
Disabled
-</label>
<DBSwitch disabled>Disabled</DBSwitch>
<DBSwitch :disabled="true">Disabled</DBSwitch>
<DBSwitch disabled>Disabled</DBSwitch>
<DBSwitch :disabled="true">Disabled</DBSwitch>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/switch/code/VisualAid.html b/review/fix-a11y-form-component-ids/components/switch/code/VisualAid.html
index 2afa47a5b4e..254eeb30598 100644
--- a/review/fix-a11y-form-component-ids/components/switch/code/VisualAid.html
+++ b/review/fix-a11y-form-component-ids/components/switch/code/VisualAid.html
@@ -1,5 +1,5 @@
-
DB UI Mono<db-switch [visualAid]="false">(Def) No Visual Aid + unchecked</db-switch>
undefined
<DBSwitch visualAid>(Def) No Visual Aid + unchecked</DBSwitch>
<DBSwitch :visualAid="false">(Def) No Visual Aid + unchecked</DBSwitch>
<db-switch [visualAid]="true">Visual Aid + unchecked</db-switch>
undefined
<DBSwitch visualAid>Visual Aid + unchecked</DBSwitch>
<DBSwitch :visualAid="true">Visual Aid + unchecked</DBSwitch>
<db-switch [visualAid]="false" [checked]="true">(Def) No Visual Aid + checked</db-switch>
undefined
<DBSwitch visualAid checked>
+DB UI Mono<db-switch [visualAid]="false">(Def) No Visual Aid + unchecked</db-switch>
undefined
<DBSwitch visualAid>(Def) No Visual Aid + unchecked</DBSwitch>
<DBSwitch :visualAid="false">(Def) No Visual Aid + unchecked</DBSwitch>
<db-switch [visualAid]="true">Visual Aid + unchecked</db-switch>
undefined
<DBSwitch visualAid>Visual Aid + unchecked</DBSwitch>
<DBSwitch :visualAid="true">Visual Aid + unchecked</DBSwitch>
<db-switch [visualAid]="false" [checked]="true">(Def) No Visual Aid + checked</db-switch>
undefined
<DBSwitch visualAid checked>
(Def) No Visual Aid + checked
</DBSwitch>
<DBSwitch :visualAid="false" :checked="true">(Def) No Visual Aid + checked</DBSwitch>
<db-switch [visualAid]="true" [checked]="true">Visual Aid + checked</db-switch>
undefined
<DBSwitch visualAid checked>
Visual Aid + checked
-</DBSwitch>
<DBSwitch :visualAid="true" :checked="true">Visual Aid + checked</DBSwitch>
<DBSwitch :visualAid="true" :checked="true">Visual Aid + checked</DBSwitch>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/switch/docs/Angular.html b/review/fix-a11y-form-component-ids/components/switch/docs/Angular.html
index e9ff5f0015a..b6cd08403d5 100644
--- a/review/fix-a11y-form-component-ids/components/switch/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/switch/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-switch>Switch</db-switch>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/switch/docs/HTML.html b/review/fix-a11y-form-component-ids/components/switch/docs/HTML.html
index 3f198bd8bc9..229087575e1 100644
--- a/review/fix-a11y-form-component-ids/components/switch/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/switch/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/switch/docs/Migration.html b/review/fix-a11y-form-component-ids/components/switch/docs/Migration.html
index d174c4cc778..71114c281d9 100644
--- a/review/fix-a11y-form-component-ids/components/switch/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/switch/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
| Before | Status | After | Description |
|---|
elm-toggle | 🔁 | db-switch | |
id
-| Before | Status | After | Description |
|---|
htmlid | 🔁 | id | |
\ No newline at end of file
+
| Before | Status | After | Description |
|---|
htmlid | 🔁 | id | |
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/switch/docs/React.html b/review/fix-a11y-form-component-ids/components/switch/docs/React.html
index 00b464cff6e..a50c7660f35 100644
--- a/review/fix-a11y-form-component-ids/components/switch/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/switch/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -7,4 +7,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/switch/docs/Vue.html b/review/fix-a11y-form-component-ids/components/switch/docs/Vue.html
index 1f8516409d3..90e3b33b9c5 100644
--- a/review/fix-a11y-form-component-ids/components/switch/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/switch/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/switch/how-to-use.html b/review/fix-a11y-form-component-ids/components/switch/how-to-use.html
index 45b9c983a95..3ce3af9575e 100644
--- a/review/fix-a11y-form-component-ids/components/switch/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/switch/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/switch/migration.html b/review/fix-a11y-form-component-ids/components/switch/migration.html
index c19cb7930a5..5626325e5b1 100644
--- a/review/fix-a11y-form-component-ids/components/switch/migration.html
+++ b/review/fix-a11y-form-component-ids/components/switch/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/switch/overview.html b/review/fix-a11y-form-component-ids/components/switch/overview.html
index f8976a72d78..03d5ccc3701 100644
--- a/review/fix-a11y-form-component-ids/components/switch/overview.html
+++ b/review/fix-a11y-form-component-ids/components/switch/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/switch/properties.html b/review/fix-a11y-form-component-ids/components/switch/properties.html
index 100ebf6b2a4..84bbf61db51 100644
--- a/review/fix-a11y-form-component-ids/components/switch/properties.html
+++ b/review/fix-a11y-form-component-ids/components/switch/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-item.html b/review/fix-a11y-form-component-ids/components/tab-item.html
index 172f07132b6..e5997f8ea4e 100644
--- a/review/fix-a11y-form-component-ids/components/tab-item.html
+++ b/review/fix-a11y-form-component-ids/components/tab-item.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-item/code/Behaviour.html b/review/fix-a11y-form-component-ids/components/tab-item/code/Behaviour.html
index 7a993fe9665..69f228ffaf7 100644
--- a/review/fix-a11y-form-component-ids/components/tab-item/code/Behaviour.html
+++ b/review/fix-a11y-form-component-ids/components/tab-item/code/Behaviour.html
@@ -1,7 +1,7 @@
-
DB UI Mono<db-tab-item label="(Default) Auto Width">(Default) Auto Width</db-tab-item>
<li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>(Default) Auto Width<!-- -->(Default) Auto Width</label></li>
<DBTabItem label="(Default) Auto Width">(Default) Auto Width</DBTabItem>
<DBTabItem label="(Default) Auto Width">(Default) Auto Width</DBTabItem>
<db-tab-item label="Width full" width="full">
+DB UI Mono<db-tab-item label="(Default) Auto Width">(Default) Auto Width</db-tab-item>
<li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>(Default) Auto Width<!-- -->(Default) Auto Width</label></li>
<DBTabItem label="(Default) Auto Width">(Default) Auto Width</DBTabItem>
<DBTabItem label="(Default) Auto Width">(Default) Auto Width</DBTabItem>
<db-tab-item label="Width full" width="full">
Width full
</db-tab-item>
<li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>Width full<!-- -->Width full</label></li>
<DBTabItem label="Width full" width="full">
Width full
</DBTabItem>
<DBTabItem label="Width full" width="full">
Width full
-</DBTabItem>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-item/code/Content.html b/review/fix-a11y-form-component-ids/components/tab-item/code/Content.html
index 61998a2e455..a691a90a5a1 100644
--- a/review/fix-a11y-form-component-ids/components/tab-item/code/Content.html
+++ b/review/fix-a11y-form-component-ids/components/tab-item/code/Content.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-tab-item label="(Default) Text">(Default) Text</db-tab-item>
<li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>(Default) Text<!-- -->(Default) Text</label></li>
<DBTabItem label="(Default) Text">(Default) Text</DBTabItem>
<DBTabItem label="(Default) Text">(Default) Text</DBTabItem>
<db-tab-item label="Text - Icon (Leading)" icon="x_placeholder">
+DB UI Mono<db-tab-item label="(Default) Text">(Default) Text</db-tab-item>
<li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>(Default) Text<!-- -->(Default) Text</label></li>
<DBTabItem label="(Default) Text">(Default) Text</DBTabItem>
<DBTabItem label="(Default) Text">(Default) Text</DBTabItem>
<db-tab-item label="Text - Icon (Leading)" icon="x_placeholder">
Text - Icon (Leading)
</db-tab-item>
<li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID" data-icon="x_placeholder"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>Text - Icon (Leading)<!-- -->Text - Icon (Leading)</label></li>
<DBTabItem label="Text - Icon (Leading)" icon="x_placeholder">
Text - Icon (Leading)
@@ -21,4 +21,4 @@
</label>
</li>
<DBTabItem icon="x_placeholder" noText>
Icon
-</DBTabItem>
<DBTabItem icon="x_placeholder" :noText="true">Icon</DBTabItem>
<DBTabItem icon="x_placeholder" :noText="true">Icon</DBTabItem>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-item/code/ContentAlignmentFullWidth.html b/review/fix-a11y-form-component-ids/components/tab-item/code/ContentAlignmentFullWidth.html
index 756af93bd1c..c64f39e86f1 100644
--- a/review/fix-a11y-form-component-ids/components/tab-item/code/ContentAlignmentFullWidth.html
+++ b/review/fix-a11y-form-component-ids/components/tab-item/code/ContentAlignmentFullWidth.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-tab-item label="Left" width="full">
+DB UI Mono<db-tab-item label="Left" width="full">
Left
</db-tab-item>
undefined
<DBTabItem label="Left" width="full">
Left
@@ -10,4 +10,4 @@
Centered
</DBTabItem>
<DBTabItem label="Centered" width="full" alignment="center">
Centered
-</DBTabItem>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-item/code/Density.html b/review/fix-a11y-form-component-ids/components/tab-item/code/Density.html
index f94633cf83e..26642e3a2df 100644
--- a/review/fix-a11y-form-component-ids/components/tab-item/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/tab-item/code/Density.html
@@ -1 +1 @@
-
DB UI Mono<db-tab-item label="functional">Functional</db-tab-item>
<li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>functional<!-- -->Functional</label></li>
<DBTabItem label="functional">Functional</DBTabItem>
<DBTabItem label="functional">Functional</DBTabItem>
<db-tab-item label="(Default) Regular">(Default) Regular</db-tab-item>
<li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>(Default) Regular<!-- -->(Default) Regular</label></li>
<DBTabItem label="(Default) Regular">(Default) Regular</DBTabItem>
<DBTabItem label="(Default) Regular">(Default) Regular</DBTabItem>
<db-tab-item label="expressive">Expressive</db-tab-item>
<li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>expressive<!-- -->Expressive</label></li>
<DBTabItem label="expressive">Expressive</DBTabItem>
<DBTabItem label="expressive">Expressive</DBTabItem>
\ No newline at end of file
+
DB UI Mono<db-tab-item label="functional">Functional</db-tab-item>
<li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>functional<!-- -->Functional</label></li>
<DBTabItem label="functional">Functional</DBTabItem>
<DBTabItem label="functional">Functional</DBTabItem>
<db-tab-item label="(Default) Regular">(Default) Regular</db-tab-item>
<li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>(Default) Regular<!-- -->(Default) Regular</label></li>
<DBTabItem label="(Default) Regular">(Default) Regular</DBTabItem>
<DBTabItem label="(Default) Regular">(Default) Regular</DBTabItem>
<db-tab-item label="expressive">Expressive</db-tab-item>
<li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>expressive<!-- -->Expressive</label></li>
<DBTabItem label="expressive">Expressive</DBTabItem>
<DBTabItem label="expressive">Expressive</DBTabItem>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-item/code/States.html b/review/fix-a11y-form-component-ids/components/tab-item/code/States.html
index aab6019f07c..497578d8c24 100644
--- a/review/fix-a11y-form-component-ids/components/tab-item/code/States.html
+++ b/review/fix-a11y-form-component-ids/components/tab-item/code/States.html
@@ -1,5 +1,5 @@
-
DB UI Mono<db-tab-item label="(Default) Enabled">(Default) Enabled</db-tab-item>
<li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>(Default) Enabled<!-- -->(Default) Enabled</label></li>
<DBTabItem label="(Default) Enabled">(Default) Enabled</DBTabItem>
<DBTabItem label="(Default) Enabled">(Default) Enabled</DBTabItem>
<db-tab-item label="active" [active]="true">active</db-tab-item>
<li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>active<!-- -->active</label></li>
<DBTabItem label="active" active>
+DB UI Mono<db-tab-item label="(Default) Enabled">(Default) Enabled</db-tab-item>
<li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>(Default) Enabled<!-- -->(Default) Enabled</label></li>
<DBTabItem label="(Default) Enabled">(Default) Enabled</DBTabItem>
<DBTabItem label="(Default) Enabled">(Default) Enabled</DBTabItem>
<db-tab-item label="active" [active]="true">active</db-tab-item>
<li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>active<!-- -->active</label></li>
<DBTabItem label="active" active>
active
</DBTabItem>
<DBTabItem label="active" :active="true">active</DBTabItem>
<db-tab-item label="active" [disabled]="true">disabled</db-tab-item>
<li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" disabled="" id="OVERWRITE_DEFAULT_ID"/>active<!-- -->disabled</label></li>
<DBTabItem label="active" disabled>
disabled
-</DBTabItem>
<DBTabItem label="active" :disabled="true">disabled</DBTabItem>
<DBTabItem label="active" :disabled="true">disabled</DBTabItem>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-item/docs/Angular.html b/review/fix-a11y-form-component-ids/components/tab-item/docs/Angular.html
index c2f204e8bbf..ceddb59bbef 100644
--- a/review/fix-a11y-form-component-ids/components/tab-item/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/tab-item/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
You can't use the component standalone!
@@ -25,4 +25,4 @@
Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-item/docs/HTML.html b/review/fix-a11y-form-component-ids/components/tab-item/docs/HTML.html
index 39d800f4a8b..5520d27d116 100644
--- a/review/fix-a11y-form-component-ids/components/tab-item/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/tab-item/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -72,4 +72,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-item/docs/Migration.html b/review/fix-a11y-form-component-ids/components/tab-item/docs/Migration.html
index 01151d0bf79..bf1dccf75f1 100644
--- a/review/fix-a11y-form-component-ids/components/tab-item/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/tab-item/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
| Before | Status | After | Description |
|---|
cmp-db-tab | 🔁 | db-tab-item | |
name
-| Before | Status | After | Description |
|---|
name | ❌ | ❌ | It should be used with db-tabs which will add a the name from db-tabs to all tabs all at one. |
\ No newline at end of file
+
| Before | Status | After | Description |
|---|
name | ❌ | ❌ | It should be used with db-tabs which will add a the name from db-tabs to all tabs all at one. |
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-item/docs/React.html b/review/fix-a11y-form-component-ids/components/tab-item/docs/React.html
index 636f124dd25..9448cfadf79 100644
--- a/review/fix-a11y-form-component-ids/components/tab-item/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/tab-item/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -23,4 +23,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-item/docs/Vue.html b/review/fix-a11y-form-component-ids/components/tab-item/docs/Vue.html
index 5d0aac0a099..11f2aa72cc0 100644
--- a/review/fix-a11y-form-component-ids/components/tab-item/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/tab-item/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -18,4 +18,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-item/how-to-use.html b/review/fix-a11y-form-component-ids/components/tab-item/how-to-use.html
index 8c10221b239..51b0f6f8b1e 100644
--- a/review/fix-a11y-form-component-ids/components/tab-item/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/tab-item/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-item/migration.html b/review/fix-a11y-form-component-ids/components/tab-item/migration.html
index 4346d683f63..e0496d6124c 100644
--- a/review/fix-a11y-form-component-ids/components/tab-item/migration.html
+++ b/review/fix-a11y-form-component-ids/components/tab-item/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-item/overview.html b/review/fix-a11y-form-component-ids/components/tab-item/overview.html
index 0ba17713e0b..6bc43f2afd2 100644
--- a/review/fix-a11y-form-component-ids/components/tab-item/overview.html
+++ b/review/fix-a11y-form-component-ids/components/tab-item/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-item/properties.html b/review/fix-a11y-form-component-ids/components/tab-item/properties.html
index 2f9a693ff3f..ae750211264 100644
--- a/review/fix-a11y-form-component-ids/components/tab-item/properties.html
+++ b/review/fix-a11y-form-component-ids/components/tab-item/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-list/docs/Angular.html b/review/fix-a11y-form-component-ids/components/tab-list/docs/Angular.html
index 2806e242bf5..c0b5dc55fba 100644
--- a/review/fix-a11y-form-component-ids/components/tab-list/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/tab-list/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
You can't use the component standalone!
@@ -25,4 +25,4 @@
Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-list/docs/HTML.html b/review/fix-a11y-form-component-ids/components/tab-list/docs/HTML.html
index b9b1de19285..0ea12f9a155 100644
--- a/review/fix-a11y-form-component-ids/components/tab-list/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/tab-list/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -72,4 +72,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-list/docs/Migration.html b/review/fix-a11y-form-component-ids/components/tab-list/docs/Migration.html
index 2f1a1064081..06693f607dc 100644
--- a/review/fix-a11y-form-component-ids/components/tab-list/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/tab-list/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-list/docs/React.html b/review/fix-a11y-form-component-ids/components/tab-list/docs/React.html
index 03ced0baa23..1cc251d2595 100644
--- a/review/fix-a11y-form-component-ids/components/tab-list/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/tab-list/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -23,4 +23,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-list/docs/Vue.html b/review/fix-a11y-form-component-ids/components/tab-list/docs/Vue.html
index 001fcf726ac..adffe8556c9 100644
--- a/review/fix-a11y-form-component-ids/components/tab-list/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/tab-list/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -18,4 +18,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-list/how-to-use.html b/review/fix-a11y-form-component-ids/components/tab-list/how-to-use.html
index 82ab1851412..b17c7076082 100644
--- a/review/fix-a11y-form-component-ids/components/tab-list/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/tab-list/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-list/migration.html b/review/fix-a11y-form-component-ids/components/tab-list/migration.html
index ae51681100d..8115947f09c 100644
--- a/review/fix-a11y-form-component-ids/components/tab-list/migration.html
+++ b/review/fix-a11y-form-component-ids/components/tab-list/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-list/properties.html b/review/fix-a11y-form-component-ids/components/tab-list/properties.html
index 259688af353..09cda30397b 100644
--- a/review/fix-a11y-form-component-ids/components/tab-list/properties.html
+++ b/review/fix-a11y-form-component-ids/components/tab-list/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-panel/docs/Angular.html b/review/fix-a11y-form-component-ids/components/tab-panel/docs/Angular.html
index 352c0ea90ef..6750ac86fab 100644
--- a/review/fix-a11y-form-component-ids/components/tab-panel/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/tab-panel/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
You can't use the component standalone!
@@ -25,4 +25,4 @@
Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-panel/docs/HTML.html b/review/fix-a11y-form-component-ids/components/tab-panel/docs/HTML.html
index d7cdeae8e50..bedb16c8aa1 100644
--- a/review/fix-a11y-form-component-ids/components/tab-panel/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/tab-panel/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -72,4 +72,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-panel/docs/Migration.html b/review/fix-a11y-form-component-ids/components/tab-panel/docs/Migration.html
index a2537718b50..8226e6fd43f 100644
--- a/review/fix-a11y-form-component-ids/components/tab-panel/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/tab-panel/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-panel/docs/React.html b/review/fix-a11y-form-component-ids/components/tab-panel/docs/React.html
index b24c008a79e..9ba482ee541 100644
--- a/review/fix-a11y-form-component-ids/components/tab-panel/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/tab-panel/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -23,4 +23,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-panel/docs/Vue.html b/review/fix-a11y-form-component-ids/components/tab-panel/docs/Vue.html
index 1daa5a78ec9..267a6f13e37 100644
--- a/review/fix-a11y-form-component-ids/components/tab-panel/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/tab-panel/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -18,4 +18,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-panel/how-to-use.html b/review/fix-a11y-form-component-ids/components/tab-panel/how-to-use.html
index 96ae843ea5b..31a3ef5571f 100644
--- a/review/fix-a11y-form-component-ids/components/tab-panel/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/tab-panel/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-panel/migration.html b/review/fix-a11y-form-component-ids/components/tab-panel/migration.html
index 05ccbae63c0..cdf0be8ead5 100644
--- a/review/fix-a11y-form-component-ids/components/tab-panel/migration.html
+++ b/review/fix-a11y-form-component-ids/components/tab-panel/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tab-panel/properties.html b/review/fix-a11y-form-component-ids/components/tab-panel/properties.html
index e0078b77169..f0b9a666305 100644
--- a/review/fix-a11y-form-component-ids/components/tab-panel/properties.html
+++ b/review/fix-a11y-form-component-ids/components/tab-panel/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tabs.html b/review/fix-a11y-form-component-ids/components/tabs.html
index 8cfa4bba0b2..ba8fc86fac1 100644
--- a/review/fix-a11y-form-component-ids/components/tabs.html
+++ b/review/fix-a11y-form-component-ids/components/tabs.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tabs/code/Examples.html b/review/fix-a11y-form-component-ids/components/tabs/code/Examples.html
index 8996b39efa9..28e8e157061 100644
--- a/review/fix-a11y-form-component-ids/components/tabs/code/Examples.html
+++ b/review/fix-a11y-form-component-ids/components/tabs/code/Examples.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-tabs [initialSelectedIndex]="1">
+DB UI Mono<db-tabs [initialSelectedIndex]="1">
<db-tab-list>
<db-tab>Tab 1</db-tab>
<db-tab>Tab 2</db-tab>
@@ -176,4 +176,4 @@
<DBTabPanel>Tab Panel 1</DBTabPanel>
<DBTabPanel>Tab Panel 2</DBTabPanel>
<DBTabPanel>Tab Panel 3</DBTabPanel>
- </DBTabs>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tabs/code/Orientation.html b/review/fix-a11y-form-component-ids/components/tabs/code/Orientation.html
index c14c299cdca..c8f5ce786c1 100644
--- a/review/fix-a11y-form-component-ids/components/tabs/code/Orientation.html
+++ b/review/fix-a11y-form-component-ids/components/tabs/code/Orientation.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-tabs>
+DB UI Mono<db-tabs>
<db-tab-list>
<db-tab>Tab 1</db-tab>
<db-tab>Tab 2</db-tab>
@@ -176,4 +176,4 @@
<DBTabPanel>Tab Panel 1</DBTabPanel>
<DBTabPanel>Tab Panel 2</DBTabPanel>
<DBTabPanel>Tab Panel 3</DBTabPanel>
-</DBTabs>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tabs/code/Overflow.html b/review/fix-a11y-form-component-ids/components/tabs/code/Overflow.html
index 2a326dcbb36..c9484220875 100644
--- a/review/fix-a11y-form-component-ids/components/tabs/code/Overflow.html
+++ b/review/fix-a11y-form-component-ids/components/tabs/code/Overflow.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-tabs>
+DB UI Mono<db-tabs>
<db-tab-list>
<db-tab>Tab 1</db-tab>
<db-tab>Tab 2</db-tab>
@@ -265,4 +265,4 @@
<DBTabPanel>Tab Panel 1</DBTabPanel>
<DBTabPanel>Tab Panel 2</DBTabPanel>
<DBTabPanel>Tab Panel 3</DBTabPanel>
-</DBTabs>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tabs/code/Tonality.html b/review/fix-a11y-form-component-ids/components/tabs/code/Tonality.html
index 8bb127c964b..f39ebfb7f14 100644
--- a/review/fix-a11y-form-component-ids/components/tabs/code/Tonality.html
+++ b/review/fix-a11y-form-component-ids/components/tabs/code/Tonality.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-tabs>
+DB UI Mono<db-tabs>
<db-tab-list>
<db-tab>Tab 1</db-tab>
<db-tab>Tab 2</db-tab>
@@ -265,4 +265,4 @@
<DBTabPanel>Tab Panel 1</DBTabPanel>
<DBTabPanel>Tab Panel 2</DBTabPanel>
<DBTabPanel>Tab Panel 3</DBTabPanel>
-</DBTabs>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tabs/code/Width.html b/review/fix-a11y-form-component-ids/components/tabs/code/Width.html
index 96188c6c726..24fbbb5272f 100644
--- a/review/fix-a11y-form-component-ids/components/tabs/code/Width.html
+++ b/review/fix-a11y-form-component-ids/components/tabs/code/Width.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-tabs>
+DB UI Mono<db-tabs>
<db-tab-list>
<db-tab>Tab 1</db-tab>
<db-tab>Tab 2</db-tab>
@@ -265,4 +265,4 @@
<DBTabPanel>Tab Panel 1</DBTabPanel>
<DBTabPanel>Tab Panel 2</DBTabPanel>
<DBTabPanel>Tab Panel 3</DBTabPanel>
-</DBTabs>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tabs/docs/Angular.html b/review/fix-a11y-form-component-ids/components/tabs/docs/Angular.html
index 6c0b4b02631..b26786c7cd2 100644
--- a/review/fix-a11y-form-component-ids/components/tabs/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/tabs/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
You can't use the component standalone!
@@ -25,4 +25,4 @@
Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tabs/docs/HTML.html b/review/fix-a11y-form-component-ids/components/tabs/docs/HTML.html
index d19c4d161de..230120cd019 100644
--- a/review/fix-a11y-form-component-ids/components/tabs/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/tabs/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -76,4 +76,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tabs/docs/Migration.html b/review/fix-a11y-form-component-ids/components/tabs/docs/Migration.html
index 6bcb9b709ac..42aa189e204 100644
--- a/review/fix-a11y-form-component-ids/components/tabs/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/tabs/docs/Migration.html
@@ -1,8 +1,8 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
DB UI Core ➡ DB UI Components
class
-
| Before | Status | After | Description |
|---|
cmp-tab-bar | 🔁 | db-tabs | |
\ No newline at end of file
+
| Before | Status | After | Description |
|---|
cmp-tab-bar | 🔁 | db-tabs | |
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tabs/docs/React.html b/review/fix-a11y-form-component-ids/components/tabs/docs/React.html
index 38ee71bbe88..1e62781b2f6 100644
--- a/review/fix-a11y-form-component-ids/components/tabs/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/tabs/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -23,4 +23,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tabs/docs/Vue.html b/review/fix-a11y-form-component-ids/components/tabs/docs/Vue.html
index c0b50499ff7..d1c52fb81f2 100644
--- a/review/fix-a11y-form-component-ids/components/tabs/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/tabs/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -18,4 +18,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tabs/how-to-use.html b/review/fix-a11y-form-component-ids/components/tabs/how-to-use.html
index 0312c58ed1f..8b23c01c444 100644
--- a/review/fix-a11y-form-component-ids/components/tabs/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/tabs/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tabs/migration.html b/review/fix-a11y-form-component-ids/components/tabs/migration.html
index 3d044b7db53..21b30a8c817 100644
--- a/review/fix-a11y-form-component-ids/components/tabs/migration.html
+++ b/review/fix-a11y-form-component-ids/components/tabs/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tabs/overview.html b/review/fix-a11y-form-component-ids/components/tabs/overview.html
index d3962306f35..f98f9ec101b 100644
--- a/review/fix-a11y-form-component-ids/components/tabs/overview.html
+++ b/review/fix-a11y-form-component-ids/components/tabs/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tabs/properties.html b/review/fix-a11y-form-component-ids/components/tabs/properties.html
index 0e0d447a2c6..d8b2d1c5886 100644
--- a/review/fix-a11y-form-component-ids/components/tabs/properties.html
+++ b/review/fix-a11y-form-component-ids/components/tabs/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tag.html b/review/fix-a11y-form-component-ids/components/tag.html
index 47a7bc3b145..d34f1141011 100644
--- a/review/fix-a11y-form-component-ids/components/tag.html
+++ b/review/fix-a11y-form-component-ids/components/tag.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tag/code/Behaviour.html b/review/fix-a11y-form-component-ids/components/tag/code/Behaviour.html
index 378188107bb..1f37867f718 100644
--- a/review/fix-a11y-form-component-ids/components/tag/code/Behaviour.html
+++ b/review/fix-a11y-form-component-ids/components/tag/code/Behaviour.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-tag>(Default) Static</db-tag>
<div class="db-tag">(Default) Static</div>
<DBTag>(Default) Static</DBTag>
<DBTag>(Default) Static</DBTag>
<db-tag>
+DB UI Mono<db-tag>(Default) Static</db-tag>
<div class="db-tag">(Default) Static</div>
<DBTag>(Default) Static</DBTag>
<DBTag>(Default) Static</DBTag>
<db-tag>
<db-button>Interactive Button</db-button>
</db-tag>
<div class="db-tag">
<button class="db-button">Interactive Button</button>
@@ -62,4 +62,4 @@
>
Remove tag
</button>
-</div>
<DBTag behaviour="removable">Removeable</DBTag>
<DBTag behaviour="removable">Removeable</DBTag>
<DBTag behaviour="removable">Removeable</DBTag>
<DBTag behaviour="removable">Removeable</DBTag>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tag/code/Content.html b/review/fix-a11y-form-component-ids/components/tag/code/Content.html
index 8cefa7e546f..631b2d06724 100644
--- a/review/fix-a11y-form-component-ids/components/tag/code/Content.html
+++ b/review/fix-a11y-form-component-ids/components/tag/code/Content.html
@@ -1,7 +1,7 @@
-
DB UI Mono<db-tag>(Default) Text</db-tag>
<div class="db-tag">(Default) Text</div>
<DBTag>(Default) Text</DBTag>
<DBTag>(Default) Text</DBTag>
<db-tag icon="user" [noText]="true">Icon</db-tag>
<div class="db-tag" data-icon="user" data-no-text="true">
+DB UI Mono<db-tag>(Default) Text</db-tag>
<div class="db-tag">(Default) Text</div>
<DBTag>(Default) Text</DBTag>
<DBTag>(Default) Text</DBTag>
<db-tag icon="user" [noText]="true">Icon</db-tag>
<div class="db-tag" data-icon="user" data-no-text="true">
Icon
</div>
<DBTag icon="user" noText>
Icon
</DBTag>
<DBTag icon="user" :noText="true">Icon</DBTag>
<db-tag icon="user">Icon & Text</db-tag>
<div class="db-tag" data-icon="user">
Icon & Text
-</div>
<DBTag icon="user">Icon & Text</DBTag>
<DBTag icon="user">Icon & Text</DBTag>
<DBTag icon="user">Icon & Text</DBTag>
<DBTag icon="user">Icon & Text</DBTag>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tag/code/Density.html b/review/fix-a11y-form-component-ids/components/tag/code/Density.html
index 3fa9e6b26fb..f2530b64db9 100644
--- a/review/fix-a11y-form-component-ids/components/tag/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/tag/code/Density.html
@@ -1 +1 @@
-
DB UI Mono<db-tag>Functional</db-tag>
<div class="db-tag">Functional</div>
<DBTag>Functional</DBTag>
<DBTag>Functional</DBTag>
<db-tag>(Default) Regular</db-tag>
<div class="db-tag">(Default) Regular</div>
<DBTag>(Default) Regular</DBTag>
<DBTag>(Default) Regular</DBTag>
<db-tag>Expressive</db-tag>
<div class="db-tag">Expressive</div>
<DBTag>Expressive</DBTag>
<DBTag>Expressive</DBTag>
\ No newline at end of file
+
DB UI Mono<db-tag>Functional</db-tag>
<div class="db-tag">Functional</div>
<DBTag>Functional</DBTag>
<DBTag>Functional</DBTag>
<db-tag>(Default) Regular</db-tag>
<div class="db-tag">(Default) Regular</div>
<DBTag>(Default) Regular</DBTag>
<DBTag>(Default) Regular</DBTag>
<db-tag>Expressive</db-tag>
<div class="db-tag">Expressive</div>
<DBTag>Expressive</DBTag>
<DBTag>Expressive</DBTag>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tag/code/Emphasis.html b/review/fix-a11y-form-component-ids/components/tag/code/Emphasis.html
index 11eca39b574..0e697e8e88a 100644
--- a/review/fix-a11y-form-component-ids/components/tag/code/Emphasis.html
+++ b/review/fix-a11y-form-component-ids/components/tag/code/Emphasis.html
@@ -1,3 +1,3 @@
-
DB UI Mono<db-tag>(Default) Weak</db-tag>
<div class="db-tag">(Default) Weak</div>
<DBTag>(Default) Weak</DBTag>
<DBTag>(Default) Weak</DBTag>
<db-tag emphasis="strong">Strong</db-tag>
<div class="db-tag" data-emphasis="strong">
+DB UI Mono<db-tag>(Default) Weak</db-tag>
<div class="db-tag">(Default) Weak</div>
<DBTag>(Default) Weak</DBTag>
<DBTag>(Default) Weak</DBTag>
<db-tag emphasis="strong">Strong</db-tag>
<div class="db-tag" data-emphasis="strong">
Strong
-</div>
<DBTag emphasis="strong">Strong</DBTag>
<DBTag emphasis="strong">Strong</DBTag>
<DBTag emphasis="strong">Strong</DBTag>
<DBTag emphasis="strong">Strong</DBTag>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tag/code/Example.html b/review/fix-a11y-form-component-ids/components/tag/code/Example.html
index ef00296943e..dce784a0904 100644
--- a/review/fix-a11y-form-component-ids/components/tag/code/Example.html
+++ b/review/fix-a11y-form-component-ids/components/tag/code/Example.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-tag>
+DB UI Mono<db-tag>
<db-button>Interactive Button</db-button>
</db-tag>
<div class="db-tag">
<button class="db-button">Interactive Button</button>
@@ -54,4 +54,4 @@
}}
>
Interactive Strong Radio 2 with Icon
-</DBTag>
<DBTag component="radio" emphasis="strong" icon="user" identifier="radio02" :code="{'angular':'<db-tag><db-radio name='radio02'>Interactive Radio 2</db-radio></db-tag>','html':'<div class='db-tag'><input type='radio' class='db-checkbox' id='checkbox-element' name='radio02' /><label for='checkbox-element'>Interactive Radio 2</label></div>','react':'<DBTag><DBRadio name='radio02'>Interactive Radio 2</DBRadio></DBTag>','vue':'<DBTag><DBRadio name='radio02'>Interactive Radio 2</DBRadio></DBTag>'}">Interactive Strong Radio 2 with Icon</DBTag>
<DBTag component="radio" emphasis="strong" icon="user" identifier="radio02" :code="{'angular':'<db-tag><db-radio name='radio02'>Interactive Radio 2</db-radio></db-tag>','html':'<div class='db-tag'><input type='radio' class='db-checkbox' id='checkbox-element' name='radio02' /><label for='checkbox-element'>Interactive Radio 2</label></div>','react':'<DBTag><DBRadio name='radio02'>Interactive Radio 2</DBRadio></DBTag>','vue':'<DBTag><DBRadio name='radio02'>Interactive Radio 2</DBRadio></DBTag>'}">Interactive Strong Radio 2 with Icon</DBTag>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tag/code/Overflow.html b/review/fix-a11y-form-component-ids/components/tag/code/Overflow.html
index e6a0d466bf0..9468f88b2e0 100644
--- a/review/fix-a11y-form-component-ids/components/tag/code/Overflow.html
+++ b/review/fix-a11y-form-component-ids/components/tag/code/Overflow.html
@@ -1,3 +1,3 @@
-
DB UI Mono<db-tag>(Default) No Overflow</db-tag>
<div class="db-tag">(Default) No Overflow</div>
<DBTag>(Default) No Overflow</DBTag>
<DBTag>(Default) No Overflow</DBTag>
<db-tag [overflow]="true">With Overflow (max-width)</db-tag>
<div class="db-tag" data-overflow="true">
+DB UI Mono<db-tag>(Default) No Overflow</db-tag>
<div class="db-tag">(Default) No Overflow</div>
<DBTag>(Default) No Overflow</DBTag>
<DBTag>(Default) No Overflow</DBTag>
<db-tag [overflow]="true">With Overflow (max-width)</db-tag>
<div class="db-tag" data-overflow="true">
With Overflow (max-width)
-</div>
<DBTag overflow>With Overflow (max-width)</DBTag>
<DBTag :overflow="true">With Overflow (max-width)</DBTag>
<DBTag overflow>With Overflow (max-width)</DBTag>
<DBTag :overflow="true">With Overflow (max-width)</DBTag>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tag/code/Semantic.html b/review/fix-a11y-form-component-ids/components/tag/code/Semantic.html
index 2fdec7471f9..125ab71d240 100644
--- a/review/fix-a11y-form-component-ids/components/tag/code/Semantic.html
+++ b/review/fix-a11y-form-component-ids/components/tag/code/Semantic.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-tag>(Default) Adaptive</db-tag>
<div class="db-tag">(Default) Adaptive</div>
<DBTag>(Default) Adaptive</DBTag>
<DBTag>(Default) Adaptive</DBTag>
<db-tag semantic="neutral">Neutral</db-tag>
<div class="db-tag" data-semantic="neutral">
+DB UI Mono<db-tag>(Default) Adaptive</db-tag>
<div class="db-tag">(Default) Adaptive</div>
<DBTag>(Default) Adaptive</DBTag>
<DBTag>(Default) Adaptive</DBTag>
<db-tag semantic="neutral">Neutral</db-tag>
<div class="db-tag" data-semantic="neutral">
Neutral
</div>
<DBTag semantic="neutral">Neutral</DBTag>
<DBTag semantic="neutral">Neutral</DBTag>
<db-tag semantic="critical">Critical</db-tag>
<div class="db-tag" data-semantic="critical">
Critical
@@ -50,4 +50,4 @@
Warning Strong
</DBTag>
<DBTag semantic="warning" emphasis="strong">
Warning Strong
-</DBTag>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tag/code/State.html b/review/fix-a11y-form-component-ids/components/tag/code/State.html
index b1a9d3b4782..61ecb06f656 100644
--- a/review/fix-a11y-form-component-ids/components/tag/code/State.html
+++ b/review/fix-a11y-form-component-ids/components/tag/code/State.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-tag>
+DB UI Mono<db-tag>
<db-checkbox>Interactive Checkbox</db-checkbox>
</db-tag>
<div class="db-tag">
<input type="checkbox" class="db-checkbox" id="checkbox-element" />
@@ -30,4 +30,4 @@
<DBCheckbox checked disabled>
Interactive Checkbox
</DBCheckbox>
-</DBTag>
<DBTag><DBCheckbox :checked="true" :disabled="true">Interactive Checkbox</DBCheckbox></DBTag>
<DBTag><DBCheckbox :checked="true" :disabled="true">Interactive Checkbox</DBCheckbox></DBTag>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tag/docs/Angular.html b/review/fix-a11y-form-component-ids/components/tag/docs/Angular.html
index ef56f088a85..7fd2ead0c86 100644
--- a/review/fix-a11y-form-component-ids/components/tag/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/tag/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -21,4 +21,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tag/docs/HTML.html b/review/fix-a11y-form-component-ids/components/tag/docs/HTML.html
index 05292e3f846..fde9bc39110 100644
--- a/review/fix-a11y-form-component-ids/components/tag/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/tag/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -8,4 +8,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tag/docs/Migration.html b/review/fix-a11y-form-component-ids/components/tag/docs/Migration.html
index aa8ca58f5f1..40110716132 100644
--- a/review/fix-a11y-form-component-ids/components/tag/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/tag/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
@@ -20,4 +20,4 @@ sizes
| Before | Status | After | Description |
|---|
poi-* | ❌ | ❌ | We removed all point of interest colors for now. |
track | ❌ | ❌ | We removed track for now. |
error | 🔁 | critical | |
informative | 🔁 | informational | |
success | 🔁 | successful | |
icons
-| Before | Status | After | Description |
|---|
iconAfter | ❌ | ❌ | not valid anymore, for tags only icons before text are allowed |
\ No newline at end of file
+
| Before | Status | After | Description |
|---|
iconAfter | ❌ | ❌ | not valid anymore, for tags only icons before text are allowed |
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tag/docs/React.html b/review/fix-a11y-form-component-ids/components/tag/docs/React.html
index bf0416c5158..e36ddf54004 100644
--- a/review/fix-a11y-form-component-ids/components/tag/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/tag/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -26,4 +26,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tag/docs/Vue.html b/review/fix-a11y-form-component-ids/components/tag/docs/Vue.html
index 691984f38bb..a9c4a731202 100644
--- a/review/fix-a11y-form-component-ids/components/tag/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/tag/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -18,4 +18,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tag/how-to-use.html b/review/fix-a11y-form-component-ids/components/tag/how-to-use.html
index 52ae1b8bd35..55ebdcacd7b 100644
--- a/review/fix-a11y-form-component-ids/components/tag/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/tag/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tag/migration.html b/review/fix-a11y-form-component-ids/components/tag/migration.html
index ec136982907..aaf8a406b6b 100644
--- a/review/fix-a11y-form-component-ids/components/tag/migration.html
+++ b/review/fix-a11y-form-component-ids/components/tag/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tag/overview.html b/review/fix-a11y-form-component-ids/components/tag/overview.html
index 67e44642b05..7959df7ada2 100644
--- a/review/fix-a11y-form-component-ids/components/tag/overview.html
+++ b/review/fix-a11y-form-component-ids/components/tag/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tag/properties.html b/review/fix-a11y-form-component-ids/components/tag/properties.html
index 51957ac8107..367c38ebbd9 100644
--- a/review/fix-a11y-form-component-ids/components/tag/properties.html
+++ b/review/fix-a11y-form-component-ids/components/tag/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/textarea.html b/review/fix-a11y-form-component-ids/components/textarea.html
index 58bbacfb923..95f401a4100 100644
--- a/review/fix-a11y-form-component-ids/components/textarea.html
+++ b/review/fix-a11y-form-component-ids/components/textarea.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/textarea/code/Density.html b/review/fix-a11y-form-component-ids/components/textarea/code/Density.html
index 64a863c4d7d..c491d046888 100644
--- a/review/fix-a11y-form-component-ids/components/textarea/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/textarea/code/Density.html
@@ -1,14 +1,14 @@
-
DB UI Mono<db-textarea label="Label">Functional</db-textarea>
<div class="db-textarea">
- <label for="textarea-952255831328622">Label</label>
+DB UI Mono<db-textarea label="Label">Functional</db-textarea>
<div class="db-textarea">
+ <label for="textarea-1730763024325901">Label</label>
<textarea
aria-invalid="false"
- id="textarea-952255831328622"
+ id="textarea-1730763024325901"
aria-describedby="none"
placeholder=" "
rows="4"
></textarea>
<span
- id="textarea-952255831328622-valid-message"
+ id="textarea-1730763024325901-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -16,7 +16,7 @@
TODO: Add a validMessage
</span>
<span
- id="textarea-952255831328622-invalid-message"
+ id="textarea-1730763024325901-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -24,16 +24,16 @@
TODO: Add an invalidMessage
</span>
</div>
<DBTextarea label="Label">Functional</DBTextarea>
<DBTextarea label="Label">Functional</DBTextarea>
<db-textarea label="Label">(Default) Regular</db-textarea>
<div class="db-textarea">
- <label for="textarea-25255550936651017">Label</label>
+ <label for="textarea-4290873319201749">Label</label>
<textarea
aria-invalid="false"
- id="textarea-25255550936651017"
+ id="textarea-4290873319201749"
aria-describedby="none"
placeholder=" "
rows="4"
></textarea>
<span
- id="textarea-25255550936651017-valid-message"
+ id="textarea-4290873319201749-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -41,7 +41,7 @@
TODO: Add a validMessage
</span>
<span
- id="textarea-25255550936651017-invalid-message"
+ id="textarea-4290873319201749-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -49,16 +49,16 @@
TODO: Add an invalidMessage
</span>
</div>
<DBTextarea label="Label">(Default) Regular</DBTextarea>
<DBTextarea label="Label">(Default) Regular</DBTextarea>
<db-textarea label="Label">Expressive</db-textarea>
<div class="db-textarea">
- <label for="textarea-20713895857469722">Label</label>
+ <label for="textarea-03011730599237694">Label</label>
<textarea
aria-invalid="false"
- id="textarea-20713895857469722"
+ id="textarea-03011730599237694"
aria-describedby="none"
placeholder=" "
rows="4"
></textarea>
<span
- id="textarea-20713895857469722-valid-message"
+ id="textarea-03011730599237694-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -66,11 +66,11 @@
TODO: Add a validMessage
</span>
<span
- id="textarea-20713895857469722-invalid-message"
+ id="textarea-03011730599237694-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
>
TODO: Add an invalidMessage
</span>
-</div>
<DBTextarea label="Label">Expressive</DBTextarea>
<DBTextarea label="Label">Expressive</DBTextarea>
<DBTextarea label="Label">Expressive</DBTextarea>
<DBTextarea label="Label">Expressive</DBTextarea>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/textarea/code/Requirement.html b/review/fix-a11y-form-component-ids/components/textarea/code/Requirement.html
index 20b8688626f..c4450197c79 100644
--- a/review/fix-a11y-form-component-ids/components/textarea/code/Requirement.html
+++ b/review/fix-a11y-form-component-ids/components/textarea/code/Requirement.html
@@ -1,14 +1,14 @@
-
DB UI Mono<db-textarea label="Label">(Default) Optional</db-textarea>
<div class="db-textarea">
- <label for="textarea-012052029287753507">Label</label>
+DB UI Mono<db-textarea label="Label">(Default) Optional</db-textarea>
<div class="db-textarea">
+ <label for="textarea-3970441900169519">Label</label>
<textarea
aria-invalid="false"
- id="textarea-012052029287753507"
+ id="textarea-3970441900169519"
aria-describedby="none"
placeholder=" "
rows="4"
></textarea>
<span
- id="textarea-012052029287753507-valid-message"
+ id="textarea-3970441900169519-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -16,7 +16,7 @@
TODO: Add a validMessage
</span>
<span
- id="textarea-012052029287753507-invalid-message"
+ id="textarea-3970441900169519-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -24,17 +24,17 @@
TODO: Add an invalidMessage
</span>
</div>
<DBTextarea label="Label">(Default) Optional</DBTextarea>
<DBTextarea label="Label">(Default) Optional</DBTextarea>
<db-textarea label="Label" [required]="true">Required</db-textarea>
<div class="db-textarea">
- <label for="textarea-8714268500080302">Label</label>
+ <label for="textarea-005920761610308745">Label</label>
<textarea
aria-invalid="false"
- id="textarea-8714268500080302"
+ id="textarea-005920761610308745"
required=""
aria-describedby="none"
placeholder=" "
rows="4"
></textarea>
<span
- id="textarea-8714268500080302-valid-message"
+ id="textarea-005920761610308745-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -42,7 +42,7 @@
TODO: Add a validMessage
</span>
<span
- id="textarea-8714268500080302-invalid-message"
+ id="textarea-005920761610308745-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -51,4 +51,4 @@
</span>
</div>
<DBTextarea label="Label" required>
Required
-</DBTextarea>
<DBTextarea label="Label" :required="true">Required</DBTextarea>
<DBTextarea label="Label" :required="true">Required</DBTextarea>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/textarea/code/Rows.html b/review/fix-a11y-form-component-ids/components/textarea/code/Rows.html
index 71361fccf03..c61ce9b1355 100644
--- a/review/fix-a11y-form-component-ids/components/textarea/code/Rows.html
+++ b/review/fix-a11y-form-component-ids/components/textarea/code/Rows.html
@@ -1,13 +1,13 @@
-
DB UI Mono<db-textarea
+DB UI Mono<db-textarea
label="(Default) 4 Rows"
value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."
>
(Default) 4 Rows
</db-textarea>
<div class="db-textarea">
- <label for="textarea-6927266630062114">(Default) 4 Rows</label>
+ <label for="textarea-42054165132885957">(Default) 4 Rows</label>
<textarea
aria-invalid="false"
- id="textarea-6927266630062114"
+ id="textarea-42054165132885957"
aria-describedby="none"
placeholder=" "
rows="4"
@@ -17,7 +17,7 @@
voluptua.
</textarea>
<span
- id="textarea-6927266630062114-valid-message"
+ id="textarea-42054165132885957-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -25,7 +25,7 @@
TODO: Add a validMessage
</span>
<span
- id="textarea-6927266630062114-invalid-message"
+ id="textarea-42054165132885957-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -43,10 +43,10 @@
>
(Default) 4 Rows
</DBTextarea>
<db-textarea label="Custom Example 8 Rows" [rows]="8" value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.">Custom</db-textarea>
<div class="db-textarea">
- <label for="textarea-2111044341174526">Custom Example 8 Rows</label>
+ <label for="textarea-048796701393017505">Custom Example 8 Rows</label>
<textarea
aria-invalid="false"
- id="textarea-2111044341174526"
+ id="textarea-048796701393017505"
aria-describedby="none"
placeholder=" "
rows="8"
@@ -56,7 +56,7 @@
voluptua.
</textarea>
<span
- id="textarea-2111044341174526-valid-message"
+ id="textarea-048796701393017505-valid-message"
class="db-infotext"
data-semantic="successful"
data-size="small"
@@ -64,7 +64,7 @@
TODO: Add a validMessage
</span>
<span
- id="textarea-2111044341174526-invalid-message"
+ id="textarea-048796701393017505-invalid-message"
class="db-infotext"
data-semantic="critical"
data-size="small"
@@ -77,4 +77,4 @@
value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."
>
Custom
-</DBTextarea>
<DBTextarea label="Custom Example 8 Rows" :rows="8" value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.">Custom</DBTextarea>
<DBTextarea label="Custom Example 8 Rows" :rows="8" value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.">Custom</DBTextarea>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/textarea/code/StatesFloatingLabel.html b/review/fix-a11y-form-component-ids/components/textarea/code/StatesFloatingLabel.html
index 8ff5e1c04f7..771908597a3 100644
--- a/review/fix-a11y-form-component-ids/components/textarea/code/StatesFloatingLabel.html
+++ b/review/fix-a11y-form-component-ids/components/textarea/code/StatesFloatingLabel.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-textarea label="Label" variant="floating">
+DB UI Mono<db-textarea label="Label" variant="floating">
(Default) Empty
</db-textarea>
undefined
<DBTextarea label="Label" variant="floating">
(Default) Empty
@@ -14,4 +14,4 @@
Disabled
</DBTextarea>
<DBTextarea label="Label" :disabled="true" variant="floating">Disabled</DBTextarea>
<db-textarea label="Label" value="Readonly - Filled" [readOnly]="true" variant="floating">Readonly - Filled</db-textarea>
undefined
<DBTextarea label="Label" value="Readonly - Filled" readOnly variant="floating">
Readonly - Filled
-</DBTextarea>
<DBTextarea label="Label" value="Readonly - Filled" :readOnly="true" variant="floating">Readonly - Filled</DBTextarea>
<DBTextarea label="Label" value="Readonly - Filled" :readOnly="true" variant="floating">Readonly - Filled</DBTextarea>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/textarea/code/StatesLabelAbove.html b/review/fix-a11y-form-component-ids/components/textarea/code/StatesLabelAbove.html
index 973ff208e15..79bef373104 100644
--- a/review/fix-a11y-form-component-ids/components/textarea/code/StatesLabelAbove.html
+++ b/review/fix-a11y-form-component-ids/components/textarea/code/StatesLabelAbove.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-textarea label="Label">(Default) Empty</db-textarea>
undefined
<DBTextarea label="Label">(Default) Empty</DBTextarea>
<DBTextarea label="Label">(Default) Empty</DBTextarea>
<db-textarea label="Label" value="Filled">
+DB UI Mono<db-textarea label="Label">(Default) Empty</db-textarea>
undefined
<DBTextarea label="Label">(Default) Empty</DBTextarea>
<DBTextarea label="Label">(Default) Empty</DBTextarea>
<db-textarea label="Label" value="Filled">
Filled
</db-textarea>
undefined
<DBTextarea label="Label" value="Filled">
Filled
@@ -8,4 +8,4 @@
Disabled
</DBTextarea>
<DBTextarea label="Label" :disabled="true">Disabled</DBTextarea>
<db-textarea label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-textarea>
undefined
<DBTextarea label="Label" value="Readonly - Filled" readOnly>
Readonly - Filled
-</DBTextarea>
<DBTextarea label="Label" value="Readonly - Filled" :readOnly="true">Readonly - Filled</DBTextarea>
<DBTextarea label="Label" value="Readonly - Filled" :readOnly="true">Readonly - Filled</DBTextarea>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/textarea/code/VariantHelperMessage.html b/review/fix-a11y-form-component-ids/components/textarea/code/VariantHelperMessage.html
index 790cfa99e04..8189bb048b1 100644
--- a/review/fix-a11y-form-component-ids/components/textarea/code/VariantHelperMessage.html
+++ b/review/fix-a11y-form-component-ids/components/textarea/code/VariantHelperMessage.html
@@ -1,7 +1,7 @@
-
DB UI Mono<db-textarea label="Label">(Default) Basic</db-textarea>
undefined
<DBTextarea label="Label">(Default) Basic</DBTextarea>
<DBTextarea label="Label">(Default) Basic</DBTextarea>
<db-textarea label="Label" message="Helper Message">
+DB UI Mono<db-textarea label="Label">(Default) Basic</db-textarea>
undefined
<DBTextarea label="Label">(Default) Basic</DBTextarea>
<DBTextarea label="Label">(Default) Basic</DBTextarea>
<db-textarea label="Label" message="Helper Message">
Helper Message
</db-textarea>
undefined
<DBTextarea label="Label" message="Helper Message">
Helper Message
</DBTextarea>
<DBTextarea label="Label" message="Helper Message">
Helper Message
-</DBTextarea>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/textarea/code/VariantLabel.html b/review/fix-a11y-form-component-ids/components/textarea/code/VariantLabel.html
index da56b87e5fc..2d32d37a34d 100644
--- a/review/fix-a11y-form-component-ids/components/textarea/code/VariantLabel.html
+++ b/review/fix-a11y-form-component-ids/components/textarea/code/VariantLabel.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-textarea label="Label">(Default) Label Above</db-textarea>
undefined
<DBTextarea label="Label">(Default) Label Above</DBTextarea>
<DBTextarea label="Label">(Default) Label Above</DBTextarea>
<db-textarea label="Label" variant="floating" value="Floating Label">
+DB UI Mono<db-textarea label="Label">(Default) Label Above</db-textarea>
undefined
<DBTextarea label="Label">(Default) Label Above</DBTextarea>
<DBTextarea label="Label">(Default) Label Above</DBTextarea>
<db-textarea label="Label" variant="floating" value="Floating Label">
Floating Label
</db-textarea>
undefined
<DBTextarea label="Label" variant="floating" value="Floating Label">
Floating Label
@@ -10,4 +10,4 @@
Hidden Label
</DBTextarea>
<DBTextarea label="Label" variant="hidden">
Hidden Label
-</DBTextarea>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/textarea/docs/Angular.html b/review/fix-a11y-form-component-ids/components/textarea/docs/Angular.html
index bc1d2649f59..1c7c5af993e 100644
--- a/review/fix-a11y-form-component-ids/components/textarea/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/textarea/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration look at the ngx-components package.
Load component
// app.component.ts
@@ -33,4 +33,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/textarea/docs/HTML.html b/review/fix-a11y-form-component-ids/components/textarea/docs/HTML.html
index 26ea36e135a..12b63cb3790 100644
--- a/review/fix-a11y-form-component-ids/components/textarea/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/textarea/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration look at the components package.
Use component
<!-- index.html -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/textarea/docs/Migration.html b/review/fix-a11y-form-component-ids/components/textarea/docs/Migration.html
index e4246b178a0..cb662309564 100644
--- a/review/fix-a11y-form-component-ids/components/textarea/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/textarea/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
@@ -9,4 +9,4 @@ class
| Before | Status | After | Description |
|---|
semitransparent | ❌ | | |
white | ❌ | | |
solid | ❌ | | |
outline | ❌ | | |
| 🆕 | adaptive | |
| 🆕 | critical | |
| 🆕 | informational | |
| 🆕 | warning | |
| 🆕 | successful | |
other
-| Before | Status | After | Description |
|---|
description | 🔁 | message | |
\ No newline at end of file
+
| Before | Status | After | Description |
|---|
description | 🔁 | message | |
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/textarea/docs/React.html b/review/fix-a11y-form-component-ids/components/textarea/docs/React.html
index 7be422810ab..d36a2581db3 100644
--- a/review/fix-a11y-form-component-ids/components/textarea/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/textarea/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration look at the react-components package.
Use component
// App.tsx
@@ -20,4 +20,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/textarea/docs/Vue.html b/review/fix-a11y-form-component-ids/components/textarea/docs/Vue.html
index 62cb8bba25e..2f10882b5c4 100644
--- a/review/fix-a11y-form-component-ids/components/textarea/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/textarea/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration look at the v-components package.
General
You cannot use a default value for textarea in vue.
@@ -22,4 +22,4 @@
Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/textarea/how-to-use.html b/review/fix-a11y-form-component-ids/components/textarea/how-to-use.html
index 2b520c9144a..204d7d9f3c7 100644
--- a/review/fix-a11y-form-component-ids/components/textarea/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/textarea/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/textarea/migration.html b/review/fix-a11y-form-component-ids/components/textarea/migration.html
index c1d1080c2ff..70f6300b31e 100644
--- a/review/fix-a11y-form-component-ids/components/textarea/migration.html
+++ b/review/fix-a11y-form-component-ids/components/textarea/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/textarea/overview.html b/review/fix-a11y-form-component-ids/components/textarea/overview.html
index 78584e4e4b3..b4bd5a91727 100644
--- a/review/fix-a11y-form-component-ids/components/textarea/overview.html
+++ b/review/fix-a11y-form-component-ids/components/textarea/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/textarea/properties.html b/review/fix-a11y-form-component-ids/components/textarea/properties.html
index a42b434860f..f06aaedf210 100644
--- a/review/fix-a11y-form-component-ids/components/textarea/properties.html
+++ b/review/fix-a11y-form-component-ids/components/textarea/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tooltip.html b/review/fix-a11y-form-component-ids/components/tooltip.html
index f4a2a3fb26b..9a36fa6de52 100644
--- a/review/fix-a11y-form-component-ids/components/tooltip.html
+++ b/review/fix-a11y-form-component-ids/components/tooltip.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tooltip/code/Animations.html b/review/fix-a11y-form-component-ids/components/tooltip/code/Animations.html
index b76137cfa37..04ffb622e6a 100644
--- a/review/fix-a11y-form-component-ids/components/tooltip/code/Animations.html
+++ b/review/fix-a11y-form-component-ids/components/tooltip/code/Animations.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-tooltip content="Tooltip" id="tooltip-14">
+DB UI Mono<db-tooltip content="Tooltip" id="tooltip-14">
(Default) Animation no delay
</db-tooltip>
<i
role="tooltip"
@@ -57,4 +57,4 @@
No animation
</DBTooltip>
<DBTooltip content="Tooltip" animation="disabled" id="tooltip-17">
No animation
-</DBTooltip>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tooltip/code/Density.html b/review/fix-a11y-form-component-ids/components/tooltip/code/Density.html
index 7bf7440c48e..3661b8b505c 100644
--- a/review/fix-a11y-form-component-ids/components/tooltip/code/Density.html
+++ b/review/fix-a11y-form-component-ids/components/tooltip/code/Density.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-tooltip content="Tooltip" id="tooltip-01">
+DB UI Mono<db-tooltip content="Tooltip" id="tooltip-01">
Functional
</db-tooltip>
<i
role="tooltip"
@@ -40,4 +40,4 @@
Expressive
</DBTooltip>
<DBTooltip content="Tooltip" id="tooltip-03">
Expressive
-</DBTooltip>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tooltip/code/Emphasis.html b/review/fix-a11y-form-component-ids/components/tooltip/code/Emphasis.html
index 70dca45bb6b..4f2cde27a4f 100644
--- a/review/fix-a11y-form-component-ids/components/tooltip/code/Emphasis.html
+++ b/review/fix-a11y-form-component-ids/components/tooltip/code/Emphasis.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-tooltip content="Tooltip" id="tooltip-06">
+DB UI Mono<db-tooltip content="Tooltip" id="tooltip-06">
(Default) Weak
</db-tooltip>
<i
role="tooltip"
@@ -27,4 +27,4 @@
Strong
</DBTooltip>
<DBTooltip content="Tooltip" emphasis="strong" id="tooltip-07">
Strong
-</DBTooltip>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tooltip/code/Placement.html b/review/fix-a11y-form-component-ids/components/tooltip/code/Placement.html
index 4f824f114f8..bafa6f38f85 100644
--- a/review/fix-a11y-form-component-ids/components/tooltip/code/Placement.html
+++ b/review/fix-a11y-form-component-ids/components/tooltip/code/Placement.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-tooltip content="Tooltip" placement="bottom-start" id="tooltip-08-start">
+DB UI Mono<db-tooltip content="Tooltip" placement="bottom-start" id="tooltip-08-start">
bottom-start
</db-tooltip>
<i
role="tooltip"
@@ -178,4 +178,4 @@
top-end
</DBTooltip>
<DBTooltip content="Tooltip" placement="top-end" id="tooltip-09-end">
top-end
-</DBTooltip>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tooltip/code/Variant.html b/review/fix-a11y-form-component-ids/components/tooltip/code/Variant.html
index f95f65d6514..804a4a48438 100644
--- a/review/fix-a11y-form-component-ids/components/tooltip/code/Variant.html
+++ b/review/fix-a11y-form-component-ids/components/tooltip/code/Variant.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-tooltip content="Tooltip" id="tooltip-04">
+DB UI Mono<db-tooltip content="Tooltip" id="tooltip-04">
(Default) With arrow
</db-tooltip>
<i
role="tooltip"
@@ -27,4 +27,4 @@
Basic
</DBTooltip>
<DBTooltip content="Tooltip" variant="basic" id="tooltip-05">
Basic
-</DBTooltip>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tooltip/code/Width.html b/review/fix-a11y-form-component-ids/components/tooltip/code/Width.html
index e083768259a..ac2dc5e1401 100644
--- a/review/fix-a11y-form-component-ids/components/tooltip/code/Width.html
+++ b/review/fix-a11y-form-component-ids/components/tooltip/code/Width.html
@@ -1,4 +1,4 @@
-
DB UI Mono<db-tooltip
+DB UI Mono<db-tooltip
content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
id="tooltip-12"
>
@@ -48,4 +48,4 @@
id="tooltip-13"
>
Fixed
-</DBTooltip>
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tooltip/docs/Angular.html b/review/fix-a11y-form-component-ids/components/tooltip/docs/Angular.html
index 5ff19a98ee2..ba9915840fc 100644
--- a/review/fix-a11y-form-component-ids/components/tooltip/docs/Angular.html
+++ b/review/fix-a11y-form-component-ids/components/tooltip/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI MonoAngular
+
DB UI MonoAngular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -17,4 +17,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tooltip/docs/HTML.html b/review/fix-a11y-form-component-ids/components/tooltip/docs/HTML.html
index 26aa5368420..6a6e8a7a4bc 100644
--- a/review/fix-a11y-form-component-ids/components/tooltip/docs/HTML.html
+++ b/review/fix-a11y-form-component-ids/components/tooltip/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI MonoHTML
+
DB UI MonoHTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tooltip/docs/Migration.html b/review/fix-a11y-form-component-ids/components/tooltip/docs/Migration.html
index b0f0fe465a2..2e3c86ff98b 100644
--- a/review/fix-a11y-form-component-ids/components/tooltip/docs/Migration.html
+++ b/review/fix-a11y-form-component-ids/components/tooltip/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI MonoGeneral
+
DB UI MonoGeneral
Note
For a general installation or migration process check out this documentation.
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tooltip/docs/React.html b/review/fix-a11y-form-component-ids/components/tooltip/docs/React.html
index 72f3d6f2107..67640037644 100644
--- a/review/fix-a11y-form-component-ids/components/tooltip/docs/React.html
+++ b/review/fix-a11y-form-component-ids/components/tooltip/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI MonoReact
+
DB UI MonoReact
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -12,4 +12,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tooltip/docs/Vue.html b/review/fix-a11y-form-component-ids/components/tooltip/docs/Vue.html
index f135960825b..118f98dfd8b 100644
--- a/review/fix-a11y-form-component-ids/components/tooltip/docs/Vue.html
+++ b/review/fix-a11y-form-component-ids/components/tooltip/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI MonoVue
+
DB UI MonoVue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -12,4 +12,4 @@ Use component
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tooltip/how-to-use.html b/review/fix-a11y-form-component-ids/components/tooltip/how-to-use.html
index 629cc0759e4..fec94955277 100644
--- a/review/fix-a11y-form-component-ids/components/tooltip/how-to-use.html
+++ b/review/fix-a11y-form-component-ids/components/tooltip/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tooltip/migration.html b/review/fix-a11y-form-component-ids/components/tooltip/migration.html
index 9cffb8d2c9a..10edbc30503 100644
--- a/review/fix-a11y-form-component-ids/components/tooltip/migration.html
+++ b/review/fix-a11y-form-component-ids/components/tooltip/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tooltip/overview.html b/review/fix-a11y-form-component-ids/components/tooltip/overview.html
index 618c364a648..148ba5ff69c 100644
--- a/review/fix-a11y-form-component-ids/components/tooltip/overview.html
+++ b/review/fix-a11y-form-component-ids/components/tooltip/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/tooltip/properties.html b/review/fix-a11y-form-component-ids/components/tooltip/properties.html
index 12936ae34c8..2d982553b27 100644
--- a/review/fix-a11y-form-component-ids/components/tooltip/properties.html
+++ b/review/fix-a11y-form-component-ids/components/tooltip/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/components/validation.html b/review/fix-a11y-form-component-ids/components/validation.html
index cc96957a46b..e8cf7c9010f 100644
--- a/review/fix-a11y-form-component-ids/components/validation.html
+++ b/review/fix-a11y-form-component-ids/components/validation.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/foundations/colors/color-schemes.html b/review/fix-a11y-form-component-ids/foundations/colors/color-schemes.html
index aa18a7acb18..7fdb47c2d14 100644
--- a/review/fix-a11y-form-component-ids/foundations/colors/color-schemes.html
+++ b/review/fix-a11y-form-component-ids/foundations/colors/color-schemes.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/foundations/colors/overview.html b/review/fix-a11y-form-component-ids/foundations/colors/overview.html
index 7ec736b6f96..42865f9b896 100644
--- a/review/fix-a11y-form-component-ids/foundations/colors/overview.html
+++ b/review/fix-a11y-form-component-ids/foundations/colors/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/foundations/colors/readme.html b/review/fix-a11y-form-component-ids/foundations/colors/readme.html
index 6e99d9a7c06..af2cc83ae8c 100644
--- a/review/fix-a11y-form-component-ids/foundations/colors/readme.html
+++ b/review/fix-a11y-form-component-ids/foundations/colors/readme.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/foundations/densities/examples.html b/review/fix-a11y-form-component-ids/foundations/densities/examples.html
index e77ebb745cf..6a7ecd67357 100644
--- a/review/fix-a11y-form-component-ids/foundations/densities/examples.html
+++ b/review/fix-a11y-form-component-ids/foundations/densities/examples.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/foundations/densities/readme.html b/review/fix-a11y-form-component-ids/foundations/densities/readme.html
index d9f182be97d..5a4822f2dc8 100644
--- a/review/fix-a11y-form-component-ids/foundations/densities/readme.html
+++ b/review/fix-a11y-form-component-ids/foundations/densities/readme.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/foundations/font-sizes/overview.html b/review/fix-a11y-form-component-ids/foundations/font-sizes/overview.html
index 08a9f84e092..1ce15c64504 100644
--- a/review/fix-a11y-form-component-ids/foundations/font-sizes/overview.html
+++ b/review/fix-a11y-form-component-ids/foundations/font-sizes/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/foundations/font-sizes/readme.html b/review/fix-a11y-form-component-ids/foundations/font-sizes/readme.html
index 317f3a081e4..6a32acc5a4f 100644
--- a/review/fix-a11y-form-component-ids/foundations/font-sizes/readme.html
+++ b/review/fix-a11y-form-component-ids/foundations/font-sizes/readme.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/foundations/icons/custom-icons.html b/review/fix-a11y-form-component-ids/foundations/icons/custom-icons.html
index 713dc2f6df7..3beffd4abc1 100644
--- a/review/fix-a11y-form-component-ids/foundations/icons/custom-icons.html
+++ b/review/fix-a11y-form-component-ids/foundations/icons/custom-icons.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/foundations/icons/overview.html b/review/fix-a11y-form-component-ids/foundations/icons/overview.html
index 1b827ba23fd..13ae76bb109 100644
--- a/review/fix-a11y-form-component-ids/foundations/icons/overview.html
+++ b/review/fix-a11y-form-component-ids/foundations/icons/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/foundations/icons/readme.html b/review/fix-a11y-form-component-ids/foundations/icons/readme.html
index 7d0e49df726..17cd767c642 100644
--- a/review/fix-a11y-form-component-ids/foundations/icons/readme.html
+++ b/review/fix-a11y-form-component-ids/foundations/icons/readme.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/foundations/readme.html b/review/fix-a11y-form-component-ids/foundations/readme.html
index d942ffa004b..b2e31f331c5 100644
--- a/review/fix-a11y-form-component-ids/foundations/readme.html
+++ b/review/fix-a11y-form-component-ids/foundations/readme.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/foundations/variables/examples.html b/review/fix-a11y-form-component-ids/foundations/variables/examples.html
index cf26068d3b0..7a4a8cd822f 100644
--- a/review/fix-a11y-form-component-ids/foundations/variables/examples.html
+++ b/review/fix-a11y-form-component-ids/foundations/variables/examples.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/foundations/variables/readme.html b/review/fix-a11y-form-component-ids/foundations/variables/readme.html
index 53bba9a9335..d1dd6e3d5ec 100644
--- a/review/fix-a11y-form-component-ids/foundations/variables/readme.html
+++ b/review/fix-a11y-form-component-ids/foundations/variables/readme.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/iframe.html b/review/fix-a11y-form-component-ids/iframe.html
index 4b05f475872..7bf96f52aac 100644
--- a/review/fix-a11y-form-component-ids/iframe.html
+++ b/review/fix-a11y-form-component-ids/iframe.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/fix-a11y-form-component-ids/index.html b/review/fix-a11y-form-component-ids/index.html
index 0b2797a42e1..2dc7571b610 100644
--- a/review/fix-a11y-form-component-ids/index.html
+++ b/review/fix-a11y-form-component-ids/index.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file