@dxtmisha/wiki 0.24.2 → 0.24.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dxtmisha/wiki",
   "private": false,
-  "version": "0.24.2",
+  "version": "0.24.3",
   "type": "module",
   "description": "Wiki documentation and storybook utilities for DXT UI design system",
   "keywords": [

package/src/library.ts

@@ -1,7 +1,7 @@
-// Classes
-export * from './classes/WikiStorybook'
-export * from './classes/WikiStorybookDescriptions'
-export * from './classes/WikiStorybookItem'
-
-// Types
-export * from './types/storybookTypes'
+// Classes
+export * from './classes/WikiStorybook'
+export * from './classes/WikiStorybookDescriptions'
+export * from './classes/WikiStorybookItem'
+
+// Types
+export * from './types/storybookTypes'

package/src/media/descriptions/wikiDescriptionsBars.ts

@@ -130,13 +130,11 @@ export const wikiDescriptionsBars: StorybookComponentsDescriptionItem = {
     `,
     events: `
 <StorybookDescriptions componentName={'Event'} type={'click'}/>
-<StorybookDescriptions componentName={'Event'} type={'clickLite'}/>
     `,
     slots: `
+<StorybookDescriptions componentName={'Bars'} type={'slots'}/>
 <StorybookDescriptions componentName={'Slot'} type={'default'}/>
 <StorybookDescriptions componentName={'Slot'} type={'description'}/>
-<StorybookDescriptions componentName={'Bars'} type={'slot.bars'}/>
-<StorybookDescriptions componentName={'Bars'} type={'slot.actionBars'}/>
     `
   }
 }

package/src/media/descriptions/wikiDescriptionsCell.ts

@@ -107,8 +107,7 @@ export const wikiDescriptionsCell: StorybookComponentsDescriptionItem = {
 <StorybookDescriptions componentName={'Slot'} type={'default'}/>
 <StorybookDescriptions componentName={'Slot'} type={'caption'}/>
 <StorybookDescriptions componentName={'Slot'} type={'description'}/>
-<StorybookDescriptions componentName={'Cell'} type={'slot.trailing'}/>
-<StorybookDescriptions componentName={'Cell'} type={'slot.body'}/>
+<StorybookDescriptions componentName={'Cell'} type={'slots'}/>
 `
   }
 }

package/src/media/descriptions/wikiDescriptionsChip.ts

@@ -209,7 +209,6 @@ export const wikiDescriptionsChip: StorybookComponentsDescriptionItem = {
     `,
     events: `
 <StorybookDescriptions componentName={'Event'} type={'click'}/>
-<StorybookDescriptions componentName={'Event'} type={'clickLite'}/>
     `,
     expose: `
 <StorybookDescriptions componentName={'Expose'} type={'value'}/>

package/src/media/descriptions/wikiDescriptionsField.ts

@@ -223,17 +223,14 @@ export const wikiDescriptionsField: StorybookComponentsDescriptionItem = {
     `,
     events: `
 <StorybookDescriptions componentName={'Event'} type={'click'}/>
-<StorybookDescriptions componentName={'Event'} type={'clickLite'}/>
     `,
     slots: `
 <Canvas of={Component.FieldSlots}/>
-<StorybookDescriptions componentName={'Slot'} type={'default'} />
-<StorybookDescriptions componentName={'Field'} type={'slot.leading'} />
-<StorybookDescriptions componentName={'Field'} type={'slot.trailing'} />
 <StorybookDescriptions componentName={'Slot'} type={'label'} />
 <StorybookDescriptions componentName={'Slot'} type={'prefix'} />
 <StorybookDescriptions componentName={'Slot'} type={'suffix'} />
 <StorybookDescriptions componentName={'Slot'} type={'caption'} />
+<StorybookDescriptions componentName={'Field'} type={'slots'} />
     `
   }
 }

package/src/media/descriptions/wikiDescriptionsFieldCounter.ts

@@ -41,16 +41,16 @@ export const wikiDescriptionsFieldCounter: StorybookComponentsDescriptionItem =
       },
       template: `
         <div class="wiki-storybook-group">
-          <div class="wiki-storybook-item wiki-storybook-item--center wiki-storybook-item--squared--md wiki-storybook-item--compact">
-            <div class="wiki-storybook-item__label">Default template</div>
+          <div class="wiki-storybook-item wiki-storybook-item--squared--md wiki-storybook-item--auto wiki-storybook-item--padding">
+            <div class="wiki-storybook-item__label wiki-storybook-item__label--static">Default template</div>
             <DesignComponent :counter="75" :maxlength="150"/>
           </div>
-          <div class="wiki-storybook-item wiki-storybook-item--center wiki-storybook-item--squared--md wiki-storybook-item--compact">
-            <div class="wiki-storybook-item__label">Custom template: "Characters: [c] of [m]"</div>
+          <div class="wiki-storybook-item wiki-storybook-item--squared--md wiki-storybook-item--auto wiki-storybook-item--padding">
+            <div class="wiki-storybook-item__label wiki-storybook-item__label--static">Custom template: "Characters: [c] of [m]"</div>
             <DesignComponent :counter="75" :maxlength="150" template="Characters: [c] of [m]"/>
           </div>
-          <div class="wiki-storybook-item wiki-storybook-item--center wiki-storybook-item--squared--md wiki-storybook-item--compact">
-            <div class="wiki-storybook-item__label">Counter only with template: "[c] chars"</div>
+          <div class="wiki-storybook-item wiki-storybook-item--squared--md wiki-storybook-item--auto wiki-storybook-item--padding">
+            <div class="wiki-storybook-item__label wiki-storybook-item__label--static">Counter only with template: "[c] chars"</div>
             <DesignComponent :counter="42" template="<b>[c]</b> chars"/>
           </div>
         </div>

package/src/media/descriptions/wikiDescriptionsFieldMessage.ts

@@ -56,9 +56,8 @@ export const wikiDescriptionsFieldMessage: StorybookComponentsDescriptionItem =
 <StorybookDescriptions componentName={'FieldMessage'} type={'fieldMessage'}/>
     `,
     slots: `
-<StorybookDescriptions componentName={'FieldMessage'} type={'slot.helper'}/>
-<StorybookDescriptions componentName={'FieldMessage'} type={'slot.validation'}/>
 <Canvas of={Component.FieldMessageSlots}/>
+<StorybookDescriptions componentName={'FieldMessage'} type={'slots'}/>
     `
   }
 }

package/src/media/descriptions/wikiDescriptionsImage.ts

@@ -126,6 +126,7 @@ export const wikiDescriptionsImage: StorybookComponentsDescriptionItem = {
   ],
   documentation: {
     body: `
+<StorybookDescriptions componentName={'Image'} type={'image'}/>
 <StorybookDescriptions componentName={'Image'} type={'value'}/>
 <Canvas of={Component.ImageType}/>
 
@@ -139,8 +140,7 @@ export const wikiDescriptionsImage: StorybookComponentsDescriptionItem = {
 <StorybookDescriptions componentName={'Image'} type={'event.load'}/>
     `,
     expose: `
-<StorybookDescriptions componentName={'Image'} type={'expose.type'}/>
-<StorybookDescriptions componentName={'Image'} type={'expose.data'}/>
+<StorybookDescriptions componentName={'Image'} type={'expose'}/>
     `
   }
 }

package/src/media/descriptions/wikiDescriptionsList.ts

@@ -108,14 +108,10 @@ export const wikiDescriptionsList: StorybookComponentsDescriptionItem = {
     `,
     events: `
 <StorybookDescriptions componentName={'Event'} type={'click'}/>
-<StorybookDescriptions componentName={'Event'} type={'clickLite'}/>
 <StorybookDescriptions componentName={'List'} type={'event.close'}/>
     `,
     expose: `
-<StorybookDescriptions componentName={'Expose'} type={'isSelected'}/>
-<StorybookDescriptions componentName={'Expose'} type={'selectedList'}/>
-<StorybookDescriptions componentName={'Expose'} type={'selectedNames'}/>
-<StorybookDescriptions componentName={'Expose'} type={'selectedValues'}/>
+<StorybookDescriptions componentName={'Expose'} type={'selected'}/>
     `,
     slots: `
 <StorybookDescriptions componentName={'List'} type={'slot.html'}/>

package/src/media/descriptions/wikiDescriptionsListGroup.ts

@@ -70,11 +70,10 @@ export const wikiDescriptionsListGroup: StorybookComponentsDescriptionItem = {
 <StorybookDescriptions componentName={'ListGroup'} type={'listGroup'}/>
     `,
     expose: `
-<StorybookDescriptions componentName={'Window'} type={'expose.open'}/>
+<StorybookDescriptions componentName={'Expose'} type={'open'}/>
     `,
     slots: `
-<StorybookDescriptions componentName={'ListGroup'} type={'slot.head'}/>
-<StorybookDescriptions componentName={'ListGroup'} type={'slot.list'}/>
+<StorybookDescriptions componentName={'ListGroup'} type={'slots'}/>
     `
   }
 }

package/src/media/descriptions/wikiDescriptionsListItem.ts

@@ -131,7 +131,6 @@ export const wikiDescriptionsListItem: StorybookComponentsDescriptionItem = {
     `,
     events: `
 <StorybookDescriptions componentName={'Event'} type={'click'}/>
-<StorybookDescriptions componentName={'Event'} type={'clickLite'}/>
     `,
     expose: `
 <StorybookDescriptions componentName={'Expose'} type={'value'}/>
@@ -143,8 +142,7 @@ export const wikiDescriptionsListItem: StorybookComponentsDescriptionItem = {
 <StorybookDescriptions componentName={'Slot'} type={'caption'}/>
 <StorybookDescriptions componentName={'Slot'} type={'suffix'}/>
 <StorybookDescriptions componentName={'Slot'} type={'description'}/>
-<StorybookDescriptions componentName={'ListItem'} type={'slot.trailing'}/>
-<StorybookDescriptions componentName={'ListItem'} type={'slot.body'}/>
+<StorybookDescriptions componentName={'ListItem'} type={'slots'}/>
     `
   }
 }

package/src/media/descriptions/wikiDescriptionsListMenu.ts

@@ -68,17 +68,10 @@ export const wikiDescriptionsListMenu: StorybookComponentsDescriptionItem = {
 <StorybookDescriptions componentName={'Image'} type={'event.load'}/>
     `,
     expose: `
-<StorybookDescriptions componentName={'Window'} type={'expose.control'}/>
-<StorybookDescriptions componentName={'Window'} type={'expose.id'}/>
-<StorybookDescriptions componentName={'Window'} type={'expose.open'}/>
-<StorybookDescriptions componentName={'Window'} type={'expose.setOpen'}/>
-<StorybookDescriptions componentName={'Window'} type={'expose.toOpen'}/>
-<StorybookDescriptions componentName={'Window'} type={'expose.toClose'}/>
-<StorybookDescriptions componentName={'Window'} type={'expose.toggle'}/>
+<StorybookDescriptions componentName={'Window'} type={'expose'}/>
     `,
     slots: `
-<StorybookDescriptions componentName={'ListGroup'} type={'slot.head'}/>
-<StorybookDescriptions componentName={'ListGroup'} type={'slot.list'}/>
+<StorybookDescriptions componentName={'ListGroup'} type={'slots'}/>
     `
   }
 }

package/src/media/descriptions/wikiDescriptionsMask.ts

@@ -214,6 +214,18 @@ export const wikiDescriptionsMask: StorybookComponentsDescriptionItem = {
 <Canvas of={Component.MaskDateTypes}/>
 
 <StorybookDescriptions componentName={'Mask'} type={'visible'}/>
+    `,
+    events: `
+<StorybookDescriptions componentName={'Event'} type={'input'}/>
+<StorybookDescriptions componentName={'Event'} type={'beforeinput'}/>
+<StorybookDescriptions componentName={'Event'} type={'reset'}/>
+<StorybookDescriptions componentName={'Event'} type={'focus'}/>
+<StorybookDescriptions componentName={'Event'} type={'keyboard'}/>
+<StorybookDescriptions componentName={'Event'} type={'paste'}/>
+    `,
+    expose: `
+<StorybookDescriptions componentName={'Mask'} type={'expose'}/>
+<StorybookDescriptions componentName={'Expose'} type={'clear'}/>
     `
   }
 }

package/src/media/descriptions/wikiDescriptionsMenu.ts

@@ -73,26 +73,15 @@ export const wikiDescriptionsMenu: StorybookComponentsDescriptionItem = {
     `,
     events: `
 <StorybookDescriptions componentName={'Event'} type={'click'}/>
-<StorybookDescriptions componentName={'Event'} type={'clickLite'}/>
-
 <StorybookDescriptions componentName={'Event'} type={'bars'}/>
-<StorybookDescriptions componentName={'Event'} type={'barsLite'}/>
-<StorybookDescriptions componentName={'Event'} type={'barsBack'}/>
-<StorybookDescriptions componentName={'Event'} type={'window'}/>
+<StorybookDescriptions componentName={'Window'} type={'event.window'}/>
     `,
     expose: `
-<StorybookDescriptions componentName={'Expose'} type={'isSelected'}/>
-<StorybookDescriptions componentName={'Expose'} type={'selectedList'}/>
-<StorybookDescriptions componentName={'Expose'} type={'selectedNames'}/>
-<StorybookDescriptions componentName={'Expose'} type={'selectedValues'}/>
+<StorybookDescriptions componentName={'Expose'} type={'selected'}/>
     `,
     slots: `
-<StorybookDescriptions componentName={'Menu'} type={'slot.control'}/>
-<StorybookDescriptions componentName={'Menu'} type={'slot.title'}/>
-<StorybookDescriptions componentName={'Menu'} type={'slot.footer'}/>
-<StorybookDescriptions componentName={'Menu'} type={'slot.contextTop'}/>
-<StorybookDescriptions componentName={'Menu'} type={'slot.contextBottom'}/>
 <StorybookDescriptions componentName={'List'} type={'slot.html'}/>
+<StorybookDescriptions componentName={'Menu'} type={'slots'}/>
     `
   }
 }

package/src/media/descriptions/wikiDescriptionsMotionTransform.ts

@@ -190,11 +190,11 @@ export const wikiDescriptionsMotionTransform: StorybookComponentsDescriptionItem
   documentation: {
     body: `
 <StorybookDescriptions componentName={'MotionTransform'} type={'motionTransform'}/>
+<StorybookDescriptions componentName={'MotionTransform'} type={'classes'}/>
 <StorybookDescriptions componentName={'MotionTransform'} type={'animationHeadPosition'}/>
 <Canvas of={Component.MotionTransformAnimationHeadPosition}/>
 <StorybookDescriptions componentName={'MotionTransform'} type={'ignore'}/>
 <Canvas of={Component.MotionTransformIgnore}/>
-<StorybookDescriptions componentName={'MotionTransform'} type={'classes'}/>
 <StorybookDescriptions componentName={'MotionTransform'} type={'v-model'}/>
 <Canvas of={Component.MotionTransformVModel}/>
     `,
@@ -210,9 +210,7 @@ export const wikiDescriptionsMotionTransform: StorybookComponentsDescriptionItem
 <StorybookDescriptions componentName={'Window'} type={'expose.toggle'}/>
     `,
     slots: `
-<StorybookDescriptions componentName={'MotionTransform'} type={'slot.head'}/>
-<StorybookDescriptions componentName={'MotionTransform'} type={'slot.body'}/>
-<StorybookDescriptions componentName={'MotionTransform'} type={'slot.params'}/>
+<StorybookDescriptions componentName={'MotionTransform'} type={'slots'}/>
     `
   }
 }

package/src/media/descriptions/wikiDescriptionsScrollbar.ts

@@ -64,13 +64,7 @@ export const wikiDescriptionsScrollbar: StorybookComponentsDescriptionItem = {
 <StorybookDescriptions componentName={'Scrollbar'} type={'scrollbar'}/>
     `,
     events: `
-<StorybookDescriptions componentName={'Scrollbar'} type={'event.top'}/>
-<StorybookDescriptions componentName={'Scrollbar'} type={'event.reachTop'}/>
-<StorybookDescriptions componentName={'Scrollbar'} type={'event.leaveTop'}/>
-<StorybookDescriptions componentName={'Scrollbar'} type={'event.bottom'}/>
-<StorybookDescriptions componentName={'Scrollbar'} type={'event.reachBottom'}/>
-<StorybookDescriptions componentName={'Scrollbar'} type={'event.leaveBottom'}/>
-<StorybookDescriptions componentName={'Scrollbar'} type={'event.edge'}/>
+<StorybookDescriptions componentName={'Scrollbar'} type={'emits'}/>
     `
   }
 }

package/src/media/descriptions/wikiDescriptionsSkeleton.ts

@@ -123,6 +123,7 @@ export const wikiDescriptionsSkeleton: StorybookComponentsDescriptionItem = {
   documentation: {
     body: `
 <StorybookDescriptions componentName={'Skeleton'} type={'active'}/>
+<StorybookDescriptions componentName={'Skeleton'} type={'classes'}/>
 <Canvas of={Component.SkeletonBasic}/>
     `,
     expose: `

package/src/media/descriptions/wikiDescriptionsWindow.ts

@@ -187,42 +187,25 @@ export const wikiDescriptionsWindow: StorybookComponentsDescriptionItem = {
   documentation: {
     body: `
 <StorybookDescriptions componentName={'Window'} type={'window'}/>
+<StorybookDescriptions componentName={'Window'} type={'classes'}/>
 <StorybookDescriptions componentName={'Window'} type={'staticMode'}/>
 <Canvas of={Component.WindowStaticMode}/>
 <StorybookDescriptions componentName={'Window'} type={'axis'}/>
 <Canvas of={Component.WindowAxis}/>
-<StorybookDescriptions componentName={'Window'} type={'classes'}/>
-<StorybookDescriptions componentName={'Window'} type={'hooks'}/>
 <StorybookDescriptions componentName={'Window'} type={'v-model'}/>
 <Canvas of={Component.WindowVModel}/>
+<StorybookDescriptions componentName={'Window'} type={'hooks'}/>
     `,
     events: `
 <StorybookDescriptions componentName={'Window'} type={'event.window'}/>
-
-<StorybookDescriptions componentName={'Event'} type={'scrollbarTop'}/>
-<StorybookDescriptions componentName={'Event'} type={'scrollbarReachTop'}/>
-<StorybookDescriptions componentName={'Event'} type={'scrollbarLeaveTop'}/>
-<StorybookDescriptions componentName={'Event'} type={'scrollbarBottom'}/>
-<StorybookDescriptions componentName={'Event'} type={'scrollbarReachBottom'}/>
-<StorybookDescriptions componentName={'Event'} type={'scrollbarLeaveBottom'}/>
-<StorybookDescriptions componentName={'Event'} type={'scrollbarEdge'}/>
-
+<StorybookDescriptions componentName={'Scrollbar'} type={'emits-include'}/>
 <StorybookDescriptions componentName={'Image'} type={'event.load'}/>
     `,
     expose: `
-<StorybookDescriptions componentName={'Window'} type={'expose.control'}/>
-<StorybookDescriptions componentName={'Window'} type={'expose.id'}/>
-<StorybookDescriptions componentName={'Window'} type={'expose.open'}/>
-<StorybookDescriptions componentName={'Window'} type={'expose.setOpen'}/>
-<StorybookDescriptions componentName={'Window'} type={'expose.toOpen'}/>
-<StorybookDescriptions componentName={'Window'} type={'expose.toClose'}/>
-<StorybookDescriptions componentName={'Window'} type={'expose.toggle'}/>
+<StorybookDescriptions componentName={'Window'} type={'expose'}/>
     `,
     slots: `
-<StorybookDescriptions componentName={'Slot'} type={'control'}/>
-<StorybookDescriptions componentName={'Slot'} type={'title'}/>
-<StorybookDescriptions componentName={'Slot'} type={'footer'}/>
-<StorybookDescriptions componentName={'Slot'} type={'default'}/>
+<StorybookDescriptions componentName={'Window'} type={'slots'}/>
     `
   }
 }