@dashadmin/dash-styles 0.0.0 → 1.3.16

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 (66) hide show
  1. package/package.json +20 -5
  2. package/.editorconfig +0 -12
  3. package/.eslintignore +0 -0
  4. package/.eslintrc.json +0 -7
  5. package/.prettierignore +0 -5
  6. package/.prettierrc.cjs +0 -3
  7. package/commitlint.config.cjs +0 -40
  8. package/dist/README.md +0 -1
  9. package/dist/index.d.ts +0 -3
  10. package/dist/package.json +0 -34
  11. package/src/assets/fonts/Montserrat-Black.ttf +0 -0
  12. package/src/assets/fonts/Montserrat-Bold.ttf +0 -0
  13. package/src/assets/fonts/Montserrat-Medium.ttf +0 -0
  14. package/src/assets/fonts/Montserrat-Regular.ttf +0 -0
  15. package/src/assets/fonts/Montserrat-SemiBold.ttf +0 -0
  16. package/src/dash-css-transformer.less +0 -766
  17. package/src/dash-variables.less +0 -10
  18. package/src/dash.less +0 -38
  19. package/src/helpers/getAllCssVariablesFromStyleSheets.tsx +0 -46
  20. package/src/index.tsx.suffixed +0 -680
  21. package/src/styles/button.less +0 -120
  22. package/src/styles/buttons.less +0 -10
  23. package/src/styles/card.less +0 -337
  24. package/src/styles/common.less +0 -62
  25. package/src/styles/components/notfound.less +0 -50
  26. package/src/styles/extra.less +0 -25
  27. package/src/styles/filters.less +0 -7
  28. package/src/styles/forms.less +0 -41
  29. package/src/styles/framed.less +0 -45
  30. package/src/styles/header.less +0 -879
  31. package/src/styles/input.copy.less +0 -223
  32. package/src/styles/input.less +0 -223
  33. package/src/styles/layout.less +0 -296
  34. package/src/styles/links.less +0 -28
  35. package/src/styles/loader.less +0 -20
  36. package/src/styles/login.less +0 -331
  37. package/src/styles/modal.less +0 -0
  38. package/src/styles/module.less +0 -29
  39. package/src/styles/mui-overrides.less +0 -62
  40. package/src/styles/notification.less +0 -46
  41. package/src/styles/pages/profile.less +0 -139
  42. package/src/styles/pagination.less +0 -90
  43. package/src/styles/popover.less +0 -21
  44. package/src/styles/react-admin/common.less +0 -184
  45. package/src/styles/react-admin/toolbar.less +0 -22
  46. package/src/styles/root.less +0 -13
  47. package/src/styles/sidebar.less +0 -705
  48. package/src/styles/splash.less +0 -44
  49. package/src/styles/static.less +0 -59
  50. package/src/styles/stats.less +0 -5
  51. package/src/styles/svg.less +0 -30
  52. package/src/styles/switch.less +0 -7
  53. package/src/styles/table.less +0 -196
  54. package/src/styles/tabs.less +0 -173
  55. package/src/styles/tags.less +0 -97
  56. package/src/styles/toast.less +0 -83
  57. package/src/styles/toolbar.less +0 -90
  58. package/src/styles/transition.less +0 -226
  59. package/src/styles/uploader.less +0 -38
  60. package/src/variables/breakpoints.less +0 -35
  61. package/src/variables/colors.less +0 -205
  62. package/src/variables/dash-colors.less +0 -52
  63. package/src/variables/sizes.less +0 -150
  64. package/tsconfig.eslint.json +0 -12
  65. package/tsconfig.json +0 -22
  66. package/vite.config.mts +0 -7
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
- }