react-restyle-components 0.1.67 → 0.1.69
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
! tailwindcss v3.4.
|
|
2
|
+
! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
/*
|
|
@@ -929,11 +929,6 @@ video {
|
|
|
929
929
|
background-color: rgb(0 123 255 / var(--tw-bg-opacity));
|
|
930
930
|
}
|
|
931
931
|
|
|
932
|
-
.bg-\[\#EF4444\] {
|
|
933
|
-
--tw-bg-opacity: 1;
|
|
934
|
-
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
|
|
935
|
-
}
|
|
936
|
-
|
|
937
932
|
.bg-background-secondary {
|
|
938
933
|
--tw-bg-opacity: 1;
|
|
939
934
|
background-color: rgb(240 239 238 / var(--tw-bg-opacity));
|
|
@@ -964,6 +959,11 @@ video {
|
|
|
964
959
|
background-color: rgb(231 80 61 / var(--tw-bg-opacity));
|
|
965
960
|
}
|
|
966
961
|
|
|
962
|
+
.bg-orange1 {
|
|
963
|
+
--tw-bg-opacity: 1;
|
|
964
|
+
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
|
|
965
|
+
}
|
|
966
|
+
|
|
967
967
|
.bg-slate-800 {
|
|
968
968
|
--tw-bg-opacity: 1;
|
|
969
969
|
background-color: rgb(30 41 59 / var(--tw-bg-opacity));
|
package/lib/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import './global.
|
|
1
|
+
import './global.css';
|
|
2
2
|
export * from './src/core-components';
|
package/lib/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import './global.
|
|
1
|
+
import './global.css';
|
|
2
2
|
export * from './src/core-components';
|
|
@@ -3,7 +3,7 @@ import { Icon } from '../..';
|
|
|
3
3
|
export const Tabs = ({ options, onSelect }) => {
|
|
4
4
|
const [selected, setSelected] = useState(options[0].title);
|
|
5
5
|
return (React.createElement("div", { className: "flex justify-center" },
|
|
6
|
-
React.createElement("ul", { className: "flex flex-wrap items-center justify-center -mb-px text-sm font-medium text-center text-black cursor-pointer gap-2" }, options?.map((item, index) => (React.createElement("li", { key: index, className: "bg-
|
|
6
|
+
React.createElement("ul", { className: "flex flex-wrap items-center justify-center -mb-px text-sm font-medium text-center text-black cursor-pointer gap-2" }, options?.map((item, index) => (React.createElement("li", { key: index, className: "bg-orange1 rounded-md" },
|
|
7
7
|
React.createElement("div", { className: `inline-flex items-center justify-center p-3 border-b-2 gap-1 ${item.title == selected
|
|
8
8
|
? 'text-white font-bold md:text-md border-primary active'
|
|
9
9
|
: ' text-gray-200 md:text-md border-transparent'}`, onClick: () => {
|