pimelon-ui 0.1.84 → 0.1.86

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pimelon-ui",
3
- "version": "0.1.84",
3
+ "version": "0.1.86",
4
4
  "description": "A set of components and utilities for rapid UI development",
5
5
  "main": "./src/index.js",
6
6
  "scripts": {
@@ -184,7 +184,7 @@ export default {
184
184
  return {
185
185
  attributes: {
186
186
  class: normalizeClass([
187
- 'prose dark:prose-invert prose-table:table-fixed prose-td:p-2 prose-th:p-2 prose-td:border prose-th:border prose-td:border-outline-gray-2 prose-th:border-outline-gray-2 prose-td:relative prose-th:relative prose-th:bg-surface-gray-2',
187
+ 'prose prose-table:table-fixed prose-td:p-2 prose-th:p-2 prose-td:border prose-th:border prose-td:border-outline-gray-2 prose-th:border-outline-gray-2 prose-td:relative prose-th:relative prose-th:bg-surface-gray-2',
188
188
  this.editorClass,
189
189
  ]),
190
190
  },
@@ -34,7 +34,7 @@ let globalStyles = (theme) => ({
34
34
 
35
35
  let componentStyles = {
36
36
  '.form-input, .form-textarea, .form-select': {
37
- '@apply h-7 rounded border border-[--surface-gray-2] bg-surface-gray-2 py-1.5 pl-2 pr-2 text-base text-ink-gray-8 placeholder-gray-500 transition-colors hover:border-outline-gray-modals hover:bg-surface-gray-3 focus:border-outline-gray-4 focus:bg-surface-white focus:shadow-sm focus:ring-0 focus-visible:ring-2 focus-visible:ring-outline-gray-3':
37
+ '@apply h-7 rounded border border-[--surface-gray-2] bg-surface-gray-2 py-1.5 pl-2 pr-2 text-base text-ink-gray-8 placeholder-ink-gray-4 transition-colors hover:border-outline-gray-modals hover:bg-surface-gray-3 focus:border-outline-gray-4 focus:bg-surface-white focus:shadow-sm focus:ring-0 focus-visible:ring-2 focus-visible:ring-outline-gray-3':
38
38
  {},
39
39
  },
40
40
  '.form-checkbox': {
@@ -278,7 +278,23 @@ module.exports = plugin(
278
278
  typography: (theme) => ({
279
279
  DEFAULT: {
280
280
  css: {
281
- '--tw-prose-body': theme('colors.gray.800'),
281
+ '--tw-prose-body': 'var(--ink-gray-8)',
282
+ '--tw-prose-headings': 'var(--ink-gray-9)',
283
+ '--tw-prose-lead': 'var(--ink-gray-5)',
284
+ '--tw-prose-links': 'var(--ink-gray-9)',
285
+ '--tw-prose-bold': 'var(--ink-gray-9)',
286
+ '--tw-prose-counters': 'var(--ink-gray-4)',
287
+ '--tw-prose-bullets': 'var(--ink-gray-2)',
288
+ '--tw-prose-hr': 'var(--ink-gray-1)',
289
+ '--tw-prose-quotes': 'var(--ink-gray-9)',
290
+ '--tw-prose-quote-borders': 'var(--ink-gray-1)',
291
+ '--tw-prose-captions': 'var(--ink-gray-4)',
292
+ '--tw-prose-kbd': 'var(--ink-gray-9)',
293
+ '--tw-prose-code': 'var(--ink-gray-9)',
294
+ '--tw-prose-pre-code': 'var(--ink-gray-1)',
295
+ '--tw-prose-pre-bg': 'var(--ink-gray-8)',
296
+ '--tw-prose-th-borders': 'var(--ink-gray-2)',
297
+ '--tw-prose-td-borders': 'var(--ink-gray-1)',
282
298
  },
283
299
  },
284
300
  sm: {