@tecsinapse/cortex-core 1.3.0-beta.7 → 1.3.0-beta.9
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.
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var tailwindVariants = require('tailwind-variants');
|
|
4
4
|
|
|
5
5
|
const modal = tailwindVariants.tv({
|
|
6
|
-
base: "fixed rounded-micro p-kilo bg-surface-overlay shadow-default flex transition inset-0 z-modal",
|
|
6
|
+
base: "fixed rounded-micro p-kilo bg-surface-overlay shadow-default flex transition inset-0 z-modal text-default",
|
|
7
7
|
variants: {
|
|
8
8
|
open: {
|
|
9
9
|
true: "scale-100 visible",
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var react = require('react');
|
|
5
5
|
var definitions = require('../tokens/definitions.js');
|
|
6
|
-
var previewApi = require('storybook/internal/preview-api');
|
|
7
6
|
|
|
8
7
|
const DarkThemeContext = react.createContext(null);
|
|
9
8
|
const DarkThemeProvider = ({ children }) => {
|
|
@@ -36,7 +35,7 @@ const DarkThemeProvider = ({ children }) => {
|
|
|
36
35
|
style.setProperty("--color-content-inverse", definitions.colors.content.inverse);
|
|
37
36
|
}
|
|
38
37
|
}, [theme]);
|
|
39
|
-
const toggleTheme =
|
|
38
|
+
const toggleTheme = react.useCallback(() => {
|
|
40
39
|
const next = theme === "light" ? "dark" : "light";
|
|
41
40
|
setTheme(next);
|
|
42
41
|
return next;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { tv } from 'tailwind-variants';
|
|
2
2
|
|
|
3
3
|
const modal = tv({
|
|
4
|
-
base: "fixed rounded-micro p-kilo bg-surface-overlay shadow-default flex transition inset-0 z-modal",
|
|
4
|
+
base: "fixed rounded-micro p-kilo bg-surface-overlay shadow-default flex transition inset-0 z-modal text-default",
|
|
5
5
|
variants: {
|
|
6
6
|
open: {
|
|
7
7
|
true: "scale-100 visible",
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { createContext, useState, useEffect, useMemo, useContext } from 'react';
|
|
2
|
+
import { createContext, useState, useEffect, useCallback, useMemo, useContext } from 'react';
|
|
3
3
|
import { darkColors, colors, textColor } from '../tokens/definitions.js';
|
|
4
|
-
import { useCallback } from 'storybook/internal/preview-api';
|
|
5
4
|
|
|
6
5
|
const DarkThemeContext = createContext(null);
|
|
7
6
|
const DarkThemeProvider = ({ children }) => {
|
|
@@ -3,7 +3,7 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
|
|
|
3
3
|
true: string;
|
|
4
4
|
false: string;
|
|
5
5
|
};
|
|
6
|
-
}, undefined, "fixed rounded-micro p-kilo bg-surface-overlay shadow-default flex transition inset-0 z-modal", {
|
|
6
|
+
}, undefined, "fixed rounded-micro p-kilo bg-surface-overlay shadow-default flex transition inset-0 z-modal text-default", {
|
|
7
7
|
open: {
|
|
8
8
|
true: string;
|
|
9
9
|
false: string;
|
|
@@ -13,4 +13,4 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
|
|
|
13
13
|
true: string;
|
|
14
14
|
false: string;
|
|
15
15
|
};
|
|
16
|
-
}, undefined, "fixed rounded-micro p-kilo bg-surface-overlay shadow-default flex transition inset-0 z-modal", unknown, unknown, undefined>>;
|
|
16
|
+
}, undefined, "fixed rounded-micro p-kilo bg-surface-overlay shadow-default flex transition inset-0 z-modal text-default", unknown, unknown, undefined>>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tecsinapse/cortex-core",
|
|
3
|
-
"version": "1.3.0-beta.
|
|
3
|
+
"version": "1.3.0-beta.9",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Core library for tailwindcss based design",
|
|
6
6
|
"main": "dist/esm/index.js",
|
|
@@ -31,5 +31,5 @@
|
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"tailwindcss": ">=3.3.0"
|
|
33
33
|
},
|
|
34
|
-
"gitHead": "
|
|
34
|
+
"gitHead": "ca45878c6a094df27f489c25afbd74f9daa4f072"
|
|
35
35
|
}
|