Glossary

Internal prefixes

JDS
Vue components that are, if supplied with @status stable in the component docblock, exported automatically as part of the design system.
JDSC (JDS Class)
CSS classes scoped specifically for individual components. In general, tailwind utilities are embedded into these using @apply. We avoid generic names like "container" or "wrapper" because it may conflict with consumers' CSS classes.
JDI (Internal)
Vue components used only by the JDS documentation website. These are not exported for consumer use, and may be modified at will.
JDH (Helpers)
Vue components and javascript/typescript functions intended to support functionality used by JDS components. Are likely to be used and exported as part of another component.
JDP (Playground)
Experiments within the JDS website, quite likely to break and evolve as the project changes. They can be modified, or even deleted, at will.
JDX (Experimental)
Fully experimental vue components and functions that are used exclusively as part of prototypes or test runs. Should be promoted to JDS components if they are put into service.
JOBILLA DESIGN SYSTEM