rimelight-components 2.0.43 → 2.0.44

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/dist/module.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rimelight-components",
3
- "version": "2.0.43",
3
+ "version": "2.0.44",
4
4
  "docs": "https://rimelight.com/tools/rimelight-components",
5
5
  "configKey": "rimelightComponents",
6
6
  "compatibility": {
package/dist/module.mjs CHANGED
@@ -4,7 +4,7 @@ import { readdirSync } from 'node:fs';
4
4
  import { basename } from 'node:path';
5
5
 
6
6
  const name = "rimelight-components";
7
- const version = "2.0.43";
7
+ const version = "2.0.44";
8
8
  const homepage = "https://rimelight.com/tools/rimelight-components";
9
9
 
10
10
  const defaultOptions = {
@@ -18,20 +18,33 @@ const headingId = computed(() => title ? slugify(title) : void 0);
18
18
  :id="headingId"
19
19
  >
20
20
  <template #title>
21
- <input
22
- :value="title"
23
- :class="`text-${level === 1 ? '3xl' : 'xl'} pointer-events-auto w-full bg-transparent font-bold focus:outline-none`"
24
- placeholder="Enter section title..."
25
- />
21
+ <UInput :v-model="title" :maxlength="128" type="text" variant="ghost" placeholder="Section title">
22
+ <template #trailing>
23
+ <div
24
+ id="character-count"
25
+ class="text-xs text-muted tabular-nums"
26
+ aria-live="polite"
27
+ role="status"
28
+ >
29
+ {{ description?.length }}/{{ 256 }}
30
+ </div>
31
+ </template>
32
+ </UInput>
26
33
  </template>
27
34
 
28
35
  <template #description>
29
- <textarea
30
- :value="description"
31
- class="text-md pointer-events-auto w-full resize-none bg-transparent text-muted focus:outline-none"
32
- placeholder="Optional description..."
33
- rows="2"
34
- />
36
+ <UTextarea :v-model="description" :maxlength="256" variant="ghost" autoresize placeholder="Section description">
37
+ <template #trailing>
38
+ <div
39
+ id="character-count"
40
+ class="text-xs text-muted tabular-nums"
41
+ aria-live="polite"
42
+ role="status"
43
+ >
44
+ {{ description?.length }}/{{ 256 }}
45
+ </div>
46
+ </template>
47
+ </UTextarea>
35
48
  </template>
36
49
  <RCBlockEditor :blocks="children" />
37
50
  </RCSection>
@@ -139,9 +139,11 @@ const fullSectionUrl = computed(() => {
139
139
  </NuxtLink>
140
140
  <slot v-else name="title">{{ title }}</slot>
141
141
  </component>
142
- <p v-if="description" :class="descriptionSlot()">
143
- <slot name="description">{{ description }}</slot>
144
- </p>
142
+ <slot name="description">
143
+ <p v-if="description" :class="descriptionSlot()">
144
+ {{ description }}
145
+ </p>
146
+ </slot>
145
147
  <USeparator :class="separatorSlot()" />
146
148
  <div :class="contentSlot()">
147
149
  <slot />
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "rimelight-components",
3
3
  "description": "A component library by Rimelight Entertainment.",
4
- "version": "2.0.43",
4
+ "version": "2.0.44",
5
5
  "type": "module",
6
6
  "repository": {
7
7
  "type": "git",