@soyfri/template 1.0.9 → 1.0.10-beta.0

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 (95) hide show
  1. package/README.md +3 -3
  2. package/dist/assets/sass/_init.scss +19 -23
  3. package/dist/assets/sass/components/components.scss +3 -3
  4. package/dist/assets/sass/core/base/_functions.scss +5 -5
  5. package/dist/assets/sass/core/base/_mixins.scss +6 -6
  6. package/dist/assets/sass/core/base/functions/_get.scss +20 -23
  7. package/dist/assets/sass/core/base/functions/_math.scss +1 -2
  8. package/dist/assets/sass/core/base/functions/_set.scss +13 -16
  9. package/dist/assets/sass/core/base/functions/_theme-colors.scss +3 -5
  10. package/dist/assets/sass/core/components/_bootstrap-icon.scss +1 -2
  11. package/dist/assets/sass/core/components/_buttons.scss +2 -2
  12. package/dist/assets/sass/core/components/_card.scss +1 -2
  13. package/dist/assets/sass/core/components/_fixed.scss +1 -2
  14. package/dist/assets/sass/core/components/_forms.scss +8 -8
  15. package/dist/assets/sass/core/components/_helpers.scss +7 -7
  16. package/dist/assets/sass/core/components/_menu.scss +2 -2
  17. package/dist/assets/sass/core/components/_mixins.scss +8 -8
  18. package/dist/assets/sass/core/components/_scroll.scss +1 -2
  19. package/dist/assets/sass/core/components/_stepper.scss +3 -3
  20. package/dist/assets/sass/core/components/_svg-icon.scss +1 -2
  21. package/dist/assets/sass/core/components/_symbol.scss +1 -2
  22. package/dist/assets/sass/core/components/_tables.scss +1 -2
  23. package/dist/assets/sass/core/components/_utilities.scss +1 -2
  24. package/dist/assets/sass/core/components/_variables-dark.scss +1 -2
  25. package/dist/assets/sass/core/components/_variables.scss +7 -8
  26. package/dist/assets/sass/core/components/buttons/_theme.scss +3 -4
  27. package/dist/assets/sass/core/components/components.scss +63 -72
  28. package/dist/assets/sass/core/components/helpers/_background.scss +1 -2
  29. package/dist/assets/sass/core/components/helpers/_flex.scss +1 -2
  30. package/dist/assets/sass/core/components/menu/_base.scss +1 -2
  31. package/dist/assets/sass/core/components/mixins/_menu.scss +2 -4
  32. package/dist/assets/sass/core/components/wizard.scss +1 -1
  33. package/dist/assets/sass/core/layout/base/_layout.scss +25 -25
  34. package/dist/assets/sass/core/vendors/plugins/_mixins.scss +1 -1
  35. package/dist/assets/sass/core/vendors/plugins/_plugins.angular.scss +7 -7
  36. package/dist/assets/sass/core/vendors/plugins/_plugins.react.scss +7 -7
  37. package/dist/assets/sass/core/vendors/plugins/_plugins.scss +29 -29
  38. package/dist/assets/sass/core/vendors/plugins/_plugins.vue.scss +7 -7
  39. package/dist/assets/sass/core/vendors/plugins/_variables-dark.scss +4 -5
  40. package/dist/assets/sass/core/vendors/plugins/_variables.scss +4 -5
  41. package/dist/assets/sass/layout/_layout.scss +13 -13
  42. package/dist/assets/sass/layout/_variables.custom.scss +2 -3
  43. package/dist/assets/sass/style.react.scss +4 -8
  44. package/dist/assets/sass/style.scss +5 -5
  45. package/dist/assets/ts/_utils/DomHelpers.d.ts +1 -1
  46. package/dist/assets/ts/_utils/DomHelpers.js +1 -1
  47. package/dist/assets/ts/_utils/DomHelpers.ts +1 -1
  48. package/dist/assets/ts/_utils/EventHandlerUtil.d.ts +1 -4
  49. package/dist/assets/ts/_utils/EventHandlerUtil.js +1 -15
  50. package/dist/assets/ts/_utils/EventHandlerUtil.ts +1 -28
  51. package/dist/assets/ts/components/MenuComponent.d.ts +0 -2
  52. package/dist/assets/ts/components/MenuComponent.js +3 -11
  53. package/dist/assets/ts/components/MenuComponent.ts +3 -12
  54. package/dist/assets/ts/components/_DrawerComponent.d.ts +0 -2
  55. package/dist/assets/ts/components/_DrawerComponent.js +0 -10
  56. package/dist/assets/ts/components/_DrawerComponent.ts +0 -12
  57. package/dist/assets/ts/components/_FeedbackComponent.d.ts +4 -4
  58. package/dist/assets/ts/components/_FeedbackComponent.js +4 -4
  59. package/dist/assets/ts/components/_FeedbackComponent.ts +4 -4
  60. package/dist/assets/ts/components/_ImageInputComponent.d.ts +0 -1
  61. package/dist/assets/ts/components/_ImageInputComponent.js +0 -20
  62. package/dist/assets/ts/components/_ImageInputComponent.ts +0 -25
  63. package/dist/assets/ts/components/_PasswordMeterComponent.d.ts +0 -1
  64. package/dist/assets/ts/components/_PasswordMeterComponent.js +0 -3
  65. package/dist/assets/ts/components/_PasswordMeterComponent.ts +1 -3
  66. package/dist/assets/ts/components/_ScrollComponent.d.ts +1 -1
  67. package/dist/assets/ts/components/_ScrollComponent.js +1 -1
  68. package/dist/assets/ts/components/_ScrollComponent.ts +1 -1
  69. package/dist/assets/ts/components/_StepperComponent.d.ts +1 -4
  70. package/dist/assets/ts/components/_StepperComponent.js +1 -17
  71. package/dist/assets/ts/components/_StepperComponent.ts +1 -19
  72. package/dist/assets/ts/components/_SwapperComponent.d.ts +1 -1
  73. package/dist/assets/ts/components/_SwapperComponent.js +1 -1
  74. package/dist/assets/ts/components/_SwapperComponent.ts +1 -1
  75. package/dist/partials/index.d.ts +1 -0
  76. package/dist/partials/index.js +1 -1
  77. package/dist/partials/widgets/charts/ChartsWidget1.js +10 -2
  78. package/dist/partials/widgets/charts/ChartsWidget2.js +10 -2
  79. package/dist/partials/widgets/charts/ChartsWidget3.js +10 -2
  80. package/dist/partials/widgets/charts/ChartsWidget4.js +10 -2
  81. package/dist/partials/widgets/charts/ChartsWidget5.js +10 -2
  82. package/dist/partials/widgets/charts/ChartsWidget6.js +10 -2
  83. package/dist/partials/widgets/charts/ChartsWidget7.js +10 -2
  84. package/dist/partials/widgets/charts/ChartsWidget8.js +10 -2
  85. package/dist/partials/widgets/mixed/MixedWidget10.js +10 -2
  86. package/dist/partials/widgets/mixed/MixedWidget11.js +10 -2
  87. package/dist/partials/widgets/mixed/MixedWidget13.js +10 -2
  88. package/dist/partials/widgets/mixed/MixedWidget2.js +10 -2
  89. package/dist/partials/widgets/mixed/MixedWidget3.js +10 -2
  90. package/dist/partials/widgets/mixed/MixedWidget6.js +10 -2
  91. package/dist/partials/widgets/mixed/MixedWidget8.js +10 -2
  92. package/dist/partials/widgets/mixed/MixedWidget9.js +10 -2
  93. package/dist/partials/widgets/statistics/StatisticsWidget3.js +10 -2
  94. package/dist/partials/widgets/statistics/StatisticsWidget4.js +8 -0
  95. package/package.json +32 -30
@@ -117,15 +117,23 @@ function getChartOptions(height) {
117
117
  },
118
118
  },
119
119
  states: {
120
+ normal: {
121
+ filter: {
122
+ type: 'none',
123
+ value: 0,
124
+ },
125
+ },
120
126
  hover: {
121
127
  filter: {
122
- type: 'none'
128
+ type: 'none',
129
+ value: 0,
123
130
  },
124
131
  },
125
132
  active: {
126
133
  allowMultipleDataPointsSelection: false,
127
134
  filter: {
128
- type: 'none'
135
+ type: 'none',
136
+ value: 0,
129
137
  },
130
138
  },
131
139
  },
@@ -109,15 +109,23 @@ function getChartOptions(height) {
109
109
  opacity: 1,
110
110
  },
111
111
  states: {
112
+ normal: {
113
+ filter: {
114
+ type: 'none',
115
+ value: 0,
116
+ },
117
+ },
112
118
  hover: {
113
119
  filter: {
114
- type: 'none'
120
+ type: 'none',
121
+ value: 0,
115
122
  },
116
123
  },
117
124
  active: {
118
125
  allowMultipleDataPointsSelection: false,
119
126
  filter: {
120
- type: 'none'
127
+ type: 'none',
128
+ value: 0,
121
129
  },
122
130
  },
123
131
  },
@@ -115,15 +115,23 @@ function getChartOptions(height) {
115
115
  opacity: 1,
116
116
  },
117
117
  states: {
118
+ normal: {
119
+ filter: {
120
+ type: 'none',
121
+ value: 0,
122
+ },
123
+ },
118
124
  hover: {
119
125
  filter: {
120
- type: 'none'
126
+ type: 'none',
127
+ value: 0,
121
128
  },
122
129
  },
123
130
  active: {
124
131
  allowMultipleDataPointsSelection: false,
125
132
  filter: {
126
- type: 'none'
133
+ type: 'none',
134
+ value: 0,
127
135
  },
128
136
  },
129
137
  },
@@ -136,15 +136,23 @@ function getChartOptions(height) {
136
136
  },
137
137
  },
138
138
  states: {
139
+ normal: {
140
+ filter: {
141
+ type: 'none',
142
+ value: 0,
143
+ },
144
+ },
139
145
  hover: {
140
146
  filter: {
141
- type: 'none'
147
+ type: 'none',
148
+ value: 0,
142
149
  },
143
150
  },
144
151
  active: {
145
152
  allowMultipleDataPointsSelection: false,
146
153
  filter: {
147
- type: 'none'
154
+ type: 'none',
155
+ value: 0,
148
156
  },
149
157
  },
150
158
  },
@@ -138,15 +138,23 @@ function getChartOptions(height) {
138
138
  },
139
139
  },
140
140
  states: {
141
+ normal: {
142
+ filter: {
143
+ type: 'none',
144
+ value: 0,
145
+ },
146
+ },
141
147
  hover: {
142
148
  filter: {
143
- type: 'none'
149
+ type: 'none',
150
+ value: 0,
144
151
  },
145
152
  },
146
153
  active: {
147
154
  allowMultipleDataPointsSelection: false,
148
155
  filter: {
149
- type: 'none'
156
+ type: 'none',
157
+ value: 0,
150
158
  },
151
159
  },
152
160
  },
@@ -117,15 +117,23 @@ const chartOptions = (chartColor, chartHeight) => {
117
117
  },
118
118
  },
119
119
  states: {
120
+ normal: {
121
+ filter: {
122
+ type: 'none',
123
+ value: 0,
124
+ },
125
+ },
120
126
  hover: {
121
127
  filter: {
122
- type: 'none'
128
+ type: 'none',
129
+ value: 0,
123
130
  },
124
131
  },
125
132
  active: {
126
133
  allowMultipleDataPointsSelection: false,
127
134
  filter: {
128
- type: 'none'
135
+ type: 'none',
136
+ value: 0,
129
137
  },
130
138
  },
131
139
  },
@@ -102,15 +102,23 @@ const chartOptions = (chartColor, chartHeight) => {
102
102
  type: 'solid',
103
103
  },
104
104
  states: {
105
+ normal: {
106
+ filter: {
107
+ type: 'none',
108
+ value: 0,
109
+ },
110
+ },
105
111
  hover: {
106
112
  filter: {
107
- type: 'none'
113
+ type: 'none',
114
+ value: 0,
108
115
  },
109
116
  },
110
117
  active: {
111
118
  allowMultipleDataPointsSelection: false,
112
119
  filter: {
113
- type: 'none'
120
+ type: 'none',
121
+ value: 0,
114
122
  },
115
123
  },
116
124
  },
@@ -133,15 +133,23 @@ const chartOptions = (chartHeight) => {
133
133
  },
134
134
  },
135
135
  states: {
136
+ normal: {
137
+ filter: {
138
+ type: 'none',
139
+ value: 0,
140
+ },
141
+ },
136
142
  hover: {
137
143
  filter: {
138
- type: 'none'
144
+ type: 'none',
145
+ value: 0,
139
146
  },
140
147
  },
141
148
  active: {
142
149
  allowMultipleDataPointsSelection: false,
143
150
  filter: {
144
- type: 'none'
151
+ type: 'none',
152
+ value: 0,
145
153
  },
146
154
  },
147
155
  },
@@ -139,15 +139,23 @@ const chartOptions = (chartHeight, chartColor, strokeColor) => {
139
139
  },
140
140
  },
141
141
  states: {
142
+ normal: {
143
+ filter: {
144
+ type: 'none',
145
+ value: 0,
146
+ },
147
+ },
142
148
  hover: {
143
149
  filter: {
144
- type: 'none'
150
+ type: 'none',
151
+ value: 0,
145
152
  },
146
153
  },
147
154
  active: {
148
155
  allowMultipleDataPointsSelection: false,
149
156
  filter: {
150
- type: 'none'
157
+ type: 'none',
158
+ value: 0,
151
159
  },
152
160
  },
153
161
  },
@@ -125,15 +125,23 @@ const chartOptions = (chartHeight) => {
125
125
  opacity: [0.25, 1],
126
126
  },
127
127
  states: {
128
+ normal: {
129
+ filter: {
130
+ type: 'none',
131
+ value: 0,
132
+ },
133
+ },
128
134
  hover: {
129
135
  filter: {
130
- type: 'none'
136
+ type: 'none',
137
+ value: 0,
131
138
  },
132
139
  },
133
140
  active: {
134
141
  allowMultipleDataPointsSelection: false,
135
142
  filter: {
136
- type: 'none'
143
+ type: 'none',
144
+ value: 0,
137
145
  },
138
146
  },
139
147
  },
@@ -140,15 +140,23 @@ const chartOptions = (chartHeight, chartColor) => {
140
140
  },
141
141
  },
142
142
  states: {
143
+ normal: {
144
+ filter: {
145
+ type: 'none',
146
+ value: 0,
147
+ },
148
+ },
143
149
  hover: {
144
150
  filter: {
145
- type: 'none'
151
+ type: 'none',
152
+ value: 0,
146
153
  },
147
154
  },
148
155
  active: {
149
156
  allowMultipleDataPointsSelection: false,
150
157
  filter: {
151
- type: 'none'
158
+ type: 'none',
159
+ value: 0,
152
160
  },
153
161
  },
154
162
  },
@@ -168,15 +168,23 @@ const chart1Options = (chartColor, chartHeight) => {
168
168
  },
169
169
  },
170
170
  states: {
171
+ normal: {
172
+ filter: {
173
+ type: 'none',
174
+ value: 0,
175
+ },
176
+ },
171
177
  hover: {
172
178
  filter: {
173
- type: 'none'
179
+ type: 'none',
180
+ value: 0,
174
181
  },
175
182
  },
176
183
  active: {
177
184
  allowMultipleDataPointsSelection: false,
178
185
  filter: {
179
- type: 'none'
186
+ type: 'none',
187
+ value: 0,
180
188
  },
181
189
  },
182
190
  },
@@ -156,15 +156,23 @@ const chartOptions = (chartColor, chartHeight) => {
156
156
  },
157
157
  },
158
158
  states: {
159
+ normal: {
160
+ filter: {
161
+ type: 'none',
162
+ value: 0,
163
+ },
164
+ },
159
165
  hover: {
160
166
  filter: {
161
- type: 'none'
167
+ type: 'none',
168
+ value: 0,
162
169
  },
163
170
  },
164
171
  active: {
165
172
  allowMultipleDataPointsSelection: false,
166
173
  filter: {
167
- type: 'none'
174
+ type: 'none',
175
+ value: 0,
168
176
  },
169
177
  },
170
178
  },
@@ -118,15 +118,23 @@ function getChartOptions(height, labelColor, baseColor, lightColor) {
118
118
  },
119
119
  },
120
120
  states: {
121
+ normal: {
122
+ filter: {
123
+ type: 'none',
124
+ value: 0,
125
+ },
126
+ },
121
127
  hover: {
122
128
  filter: {
123
- type: 'none'
129
+ type: 'none',
130
+ value: 0,
124
131
  },
125
132
  },
126
133
  active: {
127
134
  allowMultipleDataPointsSelection: false,
128
135
  filter: {
129
- type: 'none'
136
+ type: 'none',
137
+ value: 0,
130
138
  },
131
139
  },
132
140
  },
@@ -121,15 +121,23 @@ function getChartOptions(height, labelColor, baseColor, lightColor) {
121
121
  },
122
122
  },
123
123
  states: {
124
+ normal: {
125
+ filter: {
126
+ type: 'none',
127
+ value: 0,
128
+ },
129
+ },
124
130
  hover: {
125
131
  filter: {
126
132
  type: 'none',
133
+ value: 0,
127
134
  },
128
135
  },
129
136
  active: {
130
137
  allowMultipleDataPointsSelection: false,
131
138
  filter: {
132
139
  type: 'none',
140
+ value: 0,
133
141
  },
134
142
  },
135
143
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@soyfri/template",
3
- "version": "1.0.9",
3
+ "version": "1.0.10-beta.0",
4
4
  "description": "Metronic template components and utilities for Fri projects",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -12,7 +12,6 @@
12
12
  "build": "tsc && npm run assets",
13
13
  "assets": "cp -r _metronic/assets dist/",
14
14
  "prepare": "npm run build",
15
- "migrate-scss": "node migrate-scss.js",
16
15
  "test": "echo \"Error: no test specified\" && exit 1"
17
16
  },
18
17
  "repository": {
@@ -32,40 +31,43 @@
32
31
  },
33
32
  "homepage": "https://github.com/soyfrii/Metronic-template#readme",
34
33
  "peerDependencies": {
35
- "react": ">=19.0.0",
36
- "react-dom": ">=19.0.0"
34
+ "react": ">=16.8.0",
35
+ "react-dom": ">=16.8.0"
37
36
  },
38
37
  "dependencies": {
39
- "@formatjs/intl-pluralrules": "^5.2.14",
40
- "@formatjs/intl-relativetimeformat": "^11.2.14",
41
- "@fortawesome/fontawesome-free": "^6.6.0",
42
- "animate.css": "^4.1.1",
43
- "apexcharts": "^4.7.0",
44
- "bootstrap": "^5.3.3",
45
- "bootstrap-icons": "^1.11.3",
46
- "clsx": "^2.1.1",
47
- "line-awesome": "^1.3.0",
48
- "nouislider": "^15.8.1",
38
+ "apexcharts": "3.35.0",
39
+ "bootstrap": "5.3.0",
40
+ "bootstrap-icons": "^1.5.0",
41
+ "clsx": "2.1.0",
49
42
  "or": "^0.2.0",
50
- "prism-react-renderer": "^2.4.0",
51
- "prism-themes": "^1.9.0",
52
- "qs": "^6.13.0",
53
- "react-apexcharts": "^1.7.0",
54
- "react-bootstrap": "^2.10.5",
55
- "react-inlinesvg": "^4.2.0",
56
- "react-intl": "^7.1.11",
57
- "react-router-dom": "^6.28.0",
58
- "socicon": "^3.0.5"
43
+ "prism-react-renderer": "2.0.5",
44
+ "qs": "6.10.3",
45
+ "react-apexcharts": "1.3.7",
46
+ "react-bootstrap": "2.5.0-beta.1",
47
+ "react-copy-to-clipboard": "5.1.0",
48
+ "react-inlinesvg": "4.1.0",
49
+ "react-intl": "^6.4.4",
50
+ "react-router-dom": "^6.3.0",
51
+ "socicon": "3.0.5",
52
+ "@fortawesome/fontawesome-free": "6.1.1",
53
+ "line-awesome": "1.3.0",
54
+ "prism-themes": "1.9.0",
55
+ "animate.css": "4.1.1",
56
+ "nouislider": "15.5.1",
57
+ "react-flatpickr": "^3.10.13",
58
+ "@formatjs/intl-pluralrules": "5.2.4",
59
+ "@formatjs/intl-relativetimeformat": "11.2.4"
59
60
  },
60
61
  "devDependencies": {
61
- "@types/bootstrap": "^5.2.10",
62
- "@types/qs": "^6.9.17",
63
- "@types/react": "^19.0.2",
64
- "@types/react-dom": "^19.0.2",
65
- "sass": "^1.89.2",
66
- "typescript": "^5.7.2"
62
+ "@types/bootstrap": "5.1.10",
63
+ "@types/react": "^18.0.0",
64
+ "@types/react-copy-to-clipboard": "5.0.2",
65
+ "@types/react-dom": "^18.0.0",
66
+ "typescript": "5.8.2",
67
+ "@types/qs": "6.9.7",
68
+ "@types/react-flatpickr": "^3.8.8"
67
69
  },
68
70
  "publishConfig": {
69
71
  "access": "public"
70
72
  }
71
- }
73
+ }