@sikka/hawa 0.0.263 → 0.0.265
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 +23 -6
- package/es/elements/HawaButton.d.ts +1 -0
- package/es/elements/HawaCodeBlock.d.ts +1 -0
- package/es/index.es.js +3 -3
- package/lib/elements/HawaButton.d.ts +1 -0
- package/lib/elements/HawaCodeBlock.d.ts +1 -0
- package/lib/index.js +3 -3
- package/package.json +2 -1
- package/src/elements/HawaButton.tsx +83 -48
- package/src/elements/HawaCodeBlock.tsx +70 -20
- package/src/styles.css +23 -6
- package/es/stories/ElementsStories/Buttons.stories.d.ts +0 -24
- package/lib/stories/ElementsStories/Buttons.stories.d.ts +0 -24
package/dist/styles.css
CHANGED
|
@@ -973,6 +973,9 @@ video {
|
|
|
973
973
|
.max-h-full {
|
|
974
974
|
max-height: 100%;
|
|
975
975
|
}
|
|
976
|
+
.min-h-\[37\.75px\] {
|
|
977
|
+
min-height: 37.75px;
|
|
978
|
+
}
|
|
976
979
|
.w-0 {
|
|
977
980
|
width: 0px;
|
|
978
981
|
}
|
|
@@ -1145,6 +1148,14 @@ video {
|
|
|
1145
1148
|
--tw-translate-y: -50%;
|
|
1146
1149
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1147
1150
|
}
|
|
1151
|
+
.-translate-y-8 {
|
|
1152
|
+
--tw-translate-y: -2rem;
|
|
1153
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1154
|
+
}
|
|
1155
|
+
.translate-y-0 {
|
|
1156
|
+
--tw-translate-y: 0px;
|
|
1157
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1158
|
+
}
|
|
1148
1159
|
.translate-y-1\/2 {
|
|
1149
1160
|
--tw-translate-y: 50%;
|
|
1150
1161
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
@@ -1168,6 +1179,9 @@ video {
|
|
|
1168
1179
|
.transform {
|
|
1169
1180
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1170
1181
|
}
|
|
1182
|
+
.transform-gpu {
|
|
1183
|
+
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1184
|
+
}
|
|
1171
1185
|
@keyframes spin {
|
|
1172
1186
|
|
|
1173
1187
|
to {
|
|
@@ -1214,6 +1228,9 @@ video {
|
|
|
1214
1228
|
.flex-col {
|
|
1215
1229
|
flex-direction: column;
|
|
1216
1230
|
}
|
|
1231
|
+
.flex-col-reverse {
|
|
1232
|
+
flex-direction: column-reverse;
|
|
1233
|
+
}
|
|
1217
1234
|
.flex-wrap {
|
|
1218
1235
|
flex-wrap: wrap;
|
|
1219
1236
|
}
|
|
@@ -1830,6 +1847,9 @@ video {
|
|
|
1830
1847
|
.pb-0 {
|
|
1831
1848
|
padding-bottom: 0px;
|
|
1832
1849
|
}
|
|
1850
|
+
.pb-1 {
|
|
1851
|
+
padding-bottom: 0.25rem;
|
|
1852
|
+
}
|
|
1833
1853
|
.pb-2 {
|
|
1834
1854
|
padding-bottom: 0.5rem;
|
|
1835
1855
|
}
|
|
@@ -1845,9 +1865,6 @@ video {
|
|
|
1845
1865
|
.pl-3 {
|
|
1846
1866
|
padding-left: 0.75rem;
|
|
1847
1867
|
}
|
|
1848
|
-
.pl-4 {
|
|
1849
|
-
padding-left: 1rem;
|
|
1850
|
-
}
|
|
1851
1868
|
.pl-6 {
|
|
1852
1869
|
padding-left: 1.5rem;
|
|
1853
1870
|
}
|
|
@@ -1857,12 +1874,12 @@ video {
|
|
|
1857
1874
|
.pr-3 {
|
|
1858
1875
|
padding-right: 0.75rem;
|
|
1859
1876
|
}
|
|
1860
|
-
.pr-4 {
|
|
1861
|
-
padding-right: 1rem;
|
|
1862
|
-
}
|
|
1863
1877
|
.pt-0 {
|
|
1864
1878
|
padding-top: 0px;
|
|
1865
1879
|
}
|
|
1880
|
+
.pt-1 {
|
|
1881
|
+
padding-top: 0.25rem;
|
|
1882
|
+
}
|
|
1866
1883
|
.pt-2 {
|
|
1867
1884
|
padding-top: 0.5rem;
|
|
1868
1885
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { FC, ButtonHTMLAttributes } from "react";
|
|
2
2
|
interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
3
|
variant?: "contained" | "outlined";
|
|
4
|
+
feedback?: string;
|
|
4
5
|
tooltipDirection?: "rtl" | "ltr";
|
|
5
6
|
color?: "default" | "primary" | "secondary";
|
|
6
7
|
width?: "full" | "normal" | "half";
|