@inntechcorp/it-design 2.0.76 → 2.0.78

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.
@@ -1,48 +1,3 @@
1
- .root *, .root :after, .root :before {
2
- box-sizing: border-box;
3
- -webkit-font-smoothing: antialiased;
4
- font-family: "Inter", sans-serif;
5
- font-size: 14px;
6
- font-weight: 400;
7
- }
8
- .root button, .root input, .root optgroup, .root select, .root textarea, .root input::placeholder, .root textarea::placeholder {
9
- font-family: inherit;
10
- font-feature-settings: inherit;
11
- font-variation-settings: inherit;
12
- font-size: 100%;
13
- font-weight: inherit;
14
- line-height: inherit;
15
- color: inherit;
16
- margin: 0;
17
- padding: 0;
18
- text-transform: none;
19
- }
20
- .root [role=button], .root button {
21
- cursor: pointer;
22
- }
23
- .root input {
24
- background: transparent;
25
- border: none;
26
- }
27
- .root [type=button], .root [type=reset], .root [type=submit], .root button {
28
- background-color: transparent;
29
- background-image: none;
30
- }
31
- .root a {
32
- cursor: pointer;
33
- color: #029CFD;
34
- text-decoration: none;
35
- }
36
- .root a:hover {
37
- color: #0083d4;
38
- }
39
- .root strong {
40
- font-weight: 600;
41
- }
42
- .root input:focus-visible {
43
- outline: none;
44
- }
45
-
46
1
  .defaultInput {
47
2
  height: 100%;
48
3
  }
@@ -106,6 +61,32 @@
106
61
  -webkit-box-shadow: 0 0 0 30px #151d3d inset !important;
107
62
  }
108
63
 
64
+ .option {
65
+ display: flex;
66
+ align-items: center;
67
+ cursor: pointer;
68
+ min-width: max-content;
69
+ padding: 10px 30px 10px 15px;
70
+ }
71
+ .option:not(:last-child) {
72
+ margin-bottom: 1px;
73
+ }
74
+ .option:hover {
75
+ background-color: rgba(29, 38, 73, 0.5019607843);
76
+ }
77
+
78
+ .selected .single, .selected .option span {
79
+ color: #ffffff;
80
+ }
81
+
82
+ .single, .option span {
83
+ color: rgba(255, 255, 255, 0.6666666667);
84
+ font-weight: 400;
85
+ font-size: 12px;
86
+ line-height: 12px;
87
+ white-space: nowrap;
88
+ }
89
+
109
90
  .arrow {
110
91
  transition: all 0.25s ease-out;
111
92
  margin-left: auto;
@@ -201,32 +182,6 @@
201
182
  transition: height 150ms ease-out;
202
183
  }
203
184
 
204
- .option {
205
- display: flex;
206
- align-items: center;
207
- cursor: pointer;
208
- min-width: max-content;
209
- padding: 10px 30px 10px 15px;
210
- }
211
- .option:not(:last-child) {
212
- margin-bottom: 1px;
213
- }
214
- .option:hover {
215
- background-color: rgba(29, 38, 73, 0.5019607843);
216
- }
217
-
218
- .selected .single, .selected .option span {
219
- color: #ffffff;
220
- }
221
-
222
- .single, .option span {
223
- color: rgba(255, 255, 255, 0.6666666667);
224
- font-weight: 400;
225
- font-size: 12px;
226
- line-height: 12px;
227
- white-space: nowrap;
228
- }
229
-
230
185
  .container {
231
186
  display: flex;
232
187
  align-items: center;
@@ -1,48 +1,3 @@
1
- .root *, .root :after, .root :before {
2
- box-sizing: border-box;
3
- -webkit-font-smoothing: antialiased;
4
- font-family: "Inter", sans-serif;
5
- font-size: 14px;
6
- font-weight: 400;
7
- }
8
- .root button, .root input, .root optgroup, .root select, .root textarea, .root input::placeholder, .root textarea::placeholder {
9
- font-family: inherit;
10
- font-feature-settings: inherit;
11
- font-variation-settings: inherit;
12
- font-size: 100%;
13
- font-weight: inherit;
14
- line-height: inherit;
15
- color: inherit;
16
- margin: 0;
17
- padding: 0;
18
- text-transform: none;
19
- }
20
- .root [role=button], .root button {
21
- cursor: pointer;
22
- }
23
- .root input {
24
- background: transparent;
25
- border: none;
26
- }
27
- .root [type=button], .root [type=reset], .root [type=submit], .root button {
28
- background-color: transparent;
29
- background-image: none;
30
- }
31
- .root a {
32
- cursor: pointer;
33
- color: #029CFD;
34
- text-decoration: none;
35
- }
36
- .root a:hover {
37
- color: #0083d4;
38
- }
39
- .root strong {
40
- font-weight: 600;
41
- }
42
- .root input:focus-visible {
43
- outline: none;
44
- }
45
-
46
1
  .defaultInput {
47
2
  height: 100%;
48
3
  }
@@ -106,6 +61,35 @@
106
61
  -webkit-box-shadow: 0 0 0 30px #151d3d inset !important;
107
62
  }
108
63
 
64
+ .arrow {
65
+ transition: all 0.25s ease-out;
66
+ margin-left: auto;
67
+ transform: rotate(0deg);
68
+ width: 20px;
69
+ height: 20px;
70
+ fill: rgba(255, 255, 255, 0.6);
71
+ }
72
+
73
+ .arrowNormal {
74
+ margin-left: auto;
75
+ transform: rotate(-90deg);
76
+ }
77
+
78
+ .arrowOpen {
79
+ transform: rotate(-180deg);
80
+ fill: #ffffff;
81
+ }
82
+
83
+ .icon {
84
+ margin-right: 8px;
85
+ height: 22px;
86
+ width: 22px;
87
+ color: rgba(255, 255, 255, 0.6);
88
+ font-size: 22px;
89
+ display: flex;
90
+ align-items: center;
91
+ }
92
+
109
93
  .option {
110
94
  display: flex;
111
95
  align-items: center;
@@ -198,35 +182,6 @@
198
182
  transition: height 150ms ease-out;
199
183
  }
200
184
 
201
- .arrow {
202
- transition: all 0.25s ease-out;
203
- margin-left: auto;
204
- transform: rotate(0deg);
205
- width: 20px;
206
- height: 20px;
207
- fill: rgba(255, 255, 255, 0.6);
208
- }
209
-
210
- .arrowNormal {
211
- margin-left: auto;
212
- transform: rotate(-90deg);
213
- }
214
-
215
- .arrowOpen {
216
- transform: rotate(-180deg);
217
- fill: #ffffff;
218
- }
219
-
220
- .icon {
221
- margin-right: 8px;
222
- height: 22px;
223
- width: 22px;
224
- color: rgba(255, 255, 255, 0.6);
225
- font-size: 22px;
226
- display: flex;
227
- align-items: center;
228
- }
229
-
230
185
  .container {
231
186
  display: flex;
232
187
  align-items: center;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inntechcorp/it-design",
3
- "version": "2.0.76",
3
+ "version": "2.0.78",
4
4
  "description": "All in one Design library for desktop applications.",
5
5
  "author": "Inn.Tech",
6
6
  "license": "ISC",
@@ -99,13 +99,12 @@
99
99
  "dts-bundle-generator": "^9.5.1",
100
100
  "eslint-plugin-storybook": "0.8.0",
101
101
  "esm": "^3.2.25",
102
- "glob": "10.4.1",
103
102
  "less-loader": "12.2.0",
104
103
  "postcss-custom-properties": "13.3.10",
105
104
  "postcss-import": "16.1.0",
106
105
  "postcss-nesting": "12.1.5",
107
106
  "postcss-normalize": "^10.0.1",
108
- "postcss-preset-env": "9.5.14",
107
+ "postcss-preset-env": "^9.5.16",
109
108
  "react-app-rewired": "^2.2.1",
110
109
  "rollup": "4.18.0",
111
110
  "rollup-plugin-copy": "^3.5.0",
@@ -126,6 +125,7 @@
126
125
  "tslib": "^2.5.0",
127
126
  "typescript": "5.4.5",
128
127
  "vite": "5.2.12",
128
+ "vite-plugin-css-injected-by-js": "^3.5.1",
129
129
  "vite-plugin-dts": "^3.9.1",
130
130
  "vite-plugin-lib-inject-css": "2.1.1",
131
131
  "vite-plugin-node-polyfills": "0.22.0",
@@ -1,5 +0,0 @@
1
-
2
-
3
-
4
-
5
-
@@ -1,5 +0,0 @@
1
-
2
-
3
-
4
-
5
-