@dashadmin/dash-styles 1.3.72 → 1.3.74-srcfree.1

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 (57) hide show
  1. package/dist/helpers/getAllCssVariablesFromStyleSheets.d.ts +2 -0
  2. package/dist/index.d.ts +6 -9
  3. package/package.json +5 -5
  4. package/src/assets/fonts/Montserrat-Black.ttf +0 -0
  5. package/src/assets/fonts/Montserrat-Bold.ttf +0 -0
  6. package/src/assets/fonts/Montserrat-Medium.ttf +0 -0
  7. package/src/assets/fonts/Montserrat-Regular.ttf +0 -0
  8. package/src/assets/fonts/Montserrat-SemiBold.ttf +0 -0
  9. package/src/dash-css-transformer.less +0 -769
  10. package/src/dash-variables.less +0 -10
  11. package/src/dash.less +0 -38
  12. package/src/helpers/getAllCssVariablesFromStyleSheets.tsx +0 -46
  13. package/src/index.tsx +0 -1089
  14. package/src/index.tsx.suffixed +0 -680
  15. package/src/styles/button.less +0 -120
  16. package/src/styles/buttons.less +0 -10
  17. package/src/styles/card.less +0 -361
  18. package/src/styles/common.less +0 -62
  19. package/src/styles/components/notfound.less +0 -50
  20. package/src/styles/extra.less +0 -25
  21. package/src/styles/filters.less +0 -7
  22. package/src/styles/forms.less +0 -41
  23. package/src/styles/framed.less +0 -45
  24. package/src/styles/header.less +0 -882
  25. package/src/styles/input.copy.less +0 -223
  26. package/src/styles/input.less +0 -223
  27. package/src/styles/layout.less +0 -298
  28. package/src/styles/links.less +0 -28
  29. package/src/styles/loader.less +0 -20
  30. package/src/styles/login.less +0 -331
  31. package/src/styles/modal.less +0 -127
  32. package/src/styles/module.less +0 -29
  33. package/src/styles/mui-overrides.less +0 -62
  34. package/src/styles/notification.less +0 -46
  35. package/src/styles/pages/profile.less +0 -139
  36. package/src/styles/pagination.less +0 -90
  37. package/src/styles/popover.less +0 -21
  38. package/src/styles/react-admin/common.less +0 -184
  39. package/src/styles/react-admin/toolbar.less +0 -22
  40. package/src/styles/root.less +0 -13
  41. package/src/styles/sidebar.less +0 -1015
  42. package/src/styles/splash.less +0 -44
  43. package/src/styles/static.less +0 -59
  44. package/src/styles/stats.less +0 -5
  45. package/src/styles/svg.less +0 -30
  46. package/src/styles/switch.less +0 -7
  47. package/src/styles/table.less +0 -196
  48. package/src/styles/tabs.less +0 -181
  49. package/src/styles/tags.less +0 -97
  50. package/src/styles/toast.less +0 -83
  51. package/src/styles/toolbar.less +0 -90
  52. package/src/styles/transition.less +0 -226
  53. package/src/styles/uploader.less +0 -38
  54. package/src/variables/breakpoints.less +0 -35
  55. package/src/variables/colors.less +0 -205
  56. package/src/variables/dash-colors.less +0 -52
  57. package/src/variables/sizes.less +0 -150
package/src/styles/input.copy.less DELETED
@@ -1,223 +0,0 @@
1
- // Input Component Styles
2
- // Supports theme switching with data-theme="light" or data-theme="dark"
3
-
4
- // Autofill styles for webkit browsers
5
- input:-webkit-autofill,
6
- input:-webkit-autofill:hover,
7
- input:-webkit-autofill:focus,
8
- input:-webkit-autofill:active {
9
- transition: background-color 5000s ease-in-out 0s;
10
- /*-webkit-text-fill-color: var(--text-color) !important;
11
- -webkit-box-shadow: 0 0 0px 1px var(--component-bg) inset !important;*/
12
- background-color: var(--component-bg) !important;
13
- border-color: var(--component-border) !important;
14
- }
15
-
16
-
17
- .MuiAutocomplete-inputRoot {
18
- flex-wrap: nowrap !important;
19
- }
20
-
21
- // Material-UI Input Base styling
22
- .MuiInputBase-colorPrimary {
23
- color: var(--text-color) !important;
24
-
25
- fieldset {
26
- border-radius: 6px;
27
- border-color: var(--component-border) !important;
28
- border-width: 1px !important;
29
- box-shadow: 2px 2px var(--component-shadow);
30
- transition: all 0.4s;
31
- }
32
-
33
- input, .MuiSelect-select {
34
- width: 100%;
35
- min-width: 0;
36
- border-radius: 6px;
37
- font-family: 'Montserrat';
38
- font-style: normal;
39
- font-weight: 400;
40
- font-size: 16px;
41
- line-height: 24px;
42
- color: var(--text-color) !important;
43
-
44
- // Placeholder styling for all browsers
45
- &::placeholder,
46
- &::-webkit-input-placeholder,
47
- &::-moz-placeholder,
48
- &:-ms-input-placeholder,
49
- &::-ms-input-placeholder {
50
- //color: var(--text-light) !important;
51
- opacity: 0.7 !important;
52
- }
53
-
54
- // Focus state
55
- &:focus {
56
- color: var(--text-color) !important;
57
- }
58
-
59
- // Disabled state
60
- &:disabled {
61
- color: var(--text-color) !important;
62
- background-color: var(--disabled-bg) !important;
63
- }
64
- }
65
-
66
- &:hover {
67
- fieldset {
68
- box-shadow: 2px 2px var(--component-hover-bg);
69
- }
70
- }
71
-
72
- // Focus state
73
- &.Mui-focused {
74
- fieldset {
75
- border-color: var(--primary-color) !important;
76
- border-width: 2px !important;
77
- }
78
- }
79
-
80
- // Error state
81
- &.Mui-error {
82
- fieldset {
83
- border-color: var(--error-color) !important;
84
- }
85
- }
86
-
87
- // Disabled state
88
- &.Mui-disabled {
89
- fieldset {
90
- border-color: var(--disabled-border) !important;
91
- }
92
- }
93
- }
94
-
95
- .dash-app-form-item-input label {
96
- color: var(--text-color) !important;
97
- }
98
- // Form label styling
99
- .MuiFormLabel-root {
100
- color: var(--text-color) !important;
101
-
102
- &.Mui-focused {
103
- color: var(--primary-color) !important;
104
- }
105
-
106
- &.Mui-disabled {
107
- color: var(--disabled-color) !important;
108
- }
109
-
110
- &.Mui-error {
111
- color: var(--error-color) !important;
112
- }
113
- }
114
-
115
- .MuiFormLabel-colorPrimary {
116
- &.Mui-focused {
117
- color: var(--primary-color) !important;
118
- }
119
- }
120
-
121
- // Input label positioning
122
- .input-label-top {
123
- > .MuiFormLabel-root {
124
- position: static;
125
- transform: unset;
126
- font-family: 'Montserrat';
127
- font-style: normal;
128
- font-weight: 400;
129
- font-size: 14px;
130
- line-height: 22px;
131
- color: var(--text-color) !important;
132
- }
133
-
134
- > .MuiInputBase-root {
135
- fieldset {
136
- top: 0;
137
- legend {
138
- display: none;
139
- }
140
- }
141
- }
142
- }
143
-
144
- .select-label {
145
- position: static;
146
- transform: unset;
147
- font-family: 'Montserrat' !important;
148
- font-style: normal !important;
149
- font-weight: 400 !important;
150
- font-size: 14px !important;
151
- line-height: 22px !important;
152
- }
153
-
154
- // Menu item styling
155
- .MuiList-root {
156
- .MuiMenuItem-root {
157
- font-family: 'Montserrat';
158
- font-style: normal;
159
- font-weight: 400;
160
- font-size: 16px;
161
- line-height: 24px;
162
- color: var(--text-light) !important;;
163
- }
164
- }
165
-
166
- // Checkbox styling
167
- .MuiCheckbox-root {
168
- color: var(--primary-color) !important;
169
-
170
- &.Mui-checked {
171
- color: var(--primary-color) !important;
172
- }
173
-
174
- &.Mui-disabled {
175
- color: var(--disabled-color) !important;
176
- }
177
- }
178
-
179
- // Form label asterisk (required field indicator)
180
- .MuiFormLabel-asterisk {
181
- color: var(--error-color) !important;
182
- }
183
-
184
- // Form control label text
185
- .MuiFormControlLabel-label {
186
- font-family: 'Montserrat';
187
- font-style: normal;
188
- font-weight: 400;
189
- font-size: 14px;
190
- line-height: 22px;
191
- color: var(--text-color) !important;;
192
- }
193
-
194
- // Theme-specific overrides for placeholder colors
195
- [data-theme="dark"] {
196
- .MuiInputBase-colorPrimary {
197
- input, .MuiSelect-select {
198
- &::placeholder,
199
- &::-webkit-input-placeholder,
200
- &::-moz-placeholder,
201
- &:-ms-input-placeholder,
202
- &::-ms-input-placeholder {
203
- color: var(--text-color) !important;
204
- opacity: 0.6 !important;
205
- }
206
- }
207
- }
208
- }
209
-
210
- [data-theme="light"] {
211
- .MuiInputBase-colorPrimary {
212
- input, .MuiSelect-select {
213
- &::placeholder,
214
- &::-webkit-input-placeholder,
215
- &::-moz-placeholder,
216
- &:-ms-input-placeholder,
217
- &::-ms-input-placeholder {
218
- color: var(--text-color) !important;
219
- opacity: 0.7 !important;
220
- }
221
- }
222
- }
223
- }
package/src/styles/input.less DELETED
@@ -1,223 +0,0 @@
1
- // Input Component Styles
2
- // Supports theme switching with data-theme="light" or data-theme="dark"
3
-
4
- // Autofill styles for webkit browsers
5
- input:-webkit-autofill,
6
- input:-webkit-autofill:hover,
7
- input:-webkit-autofill:focus,
8
- input:-webkit-autofill:active {
9
- transition: background-color 5000s ease-in-out 0s;
10
- /*-webkit-text-fill-color: var(--text-color) !important;
11
- -webkit-box-shadow: 0 0 0px 1px var(--component-bg) inset !important;*/
12
- background-color: var(--component-bg);
13
- border-color: var(--component-border);
14
- }
15
-
16
-
17
- .MuiAutocomplete-inputRoot {
18
- flex-wrap: nowrap !important;
19
- }
20
-
21
- // Material-UI Input Base styling
22
- .MuiInputBase-colorPrimary {
23
- color: var(--text-color);
24
-
25
- fieldset {
26
- border-radius: 6px;
27
- border-color: var(--component-border);
28
- border-width: 1px !important;
29
- box-shadow: 2px 2px var(--component-shadow);
30
- transition: all 0.4s;
31
- }
32
-
33
- input, .MuiSelect-select {
34
- width: 100%;
35
- min-width: 0;
36
- border-radius: 6px;
37
- font-family: 'Montserrat';
38
- font-style: normal;
39
- font-weight: 400;
40
- font-size: 16px;
41
- line-height: 24px;
42
- color: var(--text-color);
43
-
44
- // Placeholder styling for all browsers
45
- &::placeholder,
46
- &::-webkit-input-placeholder,
47
- &::-moz-placeholder,
48
- &:-ms-input-placeholder,
49
- &::-ms-input-placeholder {
50
- color: var(--text-light);
51
- //opacity: 0.7 !important;
52
- }
53
-
54
- // Focus state
55
- &:focus {
56
- color: var(--text-color);
57
- }
58
-
59
- // Disabled state
60
- &:disabled {
61
- color: var(--text-color);
62
- background-color: var(--disabled-bg);
63
- }
64
- }
65
-
66
- &:hover {
67
- fieldset {
68
- box-shadow: 2px 2px var(--component-hover-bg);
69
- }
70
- }
71
-
72
- // Focus state
73
- &.Mui-focused {
74
- fieldset {
75
- border-color: var(--primary-color);
76
- border-width: 2px !important;
77
- }
78
- }
79
-
80
- // Error state
81
- &.Mui-error {
82
- fieldset {
83
- border-color: var(--error-color);
84
- }
85
- }
86
-
87
- // Disabled state
88
- &.Mui-disabled {
89
- fieldset {
90
- border-color: var(--disabled-border);
91
- }
92
- }
93
- }
94
-
95
- .dash-app-form-item-input label {
96
- color: var(--text-color);
97
- }
98
- // Form label styling
99
- .MuiFormLabel-root {
100
- color: var(--text-color) ;
101
-
102
- &.Mui-focused {
103
- color: var(--primary-color);
104
- }
105
-
106
- &.Mui-disabled {
107
- color: var(--disabled-color);
108
- }
109
-
110
- &.Mui-error {
111
- color: var(--error-color);
112
- }
113
- }
114
-
115
- .MuiFormLabel-colorPrimary {
116
- &.Mui-focused {
117
- color: var(--primary-color);
118
- }
119
- }
120
-
121
- // Input label positioning
122
- .input-label-top {
123
- > .MuiFormLabel-root {
124
- position: static;
125
- transform: unset;
126
- font-family: 'Montserrat';
127
- font-style: normal;
128
- font-weight: 400;
129
- font-size: 14px;
130
- line-height: 22px;
131
- color: var(--text-color);
132
- }
133
-
134
- > .MuiInputBase-root {
135
- fieldset {
136
- top: 0;
137
- legend {
138
- display: none;
139
- }
140
- }
141
- }
142
- }
143
-
144
- .select-label {
145
- position: static;
146
- transform: unset;
147
- font-family: 'Montserrat' !important;
148
- font-style: normal !important;
149
- font-weight: 400 !important;
150
- font-size: 14px !important;
151
- line-height: 22px !important;
152
- }
153
-
154
- // Menu item styling
155
- .MuiList-root {
156
- .MuiMenuItem-root {
157
- font-family: 'Montserrat';
158
- font-style: normal;
159
- font-weight: 400;
160
- font-size: 16px;
161
- line-height: 24px;
162
- //color: var(--text-light);
163
- }
164
- }
165
-
166
- // Checkbox styling
167
- .MuiCheckbox-root {
168
- color: var(--primary-color);
169
-
170
- &.Mui-checked {
171
- color: var(--primary-color);
172
- }
173
-
174
- &.Mui-disabled {
175
- color: var(--disabled-color);
176
- }
177
- }
178
-
179
- // Form label asterisk (required field indicator)
180
- .MuiFormLabel-asterisk {
181
- color: var(--error-color);
182
- }
183
-
184
- // Form control label text
185
- .MuiFormControlLabel-label {
186
- font-family: 'Montserrat';
187
- font-style: normal;
188
- font-weight: 400;
189
- font-size: 14px;
190
- line-height: 22px;
191
- color: var(--text-color);
192
- }
193
-
194
- // Theme-specific overrides for placeholder colors
195
- [data-theme="dark"] {
196
- .MuiInputBase-colorPrimary {
197
- input, .MuiSelect-select {
198
- &::placeholder,
199
- &::-webkit-input-placeholder,
200
- &::-moz-placeholder,
201
- &:-ms-input-placeholder,
202
- &::-ms-input-placeholder {
203
- color: var(--text-color);
204
- //opacity: 0.6 !important;
205
- }
206
- }
207
- }
208
- }
209
-
210
- [data-theme="light"] {
211
- .MuiInputBase-colorPrimary {
212
- input, .MuiSelect-select {
213
- &::placeholder,
214
- &::-webkit-input-placeholder,
215
- &::-moz-placeholder,
216
- &:-ms-input-placeholder,
217
- &::-ms-input-placeholder {
218
- color: var(--text-light);
219
- //opacity: 0.7 !important;
220
- }
221
- }
222
- }
223
- }