@fluid-topics/ftds-card 2.1.1 → 2.1.2

package/build/ftds-card-user-info.styles.js

@@ -19,13 +19,18 @@ export const userInfoStyles = css `
     #info {
         display: flex;
         flex-direction: column;
+        width: 90%;
 
         .name {
             color: ${semantic.contentGlobalPrimary};
+            text-overflow: ellipsis;
+            overflow: hidden;
         }
 
         .mail {
             color: ${semantic.contentGlobalSecondary};
+            text-overflow: ellipsis;
+            overflow: hidden;
         }
     }
 `;

package/build/ftds-card.light.js

@@ -590,13 +590,18 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
     #info {
         display: flex;
         flex-direction: column;
+        width: 90%;
 
         .name {
             color: ${Ce.semantic.contentGlobalPrimary};
+            text-overflow: ellipsis;
+            overflow: hidden;
         }
 
         .mail {
             color: ${Ce.semantic.contentGlobalSecondary};
+            text-overflow: ellipsis;
+            overflow: hidden;
         }
     }
 `;var te=S(D(),1),ne=t=>typeof t=="string"?(0,te.unsafeCSS)(t):t,e=class{static create(r,a,c,n){let d=p=>ne(p??n),s=te.css`var(${ne(r)}, ${d(n)})`;return s.name=r,s.description=a,s.category=c,s.defaultValue=n,s.defaultCssValue=d,s.set=p=>lr(s,p??d(n)),s.get=p=>te.css`var(${ne(r)}, ${d(p)})`,s.breadcrumb=()=>[],s.lastResortDefaultValue=()=>n,s}static extend(r,a,c,n){let d=p=>c.get(p??n),s=te.css`var(${ne(r)}, ${d(n)})`;return s.name=r,s.description=a,s.category=c.category,s.fallbackVariable=c,s.defaultValue=n,s.defaultCssValue=d,s.set=p=>lr(s,p??d(n)),s.get=p=>te.css`var(${ne(r)}, ${d(p)})`,s.breadcrumb=()=>[c.name,...c.breadcrumb()],s.lastResortDefaultValue=()=>n??c.lastResortDefaultValue(),s}static external(r,a){let c=d=>r.defaultCssValue(d),n=te.css`var(${ne(r.name)}, ${c(r.defaultValue)})`;return n.name=r.name,n.category=r.category,n.fallbackVariable=r.fallbackVariable,n.defaultValue=r.defaultValue,n.context=a,n.defaultCssValue=c,n.set=d=>r.set(d),n.get=d=>te.css`var(${ne(r.name)}, ${c(d)})`,n.breadcrumb=()=>r.breadcrumb(),n.lastResortDefaultValue=()=>r.lastResortDefaultValue(),n}};function lr(t,r){return ne(`${t.name}: ${r}`)}var o={colorWhite:e.create("--ftds-color-white","","COLOR","#ffffff"),colorGray0:e.create("--ftds-color-gray-0","","COLOR","#71718e"),colorGray10:e.create("--ftds-color-gray-10","","COLOR","#fbfbfc"),colorGray20:e.create("--ftds-color-gray-20","","COLOR","#f2f2f5"),colorGray30:e.create("--ftds-color-gray-30","","COLOR","#e9e9ed"),colorGray40:e.create("--ftds-color-gray-40","","COLOR","#e0e0e6"),colorGray50:e.create("--ftds-color-gray-50","","COLOR","#cdcdd7"),colorGray60:e.create("--ftds-color-gray-60","","COLOR","#bbbbc9"),colorGray70:e.create("--ftds-color-gray-70","","COLOR","#a8a8ba"),colorGray80:e.create("--ftds-color-gray-80","","COLOR","#9696ab"),colorGray90:e.create("--ftds-color-gray-90","","COLOR","#83839d"),colorGray100:e.create("--ftds-color-gray-100","","COLOR","#62627c"),colorGray200:e.create("--ftds-color-gray-200","","COLOR","#545469"),colorGray300:e.create("--ftds-color-gray-300","","COLOR","#454557"),colorGray400:e.create("--ftds-color-gray-400","","COLOR","#363644"),colorGray500:e.create("--ftds-color-gray-500","","COLOR","#282832"),colorGray600:e.create("--ftds-color-gray-600","","COLOR","#19191f"),colorGray700:e.create("--ftds-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:e.create("--ftds-color-brand-0","","COLOR","#9d207b"),colorBrand10:e.create("--ftds-color-brand-10","","COLOR","#f7edf4"),colorBrand20:e.create("--ftds-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:e.create("--ftds-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:e.create("--ftds-color-brand-40","","COLOR","#d395c2"),colorBrand50:e.create("--ftds-color-brand-50","","COLOR","#c778b1"),colorBrand60:e.create("--ftds-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:e.create("--ftds-color-brand-70","","COLOR","#ae3e90"),colorBrand100:e.create("--ftds-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:e.create("--ftds-color-brand-200","","COLOR","#78185e"),colorBrand300:e.create("--ftds-color-brand-300","","COLOR","#62144d"),colorBrand400:e.create("--ftds-color-brand-400","","COLOR","#4d103c"),colorBrand500:e.create("--ftds-color-brand-500","","COLOR","#380b2c"),colorBrand600:e.create("--ftds-color-brand-600","","COLOR","#23071b"),colorBrand700:e.create("--ftds-color-brand-700","","COLOR","#0d030b"),colorCyan0:e.create("--ftds-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:e.create("--ftds-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:e.create("--ftds-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:e.create("--ftds-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:e.create("--ftds-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:e.create("--ftds-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:e.create("--ftds-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:e.create("--ftds-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:e.create("--ftds-color-cyan-100","","COLOR","#0c849c"),colorCyan200:e.create("--ftds-color-cyan-200","","COLOR","#0a7085"),colorCyan300:e.create("--ftds-color-cyan-300","","COLOR","#085c6d"),colorCyan400:e.create("--ftds-color-cyan-400","","COLOR","#074856"),colorCyan500:e.create("--ftds-color-cyan-500","","COLOR","#05343e"),colorCyan600:e.create("--ftds-color-cyan-600","","COLOR","#032127"),colorCyan700:e.create("--ftds-color-cyan-700","","COLOR","#010d0f"),colorGreen0:e.create("--ftds-color-green-0","","COLOR","#21a274"),colorGreen10:e.create("--ftds-color-green-10","","COLOR","#edf7f3"),colorGreen20:e.create("--ftds-color-green-20","","COLOR","#cfebe1"),colorGreen30:e.create("--ftds-color-green-30","","COLOR","#b2dfcf"),colorGreen40:e.create("--ftds-color-green-40","","COLOR","#95d3bd"),colorGreen50:e.create("--ftds-color-green-50","","COLOR","#78c7ab"),colorGreen60:e.create("--ftds-color-green-60","","COLOR","#5bba98"),colorGreen70:e.create("--ftds-color-green-70","","COLOR","#3eae86"),colorGreen100:e.create("--ftds-color-green-100","","COLOR","#1d8d65"),colorGreen200:e.create("--ftds-color-green-200","","COLOR","#187856"),colorGreen300:e.create("--ftds-color-green-300","","COLOR","#146246"),colorGreen400:e.create("--ftds-color-green-400","","COLOR","#104d37"),colorGreen500:e.create("--ftds-color-green-500","","COLOR","#0b3828"),colorGreen600:e.create("--ftds-color-green-600","","COLOR","#072319"),colorGreen700:e.create("--ftds-color-green-700","","COLOR","#030d0a"),colorOrange0:e.create("--ftds-color-orange-0","","COLOR","#F2700D"),colorOrange10:e.create("--ftds-color-orange-10","","COLOR","#FFF7EB"),colorOrange20:e.create("--ftds-color-orange-20","","COLOR","#FFEDD6"),colorOrange30:e.create("--ftds-color-orange-30","","COLOR","#FFDDB2"),colorOrange40:e.create("--ftds-color-orange-40","","COLOR","#FECB90"),colorOrange50:e.create("--ftds-color-orange-50","","COLOR","#FCB76E"),colorOrange60:e.create("--ftds-color-orange-60","","COLOR","#F9A34D"),colorOrange70:e.create("--ftds-color-orange-70","","COLOR","#F68B2C"),colorOrange100:e.create("--ftds-color-orange-100","","COLOR","#D35909"),colorOrange200:e.create("--ftds-color-orange-200","","COLOR","#B74706"),colorOrange300:e.create("--ftds-color-orange-300","","COLOR","#913503"),colorOrange400:e.create("--ftds-color-orange-400","","COLOR","#6F2601"),colorOrange500:e.create("--ftds-color-orange-500","","COLOR","#4D1800"),colorOrange600:e.create("--ftds-color-orange-600","","COLOR","#330F00"),colorOrange700:e.create("--ftds-color-orange-700","","COLOR","#140600"),colorRed0:e.create("--ftds-color-red-0","","COLOR","#b40e2c"),colorRed10:e.create("--ftds-color-red-10","","COLOR","#f9ebed"),colorRed20:e.create("--ftds-color-red-20","","COLOR","#efcbd2"),colorRed30:e.create("--ftds-color-red-30","","COLOR","#e5acb6"),colorRed40:e.create("--ftds-color-red-40","","COLOR","#db8c9b"),colorRed50:e.create("--ftds-color-red-50","","COLOR","#d16d7f"),colorRed60:e.create("--ftds-color-red-60","","COLOR","#c84d63"),colorRed70:e.create("--ftds-color-red-70","","COLOR","#be2e48"),colorRed100:e.create("--ftds-color-red-100","","COLOR","#9c0c26"),colorRed200:e.create("--ftds-color-red-200","","COLOR","#850a20"),colorRed300:e.create("--ftds-color-red-300","","COLOR","#6d081b"),colorRed400:e.create("--ftds-color-red-400","","COLOR","#560715"),colorRed500:e.create("--ftds-color-red-500","","COLOR","#3e050f"),colorRed600:e.create("--ftds-color-red-600","","COLOR","#270309"),colorRed700:e.create("--ftds-color-red-700","","COLOR","#0f0104"),colorYellow0:e.create("--ftds-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:e.create("--ftds-color-yellow-10","","COLOR","#fefae9"),colorYellow20:e.create("--ftds-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:e.create("--ftds-color-yellow-30","","COLOR","#faedaa"),colorYellow40:e.create("--ftds-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:e.create("--ftds-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:e.create("--ftds-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:e.create("--ftds-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:e.create("--ftds-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:e.create("--ftds-color-yellow-200","","COLOR","#b3970a"),colorYellow300:e.create("--ftds-color-yellow-300","","COLOR","#947c08"),colorYellow400:e.create("--ftds-color-yellow-400","","COLOR","#746206"),colorYellow500:e.create("--ftds-color-yellow-500","","COLOR","#554705"),colorYellow600:e.create("--ftds-color-yellow-600","","COLOR","#352d03"),colorYellow700:e.create("--ftds-color-yellow-700","","COLOR","#161201"),colorUltramarine0:e.create("--ftds-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:e.create("--ftds-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:e.create("--ftds-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:e.create("--ftds-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:e.create("--ftds-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:e.create("--ftds-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:e.create("--ftds-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:e.create("--ftds-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:e.create("--ftds-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:e.create("--ftds-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:e.create("--ftds-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:e.create("--ftds-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:e.create("--ftds-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:e.create("--ftds-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:e.create("--ftds-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:e.create("--ftds-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:e.create("--ftds-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:e.create("--ftds-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:e.create("--ftds-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:e.create("--ftds-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:e.create("--ftds-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:e.create("--ftds-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:e.create("--ftds-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:e.create("--ftds-color-avocado-100","","COLOR","#84A423"),colorAvocado200:e.create("--ftds-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:e.create("--ftds-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:e.create("--ftds-color-avocado-400","","COLOR","#495B13"),colorAvocado500:e.create("--ftds-color-avocado-500","","COLOR","#35420E"),colorAvocado600:e.create("--ftds-color-avocado-600","","COLOR","#212A09"),colorAvocado700:e.create("--ftds-color-avocado-700","","COLOR","#0E1104"),colorBrown0:e.create("--ftds-color-brown-0","","COLOR","#B26F4D"),colorBrown10:e.create("--ftds-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:e.create("--ftds-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:e.create("--ftds-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:e.create("--ftds-color-brown-40","","COLOR","#DABAAA"),colorBrown50:e.create("--ftds-color-brown-50","","COLOR","#D0A792"),colorBrown60:e.create("--ftds-color-brown-60","","COLOR","#C6947B"),colorBrown70:e.create("--ftds-color-brown-70","","COLOR","#BC8264"),colorBrown100:e.create("--ftds-color-brown-100","","COLOR","#9B6143"),colorBrown200:e.create("--ftds-color-brown-200","","COLOR","#845239"),colorBrown300:e.create("--ftds-color-brown-300","","COLOR","#6D442F"),colorBrown400:e.create("--ftds-color-brown-400","","COLOR","#553525"),colorBrown500:e.create("--ftds-color-brown-500","","COLOR","#3E271B"),colorBrown600:e.create("--ftds-color-brown-600","","COLOR","#271811"),colorBrown700:e.create("--ftds-color-brown-700","","COLOR","#100A07"),spacing1:e.create("--ftds-spacing-1","","SIZE","0.25rem"),spacing2:e.create("--ftds-spacing-2","","SIZE","calc(0.25rem*2)"),spacing3:e.create("--ftds-spacing-3","","SIZE","calc(0.25rem*3)"),spacing4:e.create("--ftds-spacing-4","","SIZE","calc(0.25rem*4)"),spacing5:e.create("--ftds-spacing-5","","SIZE","calc(0.25rem*5)"),spacing6:e.create("--ftds-spacing-6","","SIZE","calc(0.25rem*6)"),spacing8:e.create("--ftds-spacing-8","","SIZE","calc(0.25rem*8)"),spacing10:e.create("--ftds-spacing-10","","SIZE","calc(0.25rem*10)"),spacing12:e.create("--ftds-spacing-12","","SIZE","calc(0.25rem*12)"),spacing16:e.create("--ftds-spacing-16","","SIZE","calc(0.25rem*16)"),spacing20:e.create("--ftds-spacing-20","","SIZE","calc(0.25rem*20)"),spacing24:e.create("--ftds-spacing-24","","SIZE","calc(0.25rem*24)"),spacing28:e.create("--ftds-spacing-28","","SIZE","calc(0.25rem*28)"),spacing32:e.create("--ftds-spacing-32","","SIZE","calc(0.25rem*32)"),spacing05:e.create("--ftds-spacing-0-5","","SIZE","calc(0.25rem*0.5)"),borderRadiusS:e.create("--ftds-border-radius-s","","SIZE","4px"),borderRadiusM:e.create("--ftds-border-radius-m","","SIZE","8px"),borderRadiusL:e.create("--ftds-border-radius-l","","SIZE","12px"),borderRadiusXl:e.create("--ftds-border-radius-xl","","SIZE","16px"),borderRadiusPill:e.create("--ftds-border-radius-pill","","SIZE","999px"),borderRadiusRound:e.create("--ftds-border-radius-round","","SIZE","50%"),iconSize1:e.create("--ftds-icon-size-1","","SIZE","0.5rem"),iconSize2:e.create("--ftds-icon-size-2","","SIZE","0.75rem"),iconSize3:e.create("--ftds-icon-size-3","","SIZE","1rem"),iconSize4:e.create("--ftds-icon-size-4","","SIZE","1.25rem"),iconSize5:e.create("--ftds-icon-size-5","","SIZE","1.5rem"),iconSize6:e.create("--ftds-icon-size-6","","SIZE","2rem"),iconSize7:e.create("--ftds-icon-size-7","","SIZE","3rem"),opacity0:e.create("--ftds-opacity-0","","NUMBER","0"),opacity4:e.create("--ftds-opacity-4","","NUMBER","0.04"),opacity6:e.create("--ftds-opacity-6","","NUMBER","0.06"),opacity8:e.create("--ftds-opacity-8","","NUMBER","0.08"),opacity12:e.create("--ftds-opacity-12","","NUMBER","0.12"),opacity16:e.create("--ftds-opacity-16","","NUMBER","0.16"),opacity24:e.create("--ftds-opacity-24","","NUMBER","0.24"),opacity32:e.create("--ftds-opacity-32","","NUMBER","0.32"),opacity40:e.create("--ftds-opacity-40","","NUMBER","0.4"),opacity48:e.create("--ftds-opacity-48","","NUMBER","0.48"),opacity80:e.create("--ftds-opacity-80","","NUMBER","0.8"),shadowElevation01:e.create("--ftds-shadow-elevation-01","","SHADOW","0px 1px 4px 0px rgba(0,0,0,0.06), 0px 1px 2px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation02:e.create("--ftds-shadow-elevation-02","","SHADOW","0px 4px 10px 0px rgba(0,0,0,0.06), 0px 2px 5px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation03:e.create("--ftds-shadow-elevation-03","","SHADOW","0px 6px 13px 0px rgba(0,0,0,0.06), 0px 3px 7px 0px rgba(0,0,0,0.14), 0px 1px 2px 0px rgba(0,0,0,0.06)"),shadowElevation04:e.create("--ftds-shadow-elevation-04","","SHADOW","0px 8px 16px 0px rgba(0,0,0,0.06), 0px 4px 9px 0px rgba(0,0,0,0.14), 0px 2px 3px 0px rgba(0,0,0,0.06)"),shadowElevation06:e.create("--ftds-shadow-elevation-06","","SHADOW","0px 12px 22px 0px rgba(0,0,0,0.06), 0px 6px 13px 0px rgba(0,0,0,0.14), 0px 4px 5px 0px rgba(0,0,0,0.06)"),shadowElevation08:e.create("--ftds-shadow-elevation-08","","SHADOW","0px 16px 28px 0px rgba(0,0,0,0.06), 0px 8px 17px 0px rgba(0,0,0,0.14), 0px 6px 7px 0px rgba(0,0,0,0.06)"),shadowElevation12:e.create("--ftds-shadow-elevation-12","","SHADOW","0px 22px 40px 0px rgba(0,0,0,0.06), 0px 12px 23px 0px rgba(0,0,0,0.14), 0px 10px 11px 0px rgba(0,0,0,0.06)"),shadowElevation16:e.create("--ftds-shadow-elevation-16","","SHADOW","0px 28px 52px 0px rgba(0,0,0,0.06), 0px 16px 29px 0px rgba(0,0,0,0.14), 0px 14px 15px 0px rgba(0,0,0,0.06)"),shadowElevation24:e.create("--ftds-shadow-elevation-24","","SHADOW","0px 40px 76px 0px rgba(0,0,0,0.06), 0px 24px 41px 0px rgba(0,0,0,0.14), 0px 22px 23px 0px rgba(0,0,0,0.06)")},ir={fontFamily:e.create("--ftds-typography-display-font-family","","UNKNOWN","Inter"),fontWeight:e.create("--ftds-typography-display-font-weight","","UNKNOWN","600"),lineHeight:e.create("--ftds-typography-display-line-height","","SIZE","1.2"),fontSize:e.create("--ftds-typography-display-font-size","","SIZE","2.5rem"),letterSpacing:e.create("--ftds-typography-display-letter-spacing","","SIZE","-0.02em"),paragraphSpacing:e.create("--ftds-typography-display-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ftds-typography-display-paragraph-indent","","UNKNOWN","0"),textDecoration:e.create("--ftds-typography-display-text-decoration","","UNKNOWN","none"),textCase:e.create("--ftds-typography-display-text-case","","UNKNOWN","none")},sr={fontFamily:e.create("--ftds-typography-title-1-font-family","","UNKNOWN","Inter"),fontWeight:e.create("--ftds-typography-title-1-font-weight","","UNKNOWN","600"),lineHeight:e.create("--ftds-typography-title-1-line-height","","SIZE","1.2"),fontSize:e.create("--ftds-typography-title-1-font-size","","SIZE","1.5rem"),letterSpacing:e.create("--ftds-typography-title-1-letter-spacing","","SIZE","-0.02em"),paragraphSpacing:e.create("--ftds-typography-title-1-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ftds-typography-title-1-paragraph-indent","","UNKNOWN","0"),textDecoration:e.create("--ftds-typography-title-1-text-decoration","","UNKNOWN","none"),textCase:e.create("--ftds-typography-title-1-text-case","","UNKNOWN","none")},dr={fontFamily:e.create("--ftds-typography-title-2-font-family","","UNKNOWN","Inter"),fontWeight:e.create("--ftds-typography-title-2-font-weight","","UNKNOWN","500"),lineHeight:e.create("--ftds-typography-title-2-line-height","","SIZE","1.2"),fontSize:e.create("--ftds-typography-title-2-font-size","","SIZE","1.25rem"),letterSpacing:e.create("--ftds-typography-title-2-letter-spacing","","SIZE","-0.02em"),paragraphSpacing:e.create("--ftds-typography-title-2-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ftds-typography-title-2-paragraph-indent","","UNKNOWN","0"),textDecoration:e.create("--ftds-typography-title-2-text-decoration","","UNKNOWN","none"),textCase:e.create("--ftds-typography-title-2-text-case","","UNKNOWN","none")},fr={fontFamily:e.create("--ftds-typography-title-3-font-family","","UNKNOWN","Inter"),fontWeight:e.create("--ftds-typography-title-3-font-weight","","UNKNOWN","500"),lineHeight:e.create("--ftds-typography-title-3-line-height","","SIZE","1.2"),fontSize:e.create("--ftds-typography-title-3-font-size","","SIZE","1.125rem"),letterSpacing:e.create("--ftds-typography-title-3-letter-spacing","","SIZE","-0.01em"),paragraphSpacing:e.create("--ftds-typography-title-3-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ftds-typography-title-3-paragraph-indent","","UNKNOWN","0"),textDecoration:e.create("--ftds-typography-title-3-text-decoration","","UNKNOWN","none"),textCase:e.create("--ftds-typography-title-3-text-case","","UNKNOWN","none")},pr={fontFamily:e.create("--ftds-typography-body-1-regular-font-family","","UNKNOWN","Inter"),fontWeight:e.create("--ftds-typography-body-1-regular-font-weight","","UNKNOWN","400"),lineHeight:e.create("--ftds-typography-body-1-regular-line-height","","SIZE","1.35"),fontSize:e.create("--ftds-typography-body-1-regular-font-size","","SIZE","1rem"),letterSpacing:e.create("--ftds-typography-body-1-regular-letter-spacing","","SIZE","normal"),paragraphSpacing:e.create("--ftds-typography-body-1-regular-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ftds-typography-body-1-regular-paragraph-indent","","UNKNOWN","0"),textDecoration:e.create("--ftds-typography-body-1-regular-text-decoration","","UNKNOWN","none"),textCase:e.create("--ftds-typography-body-1-regular-text-case","","UNKNOWN","none")},ur={fontFamily:e.create("--ftds-typography-body-1-medium-font-family","","UNKNOWN","Inter"),fontWeight:e.create("--ftds-typography-body-1-medium-font-weight","","UNKNOWN","500"),lineHeight:e.create("--ftds-typography-body-1-medium-line-height","","SIZE","1.35"),fontSize:e.create("--ftds-typography-body-1-medium-font-size","","SIZE","1rem"),letterSpacing:e.create("--ftds-typography-body-1-medium-letter-spacing","","SIZE","normal"),paragraphSpacing:e.create("--ftds-typography-body-1-medium-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ftds-typography-body-1-medium-paragraph-indent","","UNKNOWN","0"),textDecoration:e.create("--ftds-typography-body-1-medium-text-decoration","","UNKNOWN","none"),textCase:e.create("--ftds-typography-body-1-medium-text-case","","UNKNOWN","none")},mr={fontFamily:e.create("--ftds-typography-body-1-semibold-font-family","","UNKNOWN","Inter"),fontWeight:e.create("--ftds-typography-body-1-semibold-font-weight","","UNKNOWN","600"),lineHeight:e.create("--ftds-typography-body-1-semibold-line-height","","SIZE","1.35"),fontSize:e.create("--ftds-typography-body-1-semibold-font-size","","SIZE","1rem"),letterSpacing:e.create("--ftds-typography-body-1-semibold-letter-spacing","","SIZE","normal"),paragraphSpacing:e.create("--ftds-typography-body-1-semibold-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ftds-typography-body-1-semibold-paragraph-indent","","UNKNOWN","0"),textDecoration:e.create("--ftds-typography-body-1-semibold-text-decoration","","UNKNOWN","none"),textCase:e.create("--ftds-typography-body-1-semibold-text-case","","UNKNOWN","none")},gr={fontFamily:e.create("--ftds-typography-body-2-regular-font-family","","UNKNOWN","Inter"),fontWeight:e.create("--ftds-typography-body-2-regular-font-weight","","UNKNOWN","400"),lineHeight:e.create("--ftds-typography-body-2-regular-line-height","","SIZE","1.35"),fontSize:e.create("--ftds-typography-body-2-regular-font-size","","SIZE","0.875rem"),letterSpacing:e.create("--ftds-typography-body-2-regular-letter-spacing","","SIZE","normal"),paragraphSpacing:e.create("--ftds-typography-body-2-regular-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ftds-typography-body-2-regular-paragraph-indent","","UNKNOWN","0"),textDecoration:e.create("--ftds-typography-body-2-regular-text-decoration","","UNKNOWN","none"),textCase:e.create("--ftds-typography-body-2-regular-text-case","","UNKNOWN","none")},hr={fontFamily:e.create("--ftds-typography-body-2-medium-font-family","","UNKNOWN","Inter"),fontWeight:e.create("--ftds-typography-body-2-medium-font-weight","","UNKNOWN","500"),lineHeight:e.create("--ftds-typography-body-2-medium-line-height","","SIZE","1.35"),fontSize:e.create("--ftds-typography-body-2-medium-font-size","","SIZE","0.875rem"),letterSpacing:e.create("--ftds-typography-body-2-medium-letter-spacing","","SIZE","normal"),paragraphSpacing:e.create("--ftds-typography-body-2-medium-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ftds-typography-body-2-medium-paragraph-indent","","UNKNOWN","0"),textDecoration:e.create("--ftds-typography-body-2-medium-text-decoration","","UNKNOWN","none"),textCase:e.create("--ftds-typography-body-2-medium-text-case","","UNKNOWN","none")},W0={fontFamily:e.create("--ftds-typography-body-2-medium-underline-font-family","","UNKNOWN","Inter"),fontWeight:e.create("--ftds-typography-body-2-medium-underline-font-weight","","UNKNOWN","500"),lineHeight:e.create("--ftds-typography-body-2-medium-underline-line-height","","SIZE","1.35"),fontSize:e.create("--ftds-typography-body-2-medium-underline-font-size","","SIZE","0.875rem"),letterSpacing:e.create("--ftds-typography-body-2-medium-underline-letter-spacing","","SIZE","normal"),paragraphSpacing:e.create("--ftds-typography-body-2-medium-underline-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ftds-typography-body-2-medium-underline-paragraph-indent","","UNKNOWN","0"),textCase:e.create("--ftds-typography-body-2-medium-underline-text-case","","UNKNOWN","none"),textDecoration:e.create("--ftds-typography-body-2-medium-underline-text-decoration","","UNKNOWN","underline")},yr={fontFamily:e.create("--ftds-typography-body-2-semibold-font-family","","UNKNOWN","Inter"),fontWeight:e.create("--ftds-typography-body-2-semibold-font-weight","","UNKNOWN","600"),lineHeight:e.create("--ftds-typography-body-2-semibold-line-height","","SIZE","1.35"),fontSize:e.create("--ftds-typography-body-2-semibold-font-size","","SIZE","0.875rem"),letterSpacing:e.create("--ftds-typography-body-2-semibold-letter-spacing","","SIZE","normal"),paragraphSpacing:e.create("--ftds-typography-body-2-semibold-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ftds-typography-body-2-semibold-paragraph-indent","","UNKNOWN","0"),textDecoration:e.create("--ftds-typography-body-2-semibold-text-decoration","","UNKNOWN","none"),textCase:e.create("--ftds-typography-body-2-semibold-text-case","","UNKNOWN","none")},br={fontFamily:e.create("--ftds-typography-caption-1-medium-font-family","","UNKNOWN","Inter"),fontWeight:e.create("--ftds-typography-caption-1-medium-font-weight","","UNKNOWN","500"),lineHeight:e.create("--ftds-typography-caption-1-medium-line-height","","SIZE","1.3"),fontSize:e.create("--ftds-typography-caption-1-medium-font-size","","SIZE","0.75rem"),letterSpacing:e.create("--ftds-typography-caption-1-medium-letter-spacing","","SIZE","normal"),textCase:e.create("--ftds-typography-caption-1-medium-text-case","","UNKNOWN","none"),paragraphSpacing:e.create("--ftds-typography-caption-1-medium-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ftds-typography-caption-1-medium-paragraph-indent","","UNKNOWN","0"),textDecoration:e.create("--ftds-typography-caption-1-medium-text-decoration","","UNKNOWN","none")},xr={fontFamily:e.create("--ftds-typography-caption-1-semibold-font-family","","UNKNOWN","Inter"),fontWeight:e.create("--ftds-typography-caption-1-semibold-font-weight","","UNKNOWN","600"),lineHeight:e.create("--ftds-typography-caption-1-semibold-line-height","","SIZE","1.3"),fontSize:e.create("--ftds-typography-caption-1-semibold-font-size","","SIZE","0.75rem"),letterSpacing:e.create("--ftds-typography-caption-1-semibold-letter-spacing","","SIZE","normal"),textCase:e.create("--ftds-typography-caption-1-semibold-text-case","","UNKNOWN","none"),paragraphSpacing:e.create("--ftds-typography-caption-1-semibold-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ftds-typography-caption-1-semibold-paragraph-indent","","UNKNOWN","0"),textDecoration:e.create("--ftds-typography-caption-1-semibold-text-decoration","","UNKNOWN","none")},Lr={fontFamily:e.create("--ftds-typography-caption-2-medium-font-family","","UNKNOWN","Inter"),fontWeight:e.create("--ftds-typography-caption-2-medium-font-weight","","UNKNOWN","500"),lineHeight:e.create("--ftds-typography-caption-2-medium-line-height","","SIZE","1.3"),fontSize:e.create("--ftds-typography-caption-2-medium-font-size","","SIZE","0.6875rem"),letterSpacing:e.create("--ftds-typography-caption-2-medium-letter-spacing","","SIZE","normal"),textCase:e.create("--ftds-typography-caption-2-medium-text-case","","UNKNOWN","none"),paragraphSpacing:e.create("--ftds-typography-caption-2-medium-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ftds-typography-caption-2-medium-paragraph-indent","","UNKNOWN","0"),textDecoration:e.create("--ftds-typography-caption-2-medium-text-decoration","","UNKNOWN","none")},vr={fontFamily:e.create("--ftds-typography-caption-2-semibold-font-family","","UNKNOWN","Inter"),fontWeight:e.create("--ftds-typography-caption-2-semibold-font-weight","","UNKNOWN","600"),lineHeight:e.create("--ftds-typography-caption-2-semibold-line-height","","SIZE","1.3"),fontSize:e.create("--ftds-typography-caption-2-semibold-font-size","","SIZE","0.6875rem"),letterSpacing:e.create("--ftds-typography-caption-2-semibold-letter-spacing","","SIZE","normal"),textCase:e.create("--ftds-typography-caption-2-semibold-text-case","","UNKNOWN","none"),paragraphSpacing:e.create("--ftds-typography-caption-2-semibold-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ftds-typography-caption-2-semibold-paragraph-indent","","UNKNOWN","0"),textDecoration:e.create("--ftds-typography-caption-2-semibold-text-decoration","","UNKNOWN","none")},Cr={fontFamily:e.create("--ftds-typography-caption-2-bold-font-family","","UNKNOWN","Inter"),fontWeight:e.create("--ftds-typography-caption-2-bold-font-weight","","UNKNOWN","700"),lineHeight:e.create("--ftds-typography-caption-2-bold-line-height","","SIZE","1.3"),fontSize:e.create("--ftds-typography-caption-2-bold-font-size","","SIZE","0.6875rem"),letterSpacing:e.create("--ftds-typography-caption-2-bold-letter-spacing","","SIZE","normal"),textCase:e.create("--ftds-typography-caption-2-bold-text-case","","UNKNOWN","none"),paragraphSpacing:e.create("--ftds-typography-caption-2-bold-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ftds-typography-caption-2-bold-paragraph-indent","","UNKNOWN","0"),textDecoration:e.create("--ftds-typography-caption-2-bold-text-decoration","","UNKNOWN","none")},F2={display:ir,"title-1":sr,"title-2":dr,"title-3":fr,"body-1-regular":pr,"body-1-medium":ur,"body-1-semibold":mr,"body-2-regular":gr,"body-2-medium":hr,"body-2-medium-underline":W0,"body-2-semibold":yr,"caption-1-medium":br,"caption-1-semibold":xr,"caption-2-medium":Lr,"caption-2-semibold":vr,"caption-2-bold":Cr};var l={backgroundActionPrimary:e.extend("--ftds-background-action-primary","Used as backgorund of primary action components.",o.colorBrand0),backgroundErrorSubtle:e.extend("--ftds-background-error-subtle","Used as background of subtle error components.",o.colorRed10),backgroundInfoSubtle:e.extend("--ftds-background-info-subtle","Used as background of subtle information components.",o.colorCyan10),backgroundWarningSubtle:e.extend("--ftds-background-warning-subtle","Used as background of subtle information components.",o.colorOrange10),backgroundSuccessSubtle:e.extend("--ftds-background-success-subtle","Used as background of subtle success components.",o.colorGreen10),backgroundGlobalSurface:e.extend("--ftds-background-global-surface","Used as app background.",o.colorWhite),backgroundGlobalOnSurface:e.extend("--ftds-background-global-on-surface","Used as background on element on the base background, like cards.",o.colorGray10),backgroundGlobalOnSurfaceDark:e.extend("--ftds-background-global-on-surface-dark","Used as background on element that need background separation.",o.colorGray30),contentActionPrimary:e.extend("--ftds-content-action-primary","Used on label of primary action on light surface.",o.colorBrand0),contentWarningPrimary:e.extend("--ftds-content-warning-primary","Used on label of warning messages on light surface.",o.colorOrange200),contentWarningIconOnly:e.extend("--ftds-content-warning-icon-only","Used on warning status icons alone",o.colorOrange0),contentErrorPrimary:e.extend("--ftds-content-error-primary","Used on label of error messages on light surface.",o.colorRed0),contentErrorIconOnly:e.extend("--ftds-content-error-icon-only","Used on error status icons alone",o.colorRed70),contentInfoPrimary:e.extend("--ftds-content-info-primary","Used on label of information messages on light surface.",o.colorCyan200),contentInfoIconOnly:e.extend("--ftds-content-info-icon-only","Used on info status icons alone",o.colorCyan0),contentSuccessPrimary:e.extend("--ftds-content-success-primary","Used on label of success messages on light surface.",o.colorGreen200),contentSuccessIconOnly:e.extend("--ftds-content-success-icon-only","Used on success status icons alone",o.colorGreen0),contentGlobalPrimary:e.extend("--ftds-content-global-primary","Used for main content on the page.",o.colorGray500),contentGlobalSecondary:e.extend("--ftds-content-global-secondary",`Used for secondary content, often paired with primary content.

package/build/ftds-card.min.js

@@ -673,13 +673,18 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
     #info {
         display: flex;
         flex-direction: column;
+        width: 90%;
 
         .name {
             color: ${u.contentGlobalPrimary};
+            text-overflow: ellipsis;
+            overflow: hidden;
         }
 
         .mail {
             color: ${u.contentGlobalSecondary};
+            text-overflow: ellipsis;
+            overflow: hidden;
         }
     }
 `;function $3(e,t){let r=qr[e];return B`

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ftds-card",
-    "version": "2.1.1",
+    "version": "2.1.2",
     "description": "The design system card component",
     "keywords": [
         "Lit"
@@ -19,14 +19,14 @@
         "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
     },
     "dependencies": {
-        "@fluid-topics/ft-ripple": "2.1.1",
-        "@fluid-topics/ft-wc-utils": "2.1.1",
-        "@fluid-topics/ftds-icon": "2.1.1",
-        "@fluid-topics/ftds-typography": "2.1.1",
+        "@fluid-topics/ft-ripple": "2.1.2",
+        "@fluid-topics/ft-wc-utils": "2.1.2",
+        "@fluid-topics/ftds-icon": "2.1.2",
+        "@fluid-topics/ftds-typography": "2.1.2",
         "lit": "3.1.0"
     },
     "devDependencies": {
-        "@fluid-topics/ft-wc-test-utils": "2.1.1"
+        "@fluid-topics/ft-wc-test-utils": "2.1.2"
     },
-    "gitHead": "a9f1e471fb2dba9aeb8c12394a25460f675597dc"
+    "gitHead": "b6e91c3f0ecf77e454885c936913c7bed396b536"
 }