@embedreach/components 0.1.41 → 0.1.42
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/chunks/index.js +239 -181
- package/dist/index.umd.js +290 -232
- package/dist/styles.css +55 -55
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -7605,7 +7605,7 @@ body {
|
|
|
7605
7605
|
border-top-width: 1px;
|
|
7606
7606
|
}
|
|
7607
7607
|
|
|
7608
|
-
.
|
|
7608
|
+
.reach-styles-module__base___gfFyc {
|
|
7609
7609
|
display: inline-flex;
|
|
7610
7610
|
align-items: center;
|
|
7611
7611
|
justify-content: center;
|
|
@@ -7618,96 +7618,96 @@ body {
|
|
|
7618
7618
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
7619
7619
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
7620
7620
|
transition-duration: 150ms;
|
|
7621
|
-
}.
|
|
7621
|
+
}.reach-styles-module__base___gfFyc:focus-visible {
|
|
7622
7622
|
outline: 2px solid transparent;
|
|
7623
7623
|
outline-offset: 2px;
|
|
7624
7624
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
7625
7625
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
7626
7626
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
7627
|
-
}.
|
|
7627
|
+
}.reach-styles-module__base___gfFyc:disabled {
|
|
7628
7628
|
pointer-events: none;
|
|
7629
7629
|
opacity: 0.5;
|
|
7630
|
-
}.
|
|
7630
|
+
}.reach-styles-module__base___gfFyc svg {
|
|
7631
7631
|
pointer-events: none;
|
|
7632
7632
|
width: 1rem;
|
|
7633
7633
|
height: 1rem;
|
|
7634
7634
|
flex-shrink: 0;
|
|
7635
|
-
}.
|
|
7635
|
+
}.reach-styles-module__base___gfFyc {
|
|
7636
7636
|
/* Use the theme ring color variable */
|
|
7637
7637
|
--tw-ring-color: hsl(var(--reach-ring));
|
|
7638
7638
|
}
|
|
7639
7639
|
|
|
7640
7640
|
/* Variants */
|
|
7641
|
-
.
|
|
7641
|
+
.reach-styles-module__default___ny1h7 {
|
|
7642
7642
|
background-color: hsl(var(--reach-primary));
|
|
7643
7643
|
color: hsl(var(--reach-primary-foreground));
|
|
7644
7644
|
}
|
|
7645
|
-
.
|
|
7645
|
+
.reach-styles-module__default___ny1h7:hover {
|
|
7646
7646
|
background-color: hsl(var(--reach-primary) / 0.75);
|
|
7647
7647
|
}
|
|
7648
7648
|
|
|
7649
|
-
.
|
|
7649
|
+
.reach-styles-module__destructive___XjBvS {
|
|
7650
7650
|
background-color: hsl(var(--reach-destructive));
|
|
7651
7651
|
color: hsl(var(--reach-destructive-foreground));
|
|
7652
7652
|
}
|
|
7653
|
-
.
|
|
7653
|
+
.reach-styles-module__destructive___XjBvS:hover {
|
|
7654
7654
|
background-color: hsl(var(--reach-destructive) / 0.75);
|
|
7655
7655
|
}
|
|
7656
7656
|
|
|
7657
|
-
.
|
|
7657
|
+
.reach-styles-module__outline___gFp3i {
|
|
7658
7658
|
border: 1px solid hsl(var(--reach-input));
|
|
7659
7659
|
background-color: transparent;
|
|
7660
7660
|
}
|
|
7661
|
-
.
|
|
7661
|
+
.reach-styles-module__outline___gFp3i:hover {
|
|
7662
7662
|
background-color: hsl(var(--reach-accent));
|
|
7663
7663
|
color: hsl(var(--reach-accent-foreground));
|
|
7664
7664
|
}
|
|
7665
7665
|
|
|
7666
|
-
.
|
|
7666
|
+
.reach-styles-module__secondary___Pd-e3 {
|
|
7667
7667
|
background-color: hsl(var(--reach-secondary));
|
|
7668
7668
|
color: hsl(var(--reach-secondary-foreground));
|
|
7669
7669
|
}
|
|
7670
|
-
.
|
|
7670
|
+
.reach-styles-module__secondary___Pd-e3:hover {
|
|
7671
7671
|
background-color: hsl(var(--reach-secondary) / 0.75);
|
|
7672
7672
|
}
|
|
7673
7673
|
|
|
7674
|
-
.
|
|
7674
|
+
.reach-styles-module__ghost___GcnJq:hover {
|
|
7675
7675
|
background-color: hsl(var(--reach-accent));
|
|
7676
7676
|
color: hsl(var(--reach-accent-foreground));
|
|
7677
7677
|
}
|
|
7678
7678
|
|
|
7679
|
-
.
|
|
7679
|
+
.reach-styles-module__link___EgS2H {
|
|
7680
7680
|
color: hsl(var(--reach-primary));
|
|
7681
7681
|
text-underline-offset: 4px;
|
|
7682
7682
|
}
|
|
7683
|
-
.
|
|
7683
|
+
.reach-styles-module__link___EgS2H:hover {
|
|
7684
7684
|
text-decoration: underline;
|
|
7685
7685
|
}
|
|
7686
7686
|
|
|
7687
7687
|
/* Sizes */
|
|
7688
|
-
.
|
|
7688
|
+
.reach-styles-module__sizeDefault___8kU5A {
|
|
7689
7689
|
height: 2.25rem; /* h-9 */
|
|
7690
7690
|
padding: 0.5rem 1rem; /* px-4 py-2 */
|
|
7691
7691
|
}
|
|
7692
7692
|
|
|
7693
|
-
.
|
|
7693
|
+
.reach-styles-module__sizeSm___zPIEh {
|
|
7694
7694
|
height: 2rem; /* h-8 */
|
|
7695
7695
|
border-radius: 0.375rem; /* rounded-md */
|
|
7696
7696
|
padding: 0 0.75rem; /* px-3 */
|
|
7697
7697
|
font-size: 0.75rem; /* text-xs */
|
|
7698
7698
|
}
|
|
7699
7699
|
|
|
7700
|
-
.
|
|
7700
|
+
.reach-styles-module__sizeLg___D2G8z {
|
|
7701
7701
|
height: 2.5rem; /* h-10 */
|
|
7702
7702
|
border-radius: 0.375rem; /* rounded-md */
|
|
7703
7703
|
padding: 0 2rem; /* px-8 */
|
|
7704
7704
|
}
|
|
7705
7705
|
|
|
7706
|
-
.
|
|
7706
|
+
.reach-styles-module__sizeIcon___5XkYW {
|
|
7707
7707
|
height: 2.25rem; /* h-9 */
|
|
7708
7708
|
width: 2.25rem; /* w-9 */
|
|
7709
7709
|
}
|
|
7710
|
-
.
|
|
7710
|
+
.reach-styles-module__base___WFahB {
|
|
7711
7711
|
display: inline-flex;
|
|
7712
7712
|
align-items: center;
|
|
7713
7713
|
border-radius: 9999px;
|
|
@@ -7718,61 +7718,61 @@ body {
|
|
|
7718
7718
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
7719
7719
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
7720
7720
|
transition-duration: 150ms;
|
|
7721
|
-
}.
|
|
7721
|
+
}.reach-styles-module__base___WFahB:focus {
|
|
7722
7722
|
outline: 2px solid transparent;
|
|
7723
7723
|
outline-offset: 2px;
|
|
7724
7724
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
7725
7725
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
7726
7726
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
7727
7727
|
--tw-ring-offset-width: 2px;
|
|
7728
|
-
}.
|
|
7728
|
+
}.reach-styles-module__base___WFahB {
|
|
7729
7729
|
/* Use the theme ring color variable */
|
|
7730
7730
|
--tw-ring-color: hsl(var(--reach-ring));
|
|
7731
7731
|
}
|
|
7732
7732
|
|
|
7733
7733
|
/* Variants */
|
|
7734
|
-
.
|
|
7734
|
+
.reach-styles-module__default___zeGU1 {
|
|
7735
7735
|
border-color: transparent;
|
|
7736
7736
|
}
|
|
7737
|
-
.
|
|
7737
|
+
.reach-styles-module__default___zeGU1:hover {
|
|
7738
7738
|
background-color: hsl(var(--primary) / 0.8);
|
|
7739
7739
|
}
|
|
7740
|
-
.
|
|
7740
|
+
.reach-styles-module__default___zeGU1 {
|
|
7741
7741
|
background-color: hsl(var(--reach-primary));
|
|
7742
7742
|
color: hsl(var(--reach-primary-foreground));
|
|
7743
7743
|
}
|
|
7744
7744
|
|
|
7745
|
-
.
|
|
7745
|
+
.reach-styles-module__secondary___VQ4iH {
|
|
7746
7746
|
border-color: transparent;
|
|
7747
7747
|
}
|
|
7748
7748
|
|
|
7749
|
-
.
|
|
7749
|
+
.reach-styles-module__secondary___VQ4iH:hover {
|
|
7750
7750
|
background-color: hsl(var(--secondary) / 0.8);
|
|
7751
7751
|
}
|
|
7752
7752
|
|
|
7753
|
-
.
|
|
7753
|
+
.reach-styles-module__secondary___VQ4iH {
|
|
7754
7754
|
background-color: hsl(var(--reach-secondary));
|
|
7755
7755
|
color: hsl(var(--reach-secondary-foreground));
|
|
7756
7756
|
}
|
|
7757
7757
|
|
|
7758
|
-
.
|
|
7758
|
+
.reach-styles-module__destructive___RLaRD {
|
|
7759
7759
|
border-color: transparent;
|
|
7760
7760
|
}
|
|
7761
7761
|
|
|
7762
|
-
.
|
|
7762
|
+
.reach-styles-module__destructive___RLaRD:hover {
|
|
7763
7763
|
background-color: hsl(var(--destructive) / 0.8);
|
|
7764
7764
|
}
|
|
7765
7765
|
|
|
7766
|
-
.
|
|
7766
|
+
.reach-styles-module__destructive___RLaRD {
|
|
7767
7767
|
background-color: hsl(var(--reach-destructive));
|
|
7768
7768
|
color: hsl(var(--reach-destructive-foreground));
|
|
7769
7769
|
}
|
|
7770
7770
|
|
|
7771
|
-
.
|
|
7771
|
+
.reach-styles-module__outline___L2VtW {
|
|
7772
7772
|
color: hsl(var(--reach-foreground));
|
|
7773
7773
|
}
|
|
7774
7774
|
|
|
7775
|
-
.
|
|
7775
|
+
.reach-styles-module__google___HcEij {
|
|
7776
7776
|
border-color: transparent;
|
|
7777
7777
|
--tw-bg-opacity: 1;
|
|
7778
7778
|
background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
|
|
@@ -7781,13 +7781,13 @@ body {
|
|
|
7781
7781
|
color: rgb(29 78 216 / var(--tw-text-opacity, 1));
|
|
7782
7782
|
}
|
|
7783
7783
|
|
|
7784
|
-
.
|
|
7784
|
+
.reach-styles-module__google___HcEij:is(.reach-styles-module__dark___729i- *) {
|
|
7785
7785
|
background-color: rgb(30 58 138 / 0.3);
|
|
7786
7786
|
--tw-text-opacity: 1;
|
|
7787
7787
|
color: rgb(147 197 253 / var(--tw-text-opacity, 1));
|
|
7788
7788
|
}
|
|
7789
7789
|
|
|
7790
|
-
.
|
|
7790
|
+
.reach-styles-module__date___-6BC4 {
|
|
7791
7791
|
border-color: transparent;
|
|
7792
7792
|
--tw-bg-opacity: 1;
|
|
7793
7793
|
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
|
|
@@ -7796,7 +7796,7 @@ body {
|
|
|
7796
7796
|
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
|
|
7797
7797
|
}
|
|
7798
7798
|
|
|
7799
|
-
.
|
|
7799
|
+
.reach-styles-module__date___-6BC4:is(.reach-styles-module__dark___729i- *) {
|
|
7800
7800
|
--tw-bg-opacity: 1;
|
|
7801
7801
|
background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
|
|
7802
7802
|
--tw-text-opacity: 1;
|
|
@@ -7804,14 +7804,14 @@ body {
|
|
|
7804
7804
|
}
|
|
7805
7805
|
|
|
7806
7806
|
/* Sizes */
|
|
7807
|
-
.
|
|
7807
|
+
.reach-styles-module__size-default___xwzus {
|
|
7808
7808
|
padding-left: 0.625rem;
|
|
7809
7809
|
padding-right: 0.625rem;
|
|
7810
7810
|
padding-top: 0.125rem;
|
|
7811
7811
|
padding-bottom: 0.125rem;
|
|
7812
7812
|
}
|
|
7813
7813
|
|
|
7814
|
-
.
|
|
7814
|
+
.reach-styles-module__size-sm___-C9aD {
|
|
7815
7815
|
padding-left: 0.375rem;
|
|
7816
7816
|
padding-right: 0.375rem;
|
|
7817
7817
|
padding-top: 0.125rem;
|
|
@@ -7820,20 +7820,20 @@ body {
|
|
|
7820
7820
|
}
|
|
7821
7821
|
|
|
7822
7822
|
/* Icon Only */
|
|
7823
|
-
.
|
|
7823
|
+
.reach-styles-module__icon-only___z-wMG {
|
|
7824
7824
|
height: 1.25rem;
|
|
7825
7825
|
width: 1.25rem;
|
|
7826
7826
|
justify-content: center;
|
|
7827
7827
|
padding: 0px;
|
|
7828
7828
|
}
|
|
7829
7829
|
|
|
7830
|
-
.
|
|
7830
|
+
.reach-styles-module__icon-only-sm___23F2h {
|
|
7831
7831
|
height: 1rem;
|
|
7832
7832
|
width: 1rem;
|
|
7833
7833
|
}
|
|
7834
7834
|
|
|
7835
7835
|
/* Badge Container */
|
|
7836
|
-
.
|
|
7836
|
+
.reach-styles-module__container___6PQqs {
|
|
7837
7837
|
display: flex;
|
|
7838
7838
|
flex-wrap: wrap;
|
|
7839
7839
|
align-items: center;
|
|
@@ -7841,11 +7841,11 @@ body {
|
|
|
7841
7841
|
padding-left: 0.75rem;
|
|
7842
7842
|
padding-right: 0.75rem;
|
|
7843
7843
|
}
|
|
7844
|
-
@media (min-width: 320px) {.
|
|
7844
|
+
@media (min-width: 320px) {.reach-styles-module__container___6PQqs {
|
|
7845
7845
|
flex-wrap: nowrap;
|
|
7846
7846
|
}
|
|
7847
7847
|
}/* File: card/styles.module.css */
|
|
7848
|
-
.
|
|
7848
|
+
.reach-styles-module__base___zJcoE {
|
|
7849
7849
|
border-radius: 0.75rem;
|
|
7850
7850
|
border-width: 1px;
|
|
7851
7851
|
background-color: hsl(var(--card));
|
|
@@ -7856,57 +7856,57 @@ body {
|
|
|
7856
7856
|
}
|
|
7857
7857
|
|
|
7858
7858
|
/* Variants */
|
|
7859
|
-
.
|
|
7859
|
+
.reach-styles-module__default___88Q0d {
|
|
7860
7860
|
background-color: hsl(var(--card))
|
|
7861
7861
|
}
|
|
7862
7862
|
|
|
7863
|
-
.
|
|
7863
|
+
.reach-styles-module__destructive___5EWhN {
|
|
7864
7864
|
background-color: hsl(var(--destructive));
|
|
7865
7865
|
color: hsl(var(--destructive-foreground))
|
|
7866
7866
|
}
|
|
7867
7867
|
|
|
7868
|
-
.
|
|
7868
|
+
.reach-styles-module__outline___gj9sC {
|
|
7869
7869
|
border-width: 2px;
|
|
7870
7870
|
background-color: transparent
|
|
7871
7871
|
}
|
|
7872
7872
|
|
|
7873
|
-
.
|
|
7873
|
+
.reach-styles-module__secondary___cN5Wj {
|
|
7874
7874
|
background-color: hsl(var(--secondary));
|
|
7875
7875
|
color: hsl(var(--secondary-foreground))
|
|
7876
7876
|
}
|
|
7877
7877
|
|
|
7878
7878
|
/* Card parts */
|
|
7879
|
-
.
|
|
7879
|
+
.reach-styles-module__header___-izE2 {
|
|
7880
7880
|
display: flex;
|
|
7881
7881
|
flex-direction: column
|
|
7882
7882
|
}
|
|
7883
|
-
.
|
|
7883
|
+
.reach-styles-module__header___-izE2 > :not([hidden]) ~ :not([hidden]) {
|
|
7884
7884
|
--tw-space-y-reverse: 0;
|
|
7885
7885
|
margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
|
|
7886
7886
|
margin-bottom: calc(0.375rem * var(--tw-space-y-reverse))
|
|
7887
7887
|
}
|
|
7888
|
-
.
|
|
7888
|
+
.reach-styles-module__header___-izE2 {
|
|
7889
7889
|
padding: 1.5rem
|
|
7890
7890
|
}
|
|
7891
7891
|
|
|
7892
|
-
.
|
|
7892
|
+
.reach-styles-module__title___n1hA9 {
|
|
7893
7893
|
font-weight: 600;
|
|
7894
7894
|
line-height: 1;
|
|
7895
7895
|
letter-spacing: -0.025em
|
|
7896
7896
|
}
|
|
7897
7897
|
|
|
7898
|
-
.
|
|
7898
|
+
.reach-styles-module__description___EvXM- {
|
|
7899
7899
|
font-size: 0.875rem;
|
|
7900
7900
|
line-height: 1.25rem;
|
|
7901
7901
|
color: hsl(var(--muted-foreground))
|
|
7902
7902
|
}
|
|
7903
7903
|
|
|
7904
|
-
.
|
|
7904
|
+
.reach-styles-module__content___okv68 {
|
|
7905
7905
|
padding: 1.5rem;
|
|
7906
7906
|
padding-top: 0px
|
|
7907
7907
|
}
|
|
7908
7908
|
|
|
7909
|
-
.
|
|
7909
|
+
.reach-styles-module__footer___YA4U4 {
|
|
7910
7910
|
display: flex;
|
|
7911
7911
|
align-items: center;
|
|
7912
7912
|
padding: 1.5rem;
|