@itilite/lumina-ui 0.0.321 → 0.0.323
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/README.md +106 -0
- package/dist/{cjs/types/components/Button/types.d.ts → Button.d.mts} +10 -1
- package/dist/{esm/types/components/Button/types.d.ts → Button.d.ts} +10 -1
- package/dist/Button.js +111 -0
- package/dist/Button.mjs +9 -0
- package/dist/{esm/types/components/Checkbox/types.d.ts → Checkbox.d.mts} +10 -1
- package/dist/{types/components/Checkbox/types.d.ts → Checkbox.d.ts} +10 -1
- package/dist/Checkbox.js +121 -0
- package/dist/Checkbox.mjs +9 -0
- package/dist/chunk-FUJQIYOF.mjs +37 -0
- package/dist/chunk-ME35H7QC.mjs +77 -0
- package/dist/chunk-OMYHSSPQ.mjs +64 -0
- package/dist/index.d.mts +4 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +197 -0
- package/dist/index.mjs +11 -0
- package/dist/styles.css +1454 -0
- package/package.json +74 -80
- package/babel.config.js +0 -7
- package/dist/cjs/index.css +0 -1
- package/dist/cjs/index.js +0 -23219
- package/dist/cjs/index.js.map +0 -1
- package/dist/cjs/types/components/Button/Button.d.ts +0 -4
- package/dist/cjs/types/components/Button/index.d.ts +0 -1
- package/dist/cjs/types/components/Checkbox/Checkbox.d.ts +0 -4
- package/dist/cjs/types/components/Checkbox/index.d.ts +0 -1
- package/dist/cjs/types/components/Checkbox/types.d.ts +0 -11
- package/dist/cjs/types/components/Modal/Modal.d.ts +0 -3
- package/dist/cjs/types/components/Modal/index.d.ts +0 -1
- package/dist/cjs/types/components/Modal/types.d.ts +0 -21
- package/dist/cjs/types/components/Radio/Radio.d.ts +0 -4
- package/dist/cjs/types/components/Radio/index.d.ts +0 -1
- package/dist/cjs/types/components/Radio/types.d.ts +0 -11
- package/dist/cjs/types/components/Switch/Switch.d.ts +0 -4
- package/dist/cjs/types/components/Switch/index.d.ts +0 -1
- package/dist/cjs/types/components/Switch/types.d.ts +0 -7
- package/dist/cjs/types/components/Tag/Tag.d.ts +0 -4
- package/dist/cjs/types/components/Tag/index.d.ts +0 -1
- package/dist/cjs/types/components/Tag/type.d.ts +0 -7
- package/dist/cjs/types/components/Tooltip/Tooltip.d.ts +0 -3
- package/dist/cjs/types/components/Tooltip/index.d.ts +0 -1
- package/dist/cjs/types/components/Tooltip/types.d.ts +0 -8
- package/dist/cjs/types/components/index.d.ts +0 -7
- package/dist/cjs/types/index.d.ts +0 -1
- package/dist/esm/index.css +0 -1
- package/dist/esm/index.js +0 -23193
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/types/components/Button/Button.d.ts +0 -4
- package/dist/esm/types/components/Button/index.d.ts +0 -1
- package/dist/esm/types/components/Checkbox/Checkbox.d.ts +0 -4
- package/dist/esm/types/components/Checkbox/index.d.ts +0 -1
- package/dist/esm/types/components/Modal/Modal.d.ts +0 -3
- package/dist/esm/types/components/Modal/index.d.ts +0 -1
- package/dist/esm/types/components/Modal/types.d.ts +0 -21
- package/dist/esm/types/components/Radio/Radio.d.ts +0 -4
- package/dist/esm/types/components/Radio/index.d.ts +0 -1
- package/dist/esm/types/components/Radio/types.d.ts +0 -11
- package/dist/esm/types/components/Switch/Switch.d.ts +0 -4
- package/dist/esm/types/components/Switch/index.d.ts +0 -1
- package/dist/esm/types/components/Switch/types.d.ts +0 -7
- package/dist/esm/types/components/Tag/Tag.d.ts +0 -4
- package/dist/esm/types/components/Tag/index.d.ts +0 -1
- package/dist/esm/types/components/Tag/type.d.ts +0 -7
- package/dist/esm/types/components/Tooltip/Tooltip.d.ts +0 -3
- package/dist/esm/types/components/Tooltip/index.d.ts +0 -1
- package/dist/esm/types/components/Tooltip/types.d.ts +0 -8
- package/dist/esm/types/components/index.d.ts +0 -7
- package/dist/esm/types/index.d.ts +0 -1
- package/dist/types/components/Button/Button.d.ts +0 -4
- package/dist/types/components/Button/Button.test.d.ts +0 -1
- package/dist/types/components/Button/index.d.ts +0 -1
- package/dist/types/components/Button/types.d.ts +0 -16
- package/dist/types/components/Checkbox/Checkbox.d.ts +0 -4
- package/dist/types/components/Checkbox/index.d.ts +0 -1
- package/dist/types/components/Modal/Modal.d.ts +0 -3
- package/dist/types/components/Modal/index.d.ts +0 -1
- package/dist/types/components/Modal/types.d.ts +0 -21
- package/dist/types/components/Radio/Radio.d.ts +0 -4
- package/dist/types/components/Radio/index.d.ts +0 -1
- package/dist/types/components/Radio/types.d.ts +0 -11
- package/dist/types/components/Switch/Switch.d.ts +0 -4
- package/dist/types/components/Switch/index.d.ts +0 -1
- package/dist/types/components/Switch/types.d.ts +0 -7
- package/dist/types/components/Tag/Tag.d.ts +0 -4
- package/dist/types/components/Tag/index.d.ts +0 -1
- package/dist/types/components/Tag/type.d.ts +0 -7
- package/dist/types/components/Tooltip/Tooltip.d.ts +0 -3
- package/dist/types/components/Tooltip/index.d.ts +0 -1
- package/dist/types/components/Tooltip/types.d.ts +0 -8
- package/dist/types/components/index.d.ts +0 -7
- package/dist/types/index.d.ts +0 -1
- package/eslint.config.mjs +0 -55
- package/jest.config.js +0 -12
- package/rollup.config.mjs +0 -58
- package/setupTests.ts +0 -1
- package/src/components/Button/Button.module.scss +0 -199
- package/src/components/Button/Button.test.tsx +0 -90
- package/src/components/Button/Button.tsx +0 -91
- package/src/components/Button/index.ts +0 -1
- package/src/components/Button/types.ts +0 -16
- package/src/components/Checkbox/Checkbox.module.scss +0 -141
- package/src/components/Checkbox/Checkbox.tsx +0 -56
- package/src/components/Checkbox/index.ts +0 -1
- package/src/components/Checkbox/types.ts +0 -12
- package/src/components/Modal/Modal.module.scss +0 -61
- package/src/components/Modal/Modal.tsx +0 -103
- package/src/components/Modal/index.ts +0 -1
- package/src/components/Modal/types.ts +0 -21
- package/src/components/Radio/Radio.module.scss +0 -103
- package/src/components/Radio/Radio.tsx +0 -54
- package/src/components/Radio/index.ts +0 -1
- package/src/components/Radio/types.ts +0 -12
- package/src/components/Switch/Switch.module.scss +0 -17
- package/src/components/Switch/Switch.tsx +0 -37
- package/src/components/Switch/index.ts +0 -1
- package/src/components/Switch/types.ts +0 -12
- package/src/components/Tag/Tag.module.scss +0 -61
- package/src/components/Tag/Tag.tsx +0 -34
- package/src/components/Tag/index.ts +0 -1
- package/src/components/Tag/type.ts +0 -7
- package/src/components/Tooltip/Tooltip.module.scss +0 -12
- package/src/components/Tooltip/Tooltip.tsx +0 -29
- package/src/components/Tooltip/index.ts +0 -1
- package/src/components/Tooltip/types.ts +0 -21
- package/src/components/index.ts +0 -8
- package/src/global.d.ts +0 -6
- package/src/index.ts +0 -1
- package/src/types/jest.d.ts +0 -10
- package/src/types/scss.d.ts +0 -1
- package/tsconfig.json +0 -41
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Button } from "./Button";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Checkbox } from "./Checkbox";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Modal } from "./Modal";
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
export interface ModalProps {
|
|
2
|
-
className?: string | undefined;
|
|
3
|
-
title?: string | undefined;
|
|
4
|
-
children?: React.ReactNode;
|
|
5
|
-
open?: boolean;
|
|
6
|
-
handleOk?: ((e: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
|
|
7
|
-
handleCancel?: ((e: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
|
|
8
|
-
okText?: string | undefined;
|
|
9
|
-
cancelText?: string | undefined;
|
|
10
|
-
closeIcon?: React.ReactNode;
|
|
11
|
-
bodyClassName?: string | undefined;
|
|
12
|
-
outsideClickDisable?: boolean;
|
|
13
|
-
hideCross?: boolean;
|
|
14
|
-
okButtonLoading?: boolean;
|
|
15
|
-
okButtonDisabled?: boolean;
|
|
16
|
-
variant?: "primary" | "secondary";
|
|
17
|
-
okBtnClasses?: string | undefined;
|
|
18
|
-
cancelButtonAnalytics?: object | undefined;
|
|
19
|
-
okButtonAnalytics?: object | undefined;
|
|
20
|
-
footerMargintopDisable?: boolean;
|
|
21
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Radio } from "./Radio";
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { RadioChangeEvent } from "antd/lib/radio";
|
|
2
|
-
export interface RadioProps {
|
|
3
|
-
checked?: boolean;
|
|
4
|
-
className?: string;
|
|
5
|
-
onChange?: (event: RadioChangeEvent) => void;
|
|
6
|
-
children?: React.ReactNode;
|
|
7
|
-
size?: "large" | "small" | "medium";
|
|
8
|
-
variant?: "normal" | "emphasized";
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
extra?: React.ReactNode;
|
|
11
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Switch } from "./Switch";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Tag } from "./Tag";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Tooltip } from "./Tooltip";
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export interface TooltipProps {
|
|
2
|
-
children?: React.ReactNode;
|
|
3
|
-
title?: string | undefined;
|
|
4
|
-
placement?: "top" | "left" | "right" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | undefined;
|
|
5
|
-
color?: string | undefined;
|
|
6
|
-
className?: string | undefined;
|
|
7
|
-
mode?: "light" | "dark";
|
|
8
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./components";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Button } from "./Button";
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export interface ButtonProps {
|
|
2
|
-
type?: "primary" | "secondary" | "critical" | undefined;
|
|
3
|
-
variant?: "subtle" | "text" | "link";
|
|
4
|
-
size?: "large" | "small";
|
|
5
|
-
shape?: "circle" | "default" | "round";
|
|
6
|
-
icon?: React.ReactNode;
|
|
7
|
-
iconPosition?: "start" | "end";
|
|
8
|
-
className?: string;
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
onClick?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
11
|
-
href?: string;
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
loading?: boolean;
|
|
14
|
-
onHoverUnderline?: boolean;
|
|
15
|
-
analytics?: Record<string, unknown>;
|
|
16
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Checkbox } from "./Checkbox";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Modal } from "./Modal";
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
export interface ModalProps {
|
|
2
|
-
className?: string | undefined;
|
|
3
|
-
title?: string | undefined;
|
|
4
|
-
children?: React.ReactNode;
|
|
5
|
-
open?: boolean;
|
|
6
|
-
handleOk?: ((e: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
|
|
7
|
-
handleCancel?: ((e: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
|
|
8
|
-
okText?: string | undefined;
|
|
9
|
-
cancelText?: string | undefined;
|
|
10
|
-
closeIcon?: React.ReactNode;
|
|
11
|
-
bodyClassName?: string | undefined;
|
|
12
|
-
outsideClickDisable?: boolean;
|
|
13
|
-
hideCross?: boolean;
|
|
14
|
-
okButtonLoading?: boolean;
|
|
15
|
-
okButtonDisabled?: boolean;
|
|
16
|
-
variant?: "primary" | "secondary";
|
|
17
|
-
okBtnClasses?: string | undefined;
|
|
18
|
-
cancelButtonAnalytics?: object | undefined;
|
|
19
|
-
okButtonAnalytics?: object | undefined;
|
|
20
|
-
footerMargintopDisable?: boolean;
|
|
21
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Radio } from "./Radio";
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { RadioChangeEvent } from "antd/lib/radio";
|
|
2
|
-
export interface RadioProps {
|
|
3
|
-
checked?: boolean;
|
|
4
|
-
className?: string;
|
|
5
|
-
onChange?: (event: RadioChangeEvent) => void;
|
|
6
|
-
children?: React.ReactNode;
|
|
7
|
-
size?: "large" | "small" | "medium";
|
|
8
|
-
variant?: "normal" | "emphasized";
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
extra?: React.ReactNode;
|
|
11
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Switch } from "./Switch";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Tag } from "./Tag";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Tooltip } from "./Tooltip";
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export interface TooltipProps {
|
|
2
|
-
children?: React.ReactNode;
|
|
3
|
-
title?: string | undefined;
|
|
4
|
-
placement?: "top" | "left" | "right" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | undefined;
|
|
5
|
-
color?: string | undefined;
|
|
6
|
-
className?: string | undefined;
|
|
7
|
-
mode?: "light" | "dark";
|
|
8
|
-
}
|
package/dist/types/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./components";
|
package/eslint.config.mjs
DELETED
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { defineConfig } from "eslint-define-config";
|
|
2
|
-
import parseForESLint from "@typescript-eslint/parser";
|
|
3
|
-
import { fileURLToPath } from "url";
|
|
4
|
-
import path from "path";
|
|
5
|
-
|
|
6
|
-
import simpleImportSort from "eslint-plugin-simple-import-sort";
|
|
7
|
-
import unusedImports from "eslint-plugin-unused-imports";
|
|
8
|
-
import typescriptPlugin from "@typescript-eslint/eslint-plugin";
|
|
9
|
-
import importPlugin from "eslint-plugin-import";
|
|
10
|
-
import reactHooks from "eslint-plugin-react-hooks";
|
|
11
|
-
|
|
12
|
-
// Define __dirname in ES module scope
|
|
13
|
-
const __filename = fileURLToPath(import.meta.url);
|
|
14
|
-
const __dirname = path.dirname(__filename);
|
|
15
|
-
|
|
16
|
-
export default defineConfig({
|
|
17
|
-
languageOptions: {
|
|
18
|
-
parser: parseForESLint,
|
|
19
|
-
globals: {
|
|
20
|
-
browser: "readonly",
|
|
21
|
-
es2021: "readonly",
|
|
22
|
-
commonjs: "readonly",
|
|
23
|
-
},
|
|
24
|
-
parserOptions: {
|
|
25
|
-
project: "./tsconfig.eslint.json",
|
|
26
|
-
tsconfigRootDir: __dirname,
|
|
27
|
-
sourceType: "module",
|
|
28
|
-
ecmaFeatures: {
|
|
29
|
-
jsx: true,
|
|
30
|
-
},
|
|
31
|
-
ecmaVersion: "latest", // Moved from the old parserOptions
|
|
32
|
-
},
|
|
33
|
-
},
|
|
34
|
-
// Remove the old parserOptions key entirely
|
|
35
|
-
plugins: {
|
|
36
|
-
"simple-import-sort": simpleImportSort,
|
|
37
|
-
"unused-imports": unusedImports,
|
|
38
|
-
"@typescript-eslint": typescriptPlugin,
|
|
39
|
-
"react-hooks": reactHooks,
|
|
40
|
-
import: importPlugin,
|
|
41
|
-
},
|
|
42
|
-
rules: {
|
|
43
|
-
// "@typescript-eslint/quotes": ["error", "double"], // Ensure this rule is valid
|
|
44
|
-
// "@typescript-eslint/semi": ["error", "always"],
|
|
45
|
-
"react/react-in-jsx-scope": "off",
|
|
46
|
-
"react/prop-types": "off",
|
|
47
|
-
},
|
|
48
|
-
|
|
49
|
-
ignores: ["node_modules", "dist/*", "*.config.mjs", "*.config.js"], // Using ignorePatterns
|
|
50
|
-
settings: {
|
|
51
|
-
react: {
|
|
52
|
-
version: "detect",
|
|
53
|
-
},
|
|
54
|
-
},
|
|
55
|
-
});
|
package/jest.config.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
preset: "ts-jest",
|
|
3
|
-
setupFilesAfterEnv: ['<rootDir>/src/setupTests.ts'],
|
|
4
|
-
testEnvironment: "jsdom",
|
|
5
|
-
transform: {
|
|
6
|
-
"^.+\\.tsx?$": "ts-jest",
|
|
7
|
-
// process `*.tsx` files with `ts-jest`
|
|
8
|
-
},
|
|
9
|
-
moduleNameMapper: {
|
|
10
|
-
".(css|less|scss)$": "identity-obj-proxy",
|
|
11
|
-
},
|
|
12
|
-
};
|
package/rollup.config.mjs
DELETED
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import resolve from "@rollup/plugin-node-resolve";
|
|
2
|
-
import typescript from "@rollup/plugin-typescript";
|
|
3
|
-
import commonjs from "@rollup/plugin-commonjs";
|
|
4
|
-
import dts from "rollup-plugin-dts";
|
|
5
|
-
import postcss from "rollup-plugin-postcss";
|
|
6
|
-
import packageJson from "./package.json" with { type: "json" };
|
|
7
|
-
import autoprefixer from 'autoprefixer';
|
|
8
|
-
|
|
9
|
-
export default [
|
|
10
|
-
{
|
|
11
|
-
input: "src/index.ts",
|
|
12
|
-
output: [
|
|
13
|
-
{
|
|
14
|
-
file: packageJson.main,
|
|
15
|
-
format: "cjs",
|
|
16
|
-
sourcemap: true,
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
file: packageJson.module,
|
|
20
|
-
format: "esm",
|
|
21
|
-
sourcemap: true,
|
|
22
|
-
},
|
|
23
|
-
],
|
|
24
|
-
plugins: [
|
|
25
|
-
resolve({
|
|
26
|
-
extensions: [".js", ".jsx", ".ts", ".tsx"],
|
|
27
|
-
skip: ["react", "react-dom"],
|
|
28
|
-
modulesOnly: true
|
|
29
|
-
}),
|
|
30
|
-
commonjs({
|
|
31
|
-
exclude: "node_modules"
|
|
32
|
-
}),
|
|
33
|
-
typescript({
|
|
34
|
-
tsconfig: "./tsconfig.json",
|
|
35
|
-
exclude: ["**/*.test.tsx", "**/*.test.ts", "**/*.stories.ts", "node_modules"],
|
|
36
|
-
}),
|
|
37
|
-
postcss({
|
|
38
|
-
// modules: true, // Enable CSS Modules
|
|
39
|
-
use: ['sass'], // Enable SCSS syntax
|
|
40
|
-
extract: true, // Extract CSS to a separate file
|
|
41
|
-
minimize: true, // Minimize the output CSS
|
|
42
|
-
plugins: [
|
|
43
|
-
autoprefixer(), // Automatically add vendor prefixes
|
|
44
|
-
],
|
|
45
|
-
modules: {
|
|
46
|
-
generateScopedName: '[name]__[local]___[hash:base64:5]',
|
|
47
|
-
},
|
|
48
|
-
})
|
|
49
|
-
],
|
|
50
|
-
external: id => /^react|react-dom/.test(id), // Ignore react and react-dom from node_modules
|
|
51
|
-
},
|
|
52
|
-
// {
|
|
53
|
-
// input: "dist/esm/types/src/index.d.ts",
|
|
54
|
-
// output: [{ file: "dist/index.d.ts", format: "esm" }],
|
|
55
|
-
// plugins: [dts()],
|
|
56
|
-
// external: [/\.css$/],
|
|
57
|
-
// },
|
|
58
|
-
];
|
package/setupTests.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@testing-library/jest-dom';
|
|
@@ -1,199 +0,0 @@
|
|
|
1
|
-
.button {
|
|
2
|
-
@apply tw-flex tw-justify-center tw-gap-1 tw-items-center tw-rounded-lg;
|
|
3
|
-
|
|
4
|
-
&.size_large {
|
|
5
|
-
height: 56px;
|
|
6
|
-
@apply tw-px-4;
|
|
7
|
-
&.shape_circle {
|
|
8
|
-
width: 56px;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
&.size_normal {
|
|
12
|
-
height: 40px;
|
|
13
|
-
@apply tw-px-3;
|
|
14
|
-
&.shape_circle {
|
|
15
|
-
width: 40px;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
&.size_small {
|
|
19
|
-
height: 32px;
|
|
20
|
-
@apply tw-px-2;
|
|
21
|
-
&.shape_circle {
|
|
22
|
-
width: 32px;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
&.type_primary {
|
|
27
|
-
border-width: 1px;
|
|
28
|
-
@apply tw-bg-color-action-primary;
|
|
29
|
-
@apply tw-border;
|
|
30
|
-
@apply tw-border-solid;
|
|
31
|
-
@apply tw-border-color-border-primary-default;
|
|
32
|
-
box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
|
|
33
|
-
&:global(.ant-btn-primary):hover,
|
|
34
|
-
&:global(.ant-btn-primary):active {
|
|
35
|
-
@apply tw-bg-color-action-primary;
|
|
36
|
-
box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
|
|
37
|
-
}
|
|
38
|
-
&:focus-visible {
|
|
39
|
-
outline: 2px solid #ec5d2561;
|
|
40
|
-
}
|
|
41
|
-
&.variant_subtle {
|
|
42
|
-
@apply tw-text-color-text-primary;
|
|
43
|
-
&:hover {
|
|
44
|
-
@apply tw-text-color-text-primary;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
&.variant_text,
|
|
48
|
-
&.variant_link {
|
|
49
|
-
@apply tw-text-color-text-primary;
|
|
50
|
-
&:hover {
|
|
51
|
-
@apply tw-text-color-text-primary;
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
&.type_secondary {
|
|
56
|
-
border-width: 1px;
|
|
57
|
-
border-style: solid;
|
|
58
|
-
@apply tw-bg-color-surface-dark;
|
|
59
|
-
@apply tw-border-color-surface-dark;
|
|
60
|
-
box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
|
|
61
|
-
&:global(.ant-btn-primary):hover,
|
|
62
|
-
&:global(.ant-btn-primary):active {
|
|
63
|
-
@apply tw-bg-color-surface-dark;
|
|
64
|
-
box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
|
|
65
|
-
}
|
|
66
|
-
&:global(.ant-btn-primary):focus-visible {
|
|
67
|
-
outline: 2px solid #ec5d2561;
|
|
68
|
-
}
|
|
69
|
-
&.variant_subtle {
|
|
70
|
-
@apply tw-text-color-text-default;
|
|
71
|
-
&:hover {
|
|
72
|
-
@apply tw-text-color-text-default;
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
&.variant_text,
|
|
76
|
-
&.variant_link {
|
|
77
|
-
@apply tw-text-color-text-default;
|
|
78
|
-
&:hover {
|
|
79
|
-
@apply tw-text-color-text-default;
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
&.type_critical {
|
|
84
|
-
border-width: 1px;
|
|
85
|
-
@apply tw-bg-color-action-critical;
|
|
86
|
-
@apply tw-border-solid;
|
|
87
|
-
@apply tw-border-color-border-critical-default;
|
|
88
|
-
box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
|
|
89
|
-
&:global(.ant-btn-primary):hover,
|
|
90
|
-
&:global(.ant-btn-primary):active {
|
|
91
|
-
@apply tw-bg-color-action-critical;
|
|
92
|
-
box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
|
|
93
|
-
}
|
|
94
|
-
&:global(.ant-btn-primary):focus-visible {
|
|
95
|
-
outline: 2px solid #ec5d2561;
|
|
96
|
-
}
|
|
97
|
-
&.variant_subtle {
|
|
98
|
-
@apply tw-text-color-text-critical;
|
|
99
|
-
&:hover {
|
|
100
|
-
@apply tw-text-color-text-critical;
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
&.variant_text,
|
|
104
|
-
&.variant_link {
|
|
105
|
-
@apply tw-text-color-text-critical;
|
|
106
|
-
&:hover {
|
|
107
|
-
@apply tw-text-color-text-critical;
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
&.variant_subtle {
|
|
112
|
-
@apply tw-bg-color-white;
|
|
113
|
-
@apply tw-border;
|
|
114
|
-
@apply tw-border-solid;
|
|
115
|
-
@apply tw-border-color-border-default-subtle;
|
|
116
|
-
box-shadow: 0px 1px 0px 0px rgba(17, 24, 39, 0.1);
|
|
117
|
-
&:global(.ant-btn-default):hover {
|
|
118
|
-
box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
|
|
119
|
-
@apply tw-border-color-border-default-subtle;
|
|
120
|
-
}
|
|
121
|
-
&:global(.ant-btn-default):focus-visible {
|
|
122
|
-
outline: 2px solid #ec5d2561;
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
&.variant_text {
|
|
126
|
-
@apply tw-bg-transparent;
|
|
127
|
-
@apply tw-border-0;
|
|
128
|
-
@apply tw-border-none;
|
|
129
|
-
box-shadow: none;
|
|
130
|
-
&:global(.ant-btn-default):hover {
|
|
131
|
-
box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
|
|
132
|
-
@apply tw-border-none;
|
|
133
|
-
@apply tw-bg-color-surface-default-subtle;
|
|
134
|
-
}
|
|
135
|
-
&:global(.ant-btn-default):active {
|
|
136
|
-
@apply tw-bg-color-surface-default-hover;
|
|
137
|
-
}
|
|
138
|
-
&:global(.ant-btn):focus-visible {
|
|
139
|
-
outline: 2px solid rgba(236, 93, 37, 0.2);
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
&.variant_link {
|
|
143
|
-
@apply tw-bg-transparent;
|
|
144
|
-
@apply tw-p-0;
|
|
145
|
-
@apply tw-border-0;
|
|
146
|
-
@apply tw-border-none;
|
|
147
|
-
@apply tw-h-auto;
|
|
148
|
-
box-shadow: none;
|
|
149
|
-
&:global(.ant-btn-default):hover {
|
|
150
|
-
&.onHoverUnderline{
|
|
151
|
-
text-decoration: underline;
|
|
152
|
-
}
|
|
153
|
-
box-shadow: none;
|
|
154
|
-
@apply tw-border-none;
|
|
155
|
-
@apply tw-bg-transparent;
|
|
156
|
-
}
|
|
157
|
-
&:global(.ant-btn-default):active {
|
|
158
|
-
@apply tw-bg-transparent;
|
|
159
|
-
}
|
|
160
|
-
&:global(.ant-btn):focus-visible {
|
|
161
|
-
outline: none;
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
// &.disabled {
|
|
167
|
-
// background-color: #ec5d25;
|
|
168
|
-
// color: white;
|
|
169
|
-
// border-color: transparent;
|
|
170
|
-
// &.default {
|
|
171
|
-
// background-color: white;
|
|
172
|
-
// color: black;
|
|
173
|
-
// border: 1px solid #c1c3c7;
|
|
174
|
-
// box-shadow: 0px 1px 0px rgba(17, 24, 39, 0.1);
|
|
175
|
-
// }
|
|
176
|
-
// &.secondary {
|
|
177
|
-
// background-color: white;
|
|
178
|
-
// color: black;
|
|
179
|
-
// border: 1px solid #d3d8df;
|
|
180
|
-
// box-shadow: 0px 1px 0px rgba(17, 24, 39, 0.1);
|
|
181
|
-
// }
|
|
182
|
-
// &.link {
|
|
183
|
-
// border: none;
|
|
184
|
-
// box-shadow: none;
|
|
185
|
-
// background-color: white;
|
|
186
|
-
// @apply tw-text-color-text-primary tw-border-0 tw-p-0;
|
|
187
|
-
// }
|
|
188
|
-
// &.text {
|
|
189
|
-
// background: transparent;
|
|
190
|
-
// &:hover {
|
|
191
|
-
// @apply tw-bg-transparent tw-text-color-text-disabled;
|
|
192
|
-
// }
|
|
193
|
-
// }
|
|
194
|
-
// &.contain {
|
|
195
|
-
// @apply tw-border-solid tw-border tw-border-color-defaultSubtle;
|
|
196
|
-
// @apply tw-text-color-text-primary;
|
|
197
|
-
// background-color: white;
|
|
198
|
-
// }
|
|
199
|
-
// }
|