@miliastry/quasar 1.0.3 → 1.0.5

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/Visuals/lyne.css +18 -11
  2. package/package.json +2 -4
  3. package/src/Visuals/lyne.css +18 -11
package/dist/Visuals/lyne.css CHANGED
@@ -123,35 +123,35 @@
123
123
  .bbcode-preview.theme-lyne .notice,
124
124
  .bb-notice {
125
125
  display: block !important;
126
- background: rgba(255, 195, 77, 0.08) !important;
127
- border: 1px solid rgba(255, 195, 77, 0.4) !important;
126
+ background: rgba(46, 230, 226, 0.08);
127
+ border: 1px solid rgba(46, 230, 226, 0.4);
128
+ border-left: 3px solid #2EE6E2;
128
129
  border-radius: 0 !important;
129
130
  padding: 13px 16px !important;
130
131
  margin: 0 !important;
131
132
  font-size: 0.8125rem !important;
132
133
  line-height: 1.55 !important;
133
- color: rgb(255, 224, 163) !important;
134
+ color: rgba(46, 230, 226, 0.95);
134
135
  white-space: normal !important;
135
136
  clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px) !important;
136
137
  width: 100% !important;
137
138
  box-sizing: border-box !important;
138
139
  }
139
140
 
140
- /* Especificidad 0,2,0 (igual a `.bbcode-preview-lyne .notice`) para que el
141
- `display:flex` gane sobre el `display:block` de la regla base del notice;
142
- con un selector de clase simple (0,1,0) el símbolo quedaba ARRIBA del texto. */
143
141
  .bbcode-preview-lyne .bb-wnotice,
144
142
  .bbcode-preview.theme-lyne .bb-wnotice,
145
143
  .bb-notice.bb-wnotice {
146
144
  display: flex !important;
147
145
  gap: 12px !important;
148
146
  align-items: flex-start !important;
149
- border-color: rgba(255, 195, 77, 0.6) !important;
150
- background: rgba(255, 195, 77, 0.12) !important;
147
+ background: rgba(255, 195, 77, 0.08);
148
+ border: 1px solid rgba(255, 195, 77, 0.4);
149
+ border-left: 3px solid #FFC34D;
150
+ color: rgb(255, 224, 163);
151
151
  }
152
152
 
153
153
  .bb-notice-mark {
154
- color: var(--color-warning, #FFC34D) !important;
154
+ color: var(--color-warning, #FFC34D);
155
155
  font-size: 0.9375rem !important;
156
156
  flex: 0 0 auto !important;
157
157
  margin-top: 1px !important;
@@ -610,7 +610,7 @@
610
610
  border: 0 !important;
611
611
  height: 1px !important;
612
612
  background: linear-gradient(90deg, transparent, var(--color-accent, #2EE6E2), transparent) !important;
613
- margin: 0 !important;
613
+ margin: 12px 0 !important;
614
614
  text-align: center !important;
615
615
  color: var(--color-accent, #2EE6E2) !important;
616
616
  font-family: var(--font-numeric, monospace) !important;
@@ -766,12 +766,19 @@
766
766
  display: inline-flex !important;
767
767
  align-items: center !important;
768
768
  justify-content: center !important;
769
- aspect-ratio: 1 !important;
769
+ aspect-ratio: 1 / 1 !important;
770
+ min-width: 1.85em !important;
771
+ min-height: 1.85em !important;
772
+ padding: 0.2em 0.35em !important;
773
+ box-sizing: border-box !important;
770
774
  border-radius: 50% !important;
771
775
  overflow: hidden !important;
772
776
  background: rgb(11 16 36 / 0.5) !important;
773
777
  border: 1px solid var(--color-hairline, rgba(255, 255, 255, 0.12)) !important;
774
778
  clip-path: none !important;
779
+ text-align: center !important;
780
+ line-height: 1 !important;
781
+ vertical-align: middle !important;
775
782
  }
776
783
 
777
784
  /* Stack: replica el .bbStack original de Lyne (columna flex con gap).
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@miliastry/quasar",
3
- "version": "1.0.3",
3
+ "version": "1.0.5",
4
4
  "description": "Quasar Document Engine - Advanced BBCode/Markdown/HTML AST Engine",
5
5
  "main": "src/index.ts",
6
6
  "types": "src/index.ts",
@@ -34,9 +34,7 @@
34
34
  "verify": "npm run typecheck && npm run test"
35
35
  },
36
36
  "publishConfig": {
37
- "access": "public",
38
- "main": "dist/index.js",
39
- "types": "dist/index.d.ts"
37
+ "access": "public"
40
38
  },
41
39
  "files": [
42
40
  "dist",
package/src/Visuals/lyne.css CHANGED
@@ -123,35 +123,35 @@
123
123
  .bbcode-preview.theme-lyne .notice,
124
124
  .bb-notice {
125
125
  display: block !important;
126
- background: rgba(255, 195, 77, 0.08) !important;
127
- border: 1px solid rgba(255, 195, 77, 0.4) !important;
126
+ background: rgba(46, 230, 226, 0.08);
127
+ border: 1px solid rgba(46, 230, 226, 0.4);
128
+ border-left: 3px solid #2EE6E2;
128
129
  border-radius: 0 !important;
129
130
  padding: 13px 16px !important;
130
131
  margin: 0 !important;
131
132
  font-size: 0.8125rem !important;
132
133
  line-height: 1.55 !important;
133
- color: rgb(255, 224, 163) !important;
134
+ color: rgba(46, 230, 226, 0.95);
134
135
  white-space: normal !important;
135
136
  clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px) !important;
136
137
  width: 100% !important;
137
138
  box-sizing: border-box !important;
138
139
  }
139
140
 
140
- /* Especificidad 0,2,0 (igual a `.bbcode-preview-lyne .notice`) para que el
141
- `display:flex` gane sobre el `display:block` de la regla base del notice;
142
- con un selector de clase simple (0,1,0) el símbolo quedaba ARRIBA del texto. */
143
141
  .bbcode-preview-lyne .bb-wnotice,
144
142
  .bbcode-preview.theme-lyne .bb-wnotice,
145
143
  .bb-notice.bb-wnotice {
146
144
  display: flex !important;
147
145
  gap: 12px !important;
148
146
  align-items: flex-start !important;
149
- border-color: rgba(255, 195, 77, 0.6) !important;
150
- background: rgba(255, 195, 77, 0.12) !important;
147
+ background: rgba(255, 195, 77, 0.08);
148
+ border: 1px solid rgba(255, 195, 77, 0.4);
149
+ border-left: 3px solid #FFC34D;
150
+ color: rgb(255, 224, 163);
151
151
  }
152
152
 
153
153
  .bb-notice-mark {
154
- color: var(--color-warning, #FFC34D) !important;
154
+ color: var(--color-warning, #FFC34D);
155
155
  font-size: 0.9375rem !important;
156
156
  flex: 0 0 auto !important;
157
157
  margin-top: 1px !important;
@@ -610,7 +610,7 @@
610
610
  border: 0 !important;
611
611
  height: 1px !important;
612
612
  background: linear-gradient(90deg, transparent, var(--color-accent, #2EE6E2), transparent) !important;
613
- margin: 0 !important;
613
+ margin: 12px 0 !important;
614
614
  text-align: center !important;
615
615
  color: var(--color-accent, #2EE6E2) !important;
616
616
  font-family: var(--font-numeric, monospace) !important;
@@ -766,12 +766,19 @@
766
766
  display: inline-flex !important;
767
767
  align-items: center !important;
768
768
  justify-content: center !important;
769
- aspect-ratio: 1 !important;
769
+ aspect-ratio: 1 / 1 !important;
770
+ min-width: 1.85em !important;
771
+ min-height: 1.85em !important;
772
+ padding: 0.2em 0.35em !important;
773
+ box-sizing: border-box !important;
770
774
  border-radius: 50% !important;
771
775
  overflow: hidden !important;
772
776
  background: rgb(11 16 36 / 0.5) !important;
773
777
  border: 1px solid var(--color-hairline, rgba(255, 255, 255, 0.12)) !important;
774
778
  clip-path: none !important;
779
+ text-align: center !important;
780
+ line-height: 1 !important;
781
+ vertical-align: middle !important;
775
782
  }
776
783
 
777
784
  /* Stack: replica el .bbStack original de Lyne (columna flex con gap).