barbican-reset 2.33.0 → 2.35.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.
Files changed (110) hide show
  1. package/README.md +159 -0
  2. package/components/br_alert.vue +10 -9
  3. package/components/br_skiplink.vue +17 -0
  4. package/components/card_display.vue +15 -15
  5. package/components/fluid_iframe.vue +8 -9
  6. package/index.js +34 -35
  7. package/package.json +9 -8
  8. package/patterns/components/alert.pug +8 -0
  9. package/patterns/components/section.pug +3 -0
  10. package/patterns/html/blocks.html +1 -0
  11. package/patterns/html/index.html +1 -0
  12. package/patterns/html/layouts.html +1 -0
  13. package/patterns/index.js +19 -7
  14. package/patterns/layouts/main.pug +21 -0
  15. package/patterns/layouts/page.pug +2 -0
  16. package/patterns/pages/alerts.pug +9 -0
  17. package/patterns/pages/colors.pug +25 -0
  18. package/patterns/scss/styles.scss +68 -3
  19. package/patterns/static/favicon.ico +0 -0
  20. package/patterns/static/styles.css +2206 -26
  21. package/patterns/views/blocks.pug +7 -0
  22. package/patterns/views/index.pug +5 -28
  23. package/patterns/views/layouts.pug +4 -0
  24. package/scss/_atomic.scss +40 -14
  25. package/scss/_br-alert.scss +10 -5
  26. package/scss/_br-button.scss +186 -0
  27. package/scss/_br-skiplink.scss +3 -0
  28. package/scss/helpers/mixins/_br-skiplink.scss +16 -0
  29. package/{helpers → scss/helpers}/mixins/_buttons.scss +0 -7
  30. package/{helpers → scss/helpers}/mixins/_focus.scss +2 -2
  31. package/{helpers → scss/helpers}/mixins/_font.scss +1 -1
  32. package/{helpers → scss/helpers}/mixins/_headings.scss +2 -0
  33. package/{helpers → scss/helpers}/mixins/index.scss +9 -7
  34. package/{helpers → scss/helpers}/mixins/input/_generic.scss +1 -1
  35. package/{helpers → scss/helpers}/variables/_columns.scss +0 -1
  36. package/{helpers → scss/helpers}/variables/_typography.scss +5 -1
  37. package/scss/helpers/variables/colors/_brand.scss +96 -0
  38. package/{patterns/scss → scss/helpers/variables}/colors/_grey.scss +3 -1
  39. package/{patterns/scss → scss/helpers/variables}/colors/index.scss +1 -1
  40. package/scss/helpers/variables/index.scss +5 -0
  41. package/scss/index.scss +5 -3
  42. package/components/skip_link.vue +0 -38
  43. package/fonts/SupremeLLWeb-Black.woff +0 -0
  44. package/fonts/SupremeLLWeb-Black.woff2 +0 -0
  45. package/fonts/SupremeLLWeb-BlackItalic.woff +0 -0
  46. package/fonts/SupremeLLWeb-BlackItalic.woff2 +0 -0
  47. package/fonts/SupremeLLWeb-Italic.woff +0 -0
  48. package/fonts/SupremeLLWeb-Italic.woff2 +0 -0
  49. package/fonts/SupremeLLWeb-Light.woff +0 -0
  50. package/fonts/SupremeLLWeb-Light.woff2 +0 -0
  51. package/fonts/SupremeLLWeb-LightItalic.woff +0 -0
  52. package/fonts/SupremeLLWeb-LightItalic.woff2 +0 -0
  53. package/fonts/SupremeLLWeb-Regular.woff +0 -0
  54. package/fonts/SupremeLLWeb-Regular.woff2 +0 -0
  55. package/helpers/variables/index.scss +0 -5
  56. package/patterns/scss/colors/_brand.scss +0 -79
  57. package/patterns/views/layout.pug +0 -8
  58. /package/patterns/{views/mixins.pug → components/samples.pug} +0 -0
  59. /package/{helpers → scss/helpers}/functions/index.scss +0 -0
  60. /package/{helpers → scss/helpers}/index.scss +0 -0
  61. /package/{helpers → scss/helpers}/mixins/_basket.scss +0 -0
  62. /package/{helpers → scss/helpers}/mixins/_br-alert.scss +0 -0
  63. /package/{helpers → scss/helpers}/mixins/_br-card.scss +0 -0
  64. /package/{helpers → scss/helpers}/mixins/_br-footer.scss +0 -0
  65. /package/{helpers → scss/helpers}/mixins/_br-form-password.scss +0 -0
  66. /package/{helpers → scss/helpers}/mixins/_br-form-row.scss +0 -0
  67. /package/{helpers → scss/helpers}/mixins/_br-form-update.scss +0 -0
  68. /package/{helpers → scss/helpers}/mixins/_breakpoints.scss +0 -0
  69. /package/{helpers → scss/helpers}/mixins/_city-of-london.scss +0 -0
  70. /package/{helpers → scss/helpers}/mixins/_content.scss +0 -0
  71. /package/{helpers → scss/helpers}/mixins/_core.scss +0 -0
  72. /package/{helpers → scss/helpers}/mixins/_festival.scss +0 -0
  73. /package/{helpers → scss/helpers}/mixins/_input.scss +0 -0
  74. /package/{helpers → scss/helpers}/mixins/_loading.scss +0 -0
  75. /package/{helpers → scss/helpers}/mixins/_table.scss +0 -0
  76. /package/{helpers → scss/helpers}/mixins/account/_orders.scss +0 -0
  77. /package/{helpers → scss/helpers}/mixins/buttons/_outline.scss +0 -0
  78. /package/{helpers → scss/helpers}/mixins/buttons/_setup.scss +0 -0
  79. /package/{helpers → scss/helpers}/mixins/buttons/_solid.scss +0 -0
  80. /package/{helpers → scss/helpers}/mixins/buttons/_spektrix.scss +0 -0
  81. /package/{helpers → scss/helpers}/mixins/drupal/_br-border-reset.scss +0 -0
  82. /package/{helpers → scss/helpers}/mixins/drupal/_br-column.scss +0 -0
  83. /package/{helpers → scss/helpers}/mixins/drupal/_br-container.scss +0 -0
  84. /package/{helpers → scss/helpers}/mixins/drupal/_br-inner.scss +0 -0
  85. /package/{helpers → scss/helpers}/mixins/drupal/_br-search-form.scss +0 -0
  86. /package/{helpers → scss/helpers}/mixins/drupal/_br-site-logo.scss +0 -0
  87. /package/{helpers → scss/helpers}/mixins/drupal/index.scss +0 -0
  88. /package/{helpers → scss/helpers}/mixins/input/_checkbox.scss +0 -0
  89. /package/{helpers → scss/helpers}/mixins/input/_radio.scss +0 -0
  90. /package/{helpers → scss/helpers}/mixins/input/_select.scss +0 -0
  91. /package/{helpers → scss/helpers}/mixins/input/_status.scss +0 -0
  92. /package/{helpers → scss/helpers}/mixins/input/_text.scss +0 -0
  93. /package/{helpers → scss/helpers}/mixins/table/_basket.scss +0 -0
  94. /package/{helpers → scss/helpers}/mixins/table/_details.scss +0 -0
  95. /package/{helpers → scss/helpers}/mixins/table/_etickets.scss +0 -0
  96. /package/{helpers → scss/helpers}/mixins/table/_gifts.scss +0 -0
  97. /package/{helpers → scss/helpers}/mixins/table/_membership.scss +0 -0
  98. /package/{helpers → scss/helpers}/mixins/table/_orders.scss +0 -0
  99. /package/{helpers → scss/helpers}/mixins/table/_preferences.scss +0 -0
  100. /package/{helpers → scss/helpers}/mixins/table/_resale.scss +0 -0
  101. /package/{helpers → scss/helpers}/mixins/table/_section.scss +0 -0
  102. /package/{helpers → scss/helpers}/mixins/table/_simple.scss +0 -0
  103. /package/{helpers → scss/helpers}/mixins/table/_tickets.scss +0 -0
  104. /package/{helpers → scss/helpers}/mixins/table/row/_disabled.scss +0 -0
  105. /package/{helpers → scss/helpers}/variables/_alerts.scss +0 -0
  106. /package/{helpers → scss/helpers}/variables/_layout.scss +0 -0
  107. /package/{patterns/scss → scss/helpers/variables}/colors/_docs.scss +0 -0
  108. /package/{patterns/scss → scss/helpers/variables}/colors/_llf.scss +0 -0
  109. /package/{patterns/scss → scss/helpers/variables}/colors/_status.scss +0 -0
  110. /package/{patterns/scss → scss/helpers/variables}/colors/_wgp.scss +0 -0
@@ -1,38 +0,0 @@
1
- <template>
2
- <a :href="href" :class="$style.skiplink">
3
- <slot></slot>
4
- </a>
5
- </template>
6
-
7
- <script>
8
- export default {
9
- name: "SkipLink",
10
- props: {
11
- href: {
12
- type: String,
13
- required: true
14
- }
15
- }
16
- }
17
- </script>
18
-
19
- <style lang="scss" module>
20
-
21
- .skiplink {
22
- border: 0.25rem solid $c-grey-l21;
23
- border-radius: $border-radius-lg;
24
- background-color: $white;
25
- color: $c-grey-l21;
26
- position: absolute;
27
- padding: 0.5rem;
28
- z-index: -1;
29
- opacity: 0;
30
-
31
- @include focus {
32
- outline: none;
33
- opacity: 1;
34
- z-index: 2;
35
- }
36
- }
37
-
38
- </style>
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
@@ -1,5 +0,0 @@
1
- @import '../../patterns/scss/colors/index';
2
- @import 'typography';
3
- @import 'alerts';
4
- @import 'layout';
5
- @import 'columns';
@@ -1,79 +0,0 @@
1
- $c-brand-art: hsl(329, 100%, 45%);
2
- $c-brand-cinema: hsl(126, 62%, 33%);
3
- $c-brand-classical: hsl(38, 53%, 38%);
4
- $c-brand-contemporary: hsl(254, 44%, 33%);
5
- $c-brand-generic: hsl(21, 100%, 41%);
6
- $c-brand-membership: hsl(217, 72%, 53%);
7
- $c-brand-programme: $c-grey-l21;
8
- $c-brand-shop: hsl(168, 75%, 30%);
9
- $c-brand-talks: hsl(214, 30%, 49%);
10
- $c-brand-theatre: hsl(192, 99%, 31%);
11
-
12
- $c-patron: $c-grey-l44;
13
- $c-patron-light: hsl(0, 0%, 60%);
14
- $c-principle: $c-brand-classical;
15
- $c-principle-light: hsl(38, 53%, 53%);
16
-
17
- $setup: (
18
- contemporary-music: $c-brand-contemporary,
19
- membership--support: $c-brand-membership,
20
- tours--public-spaces: $c-brand-generic,
21
- classical-music: $c-brand-classical,
22
- talks--workshops: $c-brand-talks,
23
- // deprecated
24
- theatre--dance: $c-brand-theatre,
25
- talks--events: $c-brand-talks,
26
- art--design: $c-brand-art,
27
- generic: $c-brand-generic,
28
- library: $c-brand-generic,
29
- cinema: $c-brand-cinema,
30
- hire: $c-brand-generic,
31
- programme: $c-brand-programme,
32
- shop: $c-brand-shop,
33
- );
34
-
35
- $brands: (
36
- );
37
-
38
- @function map-brands($color) {
39
- $map: (
40
- shade-65: shade($color, 65%),
41
- shade-20: shade($color, 20%),
42
- shade-10: shade($color, 10%),
43
- base: $color,
44
- tint-40: tint($color, 40%),
45
- tint-70: tint($color, 70%),
46
- tint-85: tint($color, 85%),
47
- tint-95: tint($color, 95%),
48
- tint-98: tint($color, 98%),
49
- );
50
- @return $map;
51
- }
52
-
53
- @each $key, $value in $setup {
54
- $map: (
55
- );
56
- $map: map-merge($map,
57
- ($key: map-brands($value),
58
- ));
59
- $brands: map-merge($brands, $map);
60
- }
61
-
62
- @function brandColor($name, $variant: base) {
63
- @return map-get(map-get($brands, $name), $variant);
64
- }
65
-
66
- $c-background-alt: brandColor(generic, tint-95);
67
-
68
- $c-brand-cinema-dark: brandColor(cinema, shade-20); // deprecated
69
- $c-brand-shop-light: brandColor(shop, tint-85); // deprecated
70
- $c-brand-shop-dark: brandColor(shop, shade-20); // deprecated
71
- $c-brand-generic-s60-l99: brandColor(generic, tint-95); // faint deprecated
72
- $c-brand-generic-s100-l95: brandColor(generic, tint-85); // light deprecated
73
- $c-brand-generic-s50-l90: brandColor(generic, tint-70); // shade deprecated
74
- $c-brand-generic-s100-l38: brandColor(generic, shade-10); // dark deprecated
75
- $c-brand-generic-s100-l15: brandColor(generic, shade-65); // x-dark deprecated
76
-
77
- $c-brand-classical-light: brandColor(classical-music, tint-95); // deprecated
78
- $c-brand-classical-dark: brandColor(classical-music, shade-20); // deprecated
79
- $c-brand-membership-dark: hsl(223, 87%, 21%);
@@ -1,8 +0,0 @@
1
- html
2
- head
3
- title Pattern Library | Barbican Reset
4
- link(rel="stylesheet" href="/styles.css")
5
- body
6
- .br-container--outer
7
- .br-container--inner
8
- block content
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes