@dpa-id-components/dpa-shared-components 4.0.1-0 → 4.0.1-2

package/dist/UseTailwindBreakpoints.stories.ts

@@ -0,0 +1,22 @@
+import UseTailwindBreakpoints from "./UseTailwindBreakpoints.vue";
+import type { Meta, StoryObj } from "@storybook/vue3";
+
+const meta = {
+  title: "tailwind/useTailwindBreakpoints.ts",
+  component: UseTailwindBreakpoints,
+  argTypes: {},
+  parameters: {},
+} satisfies Meta<typeof UseTailwindBreakpoints>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  render: (args: any) => ({
+    setup() {
+      return { args };
+    },
+    components: { UseTailwindBreakpoints },
+    template: `<div><UseTailwindBreakpoints /></div>`,
+  }),
+};

package/dist/UseTailwindBreakpoints.vue

@@ -0,0 +1,12 @@
+<template>
+  <UiButton v-if="lg">Button for LG</UiButton>
+  <UiIconButton v-else icon-name="emoji" />
+</template>
+
+<script setup lang="ts">
+import useTailwindBreakpoints from "./useTailwindBreakpoints";
+import UiIconButton from "@/components/UiIconButton/UiIconButton.vue";
+import UiButton from "@/components/UiButton/UiButton.vue";
+
+const { lg } = useTailwindBreakpoints();
+</script>

package/dist/components/index.d.ts

@@ -35,4 +35,5 @@ import UiSearchInput from "./UiSearchInput/UiSearchInput.vue";
 import UiSearchBar from "./UiSearchBar/UiSearchBar.vue";
 import UiSimpleInput from '../components/UiSimpleInput/UiSimpleInput.vue';
 import UiColorPicker from "./UiColorPicker/UiColorPicker.vue";
-export { DpaEventItem, DpaMediaItem, UiAutocomplete, UiBadge, UiButton, UiButtonGroup, UiCard, UiCheckbox, UiCheckBoxGroup, UiChip, UiDatePicker, UiDatePickerMobile, UiDialog, UiFilterBadge, UiFilterBadgeButton, UiFilterButton, UiIcon, UiIconButton, UiInfoContent, UiInput, UiList, UiListItem, UiMenu, UiOverlay, UiOverlayMenu, UiRadioInputGroup, UiSection, UiSectionDivider, UiSkeletonBox, UiSpinner, UiSnackbar, UiToggleButton, UiTooltip, UiSearchInput, UiSearchBar, UiSimpleInput, UiColorPicker, };
+import useTailwindBreakpoints from '../tailwind/useTailwindBreakpoints';
+export { DpaEventItem, DpaMediaItem, UiAutocomplete, UiBadge, UiButton, UiButtonGroup, UiCard, UiCheckbox, UiCheckBoxGroup, UiChip, UiDatePicker, UiDatePickerMobile, UiDialog, UiFilterBadge, UiFilterBadgeButton, UiFilterButton, UiIcon, UiIconButton, UiInfoContent, UiInput, UiList, UiListItem, UiMenu, UiOverlay, UiOverlayMenu, UiRadioInputGroup, UiSection, UiSectionDivider, UiSkeletonBox, UiSpinner, UiSnackbar, UiToggleButton, UiTooltip, UiSearchInput, UiSearchBar, UiSimpleInput, UiColorPicker, useTailwindBreakpoints, };