achery-ui 0.9.2 → 0.10.2
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.cjs +173 -11
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +198 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +106 -1
- package/dist/index.d.ts +106 -1
- package/dist/index.js +171 -12
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/native/components/Badge.tsx +6 -2
- package/src/native/components/Button.tsx +18 -11
- package/src/native/components/Input.tsx +42 -1
- package/src/native/components/ScreenNav.tsx +111 -0
- package/src/native/components/SegmentedControl.tsx +81 -0
- package/src/native/components/Skeleton.tsx +1 -1
- package/src/native/components/StatusDot.tsx +53 -0
- package/src/native/components/Tabs.tsx +2 -2
- package/src/native/components/index.ts +11 -2
- package/src/native/index.ts +6 -2
package/dist/index.css
CHANGED
|
@@ -2580,4 +2580,202 @@
|
|
|
2580
2580
|
background: rgba(184, 146, 74, 0.08);
|
|
2581
2581
|
border-color: var(--color-warn__1acibxbi);
|
|
2582
2582
|
}
|
|
2583
|
+
|
|
2584
|
+
/* vanilla-extract-css-ns:src/components/DetailRail/DetailRail.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VVTXPbIBS8-1dw6Ux8oCPls1EuOfTSa6btNCfPk3hIJAgYwI6UTv57RyApsuzEcXOxQY_HLstqdfuILbdQoyPf0YOQdyDkyknB8Ie6E2XlV6u04vqhMAn5uyCEW12HASHegnJc2zqLQwke_5ykSfJlebMg5GVBiNfvrk36hS-L2_d4_DIjifQjJO6PIHF_kASHjsPI4HTOQBsohG8zkuwAjqV0gPg62TiH4pFZ_Xq4s9BmtBNeaJURLhpkXadQDn0P8EyFYthk5PS6m3ablFavFesPZcCi8jczLNv9DDjnb-F4bXoU2119P86197oeJhO8DdgTSgsttaV5uVqlUIi8yaOgubYMLZXIfUZS0xCnpWDbPWHJ2Hcd-phwRkKbES6x6R50_5QJi0VkW2i5rlVX0Ru0XOon2mYE1l5vyXMW6IISNcS-w_6O3Njahg6ag8ORXFou-zqCQ6rX_rUklnO5h6v9LZzIJY4YF0H5_aR2fDajw8FNMPkxdCqEKHTc-jKw2BH6Ye284C0ttPKofEacgQJpjv4JMQgOUpSKCo-1i23UebC-KxlgTKhyMEVsdeZipPW8_L_SxEuDEY9wUyRZWaEeg4H36fITm1cXXO3X5m0TlmDmh05HEptdZ2jWjmDfYpbIzq_pW47-gLJzEK61n9z3dXzf9-9zPu7TTrUOUfApoW9rZALISQ0NfRLMVxm5PE9MswxsDoRTn0WDBoTEHEniZJpOs3wipMJYvUo21bBgEkVKK9x6fOxJD4TK1sfqM4kSPhj_AOMNkFygBwAA */
|
|
2585
|
+
@keyframes DetailRail_slideInRight__1hfojcp0 {
|
|
2586
|
+
from {
|
|
2587
|
+
transform: translateX(100%);
|
|
2588
|
+
}
|
|
2589
|
+
to {
|
|
2590
|
+
transform: translateX(0);
|
|
2591
|
+
}
|
|
2592
|
+
}
|
|
2593
|
+
@keyframes DetailRail_slideInUp__1hfojcp1 {
|
|
2594
|
+
from {
|
|
2595
|
+
transform: translateY(100%);
|
|
2596
|
+
}
|
|
2597
|
+
to {
|
|
2598
|
+
transform: translateY(0);
|
|
2599
|
+
}
|
|
2600
|
+
}
|
|
2601
|
+
@keyframes DetailRail_fadeIn__1hfojcp2 {
|
|
2602
|
+
from {
|
|
2603
|
+
opacity: 0;
|
|
2604
|
+
}
|
|
2605
|
+
to {
|
|
2606
|
+
opacity: 1;
|
|
2607
|
+
}
|
|
2608
|
+
}
|
|
2609
|
+
.DetailRail_backdrop__1hfojcp3 {
|
|
2610
|
+
position: fixed;
|
|
2611
|
+
inset: 0;
|
|
2612
|
+
z-index: 29;
|
|
2613
|
+
background: transparent;
|
|
2614
|
+
}
|
|
2615
|
+
.DetailRail_rail__1hfojcp4 {
|
|
2616
|
+
position: fixed;
|
|
2617
|
+
top: 0;
|
|
2618
|
+
right: 0;
|
|
2619
|
+
bottom: 0;
|
|
2620
|
+
background: var(--color-bg__1acibxb0);
|
|
2621
|
+
border-left: 1px solid var(--color-border__1acibxb9);
|
|
2622
|
+
display: flex;
|
|
2623
|
+
flex-direction: column;
|
|
2624
|
+
overflow-y: auto;
|
|
2625
|
+
z-index: 30;
|
|
2626
|
+
animation: DetailRail_slideInRight__1hfojcp0 var(--duration-base__1acibxb1g) var(--ease-out__1acibxb1i);
|
|
2627
|
+
}
|
|
2628
|
+
.DetailRail_backdropVisible__1hfojcp5 {
|
|
2629
|
+
animation: DetailRail_fadeIn__1hfojcp2 var(--duration-fast__1acibxb1f) var(--ease-out__1acibxb1i);
|
|
2630
|
+
}
|
|
2631
|
+
.DetailRail_header__1hfojcp6 {
|
|
2632
|
+
display: flex;
|
|
2633
|
+
justify-content: space-between;
|
|
2634
|
+
align-items: flex-start;
|
|
2635
|
+
padding: var(--space-sp5__1acibxbz) var(--space-sp5__1acibxbz) var(--space-sp5__1acibxbz);
|
|
2636
|
+
border-bottom: 1px solid var(--color-border__1acibxb9);
|
|
2637
|
+
flex-shrink: 0;
|
|
2638
|
+
}
|
|
2639
|
+
.DetailRail_headerText__1hfojcp7 {
|
|
2640
|
+
display: flex;
|
|
2641
|
+
flex-direction: column;
|
|
2642
|
+
gap: var(--space-sp1__1acibxbv);
|
|
2643
|
+
}
|
|
2644
|
+
.DetailRail_body__1hfojcp8 {
|
|
2645
|
+
flex: 1;
|
|
2646
|
+
overflow-y: auto;
|
|
2647
|
+
padding: var(--space-sp5__1acibxbz);
|
|
2648
|
+
}
|
|
2649
|
+
.DetailRail_footer__1hfojcp9 {
|
|
2650
|
+
padding: var(--space-sp4__1acibxby);
|
|
2651
|
+
border-top: 1px solid var(--color-border__1acibxb9);
|
|
2652
|
+
flex-shrink: 0;
|
|
2653
|
+
}
|
|
2654
|
+
@media (max-width: 640px) {
|
|
2655
|
+
.DetailRail_rail__1hfojcp4 {
|
|
2656
|
+
top: auto;
|
|
2657
|
+
left: 0;
|
|
2658
|
+
right: 0;
|
|
2659
|
+
bottom: 0;
|
|
2660
|
+
height: 70vh;
|
|
2661
|
+
border-left: none;
|
|
2662
|
+
border-top: 1px solid var(--color-border__1acibxb9);
|
|
2663
|
+
animation: DetailRail_slideInUp__1hfojcp1 var(--duration-base__1acibxb1g) var(--ease-out__1acibxb1i);
|
|
2664
|
+
}
|
|
2665
|
+
}
|
|
2666
|
+
|
|
2667
|
+
/* vanilla-extract-css-ns:src/components/ColourInput/ColourInput.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WUyZLTMBCG73kKHUkVSsUJGYLmSHHgwIkDx1RHatsiilqlhThQvDtleYlDAsMMlyzq5ev_d8uL92Qo-Y_WpbjzRHG3K5yFtJFL9mPGmNLBGTgLVhpsHmeMgdGV5TriMQgm0Ub07XEFTrBv4F9xHhxI5MGtdrsCpN43-9P8cfZztpiiwgmirEdYkWEnrWIt2PrBZVSNuqrj5f-evEIvWOEaFsho1QMlGfK8i47Md_O2xIFS2laCrboWMvlAXjBHeph8D_JQeUpWCRY92ODAo41tqNXMQ-21PQi2fFKDUDrA3qDKYsiB1PEs2HKxmaItRQ7G0AnVTceITfziwbkspGu7etZzaMOCFS-0a-rFVXL1OdkD2jF9ldOzXTpqsqKndfl9rUoe2iAvIcSxtCjnfRwhIKc0CenbRblriShJpsBPOtbaZn-m-OvZQbbujAw1v3jD-4XLy_Fn7gfv6QJfv2b_mPicKRXYavI4vt4a4TyWuhm7v8kNx_1-cA1b5s9tt-kl2chLOGpzHkj56EiWRkyaj6lBf0fBinV_T24nLKv1WPc216WAngc0KGO71hbbQ6Mt8uHmFndt7X4NQjZZyGRv_2_yYeuHea4c2romf_dvg79c_bsGjPRNplOKrdqB9bRSIZwBiTUZhT7Lvov5lCKOqO39K_F75xe8en4BWeL-MfsFAAA */
|
|
2668
|
+
.ColourInput_root__1pnau5c0 {
|
|
2669
|
+
display: flex;
|
|
2670
|
+
align-items: center;
|
|
2671
|
+
gap: var(--space-sp2__1acibxbw);
|
|
2672
|
+
}
|
|
2673
|
+
.ColourInput_swatch__1pnau5c1 {
|
|
2674
|
+
width: 36px;
|
|
2675
|
+
height: 36px;
|
|
2676
|
+
border: 1px solid var(--color-border__1acibxb9);
|
|
2677
|
+
padding: 2px;
|
|
2678
|
+
cursor: pointer;
|
|
2679
|
+
background: transparent;
|
|
2680
|
+
flex-shrink: 0;
|
|
2681
|
+
}
|
|
2682
|
+
.ColourInput_swatch__1pnau5c1:disabled {
|
|
2683
|
+
opacity: 0.5;
|
|
2684
|
+
cursor: not-allowed;
|
|
2685
|
+
}
|
|
2686
|
+
.ColourInput_textWrapper__1pnau5c2 {
|
|
2687
|
+
display: flex;
|
|
2688
|
+
align-items: center;
|
|
2689
|
+
flex: 1;
|
|
2690
|
+
border: 1px solid var(--color-border__1acibxb9);
|
|
2691
|
+
background: var(--color-bgSunken__1acibxb2);
|
|
2692
|
+
transition: border-color var(--duration-fast__1acibxb1f) var(--ease-out__1acibxb1i);
|
|
2693
|
+
}
|
|
2694
|
+
.ColourInput_textWrapper__1pnau5c2:focus-within {
|
|
2695
|
+
border-color: var(--color-accent__1acibxbd);
|
|
2696
|
+
border-width: 2px;
|
|
2697
|
+
}
|
|
2698
|
+
.ColourInput_textWrapperError__1pnau5c3,
|
|
2699
|
+
.ColourInput_textWrapperError__1pnau5c3:focus-within {
|
|
2700
|
+
border-color: var(--color-danger__1acibxbj);
|
|
2701
|
+
}
|
|
2702
|
+
.ColourInput_prefix__1pnau5c4 {
|
|
2703
|
+
padding: 6px 0 6px 8px;
|
|
2704
|
+
font-family: var(--font-mono__1acibxbu);
|
|
2705
|
+
font-size: 13px;
|
|
2706
|
+
color: var(--color-fg3__1acibxb7);
|
|
2707
|
+
user-select: none;
|
|
2708
|
+
line-height: 1;
|
|
2709
|
+
}
|
|
2710
|
+
.ColourInput_textInput__1pnau5c5 {
|
|
2711
|
+
flex: 1;
|
|
2712
|
+
font-family: var(--font-mono__1acibxbu);
|
|
2713
|
+
font-size: 13px;
|
|
2714
|
+
border: none;
|
|
2715
|
+
padding: 6px 8px 6px 2px;
|
|
2716
|
+
background: transparent;
|
|
2717
|
+
color: var(--color-fg__1acibxb5);
|
|
2718
|
+
outline: none;
|
|
2719
|
+
}
|
|
2720
|
+
.ColourInput_textInput__1pnau5c5::placeholder {
|
|
2721
|
+
color: var(--color-fgMute__1acibxb8);
|
|
2722
|
+
}
|
|
2723
|
+
.ColourInput_textInput__1pnau5c5:disabled {
|
|
2724
|
+
opacity: 0.5;
|
|
2725
|
+
cursor: not-allowed;
|
|
2726
|
+
}
|
|
2727
|
+
|
|
2728
|
+
/* vanilla-extract-css-ns:src/components/SegmentedControl/SegmentedControl.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VUQW7bMBC8-xU8xkBpSLbTpMyp6LW3PMCgyJXMluIK5Mq2UvTvBWlLlh1HcNCjOIOZ3dldLV6hqsER6B_oyKPdeETabJ5qh88yY39mjGkTGis7wYyzxgEvLRxeZowV6DV4wfLmwAJao9lO-gfOFVr0_IhuNrlUpjgU3-Yvs7-zxTu7cHzoHfNJR2lN5bghqINgKur4-PyrDWTKjit0BI7GUCUbcSorNFIBD81yqGk_j5QSHfFS1sZ2PTU9Fai7gUpn6h5MtSXBvmZZfLNABD6pG1cJli3yDOqIEByIk5culOhrwdqmAa9kgEEqmDcQLM-b1F0jtU4SH9d7Ba0HqEv1FVL9rjy2TouLWYTWl1LBwF4ldsIuiWW1GkhP8_GQHTo4f3N_zODu0TOmWh-iXYOmH07KxpBBJ0aln6R062WEeCkDDVp52WcAMgDHdgSZ-ZdjT_-hEMvCluLW9T3fs7XCykBcbY3VaYEvU_qEzhZ34IVDehDaBFlY0POkeHNYQ-WPd16XKFG1ge9MMIWFJDx0u7w5S6lUEjgZ6XFCHMsyAAnGl3GD7yqg7-roHY-Gung06_GOOCQurcU96EnZ74rMDnrx5TH6D27gKq2biRZnTjad6JXzp-Z2v8tr3Tusktj4p5FN_jTywWJ3_dM4X_hh2v1n1buv37mvJt3HFlfQ4wC9Rfd_O0dn3YAGAAA */
|
|
2729
|
+
.SegmentedControl_root__7mno8a0 {
|
|
2730
|
+
display: inline-flex;
|
|
2731
|
+
border: 1px solid var(--color-border__1acibxb9);
|
|
2732
|
+
}
|
|
2733
|
+
.SegmentedControl_segment__7mno8a1 {
|
|
2734
|
+
display: inline-flex;
|
|
2735
|
+
align-items: center;
|
|
2736
|
+
justify-content: center;
|
|
2737
|
+
gap: var(--space-sp2__1acibxbw);
|
|
2738
|
+
font-family: var(--font-body__1acibxbt);
|
|
2739
|
+
font-weight: 600;
|
|
2740
|
+
letter-spacing: 0.10em;
|
|
2741
|
+
text-transform: uppercase;
|
|
2742
|
+
font-size: 11px;
|
|
2743
|
+
padding: var(--space-sp2__1acibxbw) var(--space-sp4__1acibxby);
|
|
2744
|
+
background: var(--color-surface__1acibxb3);
|
|
2745
|
+
color: var(--color-fg3__1acibxb7);
|
|
2746
|
+
border: none;
|
|
2747
|
+
border-right: 1px solid var(--color-border__1acibxb9);
|
|
2748
|
+
cursor: pointer;
|
|
2749
|
+
transition: background var(--duration-fast__1acibxb1f) var(--ease-out__1acibxb1i), color var(--duration-fast__1acibxb1f) var(--ease-out__1acibxb1i);
|
|
2750
|
+
outline: none;
|
|
2751
|
+
}
|
|
2752
|
+
.SegmentedControl_segment__7mno8a1:last-child {
|
|
2753
|
+
border-right: none;
|
|
2754
|
+
}
|
|
2755
|
+
.SegmentedControl_segment__7mno8a1:hover:not(:disabled) {
|
|
2756
|
+
color: var(--color-fg__1acibxb5);
|
|
2757
|
+
}
|
|
2758
|
+
.SegmentedControl_segment__7mno8a1:focus-visible {
|
|
2759
|
+
outline: 2px solid var(--color-accent__1acibxbd);
|
|
2760
|
+
outline-offset: -2px;
|
|
2761
|
+
}
|
|
2762
|
+
.SegmentedControl_segment__7mno8a1:disabled {
|
|
2763
|
+
opacity: 0.4;
|
|
2764
|
+
cursor: not-allowed;
|
|
2765
|
+
}
|
|
2766
|
+
.SegmentedControl_segmentActive__7mno8a2 {
|
|
2767
|
+
background: var(--color-fg__1acibxb5);
|
|
2768
|
+
color: var(--color-bg__1acibxb0);
|
|
2769
|
+
}
|
|
2770
|
+
.SegmentedControl_segmentActive__7mno8a2:hover:not(:disabled) {
|
|
2771
|
+
color: var(--color-bg__1acibxb0);
|
|
2772
|
+
}
|
|
2773
|
+
.SegmentedControl_segmentSm__7mno8a3 {
|
|
2774
|
+
font-size: 10px;
|
|
2775
|
+
padding: var(--space-sp1__1acibxbv) var(--space-sp3__1acibxbx);
|
|
2776
|
+
}
|
|
2777
|
+
.SegmentedControl_segmentLg__7mno8a4 {
|
|
2778
|
+
font-size: 13px;
|
|
2779
|
+
padding: var(--space-sp3__1acibxbx) var(--space-sp5__1acibxbz);
|
|
2780
|
+
}
|
|
2583
2781
|
/*# sourceMappingURL=index.css.map */
|