barbican-reset 1.8.8 → 1.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/components/payment_logo.vue +1 -1
  2. package/helpers/mixins/_br-alert.scss +4 -0
  3. package/helpers/mixins/_buttons.scss +4 -4
  4. package/helpers/mixins/_card.scss +2 -5
  5. package/helpers/mixins/_focus.scss +6 -0
  6. package/helpers/mixins/input/_generic.scss +1 -3
  7. package/package.json +77 -25
  8. package/scss/_atomic.scss +4 -0
  9. package/scss/_btn.scss +11 -0
package/components/payment_logo.vue CHANGED
@@ -22,7 +22,7 @@ export default {
22
22
  <style lang="scss" module>
23
23
 
24
24
  .label {
25
- @include hide-text;
25
+ @include sr-only;
26
26
  text-transform: uppercase;
27
27
  height: 0;
28
28
  width: 0;
package/helpers/mixins/_br-alert.scss CHANGED
@@ -10,6 +10,10 @@
10
10
  background-color: $fade;
11
11
  border-color: $light;
12
12
  color: $main;
13
+
14
+ svg {
15
+ fill: $main;
16
+ }
13
17
  }
14
18
 
15
19
  @mixin br-alert-wrap--toggle {
package/helpers/mixins/_buttons.scss CHANGED
@@ -21,7 +21,7 @@
21
21
  }
22
22
  }
23
23
 
24
- @mixin button-display($display:'ib',$gap:1em) {
24
+ @mixin button-display($display:'ib',$gap:1) {
25
25
  @if $display == 'ib' {
26
26
  vertical-align: middle;
27
27
  display: inline-block;
@@ -34,7 +34,7 @@
34
34
  @else if $display == 'flex' {
35
35
  display: inline-flex;
36
36
  align-items: center;
37
- gap: $gap;
37
+ gap: #{$gap}rem;
38
38
  }
39
39
  }
40
40
 
@@ -116,16 +116,16 @@
116
116
  @mixin button-link(
117
117
  $color: inherit,
118
118
  $background: transparent,
119
- $padding: false,
119
+ $padding: 0,
120
120
  $line-height: false) {
121
121
  background-color: $background;
122
122
  text-decoration: underline;
123
123
  font-weight: inherit;
124
+ padding: $padding;
124
125
  border-radius: 0;
125
126
  color: $color;
126
127
 
127
128
  @if $line-height { line-height: $line-height; }
128
- @if $padding { padding: $padding; }
129
129
  }
130
130
 
131
131
  @mixin btn-primary {
package/helpers/mixins/_card.scss CHANGED
@@ -4,8 +4,8 @@
4
4
  border-radius: $border-radius-lg;
5
5
  background-color: white;
6
6
 
7
- &:not(:first-child) {
8
- margin-top: 1.25rem;
7
+ + .card {
8
+ margin-top: 1rem;
9
9
  }
10
10
  }
11
11
 
@@ -24,7 +24,6 @@
24
24
 
25
25
  @mixin card-body {
26
26
  padding: 1.75rem 1.75rem 1.5rem;
27
- // padding: 1.5rem;
28
27
  }
29
28
 
30
29
  @mixin card-footer {
@@ -44,10 +43,8 @@
44
43
  @mixin form-card {
45
44
  .card-header {
46
45
  @include card-header;
47
- // padding: 1.5rem 1.75rem 1.25rem;
48
46
  }
49
47
  .card-body {
50
48
  @include card-body;
51
- // padding: 1.75rem 1.75rem 1.5rem;
52
49
  }
53
50
  }
package/helpers/mixins/_focus.scss CHANGED
@@ -39,6 +39,12 @@
39
39
  background-color: $c-grey-l96;
40
40
  }
41
41
 
42
+ @mixin default-label-focus {
43
+ @include single-box($c-grey-l44, 0.0625rem);
44
+ border: 1px solid $c-grey-l44;
45
+ background-color: $c-grey-l96;
46
+ }
47
+
42
48
  @mixin neutral-status-colors {
43
49
  background-color: $c-status-neutral-fade;
44
50
  border: 1px solid $c-status-neutral;
package/helpers/mixins/input/_generic.scss CHANGED
@@ -24,9 +24,7 @@
24
24
  outline: none;
25
25
 
26
26
  ~ label {
27
- @include single-box($c-grey-l44, 0.0625rem);
28
- border: 1px solid $c-grey-l44;
29
- background-color: $c-grey-l96;
27
+ @include default-label-focus;
30
28
  }
31
29
 
32
30
  &:checked ~ label {
package/package.json CHANGED
@@ -1,31 +1,56 @@
1
1
  {
2
- "name": "barbican-reset",
3
- "version": "1.8.8",
4
- "description": "A collection of useful scss imports and js scripts, that provide consistent styling and functionality across barbican projects.",
5
- "main": "index.js",
6
- "scripts": {
7
- "test": "echo \"Error: no test specified\" && exit 1"
2
+ "_args": [
3
+ [
4
+ "barbican-reset@1.9.1",
5
+ "/Users/pheading/Sites/eticketing-vue"
6
+ ]
7
+ ],
8
+ "_from": "barbican-reset@1.9.1",
9
+ "_id": "barbican-reset@1.9.1",
10
+ "_inBundle": false,
11
+ "_integrity": "sha512-9QMrzuoZ/NZfFlFagC6go3ofn5hBhU9rtSPEeGH0krwY5dBKOlfs8oGIvqUaEGFKI+jQ3spuDOQoeyYK5NRiQw==",
12
+ "_location": "/barbican-reset",
13
+ "_phantomChildren": {
14
+ "array-flatten": "1.1.1",
15
+ "content-type": "1.0.4",
16
+ "cookie-signature": "1.0.6",
17
+ "ee-first": "1.1.1",
18
+ "encodeurl": "1.0.2",
19
+ "escape-html": "1.0.3",
20
+ "etag": "1.8.1",
21
+ "fresh": "0.5.2",
22
+ "iconv-lite": "0.4.24",
23
+ "inherits": "2.0.4",
24
+ "merge-descriptors": "1.0.1",
25
+ "methods": "1.1.2",
26
+ "parseurl": "1.3.3",
27
+ "path-to-regexp": "0.1.7",
28
+ "range-parser": "1.2.1",
29
+ "side-channel": "1.0.4",
30
+ "type-is": "1.6.18",
31
+ "unpipe": "1.0.0",
32
+ "utils-merge": "1.0.1",
33
+ "vary": "1.1.2"
8
34
  },
9
- "style": "dist/css/barbican-reset.css",
10
- "sass": "scss/index.scss",
11
- "repository": {
12
- "type": "git",
13
- "url": "https://bitbucket.org/barbicandev/barbican-reset/"
35
+ "_requested": {
36
+ "type": "version",
37
+ "registry": true,
38
+ "raw": "barbican-reset@1.9.1",
39
+ "name": "barbican-reset",
40
+ "escapedName": "barbican-reset",
41
+ "rawSpec": "1.9.1",
42
+ "saveSpec": null,
43
+ "fetchSpec": "1.9.1"
14
44
  },
15
- "files": [
16
- "animations/**/*",
17
- "components/**/*",
18
- "dist/**/*",
19
- "fonts/*.{woff,woff2}",
20
- "helpers/**/*",
21
- "icons/**/*",
22
- "library/**/*",
23
- "logos/*",
24
- "scss/**/*",
25
- "focus-visible.min.js"
45
+ "_requiredBy": [
46
+ "/"
26
47
  ],
27
- "author": "Paul Heading",
28
- "license": "MIT",
48
+ "_resolved": "https://registry.npmjs.org/barbican-reset/-/barbican-reset-1.9.1.tgz",
49
+ "_spec": "1.9.1",
50
+ "_where": "/Users/pheading/Sites/eticketing-vue",
51
+ "author": {
52
+ "name": "Paul Heading"
53
+ },
29
54
  "dependencies": {
30
55
  "bootstrap": "^5.1.3",
31
56
  "bootstrap-vue": "^2.21.2",
@@ -44,5 +69,32 @@
44
69
  "sass": "^1.41.0",
45
70
  "vue-moment": "^4.1.0",
46
71
  "vue-slick-carousel": "^1.0.6"
47
- }
72
+ },
73
+ "description": "A collection of useful scss imports and js scripts, that provide consistent styling and functionality across barbican projects.",
74
+ "files": [
75
+ "animations/**/*",
76
+ "components/**/*",
77
+ "dist/**/*",
78
+ "fonts/*.{woff,woff2}",
79
+ "helpers/**/*",
80
+ "icons/**/*",
81
+ "library/**/*",
82
+ "logos/*",
83
+ "scss/**/*",
84
+ "focus-visible.min.js"
85
+ ],
86
+ "homepage": "https://bitbucket.org/barbicandev/barbican-reset#readme",
87
+ "license": "MIT",
88
+ "main": "index.js",
89
+ "name": "barbican-reset",
90
+ "repository": {
91
+ "type": "git",
92
+ "url": "git+https://bitbucket.org/barbicandev/barbican-reset.git"
93
+ },
94
+ "sass": "scss/index.scss",
95
+ "scripts": {
96
+ "test": "echo \"Error: no test specified\" && exit 1"
97
+ },
98
+ "style": "dist/css/barbican-reset.css",
99
+ "version": "1.9.1"
48
100
  }
package/scss/_atomic.scss CHANGED
@@ -77,4 +77,8 @@ $paddings05: "padding-top", "padding-bottom", "padding-right", "padding-left";
77
77
 
78
78
  .background-color-alt {
79
79
  background-color: $c-brand-generic-tint-98;
80
+ }
81
+
82
+ .min-width-3 {
83
+ min-width: 3rem;
80
84
  }
package/scss/_btn.scss CHANGED
@@ -94,6 +94,17 @@
94
94
  @include btn-resale;
95
95
  }
96
96
 
97
+ &.btn-radio {
98
+ border: 1px solid hsl(0deg, 0%, 65%);
99
+ padding: 0.75rem 0.75rem 0.625rem;
100
+ font-weight: normal;
101
+ margin: 0.25rem;
102
+
103
+ @include focus {
104
+ @include default-label-focus;
105
+ }
106
+ }
107
+
97
108
  // modifyers
98
109
  &.expand {
99
110
  @include btn-expand;