@sikka/hawa 0.0.264 → 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 +20 -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 +67 -19
- package/src/styles.css +20 -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));
|
|
@@ -1217,6 +1228,9 @@ video {
|
|
|
1217
1228
|
.flex-col {
|
|
1218
1229
|
flex-direction: column;
|
|
1219
1230
|
}
|
|
1231
|
+
.flex-col-reverse {
|
|
1232
|
+
flex-direction: column-reverse;
|
|
1233
|
+
}
|
|
1220
1234
|
.flex-wrap {
|
|
1221
1235
|
flex-wrap: wrap;
|
|
1222
1236
|
}
|
|
@@ -1833,6 +1847,9 @@ video {
|
|
|
1833
1847
|
.pb-0 {
|
|
1834
1848
|
padding-bottom: 0px;
|
|
1835
1849
|
}
|
|
1850
|
+
.pb-1 {
|
|
1851
|
+
padding-bottom: 0.25rem;
|
|
1852
|
+
}
|
|
1836
1853
|
.pb-2 {
|
|
1837
1854
|
padding-bottom: 0.5rem;
|
|
1838
1855
|
}
|
|
@@ -1848,9 +1865,6 @@ video {
|
|
|
1848
1865
|
.pl-3 {
|
|
1849
1866
|
padding-left: 0.75rem;
|
|
1850
1867
|
}
|
|
1851
|
-
.pl-4 {
|
|
1852
|
-
padding-left: 1rem;
|
|
1853
|
-
}
|
|
1854
1868
|
.pl-6 {
|
|
1855
1869
|
padding-left: 1.5rem;
|
|
1856
1870
|
}
|
|
@@ -1860,12 +1874,12 @@ video {
|
|
|
1860
1874
|
.pr-3 {
|
|
1861
1875
|
padding-right: 0.75rem;
|
|
1862
1876
|
}
|
|
1863
|
-
.pr-4 {
|
|
1864
|
-
padding-right: 1rem;
|
|
1865
|
-
}
|
|
1866
1877
|
.pt-0 {
|
|
1867
1878
|
padding-top: 0px;
|
|
1868
1879
|
}
|
|
1880
|
+
.pt-1 {
|
|
1881
|
+
padding-top: 0.25rem;
|
|
1882
|
+
}
|
|
1869
1883
|
.pt-2 {
|
|
1870
1884
|
padding-top: 0.5rem;
|
|
1871
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";
|