seeder-st2110-components 1.2.7 → 1.2.8

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/package.json CHANGED
@@ -1,11 +1,17 @@
1
1
  {
2
2
  "name": "seeder-st2110-components",
3
- "version": "1.2.7",
3
+ "version": "1.2.8",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",
7
7
  "files": [
8
- "dist"
8
+ "dist",
9
+ "src/styles"
10
+ ],
11
+ "sideEffects": [
12
+ "*.less",
13
+ "*.css",
14
+ "dist/index.css"
9
15
  ],
10
16
  "scripts": {
11
17
  "build": "rollup -c --bundleConfigAsCjs",
@@ -0,0 +1,113 @@
1
+ .preset-management {
2
+ .w-full {
3
+ width: 100%;
4
+ }
5
+ .h-full {
6
+ height: 100%;
7
+ }
8
+ .h-auto {
9
+ height: auto;
10
+ }
11
+ .p-0 {
12
+ padding: 0;
13
+ }
14
+ .p-4 {
15
+ padding: 16px;
16
+ }
17
+ .p-6 {
18
+ padding: 24px;
19
+ }
20
+ .p-8 {
21
+ padding: 32px;
22
+ }
23
+ .block {
24
+ display: block;
25
+ }
26
+ .mx-auto {
27
+ margin-left: auto;
28
+ margin-right: auto;
29
+ }
30
+ .text-gray-400 {
31
+ color: rgb(156, 163, 175);
32
+ }
33
+ .text-text-normal {
34
+ color: #bfbfbf;
35
+ }
36
+ .grid {
37
+ display: grid;
38
+ }
39
+ .grid-cols-2 {
40
+ grid-template-columns: repeat(2, minmax(0, 1fr));
41
+ }
42
+ .grid-cols-3 {
43
+ grid-template-columns: repeat(3, minmax(0, 1fr));
44
+ }
45
+ .ant-modal .ant-modal-content {
46
+ padding: 0;
47
+ }
48
+ .ant-modal-header {
49
+ padding-block-start: 24px;
50
+ padding-inline: 24px;
51
+ }
52
+ .ant-spin-nested-loading {
53
+ margin-block-start: 0;
54
+ }
55
+
56
+ .left-list-wrapper {
57
+ display: flex;
58
+ flex-direction: column;
59
+ position: relative;
60
+ &::after {
61
+ display: block;
62
+ content: '';
63
+ position: absolute;
64
+ right: 0;
65
+ top: 0;
66
+ bottom: 0;
67
+ width: 1px;
68
+ background-color: rgba(0, 0, 0, 0.3);
69
+ }
70
+ .list-container {
71
+ flex: 1;
72
+ overflow-y: auto;
73
+ &::-webkit-scrollbar-track-piece {
74
+ background: #282828;
75
+ box-shadow: 0px 1px 1px 0px #282828;
76
+ }
77
+ &::-webkit-scrollbar {
78
+ width: 5px;
79
+ }
80
+ &::-webkit-scrollbar-thumb {
81
+ background: #141414;
82
+ box-shadow: 0px 1px 1px 0px #282828;
83
+ border-radius: 2em;
84
+ }
85
+ }
86
+ .list-header {
87
+ font-weight: 500;
88
+ color: rgba(255, 255, 255, 0.75);
89
+ padding-block: 4px;
90
+ padding-inline: 24px;
91
+ }
92
+ .list-item {
93
+ background-color: transparent;
94
+ transition-property: background-color;
95
+ transition-duration: 150ms;
96
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
97
+ cursor: pointer;
98
+ &.selected {
99
+ background-color: rgba(255, 255, 255, 0.12);
100
+ }
101
+ }
102
+ }
103
+
104
+ .submit-btn-wrapper {
105
+ padding: 16px 24px;
106
+ margin-block-start: 0;
107
+ text-align: right;
108
+ position: absolute;
109
+ bottom: 0;
110
+ left: 0;
111
+ right: 0;
112
+ }
113
+ }
@@ -1 +0,0 @@
1
- .preset-management .w-full{width:100%}.preset-management .h-full{height:100%}.preset-management .h-auto{height:auto}.preset-management .p-0{padding:0}.preset-management .p-4{padding:16px}.preset-management .p-6{padding:24px}.preset-management .p-8{padding:32px}.preset-management .block{display:block}.preset-management .mx-auto{margin-left:auto;margin-right:auto}.preset-management .text-gray-400{color:#9ca3af}.preset-management .text-text-normal{color:#bfbfbf}.preset-management .grid{display:grid}.preset-management .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-management .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.preset-management .ant-modal .ant-modal-content{padding:0}.preset-management .ant-modal-header{padding-block-start:24px;padding-inline:24px}.preset-management .ant-spin-nested-loading{margin-block-start:0}.preset-management .left-list-wrapper{display:flex;flex-direction:column;position:relative}.preset-management .left-list-wrapper:after{background-color:rgba(0,0,0,.3);bottom:0;content:"";display:block;position:absolute;right:0;top:0;width:1px}.preset-management .left-list-wrapper .list-container{flex:1;overflow-y:auto}.preset-management .left-list-wrapper .list-container::-webkit-scrollbar-track-piece{background:#282828;box-shadow:0 1px 1px 0 #282828}.preset-management .left-list-wrapper .list-container::-webkit-scrollbar{width:5px}.preset-management .left-list-wrapper .list-container::-webkit-scrollbar-thumb{background:#141414;border-radius:2em;box-shadow:0 1px 1px 0 #282828}.preset-management .left-list-wrapper .list-header{color:hsla(0,0%,100%,.75);font-weight:500;padding-block:4px;padding-inline:24px}.preset-management .left-list-wrapper .list-item{background-color:transparent;cursor:pointer;transition-duration:.15s;transition-property:background-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.preset-management .left-list-wrapper .list-item.selected{background-color:hsla(0,0%,100%,.12)}.preset-management .submit-btn-wrapper{bottom:0;left:0;margin-block-start:0;padding:16px 24px;position:absolute;right:0;text-align:right}