paraqeet 1.1.0 → 2.0.2

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d93e27cea052ab9ee046c37a363011c872b15e64c004f71990619fbac02526cf
4
- data.tar.gz: 5c6758016517e65ca6f0ec32ca7cb0f9ebcc179a568ed58e4ec3d421ac28955b
3
+ metadata.gz: 9c8b3717e192da81d13a7763e2505c4f70c5480a4b8525dbea40f032e26ebc5b
4
+ data.tar.gz: 9f2987f55b048ea66f20ed2c0cf90b32a2ba2e30c5c448f3093b965211de269c
5
5
  SHA512:
6
- metadata.gz: e40547161b374a367492663e61018f4c824d506f3c8fc867a06fec8c40fa75e2eba7851034d5df55ec8da0af83015daa949328c7001c3f8521e26fa5eecc55f5
7
- data.tar.gz: 7d8fd21d7033fd20a5604e2adca7289dd208959eae1c75597ccbbc3a2f31ae51c21bddd47508b29d0f14fab2b53b61c14fdf27c23fa0e0c18c2839df456881e6
6
+ metadata.gz: 1ae44026a07af7608d70c5d2112e44e9f5c9bd05d9a234aa031c86b9794f11c25d493318692cf922e479df21cd4fdd23a11b1fa9654a951e367d385e1fc147e0
7
+ data.tar.gz: dccc7e8447cebf69eec0290e06f4f137e5c94a03f51ea31efc516022eb60fa1aa15e9b9fa8c7375a5c65317f202c4df986bf8e00b8aabedbb2df7306bcd50fd7
data/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Paraqeet
2
2
 
3
- Paraqeet is a [Jekyll](https://jekyllrb.com/) theme for building websites using [Bootstrap](https://getbootstrap.com/) - the most popular HTML, CSS, and JS library in the world. Paraqeet comes pre-loaded with the latest versions of Bootstrap and [Bootstrap Icons](https://icons.getbootstrap.com/), as well as built-in CSS theme support for [Rouge](http://rouge.jneen.net/) - Jekyll's default code syntax highlighter.
3
+ Paraqeet is a Jekyll theme for building websites using Bootstrap - the most popular HTML, CSS, and JS library in the world. Paraqeet comes pre-loaded with the latest versions of Bootstrap and Bootstrap Icons - the official open source SVG icon library for Bootstrap, as well as built-in Sass support for Rouge - Jekylls default code syntax highlighter.
4
4
 
5
5
  ## Installation and Usage
6
6
 
data/_includes/icon.html CHANGED
@@ -1,46 +1,37 @@
1
+ {%- assign icon = nil -%}
2
+
1
3
  {%- assign name = include.name | downcase -%}
2
4
  {%- assign type = 'font' -%}
3
5
  {%- assign size = 16 -%}
4
- {%- assign width = size -%}
5
- {%- assign height = size -%}
6
- {%- assign class = nil -%}
7
- {%- assign style = nil -%}
8
-
9
- {%- assign icon = nil -%}
6
+ {%- assign class = 'bi bi-' | append: name -%}
10
7
 
11
8
  {%- assign title = name | replace: '-', ' ' | capitalize | escape -%}
9
+ {%- assign path = '/assets/bootstrap-icons/' | relative_url -%}
12
10
 
13
11
  {%- if include.type -%}
14
12
  {%- assign type = include.type | downcase -%}
15
13
  {%- endif -%}
16
14
 
17
15
  {%- if include.size -%}
18
- {%- assign width = include.size -%}
19
- {%- assign height = include.size -%}
20
- {%- endif -%}
21
-
22
- {%- if include.width -%}
23
- {%- assign width = include.width -%}
16
+ {%- assign size = include.size -%}
24
17
  {%- endif -%}
25
18
 
26
- {%- if include.height -%}
27
- {%- assign height = include.height -%}
19
+ {%- if include.class -%}
20
+ {%- assign class = class | append: ' ' | append: include.class -%}
28
21
  {%- endif -%}
29
22
 
30
23
  {%- case type -%}
31
24
  {%- when 'font' -%}
32
25
  {%- capture icon -%}
33
- <i class="bi-{{- name -}}{% if include.class %} {{ include.class }}{% endif %}" role="img" aria-label="{{- title -}}"{% if include.style %} style="{{ include.style }}"{% endif %}></i>
26
+ <i aria-label="{{- title -}}" role="img" class="{{- class -}}"></i>
34
27
  {%- endcapture -%}
35
28
  {%- when 'image' -%}
36
- {%- assign image = '/assets/bootstrap-icons/' | append: name | append: '.svg' -%}
37
29
  {%- capture icon -%}
38
- <img{% if include.class %} class="{{ include.class }}"{% endif %} src="{{- image | relative_url -}}" alt="{{- title -}}" width="{{- width -}}" height="{{- height -}}"{% if include.style %} style="{{ include.style }}"{% endif %}>
30
+ <img alt="{{- title -}}" role="img" class="{{- class -}}" width="{{- size -}}" height="{{- size -}}" src="{{- path -}}{{- name -}}.svg">
39
31
  {%- endcapture -%}
40
32
  {%- when 'sprite' -%}
41
- {%- assign image = '/assets/bootstrap-icons/bootstrap-icons.svg#' | append: name -%}
42
33
  {%- capture icon -%}
43
- <svg class="bi{% if include.class %} {{ include.class }}{% endif %}" width="{{- width -}}" height="{{- height -}}" fill="currentColor" role="img" aria-label="{{- title -}}"{% if include.style %} style="{{ include.style }}"{% endif %}><use xlink:href="{{- image | relative_url -}}"/></svg>
34
+ <svg aria-label="{{- title -}}" role="img" focusable="false" class="{{- class -}}" width="{{- size -}}" height="{{- size -}}" fill="currentColor"><use xlink:href="{{- path -}}bootstrap-icons.svg#{{- name -}}"/></svg>
44
35
  {%- endcapture -%}
45
36
  {%- endcase -%}
46
37
 
@@ -20,7 +20,6 @@
20
20
  --#{$prefix}accordion-btn-icon-transform: #{$accordion-icon-transform};
21
21
  --#{$prefix}accordion-btn-icon-transition: #{$accordion-icon-transition};
22
22
  --#{$prefix}accordion-btn-active-icon: #{escape-svg($accordion-button-active-icon)};
23
- --#{$prefix}accordion-btn-focus-border-color: #{$accordion-button-focus-border-color};
24
23
  --#{$prefix}accordion-btn-focus-box-shadow: #{$accordion-button-focus-box-shadow};
25
24
  --#{$prefix}accordion-body-padding-x: #{$accordion-body-padding-x};
26
25
  --#{$prefix}accordion-body-padding-y: #{$accordion-body-padding-y};
@@ -74,7 +73,6 @@
74
73
 
75
74
  &:focus {
76
75
  z-index: 3;
77
- border-color: var(--#{$prefix}accordion-btn-focus-border-color);
78
76
  outline: 0;
79
77
  box-shadow: var(--#{$prefix}accordion-btn-focus-box-shadow);
80
78
  }
@@ -92,7 +90,7 @@
92
90
  &:first-of-type {
93
91
  @include border-top-radius(var(--#{$prefix}accordion-border-radius));
94
92
 
95
- .accordion-button {
93
+ > .accordion-header .accordion-button {
96
94
  @include border-top-radius(var(--#{$prefix}accordion-inner-border-radius));
97
95
  }
98
96
  }
@@ -105,13 +103,13 @@
105
103
  &:last-of-type {
106
104
  @include border-bottom-radius(var(--#{$prefix}accordion-border-radius));
107
105
 
108
- .accordion-button {
106
+ > .accordion-header .accordion-button {
109
107
  &.collapsed {
110
108
  @include border-bottom-radius(var(--#{$prefix}accordion-inner-border-radius));
111
109
  }
112
110
  }
113
111
 
114
- .accordion-collapse {
112
+ > .accordion-collapse {
115
113
  @include border-bottom-radius(var(--#{$prefix}accordion-border-radius));
116
114
  }
117
115
  }
@@ -127,11 +125,7 @@
127
125
  // Remove borders and border-radius to keep accordion items edge-to-edge.
128
126
 
129
127
  .accordion-flush {
130
- .accordion-collapse {
131
- border-width: 0;
132
- }
133
-
134
- .accordion-item {
128
+ > .accordion-item {
135
129
  border-right: 0;
136
130
  border-left: 0;
137
131
  @include border-radius(0);
@@ -139,12 +133,18 @@
139
133
  &:first-child { border-top: 0; }
140
134
  &:last-child { border-bottom: 0; }
141
135
 
142
- .accordion-button {
136
+ // stylelint-disable selector-max-class
137
+ > .accordion-header .accordion-button {
143
138
  &,
144
139
  &.collapsed {
145
140
  @include border-radius(0);
146
141
  }
147
142
  }
143
+ // stylelint-enable selector-max-class
144
+
145
+ > .accordion-collapse {
146
+ @include border-radius(0);
147
+ }
148
148
  }
149
149
  }
150
150
 
@@ -100,6 +100,15 @@
100
100
  }
101
101
  }
102
102
 
103
+ .btn-check:checked:focus-visible + & {
104
+ // Avoid using mixin so we can pass custom focus shadow properly
105
+ @if $enable-shadows {
106
+ box-shadow: var(--#{$prefix}btn-active-shadow), var(--#{$prefix}btn-focus-box-shadow);
107
+ } @else {
108
+ box-shadow: var(--#{$prefix}btn-focus-box-shadow);
109
+ }
110
+ }
111
+
103
112
  &:disabled,
104
113
  &.disabled,
105
114
  fieldset:disabled & {
@@ -132,19 +132,11 @@
132
132
  background-size: 100% 100%;
133
133
  }
134
134
 
135
- /* rtl:options: {
136
- "autoRename": true,
137
- "stringMap":[ {
138
- "name" : "prev-next",
139
- "search" : "prev",
140
- "replace" : "next"
141
- } ]
142
- } */
143
135
  .carousel-control-prev-icon {
144
- background-image: escape-svg($carousel-control-prev-icon-bg);
136
+ background-image: escape-svg($carousel-control-prev-icon-bg) #{"/*rtl:" + escape-svg($carousel-control-next-icon-bg) + "*/"};
145
137
  }
146
138
  .carousel-control-next-icon {
147
- background-image: escape-svg($carousel-control-next-icon-bg);
139
+ background-image: escape-svg($carousel-control-next-icon-bg) #{"/*rtl:" + escape-svg($carousel-control-prev-icon-bg) + "*/"};
148
140
  }
149
141
 
150
142
  // Optional indicator pips/controls
@@ -126,7 +126,6 @@
126
126
  display: flex;
127
127
  flex-shrink: 0;
128
128
  align-items: center;
129
- justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
130
129
  padding: var(--#{$prefix}modal-header-padding);
131
130
  border-bottom: var(--#{$prefix}modal-header-border-width) solid var(--#{$prefix}modal-header-border-color);
132
131
  @include border-top-radius(var(--#{$prefix}modal-inner-border-radius));
@@ -123,14 +123,11 @@
123
123
  .offcanvas-header {
124
124
  display: flex;
125
125
  align-items: center;
126
- justify-content: space-between;
127
126
  padding: var(--#{$prefix}offcanvas-padding-y) var(--#{$prefix}offcanvas-padding-x);
128
127
 
129
128
  .btn-close {
130
129
  padding: calc(var(--#{$prefix}offcanvas-padding-y) * .5) calc(var(--#{$prefix}offcanvas-padding-x) * .5);
131
- margin-top: calc(-.5 * var(--#{$prefix}offcanvas-padding-y));
132
- margin-right: calc(-.5 * var(--#{$prefix}offcanvas-padding-x));
133
- margin-bottom: calc(-.5 * var(--#{$prefix}offcanvas-padding-y));
130
+ margin: calc(-.5 * var(--#{$prefix}offcanvas-padding-y)) calc(-.5 * var(--#{$prefix}offcanvas-padding-x)) calc(-.5 * var(--#{$prefix}offcanvas-padding-y)) auto;
134
131
  }
135
132
  }
136
133
 
@@ -79,7 +79,7 @@
79
79
  //
80
80
  // When borders are added on all sides of the cells, the corners can render odd when
81
81
  // these borders do not have the same color or if they are semi-transparent.
82
- // Therefor we add top and border bottoms to the `tr`s and left and right borders
82
+ // Therefore we add top and border bottoms to the `tr`s and left and right borders
83
83
  // to the `td`s or `th`s
84
84
 
85
85
  .table-bordered {
@@ -1383,7 +1383,9 @@ $accordion-transition: $btn-transition, border-radius .15s ea
1383
1383
  $accordion-button-active-bg: var(--#{$prefix}primary-bg-subtle) !default;
1384
1384
  $accordion-button-active-color: var(--#{$prefix}primary-text-emphasis) !default;
1385
1385
 
1386
- $accordion-button-focus-border-color: $input-focus-border-color !default;
1386
+ // fusv-disable
1387
+ $accordion-button-focus-border-color: $input-focus-border-color !default; // Deprecated in v5.3.3
1388
+ // fusv-enable
1387
1389
  $accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;
1388
1390
 
1389
1391
  $accordion-icon-width: 1.25rem !default;
@@ -1392,8 +1394,8 @@ $accordion-icon-active-color: $primary-text-emphasis !default;
1392
1394
  $accordion-icon-transition: transform .2s ease-in-out !default;
1393
1395
  $accordion-icon-transform: rotate(-180deg) !default;
1394
1396
 
1395
- $accordion-button-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
1396
- $accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
1397
+ $accordion-button-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#{$accordion-icon-color}' stroke-linecap='round' stroke-linejoin='round'><path d='M2 5L8 11L14 5'/></svg>") !default;
1398
+ $accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#{$accordion-icon-active-color}' stroke-linecap='round' stroke-linejoin='round'><path d='M2 5L8 11L14 5'/></svg>") !default;
1397
1399
  // scss-docs-end accordion-variables
1398
1400
 
1399
1401
  // Tooltips
@@ -1745,3 +1747,5 @@ $kbd-bg: var(--#{$prefix}body-color) !default;
1745
1747
  $nested-kbd-font-weight: null !default; // Deprecated in v5.2.0, removing in v6
1746
1748
 
1747
1749
  $pre-color: null !default;
1750
+
1751
+ @import "variables-dark"; // TODO: can be removed safely in v6, only here to avoid breaking changes in v5.3
@@ -131,7 +131,7 @@
131
131
  margin-left: $form-switch-padding-start * -1;
132
132
  background-image: var(--#{$prefix}form-switch-bg);
133
133
  background-position: left center;
134
- @include border-radius($form-switch-border-radius);
134
+ @include border-radius($form-switch-border-radius, 0);
135
135
  @include transition($form-switch-transition);
136
136
 
137
137
  &:focus {
@@ -1,7 +1,7 @@
1
1
  @mixin bsBanner($file) {
2
2
  /*!
3
- * Bootstrap #{$file} v5.3.2 (https://getbootstrap.com/)
4
- * Copyright 2011-2023 The Bootstrap Authors
3
+ * Bootstrap #{$file} v5.3.3 (https://getbootstrap.com/)
4
+ * Copyright 2011-2024 The Bootstrap Authors
5
5
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6
6
  */
7
7
  }
@@ -69,7 +69,12 @@
69
69
 
70
70
  &:focus {
71
71
  border-color: $border-color;
72
- box-shadow: $focus-box-shadow;
72
+ @if $enable-shadows {
73
+ @include box-shadow($input-box-shadow, $focus-box-shadow);
74
+ } @else {
75
+ // Avoid using mixin so we can pass custom focus shadow properly
76
+ box-shadow: $focus-box-shadow;
77
+ }
73
78
  }
74
79
  }
75
80
  }
@@ -100,7 +105,12 @@
100
105
 
101
106
  &:focus {
102
107
  border-color: $border-color;
103
- box-shadow: $focus-box-shadow;
108
+ @if $enable-shadows {
109
+ @include box-shadow($form-select-box-shadow, $focus-box-shadow);
110
+ } @else {
111
+ // Avoid using mixin so we can pass custom focus shadow properly
112
+ box-shadow: $focus-box-shadow;
113
+ }
104
114
  }
105
115
  }
106
116
  }
@@ -138,7 +138,7 @@
138
138
  }
139
139
  }
140
140
 
141
- // Start with `1` because `0` is and invalid value.
141
+ // Start with `1` because `0` is an invalid value.
142
142
  // Ends with `$columns - 1` because offsetting by the width of an entire row isn't possible.
143
143
  @for $i from 1 through ($columns - 1) {
144
144
  .g-start#{$infix}-#{$i} {
@@ -0,0 +1,7 @@
1
+ // TODO: this file can be removed safely in v6 when `@import "variables-dark"` will be removed at the end of _variables.scss
2
+
3
+ @import "../../functions";
4
+ @import "../../variables";
5
+ // Voluntarily not importing _variables-dark.scss
6
+ @import "../../maps";
7
+ @import "../../mixins";
@@ -258,7 +258,7 @@ $enable-important-utilities: false;
258
258
  .desaturated-color-blue {
259
259
  --bs-color-opacity: 1;
260
260
  // Sass compilation will put a leading zero so we want to keep that one
261
- // stylelint-disable-next-line stylistic/number-leading-zero
261
+ // stylelint-disable-next-line @stylistic/number-leading-zero
262
262
  --bs-color-saturation: 0.25;
263
263
  color: hsla(192deg, var(--bs-color-saturation), 0, var(--bs-color-opacity));
264
264
  }
@@ -1,6 +1,6 @@
1
1
  /*!
2
- * Bootstrap v5.3.2 (https://getbootstrap.com/)
3
- * Copyright 2011-2023 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
2
+ * Bootstrap v5.3.3 (https://getbootstrap.com/)
3
+ * Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
4
4
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
5
5
  */
6
6
  (function (global, factory) {
@@ -210,7 +210,6 @@
210
210
  const reflow = element => {
211
211
  element.offsetHeight; // eslint-disable-line no-unused-expressions
212
212
  };
213
-
214
213
  const getjQuery = () => {
215
214
  if (window.jQuery && !document.body.hasAttribute('data-bs-no-jquery')) {
216
215
  return window.jQuery;
@@ -648,7 +647,7 @@
648
647
  * Constants
649
648
  */
650
649
 
651
- const VERSION = '5.3.2';
650
+ const VERSION = '5.3.3';
652
651
 
653
652
  /**
654
653
  * Class definition
@@ -729,9 +728,9 @@
729
728
  if (hrefAttribute.includes('#') && !hrefAttribute.startsWith('#')) {
730
729
  hrefAttribute = `#${hrefAttribute.split('#')[1]}`;
731
730
  }
732
- selector = hrefAttribute && hrefAttribute !== '#' ? parseSelector(hrefAttribute.trim()) : null;
731
+ selector = hrefAttribute && hrefAttribute !== '#' ? hrefAttribute.trim() : null;
733
732
  }
734
- return selector;
733
+ return selector ? selector.split(',').map(sel => parseSelector(sel)).join(',') : null;
735
734
  };
736
735
  const SelectorEngine = {
737
736
  find(selector, element = document.documentElement) {
@@ -3916,7 +3915,6 @@
3916
3915
  // if false, we use the backdrop helper without adding any element to the dom
3917
3916
  rootElement: 'body' // give the choice to place backdrop under different elements
3918
3917
  };
3919
-
3920
3918
  const DefaultType$8 = {
3921
3919
  className: 'string',
3922
3920
  clickCallback: '(function|null)',
@@ -4041,7 +4039,6 @@
4041
4039
  autofocus: true,
4042
4040
  trapElement: null // The element to trap focus inside of
4043
4041
  };
4044
-
4045
4042
  const DefaultType$7 = {
4046
4043
  autofocus: 'boolean',
4047
4044
  trapElement: 'element'
@@ -4768,7 +4765,10 @@
4768
4765
  br: [],
4769
4766
  col: [],
4770
4767
  code: [],
4768
+ dd: [],
4771
4769
  div: [],
4770
+ dl: [],
4771
+ dt: [],
4772
4772
  em: [],
4773
4773
  hr: [],
4774
4774
  h1: [],