moon-inferno 0.3.6 → 0.3.7

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 (3) hide show
  1. package/dist/index.css +25 -16
  2. package/dist/styles.css +25 -16
  3. package/package.json +5 -5
package/dist/index.css CHANGED
@@ -44,7 +44,8 @@
44
44
  }
45
45
  .mi-button--inferno {
46
46
  background-color: var(--mi-color-primary, #FF4D00);
47
- color: var(--mi-color-primary-text, #FFFFFF);
47
+ color: var(--mi-color-primary-text, #050406);
48
+ font-weight: 700;
48
49
  border-color: var(--mi-color-primary, #FF4D00);
49
50
  }
50
51
  .mi-button--inferno:hover:not(:disabled) {
@@ -809,18 +810,18 @@
809
810
  }
810
811
  .mi-badge--inferno {
811
812
  background-color: rgba(255, 77, 0, 0.15);
812
- color: var(--mi-color-primary, #FF4D00);
813
- border: 1px solid var(--mi-color-primary, #FF4D00);
813
+ color: #FF8533;
814
+ border: 1px solid #FF661A;
814
815
  }
815
816
  .mi-badge--pixel {
816
817
  background-color: var(--mi-color-bg-subtle, #14121A);
817
- color: var(--mi-color-primary, #FF4D00);
818
+ color: #FF8533;
818
819
  border: none;
819
820
  box-shadow:
820
- 0 -2px 0 0 var(--mi-color-primary, #FF4D00),
821
- 0 2px 0 0 var(--mi-color-primary, #FF4D00),
822
- -2px 0 0 0 var(--mi-color-primary, #FF4D00),
823
- 2px 0 0 0 var(--mi-color-primary, #FF4D00);
821
+ 0 -2px 0 0 #FF8533,
822
+ 0 2px 0 0 #FF8533,
823
+ -2px 0 0 0 #FF8533,
824
+ 2px 0 0 0 #FF8533;
824
825
  margin: 2px;
825
826
  }
826
827
  .mi-badge--success {
@@ -830,8 +831,8 @@
830
831
  }
831
832
  .mi-badge--error {
832
833
  background-color: rgba(255, 0, 51, 0.15);
833
- color: var(--mi-color-error, #FF0033);
834
- border: 1px solid var(--mi-color-error, #FF0033);
834
+ color: #FF6680;
835
+ border: 1px solid #FF3355;
835
836
  }
836
837
  .mi-badge--outline {
837
838
  background-color: transparent;
@@ -2190,7 +2191,7 @@
2190
2191
  display: inline-block;
2191
2192
  }
2192
2193
  .mi-neon-text--inferno {
2193
- color: #FF4D00;
2194
+ color: #FF8533;
2194
2195
  text-shadow:
2195
2196
  0 0 5px #FF4D00,
2196
2197
  0 0 10px #FF4D00,
@@ -2214,7 +2215,7 @@
2214
2215
  0 0 40px #00CC52;
2215
2216
  }
2216
2217
  .mi-neon-text--magenta {
2217
- color: #FF00E5;
2218
+ color: #FF66EB;
2218
2219
  text-shadow:
2219
2220
  0 0 5px #FF00E5,
2220
2221
  0 0 10px #FF00E5,
@@ -3067,12 +3068,20 @@
3067
3068
  align-items: center;
3068
3069
  }
3069
3070
  .mi-rpggrid-grid {
3070
- display: grid;
3071
+ display: flex;
3072
+ flex-direction: column;
3073
+ gap: 0.5rem;
3074
+ width: 100%;
3075
+ }
3076
+ .mi-rpggrid-row {
3077
+ display: flex;
3071
3078
  gap: 0.5rem;
3079
+ width: 100%;
3072
3080
  }
3073
3081
  .mi-rpggrid-slot {
3074
3082
  width: 52px;
3075
3083
  height: 52px;
3084
+ flex-shrink: 0;
3076
3085
  background-color: #0A090D;
3077
3086
  border: 1px solid var(--mi-color-border, #332D40);
3078
3087
  border-radius: var(--mi-radius-sm, 4px);
@@ -3548,7 +3557,7 @@
3548
3557
  --mi-color-primary: #FF4D00;
3549
3558
  --mi-color-primary-hover: #FF661A;
3550
3559
  --mi-color-primary-active: #FF2E00;
3551
- --mi-color-primary-text: #FFFFFF;
3560
+ --mi-color-primary-text: #050406;
3552
3561
  --mi-color-text: #F1F5F9;
3553
3562
  --mi-color-text-muted: #94A3B8;
3554
3563
  --mi-color-text-dim: #64748B;
@@ -4076,7 +4085,7 @@ textarea {
4076
4085
  box-shadow: 0 0 10px rgba(255, 68, 68, 0.4);
4077
4086
  }
4078
4087
  .moon-datepicker__placeholder {
4079
- color: var(--moon-color-text-muted, #707585);
4088
+ color: var(--mi-color-text-muted, #94A3B8);
4080
4089
  }
4081
4090
  .moon-datepicker__value {
4082
4091
  color: var(--moon-color-text, #ffffff);
@@ -4137,7 +4146,7 @@ textarea {
4137
4146
  .moon-datepicker__weekday {
4138
4147
  font-size: 0.75rem;
4139
4148
  font-weight: 700;
4140
- color: var(--moon-color-text-muted, #707585);
4149
+ color: var(--mi-color-text-muted, #94A3B8);
4141
4150
  }
4142
4151
  .moon-datepicker__grid {
4143
4152
  display: grid;
package/dist/styles.css CHANGED
@@ -44,7 +44,8 @@
44
44
  }
45
45
  .mi-button--inferno {
46
46
  background-color: var(--mi-color-primary, #FF4D00);
47
- color: var(--mi-color-primary-text, #FFFFFF);
47
+ color: var(--mi-color-primary-text, #050406);
48
+ font-weight: 700;
48
49
  border-color: var(--mi-color-primary, #FF4D00);
49
50
  }
50
51
  .mi-button--inferno:hover:not(:disabled) {
@@ -809,18 +810,18 @@
809
810
  }
810
811
  .mi-badge--inferno {
811
812
  background-color: rgba(255, 77, 0, 0.15);
812
- color: var(--mi-color-primary, #FF4D00);
813
- border: 1px solid var(--mi-color-primary, #FF4D00);
813
+ color: #FF8533;
814
+ border: 1px solid #FF661A;
814
815
  }
815
816
  .mi-badge--pixel {
816
817
  background-color: var(--mi-color-bg-subtle, #14121A);
817
- color: var(--mi-color-primary, #FF4D00);
818
+ color: #FF8533;
818
819
  border: none;
819
820
  box-shadow:
820
- 0 -2px 0 0 var(--mi-color-primary, #FF4D00),
821
- 0 2px 0 0 var(--mi-color-primary, #FF4D00),
822
- -2px 0 0 0 var(--mi-color-primary, #FF4D00),
823
- 2px 0 0 0 var(--mi-color-primary, #FF4D00);
821
+ 0 -2px 0 0 #FF8533,
822
+ 0 2px 0 0 #FF8533,
823
+ -2px 0 0 0 #FF8533,
824
+ 2px 0 0 0 #FF8533;
824
825
  margin: 2px;
825
826
  }
826
827
  .mi-badge--success {
@@ -830,8 +831,8 @@
830
831
  }
831
832
  .mi-badge--error {
832
833
  background-color: rgba(255, 0, 51, 0.15);
833
- color: var(--mi-color-error, #FF0033);
834
- border: 1px solid var(--mi-color-error, #FF0033);
834
+ color: #FF6680;
835
+ border: 1px solid #FF3355;
835
836
  }
836
837
  .mi-badge--outline {
837
838
  background-color: transparent;
@@ -2190,7 +2191,7 @@
2190
2191
  display: inline-block;
2191
2192
  }
2192
2193
  .mi-neon-text--inferno {
2193
- color: #FF4D00;
2194
+ color: #FF8533;
2194
2195
  text-shadow:
2195
2196
  0 0 5px #FF4D00,
2196
2197
  0 0 10px #FF4D00,
@@ -2214,7 +2215,7 @@
2214
2215
  0 0 40px #00CC52;
2215
2216
  }
2216
2217
  .mi-neon-text--magenta {
2217
- color: #FF00E5;
2218
+ color: #FF66EB;
2218
2219
  text-shadow:
2219
2220
  0 0 5px #FF00E5,
2220
2221
  0 0 10px #FF00E5,
@@ -3067,12 +3068,20 @@
3067
3068
  align-items: center;
3068
3069
  }
3069
3070
  .mi-rpggrid-grid {
3070
- display: grid;
3071
+ display: flex;
3072
+ flex-direction: column;
3073
+ gap: 0.5rem;
3074
+ width: 100%;
3075
+ }
3076
+ .mi-rpggrid-row {
3077
+ display: flex;
3071
3078
  gap: 0.5rem;
3079
+ width: 100%;
3072
3080
  }
3073
3081
  .mi-rpggrid-slot {
3074
3082
  width: 52px;
3075
3083
  height: 52px;
3084
+ flex-shrink: 0;
3076
3085
  background-color: #0A090D;
3077
3086
  border: 1px solid var(--mi-color-border, #332D40);
3078
3087
  border-radius: var(--mi-radius-sm, 4px);
@@ -3548,7 +3557,7 @@
3548
3557
  --mi-color-primary: #FF4D00;
3549
3558
  --mi-color-primary-hover: #FF661A;
3550
3559
  --mi-color-primary-active: #FF2E00;
3551
- --mi-color-primary-text: #FFFFFF;
3560
+ --mi-color-primary-text: #050406;
3552
3561
  --mi-color-text: #F1F5F9;
3553
3562
  --mi-color-text-muted: #94A3B8;
3554
3563
  --mi-color-text-dim: #64748B;
@@ -4076,7 +4085,7 @@ textarea {
4076
4085
  box-shadow: 0 0 10px rgba(255, 68, 68, 0.4);
4077
4086
  }
4078
4087
  .moon-datepicker__placeholder {
4079
- color: var(--moon-color-text-muted, #707585);
4088
+ color: var(--mi-color-text-muted, #94A3B8);
4080
4089
  }
4081
4090
  .moon-datepicker__value {
4082
4091
  color: var(--moon-color-text, #ffffff);
@@ -4137,7 +4146,7 @@ textarea {
4137
4146
  .moon-datepicker__weekday {
4138
4147
  font-size: 0.75rem;
4139
4148
  font-weight: 700;
4140
- color: var(--moon-color-text-muted, #707585);
4149
+ color: var(--mi-color-text-muted, #94A3B8);
4141
4150
  }
4142
4151
  .moon-datepicker__grid {
4143
4152
  display: grid;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "moon-inferno",
3
- "version": "0.3.6",
3
+ "version": "0.3.7",
4
4
  "description": "All-in-one bundle for Moon-Inferno: Expressive, accessibility-first React UI framework for retro, Y2K, CRT, cyberpunk, gaming, and Web3 applications.",
5
5
  "license": "MIT",
6
6
  "author": "Biagio Scaglia",
@@ -29,10 +29,10 @@
29
29
  "LICENSE"
30
30
  ],
31
31
  "dependencies": {
32
- "@moon-inferno/icons": "0.3.6",
33
- "@moon-inferno/core": "0.3.6",
34
- "@moon-inferno/react": "0.3.6",
35
- "@moon-inferno/themes": "0.3.6"
32
+ "@moon-inferno/core": "0.3.7",
33
+ "@moon-inferno/icons": "0.3.7",
34
+ "@moon-inferno/react": "0.3.7",
35
+ "@moon-inferno/themes": "0.3.7"
36
36
  },
37
37
  "peerDependencies": {
38
38
  "react": ">=18.0.0",