tempest-react-sdk 0.73.0 → 0.75.0

package/dist/styles/manifest.json

@@ -75,6 +75,9 @@
     "Button": [
       "component/Button.css"
     ],
+    "ButtonSlot": [
+      "component/Button.css"
+    ],
     "CEPInput": [
       "component/Input.css"
     ],
@@ -308,7 +311,8 @@
       "component/OfflineIndicator.css"
     ],
     "Page": [
-      "component/Page.css"
+      "component/Page.css",
+      "component/SectionHeader.css"
     ],
     "Pagination": [
       "component/Pagination.css"
@@ -350,6 +354,9 @@
     "Resizable": [
       "component/Resizable.css"
     ],
+    "Reveal": [
+      "component/Reveal.css"
+    ],
     "SafeArea": [
       "component/SafeArea.css"
     ],
@@ -362,6 +369,12 @@
     "SearchBar": [
       "component/SearchBar.css"
     ],
+    "Section": [
+      "component/SectionHeader.css"
+    ],
+    "SectionHeader": [
+      "component/SectionHeader.css"
+    ],
     "SegmentedControl": [
       "component/SegmentedControl.css"
     ],

package/dist/styles/navigation.css

@@ -3,6 +3,7 @@
 .tempest_bar_SHqWS.tempest_centered_S0CCw{grid-template-columns:1fr auto 1fr}
 .tempest_bar_SHqWS.tempest_surface_fusKb{background:var(--tempest-surface);color:var(--tempest-text)}
 .tempest_bar_SHqWS.tempest_primary_QcCyN{background:var(--tempest-primary);color:var(--tempest-primary-foreground)}
+.tempest_bar_SHqWS.tempest_inverse_Icool{background:var(--tempest-bg);color:var(--tempest-text)}
 .tempest_bar_SHqWS.tempest_transparent_uGrsu{color:inherit;background:0 0}
 .tempest_bar_SHqWS.tempest_bordered_5M9FZ{border-bottom:1px solid var(--tempest-border)}
 .tempest_bar_SHqWS.tempest_sticky_DStUO{z-index:30;position:sticky;top:0}
@@ -32,26 +33,26 @@
 .tempest_current_JdlcS{color:var(--tempest-text);font-weight:var(--tempest-weight-semibold)}
 .tempest_separator_zGWyJ{color:var(--tempest-text-subtle);-webkit-user-select:none;user-select:none;margin:0 2px}
 .tempest_root_-w3-j{width:100%;font-family:var(--tempest-font-sans);position:relative}
-.tempest_root_-w3-j:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:2px}
+.tempest_root_-w3-j:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:var(--tempest-focus-ring-offset)}
 .tempest_viewport_n0hzM{border-radius:var(--tempest-radius-lg);overflow:hidden}
 .tempest_track_5PA8h{transition:transform var(--tempest-duration-base) var(--tempest-ease-out);display:flex}
 .tempest_slide_fhfjg{flex:0 0 100%;min-width:0}
 .tempest_arrow_S92Lt{background-color:var(--tempest-bg);border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-full);width:2rem;height:2rem;box-shadow:var(--tempest-shadow-md);color:var(--tempest-text);font-size:var(--tempest-text-xl);cursor:pointer;transition:var(--tempest-transition-color);justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}
 @media (hover:hover) and (pointer:fine){.tempest_arrow_S92Lt:hover:not(:disabled){background-color:var(--tempest-surface)}}
-.tempest_arrow_S92Lt:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:2px}
+.tempest_arrow_S92Lt:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:var(--tempest-focus-ring-offset)}
 .tempest_arrow_S92Lt:disabled{opacity:.4;cursor:not-allowed}
 .tempest_prev_X8whU{left:var(--tempest-space-2)}
 .tempest_next_jBRSz{right:var(--tempest-space-2)}
 .tempest_dots_fL3Hr{justify-content:center;align-items:center;gap:var(--tempest-space-2);margin-top:var(--tempest-space-3);display:flex}
 .tempest_dot_vEB56{background-color:var(--tempest-border);border-radius:var(--tempest-radius-full);cursor:pointer;width:.5rem;height:.5rem;transition:var(--tempest-transition-color);border:none;padding:0}
 .tempest_dotActive_OSSUg{background-color:var(--tempest-primary)}
-.tempest_dot_vEB56:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:2px}
+.tempest_dot_vEB56:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:var(--tempest-focus-ring-offset)}
 @media (prefers-reduced-motion:reduce){.tempest_track_5PA8h{transition:none}}
 .tempest_root_PGUO2{align-items:center;gap:var(--tempest-space-1);font-family:var(--tempest-font-sans);font-size:var(--tempest-text-sm);display:flex}
 .tempest_menu_hEVLT{position:relative}
 .tempest_trigger_ZlZBx{padding:var(--tempest-space-1) var(--tempest-space-3);border-radius:var(--tempest-radius-sm);color:var(--tempest-text);font-family:inherit;font-size:inherit;line-height:var(--tempest-leading-snug);cursor:pointer;transition:var(--tempest-transition-color);background:0 0;border:none;align-items:center;display:inline-flex}
 @media (hover:hover) and (pointer:fine){.tempest_trigger_ZlZBx:hover{background-color:var(--tempest-surface)}}
-.tempest_trigger_ZlZBx:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:2px}
+.tempest_trigger_ZlZBx:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:var(--tempest-focus-ring-offset)}
 .tempest_triggerOpen_Hpfbu{background-color:var(--tempest-surface)}
 .tempest_panel_6ta6u{z-index:var(--tempest-z-dropdown);background-color:var(--tempest-bg);border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-lg);min-width:200px;max-width:360px;box-shadow:var(--tempest-shadow-lg);padding:var(--tempest-space-1);animation:tempest_tempest-menubar-in_gOQQD var(--tempest-duration-fast) var(--tempest-ease-out);margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0}
 .tempest_item_wM-61{justify-content:space-between;align-items:center;gap:var(--tempest-space-4);width:100%;padding:var(--tempest-space-2) var(--tempest-space-3);border-radius:var(--tempest-radius-sm);color:var(--tempest-text);font-family:inherit;font-size:var(--tempest-text-base);line-height:var(--tempest-leading-snug);text-align:left;cursor:pointer;transition:var(--tempest-transition-color);background:0 0;border:none;display:flex}
@@ -67,6 +68,7 @@
 .tempest_navbar_Ey25T{align-items:center;gap:var(--tempest-space-4);padding:var(--tempest-space-3) var(--tempest-space-4);width:100%;min-height:56px;font-family:var(--tempest-font-sans);padding-top:max(var(--tempest-space-3), env(safe-area-inset-top,0));display:flex}
 .tempest_navbar_Ey25T.tempest_surface_xyKhM{background:var(--tempest-surface);color:var(--tempest-text)}
 .tempest_navbar_Ey25T.tempest_primary_w3ft-{background:var(--tempest-primary);color:var(--tempest-primary-foreground)}
+.tempest_navbar_Ey25T.tempest_inverse_f26-i{background:var(--tempest-bg);color:var(--tempest-text)}
 .tempest_navbar_Ey25T.tempest_transparent_N1vMR{color:inherit;background:0 0}
 .tempest_navbar_Ey25T.tempest_bordered_HD49R{border-bottom:1px solid var(--tempest-border)}
 .tempest_navbar_Ey25T.tempest_sticky_0XsOs{z-index:30;-webkit-backdrop-filter:saturate(180%)blur(8px);backdrop-filter:saturate(180%)blur(8px);position:sticky;top:0}
@@ -78,7 +80,7 @@
 .tempest_item_9RzZ7{position:relative}
 .tempest_link_67ULr,.tempest_trigger_2gBDu{align-items:center;gap:var(--tempest-space-1);padding:var(--tempest-space-2) var(--tempest-space-3);border-radius:var(--tempest-radius-sm);color:var(--tempest-text);font-family:inherit;font-size:inherit;line-height:var(--tempest-leading-snug);text-align:left;cursor:pointer;transition:var(--tempest-transition-color);background:0 0;border:none;text-decoration:none;display:inline-flex}
 @media (hover:hover) and (pointer:fine){.tempest_link_67ULr:hover,.tempest_trigger_2gBDu:hover{background-color:var(--tempest-surface)}}
-.tempest_link_67ULr:focus-visible,.tempest_trigger_2gBDu:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:2px}
+.tempest_link_67ULr:focus-visible,.tempest_trigger_2gBDu:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:var(--tempest-focus-ring-offset)}
 .tempest_panel_N2ujp{z-index:var(--tempest-z-dropdown);background-color:var(--tempest-bg);border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-lg);min-width:180px;max-width:320px;box-shadow:var(--tempest-shadow-lg);padding:var(--tempest-space-1);animation:tempest_tempest-nav-menu-in_8tNCR var(--tempest-duration-fast) var(--tempest-ease-out);margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0}
 .tempest_subItem_LjtO7{display:block}
 .tempest_subItem_LjtO7 .tempest_link_67ULr{width:100%}
@@ -91,7 +93,7 @@
 .tempest_footer_ojpGC{width:100%;padding-top:var(--tempest-space-2);justify-content:center;align-items:center;margin-top:auto;display:flex}
 .tempest_item_XEXI9{width:100%;padding:var(--tempest-space-2) var(--tempest-space-1);border-radius:var(--tempest-radius-md);cursor:pointer;color:var(--tempest-text-muted);font-size:var(--tempest-text-2xs);transition:color var(--tempest-duration-fast,.12s) var(--tempest-ease-out,ease-out), background var(--tempest-duration-fast,.12s) var(--tempest-ease-out,ease-out);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}
 .tempest_item_XEXI9:hover{color:var(--tempest-text);background:var(--tempest-surface-2)}
-.tempest_item_XEXI9:focus-visible{outline:var(--tempest-focus-ring-width,2px) solid var(--tempest-focus-ring-color,var(--tempest-primary));outline-offset:var(--tempest-focus-ring-offset,2px)}
+.tempest_item_XEXI9:focus-visible{outline:var(--tempest-focus-ring-width,2px) solid var(--tempest-focus-ring-color,currentColor);outline-offset:var(--tempest-focus-ring-offset,2px)}
 .tempest_item_XEXI9.tempest_active_U3hSU{color:var(--tempest-primary-on-soft);background:var(--tempest-primary-soft)}
 .tempest_item_XEXI9:disabled{opacity:.4;cursor:not-allowed}
 .tempest_iconWrap_iVwlb{display:inline-flex;position:relative}

package/dist/styles/overlay.css

@@ -56,8 +56,8 @@
 .tempest_md_gvyR7{max-width:560px}
 .tempest_lg_BgB1a{max-width:800px}
 .tempest_xl_MR-68{max-width:1024px}
-.tempest_size2xl_-PH9e{max-width:1280px}
-.tempest_size3xl_iqDwN{max-width:1440px}
+.tempest_size2Xl_oLq5O{max-width:1280px}
+.tempest_size3Xl_YzlSH{max-width:1440px}
 .tempest_fullscreen_o84Xi{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100dvh}
 @media (width<=639.98px){.tempest_fullscreenOnMobile_0bDwe{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100dvh}.tempest_dialog_ptM-K:not(.tempest_fullscreen_o84Xi):not(.tempest_fullscreenOnMobile_0bDwe){border-radius:var(--tempest-radius-lg)}.tempest_body_lVhql{padding:var(--tempest-space-4)}.tempest_header_ILG9i,.tempest_footer_rro2w{padding:var(--tempest-space-3) var(--tempest-space-4)}}
 .tempest_header_ILG9i{justify-content:space-between;align-items:center;gap:var(--tempest-space-3);padding:var(--tempest-space-4) var(--tempest-space-5);border-bottom:1px solid var(--tempest-border);display:flex}

package/dist/styles/utility.css

@@ -35,5 +35,13 @@
 .tempest_image_Zq9Zs{max-width:100%;height:auto;display:block}
 .tempest_wrapper_SiXGR{border-radius:var(--tempest-radius-md);line-height:0;display:inline-block;overflow:hidden}
 .tempest_svg_EblZu{width:100%;height:100%;display:block}
+.tempest_reveal_jBgJJ[data-state=hidden]{opacity:0}
+.tempest_reveal_jBgJJ[data-state=hidden][data-variant=up]{transform:translate3d(0, var(--tempest-reveal-distance,1.5rem), 0)}
+.tempest_reveal_jBgJJ[data-state=hidden][data-variant=down]{transform:translate3d(0, calc(-1 * var(--tempest-reveal-distance,1.5rem)), 0)}
+.tempest_reveal_jBgJJ[data-state=hidden][data-variant=left]{transform:translate3d(var(--tempest-reveal-distance,1.5rem), 0, 0)}
+.tempest_reveal_jBgJJ[data-state=hidden][data-variant=right]{transform:translate3d(calc(-1 * var(--tempest-reveal-distance,1.5rem)), 0, 0)}
+.tempest_reveal_jBgJJ[data-state=hidden][data-variant=scale]{transform:scale(var(--tempest-reveal-scale,.95))}
+.tempest_reveal_jBgJJ[data-state=shown]{opacity:1;transition:opacity var(--tempest-reveal-duration,var(--tempest-duration-slower)) var(--tempest-reveal-easing,var(--tempest-ease-out)), transform var(--tempest-reveal-duration,var(--tempest-duration-slower)) var(--tempest-reveal-easing,var(--tempest-ease-emphasized));transition-delay:var(--tempest-reveal-delay,0s);transform:none}
+@media (prefers-reduced-motion:reduce){.tempest_reveal_jBgJJ[data-state][data-variant]{opacity:1;transition:none;transform:none}}
 .tempest_clamp_r43C-{-webkit-line-clamp:var(--tempest-clamp-lines,1);line-clamp:var(--tempest-clamp-lines,1);text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
 .tempest_hidden_k7p-e{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}