dxd-style-code 0.1.10 → 0.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dxd-style-code",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "type": "module",
   "description": "DX Design System - Vue 3 UI Component Library",
   "main": "./dist/dxd-style-code.umd.cjs",

package/src/components/{typography → atoms}/DXBlockquote/DXBlockquote.stories.js

@@ -1,7 +1,7 @@
 import DXBlockquote from './DXBlockquote.vue';
 
 export default {
-  title: 'Typography/DXBlockquote',
+  title: 'Atoms/DXBlockquote',
   component: DXBlockquote,
   tags: ['autodocs'],
   argTypes: {

package/src/components/{layout → atoms}/DXBox/DXBox.stories.js

@@ -1,7 +1,7 @@
 import DXBox from './DXBox.vue';
 
 export default {
-  title: 'Layout/DXBox',
+  title: 'Atoms/DXBox',
   component: DXBox,
   tags: ['autodocs'],
   parameters: {

package/src/components/{typography → atoms}/DXCode/DXCode.stories.js

@@ -1,7 +1,7 @@
 import DXCode from './DXCode.vue';
 
 export default {
-  title: 'Typography/DXCode',
+  title: 'Atoms/DXCode',
   component: DXCode,
   tags: ['autodocs'],
 };

package/src/components/{layout → atoms}/DXContainer/DXContainer.stories.js

@@ -1,7 +1,7 @@
 import DXContainer from './DXContainer.vue';
 
 export default {
-  title: 'Layout/DXContainer',
+  title: 'Atoms/DXContainer',
   component: DXContainer,
   tags: ['autodocs'],
   parameters: {

package/src/components/{layout → atoms}/DXFlex/DXFlex.stories.js

@@ -1,7 +1,7 @@
 import DXFlex from './DXFlex.vue';
 
 export default {
-  title: 'Layout/DXFlex',
+  title: 'Atoms/DXFlex',
   component: DXFlex,
   tags: ['autodocs'],
   parameters: {

package/src/components/{layout → atoms}/DXGrid/DXGrid.stories.js

@@ -1,7 +1,7 @@
 import DXGrid from './DXGrid.vue';
 
 export default {
-  title: 'Layout/DXGrid',
+  title: 'Atoms/DXGrid',
   component: DXGrid,
   tags: ['autodocs'],
   parameters: {

package/src/components/{typography → atoms}/DXHeading/DXHeading.stories.js

@@ -1,7 +1,7 @@
 import DXHeading from './DXHeading.vue';
 
 export default {
-  title: 'Typography/DXHeading',
+  title: 'Atoms/DXHeading',
   component: DXHeading,
   tags: ['autodocs'],
   argTypes: {

package/src/components/{typography → atoms}/DXLabel/DXLabel.stories.js

@@ -1,7 +1,7 @@
 import DXLabel from './DXLabel.vue';
 
 export default {
-  title: 'Typography/DXLabel',
+  title: 'Atoms/DXLabel',
   component: DXLabel,
   tags: ['autodocs'],
 };

package/src/components/{typography → atoms}/DXList/DXList.stories.js

@@ -1,7 +1,7 @@
 import DXList from './DXList.vue';
 
 export default {
-  title: 'Typography/DXList',
+  title: 'Atoms/DXList',
   component: DXList,
   tags: ['autodocs'],
 };

package/src/components/{layout → atoms}/DXSpacer/DXSpacer.stories.js

@@ -1,7 +1,7 @@
 import DXSpacer from './DXSpacer.vue';
 
 export default {
-  title: 'Layout/DXSpacer',
+  title: 'Atoms/DXSpacer',
   component: DXSpacer,
   tags: ['autodocs'],
   parameters: {

package/src/components/{layout → atoms}/DXStack/DXStack.stories.js

@@ -1,7 +1,7 @@
 import DXStack from './DXStack.vue';
 
 export default {
-  title: 'Layout/DXStack',
+  title: 'Atoms/DXStack',
   component: DXStack,
   tags: ['autodocs'],
   parameters: {

package/src/components/{typography → atoms}/DXText/DXText.stories.js

@@ -1,7 +1,7 @@
 import DXText from './DXText.vue';
 
 export default {
-  title: 'Typography/DXText',
+  title: 'Atoms/DXText',
   component: DXText,
   tags: ['autodocs'],
   argTypes: {

package/src/components/atoms/index.js

@@ -2,22 +2,34 @@
 export { default as DXAvatar } from './DXAvatar';
 export { default as DXBackdrop } from './DXBackdrop';
 export { default as DXBadge } from './DXBadge';
+export { default as DXBlockquote } from './DXBlockquote';
+export { default as DXBox } from './DXBox';
 export { default as DXButton } from './DXButton';
 export { default as DXCard } from './DXCard';
 export { default as DXCheckbox } from './DXCheckbox';
+export { default as DXCode } from './DXCode';
+export { default as DXContainer } from './DXContainer';
 export { default as DXDivider } from './DXDivider';
 export { default as DXDropdownItem } from './DXDropdownItem';
+export { default as DXFlex } from './DXFlex';
 export { default as DXFormLabel } from './DXFormLabel';
+export { default as DXGrid } from './DXGrid';
+export { default as DXHeading } from './DXHeading';
 export { default as DXIcon } from './DXIcon';
 export { default as DXIconWrapper } from './DXIconWrapper';
 export { default as DXInputAddon } from './DXInputAddon';
-export { default as DXLoader } from './DXLoader';
+export { default as DXLabel } from './DXLabel';
 export { default as DXLink } from './DXLink';
+export { default as DXList } from './DXList';
+export { default as DXLoader } from './DXLoader';
 export { default as DXProgress } from './DXProgress';
 export { default as DXRadio } from './DXRadio';
 export { default as DXSkeleton } from './DXSkeleton';
 export { default as DXSlider } from './DXSlider';
+export { default as DXSpacer } from './DXSpacer';
+export { default as DXStack } from './DXStack';
 export { default as DXTags } from './DXTags';
+export { default as DXText } from './DXText';
 export { default as DXToast } from './DXToast';
 export { default as DXToggle } from './DXToggle';
 export { default as DXToggleButton } from './DXToggleButton';

package/src/components/index.js

@@ -1,20 +1,14 @@
 // Main components index - re-export all components from all categories
 
-// Atoms - basic building blocks
+// Atoms - basic building blocks (includes typography and layout components)
 export * from './atoms';
 
-// Layout - layout components
-export * from './layout';
-
 // Molecules - composed from atoms
 export * from './molecules';
 
 // Organisms - complex UI structures
 export * from './organisms';
 
-// Typography - text components
-export * from './typography';
-
 // Utilities - utility components
 export * from './utilities';
 

package/src/components/organisms/DXAppLayout/DXAppLayout.stories.js

@@ -2,7 +2,7 @@ import { ref } from 'vue';
 import DXAppLayout from './DXAppLayout.vue';
 import DXHeaderBar from '../DXHeaderBar/DXHeaderBar.vue';
 import DXSidebarMenu from '../DXSidebarMenu/DXSidebarMenu.vue';
-import DXContainer from '../../layout/DXContainer/DXContainer.vue';
+import DXContainer from '../../atoms/DXContainer/DXContainer.vue';
 import DXLink from '../../atoms/DXLink/DXLink.vue';
 import DXButton from '../../atoms/DXButton/DXButton.vue';
 import DXAvatar from '../../atoms/DXAvatar/DXAvatar.vue';

package/src/components/organisms/DXHeaderBar/DXHeaderBar.vue

@@ -93,7 +93,7 @@
 <script setup>
 import { ref, computed } from "vue";
 import { useClassComposition } from "../../../composables/useClassComposition";
-import DXContainer from "../../layout/DXContainer/DXContainer.vue";
+import DXContainer from "../../atoms/DXContainer/DXContainer.vue";
 import DXLink from "../../atoms/DXLink/DXLink.vue";
 import DXButton from "../../atoms/DXButton/DXButton.vue";
 import DXIcon from "../../atoms/DXIcon/DXIcon.vue";

package/src/components/organisms/DXMediaGallery/DXMediaGallery.vue

@@ -170,7 +170,7 @@
 import { ref, computed } from "vue";
 import { useClassComposition } from "../../../composables/useClassComposition";
 import { useSpacing } from "../../../composables/useSpacing";
-import DXGrid from "../../layout/DXGrid/DXGrid.vue";
+import DXGrid from "../../atoms/DXGrid/DXGrid.vue";
 import DXModal from "../DXModal/DXModal.vue";
 import DXObserver from "../../utilities/DXObserver/DXObserver.vue";
 import DXButton from "../../atoms/DXButton/DXButton.vue";

package/src/components/utilities/DXBreakpointProvider/DXBreakpointProvider.stories.js

@@ -2,7 +2,7 @@ import { ref, inject, computed } from 'vue';
 import DXBreakpointProvider from './DXBreakpointProvider.vue';
 import DXCard from '../../atoms/DXCard/DXCard.vue';
 import DXButton from '../../atoms/DXButton/DXButton.vue';
-import DXGrid from '../../layout/DXGrid/DXGrid.vue';
+import DXGrid from '../../atoms/DXGrid/DXGrid.vue';
 
 export default {
   title: 'Utilities/DXBreakpointProvider',

package/src/index.js

@@ -1,13 +1,7 @@
 // DX Components - Vue 3 UI Component Library
 // Export all components
 
-// Typography
-export * from './components/typography';
-
-// Layout
-export * from './components/layout';
-
-// Atoms
+// Atoms - basic building blocks (includes typography and layout components)
 export * from './components/atoms';
 
 // Molecules

package/src/components/layout/index.js

@@ -1,8 +0,0 @@
-// Layout components
-export { default as DXContainer } from './DXContainer';
-export { default as DXGrid } from './DXGrid';
-export { default as DXFlex } from './DXFlex';
-export { default as DXStack } from './DXStack';
-export { default as DXSpacer } from './DXSpacer';
-export { default as DXBox } from './DXBox';
-

package/src/components/typography/index.js

@@ -1,8 +0,0 @@
-// Typography components
-export { default as DXHeading } from './DXHeading';
-export { default as DXText } from './DXText';
-export { default as DXLabel } from './DXLabel';
-export { default as DXCode } from './DXCode';
-export { default as DXBlockquote } from './DXBlockquote';
-export { default as DXList } from './DXList';
-