@react-spectrum/tabs 3.0.3-nightly.2977 → 3.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/main.css +1 -1
- package/dist/main.js +21 -21
- package/dist/module.js +21 -21
- package/package.json +20 -20
package/dist/main.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
._spectrum-TabsPanel_8ca38{display:-ms-flexbox;display:flex;width:100%}._spectrum-TabsPanel--horizontal_8ca38{-ms-flex-direction:column;flex-direction:column}._spectrum-TabsPanel--vertical_8ca38{-ms-flex-direction:row;flex-direction:row}._spectrum-Tabs_8ca38{display:-ms-flexbox;display:flex;position:relative;z-index:0;margin:0;padding:0;vertical-align:top;outline:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}._spectrum-Tabs-item_8ca38{position:relative;box-sizing:border-box;height:calc(var(--spectrum-global-dimension-size-600) - var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)));line-height:calc(var(--spectrum-global-dimension-size-600) - var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)));z-index:1;text-decoration:none;white-space:nowrap;transition:color .13s ease-out;cursor:default;outline:none}._spectrum-Tabs-item_8ca38._is-disabled_8ca38,._spectrum-Tabs-item_8ca38._is-disabled_8ca38 ._spectrum-Tabs-itemLabel_8ca38{cursor:default}._spectrum-Tabs-item_8ca38 ._spectrum-Icon_8ca38{height:calc(var(--spectrum-global-dimension-size-600) - var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)));transition:fill .13s ease-out;transform:translateZ(0)}[dir=ltr] ._spectrum-Tabs-item_8ca38 ._spectrum-Icon_8ca38+._spectrum-Tabs-itemLabel_8ca38{margin-left:var(--spectrum-global-dimension-size-100)}[dir=rtl] ._spectrum-Tabs-item_8ca38 ._spectrum-Icon_8ca38+._spectrum-Tabs-itemLabel_8ca38{margin-right:var(--spectrum-global-dimension-size-100)}[dir=ltr] ._spectrum-Tabs-item_8ca38:before{left:calc(var(--spectrum-global-dimension-size-100) * -1)}[dir=ltr] ._spectrum-Tabs-item_8ca38:before,[dir=rtl] ._spectrum-Tabs-item_8ca38:before{right:calc(var(--spectrum-global-dimension-size-100) * -1)}[dir=rtl] ._spectrum-Tabs-item_8ca38:before{left:calc(var(--spectrum-global-dimension-size-100) * -1)}._spectrum-Tabs-item_8ca38:before{content:"";position:absolute;top:50%;box-sizing:border-box;height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));margin-top:calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) / -2 + var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)) / 2);border:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)) solid transparent;border-radius:var(--spectrum-tabs-focus-ring-border-radius);pointer-events:none}._spectrum-Tabs-itemLabel_8ca38{cursor:default;vertical-align:top;display:inline-block;font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular))}._spectrum-Tabs-itemLabel_8ca38:empty{display:none}[dir=ltr] ._spectrum-Tabs-selectionIndicator_8ca38{left:0}[dir=rtl] ._spectrum-Tabs-selectionIndicator_8ca38{right:0}._spectrum-Tabs-selectionIndicator_8ca38{position:absolute;z-index:0;transform-origin:top left;border-radius:var(--spectrum-global-dimension-static-size-10,1px)}[dir=ltr] ._spectrum-Tabs--horizontal_8ca38 ._spectrum-Tabs-selectionIndicator_8ca38{transform:translateX(var(--spectrum-global-dimension-size-100))}[dir=rtl] ._spectrum-Tabs--horizontal_8ca38 ._spectrum-Tabs-selectionIndicator_8ca38{transform:translateX(calc(var(--spectrum-global-dimension-size-100) * -1))}._spectrum-Tabs--compact_8ca38 ._spectrum-Tabs-item_8ca38{line-height:calc(var(--spectrum-global-dimension-size-400) - var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)))}._spectrum-Tabs--compact_8ca38 ._spectrum-Tabs-item_8ca38,._spectrum-Tabs--compact_8ca38 ._spectrum-Tabs-item_8ca38 ._spectrum-Icon_8ca38{height:calc(var(--spectrum-global-dimension-size-400) - var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)))}._spectrum-Tabs--horizontal_8ca38{-ms-flex-align:center;align-items:center;border-bottom:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)) solid}._spectrum-Tabs--horizontal_8ca38 ._spectrum-Tabs-item_8ca38{vertical-align:top}[dir=ltr] ._spectrum-Tabs--horizontal_8ca38 ._spectrum-Tabs-item_8ca38+:not(._spectrum-Tabs-selectionIndicator_8ca38){margin-left:var(--spectrum-global-dimension-size-300)}[dir=rtl] ._spectrum-Tabs--horizontal_8ca38 ._spectrum-Tabs-item_8ca38+:not(._spectrum-Tabs-selectionIndicator_8ca38){margin-right:var(--spectrum-global-dimension-size-300)}._spectrum-Tabs--horizontal_8ca38 ._spectrum-Tabs-selectionIndicator_8ca38{position:absolute;height:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));bottom:calc(var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)) * -1);transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,width var(--spectrum-global-animation-duration-100,.13s) ease-in-out}[dir=ltr] ._spectrum-Tabs--horizontal_8ca38._spectrum-Tabs--isCollapsed_8ca38{left:0}[dir=rtl] ._spectrum-Tabs--horizontal_8ca38._spectrum-Tabs--isCollapsed_8ca38{right:0}._spectrum-Tabs--horizontal_8ca38._spectrum-Tabs--isCollapsed_8ca38{height:calc(var(--spectrum-global-dimension-size-600) - var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)))}[dir=ltr] ._spectrum-Tabs--horizontal_8ca38._spectrum-Tabs--isCollapsed_8ca38 button:before{left:calc(var(--spectrum-global-dimension-size-100) * -1)}[dir=ltr] ._spectrum-Tabs--horizontal_8ca38._spectrum-Tabs--isCollapsed_8ca38 button:before,[dir=rtl] ._spectrum-Tabs--horizontal_8ca38._spectrum-Tabs--isCollapsed_8ca38 button:before{right:calc(var(--spectrum-global-dimension-size-100) * -1)}[dir=rtl] ._spectrum-Tabs--horizontal_8ca38._spectrum-Tabs--isCollapsed_8ca38 button:before{left:calc(var(--spectrum-global-dimension-size-100) * -1)}._spectrum-Tabs--horizontal_8ca38._spectrum-Tabs--isCollapsed_8ca38 button:before{content:"";position:absolute;top:50%;box-sizing:border-box;height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));margin-top:calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) / -2 + var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)) / 2);border:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)) solid transparent;border-radius:var(--spectrum-tabs-focus-ring-border-radius);pointer-events:none}._spectrum-Tabs--horizontal_8ca38._spectrum-Tabs--compact_8ca38,._spectrum-Tabs--horizontal_8ca38._spectrum-Tabs--isCollapsed_8ca38._spectrum-Tabs--compact_8ca38 button{height:calc(var(--spectrum-global-dimension-size-400) - var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)))}._spectrum-Tabs--horizontal_8ca38._spectrum-Tabs--compact_8ca38{box-sizing:initial;-ms-flex-align:end;align-items:end}._spectrum-Tabs--quiet_8ca38{display:-ms-inline-flexbox;display:inline-flex}[dir=ltr] ._spectrum-Tabs--vertical_8ca38{border-left:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)) solid}[dir=rtl] ._spectrum-Tabs--vertical_8ca38{border-right:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)) solid}._spectrum-Tabs--vertical_8ca38{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;padding:0}[dir=ltr] ._spectrum-Tabs--vertical_8ca38 ._spectrum-Tabs-item_8ca38{margin-left:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-global-dimension-size-100))}[dir=rtl] ._spectrum-Tabs--vertical_8ca38 ._spectrum-Tabs-item_8ca38{margin-right:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-global-dimension-size-100))}._spectrum-Tabs--vertical_8ca38 ._spectrum-Tabs-item_8ca38{height:var(--spectrum-global-dimension-size-550);padding:0 var(--spectrum-global-dimension-size-100);margin-bottom:var(--spectrum-global-dimension-size-50)}[dir=ltr] ._spectrum-Tabs--vertical_8ca38 ._spectrum-Tabs-item_8ca38:before{left:calc(var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)) * -1)}[dir=ltr] ._spectrum-Tabs--vertical_8ca38 ._spectrum-Tabs-item_8ca38:before,[dir=rtl] ._spectrum-Tabs--vertical_8ca38 ._spectrum-Tabs-item_8ca38:before{right:calc(var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)) * -1)}[dir=rtl] ._spectrum-Tabs--vertical_8ca38 ._spectrum-Tabs-item_8ca38:before{left:calc(var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)) * -1)}._spectrum-Tabs--vertical_8ca38 ._spectrum-Tabs-item_8ca38:before{margin-top:calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) / -2)}._spectrum-Tabs--vertical_8ca38._spectrum-Tabs--compact_8ca38 ._spectrum-Tabs-item_8ca38{height:var(--spectrum-global-dimension-size-400);line-height:var(--spectrum-global-dimension-size-400);margin-bottom:var(--spectrum-global-dimension-size-50)}._spectrum-Tabs--vertical_8ca38._spectrum-Tabs--compact_8ca38 ._spectrum-Tabs-item_8ca38 ._spectrum-Icon_8ca38{height:var(--spectrum-global-dimension-size-400)}[dir=ltr] ._spectrum-Tabs--vertical_8ca38 ._spectrum-Tabs-selectionIndicator_8ca38{left:calc(var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)) * -1)}[dir=rtl] ._spectrum-Tabs--vertical_8ca38 ._spectrum-Tabs-selectionIndicator_8ca38{right:calc(var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)) * -1)}._spectrum-Tabs--vertical_8ca38 ._spectrum-Tabs-selectionIndicator_8ca38{position:absolute;width:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,height var(--spectrum-global-animation-duration-100,.13s) ease-in-out}._spectrum-TabsPanel-collapseWrapper_8ca38{display:-ms-flexbox;display:flex;position:relative}._spectrum-TabsPanel-tabs_8ca38{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:0%;flex-basis:0%}._spectrum-TabsPanel-tabs_8ca38._spectrum-Tabs--vertical_8ca38{-ms-flex-positive:0;flex-grow:0}._spectrum-TabsPanel-tabpanel_8ca38{-ms-flex-positive:1;flex-grow:1;border:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)) solid transparent}._spectrum-TabsPanel--vertical_8ca38 ._spectrum-Tabs_8ca38{padding-right:var(--spectrum-global-dimension-size-160)}._spectrum-Tabs_8ca38{border-bottom-color:var(--spectrum-global-color-gray-200)}._spectrum-Tabs_8ca38._spectrum-Tabs--isCollapsed_8ca38 ._focus-ring_8ca38{box-shadow:none}._spectrum-Tabs_8ca38._spectrum-Tabs--isCollapsed_8ca38 ._focus-ring_8ca38:before{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}[dir=ltr] ._spectrum-Tabs--vertical_8ca38{border-left-color:var(--spectrum-global-color-gray-200)}[dir=rtl] ._spectrum-Tabs--vertical_8ca38{border-right-color:var(--spectrum-global-color-gray-200)}._spectrum-Tabs-selectionIndicator_8ca38{background-color:var(--spectrum-global-color-gray-900)}._spectrum-Tabs-item_8ca38{color:var(--spectrum-alias-label-text-color,var(--spectrum-global-color-gray-700))}._spectrum-Tabs-item_8ca38 ._spectrum-Icon_8ca38{fill:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}._spectrum-Tabs-item_8ca38._is-hovered_8ca38{color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-Tabs-item_8ca38._is-hovered_8ca38 ._spectrum-Icon_8ca38{fill:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-Tabs-item_8ca38._is-selected_8ca38{color:var(--spectrum-global-color-gray-900)}._spectrum-Tabs-item_8ca38._is-selected_8ca38 ._spectrum-Icon_8ca38{fill:var(--spectrum-global-color-gray-900)}._spectrum-Tabs-item_8ca38._focus-ring_8ca38{color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-Tabs-item_8ca38._focus-ring_8ca38:before{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-Tabs-item_8ca38._focus-ring_8ca38 ._spectrum-Icon_8ca38{fill:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}._spectrum-Tabs-item_8ca38._is-disabled_8ca38{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-Tabs-item_8ca38._is-disabled_8ca38 ._spectrum-Icon_8ca38{fill:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}._spectrum-Tabs--quiet_8ca38{border-bottom-color:var(--spectrum-alias-border-color-transparent,transparent)}._spectrum-Tabs--quiet_8ca38 ._spectrum-Tabs-selectionIndicator_8ca38{background-color:var(--spectrum-global-color-gray-900)}[dir=ltr] ._spectrum-Tabs--vertical_8ca38._spectrum-Tabs--compact_8ca38,[dir=ltr] ._spectrum-Tabs--vertical_8ca38._spectrum-Tabs--quiet_8ca38{border-left-color:var(--spectrum-alias-border-color-transparent,transparent)}[dir=rtl] ._spectrum-Tabs--vertical_8ca38._spectrum-Tabs--compact_8ca38,[dir=rtl] ._spectrum-Tabs--vertical_8ca38._spectrum-Tabs--quiet_8ca38{border-right-color:var(--spectrum-alias-border-color-transparent,transparent)}._spectrum-Tabs--vertical_8ca38._spectrum-Tabs--compact_8ca38 ._spectrum-Tabs-selectionIndicator_8ca38,._spectrum-Tabs--vertical_8ca38._spectrum-Tabs--quiet_8ca38 ._spectrum-Tabs-selectionIndicator_8ca38{background-color:var(--spectrum-global-color-gray-900)}._spectrum-TabsPanel-tabpanel_8ca38:focus{outline:none}._spectrum-TabsPanel-tabpanel_8ca38._focus-ring_8ca38{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}
|
|
1
|
+
._spectrum-TabsPanel_0248f{display:-ms-flexbox;display:flex;width:100%}._spectrum-TabsPanel--horizontal_0248f{-ms-flex-direction:column;flex-direction:column}._spectrum-TabsPanel--vertical_0248f{-ms-flex-direction:row;flex-direction:row}._spectrum-Tabs_0248f{display:-ms-flexbox;display:flex;position:relative;z-index:0;margin:0;padding:0;vertical-align:top;outline:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}._spectrum-Tabs-item_0248f{position:relative;box-sizing:border-box;height:calc(var(--spectrum-global-dimension-size-600) - var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)));line-height:calc(var(--spectrum-global-dimension-size-600) - var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)));z-index:1;text-decoration:none;white-space:nowrap;transition:color .13s ease-out;cursor:default;outline:none}._spectrum-Tabs-item_0248f._is-disabled_0248f,._spectrum-Tabs-item_0248f._is-disabled_0248f ._spectrum-Tabs-itemLabel_0248f{cursor:default}._spectrum-Tabs-item_0248f ._spectrum-Icon_0248f{height:calc(var(--spectrum-global-dimension-size-600) - var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)));transition:fill .13s ease-out;transform:translateZ(0)}[dir=ltr] ._spectrum-Tabs-item_0248f ._spectrum-Icon_0248f+._spectrum-Tabs-itemLabel_0248f{margin-left:var(--spectrum-global-dimension-size-100)}[dir=rtl] ._spectrum-Tabs-item_0248f ._spectrum-Icon_0248f+._spectrum-Tabs-itemLabel_0248f{margin-right:var(--spectrum-global-dimension-size-100)}[dir=ltr] ._spectrum-Tabs-item_0248f:before{left:calc(var(--spectrum-global-dimension-size-100) * -1)}[dir=ltr] ._spectrum-Tabs-item_0248f:before,[dir=rtl] ._spectrum-Tabs-item_0248f:before{right:calc(var(--spectrum-global-dimension-size-100) * -1)}[dir=rtl] ._spectrum-Tabs-item_0248f:before{left:calc(var(--spectrum-global-dimension-size-100) * -1)}._spectrum-Tabs-item_0248f:before{content:"";position:absolute;top:50%;box-sizing:border-box;height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));margin-top:calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) / -2 + var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)) / 2);border:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)) solid transparent;border-radius:var(--spectrum-tabs-focus-ring-border-radius);pointer-events:none}._spectrum-Tabs-itemLabel_0248f{cursor:default;vertical-align:top;display:inline-block;font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular))}._spectrum-Tabs-itemLabel_0248f:empty{display:none}[dir=ltr] ._spectrum-Tabs-selectionIndicator_0248f{left:0}[dir=rtl] ._spectrum-Tabs-selectionIndicator_0248f{right:0}._spectrum-Tabs-selectionIndicator_0248f{position:absolute;z-index:0;transform-origin:top left;border-radius:var(--spectrum-global-dimension-static-size-10,1px)}[dir=ltr] ._spectrum-Tabs--horizontal_0248f ._spectrum-Tabs-selectionIndicator_0248f{transform:translateX(var(--spectrum-global-dimension-size-100))}[dir=rtl] ._spectrum-Tabs--horizontal_0248f ._spectrum-Tabs-selectionIndicator_0248f{transform:translateX(calc(var(--spectrum-global-dimension-size-100) * -1))}._spectrum-Tabs--compact_0248f ._spectrum-Tabs-item_0248f{line-height:calc(var(--spectrum-global-dimension-size-400) - var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)))}._spectrum-Tabs--compact_0248f ._spectrum-Tabs-item_0248f,._spectrum-Tabs--compact_0248f ._spectrum-Tabs-item_0248f ._spectrum-Icon_0248f{height:calc(var(--spectrum-global-dimension-size-400) - var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)))}._spectrum-Tabs--horizontal_0248f{-ms-flex-align:center;align-items:center;border-bottom:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)) solid}._spectrum-Tabs--horizontal_0248f ._spectrum-Tabs-item_0248f{vertical-align:top}[dir=ltr] ._spectrum-Tabs--horizontal_0248f ._spectrum-Tabs-item_0248f+:not(._spectrum-Tabs-selectionIndicator_0248f){margin-left:var(--spectrum-global-dimension-size-300)}[dir=rtl] ._spectrum-Tabs--horizontal_0248f ._spectrum-Tabs-item_0248f+:not(._spectrum-Tabs-selectionIndicator_0248f){margin-right:var(--spectrum-global-dimension-size-300)}._spectrum-Tabs--horizontal_0248f ._spectrum-Tabs-selectionIndicator_0248f{position:absolute;height:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));bottom:calc(var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)) * -1);transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,width var(--spectrum-global-animation-duration-100,.13s) ease-in-out}[dir=ltr] ._spectrum-Tabs--horizontal_0248f._spectrum-Tabs--isCollapsed_0248f{left:0}[dir=rtl] ._spectrum-Tabs--horizontal_0248f._spectrum-Tabs--isCollapsed_0248f{right:0}._spectrum-Tabs--horizontal_0248f._spectrum-Tabs--isCollapsed_0248f{height:calc(var(--spectrum-global-dimension-size-600) - var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)))}[dir=ltr] ._spectrum-Tabs--horizontal_0248f._spectrum-Tabs--isCollapsed_0248f button:before{left:calc(var(--spectrum-global-dimension-size-100) * -1)}[dir=ltr] ._spectrum-Tabs--horizontal_0248f._spectrum-Tabs--isCollapsed_0248f button:before,[dir=rtl] ._spectrum-Tabs--horizontal_0248f._spectrum-Tabs--isCollapsed_0248f button:before{right:calc(var(--spectrum-global-dimension-size-100) * -1)}[dir=rtl] ._spectrum-Tabs--horizontal_0248f._spectrum-Tabs--isCollapsed_0248f button:before{left:calc(var(--spectrum-global-dimension-size-100) * -1)}._spectrum-Tabs--horizontal_0248f._spectrum-Tabs--isCollapsed_0248f button:before{content:"";position:absolute;top:50%;box-sizing:border-box;height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));margin-top:calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) / -2 + var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)) / 2);border:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)) solid transparent;border-radius:var(--spectrum-tabs-focus-ring-border-radius);pointer-events:none}._spectrum-Tabs--horizontal_0248f._spectrum-Tabs--compact_0248f,._spectrum-Tabs--horizontal_0248f._spectrum-Tabs--isCollapsed_0248f._spectrum-Tabs--compact_0248f button{height:calc(var(--spectrum-global-dimension-size-400) - var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)))}._spectrum-Tabs--horizontal_0248f._spectrum-Tabs--compact_0248f{box-sizing:initial;-ms-flex-align:end;align-items:end}._spectrum-Tabs--quiet_0248f{display:-ms-inline-flexbox;display:inline-flex}[dir=ltr] ._spectrum-Tabs--vertical_0248f{border-left:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)) solid}[dir=rtl] ._spectrum-Tabs--vertical_0248f{border-right:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)) solid}._spectrum-Tabs--vertical_0248f{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;padding:0}[dir=ltr] ._spectrum-Tabs--vertical_0248f ._spectrum-Tabs-item_0248f{margin-left:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-global-dimension-size-100))}[dir=rtl] ._spectrum-Tabs--vertical_0248f ._spectrum-Tabs-item_0248f{margin-right:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-global-dimension-size-100))}._spectrum-Tabs--vertical_0248f ._spectrum-Tabs-item_0248f{height:var(--spectrum-global-dimension-size-550);padding:0 var(--spectrum-global-dimension-size-100);margin-bottom:var(--spectrum-global-dimension-size-50)}[dir=ltr] ._spectrum-Tabs--vertical_0248f ._spectrum-Tabs-item_0248f:before{left:calc(var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)) * -1)}[dir=ltr] ._spectrum-Tabs--vertical_0248f ._spectrum-Tabs-item_0248f:before,[dir=rtl] ._spectrum-Tabs--vertical_0248f ._spectrum-Tabs-item_0248f:before{right:calc(var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)) * -1)}[dir=rtl] ._spectrum-Tabs--vertical_0248f ._spectrum-Tabs-item_0248f:before{left:calc(var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)) * -1)}._spectrum-Tabs--vertical_0248f ._spectrum-Tabs-item_0248f:before{margin-top:calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) / -2)}._spectrum-Tabs--vertical_0248f._spectrum-Tabs--compact_0248f ._spectrum-Tabs-item_0248f{height:var(--spectrum-global-dimension-size-400);line-height:var(--spectrum-global-dimension-size-400);margin-bottom:var(--spectrum-global-dimension-size-50)}._spectrum-Tabs--vertical_0248f._spectrum-Tabs--compact_0248f ._spectrum-Tabs-item_0248f ._spectrum-Icon_0248f{height:var(--spectrum-global-dimension-size-400)}[dir=ltr] ._spectrum-Tabs--vertical_0248f ._spectrum-Tabs-selectionIndicator_0248f{left:calc(var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)) * -1)}[dir=rtl] ._spectrum-Tabs--vertical_0248f ._spectrum-Tabs-selectionIndicator_0248f{right:calc(var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25)) * -1)}._spectrum-Tabs--vertical_0248f ._spectrum-Tabs-selectionIndicator_0248f{position:absolute;width:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,height var(--spectrum-global-animation-duration-100,.13s) ease-in-out}._spectrum-TabsPanel-collapseWrapper_0248f{display:-ms-flexbox;display:flex;position:relative}._spectrum-TabsPanel-tabs_0248f{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:0%;flex-basis:0%}._spectrum-TabsPanel-tabs_0248f._spectrum-Tabs--vertical_0248f{-ms-flex-positive:0;flex-grow:0}._spectrum-TabsPanel-tabpanel_0248f{-ms-flex-positive:1;flex-grow:1;border:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25)) solid transparent}._spectrum-TabsPanel--vertical_0248f ._spectrum-Tabs_0248f{padding-right:var(--spectrum-global-dimension-size-160)}._spectrum-Tabs_0248f{border-bottom-color:var(--spectrum-global-color-gray-200)}._spectrum-Tabs_0248f._spectrum-Tabs--isCollapsed_0248f ._focus-ring_0248f{box-shadow:none}._spectrum-Tabs_0248f._spectrum-Tabs--isCollapsed_0248f ._focus-ring_0248f:before{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}[dir=ltr] ._spectrum-Tabs--vertical_0248f{border-left-color:var(--spectrum-global-color-gray-200)}[dir=rtl] ._spectrum-Tabs--vertical_0248f{border-right-color:var(--spectrum-global-color-gray-200)}._spectrum-Tabs-selectionIndicator_0248f{background-color:var(--spectrum-global-color-gray-900)}._spectrum-Tabs-item_0248f{color:var(--spectrum-alias-label-text-color,var(--spectrum-global-color-gray-700))}._spectrum-Tabs-item_0248f ._spectrum-Icon_0248f{fill:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}._spectrum-Tabs-item_0248f._is-hovered_0248f{color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-Tabs-item_0248f._is-hovered_0248f ._spectrum-Icon_0248f{fill:var(--spectrum-alias-icon-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-Tabs-item_0248f._is-selected_0248f{color:var(--spectrum-global-color-gray-900)}._spectrum-Tabs-item_0248f._is-selected_0248f ._spectrum-Icon_0248f{fill:var(--spectrum-global-color-gray-900)}._spectrum-Tabs-item_0248f._focus-ring_0248f{color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-Tabs-item_0248f._focus-ring_0248f:before{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-Tabs-item_0248f._focus-ring_0248f ._spectrum-Icon_0248f{fill:var(--spectrum-alias-icon-color-focus,var(--spectrum-global-color-gray-900))}._spectrum-Tabs-item_0248f._is-disabled_0248f{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-Tabs-item_0248f._is-disabled_0248f ._spectrum-Icon_0248f{fill:var(--spectrum-alias-icon-color-disabled,var(--spectrum-global-color-gray-400))}._spectrum-Tabs--quiet_0248f{border-bottom-color:var(--spectrum-alias-border-color-transparent,transparent)}._spectrum-Tabs--quiet_0248f ._spectrum-Tabs-selectionIndicator_0248f{background-color:var(--spectrum-global-color-gray-900)}[dir=ltr] ._spectrum-Tabs--vertical_0248f._spectrum-Tabs--compact_0248f,[dir=ltr] ._spectrum-Tabs--vertical_0248f._spectrum-Tabs--quiet_0248f{border-left-color:var(--spectrum-alias-border-color-transparent,transparent)}[dir=rtl] ._spectrum-Tabs--vertical_0248f._spectrum-Tabs--compact_0248f,[dir=rtl] ._spectrum-Tabs--vertical_0248f._spectrum-Tabs--quiet_0248f{border-right-color:var(--spectrum-alias-border-color-transparent,transparent)}._spectrum-Tabs--vertical_0248f._spectrum-Tabs--compact_0248f ._spectrum-Tabs-selectionIndicator_0248f,._spectrum-Tabs--vertical_0248f._spectrum-Tabs--quiet_0248f ._spectrum-Tabs-selectionIndicator_0248f{background-color:var(--spectrum-global-color-gray-900)}._spectrum-TabsPanel-tabpanel_0248f:focus{outline:none}._spectrum-TabsPanel-tabpanel_0248f._focus-ring_0248f{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}
|
|
2
2
|
/*# sourceMappingURL=main.css.map */
|
package/dist/main.js
CHANGED
|
@@ -84,29 +84,29 @@ function $parcel$interopDefault(a) {
|
|
|
84
84
|
return a && a.__esModule ? a.default : a;
|
|
85
85
|
}
|
|
86
86
|
|
|
87
|
-
// ASSET: /
|
|
87
|
+
// ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/tabs/vars.css
|
|
88
88
|
var $a221257d7bd2e9d0c131cda7c75f4f5$exports = {};
|
|
89
89
|
$a221257d7bd2e9d0c131cda7c75f4f5$exports = {
|
|
90
|
-
"spectrum-TabsPanel": "_spectrum-
|
|
91
|
-
"spectrum-TabsPanel--horizontal": "_spectrum-TabsPanel--
|
|
92
|
-
"spectrum-TabsPanel--vertical": "_spectrum-TabsPanel--
|
|
93
|
-
"spectrum-Tabs": "_spectrum-
|
|
94
|
-
"spectrum-Tabs-item": "_spectrum-Tabs-
|
|
95
|
-
"is-disabled": "_is-
|
|
96
|
-
"spectrum-Tabs-itemLabel": "_spectrum-Tabs-
|
|
97
|
-
"spectrum-Icon": "_spectrum-
|
|
98
|
-
"spectrum-Tabs-selectionIndicator": "_spectrum-Tabs-
|
|
99
|
-
"spectrum-Tabs--horizontal": "_spectrum-Tabs--
|
|
100
|
-
"spectrum-Tabs--compact": "_spectrum-Tabs--
|
|
101
|
-
"spectrum-Tabs--isCollapsed": "_spectrum-Tabs--
|
|
102
|
-
"spectrum-Tabs--quiet": "_spectrum-Tabs--
|
|
103
|
-
"spectrum-Tabs--vertical": "_spectrum-Tabs--
|
|
104
|
-
"spectrum-TabsPanel-collapseWrapper": "_spectrum-TabsPanel-
|
|
105
|
-
"spectrum-TabsPanel-tabs": "_spectrum-TabsPanel-
|
|
106
|
-
"spectrum-TabsPanel-tabpanel": "_spectrum-TabsPanel-
|
|
107
|
-
"focus-ring": "_focus-
|
|
108
|
-
"is-hovered": "_is-
|
|
109
|
-
"is-selected": "_is-
|
|
90
|
+
"spectrum-TabsPanel": "_spectrum-TabsPanel_0248f",
|
|
91
|
+
"spectrum-TabsPanel--horizontal": "_spectrum-TabsPanel--horizontal_0248f",
|
|
92
|
+
"spectrum-TabsPanel--vertical": "_spectrum-TabsPanel--vertical_0248f",
|
|
93
|
+
"spectrum-Tabs": "_spectrum-Tabs_0248f",
|
|
94
|
+
"spectrum-Tabs-item": "_spectrum-Tabs-item_0248f",
|
|
95
|
+
"is-disabled": "_is-disabled_0248f",
|
|
96
|
+
"spectrum-Tabs-itemLabel": "_spectrum-Tabs-itemLabel_0248f",
|
|
97
|
+
"spectrum-Icon": "_spectrum-Icon_0248f",
|
|
98
|
+
"spectrum-Tabs-selectionIndicator": "_spectrum-Tabs-selectionIndicator_0248f",
|
|
99
|
+
"spectrum-Tabs--horizontal": "_spectrum-Tabs--horizontal_0248f",
|
|
100
|
+
"spectrum-Tabs--compact": "_spectrum-Tabs--compact_0248f",
|
|
101
|
+
"spectrum-Tabs--isCollapsed": "_spectrum-Tabs--isCollapsed_0248f",
|
|
102
|
+
"spectrum-Tabs--quiet": "_spectrum-Tabs--quiet_0248f",
|
|
103
|
+
"spectrum-Tabs--vertical": "_spectrum-Tabs--vertical_0248f",
|
|
104
|
+
"spectrum-TabsPanel-collapseWrapper": "_spectrum-TabsPanel-collapseWrapper_0248f",
|
|
105
|
+
"spectrum-TabsPanel-tabs": "_spectrum-TabsPanel-tabs_0248f",
|
|
106
|
+
"spectrum-TabsPanel-tabpanel": "_spectrum-TabsPanel-tabpanel_0248f",
|
|
107
|
+
"focus-ring": "_focus-ring_0248f",
|
|
108
|
+
"is-hovered": "_is-hovered_0248f",
|
|
109
|
+
"is-selected": "_is-selected_0248f"
|
|
110
110
|
};
|
|
111
111
|
|
|
112
112
|
const $a016f96d614f365ec6ad3cd2df19b52$var$TabContext = /*#__PURE__*/_react.createContext(null);
|
package/dist/module.js
CHANGED
|
@@ -20,29 +20,29 @@ function $parcel$interopDefault(a) {
|
|
|
20
20
|
return a && a.__esModule ? a.default : a;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
// ASSET: /
|
|
23
|
+
// ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/tabs/vars.css
|
|
24
24
|
var $d8728aa9d94f6b7dd1d3f754a952088$exports = {};
|
|
25
25
|
$d8728aa9d94f6b7dd1d3f754a952088$exports = {
|
|
26
|
-
"spectrum-TabsPanel": "_spectrum-
|
|
27
|
-
"spectrum-TabsPanel--horizontal": "_spectrum-TabsPanel--
|
|
28
|
-
"spectrum-TabsPanel--vertical": "_spectrum-TabsPanel--
|
|
29
|
-
"spectrum-Tabs": "_spectrum-
|
|
30
|
-
"spectrum-Tabs-item": "_spectrum-Tabs-
|
|
31
|
-
"is-disabled": "_is-
|
|
32
|
-
"spectrum-Tabs-itemLabel": "_spectrum-Tabs-
|
|
33
|
-
"spectrum-Icon": "_spectrum-
|
|
34
|
-
"spectrum-Tabs-selectionIndicator": "_spectrum-Tabs-
|
|
35
|
-
"spectrum-Tabs--horizontal": "_spectrum-Tabs--
|
|
36
|
-
"spectrum-Tabs--compact": "_spectrum-Tabs--
|
|
37
|
-
"spectrum-Tabs--isCollapsed": "_spectrum-Tabs--
|
|
38
|
-
"spectrum-Tabs--quiet": "_spectrum-Tabs--
|
|
39
|
-
"spectrum-Tabs--vertical": "_spectrum-Tabs--
|
|
40
|
-
"spectrum-TabsPanel-collapseWrapper": "_spectrum-TabsPanel-
|
|
41
|
-
"spectrum-TabsPanel-tabs": "_spectrum-TabsPanel-
|
|
42
|
-
"spectrum-TabsPanel-tabpanel": "_spectrum-TabsPanel-
|
|
43
|
-
"focus-ring": "_focus-
|
|
44
|
-
"is-hovered": "_is-
|
|
45
|
-
"is-selected": "_is-
|
|
26
|
+
"spectrum-TabsPanel": "_spectrum-TabsPanel_0248f",
|
|
27
|
+
"spectrum-TabsPanel--horizontal": "_spectrum-TabsPanel--horizontal_0248f",
|
|
28
|
+
"spectrum-TabsPanel--vertical": "_spectrum-TabsPanel--vertical_0248f",
|
|
29
|
+
"spectrum-Tabs": "_spectrum-Tabs_0248f",
|
|
30
|
+
"spectrum-Tabs-item": "_spectrum-Tabs-item_0248f",
|
|
31
|
+
"is-disabled": "_is-disabled_0248f",
|
|
32
|
+
"spectrum-Tabs-itemLabel": "_spectrum-Tabs-itemLabel_0248f",
|
|
33
|
+
"spectrum-Icon": "_spectrum-Icon_0248f",
|
|
34
|
+
"spectrum-Tabs-selectionIndicator": "_spectrum-Tabs-selectionIndicator_0248f",
|
|
35
|
+
"spectrum-Tabs--horizontal": "_spectrum-Tabs--horizontal_0248f",
|
|
36
|
+
"spectrum-Tabs--compact": "_spectrum-Tabs--compact_0248f",
|
|
37
|
+
"spectrum-Tabs--isCollapsed": "_spectrum-Tabs--isCollapsed_0248f",
|
|
38
|
+
"spectrum-Tabs--quiet": "_spectrum-Tabs--quiet_0248f",
|
|
39
|
+
"spectrum-Tabs--vertical": "_spectrum-Tabs--vertical_0248f",
|
|
40
|
+
"spectrum-TabsPanel-collapseWrapper": "_spectrum-TabsPanel-collapseWrapper_0248f",
|
|
41
|
+
"spectrum-TabsPanel-tabs": "_spectrum-TabsPanel-tabs_0248f",
|
|
42
|
+
"spectrum-TabsPanel-tabpanel": "_spectrum-TabsPanel-tabpanel_0248f",
|
|
43
|
+
"focus-ring": "_focus-ring_0248f",
|
|
44
|
+
"is-hovered": "_is-hovered_0248f",
|
|
45
|
+
"is-selected": "_is-selected_0248f"
|
|
46
46
|
};
|
|
47
47
|
|
|
48
48
|
const $f4a414b256968d66045841d53c86a275$var$TabContext = /*#__PURE__*/_react.createContext(null);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/tabs",
|
|
3
|
-
"version": "3.0
|
|
3
|
+
"version": "3.1.0",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -32,26 +32,26 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "^7.6.2",
|
|
35
|
-
"@react-aria/focus": "3.
|
|
36
|
-
"@react-aria/i18n": "3.
|
|
37
|
-
"@react-aria/interactions": "3.
|
|
38
|
-
"@react-aria/tabs": "3.0
|
|
39
|
-
"@react-aria/utils": "3.
|
|
40
|
-
"@react-spectrum/button": "3.
|
|
41
|
-
"@react-spectrum/menu": "3.
|
|
42
|
-
"@react-spectrum/picker": "3.
|
|
43
|
-
"@react-spectrum/text": "3.1.
|
|
44
|
-
"@react-spectrum/utils": "3.
|
|
45
|
-
"@react-stately/collections": "3.
|
|
46
|
-
"@react-stately/list": "3.
|
|
47
|
-
"@react-stately/tabs": "3.0.
|
|
48
|
-
"@react-types/select": "3.
|
|
49
|
-
"@react-types/shared": "3.
|
|
50
|
-
"@react-types/tabs": "3.0.
|
|
51
|
-
"@spectrum-icons/workflow": "3.
|
|
35
|
+
"@react-aria/focus": "^3.4.1",
|
|
36
|
+
"@react-aria/i18n": "^3.3.3",
|
|
37
|
+
"@react-aria/interactions": "^3.7.0",
|
|
38
|
+
"@react-aria/tabs": "^3.1.0",
|
|
39
|
+
"@react-aria/utils": "^3.10.0",
|
|
40
|
+
"@react-spectrum/button": "^3.5.1",
|
|
41
|
+
"@react-spectrum/menu": "^3.4.0",
|
|
42
|
+
"@react-spectrum/picker": "^3.5.0",
|
|
43
|
+
"@react-spectrum/text": "^3.1.3",
|
|
44
|
+
"@react-spectrum/utils": "^3.6.3",
|
|
45
|
+
"@react-stately/collections": "^3.3.3",
|
|
46
|
+
"@react-stately/list": "^3.4.0",
|
|
47
|
+
"@react-stately/tabs": "^3.0.1",
|
|
48
|
+
"@react-types/select": "^3.5.0",
|
|
49
|
+
"@react-types/shared": "^3.10.0",
|
|
50
|
+
"@react-types/tabs": "^3.0.1",
|
|
51
|
+
"@spectrum-icons/workflow": "^3.2.1"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
|
-
"@adobe/spectrum-css-temp": "3.0.0-
|
|
54
|
+
"@adobe/spectrum-css-temp": "3.0.0-alpha.1"
|
|
55
55
|
},
|
|
56
56
|
"peerDependencies": {
|
|
57
57
|
"@react-spectrum/provider": "^3.0.0",
|
|
@@ -61,5 +61,5 @@
|
|
|
61
61
|
"publishConfig": {
|
|
62
62
|
"access": "public"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "896eabe5521a0349a675c4773ed7629addd4b8c4"
|
|
65
65
|
}
|