barbican-reset 3.30.0 → 3.32.0
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.
- package/README.md +180 -98
- package/animations/confirm.js +47 -45
- package/components/BrDetails.vue +1 -1
- package/components/BrFormCheckbox.vue +7 -17
- package/components/BrFormCheckboxGroup.vue +4 -8
- package/components/BrSkiplink.vue +2 -2
- package/index.js +2 -0
- package/mixins/inputs.js +42 -0
- package/package.json +43 -106
- package/scripts/helpers/compareArrays.js +11 -7
- package/scripts/helpers/formatKebabCase.js +12 -6
- package/scripts/helpers/logObject.js +10 -4
- package/scss/_variables.scss +249 -0
- package/scss/index.scss +0 -1
- package/scss/lists.scss +5 -0
- package/scss/mixins/br-link/_navcard.scss +1 -1
- package/scss/mixins/buttons/_custom.scss +5 -4
- package/scss/mixins/buttons/custom/_outline-secondary.scss +7 -2
- package/scss/mixins/input/_checkbox.scss +1 -1
- package/scss/mixins/table/_generic.scss +5 -4
- package/scss/reset.scss +5 -0
- package/scss/supreme.scss +15 -3
- package/scss/typography.scss +14 -0
- package/scss/_app.scss +0 -6
package/package.json
CHANGED
|
@@ -1,59 +1,45 @@
|
|
|
1
1
|
{
|
|
2
|
-
"
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
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"
|
|
2
|
+
"name": "barbican-reset",
|
|
3
|
+
"version": "3.32.0",
|
|
4
|
+
"description": "Shared design system for Barbican projects, providing SCSS utilities, animations, icons, Vue components, and JS helpers for consistent styling and behaviour.",
|
|
5
|
+
"main": "index.js",
|
|
6
|
+
"exports": {
|
|
7
|
+
".": "./index.js",
|
|
8
|
+
"./animations": "./animations/index.js",
|
|
9
|
+
"./lists": "./scss/lists.scss",
|
|
10
|
+
"./reset": "./scss/reset.scss",
|
|
11
|
+
"./supreme": "./scss/supreme.scss",
|
|
12
|
+
"./typography": "./scss/typography.scss",
|
|
13
|
+
"./focus-visible": "./focus-visible.min.js",
|
|
14
|
+
"./icons": "./icons/index.js",
|
|
15
|
+
"./icons/account": "./icons/account/index.js",
|
|
16
|
+
"./icons/confirm": "./icons/confirm/index.js",
|
|
17
|
+
"./icons/stream": "./icons/stream/index.js",
|
|
18
|
+
"./scss": "./scss/index.scss",
|
|
19
|
+
"./scss/functions": "./scss/functions/index.scss",
|
|
20
|
+
"./scss/mixins": "./scss/mixins/index.scss",
|
|
21
|
+
"./scss/helpers": "./scss/_helpers.scss",
|
|
22
|
+
"./scripts/helpers": "./scripts/helpers.js",
|
|
23
|
+
"./mixins": "./mixins/inputs.js"
|
|
34
24
|
},
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"fetchSpec": "2.7.0"
|
|
25
|
+
"imports": {
|
|
26
|
+
"#animations/*": "./animations/*.js",
|
|
27
|
+
"#components/*": "./components/*",
|
|
28
|
+
"#icons/*": "./icons/*",
|
|
29
|
+
"#mixins/*": "./mixins/*.js",
|
|
30
|
+
"#styles/*": "./scss/*.scss",
|
|
31
|
+
"#scripts/*": "./scripts/*.js",
|
|
32
|
+
"#helpers/*": "./scripts/helpers/*.js"
|
|
44
33
|
},
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
"author": {
|
|
52
|
-
"name": "Paul Heading"
|
|
34
|
+
"scripts": {
|
|
35
|
+
"build:css": "gulp build:css",
|
|
36
|
+
"serve:patterns": "cd patterns && node index",
|
|
37
|
+
"watch:patterns": "cd patterns && gulp watch",
|
|
38
|
+
"style:patterns": "cd patterns && gulp build:css",
|
|
39
|
+
"build:patterns": "cd patterns && rm -rf html && pug views --out html"
|
|
53
40
|
},
|
|
54
|
-
"
|
|
41
|
+
"devDependencies": {
|
|
55
42
|
"express": "^4.19.2",
|
|
56
|
-
"focus-visible": "^5.2.0",
|
|
57
43
|
"gsap": "^3.7.1",
|
|
58
44
|
"gulp": "^4.0.2",
|
|
59
45
|
"gulp-dart-sass": "^1.0.2",
|
|
@@ -61,10 +47,11 @@
|
|
|
61
47
|
"luxon": "^3.2.1",
|
|
62
48
|
"nodemon": "^3.1.0",
|
|
63
49
|
"pug": "^3.0.2",
|
|
64
|
-
"serve-favicon": "^2.5.0"
|
|
50
|
+
"serve-favicon": "^2.5.0"
|
|
51
|
+
},
|
|
52
|
+
"peerDependencies": {
|
|
65
53
|
"vue": "^3.5.18"
|
|
66
54
|
},
|
|
67
|
-
"description": "A collection of useful scss imports and js scripts, that provide consistent styling and functionality across barbican projects.",
|
|
68
55
|
"files": [
|
|
69
56
|
"animations/**/*",
|
|
70
57
|
"components/**/*",
|
|
@@ -79,63 +66,13 @@
|
|
|
79
66
|
"focus-visible.min.js",
|
|
80
67
|
"index.js"
|
|
81
68
|
],
|
|
82
|
-
"imports": {
|
|
83
|
-
"#animations/*": [
|
|
84
|
-
"./animations/*.js"
|
|
85
|
-
],
|
|
86
|
-
"#components/*": [
|
|
87
|
-
"./components/*"
|
|
88
|
-
],
|
|
89
|
-
"#icons/*": [
|
|
90
|
-
"./icons/*"
|
|
91
|
-
],
|
|
92
|
-
"#mixins/*": [
|
|
93
|
-
"./mixins/*.js"
|
|
94
|
-
],
|
|
95
|
-
"#styles/*": [
|
|
96
|
-
"./scss/*.scss"
|
|
97
|
-
],
|
|
98
|
-
"#scripts/*": [
|
|
99
|
-
"./scripts/*.js"
|
|
100
|
-
],
|
|
101
|
-
"#helpers/*": [
|
|
102
|
-
"./scripts/helpers/*.js"
|
|
103
|
-
]
|
|
104
|
-
},
|
|
105
|
-
"exports": {
|
|
106
|
-
".": "./index.js",
|
|
107
|
-
"./animations": "./animations/index.js",
|
|
108
|
-
"./css": "./scss/index.scss",
|
|
109
|
-
"./lists": "./scss/lists.scss",
|
|
110
|
-
"./reset": "./scss/reset.scss",
|
|
111
|
-
"./supreme": "./scss/supreme.scss",
|
|
112
|
-
"./typography": "./scss/typography.scss",
|
|
113
|
-
"./focus-visible": "./focus-visible.min.js",
|
|
114
|
-
"./icons": "./icons/index.js",
|
|
115
|
-
"./icons/account": "./icons/account/index.js",
|
|
116
|
-
"./icons/confirm": "./icons/confirm/index.js",
|
|
117
|
-
"./icons/stream": "./icons/stream/index.js",
|
|
118
|
-
"./scss": "./scss/index.scss",
|
|
119
|
-
"./scss/functions": "./scss/functions/index.scss",
|
|
120
|
-
"./scss/mixins": "./scss/mixins/index.scss",
|
|
121
|
-
"./scss/helpers": "./scss/_helpers.scss",
|
|
122
|
-
"./scripts/helpers": "./scripts/helpers.js",
|
|
123
|
-
"./mixins": "./mixins/inputs.js"
|
|
124
|
-
},
|
|
125
|
-
"main": "index.js",
|
|
126
69
|
"homepage": "https://bitbucket.org/barbicandev/barbican-reset#readme",
|
|
127
70
|
"license": "MIT",
|
|
128
|
-
"name": "barbican-reset",
|
|
129
71
|
"repository": {
|
|
130
72
|
"type": "git",
|
|
131
73
|
"url": "git+https://bitbucket.org/barbicandev/barbican-reset.git"
|
|
132
74
|
},
|
|
133
|
-
"
|
|
134
|
-
"
|
|
135
|
-
|
|
136
|
-
"watch:patterns": "cd patterns && gulp watch",
|
|
137
|
-
"style:patterns": "cd patterns && gulp build:css",
|
|
138
|
-
"build:patterns": "cd patterns && rm -rf html && pug views --out html"
|
|
139
|
-
},
|
|
140
|
-
"version": "3.30.0"
|
|
75
|
+
"author": {
|
|
76
|
+
"name": "Paul Heading"
|
|
77
|
+
}
|
|
141
78
|
}
|
|
@@ -1,10 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Compares two arrays for deep equality using JSON serialization.
|
|
3
|
+
*
|
|
4
|
+
* @param {Array} a - The first array to compare.
|
|
5
|
+
* @param {Array} b - The second array to compare.
|
|
6
|
+
* @returns {boolean} `true` if both arrays have the same elements in the same order, `false` otherwise.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* compareArrays([1, 2, 3], [1, 2, 3]); // => true
|
|
10
|
+
* compareArrays([1, 2, 3], [3, 2, 1]); // => false
|
|
11
|
+
*/
|
|
8
12
|
|
|
9
13
|
export default function (a, b) {
|
|
10
14
|
return JSON.stringify(a) === JSON.stringify(b)
|
|
@@ -1,9 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Formats a string into kebab-case by removing apostrophes, lowercasing,
|
|
3
|
+
* and replacing spaces with hyphens. Useful for generating CSS class names
|
|
4
|
+
* or HTML attributes from human-readable strings.
|
|
5
|
+
*
|
|
6
|
+
* @param {string} [value=''] - The string to format (e.g. a class name or attribute label).
|
|
7
|
+
* @returns {string} The kebab-cased string.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* formatKebabCase('Attribute Name'); // => 'attribute-name'
|
|
11
|
+
* formatKebabCase("It's A Title"); // => 'its-a-title'
|
|
12
|
+
*/
|
|
7
13
|
|
|
8
14
|
export default function (value = '') {
|
|
9
15
|
value = String(value)
|
|
@@ -1,7 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Logs an entire object to the console, including deeply nested children.
|
|
3
|
+
* Uses `util.inspect` to avoid truncation of complex or deeply nested structures.
|
|
4
|
+
*
|
|
5
|
+
* @param {*} target - The value to inspect and log.
|
|
6
|
+
* @returns {void}
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* logObject({ complicated: 'object', with: { child: 'values' } })
|
|
10
|
+
*/
|
|
5
11
|
|
|
6
12
|
import util from 'util'
|
|
7
13
|
|