@meowdown/react 0.83.2 → 0.85.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 (3) hide show
  1. package/dist/index.js +1002 -251
  2. package/dist/style.css +15 -86
  3. package/package.json +3 -4
package/dist/style.css CHANGED
@@ -96,71 +96,18 @@
96
96
  .meow_TriggerIcon_D3j_9q {
97
97
  display: flex;
98
98
 
99
- & svg {
100
- width: .85rem;
101
- height: .85rem;
102
- display: block;
103
- }
104
- }
105
-
106
- .meow_CopyButton_D3j_9q {
107
- box-sizing: border-box;
108
- border: 1px solid var(--meowdown-border);
109
- background: var(--meowdown-popover-bg);
110
- width: 1.6rem;
111
- height: 1.6rem;
112
- color: var(--meowdown-muted);
113
- cursor: pointer;
114
- border-radius: .35rem;
115
- justify-content: center;
116
- align-items: center;
117
- padding: 0;
118
- display: flex;
119
-
120
- &:hover {
121
- color: var(--meowdown-heading);
122
- }
123
-
124
- &[data-copied] {
125
- color: var(--meowdown-accent);
126
- }
127
-
128
- & svg {
129
- width: .85rem;
130
- height: .85rem;
99
+ & .meowdown-icon {
100
+ width: .875rem;
101
+ height: .875rem;
131
102
  display: block;
132
103
  }
133
104
  }
134
105
 
135
- .meow_Positioner_D3j_9q {
136
- z-index: 50;
137
- outline: none;
138
- }
139
-
140
106
  .meow_Popup_D3j_9q {
141
- box-sizing: border-box;
142
- max-height: min(var(--available-height), 18rem);
143
- border: 1px solid var(--meowdown-border);
144
- background: var(--meowdown-popover-bg);
145
107
  width: 14rem;
146
- color: var(--meowdown-text);
147
- transform-origin: var(--transform-origin);
148
- border-radius: .5rem;
149
- flex-direction: column;
150
- font-family: ui-sans-serif, system-ui, sans-serif;
151
- font-size: .8rem;
152
- transition: opacity .1s, scale .1s;
153
- display: flex;
154
- box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
155
-
156
- @media (prefers-reduced-motion: reduce) {
157
- transition: none;
158
- }
159
-
160
- &[data-starting-style], &[data-ending-style] {
161
- opacity: 0;
162
- scale: .95;
163
- }
108
+ min-width: 0;
109
+ max-height: min(var(--available-height), 18rem);
110
+ padding: 0;
164
111
  }
165
112
 
166
113
  .meow_SearchRow_D3j_9q {
@@ -208,33 +155,15 @@
208
155
  }
209
156
 
210
157
  .meow_Item_D3j_9q {
211
- box-sizing: border-box;
212
- cursor: pointer;
213
- border-radius: .35rem;
214
- outline: none;
215
158
  grid-template-columns: 1rem 1fr;
216
- align-items: center;
217
159
  gap: .4rem;
218
- padding: .3rem .5rem .3rem .3rem;
160
+ padding-left: .3rem;
219
161
  scroll-margin: .25rem;
220
162
  display: grid;
221
-
222
- &[data-highlighted] {
223
- background: color-mix(in oklab, var(--meowdown-accent) 14%, transparent);
224
- color: var(--meowdown-heading);
225
- }
226
163
  }
227
164
 
228
165
  .meow_ItemIndicator_D3j_9q {
229
- color: var(--meowdown-accent);
230
166
  grid-column: 1;
231
- display: flex;
232
-
233
- & svg {
234
- width: .9rem;
235
- height: .9rem;
236
- display: block;
237
- }
238
167
  }
239
168
 
240
169
  .meow_ItemText_D3j_9q {
@@ -294,7 +223,7 @@
294
223
  background: var(--meowdown-popover-hover-bg);
295
224
  }
296
225
 
297
- & svg {
226
+ & .meowdown-icon {
298
227
  opacity: .65;
299
228
  width: 1.25rem;
300
229
  height: 1.25rem;
@@ -388,7 +317,7 @@
388
317
  background: var(--meowdown-popover-hover-bg);
389
318
  }
390
319
 
391
- & svg {
320
+ & .meowdown-icon {
392
321
  width: 1rem;
393
322
  height: 1rem;
394
323
  }
@@ -410,7 +339,7 @@
410
339
  display: flex;
411
340
  overflow: hidden;
412
341
 
413
- & img, & svg {
342
+ & img, & .meowdown-icon {
414
343
  object-fit: contain;
415
344
  width: 1.25rem;
416
345
  height: 1.25rem;
@@ -463,13 +392,13 @@
463
392
  padding: .375rem .5rem .375rem .75rem;
464
393
  display: flex;
465
394
 
466
- & > svg {
395
+ & > .meowdown-icon {
467
396
  width: .875rem;
468
397
  height: .875rem;
469
398
  color: var(--meowdown-accent);
470
399
  }
471
400
 
472
- & > span {
401
+ & > span:not(.meowdown-icon) {
473
402
  flex: 1;
474
403
  min-width: 0;
475
404
  font-size: .8125rem;
@@ -856,7 +785,7 @@
856
785
  background: var(--meowdown-popover-hover-bg);
857
786
  }
858
787
 
859
- & svg {
788
+ & .meowdown-icon {
860
789
  width: .875rem;
861
790
  height: .875rem;
862
791
  }
@@ -1007,7 +936,7 @@
1007
936
  background: var(--meowdown-popover-hover-bg);
1008
937
  }
1009
938
 
1010
- & svg {
939
+ & .meowdown-icon {
1011
940
  width: 1.25rem;
1012
941
  height: 1.25rem;
1013
942
  display: block;
@@ -1085,7 +1014,7 @@
1085
1014
  font-size: .75rem;
1086
1015
  }
1087
1016
 
1088
- & svg {
1017
+ & .meowdown-icon {
1089
1018
  width: 1rem;
1090
1019
  height: 1rem;
1091
1020
  color: var(--meowdown-muted);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@meowdown/react",
3
3
  "type": "module",
4
- "version": "0.83.2",
4
+ "version": "0.85.0",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -22,8 +22,8 @@
22
22
  ],
23
23
  "dependencies": {
24
24
  "@base-ui/react": "^1.9.0",
25
- "@meowdown/core": "0.83.2",
26
- "@meowdown/embed": "0.3.1",
25
+ "@meowdown/core": "0.84.0",
26
+ "@meowdown/embed": "0.3.3",
27
27
  "@meowdown/markdown": "0.78.0",
28
28
  "@ocavue/utils": "^1.11.0",
29
29
  "@post-embed/types": "^0.5.0",
@@ -34,7 +34,6 @@
34
34
  "clsx": "^2.1.1",
35
35
  "dompurify": "^3.4.17",
36
36
  "github-slugger": "^2.0.0",
37
- "lucide-react": "^1.47.0",
38
37
  "pele": "^1.13.0",
39
38
  "react-property": "^2.0.2"
40
39
  },