Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@maggioli-design-system/mds-text
Advanced tools
@maggioli-design-system/mds-text - npm Package Compare versions
Comparing version 4.3.2 to 4.3.3
@@ -5,3 +5,3 @@ 'use strict'; | ||
| const index = require('./index-b28646ff.js'); | ||
| const index = require('./index-71c041c0.js'); | ||
@@ -8,0 +8,0 @@ const defineCustomElements = (win, options) => { |
@@ -5,3 +5,3 @@ 'use strict'; | ||
| const index = require('./index-b28646ff.js'); | ||
| const index = require('./index-71c041c0.js'); | ||
@@ -227,3 +227,3 @@ const typographyDefaultsVariant = { | ||
| const mdsTextCss = ".text-title-h1{min-height:3rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:3rem;line-height:3rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h2{min-height:2.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:2.25rem;line-height:2.5rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h3{min-height:2.25rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.875rem;line-height:2.25rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h4{min-height:2rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.5rem;line-height:2rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h5{min-height:1.75rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:1.75rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h6{min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-action{min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.5rem;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-paragraph{min-height:2rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-detail{min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-caption{min-height:1.25rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-label{min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-option{min-height:0.625rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.625rem;line-height:0.625rem;letter-spacing:-0.025em;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-tip{min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-paragraph{min-height:2rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1.25rem;line-height:2rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-detail{min-height:1.5rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1rem;line-height:1.5rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-caption{min-height:1.25rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-code-snippet{min-height:1.5rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-code-hack{min-height:1.25rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.grid{display:grid}.gap-400{gap:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-09{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-09) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.p-600{padding:1.5rem}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-text-selection-background:rgb(var(--label-sky-09));--mds-text-selection-color:rgb(var(--label-sky-01));--mds-text-line-clamp:3;display:-ms-flexbox;display:flex;min-width:0}.text::-moz-selection{background-color:var(--mds-text-selection-background);color:var(--mds-text-selection-color)}.text::selection{background-color:var(--mds-text-selection-background);color:var(--mds-text-selection-color)}.text{display:inherit}:host([typography=\"snippet\"]){min-height:1.5rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"hack\"]){min-height:1.25rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h1\"]){min-height:3rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:3rem;line-height:3rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h2\"]){min-height:2.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:2.25rem;line-height:2.5rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h3\"]){min-height:2.25rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.875rem;line-height:2.25rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h4\"]){min-height:2rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.5rem;line-height:2rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h5\"]){min-height:1.75rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:1.75rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h6\"]){min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h1\"]),:host([typography=\"h2\"]),:host([typography=\"h3\"]),:host([typography=\"h4\"]),:host([typography=\"h5\"]),:host([typography=\"h6\"]),{text-wrap:balance}:host([typography=\"action\"]){min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.5rem;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"paragraph\"]){min-height:2rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"detail\"]){min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"caption\"]){min-height:1.25rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"paragraph\"]),:host([typography=\"detail\"]),:host([typography=\"caption\"]){text-wrap:pretty}:host([typography=\"label\"]){min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"tip\"]){min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"option\"]){min-height:0.625rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.625rem;line-height:0.625rem;letter-spacing:-0.025em;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"paragraph\"][variant=\"read\"]){min-height:2rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1.25rem;line-height:2rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"detail\"][variant=\"read\"]){min-height:1.5rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1rem;line-height:1.5rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"caption\"][variant=\"read\"]){min-height:1.25rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([tag=\"article\"]),:host([tag=\"blockquote\"]),:host([tag=\"dd\"]),:host([tag=\"details\"]),:host([tag=\"div\"]),:host([tag=\"dl\"]),:host([tag=\"dt\"]),:host([tag=\"figcaption\"]),:host([tag=\"h1\"]),:host([tag=\"h2\"]),:host([tag=\"h3\"]),:host([tag=\"h4\"]),:host([tag=\"h5\"]),:host([tag=\"h6\"]),:host([tag=\"label\"]),:host([tag=\"legend\"]),:host([tag=\"li\"]),:host([tag=\"ol\"]),:host([tag=\"p\"]),:host([tag=\"pre\"]),:host([tag=\"summary\"]),:host([tag=\"ul\"]){display:block}:host([tag=\"abbr\"]),:host([tag=\"address\"]),:host([tag=\"b\"]),:host([tag=\"bdo\"]),:host([tag=\"cite\"]),:host([tag=\"code\"]),:host([tag=\"del\"]),:host([tag=\"dfn\"]),:host([tag=\"em\"]),:host([tag=\"i\"]),:host([tag=\"ins\"]),:host([tag=\"kbd\"]),:host([tag=\"mark\"]),:host([tag=\"q\"]),:host([tag=\"rb\"]),:host([tag=\"rt\"]),:host([tag=\"ruby\"]),:host([tag=\"s\"]),:host([tag=\"samp\"]),:host([tag=\"small\"]),:host([tag=\"span\"]),:host([tag=\"strong\"]),:host([tag=\"sub\"]),:host([tag=\"sup\"]),:host([tag=\"time\"]),:host([tag=\"u\"]),:host([tag=\"var\"]){display:inline}:host([tag=\"code\"]){border-radius:0.25rem;padding-left:0.25rem;padding-right:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:rgb(var(--tone-neutral-09));color:rgb(var(--tone-neutral-03))}:host([truncate]) .text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}:host([truncate=\"word\"]) .text{white-space:nowrap}@supports (line-clamp: 1){:host([truncate=\"all\"]) .text{line-clamp:var(--mds-text-line-clamp, 1)}}@supports (display: -webkit-box){:host([truncate=\"all\"]) .text{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:var(--mds-text-line-clamp, 1)}}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;overflow:inherit;text-overflow:inherit}"; | ||
| const mdsTextCss = ".text-title-h1{min-height:3rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:3rem;line-height:3rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h2{min-height:2.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:2.25rem;line-height:2.5rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h3{min-height:2.25rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.875rem;line-height:2.25rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h4{min-height:2rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.5rem;line-height:2rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h5{min-height:1.75rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:1.75rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h6{min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-action{min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.5rem;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-paragraph{min-height:2rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-detail{min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-caption{min-height:1.25rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-label{min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-option{min-height:0.625rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.625rem;line-height:0.625rem;letter-spacing:-0.025em;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-tip{min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-paragraph{min-height:2rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1.25rem;line-height:2rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-detail{min-height:1.5rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1rem;line-height:1.5rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-caption{min-height:1.25rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-code-snippet{min-height:1.5rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-code-hack{min-height:1.25rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.grid{display:grid}.gap-400{gap:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-09{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-09) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.p-600{padding:1.5rem}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-text-selection-background:rgb(var(--label-sky-09));--mds-text-selection-color:rgb(var(--label-sky-01));--mds-text-line-clamp:3;display:-ms-flexbox;display:flex;min-width:0}.text::-moz-selection{background-color:var(--mds-text-selection-background);color:var(--mds-text-selection-color)}.text::selection{background-color:var(--mds-text-selection-background);color:var(--mds-text-selection-color)}.text{display:inherit}:host([typography=\"snippet\"]){min-height:1.5rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"hack\"]){min-height:1.25rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h1\"]){min-height:3rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:3rem;line-height:3rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h2\"]){min-height:2.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:2.25rem;line-height:2.5rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h3\"]){min-height:2.25rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.875rem;line-height:2.25rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h4\"]){min-height:2rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.5rem;line-height:2rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h5\"]){min-height:1.75rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:1.75rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h6\"]){min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h1\"]),:host([typography=\"h2\"]),:host([typography=\"h3\"]),:host([typography=\"h4\"]),:host([typography=\"h5\"]),:host([typography=\"h6\"]){text-wrap:balance}:host([typography=\"action\"]){min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.5rem;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"paragraph\"]){min-height:2rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"detail\"]){min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"caption\"]){min-height:1.25rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"paragraph\"]),:host([typography=\"detail\"]),:host([typography=\"caption\"]){text-wrap:pretty}:host([typography=\"label\"]){min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"tip\"]){min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"option\"]){min-height:0.625rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.625rem;line-height:0.625rem;letter-spacing:-0.025em;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"paragraph\"][variant=\"read\"]){min-height:2rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1.25rem;line-height:2rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"detail\"][variant=\"read\"]){min-height:1.5rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1rem;line-height:1.5rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"caption\"][variant=\"read\"]){min-height:1.25rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([tag=\"article\"]),:host([tag=\"blockquote\"]),:host([tag=\"dd\"]),:host([tag=\"details\"]),:host([tag=\"div\"]),:host([tag=\"dl\"]),:host([tag=\"dt\"]),:host([tag=\"figcaption\"]),:host([tag=\"h1\"]),:host([tag=\"h2\"]),:host([tag=\"h3\"]),:host([tag=\"h4\"]),:host([tag=\"h5\"]),:host([tag=\"h6\"]),:host([tag=\"label\"]),:host([tag=\"legend\"]),:host([tag=\"li\"]),:host([tag=\"ol\"]),:host([tag=\"p\"]),:host([tag=\"pre\"]),:host([tag=\"summary\"]),:host([tag=\"ul\"]){display:block}:host([tag=\"abbr\"]),:host([tag=\"address\"]),:host([tag=\"b\"]),:host([tag=\"bdo\"]),:host([tag=\"cite\"]),:host([tag=\"code\"]),:host([tag=\"del\"]),:host([tag=\"dfn\"]),:host([tag=\"em\"]),:host([tag=\"i\"]),:host([tag=\"ins\"]),:host([tag=\"kbd\"]),:host([tag=\"mark\"]),:host([tag=\"q\"]),:host([tag=\"rb\"]),:host([tag=\"rt\"]),:host([tag=\"ruby\"]),:host([tag=\"s\"]),:host([tag=\"samp\"]),:host([tag=\"small\"]),:host([tag=\"span\"]),:host([tag=\"strong\"]),:host([tag=\"sub\"]),:host([tag=\"sup\"]),:host([tag=\"time\"]),:host([tag=\"u\"]),:host([tag=\"var\"]){display:inline}:host([tag=\"code\"]){border-radius:0.25rem;padding-left:0.25rem;padding-right:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:rgb(var(--tone-neutral-09));color:rgb(var(--tone-neutral-03))}:host([truncate]) .text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}:host([truncate=\"word\"]) .text{white-space:nowrap}@supports (line-clamp: 1){:host([truncate=\"all\"]) .text{line-clamp:var(--mds-text-line-clamp, 1)}}@supports (display: -webkit-box){:host([truncate=\"all\"]) .text{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:var(--mds-text-line-clamp, 1)}}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;overflow:inherit;text-overflow:inherit}"; | ||
@@ -246,7 +246,2 @@ const MdsText = class { | ||
| }; | ||
| this.componentWillRender = () => { | ||
| var _a; | ||
| const { tag } = typographyDefaultsVariant[this.typography]; | ||
| this.tag = (_a = this.tag) !== null && _a !== void 0 ? _a : tag; | ||
| }; | ||
| this.animation = 'none'; | ||
@@ -259,2 +254,7 @@ this.tag = undefined; | ||
| } | ||
| componentWillRender() { | ||
| var _a; | ||
| const { tag } = typographyDefaultsVariant[this.typography]; | ||
| this.tag = (_a = this.tag) !== null && _a !== void 0 ? _a : tag; | ||
| } | ||
| textHandler(newValue) { | ||
@@ -261,0 +261,0 @@ if (this.animation === 'none') { |
@@ -5,3 +5,3 @@ 'use strict'; | ||
| const index = require('./index-b28646ff.js'); | ||
| const index = require('./index-71c041c0.js'); | ||
@@ -8,0 +8,0 @@ /* |
| export class KeyboardManager { | ||
| constructor() { | ||
| this.elements = []; | ||
| this.elements = new Map(); | ||
| this.handleClickBehaviorDispatchEvent = (event) => { | ||
| if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') { | ||
| if (event.code === 'Enter' || event.code === 'NumpadEnter') { | ||
| event.target.click(); | ||
@@ -15,16 +15,21 @@ } | ||
| this.addElement = (el, name = 'element') => { | ||
| this.elements[name] = el; | ||
| if (!el) { | ||
| throw Error(`Passed an ${el} element parameter to KeyboardManager.addElement`); | ||
| } | ||
| this.elements.set(name, el); | ||
| }; | ||
| this.removeElement = (name = 'element') => { | ||
| this.detachClickBehavior(name); | ||
| this.elements.delete(name); | ||
| }; | ||
| this.attachClickBehavior = (name = 'element') => { | ||
| if (this.elements[name]) { | ||
| this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent); | ||
| } | ||
| var _a; | ||
| (_a = this.elements.get(name)) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', this.handleClickBehaviorDispatchEvent); | ||
| }; | ||
| this.detachClickBehavior = (name = 'element') => { | ||
| if (this.elements[name]) { | ||
| this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent); | ||
| } | ||
| var _a; | ||
| (_a = this.elements.get(name)) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', this.handleClickBehaviorDispatchEvent); | ||
| }; | ||
| this.attachEscapeBehavior = (callBack) => { | ||
| this.escapeCallback = callBack; | ||
| this.attachEscapeBehavior = (callback) => { | ||
| this.escapeCallback = callback; | ||
| if (window !== undefined) { | ||
@@ -31,0 +36,0 @@ window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this)); |
@@ -22,7 +22,2 @@ import { Host, h } from "@stencil/core"; | ||
| }; | ||
| this.componentWillRender = () => { | ||
| var _a; | ||
| const { tag } = typographyDefaultsVariant[this.typography]; | ||
| this.tag = (_a = this.tag) !== null && _a !== void 0 ? _a : tag; | ||
| }; | ||
| this.animation = 'none'; | ||
@@ -35,2 +30,7 @@ this.tag = undefined; | ||
| } | ||
| componentWillRender() { | ||
| var _a; | ||
| const { tag } = typographyDefaultsVariant[this.typography]; | ||
| this.tag = (_a = this.tag) !== null && _a !== void 0 ? _a : tag; | ||
| } | ||
| textHandler(newValue) { | ||
@@ -37,0 +37,0 @@ if (this.animation === 'none') { |
@@ -222,3 +222,3 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client'; | ||
| const mdsTextCss = ".text-title-h1{min-height:3rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:3rem;line-height:3rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h2{min-height:2.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:2.25rem;line-height:2.5rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h3{min-height:2.25rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.875rem;line-height:2.25rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h4{min-height:2rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.5rem;line-height:2rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h5{min-height:1.75rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:1.75rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h6{min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-action{min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.5rem;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-paragraph{min-height:2rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-detail{min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-caption{min-height:1.25rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-label{min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-option{min-height:0.625rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.625rem;line-height:0.625rem;letter-spacing:-0.025em;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-tip{min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-paragraph{min-height:2rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1.25rem;line-height:2rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-detail{min-height:1.5rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1rem;line-height:1.5rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-caption{min-height:1.25rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-code-snippet{min-height:1.5rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-code-hack{min-height:1.25rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.grid{display:grid}.gap-400{gap:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-09{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-09) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.p-600{padding:1.5rem}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-text-selection-background:rgb(var(--label-sky-09));--mds-text-selection-color:rgb(var(--label-sky-01));--mds-text-line-clamp:3;display:-ms-flexbox;display:flex;min-width:0}.text::-moz-selection{background-color:var(--mds-text-selection-background);color:var(--mds-text-selection-color)}.text::selection{background-color:var(--mds-text-selection-background);color:var(--mds-text-selection-color)}.text{display:inherit}:host([typography=\"snippet\"]){min-height:1.5rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"hack\"]){min-height:1.25rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h1\"]){min-height:3rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:3rem;line-height:3rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h2\"]){min-height:2.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:2.25rem;line-height:2.5rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h3\"]){min-height:2.25rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.875rem;line-height:2.25rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h4\"]){min-height:2rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.5rem;line-height:2rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h5\"]){min-height:1.75rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:1.75rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h6\"]){min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h1\"]),:host([typography=\"h2\"]),:host([typography=\"h3\"]),:host([typography=\"h4\"]),:host([typography=\"h5\"]),:host([typography=\"h6\"]),{text-wrap:balance}:host([typography=\"action\"]){min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.5rem;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"paragraph\"]){min-height:2rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"detail\"]){min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"caption\"]){min-height:1.25rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"paragraph\"]),:host([typography=\"detail\"]),:host([typography=\"caption\"]){text-wrap:pretty}:host([typography=\"label\"]){min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"tip\"]){min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"option\"]){min-height:0.625rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.625rem;line-height:0.625rem;letter-spacing:-0.025em;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"paragraph\"][variant=\"read\"]){min-height:2rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1.25rem;line-height:2rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"detail\"][variant=\"read\"]){min-height:1.5rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1rem;line-height:1.5rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"caption\"][variant=\"read\"]){min-height:1.25rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([tag=\"article\"]),:host([tag=\"blockquote\"]),:host([tag=\"dd\"]),:host([tag=\"details\"]),:host([tag=\"div\"]),:host([tag=\"dl\"]),:host([tag=\"dt\"]),:host([tag=\"figcaption\"]),:host([tag=\"h1\"]),:host([tag=\"h2\"]),:host([tag=\"h3\"]),:host([tag=\"h4\"]),:host([tag=\"h5\"]),:host([tag=\"h6\"]),:host([tag=\"label\"]),:host([tag=\"legend\"]),:host([tag=\"li\"]),:host([tag=\"ol\"]),:host([tag=\"p\"]),:host([tag=\"pre\"]),:host([tag=\"summary\"]),:host([tag=\"ul\"]){display:block}:host([tag=\"abbr\"]),:host([tag=\"address\"]),:host([tag=\"b\"]),:host([tag=\"bdo\"]),:host([tag=\"cite\"]),:host([tag=\"code\"]),:host([tag=\"del\"]),:host([tag=\"dfn\"]),:host([tag=\"em\"]),:host([tag=\"i\"]),:host([tag=\"ins\"]),:host([tag=\"kbd\"]),:host([tag=\"mark\"]),:host([tag=\"q\"]),:host([tag=\"rb\"]),:host([tag=\"rt\"]),:host([tag=\"ruby\"]),:host([tag=\"s\"]),:host([tag=\"samp\"]),:host([tag=\"small\"]),:host([tag=\"span\"]),:host([tag=\"strong\"]),:host([tag=\"sub\"]),:host([tag=\"sup\"]),:host([tag=\"time\"]),:host([tag=\"u\"]),:host([tag=\"var\"]){display:inline}:host([tag=\"code\"]){border-radius:0.25rem;padding-left:0.25rem;padding-right:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:rgb(var(--tone-neutral-09));color:rgb(var(--tone-neutral-03))}:host([truncate]) .text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}:host([truncate=\"word\"]) .text{white-space:nowrap}@supports (line-clamp: 1){:host([truncate=\"all\"]) .text{line-clamp:var(--mds-text-line-clamp, 1)}}@supports (display: -webkit-box){:host([truncate=\"all\"]) .text{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:var(--mds-text-line-clamp, 1)}}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;overflow:inherit;text-overflow:inherit}"; | ||
| const mdsTextCss = ".text-title-h1{min-height:3rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:3rem;line-height:3rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h2{min-height:2.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:2.25rem;line-height:2.5rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h3{min-height:2.25rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.875rem;line-height:2.25rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h4{min-height:2rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.5rem;line-height:2rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h5{min-height:1.75rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:1.75rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h6{min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-action{min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.5rem;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-paragraph{min-height:2rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-detail{min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-caption{min-height:1.25rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-label{min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-option{min-height:0.625rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.625rem;line-height:0.625rem;letter-spacing:-0.025em;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-tip{min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-paragraph{min-height:2rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1.25rem;line-height:2rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-detail{min-height:1.5rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1rem;line-height:1.5rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-caption{min-height:1.25rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-code-snippet{min-height:1.5rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-code-hack{min-height:1.25rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.grid{display:grid}.gap-400{gap:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-09{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-09) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.p-600{padding:1.5rem}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-text-selection-background:rgb(var(--label-sky-09));--mds-text-selection-color:rgb(var(--label-sky-01));--mds-text-line-clamp:3;display:-ms-flexbox;display:flex;min-width:0}.text::-moz-selection{background-color:var(--mds-text-selection-background);color:var(--mds-text-selection-color)}.text::selection{background-color:var(--mds-text-selection-background);color:var(--mds-text-selection-color)}.text{display:inherit}:host([typography=\"snippet\"]){min-height:1.5rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"hack\"]){min-height:1.25rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h1\"]){min-height:3rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:3rem;line-height:3rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h2\"]){min-height:2.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:2.25rem;line-height:2.5rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h3\"]){min-height:2.25rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.875rem;line-height:2.25rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h4\"]){min-height:2rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.5rem;line-height:2rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h5\"]){min-height:1.75rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:1.75rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h6\"]){min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h1\"]),:host([typography=\"h2\"]),:host([typography=\"h3\"]),:host([typography=\"h4\"]),:host([typography=\"h5\"]),:host([typography=\"h6\"]){text-wrap:balance}:host([typography=\"action\"]){min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.5rem;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"paragraph\"]){min-height:2rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"detail\"]){min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"caption\"]){min-height:1.25rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"paragraph\"]),:host([typography=\"detail\"]),:host([typography=\"caption\"]){text-wrap:pretty}:host([typography=\"label\"]){min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"tip\"]){min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"option\"]){min-height:0.625rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.625rem;line-height:0.625rem;letter-spacing:-0.025em;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"paragraph\"][variant=\"read\"]){min-height:2rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1.25rem;line-height:2rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"detail\"][variant=\"read\"]){min-height:1.5rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1rem;line-height:1.5rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"caption\"][variant=\"read\"]){min-height:1.25rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([tag=\"article\"]),:host([tag=\"blockquote\"]),:host([tag=\"dd\"]),:host([tag=\"details\"]),:host([tag=\"div\"]),:host([tag=\"dl\"]),:host([tag=\"dt\"]),:host([tag=\"figcaption\"]),:host([tag=\"h1\"]),:host([tag=\"h2\"]),:host([tag=\"h3\"]),:host([tag=\"h4\"]),:host([tag=\"h5\"]),:host([tag=\"h6\"]),:host([tag=\"label\"]),:host([tag=\"legend\"]),:host([tag=\"li\"]),:host([tag=\"ol\"]),:host([tag=\"p\"]),:host([tag=\"pre\"]),:host([tag=\"summary\"]),:host([tag=\"ul\"]){display:block}:host([tag=\"abbr\"]),:host([tag=\"address\"]),:host([tag=\"b\"]),:host([tag=\"bdo\"]),:host([tag=\"cite\"]),:host([tag=\"code\"]),:host([tag=\"del\"]),:host([tag=\"dfn\"]),:host([tag=\"em\"]),:host([tag=\"i\"]),:host([tag=\"ins\"]),:host([tag=\"kbd\"]),:host([tag=\"mark\"]),:host([tag=\"q\"]),:host([tag=\"rb\"]),:host([tag=\"rt\"]),:host([tag=\"ruby\"]),:host([tag=\"s\"]),:host([tag=\"samp\"]),:host([tag=\"small\"]),:host([tag=\"span\"]),:host([tag=\"strong\"]),:host([tag=\"sub\"]),:host([tag=\"sup\"]),:host([tag=\"time\"]),:host([tag=\"u\"]),:host([tag=\"var\"]){display:inline}:host([tag=\"code\"]){border-radius:0.25rem;padding-left:0.25rem;padding-right:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:rgb(var(--tone-neutral-09));color:rgb(var(--tone-neutral-03))}:host([truncate]) .text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}:host([truncate=\"word\"]) .text{white-space:nowrap}@supports (line-clamp: 1){:host([truncate=\"all\"]) .text{line-clamp:var(--mds-text-line-clamp, 1)}}@supports (display: -webkit-box){:host([truncate=\"all\"]) .text{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:var(--mds-text-line-clamp, 1)}}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;overflow:inherit;text-overflow:inherit}"; | ||
@@ -243,7 +243,2 @@ const MdsText$1 = /*@__PURE__*/ proxyCustomElement(class MdsText extends HTMLElement { | ||
| }; | ||
| this.componentWillRender = () => { | ||
| var _a; | ||
| const { tag } = typographyDefaultsVariant[this.typography]; | ||
| this.tag = (_a = this.tag) !== null && _a !== void 0 ? _a : tag; | ||
| }; | ||
| this.animation = 'none'; | ||
@@ -256,2 +251,7 @@ this.tag = undefined; | ||
| } | ||
| componentWillRender() { | ||
| var _a; | ||
| const { tag } = typographyDefaultsVariant[this.typography]; | ||
| this.tag = (_a = this.tag) !== null && _a !== void 0 ? _a : tag; | ||
| } | ||
| textHandler(newValue) { | ||
@@ -258,0 +258,0 @@ if (this.animation === 'none') { |
| { | ||
| "timestamp": "2024-02-13T14:13:20", | ||
| "timestamp": "2024-02-16T18:43:30", | ||
| "compiler": { | ||
@@ -4,0 +4,0 @@ "name": "@stencil/core", |
@@ -1,1 +0,1 @@ | ||
| import{b as bootstrapLazy}from"./index-ca1b2355.js";export{s as setNonce}from"./index-ca1b2355.js";var defineCustomElements=function(t,e){if(typeof window==="undefined")return undefined;return bootstrapLazy([["mds-text",[[1,"mds-text",{animation:[1],tag:[1537],text:[513],truncate:[513],typography:[513],variant:[513]},null,{text:["textHandler"]}]]]],e)};export{defineCustomElements}; | ||
| import{b as bootstrapLazy}from"./index-9395d304.js";export{s as setNonce}from"./index-9395d304.js";var defineCustomElements=function(t,e){if(typeof window==="undefined")return undefined;return bootstrapLazy([["mds-text",[[1,"mds-text",{animation:[1],tag:[1537],text:[513],truncate:[513],typography:[513],variant:[513]},null,{text:["textHandler"]}]]]],e)};export{defineCustomElements}; |
@@ -1,1 +0,1 @@ | ||
| var __spreadArray=this&&this.__spreadArray||function(t,e,o){if(o||arguments.length===2)for(var a=0,i=e.length,n;a<i;a++){if(n||!(a in e)){if(!n)n=Array.prototype.slice.call(e,0,a);n[a]=e[a]}}return t.concat(n||Array.prototype.slice.call(e))};import{r as registerInstance,h,H as Host,g as getElement}from"./index-ca1b2355.js";var typographyDefaultsVariant={action:{tag:"span",selector:{default:"text-title-action",title:"text-title-action"}},caption:{tag:"span",selector:{default:"text-info-caption",info:"text-info-caption",read:"text-read-caption"}},detail:{tag:"p",selector:{default:"text-info-detail",info:"text-info-detail",read:"text-read-detail"}},h1:{tag:"h1",selector:{default:"text-title-h1",title:"text-title-h1"}},h2:{tag:"h2",selector:{default:"text-title-h2",title:"text-title-h2"}},h3:{tag:"h3",selector:{default:"text-title-h3",title:"text-title-h3"}},h4:{tag:"h4",selector:{default:"text-title-h4",title:"text-title-h4"}},h5:{tag:"h5",selector:{default:"text-title-h5",title:"text-title-h5"}},h6:{tag:"h6",selector:{default:"text-title-h6",title:"text-title-h6"}},hack:{tag:"code",selector:{default:"text-code-hack",mono:"text-code-hack"}},label:{tag:"label",selector:{default:"text-info-label",info:"text-info-label"}},option:{tag:"label",selector:{default:"text-info-option",info:"text-info-option"}},paragraph:{tag:"p",selector:{default:"text-info-paragraph",secondary:"text-secondary-paragraph",info:"text-info-paragraph",read:"text-read-paragraph"}},snippet:{tag:"code",selector:{default:"text-code-snippet",mono:"text-code-snippet"}},tip:{tag:"div",selector:{default:"text-info-tip",info:"text-info-tip"}}};var int32=2147483647;var gen=function(t){return t*16807%int32};var randomFloat=function(t){return gen(t)/int32};var randomInt=function(t){return gen(t)};var generator=function(t){if(t===void 0){t=1}var e=t<1?1:t;var o=function(){e=randomInt(e);return e};return{random:function(){return o()},randomFloat:function(){return randomFloat(o())},range:function(t,e){var a=t-.4999;var i=e+.4999;return Math.round(a+(i-a)*randomFloat(o()))},rangeFloat:function(t,e){return t+(e-t)*randomFloat(o())}}};var strToCharCodeArray=function(t){return t.split("").map((function(t){return t.charCodeAt(0)}))};var randomSign=function(){return(Math.round(Math.random())-.5)*2};var minMaxLooped=function(t,e){return function(o){if(o>e)return t+(o-e);if(o<t)return e+(o-t);return o}};var rand=generator();var random=function(t,e){return function(){return(t+rand.range(0,e))*randomSign()}};var generateRandomCharCodeArray=function(t,e){return function(o){return strToCharCodeArray(o).map(random(t,e))}};var charCodeArrayToString=function(t){var e=t.str,o=t.minCharCode,a=t.maxCharCode,i=t.placeholderChar,n=t.charStep;return function(t){return t.reduce((function(t,r,s){if(r!==0){if(Math.abs(r)>n){return t+i}return t+String.fromCharCode(minMaxLooped(o,a)(e.charCodeAt(s)+r))}return t+e.charAt(s)}),"")}};var noop=function(){};var RandomText=function(){function t(e){var o=this;this.start=function(){var t=o,e=t.frameOffset,a=t.charOffset,i=t.str,n=t.speed;var r=generateRandomCharCodeArray(e,a)(i);o.stop();o.rafId=requestAnimationFrame((function(){o.step(r,n,n)}))};Object.assign(this,Object.assign(Object.assign({},t.defaults),e))}t.prototype.stop=function(){cancelAnimationFrame(this.rafId)};t.prototype.step=function(t,e,o){var a=this;var i=this,n=i.str,r=i.charStep,s=i.minCharCode,l=i.maxCharCode,h=i.placeholderChar,m=i.onProgress,g=i.onComplete;var f=t.slice(0,e);var c=f.map((function(t){if(t>0)return t-1;if(t<0)return t+1;return 0}));var p=charCodeArrayToString({str:n,minCharCode:s,maxCharCode:l,placeholderChar:h,charStep:r})(c);var y=__spreadArray(__spreadArray([],c,true),t.slice(e),true);m(p);if(p!==n){this.rafId=requestAnimationFrame((function(){a.step(y,e+o,o)}))}else{g(p)}};return t}();RandomText.defaults={str:"",speed:2,placeholderChar:"_",frameOffset:30,charOffset:20,charStep:10,minCharCode:32,maxCharCode:122,onProgress:noop,onComplete:noop};var mdsTextCss='.text-title-h1{min-height:3rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:3rem;line-height:3rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h2{min-height:2.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:2.25rem;line-height:2.5rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h3{min-height:2.25rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1.875rem;line-height:2.25rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h4{min-height:2rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1.5rem;line-height:2rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h5{min-height:1.75rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1.25rem;line-height:1.75rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h6{min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1rem;line-height:1.5rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-action{min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.875rem;line-height:1.5rem;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-paragraph{min-height:2rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1.25rem;line-height:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-detail{min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-caption{min-height:1.25rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-label{min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-option{min-height:0.625rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.625rem;line-height:0.625rem;letter-spacing:-0.025em;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-tip{min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.75rem;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-paragraph{min-height:2rem;font-family:\'Merriweather\', Times, \'Times New Roman\', serif;font-size:1.25rem;line-height:2rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-detail{min-height:1.5rem;font-family:\'Merriweather\', Times, \'Times New Roman\', serif;font-size:1rem;line-height:1.5rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-caption{min-height:1.25rem;font-family:\'Merriweather\', Times, \'Times New Roman\', serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-code-snippet{min-height:1.5rem;font-family:\'Roboto Mono\', \'Courier New\', monospace;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-code-hack{min-height:1.25rem;font-family:\'Roboto Mono\', \'Courier New\', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.grid{display:grid}.gap-400{gap:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-09{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-09) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.p-600{padding:1.5rem}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-text-selection-background:rgb(var(--label-sky-09));--mds-text-selection-color:rgb(var(--label-sky-01));--mds-text-line-clamp:3;display:-ms-flexbox;display:flex;min-width:0}.text::-moz-selection{background-color:var(--mds-text-selection-background);color:var(--mds-text-selection-color)}.text::selection{background-color:var(--mds-text-selection-background);color:var(--mds-text-selection-color)}.text{display:inherit}:host([typography="snippet"]){min-height:1.5rem;font-family:\'Roboto Mono\', \'Courier New\', monospace;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="hack"]){min-height:1.25rem;font-family:\'Roboto Mono\', \'Courier New\', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="h1"]){min-height:3rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:3rem;line-height:3rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="h2"]){min-height:2.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:2.25rem;line-height:2.5rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="h3"]){min-height:2.25rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1.875rem;line-height:2.25rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="h4"]){min-height:2rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1.5rem;line-height:2rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="h5"]){min-height:1.75rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1.25rem;line-height:1.75rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="h6"]){min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1rem;line-height:1.5rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="h1"]),:host([typography="h2"]),:host([typography="h3"]),:host([typography="h4"]),:host([typography="h5"]),:host([typography="h6"]),{text-wrap:balance}:host([typography="action"]){min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.875rem;line-height:1.5rem;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="paragraph"]){min-height:2rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1.25rem;line-height:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="detail"]){min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="caption"]){min-height:1.25rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="paragraph"]),:host([typography="detail"]),:host([typography="caption"]){text-wrap:pretty}:host([typography="label"]){min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="tip"]){min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.75rem;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="option"]){min-height:0.625rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.625rem;line-height:0.625rem;letter-spacing:-0.025em;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="paragraph"][variant="read"]){min-height:2rem;font-family:\'Merriweather\', Times, \'Times New Roman\', serif;font-size:1.25rem;line-height:2rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="detail"][variant="read"]){min-height:1.5rem;font-family:\'Merriweather\', Times, \'Times New Roman\', serif;font-size:1rem;line-height:1.5rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="caption"][variant="read"]){min-height:1.25rem;font-family:\'Merriweather\', Times, \'Times New Roman\', serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([tag="article"]),:host([tag="blockquote"]),:host([tag="dd"]),:host([tag="details"]),:host([tag="div"]),:host([tag="dl"]),:host([tag="dt"]),:host([tag="figcaption"]),:host([tag="h1"]),:host([tag="h2"]),:host([tag="h3"]),:host([tag="h4"]),:host([tag="h5"]),:host([tag="h6"]),:host([tag="label"]),:host([tag="legend"]),:host([tag="li"]),:host([tag="ol"]),:host([tag="p"]),:host([tag="pre"]),:host([tag="summary"]),:host([tag="ul"]){display:block}:host([tag="abbr"]),:host([tag="address"]),:host([tag="b"]),:host([tag="bdo"]),:host([tag="cite"]),:host([tag="code"]),:host([tag="del"]),:host([tag="dfn"]),:host([tag="em"]),:host([tag="i"]),:host([tag="ins"]),:host([tag="kbd"]),:host([tag="mark"]),:host([tag="q"]),:host([tag="rb"]),:host([tag="rt"]),:host([tag="ruby"]),:host([tag="s"]),:host([tag="samp"]),:host([tag="small"]),:host([tag="span"]),:host([tag="strong"]),:host([tag="sub"]),:host([tag="sup"]),:host([tag="time"]),:host([tag="u"]),:host([tag="var"]){display:inline}:host([tag="code"]){border-radius:0.25rem;padding-left:0.25rem;padding-right:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:rgb(var(--tone-neutral-09));color:rgb(var(--tone-neutral-03))}:host([truncate]) .text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}:host([truncate="word"]) .text{white-space:nowrap}@supports (line-clamp: 1){:host([truncate="all"]) .text{line-clamp:var(--mds-text-line-clamp, 1)}}@supports (display: -webkit-box){:host([truncate="all"]) .text{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:var(--mds-text-line-clamp, 1)}}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;overflow:inherit;text-overflow:inherit}';var MdsText=function(){function t(t){var e=this;registerInstance(this,t);this.randomTextOptions={speed:2,placeholderChar:" ",frameOffset:10,charOffset:20,charStep:15};this.animateText=function(t){var o;var a=(o=e.host.shadowRoot)===null||o===void 0?void 0:o.querySelector(".text");e.randomText=new RandomText(Object.assign({str:t,onProgress:function(t){a.innerHTML=t}},e.randomTextOptions));e.randomText.start()};this.componentWillRender=function(){var t;var o=typographyDefaultsVariant[e.typography].tag;e.tag=(t=e.tag)!==null&&t!==void 0?t:o};this.animation="none";this.tag=undefined;this.text=undefined;this.truncate=undefined;this.typography="detail";this.variant=undefined}t.prototype.textHandler=function(t){if(this.animation==="none"){return}if(this.randomText){this.randomText.stop()}if(t){this.animateText(t)}};t.prototype.render=function(){return h(Host,null,h(this.tag,{class:"text"},!this.text?h("slot",null):this.text))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{text:["textHandler"]}},enumerable:false,configurable:true});return t}();MdsText.style=mdsTextCss;export{MdsText as mds_text}; | ||
| var __spreadArray=this&&this.__spreadArray||function(t,e,o){if(o||arguments.length===2)for(var a=0,i=e.length,n;a<i;a++){if(n||!(a in e)){if(!n)n=Array.prototype.slice.call(e,0,a);n[a]=e[a]}}return t.concat(n||Array.prototype.slice.call(e))};import{r as registerInstance,h,H as Host,g as getElement}from"./index-9395d304.js";var typographyDefaultsVariant={action:{tag:"span",selector:{default:"text-title-action",title:"text-title-action"}},caption:{tag:"span",selector:{default:"text-info-caption",info:"text-info-caption",read:"text-read-caption"}},detail:{tag:"p",selector:{default:"text-info-detail",info:"text-info-detail",read:"text-read-detail"}},h1:{tag:"h1",selector:{default:"text-title-h1",title:"text-title-h1"}},h2:{tag:"h2",selector:{default:"text-title-h2",title:"text-title-h2"}},h3:{tag:"h3",selector:{default:"text-title-h3",title:"text-title-h3"}},h4:{tag:"h4",selector:{default:"text-title-h4",title:"text-title-h4"}},h5:{tag:"h5",selector:{default:"text-title-h5",title:"text-title-h5"}},h6:{tag:"h6",selector:{default:"text-title-h6",title:"text-title-h6"}},hack:{tag:"code",selector:{default:"text-code-hack",mono:"text-code-hack"}},label:{tag:"label",selector:{default:"text-info-label",info:"text-info-label"}},option:{tag:"label",selector:{default:"text-info-option",info:"text-info-option"}},paragraph:{tag:"p",selector:{default:"text-info-paragraph",secondary:"text-secondary-paragraph",info:"text-info-paragraph",read:"text-read-paragraph"}},snippet:{tag:"code",selector:{default:"text-code-snippet",mono:"text-code-snippet"}},tip:{tag:"div",selector:{default:"text-info-tip",info:"text-info-tip"}}};var int32=2147483647;var gen=function(t){return t*16807%int32};var randomFloat=function(t){return gen(t)/int32};var randomInt=function(t){return gen(t)};var generator=function(t){if(t===void 0){t=1}var e=t<1?1:t;var o=function(){e=randomInt(e);return e};return{random:function(){return o()},randomFloat:function(){return randomFloat(o())},range:function(t,e){var a=t-.4999;var i=e+.4999;return Math.round(a+(i-a)*randomFloat(o()))},rangeFloat:function(t,e){return t+(e-t)*randomFloat(o())}}};var strToCharCodeArray=function(t){return t.split("").map((function(t){return t.charCodeAt(0)}))};var randomSign=function(){return(Math.round(Math.random())-.5)*2};var minMaxLooped=function(t,e){return function(o){if(o>e)return t+(o-e);if(o<t)return e+(o-t);return o}};var rand=generator();var random=function(t,e){return function(){return(t+rand.range(0,e))*randomSign()}};var generateRandomCharCodeArray=function(t,e){return function(o){return strToCharCodeArray(o).map(random(t,e))}};var charCodeArrayToString=function(t){var e=t.str,o=t.minCharCode,a=t.maxCharCode,i=t.placeholderChar,n=t.charStep;return function(t){return t.reduce((function(t,r,s){if(r!==0){if(Math.abs(r)>n){return t+i}return t+String.fromCharCode(minMaxLooped(o,a)(e.charCodeAt(s)+r))}return t+e.charAt(s)}),"")}};var noop=function(){};var RandomText=function(){function t(e){var o=this;this.start=function(){var t=o,e=t.frameOffset,a=t.charOffset,i=t.str,n=t.speed;var r=generateRandomCharCodeArray(e,a)(i);o.stop();o.rafId=requestAnimationFrame((function(){o.step(r,n,n)}))};Object.assign(this,Object.assign(Object.assign({},t.defaults),e))}t.prototype.stop=function(){cancelAnimationFrame(this.rafId)};t.prototype.step=function(t,e,o){var a=this;var i=this,n=i.str,r=i.charStep,s=i.minCharCode,l=i.maxCharCode,h=i.placeholderChar,m=i.onProgress,g=i.onComplete;var f=t.slice(0,e);var c=f.map((function(t){if(t>0)return t-1;if(t<0)return t+1;return 0}));var p=charCodeArrayToString({str:n,minCharCode:s,maxCharCode:l,placeholderChar:h,charStep:r})(c);var y=__spreadArray(__spreadArray([],c,true),t.slice(e),true);m(p);if(p!==n){this.rafId=requestAnimationFrame((function(){a.step(y,e+o,o)}))}else{g(p)}};return t}();RandomText.defaults={str:"",speed:2,placeholderChar:"_",frameOffset:30,charOffset:20,charStep:10,minCharCode:32,maxCharCode:122,onProgress:noop,onComplete:noop};var mdsTextCss='.text-title-h1{min-height:3rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:3rem;line-height:3rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h2{min-height:2.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:2.25rem;line-height:2.5rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h3{min-height:2.25rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1.875rem;line-height:2.25rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h4{min-height:2rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1.5rem;line-height:2rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h5{min-height:1.75rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1.25rem;line-height:1.75rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h6{min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1rem;line-height:1.5rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-action{min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.875rem;line-height:1.5rem;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-paragraph{min-height:2rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1.25rem;line-height:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-detail{min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-caption{min-height:1.25rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-label{min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-option{min-height:0.625rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.625rem;line-height:0.625rem;letter-spacing:-0.025em;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-tip{min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.75rem;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-paragraph{min-height:2rem;font-family:\'Merriweather\', Times, \'Times New Roman\', serif;font-size:1.25rem;line-height:2rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-detail{min-height:1.5rem;font-family:\'Merriweather\', Times, \'Times New Roman\', serif;font-size:1rem;line-height:1.5rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-caption{min-height:1.25rem;font-family:\'Merriweather\', Times, \'Times New Roman\', serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-code-snippet{min-height:1.5rem;font-family:\'Roboto Mono\', \'Courier New\', monospace;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-code-hack{min-height:1.25rem;font-family:\'Roboto Mono\', \'Courier New\', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.grid{display:grid}.gap-400{gap:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-09{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-09) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.p-600{padding:1.5rem}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-text-selection-background:rgb(var(--label-sky-09));--mds-text-selection-color:rgb(var(--label-sky-01));--mds-text-line-clamp:3;display:-ms-flexbox;display:flex;min-width:0}.text::-moz-selection{background-color:var(--mds-text-selection-background);color:var(--mds-text-selection-color)}.text::selection{background-color:var(--mds-text-selection-background);color:var(--mds-text-selection-color)}.text{display:inherit}:host([typography="snippet"]){min-height:1.5rem;font-family:\'Roboto Mono\', \'Courier New\', monospace;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="hack"]){min-height:1.25rem;font-family:\'Roboto Mono\', \'Courier New\', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="h1"]){min-height:3rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:3rem;line-height:3rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="h2"]){min-height:2.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:2.25rem;line-height:2.5rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="h3"]){min-height:2.25rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1.875rem;line-height:2.25rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="h4"]){min-height:2rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1.5rem;line-height:2rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="h5"]){min-height:1.75rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1.25rem;line-height:1.75rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="h6"]){min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1rem;line-height:1.5rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="h1"]),:host([typography="h2"]),:host([typography="h3"]),:host([typography="h4"]),:host([typography="h5"]),:host([typography="h6"]){text-wrap:balance}:host([typography="action"]){min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.875rem;line-height:1.5rem;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="paragraph"]){min-height:2rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1.25rem;line-height:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="detail"]){min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="caption"]){min-height:1.25rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="paragraph"]),:host([typography="detail"]),:host([typography="caption"]){text-wrap:pretty}:host([typography="label"]){min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="tip"]){min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.75rem;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="option"]){min-height:0.625rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:0.625rem;line-height:0.625rem;letter-spacing:-0.025em;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="paragraph"][variant="read"]){min-height:2rem;font-family:\'Merriweather\', Times, \'Times New Roman\', serif;font-size:1.25rem;line-height:2rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="detail"][variant="read"]){min-height:1.5rem;font-family:\'Merriweather\', Times, \'Times New Roman\', serif;font-size:1rem;line-height:1.5rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography="caption"][variant="read"]){min-height:1.25rem;font-family:\'Merriweather\', Times, \'Times New Roman\', serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([tag="article"]),:host([tag="blockquote"]),:host([tag="dd"]),:host([tag="details"]),:host([tag="div"]),:host([tag="dl"]),:host([tag="dt"]),:host([tag="figcaption"]),:host([tag="h1"]),:host([tag="h2"]),:host([tag="h3"]),:host([tag="h4"]),:host([tag="h5"]),:host([tag="h6"]),:host([tag="label"]),:host([tag="legend"]),:host([tag="li"]),:host([tag="ol"]),:host([tag="p"]),:host([tag="pre"]),:host([tag="summary"]),:host([tag="ul"]){display:block}:host([tag="abbr"]),:host([tag="address"]),:host([tag="b"]),:host([tag="bdo"]),:host([tag="cite"]),:host([tag="code"]),:host([tag="del"]),:host([tag="dfn"]),:host([tag="em"]),:host([tag="i"]),:host([tag="ins"]),:host([tag="kbd"]),:host([tag="mark"]),:host([tag="q"]),:host([tag="rb"]),:host([tag="rt"]),:host([tag="ruby"]),:host([tag="s"]),:host([tag="samp"]),:host([tag="small"]),:host([tag="span"]),:host([tag="strong"]),:host([tag="sub"]),:host([tag="sup"]),:host([tag="time"]),:host([tag="u"]),:host([tag="var"]){display:inline}:host([tag="code"]){border-radius:0.25rem;padding-left:0.25rem;padding-right:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:rgb(var(--tone-neutral-09));color:rgb(var(--tone-neutral-03))}:host([truncate]) .text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}:host([truncate="word"]) .text{white-space:nowrap}@supports (line-clamp: 1){:host([truncate="all"]) .text{line-clamp:var(--mds-text-line-clamp, 1)}}@supports (display: -webkit-box){:host([truncate="all"]) .text{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:var(--mds-text-line-clamp, 1)}}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;overflow:inherit;text-overflow:inherit}';var MdsText=function(){function t(t){var e=this;registerInstance(this,t);this.randomTextOptions={speed:2,placeholderChar:" ",frameOffset:10,charOffset:20,charStep:15};this.animateText=function(t){var o;var a=(o=e.host.shadowRoot)===null||o===void 0?void 0:o.querySelector(".text");e.randomText=new RandomText(Object.assign({str:t,onProgress:function(t){a.innerHTML=t}},e.randomTextOptions));e.randomText.start()};this.animation="none";this.tag=undefined;this.text=undefined;this.truncate=undefined;this.typography="detail";this.variant=undefined}t.prototype.componentWillRender=function(){var t;var e=typographyDefaultsVariant[this.typography].tag;this.tag=(t=this.tag)!==null&&t!==void 0?t:e};t.prototype.textHandler=function(t){if(this.animation==="none"){return}if(this.randomText){this.randomText.stop()}if(t){this.animateText(t)}};t.prototype.render=function(){return h(Host,null,h(this.tag,{class:"text"},!this.text?h("slot",null):this.text))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{text:["textHandler"]}},enumerable:false,configurable:true});return t}();MdsText.style=mdsTextCss;export{MdsText as mds_text}; |
@@ -1,1 +0,1 @@ | ||
| import{p as promiseResolve,b as bootstrapLazy}from"./index-ca1b2355.js";export{s as setNonce}from"./index-ca1b2355.js";var patchBrowser=function(){var t=import.meta.url;var e={};if(t!==""){e.resourcesUrl=new URL(".",t).href}return promiseResolve(e)};patchBrowser().then((function(t){return bootstrapLazy([["mds-text",[[1,"mds-text",{animation:[1],tag:[1537],text:[513],truncate:[513],typography:[513],variant:[513]},null,{text:["textHandler"]}]]]],t)})); | ||
| import{p as promiseResolve,b as bootstrapLazy}from"./index-9395d304.js";export{s as setNonce}from"./index-9395d304.js";var patchBrowser=function(){var t=import.meta.url;var e={};if(t!==""){e.resourcesUrl=new URL(".",t).href}return promiseResolve(e)};patchBrowser().then((function(t){return bootstrapLazy([["mds-text",[[1,"mds-text",{animation:[1],tag:[1537],text:[513],truncate:[513],typography:[513],variant:[513]},null,{text:["textHandler"]}]]]],t)})); |
@@ -1,3 +0,3 @@ | ||
| import { b as bootstrapLazy } from './index-ca1b2355.js'; | ||
| export { s as setNonce } from './index-ca1b2355.js'; | ||
| import { b as bootstrapLazy } from './index-9395d304.js'; | ||
| export { s as setNonce } from './index-9395d304.js'; | ||
@@ -4,0 +4,0 @@ const defineCustomElements = (win, options) => { |
@@ -1,2 +0,2 @@ | ||
| import { r as registerInstance, h, H as Host, g as getElement } from './index-ca1b2355.js'; | ||
| import { r as registerInstance, h, H as Host, g as getElement } from './index-9395d304.js'; | ||
@@ -222,3 +222,3 @@ const typographyDefaultsVariant = { | ||
| const mdsTextCss = ".text-title-h1{min-height:3rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:3rem;line-height:3rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h2{min-height:2.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:2.25rem;line-height:2.5rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h3{min-height:2.25rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.875rem;line-height:2.25rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h4{min-height:2rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.5rem;line-height:2rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h5{min-height:1.75rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:1.75rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h6{min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-action{min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.5rem;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-paragraph{min-height:2rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-detail{min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-caption{min-height:1.25rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-label{min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-option{min-height:0.625rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.625rem;line-height:0.625rem;letter-spacing:-0.025em;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-tip{min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-paragraph{min-height:2rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1.25rem;line-height:2rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-detail{min-height:1.5rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1rem;line-height:1.5rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-caption{min-height:1.25rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-code-snippet{min-height:1.5rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-code-hack{min-height:1.25rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.grid{display:grid}.gap-400{gap:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-09{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-09) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.p-600{padding:1.5rem}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-text-selection-background:rgb(var(--label-sky-09));--mds-text-selection-color:rgb(var(--label-sky-01));--mds-text-line-clamp:3;display:-ms-flexbox;display:flex;min-width:0}.text::-moz-selection{background-color:var(--mds-text-selection-background);color:var(--mds-text-selection-color)}.text::selection{background-color:var(--mds-text-selection-background);color:var(--mds-text-selection-color)}.text{display:inherit}:host([typography=\"snippet\"]){min-height:1.5rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"hack\"]){min-height:1.25rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h1\"]){min-height:3rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:3rem;line-height:3rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h2\"]){min-height:2.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:2.25rem;line-height:2.5rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h3\"]){min-height:2.25rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.875rem;line-height:2.25rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h4\"]){min-height:2rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.5rem;line-height:2rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h5\"]){min-height:1.75rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:1.75rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h6\"]){min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h1\"]),:host([typography=\"h2\"]),:host([typography=\"h3\"]),:host([typography=\"h4\"]),:host([typography=\"h5\"]),:host([typography=\"h6\"]),{text-wrap:balance}:host([typography=\"action\"]){min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.5rem;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"paragraph\"]){min-height:2rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"detail\"]){min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"caption\"]){min-height:1.25rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"paragraph\"]),:host([typography=\"detail\"]),:host([typography=\"caption\"]){text-wrap:pretty}:host([typography=\"label\"]){min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"tip\"]){min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"option\"]){min-height:0.625rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.625rem;line-height:0.625rem;letter-spacing:-0.025em;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"paragraph\"][variant=\"read\"]){min-height:2rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1.25rem;line-height:2rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"detail\"][variant=\"read\"]){min-height:1.5rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1rem;line-height:1.5rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"caption\"][variant=\"read\"]){min-height:1.25rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([tag=\"article\"]),:host([tag=\"blockquote\"]),:host([tag=\"dd\"]),:host([tag=\"details\"]),:host([tag=\"div\"]),:host([tag=\"dl\"]),:host([tag=\"dt\"]),:host([tag=\"figcaption\"]),:host([tag=\"h1\"]),:host([tag=\"h2\"]),:host([tag=\"h3\"]),:host([tag=\"h4\"]),:host([tag=\"h5\"]),:host([tag=\"h6\"]),:host([tag=\"label\"]),:host([tag=\"legend\"]),:host([tag=\"li\"]),:host([tag=\"ol\"]),:host([tag=\"p\"]),:host([tag=\"pre\"]),:host([tag=\"summary\"]),:host([tag=\"ul\"]){display:block}:host([tag=\"abbr\"]),:host([tag=\"address\"]),:host([tag=\"b\"]),:host([tag=\"bdo\"]),:host([tag=\"cite\"]),:host([tag=\"code\"]),:host([tag=\"del\"]),:host([tag=\"dfn\"]),:host([tag=\"em\"]),:host([tag=\"i\"]),:host([tag=\"ins\"]),:host([tag=\"kbd\"]),:host([tag=\"mark\"]),:host([tag=\"q\"]),:host([tag=\"rb\"]),:host([tag=\"rt\"]),:host([tag=\"ruby\"]),:host([tag=\"s\"]),:host([tag=\"samp\"]),:host([tag=\"small\"]),:host([tag=\"span\"]),:host([tag=\"strong\"]),:host([tag=\"sub\"]),:host([tag=\"sup\"]),:host([tag=\"time\"]),:host([tag=\"u\"]),:host([tag=\"var\"]){display:inline}:host([tag=\"code\"]){border-radius:0.25rem;padding-left:0.25rem;padding-right:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:rgb(var(--tone-neutral-09));color:rgb(var(--tone-neutral-03))}:host([truncate]) .text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}:host([truncate=\"word\"]) .text{white-space:nowrap}@supports (line-clamp: 1){:host([truncate=\"all\"]) .text{line-clamp:var(--mds-text-line-clamp, 1)}}@supports (display: -webkit-box){:host([truncate=\"all\"]) .text{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:var(--mds-text-line-clamp, 1)}}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;overflow:inherit;text-overflow:inherit}"; | ||
| const mdsTextCss = ".text-title-h1{min-height:3rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:3rem;line-height:3rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h2{min-height:2.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:2.25rem;line-height:2.5rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h3{min-height:2.25rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.875rem;line-height:2.25rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h4{min-height:2rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.5rem;line-height:2rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h5{min-height:1.75rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:1.75rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-h6{min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-action{min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.5rem;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-paragraph{min-height:2rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-detail{min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-caption{min-height:1.25rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-label{min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-option{min-height:0.625rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.625rem;line-height:0.625rem;letter-spacing:-0.025em;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-info-tip{min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-paragraph{min-height:2rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1.25rem;line-height:2rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-detail{min-height:1.5rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1rem;line-height:1.5rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-read-caption{min-height:1.25rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-code-snippet{min-height:1.5rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-code-hack{min-height:1.25rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.grid{display:grid}.gap-400{gap:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-09{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-09) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.p-600{padding:1.5rem}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-text-selection-background:rgb(var(--label-sky-09));--mds-text-selection-color:rgb(var(--label-sky-01));--mds-text-line-clamp:3;display:-ms-flexbox;display:flex;min-width:0}.text::-moz-selection{background-color:var(--mds-text-selection-background);color:var(--mds-text-selection-color)}.text::selection{background-color:var(--mds-text-selection-background);color:var(--mds-text-selection-color)}.text{display:inherit}:host([typography=\"snippet\"]){min-height:1.5rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"hack\"]){min-height:1.25rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h1\"]){min-height:3rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:3rem;line-height:3rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h2\"]){min-height:2.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:2.25rem;line-height:2.5rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h3\"]){min-height:2.25rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.875rem;line-height:2.25rem;letter-spacing:-0.025em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h4\"]){min-height:2rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.5rem;line-height:2rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h5\"]){min-height:1.75rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:1.75rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h6\"]){min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;letter-spacing:-0.025em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"h1\"]),:host([typography=\"h2\"]),:host([typography=\"h3\"]),:host([typography=\"h4\"]),:host([typography=\"h5\"]),:host([typography=\"h6\"]){text-wrap:balance}:host([typography=\"action\"]){min-height:1.5rem;font-family:Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.5rem;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"paragraph\"]){min-height:2rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1.25rem;line-height:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"detail\"]){min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"caption\"]){min-height:1.25rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"paragraph\"]),:host([typography=\"detail\"]),:host([typography=\"caption\"]){text-wrap:pretty}:host([typography=\"label\"]){min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"tip\"]){min-height:1rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.75rem;line-height:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"option\"]){min-height:0.625rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.625rem;line-height:0.625rem;letter-spacing:-0.025em;font-weight:700;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"paragraph\"][variant=\"read\"]){min-height:2rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1.25rem;line-height:2rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"detail\"][variant=\"read\"]){min-height:1.5rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:1rem;line-height:1.5rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=\"caption\"][variant=\"read\"]){min-height:1.25rem;font-family:'Merriweather', Times, 'Times New Roman', serif;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([tag=\"article\"]),:host([tag=\"blockquote\"]),:host([tag=\"dd\"]),:host([tag=\"details\"]),:host([tag=\"div\"]),:host([tag=\"dl\"]),:host([tag=\"dt\"]),:host([tag=\"figcaption\"]),:host([tag=\"h1\"]),:host([tag=\"h2\"]),:host([tag=\"h3\"]),:host([tag=\"h4\"]),:host([tag=\"h5\"]),:host([tag=\"h6\"]),:host([tag=\"label\"]),:host([tag=\"legend\"]),:host([tag=\"li\"]),:host([tag=\"ol\"]),:host([tag=\"p\"]),:host([tag=\"pre\"]),:host([tag=\"summary\"]),:host([tag=\"ul\"]){display:block}:host([tag=\"abbr\"]),:host([tag=\"address\"]),:host([tag=\"b\"]),:host([tag=\"bdo\"]),:host([tag=\"cite\"]),:host([tag=\"code\"]),:host([tag=\"del\"]),:host([tag=\"dfn\"]),:host([tag=\"em\"]),:host([tag=\"i\"]),:host([tag=\"ins\"]),:host([tag=\"kbd\"]),:host([tag=\"mark\"]),:host([tag=\"q\"]),:host([tag=\"rb\"]),:host([tag=\"rt\"]),:host([tag=\"ruby\"]),:host([tag=\"s\"]),:host([tag=\"samp\"]),:host([tag=\"small\"]),:host([tag=\"span\"]),:host([tag=\"strong\"]),:host([tag=\"sub\"]),:host([tag=\"sup\"]),:host([tag=\"time\"]),:host([tag=\"u\"]),:host([tag=\"var\"]){display:inline}:host([tag=\"code\"]){border-radius:0.25rem;padding-left:0.25rem;padding-right:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:rgb(var(--tone-neutral-09));color:rgb(var(--tone-neutral-03))}:host([truncate]) .text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}:host([truncate=\"word\"]) .text{white-space:nowrap}@supports (line-clamp: 1){:host([truncate=\"all\"]) .text{line-clamp:var(--mds-text-line-clamp, 1)}}@supports (display: -webkit-box){:host([truncate=\"all\"]) .text{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:var(--mds-text-line-clamp, 1)}}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;overflow:inherit;text-overflow:inherit}"; | ||
@@ -241,7 +241,2 @@ const MdsText = class { | ||
| }; | ||
| this.componentWillRender = () => { | ||
| var _a; | ||
| const { tag } = typographyDefaultsVariant[this.typography]; | ||
| this.tag = (_a = this.tag) !== null && _a !== void 0 ? _a : tag; | ||
| }; | ||
| this.animation = 'none'; | ||
@@ -254,2 +249,7 @@ this.tag = undefined; | ||
| } | ||
| componentWillRender() { | ||
| var _a; | ||
| const { tag } = typographyDefaultsVariant[this.typography]; | ||
| this.tag = (_a = this.tag) !== null && _a !== void 0 ? _a : tag; | ||
| } | ||
| textHandler(newValue) { | ||
@@ -256,0 +256,0 @@ if (this.animation === 'none') { |
@@ -1,3 +0,3 @@ | ||
| import { p as promiseResolve, b as bootstrapLazy } from './index-ca1b2355.js'; | ||
| export { s as setNonce } from './index-ca1b2355.js'; | ||
| import { p as promiseResolve, b as bootstrapLazy } from './index-9395d304.js'; | ||
| export { s as setNonce } from './index-9395d304.js'; | ||
@@ -4,0 +4,0 @@ /* |
@@ -1,1 +0,1 @@ | ||
| import{p as t,b as e}from"./p-98ef2e6b.js";export{s as setNonce}from"./p-98ef2e6b.js";(()=>{const e=import.meta.url,a={};return""!==e&&(a.resourcesUrl=new URL(".",e).href),t(a)})().then((t=>e([["p-31a40905",[[1,"mds-text",{animation:[1],tag:[1537],text:[513],truncate:[513],typography:[513],variant:[513]},null,{text:["textHandler"]}]]]],t))); | ||
| import{p as t,b as a}from"./p-7016a22d.js";export{s as setNonce}from"./p-7016a22d.js";(()=>{const a=import.meta.url,e={};return""!==a&&(e.resourcesUrl=new URL(".",a).href),t(e)})().then((t=>a([["p-b7a426bc",[[1,"mds-text",{animation:[1],tag:[1537],text:[513],truncate:[513],typography:[513],variant:[513]},null,{text:["textHandler"]}]]]],t))); |
| { | ||
| "timestamp": "2024-02-13T14:13:20", | ||
| "timestamp": "2024-02-16T18:43:30", | ||
| "compiler": { | ||
@@ -77,3 +77,3 @@ "name": "node", | ||
| "generatedFiles": [ | ||
| "./dist/cjs/index-b28646ff.js", | ||
| "./dist/cjs/index-71c041c0.js", | ||
| "./dist/cjs/index.cjs.js", | ||
@@ -83,3 +83,3 @@ "./dist/cjs/loader.cjs.js", | ||
| "./dist/cjs/mds-text.cjs.js", | ||
| "./dist/esm-es5/index-ca1b2355.js", | ||
| "./dist/esm-es5/index-9395d304.js", | ||
| "./dist/esm-es5/index.js", | ||
@@ -89,3 +89,3 @@ "./dist/esm-es5/loader.js", | ||
| "./dist/esm-es5/mds-text.js", | ||
| "./dist/esm/index-ca1b2355.js", | ||
| "./dist/esm/index-9395d304.js", | ||
| "./dist/esm/index.js", | ||
@@ -100,17 +100,17 @@ "./dist/esm/loader.js", | ||
| "./dist/mds-text/mds-text.js", | ||
| "./dist/mds-text/p-31a40905.entry.js", | ||
| "./dist/mds-text/p-50ea2036.system.js", | ||
| "./dist/mds-text/p-98ef2e6b.js", | ||
| "./dist/mds-text/p-d1e0e99d.system.js", | ||
| "./dist/mds-text/p-e52111e9.system.js", | ||
| "./dist/mds-text/p-f491b9a4.system.entry.js", | ||
| "./dist/mds-text/p-7016a22d.js", | ||
| "./dist/mds-text/p-746a7d6d.system.entry.js", | ||
| "./dist/mds-text/p-85f974fa.system.js", | ||
| "./dist/mds-text/p-b27cec5a.system.js", | ||
| "./dist/mds-text/p-b7a426bc.entry.js", | ||
| "./www/build/index.esm.js", | ||
| "./www/build/mds-text.esm.js", | ||
| "./www/build/mds-text.js", | ||
| "./www/build/p-31a40905.entry.js", | ||
| "./www/build/p-50ea2036.system.js", | ||
| "./www/build/p-98ef2e6b.js", | ||
| "./www/build/p-d1e0e99d.system.js", | ||
| "./www/build/p-e52111e9.system.js", | ||
| "./www/build/p-f491b9a4.system.entry.js" | ||
| "./www/build/p-7016a22d.js", | ||
| "./www/build/p-746a7d6d.system.entry.js", | ||
| "./www/build/p-85f974fa.system.js", | ||
| "./www/build/p-b27cec5a.system.js", | ||
| "./www/build/p-b7a426bc.entry.js" | ||
| ] | ||
@@ -148,8 +148,8 @@ }, | ||
| ], | ||
| "bundleId": "p-31a40905", | ||
| "fileName": "p-31a40905.entry.js", | ||
| "bundleId": "p-b7a426bc", | ||
| "fileName": "p-b7a426bc.entry.js", | ||
| "imports": [ | ||
| "p-98ef2e6b.js" | ||
| "p-7016a22d.js" | ||
| ], | ||
| "originalByteSize": 23412 | ||
| "originalByteSize": 23379 | ||
| } | ||
@@ -166,5 +166,5 @@ ], | ||
| "imports": [ | ||
| "index-ca1b2355.js" | ||
| "index-9395d304.js" | ||
| ], | ||
| "originalByteSize": 23416 | ||
| "originalByteSize": 23383 | ||
| } | ||
@@ -181,5 +181,5 @@ ], | ||
| "imports": [ | ||
| "index-ca1b2355.js" | ||
| "index-9395d304.js" | ||
| ], | ||
| "originalByteSize": 23416 | ||
| "originalByteSize": 23383 | ||
| } | ||
@@ -193,8 +193,8 @@ ], | ||
| ], | ||
| "bundleId": "p-f491b9a4.system", | ||
| "fileName": "p-f491b9a4.system.entry.js", | ||
| "bundleId": "p-746a7d6d.system", | ||
| "fileName": "p-746a7d6d.system.entry.js", | ||
| "imports": [ | ||
| "p-e52111e9.system.js" | ||
| "p-b27cec5a.system.js" | ||
| ], | ||
| "originalByteSize": 26845 | ||
| "originalByteSize": 26812 | ||
| } | ||
@@ -211,5 +211,5 @@ ], | ||
| "imports": [ | ||
| "index-b28646ff.js" | ||
| "index-71c041c0.js" | ||
| ], | ||
| "originalByteSize": 23481 | ||
| "originalByteSize": 23448 | ||
| } | ||
@@ -622,3 +622,3 @@ ] | ||
| "hasComponentDidUpdateFn": false, | ||
| "hasComponentWillRenderFn": false, | ||
| "hasComponentWillRenderFn": true, | ||
| "hasComponentDidRenderFn": false, | ||
@@ -630,3 +630,3 @@ "hasComponentDidUnloadFn": false, | ||
| "hasEvent": false, | ||
| "hasLifecycle": false, | ||
| "hasLifecycle": true, | ||
| "hasListener": false, | ||
@@ -684,3 +684,3 @@ "hasListenerTarget": false, | ||
| "sc-mds-text": [ | ||
| "p-98ef2e6b.js" | ||
| "p-7016a22d.js" | ||
| ] | ||
@@ -687,0 +687,0 @@ }, |
@@ -7,6 +7,7 @@ export declare class KeyboardManager { | ||
| addElement: (el: HTMLElement, name?: string) => void; | ||
| removeElement: (name?: string) => void; | ||
| attachClickBehavior: (name?: string) => void; | ||
| detachClickBehavior: (name?: string) => void; | ||
| attachEscapeBehavior: (callBack: () => void) => void; | ||
| attachEscapeBehavior: (callback: () => void) => void; | ||
| detachEscapeBehavior: () => void; | ||
| } |
| { | ||
| "timestamp": "2024-02-13T13:44:43", | ||
| "timestamp": "2024-02-16T18:14:59", | ||
| "compiler": { | ||
@@ -501,3 +501,2 @@ "name": "@stencil/core", | ||
| "mds-accordion-timer-item", | ||
| "mds-avatar", | ||
| "mds-badge", | ||
@@ -544,5 +543,2 @@ "mds-banner", | ||
| ], | ||
| "mds-avatar": [ | ||
| "mds-text" | ||
| ], | ||
| "mds-badge": [ | ||
@@ -843,2 +839,7 @@ "mds-text" | ||
| }, | ||
| "src/components/mds-horizontal-scroll/meta/types.ts::ViewportType": { | ||
| "declaration": "export type ViewportType =\n | 'all'\n | 'tv'\n | 'xlarge'\n | 'large'\n | 'wide'\n | 'desktop'\n | 'tablet'\n | 'none'", | ||
| "docstring": "", | ||
| "path": "src/components/mds-horizontal-scroll/meta/types.ts" | ||
| }, | ||
| "src/components/mds-horizontal-scroll/meta/types.ts::SnapType": { | ||
@@ -934,6 +935,6 @@ "declaration": "export type SnapType =\n | 'center'\n | 'end'\n | 'none'\n | 'start'", | ||
| }, | ||
| "src/type/input.ts::InputValueType": { | ||
| "declaration": "export type InputValueType =\n | null\n | number\n | string\n | undefined", | ||
| "src/components/mds-input-switch/meta/event-detail.ts::MdsInputSwitchEventDetail": { | ||
| "declaration": "export interface MdsInputSwitchEventDetail {\n name: string\n checked: boolean\n value: string\n}", | ||
| "docstring": "", | ||
| "path": "src/type/input.ts" | ||
| "path": "src/components/mds-input-switch/meta/event-detail.ts" | ||
| }, | ||
@@ -940,0 +941,0 @@ "src/components/mds-input-upload/meta/types.ts::AttachmentSort": { |
| { | ||
| "name": "@maggioli-design-system/mds-text", | ||
| "version": "4.3.2", | ||
| "version": "4.3.3", | ||
| "description": "mds-text is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js", |
@@ -15,3 +15,3 @@ # mds-text | ||
| | `animation` | `animation` | Specifies if the text is animated when it is rendered | `"none" \| "yugop" \| undefined` | `'none'` | | ||
| | `tag` | `tag` | Specifies the HTML tag of the element | `"small" \| "sub" \| "sup" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| "strong" \| "label" \| "code" \| "address" \| "time" \| "abbr" \| "article" \| "b" \| "bdo" \| "blockquote" \| "cite" \| "dd" \| "del" \| "details" \| "dfn" \| "div" \| "dl" \| "dt" \| "em" \| "figcaption" \| "i" \| "ins" \| "kbd" \| "legend" \| "li" \| "mark" \| "ol" \| "p" \| "pre" \| "q" \| "rb" \| "rt" \| "ruby" \| "s" \| "samp" \| "span" \| "summary" \| "u" \| "ul" \| "var"` | `undefined` | | ||
| | `tag` | `tag` | Specifies the HTML tag of the element | `"code" \| "p" \| "q" \| "mark" \| "details" \| "small" \| "sub" \| "sup" \| "summary" \| "address" \| "abbr" \| "article" \| "b" \| "bdo" \| "blockquote" \| "cite" \| "dd" \| "del" \| "dfn" \| "div" \| "dl" \| "dt" \| "em" \| "figcaption" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| "i" \| "ins" \| "kbd" \| "label" \| "legend" \| "li" \| "ol" \| "pre" \| "rt" \| "ruby" \| "s" \| "samp" \| "span" \| "strong" \| "time" \| "u" \| "ul" \| "var" \| "rb"` | `undefined` | | ||
| | `text` | `text` | Specifies the text string to the component instead of passing an HTML node | `string \| undefined` | `undefined` | | ||
@@ -30,2 +30,11 @@ | `truncate` | `truncate` | Specifies if the text shoud be truncated or should behave as a normal text | `"all" \| "none" \| "word" \| undefined` | `undefined` | | ||
| ## CSS Custom Properties | ||
| | Name | Description | | ||
| | --------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | ||
| | `--mds-text-line-clamp` | Sets the max number of visible lines before the text overflows with ellipsis. It works only if attribute `truncate='all' is set`. **WARNING:** this is supported only by Chrome, Safare and Firefox with native browser prefixes. | | ||
| | `--mds-text-selection-background` | Sets the background-color of the text when the text is selected | | ||
| | `--mds-text-selection-color` | Sets the color of the text when the text is selected | | ||
| ## Dependencies | ||
@@ -37,3 +46,2 @@ | ||
| - [mds-accordion-timer-item](../mds-accordion-timer-item) | ||
| - [mds-avatar](../mds-avatar) | ||
| - [mds-badge](../mds-badge) | ||
@@ -77,3 +85,2 @@ - [mds-banner](../mds-banner) | ||
| mds-accordion-timer-item --> mds-text | ||
| mds-avatar --> mds-text | ||
| mds-badge --> mds-text | ||
@@ -80,0 +87,0 @@ mds-banner --> mds-text |
| export class KeyboardManager { | ||
| private escapeCallback: () => void | ||
| private elements = [] | ||
| private elements = new Map<string, HTMLElement>() | ||
| private handleClickBehaviorDispatchEvent = (event: KeyboardEvent): void => { | ||
| if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') { | ||
| if (event.code === 'Enter' || event.code === 'NumpadEnter') { | ||
| (event.target as HTMLElement).click() | ||
@@ -18,19 +18,23 @@ } | ||
| addElement = (el: HTMLElement, name = 'element'): void => { | ||
| this.elements[name] = el | ||
| if (!el) { | ||
| throw Error(`Passed an ${el} element parameter to KeyboardManager.addElement`) | ||
| } | ||
| this.elements.set(name, el) | ||
| } | ||
| removeElement = (name: string = 'element'): void => { | ||
| this.detachClickBehavior(name) | ||
| this.elements.delete(name) | ||
| } | ||
| attachClickBehavior = (name = 'element'): void => { | ||
| if (this.elements[name]) { | ||
| this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent) | ||
| } | ||
| this.elements.get(name)?.addEventListener('keydown', this.handleClickBehaviorDispatchEvent) | ||
| } | ||
| detachClickBehavior = (name = 'element'): void => { | ||
| if (this.elements[name]) { | ||
| this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent) | ||
| } | ||
| this.elements.get(name)?.removeEventListener('keydown', this.handleClickBehaviorDispatchEvent) | ||
| } | ||
| attachEscapeBehavior = (callBack: () => void): void => { | ||
| this.escapeCallback = callBack | ||
| attachEscapeBehavior = (callback: () => void): void => { | ||
| this.escapeCallback = callback | ||
| if (window !== undefined) { | ||
@@ -42,3 +46,3 @@ window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this)) | ||
| detachEscapeBehavior = (): void => { | ||
| this.escapeCallback = () => {return} | ||
| this.escapeCallback = () => { return } | ||
| if (window !== undefined) { | ||
@@ -45,0 +49,0 @@ window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this)) |
@@ -54,2 +54,3 @@ [ | ||
| "mgg/card-stamping", | ||
| "mgg/check-small", | ||
| "mgg/checklist", | ||
@@ -56,0 +57,0 @@ "mgg/checklist-settings", |
@@ -42,2 +42,3 @@ [ | ||
| "mgg/card-stamping", | ||
| "mgg/check-small", | ||
| "mgg/checklist-settings", | ||
@@ -44,0 +45,0 @@ "mgg/checklist", |
@@ -1,1 +0,1 @@ | ||
| import{p as t,b as e}from"./p-98ef2e6b.js";export{s as setNonce}from"./p-98ef2e6b.js";(()=>{const e=import.meta.url,a={};return""!==e&&(a.resourcesUrl=new URL(".",e).href),t(a)})().then((t=>e([["p-31a40905",[[1,"mds-text",{animation:[1],tag:[1537],text:[513],truncate:[513],typography:[513],variant:[513]},null,{text:["textHandler"]}]]]],t))); | ||
| import{p as t,b as a}from"./p-7016a22d.js";export{s as setNonce}from"./p-7016a22d.js";(()=>{const a=import.meta.url,e={};return""!==a&&(e.resourcesUrl=new URL(".",a).href),t(e)})().then((t=>a([["p-b7a426bc",[[1,"mds-text",{animation:[1],tag:[1537],text:[513],truncate:[513],typography:[513],variant:[513]},null,{text:["textHandler"]}]]]],t))); |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.41%
1088555
- Lines of code
- increased by0.38%
16301
- Number of lines in readme file
- increased by6.19%
120
No dependency changes