@fe-free/core 3.0.0 → 3.0.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @fe-free/core
 
+## 3.0.2
+
+### Patch Changes
+
+- feat: theme
+  - @fe-free/tool@3.0.2
+
+## 3.0.1
+
+### Patch Changes
+
+- feat: theme
+  - @fe-free/tool@3.0.1
+
 ## 3.0.0
 
 ### Major Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fe-free/core",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "description": "",
   "main": "./src/index.ts",
   "author": "",
@@ -41,7 +41,7 @@
     "safe-stable-stringify": "^2.5.0",
     "vanilla-jsoneditor": "^0.23.1",
     "zustand": "^4.5.4",
-    "@fe-free/tool": "3.0.0"
+    "@fe-free/tool": "3.0.2"
   },
   "peerDependencies": {
     "@ant-design/pro-components": "2.8.9",

package/src/crud_of_list/crud_of_list.stories.tsx

@@ -22,7 +22,7 @@ CRUDOfList 组件。（简洁的列表形态的 CRUD 组件）
   decorators: [
     (Story) => {
       return (
-        <div className="fec-border h-[500px] w-[300px] overflow-y-auto">
+        <div className="h-[500px] w-[300px] overflow-y-auto border border-01">
           <Story />
         </div>
       );

package/src/editor_mention/index.tsx

@@ -332,7 +332,7 @@ const EditorMention = ({
         onInput={handleInput}
         onKeyDown={handleKeyDown}
         className={classNames(
-          'fec-border w-full flex-1 overflow-y-auto rounded p-2 outline-none focus:border-primary',
+          'w-full flex-1 overflow-y-auto rounded border border-01 p-2 outline-none focus:border-primary',
           resizeHeight && 'resize-y',
         )}
         style={{

package/src/record/index.tsx

@@ -85,7 +85,7 @@ function RecordArray(props: RecordArrayProps) {
 
   return (
     <ProFormListHelper
-      className={classNames('fec-bg rounded p-2', className)}
+      className={classNames('rounded bg-01 p-2', className)}
       value={value}
       onChange={onChange}
       getAdd={() => ({

package/src/style.scss

@@ -12,35 +12,3 @@
 
 /* stylelint-disable-next-line at-rule-no-unknown */
 @tailwind utilities;
-
-.fec-border {
-  border: 1px solid #f0f0f0;
-}
-
-.fec-border-bottom {
-  border-bottom: 1px solid #f0f0f0;
-}
-
-.fec-border-top {
-  border-top: 1px solid #f0f0f0;
-}
-
-.fec-border-left {
-  border-left: 1px solid #f0f0f0;
-}
-
-.fec-border-right {
-  border-right: 1px solid #f0f0f0;
-}
-
-.fec-bg {
-  background-color: #f3f5f6;
-}
-
-.fec-bg-hover {
-  background-color: #f3f5f6;
-
-  &:hover {
-    background-color: #e9ebec;
-  }
-}

package/src/tailwindcss.stories.tsx

@@ -10,7 +10,6 @@ export const Default = () => {
       <h1>tailwindcss</h1>
       <h2>textColor</h2>
       <div>
-        <div className="bg-black px-2 text-00">text-00</div>
         <div className="text-01">text-01</div>
         <div className="text-02">text-02</div>
         <div className="text-03">text-03</div>
@@ -24,11 +23,10 @@ export const Default = () => {
       </div>
       <h2>backgroundColor</h2>
       <div>
-        <div className="bg-00">bg-00</div>
-        <div className="bg-005">bg-005</div>
         <div className="bg-01">bg-01</div>
         <div className="bg-02">bg-02</div>
         <div className="bg-03">bg-03</div>
+        <div className="bg-04">bg-04</div>
       </div>
       <h2>colors</h2>
       <div>
@@ -63,15 +61,6 @@ export const Default = () => {
         <div className="bg-yellow05">yellow05</div>
         <div className="bg-yellow03">yellow03</div>
       </div>
-      <h1>className</h1>
-      <div>
-        <div className="fec-border-bottom">fec-border-bottom</div>
-        <div className="fec-border-top">fec-border-top</div>
-        <div className="fec-border-left">fec-border-left</div>
-        <div className="fec-border-right">fec-border-right</div>
-        <div className="fec-bg">fec-bg</div>
-        <div className="fec-bg-hover">fec-bg-hover</div>
-      </div>
     </div>
   );
 };

package/src/theme.ts

@@ -25,7 +25,6 @@ const themeVariables = {
     yellow03: '#f6e7cd',
   },
   textColor: {
-    '00': '#ffffff',
     '01': '#15191e',
     '02': '#444444',
     '03': '#777777',
@@ -37,11 +36,10 @@ const themeVariables = {
     '03': '#c0c7d2',
   },
   backgroundColor: {
-    '00': '#ffffff',
-    '005': '#f1f3f5',
-    '01': '#ececec',
-    '02': '#d9d9d9',
-    '03': '#c0c0c0',
+    '01': '#f1f3f5',
+    '02': '#ececec',
+    '03': '#d9d9d9',
+    '04': '#c0c0c0',
   },
 } as const;
 

package/src/tree/file_tree.stories.tsx

@@ -8,7 +8,7 @@ const meta: Meta<typeof FileTree> = {
   decorators: [
     (Story) => {
       return (
-        <div className="fec-border w-[200px] overflow-y-auto">
+        <div className="w-[200px] overflow-y-auto border border-01">
           <Story />
         </div>
       );

package/src/tree/tree.stories.tsx

@@ -7,7 +7,7 @@ const meta: Meta<typeof Tree> = {
   tags: ['autodocs'],
   decorators: [
     (Story) => (
-      <div className="fec-border w-[300px]">
+      <div className="w-[300px] border border-01">
         <Story />
       </div>
     ),