@pantoken/components 1.0.2 → 1.1.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/alert.css +1 -1
- package/dist/billboard.css +1 -1
- package/dist/breadcrumb.css +1 -1
- package/dist/breadcrumb.link.css +1 -1
- package/dist/button.css +1 -1
- package/dist/close-button.css +1 -1
- package/dist/components.css +1 -1
- package/dist/heading.css +1 -1
- package/dist/icons/user-round-star.css +1 -0
- package/dist/icons/venetian-mask-stem.css +1 -0
- package/dist/icons.css +1 -1
- package/dist/index.d.mts +95 -95
- package/dist/index.mjs +159 -801
- package/dist/input-group.css +1 -1
- package/dist/list.css +1 -1
- package/dist/list.item.css +1 -1
- package/dist/modal.css +1 -1
- package/dist/model.json +14903 -0
- package/dist/number-input.css +1 -1
- package/dist/progress-circle.css +1 -1
- package/dist/progress.css +1 -1
- package/dist/radio.css +1 -1
- package/dist/range-input.css +1 -1
- package/dist/rating.css +1 -1
- package/dist/scaffold-preset.d.mts +2 -3
- package/dist/simple-select.css +1 -1
- package/dist/tag.css +1 -1
- package/dist/text-area.css +1 -1
- package/dist/text-input.css +1 -1
- package/dist/text.css +1 -1
- package/dist/toggle-details.css +1 -1
- package/dist/toggle-group.css +1 -1
- package/dist/tray.css +1 -1
- package/dist/tree-browser.css +1 -1
- package/dist/view.css +1 -1
- package/package.json +17 -15
package/dist/input-group.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.instui-input-group{box-sizing:border-box;inline-size:100%;block-size:var(--instui-component-text-input-height-md);padding-inline:var(--instui-component-text-input-padding-horizontal-md);align-items:center;gap:var(--instui-component-text-input-gap-content);background-color:var(--instui-component-text-input-background-color);border:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color);border-radius:var(--instui-component-text-input-border-radius);color:var(--instui-component-text-input-text-color);font-family:var(--instui-component-text-input-font-family);font-size:var(--instui-component-text-input-font-size-md);display:flex}
|
|
1
|
+
@scope(.instui-input-group){&{box-sizing:border-box;inline-size:100%;block-size:var(--instui-component-text-input-height-md);padding-inline:var(--instui-component-text-input-padding-horizontal-md);align-items:center;gap:var(--instui-component-text-input-gap-content);background-color:var(--instui-component-text-input-background-color);border:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color);border-radius:var(--instui-component-text-input-border-radius);color:var(--instui-component-text-input-text-color);font-family:var(--instui-component-text-input-font-family);font-size:var(--instui-component-text-input-font-size-md);display:flex}&:hover{background-color:var(--instui-component-text-input-background-hover-color);border-color:var(--instui-component-text-input-border-hover-color)}&>input,& .instui-text-input{block-size:auto;min-inline-size:0;font:inherit;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}&>input::placeholder{color:var(--instui-component-text-input-placeholder-color)}& .before,& .after{color:var(--instui-component-text-input-text-color);flex:none;align-items:center;display:inline-flex}&.-disabled,&:has(>input:disabled){background-color:var(--instui-component-text-input-background-disabled-color);border-color:var(--instui-component-text-input-border-disabled-color);color:var(--instui-component-text-input-text-disabled-color);cursor:not-allowed}&.-readonly{background-color:var(--instui-component-text-input-background-readonly-color);border-color:var(--instui-component-text-input-border-readonly-color);color:var(--instui-component-text-input-text-readonly-color)}&.-invalid{border-color:var(--instui-component-text-input-error-border-color)}&.-success{border-color:var(--instui-component-text-input-success-border-color)}&:has(:focus-visible){outline:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color);outline-offset:var(--instui-focus-outline-offset);border-radius:var(--instui-focus-outline-radius)}&:is(.-invalid,:has(>input:user-invalid)):has(:focus-visible){outline-color:var(--instui-focus-outline-color-danger)}&.-success:has(:focus-visible){outline-color:var(--instui-focus-outline-color-success)}&.-size-sm{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}&.-size-md{block-size:var(--instui-component-text-input-height-md);padding-inline:var(--instui-component-text-input-padding-horizontal-md);font-size:var(--instui-component-text-input-font-size-md)}&.-size-lg{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}&.-should-not-wrap{flex-wrap:nowrap}&.-size-small{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}&.-size-medium{block-size:var(--instui-component-text-input-height-md);padding-inline:var(--instui-component-text-input-padding-horizontal-md);font-size:var(--instui-component-text-input-font-size-md)}&.-size-large{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}}
|
package/dist/list.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@scope(.instui-list){&{color:var(--instui-component-list-item-color);font-family:var(--instui-component-list-item-font-family);font-size:var(--instui-component-list-item-font-size-medium);font-weight:var(--instui-component-list-item-font-weight);line-height:var(--instui-component-list-item-line-height);padding-inline-start:var(--instui-component-list-list-padding)}&.-size-sm{font-size:var(--instui-component-list-item-font-size-small)}&.-size-md{font-size:var(--instui-component-list-item-font-size-medium)}&.-size-lg{font-size:var(--instui-component-list-item-font-size-large)}&.-unstyled{padding-inline-start:0;list-style:none}&.-inline{align-items:center;gap:var(--instui-component-list-item-spacing-medium);flex-wrap:wrap;padding-inline-start:0;list-style:none;display:flex}&.-inline>li{margin:0}
|
|
1
|
+
@scope(.instui-list){&{color:var(--instui-component-list-item-color);font-family:var(--instui-component-list-item-font-family);font-size:var(--instui-component-list-item-font-size-medium);font-weight:var(--instui-component-list-item-font-weight);line-height:var(--instui-component-list-item-line-height);padding-inline-start:var(--instui-component-list-list-padding)}&.-size-sm{font-size:var(--instui-component-list-item-font-size-small)}&.-size-md{font-size:var(--instui-component-list-item-font-size-medium)}&.-size-lg{font-size:var(--instui-component-list-item-font-size-large)}&.-unstyled{padding-inline-start:0;list-style:none}&.-inline{align-items:center;gap:var(--instui-component-list-item-spacing-medium);flex-wrap:wrap;padding-inline-start:0;list-style:none;display:flex}&.-inline>li{margin:0}&.-size-small{font-size:var(--instui-component-list-item-font-size-small)}&.-size-medium{font-size:var(--instui-component-list-item-font-size-medium)}&.-size-large{font-size:var(--instui-component-list-item-font-size-large)}}
|
package/dist/list.item.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@scope(.instui-list){:scope{&>li{color:var(--instui-component-list-item-color);font-family:var(--instui-component-list-item-font-family);font-size:var(--instui-component-list-item-font-size-medium);font-weight:var(--instui-component-list-item-font-weight);line-height:var(--instui-component-list-item-line-height)}&.-size-sm>li{font-size:var(--instui-component-list-item-font-size-small)}&.-size-md>li{font-size:var(--instui-component-list-item-font-size-medium)}&.-size-lg>li{font-size:var(--instui-component-list-item-font-size-large)}&.-ordered>li::marker{font-weight:var(--instui-component-list-ordered-number-font-weight)}&.-ordered>li{padding-inline-start:var(--instui-component-list-ordered-number-margin)}&.-delimiter-solid>li+li{border-top:var(--instui-component-list-item-delimiter-solid-border-width) var(--instui-component-list-item-delimiter-solid-border-style) var(--instui-component-list-item-delimiter-solid-border-color);padding-top:var(--instui-component-list-item-spacing-medium)}&.-delimiter-dashed>li+li{border-top:var(--instui-component-list-item-delimiter-dashed-border-width) var(--instui-component-list-item-delimiter-dashed-border-style) var(--instui-component-list-item-delimiter-dashed-border-color);padding-top:var(--instui-component-list-item-spacing-medium)}}
|
|
1
|
+
@scope(.instui-list){:scope{&>li{color:var(--instui-component-list-item-color);font-family:var(--instui-component-list-item-font-family);font-size:var(--instui-component-list-item-font-size-medium);font-weight:var(--instui-component-list-item-font-weight);line-height:var(--instui-component-list-item-line-height)}&.-size-sm>li{font-size:var(--instui-component-list-item-font-size-small)}&.-size-md>li{font-size:var(--instui-component-list-item-font-size-medium)}&.-size-lg>li{font-size:var(--instui-component-list-item-font-size-large)}&.-ordered>li::marker{font-weight:var(--instui-component-list-ordered-number-font-weight)}&.-ordered>li{padding-inline-start:var(--instui-component-list-ordered-number-margin)}&.-delimiter-solid>li+li{border-top:var(--instui-component-list-item-delimiter-solid-border-width) var(--instui-component-list-item-delimiter-solid-border-style) var(--instui-component-list-item-delimiter-solid-border-color);padding-top:var(--instui-component-list-item-spacing-medium)}&.-delimiter-dashed>li+li{border-top:var(--instui-component-list-item-delimiter-dashed-border-width) var(--instui-component-list-item-delimiter-dashed-border-style) var(--instui-component-list-item-delimiter-dashed-border-color);padding-top:var(--instui-component-list-item-spacing-medium)}}&.-size-small>li{font-size:var(--instui-component-list-item-font-size-small)}&.-size-medium>li{font-size:var(--instui-component-list-item-font-size-medium)}&.-size-large>li{font-size:var(--instui-component-list-item-font-size-large)}}
|
package/dist/modal.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@scope(.instui-modal){&{max-width:var(--instui-component-modal-medium-max-width);background:var(--instui-component-modal-background-color);color:var(--instui-component-modal-text-color);border:var(--instui-component-modal-border-width) solid var(--instui-component-modal-border-color);border-radius:var(--instui-component-modal-border-radius);font-family:var(--instui-component-modal-font-family);box-shadow:var(--instui-elevation-topmost);overflow:hidden}&[is=dialog],dialog&{margin:auto;padding:0}&[is=dialog]::backdrop,dialog&::backdrop{background:var(--instui-component-mask-background-color)}&[is=dialog].-blur::backdrop,dialog&.-blur::backdrop{backdrop-filter:blur(.5rem)}&.-size-sm{max-width:var(--instui-component-modal-small-max-width)}&.-size-lg{max-width:var(--instui-component-modal-large-max-width)}&.-size-auto{max-width:none;min-width:var(--instui-component-modal-auto-min-width)}&.-size-fullscreen{border-radius:0;width:auto;max-width:none;height:auto;max-height:none;margin:0;position:fixed;inset:0}&.-overflow-fit{max-block-size:calc(100dvh - var(--instui-spacing-space-xl) * 2);flex-direction:column;display:flex}&.-color-inverse{background:var(--instui-component-modal-inverse-background-color);color:var(--instui-component-modal-inverse-text-color);border-color:var(--instui-component-modal-inverse-border-color)}
|
|
1
|
+
@scope(.instui-modal){&{max-width:var(--instui-component-modal-medium-max-width);background:var(--instui-component-modal-background-color);color:var(--instui-component-modal-text-color);border:var(--instui-component-modal-border-width) solid var(--instui-component-modal-border-color);border-radius:var(--instui-component-modal-border-radius);font-family:var(--instui-component-modal-font-family);box-shadow:var(--instui-elevation-topmost);overflow:hidden}&[is=dialog],dialog&{margin:auto;padding:0}&[is=dialog]::backdrop,dialog&::backdrop{background:var(--instui-component-mask-background-color)}&[is=dialog].-blur::backdrop,dialog&.-blur::backdrop{backdrop-filter:blur(.5rem)}&.-size-sm{max-width:var(--instui-component-modal-small-max-width)}&.-size-lg{max-width:var(--instui-component-modal-large-max-width)}&.-size-auto{max-width:none;min-width:var(--instui-component-modal-auto-min-width)}&.-size-fullscreen{border-radius:0;width:auto;max-width:none;height:auto;max-height:none;margin:0;position:fixed;inset:0}&.-overflow-fit{max-block-size:calc(100dvh - var(--instui-spacing-space-xl) * 2);flex-direction:column;display:flex}&.-color-inverse{background:var(--instui-component-modal-inverse-background-color);color:var(--instui-component-modal-inverse-text-color);border-color:var(--instui-component-modal-inverse-border-color)}&.-size-small{max-width:var(--instui-component-modal-small-max-width)}&.-size-large{max-width:var(--instui-component-modal-large-max-width)}}
|