@inera/ids-design 5.0.2 → 5.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  2. package/components/header-1177-admin/header-1177-admin-avatar.css +12 -0
  3. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  4. package/components/header-1177-pro/header-1177-pro-avatar.css +16 -4
  5. package/package.json +1 -1
package/components/header-1177-admin/header-1177-admin-avatar-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__name,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__name,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit,:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__name,:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit,:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__name,:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{color:var(--IDS-COLOR-NEUTRAL-20);max-width:15.625rem;overflow:hidden;position:relative;text-align:start;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-icon{display:flex;max-height:32px;max-width:32px}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron{grid-column:3;width:7px}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron.ids-header-1177-admin__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content{display:grid;grid-template-rows:1fr 1fr}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{font-size:.875rem}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--expanded .ids-header-1177-admin__avatar-dropdown{display:flex}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}@media (max-width:1024px){.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar{display:none}}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-icon{display:flex;max-height:32px;max-width:32px}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron{grid-column:3;width:7px}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron.ids-header-1177-admin__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content{display:grid;grid-template-rows:1fr 1fr}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{font-size:.875rem}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--expanded .ids-header-1177-admin__avatar-dropdown{display:flex}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive){align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}@media (max-width:1024px){:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive){display:none}}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-icon{display:flex;max-height:32px;max-width:32px}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron{grid-column:3;width:7px}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron.ids-header-1177-admin__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content{display:grid;grid-template-rows:1fr 1fr}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive).ids-header-1177-admin__avatar--expanded .ids-header-1177-admin__avatar-dropdown{display:flex}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-icon{display:flex;max-height:32px;max-width:32px}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron{grid-column:3;width:7px}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron.ids-header-1177-admin__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content{display:grid;grid-template-rows:1fr 1fr}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive.ids-header-1177-admin__avatar--expanded .ids-header-1177-admin__avatar-dropdown{display:flex}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__name,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__name,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit,:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__name,:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit,:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__name,:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{color:var(--IDS-COLOR-NEUTRAL-20);max-width:15.625rem;overflow:hidden;position:relative;text-align:start;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-icon{display:flex;max-height:32px;max-width:32px}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron{grid-column:3;width:7px}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron.ids-header-1177-admin__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content{display:grid;grid-template-rows:1fr}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content:has(.ids-header-1177-admin__avatar-content__unit){grid-template-rows:1fr 1fr}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{font-size:.875rem}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--expanded .ids-header-1177-admin__avatar-dropdown{display:flex}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}@media (max-width:1024px){.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar{display:none}}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-icon{display:flex;max-height:32px;max-width:32px}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron{grid-column:3;width:7px}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron.ids-header-1177-admin__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content{display:grid;grid-template-rows:1fr}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content:has(.ids-header-1177-admin__avatar-content__unit){grid-template-rows:1fr 1fr}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{font-size:.875rem}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--expanded .ids-header-1177-admin__avatar-dropdown{display:flex}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive){align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}@media (max-width:1024px){:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive){display:none}}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-icon{display:flex;max-height:32px;max-width:32px}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron{grid-column:3;width:7px}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron.ids-header-1177-admin__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content{display:grid;grid-template-rows:1fr}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content:has(.ids-header-1177-admin__avatar-content__unit){grid-template-rows:1fr 1fr}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive).ids-header-1177-admin__avatar--expanded .ids-header-1177-admin__avatar-dropdown{display:flex}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-icon{display:flex;max-height:32px;max-width:32px}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron{grid-column:3;width:7px}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron.ids-header-1177-admin__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content{display:grid;grid-template-rows:1fr}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content:has(.ids-header-1177-admin__avatar-content__unit){grid-template-rows:1fr 1fr}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive.ids-header-1177-admin__avatar--expanded .ids-header-1177-admin__avatar-dropdown{display:flex}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}";
4
4
 
5
5
  var header1177AdminAvatarLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177-admin/header-1177-admin-avatar.css CHANGED
@@ -68,6 +68,9 @@
68
68
  }
69
69
  .ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content {
70
70
  display: grid;
71
+ grid-template-rows: 1fr;
72
+ }
73
+ .ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content:has(.ids-header-1177-admin__avatar-content__unit) {
71
74
  grid-template-rows: 1fr 1fr;
72
75
  }
73
76
  .ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit {
@@ -136,6 +139,9 @@
136
139
  }
137
140
  .ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content {
138
141
  display: grid;
142
+ grid-template-rows: 1fr;
143
+ }
144
+ .ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content:has(.ids-header-1177-admin__avatar-content__unit) {
139
145
  grid-template-rows: 1fr 1fr;
140
146
  }
141
147
  .ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit {
@@ -204,6 +210,9 @@
204
210
  }
205
211
  :host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content {
206
212
  display: grid;
213
+ grid-template-rows: 1fr;
214
+ }
215
+ :host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content:has(.ids-header-1177-admin__avatar-content__unit) {
207
216
  grid-template-rows: 1fr 1fr;
208
217
  }
209
218
  :host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit {
@@ -266,6 +275,9 @@
266
275
  }
267
276
  :host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content {
268
277
  display: grid;
278
+ grid-template-rows: 1fr;
279
+ }
280
+ :host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content:has(.ids-header-1177-admin__avatar-content__unit) {
269
281
  grid-template-rows: 1fr 1fr;
270
282
  }
271
283
  :host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit {
package/components/header-1177-pro/header-1177-pro-avatar-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit,:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit,:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{color:var(--IDS-COLOR-NEUTRAL-20);max-width:15.625rem;overflow:hidden;position:relative;text-align:start;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron{transform:rotate(180deg)}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;max-height:44px;max-width:36px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{grid-column:3;width:12px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr 1fr;min-width:100px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar{display:none}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron{transform:rotate(180deg)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;max-height:44px;max-width:36px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{grid-column:3;width:12px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr 1fr;min-width:100px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive){align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}@media (max-width:1024px){:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive){display:none}}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron{transform:rotate(180deg)}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;max-height:44px;max-width:36px}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{grid-column:3;width:12px}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr 1fr;min-width:100px}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive).ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron{transform:rotate(180deg)}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;max-height:44px;max-width:36px}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{grid-column:3;width:12px}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr 1fr;min-width:100px}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive.ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit,:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit,:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{color:var(--IDS-COLOR-NEUTRAL-20);max-width:15.625rem;overflow:hidden;position:relative;text-align:start;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron{transform:rotate(180deg)}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;max-height:44px;max-width:36px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{grid-column:3;width:12px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr;min-width:100px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit){grid-template-rows:1fr 1fr}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar{display:none}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron{transform:rotate(180deg)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;max-height:44px;max-width:36px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{grid-column:3;width:12px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr;min-width:100px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit){grid-template-rows:1fr 1fr}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive){align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}@media (max-width:1024px){:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive){display:none}}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron{transform:rotate(180deg)}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;max-height:44px;max-width:36px}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{grid-column:3;width:12px}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr;min-width:100px}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit){grid-template-rows:1fr 1fr}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive).ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron{transform:rotate(180deg)}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;max-height:44px;max-width:36px}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{grid-column:3;width:12px}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr;min-width:100px}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit){grid-template-rows:1fr 1fr}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive.ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}";
4
4
 
5
5
  var header1177ProAvatarLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177-pro/header-1177-pro-avatar.css CHANGED
@@ -71,9 +71,12 @@
71
71
  }
72
72
  .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content {
73
73
  display: grid;
74
- grid-template-rows: 1fr 1fr;
74
+ grid-template-rows: 1fr;
75
75
  min-width: 100px;
76
76
  }
77
+ .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit) {
78
+ grid-template-rows: 1fr 1fr;
79
+ }
77
80
  .ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit {
78
81
  font-size: 0.875rem;
79
82
  }
@@ -143,9 +146,12 @@
143
146
  }
144
147
  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content {
145
148
  display: grid;
146
- grid-template-rows: 1fr 1fr;
149
+ grid-template-rows: 1fr;
147
150
  min-width: 100px;
148
151
  }
152
+ .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit) {
153
+ grid-template-rows: 1fr 1fr;
154
+ }
149
155
  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit {
150
156
  font-size: 0.875rem;
151
157
  }
@@ -215,9 +221,12 @@
215
221
  }
216
222
  :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content {
217
223
  display: grid;
218
- grid-template-rows: 1fr 1fr;
224
+ grid-template-rows: 1fr;
219
225
  min-width: 100px;
220
226
  }
227
+ :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit) {
228
+ grid-template-rows: 1fr 1fr;
229
+ }
221
230
  :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit {
222
231
  font-size: 0.875rem;
223
232
  }
@@ -281,9 +290,12 @@
281
290
  }
282
291
  :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content {
283
292
  display: grid;
284
- grid-template-rows: 1fr 1fr;
293
+ grid-template-rows: 1fr;
285
294
  min-width: 100px;
286
295
  }
296
+ :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit) {
297
+ grid-template-rows: 1fr 1fr;
298
+ }
287
299
  :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit {
288
300
  font-size: 0.875rem;
289
301
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inera/ids-design",
3
- "version": "5.0.2",
3
+ "version": "5.0.3",
4
4
  "license": "SEE LICENSE IN LICENSE.md",
5
5
  "publishConfig": {
6
6
  "access": "public"