barbican-reset 3.1.0 → 3.3.0

package/icons/account/index.js

@@ -1,10 +1,10 @@
-import PersonalIcon from "./personal.vue";
-import MembershipIcon from "./membership.vue";
-import VideoIcon from "./video.vue";
-import PaymentIcon from "./payment.vue";
-import OrdersIcon from "./orders.vue";
-import SupportIcon from "./support.vue";
-import EditIcon from "./edit.vue";
+import PersonalIcon from "#icons/account/personal.vue";
+import MembershipIcon from "#icons/account/membership.vue";
+import VideoIcon from "#icons/account/video.vue";
+import PaymentIcon from "#icons/account/payment.vue";
+import OrdersIcon from "#icons/account/orders.vue";
+import SupportIcon from "#icons/account/support.vue";
+import EditIcon from "#icons/account/edit.vue";
 
 export {
   PersonalIcon,

package/icons/city_of_london_lockup.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script>
-import CityOfLondonLogo from "./city_of_london.vue";
+import CityOfLondonLogo from "#icons/city_of_london.vue";
 
 export default {
   components: {

package/icons/confirm/index.js

@@ -1,7 +1,4 @@
-import EmailIcon from './email.vue'
-import DoneIcon from './done.vue'
+import EmailIcon from "#icons/confirm/email.vue";
+import DoneIcon from "#icons/confirm/done.vue";
 
-export {
-  EmailIcon,
-  DoneIcon
-}
+export { EmailIcon, DoneIcon };

package/icons/index.js

@@ -1,12 +1,12 @@
-import ArrowBack from "./arrow_back.vue";
-import ArrowIcon from "./arrow.vue";
-import ArrowForward from "./arrow_forward.vue";
-import BackArrow from "./back_arrow.vue";
-import BarbicanLogo from "./barbican.vue";
-import CartIcon from "./cart.vue";
-import CityOfLondonLogo from "./city_of_london.vue";
-import CityOfLondonLockup from "./city_of_london_lockup.vue";
-import InformationIcon from "./information.vue";
+import ArrowBack from "#icons/arrow_back.vue";
+import ArrowIcon from "#icons/arrow.vue";
+import ArrowForward from "#icons/arrow_forward.vue";
+import BackArrow from "#icons/back_arrow.vue";
+import BarbicanLogo from "#icons/barbican.vue";
+import CartIcon from "#icons/cart.vue";
+import CityOfLondonLogo from "#icons/city_of_london.vue";
+import CityOfLondonLockup from "#icons/city_of_london_lockup.vue";
+import InformationIcon from "#icons/information.vue";
 
 export {
   ArrowBack,

package/icons/password/index.js

@@ -1,4 +1,4 @@
-import HidePasswordIcon from './hide'
-import ShowPasswordIcon from './show'
+import HidePasswordIcon from "#icons/password/hide.vue";
+import ShowPasswordIcon from "#icons/password/show.vue";
 
-export { HidePasswordIcon, ShowPasswordIcon }
+export { HidePasswordIcon, ShowPasswordIcon };

package/icons/power/index.js

@@ -1,9 +1,5 @@
-import AlleyneIcon from './alleyne'
-import BanffIcon from './banff'
-import CouncilIcon from './council'
+import AlleyneIcon from "#icons/power/alleyne.vue";
+import BanffIcon from "#icons/power/banff.vue";
+import CouncilIcon from "#icons/power/council.vue";
 
-export {
-  AlleyneIcon,
-  BanffIcon,
-  CouncilIcon
-}
+export { AlleyneIcon, BanffIcon, CouncilIcon };

package/icons/snippets/index.js

@@ -1,11 +1,6 @@
-import BarbicanIcon from './barbican'
-import ContributorIcon from './contributor'
-import OtherIcon from './other'
-import PinIcon from './pin'
+import BarbicanIcon from "#icons/snippets/barbican.vue";
+import ContributorIcon from "#icons/snippets/contributor.vue";
+import OtherIcon from "#icons/snippets/other.vue";
+import PinIcon from "#icons/snippets/pin.vue";
 
-export {
-  BarbicanIcon,
-  ContributorIcon,
-  OtherIcon,
-  PinIcon
-}
+export { BarbicanIcon, ContributorIcon, OtherIcon, PinIcon };

package/icons/stream/index.js

@@ -1,10 +1,10 @@
-import AirplayIcon from "./airplay.vue";
-import CastIcon from "./cast.vue";
-import ChatIcon from "./chat.vue";
-import CogIcon from "./cog.vue";
-import VolumeIcon from "./volume.vue";
-import LiveIcon from "./live.vue";
-import CloseIcon from "./close.vue";
+import AirplayIcon from "#icons/stream/airplay.vue";
+import CastIcon from "#icons/stream/cast.vue";
+import ChatIcon from "#icons/stream/chat.vue";
+import CogIcon from "#icons/stream/cog.vue";
+import VolumeIcon from "#icons/stream/volume.vue";
+import LiveIcon from "#icons/stream/live.vue";
+import CloseIcon from "#icons/stream/close.vue";
 
 export {
   AirplayIcon,

package/index.js

@@ -1,45 +1,45 @@
-import BrAlert from "./components/BrAlert.vue";
-import BrAnchor from "./components/BrAnchor.vue";
-import BrButton from "./components/BrButton.vue";
+import BrAlert from "#components/BrAlert.vue";
+import BrAnchor from "#components/BrAnchor.vue";
+import BrButton from "#components/BrButton.vue";
 
-import BrCard from "./components/BrCard.vue";
-import BrCardBody from "./components/BrCardBody.vue";
-import BrCardText from "./components/BrCardText.vue";
-import BrCardTitle from "./components/BrCardTitle.vue";
-import BrCardSubTitle from "./components/BrCardSubTitle.vue";
+import BrCard from "#components/BrCard.vue";
+import BrCardBody from "#components/BrCardBody.vue";
+import BrCardText from "#components/BrCardText.vue";
+import BrCardTitle from "#components/BrCardTitle.vue";
+import BrCardSubTitle from "#components/BrCardSubTitle.vue";
 
-import BrCollapseButton from "./components/BrCollapse/Button.vue";
-import BrCollapseContent from "./components/BrCollapse/Content.vue";
+import BrCollapseButton from "#components/BrCollapse/Button.vue";
+import BrCollapseContent from "#components/BrCollapse/Content.vue";
 
-import BrConfirmDone from "./components/BrConfirmDone.vue";
-import BrConfirmEmail from "./components/BrConfirmEmail.vue";
+import BrConfirmDone from "#components/BrConfirmDone.vue";
+import BrConfirmEmail from "#components/BrConfirmEmail.vue";
 
-import BrContainer from "./components/BrContainer.vue";
+import BrContainer from "#components/BrContainer.vue";
 
-import BrFooterLower from "./components/BrFooterLower.vue";
-import BrFooterUpper from "./components/BrFooterUpper.vue";
+import BrFooterLower from "#components/BrFooterLower.vue";
+import BrFooterUpper from "#components/BrFooterUpper.vue";
 
-import BrFormBlock from "./components/BrFormBlock.vue";
-import BrFormCheckbox from "./components/BrFormCheckbox/Component.vue";
-import BrFormCheckboxGroup from "./components/BrFormCheckboxGroup/Component.vue";
-import BrFormGroup from "./components/BrFormGroup/Component.vue";
-import BrFormInput from "./components/BrFormInput/Component.vue";
-import BrFormPassword from "./components/BrFormPassword.vue";
-import BrFormRadio from "./components/BrFormRadio/Component.vue";
-import BrFormRadioGroup from "./components/BrFormRadioGroup/Component.vue";
-import BrFormRow from "./components/BrFormRow.vue";
-import BrFormTextarea from "./components/BrFormTextarea/Component.vue";
-import BrFormUpdate from "./components/BrFormUpdate.vue";
+import BrFormBlock from "#components/BrFormBlock.vue";
+import BrFormCheckbox from "#components/BrFormCheckbox/Component.vue";
+import BrFormCheckboxGroup from "#components/BrFormCheckboxGroup/Component.vue";
+import BrFormGroup from "#components/BrFormGroup/Component.vue";
+import BrFormInput from "#components/BrFormInput/Component.vue";
+import BrFormPassword from "#components/BrFormPassword.vue";
+import BrFormRadio from "#components/BrFormRadio/Component.vue";
+import BrFormRadioGroup from "#components/BrFormRadioGroup/Component.vue";
+import BrFormRow from "#components/BrFormRow.vue";
+import BrFormTextarea from "#components/BrFormTextarea/Component.vue";
+import BrFormUpdate from "#components/BrFormUpdate.vue";
 
-import BrLoader from "./components/BrLoader.vue";
-import BrSkiplink from "./components/BrSkiplink.vue";
-import BrWrap from "./components/BrWrap.vue";
+import BrLoader from "#components/BrLoader.vue";
+import BrSkiplink from "#components/BrSkiplink.vue";
+import BrWrap from "#components/BrWrap.vue";
 
-import AccountTitle from "./components/AccountTitle.vue";
-import EventSummary from "./components/EventSummary.vue";
-import FluidIframe from "./components/FluidIframe.vue";
-import SeeInside from "./components/SeeInside.vue";
-import VideoContent from "./components/VideoContent.vue";
+import AccountTitle from "#components/AccountTitle.vue";
+import EventSummary from "#components/EventSummary.vue";
+import FluidIframe from "#components/FluidIframe.vue";
+import SeeInside from "#components/SeeInside.vue";
+import VideoContent from "#components/VideoContent.vue";
 
 export {
   BrAlert,

package/package.json

@@ -86,6 +86,23 @@
     "focus-visible.min.js",
     "index.js"
   ],
+  "imports": {
+    "#animations/*": [
+      "./animations/*"
+    ],
+    "#components/*": [
+      "./components/*"
+    ],
+    "#icons/*": [
+      "./icons/*"
+    ],
+    "#mixins/*": [
+      "./mixins/*"
+    ],
+    "#styles/*": [
+      "./scss/*"
+    ]
+  },
   "exports": {
     ".": "./index.js",
     "./animations": "./animations/index.js",
@@ -96,9 +113,9 @@
     "./icons/confirm": "./icons/confirm/index.js",
     "./icons/stream": "./icons/stream/index.js",
     "./scss": "./scss/index.scss",
-    "./scss/helpers": "./scss/helpers/index.scss"
+    "./scss/helpers": "./scss/_helpers.scss"
   },
-  "main": "./index.js",
+  "main": "index.js",
   "homepage": "https://bitbucket.org/barbicandev/barbican-reset#readme",
   "license": "MIT",
   "name": "barbican-reset",
@@ -112,5 +129,5 @@
     "style:patterns": "cd patterns && gulp build:css",
     "build:patterns": "cd patterns && rm -rf html && pug views --out html"
   },
-  "version": "3.1.0"
+  "version": "3.3.0"
 }

package/patterns/scss/styles.scss

@@ -1,4 +1,4 @@
-@import "../../scss/helpers/index";
+@import "../../scss/helpers";
 
 @import "../../scss/br-alert";
 @import "../../scss/br-button";

package/patterns/static/styles.css

@@ -1,4 +1,4 @@
-@media only screen and (max-width: 99px) {
+@media only screen and (max-width: 575px) {
   .br-alert {
     font-size: 0.875rem;
   }

package/scss/_helpers.scss

@@ -0,0 +1,4 @@
+// paths more explicit for gulp-sass
+@import "helpers/functions/index.scss";
+@import "helpers/variables/index.scss";
+@import "helpers/mixins/index.scss";

package/scss/helpers/mixins/_br-alert.scss

@@ -82,7 +82,7 @@
 }
 
 @mixin br-alert--setup {
-  @include x-small-down {
+  @include small-down {
     font-size: $font-size-sm;
   }
 

package/scss/helpers/mixins/_breakpoints.scss

@@ -1,4 +1,3 @@
-$xsmall: 100;
 $small: 576;
 $medium: 768;
 $large: 992;
@@ -17,18 +16,6 @@ $xxlarge: 1600;
   }
 }
 
-@mixin x-small-up {
-  @include min-width($xsmall) {
-    @content
-  }
-}
-
-@mixin x-small-down {
-  @include max-width($xsmall) {
-    @content
-  }
-}
-
 @mixin small-down {
   @include max-width($small) {
     @content
@@ -41,14 +28,6 @@ $xxlarge: 1600;
   }
 }
 
-@mixin small-only {
-  @include x-small-up {
-    @include small-down {
-      @content;
-    }
-  }
-}
-
 @mixin medium-up {
   @include min-width($medium) {
     @content

package/scss/index.scss

@@ -1,4 +1,4 @@
-@import "helpers/index";
+@import "helpers";
 
 @import "app";
 @import "city-of-london";

package/components/BrButton/components.js

@@ -1,4 +0,0 @@
-import RemoveTicket from "./remove_ticket.vue";
-import DotTyping from "./dot_typing.vue";
-
-export { RemoveTicket, DotTyping };

package/scss/helpers/index.scss

@@ -1,4 +0,0 @@
-// paths more explicit for gulp-sass
-@import "functions/index";
-@import "variables/index";
-@import "mixins/index";