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.5.1 to 4.5.2
@@ -226,3 +226,3 @@ 'use strict'; | ||
| const mdsTextCss = "\n@tailwind utilities;\n\n/**\n * @prop --mds-text-animation-placeholder-char: Sets the animation placeholder char of the text when `animation` attribute is set to `yugop`\n * @prop --mds-text-animation-speed: Sets the animation speed of the text when `animation` attribute is set to `yugop`\n * @prop --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.\n * @prop --mds-text-selection-background: Sets the background-color of the text when the text is selected\n * @prop --mds-text-selection-color: Sets the color of the text when the text is selected\n */\n\n:host {\n\n --mds-text-selection-background: rgb(var(--label-sky-09));\n --mds-text-selection-color: rgb(var(--label-sky-01));\n --mds-text-line-clamp: 3;\n --mds-text-animation-speed: 0.5;\n --mds-text-animation-placeholder-char: \" \";\n\n display: -ms-flexbox;\n\n display: flex;\n min-width: 0;\n}\n\n.text::-moz-selection {\n background-color: var(--mds-text-selection-background);\n color: var(--mds-text-selection-color);\n}\n\n.text::selection {\n background-color: var(--mds-text-selection-background);\n color: var(--mds-text-selection-color);\n}\n\n.text {\n cursor: inherit;\n display: inherit;\n}\n\n:host( [typography=\"snippet\"] ){\n\n min-height: 1.5rem;\n\n font-family: 'Roboto Mono', 'Courier New', monospace;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"hack\"] ){\n\n min-height: 1.25rem;\n\n font-family: 'Roboto Mono', 'Courier New', monospace;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h1\"] ){\n\n min-height: 3rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 3rem;\n\n line-height: 3rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h2\"] ){\n\n min-height: 2.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 2.25rem;\n\n line-height: 2.5rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h3\"] ){\n\n min-height: 2.25rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.875rem;\n\n line-height: 2.25rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h4\"] ){\n\n min-height: 2rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.5rem;\n\n line-height: 2rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h5\"] ){\n\n min-height: 1.75rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.25rem;\n\n line-height: 1.75rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h6\"] ){\n\n min-height: 1.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h1\"] ),\n:host( [typography=\"h2\"] ),\n:host( [typography=\"h3\"] ),\n:host( [typography=\"h4\"] ),\n:host( [typography=\"h5\"] ),\n:host( [typography=\"h6\"] ) {\n text-wrap: balance;\n}\n\n:host( [typography=\"action\"] ){\n\n min-height: 1.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.875rem;\n\n line-height: 1.5rem;\n\n font-weight: 500;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"paragraph\"] ){\n\n min-height: 2rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.25rem;\n\n line-height: 2rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"detail\"] ){\n\n min-height: 1.5rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"caption\"] ){\n\n min-height: 1.25rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"paragraph\"] ),\n:host( [typography=\"detail\"] ),\n:host( [typography=\"caption\"] ) {\n text-wrap: pretty;\n}\n\n:host( [typography=\"label\"] ){\n\n min-height: 1rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n font-weight: 700;\n\n text-transform: uppercase;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"tip\"] ){\n\n min-height: 1rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"option\"] ){\n\n min-height: 0.625rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.625rem;\n\n line-height: 0.625rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n text-transform: uppercase;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"paragraph\"][variant=\"read\"] ){\n\n min-height: 2rem;\n\n font-family: 'Merriweather', Times, 'Times New Roman', serif;\n\n font-size: 1.25rem;\n\n line-height: 2rem;\n\n font-weight: 300;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"detail\"][variant=\"read\"] ){\n\n min-height: 1.5rem;\n\n font-family: 'Merriweather', Times, 'Times New Roman', serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n font-weight: 300;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"caption\"][variant=\"read\"] ){\n\n min-height: 1.25rem;\n\n font-family: 'Merriweather', Times, 'Times New Roman', serif;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [tag=\"article\"] ),\n:host( [tag=\"blockquote\"] ),\n:host( [tag=\"dd\"] ),\n:host( [tag=\"details\"] ),\n:host( [tag=\"div\"] ),\n:host( [tag=\"dl\"] ),\n:host( [tag=\"dt\"] ),\n:host( [tag=\"figcaption\"] ),\n:host( [tag=\"h1\"] ),\n:host( [tag=\"h2\"] ),\n:host( [tag=\"h3\"] ),\n:host( [tag=\"h4\"] ),\n:host( [tag=\"h5\"] ),\n:host( [tag=\"h6\"] ),\n:host( [tag=\"label\"] ),\n:host( [tag=\"legend\"] ),\n:host( [tag=\"li\"] ),\n:host( [tag=\"ol\"] ),\n:host( [tag=\"p\"] ),\n:host( [tag=\"pre\"] ),\n:host( [tag=\"summary\"] ),\n:host( [tag=\"ul\"] ) {\n display: block;\n}\n\n:host( [tag=\"abbr\"] ),\n:host( [tag=\"address\"] ),\n:host( [tag=\"b\"] ),\n:host( [tag=\"bdo\"] ),\n:host( [tag=\"cite\"] ),\n:host( [tag=\"code\"] ),\n:host( [tag=\"del\"] ),\n:host( [tag=\"dfn\"] ),\n:host( [tag=\"em\"] ),\n:host( [tag=\"i\"] ),\n:host( [tag=\"ins\"] ),\n:host( [tag=\"kbd\"] ),\n:host( [tag=\"mark\"] ),\n:host( [tag=\"q\"] ),\n:host( [tag=\"rb\"] ),\n:host( [tag=\"rt\"] ),\n:host( [tag=\"ruby\"] ),\n:host( [tag=\"s\"] ),\n:host( [tag=\"samp\"] ),\n:host( [tag=\"small\"] ),\n:host( [tag=\"span\"] ),\n:host( [tag=\"strong\"] ),\n:host( [tag=\"sub\"] ),\n:host( [tag=\"sup\"] ),\n:host( [tag=\"time\"] ),\n:host( [tag=\"u\"] ),\n:host( [tag=\"var\"] ) {\n display: inline;\n}\n\n:host( [tag=\"code\"] ){\n\n border-radius: 0.25rem;\n\n padding-left: 0.25rem;\n\n padding-right: 0.25rem;\n\n -webkit-transition-duration: 200ms;\n\n transition-duration: 200ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n background-color: rgb(var(--tone-neutral-09));\n color: rgb(var(--tone-neutral-03));\n -webkit-transition-property: color, background-color;\n transition-property: color, background-color;\n}\n\n:host( [truncate] ) .text {\n display: block;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n:host( [truncate=\"word\"] ) .text {\n white-space: nowrap;\n}\n\n@supports (line-clamp: 1) {\n :host( [truncate=\"all\"] ) .text {\n line-clamp: var(--mds-text-line-clamp, 1);\n }\n}\n\n@supports (display: -webkit-box) {\n :host( [truncate=\"all\"] ) .text {\n -webkit-box-orient: vertical;\n\n /* stylelint-disable-next-line value-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: var(--mds-text-line-clamp, 1);\n }\n}\n\nabbr,\naddress,\narticle,\nb,\nbdo,\nblockquote,\ncite,\ncode,\ndd,\ndel,\ndetails,\ndfn,\ndiv,\ndl,\ndt,\nem,\nfigcaption,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ni,\nins,\nkbd,\nlabel,\nlegend,\nli,\nmark,\nol,\np,\npre,\nq,\nrb,\nrt,\nruby,\ns,\nsamp,\nsmall,\nspan,\nstrong,\nsub,\nsummary,\nsup,\ntime,\nu,\nul,\nvar,\nwbr {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n margin: 0;\n overflow: inherit;\n text-overflow: inherit;\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n"; | ||
| const mdsTextCss = "@tailwind utilities;\n\n/**\n * @prop --mds-text-animation-placeholder-char: Sets the animation placeholder char of the text when `animation` attribute is set to `yugop`\n * @prop --mds-text-animation-speed: Sets the animation speed of the text when `animation` attribute is set to `yugop`\n * @prop --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.\n * @prop --mds-text-selection-background: Sets the background-color of the text when the text is selected\n * @prop --mds-text-selection-color: Sets the color of the text when the text is selected\n */\n\n:host {\n\n --mds-text-selection-background: rgb(var(--label-sky-09));\n --mds-text-selection-color: rgb(var(--label-sky-01));\n --mds-text-line-clamp: 3;\n --mds-text-animation-speed: 0.5;\n --mds-text-animation-placeholder-char: \" \";\n\n display: -ms-flexbox;\n\n display: flex;\n min-width: 0;\n}\n\n.text::-moz-selection {\n background-color: var(--mds-text-selection-background);\n color: var(--mds-text-selection-color);\n}\n\n.text::selection {\n background-color: var(--mds-text-selection-background);\n color: var(--mds-text-selection-color);\n}\n\n.text {\n cursor: inherit;\n display: inherit;\n}\n\n:host( [typography=\"snippet\"] ){\n\n min-height: 1.5rem;\n\n font-family: 'Roboto Mono', 'Courier New', monospace;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"hack\"] ){\n\n min-height: 1.25rem;\n\n font-family: 'Roboto Mono', 'Courier New', monospace;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h1\"] ){\n\n min-height: 3rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 3rem;\n\n line-height: 3rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h2\"] ){\n\n min-height: 2.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 2.25rem;\n\n line-height: 2.5rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h3\"] ){\n\n min-height: 2.25rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.875rem;\n\n line-height: 2.25rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h4\"] ){\n\n min-height: 2rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.5rem;\n\n line-height: 2rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h5\"] ){\n\n min-height: 1.75rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.25rem;\n\n line-height: 1.75rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h6\"] ){\n\n min-height: 1.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h1\"] ),\n:host( [typography=\"h2\"] ),\n:host( [typography=\"h3\"] ),\n:host( [typography=\"h4\"] ),\n:host( [typography=\"h5\"] ),\n:host( [typography=\"h6\"] ) {\n text-wrap: balance;\n}\n\n:host( [typography=\"action\"] ){\n\n min-height: 1.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.875rem;\n\n line-height: 1.5rem;\n\n font-weight: 500;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"paragraph\"] ){\n\n min-height: 2rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.25rem;\n\n line-height: 2rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"detail\"] ){\n\n min-height: 1.5rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"caption\"] ){\n\n min-height: 1.25rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"paragraph\"] ),\n:host( [typography=\"detail\"] ),\n:host( [typography=\"caption\"] ) {\n text-wrap: pretty;\n}\n\n:host( [typography=\"label\"] ){\n\n min-height: 1rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n font-weight: 700;\n\n text-transform: uppercase;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"tip\"] ){\n\n min-height: 1rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"option\"] ){\n\n min-height: 0.625rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.625rem;\n\n line-height: 0.625rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n text-transform: uppercase;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"paragraph\"][variant=\"read\"] ){\n\n min-height: 2rem;\n\n font-family: 'Merriweather', Times, 'Times New Roman', serif;\n\n font-size: 1.25rem;\n\n line-height: 2rem;\n\n font-weight: 300;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"detail\"][variant=\"read\"] ){\n\n min-height: 1.5rem;\n\n font-family: 'Merriweather', Times, 'Times New Roman', serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n font-weight: 300;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"caption\"][variant=\"read\"] ){\n\n min-height: 1.25rem;\n\n font-family: 'Merriweather', Times, 'Times New Roman', serif;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [tag=\"article\"] ),\n:host( [tag=\"blockquote\"] ),\n:host( [tag=\"dd\"] ),\n:host( [tag=\"details\"] ),\n:host( [tag=\"div\"] ),\n:host( [tag=\"dl\"] ),\n:host( [tag=\"dt\"] ),\n:host( [tag=\"figcaption\"] ),\n:host( [tag=\"h1\"] ),\n:host( [tag=\"h2\"] ),\n:host( [tag=\"h3\"] ),\n:host( [tag=\"h4\"] ),\n:host( [tag=\"h5\"] ),\n:host( [tag=\"h6\"] ),\n:host( [tag=\"label\"] ),\n:host( [tag=\"legend\"] ),\n:host( [tag=\"li\"] ),\n:host( [tag=\"ol\"] ),\n:host( [tag=\"p\"] ),\n:host( [tag=\"pre\"] ),\n:host( [tag=\"summary\"] ),\n:host( [tag=\"ul\"] ) {\n display: block;\n}\n\n:host( [tag=\"abbr\"] ),\n:host( [tag=\"address\"] ),\n:host( [tag=\"b\"] ),\n:host( [tag=\"bdo\"] ),\n:host( [tag=\"cite\"] ),\n:host( [tag=\"code\"] ),\n:host( [tag=\"del\"] ),\n:host( [tag=\"dfn\"] ),\n:host( [tag=\"em\"] ),\n:host( [tag=\"i\"] ),\n:host( [tag=\"ins\"] ),\n:host( [tag=\"kbd\"] ),\n:host( [tag=\"mark\"] ),\n:host( [tag=\"q\"] ),\n:host( [tag=\"rb\"] ),\n:host( [tag=\"rt\"] ),\n:host( [tag=\"ruby\"] ),\n:host( [tag=\"s\"] ),\n:host( [tag=\"samp\"] ),\n:host( [tag=\"small\"] ),\n:host( [tag=\"span\"] ),\n:host( [tag=\"strong\"] ),\n:host( [tag=\"sub\"] ),\n:host( [tag=\"sup\"] ),\n:host( [tag=\"time\"] ),\n:host( [tag=\"u\"] ),\n:host( [tag=\"var\"] ) {\n display: inline;\n}\n\n:host( [tag=\"code\"] ){\n\n border-radius: 0.25rem;\n\n padding-left: 0.25rem;\n\n padding-right: 0.25rem;\n\n -webkit-transition-duration: 200ms;\n\n transition-duration: 200ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n background-color: rgb(var(--tone-neutral-09));\n color: rgb(var(--tone-neutral-03));\n -webkit-transition-property: color, background-color;\n transition-property: color, background-color;\n}\n\n:host( [truncate] ) .text {\n display: block;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n:host( [truncate=\"word\"] ) .text {\n white-space: nowrap;\n}\n\n@supports (line-clamp: 1) {\n :host( [truncate=\"all\"] ) .text {\n line-clamp: var(--mds-text-line-clamp, 1);\n }\n}\n\n@supports (display: -webkit-box) {\n :host( [truncate=\"all\"] ) .text {\n -webkit-box-orient: vertical;\n\n /* stylelint-disable-next-line value-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: var(--mds-text-line-clamp, 1);\n }\n}\n\nabbr,\naddress,\narticle,\nb,\nbdo,\nblockquote,\ncite,\ncode,\ndd,\ndel,\ndetails,\ndfn,\ndiv,\ndl,\ndt,\nem,\nfigcaption,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ni,\nins,\nkbd,\nlabel,\nlegend,\nli,\nmark,\nol,\np,\npre,\nq,\nrb,\nrt,\nruby,\ns,\nsamp,\nsmall,\nspan,\nstrong,\nsub,\nsummary,\nsup,\ntime,\nu,\nul,\nvar,\nwbr {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n margin: 0;\n overflow: inherit;\n text-overflow: inherit;\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n"; | ||
| const MdsTextStyle0 = mdsTextCss; | ||
@@ -252,2 +252,4 @@ | ||
| this.updateCSSCustomProps = () => { | ||
| if (typeof window === 'undefined') | ||
| return; | ||
| const elementStyles = window.getComputedStyle(this.host); | ||
@@ -289,3 +291,3 @@ this.cssTextAnimationSpeed = Number(elementStyles.getPropertyValue('--mds-text-animation-speed')); | ||
| render() { | ||
| return (index.h(index.Host, { key: '989bc7f5c77fc47b321593164bfadc25c98c350e' }, index.h(this.tag, { key: 'df795eb244d2773cc6b049d06da9bc18ef2a0abf', class: "text" }, !this.text | ||
| return (index.h(index.Host, { key: 'a7559af5c1b5b842988b271e49026763abff0648' }, index.h(this.tag, { key: '33963632070fc042ae5c4346ced6531425527f43', class: "text" }, !this.text | ||
| ? index.h("slot", null) | ||
@@ -292,0 +294,0 @@ : this.text))); |
@@ -21,2 +21,18 @@ const hash = (s) => { | ||
| }; | ||
| const removeAttributesIf = (element, attribute, valueCheck = 'true', cleanAttributes) => { | ||
| if (ifAttribute(element, attribute, valueCheck)) { | ||
| const attributesList = Array.isArray(cleanAttributes) ? cleanAttributes : [cleanAttributes]; | ||
| attributesList.forEach(attributeToRemove => { | ||
| element.removeAttribute(attributeToRemove); | ||
| }); | ||
| return true; | ||
| } | ||
| return false; | ||
| }; | ||
| const ifAttribute = (element, attribute, valueCheck = 'true') => { | ||
| if (element.hasAttribute(attribute) && element.getAttribute(attribute) === valueCheck) { | ||
| return true; | ||
| } | ||
| return false; | ||
| }; | ||
| const hashValue = (value) => `${value}-${hash(value)}`; | ||
@@ -30,2 +46,2 @@ const hashRandomValue = (value) => { | ||
| }; | ||
| export { unslugName, setAttributeIfEmpty, hashRandomValue, hashValue, }; | ||
| export { hashRandomValue, hashValue, removeAttributesIf, setAttributeIfEmpty, ifAttribute, unslugName, }; |
@@ -34,3 +34,3 @@ export class KeyboardManager { | ||
| this.escapeCallback = callback; | ||
| if (window !== undefined) { | ||
| if (typeof window !== 'undefined') { | ||
| window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this)); | ||
@@ -41,3 +41,3 @@ } | ||
| this.escapeCallback = () => { return; }; | ||
| if (window !== undefined) { | ||
| if (typeof window !== 'undefined') { | ||
| window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this)); | ||
@@ -44,0 +44,0 @@ } |
@@ -28,2 +28,4 @@ import { Host, h } from "@stencil/core"; | ||
| this.updateCSSCustomProps = () => { | ||
| if (typeof window === 'undefined') | ||
| return; | ||
| const elementStyles = window.getComputedStyle(this.host); | ||
@@ -65,3 +67,3 @@ this.cssTextAnimationSpeed = Number(elementStyles.getPropertyValue('--mds-text-animation-speed')); | ||
| render() { | ||
| return (h(Host, { key: '989bc7f5c77fc47b321593164bfadc25c98c350e' }, h(this.tag, { key: 'df795eb244d2773cc6b049d06da9bc18ef2a0abf', class: "text" }, !this.text | ||
| return (h(Host, { key: 'a7559af5c1b5b842988b271e49026763abff0648' }, h(this.tag, { key: '33963632070fc042ae5c4346ced6531425527f43', class: "text" }, !this.text | ||
| ? h("slot", null) | ||
@@ -117,4 +119,4 @@ : this.text))); | ||
| "location": "import", | ||
| "path": "./meta/types", | ||
| "id": "src/components/mds-text/meta/types.ts::TypographyTagType" | ||
| "path": "@type/text", | ||
| "id": "src/type/text.ts::TypographyTagType" | ||
| } | ||
@@ -121,0 +123,0 @@ } |
@@ -47,3 +47,3 @@ import { typographyDictionary, typographyVariationsDictionary } from "../../../dictionary/typography"; | ||
| }; | ||
| return h("div", { class: "grid gap-400" }, h("div", { class: "bg-tone-neutral-09 p-600 rounded-lg" }, h("mds-text", { animation: "yugop", text: text })), h("div", null, h("select", { onChange: (e) => setValue(e) }, h("option", { value: "U2" }, "Choose a song..."), h("option", { value: "One" }, "One"), h("option", { value: "Zoo Station" }, "Zoo Station"), h("option", { value: "With or Without You" }, "With or Without You"), h("option", { value: "Where The Streets Have No Name" }, "Where The Streets Have No Name")))); | ||
| return h("div", { class: "grid gap-400" }, h("div", { class: "bg-tone-neutral-09 p-600 rounded-lg" }, h("mds-text", { animation: "yugop", text: text })), h("div", { class: "grid gap-200" }, h("label", { htmlFor: 'song' }, "Selected song:"), h("div", null, h("select", { id: "song", onChange: (e) => setValue(e) }, h("option", null, "Choose a song..."), h("option", { value: "One" }, "One"), h("option", { value: "Zoo Station" }, "Zoo Station"), h("option", { value: "With or Without You" }, "With or Without You"), h("option", { value: "Where The Streets Have No Name" }, "Where The Streets Have No Name"))))); | ||
| }; | ||
@@ -50,0 +50,0 @@ export const Default = Template.bind({}); |
| const fileExtensionsDictionary = { | ||
| '7z': { format: 'archive', description: 'Archivio compresso' }, | ||
| ace: { format: 'archive', description: 'Archivio compresso' }, | ||
| ai: { format: 'vector', description: 'Vettoriale Adobe Illustrator' }, | ||
| dart: { format: 'code', description: 'Dart' }, | ||
| db: { format: 'data', description: 'File di database' }, | ||
| default: { format: 'attachment', description: 'Formato sconosciuto' }, | ||
| dmg: { format: 'executable', description: 'Apple Disk Image' }, | ||
| doc: { format: 'text', description: 'Documento Microsoft Word' }, | ||
| docm: { format: 'text', description: 'Documento Microsoft Word' }, | ||
| docx: { format: 'text', description: 'Documento Microsoft Word Compresso' }, | ||
| eml: { format: 'email', description: 'E-mail di posta elettronica' }, | ||
| eps: { format: 'vector', description: 'Vettoriale Corel Draw' }, | ||
| exe: { format: 'executable', description: 'File eseguibile Windows' }, | ||
| flac: { format: 'audio', description: 'Audio non compresso' }, | ||
| gif: { format: 'image', description: 'Immagine compressa', preview: true }, | ||
| htm: { format: 'markup', description: 'Pagina web' }, | ||
| heic: { format: 'image', description: 'High Efficiency Image File Format' }, | ||
| html: { format: 'markup', description: 'Pagina web' }, | ||
| jpe: { format: 'image', description: 'Immagine compressa', preview: true }, | ||
| jpeg: { format: 'image', description: 'Immagine compressa', preview: true }, | ||
| jpg: { format: 'image', description: 'Immagine compressa', preview: true }, | ||
| js: { format: 'code', description: 'JavaScript' }, | ||
| json: { format: 'data', description: 'JavaScript Object Notation' }, | ||
| jsx: { format: 'code', description: 'JavaScript' }, | ||
| m2v: { format: 'video', description: 'Filmato SD' }, | ||
| mp2: { format: 'audio', description: 'Audio compresso' }, | ||
| mp3: { format: 'audio', description: 'Audio compresso' }, | ||
| mp4: { format: 'video', description: 'Filmato HD' }, | ||
| mp4v: { format: 'video', description: 'Filmato HD' }, | ||
| mpeg: { format: 'video', description: 'Filmato SD' }, | ||
| mpg4: { format: 'video', description: 'Filmato SD' }, | ||
| mpg: { format: 'video', description: 'Filmato SD' }, | ||
| mpga: { format: 'audio', description: 'Audio compresso' }, | ||
| odp: { format: 'slide', description: 'Slide di presentazione LibreOffice' }, | ||
| ods: { format: 'spreadsheet', description: 'Foglio di calcolo LibreOffice' }, | ||
| odt: { format: 'text', description: 'File di testo LibreOffice' }, | ||
| pdf: { format: 'document', description: 'Documento Adobe' }, | ||
| php: { format: 'code', description: 'Hypertext Preprocessor' }, | ||
| png: { format: 'image', description: 'Immagine Portable Network Graphics', preview: true }, | ||
| ppt: { format: 'slide', description: 'Slide di presentazione PowerPoint' }, | ||
| rar: { format: 'archive', description: 'Archivio compresso' }, | ||
| rtf: { format: 'text', description: 'Documento di testo Rich Text Format' }, | ||
| sass: { format: 'code', description: 'Syntactically Awesome StyleSheets' }, | ||
| shtml: { format: 'markup', description: 'Pagina web' }, | ||
| svg: { format: 'vector', description: 'Scalable Vector Graphics', preview: true }, | ||
| tar: { format: 'archive', description: 'Archivio non compresso' }, | ||
| tiff: { format: 'image', description: 'Tag Image File Format' }, | ||
| ts: { format: 'code', description: 'TypeScript' }, | ||
| tsx: { format: 'code', description: 'TypeScript Extended Syntax' }, | ||
| txt: { format: 'text', description: 'Documento di testo non formattato' }, | ||
| wav: { format: 'audio', description: 'Audio non compresso' }, | ||
| webp: { format: 'image', description: 'Immagine Web Picture', preview: true }, | ||
| xar: { format: 'archive', description: 'Archivio compresso' }, | ||
| xls: { format: 'spreadsheet', description: 'Foglio di calcolo Office' }, | ||
| xlsx: { format: 'spreadsheet', description: 'Foglio di calcolo Office' }, | ||
| zip: { format: 'archive', description: 'Archivio compresso' }, | ||
| '7z': { format: 'archive', description: 'compressedArchive' }, | ||
| ace: { format: 'archive', description: 'compressedArchive' }, | ||
| ai: { format: 'vector', description: 'fileAI' }, | ||
| dart: { format: 'code', description: 'dart' }, | ||
| db: { format: 'data', description: 'fileDB' }, | ||
| default: { format: 'attachment', description: 'unknown' }, | ||
| dmg: { format: 'executable', description: 'appleDiskImage' }, | ||
| doc: { format: 'text', description: 'documentMS' }, | ||
| docm: { format: 'text', description: 'documentMS' }, | ||
| docx: { format: 'text', description: 'compressedDocumentMS' }, | ||
| eml: { format: 'email', description: 'email' }, | ||
| eps: { format: 'vector', description: 'fileEPS' }, | ||
| exe: { format: 'executable', description: 'fileEXE' }, | ||
| flac: { format: 'audio', description: 'uncompressedAudio' }, | ||
| gif: { format: 'image', description: 'compressedImage', preview: true }, | ||
| htm: { format: 'markup', description: 'documentWeb' }, | ||
| heic: { format: 'image', description: 'imageHEFF' }, | ||
| html: { format: 'markup', description: 'documentWeb' }, | ||
| jpe: { format: 'image', description: 'compressedImage', preview: true }, | ||
| jpeg: { format: 'image', description: 'compressedImage', preview: true }, | ||
| jpg: { format: 'image', description: 'compressedImage', preview: true }, | ||
| js: { format: 'code', description: 'fileJS' }, | ||
| json: { format: 'data', description: 'fileJSON' }, | ||
| jsx: { format: 'code', description: 'fileJS' }, | ||
| m2v: { format: 'video', description: 'videoSD' }, | ||
| mp2: { format: 'audio', description: 'compressedAudio' }, | ||
| mp3: { format: 'audio', description: 'compressedAudio' }, | ||
| mp4: { format: 'video', description: 'videoHD' }, | ||
| mp4v: { format: 'video', description: 'videoHD' }, | ||
| mpeg: { format: 'video', description: 'videoSD' }, | ||
| mpg4: { format: 'video', description: 'videoSD' }, | ||
| mpg: { format: 'video', description: 'videoSD' }, | ||
| mpga: { format: 'audio', description: 'compressedAudio' }, | ||
| odp: { format: 'slide', description: 'slideLO' }, | ||
| ods: { format: 'spreadsheet', description: 'spreadsheetLO' }, | ||
| odt: { format: 'text', description: 'documentLO' }, | ||
| pdf: { format: 'document', description: 'documentAdobe' }, | ||
| php: { format: 'code', description: 'filePHP' }, | ||
| png: { format: 'image', description: 'imagePNG', preview: true }, | ||
| ppt: { format: 'slide', description: 'slidePowerPoint' }, | ||
| rar: { format: 'archive', description: 'compressedArchive' }, | ||
| rtf: { format: 'text', description: 'documentRTF' }, | ||
| sass: { format: 'code', description: 'fileSASS' }, | ||
| shtml: { format: 'markup', description: 'documentWeb' }, | ||
| svg: { format: 'vector', description: 'imageSVG', preview: true }, | ||
| tar: { format: 'archive', description: 'uncompressedArchive' }, | ||
| tiff: { format: 'image', description: 'imageTIFF' }, | ||
| ts: { format: 'code', description: 'fileTS' }, | ||
| tsx: { format: 'code', description: 'fileTSX' }, | ||
| txt: { format: 'text', description: 'documentTXT' }, | ||
| wav: { format: 'audio', description: 'uncompressedAudio' }, | ||
| webp: { format: 'image', description: 'imageWEBP', preview: true }, | ||
| xar: { format: 'archive', description: 'compressedArchive' }, | ||
| xls: { format: 'spreadsheet', description: 'spreadsheetMS' }, | ||
| xlsx: { format: 'spreadsheet', description: 'spreadsheetMS' }, | ||
| zip: { format: 'archive', description: 'compressedArchive' }, | ||
| }; | ||
| // const fileExtensionsDictionary: FileExtenstion = { | ||
| // '7z': { format: 'archive', description: 'Archivio compresso' }, | ||
| // ace: { format: 'archive', description: 'Archivio compresso' }, | ||
| // ai: { format: 'vector', description: 'Vettoriale Adobe Illustrator' }, | ||
| // dart: { format: 'code', description: 'Dart' }, | ||
| // db: { format: 'data', description: 'File di database' }, | ||
| // default: { format: 'attachment', description: 'Formato sconosciuto' }, | ||
| // dmg: { format: 'executable', description: 'Apple Disk Image' }, | ||
| // doc: { format: 'text', description: 'Documento Microsoft Word' }, | ||
| // docm: { format: 'text', description: 'Documento Microsoft Word' }, | ||
| // docx: { format: 'text', description: 'Documento Microsoft Word Compresso' }, | ||
| // eml: { format: 'email', description: 'E-mail di posta elettronica' }, | ||
| // eps: { format: 'vector', description: 'Vettoriale Corel Draw' }, | ||
| // exe: { format: 'executable', description: 'File eseguibile Windows' }, | ||
| // flac: { format: 'audio', description: 'Audio non compresso' }, | ||
| // gif: { format: 'image', description: 'Immagine compressa', preview: true }, | ||
| // htm: { format: 'markup', description: 'Pagina web' }, | ||
| // heic: { format: 'image', description: 'High Efficiency Image File Format' }, | ||
| // html: { format: 'markup', description: 'Pagina web' }, | ||
| // jpe: { format: 'image', description: 'Immagine compressa', preview: true }, | ||
| // jpeg: { format: 'image', description: 'Immagine compressa', preview: true }, | ||
| // jpg: { format: 'image', description: 'Immagine compressa', preview: true }, | ||
| // js: { format: 'code', description: 'JavaScript' }, | ||
| // json: { format: 'data', description: 'JavaScript Object Notation' }, | ||
| // jsx: { format: 'code', description: 'JavaScript' }, | ||
| // m2v: { format: 'video', description: 'Filmato SD' }, | ||
| // mp2: { format: 'audio', description: 'Audio compresso' }, | ||
| // mp3: { format: 'audio', description: 'Audio compresso' }, | ||
| // mp4: { format: 'video', description: 'Filmato HD' }, | ||
| // mp4v: { format: 'video', description: 'Filmato HD' }, | ||
| // mpeg: { format: 'video', description: 'Filmato SD' }, | ||
| // mpg4: { format: 'video', description: 'Filmato SD' }, | ||
| // mpg: { format: 'video', description: 'Filmato SD' }, | ||
| // mpga: { format: 'audio', description: 'Audio compresso' }, | ||
| // odp: { format: 'slide', description: 'Slide di presentazione LibreOffice' }, | ||
| // ods: { format: 'spreadsheet', description: 'Foglio di calcolo LibreOffice' }, | ||
| // odt: { format: 'text', description: 'File di testo LibreOffice' }, | ||
| // pdf: { format: 'document', description: 'Documento Adobe' }, | ||
| // php: { format: 'code', description: 'Hypertext Preprocessor' }, | ||
| // png: { format: 'image', description: 'Immagine Portable Network Graphics', preview: true }, | ||
| // ppt: { format: 'slide', description: 'Slide di presentazione PowerPoint' }, | ||
| // rar: { format: 'archive', description: 'Archivio compresso' }, | ||
| // rtf: { format: 'text', description: 'Documento di testo Rich Text Format' }, | ||
| // sass: { format: 'code', description: 'Syntactically Awesome StyleSheets' }, | ||
| // shtml: { format: 'markup', description: 'Pagina web' }, | ||
| // svg: { format: 'vector', description: 'Scalable Vector Graphics', preview: true }, | ||
| // tar: { format: 'archive', description: 'Archivio non compresso' }, | ||
| // tiff: { format: 'image', description: 'Tag Image File Format' }, | ||
| // ts: { format: 'code', description: 'TypeScript' }, | ||
| // tsx: { format: 'code', description: 'TypeScript Extended Syntax' }, | ||
| // txt: { format: 'text', description: 'Documento di testo non formattato' }, | ||
| // wav: { format: 'audio', description: 'Audio non compresso' }, | ||
| // webp: { format: 'image', description: 'Immagine Web Picture', preview: true }, | ||
| // xar: { format: 'archive', description: 'Archivio compresso' }, | ||
| // xls: { format: 'spreadsheet', description: 'Foglio di calcolo Office' }, | ||
| // xlsx: { format: 'spreadsheet', description: 'Foglio di calcolo Office' }, | ||
| // zip: { format: 'archive', description: 'Archivio compresso' }, | ||
| // } | ||
| const genericMimeToExt = new Map([ | ||
@@ -60,0 +118,0 @@ ['image', ['.png', '.jpg', '.jpeg', '.tiff', '.webp', '.jpe', '.gif', '.heic']], |
@@ -0,1 +1,60 @@ | ||
| const typographyTagDictionary = [ | ||
| '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', | ||
| ]; | ||
| const typographyHeadingTagDictionary = [ | ||
| 'h1', | ||
| 'h2', | ||
| 'h3', | ||
| 'h4', | ||
| 'h5', | ||
| 'h6', | ||
| ]; | ||
| const truncateDictionary = [ | ||
@@ -6,2 +65,2 @@ 'all', | ||
| ]; | ||
| export { truncateDictionary, }; | ||
| export { truncateDictionary, typographyHeadingTagDictionary, typographyTagDictionary, }; |
@@ -222,3 +222,3 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client'; | ||
| const mdsTextCss = "@tailwind utilities;\n\n/**\n * @prop --mds-text-animation-placeholder-char: Sets the animation placeholder char of the text when `animation` attribute is set to `yugop`\n * @prop --mds-text-animation-speed: Sets the animation speed of the text when `animation` attribute is set to `yugop`\n * @prop --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.\n * @prop --mds-text-selection-background: Sets the background-color of the text when the text is selected\n * @prop --mds-text-selection-color: Sets the color of the text when the text is selected\n */\n\n:host {\n\n --mds-text-selection-background: rgb(var(--label-sky-09));\n --mds-text-selection-color: rgb(var(--label-sky-01));\n --mds-text-line-clamp: 3;\n --mds-text-animation-speed: 0.5;\n --mds-text-animation-placeholder-char: \" \";\n\n display: -ms-flexbox;\n\n display: flex;\n min-width: 0;\n}\n\n.text::-moz-selection {\n background-color: var(--mds-text-selection-background);\n color: var(--mds-text-selection-color);\n}\n\n.text::selection {\n background-color: var(--mds-text-selection-background);\n color: var(--mds-text-selection-color);\n}\n\n.text {\n cursor: inherit;\n display: inherit;\n}\n\n:host( [typography=\"snippet\"] ){\n\n min-height: 1.5rem;\n\n font-family: 'Roboto Mono', 'Courier New', monospace;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"hack\"] ){\n\n min-height: 1.25rem;\n\n font-family: 'Roboto Mono', 'Courier New', monospace;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h1\"] ){\n\n min-height: 3rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 3rem;\n\n line-height: 3rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h2\"] ){\n\n min-height: 2.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 2.25rem;\n\n line-height: 2.5rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h3\"] ){\n\n min-height: 2.25rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.875rem;\n\n line-height: 2.25rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h4\"] ){\n\n min-height: 2rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.5rem;\n\n line-height: 2rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h5\"] ){\n\n min-height: 1.75rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.25rem;\n\n line-height: 1.75rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h6\"] ){\n\n min-height: 1.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h1\"] ),\n:host( [typography=\"h2\"] ),\n:host( [typography=\"h3\"] ),\n:host( [typography=\"h4\"] ),\n:host( [typography=\"h5\"] ),\n:host( [typography=\"h6\"] ) {\n text-wrap: balance;\n}\n\n:host( [typography=\"action\"] ){\n\n min-height: 1.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.875rem;\n\n line-height: 1.5rem;\n\n font-weight: 500;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"paragraph\"] ){\n\n min-height: 2rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.25rem;\n\n line-height: 2rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"detail\"] ){\n\n min-height: 1.5rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"caption\"] ){\n\n min-height: 1.25rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"paragraph\"] ),\n:host( [typography=\"detail\"] ),\n:host( [typography=\"caption\"] ) {\n text-wrap: pretty;\n}\n\n:host( [typography=\"label\"] ){\n\n min-height: 1rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n font-weight: 700;\n\n text-transform: uppercase;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"tip\"] ){\n\n min-height: 1rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"option\"] ){\n\n min-height: 0.625rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.625rem;\n\n line-height: 0.625rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n text-transform: uppercase;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"paragraph\"][variant=\"read\"] ){\n\n min-height: 2rem;\n\n font-family: 'Merriweather', Times, 'Times New Roman', serif;\n\n font-size: 1.25rem;\n\n line-height: 2rem;\n\n font-weight: 300;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"detail\"][variant=\"read\"] ){\n\n min-height: 1.5rem;\n\n font-family: 'Merriweather', Times, 'Times New Roman', serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n font-weight: 300;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"caption\"][variant=\"read\"] ){\n\n min-height: 1.25rem;\n\n font-family: 'Merriweather', Times, 'Times New Roman', serif;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [tag=\"article\"] ),\n:host( [tag=\"blockquote\"] ),\n:host( [tag=\"dd\"] ),\n:host( [tag=\"details\"] ),\n:host( [tag=\"div\"] ),\n:host( [tag=\"dl\"] ),\n:host( [tag=\"dt\"] ),\n:host( [tag=\"figcaption\"] ),\n:host( [tag=\"h1\"] ),\n:host( [tag=\"h2\"] ),\n:host( [tag=\"h3\"] ),\n:host( [tag=\"h4\"] ),\n:host( [tag=\"h5\"] ),\n:host( [tag=\"h6\"] ),\n:host( [tag=\"label\"] ),\n:host( [tag=\"legend\"] ),\n:host( [tag=\"li\"] ),\n:host( [tag=\"ol\"] ),\n:host( [tag=\"p\"] ),\n:host( [tag=\"pre\"] ),\n:host( [tag=\"summary\"] ),\n:host( [tag=\"ul\"] ) {\n display: block;\n}\n\n:host( [tag=\"abbr\"] ),\n:host( [tag=\"address\"] ),\n:host( [tag=\"b\"] ),\n:host( [tag=\"bdo\"] ),\n:host( [tag=\"cite\"] ),\n:host( [tag=\"code\"] ),\n:host( [tag=\"del\"] ),\n:host( [tag=\"dfn\"] ),\n:host( [tag=\"em\"] ),\n:host( [tag=\"i\"] ),\n:host( [tag=\"ins\"] ),\n:host( [tag=\"kbd\"] ),\n:host( [tag=\"mark\"] ),\n:host( [tag=\"q\"] ),\n:host( [tag=\"rb\"] ),\n:host( [tag=\"rt\"] ),\n:host( [tag=\"ruby\"] ),\n:host( [tag=\"s\"] ),\n:host( [tag=\"samp\"] ),\n:host( [tag=\"small\"] ),\n:host( [tag=\"span\"] ),\n:host( [tag=\"strong\"] ),\n:host( [tag=\"sub\"] ),\n:host( [tag=\"sup\"] ),\n:host( [tag=\"time\"] ),\n:host( [tag=\"u\"] ),\n:host( [tag=\"var\"] ) {\n display: inline;\n}\n\n:host( [tag=\"code\"] ){\n\n border-radius: 0.25rem;\n\n padding-left: 0.25rem;\n\n padding-right: 0.25rem;\n\n -webkit-transition-duration: 200ms;\n\n transition-duration: 200ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n background-color: rgb(var(--tone-neutral-09));\n color: rgb(var(--tone-neutral-03));\n -webkit-transition-property: color, background-color;\n transition-property: color, background-color;\n}\n\n:host( [truncate] ) .text {\n display: block;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n:host( [truncate=\"word\"] ) .text {\n white-space: nowrap;\n}\n\n@supports (line-clamp: 1) {\n :host( [truncate=\"all\"] ) .text {\n line-clamp: var(--mds-text-line-clamp, 1);\n }\n}\n\n@supports (display: -webkit-box) {\n :host( [truncate=\"all\"] ) .text {\n -webkit-box-orient: vertical;\n\n /* stylelint-disable-next-line value-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: var(--mds-text-line-clamp, 1);\n }\n}\n\nabbr,\naddress,\narticle,\nb,\nbdo,\nblockquote,\ncite,\ncode,\ndd,\ndel,\ndetails,\ndfn,\ndiv,\ndl,\ndt,\nem,\nfigcaption,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ni,\nins,\nkbd,\nlabel,\nlegend,\nli,\nmark,\nol,\np,\npre,\nq,\nrb,\nrt,\nruby,\ns,\nsamp,\nsmall,\nspan,\nstrong,\nsub,\nsummary,\nsup,\ntime,\nu,\nul,\nvar,\nwbr {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n margin: 0;\n overflow: inherit;\n text-overflow: inherit;\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n"; | ||
| const mdsTextCss = "\n@tailwind utilities;\n\n/**\n * @prop --mds-text-animation-placeholder-char: Sets the animation placeholder char of the text when `animation` attribute is set to `yugop`\n * @prop --mds-text-animation-speed: Sets the animation speed of the text when `animation` attribute is set to `yugop`\n * @prop --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.\n * @prop --mds-text-selection-background: Sets the background-color of the text when the text is selected\n * @prop --mds-text-selection-color: Sets the color of the text when the text is selected\n */\n\n:host {\n\n --mds-text-selection-background: rgb(var(--label-sky-09));\n --mds-text-selection-color: rgb(var(--label-sky-01));\n --mds-text-line-clamp: 3;\n --mds-text-animation-speed: 0.5;\n --mds-text-animation-placeholder-char: \" \";\n\n display: -ms-flexbox;\n\n display: flex;\n min-width: 0;\n}\n\n.text::-moz-selection {\n background-color: var(--mds-text-selection-background);\n color: var(--mds-text-selection-color);\n}\n\n.text::selection {\n background-color: var(--mds-text-selection-background);\n color: var(--mds-text-selection-color);\n}\n\n.text {\n cursor: inherit;\n display: inherit;\n}\n\n:host( [typography=\"snippet\"] ){\n\n min-height: 1.5rem;\n\n font-family: 'Roboto Mono', 'Courier New', monospace;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"hack\"] ){\n\n min-height: 1.25rem;\n\n font-family: 'Roboto Mono', 'Courier New', monospace;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h1\"] ){\n\n min-height: 3rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 3rem;\n\n line-height: 3rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h2\"] ){\n\n min-height: 2.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 2.25rem;\n\n line-height: 2.5rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h3\"] ){\n\n min-height: 2.25rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.875rem;\n\n line-height: 2.25rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h4\"] ){\n\n min-height: 2rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.5rem;\n\n line-height: 2rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h5\"] ){\n\n min-height: 1.75rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.25rem;\n\n line-height: 1.75rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h6\"] ){\n\n min-height: 1.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h1\"] ),\n:host( [typography=\"h2\"] ),\n:host( [typography=\"h3\"] ),\n:host( [typography=\"h4\"] ),\n:host( [typography=\"h5\"] ),\n:host( [typography=\"h6\"] ) {\n text-wrap: balance;\n}\n\n:host( [typography=\"action\"] ){\n\n min-height: 1.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.875rem;\n\n line-height: 1.5rem;\n\n font-weight: 500;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"paragraph\"] ){\n\n min-height: 2rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.25rem;\n\n line-height: 2rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"detail\"] ){\n\n min-height: 1.5rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"caption\"] ){\n\n min-height: 1.25rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"paragraph\"] ),\n:host( [typography=\"detail\"] ),\n:host( [typography=\"caption\"] ) {\n text-wrap: pretty;\n}\n\n:host( [typography=\"label\"] ){\n\n min-height: 1rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n font-weight: 700;\n\n text-transform: uppercase;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"tip\"] ){\n\n min-height: 1rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"option\"] ){\n\n min-height: 0.625rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.625rem;\n\n line-height: 0.625rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n text-transform: uppercase;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"paragraph\"][variant=\"read\"] ){\n\n min-height: 2rem;\n\n font-family: 'Merriweather', Times, 'Times New Roman', serif;\n\n font-size: 1.25rem;\n\n line-height: 2rem;\n\n font-weight: 300;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"detail\"][variant=\"read\"] ){\n\n min-height: 1.5rem;\n\n font-family: 'Merriweather', Times, 'Times New Roman', serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n font-weight: 300;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"caption\"][variant=\"read\"] ){\n\n min-height: 1.25rem;\n\n font-family: 'Merriweather', Times, 'Times New Roman', serif;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [tag=\"article\"] ),\n:host( [tag=\"blockquote\"] ),\n:host( [tag=\"dd\"] ),\n:host( [tag=\"details\"] ),\n:host( [tag=\"div\"] ),\n:host( [tag=\"dl\"] ),\n:host( [tag=\"dt\"] ),\n:host( [tag=\"figcaption\"] ),\n:host( [tag=\"h1\"] ),\n:host( [tag=\"h2\"] ),\n:host( [tag=\"h3\"] ),\n:host( [tag=\"h4\"] ),\n:host( [tag=\"h5\"] ),\n:host( [tag=\"h6\"] ),\n:host( [tag=\"label\"] ),\n:host( [tag=\"legend\"] ),\n:host( [tag=\"li\"] ),\n:host( [tag=\"ol\"] ),\n:host( [tag=\"p\"] ),\n:host( [tag=\"pre\"] ),\n:host( [tag=\"summary\"] ),\n:host( [tag=\"ul\"] ) {\n display: block;\n}\n\n:host( [tag=\"abbr\"] ),\n:host( [tag=\"address\"] ),\n:host( [tag=\"b\"] ),\n:host( [tag=\"bdo\"] ),\n:host( [tag=\"cite\"] ),\n:host( [tag=\"code\"] ),\n:host( [tag=\"del\"] ),\n:host( [tag=\"dfn\"] ),\n:host( [tag=\"em\"] ),\n:host( [tag=\"i\"] ),\n:host( [tag=\"ins\"] ),\n:host( [tag=\"kbd\"] ),\n:host( [tag=\"mark\"] ),\n:host( [tag=\"q\"] ),\n:host( [tag=\"rb\"] ),\n:host( [tag=\"rt\"] ),\n:host( [tag=\"ruby\"] ),\n:host( [tag=\"s\"] ),\n:host( [tag=\"samp\"] ),\n:host( [tag=\"small\"] ),\n:host( [tag=\"span\"] ),\n:host( [tag=\"strong\"] ),\n:host( [tag=\"sub\"] ),\n:host( [tag=\"sup\"] ),\n:host( [tag=\"time\"] ),\n:host( [tag=\"u\"] ),\n:host( [tag=\"var\"] ) {\n display: inline;\n}\n\n:host( [tag=\"code\"] ){\n\n border-radius: 0.25rem;\n\n padding-left: 0.25rem;\n\n padding-right: 0.25rem;\n\n -webkit-transition-duration: 200ms;\n\n transition-duration: 200ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n background-color: rgb(var(--tone-neutral-09));\n color: rgb(var(--tone-neutral-03));\n -webkit-transition-property: color, background-color;\n transition-property: color, background-color;\n}\n\n:host( [truncate] ) .text {\n display: block;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n:host( [truncate=\"word\"] ) .text {\n white-space: nowrap;\n}\n\n@supports (line-clamp: 1) {\n :host( [truncate=\"all\"] ) .text {\n line-clamp: var(--mds-text-line-clamp, 1);\n }\n}\n\n@supports (display: -webkit-box) {\n :host( [truncate=\"all\"] ) .text {\n -webkit-box-orient: vertical;\n\n /* stylelint-disable-next-line value-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: var(--mds-text-line-clamp, 1);\n }\n}\n\nabbr,\naddress,\narticle,\nb,\nbdo,\nblockquote,\ncite,\ncode,\ndd,\ndel,\ndetails,\ndfn,\ndiv,\ndl,\ndt,\nem,\nfigcaption,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ni,\nins,\nkbd,\nlabel,\nlegend,\nli,\nmark,\nol,\np,\npre,\nq,\nrb,\nrt,\nruby,\ns,\nsamp,\nsmall,\nspan,\nstrong,\nsub,\nsummary,\nsup,\ntime,\nu,\nul,\nvar,\nwbr {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n margin: 0;\n overflow: inherit;\n text-overflow: inherit;\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n"; | ||
| const MdsTextStyle0 = mdsTextCss; | ||
@@ -250,2 +250,4 @@ | ||
| this.updateCSSCustomProps = () => { | ||
| if (typeof window === 'undefined') | ||
| return; | ||
| const elementStyles = window.getComputedStyle(this.host); | ||
@@ -287,3 +289,3 @@ this.cssTextAnimationSpeed = Number(elementStyles.getPropertyValue('--mds-text-animation-speed')); | ||
| render() { | ||
| return (h(Host, { key: '989bc7f5c77fc47b321593164bfadc25c98c350e' }, h(this.tag, { key: 'df795eb244d2773cc6b049d06da9bc18ef2a0abf', class: "text" }, !this.text | ||
| return (h(Host, { key: 'a7559af5c1b5b842988b271e49026763abff0648' }, h(this.tag, { key: '33963632070fc042ae5c4346ced6531425527f43', class: "text" }, !this.text | ||
| ? h("slot", null) | ||
@@ -290,0 +292,0 @@ : this.text))); |
| { | ||
| "timestamp": "2024-11-25T16:25:36", | ||
| "timestamp": "2024-12-04T15:45:04", | ||
| "compiler": { | ||
@@ -67,4 +67,4 @@ "name": "@stencil/core", | ||
| "location": "import", | ||
| "path": "./meta/types", | ||
| "id": "src/components/mds-text/meta/types.ts::TypographyTagType" | ||
| "path": "@type/text", | ||
| "id": "src/type/text.ts::TypographyTagType" | ||
| } | ||
@@ -519,6 +519,6 @@ } | ||
| }, | ||
| "src/components/mds-text/meta/types.ts::TypographyTagType": { | ||
| "src/type/text.ts::TypographyTagType": { | ||
| "declaration": "export type TypographyTagType =\n | 'abbr'\n | 'address'\n | 'article'\n | 'b'\n | 'bdo'\n | 'blockquote'\n | 'cite'\n | 'code'\n | 'dd'\n | 'del'\n | 'details'\n | 'dfn'\n | 'div'\n | 'dl'\n | 'dt'\n | 'em'\n | 'figcaption'\n | 'h1'\n | 'h2'\n | 'h3'\n | 'h4'\n | 'h5'\n | 'h6'\n | 'i'\n | 'ins'\n | 'kbd'\n | 'label'\n | 'legend'\n | 'li'\n | 'mark'\n | 'ol'\n | 'p'\n | 'pre'\n | 'q'\n | 'rb'\n | 'rt'\n | 'ruby'\n | 's'\n | 'samp'\n | 'small'\n | 'span'\n | 'strong'\n | 'sub'\n | 'summary'\n | 'sup'\n | 'time'\n | 'u'\n | 'ul'\n | 'var'", | ||
| "docstring": "", | ||
| "path": "src/components/mds-text/meta/types.ts" | ||
| "path": "src/type/text.ts" | ||
| }, | ||
@@ -525,0 +525,0 @@ "src/type/text.ts::TypographyTruncateType": { |
@@ -1,1 +0,1 @@ | ||
| var __spreadArray=this&&this.__spreadArray||function(n,t,e){if(e||arguments.length===2)for(var o=0,a=t.length,i;o<a;o++){if(i||!(o in t)){if(!i)i=Array.prototype.slice.call(t,0,o);i[o]=t[o]}}return n.concat(i||Array.prototype.slice.call(t))};import{r as registerInstance,h,H as Host,g as getElement}from"./index-ccd8c0c6.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(n){return n*16807%int32};var randomFloat=function(n){return gen(n)/int32};var randomInt=function(n){return gen(n)};var generator=function(n){if(n===void 0){n=1}var t=n<1?1:n;var e=function(){t=randomInt(t);return t};return{random:function(){return e()},randomFloat:function(){return randomFloat(e())},range:function(n,t){var o=n-.4999;var a=t+.4999;return Math.round(o+(a-o)*randomFloat(e()))},rangeFloat:function(n,t){return n+(t-n)*randomFloat(e())}}};var strToCharCodeArray=function(n){return n.split("").map((function(n){return n.charCodeAt(0)}))};var randomSign=function(){return(Math.round(Math.random())-.5)*2};var minMaxLooped=function(n,t){return function(e){if(e>t)return n+(e-t);if(e<n)return t+(e-n);return e}};var rand=generator();var random=function(n,t){return function(){return(n+rand.range(0,t))*randomSign()}};var generateRandomCharCodeArray=function(n,t){return function(e){return strToCharCodeArray(e).map(random(n,t))}};var charCodeArrayToString=function(n){var t=n.str,e=n.minCharCode,o=n.maxCharCode,a=n.placeholderChar,i=n.charStep;return function(n){return n.reduce((function(n,r,s){if(r!==0){if(Math.abs(r)>i){return n+a}return n+String.fromCharCode(minMaxLooped(e,o)(t.charCodeAt(s)+r))}return n+t.charAt(s)}),"")}};var noop=function(){};var RandomText=function(){function n(t){var e=this;this.start=function(){var n=e,t=n.frameOffset,o=n.charOffset,a=n.str,i=n.speed;var r=generateRandomCharCodeArray(t,o)(a);e.stop();e.rafId=requestAnimationFrame((function(){e.step(r,i,i)}))};Object.assign(this,Object.assign(Object.assign({},n.defaults),t))}n.prototype.stop=function(){cancelAnimationFrame(this.rafId)};n.prototype.step=function(n,t,e){var o=this;var a=this,i=a.str,r=a.charStep,s=a.minCharCode,h=a.maxCharCode,l=a.placeholderChar,m=a.onProgress,g=a.onComplete;var f=n.slice(0,t);var c=f.map((function(n){if(n>0)return n-1;if(n<0)return n+1;return 0}));var p=charCodeArrayToString({str:i,minCharCode:s,maxCharCode:h,placeholderChar:l,charStep:r})(c);var d=__spreadArray(__spreadArray([],c,true),n.slice(t),true);m(p);if(p!==i){this.rafId=requestAnimationFrame((function(){o.step(d,t+e,e)}))}else{g(p)}};return n}();RandomText.defaults={str:"",speed:2,placeholderChar:"_",frameOffset:30,charOffset:20,charStep:10,minCharCode:32,maxCharCode:122,onProgress:noop,onComplete:noop};var mdsTextCss='\n@tailwind utilities;\n\n/**\n * @prop --mds-text-animation-placeholder-char: Sets the animation placeholder char of the text when `animation` attribute is set to `yugop`\n * @prop --mds-text-animation-speed: Sets the animation speed of the text when `animation` attribute is set to `yugop`\n * @prop --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.\n * @prop --mds-text-selection-background: Sets the background-color of the text when the text is selected\n * @prop --mds-text-selection-color: Sets the color of the text when the text is selected\n */\n\n:host {\n\n --mds-text-selection-background: rgb(var(--label-sky-09));\n --mds-text-selection-color: rgb(var(--label-sky-01));\n --mds-text-line-clamp: 3;\n --mds-text-animation-speed: 0.5;\n --mds-text-animation-placeholder-char: " ";\n\n display: -ms-flexbox;\n\n display: flex;\n min-width: 0;\n}\n\n.text::-moz-selection {\n background-color: var(--mds-text-selection-background);\n color: var(--mds-text-selection-color);\n}\n\n.text::selection {\n background-color: var(--mds-text-selection-background);\n color: var(--mds-text-selection-color);\n}\n\n.text {\n cursor: inherit;\n display: inherit;\n}\n\n:host( [typography="snippet"] ){\n\n min-height: 1.5rem;\n\n font-family: \'Roboto Mono\', \'Courier New\', monospace;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="hack"] ){\n\n min-height: 1.25rem;\n\n font-family: \'Roboto Mono\', \'Courier New\', monospace;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h1"] ){\n\n min-height: 3rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 3rem;\n\n line-height: 3rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h2"] ){\n\n min-height: 2.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 2.25rem;\n\n line-height: 2.5rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h3"] ){\n\n min-height: 2.25rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 1.875rem;\n\n line-height: 2.25rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h4"] ){\n\n min-height: 2rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 1.5rem;\n\n line-height: 2rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h5"] ){\n\n min-height: 1.75rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 1.25rem;\n\n line-height: 1.75rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h6"] ){\n\n min-height: 1.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h1"] ),\n:host( [typography="h2"] ),\n:host( [typography="h3"] ),\n:host( [typography="h4"] ),\n:host( [typography="h5"] ),\n:host( [typography="h6"] ) {\n text-wrap: balance;\n}\n\n:host( [typography="action"] ){\n\n min-height: 1.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 0.875rem;\n\n line-height: 1.5rem;\n\n font-weight: 500;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="paragraph"] ){\n\n min-height: 2rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 1.25rem;\n\n line-height: 2rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="detail"] ){\n\n min-height: 1.5rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="caption"] ){\n\n min-height: 1.25rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="paragraph"] ),\n:host( [typography="detail"] ),\n:host( [typography="caption"] ) {\n text-wrap: pretty;\n}\n\n:host( [typography="label"] ){\n\n min-height: 1rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n font-weight: 700;\n\n text-transform: uppercase;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="tip"] ){\n\n min-height: 1rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="option"] ){\n\n min-height: 0.625rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 0.625rem;\n\n line-height: 0.625rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n text-transform: uppercase;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="paragraph"][variant="read"] ){\n\n min-height: 2rem;\n\n font-family: \'Merriweather\', Times, \'Times New Roman\', serif;\n\n font-size: 1.25rem;\n\n line-height: 2rem;\n\n font-weight: 300;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="detail"][variant="read"] ){\n\n min-height: 1.5rem;\n\n font-family: \'Merriweather\', Times, \'Times New Roman\', serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n font-weight: 300;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="caption"][variant="read"] ){\n\n min-height: 1.25rem;\n\n font-family: \'Merriweather\', Times, \'Times New Roman\', serif;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [tag="article"] ),\n:host( [tag="blockquote"] ),\n:host( [tag="dd"] ),\n:host( [tag="details"] ),\n:host( [tag="div"] ),\n:host( [tag="dl"] ),\n:host( [tag="dt"] ),\n:host( [tag="figcaption"] ),\n:host( [tag="h1"] ),\n:host( [tag="h2"] ),\n:host( [tag="h3"] ),\n:host( [tag="h4"] ),\n:host( [tag="h5"] ),\n:host( [tag="h6"] ),\n:host( [tag="label"] ),\n:host( [tag="legend"] ),\n:host( [tag="li"] ),\n:host( [tag="ol"] ),\n:host( [tag="p"] ),\n:host( [tag="pre"] ),\n:host( [tag="summary"] ),\n:host( [tag="ul"] ) {\n display: block;\n}\n\n:host( [tag="abbr"] ),\n:host( [tag="address"] ),\n:host( [tag="b"] ),\n:host( [tag="bdo"] ),\n:host( [tag="cite"] ),\n:host( [tag="code"] ),\n:host( [tag="del"] ),\n:host( [tag="dfn"] ),\n:host( [tag="em"] ),\n:host( [tag="i"] ),\n:host( [tag="ins"] ),\n:host( [tag="kbd"] ),\n:host( [tag="mark"] ),\n:host( [tag="q"] ),\n:host( [tag="rb"] ),\n:host( [tag="rt"] ),\n:host( [tag="ruby"] ),\n:host( [tag="s"] ),\n:host( [tag="samp"] ),\n:host( [tag="small"] ),\n:host( [tag="span"] ),\n:host( [tag="strong"] ),\n:host( [tag="sub"] ),\n:host( [tag="sup"] ),\n:host( [tag="time"] ),\n:host( [tag="u"] ),\n:host( [tag="var"] ) {\n display: inline;\n}\n\n:host( [tag="code"] ){\n\n border-radius: 0.25rem;\n\n padding-left: 0.25rem;\n\n padding-right: 0.25rem;\n\n -webkit-transition-duration: 200ms;\n\n transition-duration: 200ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n background-color: rgb(var(--tone-neutral-09));\n color: rgb(var(--tone-neutral-03));\n -webkit-transition-property: color, background-color;\n transition-property: color, background-color;\n}\n\n:host( [truncate] ) .text {\n display: block;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n:host( [truncate="word"] ) .text {\n white-space: nowrap;\n}\n\n@supports (line-clamp: 1) {\n :host( [truncate="all"] ) .text {\n line-clamp: var(--mds-text-line-clamp, 1);\n }\n}\n\n@supports (display: -webkit-box) {\n :host( [truncate="all"] ) .text {\n -webkit-box-orient: vertical;\n\n /* stylelint-disable-next-line value-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: var(--mds-text-line-clamp, 1);\n }\n}\n\nabbr,\naddress,\narticle,\nb,\nbdo,\nblockquote,\ncite,\ncode,\ndd,\ndel,\ndetails,\ndfn,\ndiv,\ndl,\ndt,\nem,\nfigcaption,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ni,\nins,\nkbd,\nlabel,\nlegend,\nli,\nmark,\nol,\np,\npre,\nq,\nrb,\nrt,\nruby,\ns,\nsamp,\nsmall,\nspan,\nstrong,\nsub,\nsummary,\nsup,\ntime,\nu,\nul,\nvar,\nwbr {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n margin: 0;\n overflow: inherit;\n text-overflow: inherit;\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n';var MdsTextStyle0=mdsTextCss;var MdsText=function(){function n(n){var t=this;registerInstance(this,n);this.cssTextAnimationSpeed=2;this.cssTextAnimationPlaceholderChar=" ";this.randomTextOptions={speed:this.cssTextAnimationSpeed,placeholderChar:this.cssTextAnimationPlaceholderChar,frameOffset:10,charOffset:20,charStep:15};this.animateText=function(n){var e;var o=(e=t.host.shadowRoot)===null||e===void 0?void 0:e.querySelector(".text");t.randomTextOptions.speed=t.cssTextAnimationSpeed;t.randomTextOptions.placeholderChar=t.cssTextAnimationPlaceholderChar;console.info("animateText",t.cssTextAnimationPlaceholderChar);t.randomText=new RandomText(Object.assign({str:n,onProgress:function(n){o.innerHTML=n}},t.randomTextOptions));t.randomText.start()};this.updateCSSCustomProps=function(){var n=window.getComputedStyle(t.host);t.cssTextAnimationSpeed=Number(n.getPropertyValue("--mds-text-animation-speed"));var e=n.getPropertyValue("--mds-text-animation-placeholder-char");if(e==='" "'||e==="' '"){t.cssTextAnimationPlaceholderChar=" ";return}t.cssTextAnimationPlaceholderChar=e};this.animation="none";this.tag=undefined;this.text=undefined;this.truncate=undefined;this.typography="detail";this.variant=undefined}n.prototype.componentWillRender=function(){var n;var t=typographyDefaultsVariant[this.typography].tag;this.tag=(n=this.tag)!==null&&n!==void 0?n:t};n.prototype.componentDidLoad=function(){this.updateCSSCustomProps()};n.prototype.textHandler=function(n){if(this.animation==="none"){return}if(this.randomText){this.randomText.stop()}if(n){this.animateText(n)}};n.prototype.render=function(){return h(Host,{key:"989bc7f5c77fc47b321593164bfadc25c98c350e"},h(this.tag,{key:"df795eb244d2773cc6b049d06da9bc18ef2a0abf",class:"text"},!this.text?h("slot",null):this.text))};Object.defineProperty(n.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{text:["textHandler"]}},enumerable:false,configurable:true});return n}();MdsText.style=MdsTextStyle0;export{MdsText as mds_text}; | ||
| var __spreadArray=this&&this.__spreadArray||function(n,t,e){if(e||arguments.length===2)for(var o=0,i=t.length,a;o<i;o++){if(a||!(o in t)){if(!a)a=Array.prototype.slice.call(t,0,o);a[o]=t[o]}}return n.concat(a||Array.prototype.slice.call(t))};import{r as registerInstance,h,H as Host,g as getElement}from"./index-ccd8c0c6.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(n){return n*16807%int32};var randomFloat=function(n){return gen(n)/int32};var randomInt=function(n){return gen(n)};var generator=function(n){if(n===void 0){n=1}var t=n<1?1:n;var e=function(){t=randomInt(t);return t};return{random:function(){return e()},randomFloat:function(){return randomFloat(e())},range:function(n,t){var o=n-.4999;var i=t+.4999;return Math.round(o+(i-o)*randomFloat(e()))},rangeFloat:function(n,t){return n+(t-n)*randomFloat(e())}}};var strToCharCodeArray=function(n){return n.split("").map((function(n){return n.charCodeAt(0)}))};var randomSign=function(){return(Math.round(Math.random())-.5)*2};var minMaxLooped=function(n,t){return function(e){if(e>t)return n+(e-t);if(e<n)return t+(e-n);return e}};var rand=generator();var random=function(n,t){return function(){return(n+rand.range(0,t))*randomSign()}};var generateRandomCharCodeArray=function(n,t){return function(e){return strToCharCodeArray(e).map(random(n,t))}};var charCodeArrayToString=function(n){var t=n.str,e=n.minCharCode,o=n.maxCharCode,i=n.placeholderChar,a=n.charStep;return function(n){return n.reduce((function(n,r,s){if(r!==0){if(Math.abs(r)>a){return n+i}return n+String.fromCharCode(minMaxLooped(e,o)(t.charCodeAt(s)+r))}return n+t.charAt(s)}),"")}};var noop=function(){};var RandomText=function(){function n(t){var e=this;this.start=function(){var n=e,t=n.frameOffset,o=n.charOffset,i=n.str,a=n.speed;var r=generateRandomCharCodeArray(t,o)(i);e.stop();e.rafId=requestAnimationFrame((function(){e.step(r,a,a)}))};Object.assign(this,Object.assign(Object.assign({},n.defaults),t))}n.prototype.stop=function(){cancelAnimationFrame(this.rafId)};n.prototype.step=function(n,t,e){var o=this;var i=this,a=i.str,r=i.charStep,s=i.minCharCode,h=i.maxCharCode,l=i.placeholderChar,m=i.onProgress,g=i.onComplete;var f=n.slice(0,t);var c=f.map((function(n){if(n>0)return n-1;if(n<0)return n+1;return 0}));var p=charCodeArrayToString({str:a,minCharCode:s,maxCharCode:h,placeholderChar:l,charStep:r})(c);var d=__spreadArray(__spreadArray([],c,true),n.slice(t),true);m(p);if(p!==a){this.rafId=requestAnimationFrame((function(){o.step(d,t+e,e)}))}else{g(p)}};return n}();RandomText.defaults={str:"",speed:2,placeholderChar:"_",frameOffset:30,charOffset:20,charStep:10,minCharCode:32,maxCharCode:122,onProgress:noop,onComplete:noop};var mdsTextCss='@tailwind utilities;\n\n/**\n * @prop --mds-text-animation-placeholder-char: Sets the animation placeholder char of the text when `animation` attribute is set to `yugop`\n * @prop --mds-text-animation-speed: Sets the animation speed of the text when `animation` attribute is set to `yugop`\n * @prop --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.\n * @prop --mds-text-selection-background: Sets the background-color of the text when the text is selected\n * @prop --mds-text-selection-color: Sets the color of the text when the text is selected\n */\n\n:host {\n\n --mds-text-selection-background: rgb(var(--label-sky-09));\n --mds-text-selection-color: rgb(var(--label-sky-01));\n --mds-text-line-clamp: 3;\n --mds-text-animation-speed: 0.5;\n --mds-text-animation-placeholder-char: " ";\n\n display: -ms-flexbox;\n\n display: flex;\n min-width: 0;\n}\n\n.text::-moz-selection {\n background-color: var(--mds-text-selection-background);\n color: var(--mds-text-selection-color);\n}\n\n.text::selection {\n background-color: var(--mds-text-selection-background);\n color: var(--mds-text-selection-color);\n}\n\n.text {\n cursor: inherit;\n display: inherit;\n}\n\n:host( [typography="snippet"] ){\n\n min-height: 1.5rem;\n\n font-family: \'Roboto Mono\', \'Courier New\', monospace;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="hack"] ){\n\n min-height: 1.25rem;\n\n font-family: \'Roboto Mono\', \'Courier New\', monospace;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h1"] ){\n\n min-height: 3rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 3rem;\n\n line-height: 3rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h2"] ){\n\n min-height: 2.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 2.25rem;\n\n line-height: 2.5rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h3"] ){\n\n min-height: 2.25rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 1.875rem;\n\n line-height: 2.25rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h4"] ){\n\n min-height: 2rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 1.5rem;\n\n line-height: 2rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h5"] ){\n\n min-height: 1.75rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 1.25rem;\n\n line-height: 1.75rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h6"] ){\n\n min-height: 1.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h1"] ),\n:host( [typography="h2"] ),\n:host( [typography="h3"] ),\n:host( [typography="h4"] ),\n:host( [typography="h5"] ),\n:host( [typography="h6"] ) {\n text-wrap: balance;\n}\n\n:host( [typography="action"] ){\n\n min-height: 1.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 0.875rem;\n\n line-height: 1.5rem;\n\n font-weight: 500;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="paragraph"] ){\n\n min-height: 2rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 1.25rem;\n\n line-height: 2rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="detail"] ){\n\n min-height: 1.5rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="caption"] ){\n\n min-height: 1.25rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="paragraph"] ),\n:host( [typography="detail"] ),\n:host( [typography="caption"] ) {\n text-wrap: pretty;\n}\n\n:host( [typography="label"] ){\n\n min-height: 1rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n font-weight: 700;\n\n text-transform: uppercase;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="tip"] ){\n\n min-height: 1rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="option"] ){\n\n min-height: 0.625rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 0.625rem;\n\n line-height: 0.625rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n text-transform: uppercase;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="paragraph"][variant="read"] ){\n\n min-height: 2rem;\n\n font-family: \'Merriweather\', Times, \'Times New Roman\', serif;\n\n font-size: 1.25rem;\n\n line-height: 2rem;\n\n font-weight: 300;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="detail"][variant="read"] ){\n\n min-height: 1.5rem;\n\n font-family: \'Merriweather\', Times, \'Times New Roman\', serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n font-weight: 300;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="caption"][variant="read"] ){\n\n min-height: 1.25rem;\n\n font-family: \'Merriweather\', Times, \'Times New Roman\', serif;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [tag="article"] ),\n:host( [tag="blockquote"] ),\n:host( [tag="dd"] ),\n:host( [tag="details"] ),\n:host( [tag="div"] ),\n:host( [tag="dl"] ),\n:host( [tag="dt"] ),\n:host( [tag="figcaption"] ),\n:host( [tag="h1"] ),\n:host( [tag="h2"] ),\n:host( [tag="h3"] ),\n:host( [tag="h4"] ),\n:host( [tag="h5"] ),\n:host( [tag="h6"] ),\n:host( [tag="label"] ),\n:host( [tag="legend"] ),\n:host( [tag="li"] ),\n:host( [tag="ol"] ),\n:host( [tag="p"] ),\n:host( [tag="pre"] ),\n:host( [tag="summary"] ),\n:host( [tag="ul"] ) {\n display: block;\n}\n\n:host( [tag="abbr"] ),\n:host( [tag="address"] ),\n:host( [tag="b"] ),\n:host( [tag="bdo"] ),\n:host( [tag="cite"] ),\n:host( [tag="code"] ),\n:host( [tag="del"] ),\n:host( [tag="dfn"] ),\n:host( [tag="em"] ),\n:host( [tag="i"] ),\n:host( [tag="ins"] ),\n:host( [tag="kbd"] ),\n:host( [tag="mark"] ),\n:host( [tag="q"] ),\n:host( [tag="rb"] ),\n:host( [tag="rt"] ),\n:host( [tag="ruby"] ),\n:host( [tag="s"] ),\n:host( [tag="samp"] ),\n:host( [tag="small"] ),\n:host( [tag="span"] ),\n:host( [tag="strong"] ),\n:host( [tag="sub"] ),\n:host( [tag="sup"] ),\n:host( [tag="time"] ),\n:host( [tag="u"] ),\n:host( [tag="var"] ) {\n display: inline;\n}\n\n:host( [tag="code"] ){\n\n border-radius: 0.25rem;\n\n padding-left: 0.25rem;\n\n padding-right: 0.25rem;\n\n -webkit-transition-duration: 200ms;\n\n transition-duration: 200ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n background-color: rgb(var(--tone-neutral-09));\n color: rgb(var(--tone-neutral-03));\n -webkit-transition-property: color, background-color;\n transition-property: color, background-color;\n}\n\n:host( [truncate] ) .text {\n display: block;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n:host( [truncate="word"] ) .text {\n white-space: nowrap;\n}\n\n@supports (line-clamp: 1) {\n :host( [truncate="all"] ) .text {\n line-clamp: var(--mds-text-line-clamp, 1);\n }\n}\n\n@supports (display: -webkit-box) {\n :host( [truncate="all"] ) .text {\n -webkit-box-orient: vertical;\n\n /* stylelint-disable-next-line value-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: var(--mds-text-line-clamp, 1);\n }\n}\n\nabbr,\naddress,\narticle,\nb,\nbdo,\nblockquote,\ncite,\ncode,\ndd,\ndel,\ndetails,\ndfn,\ndiv,\ndl,\ndt,\nem,\nfigcaption,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ni,\nins,\nkbd,\nlabel,\nlegend,\nli,\nmark,\nol,\np,\npre,\nq,\nrb,\nrt,\nruby,\ns,\nsamp,\nsmall,\nspan,\nstrong,\nsub,\nsummary,\nsup,\ntime,\nu,\nul,\nvar,\nwbr {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n margin: 0;\n overflow: inherit;\n text-overflow: inherit;\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n';var MdsTextStyle0=mdsTextCss;var MdsText=function(){function n(n){var t=this;registerInstance(this,n);this.cssTextAnimationSpeed=2;this.cssTextAnimationPlaceholderChar=" ";this.randomTextOptions={speed:this.cssTextAnimationSpeed,placeholderChar:this.cssTextAnimationPlaceholderChar,frameOffset:10,charOffset:20,charStep:15};this.animateText=function(n){var e;var o=(e=t.host.shadowRoot)===null||e===void 0?void 0:e.querySelector(".text");t.randomTextOptions.speed=t.cssTextAnimationSpeed;t.randomTextOptions.placeholderChar=t.cssTextAnimationPlaceholderChar;console.info("animateText",t.cssTextAnimationPlaceholderChar);t.randomText=new RandomText(Object.assign({str:n,onProgress:function(n){o.innerHTML=n}},t.randomTextOptions));t.randomText.start()};this.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var n=window.getComputedStyle(t.host);t.cssTextAnimationSpeed=Number(n.getPropertyValue("--mds-text-animation-speed"));var e=n.getPropertyValue("--mds-text-animation-placeholder-char");if(e==='" "'||e==="' '"){t.cssTextAnimationPlaceholderChar=" ";return}t.cssTextAnimationPlaceholderChar=e};this.animation="none";this.tag=undefined;this.text=undefined;this.truncate=undefined;this.typography="detail";this.variant=undefined}n.prototype.componentWillRender=function(){var n;var t=typographyDefaultsVariant[this.typography].tag;this.tag=(n=this.tag)!==null&&n!==void 0?n:t};n.prototype.componentDidLoad=function(){this.updateCSSCustomProps()};n.prototype.textHandler=function(n){if(this.animation==="none"){return}if(this.randomText){this.randomText.stop()}if(n){this.animateText(n)}};n.prototype.render=function(){return h(Host,{key:"a7559af5c1b5b842988b271e49026763abff0648"},h(this.tag,{key:"33963632070fc042ae5c4346ced6531425527f43",class:"text"},!this.text?h("slot",null):this.text))};Object.defineProperty(n.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{text:["textHandler"]}},enumerable:false,configurable:true});return n}();MdsText.style=MdsTextStyle0;export{MdsText as mds_text}; |
@@ -222,3 +222,3 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-ccd8c0c6.js'; | ||
| const mdsTextCss = "\n@tailwind utilities;\n\n/**\n * @prop --mds-text-animation-placeholder-char: Sets the animation placeholder char of the text when `animation` attribute is set to `yugop`\n * @prop --mds-text-animation-speed: Sets the animation speed of the text when `animation` attribute is set to `yugop`\n * @prop --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.\n * @prop --mds-text-selection-background: Sets the background-color of the text when the text is selected\n * @prop --mds-text-selection-color: Sets the color of the text when the text is selected\n */\n\n:host {\n\n --mds-text-selection-background: rgb(var(--label-sky-09));\n --mds-text-selection-color: rgb(var(--label-sky-01));\n --mds-text-line-clamp: 3;\n --mds-text-animation-speed: 0.5;\n --mds-text-animation-placeholder-char: \" \";\n\n display: -ms-flexbox;\n\n display: flex;\n min-width: 0;\n}\n\n.text::-moz-selection {\n background-color: var(--mds-text-selection-background);\n color: var(--mds-text-selection-color);\n}\n\n.text::selection {\n background-color: var(--mds-text-selection-background);\n color: var(--mds-text-selection-color);\n}\n\n.text {\n cursor: inherit;\n display: inherit;\n}\n\n:host( [typography=\"snippet\"] ){\n\n min-height: 1.5rem;\n\n font-family: 'Roboto Mono', 'Courier New', monospace;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"hack\"] ){\n\n min-height: 1.25rem;\n\n font-family: 'Roboto Mono', 'Courier New', monospace;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h1\"] ){\n\n min-height: 3rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 3rem;\n\n line-height: 3rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h2\"] ){\n\n min-height: 2.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 2.25rem;\n\n line-height: 2.5rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h3\"] ){\n\n min-height: 2.25rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.875rem;\n\n line-height: 2.25rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h4\"] ){\n\n min-height: 2rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.5rem;\n\n line-height: 2rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h5\"] ){\n\n min-height: 1.75rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.25rem;\n\n line-height: 1.75rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h6\"] ){\n\n min-height: 1.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h1\"] ),\n:host( [typography=\"h2\"] ),\n:host( [typography=\"h3\"] ),\n:host( [typography=\"h4\"] ),\n:host( [typography=\"h5\"] ),\n:host( [typography=\"h6\"] ) {\n text-wrap: balance;\n}\n\n:host( [typography=\"action\"] ){\n\n min-height: 1.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.875rem;\n\n line-height: 1.5rem;\n\n font-weight: 500;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"paragraph\"] ){\n\n min-height: 2rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.25rem;\n\n line-height: 2rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"detail\"] ){\n\n min-height: 1.5rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"caption\"] ){\n\n min-height: 1.25rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"paragraph\"] ),\n:host( [typography=\"detail\"] ),\n:host( [typography=\"caption\"] ) {\n text-wrap: pretty;\n}\n\n:host( [typography=\"label\"] ){\n\n min-height: 1rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n font-weight: 700;\n\n text-transform: uppercase;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"tip\"] ){\n\n min-height: 1rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"option\"] ){\n\n min-height: 0.625rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.625rem;\n\n line-height: 0.625rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n text-transform: uppercase;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"paragraph\"][variant=\"read\"] ){\n\n min-height: 2rem;\n\n font-family: 'Merriweather', Times, 'Times New Roman', serif;\n\n font-size: 1.25rem;\n\n line-height: 2rem;\n\n font-weight: 300;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"detail\"][variant=\"read\"] ){\n\n min-height: 1.5rem;\n\n font-family: 'Merriweather', Times, 'Times New Roman', serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n font-weight: 300;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"caption\"][variant=\"read\"] ){\n\n min-height: 1.25rem;\n\n font-family: 'Merriweather', Times, 'Times New Roman', serif;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [tag=\"article\"] ),\n:host( [tag=\"blockquote\"] ),\n:host( [tag=\"dd\"] ),\n:host( [tag=\"details\"] ),\n:host( [tag=\"div\"] ),\n:host( [tag=\"dl\"] ),\n:host( [tag=\"dt\"] ),\n:host( [tag=\"figcaption\"] ),\n:host( [tag=\"h1\"] ),\n:host( [tag=\"h2\"] ),\n:host( [tag=\"h3\"] ),\n:host( [tag=\"h4\"] ),\n:host( [tag=\"h5\"] ),\n:host( [tag=\"h6\"] ),\n:host( [tag=\"label\"] ),\n:host( [tag=\"legend\"] ),\n:host( [tag=\"li\"] ),\n:host( [tag=\"ol\"] ),\n:host( [tag=\"p\"] ),\n:host( [tag=\"pre\"] ),\n:host( [tag=\"summary\"] ),\n:host( [tag=\"ul\"] ) {\n display: block;\n}\n\n:host( [tag=\"abbr\"] ),\n:host( [tag=\"address\"] ),\n:host( [tag=\"b\"] ),\n:host( [tag=\"bdo\"] ),\n:host( [tag=\"cite\"] ),\n:host( [tag=\"code\"] ),\n:host( [tag=\"del\"] ),\n:host( [tag=\"dfn\"] ),\n:host( [tag=\"em\"] ),\n:host( [tag=\"i\"] ),\n:host( [tag=\"ins\"] ),\n:host( [tag=\"kbd\"] ),\n:host( [tag=\"mark\"] ),\n:host( [tag=\"q\"] ),\n:host( [tag=\"rb\"] ),\n:host( [tag=\"rt\"] ),\n:host( [tag=\"ruby\"] ),\n:host( [tag=\"s\"] ),\n:host( [tag=\"samp\"] ),\n:host( [tag=\"small\"] ),\n:host( [tag=\"span\"] ),\n:host( [tag=\"strong\"] ),\n:host( [tag=\"sub\"] ),\n:host( [tag=\"sup\"] ),\n:host( [tag=\"time\"] ),\n:host( [tag=\"u\"] ),\n:host( [tag=\"var\"] ) {\n display: inline;\n}\n\n:host( [tag=\"code\"] ){\n\n border-radius: 0.25rem;\n\n padding-left: 0.25rem;\n\n padding-right: 0.25rem;\n\n -webkit-transition-duration: 200ms;\n\n transition-duration: 200ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n background-color: rgb(var(--tone-neutral-09));\n color: rgb(var(--tone-neutral-03));\n -webkit-transition-property: color, background-color;\n transition-property: color, background-color;\n}\n\n:host( [truncate] ) .text {\n display: block;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n:host( [truncate=\"word\"] ) .text {\n white-space: nowrap;\n}\n\n@supports (line-clamp: 1) {\n :host( [truncate=\"all\"] ) .text {\n line-clamp: var(--mds-text-line-clamp, 1);\n }\n}\n\n@supports (display: -webkit-box) {\n :host( [truncate=\"all\"] ) .text {\n -webkit-box-orient: vertical;\n\n /* stylelint-disable-next-line value-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: var(--mds-text-line-clamp, 1);\n }\n}\n\nabbr,\naddress,\narticle,\nb,\nbdo,\nblockquote,\ncite,\ncode,\ndd,\ndel,\ndetails,\ndfn,\ndiv,\ndl,\ndt,\nem,\nfigcaption,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ni,\nins,\nkbd,\nlabel,\nlegend,\nli,\nmark,\nol,\np,\npre,\nq,\nrb,\nrt,\nruby,\ns,\nsamp,\nsmall,\nspan,\nstrong,\nsub,\nsummary,\nsup,\ntime,\nu,\nul,\nvar,\nwbr {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n margin: 0;\n overflow: inherit;\n text-overflow: inherit;\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n"; | ||
| const mdsTextCss = "@tailwind utilities;\n\n/**\n * @prop --mds-text-animation-placeholder-char: Sets the animation placeholder char of the text when `animation` attribute is set to `yugop`\n * @prop --mds-text-animation-speed: Sets the animation speed of the text when `animation` attribute is set to `yugop`\n * @prop --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.\n * @prop --mds-text-selection-background: Sets the background-color of the text when the text is selected\n * @prop --mds-text-selection-color: Sets the color of the text when the text is selected\n */\n\n:host {\n\n --mds-text-selection-background: rgb(var(--label-sky-09));\n --mds-text-selection-color: rgb(var(--label-sky-01));\n --mds-text-line-clamp: 3;\n --mds-text-animation-speed: 0.5;\n --mds-text-animation-placeholder-char: \" \";\n\n display: -ms-flexbox;\n\n display: flex;\n min-width: 0;\n}\n\n.text::-moz-selection {\n background-color: var(--mds-text-selection-background);\n color: var(--mds-text-selection-color);\n}\n\n.text::selection {\n background-color: var(--mds-text-selection-background);\n color: var(--mds-text-selection-color);\n}\n\n.text {\n cursor: inherit;\n display: inherit;\n}\n\n:host( [typography=\"snippet\"] ){\n\n min-height: 1.5rem;\n\n font-family: 'Roboto Mono', 'Courier New', monospace;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"hack\"] ){\n\n min-height: 1.25rem;\n\n font-family: 'Roboto Mono', 'Courier New', monospace;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h1\"] ){\n\n min-height: 3rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 3rem;\n\n line-height: 3rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h2\"] ){\n\n min-height: 2.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 2.25rem;\n\n line-height: 2.5rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h3\"] ){\n\n min-height: 2.25rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.875rem;\n\n line-height: 2.25rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 900;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h4\"] ){\n\n min-height: 2rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.5rem;\n\n line-height: 2rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h5\"] ){\n\n min-height: 1.75rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.25rem;\n\n line-height: 1.75rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h6\"] ){\n\n min-height: 1.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"h1\"] ),\n:host( [typography=\"h2\"] ),\n:host( [typography=\"h3\"] ),\n:host( [typography=\"h4\"] ),\n:host( [typography=\"h5\"] ),\n:host( [typography=\"h6\"] ) {\n text-wrap: balance;\n}\n\n:host( [typography=\"action\"] ){\n\n min-height: 1.5rem;\n\n font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.875rem;\n\n line-height: 1.5rem;\n\n font-weight: 500;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"paragraph\"] ){\n\n min-height: 2rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1.25rem;\n\n line-height: 2rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"detail\"] ){\n\n min-height: 1.5rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"caption\"] ){\n\n min-height: 1.25rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"paragraph\"] ),\n:host( [typography=\"detail\"] ),\n:host( [typography=\"caption\"] ) {\n text-wrap: pretty;\n}\n\n:host( [typography=\"label\"] ){\n\n min-height: 1rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n font-weight: 700;\n\n text-transform: uppercase;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"tip\"] ){\n\n min-height: 1rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"option\"] ){\n\n min-height: 0.625rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n\n font-size: 0.625rem;\n\n line-height: 0.625rem;\n\n letter-spacing: -0.025em;\n\n font-weight: 700;\n\n text-transform: uppercase;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"paragraph\"][variant=\"read\"] ){\n\n min-height: 2rem;\n\n font-family: 'Merriweather', Times, 'Times New Roman', serif;\n\n font-size: 1.25rem;\n\n line-height: 2rem;\n\n font-weight: 300;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"detail\"][variant=\"read\"] ){\n\n min-height: 1.5rem;\n\n font-family: 'Merriweather', Times, 'Times New Roman', serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n font-weight: 300;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography=\"caption\"][variant=\"read\"] ){\n\n min-height: 1.25rem;\n\n font-family: 'Merriweather', Times, 'Times New Roman', serif;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [tag=\"article\"] ),\n:host( [tag=\"blockquote\"] ),\n:host( [tag=\"dd\"] ),\n:host( [tag=\"details\"] ),\n:host( [tag=\"div\"] ),\n:host( [tag=\"dl\"] ),\n:host( [tag=\"dt\"] ),\n:host( [tag=\"figcaption\"] ),\n:host( [tag=\"h1\"] ),\n:host( [tag=\"h2\"] ),\n:host( [tag=\"h3\"] ),\n:host( [tag=\"h4\"] ),\n:host( [tag=\"h5\"] ),\n:host( [tag=\"h6\"] ),\n:host( [tag=\"label\"] ),\n:host( [tag=\"legend\"] ),\n:host( [tag=\"li\"] ),\n:host( [tag=\"ol\"] ),\n:host( [tag=\"p\"] ),\n:host( [tag=\"pre\"] ),\n:host( [tag=\"summary\"] ),\n:host( [tag=\"ul\"] ) {\n display: block;\n}\n\n:host( [tag=\"abbr\"] ),\n:host( [tag=\"address\"] ),\n:host( [tag=\"b\"] ),\n:host( [tag=\"bdo\"] ),\n:host( [tag=\"cite\"] ),\n:host( [tag=\"code\"] ),\n:host( [tag=\"del\"] ),\n:host( [tag=\"dfn\"] ),\n:host( [tag=\"em\"] ),\n:host( [tag=\"i\"] ),\n:host( [tag=\"ins\"] ),\n:host( [tag=\"kbd\"] ),\n:host( [tag=\"mark\"] ),\n:host( [tag=\"q\"] ),\n:host( [tag=\"rb\"] ),\n:host( [tag=\"rt\"] ),\n:host( [tag=\"ruby\"] ),\n:host( [tag=\"s\"] ),\n:host( [tag=\"samp\"] ),\n:host( [tag=\"small\"] ),\n:host( [tag=\"span\"] ),\n:host( [tag=\"strong\"] ),\n:host( [tag=\"sub\"] ),\n:host( [tag=\"sup\"] ),\n:host( [tag=\"time\"] ),\n:host( [tag=\"u\"] ),\n:host( [tag=\"var\"] ) {\n display: inline;\n}\n\n:host( [tag=\"code\"] ){\n\n border-radius: 0.25rem;\n\n padding-left: 0.25rem;\n\n padding-right: 0.25rem;\n\n -webkit-transition-duration: 200ms;\n\n transition-duration: 200ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n background-color: rgb(var(--tone-neutral-09));\n color: rgb(var(--tone-neutral-03));\n -webkit-transition-property: color, background-color;\n transition-property: color, background-color;\n}\n\n:host( [truncate] ) .text {\n display: block;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n:host( [truncate=\"word\"] ) .text {\n white-space: nowrap;\n}\n\n@supports (line-clamp: 1) {\n :host( [truncate=\"all\"] ) .text {\n line-clamp: var(--mds-text-line-clamp, 1);\n }\n}\n\n@supports (display: -webkit-box) {\n :host( [truncate=\"all\"] ) .text {\n -webkit-box-orient: vertical;\n\n /* stylelint-disable-next-line value-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: var(--mds-text-line-clamp, 1);\n }\n}\n\nabbr,\naddress,\narticle,\nb,\nbdo,\nblockquote,\ncite,\ncode,\ndd,\ndel,\ndetails,\ndfn,\ndiv,\ndl,\ndt,\nem,\nfigcaption,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ni,\nins,\nkbd,\nlabel,\nlegend,\nli,\nmark,\nol,\np,\npre,\nq,\nrb,\nrt,\nruby,\ns,\nsamp,\nsmall,\nspan,\nstrong,\nsub,\nsummary,\nsup,\ntime,\nu,\nul,\nvar,\nwbr {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n margin: 0;\n overflow: inherit;\n text-overflow: inherit;\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n"; | ||
| const MdsTextStyle0 = mdsTextCss; | ||
@@ -248,2 +248,4 @@ | ||
| this.updateCSSCustomProps = () => { | ||
| if (typeof window === 'undefined') | ||
| return; | ||
| const elementStyles = window.getComputedStyle(this.host); | ||
@@ -285,3 +287,3 @@ this.cssTextAnimationSpeed = Number(elementStyles.getPropertyValue('--mds-text-animation-speed')); | ||
| render() { | ||
| return (h(Host, { key: '989bc7f5c77fc47b321593164bfadc25c98c350e' }, h(this.tag, { key: 'df795eb244d2773cc6b049d06da9bc18ef2a0abf', class: "text" }, !this.text | ||
| return (h(Host, { key: 'a7559af5c1b5b842988b271e49026763abff0648' }, h(this.tag, { key: '33963632070fc042ae5c4346ced6531425527f43', class: "text" }, !this.text | ||
| ? h("slot", null) | ||
@@ -288,0 +290,0 @@ : this.text))); |
@@ -1,1 +0,1 @@ | ||
| import{p as t,b as a}from"./p-486bc91b.js";export{s as setNonce}from"./p-486bc91b.js";import{g as e}from"./p-e1255160.js";(()=>{const a=import.meta.url,e={};return""!==a&&(e.resourcesUrl=new URL(".",a).href),t(e)})().then((async t=>(await e(),a([["p-338663a9",[[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-486bc91b.js";export{s as setNonce}from"./p-486bc91b.js";import{g as e}from"./p-e1255160.js";(()=>{const a=import.meta.url,e={};return""!==a&&(e.resourcesUrl=new URL(".",a).href),t(e)})().then((async t=>(await e(),a([["p-7a22bf6c",[[1,"mds-text",{animation:[1],tag:[1537],text:[513],truncate:[513],typography:[513],variant:[513]},null,{text:["textHandler"]}]]]],t)))); |
@@ -1,1 +0,1 @@ | ||
| var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,c){function u(t){try{o(r.next(t))}catch(t){c(t)}}function a(t){try{o(r["throw"](t))}catch(t){c(t)}}function o(t){t.done?e(t.value):i(t.value).then(u,a)}o((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(n){return o([t,n])}}function o(a){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(e=0)),e)try{if(r=1,i&&(c=a[0]&2?i["return"]:a[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,a[1])).done)return c;if(i=0,c)a=[a[0]&2,c.value];switch(a[0]){case 0:case 1:c=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;i=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!c||a[1]>c[0]&&a[1]<c[3])){e.label=a[1];break}if(a[0]===6&&e.label<c[1]){e.label=c[1];c=a;break}if(c&&e.label<c[2]){e.label=c[2];e.ops.push(a);break}if(c[2])e.ops.pop();e.trys.pop();continue}a=n.call(t,e)}catch(t){a=[6,t];i=0}finally{r=c=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-ccdc4c95.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var c=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};c().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-3350ac52.system",[[1,"mds-text",{animation:[1],tag:[1537],text:[513],truncate:[513],typography:[513],variant:[513]},null,{text:["textHandler"]}]]]],n)]}}))}))}))}}})); | ||
| var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,c){function u(t){try{a(r.next(t))}catch(t){c(t)}}function o(t){try{a(r["throw"](t))}catch(t){c(t)}}function a(t){t.done?e(t.value):i(t.value).then(u,o)}a((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(t){return function(n){return a([t,n])}}function a(o){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(e=0)),e)try{if(r=1,i&&(c=o[0]&2?i["return"]:o[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,o[1])).done)return c;if(i=0,c)o=[o[0]&2,c.value];switch(o[0]){case 0:case 1:c=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;i=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!c||o[1]>c[0]&&o[1]<c[3])){e.label=o[1];break}if(o[0]===6&&e.label<c[1]){e.label=c[1];c=o;break}if(c&&e.label<c[2]){e.label=c[2];e.ops.push(o);break}if(c[2])e.ops.pop();e.trys.pop();continue}o=n.call(t,e)}catch(t){o=[6,t];i=0}finally{r=c=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-ccdc4c95.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var c=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};c().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-50c8bf98.system",[[1,"mds-text",{animation:[1],tag:[1537],text:[513],truncate:[513],typography:[513],variant:[513]},null,{text:["textHandler"]}]]]],n)]}}))}))}))}}})); |
| { | ||
| "timestamp": "2024-11-25T16:25:36", | ||
| "timestamp": "2024-12-04T15:45:05", | ||
| "compiler": { | ||
@@ -12,10 +12,11 @@ "name": "node", | ||
| "entries": 1, | ||
| "bundles": 94, | ||
| "bundles": 95, | ||
| "outputs": [ | ||
| { | ||
| "name": "dist-collection", | ||
| "files": 46, | ||
| "files": 47, | ||
| "generatedFiles": [ | ||
| "./dist/collection/common/aria.js", | ||
| "./dist/collection/common/date.js", | ||
| "./dist/collection/common/device.js", | ||
| "./dist/collection/common/file.js", | ||
@@ -104,8 +105,8 @@ "./dist/collection/common/icon.js", | ||
| "./dist/mds-text/mds-text.js", | ||
| "./dist/mds-text/p-3350ac52.system.entry.js", | ||
| "./dist/mds-text/p-338663a9.entry.js", | ||
| "./dist/mds-text/p-486bc91b.js", | ||
| "./dist/mds-text/p-50c8bf98.system.entry.js", | ||
| "./dist/mds-text/p-50ea2036.system.js", | ||
| "./dist/mds-text/p-531e6ec6.system.js", | ||
| "./dist/mds-text/p-56ba5cbf.system.js", | ||
| "./dist/mds-text/p-7a22bf6c.entry.js", | ||
| "./dist/mds-text/p-ccdc4c95.system.js", | ||
@@ -116,8 +117,8 @@ "./dist/mds-text/p-e1255160.js", | ||
| "./www/build/mds-text.js", | ||
| "./www/build/p-3350ac52.system.entry.js", | ||
| "./www/build/p-338663a9.entry.js", | ||
| "./www/build/p-486bc91b.js", | ||
| "./www/build/p-50c8bf98.system.entry.js", | ||
| "./www/build/p-50ea2036.system.js", | ||
| "./www/build/p-531e6ec6.system.js", | ||
| "./www/build/p-56ba5cbf.system.js", | ||
| "./www/build/p-7a22bf6c.entry.js", | ||
| "./www/build/p-ccdc4c95.system.js", | ||
@@ -157,8 +158,8 @@ "./www/build/p-e1255160.js" | ||
| ], | ||
| "bundleId": "p-338663a9", | ||
| "fileName": "p-338663a9.entry.js", | ||
| "bundleId": "p-7a22bf6c", | ||
| "fileName": "p-7a22bf6c.entry.js", | ||
| "imports": [ | ||
| "p-486bc91b.js" | ||
| ], | ||
| "originalByteSize": 19542 | ||
| "originalByteSize": 19611 | ||
| } | ||
@@ -177,3 +178,3 @@ ], | ||
| ], | ||
| "originalByteSize": 19546 | ||
| "originalByteSize": 19615 | ||
| } | ||
@@ -192,3 +193,3 @@ ], | ||
| ], | ||
| "originalByteSize": 19546 | ||
| "originalByteSize": 19615 | ||
| } | ||
@@ -202,8 +203,8 @@ ], | ||
| ], | ||
| "bundleId": "p-3350ac52.system", | ||
| "fileName": "p-3350ac52.system.entry.js", | ||
| "bundleId": "p-50c8bf98.system", | ||
| "fileName": "p-50c8bf98.system.entry.js", | ||
| "imports": [ | ||
| "p-ccdc4c95.system.js" | ||
| ], | ||
| "originalByteSize": 23203 | ||
| "originalByteSize": 23296 | ||
| } | ||
@@ -222,3 +223,3 @@ ], | ||
| ], | ||
| "originalByteSize": 19611 | ||
| "originalByteSize": 19680 | ||
| } | ||
@@ -296,4 +297,4 @@ ] | ||
| "location": "import", | ||
| "path": "./meta/types", | ||
| "id": "src/components/mds-text/meta/types.ts::TypographyTagType" | ||
| "path": "@type/text", | ||
| "id": "src/type/text.ts::TypographyTagType" | ||
| } | ||
@@ -462,4 +463,4 @@ } | ||
| "location": "import", | ||
| "path": "./meta/types", | ||
| "id": "src/components/mds-text/meta/types.ts::TypographyTagType" | ||
| "path": "@type/text", | ||
| "id": "src/type/text.ts::TypographyTagType" | ||
| } | ||
@@ -715,2 +716,3 @@ } | ||
| "./src/common/date.ts": [], | ||
| "./src/common/device.ts": [], | ||
| "./src/common/file.ts": [], | ||
@@ -717,0 +719,0 @@ "./src/common/icon.ts": [], |
| declare const unslugName: (name: string) => string; | ||
| declare const setAttributeIfEmpty: (element: HTMLElement, attribute: string, value: string) => string; | ||
| declare const removeAttributesIf: (element: HTMLElement, attribute: string, valueCheck: string | undefined, cleanAttributes: string | string[]) => boolean; | ||
| declare const ifAttribute: (element: HTMLElement, attribute: string, valueCheck?: string) => boolean; | ||
| declare const hashValue: (value: string) => string; | ||
| declare const hashRandomValue: (value?: string) => string; | ||
| export { unslugName, setAttributeIfEmpty, hashRandomValue, hashValue, }; | ||
| export { hashRandomValue, hashValue, removeAttributesIf, setAttributeIfEmpty, ifAttribute, unslugName, }; |
@@ -8,7 +8,7 @@ /* eslint-disable */ | ||
| import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime"; | ||
| import { TextAnimationType, TypographyTagType } from "./components/mds-text/meta/types"; | ||
| import { TypographyTruncateType } from "./type/text"; | ||
| import { TextAnimationType } from "./components/mds-text/meta/types"; | ||
| import { TypographyTagType, TypographyTruncateType } from "./type/text"; | ||
| import { TypographyType, TypographyVariants } from "./type/typography"; | ||
| export { TextAnimationType, TypographyTagType } from "./components/mds-text/meta/types"; | ||
| export { TypographyTruncateType } from "./type/text"; | ||
| export { TextAnimationType } from "./components/mds-text/meta/types"; | ||
| export { TypographyTagType, TypographyTruncateType } from "./type/text"; | ||
| export { TypographyType, TypographyVariants } from "./type/typography"; | ||
@@ -15,0 +15,0 @@ export namespace Components { |
@@ -1,2 +0,3 @@ | ||
| import { TypographyTagType, TextAnimationType } from './meta/types'; | ||
| import { TextAnimationType } from './meta/types'; | ||
| import { TypographyTagType } from "../../type/text"; | ||
| import { TypographyTruncateType } from "../../type/text"; | ||
@@ -3,0 +4,0 @@ import { TypographyType, TypographyVariants } from "../../type/typography"; |
@@ -1,2 +0,1 @@ | ||
| export type TypographyTagType = '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'; | ||
| export type TextAnimationType = 'none' | 'yugop'; |
@@ -0,2 +1,4 @@ | ||
| declare const typographyTagDictionary: string[]; | ||
| declare const typographyHeadingTagDictionary: string[]; | ||
| declare const truncateDictionary: string[]; | ||
| export { truncateDictionary, }; | ||
| export { truncateDictionary, typographyHeadingTagDictionary, typographyTagDictionary, }; |
@@ -0,1 +1,3 @@ | ||
| export type TypographyTagType = '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'; | ||
| export type TypographyHeadingTagType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'; | ||
| export type TypographyTruncateType = 'all' | 'none' | 'word'; |
| { | ||
| "timestamp": "2024-11-25T16:00:58", | ||
| "timestamp": "2024-12-04T15:30:05", | ||
| "compiler": { | ||
@@ -61,11 +61,11 @@ "name": "@stencil/core", | ||
| "name": "tag", | ||
| "type": "\"address\" | \"abbr\" | \"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\" | \"rt\" | \"ruby\" | \"s\" | \"samp\" | \"small\" | \"span\" | \"strong\" | \"sub\" | \"summary\" | \"sup\" | \"time\" | \"u\" | \"ul\" | \"var\" | \"rb\"", | ||
| "type": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"label\" | \"code\" | \"strong\" | \"abbr\" | \"address\" | \"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\" | \"small\" | \"span\" | \"sub\" | \"summary\" | \"sup\" | \"time\" | \"u\" | \"ul\" | \"var\"", | ||
| "complexType": { | ||
| "original": "TypographyTagType", | ||
| "resolved": "\"address\" | \"abbr\" | \"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\" | \"rt\" | \"ruby\" | \"s\" | \"samp\" | \"small\" | \"span\" | \"strong\" | \"sub\" | \"summary\" | \"sup\" | \"time\" | \"u\" | \"ul\" | \"var\" | \"rb\"", | ||
| "resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"label\" | \"code\" | \"strong\" | \"abbr\" | \"address\" | \"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\" | \"small\" | \"span\" | \"sub\" | \"summary\" | \"sup\" | \"time\" | \"u\" | \"ul\" | \"var\"", | ||
| "references": { | ||
| "TypographyTagType": { | ||
| "location": "import", | ||
| "path": "./meta/types", | ||
| "id": "src/components/mds-text/meta/types.ts::TypographyTagType" | ||
| "path": "@type/text", | ||
| "id": "src/type/text.ts::TypographyTagType" | ||
| } | ||
@@ -81,27 +81,27 @@ } | ||
| { | ||
| "value": "address", | ||
| "value": "h1", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "abbr", | ||
| "value": "h2", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "article", | ||
| "value": "h3", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "b", | ||
| "value": "h4", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "bdo", | ||
| "value": "h5", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "blockquote", | ||
| "value": "h6", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "cite", | ||
| "value": "label", | ||
| "type": "string" | ||
@@ -114,62 +114,70 @@ }, | ||
| { | ||
| "value": "dd", | ||
| "value": "strong", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "del", | ||
| "value": "abbr", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "details", | ||
| "value": "address", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "dfn", | ||
| "value": "article", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "div", | ||
| "value": "b", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "dl", | ||
| "value": "bdo", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "dt", | ||
| "value": "blockquote", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "em", | ||
| "value": "cite", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "figcaption", | ||
| "value": "dd", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "h1", | ||
| "value": "del", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "h2", | ||
| "value": "details", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "h3", | ||
| "value": "dfn", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "h4", | ||
| "value": "div", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "h5", | ||
| "value": "dl", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "h6", | ||
| "value": "dt", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "em", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "figcaption", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "i", | ||
@@ -187,6 +195,2 @@ "type": "string" | ||
| { | ||
| "value": "label", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "legend", | ||
@@ -220,2 +224,6 @@ "type": "string" | ||
| { | ||
| "value": "rb", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "rt", | ||
@@ -245,6 +253,2 @@ "type": "string" | ||
| { | ||
| "value": "strong", | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "sub", | ||
@@ -276,6 +280,2 @@ "type": "string" | ||
| "type": "string" | ||
| }, | ||
| { | ||
| "value": "rb", | ||
| "type": "string" | ||
| } | ||
@@ -1101,2 +1101,7 @@ ], | ||
| }, | ||
| "src/type/text.ts::TypographyHeadingTagType": { | ||
| "declaration": "export type TypographyHeadingTagType =\n | 'h1'\n | 'h2'\n | 'h3'\n | 'h4'\n | 'h5'\n | 'h6'", | ||
| "docstring": "", | ||
| "path": "src/type/text.ts" | ||
| }, | ||
| "src/components/mds-stepper-bar/meta/event-detail.ts::MdsStepperBarEventDetail": { | ||
@@ -1133,3 +1138,3 @@ "declaration": "export interface MdsStepperBarEventDetail {\n step: number\n value: string\n}", | ||
| "src/components/mds-table-header-cell/meta/types.ts::SortDirectionType": { | ||
| "declaration": "export type SortDirectionType =\n | 'asc'\n | 'desc'\n | 'none'", | ||
| "declaration": "export type SortDirectionType =\n | 'ascending'\n | 'descending'\n | 'none'", | ||
| "docstring": "", | ||
@@ -1143,6 +1148,6 @@ "path": "src/components/mds-table-header-cell/meta/types.ts" | ||
| }, | ||
| "src/components/mds-text/meta/types.ts::TypographyTagType": { | ||
| "src/type/text.ts::TypographyTagType": { | ||
| "declaration": "export type TypographyTagType =\n | 'abbr'\n | 'address'\n | 'article'\n | 'b'\n | 'bdo'\n | 'blockquote'\n | 'cite'\n | 'code'\n | 'dd'\n | 'del'\n | 'details'\n | 'dfn'\n | 'div'\n | 'dl'\n | 'dt'\n | 'em'\n | 'figcaption'\n | 'h1'\n | 'h2'\n | 'h3'\n | 'h4'\n | 'h5'\n | 'h6'\n | 'i'\n | 'ins'\n | 'kbd'\n | 'label'\n | 'legend'\n | 'li'\n | 'mark'\n | 'ol'\n | 'p'\n | 'pre'\n | 'q'\n | 'rb'\n | 'rt'\n | 'ruby'\n | 's'\n | 'samp'\n | 'small'\n | 'span'\n | 'strong'\n | 'sub'\n | 'summary'\n | 'sup'\n | 'time'\n | 'u'\n | 'ul'\n | 'var'", | ||
| "docstring": "", | ||
| "path": "src/components/mds-text/meta/types.ts" | ||
| "path": "src/type/text.ts" | ||
| }, | ||
@@ -1149,0 +1154,0 @@ "src/type/variant.ts::ThemeLuminanceVariantType": { |
| { | ||
| "name": "@maggioli-design-system/mds-text", | ||
| "version": "4.5.1", | ||
| "version": "4.5.2", | ||
| "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 JavaScript 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 | `"address" \| "abbr" \| "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" \| "rt" \| "ruby" \| "s" \| "samp" \| "small" \| "span" \| "strong" \| "sub" \| "summary" \| "sup" \| "time" \| "u" \| "ul" \| "var" \| "rb"` | `undefined` | | ||
| | `tag` | `tag` | Specifies the HTML tag of the element | `"h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| "label" \| "code" \| "strong" \| "abbr" \| "address" \| "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" \| "small" \| "span" \| "sub" \| "summary" \| "sup" \| "time" \| "u" \| "ul" \| "var"` | `undefined` | | ||
| | `text` | `text` | Specifies the text string to the component instead of passing an HTML node | `string \| undefined` | `undefined` | | ||
@@ -18,0 +18,0 @@ | `truncate` | `truncate` | Specifies if the text shoud be truncated or should behave as a normal text | `"all" \| "none" \| "word" \| undefined` | `undefined` | |
@@ -23,2 +23,20 @@ const hash = (s: string): string => { | ||
| const removeAttributesIf = (element: HTMLElement, attribute: string, valueCheck: string = 'true', cleanAttributes: string | string[]): boolean => { | ||
| if (ifAttribute(element, attribute, valueCheck)) { | ||
| const attributesList = Array.isArray(cleanAttributes) ? cleanAttributes : [cleanAttributes] | ||
| attributesList.forEach(attributeToRemove => { | ||
| element.removeAttribute(attributeToRemove) | ||
| }) | ||
| return true | ||
| } | ||
| return false | ||
| } | ||
| const ifAttribute = (element: HTMLElement, attribute: string, valueCheck: string = 'true'): boolean => { | ||
| if (element.hasAttribute(attribute) && element.getAttribute(attribute) === valueCheck) { | ||
| return true | ||
| } | ||
| return false | ||
| } | ||
| const hashValue = (value: string): string => `${value}-${hash(value)}` | ||
@@ -36,6 +54,8 @@ | ||
| export { | ||
| unslugName, | ||
| setAttributeIfEmpty, | ||
| hashRandomValue, | ||
| hashValue, | ||
| removeAttributesIf, | ||
| setAttributeIfEmpty, | ||
| ifAttribute, | ||
| unslugName, | ||
| } |
@@ -39,3 +39,3 @@ export class KeyboardManager { | ||
| this.escapeCallback = callback | ||
| if (window !== undefined) { | ||
| if (typeof window !== 'undefined') { | ||
| window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this)) | ||
@@ -47,3 +47,3 @@ } | ||
| this.escapeCallback = () => { return } | ||
| if (window !== undefined) { | ||
| if (typeof window !== 'undefined') { | ||
| window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this)) | ||
@@ -50,0 +50,0 @@ } |
@@ -8,7 +8,7 @@ /* eslint-disable */ | ||
| import { HTMLStencilElement, JSXBase } from "@stencil/core/internal"; | ||
| import { TextAnimationType, TypographyTagType } from "./components/mds-text/meta/types"; | ||
| import { TypographyTruncateType } from "./type/text"; | ||
| import { TextAnimationType } from "./components/mds-text/meta/types"; | ||
| import { TypographyTagType, TypographyTruncateType } from "./type/text"; | ||
| import { TypographyType, TypographyVariants } from "./type/typography"; | ||
| export { TextAnimationType, TypographyTagType } from "./components/mds-text/meta/types"; | ||
| export { TypographyTruncateType } from "./type/text"; | ||
| export { TextAnimationType } from "./components/mds-text/meta/types"; | ||
| export { TypographyTagType, TypographyTruncateType } from "./type/text"; | ||
| export { TypographyType, TypographyVariants } from "./type/typography"; | ||
@@ -15,0 +15,0 @@ export namespace Components { |
@@ -1,54 +0,3 @@ | ||
| export type TypographyTagType = | ||
| | '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' | ||
| export type TextAnimationType = | ||
| | 'none' | ||
| | 'yugop' |
@@ -14,60 +14,119 @@ import { FileFormat } from '@type/variant-file-format' | ||
| const fileExtensionsDictionary: FileExtenstion = { | ||
| '7z': { format: 'archive', description: 'Archivio compresso' }, | ||
| ace: { format: 'archive', description: 'Archivio compresso' }, | ||
| ai: { format: 'vector', description: 'Vettoriale Adobe Illustrator' }, | ||
| dart: { format: 'code', description: 'Dart' }, | ||
| db: { format: 'data', description: 'File di database' }, | ||
| default: { format: 'attachment', description: 'Formato sconosciuto' }, | ||
| dmg: { format: 'executable', description: 'Apple Disk Image' }, | ||
| doc: { format: 'text', description: 'Documento Microsoft Word' }, | ||
| docm: { format: 'text', description: 'Documento Microsoft Word' }, | ||
| docx: { format: 'text', description: 'Documento Microsoft Word Compresso' }, | ||
| eml: { format: 'email', description: 'E-mail di posta elettronica' }, | ||
| eps: { format: 'vector', description: 'Vettoriale Corel Draw' }, | ||
| exe: { format: 'executable', description: 'File eseguibile Windows' }, | ||
| flac: { format: 'audio', description: 'Audio non compresso' }, | ||
| gif: { format: 'image', description: 'Immagine compressa', preview: true }, | ||
| htm: { format: 'markup', description: 'Pagina web' }, | ||
| heic: { format: 'image', description: 'High Efficiency Image File Format' }, | ||
| html: { format: 'markup', description: 'Pagina web' }, | ||
| jpe: { format: 'image', description: 'Immagine compressa', preview: true }, | ||
| jpeg: { format: 'image', description: 'Immagine compressa', preview: true }, | ||
| jpg: { format: 'image', description: 'Immagine compressa', preview: true }, | ||
| js: { format: 'code', description: 'JavaScript' }, | ||
| json: { format: 'data', description: 'JavaScript Object Notation' }, | ||
| jsx: { format: 'code', description: 'JavaScript' }, | ||
| m2v: { format: 'video', description: 'Filmato SD' }, | ||
| mp2: { format: 'audio', description: 'Audio compresso' }, | ||
| mp3: { format: 'audio', description: 'Audio compresso' }, | ||
| mp4: { format: 'video', description: 'Filmato HD' }, | ||
| mp4v: { format: 'video', description: 'Filmato HD' }, | ||
| mpeg: { format: 'video', description: 'Filmato SD' }, | ||
| mpg4: { format: 'video', description: 'Filmato SD' }, | ||
| mpg: { format: 'video', description: 'Filmato SD' }, | ||
| mpga: { format: 'audio', description: 'Audio compresso' }, | ||
| odp: { format: 'slide', description: 'Slide di presentazione LibreOffice' }, | ||
| ods: { format: 'spreadsheet', description: 'Foglio di calcolo LibreOffice' }, | ||
| odt: { format: 'text', description: 'File di testo LibreOffice' }, | ||
| pdf: { format: 'document', description: 'Documento Adobe' }, | ||
| php: { format: 'code', description: 'Hypertext Preprocessor' }, | ||
| png: { format: 'image', description: 'Immagine Portable Network Graphics', preview: true }, | ||
| ppt: { format: 'slide', description: 'Slide di presentazione PowerPoint' }, | ||
| rar: { format: 'archive', description: 'Archivio compresso' }, | ||
| rtf: { format: 'text', description: 'Documento di testo Rich Text Format' }, | ||
| sass: { format: 'code', description: 'Syntactically Awesome StyleSheets' }, | ||
| shtml: { format: 'markup', description: 'Pagina web' }, | ||
| svg: { format: 'vector', description: 'Scalable Vector Graphics', preview: true }, | ||
| tar: { format: 'archive', description: 'Archivio non compresso' }, | ||
| tiff: { format: 'image', description: 'Tag Image File Format' }, | ||
| ts: { format: 'code', description: 'TypeScript' }, | ||
| tsx: { format: 'code', description: 'TypeScript Extended Syntax' }, | ||
| txt: { format: 'text', description: 'Documento di testo non formattato' }, | ||
| wav: { format: 'audio', description: 'Audio non compresso' }, | ||
| webp: { format: 'image', description: 'Immagine Web Picture', preview: true }, | ||
| xar: { format: 'archive', description: 'Archivio compresso' }, | ||
| xls: { format: 'spreadsheet', description: 'Foglio di calcolo Office' }, | ||
| xlsx: { format: 'spreadsheet', description: 'Foglio di calcolo Office' }, | ||
| zip: { format: 'archive', description: 'Archivio compresso' }, | ||
| '7z': { format: 'archive', description: 'compressedArchive' }, | ||
| ace: { format: 'archive', description: 'compressedArchive' }, | ||
| ai: { format: 'vector', description: 'fileAI' }, | ||
| dart: { format: 'code', description: 'dart' }, | ||
| db: { format: 'data', description: 'fileDB' }, | ||
| default: { format: 'attachment', description: 'unknown' }, | ||
| dmg: { format: 'executable', description: 'appleDiskImage' }, | ||
| doc: { format: 'text', description: 'documentMS' }, | ||
| docm: { format: 'text', description: 'documentMS' }, | ||
| docx: { format: 'text', description: 'compressedDocumentMS' }, | ||
| eml: { format: 'email', description: 'email' }, | ||
| eps: { format: 'vector', description: 'fileEPS' }, | ||
| exe: { format: 'executable', description: 'fileEXE' }, | ||
| flac: { format: 'audio', description: 'uncompressedAudio' }, | ||
| gif: { format: 'image', description: 'compressedImage', preview: true }, | ||
| htm: { format: 'markup', description: 'documentWeb' }, | ||
| heic: { format: 'image', description: 'imageHEFF' }, | ||
| html: { format: 'markup', description: 'documentWeb' }, | ||
| jpe: { format: 'image', description: 'compressedImage', preview: true }, | ||
| jpeg: { format: 'image', description: 'compressedImage', preview: true }, | ||
| jpg: { format: 'image', description: 'compressedImage', preview: true }, | ||
| js: { format: 'code', description: 'fileJS' }, | ||
| json: { format: 'data', description: 'fileJSON' }, | ||
| jsx: { format: 'code', description: 'fileJS' }, | ||
| m2v: { format: 'video', description: 'videoSD' }, | ||
| mp2: { format: 'audio', description: 'compressedAudio' }, | ||
| mp3: { format: 'audio', description: 'compressedAudio' }, | ||
| mp4: { format: 'video', description: 'videoHD' }, | ||
| mp4v: { format: 'video', description: 'videoHD' }, | ||
| mpeg: { format: 'video', description: 'videoSD' }, | ||
| mpg4: { format: 'video', description: 'videoSD' }, | ||
| mpg: { format: 'video', description: 'videoSD' }, | ||
| mpga: { format: 'audio', description: 'compressedAudio' }, | ||
| odp: { format: 'slide', description: 'slideLO' }, | ||
| ods: { format: 'spreadsheet', description: 'spreadsheetLO' }, | ||
| odt: { format: 'text', description: 'documentLO' }, | ||
| pdf: { format: 'document', description: 'documentAdobe' }, | ||
| php: { format: 'code', description: 'filePHP' }, | ||
| png: { format: 'image', description: 'imagePNG', preview: true }, | ||
| ppt: { format: 'slide', description: 'slidePowerPoint' }, | ||
| rar: { format: 'archive', description: 'compressedArchive' }, | ||
| rtf: { format: 'text', description: 'documentRTF' }, | ||
| sass: { format: 'code', description: 'fileSASS' }, | ||
| shtml: { format: 'markup', description: 'documentWeb' }, | ||
| svg: { format: 'vector', description: 'imageSVG', preview: true }, | ||
| tar: { format: 'archive', description: 'uncompressedArchive' }, | ||
| tiff: { format: 'image', description: 'imageTIFF' }, | ||
| ts: { format: 'code', description: 'fileTS' }, | ||
| tsx: { format: 'code', description: 'fileTSX' }, | ||
| txt: { format: 'text', description: 'documentTXT' }, | ||
| wav: { format: 'audio', description: 'uncompressedAudio' }, | ||
| webp: { format: 'image', description: 'imageWEBP', preview: true }, | ||
| xar: { format: 'archive', description: 'compressedArchive' }, | ||
| xls: { format: 'spreadsheet', description: 'spreadsheetMS' }, | ||
| xlsx: { format: 'spreadsheet', description: 'spreadsheetMS' }, | ||
| zip: { format: 'archive', description: 'compressedArchive' }, | ||
| } | ||
| // const fileExtensionsDictionary: FileExtenstion = { | ||
| // '7z': { format: 'archive', description: 'Archivio compresso' }, | ||
| // ace: { format: 'archive', description: 'Archivio compresso' }, | ||
| // ai: { format: 'vector', description: 'Vettoriale Adobe Illustrator' }, | ||
| // dart: { format: 'code', description: 'Dart' }, | ||
| // db: { format: 'data', description: 'File di database' }, | ||
| // default: { format: 'attachment', description: 'Formato sconosciuto' }, | ||
| // dmg: { format: 'executable', description: 'Apple Disk Image' }, | ||
| // doc: { format: 'text', description: 'Documento Microsoft Word' }, | ||
| // docm: { format: 'text', description: 'Documento Microsoft Word' }, | ||
| // docx: { format: 'text', description: 'Documento Microsoft Word Compresso' }, | ||
| // eml: { format: 'email', description: 'E-mail di posta elettronica' }, | ||
| // eps: { format: 'vector', description: 'Vettoriale Corel Draw' }, | ||
| // exe: { format: 'executable', description: 'File eseguibile Windows' }, | ||
| // flac: { format: 'audio', description: 'Audio non compresso' }, | ||
| // gif: { format: 'image', description: 'Immagine compressa', preview: true }, | ||
| // htm: { format: 'markup', description: 'Pagina web' }, | ||
| // heic: { format: 'image', description: 'High Efficiency Image File Format' }, | ||
| // html: { format: 'markup', description: 'Pagina web' }, | ||
| // jpe: { format: 'image', description: 'Immagine compressa', preview: true }, | ||
| // jpeg: { format: 'image', description: 'Immagine compressa', preview: true }, | ||
| // jpg: { format: 'image', description: 'Immagine compressa', preview: true }, | ||
| // js: { format: 'code', description: 'JavaScript' }, | ||
| // json: { format: 'data', description: 'JavaScript Object Notation' }, | ||
| // jsx: { format: 'code', description: 'JavaScript' }, | ||
| // m2v: { format: 'video', description: 'Filmato SD' }, | ||
| // mp2: { format: 'audio', description: 'Audio compresso' }, | ||
| // mp3: { format: 'audio', description: 'Audio compresso' }, | ||
| // mp4: { format: 'video', description: 'Filmato HD' }, | ||
| // mp4v: { format: 'video', description: 'Filmato HD' }, | ||
| // mpeg: { format: 'video', description: 'Filmato SD' }, | ||
| // mpg4: { format: 'video', description: 'Filmato SD' }, | ||
| // mpg: { format: 'video', description: 'Filmato SD' }, | ||
| // mpga: { format: 'audio', description: 'Audio compresso' }, | ||
| // odp: { format: 'slide', description: 'Slide di presentazione LibreOffice' }, | ||
| // ods: { format: 'spreadsheet', description: 'Foglio di calcolo LibreOffice' }, | ||
| // odt: { format: 'text', description: 'File di testo LibreOffice' }, | ||
| // pdf: { format: 'document', description: 'Documento Adobe' }, | ||
| // php: { format: 'code', description: 'Hypertext Preprocessor' }, | ||
| // png: { format: 'image', description: 'Immagine Portable Network Graphics', preview: true }, | ||
| // ppt: { format: 'slide', description: 'Slide di presentazione PowerPoint' }, | ||
| // rar: { format: 'archive', description: 'Archivio compresso' }, | ||
| // rtf: { format: 'text', description: 'Documento di testo Rich Text Format' }, | ||
| // sass: { format: 'code', description: 'Syntactically Awesome StyleSheets' }, | ||
| // shtml: { format: 'markup', description: 'Pagina web' }, | ||
| // svg: { format: 'vector', description: 'Scalable Vector Graphics', preview: true }, | ||
| // tar: { format: 'archive', description: 'Archivio non compresso' }, | ||
| // tiff: { format: 'image', description: 'Tag Image File Format' }, | ||
| // ts: { format: 'code', description: 'TypeScript' }, | ||
| // tsx: { format: 'code', description: 'TypeScript Extended Syntax' }, | ||
| // txt: { format: 'text', description: 'Documento di testo non formattato' }, | ||
| // wav: { format: 'audio', description: 'Audio non compresso' }, | ||
| // webp: { format: 'image', description: 'Immagine Web Picture', preview: true }, | ||
| // xar: { format: 'archive', description: 'Archivio compresso' }, | ||
| // xls: { format: 'spreadsheet', description: 'Foglio di calcolo Office' }, | ||
| // xlsx: { format: 'spreadsheet', description: 'Foglio di calcolo Office' }, | ||
| // zip: { format: 'archive', description: 'Archivio compresso' }, | ||
| // } | ||
| const genericMimeToExt: Map<string, string[]> = new Map([ | ||
@@ -74,0 +133,0 @@ ['image', ['.png', '.jpg', '.jpeg', '.tiff', '.webp', '.jpe', '.gif', '.heic']], |
@@ -0,1 +1,63 @@ | ||
| const typographyTagDictionary = [ | ||
| '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', | ||
| ] | ||
| const typographyHeadingTagDictionary = [ | ||
| 'h1', | ||
| 'h2', | ||
| 'h3', | ||
| 'h4', | ||
| 'h5', | ||
| 'h6', | ||
| ] | ||
| const truncateDictionary = [ | ||
@@ -9,2 +71,4 @@ 'all', | ||
| truncateDictionary, | ||
| typographyHeadingTagDictionary, | ||
| typographyTagDictionary, | ||
| } |
@@ -38,2 +38,3 @@ [ | ||
| "mgg/ai-brain-outline", | ||
| "mgg/ai-human", | ||
| "mgg/ai-message", | ||
@@ -115,2 +116,4 @@ "mgg/ai-outline", | ||
| "mgg/field", | ||
| "mgg/file-certificate", | ||
| "mgg/file-clock", | ||
| "mgg/file-download", | ||
@@ -137,2 +140,3 @@ "mgg/file-folder-tree", | ||
| "mgg/fit-vertical", | ||
| "mgg/fontawesome-torii-gate", | ||
| "mgg/forwarded-with-a-single-sending", | ||
@@ -147,2 +151,3 @@ "mgg/fullscreen-on-alt", | ||
| "mgg/google-check-small", | ||
| "mgg/google-drag-pan", | ||
| "mgg/google-experiment", | ||
@@ -327,2 +332,3 @@ "mgg/google-face-retouching-off", | ||
| "mi/baseline/broken-image", | ||
| "mi/baseline/call", | ||
| "mi/baseline/cancel", | ||
@@ -337,2 +343,3 @@ "mi/baseline/category", | ||
| "mi/baseline/dark-mode", | ||
| "mi/baseline/delete", | ||
| "mi/baseline/description", | ||
@@ -369,2 +376,3 @@ "mi/baseline/directions-run", | ||
| "mi/baseline/route", | ||
| "mi/baseline/send", | ||
| "mi/baseline/settings", | ||
@@ -371,0 +379,0 @@ "mi/baseline/sports", |
@@ -26,2 +26,3 @@ [ | ||
| "mgg/ai-brain", | ||
| "mgg/ai-human", | ||
| "mgg/ai-message", | ||
@@ -103,2 +104,4 @@ "mgg/ai-outline", | ||
| "mgg/field", | ||
| "mgg/file-certificate", | ||
| "mgg/file-clock", | ||
| "mgg/file-download", | ||
@@ -125,2 +128,3 @@ "mgg/file-folder-tree-open", | ||
| "mgg/fit-vertical", | ||
| "mgg/fontawesome-torii-gate", | ||
| "mgg/forwarded-with-a-single-sending", | ||
@@ -135,2 +139,3 @@ "mgg/fullscreen-on-alt", | ||
| "mgg/google-check-small", | ||
| "mgg/google-drag-pan", | ||
| "mgg/google-experiment", | ||
@@ -137,0 +142,0 @@ "mgg/google-face-retouching-off", |
@@ -0,1 +1,60 @@ | ||
| export type TypographyTagType = | ||
| | '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' | ||
| export type TypographyHeadingTagType = | ||
| | 'h1' | ||
| | 'h2' | ||
| | 'h3' | ||
| | 'h4' | ||
| | 'h5' | ||
| | 'h6' | ||
| export type TypographyTruncateType = | ||
@@ -2,0 +61,0 @@ | 'all' |
@@ -1,1 +0,1 @@ | ||
| import{p as t,b as a}from"./p-486bc91b.js";export{s as setNonce}from"./p-486bc91b.js";import{g as e}from"./p-e1255160.js";(()=>{const a=import.meta.url,e={};return""!==a&&(e.resourcesUrl=new URL(".",a).href),t(e)})().then((async t=>(await e(),a([["p-338663a9",[[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-486bc91b.js";export{s as setNonce}from"./p-486bc91b.js";import{g as e}from"./p-e1255160.js";(()=>{const a=import.meta.url,e={};return""!==a&&(e.resourcesUrl=new URL(".",a).href),t(e)})().then((async t=>(await e(),a([["p-7a22bf6c",[[1,"mds-text",{animation:[1],tag:[1537],text:[513],truncate:[513],typography:[513],variant:[513]},null,{text:["textHandler"]}]]]],t)))); |
@@ -1,1 +0,1 @@ | ||
| var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,c){function u(t){try{o(r.next(t))}catch(t){c(t)}}function a(t){try{o(r["throw"](t))}catch(t){c(t)}}function o(t){t.done?e(t.value):i(t.value).then(u,a)}o((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(n){return o([t,n])}}function o(a){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(e=0)),e)try{if(r=1,i&&(c=a[0]&2?i["return"]:a[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,a[1])).done)return c;if(i=0,c)a=[a[0]&2,c.value];switch(a[0]){case 0:case 1:c=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;i=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!c||a[1]>c[0]&&a[1]<c[3])){e.label=a[1];break}if(a[0]===6&&e.label<c[1]){e.label=c[1];c=a;break}if(c&&e.label<c[2]){e.label=c[2];e.ops.push(a);break}if(c[2])e.ops.pop();e.trys.pop();continue}a=n.call(t,e)}catch(t){a=[6,t];i=0}finally{r=c=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-ccdc4c95.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var c=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};c().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-3350ac52.system",[[1,"mds-text",{animation:[1],tag:[1537],text:[513],truncate:[513],typography:[513],variant:[513]},null,{text:["textHandler"]}]]]],n)]}}))}))}))}}})); | ||
| var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,c){function u(t){try{a(r.next(t))}catch(t){c(t)}}function o(t){try{a(r["throw"](t))}catch(t){c(t)}}function a(t){t.done?e(t.value):i(t.value).then(u,o)}a((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(t){return function(n){return a([t,n])}}function a(o){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(e=0)),e)try{if(r=1,i&&(c=o[0]&2?i["return"]:o[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,o[1])).done)return c;if(i=0,c)o=[o[0]&2,c.value];switch(o[0]){case 0:case 1:c=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;i=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!c||o[1]>c[0]&&o[1]<c[3])){e.label=o[1];break}if(o[0]===6&&e.label<c[1]){e.label=c[1];c=o;break}if(c&&e.label<c[2]){e.label=c[2];e.ops.push(o);break}if(c[2])e.ops.pop();e.trys.pop();continue}o=n.call(t,e)}catch(t){o=[6,t];i=0}finally{r=c=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-ccdc4c95.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var c=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};c().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-50c8bf98.system",[[1,"mds-text",{animation:[1],tag:[1537],text:[513],truncate:[513],typography:[513],variant:[513]},null,{text:["textHandler"]}]]]],n)]}}))}))}))}}})); |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
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 by1.91%
1056557
- Number of package files
- increased by3.26%
222
- Lines of code
- increased by3.13%
16121
No dependency changes