@itilite/lumina-ui 0.0.321 → 0.0.322

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.
Files changed (130) hide show
  1. package/README.md +106 -0
  2. package/dist/{cjs/types/components/Button/types.d.ts → Button.d.mts} +10 -1
  3. package/dist/{esm/types/components/Button/types.d.ts → Button.d.ts} +10 -1
  4. package/dist/Button.js +111 -0
  5. package/dist/Button.mjs +9 -0
  6. package/dist/{esm/types/components/Checkbox/types.d.ts → Checkbox.d.mts} +10 -1
  7. package/dist/{types/components/Checkbox/types.d.ts → Checkbox.d.ts} +10 -1
  8. package/dist/Checkbox.js +121 -0
  9. package/dist/Checkbox.mjs +9 -0
  10. package/dist/chunk-FUJQIYOF.mjs +37 -0
  11. package/dist/chunk-ME35H7QC.mjs +77 -0
  12. package/dist/chunk-OMYHSSPQ.mjs +64 -0
  13. package/dist/index.d.mts +4 -0
  14. package/dist/index.d.ts +4 -0
  15. package/dist/index.js +197 -0
  16. package/dist/index.mjs +11 -0
  17. package/dist/styles.css +1162 -0
  18. package/package.json +72 -80
  19. package/babel.config.js +0 -7
  20. package/dist/cjs/index.css +0 -1
  21. package/dist/cjs/index.js +0 -23219
  22. package/dist/cjs/index.js.map +0 -1
  23. package/dist/cjs/types/components/Button/Button.d.ts +0 -4
  24. package/dist/cjs/types/components/Button/index.d.ts +0 -1
  25. package/dist/cjs/types/components/Checkbox/Checkbox.d.ts +0 -4
  26. package/dist/cjs/types/components/Checkbox/index.d.ts +0 -1
  27. package/dist/cjs/types/components/Checkbox/types.d.ts +0 -11
  28. package/dist/cjs/types/components/Modal/Modal.d.ts +0 -3
  29. package/dist/cjs/types/components/Modal/index.d.ts +0 -1
  30. package/dist/cjs/types/components/Modal/types.d.ts +0 -21
  31. package/dist/cjs/types/components/Radio/Radio.d.ts +0 -4
  32. package/dist/cjs/types/components/Radio/index.d.ts +0 -1
  33. package/dist/cjs/types/components/Radio/types.d.ts +0 -11
  34. package/dist/cjs/types/components/Switch/Switch.d.ts +0 -4
  35. package/dist/cjs/types/components/Switch/index.d.ts +0 -1
  36. package/dist/cjs/types/components/Switch/types.d.ts +0 -7
  37. package/dist/cjs/types/components/Tag/Tag.d.ts +0 -4
  38. package/dist/cjs/types/components/Tag/index.d.ts +0 -1
  39. package/dist/cjs/types/components/Tag/type.d.ts +0 -7
  40. package/dist/cjs/types/components/Tooltip/Tooltip.d.ts +0 -3
  41. package/dist/cjs/types/components/Tooltip/index.d.ts +0 -1
  42. package/dist/cjs/types/components/Tooltip/types.d.ts +0 -8
  43. package/dist/cjs/types/components/index.d.ts +0 -7
  44. package/dist/cjs/types/index.d.ts +0 -1
  45. package/dist/esm/index.css +0 -1
  46. package/dist/esm/index.js +0 -23193
  47. package/dist/esm/index.js.map +0 -1
  48. package/dist/esm/types/components/Button/Button.d.ts +0 -4
  49. package/dist/esm/types/components/Button/index.d.ts +0 -1
  50. package/dist/esm/types/components/Checkbox/Checkbox.d.ts +0 -4
  51. package/dist/esm/types/components/Checkbox/index.d.ts +0 -1
  52. package/dist/esm/types/components/Modal/Modal.d.ts +0 -3
  53. package/dist/esm/types/components/Modal/index.d.ts +0 -1
  54. package/dist/esm/types/components/Modal/types.d.ts +0 -21
  55. package/dist/esm/types/components/Radio/Radio.d.ts +0 -4
  56. package/dist/esm/types/components/Radio/index.d.ts +0 -1
  57. package/dist/esm/types/components/Radio/types.d.ts +0 -11
  58. package/dist/esm/types/components/Switch/Switch.d.ts +0 -4
  59. package/dist/esm/types/components/Switch/index.d.ts +0 -1
  60. package/dist/esm/types/components/Switch/types.d.ts +0 -7
  61. package/dist/esm/types/components/Tag/Tag.d.ts +0 -4
  62. package/dist/esm/types/components/Tag/index.d.ts +0 -1
  63. package/dist/esm/types/components/Tag/type.d.ts +0 -7
  64. package/dist/esm/types/components/Tooltip/Tooltip.d.ts +0 -3
  65. package/dist/esm/types/components/Tooltip/index.d.ts +0 -1
  66. package/dist/esm/types/components/Tooltip/types.d.ts +0 -8
  67. package/dist/esm/types/components/index.d.ts +0 -7
  68. package/dist/esm/types/index.d.ts +0 -1
  69. package/dist/types/components/Button/Button.d.ts +0 -4
  70. package/dist/types/components/Button/Button.test.d.ts +0 -1
  71. package/dist/types/components/Button/index.d.ts +0 -1
  72. package/dist/types/components/Button/types.d.ts +0 -16
  73. package/dist/types/components/Checkbox/Checkbox.d.ts +0 -4
  74. package/dist/types/components/Checkbox/index.d.ts +0 -1
  75. package/dist/types/components/Modal/Modal.d.ts +0 -3
  76. package/dist/types/components/Modal/index.d.ts +0 -1
  77. package/dist/types/components/Modal/types.d.ts +0 -21
  78. package/dist/types/components/Radio/Radio.d.ts +0 -4
  79. package/dist/types/components/Radio/index.d.ts +0 -1
  80. package/dist/types/components/Radio/types.d.ts +0 -11
  81. package/dist/types/components/Switch/Switch.d.ts +0 -4
  82. package/dist/types/components/Switch/index.d.ts +0 -1
  83. package/dist/types/components/Switch/types.d.ts +0 -7
  84. package/dist/types/components/Tag/Tag.d.ts +0 -4
  85. package/dist/types/components/Tag/index.d.ts +0 -1
  86. package/dist/types/components/Tag/type.d.ts +0 -7
  87. package/dist/types/components/Tooltip/Tooltip.d.ts +0 -3
  88. package/dist/types/components/Tooltip/index.d.ts +0 -1
  89. package/dist/types/components/Tooltip/types.d.ts +0 -8
  90. package/dist/types/components/index.d.ts +0 -7
  91. package/dist/types/index.d.ts +0 -1
  92. package/eslint.config.mjs +0 -55
  93. package/jest.config.js +0 -12
  94. package/rollup.config.mjs +0 -58
  95. package/setupTests.ts +0 -1
  96. package/src/components/Button/Button.module.scss +0 -199
  97. package/src/components/Button/Button.test.tsx +0 -90
  98. package/src/components/Button/Button.tsx +0 -91
  99. package/src/components/Button/index.ts +0 -1
  100. package/src/components/Button/types.ts +0 -16
  101. package/src/components/Checkbox/Checkbox.module.scss +0 -141
  102. package/src/components/Checkbox/Checkbox.tsx +0 -56
  103. package/src/components/Checkbox/index.ts +0 -1
  104. package/src/components/Checkbox/types.ts +0 -12
  105. package/src/components/Modal/Modal.module.scss +0 -61
  106. package/src/components/Modal/Modal.tsx +0 -103
  107. package/src/components/Modal/index.ts +0 -1
  108. package/src/components/Modal/types.ts +0 -21
  109. package/src/components/Radio/Radio.module.scss +0 -103
  110. package/src/components/Radio/Radio.tsx +0 -54
  111. package/src/components/Radio/index.ts +0 -1
  112. package/src/components/Radio/types.ts +0 -12
  113. package/src/components/Switch/Switch.module.scss +0 -17
  114. package/src/components/Switch/Switch.tsx +0 -37
  115. package/src/components/Switch/index.ts +0 -1
  116. package/src/components/Switch/types.ts +0 -12
  117. package/src/components/Tag/Tag.module.scss +0 -61
  118. package/src/components/Tag/Tag.tsx +0 -34
  119. package/src/components/Tag/index.ts +0 -1
  120. package/src/components/Tag/type.ts +0 -7
  121. package/src/components/Tooltip/Tooltip.module.scss +0 -12
  122. package/src/components/Tooltip/Tooltip.tsx +0 -29
  123. package/src/components/Tooltip/index.ts +0 -1
  124. package/src/components/Tooltip/types.ts +0 -21
  125. package/src/components/index.ts +0 -8
  126. package/src/global.d.ts +0 -6
  127. package/src/index.ts +0 -1
  128. package/src/types/jest.d.ts +0 -10
  129. package/src/types/scss.d.ts +0 -1
  130. package/tsconfig.json +0 -41
@@ -1,4 +0,0 @@
1
- import * as React from "react";
2
- import { ButtonProps } from "./types";
3
- declare const Button: React.FC<ButtonProps>;
4
- export default Button;
@@ -1 +0,0 @@
1
- export { default as Button } from "./Button";
@@ -1,4 +0,0 @@
1
- import * as React from "react";
2
- import { CheckboxProps } from "./types";
3
- declare const Checkbox: React.FC<CheckboxProps>;
4
- export default Checkbox;
@@ -1 +0,0 @@
1
- export { default as Checkbox } from "./Checkbox";
@@ -1,3 +0,0 @@
1
- import { ModalProps } from "./types";
2
- declare const Modal: React.FC<ModalProps>;
3
- export default Modal;
@@ -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,4 +0,0 @@
1
- import React from "react";
2
- import { RadioProps } from "./types";
3
- declare const Radio: React.FC<RadioProps>;
4
- export default Radio;
@@ -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,4 +0,0 @@
1
- import * as React from "react";
2
- import { SwitchProps } from "./types";
3
- declare const Switch: React.FC<SwitchProps>;
4
- export default Switch;
@@ -1 +0,0 @@
1
- export { default as Switch } from "./Switch";
@@ -1,7 +0,0 @@
1
- export interface SwitchProps {
2
- size?: "default" | "small";
3
- className?: string | undefined;
4
- onChange?: (checked: boolean, event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
5
- disabled?: boolean;
6
- checked?: boolean;
7
- }
@@ -1,4 +0,0 @@
1
- import * as React from "react";
2
- import { TagProps } from "./type";
3
- declare const Tag: React.FC<TagProps>;
4
- export default Tag;
@@ -1 +0,0 @@
1
- export { default as Tag } from "./Tag";
@@ -1,7 +0,0 @@
1
- export interface TagProps {
2
- className?: string;
3
- type?: "success" | "warning" | "blue" | "processing" | "failed" | undefined;
4
- title?: string;
5
- icon?: React.ReactNode;
6
- size?: string;
7
- }
@@ -1,3 +0,0 @@
1
- import { TooltipProps } from "./types";
2
- declare const Tooltip: React.FC<TooltipProps>;
3
- export default Tooltip;
@@ -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,7 +0,0 @@
1
- export * from "./Button";
2
- export * from "./Switch";
3
- export * from "./Modal";
4
- export * from "./Tooltip";
5
- export * from './Checkbox';
6
- export * from './Radio';
7
- export * from './Tag';
@@ -1 +0,0 @@
1
- export * from "./components";
@@ -1,4 +0,0 @@
1
- import * as React from "react";
2
- import { ButtonProps } from "./types";
3
- declare const Button: React.FC<ButtonProps>;
4
- export default Button;
@@ -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,4 +0,0 @@
1
- import * as React from "react";
2
- import { CheckboxProps } from "./types";
3
- declare const Checkbox: React.FC<CheckboxProps>;
4
- export default Checkbox;
@@ -1 +0,0 @@
1
- export { default as Checkbox } from "./Checkbox";
@@ -1,3 +0,0 @@
1
- import { ModalProps } from "./types";
2
- declare const Modal: React.FC<ModalProps>;
3
- export default Modal;
@@ -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,4 +0,0 @@
1
- import React from "react";
2
- import { RadioProps } from "./types";
3
- declare const Radio: React.FC<RadioProps>;
4
- export default Radio;
@@ -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,4 +0,0 @@
1
- import * as React from "react";
2
- import { SwitchProps } from "./types";
3
- declare const Switch: React.FC<SwitchProps>;
4
- export default Switch;
@@ -1 +0,0 @@
1
- export { default as Switch } from "./Switch";
@@ -1,7 +0,0 @@
1
- export interface SwitchProps {
2
- size?: "default" | "small";
3
- className?: string | undefined;
4
- onChange?: (checked: boolean, event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
5
- disabled?: boolean;
6
- checked?: boolean;
7
- }
@@ -1,4 +0,0 @@
1
- import * as React from "react";
2
- import { TagProps } from "./type";
3
- declare const Tag: React.FC<TagProps>;
4
- export default Tag;
@@ -1 +0,0 @@
1
- export { default as Tag } from "./Tag";
@@ -1,7 +0,0 @@
1
- export interface TagProps {
2
- className?: string;
3
- type?: "success" | "warning" | "blue" | "processing" | "failed" | undefined;
4
- title?: string;
5
- icon?: React.ReactNode;
6
- size?: string;
7
- }
@@ -1,3 +0,0 @@
1
- import { TooltipProps } from "./types";
2
- declare const Tooltip: React.FC<TooltipProps>;
3
- export default Tooltip;
@@ -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,7 +0,0 @@
1
- export * from "./Button";
2
- export * from "./Switch";
3
- export * from "./Modal";
4
- export * from "./Tooltip";
5
- export * from './Checkbox';
6
- export * from './Radio';
7
- export * from './Tag';
@@ -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
- // }