@aotearoan/neon 18.2.10 → 18.2.12

package/dist/components/layout/inline/NeonInline.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonInline.cjs.js","sources":["../../../../src/components/layout/inline/NeonInline.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonResponsive } from '@/neon';\n\n/**\n * A horizontal layout component. NeonInline provides a way of laying out it's contents with standard gaps. At the\n * specified breakpoint the layout will wrap to vertical.\n */\nexport default defineComponent({\n  name: 'NeonInline',\n  props: {\n    /**\n     * Size of the gap between items\n     */\n    gap: { type: String as () => NeonSize, default: () => NeonSize.Large },\n    /**\n     * Breakpoint at which to layout switches to vertical. TIP: Pass <em>breakpoint=\"\"</em> to override the default\n     * breakpoint & prevent switching to a vertical layout.\n     */\n    breakpoint: { type: String as () => NeonSize, default: () => NeonResponsive.MobileLarge },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonSize","NeonResponsive"],"mappings":"gJAQAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,MAAO,CAIL,IAAK,CAAE,KAAM,OAA0B,QAAS,IAAMC,EAAAA,SAAS,KAAA,EAK/D,WAAY,CAAE,KAAM,OAA0B,QAAS,IAAMC,EAAAA,eAAe,WAAA,CAAY,CAE5F,CAAC"}
+{"version":3,"file":"NeonInline.cjs.js","sources":["../../../../src/components/layout/inline/NeonInline.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonResponsive } from '@/common/enums/NeonResponsive';\n\n/**\n * A horizontal layout component. NeonInline provides a way of laying out it's contents with standard gaps. At the\n * specified breakpoint the layout will wrap to vertical.\n */\nexport default defineComponent({\n  name: 'NeonInline',\n  props: {\n    /**\n     * Size of the gap between items\n     */\n    gap: { type: String as () => NeonSize, default: () => NeonSize.Large },\n    /**\n     * Breakpoint at which to layout switches to vertical. TIP: Pass <em>breakpoint=\"\"</em> to override the default\n     * breakpoint & prevent switching to a vertical layout.\n     */\n    breakpoint: { type: String as () => NeonSize, default: () => NeonResponsive.MobileLarge },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonSize","NeonResponsive"],"mappings":"gJAQAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,MAAO,CAIL,IAAK,CAAE,KAAM,OAA0B,QAAS,IAAMC,EAAAA,SAAS,KAAA,EAK/D,WAAY,CAAE,KAAM,OAA0B,QAAS,IAAMC,EAAAA,eAAe,WAAA,CAAY,CAE5F,CAAC"}

package/dist/components/layout/inline/NeonInline.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonInline.es.js","sources":["../../../../src/components/layout/inline/NeonInline.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonResponsive } from '@/neon';\n\n/**\n * A horizontal layout component. NeonInline provides a way of laying out it's contents with standard gaps. At the\n * specified breakpoint the layout will wrap to vertical.\n */\nexport default defineComponent({\n  name: 'NeonInline',\n  props: {\n    /**\n     * Size of the gap between items\n     */\n    gap: { type: String as () => NeonSize, default: () => NeonSize.Large },\n    /**\n     * Breakpoint at which to layout switches to vertical. TIP: Pass <em>breakpoint=\"\"</em> to override the default\n     * breakpoint & prevent switching to a vertical layout.\n     */\n    breakpoint: { type: String as () => NeonSize, default: () => NeonResponsive.MobileLarge },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonSize","NeonResponsive"],"mappings":";;;AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,KAAK,EAAE,MAAM,QAA0B,SAAS,MAAMC,EAAS,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAK/D,YAAY,EAAE,MAAM,QAA0B,SAAS,MAAMC,EAAe,YAAA;AAAA,EAAY;AAE5F,CAAC;"}
+{"version":3,"file":"NeonInline.es.js","sources":["../../../../src/components/layout/inline/NeonInline.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonResponsive } from '@/common/enums/NeonResponsive';\n\n/**\n * A horizontal layout component. NeonInline provides a way of laying out it's contents with standard gaps. At the\n * specified breakpoint the layout will wrap to vertical.\n */\nexport default defineComponent({\n  name: 'NeonInline',\n  props: {\n    /**\n     * Size of the gap between items\n     */\n    gap: { type: String as () => NeonSize, default: () => NeonSize.Large },\n    /**\n     * Breakpoint at which to layout switches to vertical. TIP: Pass <em>breakpoint=\"\"</em> to override the default\n     * breakpoint & prevent switching to a vertical layout.\n     */\n    breakpoint: { type: String as () => NeonSize, default: () => NeonResponsive.MobileLarge },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonSize","NeonResponsive"],"mappings":";;;AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,KAAK,EAAE,MAAM,QAA0B,SAAS,MAAMC,EAAS,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAK/D,YAAY,EAAE,MAAM,QAA0B,SAAS,MAAMC,EAAe,YAAA;AAAA,EAAY;AAE5F,CAAC;"}

package/dist/src/components/layout/inline/NeonInline.d.ts

@@ -1,5 +1,5 @@
 import { NeonSize } from '@/common/enums/NeonSize';
-import { NeonResponsive } from '@/neon';
+import { NeonResponsive } from '@/common/enums/NeonResponsive';
 /**
  * A horizontal layout component. NeonInline provides a way of laying out it's contents with standard gaps. At the
  * specified breakpoint the layout will wrap to vertical.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aotearoan/neon",
   "description": "Neon is a lightweight design library of Vue 3 components with minimal dependencies.",
-  "version": "18.2.10",
+  "version": "18.2.12",
   "main": "./dist/neon.cjs.js",
   "module": "./dist/neon.es.js",
   "types": "./dist/src/neon.d.ts",

package/src/sass/components/_search.scss

@@ -102,7 +102,7 @@
           max-height: calc(var(--neon-size-s) - 2 * var(--neon-border-width));
 
           .neon-icon {
-            top: var(--neon-space-2);
+            top: calc(0.5 * var(--neon-base-space));
             right: var(--neon-space-8);
           }
         }
@@ -121,7 +121,7 @@
 
           .neon-icon {
             top: 0;
-            right: var(--neon-space-8);
+            right: calc(2 * var(--neon-base-space));
           }
         }
       }
@@ -138,8 +138,8 @@
           max-height: calc(var(--neon-size-l) - 2 * var(--neon-border-width));
 
           .neon-icon {
-            top: calc(-1 * var(--neon-space-4));
-            right: var(--neon-space-8);
+            top: calc(-1 * var(--neon-base-space));
+            right: calc(2 * var(--neon-base-space));
           }
         }
       }