@turtleclub/earn-widget 0.3.0-beta.27 → 0.3.0-beta.28
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 +177 -213
- package/package.json +4 -4
package/dist/styles.css
CHANGED
|
@@ -56,7 +56,6 @@
|
|
|
56
56
|
--drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
|
|
57
57
|
--animate-spin: spin 1s linear infinite;
|
|
58
58
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
59
|
-
--blur-lg: 16px;
|
|
60
59
|
--aspect-video: 16 / 9;
|
|
61
60
|
--default-transition-duration: 150ms;
|
|
62
61
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -631,6 +630,7 @@
|
|
|
631
630
|
@layer properties {
|
|
632
631
|
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
|
|
633
632
|
.turtle-widget-root *, .turtle-widget-root :before, .turtle-widget-root :after, .turtle-widget-root ::backdrop {
|
|
633
|
+
--tw-border-style: solid;
|
|
634
634
|
--tw-border-spacing-x: 0;
|
|
635
635
|
--tw-border-spacing-y: 0;
|
|
636
636
|
--tw-translate-x: 0;
|
|
@@ -643,7 +643,6 @@
|
|
|
643
643
|
--tw-skew-y: initial;
|
|
644
644
|
--tw-space-y-reverse: 0;
|
|
645
645
|
--tw-space-x-reverse: 0;
|
|
646
|
-
--tw-border-style: solid;
|
|
647
646
|
--tw-gradient-position: initial;
|
|
648
647
|
--tw-gradient-from: #0000;
|
|
649
648
|
--tw-gradient-via: #0000;
|
|
@@ -689,15 +688,6 @@
|
|
|
689
688
|
--tw-drop-shadow-color: initial;
|
|
690
689
|
--tw-drop-shadow-alpha: 100%;
|
|
691
690
|
--tw-drop-shadow-size: initial;
|
|
692
|
-
--tw-backdrop-blur: initial;
|
|
693
|
-
--tw-backdrop-brightness: initial;
|
|
694
|
-
--tw-backdrop-contrast: initial;
|
|
695
|
-
--tw-backdrop-grayscale: initial;
|
|
696
|
-
--tw-backdrop-hue-rotate: initial;
|
|
697
|
-
--tw-backdrop-invert: initial;
|
|
698
|
-
--tw-backdrop-opacity: initial;
|
|
699
|
-
--tw-backdrop-saturate: initial;
|
|
700
|
-
--tw-backdrop-sepia: initial;
|
|
701
691
|
--tw-duration: initial;
|
|
702
692
|
--tw-content: "";
|
|
703
693
|
--tw-scale-x: 1;
|
|
@@ -776,7 +766,6 @@
|
|
|
776
766
|
--drop-shadow-lg: 0 4px 4px #00000026;
|
|
777
767
|
--animate-spin: spin 1s linear infinite;
|
|
778
768
|
--animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite;
|
|
779
|
-
--blur-lg: 16px;
|
|
780
769
|
--aspect-video: 16/9;
|
|
781
770
|
--default-transition-duration: .15s;
|
|
782
771
|
--default-transition-timing-function: cubic-bezier(.4,0,.2,1);
|
|
@@ -796,15 +785,23 @@
|
|
|
796
785
|
--color-secondary-foreground: var(--secondary-foreground);
|
|
797
786
|
--color-muted: var(--muted);
|
|
798
787
|
--color-muted-foreground: var(--muted-foreground);
|
|
799
|
-
--color-neutral-alpha-2: var(--color-neutral-alpha-2);
|
|
800
|
-
--color-neutral-alpha-5: var(--color-neutral-alpha-5);
|
|
801
|
-
--color-neutral-alpha-10: var(--color-neutral-alpha-10);
|
|
802
788
|
--color-accent: var(--accent);
|
|
803
789
|
--color-accent-foreground: var(--accent-foreground);
|
|
804
790
|
--color-destructive: var(--destructive);
|
|
805
791
|
--color-border: var(--border);
|
|
806
792
|
--color-input: var(--input);
|
|
807
793
|
--color-ring: var(--ring);
|
|
794
|
+
--color-neutral-alpha-2: var(--color-neutral-alpha-2);
|
|
795
|
+
--color-neutral-alpha-5: var(--color-neutral-alpha-5);
|
|
796
|
+
--color-neutral-alpha-10: var(--color-neutral-alpha-10);
|
|
797
|
+
--color-neutral-alpha-20: var(--color-neutral-alpha-20);
|
|
798
|
+
--color-neutral-alpha-30: var(--color-neutral-alpha-30);
|
|
799
|
+
--color-neutral-alpha-50: var(--color-neutral-alpha-50);
|
|
800
|
+
--color-primary-alpha-10: var(--color-brand-green-alpha-10);
|
|
801
|
+
--color-primary-alpha-20: var(--color-brand-green-alpha-20);
|
|
802
|
+
--color-primary-alpha-30: var(--color-brand-green-alpha-30);
|
|
803
|
+
--border-gradient-white: linear-gradient(165deg,var(--color-foreground)0%,var(--color-neutral-alpha-20)20%,var(--color-neutral-alpha-10)80%,var(--color-neutral-alpha-30)100%)border-box;
|
|
804
|
+
--border-gradient-primary: linear-gradient(165deg,var(--color-primary)0%,var(--color-primary-alpha-20)20%,var(--color-primary-alpha-10)80%,var(--color-primary-alpha-30)100%)border-box;
|
|
808
805
|
}
|
|
809
806
|
}
|
|
810
807
|
@layer base {
|
|
@@ -1010,17 +1007,6 @@
|
|
|
1010
1007
|
.turtle-widget-root [hidden]:where(:not([hidden=until-found])) {
|
|
1011
1008
|
display: none !important;
|
|
1012
1009
|
}
|
|
1013
|
-
.turtle-widget-root, .turtle-widget-root {
|
|
1014
|
-
width: 100%;
|
|
1015
|
-
height: 100%;
|
|
1016
|
-
font-family: var(--font-sans);
|
|
1017
|
-
-webkit-font-smoothing: antialiased;
|
|
1018
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1019
|
-
}
|
|
1020
|
-
.turtle-widget-root {
|
|
1021
|
-
background-color: var(--color-background);
|
|
1022
|
-
color: var(--color-foreground);
|
|
1023
|
-
}
|
|
1024
1010
|
}
|
|
1025
1011
|
@layer components {
|
|
1026
1012
|
.turtle-widget-root .managed-table {
|
|
@@ -1094,6 +1080,78 @@
|
|
|
1094
1080
|
}
|
|
1095
1081
|
}
|
|
1096
1082
|
@layer utilities {
|
|
1083
|
+
.turtle-widget-root .border-gradient-primary {
|
|
1084
|
+
border-style: var(--tw-border-style);
|
|
1085
|
+
border-width: 1px;
|
|
1086
|
+
border-color: #0000;
|
|
1087
|
+
position: relative;
|
|
1088
|
+
}
|
|
1089
|
+
.turtle-widget-root .border-gradient-primary:before {
|
|
1090
|
+
content: "";
|
|
1091
|
+
pointer-events: none;
|
|
1092
|
+
border-style: var(--tw-border-style);
|
|
1093
|
+
border-radius: inherit;
|
|
1094
|
+
background: var(--border-gradient-primary);
|
|
1095
|
+
border-width: 1px;
|
|
1096
|
+
border-color: #0000;
|
|
1097
|
+
position: absolute;
|
|
1098
|
+
top: -1px;
|
|
1099
|
+
right: -1px;
|
|
1100
|
+
bottom: -1px;
|
|
1101
|
+
left: -1px;
|
|
1102
|
+
-webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
|
|
1103
|
+
mask-image: linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);
|
|
1104
|
+
-webkit-mask-position: 0 0,0 0;
|
|
1105
|
+
mask-position: 0 0,0 0;
|
|
1106
|
+
-webkit-mask-size: auto,auto;
|
|
1107
|
+
mask-size: auto,auto;
|
|
1108
|
+
-webkit-mask-repeat: repeat,repeat;
|
|
1109
|
+
mask-repeat: repeat,repeat;
|
|
1110
|
+
-webkit-mask-clip: padding-box,border-box;
|
|
1111
|
+
mask-clip: padding-box,border-box;
|
|
1112
|
+
-webkit-mask-origin: padding-box,border-box;
|
|
1113
|
+
mask-origin: padding-box,border-box;
|
|
1114
|
+
-webkit-mask-composite: xor;
|
|
1115
|
+
mask-composite: exclude;
|
|
1116
|
+
-webkit-mask-source-type: auto,auto;
|
|
1117
|
+
mask-mode: match-source,match-source;
|
|
1118
|
+
}
|
|
1119
|
+
.turtle-widget-root .border-gradient-white {
|
|
1120
|
+
border-style: var(--tw-border-style);
|
|
1121
|
+
border-width: 1px;
|
|
1122
|
+
border-color: #0000;
|
|
1123
|
+
position: relative;
|
|
1124
|
+
}
|
|
1125
|
+
.turtle-widget-root .border-gradient-white:before {
|
|
1126
|
+
content: "";
|
|
1127
|
+
pointer-events: none;
|
|
1128
|
+
border-style: var(--tw-border-style);
|
|
1129
|
+
border-radius: inherit;
|
|
1130
|
+
background: var(--border-gradient-white);
|
|
1131
|
+
border-width: 1px;
|
|
1132
|
+
border-color: #0000;
|
|
1133
|
+
position: absolute;
|
|
1134
|
+
top: -1px;
|
|
1135
|
+
right: -1px;
|
|
1136
|
+
bottom: -1px;
|
|
1137
|
+
left: -1px;
|
|
1138
|
+
-webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
|
|
1139
|
+
mask-image: linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);
|
|
1140
|
+
-webkit-mask-position: 0 0,0 0;
|
|
1141
|
+
mask-position: 0 0,0 0;
|
|
1142
|
+
-webkit-mask-size: auto,auto;
|
|
1143
|
+
mask-size: auto,auto;
|
|
1144
|
+
-webkit-mask-repeat: repeat,repeat;
|
|
1145
|
+
mask-repeat: repeat,repeat;
|
|
1146
|
+
-webkit-mask-clip: padding-box,border-box;
|
|
1147
|
+
mask-clip: padding-box,border-box;
|
|
1148
|
+
-webkit-mask-origin: padding-box,border-box;
|
|
1149
|
+
mask-origin: padding-box,border-box;
|
|
1150
|
+
-webkit-mask-composite: xor;
|
|
1151
|
+
mask-composite: exclude;
|
|
1152
|
+
-webkit-mask-source-type: auto,auto;
|
|
1153
|
+
mask-mode: match-source,match-source;
|
|
1154
|
+
}
|
|
1097
1155
|
.turtle-widget-root .pointer-events-none {
|
|
1098
1156
|
pointer-events: none;
|
|
1099
1157
|
}
|
|
@@ -1469,9 +1527,6 @@
|
|
|
1469
1527
|
.turtle-widget-root .min-h-\[calc\(100svh-20px\)\] {
|
|
1470
1528
|
min-height: calc(100svh - 20px);
|
|
1471
1529
|
}
|
|
1472
|
-
.turtle-widget-root .min-h-\[calc\(100svh-22px\)\] {
|
|
1473
|
-
min-height: calc(100svh - 22px);
|
|
1474
|
-
}
|
|
1475
1530
|
.turtle-widget-root .min-h-\[calc\(var\(--radix-select-trigger-height\)\*2\)\] {
|
|
1476
1531
|
min-height: calc(var(--radix-select-trigger-height)*2);
|
|
1477
1532
|
}
|
|
@@ -1963,6 +2018,9 @@
|
|
|
1963
2018
|
.turtle-widget-root .bg-neutral-alpha-5 {
|
|
1964
2019
|
background-color: var(--color-neutral-alpha-5);
|
|
1965
2020
|
}
|
|
2021
|
+
.turtle-widget-root .bg-neutral-alpha-10 {
|
|
2022
|
+
background-color: var(--color-neutral-alpha-10);
|
|
2023
|
+
}
|
|
1966
2024
|
.turtle-widget-root .bg-popover {
|
|
1967
2025
|
background-color: var(--color-popover);
|
|
1968
2026
|
}
|
|
@@ -1983,110 +2041,23 @@
|
|
|
1983
2041
|
.turtle-widget-root .bg-transparent {
|
|
1984
2042
|
background-color: #0000;
|
|
1985
2043
|
}
|
|
1986
|
-
.turtle-widget-root .bg-gradient-to-b {
|
|
1987
|
-
--tw-gradient-position: to bottom in oklab;
|
|
1988
|
-
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1989
|
-
}
|
|
1990
|
-
.turtle-widget-root .bg-gradient-to-br {
|
|
1991
|
-
--tw-gradient-position: to bottom right in oklab;
|
|
1992
|
-
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1993
|
-
}
|
|
1994
2044
|
.turtle-widget-root .bg-gradient-to-r {
|
|
1995
2045
|
--tw-gradient-position: to right in oklab;
|
|
1996
2046
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1997
2047
|
}
|
|
1998
|
-
.turtle-widget-root .from-foreground\/40 {
|
|
1999
|
-
--tw-gradient-from: var(--color-foreground);
|
|
2000
|
-
}
|
|
2001
|
-
@supports (color:color-mix(in lab,red,red)) {
|
|
2002
|
-
.turtle-widget-root .from-foreground\/40 {
|
|
2003
|
-
--tw-gradient-from: var(--color-foreground);
|
|
2004
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
2005
|
-
--tw-gradient-from: color-mix(in oklab,var(--color-foreground)40%,transparent);
|
|
2006
|
-
}
|
|
2007
|
-
}
|
|
2008
|
-
}
|
|
2009
|
-
.turtle-widget-root .from-foreground\/40 {
|
|
2010
|
-
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
|
|
2011
|
-
}
|
|
2012
|
-
.turtle-widget-root .from-primary {
|
|
2013
|
-
--tw-gradient-from: var(--color-primary);
|
|
2014
|
-
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
|
|
2015
|
-
}
|
|
2016
2048
|
.turtle-widget-root .from-transparent {
|
|
2017
2049
|
--tw-gradient-from: transparent;
|
|
2018
2050
|
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
|
|
2019
2051
|
}
|
|
2020
|
-
.turtle-widget-root .via-foreground\/10 {
|
|
2021
|
-
--tw-gradient-via: var(--color-foreground);
|
|
2022
|
-
}
|
|
2023
|
-
@supports (color:color-mix(in lab,red,red)) {
|
|
2024
|
-
.turtle-widget-root .via-foreground\/10 {
|
|
2025
|
-
--tw-gradient-via: var(--color-foreground);
|
|
2026
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
2027
|
-
--tw-gradient-via: color-mix(in oklab,var(--color-foreground)10%,transparent);
|
|
2028
|
-
}
|
|
2029
|
-
}
|
|
2030
|
-
}
|
|
2031
|
-
.turtle-widget-root .via-foreground\/10 {
|
|
2032
|
-
--tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
|
|
2033
|
-
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
2034
|
-
}
|
|
2035
2052
|
.turtle-widget-root .via-primary {
|
|
2036
2053
|
--tw-gradient-via: var(--color-primary);
|
|
2037
2054
|
--tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
|
|
2038
2055
|
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
2039
2056
|
}
|
|
2040
|
-
.turtle-widget-root .via-primary\/20 {
|
|
2041
|
-
--tw-gradient-via: var(--color-primary);
|
|
2042
|
-
}
|
|
2043
|
-
@supports (color:color-mix(in lab,red,red)) {
|
|
2044
|
-
.turtle-widget-root .via-primary\/20 {
|
|
2045
|
-
--tw-gradient-via: var(--color-primary);
|
|
2046
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
2047
|
-
--tw-gradient-via: color-mix(in oklab,var(--color-primary)20%,transparent);
|
|
2048
|
-
}
|
|
2049
|
-
}
|
|
2050
|
-
}
|
|
2051
|
-
.turtle-widget-root .via-primary\/20 {
|
|
2052
|
-
--tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
|
|
2053
|
-
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
2054
|
-
}
|
|
2055
|
-
.turtle-widget-root .to-foreground\/20 {
|
|
2056
|
-
--tw-gradient-to: var(--color-foreground);
|
|
2057
|
-
}
|
|
2058
|
-
@supports (color:color-mix(in lab,red,red)) {
|
|
2059
|
-
.turtle-widget-root .to-foreground\/20 {
|
|
2060
|
-
--tw-gradient-to: var(--color-foreground);
|
|
2061
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
2062
|
-
--tw-gradient-to: color-mix(in oklab,var(--color-foreground)20%,transparent);
|
|
2063
|
-
}
|
|
2064
|
-
}
|
|
2065
|
-
}
|
|
2066
|
-
.turtle-widget-root .to-foreground\/20 {
|
|
2067
|
-
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
|
|
2068
|
-
}
|
|
2069
|
-
.turtle-widget-root .to-primary\/30 {
|
|
2070
|
-
--tw-gradient-to: var(--color-primary);
|
|
2071
|
-
}
|
|
2072
|
-
@supports (color:color-mix(in lab,red,red)) {
|
|
2073
|
-
.turtle-widget-root .to-primary\/30 {
|
|
2074
|
-
--tw-gradient-to: var(--color-primary);
|
|
2075
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
2076
|
-
--tw-gradient-to: color-mix(in oklab,var(--color-primary)30%,transparent);
|
|
2077
|
-
}
|
|
2078
|
-
}
|
|
2079
|
-
}
|
|
2080
|
-
.turtle-widget-root .to-primary\/30 {
|
|
2081
|
-
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
|
|
2082
|
-
}
|
|
2083
2057
|
.turtle-widget-root .to-transparent {
|
|
2084
2058
|
--tw-gradient-to: transparent;
|
|
2085
2059
|
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
|
|
2086
2060
|
}
|
|
2087
|
-
.turtle-widget-root .bg-clip-padding {
|
|
2088
|
-
background-clip: padding-box;
|
|
2089
|
-
}
|
|
2090
2061
|
.turtle-widget-root .fill-current {
|
|
2091
2062
|
fill: currentColor;
|
|
2092
2063
|
}
|
|
@@ -2347,9 +2318,6 @@
|
|
|
2347
2318
|
--tw-tracking: var(--tracking-widest);
|
|
2348
2319
|
letter-spacing: var(--tracking-widest);
|
|
2349
2320
|
}
|
|
2350
|
-
.turtle-widget-root .text-balance {
|
|
2351
|
-
text-wrap: balance;
|
|
2352
|
-
}
|
|
2353
2321
|
.turtle-widget-root .whitespace-nowrap {
|
|
2354
2322
|
white-space: nowrap;
|
|
2355
2323
|
}
|
|
@@ -2443,8 +2411,8 @@
|
|
|
2443
2411
|
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
|
|
2444
2412
|
box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
|
|
2445
2413
|
}
|
|
2446
|
-
.turtle-widget-root .shadow-\[
|
|
2447
|
-
--tw-shadow: 0px
|
|
2414
|
+
.turtle-widget-root .shadow-\[0px_4px_4px_0px\] {
|
|
2415
|
+
--tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color,currentcolor);
|
|
2448
2416
|
box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
|
|
2449
2417
|
}
|
|
2450
2418
|
.turtle-widget-root .shadow-lg {
|
|
@@ -2483,25 +2451,14 @@
|
|
|
2483
2451
|
--tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
|
|
2484
2452
|
box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
|
|
2485
2453
|
}
|
|
2486
|
-
.turtle-widget-root .shadow-
|
|
2487
|
-
--tw-shadow-color:
|
|
2488
|
-
}
|
|
2489
|
-
@supports (color:color-mix(in lab,red,red)) {
|
|
2490
|
-
.turtle-widget-root .shadow-black {
|
|
2491
|
-
--tw-shadow-color: #000;
|
|
2492
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
2493
|
-
--tw-shadow-color: color-mix(in oklab,var(--color-black)var(--tw-shadow-alpha),transparent);
|
|
2494
|
-
}
|
|
2495
|
-
}
|
|
2496
|
-
}
|
|
2497
|
-
.turtle-widget-root .shadow-primary {
|
|
2498
|
-
--tw-shadow-color: var(--color-primary);
|
|
2454
|
+
.turtle-widget-root .shadow-background {
|
|
2455
|
+
--tw-shadow-color: var(--color-background);
|
|
2499
2456
|
}
|
|
2500
2457
|
@supports (color:color-mix(in lab,red,red)) {
|
|
2501
|
-
.turtle-widget-root .shadow-
|
|
2502
|
-
--tw-shadow-color: var(--color-
|
|
2458
|
+
.turtle-widget-root .shadow-background {
|
|
2459
|
+
--tw-shadow-color: var(--color-background);
|
|
2503
2460
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2504
|
-
--tw-shadow-color: color-mix(in oklab,var(--color-
|
|
2461
|
+
--tw-shadow-color: color-mix(in oklab,var(--color-background)var(--tw-shadow-alpha),transparent);
|
|
2505
2462
|
}
|
|
2506
2463
|
}
|
|
2507
2464
|
}
|
|
@@ -2548,11 +2505,6 @@
|
|
|
2548
2505
|
.turtle-widget-root .filter {
|
|
2549
2506
|
filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);
|
|
2550
2507
|
}
|
|
2551
|
-
.turtle-widget-root .backdrop-blur-lg {
|
|
2552
|
-
--tw-backdrop-blur: blur(var(--blur-lg));
|
|
2553
|
-
-webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
|
|
2554
|
-
backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
|
|
2555
|
-
}
|
|
2556
2508
|
.turtle-widget-root .transition {
|
|
2557
2509
|
transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
|
|
2558
2510
|
transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
|
|
@@ -2791,6 +2743,42 @@
|
|
|
2791
2743
|
padding-right: calc(var(--spacing)*4);
|
|
2792
2744
|
}
|
|
2793
2745
|
@media (hover:hover) {
|
|
2746
|
+
.turtle-widget-root .hover\:border-gradient-white:hover {
|
|
2747
|
+
border-style: var(--tw-border-style);
|
|
2748
|
+
border-width: 1px;
|
|
2749
|
+
border-color: #0000;
|
|
2750
|
+
position: relative;
|
|
2751
|
+
}
|
|
2752
|
+
.turtle-widget-root .hover\:border-gradient-white:hover:before {
|
|
2753
|
+
content: "";
|
|
2754
|
+
pointer-events: none;
|
|
2755
|
+
border-style: var(--tw-border-style);
|
|
2756
|
+
border-radius: inherit;
|
|
2757
|
+
background: var(--border-gradient-white);
|
|
2758
|
+
border-width: 1px;
|
|
2759
|
+
border-color: #0000;
|
|
2760
|
+
position: absolute;
|
|
2761
|
+
top: -1px;
|
|
2762
|
+
right: -1px;
|
|
2763
|
+
bottom: -1px;
|
|
2764
|
+
left: -1px;
|
|
2765
|
+
-webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
|
|
2766
|
+
mask-image: linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);
|
|
2767
|
+
-webkit-mask-position: 0 0,0 0;
|
|
2768
|
+
mask-position: 0 0,0 0;
|
|
2769
|
+
-webkit-mask-size: auto,auto;
|
|
2770
|
+
mask-size: auto,auto;
|
|
2771
|
+
-webkit-mask-repeat: repeat,repeat;
|
|
2772
|
+
mask-repeat: repeat,repeat;
|
|
2773
|
+
-webkit-mask-clip: padding-box,border-box;
|
|
2774
|
+
mask-clip: padding-box,border-box;
|
|
2775
|
+
-webkit-mask-origin: padding-box,border-box;
|
|
2776
|
+
mask-origin: padding-box,border-box;
|
|
2777
|
+
-webkit-mask-composite: xor;
|
|
2778
|
+
mask-composite: exclude;
|
|
2779
|
+
-webkit-mask-source-type: auto,auto;
|
|
2780
|
+
mask-mode: match-source,match-source;
|
|
2781
|
+
}
|
|
2794
2782
|
.turtle-widget-root .hover\:z-10:hover {
|
|
2795
2783
|
z-index: 10;
|
|
2796
2784
|
}
|
|
@@ -2998,39 +2986,53 @@
|
|
|
2998
2986
|
outline-style: var(--tw-outline-style);
|
|
2999
2987
|
outline-width: 1px;
|
|
3000
2988
|
}
|
|
3001
|
-
.turtle-widget-root .active\:
|
|
3002
|
-
|
|
3003
|
-
|
|
3004
|
-
|
|
3005
|
-
|
|
3006
|
-
--tw-gradient-via: var(--color-primary);
|
|
3007
|
-
}
|
|
3008
|
-
@supports (color:color-mix(in lab,red,red)) {
|
|
3009
|
-
.turtle-widget-root .active\:via-primary\/20:active {
|
|
3010
|
-
--tw-gradient-via: var(--color-primary);
|
|
3011
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
3012
|
-
--tw-gradient-via: color-mix(in oklab,var(--color-primary)20%,transparent);
|
|
3013
|
-
}
|
|
3014
|
-
}
|
|
2989
|
+
.turtle-widget-root .active\:border-gradient-primary:active {
|
|
2990
|
+
border-style: var(--tw-border-style);
|
|
2991
|
+
border-width: 1px;
|
|
2992
|
+
border-color: #0000;
|
|
2993
|
+
position: relative;
|
|
3015
2994
|
}
|
|
3016
|
-
.turtle-widget-root .active\:
|
|
3017
|
-
|
|
3018
|
-
|
|
2995
|
+
.turtle-widget-root .active\:border-gradient-primary:active:before {
|
|
2996
|
+
content: "";
|
|
2997
|
+
pointer-events: none;
|
|
2998
|
+
border-style: var(--tw-border-style);
|
|
2999
|
+
border-radius: inherit;
|
|
3000
|
+
background: var(--border-gradient-primary);
|
|
3001
|
+
border-width: 1px;
|
|
3002
|
+
border-color: #0000;
|
|
3003
|
+
position: absolute;
|
|
3004
|
+
top: -1px;
|
|
3005
|
+
right: -1px;
|
|
3006
|
+
bottom: -1px;
|
|
3007
|
+
left: -1px;
|
|
3008
|
+
-webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
|
|
3009
|
+
mask-image: linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);
|
|
3010
|
+
-webkit-mask-position: 0 0,0 0;
|
|
3011
|
+
mask-position: 0 0,0 0;
|
|
3012
|
+
-webkit-mask-size: auto,auto;
|
|
3013
|
+
mask-size: auto,auto;
|
|
3014
|
+
-webkit-mask-repeat: repeat,repeat;
|
|
3015
|
+
mask-repeat: repeat,repeat;
|
|
3016
|
+
-webkit-mask-clip: padding-box,border-box;
|
|
3017
|
+
mask-clip: padding-box,border-box;
|
|
3018
|
+
-webkit-mask-origin: padding-box,border-box;
|
|
3019
|
+
mask-origin: padding-box,border-box;
|
|
3020
|
+
-webkit-mask-composite: xor;
|
|
3021
|
+
mask-composite: exclude;
|
|
3022
|
+
-webkit-mask-source-type: auto,auto;
|
|
3023
|
+
mask-mode: match-source,match-source;
|
|
3019
3024
|
}
|
|
3020
|
-
.turtle-widget-root .active\:
|
|
3021
|
-
|
|
3025
|
+
.turtle-widget-root .active\:bg-background\/90:active {
|
|
3026
|
+
background-color: var(--color-background);
|
|
3022
3027
|
}
|
|
3023
3028
|
@supports (color:color-mix(in lab,red,red)) {
|
|
3024
|
-
.turtle-widget-root .active\:
|
|
3025
|
-
|
|
3029
|
+
.turtle-widget-root .active\:bg-background\/90:active {
|
|
3030
|
+
background-color: var(--color-background);
|
|
3026
3031
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3027
|
-
|
|
3032
|
+
background-color: color-mix(in oklab,var(--color-background)90%,transparent);
|
|
3028
3033
|
}
|
|
3029
3034
|
}
|
|
3030
3035
|
}
|
|
3031
|
-
.turtle-widget-root .active\:to-primary\/30:active {
|
|
3032
|
-
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
|
|
3033
|
-
}
|
|
3034
3036
|
.turtle-widget-root .disabled\:pointer-events-none:disabled {
|
|
3035
3037
|
pointer-events: none;
|
|
3036
3038
|
}
|
|
@@ -3913,13 +3915,20 @@
|
|
|
3913
3915
|
--color-neutral-base-800: #262626;
|
|
3914
3916
|
--color-neutral-base-850: #191a19;
|
|
3915
3917
|
--color-neutral-base-900: #141514;
|
|
3918
|
+
--color-brand-green-alpha-10: #47a73b1a;
|
|
3919
|
+
--color-brand-green-alpha-30: #73f36c4d;
|
|
3920
|
+
--color-brand-green-alpha-40: #73f36c66;
|
|
3921
|
+
--color-brand-green-alpha-50: #73f36c80;
|
|
3922
|
+
--color-brand-green-alpha-60: #73f36c99;
|
|
3923
|
+
--color-brand-green-alpha-70: #73f36cb3;
|
|
3924
|
+
--color-brand-green-alpha-80: #73f36ccc;
|
|
3925
|
+
--color-brand-green-alpha-90: #73f36ce6;
|
|
3916
3926
|
--color-neutral-alpha-2: #f9f9f905;
|
|
3917
3927
|
--color-neutral-alpha-5: #f9f9f90d;
|
|
3918
3928
|
--color-neutral-alpha-10: #f9f9f91a;
|
|
3919
3929
|
--color-neutral-alpha-20: #f9f9f933;
|
|
3920
3930
|
--color-neutral-alpha-30: #f9f9f94d;
|
|
3921
3931
|
--color-neutral-alpha-50: #ffffff80;
|
|
3922
|
-
--color-brand-green-alpha-10: #47a73b1a;
|
|
3923
3932
|
--color-brand-green-alpha-20: #73f36c33;
|
|
3924
3933
|
--color-brand-aqua: #aaf1d5;
|
|
3925
3934
|
--color-neutral-alpha-dark-2: #14151405;
|
|
@@ -4203,42 +4212,6 @@
|
|
|
4203
4212
|
inherits: false;
|
|
4204
4213
|
initial-value: solid;
|
|
4205
4214
|
}
|
|
4206
|
-
@property --tw-backdrop-blur {
|
|
4207
|
-
syntax: "*";
|
|
4208
|
-
inherits: false;
|
|
4209
|
-
}
|
|
4210
|
-
@property --tw-backdrop-brightness {
|
|
4211
|
-
syntax: "*";
|
|
4212
|
-
inherits: false;
|
|
4213
|
-
}
|
|
4214
|
-
@property --tw-backdrop-contrast {
|
|
4215
|
-
syntax: "*";
|
|
4216
|
-
inherits: false;
|
|
4217
|
-
}
|
|
4218
|
-
@property --tw-backdrop-grayscale {
|
|
4219
|
-
syntax: "*";
|
|
4220
|
-
inherits: false;
|
|
4221
|
-
}
|
|
4222
|
-
@property --tw-backdrop-hue-rotate {
|
|
4223
|
-
syntax: "*";
|
|
4224
|
-
inherits: false;
|
|
4225
|
-
}
|
|
4226
|
-
@property --tw-backdrop-invert {
|
|
4227
|
-
syntax: "*";
|
|
4228
|
-
inherits: false;
|
|
4229
|
-
}
|
|
4230
|
-
@property --tw-backdrop-opacity {
|
|
4231
|
-
syntax: "*";
|
|
4232
|
-
inherits: false;
|
|
4233
|
-
}
|
|
4234
|
-
@property --tw-backdrop-saturate {
|
|
4235
|
-
syntax: "*";
|
|
4236
|
-
inherits: false;
|
|
4237
|
-
}
|
|
4238
|
-
@property --tw-backdrop-sepia {
|
|
4239
|
-
syntax: "*";
|
|
4240
|
-
inherits: false;
|
|
4241
|
-
}
|
|
4242
4215
|
@property --tw-content {
|
|
4243
4216
|
syntax: "*";
|
|
4244
4217
|
inherits: false;
|
|
@@ -4552,15 +4525,6 @@
|
|
|
4552
4525
|
--tw-numeric-spacing: initial;
|
|
4553
4526
|
--tw-numeric-fraction: initial;
|
|
4554
4527
|
--tw-outline-style: solid;
|
|
4555
|
-
--tw-backdrop-blur: initial;
|
|
4556
|
-
--tw-backdrop-brightness: initial;
|
|
4557
|
-
--tw-backdrop-contrast: initial;
|
|
4558
|
-
--tw-backdrop-grayscale: initial;
|
|
4559
|
-
--tw-backdrop-hue-rotate: initial;
|
|
4560
|
-
--tw-backdrop-invert: initial;
|
|
4561
|
-
--tw-backdrop-opacity: initial;
|
|
4562
|
-
--tw-backdrop-saturate: initial;
|
|
4563
|
-
--tw-backdrop-sepia: initial;
|
|
4564
4528
|
--tw-content: "";
|
|
4565
4529
|
--tw-scale-x: 1;
|
|
4566
4530
|
--tw-scale-y: 1;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@turtleclub/earn-widget",
|
|
3
|
-
"version": "0.3.0-beta.
|
|
3
|
+
"version": "0.3.0-beta.28",
|
|
4
4
|
"description": "Configurable and self-contained Turtle Earn widget for third-party integration",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@tailwindcss/postcss": "^4.1.11",
|
|
43
|
-
"@turtleclub/hooks": "0.2.1-beta.
|
|
44
|
-
"@turtleclub/ui": "0.3.0-beta.
|
|
43
|
+
"@turtleclub/hooks": "0.2.1-beta.4",
|
|
44
|
+
"@turtleclub/ui": "0.3.0-beta.22",
|
|
45
45
|
"class-variance-authority": "^0.7.1",
|
|
46
46
|
"clsx": "^2.1.1",
|
|
47
47
|
"jotai": "^2.10.5",
|
|
@@ -79,5 +79,5 @@
|
|
|
79
79
|
"publishConfig": {
|
|
80
80
|
"access": "public"
|
|
81
81
|
},
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "3f4a5d879b04df7736a5d57bcadd78fe8f0f8508"
|
|
83
83
|
}
|