@embedreach/components 0.1.41 → 0.1.43

package/dist/styles.css

@@ -2253,10 +2253,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(217 119 6 / var(--tw-text-opacity, 1));
 }
-.text-black {
-  --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
-}
 .text-blue-500 {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity, 1));
@@ -2655,6 +2651,12 @@ video {
 .running {
   animation-play-state: running;
 }
+.\[background-color\:hsl\(var\(--reach-primary\)\/0\.05\)\] {
+  background-color: hsl(var(--reach-primary)/0.05);
+}
+.\[border-color\:hsl\(var\(--reach-primary\)\)\] {
+  border-color: hsl(var(--reach-primary));
+}
 .file\:border-0::file-selector-button {
   border-width: 0px;
 }
@@ -2699,9 +2701,6 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
 }
-.hover\:border-primary:hover {
-  border-color: hsl(var(--primary));
-}
 .hover\:bg-accent:hover {
   background-color: hsl(var(--accent));
 }
@@ -2828,6 +2827,9 @@ video {
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.hover\:\[border-color\:hsl\(var\(--reach-primary\)\)\]:hover {
+  border-color: hsl(var(--reach-primary));
+}
 .focus\:border-indigo-500:focus {
   --tw-border-opacity: 1;
   border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
@@ -6078,10 +6080,6 @@ body {
   --tw-text-opacity: 1;
   color: rgb(217 119 6 / var(--tw-text-opacity, 1));
 }
-.text-black {
-  --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
-}
 .text-blue-500 {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity, 1));
@@ -6482,6 +6480,12 @@ body {
 .running {
   animation-play-state: running;
 }
+.\[background-color\:hsl\(var\(--reach-primary\)\/0\.05\)\] {
+  background-color: hsl(var(--reach-primary)/0.05);
+}
+.\[border-color\:hsl\(var\(--reach-primary\)\)\] {
+  border-color: hsl(var(--reach-primary));
+}
 .file\:border-0::file-selector-button {
   border-width: 0px;
 }
@@ -6526,9 +6530,6 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
 }
-.hover\:border-primary:hover {
-  border-color: hsl(var(--primary));
-}
 .hover\:bg-accent:hover {
   background-color: hsl(var(--accent));
 }
@@ -6655,6 +6656,9 @@ body {
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.hover\:\[border-color\:hsl\(var\(--reach-primary\)\)\]:hover {
+  border-color: hsl(var(--reach-primary));
+}
 .focus\:border-indigo-500:focus {
   --tw-border-opacity: 1;
   border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
@@ -7605,7 +7609,7 @@ body {
   border-top-width: 1px;
 } 
 
-.base___gfFyc {
+.reach-styles-module__base___gfFyc {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -7618,96 +7622,96 @@ body {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
-}.base___gfFyc:focus-visible {
+}.reach-styles-module__base___gfFyc:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}.base___gfFyc:disabled {
+}.reach-styles-module__base___gfFyc:disabled {
   pointer-events: none;
   opacity: 0.5;
-}.base___gfFyc svg {
+}.reach-styles-module__base___gfFyc svg {
   pointer-events: none;
   width: 1rem;
   height: 1rem;
   flex-shrink: 0;
-}.base___gfFyc {
+}.reach-styles-module__base___gfFyc {
   /* Use the theme ring color variable */
   --tw-ring-color: hsl(var(--reach-ring));
 }
 
 /* Variants */
-.default___ny1h7 {
+.reach-styles-module__default___ny1h7 {
   background-color: hsl(var(--reach-primary));
   color: hsl(var(--reach-primary-foreground));
 }
-.default___ny1h7:hover {
+.reach-styles-module__default___ny1h7:hover {
   background-color: hsl(var(--reach-primary) / 0.75);
 }
 
-.destructive___XjBvS {
+.reach-styles-module__destructive___XjBvS {
   background-color: hsl(var(--reach-destructive));
   color: hsl(var(--reach-destructive-foreground));
 }
-.destructive___XjBvS:hover {
+.reach-styles-module__destructive___XjBvS:hover {
   background-color: hsl(var(--reach-destructive) / 0.75);
 }
 
-.outline___gFp3i {
+.reach-styles-module__outline___gFp3i {
   border: 1px solid hsl(var(--reach-input));
   background-color: transparent;
 }
-.outline___gFp3i:hover {
+.reach-styles-module__outline___gFp3i:hover {
   background-color: hsl(var(--reach-accent));
   color: hsl(var(--reach-accent-foreground));
 }
 
-.secondary___Pd-e3 {
+.reach-styles-module__secondary___Pd-e3 {
   background-color: hsl(var(--reach-secondary));
   color: hsl(var(--reach-secondary-foreground));
 }
-.secondary___Pd-e3:hover {
+.reach-styles-module__secondary___Pd-e3:hover {
   background-color: hsl(var(--reach-secondary) / 0.75);
 }
 
-.ghost___GcnJq:hover {
+.reach-styles-module__ghost___GcnJq:hover {
   background-color: hsl(var(--reach-accent));
   color: hsl(var(--reach-accent-foreground));
 }
 
-.link___EgS2H {
+.reach-styles-module__link___EgS2H {
   color: hsl(var(--reach-primary));
   text-underline-offset: 4px;
 }
-.link___EgS2H:hover {
+.reach-styles-module__link___EgS2H:hover {
   text-decoration: underline;
 }
 
 /* Sizes */
-.size-default___-1Oxf {
+.reach-styles-module__sizeDefault___8kU5A {
   height: 2.25rem; /* h-9 */
   padding: 0.5rem 1rem; /* px-4 py-2 */
 }
 
-.size-sm___K6J9y {
+.reach-styles-module__sizeSm___zPIEh {
   height: 2rem; /* h-8 */
   border-radius: 0.375rem; /* rounded-md */
   padding: 0 0.75rem; /* px-3 */
   font-size: 0.75rem; /* text-xs */
 }
 
-.size-lg___KzqS0 {
+.reach-styles-module__sizeLg___D2G8z {
   height: 2.5rem; /* h-10 */
   border-radius: 0.375rem; /* rounded-md */
   padding: 0 2rem; /* px-8 */
 }
 
-.size-icon___VHuaq {
+.reach-styles-module__sizeIcon___5XkYW {
   height: 2.25rem; /* h-9 */
   width: 2.25rem; /* w-9 */
 }
-.base___WFahB {
+.reach-styles-module__base___WFahB {
   display: inline-flex;
   align-items: center;
   border-radius: 9999px;
@@ -7718,61 +7722,61 @@ body {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
-}.base___WFahB:focus {
+}.reach-styles-module__base___WFahB:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-offset-width: 2px;
-}.base___WFahB {
+}.reach-styles-module__base___WFahB {
   /* Use the theme ring color variable */
   --tw-ring-color: hsl(var(--reach-ring));
 }
 
 /* Variants */
-.default___zeGU1 {
+.reach-styles-module__default___zeGU1 {
   border-color: transparent;
 }
-.default___zeGU1:hover {
+.reach-styles-module__default___zeGU1:hover {
   background-color: hsl(var(--primary) / 0.8);
 }
-.default___zeGU1 {
+.reach-styles-module__default___zeGU1 {
   background-color: hsl(var(--reach-primary));
   color: hsl(var(--reach-primary-foreground));
 }
 
-.secondary___VQ4iH {
+.reach-styles-module__secondary___VQ4iH {
   border-color: transparent;
 }
 
-.secondary___VQ4iH:hover {
+.reach-styles-module__secondary___VQ4iH:hover {
   background-color: hsl(var(--secondary) / 0.8);
 }
 
-.secondary___VQ4iH {
+.reach-styles-module__secondary___VQ4iH {
   background-color: hsl(var(--reach-secondary));
   color: hsl(var(--reach-secondary-foreground));
 }
 
-.destructive___RLaRD {
+.reach-styles-module__destructive___RLaRD {
   border-color: transparent;
 }
 
-.destructive___RLaRD:hover {
+.reach-styles-module__destructive___RLaRD:hover {
   background-color: hsl(var(--destructive) / 0.8);
 }
 
-.destructive___RLaRD {
+.reach-styles-module__destructive___RLaRD {
   background-color: hsl(var(--reach-destructive));
   color: hsl(var(--reach-destructive-foreground));
 }
 
-.outline___L2VtW {
+.reach-styles-module__outline___L2VtW {
   color: hsl(var(--reach-foreground));
 }
 
-.google___HcEij {
+.reach-styles-module__google___HcEij {
   border-color: transparent;
   --tw-bg-opacity: 1;
   background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
@@ -7781,13 +7785,13 @@ body {
   color: rgb(29 78 216 / var(--tw-text-opacity, 1));
 }
 
-.google___HcEij:is(.dark___729i- *) {
+.reach-styles-module__google___HcEij:is(.reach-styles-module__dark___729i- *) {
   background-color: rgb(30 58 138 / 0.3);
   --tw-text-opacity: 1;
   color: rgb(147 197 253 / var(--tw-text-opacity, 1));
 }
 
-.date___-6BC4 {
+.reach-styles-module__date___-6BC4 {
   border-color: transparent;
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
@@ -7796,7 +7800,7 @@ body {
   color: rgb(55 65 81 / var(--tw-text-opacity, 1));
 }
 
-.date___-6BC4:is(.dark___729i- *) {
+.reach-styles-module__date___-6BC4:is(.reach-styles-module__dark___729i- *) {
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
   --tw-text-opacity: 1;
@@ -7804,14 +7808,14 @@ body {
 }
 
 /* Sizes */
-.size-default___xwzus {
+.reach-styles-module__sizeDefault___iGTp4 {
   padding-left: 0.625rem;
   padding-right: 0.625rem;
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
 }
 
-.size-sm___-C9aD {
+.reach-styles-module__sizeSm___6T2oK {
   padding-left: 0.375rem;
   padding-right: 0.375rem;
   padding-top: 0.125rem;
@@ -7820,20 +7824,20 @@ body {
 }
 
 /* Icon Only */
-.icon-only___z-wMG {
+.reach-styles-module__iconOnly___8vUSp {
   height: 1.25rem;
   width: 1.25rem;
   justify-content: center;
   padding: 0px;
 }
 
-.icon-only-sm___23F2h {
+.reach-styles-module__iconOnlySm___9ZKv9 {
   height: 1rem;
   width: 1rem;
 }
 
 /* Badge Container */
-.container___6PQqs {
+.reach-styles-module__container___6PQqs {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -7841,11 +7845,11 @@ body {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
-@media (min-width: 320px) {.container___6PQqs {
+@media (min-width: 320px) {.reach-styles-module__container___6PQqs {
     flex-wrap: nowrap;
   }
 }/* File: card/styles.module.css */
-.base___zJcoE {
+.reach-styles-module__base___zJcoE {
     border-radius: 0.75rem;
     border-width: 1px;
     background-color: hsl(var(--card));
@@ -7856,57 +7860,57 @@ body {
 }
 
 /* Variants */
-.default___88Q0d {
+.reach-styles-module__default___88Q0d {
     background-color: hsl(var(--card))
 }
 
-.destructive___5EWhN {
+.reach-styles-module__destructive___5EWhN {
     background-color: hsl(var(--destructive));
     color: hsl(var(--destructive-foreground))
 }
 
-.outline___gj9sC {
+.reach-styles-module__outline___gj9sC {
     border-width: 2px;
     background-color: transparent
 }
 
-.secondary___cN5Wj {
+.reach-styles-module__secondary___cN5Wj {
     background-color: hsl(var(--secondary));
     color: hsl(var(--secondary-foreground))
 }
 
 /* Card parts */
-.header___-izE2 {
+.reach-styles-module__header___-izE2 {
     display: flex;
     flex-direction: column
 }
-.header___-izE2 > :not([hidden]) ~ :not([hidden]) {
+.reach-styles-module__header___-izE2 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(0.375rem * var(--tw-space-y-reverse))
 }
-.header___-izE2 {
+.reach-styles-module__header___-izE2 {
     padding: 1.5rem
 }
 
-.title___n1hA9 {
+.reach-styles-module__title___n1hA9 {
     font-weight: 600;
     line-height: 1;
     letter-spacing: -0.025em
 }
 
-.description___EvXM- {
+.reach-styles-module__description___EvXM- {
     font-size: 0.875rem;
     line-height: 1.25rem;
     color: hsl(var(--muted-foreground))
 }
 
-.content___okv68 {
+.reach-styles-module__content___okv68 {
     padding: 1.5rem;
     padding-top: 0px
 }
 
-.footer___YA4U4 {
+.reach-styles-module__footer___YA4U4 {
     display: flex;
     align-items: center;
     padding: 1.5rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedreach/components",
-  "version": "0.1.41",
+  "version": "0.1.43",
   "private": false,
   "type": "module",
   "main": "./dist/index.umd.js",