@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/styles.css CHANGED
@@ -7605,7 +7605,7 @@ body {
7605
7605
  border-top-width: 1px;
7606
7606
  }
7607
7607
 
7608
- .base___gfFyc {
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
- }.base___gfFyc:focus-visible {
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
- }.base___gfFyc:disabled {
7627
+ }.reach-styles-module__base___gfFyc:disabled {
7628
7628
  pointer-events: none;
7629
7629
  opacity: 0.5;
7630
- }.base___gfFyc svg {
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
- }.base___gfFyc {
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
- .default___ny1h7 {
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
- .default___ny1h7:hover {
7645
+ .reach-styles-module__default___ny1h7:hover {
7646
7646
  background-color: hsl(var(--reach-primary) / 0.75);
7647
7647
  }
7648
7648
 
7649
- .destructive___XjBvS {
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
- .destructive___XjBvS:hover {
7653
+ .reach-styles-module__destructive___XjBvS:hover {
7654
7654
  background-color: hsl(var(--reach-destructive) / 0.75);
7655
7655
  }
7656
7656
 
7657
- .outline___gFp3i {
7657
+ .reach-styles-module__outline___gFp3i {
7658
7658
  border: 1px solid hsl(var(--reach-input));
7659
7659
  background-color: transparent;
7660
7660
  }
7661
- .outline___gFp3i:hover {
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
- .secondary___Pd-e3 {
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
- .secondary___Pd-e3:hover {
7670
+ .reach-styles-module__secondary___Pd-e3:hover {
7671
7671
  background-color: hsl(var(--reach-secondary) / 0.75);
7672
7672
  }
7673
7673
 
7674
- .ghost___GcnJq:hover {
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
- .link___EgS2H {
7679
+ .reach-styles-module__link___EgS2H {
7680
7680
  color: hsl(var(--reach-primary));
7681
7681
  text-underline-offset: 4px;
7682
7682
  }
7683
- .link___EgS2H:hover {
7683
+ .reach-styles-module__link___EgS2H:hover {
7684
7684
  text-decoration: underline;
7685
7685
  }
7686
7686
 
7687
7687
  /* Sizes */
7688
- .size-default___-1Oxf {
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
- .size-sm___K6J9y {
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
- .size-lg___KzqS0 {
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
- .size-icon___VHuaq {
7706
+ .reach-styles-module__sizeIcon___5XkYW {
7707
7707
  height: 2.25rem; /* h-9 */
7708
7708
  width: 2.25rem; /* w-9 */
7709
7709
  }
7710
- .base___WFahB {
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
- }.base___WFahB:focus {
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
- }.base___WFahB {
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
- .default___zeGU1 {
7734
+ .reach-styles-module__default___zeGU1 {
7735
7735
  border-color: transparent;
7736
7736
  }
7737
- .default___zeGU1:hover {
7737
+ .reach-styles-module__default___zeGU1:hover {
7738
7738
  background-color: hsl(var(--primary) / 0.8);
7739
7739
  }
7740
- .default___zeGU1 {
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
- .secondary___VQ4iH {
7745
+ .reach-styles-module__secondary___VQ4iH {
7746
7746
  border-color: transparent;
7747
7747
  }
7748
7748
 
7749
- .secondary___VQ4iH:hover {
7749
+ .reach-styles-module__secondary___VQ4iH:hover {
7750
7750
  background-color: hsl(var(--secondary) / 0.8);
7751
7751
  }
7752
7752
 
7753
- .secondary___VQ4iH {
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
- .destructive___RLaRD {
7758
+ .reach-styles-module__destructive___RLaRD {
7759
7759
  border-color: transparent;
7760
7760
  }
7761
7761
 
7762
- .destructive___RLaRD:hover {
7762
+ .reach-styles-module__destructive___RLaRD:hover {
7763
7763
  background-color: hsl(var(--destructive) / 0.8);
7764
7764
  }
7765
7765
 
7766
- .destructive___RLaRD {
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
- .outline___L2VtW {
7771
+ .reach-styles-module__outline___L2VtW {
7772
7772
  color: hsl(var(--reach-foreground));
7773
7773
  }
7774
7774
 
7775
- .google___HcEij {
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
- .google___HcEij:is(.dark___729i- *) {
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
- .date___-6BC4 {
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
- .date___-6BC4:is(.dark___729i- *) {
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
- .size-default___xwzus {
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
- .size-sm___-C9aD {
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
- .icon-only___z-wMG {
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
- .icon-only-sm___23F2h {
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
- .container___6PQqs {
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) {.container___6PQqs {
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
- .base___zJcoE {
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
- .default___88Q0d {
7859
+ .reach-styles-module__default___88Q0d {
7860
7860
  background-color: hsl(var(--card))
7861
7861
  }
7862
7862
 
7863
- .destructive___5EWhN {
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
- .outline___gj9sC {
7868
+ .reach-styles-module__outline___gj9sC {
7869
7869
  border-width: 2px;
7870
7870
  background-color: transparent
7871
7871
  }
7872
7872
 
7873
- .secondary___cN5Wj {
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
- .header___-izE2 {
7879
+ .reach-styles-module__header___-izE2 {
7880
7880
  display: flex;
7881
7881
  flex-direction: column
7882
7882
  }
7883
- .header___-izE2 > :not([hidden]) ~ :not([hidden]) {
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
- .header___-izE2 {
7888
+ .reach-styles-module__header___-izE2 {
7889
7889
  padding: 1.5rem
7890
7890
  }
7891
7891
 
7892
- .title___n1hA9 {
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
- .description___EvXM- {
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
- .content___okv68 {
7904
+ .reach-styles-module__content___okv68 {
7905
7905
  padding: 1.5rem;
7906
7906
  padding-top: 0px
7907
7907
  }
7908
7908
 
7909
- .footer___YA4U4 {
7909
+ .reach-styles-module__footer___YA4U4 {
7910
7910
  display: flex;
7911
7911
  align-items: center;
7912
7912
  padding: 1.5rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@embedreach/components",
3
- "version": "0.1.41",
3
+ "version": "0.1.42",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "./dist/index.umd.js",