@pantoken/components 1.1.2 → 1.1.4

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 (6) hide show
  1. package/dist/avatar.css +1 -1
  2. package/dist/components.css +1 -1
  3. package/dist/index.mjs +9 -3
  4. package/dist/model.json +84 -82
  5. package/dist/prose.css +1 -1
  6. package/package.json +2 -2
package/dist/avatar.css CHANGED
@@ -1 +1 @@
1
- @scope(.instui-avatar){:scope{width:var(--instui-component-avatar-size-md);height:var(--instui-component-avatar-size-md);white-space:nowrap;background:var(--instui-component-avatar-background-color);color:var(--instui-component-avatar-blue-text-color);border:var(--instui-component-avatar-border-width-sm) solid transparent;font-family:var(--instui-component-avatar-font-family);font-size:var(--instui-component-avatar-font-size-md);font-weight:var(--instui-component-avatar-font-weight);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;overflow:hidden;&.-shape-rectangle{border-radius:var(--instui-component-avatar-rectangle-radius)}&:not(:has(>img)){border-color:var(--instui-component-avatar-border-color)}&[data-initials]{font-size:0;&:before{content:attr(data-initials);font-size:var(--instui-component-avatar-font-size-md)}}&>img{object-fit:cover;border-radius:50%;block-size:100%;inline-size:100%}&.-shape-rectangle>img{border-radius:var(--instui-component-avatar-rectangle-radius)}&:not(:has([class*=-name])) .name,&:not(:has(.name)) .first-name,&:not(:has(.name)) .last-name{white-space:nowrap;vertical-align:middle;max-width:1ch;display:inline-block;overflow:hidden}}}.instui-avatar.-size-sm{width:var(--instui-component-avatar-size-sm);height:var(--instui-component-avatar-size-sm);font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-2xs{width:var(--instui-component-avatar-size2xs);height:var(--instui-component-avatar-size2xs);font-size:var(--instui-component-avatar-font-size2xs)}.instui-avatar.-size-xs{width:var(--instui-component-avatar-size-xs);height:var(--instui-component-avatar-size-xs);font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-lg{width:var(--instui-component-avatar-size-lg);height:var(--instui-component-avatar-size-lg);font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-xl{width:var(--instui-component-avatar-size-xl);height:var(--instui-component-avatar-size-xl);font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-size-2xl{width:var(--instui-component-avatar-size2xl);height:var(--instui-component-avatar-size2xl);font-size:var(--instui-component-avatar-font-size2xl)}.instui-avatar.-size-md{width:var(--instui-component-avatar-size-md);height:var(--instui-component-avatar-size-md);font-size:var(--instui-component-avatar-font-size-md)}.instui-avatar.-size-2xs[data-initials]:before{font-size:var(--instui-component-avatar-font-size2xs)}.instui-avatar.-size-xs[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-sm[data-initials]:before{font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-lg[data-initials]:before{font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-xl[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-size-2xl[data-initials]:before{font-size:var(--instui-component-avatar-font-size2xl)}.instui-avatar.-color-ash{color:var(--instui-component-avatar-ash-text-color)}.instui-avatar.-color-ash.-has-inverse-color{background:var(--instui-component-avatar-ash-background-color)}.instui-avatar.-color-blue{color:var(--instui-component-avatar-blue-text-color)}.instui-avatar.-color-blue.-has-inverse-color{background:var(--instui-component-avatar-blue-background-color)}.instui-avatar.-color-green{color:var(--instui-component-avatar-green-text-color)}.instui-avatar.-color-green.-has-inverse-color{background:var(--instui-component-avatar-green-background-color)}.instui-avatar.-color-grey{color:var(--instui-component-avatar-grey-text-color)}.instui-avatar.-color-grey.-has-inverse-color{background:var(--instui-component-avatar-grey-background-color)}.instui-avatar.-color-orange{color:var(--instui-component-avatar-orange-text-color)}.instui-avatar.-color-orange.-has-inverse-color{background:var(--instui-component-avatar-orange-background-color)}.instui-avatar.-color-red{color:var(--instui-component-avatar-red-text-color)}.instui-avatar.-color-red.-has-inverse-color{background:var(--instui-component-avatar-red-background-color)}.instui-avatar.-color-ai{background:linear-gradient(to bottom, var(--instui-component-avatar-ai-top-gradient-color), var(--instui-component-avatar-ai-bottom-gradient-color));color:var(--instui-component-avatar-text-on-color);border-color:#0000}.instui-avatar.-has-inverse-color{background:var(--instui-component-avatar-blue-background-color);color:var(--instui-component-avatar-text-on-color);border-color:#0000}.instui-avatar.-show-border-always{border-width:var(--instui-component-avatar-border-width-md);border-style:solid;border-color:var(--instui-component-avatar-border-color)}.instui-avatar.-show-border-never{border-color:#0000}.instui-avatar.-size-small{width:var(--instui-component-avatar-size-sm);height:var(--instui-component-avatar-size-sm);font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-xx-small{width:var(--instui-component-avatar-size2xs);height:var(--instui-component-avatar-size2xs);font-size:var(--instui-component-avatar-font-size2xs)}.instui-avatar.-size-x-small{width:var(--instui-component-avatar-size-xs);height:var(--instui-component-avatar-size-xs);font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-large{width:var(--instui-component-avatar-size-lg);height:var(--instui-component-avatar-size-lg);font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-x-large{width:var(--instui-component-avatar-size-xl);height:var(--instui-component-avatar-size-xl);font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-size-xx-large{width:var(--instui-component-avatar-size2xl);height:var(--instui-component-avatar-size2xl);font-size:var(--instui-component-avatar-font-size2xl)}.instui-avatar.-size-medium{width:var(--instui-component-avatar-size-md);height:var(--instui-component-avatar-size-md);font-size:var(--instui-component-avatar-font-size-md)}.instui-avatar.-size-xx-small[data-initials]:before{font-size:var(--instui-component-avatar-font-size2xs)}.instui-avatar.-size-x-small[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-small[data-initials]:before{font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-large[data-initials]:before{font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-x-large[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-size-xx-large[data-initials]:before{font-size:var(--instui-component-avatar-font-size2xl)}.instui-avatar.-color-accent1{color:var(--instui-component-avatar-blue-text-color)}.instui-avatar.-color-accent1.-has-inverse-color{background:var(--instui-component-avatar-blue-background-color)}.instui-avatar.-color-accent2{color:var(--instui-component-avatar-green-text-color)}.instui-avatar.-color-accent2.-has-inverse-color{background:var(--instui-component-avatar-green-background-color)}.instui-avatar.-color-accent3{color:var(--instui-component-avatar-red-text-color)}.instui-avatar.-color-accent3.-has-inverse-color{background:var(--instui-component-avatar-red-background-color)}.instui-avatar.-color-accent4{color:var(--instui-component-avatar-orange-text-color)}.instui-avatar.-color-accent4.-has-inverse-color{background:var(--instui-component-avatar-orange-background-color)}.instui-avatar.-color-accent5{color:var(--instui-component-avatar-ash-text-color)}.instui-avatar.-color-accent5.-has-inverse-color{background:var(--instui-component-avatar-ash-background-color)}.instui-avatar.-color-accent6{color:var(--instui-component-avatar-grey-text-color)}.instui-avatar.-color-accent6.-has-inverse-color{background:var(--instui-component-avatar-grey-background-color)}.instui-avatar.-show-border{border-width:var(--instui-component-avatar-border-width-md);border-style:solid;border-color:var(--instui-component-avatar-border-color)}
1
+ @scope(.instui-avatar){:scope{width:var(--instui-component-avatar-size-md);height:var(--instui-component-avatar-size-md);white-space:nowrap;background:var(--instui-component-avatar-background-color);color:var(--instui-component-avatar-blue-text-color);border:var(--instui-component-avatar-border-width-sm) solid transparent;font-family:var(--instui-component-avatar-font-family);font-size:var(--instui-component-avatar-font-size-md);font-weight:var(--instui-component-avatar-font-weight);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;overflow:hidden;&.-shape-rectangle{border-radius:var(--instui-component-avatar-rectangle-radius)}&:not(:has(>img)){border-color:var(--instui-component-avatar-border-color)}&[data-initials]{font-size:0;&:before{content:attr(data-initials);font-size:var(--instui-component-avatar-font-size-md)}}&>img{object-fit:cover;border-radius:50%;block-size:100%;inline-size:100%}&.-shape-rectangle>img{border-radius:var(--instui-component-avatar-rectangle-radius)}&:not(:has([class*=-name])) .name,&:not(:has(.name)) .first-name,&:not(:has(.name)) .last-name{white-space:nowrap;vertical-align:middle;max-width:1ch;display:inline-block;overflow:hidden}}}.instui-avatar.-size-sm{width:var(--instui-component-avatar-size-sm);height:var(--instui-component-avatar-size-sm);font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-2xs{width:var(--instui-component-avatar-size2xs);height:var(--instui-component-avatar-size2xs);font-size:var(--instui-component-avatar-font-size2xs)}.instui-avatar.-size-xs{width:var(--instui-component-avatar-size-xs);height:var(--instui-component-avatar-size-xs);font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-lg{width:var(--instui-component-avatar-size-lg);height:var(--instui-component-avatar-size-lg);font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-xl{width:var(--instui-component-avatar-size-xl);height:var(--instui-component-avatar-size-xl);font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-size-2xl{width:var(--instui-component-avatar-size2xl);height:var(--instui-component-avatar-size2xl);font-size:var(--instui-component-avatar-font-size2xl)}.instui-avatar.-size-md{width:var(--instui-component-avatar-size-md);height:var(--instui-component-avatar-size-md);font-size:var(--instui-component-avatar-font-size-md)}.instui-avatar.-size-2xs[data-initials]:before{font-size:var(--instui-component-avatar-font-size2xs)}.instui-avatar.-size-xs[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-sm[data-initials]:before{font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-lg[data-initials]:before{font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-xl[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-size-2xl[data-initials]:before{font-size:var(--instui-component-avatar-font-size2xl)}.instui-avatar.-color-blue{color:var(--instui-component-avatar-blue-text-color)}.instui-avatar.-color-blue.-has-inverse-color{background:var(--instui-component-avatar-blue-background-color)}.instui-avatar.-color-green{color:var(--instui-component-avatar-green-text-color)}.instui-avatar.-color-green.-has-inverse-color{background:var(--instui-component-avatar-green-background-color)}.instui-avatar.-color-grey{color:var(--instui-component-avatar-grey-text-color)}.instui-avatar.-color-grey.-has-inverse-color{background:var(--instui-component-avatar-grey-background-color)}.instui-avatar.-color-orange{color:var(--instui-component-avatar-orange-text-color)}.instui-avatar.-color-orange.-has-inverse-color{background:var(--instui-component-avatar-orange-background-color)}.instui-avatar.-color-red{color:var(--instui-component-avatar-red-text-color)}.instui-avatar.-color-red.-has-inverse-color{background:var(--instui-component-avatar-red-background-color)}.instui-avatar.-color-ai{background:linear-gradient(to bottom, var(--instui-component-avatar-ai-top-gradient-color), var(--instui-component-avatar-ai-bottom-gradient-color));color:var(--instui-component-avatar-text-on-color);border-color:#0000}.instui-avatar.-has-inverse-color{background:var(--instui-component-avatar-blue-background-color);color:var(--instui-component-avatar-text-on-color);border-color:#0000}.instui-avatar.-show-border-always{border-width:var(--instui-component-avatar-border-width-md);border-style:solid;border-color:var(--instui-component-avatar-border-color)}.instui-avatar.-show-border-never{border-color:#0000}.instui-avatar.-size-small{width:var(--instui-component-avatar-size-sm);height:var(--instui-component-avatar-size-sm);font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-xx-small{width:var(--instui-component-avatar-size2xs);height:var(--instui-component-avatar-size2xs);font-size:var(--instui-component-avatar-font-size2xs)}.instui-avatar.-size-x-small{width:var(--instui-component-avatar-size-xs);height:var(--instui-component-avatar-size-xs);font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-large{width:var(--instui-component-avatar-size-lg);height:var(--instui-component-avatar-size-lg);font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-x-large{width:var(--instui-component-avatar-size-xl);height:var(--instui-component-avatar-size-xl);font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-size-xx-large{width:var(--instui-component-avatar-size2xl);height:var(--instui-component-avatar-size2xl);font-size:var(--instui-component-avatar-font-size2xl)}.instui-avatar.-size-medium{width:var(--instui-component-avatar-size-md);height:var(--instui-component-avatar-size-md);font-size:var(--instui-component-avatar-font-size-md)}.instui-avatar.-size-xx-small[data-initials]:before{font-size:var(--instui-component-avatar-font-size2xs)}.instui-avatar.-size-x-small[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-small[data-initials]:before{font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-large[data-initials]:before{font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-x-large[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-size-xx-large[data-initials]:before{font-size:var(--instui-component-avatar-font-size2xl)}.instui-avatar.-color-ash{color:var(--instui-component-avatar-grey-text-color)}.instui-avatar.-color-ash.-has-inverse-color{background:var(--instui-component-avatar-grey-background-color)}.instui-avatar.-color-accent1{color:var(--instui-component-avatar-blue-text-color)}.instui-avatar.-color-accent1.-has-inverse-color{background:var(--instui-component-avatar-blue-background-color)}.instui-avatar.-color-accent2{color:var(--instui-component-avatar-green-text-color)}.instui-avatar.-color-accent2.-has-inverse-color{background:var(--instui-component-avatar-green-background-color)}.instui-avatar.-color-accent3{color:var(--instui-component-avatar-red-text-color)}.instui-avatar.-color-accent3.-has-inverse-color{background:var(--instui-component-avatar-red-background-color)}.instui-avatar.-color-accent4{color:var(--instui-component-avatar-orange-text-color)}.instui-avatar.-color-accent4.-has-inverse-color{background:var(--instui-component-avatar-orange-background-color)}.instui-avatar.-color-accent5{color:var(--instui-component-avatar-ash-text-color)}.instui-avatar.-color-accent5.-has-inverse-color{background:var(--instui-component-avatar-ash-background-color)}.instui-avatar.-color-accent6{color:var(--instui-component-avatar-grey-text-color)}.instui-avatar.-color-accent6.-has-inverse-color{background:var(--instui-component-avatar-grey-background-color)}.instui-avatar.-show-border{border-width:var(--instui-component-avatar-border-width-md);border-style:solid;border-color:var(--instui-component-avatar-border-color)}