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.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 */