@pantoken/components 0.7.0 → 1.0.0
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.
- package/dist/avatar.css +1 -1
- package/dist/badge.css +1 -1
- package/dist/byline.css +1 -1
- package/dist/components.css +1 -1
- package/dist/drawer-layout.content.css +1 -0
- package/dist/drawer-layout.css +1 -0
- package/dist/drawer-layout.tray.css +1 -0
- package/dist/index.d.mts +13 -1
- package/dist/index.mjs +257 -231
- package/dist/metric.css +1 -1
- package/dist/prose.css +1 -1
- package/dist/spinner.css +1 -1
- package/dist/text.css +1 -1
- package/dist/tooltip.css +1 -1
- package/dist/tray.css +1 -1
- package/dist/utilities/cursor.css +1 -1
- package/dist/utilities/gap.css +1 -1
- package/dist/utilities/layout.css +1 -1
- package/dist/utilities/mask.css +1 -1
- package/dist/utilities/overflow.css +1 -1
- package/dist/utilities/position.css +1 -1
- package/dist/utilities/spacing.css +1 -1
- package/dist/utilities/stacking.css +1 -1
- package/dist/utilities.css +1 -1
- package/package.json +7 -7
package/dist/avatar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.instui-avatar{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
|
|
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)}
|
package/dist/badge.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes pantoken-badge-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.instui-badge-wrapper{display:inline-flex;position:relative}.instui-badge{--pantoken-badge-accent:var(--instui-component-badge-color-primary);--pantoken-badge-text:light-dark(var(--instui-component-badge-color),var(--instui-component-badge-color-inverse));min-width:var(--instui-component-badge-size);height:var(--instui-component-badge-size);padding:0 var(--instui-component-badge-padding);font-family:var(--instui-component-badge-font-family);font-size:var(--instui-component-badge-font-size);font-weight:var(--instui-component-badge-font-weight);border-radius:var(--instui-component-badge-border-radius);background:var(--pantoken-badge-accent);color:var(--pantoken-badge-text);justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative
|
|
1
|
+
@keyframes pantoken-badge-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.instui-badge-wrapper{display:inline-flex;position:relative}@scope(.instui-badge){:scope{--pantoken-badge-accent:var(--instui-component-badge-color-primary);--pantoken-badge-text:light-dark(var(--instui-component-badge-color),var(--instui-component-badge-color-inverse));min-width:var(--instui-component-badge-size);height:var(--instui-component-badge-size);padding:0 var(--instui-component-badge-padding);font-family:var(--instui-component-badge-font-family);font-size:var(--instui-component-badge-font-size);font-weight:var(--instui-component-badge-font-weight);border-radius:var(--instui-component-badge-border-radius);background:var(--pantoken-badge-accent);color:var(--pantoken-badge-text);justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative;&.-color-success{--pantoken-badge-accent:var(--instui-component-badge-color-success);--pantoken-badge-text:var(--instui-component-badge-color)}&.-color-danger{--pantoken-badge-accent:var(--instui-component-badge-color-danger);--pantoken-badge-text:var(--instui-component-badge-color)}&.-color-inverse{--pantoken-badge-accent:var(--instui-component-badge-color);--pantoken-badge-text:var(--instui-component-badge-color-inverse)}&.-type-notification{min-width:0;width:var(--instui-spacing-space-sm);height:var(--instui-spacing-space-sm);padding:0;font-size:0}&.-pulse:before{content:"";border:var(--instui-border-width-md) solid var(--pantoken-badge-accent);border-radius:inherit;animation:1.2s ease-out infinite pantoken-badge-pulse;position:absolute;inset:0}&.-placement-top-end,&.-placement-top-start,&.-placement-bottom-end,&.-placement-bottom-start,&.-placement-start-center,&.-placement-end-center{position:absolute}&.-placement-top-end{top:-.5rem;inset-inline-end:-.5rem}&.-placement-top-start{top:-.5rem;inset-inline-start:-.5rem}&.-placement-bottom-end{bottom:-.5rem;inset-inline-end:-.5rem}&.-placement-bottom-start{bottom:-.5rem;inset-inline-start:-.5rem}&.-placement-end-center{top:50%;inset-inline-end:-.5rem;transform:translateY(-50%)}&.-placement-start-center{top:50%;inset-inline-start:-.5rem;transform:translateY(-50%)}&.-standalone{position:relative;inset:auto;transform:none}}}
|
package/dist/byline.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.instui-byline{align-items:center;gap:var(--instui-component-byline-figure-margin);background:var(--instui-component-byline-background);color:var(--instui-component-byline-color);font-family:var(--instui-component-byline-font-family);display:flex
|
|
1
|
+
@scope(.instui-byline){:scope{align-items:center;gap:var(--instui-component-byline-figure-margin);background:var(--instui-component-byline-background);color:var(--instui-component-byline-color);font-family:var(--instui-component-byline-font-family);display:flex;&.-align-content-top{align-items:flex-start}&.-align-content-center{align-items:center}}}.instui-byline.-size-sm{max-width:var(--instui-component-byline-small,20rem)}.instui-byline.-size-md{max-width:var(--instui-component-byline-medium,30rem)}.instui-byline.-size-lg{max-width:var(--instui-component-byline-large,40rem)}@scope(.instui-byline){:scope{&>[class*=-icon-]{line-height:1}& .title{margin:0 0 var(--instui-component-byline-title-margin);font-size:var(--instui-component-byline-title-font-size);font-weight:var(--instui-component-byline-title-font-weight);line-height:var(--instui-component-byline-title-line-height)}& .description{font-size:var(--instui-component-byline-description-font-size);font-weight:var(--instui-component-byline-description-font-weight);line-height:var(--instui-component-byline-description-line-height)}}}.instui-byline.-size-small{max-width:var(--instui-component-byline-small,20rem)}.instui-byline.-size-medium{max-width:var(--instui-component-byline-medium,30rem)}.instui-byline.-size-large{max-width:var(--instui-component-byline-large,40rem)}
|