@purpurds/tabs 8.7.0 → 8.8.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/LICENSE.txt +1 -1
- package/dist/styles.css +1 -1
- package/dist/tabs.cjs.js.map +1 -1
- package/dist/tabs.es.js.map +1 -1
- package/package.json +10 -10
package/dist/LICENSE.txt
CHANGED
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._purpur-tab-content_1ugbi_1{position:relative}._purpur-tab-content_1ugbi_1:focus-visible{outline:0}._purpur-tab-content_1ugbi_1:focus-visible:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);border-radius:var(--purpur-border-radius-xs);pointer-events:none}._purpur-tab-content--force-mount_1ugbi_15[data-state=inactive]{display:none}._purpur-tab-header_1tc2s_1{position:relative;display:flex;align-items:center;justify-content:center;width:auto;padding:calc(var(--purpur-spacing-100) + var(--purpur-spacing-25)) var(--purpur-spacing-200);border:0;border-radius:var(--purpur-border-radius-sm) var(--purpur-border-radius-sm) 0 0;background:transparent;font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);font-weight:500;white-space:nowrap;cursor:pointer;transition:all var(--purpur-motion-duration-150) var(--purpur-motion-easing-ease-in-out)}._purpur-tab-header_1tc2s_1[aria-selected=true]{cursor:auto}._purpur-tab-header_1tc2s_1:focus-visible{outline:0}._purpur-tab-header_1tc2s_1:focus-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);outline-offset:calc(-1 * var(--purpur-border-width-sm));border-radius:var(--purpur-border-radius-sm) var(--purpur-border-radius-sm) 0 0;pointer-events:none}._purpur-tab-header--contained_1tc2s_36:focus-visible:after,._purpur-tab-header--contained-negative_1tc2s_36:focus-visible:after{top:calc(-1 * var(--purpur-border-width-sm))}._purpur-tab-header--line_1tc2s_39{color:var(--purpur-color-text-interactive-primary);background:var(--purpur-color-functional-transparent)}._purpur-tab-header--line_1tc2s_39:not(._purpur-tab-header_1tc2s_1[aria-selected=true]):hover{color:var(--purpur-color-text-interactive-primary-hover);background:var(--purpur-color-background-interactive-transparent-hover)}._purpur-tab-header--line_1tc2s_39:not(._purpur-tab-header_1tc2s_1[aria-selected=true]):active{color:var(--purpur-color-text-interactive-primary-active);background:var(--purpur-color-background-interactive-transparent-active)}._purpur-tab-header--line-negative_1tc2s_51{color:var(--purpur-color-text-interactive-primary-negative);background:var(--purpur-color-functional-transparent)}._purpur-tab-header--line-negative_1tc2s_51:not(._purpur-tab-header_1tc2s_1[aria-selected=true]):hover{color:var(--purpur-color-text-interactive-primary-hover-negative);background:var(--purpur-color-background-interactive-transparent-hover-negative)}._purpur-tab-header--line-negative_1tc2s_51:not(._purpur-tab-header_1tc2s_1[aria-selected=true]):active{color:var(--purpur-color-text-interactive-primary-active-negative);background:var(--purpur-color-background-interactive-transparent-active-negative)}._purpur-tab-header--contained_1tc2s_36{padding-top:calc(var(--purpur-spacing-100) + var(--purpur-spacing-25) - var(--purpur-border-width-sm));border-top:var(--purpur-border-width-sm) solid transparent;color:var(--purpur-color-text-interactive-primary);background:var(--purpur-color-background-interactive-inactive)}._purpur-tab-header--contained_1tc2s_36._purpur-tab-header_1tc2s_1[aria-selected=true]{border-color:var(--purpur-color-border-interactive-primary);background:var(--purpur-color-background-primary)}._purpur-tab-header--contained_1tc2s_36:not(._purpur-tab-header_1tc2s_1[aria-selected=true]):hover{color:var(--purpur-color-text-interactive-primary-hover);background:var(--purpur-color-background-interactive-transparent-hover)}._purpur-tab-header--contained_1tc2s_36:not(._purpur-tab-header_1tc2s_1[aria-selected=true]):active{color:var(--purpur-color-text-interactive-primary-active);background:var(--purpur-color-background-interactive-transparent-active)}._purpur-tab-header--contained-negative_1tc2s_36{padding-top:calc(var(--purpur-spacing-100) + var(--purpur-spacing-25) - var(--purpur-border-width-sm));border-top:var(--purpur-border-width-sm) solid transparent;color:var(--purpur-color-text-interactive-primary-negative);background:var(--purpur-color-background-interactive-inactive-negative)}._purpur-tab-header--contained-negative_1tc2s_36._purpur-tab-header_1tc2s_1[aria-selected=true]{border-color:var(--purpur-color-border-interactive-primary-negative);color:var(--purpur-color-text-interactive-primary);background:var(--purpur-color-background-primary)}._purpur-tab-header--contained-negative_1tc2s_36:not(._purpur-tab-header_1tc2s_1[aria-selected=true]):hover{color:var(--purpur-color-text-interactive-primary-hover-negative);background:var(--purpur-color-background-interactive-transparent-hover-negative)}._purpur-tab-header--contained-negative_1tc2s_36:not(._purpur-tab-header_1tc2s_1[aria-selected=true]):active{color:var(--purpur-color-text-interactive-primary-active-negative);background:var(--purpur-color-background-interactive-transparent-active-negative)}._purpur-tab-header--full-width_1tc2s_100{width:100%}._purpur-tabs__wrapper_jv2vl_1{position:relative;-ms-overflow-style:none;scrollbar-width:none}._purpur-tabs__wrapper_jv2vl_1 ::-webkit-scrollbar{display:none}._purpur-tabs__wrapper_jv2vl_1 ._purpur-tabs__scroll-button_jv2vl_9{display:none;align-items:center;position:absolute;top:0;z-index:10;height:100%;padding:0;border:var(--purpur-border-width-xs) solid var(--purpur-color-border-interactive-subtle);border-radius:var(--purpur-border-radius-xs);color:var(--purpur-color-text-default);background:var(--purpur-color-background-primary);box-shadow:var(--purpur-shadow-md);cursor:pointer}@media
|
|
1
|
+
._purpur-tab-content_1ugbi_1{position:relative}._purpur-tab-content_1ugbi_1:focus-visible{outline:0}._purpur-tab-content_1ugbi_1:focus-visible:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);border-radius:var(--purpur-border-radius-xs);pointer-events:none}._purpur-tab-content--force-mount_1ugbi_15[data-state=inactive]{display:none}._purpur-tab-header_1tc2s_1{position:relative;display:flex;align-items:center;justify-content:center;width:auto;padding:calc(var(--purpur-spacing-100) + var(--purpur-spacing-25)) var(--purpur-spacing-200);border:0;border-radius:var(--purpur-border-radius-sm) var(--purpur-border-radius-sm) 0 0;background:transparent;font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);font-weight:500;white-space:nowrap;cursor:pointer;transition:all var(--purpur-motion-duration-150) var(--purpur-motion-easing-ease-in-out)}._purpur-tab-header_1tc2s_1[aria-selected=true]{cursor:auto}._purpur-tab-header_1tc2s_1:focus-visible{outline:0}._purpur-tab-header_1tc2s_1:focus-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);outline-offset:calc(-1 * var(--purpur-border-width-sm));border-radius:var(--purpur-border-radius-sm) var(--purpur-border-radius-sm) 0 0;pointer-events:none}._purpur-tab-header--contained_1tc2s_36:focus-visible:after,._purpur-tab-header--contained-negative_1tc2s_36:focus-visible:after{top:calc(-1 * var(--purpur-border-width-sm))}._purpur-tab-header--line_1tc2s_39{color:var(--purpur-color-text-interactive-primary);background:var(--purpur-color-functional-transparent)}._purpur-tab-header--line_1tc2s_39:not(._purpur-tab-header_1tc2s_1[aria-selected=true]):hover{color:var(--purpur-color-text-interactive-primary-hover);background:var(--purpur-color-background-interactive-transparent-hover)}._purpur-tab-header--line_1tc2s_39:not(._purpur-tab-header_1tc2s_1[aria-selected=true]):active{color:var(--purpur-color-text-interactive-primary-active);background:var(--purpur-color-background-interactive-transparent-active)}._purpur-tab-header--line-negative_1tc2s_51{color:var(--purpur-color-text-interactive-primary-negative);background:var(--purpur-color-functional-transparent)}._purpur-tab-header--line-negative_1tc2s_51:not(._purpur-tab-header_1tc2s_1[aria-selected=true]):hover{color:var(--purpur-color-text-interactive-primary-hover-negative);background:var(--purpur-color-background-interactive-transparent-hover-negative)}._purpur-tab-header--line-negative_1tc2s_51:not(._purpur-tab-header_1tc2s_1[aria-selected=true]):active{color:var(--purpur-color-text-interactive-primary-active-negative);background:var(--purpur-color-background-interactive-transparent-active-negative)}._purpur-tab-header--contained_1tc2s_36{padding-top:calc(var(--purpur-spacing-100) + var(--purpur-spacing-25) - var(--purpur-border-width-sm));border-top:var(--purpur-border-width-sm) solid transparent;color:var(--purpur-color-text-interactive-primary);background:var(--purpur-color-background-interactive-inactive)}._purpur-tab-header--contained_1tc2s_36._purpur-tab-header_1tc2s_1[aria-selected=true]{border-color:var(--purpur-color-border-interactive-primary);background:var(--purpur-color-background-primary)}._purpur-tab-header--contained_1tc2s_36:not(._purpur-tab-header_1tc2s_1[aria-selected=true]):hover{color:var(--purpur-color-text-interactive-primary-hover);background:var(--purpur-color-background-interactive-transparent-hover)}._purpur-tab-header--contained_1tc2s_36:not(._purpur-tab-header_1tc2s_1[aria-selected=true]):active{color:var(--purpur-color-text-interactive-primary-active);background:var(--purpur-color-background-interactive-transparent-active)}._purpur-tab-header--contained-negative_1tc2s_36{padding-top:calc(var(--purpur-spacing-100) + var(--purpur-spacing-25) - var(--purpur-border-width-sm));border-top:var(--purpur-border-width-sm) solid transparent;color:var(--purpur-color-text-interactive-primary-negative);background:var(--purpur-color-background-interactive-inactive-negative)}._purpur-tab-header--contained-negative_1tc2s_36._purpur-tab-header_1tc2s_1[aria-selected=true]{border-color:var(--purpur-color-border-interactive-primary-negative);color:var(--purpur-color-text-interactive-primary);background:var(--purpur-color-background-primary)}._purpur-tab-header--contained-negative_1tc2s_36:not(._purpur-tab-header_1tc2s_1[aria-selected=true]):hover{color:var(--purpur-color-text-interactive-primary-hover-negative);background:var(--purpur-color-background-interactive-transparent-hover-negative)}._purpur-tab-header--contained-negative_1tc2s_36:not(._purpur-tab-header_1tc2s_1[aria-selected=true]):active{color:var(--purpur-color-text-interactive-primary-active-negative);background:var(--purpur-color-background-interactive-transparent-active-negative)}._purpur-tab-header--full-width_1tc2s_100{width:100%}._purpur-tabs__wrapper_jv2vl_1{position:relative;-ms-overflow-style:none;scrollbar-width:none}._purpur-tabs__wrapper_jv2vl_1 ::-webkit-scrollbar{display:none}._purpur-tabs__wrapper_jv2vl_1 ._purpur-tabs__scroll-button_jv2vl_9{display:none;align-items:center;position:absolute;top:0;z-index:10;height:100%;padding:0;border:var(--purpur-border-width-xs) solid var(--purpur-color-border-interactive-subtle);border-radius:var(--purpur-border-radius-xs);color:var(--purpur-color-text-default);background:var(--purpur-color-background-primary);box-shadow:var(--purpur-shadow-md);cursor:pointer}@media(prefers-reduced-motion:no-preference){._purpur-tabs__wrapper_jv2vl_1 ._purpur-tabs__scroll-button_jv2vl_9{transition:all var(--purpur-motion-duration-150) var(--purpur-motion-easing-ease-in-out)}}._purpur-tabs__wrapper_jv2vl_1 ._purpur-tabs__scroll-button_jv2vl_9:after{content:"";position:absolute;inset:calc(-1 * var(--purpur-border-width-xs));border:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-subtle-hover);border-radius:var(--purpur-border-radius-xs);box-sizing:border-box;opacity:0}@media(prefers-reduced-motion:no-preference){._purpur-tabs__wrapper_jv2vl_1 ._purpur-tabs__scroll-button_jv2vl_9:after{transition:all var(--purpur-motion-duration-150) var(--purpur-motion-easing-ease-in-out)}}._purpur-tabs__wrapper_jv2vl_1 ._purpur-tabs__scroll-button_jv2vl_9:hover{box-shadow:none;border-color:transparent;color:var(--purpur-color-text-interactive-primary-hover)}._purpur-tabs__wrapper_jv2vl_1 ._purpur-tabs__scroll-button_jv2vl_9:hover:after{opacity:1}._purpur-tabs__wrapper_jv2vl_1 ._purpur-tabs__scroll-button_jv2vl_9:active:after{border-width:var(--purpur-border-width-xs)}._purpur-tabs__wrapper_jv2vl_1 ._purpur-tabs__scroll-button_jv2vl_9:focus{outline:0}._purpur-tabs__wrapper_jv2vl_1 ._purpur-tabs__scroll-button_jv2vl_9:focus-visible{outline:0;border-color:var(--purpur-color-border-interactive-subtle);box-shadow:none}._purpur-tabs__wrapper_jv2vl_1 ._purpur-tabs__scroll-button_jv2vl_9:focus-visible:after{left:calc(-1 * var(--purpur-border-width-sm) * 2);top:calc(-1 * var(--purpur-border-width-sm) * 2);width:calc(100% + var(--purpur-border-width-sm) * 4);height:calc(100% + var(--purpur-border-width-sm) * 4);border-color:var(--purpur-color-border-interactive-focus);opacity:1;pointer-events:none}._purpur-tabs__wrapper_jv2vl_1 ._purpur-tabs__scroll-button--left_jv2vl_71{left:0}._purpur-tabs__wrapper_jv2vl_1 ._purpur-tabs__scroll-button--right_jv2vl_74{right:0}._purpur-tabs__wrapper--scroll-start_jv2vl_77 ._purpur-tabs__scroll-button--left_jv2vl_71,._purpur-tabs__wrapper--scroll-end_jv2vl_80 ._purpur-tabs__scroll-button--right_jv2vl_74{display:flex}._purpur-tabs--line_jv2vl_83 ._purpur-tabs__wrapper_jv2vl_1:after,._purpur-tabs--line-negative_jv2vl_83 ._purpur-tabs__wrapper_jv2vl_1:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:var(--purpur-border-width-sm)}._purpur-tabs--line_jv2vl_83 ._purpur-tabs__selected-border_jv2vl_91,._purpur-tabs--line-negative_jv2vl_83 ._purpur-tabs__selected-border_jv2vl_91{position:absolute;bottom:0;left:0;z-index:10;height:var(--purpur-border-width-sm)}@media(prefers-reduced-motion:no-preference){._purpur-tabs--line_jv2vl_83 ._purpur-tabs__selected-border_jv2vl_91,._purpur-tabs--line-negative_jv2vl_83 ._purpur-tabs__selected-border_jv2vl_91{transition:all var(--purpur-motion-duration-150) var(--purpur-motion-easing-ease-in-out)}}._purpur-tabs--line_jv2vl_83 ._purpur-tabs__wrapper_jv2vl_1:after{background:var(--purpur-color-border-weak)}._purpur-tabs--line_jv2vl_83 ._purpur-tabs__selected-border_jv2vl_91{background:var(--purpur-color-border-interactive-primary)}._purpur-tabs--line-negative_jv2vl_83 ._purpur-tabs__wrapper_jv2vl_1:after{background:var(--purpur-color-border-weak-negative)}._purpur-tabs--line-negative_jv2vl_83 ._purpur-tabs__selected-border_jv2vl_91{background:var(--purpur-color-border-interactive-primary-negative)}._purpur-tabs__content-wrapper_jv2vl_115{overflow:hidden}@media(prefers-reduced-motion:no-preference){._purpur-tabs__content-wrapper_jv2vl_115{transition:height var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out)}}._purpur-tabs--contained_jv2vl_123 ._purpur-tabs__list_jv2vl_123,._purpur-tabs--contained-negative_jv2vl_123 ._purpur-tabs__list_jv2vl_123{gap:var(--purpur-spacing-100)}._purpur-tabs--contained_jv2vl_123 ._purpur-tabs__content-container_jv2vl_126,._purpur-tabs--contained-negative_jv2vl_123 ._purpur-tabs__content-container_jv2vl_126{background:var(--purpur-color-background-primary)}._purpur-tabs__list_jv2vl_123{position:relative;display:inline-flex;align-items:flex-end;max-width:100%;overflow:auto}._purpur-tabs--full-width_jv2vl_136 ._purpur-tabs__list_jv2vl_123{min-width:100%}
|