diff --git a/1957/css/_astro/add-circular.DsFunSXn.js b/1957/css/_astro/add-circular.DsFunSXn.js
new file mode 100644
index 00000000000..2553dd5e635
--- /dev/null
+++ b/1957/css/_astro/add-circular.DsFunSXn.js
@@ -0,0 +1 @@
+class e extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML='
+ ${t.abbr}
+ ${r?' `;this.insertAdjacentHTML("afterend",a),this.remove()}}customElements.define("x-avatar",i);
diff --git a/1957/css/_astro/avatar.CMa4JXp3.css b/1957/css/_astro/avatar.CMa4JXp3.css
new file mode 100644
index 00000000000..741128a2c18
--- /dev/null
+++ b/1957/css/_astro/avatar.CMa4JXp3.css
@@ -0,0 +1 @@
+section[id^=demo]{display:grid;gap:4px}#demo-default{display:flex;align-items:end}#demo-default>*,#demo-status>*{margin-right:4px}.demo-tooltip-container{position:relative}.demo-right{top:-5px;left:100%;margin-left:5px}
diff --git a/1957/css/_astro/badge.CCCyHLRr.css b/1957/css/_astro/badge.CCCyHLRr.css
new file mode 100644
index 00000000000..64b269d3d99
--- /dev/null
+++ b/1957/css/_astro/badge.CCCyHLRr.css
@@ -0,0 +1 @@
+section[id^=demo]{padding:0 var(--iui-size-xs);display:flex;gap:var(--iui-size-2xs)}
diff --git a/1957/css/_astro/blockquote.mh7ibiSf.css b/1957/css/_astro/blockquote.mh7ibiSf.css
new file mode 100644
index 00000000000..9269c97f811
--- /dev/null
+++ b/1957/css/_astro/blockquote.mh7ibiSf.css
@@ -0,0 +1 @@
+section[id^=demo]{padding:var(--iui-size-xs)}
diff --git a/1957/css/_astro/breadcrumbs.50HWbciC.css b/1957/css/_astro/breadcrumbs.50HWbciC.css
new file mode 100644
index 00000000000..4323570d20f
--- /dev/null
+++ b/1957/css/_astro/breadcrumbs.50HWbciC.css
@@ -0,0 +1 @@
+.iui-input{width:507.52px}.iui-input-grid{margin:0}section[id^=demo]{padding:12px;margin-bottom:22px}
diff --git a/1957/css/_astro/button.D7J_cpj_.css b/1957/css/_astro/button.D7J_cpj_.css
new file mode 100644
index 00000000000..0af2a3c389e
--- /dev/null
+++ b/1957/css/_astro/button.D7J_cpj_.css
@@ -0,0 +1 @@
+#demo-default button,#demo-high-visibility button,#demo-cta button,#demo-disabled button,#demo-borderless button,#demo-split .iui-button-split{margin-right:4px}.demo-container,.iui-button-group,.iui-button-split,h3{margin-bottom:12px}.demo-container .iui-button{margin-right:4px}#demo-default button,#demo-borderless button,#demo-grouped span{margin-bottom:12px}
diff --git a/1957/css/_astro/calendar.ChnIlHgS.js b/1957/css/_astro/calendar.ChnIlHgS.js
new file mode 100644
index 00000000000..857c7c144e8
--- /dev/null
+++ b/1957/css/_astro/calendar.ChnIlHgS.js
@@ -0,0 +1 @@
+class e extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML='
+
+
+
+ `,a=`
+ :host {
+ position: fixed;
+ top: var(--iui-size-xs);
+ right: var(--iui-size-xs);
+ z-index: 100000;
+ accent-color: var(--iui-color-icon-accent);
+ pointer-events: none;
+ }
+ .settings-root {
+ display: grid;
+ justify-items: end;
+ overflow: hidden;
+ }
+ button[aria-label="Page settings"] {
+ pointer-events: auto;
+ padding: var(--iui-size-xs);
+ font: inherit;
+ border: none;
+ border-radius: 50%;
+ background-color: hsl(var(--iui-color-foreground-hsl) / 0.1);
+ backdrop-filter: blur(5px);
+ display: inline-grid;
+ cursor: pointer;
+ outline-offset: -1px;
+ transition: background-color var(--iui-duration-1) ease;
+ -webkit-tap-highlight-color: transparent;
+ }
+ @media (pointer: coarse) {
+ button[aria-label="Page settings"] {
+ padding: var(--iui-size-m);
+ }
+ }
+ button[aria-label="Page settings"]:hover,
+ button[aria-label="Page settings"]:focus-within {
+ background-color: hsl(var(--iui-color-foreground-hsl) / 0.2);
+ }
+ .popup {
+ visibility: hidden;
+ pointer-events: none;
+ box-shadow: var(--iui-shadow-1);
+ background-color: var(--iui-color-background);
+ color: var(--iui-color-text);
+ padding: var(--iui-size-xs) var(--iui-size-s);
+ margin: var(--iui-size-2xs);
+ display: flex;
+ flex-direction: column;
+ gap: var(--iui-size-xs);
+ opacity: 0;
+ user-select: none;
+ }
+ .settings-root:focus-within .popup {
+ visibility: visible;
+ pointer-events: auto;
+ opacity: 1;
+ }
+ @media (forced-colors: active) {
+ button[aria-label="Page settings"],
+ button[aria-label="Page settings"]:hover,
+ button[aria-label="Page settings"]:focus-within {
+ backdrop-filter: none;
+ background-color: Canvas;
+ }
+
+ button[aria-label="Page settings"],
+ .popup {
+ border: 1px solid;
+ }
+ }
+ @media (prefers-reduced-motion: no-preference) {
+ .popup {
+ transform: translateX(100%);
+ transition: transform var(--iui-duration-1) ease-in, visibility 0s linear var(--iui-duration-1), opacity var(--iui-duration-1) ease-in;
+ }
+ .settings-root:focus-within .popup {
+ transform: translateX(0%);
+ transition: transform var(--iui-duration-1) ease-out, visibility 0s linear 0s, opacity var(--iui-duration-1) ease-out;
+ }
+ }
+ fieldset {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ border-radius: var(--iui-border-radius-1);
+ border: 1px solid var(--iui-color-border);
+ }
+ label, input {
+ cursor: pointer;
+ }
+ `;this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML=`
+
+
+ ${e}
+ `,this.button=this.shadowRoot.querySelector('[aria-label="Page settings"]');const t=window.matchMedia("(prefers-color-scheme: dark)").matches,i=window.matchMedia("(prefers-contrast: more)").matches;this.shadowRoot.querySelector(`input[value=${t?"dark":"light"}${i?"-hc":""}`).checked=!0,document.body.dataset.iuiTheme=t?"dark":"light",document.body.dataset.iuiContrast=i?"high":void 0,document.body.classList.toggle("iui-root",!0)}changeTheme=({target:{value:e}})=>{const a=e.endsWith("-hc"),t=a?e.split("-")[0]:e;document.body.dataset.iuiTheme=t,document.body.dataset.iuiContrast=a?"high":void 0,this.shadowRoot.querySelector("#theme-color-scheme").innerHTML=`
+ :host {
+ color-scheme: ${t.includes("light")?"light":"dark"};
+ }
+ `};changeBackground=({target:{value:e}})=>{e==="bg1"?document.body.style.backgroundColor="var(--iui-color-background)":document.body.removeAttribute("style")};connectedCallback(){this.shadowRoot.querySelectorAll('input[name="theme"]').forEach(e=>{e.addEventListener("change",this.changeTheme)}),this.shadowRoot.querySelectorAll('input[name="background"]').forEach(e=>{e.addEventListener("change",this.changeBackground)})}disconnectedCallback(){this.shadowRoot.querySelectorAll('input[name="theme"]').forEach(e=>{e.removeEventListener("change",this.changeTheme)}),this.shadowRoot.querySelectorAll('input[name="background"]').forEach(e=>{e.removeEventListener("change",this.changeBackground)})}}customElements.define("theme-button",o);
diff --git a/1957/css/_astro/hoisted.DsJOxpkh.js b/1957/css/_astro/hoisted.DsJOxpkh.js
new file mode 100644
index 00000000000..856bb6e1350
--- /dev/null
+++ b/1957/css/_astro/hoisted.DsJOxpkh.js
@@ -0,0 +1 @@
+import"./info-circular.wutujAV8.js";import"./status-success.Dxes4O5Q.js";import"./hoisted.BnAK1-fb.js";import"./hoisted.B9Kj9p-S.js";import"./hoisted.Dj2e2qZ5.js";
diff --git a/1957/css/_astro/hoisted.Nt4vdOCz.js b/1957/css/_astro/hoisted.Nt4vdOCz.js
new file mode 100644
index 00000000000..bff065b1460
--- /dev/null
+++ b/1957/css/_astro/hoisted.Nt4vdOCz.js
@@ -0,0 +1 @@
+import"./hoisted.Dj2e2qZ5.js";class e extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML='
+
+ ${t}
+
+ ${e?`
+ `:""}
+
+ `;this.parentElement.insertAdjacentHTML("beforeend",s),this.remove()}}customElements.define("multi-select-tag",i);
diff --git a/1957/css/_astro/hoisted.kgwN7dZn.js b/1957/css/_astro/hoisted.kgwN7dZn.js
new file mode 100644
index 00000000000..53e8ec783c1
--- /dev/null
+++ b/1957/css/_astro/hoisted.kgwN7dZn.js
@@ -0,0 +1 @@
+import"./avatar.BP0iUzIb.js";import"./placeholder.CRc5Ch11.js";import"./more.DfgJeoq3.js";import"./info.DKJu845g.js";import"./imodel-hollow.B8Ip09iM.js";import"./checkmark.VFI-vCzs.js";import"./folder.B0gkszjf.js";import"./status-success.Dxes4O5Q.js";import"./hoisted.BnAK1-fb.js";import"./hoisted.Dj2e2qZ5.js";class t extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML='Alert | iTwinUI Alert Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Learn more
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem
+ ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem
+ ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem
+ ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem
+ ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem
+ ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
\ No newline at end of file
diff --git a/1957/css/anchor.html b/1957/css/anchor.html
new file mode 100644
index 00000000000..c934fb302a5
--- /dev/null
+++ b/1957/css/anchor.html
@@ -0,0 +1,9 @@
+ Anchor | iTwinUI Anchor Avatar | iTwinUI Avatar Default
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+ With online status
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+
+TR
+ User list
+TR
+
+RM
+
+TR
+
+RM
+ 5 Terry Rivers
+TR
+
+RM
+
+TR
+
+RM
+ 5 Terry Rivers
+TR
+
+RM
+
+TR
+
+RM
+ 5 Terry Rivers
+TR
+
+RM
+
+TR
+
+RM
+ 5 Terry Rivers
User List Stacked
+TR
+
+RM
+
+TR
+
+RM
+ 5
+TR
+
+RM
+
+TR
+
+RM
+ 5
+TR
+
+RM
+
+TR
+
+RM
+ 5
+TR
+
+RM
+
+TR
+
+RM
+ 5 Terry Rivers
Animated on hover
+TR
+
+RM
+
+TR
+
+RM
+
+TR
+
+RM
+
+TR
+
+RM
+
+TR
+
+RM
+
+TR
+
+RM
+
+TR
+
+RM
+
+TR
+
+RM
+
\ No newline at end of file
diff --git a/1957/css/badge.html b/1957/css/badge.html
new file mode 100644
index 00000000000..3fc2917f5b3
--- /dev/null
+++ b/1957/css/badge.html
@@ -0,0 +1,5 @@
+ Badge | iTwinUI Badge Soft backgrounds Default Skyblue Celery Froly Steelblue Sunglow Seabuckthorn Montecarlo Poloblue Boquet Ash Oak A long label that becomes truncated Statuses Informational Positive Negative Warning
\ No newline at end of file
diff --git a/1957/css/blockquote.html b/1957/css/blockquote.html
new file mode 100644
index 00000000000..405e643598a
--- /dev/null
+++ b/1957/css/blockquote.html
@@ -0,0 +1,11 @@
+ Blockquote | iTwinUI Blockquote
+For 36 years we have served engineers with our software, passionately believing that better
+ performing and more resilient infrastructure is essential to improve the quality of life for
+ people everywhere, sustain our environment, and grow our economies.
+
+—Greg Bentley,
+NasdaqListed
\ No newline at end of file
diff --git a/1957/css/breadcrumbs.html b/1957/css/breadcrumbs.html
new file mode 100644
index 00000000000..ad536f5b0bb
--- /dev/null
+++ b/1957/css/breadcrumbs.html
@@ -0,0 +1,7 @@
+ Breadcrumbs | iTwinUI Breadcrumbs Breadcrumbs anchor Breadcrumbs button Overflow button After clicking "you are here"
\ No newline at end of file
diff --git a/1957/css/button.html b/1957/css/button.html
new file mode 100644
index 00000000000..3067a6c4578
--- /dev/null
+++ b/1957/css/button.html
@@ -0,0 +1,5 @@
+ Button | iTwinUI Button Default High visibility Small Small left icon Small right icon Small disabled
Normal Normal left icon Normal right icon Normal disabled
Large Large left icon Large right icon Large disabled
Call to action Small Small left icon Small right icon Small disabled
Normal Normal left icon Normal right icon Normal disabled
Large Large left icon Large right icon Large disabled
Default Small Small left icon Small right icon Small dropdown Small disabled
Normal Normal left icon Normal right icon Normal dropdown Normal disabled
Large Large left icon Large right icon Large dropdown Large disabled
Borderless Small Small left icon Small right icon Small dropdown Small disabled
Normal Normal left icon Normal right icon Normal dropdown Normal disabled
Large Large left icon Large right icon Large dropdown Large disabled
With notifications Notification Notification Notification Notification
Notification Notification Notification Notification
Notification Notification Notification Notification
Grouped Default Left Middle Right Left Middle Right Left Middle Right Borderless Left Middle Right Left Middle Right Left Middle Right Split menu Small split menu Small split menu Small split menu Small split menu Split menu Split menu Split menu Split menu Large split menu Large split menu Large split menu Large split menu Input + button combo group Ideas Look to the bottom right of your browser window.
Carousel | iTwinUI Carousel Default
\ No newline at end of file
diff --git a/1957/css/checkbox.html b/1957/css/checkbox.html
new file mode 100644
index 00000000000..96387884cf6
--- /dev/null
+++ b/1957/css/checkbox.html
@@ -0,0 +1,26 @@
+ Checkbox | iTwinUI Checkbox Default Inline Without group label Specialty styling
\ No newline at end of file
diff --git a/1957/css/code.html b/1957/css/code.html
new file mode 100644
index 00000000000..66a43f633f8
--- /dev/null
+++ b/1957/css/code.html
@@ -0,0 +1,17 @@
+ Code | iTwinUI Code Codeblock HTML Copy
<!DOCTYPE html>
+ <html>
+ <head>
+ <title>Hello world</title>
+ </head>
+ <body>
+ <h1>My first website!</h1>
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ </body>
+ </html>
+ Inline
+The push() method adds one or more elements to the end
+ of an array and returns the new length of the array.
+
\ No newline at end of file
diff --git a/1957/css/color-picker.html b/1957/css/color-picker.html
new file mode 100644
index 00000000000..661cfe449fe
--- /dev/null
+++ b/1957/css/color-picker.html
@@ -0,0 +1,19 @@
+ ColorPicker | iTwinUI Color Picker Basic Advanced
\ No newline at end of file
diff --git a/1957/css/color.html b/1957/css/color.html
new file mode 100644
index 00000000000..74f2cd0ae8e
--- /dev/null
+++ b/1957/css/color.html
@@ -0,0 +1,5 @@
+ Color | iTwinUI Color Background Text: 4.5 in base themes / 7.1 in high contrast themes Normal text Muted text Placeholder text Informational text Positive text Warning text Negative text Disabled text Icon: 3.1 in base themes / 5.1 in high contrast themes Actionable icon Muted icon Informational icon Positive icon Warning icon Negative icon Disabled icon Background hover Background backdrop hover Background transparent hover Background backdrop Text: 4.5 in base themes / 7.1 in high contrast themes Normal text Muted text Informational text Positive text Warning text Negative text Disabled text Icon: 3.1 in base themes / 5.1 in high contrast themes Actionable icon Muted icon Informational icon Positive icon Warning icon Negative icon Disabled icon Background hover Background backdrop hover Background transparent hover Background disabled Background hover Background backdrop hover Background transparent hover Border subtle Background hover Background backdrop hover Background transparent hover Border Background hover Background backdrop hover Background transparent hover Background positive Background positive hover Background negative Background negative hover Background positive muted Background negative muted
\ No newline at end of file
diff --git a/1957/css/column-filter.html b/1957/css/column-filter.html
new file mode 100644
index 00000000000..64dda2ed233
--- /dev/null
+++ b/1957/css/column-filter.html
@@ -0,0 +1,5 @@
+ Column filter | iTwinUI Column filter Text filter Date filter
\ No newline at end of file
diff --git a/1957/css/date-picker.html b/1957/css/date-picker.html
new file mode 100644
index 00000000000..b18ca544fda
--- /dev/null
+++ b/1957/css/date-picker.html
@@ -0,0 +1,487 @@
+ Date picker | iTwinUI Date picker Date August 2020
+2
+
+3
+
+4
+
+5
+
+6
+
+7
+
+8
+
+9
+
+10
+
+11
+
+12
+
+13
+
+14
+
+15
+
+16
+
+17
+
+18
+
+19
+
+20
+
+21
+
+22
+
+23
+
+24
+
+25
+
+26
+
+27
+
+28
+
+29
+
Year skipping buttons August 2020
+26
+
+27
+
+28
+
+29
+
+30
+
+31
+
+1
+
+2
+
+3
+
+4
+
+5
+
+6
+
+7
+
+8
+
+9
+
+10
+
+11
+
+12
+
+13
+
+14
+
+15
+
+16
+
+17
+
+18
+
+19
+
+20
+
+21
+
+22
+
+23
+
+24
+
+25
+
+26
+
+27
+
+28
+
+29
+
+30
+
+31
+
+1
+
+2
+
+3
+
+4
+
+5
+
Date & time August 2020
+26
+
+27
+
+28
+
+29
+
+30
+
+31
+
+1
+
+2
+
+3
+
+4
+
+5
+
+6
+
+7
+
+8
+
+9
+
+10
+
+11
+
+12
+
+13
+
+14
+
+15
+
+16
+
+17
+
+18
+
+19
+
+20
+
+21
+
+22
+
+23
+
+24
+
+25
+
+26
+
+27
+
+28
+
+29
+
+30
+
+31
+
+1
+
+2
+
+3
+
+4
+
+5
+
12:00 12:15 12:30 12:45 1:00 1:15 1:30 1:45 2:00 2:15 2:30 2:45 3:00 3:15 3:30 3:45 4:00 4:15 4:30 4:45 5:00 5:15 5:30 5:45 6:00 6:15 6:30 6:45 7:00 7:15 7:30 7:45 8:00 8:15 8:30 8:45 9:00 9:15 9:30 9:45 10:00 10:15 10:30 10:45 11:00 11:15 11:30 11:45 24hr format August 2020
+26
+
+27
+
+28
+
+29
+
+30
+
+31
+
+1
+
+2
+
+3
+
+4
+
+5
+
+6
+
+7
+
+8
+
+9
+
+10
+
+11
+
+12
+
+13
+
+14
+
+15
+
+16
+
+17
+
+18
+
+19
+
+20
+
+21
+
+22
+
+23
+
+24
+
+25
+
+26
+
+27
+
+28
+
+29
+
+30
+
+31
+
+1
+
+2
+
+3
+
+4
+
+5
+
00:00 00:15 00:30 00:45 1:00 1:15 1:30 1:45 2:00 2:15 2:30 2:45 3:00 3:15 3:30 3:45 4:00 4:15 4:30 4:45 5:00 5:15 5:30 5:45 6:00 6:15 6:30 6:45 7:00 7:15 7:30 7:45 8:00 8:15 8:30 8:45 9:00 9:15 9:30 9:45 10:00 10:15 10:30 10:45 11:00 11:15 11:30 11:45 12:00 12:15 12:30 12:45 13:00 13:15 13:30 13:45 14:00 14:15 14:30 14:45 15:00 15:15 15:30 15:45 16:00 16:15 16:30 16:45 17:00 17:15 17:30 17:45 18:00 18:15 18:30 18:45 19:00 19:15 19:30 19:45 20:00 20:15 20:30 20:45 21:00 21:15 21:30 21:45 22:00 22:15 22:30 22:45 23:00 23:15 23:30 23:45 Date range August 2020
+26
+
+27
+
+28
+
+29
+
+30
+
+31
+
+1
+
+2
+
+3
+
+4
+
+5
+
+6
+
+7
+
+8
+
+9
+
+10
+
+11
+
+12
+
+13
+
+14
+
+15
+
+16
+
+17
+
+18
+
+19
+
+20
+
+21
+
+22
+
+23
+
+24
+
+25
+
+26
+
+27
+
+28
+
+29
+
+30
+
+31
+
+1
+
+2
+
+3
+
+4
+
+5
+
Some dates disabled August 2020
+26
+
+27
+
+28
+
+29
+
+30
+
+31
+
+1
+
+2
+
+3
+
+4
+
+5
+
+6
+
+7
+
+8
+
+9
+
+10
+
+11
+
+12
+
+13
+
+14
+
+15
+
+16
+
+17
+
+18
+
+19
+
+20
+
+21
+
+22
+
+23
+
+24
+
+25
+
+26
+
+27
+
+28
+
+29
+
+30
+
+31
+
+1
+
+2
+
+3
+
+4
+
+5
+
\ No newline at end of file
diff --git a/1957/css/dialog.html b/1957/css/dialog.html
new file mode 100644
index 00000000000..29d117d735a
--- /dev/null
+++ b/1957/css/dialog.html
@@ -0,0 +1,118 @@
+ Dialog | iTwinUI Dialog
+Open dialog
+
+Open full page dialog
+
+Toggle draggable dialog
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+ ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+ sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+ est laborum.
+
Proceed Cancel
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+ ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+ sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+ est laborum.
+
Proceed Cancel
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+ ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+ sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+ est laborum.
+
Proceed Cancel
+Open relative to container dialog
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
+ dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+ mollit anim id est laborum.
+
Proceed Cancel
+Open with backdrop relative to container dialog
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
+ dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+ mollit anim id est laborum.
+
Proceed Cancel
\ No newline at end of file
diff --git a/1957/css/expandable-block.html b/1957/css/expandable-block.html
new file mode 100644
index 00000000000..4a08e11daec
--- /dev/null
+++ b/1957/css/expandable-block.html
@@ -0,0 +1,89 @@
+ Expandable block | iTwinUI Expandable block Default
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
+ dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+ mollit anim id est laborum.
+
Captions Expandable block title
Collapsed block caption
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
+ dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+ mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
+ dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+ mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
+ dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+ mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
+ dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+ mollit anim id est laborum.
+
Small
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
+ dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+ mollit anim id est laborum.
+
Borderless
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
+ dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+ mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
+ dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+ mollit anim id est laborum.
+
\ No newline at end of file
diff --git a/1957/css/favicon.ico b/1957/css/favicon.ico
new file mode 100644
index 00000000000..4c9f1757cae
Binary files /dev/null and b/1957/css/favicon.ico differ
diff --git a/1957/css/favicon.svg b/1957/css/favicon.svg
new file mode 100644
index 00000000000..7499ca95022
--- /dev/null
+++ b/1957/css/favicon.svg
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/1957/css/fieldset.html b/1957/css/fieldset.html
new file mode 100644
index 00000000000..dff1b27f569
--- /dev/null
+++ b/1957/css/fieldset.html
@@ -0,0 +1,5 @@
+ Fieldset | iTwinUI Fieldset File Upload | iTwinUI File upload Text area Table Not wrapping anything File Card File Card (Wrapped with iui-file-upload and iui-content)
\ No newline at end of file
diff --git a/1957/css/fonts/noto-sans-mono-all-400-normal.woff b/1957/css/fonts/noto-sans-mono-all-400-normal.woff
new file mode 100644
index 00000000000..8ddc1b2ff92
Binary files /dev/null and b/1957/css/fonts/noto-sans-mono-all-400-normal.woff differ
diff --git a/1957/css/fonts/noto-sans-v27-latin-300.woff2 b/1957/css/fonts/noto-sans-v27-latin-300.woff2
new file mode 100644
index 00000000000..7354f698a3c
Binary files /dev/null and b/1957/css/fonts/noto-sans-v27-latin-300.woff2 differ
diff --git a/1957/css/fonts/noto-sans-v27-latin-600.woff2 b/1957/css/fonts/noto-sans-v27-latin-600.woff2
new file mode 100644
index 00000000000..e2b9d3f0951
Binary files /dev/null and b/1957/css/fonts/noto-sans-v27-latin-600.woff2 differ
diff --git a/1957/css/fonts/noto-sans-v27-latin-700.woff2 b/1957/css/fonts/noto-sans-v27-latin-700.woff2
new file mode 100644
index 00000000000..e805a0097b9
Binary files /dev/null and b/1957/css/fonts/noto-sans-v27-latin-700.woff2 differ
diff --git a/1957/css/fonts/noto-sans-v27-latin-italic.woff2 b/1957/css/fonts/noto-sans-v27-latin-italic.woff2
new file mode 100644
index 00000000000..4fe4de1f715
Binary files /dev/null and b/1957/css/fonts/noto-sans-v27-latin-italic.woff2 differ
diff --git a/1957/css/fonts/noto-sans-v27-latin-regular.woff2 b/1957/css/fonts/noto-sans-v27-latin-regular.woff2
new file mode 100644
index 00000000000..b84370d5f5b
Binary files /dev/null and b/1957/css/fonts/noto-sans-v27-latin-regular.woff2 differ
diff --git a/1957/css/footer.html b/1957/css/footer.html
new file mode 100644
index 00000000000..3c6caac443e
--- /dev/null
+++ b/1957/css/footer.html
@@ -0,0 +1,9 @@
+ Footer | iTwinUI Footer
\ No newline at end of file
diff --git a/1957/css/header.html b/1957/css/header.html
new file mode 100644
index 00000000000..dce5353da30
--- /dev/null
+++ b/1957/css/header.html
@@ -0,0 +1,37 @@
+ Header | iTwinUI Header
Default Slim
+Split Menu Buttons
+ Disabled Animation (Toggle default ⇔ slim)
\ No newline at end of file
diff --git a/1957/css/iModel-loader.html b/1957/css/iModel-loader.html
new file mode 100644
index 00000000000..788384ee376
--- /dev/null
+++ b/1957/css/iModel-loader.html
@@ -0,0 +1,33 @@
+ iModel Loader | iTwinUI iModel Loader Sample loading This is sample use case.
+You can find this loader in iTwinUI illustrations package.
+
+Use this loader with caution.
+
\ No newline at end of file
diff --git a/1957/css/icon.html b/1957/css/icon.html
new file mode 100644
index 00000000000..a05f793f940
--- /dev/null
+++ b/1957/css/icon.html
@@ -0,0 +1,21 @@
+ Icon | iTwinUI Icon Non-actionable icons Actionable icons Icons with padding Icons with status Auto scale with text
\ No newline at end of file
diff --git a/1957/css/index.html b/1957/css/index.html
new file mode 100644
index 00000000000..1bd3254e04b
--- /dev/null
+++ b/1957/css/index.html
@@ -0,0 +1,7 @@
+ iTwinUI iTwinUI-CSS
+This site is specifically designed for testing the CSS from @itwin/itwinui-css. To learn more about iTwinUI, please visit the iTwinUI documentation site .
+
\ No newline at end of file
diff --git a/1957/css/information-panel.html b/1957/css/information-panel.html
new file mode 100644
index 00000000000..758580f9abc
--- /dev/null
+++ b/1957/css/information-panel.html
@@ -0,0 +1,196 @@
+ Information panel | iTwinUI Information panel Input grid | iTwinUI Input grid Default Inline
\ No newline at end of file
diff --git a/1957/css/input.html b/1957/css/input.html
new file mode 100644
index 00000000000..c4fa3e077da
--- /dev/null
+++ b/1957/css/input.html
@@ -0,0 +1,5 @@
+ Input | iTwinUI Input Default Inline Hybrid layouts Without label Auto-complete demo No wrapping label Search box
\ No newline at end of file
diff --git a/1957/css/keyboard.html b/1957/css/keyboard.html
new file mode 100644
index 00000000000..5a396277dc3
--- /dev/null
+++ b/1957/css/keyboard.html
@@ -0,0 +1,11 @@
+ Keyboard | iTwinUI Keyboard Default a b c Ctrl ⇧ Shift s ⌘ ⌥ ⏏ ⌫ ↵ ↑ ← ↓ →
W A S D
+Use the keyboard shortcut
+Ctrl
++
+s
+to Save.
+
\ No newline at end of file
diff --git a/1957/css/menu.html b/1957/css/menu.html
new file mode 100644
index 00000000000..a49cf3a26ec
--- /dev/null
+++ b/1957/css/menu.html
@@ -0,0 +1,186 @@
+ Menu | iTwinUI Menu Default Skeleton In context Header Select Small select label
Default select label
Large select label
Default button Borderless button
\ No newline at end of file
diff --git a/1957/css/non-ideal-state.html b/1957/css/non-ideal-state.html
new file mode 100644
index 00000000000..a49630c3177
--- /dev/null
+++ b/1957/css/non-ideal-state.html
@@ -0,0 +1,36 @@
+ Non ideal state | iTwinUI Non-ideal state
\ No newline at end of file
diff --git a/1957/css/progress-indicator.html b/1957/css/progress-indicator.html
new file mode 100644
index 00000000000..f92d7b5fac6
--- /dev/null
+++ b/1957/css/progress-indicator.html
@@ -0,0 +1,33 @@
+ Progress indicator | iTwinUI Progress indicator Linear Determinate
+For determinate variants, percentage is set by
+--iui-progress-percentage.
+
Upload successful with warnings!
Indeterminate
Upload successful with warnings!
Radial Determinate
+For determinate variants, percentage is set by
+--iui-progress-percentage.
+
Indeterminate Overlay
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
\ No newline at end of file
diff --git a/1957/css/radio-tile.html b/1957/css/radio-tile.html
new file mode 100644
index 00000000000..37cb8a45190
--- /dev/null
+++ b/1957/css/radio-tile.html
@@ -0,0 +1,34 @@
+ Radio tile | iTwinUI Radio tile Radio | iTwinUI Radio Default Inline Without group label
\ No newline at end of file
diff --git a/1957/css/select.html b/1957/css/select.html
new file mode 100644
index 00000000000..17cb5a4f0f6
--- /dev/null
+++ b/1957/css/select.html
@@ -0,0 +1,40 @@
+ Select | iTwinUI Select Default Select label
Select native label
Placeholder… Option one Option two Option three
ComboBox label
ComboBox multiselect label
Disabled ComboBox label
Select label
Select label
Select native label
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
+ dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+ mollit anim id est laborum. Option two Option three
Select label
Select label
Select native label
Small native Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
+ dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+ mollit anim id est laborum. Large native
Select label
Select label
Select label
Select native label
Option one Option two Option three
Select native label
Option one Option two Option three
Select native label
Option one Option two Option three
Borderless Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+ ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+ sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+ est laborum. Option two Option three
Small native Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+ ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+ sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+ est laborum. Large native
Option one Option two Option three
Option one Option two Option three
Option one Option two Option three
Sizes Small native Default native Large native
Small native Default native Large native
Small native Default native Large native
Without label In context Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+ ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+ sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+ est laborum.
Add Multi select
\ No newline at end of file
diff --git a/1957/css/side-navigation.html b/1957/css/side-navigation.html
new file mode 100644
index 00000000000..77b4ed56ce1
--- /dev/null
+++ b/1957/css/side-navigation.html
@@ -0,0 +1,22 @@
+ Side navigation | iTwinUI Side navigation Default Home Home Documents Documents Map Map Archives Archives Calendar Calendar
Administration Administration
With submenu open With submenu open & active
\ No newline at end of file
diff --git a/1957/css/skip-to-content.html b/1957/css/skip-to-content.html
new file mode 100644
index 00000000000..e8bece0f7cf
--- /dev/null
+++ b/1957/css/skip-to-content.html
@@ -0,0 +1,12 @@
+ Skip to content link | iTwinUI Skip to main content Skip to content link
+This is not the main content. Press tab to see
+ skip-to-content-link component. You might need to click on the top of the page or the URL
+ first. Press ↵ after focusing
+ on skip-to-content-link to skip to the main content below.
+
Slider | iTwinUI Slider Horizontal Vertical
\ No newline at end of file
diff --git a/1957/css/stepper.html b/1957/css/stepper.html
new file mode 100644
index 00000000000..ab4070d1410
--- /dev/null
+++ b/1957/css/stepper.html
@@ -0,0 +1,6 @@
+ Stepper | iTwinUI Stepper Default 1
First step
2
Completed step
3
Current step
4
Next step
5
Last step
1
First step
2
Completed step
3
Current step
4
Next step
5
Last step
1
First step
2
Completed step
3
Current step
4
Next step
5
Last step
Long 1
2
3
4
5
6
7
Step 3 of 7: Name of current step
+
\ No newline at end of file
diff --git a/1957/css/surface.html b/1957/css/surface.html
new file mode 100644
index 00000000000..2a4bf0948d7
--- /dev/null
+++ b/1957/css/surface.html
@@ -0,0 +1,24 @@
+ Surface | iTwinUI Surface
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+ ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+ sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+ est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+ ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+ sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+ est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
+ dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
+ anim id est laborum.
+
View all Elevations
\ No newline at end of file
diff --git a/1957/css/table.html b/1957/css/table.html
new file mode 100644
index 00000000000..aee257c45b6
--- /dev/null
+++ b/1957/css/table.html
@@ -0,0 +1,511 @@
+ Table | iTwinUI Table Default
+This is not a real world example, please use pieces as necessary.
+
+A Folder With A Really Long Name That Will Be Split Into Multiple Lines After So Long
+
Last week
252 MB
+A few minutes ago
+
9 MB
+A few minutes ago
+
963 MB
+MyFileWithAReallyLongNameThatWillBeSplitIntoMultipleLinesAfterSoLong_FinalVersion_V2.svg
+
+A few minutes ago
+
64 KB
+A Folder With A Really Long Name That Will Be Split Into Multiple Lines After So Long
+
Last week
252 MB
+A few minutes ago
+
9 MB
+A few minutes ago
+
963 MB
+MyFileWithAReallyLongNameThatWillBeSplitIntoMultipleLinesAfterSoLong_FinalVersion_V2.svg
+
+A few minutes ago
+
64 KB
+A Folder With A Really Long Name That Will Be Split Into Multiple Lines After So Long
+
Last week
252 MB
+A few minutes ago
+
9 MB
+A few minutes ago
+
963 MB
+MyFileWithAReallyLongNameThatWillBeSplitIntoMultipleLinesAfterSoLong_FinalVersion_V2.svg
+
+A few minutes ago
+
64 KB
Status rows and cells
+A few minutes ago
+
9 MB
+A few minutes ago
+
963 MB
+MyFileWithAReallyLongNameThatWillBeSplitIntoMultipleLinesAfterSoLong_FinalVersion_V2.svg
+
+A few minutes ago
+
64 KB
+disabled-positive-row.svg
+
+A few minutes ago
+
1.9 GB
+disabled-warning-row.svg
+
+A few minutes ago
+
1.9 GB
+disabled-negative-row.svg
+
+A few minutes ago
+
1.9 GB
Additional options
+Sticky header, sticky columns, zebra striping, pagination, editable cells, & scroll snapping.
+
Expandable rows Loading Empty state
\ No newline at end of file
diff --git a/1957/css/tabs.html b/1957/css/tabs.html
new file mode 100644
index 00000000000..de85ddca425
--- /dev/null
+++ b/1957/css/tabs.html
@@ -0,0 +1,220 @@
+ Tabs | iTwinUI Tabs Default Active Sublabel Left Sublabel Disabled Sublabel None
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+This is the left tab's content.
+
+This is the none tab's content.
+
Active Sublabel Left Sublabel Disabled Sublabel None
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+This is the left tab's content.
+
+This is the none tab's content.
+
Active Sublabel Left Sublabel Disabled Sublabel None
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+This is the left tab's content.
+
+This is the none tab's content.
+
This is a very long 'Active' tab content, which hopefully will wrap if all tab headers
+ content is pretty long and cannot fit in viewport width Sublabel Left This is a very long 'Left' tab sublabel, which hopefully will wrap if all tab headers
+ content is pretty long and cannot fit in viewport width Disabled Sublabel None
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+This is the left tab's content.
+
+This is the none tab's content.
+
Active Sublabel Left Sublabel Disabled Sublabel None
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+This is the left tab's content.
+
+This is the none tab's content.
+
Active Sublabel Left Sublabel Disabled Sublabel None
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+This is the left tab's content.
+
+This is the none tab's content.
+
Overflow Active Sublabel Left Sublabel Disabled Sublabel None #5 item Sublabel #6 Item Sublabel #7 Item Sublabel #8 Item #9 Item Sublabel #10 Item Sublabel
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+This is the left tab's content.
+
+This is the none tab's content.
+
Active Sublabel Left Sublabel Disabled Sublabel None Disabled 2 Sublabel None 2
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+This is the left tab's content.
+
+This is the none tab's content.
+
Borderless Active Sublabel Left Sublabel Disabled Sublabel None
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+This is the left tab's content.
+
+This is the none tab's content.
+
Active Sublabel Left Sublabel Disabled Sublabel None
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+This is the left tab's content.
+
+This is the none tab's content.
+
Active Sublabel Left Sublabel Disabled Sublabel None
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+This is the left tab's content.
+
+This is the none tab's content.
+
This is a very long 'Active' tab content, which hopefully will wrap if all tab headers
+ content is pretty long and cannot fit in viewport width Sublabel Left This is a very long 'Left' tab sublabel, which hopefully will wrap if all tab headers
+ content is pretty long and cannot fit in viewport width Disabled Sublabel None
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+This is the left tab's content.
+
+This is the none tab's content.
+
Active Sublabel Left Sublabel Disabled Sublabel None
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+This is the left tab's content.
+
+This is the none tab's content.
+
Active Sublabel Left Sublabel Disabled Sublabel None
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+This is the left tab's content.
+
+This is the none tab's content.
+
Pill Active Sublabel Left Sublabel Disabled Sublabel None
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+This is the left tab's content.
+
+This is the none tab's content.
+
Active Sublabel Left Sublabel Disabled Sublabel None
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+This is the left tab's content.
+
+This is the none tab's content.
+
This is a very long 'Active' tab content, which hopefully will wrap if all tab headers
+ content is pretty long and cannot fit in viewport width Sublabel This is a very long 'Left' tab content, which hopefully will wrap if all tab headers
+ content is pretty long and cannot fit in viewport width Sublabel Disabled Sublabel None
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+ laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+ voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+This is the left tab's content.
+
+This is the none tab's content.
+
\ No newline at end of file
diff --git a/1957/css/tag.html b/1957/css/tag.html
new file mode 100644
index 00000000000..5a8d0c872a0
--- /dev/null
+++ b/1957/css/tag.html
@@ -0,0 +1,5 @@
+ Tag | iTwinUI Tag Default Tag Overflowing tag No button Default tag containers Tag Long tag Very long tag Very very long tag Tag Long tag Very long tag Very very long tag Tag Long tag Very long tag Very very long tag
Tag Long tag Very long tag Very very long tag
Tag Long tag Very long tag Very very long tag Tag Long tag Very long tag Very very long tag Tag Long tag Very long tag Very very long tag
Basic tag containers Truncate basic tag containers tags go here tags go here tags go here tags go here tags go here tags go here
\ No newline at end of file
diff --git a/1957/css/textarea.html b/1957/css/textarea.html
new file mode 100644
index 00000000000..df8503b0270
--- /dev/null
+++ b/1957/css/textarea.html
@@ -0,0 +1,5 @@
+ Textarea | iTwinUI Text area Default Textarea label
Textarea label
Textarea label
Textarea label
Textarea label
Textarea label
Textarea label
Inline Textarea label
Textarea label
Textarea label
Textarea label
Textarea label
Textarea label
Textarea label
\ No newline at end of file
diff --git a/1957/css/tile.html b/1957/css/tile.html
new file mode 100644
index 00000000000..18e26212b75
--- /dev/null
+++ b/1957/css/tile.html
@@ -0,0 +1,129 @@
+ Tile | iTwinUI Tile Everything turned on
+This is not a real world example, please use pieces as necessary.
+
Super long tile name that will truncate
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+ ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+ sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+ est laborum.
+
Button 1 Button 2
Title
+This tile uses a DIV with a background image & only has 1 button.
+
Metadata
Only button
Lots of badges
This tile uses many badges.
Default Tile name
+Bentley Systems, Incorporated, is an American-based software development company that
+ develops, manufactures, licenses, sells and supports computer software and services for
+ the design, construction, and operation of infrastructure.
+
Tile name
+Bentley Systems, Incorporated, is an American-based software development company that
+ develops, manufactures, licenses, sells and supports computer software and services for
+ the design, construction, and operation of infrastructure.
+
+Bentley Systems, Incorporated, is an American-based software development company that
+ develops, manufactures, licenses, sells and supports computer software and services for
+ the design, construction, and operation of infrastructure.
+
Tile name
+Bentley Systems, Incorporated, is an American-based software development company that
+ develops, manufactures, licenses, sells and supports computer software and services for
+ the design, construction, and operation of infrastructure.
+
User Location Bentley Systems Headquarters
685 Stockton Drive, Exton, PA 19341
+ID: 10001
Manage Projects
Bentley Systems Headquarters
685 Stockton Drive, Exton, PA 19341
+ID: 10001
Manage Projects
Video Video name
+Are you ready to be inspired by some of the world’s most impressive infrastructure
+ projects? We have highlighted a few of the most impressive projects that were made
+ possible with Bentley.
+
Dec 31, 2020 @ 2:00pm
Video name
+Are you ready to be inspired by some of the world’s most impressive infrastructure
+ projects? We have highlighted a few of the most impressive projects that were made
+ possible with Bentley.
+
Dec 31, 2020 @ 2:00pm
Video name
+Are you ready to be inspired by some of the world’s most impressive infrastructure
+ projects? We have highlighted a few of the most impressive projects that were made
+ possible with Bentley.
+
Dec 31, 2020 @ 2:00pm
Folder
Folder name
+A collection of all Bentley Systems 2D and 3D marketing assets.
+
Folder name
+A collection of all Bentley Systems 2D and 3D marketing assets.
+
Folder name
+A collection of all Bentley Systems 2D and 3D marketing assets.
+
Folder name
+A collection of all Bentley Systems 2D and 3D marketing assets.
+
Action States charlie.pdf
+Bentley Systems, Incorporated, is an American-based software development company that
+ develops, manufactures, licenses, sells and supports computer software and services for
+ the design, construction, and operation of infrastructure.
+
delta.jpg
+Bentley Systems, Incorporated, is an American-based software development company that
+ develops, manufactures, licenses, sells and supports computer software and services for
+ the design, construction, and operation of infrastructure.
+
MyFileWithAReallyLongNameThatWillBeSplitIntoMultipleLinesAfterSoLong_FinalVersion_V2.svg
+Bentley Systems, Incorporated, is an American-based software development company that
+ develops, manufactures, licenses, sells and supports computer software and services for
+ the design, construction, and operation of infrastructure.
+
Disabled
+Bentley Systems, Incorporated, is an American-based software development company that
+ develops, manufactures, licenses, sells and supports computer software and services for
+ the design, construction, and operation of infrastructure.
+
Disabled
+Bentley Systems, Incorporated, is an American-based software development company that
+ develops, manufactures, licenses, sells and supports computer software and services for
+ the design, construction, and operation of infrastructure.
+
Folder name
+A collection of all Bentley Systems 2D and 3D marketing assets.
+
Folder name
+A collection of all Bentley Systems 2D and 3D marketing assets.
+
Folder name
+A collection of all Bentley Systems 2D and 3D marketing assets.
+
Folder name
+A collection of all Bentley Systems 2D and 3D marketing assets.
+
Folder name
+A collection of all Bentley Systems 2D and 3D marketing assets.
+
\ No newline at end of file
diff --git a/1957/css/time-picker.html b/1957/css/time-picker.html
new file mode 100644
index 00000000000..5a764f4a59c
--- /dev/null
+++ b/1957/css/time-picker.html
@@ -0,0 +1,4 @@
+ Time picker | iTwinUI Time picker Time 00:00 00:15 00:30 00:45 1:00 1:15 1:30 1:45 2:00 2:15 2:30 2:45 3:00 3:15 3:30 3:45 4:00 4:15 4:30 4:45 5:00 5:15 5:30 5:45 6:00 6:15 6:30 6:45 7:00 7:15 7:30 7:45 8:00 8:15 8:30 8:45 9:00 9:15 9:30 9:45 10:00 10:15 10:30 10:45 11:00 11:15 11:30 11:45 12:00 12:15 12:30 12:45 13:00 13:15 13:30 13:45 14:00 14:15 14:30 14:45 15:00 15:15 15:30 15:45 16:00 16:15 16:30 16:45 17:00 17:15 17:30 17:45 18:00 18:15 18:30 18:45 19:00 19:15 19:30 19:45 20:00 20:15 20:30 20:45 21:00 21:15 21:30 21:45 22:00 22:15 22:30 22:45 23:00 23:15 23:30 23:45 Hours & minutes 01 02 03 04 05 06 07 08 09 10 11 12 00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59
\ No newline at end of file
diff --git a/1957/css/toast.html b/1957/css/toast.html
new file mode 100644
index 00000000000..47e73a922ea
--- /dev/null
+++ b/1957/css/toast.html
@@ -0,0 +1,25 @@
+ Toast notification | iTwinUI Toast Toggle switch | iTwinUI Toggle switch Default Small Without group label Toggle switch on left Toggle switch on right No label
\ No newline at end of file
diff --git a/1957/css/tooltip.html b/1957/css/tooltip.html
new file mode 100644
index 00000000000..1b8a3559aec
--- /dev/null
+++ b/1957/css/tooltip.html
@@ -0,0 +1,33 @@
+ Tooltip | iTwinUI Tooltip TransferList | iTwinUI TransferList Tree | iTwinUI Tree Default Tree With Captions
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+ irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
+ deserunt mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+ irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
+ deserunt mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+ nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+ fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+ nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+ fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+ nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+ fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+ irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
+ deserunt mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+ irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
+ deserunt mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+ nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+ fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+ irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
+ deserunt mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+ irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
+ deserunt mollit anim id est laborum.
+
With Checkbox Disabled With Icons Small size
\ No newline at end of file
diff --git a/1957/css/typography.html b/1957/css/typography.html
new file mode 100644
index 00000000000..4bf72145720
--- /dev/null
+++ b/1957/css/typography.html
@@ -0,0 +1,19 @@
+ Typography | iTwinUI Typography Skeleton text Headline Title Subheading Leading Body
Muted
Small
\ No newline at end of file
diff --git a/1957/css/variables.html b/1957/css/variables.html
new file mode 100644
index 00000000000..8353e4198e3
--- /dev/null
+++ b/1957/css/variables.html
@@ -0,0 +1,5 @@
+ Variables | iTwinUI Variables Background
iui-color-background-zebra
iui-color-background-hover
iui-color-background-backdrop
iui-color-background-backdrop-hover
iui-color-background-disabled
iui-color-background-transparent-hover
iui-color-background-accent
iui-color-background-informational
iui-color-background-positive
iui-color-background-warning
iui-color-background-negative
iui-color-background-accent-hover
iui-color-background-informational-hover
iui-color-background-positive-hover
iui-color-background-warning-hover
iui-color-background-negative-hover
iui-color-background-accent-muted
iui-color-background-informational-muted
iui-color-background-positive-muted
iui-color-background-warning-muted
iui-color-background-negative-muted
Border
iui-color-border-foreground
iui-color-border-foreground-hover
iui-color-border-disabled
iui-color-border-informational
iui-color-border-positive
iui-color-border-negative
Icons
iui-color-border-icon-muted-hover
iui-color-icon-informational
Text
iui-color-text-informational
iui-color-text-accent-hover
iui-color-text-informational-hover
iui-color-text-positive-hover
iui-color-text-warning-hover
iui-color-text-negative-hover
Font size Font weight --iui-font-weight-semibold
\ No newline at end of file
diff --git a/1957/css/workflow-diagram.html b/1957/css/workflow-diagram.html
new file mode 100644
index 00000000000..3ac7d4bcd55
--- /dev/null
+++ b/1957/css/workflow-diagram.html
@@ -0,0 +1,5 @@
+ Workflow Diagram | iTwinUI Workflow diagram Start Set parameters Invite collaborators Review & approve Complete
\ No newline at end of file
':""}
+ `;this.insertAdjacentHTML("afterend",a),this.remove()}}customElements.define("x-avatar",i);
diff --git a/1957/css/_astro/avatar.CMa4JXp3.css b/1957/css/_astro/avatar.CMa4JXp3.css
new file mode 100644
index 00000000000..741128a2c18
--- /dev/null
+++ b/1957/css/_astro/avatar.CMa4JXp3.css
@@ -0,0 +1 @@
+section[id^=demo]{display:grid;gap:4px}#demo-default{display:flex;align-items:end}#demo-default>*,#demo-status>*{margin-right:4px}.demo-tooltip-container{position:relative}.demo-right{top:-5px;left:100%;margin-left:5px}
diff --git a/1957/css/_astro/badge.CCCyHLRr.css b/1957/css/_astro/badge.CCCyHLRr.css
new file mode 100644
index 00000000000..64b269d3d99
--- /dev/null
+++ b/1957/css/_astro/badge.CCCyHLRr.css
@@ -0,0 +1 @@
+section[id^=demo]{padding:0 var(--iui-size-xs);display:flex;gap:var(--iui-size-2xs)}
diff --git a/1957/css/_astro/blockquote.mh7ibiSf.css b/1957/css/_astro/blockquote.mh7ibiSf.css
new file mode 100644
index 00000000000..9269c97f811
--- /dev/null
+++ b/1957/css/_astro/blockquote.mh7ibiSf.css
@@ -0,0 +1 @@
+section[id^=demo]{padding:var(--iui-size-xs)}
diff --git a/1957/css/_astro/breadcrumbs.50HWbciC.css b/1957/css/_astro/breadcrumbs.50HWbciC.css
new file mode 100644
index 00000000000..4323570d20f
--- /dev/null
+++ b/1957/css/_astro/breadcrumbs.50HWbciC.css
@@ -0,0 +1 @@
+.iui-input{width:507.52px}.iui-input-grid{margin:0}section[id^=demo]{padding:12px;margin-bottom:22px}
diff --git a/1957/css/_astro/button.D7J_cpj_.css b/1957/css/_astro/button.D7J_cpj_.css
new file mode 100644
index 00000000000..0af2a3c389e
--- /dev/null
+++ b/1957/css/_astro/button.D7J_cpj_.css
@@ -0,0 +1 @@
+#demo-default button,#demo-high-visibility button,#demo-cta button,#demo-disabled button,#demo-borderless button,#demo-split .iui-button-split{margin-right:4px}.demo-container,.iui-button-group,.iui-button-split,h3{margin-bottom:12px}.demo-container .iui-button{margin-right:4px}#demo-default button,#demo-borderless button,#demo-grouped span{margin-bottom:12px}
diff --git a/1957/css/_astro/calendar.ChnIlHgS.js b/1957/css/_astro/calendar.ChnIlHgS.js
new file mode 100644
index 00000000000..857c7c144e8
--- /dev/null
+++ b/1957/css/_astro/calendar.ChnIlHgS.js
@@ -0,0 +1 @@
+class e extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-calendar",e);
diff --git a/1957/css/_astro/carousel.aess_MxP.css b/1957/css/_astro/carousel.aess_MxP.css
new file mode 100644
index 00000000000..2dede180ff2
--- /dev/null
+++ b/1957/css/_astro/carousel.aess_MxP.css
@@ -0,0 +1 @@
+section[id^=demo]{margin-bottom:22px;padding:12px}.demo-carousel-width{width:min(600px,80vw)}.demo-carousel-height{height:337.5px}[data-slide-id="0"]{background:linear-gradient(to right,#e65c00,#f9d423);text-align:center;vertical-align:middle;line-height:337.5px}[data-slide-id="1"]{background:linear-gradient(to right,#2193b0,#6dd5ed)}[data-slide-id="2"]{background:linear-gradient(to right,#cc2b5e,#753a88)}[data-slide-id="3"]{background:linear-gradient(to right,#00467f,#a5cc82)}[data-slide-id="4"]{background:linear-gradient(to right,#ec008c,#fc6767)}[data-slide-id="5"]{background:linear-gradient(to right,#1488cc,#2b32b2)}[data-slide-id="6"]{background:linear-gradient(to right,#bbd2c5,#536976)}[data-slide-id="7"]{background:linear-gradient(to right,#9796f0,#fbc7d4)}[data-slide-id="8"]{background:linear-gradient(to right,#b79891,#94716b)}[data-slide-id="9"]{background:linear-gradient(to right,#acb6e5,#86fde8)}[data-slide-id="10"]{background:linear-gradient(to right,#ffe000,#799f0c)}
diff --git a/1957/css/_astro/checkbox.yvtPczTC.css b/1957/css/_astro/checkbox.yvtPczTC.css
new file mode 100644
index 00000000000..b4457d4063e
--- /dev/null
+++ b/1957/css/_astro/checkbox.yvtPczTC.css
@@ -0,0 +1 @@
+section[id^=demo]{display:flex;flex-direction:column;gap:12px}
diff --git a/1957/css/_astro/checkmark.VFI-vCzs.js b/1957/css/_astro/checkmark.VFI-vCzs.js
new file mode 100644
index 00000000000..f3d8dfa4fda
--- /dev/null
+++ b/1957/css/_astro/checkmark.VFI-vCzs.js
@@ -0,0 +1 @@
+class e extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-checkmark",e);
diff --git a/1957/css/_astro/chevron-down.BqFk48BI.js b/1957/css/_astro/chevron-down.BqFk48BI.js
new file mode 100644
index 00000000000..16208034b25
--- /dev/null
+++ b/1957/css/_astro/chevron-down.BqFk48BI.js
@@ -0,0 +1 @@
+class n extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-chevron-up",n);class t extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-chevron-down",t);
diff --git a/1957/css/_astro/chevron-left.FWyS-9WU.js b/1957/css/_astro/chevron-left.FWyS-9WU.js
new file mode 100644
index 00000000000..6a1c6afcbeb
--- /dev/null
+++ b/1957/css/_astro/chevron-left.FWyS-9WU.js
@@ -0,0 +1 @@
+class e extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-chevron-left",e);
diff --git a/1957/css/_astro/chevron-right.BPBSsdD2.js b/1957/css/_astro/chevron-right.BPBSsdD2.js
new file mode 100644
index 00000000000..84f226f2547
--- /dev/null
+++ b/1957/css/_astro/chevron-right.BPBSsdD2.js
@@ -0,0 +1 @@
+class e extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-chevron-right",e);
diff --git a/1957/css/_astro/color.C06d6h87.css b/1957/css/_astro/color.C06d6h87.css
new file mode 100644
index 00000000000..965659968f6
--- /dev/null
+++ b/1957/css/_astro/color.C06d6h87.css
@@ -0,0 +1 @@
+section[id^=demo]{margin:0 -24px -24px;width:auto}section[id^=demo]>*{padding:var(--iui-size-s) var(--iui-size-l)}.demo-background{background-color:var(--iui-color-background)}.demo-background-hover{background-color:var(--iui-color-background-hover)}.demo-background-backdrop{background-color:var(--iui-color-background-backdrop)}.demo-background-backdrop-hover{background-color:var(--iui-color-background-backdrop-hover)}.demo-background-transparent-hover{background-color:var(--iui-color-background-transparent-hover)}.demo-background-disabled{background-color:var(--iui-color-background-disabled)}.demo-border-subtle{background-color:var(--iui-color-border-subtle)}.demo-border{background-color:var(--iui-color-border)}.demo-background-informational-muted{background-color:var(--iui-color-background-informational-muted)}.demo-background-accent-muted{background-color:var(--iui-color-background-accent-muted)}.demo-background-positive-muted{background-color:var(--iui-color-background-positive-muted)}.demo-background-warning-muted{background-color:var(--iui-color-background-warning-muted)}.demo-background-negative-muted{background-color:var(--iui-color-background-negative-muted)}.demo-background-informational{background-color:var(--iui-color-background-informational)}.demo-background-accent{background-color:var(--iui-color-background-accent)}.demo-background-positive{background-color:var(--iui-color-background-positive)}.demo-background-warning{background-color:var(--iui-color-background-warning)}.demo-background-negative{background-color:var(--iui-color-background-negative)}.demo-background-informational-hover{background-color:var(--iui-color-background-informational-hover)}.demo-background-accent-hover{background-color:var(--iui-color-background-accent-hover)}.demo-background-positive-hover{background-color:var(--iui-color-background-positive-hover)}.demo-background-warning-hover{background-color:var(--iui-color-background-warning-hover)}.demo-background-negative-hover{background-color:var(--iui-color-background-negative-hover)}.demo-hover-backgrounds{list-style:none;padding:0;display:flex;flex:1}.demo-background-accent,.demo-background-informational,.demo-background-positive,.demo-background-warning,.demo-background-negative{color:var(--iui-color-white)}.demo-background-hover,.demo-background-backdrop-hover,.demo-background-transparent-hover,.demo-background-informational-hover,.demo-background-accent-hover,.demo-background-positive-hover,.demo-background-warning-hover,.demo-background-negative-hover{flex:1;text-align:center}.demo-text-placeholder{color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light)}.demo-text-informational{color:var(--iui-color-text-informational)}.demo-text-informational:hover{color:var(--iui-color-text-informational-hover)}.demo-text-informational::selection{background-color:hsl(var(--iui-color-informational-hsl) / var(--iui-opacity-5))}.demo-text-positive{color:var(--iui-color-text-positive)}.demo-text-positive:hover{color:var(--iui-color-text-positive-hover)}.demo-text-positive::selection{background-color:hsl(var(--iui-color-positive-hsl) / var(--iui-opacity-5))}.demo-text-warning{color:var(--iui-color-text-warning)}.demo-text-warning:hover{color:var(--iui-color-text-warning-hover)}.demo-text-warning::selection{background-color:hsl(var(--iui-color-warning-hsl) / var(--iui-opacity-5))}.demo-text-negative{color:var(--iui-color-text-negative)}.demo-text-negative:hover{color:var(--iui-color-text-negative-hover)}.demo-text-negative::selection{background-color:hsl(var(--iui-color-negative-hsl) / var(--iui-opacity-5))}.demo-text-disabled{color:var(--iui-color-text-disabled)}.demo-text-informational,.demo-text-positive,.demo-text-warning,.demo-text-negative{cursor:pointer}.demo-icon{color:var(--iui-color-icon)}.demo-icon-muted{color:var(--iui-color-icon-muted)}.demo-icon-informational{color:var(--iui-color-icon-informational)}.demo-icon-positive{color:var(--iui-color-icon-positive)}.demo-icon-warning{color:var(--iui-color-icon-warning)}.demo-icon-negative{color:var(--iui-color-icon-negative)}.demo-icon-disabled{color:var(--iui-color-icon-disabled)}[class^=demo-icon]{user-select:none}[class^=demo-icon] svg{width:1rem;height:1rem;display:inline-flex;fill:currentColor}
diff --git a/1957/css/_astro/column-filter.BqtBTKtW.css b/1957/css/_astro/column-filter.BqtBTKtW.css
new file mode 100644
index 00000000000..518a5871a1f
--- /dev/null
+++ b/1957/css/_astro/column-filter.BqtBTKtW.css
@@ -0,0 +1 @@
+section{padding:16px}
diff --git a/1957/css/_astro/column-manager.CvdWlvus.js b/1957/css/_astro/column-manager.CvdWlvus.js
new file mode 100644
index 00000000000..225e614cf8c
--- /dev/null
+++ b/1957/css/_astro/column-manager.CvdWlvus.js
@@ -0,0 +1 @@
+class l extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-filter-hollow",l);class t extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-column-manager",t);
diff --git a/1957/css/_astro/date-picker.B6K6I9ux.css b/1957/css/_astro/date-picker.B6K6I9ux.css
new file mode 100644
index 00000000000..13a73b65d84
--- /dev/null
+++ b/1957/css/_astro/date-picker.B6K6I9ux.css
@@ -0,0 +1 @@
+section{padding:12px}
diff --git a/1957/css/_astro/dialog.CLRAxzFP.css b/1957/css/_astro/dialog.CLRAxzFP.css
new file mode 100644
index 00000000000..194377f6696
--- /dev/null
+++ b/1957/css/_astro/dialog.CLRAxzFP.css
@@ -0,0 +1 @@
+.toggle-theme{z-index:9999}body>button.iui-button{margin:5px 0}test-container-section{display:flex;gap:5px}test-container-section>*{display:block;height:500px;border:1px solid var(--iui-color-border);width:50%;position:relative}
diff --git a/1957/css/_astro/expandable-block.Dc_IVvo8.css b/1957/css/_astro/expandable-block.Dc_IVvo8.css
new file mode 100644
index 00000000000..4a8b8623b95
--- /dev/null
+++ b/1957/css/_astro/expandable-block.Dc_IVvo8.css
@@ -0,0 +1 @@
+section{max-width:100%}
diff --git a/1957/css/_astro/fieldset.BQQXs4gj.css b/1957/css/_astro/fieldset.BQQXs4gj.css
new file mode 100644
index 00000000000..a3764536893
--- /dev/null
+++ b/1957/css/_astro/fieldset.BQQXs4gj.css
@@ -0,0 +1 @@
+.iui-input-grid{margin-bottom:12px}.iui-toggle-switch-wrapper{padding:6px 0}
diff --git a/1957/css/_astro/file-upload.DIUmKzzv.css b/1957/css/_astro/file-upload.DIUmKzzv.css
new file mode 100644
index 00000000000..cb609d56ca9
--- /dev/null
+++ b/1957/css/_astro/file-upload.DIUmKzzv.css
@@ -0,0 +1 @@
+.iui-input-grid,.iui-table,textarea,section{width:960px!important}section{margin-bottom:22px}.demo-right-align{justify-content:flex-end}
diff --git a/1957/css/_astro/filter.CsLLT0VL.js b/1957/css/_astro/filter.CsLLT0VL.js
new file mode 100644
index 00000000000..9fb5d49437e
--- /dev/null
+++ b/1957/css/_astro/filter.CsLLT0VL.js
@@ -0,0 +1 @@
+class e extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-filter",e);
diff --git a/1957/css/_astro/folder.B0gkszjf.js b/1957/css/_astro/folder.B0gkszjf.js
new file mode 100644
index 00000000000..85ccc301df8
--- /dev/null
+++ b/1957/css/_astro/folder.B0gkszjf.js
@@ -0,0 +1 @@
+class e extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-folder",e);
diff --git a/1957/css/_astro/footer.BO9ui7kw.css b/1957/css/_astro/footer.BO9ui7kw.css
new file mode 100644
index 00000000000..acf88844cd9
--- /dev/null
+++ b/1957/css/_astro/footer.BO9ui7kw.css
@@ -0,0 +1 @@
+body{padding:0}h1{padding:24px 24px 0}#demo-content{height:1200px;background-color:var(--iui-color-border)}
diff --git a/1957/css/_astro/header.BAbpinGm.css b/1957/css/_astro/header.BAbpinGm.css
new file mode 100644
index 00000000000..d275b651ba2
--- /dev/null
+++ b/1957/css/_astro/header.BAbpinGm.css
@@ -0,0 +1 @@
+span.demo-picture{background-image:url(../assets/image-test.jpg)}.demo-searchbar{background-color:var(--iui-color-background-backdrop);border-radius:9999px;width:20vw}.demo-searchbar:before{border-radius:9999px}.demo-searchbar-button{border-top-right-radius:9999px!important;border-bottom-right-radius:9999px!important}@media (max-width: 1024px){.iui-page-header-center{display:none}}section{width:auto!important}
diff --git a/1957/css/_astro/hoisted.APZ5yxnX.js b/1957/css/_astro/hoisted.APZ5yxnX.js
new file mode 100644
index 00000000000..904e004dd6d
--- /dev/null
+++ b/1957/css/_astro/hoisted.APZ5yxnX.js
@@ -0,0 +1 @@
+import"./hoisted.Dj2e2qZ5.js";class a extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-copy",a);
diff --git a/1957/css/_astro/hoisted.B8KHMs7o.js b/1957/css/_astro/hoisted.B8KHMs7o.js
new file mode 100644
index 00000000000..c77f3a91c34
--- /dev/null
+++ b/1957/css/_astro/hoisted.B8KHMs7o.js
@@ -0,0 +1 @@
+import"./avatar.BP0iUzIb.js";import"./filter.CsLLT0VL.js";import"./column-manager.CvdWlvus.js";import"./sort-up.C8pqztBv.js";import"./status-success.Dxes4O5Q.js";import"./hoisted.BnAK1-fb.js";import"./more.DfgJeoq3.js";import"./chevron-left.FWyS-9WU.js";import"./chevron-right.BPBSsdD2.js";import"./hoisted.CsuMAfPl.js";import"./hoisted.Dj2e2qZ5.js";class t extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-camera",t);
diff --git a/1957/css/_astro/hoisted.B9Kj9p-S.js b/1957/css/_astro/hoisted.B9Kj9p-S.js
new file mode 100644
index 00000000000..1b89b0494f6
--- /dev/null
+++ b/1957/css/_astro/hoisted.B9Kj9p-S.js
@@ -0,0 +1 @@
+import"./hoisted.Dj2e2qZ5.js";class e extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-close-small",e);
diff --git a/1957/css/_astro/hoisted.BYQTkJSC.js b/1957/css/_astro/hoisted.BYQTkJSC.js
new file mode 100644
index 00000000000..33a80315cae
--- /dev/null
+++ b/1957/css/_astro/hoisted.BYQTkJSC.js
@@ -0,0 +1 @@
+import"./folder.B0gkszjf.js";import"./hoisted.CsuMAfPl.js";import"./chevron-right.BPBSsdD2.js";import"./hoisted.B9Kj9p-S.js";import"./more.DfgJeoq3.js";import"./hoisted.Dj2e2qZ5.js";
diff --git a/1957/css/_astro/hoisted.BcBWHorX.js b/1957/css/_astro/hoisted.BcBWHorX.js
new file mode 100644
index 00000000000..040f5bcaac5
--- /dev/null
+++ b/1957/css/_astro/hoisted.BcBWHorX.js
@@ -0,0 +1 @@
+import"./chevron-right.BPBSsdD2.js";import"./calendar.ChnIlHgS.js";import"./chevron-left.FWyS-9WU.js";import"./settings.D_Tk-sym.js";import"./hoisted.Dj2e2qZ5.js";class t extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-home",t);class r extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-document",r);class s extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-map",s);class o extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-archive",o);class n extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-setup",n);
diff --git a/1957/css/_astro/hoisted.BcSwO8CA.js b/1957/css/_astro/hoisted.BcSwO8CA.js
new file mode 100644
index 00000000000..5bf89a5f841
--- /dev/null
+++ b/1957/css/_astro/hoisted.BcSwO8CA.js
@@ -0,0 +1 @@
+import"./settings.D_Tk-sym.js";import"./hoisted.Dj2e2qZ5.js";class t extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-activity",t);
diff --git a/1957/css/_astro/hoisted.BgFBvbxJ.js b/1957/css/_astro/hoisted.BgFBvbxJ.js
new file mode 100644
index 00000000000..c7a3b7826a9
--- /dev/null
+++ b/1957/css/_astro/hoisted.BgFBvbxJ.js
@@ -0,0 +1 @@
+import"./add-circular.DsFunSXn.js";import"./hoisted.Dj2e2qZ5.js";class e extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-swap",e);
diff --git a/1957/css/_astro/hoisted.Bl3PuJKb.js b/1957/css/_astro/hoisted.Bl3PuJKb.js
new file mode 100644
index 00000000000..1044a820f9f
--- /dev/null
+++ b/1957/css/_astro/hoisted.Bl3PuJKb.js
@@ -0,0 +1 @@
+import"./avatar.BP0iUzIb.js";import"./imodel-hollow.B8Ip09iM.js";import"./hoisted.CsuMAfPl.js";import"./chevron-right.BPBSsdD2.js";import"./more-vertical.BPwaeoaL.js";import"./hoisted.Dj2e2qZ5.js";class e extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-notification",e);class o extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-help-circular-hollow",o);
diff --git a/1957/css/_astro/hoisted.BnAK1-fb.js b/1957/css/_astro/hoisted.BnAK1-fb.js
new file mode 100644
index 00000000000..edb8d5f70c7
--- /dev/null
+++ b/1957/css/_astro/hoisted.BnAK1-fb.js
@@ -0,0 +1 @@
+import"./status-success.Dxes4O5Q.js";import"./hoisted.Dj2e2qZ5.js";class e extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-status-warning",e);class r extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-status-error",r);
diff --git a/1957/css/_astro/hoisted.Bomn2qcs.js b/1957/css/_astro/hoisted.Bomn2qcs.js
new file mode 100644
index 00000000000..c0405eeb511
--- /dev/null
+++ b/1957/css/_astro/hoisted.Bomn2qcs.js
@@ -0,0 +1 @@
+import"./chevron-left.FWyS-9WU.js";import"./chevron-right.BPBSsdD2.js";import"./chevron-down.BqFk48BI.js";import"./checkmark.VFI-vCzs.js";import"./search.BZ4JGjS_.js";import"./hoisted.Dj2e2qZ5.js";
diff --git a/1957/css/_astro/hoisted.BwDJZEpr.js b/1957/css/_astro/hoisted.BwDJZEpr.js
new file mode 100644
index 00000000000..f5ee3510148
--- /dev/null
+++ b/1957/css/_astro/hoisted.BwDJZEpr.js
@@ -0,0 +1 @@
+import"./avatar.BP0iUzIb.js";import"./filter.CsLLT0VL.js";import"./column-manager.CvdWlvus.js";import"./more.DfgJeoq3.js";import"./hoisted.Dj2e2qZ5.js";class e extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-sort-down",e);class o extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-upload",o);
diff --git a/1957/css/_astro/hoisted.C55xKf2g.js b/1957/css/_astro/hoisted.C55xKf2g.js
new file mode 100644
index 00000000000..08394fdefeb
--- /dev/null
+++ b/1957/css/_astro/hoisted.C55xKf2g.js
@@ -0,0 +1 @@
+import"./status-success.Dxes4O5Q.js";import"./hoisted.BnAK1-fb.js";import"./smiley-sad-very.CwumXkkT.js";import"./smiley-happy.Ed_6NvfS.js";import"./hoisted.Dj2e2qZ5.js";
diff --git a/1957/css/_astro/hoisted.C6Kww1Bd.js b/1957/css/_astro/hoisted.C6Kww1Bd.js
new file mode 100644
index 00000000000..d5b1c150c41
--- /dev/null
+++ b/1957/css/_astro/hoisted.C6Kww1Bd.js
@@ -0,0 +1 @@
+import"./chevron-left.FWyS-9WU.js";import"./chevron-right.BPBSsdD2.js";import"./hoisted.Dj2e2qZ5.js";class t extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-chevron-left-double",t);class o extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-chevron-right-double",o);
diff --git a/1957/css/_astro/hoisted.CP9rpz0k.js b/1957/css/_astro/hoisted.CP9rpz0k.js
new file mode 100644
index 00000000000..a46f833875a
--- /dev/null
+++ b/1957/css/_astro/hoisted.CP9rpz0k.js
@@ -0,0 +1 @@
+import"./placeholder.CRc5Ch11.js";import"./hoisted.CsuMAfPl.js";import"./thumbnails.D3RzMyNu.js";import"./more.DfgJeoq3.js";import"./smiley-happy.Ed_6NvfS.js";import"./hoisted.B9Kj9p-S.js";import"./hoisted.Dj2e2qZ5.js";
diff --git a/1957/css/_astro/hoisted.CTvHdKpk.js b/1957/css/_astro/hoisted.CTvHdKpk.js
new file mode 100644
index 00000000000..7ef8a934b99
--- /dev/null
+++ b/1957/css/_astro/hoisted.CTvHdKpk.js
@@ -0,0 +1 @@
+import"./avatar.BP0iUzIb.js";import"./thumbnails.D3RzMyNu.js";import"./more.DfgJeoq3.js";import"./more-vertical.BPwaeoaL.js";import"./info.DKJu845g.js";import"./sort-up.C8pqztBv.js";import"./column-manager.CvdWlvus.js";import"./hoisted.B9Kj9p-S.js";import"./hoisted.CsuMAfPl.js";import"./hoisted.Dj2e2qZ5.js";class e extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-add",e);class r extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-edit",r);class s extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-item",s);
diff --git a/1957/css/_astro/hoisted.CeI7siQO.js b/1957/css/_astro/hoisted.CeI7siQO.js
new file mode 100644
index 00000000000..6f2be14e024
--- /dev/null
+++ b/1957/css/_astro/hoisted.CeI7siQO.js
@@ -0,0 +1 @@
+import"./status-success.Dxes4O5Q.js";import"./hoisted.BnAK1-fb.js";import"./pause.Z8ucsoCU.js";import"./hoisted.Dj2e2qZ5.js";class t extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-checkmark-small",t);class r extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-important-small",r);
diff --git a/1957/css/_astro/hoisted.ChwTgPY4.js b/1957/css/_astro/hoisted.ChwTgPY4.js
new file mode 100644
index 00000000000..472e45c3bd6
--- /dev/null
+++ b/1957/css/_astro/hoisted.ChwTgPY4.js
@@ -0,0 +1 @@
+import"./calendar.ChnIlHgS.js";import"./hoisted.CsuMAfPl.js";import"./hoisted.Dj2e2qZ5.js";
diff --git a/1957/css/_astro/hoisted.CqsYLM2r.js b/1957/css/_astro/hoisted.CqsYLM2r.js
new file mode 100644
index 00000000000..adf28dfa663
--- /dev/null
+++ b/1957/css/_astro/hoisted.CqsYLM2r.js
@@ -0,0 +1 @@
+import"./hoisted.Dj2e2qZ5.js";class e extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-user",e);
diff --git a/1957/css/_astro/hoisted.Crihip9o.js b/1957/css/_astro/hoisted.Crihip9o.js
new file mode 100644
index 00000000000..1b6be2525c0
--- /dev/null
+++ b/1957/css/_astro/hoisted.Crihip9o.js
@@ -0,0 +1 @@
+import"./hoisted.Dj2e2qZ5.js";class t extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-sound-mute",t);class o extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-sound-loud",o);
diff --git a/1957/css/_astro/hoisted.CsmIaXQm.js b/1957/css/_astro/hoisted.CsmIaXQm.js
new file mode 100644
index 00000000000..0c7b2f77e8e
--- /dev/null
+++ b/1957/css/_astro/hoisted.CsmIaXQm.js
@@ -0,0 +1 @@
+import"./status-success.Dxes4O5Q.js";import"./hoisted.BnAK1-fb.js";import"./info-circular.wutujAV8.js";import"./hoisted.B9Kj9p-S.js";import"./hoisted.Dj2e2qZ5.js";
diff --git a/1957/css/_astro/hoisted.CsuMAfPl.js b/1957/css/_astro/hoisted.CsuMAfPl.js
new file mode 100644
index 00000000000..02ff05b3898
--- /dev/null
+++ b/1957/css/_astro/hoisted.CsuMAfPl.js
@@ -0,0 +1 @@
+import"./hoisted.Dj2e2qZ5.js";class e extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-caret-down-small",e);
diff --git a/1957/css/_astro/hoisted.D2V0v3r7.js b/1957/css/_astro/hoisted.D2V0v3r7.js
new file mode 100644
index 00000000000..dd10cb01956
--- /dev/null
+++ b/1957/css/_astro/hoisted.D2V0v3r7.js
@@ -0,0 +1 @@
+import"./smiley-sad-very.CwumXkkT.js";import"./smiley-happy.Ed_6NvfS.js";import"./hoisted.Dj2e2qZ5.js";class t extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-network",t);class r extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-apple",r);class s extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-android",s);class c extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-windows",c);class n extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-heart",n);class o extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-smiley-neutral",o);class l extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-remove",l);
diff --git a/1957/css/_astro/hoisted.D4Rb2iTN.js b/1957/css/_astro/hoisted.D4Rb2iTN.js
new file mode 100644
index 00000000000..210c313a60a
--- /dev/null
+++ b/1957/css/_astro/hoisted.D4Rb2iTN.js
@@ -0,0 +1 @@
+import"./imodel-hollow.B8Ip09iM.js";import"./info-circular.wutujAV8.js";import"./status-success.Dxes4O5Q.js";import"./hoisted.BnAK1-fb.js";import"./hoisted.Dj2e2qZ5.js";
diff --git a/1957/css/_astro/hoisted.D6GNq94f.js b/1957/css/_astro/hoisted.D6GNq94f.js
new file mode 100644
index 00000000000..5efb10197ae
--- /dev/null
+++ b/1957/css/_astro/hoisted.D6GNq94f.js
@@ -0,0 +1 @@
+import"./status-success.Dxes4O5Q.js";import"./hoisted.BnAK1-fb.js";import"./hoisted.B9Kj9p-S.js";import"./info-circular.wutujAV8.js";import"./chevron-down.BqFk48BI.js";import"./search.BZ4JGjS_.js";import"./hoisted.Dj2e2qZ5.js";
diff --git a/1957/css/_astro/hoisted.DBRYkMR_.js b/1957/css/_astro/hoisted.DBRYkMR_.js
new file mode 100644
index 00000000000..08394fdefeb
--- /dev/null
+++ b/1957/css/_astro/hoisted.DBRYkMR_.js
@@ -0,0 +1 @@
+import"./status-success.Dxes4O5Q.js";import"./hoisted.BnAK1-fb.js";import"./smiley-sad-very.CwumXkkT.js";import"./smiley-happy.Ed_6NvfS.js";import"./hoisted.Dj2e2qZ5.js";
diff --git a/1957/css/_astro/hoisted.DC1o5cF8.js b/1957/css/_astro/hoisted.DC1o5cF8.js
new file mode 100644
index 00000000000..d23822d7321
--- /dev/null
+++ b/1957/css/_astro/hoisted.DC1o5cF8.js
@@ -0,0 +1 @@
+import"./hoisted.CsuMAfPl.js";import"./hoisted.Dj2e2qZ5.js";
diff --git a/1957/css/_astro/hoisted.DF510jcc.js b/1957/css/_astro/hoisted.DF510jcc.js
new file mode 100644
index 00000000000..3d4cf88d82d
--- /dev/null
+++ b/1957/css/_astro/hoisted.DF510jcc.js
@@ -0,0 +1 @@
+import"./placeholder.CRc5Ch11.js";import"./checkmark.VFI-vCzs.js";import"./hoisted.Dj2e2qZ5.js";
diff --git a/1957/css/_astro/hoisted.DI1yqmRa.js b/1957/css/_astro/hoisted.DI1yqmRa.js
new file mode 100644
index 00000000000..150384df618
--- /dev/null
+++ b/1957/css/_astro/hoisted.DI1yqmRa.js
@@ -0,0 +1 @@
+import"./add-circular.DsFunSXn.js";import"./info-circular.wutujAV8.js";import"./status-success.Dxes4O5Q.js";import"./hoisted.BnAK1-fb.js";import"./hoisted.Dj2e2qZ5.js";class t extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-bentley-systems",t);class s extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-status-rejected",s);
diff --git a/1957/css/_astro/hoisted.DNaro85k.js b/1957/css/_astro/hoisted.DNaro85k.js
new file mode 100644
index 00000000000..d574e55f093
--- /dev/null
+++ b/1957/css/_astro/hoisted.DNaro85k.js
@@ -0,0 +1 @@
+import"./chevron-right.BPBSsdD2.js";import"./status-success.Dxes4O5Q.js";import"./hoisted.Dj2e2qZ5.js";
diff --git a/1957/css/_astro/hoisted.DTfNPDnj.js b/1957/css/_astro/hoisted.DTfNPDnj.js
new file mode 100644
index 00000000000..2b7b3a59c6f
--- /dev/null
+++ b/1957/css/_astro/hoisted.DTfNPDnj.js
@@ -0,0 +1 @@
+import"./avatar.BP0iUzIb.js";import"./imodel-hollow.B8Ip09iM.js";import"./hoisted.CsuMAfPl.js";import"./chevron-right.BPBSsdD2.js";import"./model.BUCb8QsQ.js";import"./hoisted.Bl3PuJKb.js";import"./more-vertical.BPwaeoaL.js";import"./placeholder.CRc5Ch11.js";import"./search.BZ4JGjS_.js";import"./hoisted.Dj2e2qZ5.js";
diff --git a/1957/css/_astro/hoisted.DWAy6tnX.js b/1957/css/_astro/hoisted.DWAy6tnX.js
new file mode 100644
index 00000000000..e641927f053
--- /dev/null
+++ b/1957/css/_astro/hoisted.DWAy6tnX.js
@@ -0,0 +1 @@
+import"./chevron-right.BPBSsdD2.js";import"./placeholder.CRc5Ch11.js";import"./hoisted.Dj2e2qZ5.js";class e extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-chevron-right-small",e);
diff --git a/1957/css/_astro/hoisted.DZDLrLxw.js b/1957/css/_astro/hoisted.DZDLrLxw.js
new file mode 100644
index 00000000000..47f8af1f6af
--- /dev/null
+++ b/1957/css/_astro/hoisted.DZDLrLxw.js
@@ -0,0 +1 @@
+import"./chevron-left.FWyS-9WU.js";import"./chevron-right.BPBSsdD2.js";import"./pause.Z8ucsoCU.js";import"./hoisted.Dj2e2qZ5.js";class t extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML=''}}customElements.define("svg-play",t);
diff --git a/1957/css/_astro/hoisted.Dj2e2qZ5.js b/1957/css/_astro/hoisted.Dj2e2qZ5.js
new file mode 100644
index 00000000000..a8ada9d14fb
--- /dev/null
+++ b/1957/css/_astro/hoisted.Dj2e2qZ5.js
@@ -0,0 +1,125 @@
+class o extends HTMLElement{constructor(){super();const e=`
+ 
+TR
+
+TR
+
+TR
+
+TR
+