@raylang/vue 0.3.0 → 0.4.0

package/README.md

@@ -7,8 +7,8 @@ directory): the components, their docs and the issues are there.
 
 ```
 import "@raylang/elements/tokens.css";
-import RayDs from "@raylang/vue";
-app.use(RayDs);
+import RayElements from "@raylang/vue";
+app.use(RayElements);
 
 <RayInput v-model="name" label="Name" />
 <RayButton @click="save">Save</RayButton>

package/create.js

@@ -57,7 +57,7 @@ export function createComponent(name, tagName, { properties = [], booleans = [],
   });
 }
 
-/** A plugin registering every component globally: app.use(RayDs). */
+/** A plugin registering every component globally: app.use(RayElements). */
 export function createPlugin(components) {
   return {
     install(app) {

package/index.d.ts

@@ -2265,9 +2265,12 @@ export declare const components: {
   RayStatusbarItem: typeof RayStatusbarItem;
   RayThemeToggle: typeof RayThemeToggle;
 };
-/** app.use(RayDs) registers every component globally. */
+/** app.use(RayElements) registers every component globally. */
+export declare const RayElements: Plugin;
+export default RayElements;
+
+/** @deprecated Since 0.4.0: use `RayElements`. Removed in 0.5.0. */
 export declare const RayDs: Plugin;
-export default RayDs;
 
 declare module "vue" {
   export interface GlobalComponents {

package/index.js

@@ -1,6 +1,6 @@
 // Generated by ray-elements tools from component.toml files. Do not edit.
 // Each wrapper registers its own element: unused ones (and their elements) are left out of a
-// bundle; app.use(RayDs) takes them all.
+// bundle; app.use(RayElements) takes them all.
 
 import { createPlugin } from "./create.js";
 
@@ -79,6 +79,9 @@ export { RayButton, RayButtonGroup, RayIconButton, RayToggle, RayToggleGroup, Ra
 
 export const components = { RayButton, RayButtonGroup, RayIconButton, RayToggle, RayToggleGroup, RayCheckbox, RayCheckboxGroup, RayColorPicker, RayColorInput, RayCombobox, RayDatePicker, RayCalendar, RayFileUpload, RayInput, RayNumberInput, RayPasswordInput, RayPathInput, RayRadioGroup, RayRadio, RaySearch, RaySegmentedControl, RaySelect, RaySlider, RaySwitch, RayTextarea, RayBottomNav, RayBottomNavItem, RayBreadcrumbs, RayBreadcrumb, RayNavLink, RayPagination, RaySidebar, RaySidebarGroup, RayStepper, RayStep, RayTabs, RayTab, RayTabPanel, RayCommandPalette, RayDialog, RayDrawer, RayMenu, RayMenuItem, RayMenuLabel, RayMenuDivider, RayPopover, RayTooltip, RayAccordion, RayAccordionItem, RayAttachment, RayAttachments, RayAvatar, RayBadge, RayBlockquote, RayCarousel, RayCode, RayIcon, RayIndicator, RayKbd, RayStat, RayTable, RayTimeline, RayTimelineItem, RayAlert, RayEmptyState, RayNotification, RayToaster, RayProgress, RaySkeleton, RaySpinner, RayAppBar, RayAppShell, RayAspectRatio, RayCard, RayCenter, RayContainer, RayGrid, RayGroup, RayScrollArea, RaySeparator, RaySplit, RayStack, RayStatusbar, RayStatusbarItem, RayThemeToggle };
 
-/** app.use(RayDs) registers every component globally. */
-export const RayDs = /*#__PURE__*/ createPlugin(components);
-export default RayDs;
+/** app.use(RayElements) registers every component globally. */
+export const RayElements = /*#__PURE__*/ createPlugin(components);
+export default RayElements;
+
+/** @deprecated Since 0.4.0: use `RayElements`. Removed in 0.5.0. */
+export const RayDs = RayElements;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raylang/vue",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Vue 3 wrappers (with v-model) of the ray-elements web components",
   "license": "Apache-2.0",
   "keywords": ["web-components", "design-system", "ui", "raylang", "vue"],
@@ -28,7 +28,7 @@
   },
   "sideEffects": false,
   "peerDependencies": {
-    "@raylang/elements": "^0.3.0",
+    "@raylang/elements": "^0.4.0",
     "vue": ">=3.3"
   }
 }