@dcodegroup-au/dsg-vue 1.0.0-next.1 → 1.0.2-next

package/README.md

@@ -154,7 +154,7 @@ export default defineConfig(({ command, mode }) => {
 
 ## Usage: Tailwind Configuration
 
-To configure the Tailwind CSS portion of the package, you will need to create a `tailwind.config.ts` file in the root of your project. Then you will need to extend the `dsg-vue` Tailwind configurations/plugins to match your project Figma/design guidelines.
+To configure the Tailwind CSS portion of the package, you will need to create a `_tailwind.config.ts` file in the root of your project. Then you will need to extend the `dsg-vue` Tailwind configurations/plugins to match your project Figma/design guidelines.
 
 <br />
 
@@ -204,7 +204,7 @@ To use the Vue components within the package, you will need to import them direc
       type="email"
       placeholder="jane.doe@example.org"
       name="email"
-      classes="form-input username"
+      class="form-input username"
       icon="mail-01"
       tool-tip="This is your username or email address."
       :has-tooltip="true"
@@ -218,7 +218,6 @@ To use the Vue components within the package, you will need to import them direc
       :preventDefault="true"
       theme="brand"
       aria-label="This is an aria-label"
-      classes=""
       @button-clicked="loginClicked"
     />
   </div>
@@ -278,7 +277,7 @@ Within the `dsgTailwind` export, you will find a list of Tailwind CSS plugins th
 - `DsgShadowsPlugin`
 - `DsgFocusRingsPlugin`
 
-To exclude or only use specific plugins, you can import them directly from the `dsg-vue` package and add them to the `plugins` array in the `tailwind.config.ts` file instead of using the `dsgTailwind` export as shown above.
+To exclude or only use specific plugins, you can import them directly from the `dsg-vue` package and add them to the `plugins` array in the `_tailwind.config.ts` file instead of using the `dsgTailwind` export as shown above.
 
 <br />
 
@@ -293,7 +292,7 @@ Within the package, there are also two extensible components that house the them
 - `DsgColours`
 - `DsgFontFamily`
 
-To extend these components, you can import them directly from the `dsg-vue` package and add them to the `theme` object in the `tailwind.config.ts` file as shown above.
+To extend these components, you can import them directly from the `dsg-vue` package and add them to the `theme` object in the `_tailwind.config.ts` file as shown above.
 
 
 <br />

package/dist/DsgLabel.vue_vue_type_style_index_0_lang-CzkVjbOp.js

@@ -0,0 +1,26 @@
+import { defineComponent as t, openBlock as a, createElementBlock as o, normalizeClass as r, renderSlot as s, createTextVNode as n, toDisplayString as d } from "vue";
+function b(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+const c = ["for"], i = /* @__PURE__ */ t({
+  __name: "DsgLabel",
+  props: {
+    label: { default: "" },
+    labelFor: { default: "" },
+    size: { default: "md" }
+  },
+  setup(e) {
+    return (l, f) => (a(), o("label", {
+      for: e.labelFor,
+      class: r(`dsg-label dsg-label--${e.size}`)
+    }, [
+      s(l.$slots, "dsg-label-text", {}, () => [
+        n(d(e.label), 1)
+      ])
+    ], 10, c));
+  }
+});
+export {
+  i as _,
+  b as g
+};

package/dist/DsgLabel.vue_vue_type_style_index_0_lang-WrIgmJyQ.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue");function a(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}const o=["for"],r=t.defineComponent({__name:"DsgLabel",props:{label:{default:""},labelFor:{default:""},size:{default:"md"}},setup(e){return(l,s)=>(t.openBlock(),t.createElementBlock("label",{for:e.labelFor,class:t.normalizeClass(`dsg-label dsg-label--${e.size}`)},[t.renderSlot(l.$slots,"dsg-label-text",{},()=>[t.createTextVNode(t.toDisplayString(e.label),1)])],10,o))}});exports._sfc_main=r;exports.getDefaultExportFromCjs=a;