@propellerads/pagination 3.0.0 → 3.1.1

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/index.css ADDED
@@ -0,0 +1,2 @@
1
+ .button{--button-bg:transparent;--button-bg-hover:var(--button-bg);--button-fg:var(--color-dark-inversion);--button-fg-hover:var(--button-fg);--button-contour:transparent;--button-ring:var(--button-accent);--button-ring-width:var(--space-2);--button-height:36px;box-sizing:border-box;height:var(--button-height);padding-inline:var(--space-16);justify-content:center;align-items:center;gap:var(--space-8);margin:var(--space-0);padding-block:var(--space-0);border-radius:var(--radius-8);background-color:var(--button-bg);box-shadow:inset 0 0 0 var(--space-1) var(--button-contour);color:var(--button-fg);outline:var(--button-ring-width) solid transparent;outline-offset:var(--space-1);font:var(--font-text);font-family:var(--font-family);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;--button-press:var(--duration-200);transition:background-color var(--duration-200) var(--ease-flat), box-shadow var(--duration-200) var(--ease-flat), color var(--duration-200) var(--ease-flat), outline-color var(--duration-200) var(--ease-flat), transform var(--button-press) var(--ease-enter);border:0;text-decoration:none;display:inline-flex}.button:hover{background-color:var(--button-bg-hover);color:var(--button-fg-hover)}.button:active{--button-press:var(--duration-100);transform:translateY(var(--space-1))}.button--loading:active{transform:none}.button:focus-visible{outline-color:var(--button-ring)}.button--icon{width:var(--button-height);padding-inline:var(--space-0)}.button--start-icon{padding-inline-start:var(--space-12)}.button--end-icon{padding-inline-end:var(--space-12)}.button--tone-action,.button--tone-danger,.button--tone-success{--button-accent-on:var(--color-light)}.button--tone-action{--button-accent:var(--color-action)}.button--tone-danger{--button-accent:var(--color-danger)}.button--tone-success{--button-accent:var(--color-success)}.button--tone-light{--button-accent:var(--color-light);--button-accent-on:var(--color-dark)}.button--primary{--button-bg:var(--button-accent);--button-bg-hover:color-mix(in srgb, var(--over-deepen), var(--button-accent));--button-fg:var(--button-accent-on)}.button--secondary,.button--ghost{--button-fg:var(--button-accent);--button-bg-hover:color-mix(in srgb, var(--button-accent) var(--opacity-tint), transparent)}.button--ghost,.button--inline{gap:var(--space-4)}.button--secondary{--button-contour:var(--button-accent)}.button--inline{--button-bg:transparent;--button-fg:var(--button-accent);--button-fg-hover:color-mix(in srgb, var(--over-deepen), var(--button-accent));height:auto;min-height:0;padding:var(--space-0);line-height:inherit;vertical-align:baseline;--inline-ring-start:calc(var(--space-4) + var(--space-2));--inline-ring-end:calc(var(--space-4) + var(--space-2));outline:none;position:relative}.button--inline.button--icon{--inline-ring-start:var(--space-4);--inline-ring-end:var(--space-4)}.button--inline.button--start-icon{--inline-ring-start:var(--space-4)}.button--inline.button--end-icon{--inline-ring-end:var(--space-4)}.button--inline:after{content:"";inset:calc(-1 * var(--space-4)) calc(-1 * var(--inline-ring-end)) calc(-1 * var(--space-4)) calc(-1 * var(--inline-ring-start));border-radius:var(--radius-8);box-shadow:0 0 0 var(--button-ring-width) transparent;transition:box-shadow var(--duration-200) var(--ease-flat);position:absolute}.button--inline:focus-visible:after{box-shadow:0 0 0 var(--button-ring-width) var(--button-ring)}.button--inline.button--icon{width:auto}.button--link{--button-bg:transparent;--button-fg:var(--button-accent);line-height:inherit}.button--link:hover{background-color:#0000;text-decoration:underline}.button--link:active{background-color:#0000}.button--plain{--button-bg:transparent;--button-fg:inherit;height:auto;min-height:var(--button-height);font:inherit;text-align:inherit;white-space:inherit}.button--plain:hover,.button--plain:active{background-color:#0000}.button__icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.button--full-width{width:100%}.button:disabled,.button[data-disabled]{--button-bg-hover:var(--button-bg);--button-fg-hover:var(--button-fg);opacity:var(--opacity-disabled);cursor:not-allowed}.button--loading{cursor:progress}.button__spinner{box-sizing:border-box;border:var(--space-2) solid currentColor;opacity:.7;border-inline-start-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;animation:.6s linear infinite button-spin}@media (prefers-reduced-motion:reduce){.button__spinner{animation-duration:2s}.button:active{transform:none}}@keyframes button-spin{to{transform:rotate(360deg)}}
2
+ /*$vite$:1*/