paraqeet 0.9.0 → 0.11.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 (68) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE +1 -1
  3. data/_config.yml +4 -0
  4. data/_layouts/default.html +8 -8
  5. data/_sass/_bootstrap-icons.scss +12 -2042
  6. data/_sass/_variables-dark.scss +0 -0
  7. data/_sass/bootstrap/_alert.scss +2 -2
  8. data/_sass/bootstrap/_button-group.scss +2 -2
  9. data/_sass/bootstrap/_buttons.scss +3 -3
  10. data/_sass/bootstrap/_card.scss +1 -0
  11. data/_sass/bootstrap/_carousel.scss +9 -3
  12. data/_sass/bootstrap/_close.scss +2 -0
  13. data/_sass/bootstrap/_functions.scss +1 -1
  14. data/_sass/bootstrap/_grid.scss +6 -0
  15. data/_sass/bootstrap/_helpers.scss +2 -0
  16. data/_sass/bootstrap/_list-group.scss +8 -15
  17. data/_sass/bootstrap/_maps.scss +70 -17
  18. data/_sass/bootstrap/_nav.scss +40 -3
  19. data/_sass/bootstrap/_navbar.scss +8 -5
  20. data/_sass/bootstrap/_pagination.scss +1 -1
  21. data/_sass/bootstrap/_reboot.scss +1 -1
  22. data/_sass/bootstrap/_root.scss +42 -53
  23. data/_sass/bootstrap/_tables.scss +18 -11
  24. data/_sass/bootstrap/_tooltip.scss +4 -5
  25. data/_sass/bootstrap/_utilities.scss +68 -10
  26. data/_sass/bootstrap/_variables-dark.scss +43 -28
  27. data/_sass/bootstrap/_variables.scss +112 -72
  28. data/_sass/bootstrap/bootstrap-grid.scss +0 -4
  29. data/_sass/bootstrap/forms/_floating-labels.scss +19 -15
  30. data/_sass/bootstrap/forms/_form-control.scss +16 -3
  31. data/_sass/bootstrap/forms/_form-select.scss +0 -1
  32. data/_sass/bootstrap/forms/_input-group.scss +1 -1
  33. data/_sass/bootstrap/helpers/_color-bg.scss +0 -2
  34. data/_sass/bootstrap/helpers/_colored-links.scss +20 -2
  35. data/_sass/bootstrap/helpers/_focus-ring.scss +5 -0
  36. data/_sass/bootstrap/helpers/_icon-link.scss +25 -0
  37. data/_sass/bootstrap/mixins/_banner.scss +2 -2
  38. data/_sass/bootstrap/mixins/_list-group.scss +0 -1
  39. data/_sass/bootstrap/mixins/_utilities.scss +1 -1
  40. data/_sass/bootstrap/mixins/_visually-hidden.scss +5 -1
  41. data/_sass/bootstrap/tests/jasmine.js +16 -0
  42. data/_sass/bootstrap/tests/mixins/_color-modes.test.scss +69 -0
  43. data/_sass/bootstrap/tests/mixins/_media-query-color-mode-full.test.scss +8 -0
  44. data/_sass/bootstrap/tests/mixins/_utilities.test.scss +393 -0
  45. data/_sass/bootstrap/tests/sass-true/register.js +14 -0
  46. data/_sass/bootstrap/tests/sass-true/runner.js +17 -0
  47. data/_sass/bootstrap/tests/utilities/_api.test.scss +75 -0
  48. data/_sass/bootstrap/vendor/_rfs.scss +23 -29
  49. data/assets/bootstrap-icons/bootstrap-icons.svg +1 -1
  50. data/assets/bootstrap-icons/folder-plus.svg +2 -2
  51. data/assets/bootstrap-icons/fonts/bootstrap-icons.woff +0 -0
  52. data/assets/bootstrap-icons/fonts/bootstrap-icons.woff2 +0 -0
  53. data/assets/bootstrap-icons/postcard-heart-fill.svg +1 -1
  54. data/assets/bootstrap-icons/trash.svg +2 -2
  55. data/assets/css/style.scss +1 -0
  56. data/assets/js/bootstrap.bundle.js +6306 -0
  57. data/assets/js/bootstrap.bundle.js.map +1 -0
  58. data/assets/js/bootstrap.bundle.min.js +3 -3
  59. data/assets/js/bootstrap.bundle.min.js.map +1 -1
  60. data/assets/js/bootstrap.esm.js +4439 -0
  61. data/assets/js/bootstrap.esm.js.map +1 -0
  62. data/assets/js/bootstrap.esm.min.js +7 -0
  63. data/assets/js/bootstrap.esm.min.js.map +1 -0
  64. data/assets/js/bootstrap.js +4486 -0
  65. data/assets/js/bootstrap.js.map +1 -0
  66. data/assets/js/bootstrap.min.js +7 -0
  67. data/assets/js/bootstrap.min.js.map +1 -0
  68. metadata +26 -6
@@ -3,6 +3,12 @@
3
3
  //
4
4
 
5
5
  .table {
6
+ // Reset needed for nesting tables
7
+ --#{$prefix}table-color-type: initial;
8
+ --#{$prefix}table-bg-type: initial;
9
+ --#{$prefix}table-color-state: initial;
10
+ --#{$prefix}table-bg-state: initial;
11
+ // End of reset
6
12
  --#{$prefix}table-color: #{$table-color};
7
13
  --#{$prefix}table-bg: #{$table-bg};
8
14
  --#{$prefix}table-border-color: #{$table-border-color};
@@ -16,7 +22,6 @@
16
22
 
17
23
  width: 100%;
18
24
  margin-bottom: $spacer;
19
- color: var(--#{$prefix}table-color);
20
25
  vertical-align: $table-cell-vertical-align;
21
26
  border-color: var(--#{$prefix}table-border-color);
22
27
 
@@ -27,9 +32,11 @@
27
32
  // stylelint-disable-next-line selector-max-universal
28
33
  > :not(caption) > * > * {
29
34
  padding: $table-cell-padding-y $table-cell-padding-x;
35
+ // Following the precept of cascades: https://codepen.io/miriamsuzanne/full/vYNgodb
36
+ color: var(--#{$prefix}table-color-state, var(--#{$prefix}table-color-type, var(--#{$prefix}table-color)));
30
37
  background-color: var(--#{$prefix}table-bg);
31
38
  border-bottom-width: $table-border-width;
32
- box-shadow: inset 0 0 0 9999px var(--#{$prefix}table-accent-bg);
39
+ box-shadow: inset 0 0 0 9999px var(--#{$prefix}table-bg-state, var(--#{$prefix}table-bg-type, var(--#{$prefix}table-accent-bg)));
33
40
  }
34
41
 
35
42
  > tbody {
@@ -42,7 +49,7 @@
42
49
  }
43
50
 
44
51
  .table-group-divider {
45
- border-top: calc($table-border-width * 2) solid $table-group-separator-color; // stylelint-disable-line function-disallowed-list
52
+ border-top: calc(#{$table-border-width} * 2) solid $table-group-separator-color; // stylelint-disable-line function-disallowed-list
46
53
  }
47
54
 
48
55
  //
@@ -104,16 +111,16 @@
104
111
  // For rows
105
112
  .table-striped {
106
113
  > tbody > tr:nth-of-type(#{$table-striped-order}) > * {
107
- --#{$prefix}table-accent-bg: var(--#{$prefix}table-striped-bg);
108
- color: var(--#{$prefix}table-striped-color);
114
+ --#{$prefix}table-color-type: var(--#{$prefix}table-striped-color);
115
+ --#{$prefix}table-bg-type: var(--#{$prefix}table-striped-bg);
109
116
  }
110
117
  }
111
118
 
112
119
  // For columns
113
120
  .table-striped-columns {
114
121
  > :not(caption) > tr > :nth-child(#{$table-striped-columns-order}) {
115
- --#{$prefix}table-accent-bg: var(--#{$prefix}table-striped-bg);
116
- color: var(--#{$prefix}table-striped-color);
122
+ --#{$prefix}table-color-type: var(--#{$prefix}table-striped-color);
123
+ --#{$prefix}table-bg-type: var(--#{$prefix}table-striped-bg);
117
124
  }
118
125
  }
119
126
 
@@ -122,8 +129,8 @@
122
129
  // The `.table-active` class can be added to highlight rows or cells
123
130
 
124
131
  .table-active {
125
- --#{$prefix}table-accent-bg: var(--#{$prefix}table-active-bg);
126
- color: var(--#{$prefix}table-active-color);
132
+ --#{$prefix}table-color-state: var(--#{$prefix}table-active-color);
133
+ --#{$prefix}table-bg-state: var(--#{$prefix}table-active-bg);
127
134
  }
128
135
 
129
136
  // Hover effect
@@ -132,8 +139,8 @@
132
139
 
133
140
  .table-hover {
134
141
  > tbody > tr:hover > * {
135
- --#{$prefix}table-accent-bg: var(--#{$prefix}table-hover-bg);
136
- color: var(--#{$prefix}table-hover-color);
142
+ --#{$prefix}table-color-state: var(--#{$prefix}table-hover-color);
143
+ --#{$prefix}table-bg-state: var(--#{$prefix}table-hover-bg);
137
144
  }
138
145
  }
139
146
 
@@ -17,7 +17,6 @@
17
17
 
18
18
  z-index: var(--#{$prefix}tooltip-zindex);
19
19
  display: block;
20
- padding: var(--#{$prefix}tooltip-arrow-height);
21
20
  margin: var(--#{$prefix}tooltip-margin);
22
21
  @include deprecate("`$tooltip-margin`", "v5", "v5.x", true);
23
22
  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
@@ -45,7 +44,7 @@
45
44
  }
46
45
 
47
46
  .bs-tooltip-top .tooltip-arrow {
48
- bottom: 0;
47
+ bottom: calc(-1 * var(--#{$prefix}tooltip-arrow-height)); // stylelint-disable-line function-disallowed-list
49
48
 
50
49
  &::before {
51
50
  top: -1px;
@@ -56,7 +55,7 @@
56
55
 
57
56
  /* rtl:begin:ignore */
58
57
  .bs-tooltip-end .tooltip-arrow {
59
- left: 0;
58
+ left: calc(-1 * var(--#{$prefix}tooltip-arrow-height)); // stylelint-disable-line function-disallowed-list
60
59
  width: var(--#{$prefix}tooltip-arrow-height);
61
60
  height: var(--#{$prefix}tooltip-arrow-width);
62
61
 
@@ -70,7 +69,7 @@
70
69
  /* rtl:end:ignore */
71
70
 
72
71
  .bs-tooltip-bottom .tooltip-arrow {
73
- top: 0;
72
+ top: calc(-1 * var(--#{$prefix}tooltip-arrow-height)); // stylelint-disable-line function-disallowed-list
74
73
 
75
74
  &::before {
76
75
  bottom: -1px;
@@ -81,7 +80,7 @@
81
80
 
82
81
  /* rtl:begin:ignore */
83
82
  .bs-tooltip-start .tooltip-arrow {
84
- right: 0;
83
+ right: calc(-1 * var(--#{$prefix}tooltip-arrow-height)); // stylelint-disable-line function-disallowed-list
85
84
  width: var(--#{$prefix}tooltip-arrow-height);
86
85
  height: var(--#{$prefix}tooltip-arrow-width);
87
86
 
@@ -69,7 +69,7 @@ $utilities: map-merge(
69
69
  print: true,
70
70
  property: display,
71
71
  class: d,
72
- values: inline inline-block block grid table table-row table-cell flex inline-flex none
72
+ values: inline inline-block block grid inline-grid table table-row table-cell flex inline-flex none
73
73
  ),
74
74
  // scss-docs-end utils-display
75
75
  // scss-docs-start utils-shadow
@@ -84,6 +84,14 @@ $utilities: map-merge(
84
84
  )
85
85
  ),
86
86
  // scss-docs-end utils-shadow
87
+ // scss-docs-start utils-focus-ring
88
+ "focus-ring": (
89
+ css-var: true,
90
+ css-variable-name: focus-ring-color,
91
+ class: focus-ring,
92
+ values: map-loop($theme-colors-rgb, rgba-css-var, "$key", "focus-ring")
93
+ ),
94
+ // scss-docs-end utils-focus-ring
87
95
  // scss-docs-start utils-position
88
96
  "position": (
89
97
  property: position,
@@ -169,8 +177,7 @@ $utilities: map-merge(
169
177
  values: $utilities-border-subtle
170
178
  ),
171
179
  "border-width": (
172
- css-var: true,
173
- css-variable-name: border-width,
180
+ property: border-width,
174
181
  class: border,
175
182
  values: $border-widths
176
183
  ),
@@ -575,7 +582,7 @@ $utilities: map-merge(
575
582
  values: map-merge(
576
583
  $utilities-text-colors,
577
584
  (
578
- "muted": $text-muted, // deprecated
585
+ "muted": var(--#{$prefix}secondary-color), // deprecated
579
586
  "black-50": rgba($black, .5), // deprecated
580
587
  "white-50": rgba($white, .5), // deprecated
581
588
  "body-secondary": var(--#{$prefix}secondary-color),
@@ -601,6 +608,56 @@ $utilities: map-merge(
601
608
  values: $utilities-text-emphasis-colors
602
609
  ),
603
610
  // scss-docs-end utils-color
611
+ // scss-docs-start utils-links
612
+ "link-opacity": (
613
+ css-var: true,
614
+ class: link-opacity,
615
+ state: hover,
616
+ values: (
617
+ 10: .1,
618
+ 25: .25,
619
+ 50: .5,
620
+ 75: .75,
621
+ 100: 1
622
+ )
623
+ ),
624
+ "link-offset": (
625
+ property: text-underline-offset,
626
+ class: link-offset,
627
+ state: hover,
628
+ values: (
629
+ 1: .125em,
630
+ 2: .25em,
631
+ 3: .375em,
632
+ )
633
+ ),
634
+ "link-underline": (
635
+ property: text-decoration-color,
636
+ class: link-underline,
637
+ local-vars: (
638
+ "link-underline-opacity": 1
639
+ ),
640
+ values: map-merge(
641
+ $utilities-links-underline,
642
+ (
643
+ null: rgba(var(--#{$prefix}link-color-rgb), var(--#{$prefix}link-underline-opacity, 1)),
644
+ )
645
+ )
646
+ ),
647
+ "link-underline-opacity": (
648
+ css-var: true,
649
+ class: link-underline-opacity,
650
+ state: hover,
651
+ values: (
652
+ 0: 0,
653
+ 10: .1,
654
+ 25: .25,
655
+ 50: .5,
656
+ 75: .75,
657
+ 100: 1
658
+ ),
659
+ ),
660
+ // scss-docs-end utils-links
604
661
  // scss-docs-start utils-bg-color
605
662
  "background-color": (
606
663
  property: background-color,
@@ -614,7 +671,6 @@ $utilities: map-merge(
614
671
  "transparent": transparent,
615
672
  "body-secondary": rgba(var(--#{$prefix}secondary-bg-rgb), var(--#{$prefix}bg-opacity)),
616
673
  "body-tertiary": rgba(var(--#{$prefix}tertiary-bg-rgb), var(--#{$prefix}bg-opacity)),
617
- "body-emphasis": rgba(var(--#{$prefix}emphasis-bg-rgb), var(--#{$prefix}bg-opacity)),
618
674
  )
619
675
  )
620
676
  ),
@@ -662,7 +718,7 @@ $utilities: map-merge(
662
718
  2: var(--#{$prefix}border-radius),
663
719
  3: var(--#{$prefix}border-radius-lg),
664
720
  4: var(--#{$prefix}border-radius-xl),
665
- 5: var(--#{$prefix}border-radius-2xl),
721
+ 5: var(--#{$prefix}border-radius-xxl),
666
722
  circle: 50%,
667
723
  pill: var(--#{$prefix}border-radius-pill)
668
724
  )
@@ -677,7 +733,7 @@ $utilities: map-merge(
677
733
  2: var(--#{$prefix}border-radius),
678
734
  3: var(--#{$prefix}border-radius-lg),
679
735
  4: var(--#{$prefix}border-radius-xl),
680
- 5: var(--#{$prefix}border-radius-2xl),
736
+ 5: var(--#{$prefix}border-radius-xxl),
681
737
  circle: 50%,
682
738
  pill: var(--#{$prefix}border-radius-pill)
683
739
  )
@@ -692,7 +748,7 @@ $utilities: map-merge(
692
748
  2: var(--#{$prefix}border-radius),
693
749
  3: var(--#{$prefix}border-radius-lg),
694
750
  4: var(--#{$prefix}border-radius-xl),
695
- 5: var(--#{$prefix}border-radius-2xl),
751
+ 5: var(--#{$prefix}border-radius-xxl),
696
752
  circle: 50%,
697
753
  pill: var(--#{$prefix}border-radius-pill)
698
754
  )
@@ -707,7 +763,7 @@ $utilities: map-merge(
707
763
  2: var(--#{$prefix}border-radius),
708
764
  3: var(--#{$prefix}border-radius-lg),
709
765
  4: var(--#{$prefix}border-radius-xl),
710
- 5: var(--#{$prefix}border-radius-2xl),
766
+ 5: var(--#{$prefix}border-radius-xxl),
711
767
  circle: 50%,
712
768
  pill: var(--#{$prefix}border-radius-pill)
713
769
  )
@@ -722,7 +778,7 @@ $utilities: map-merge(
722
778
  2: var(--#{$prefix}border-radius),
723
779
  3: var(--#{$prefix}border-radius-lg),
724
780
  4: var(--#{$prefix}border-radius-xl),
725
- 5: var(--#{$prefix}border-radius-2xl),
781
+ 5: var(--#{$prefix}border-radius-xxl),
726
782
  circle: 50%,
727
783
  pill: var(--#{$prefix}border-radius-pill)
728
784
  )
@@ -738,11 +794,13 @@ $utilities: map-merge(
738
794
  )
739
795
  ),
740
796
  // scss-docs-end utils-visibility
797
+ // scss-docs-start utils-zindex
741
798
  "z-index": (
742
799
  property: z-index,
743
800
  class: z,
744
801
  values: $zindex-levels,
745
802
  )
803
+ // scss-docs-end utils-zindex
746
804
  ),
747
805
  $utilities
748
806
  );
@@ -7,47 +7,52 @@
7
7
  //
8
8
 
9
9
  // scss-docs-start sass-dark-mode-vars
10
- $primary-text-dark: $blue-300 !default;
11
- $secondary-text-dark: $gray-300 !default;
12
- $success-text-dark: $green-300 !default;
13
- $info-text-dark: $cyan-300 !default;
14
- $warning-text-dark: $yellow-300 !default;
15
- $danger-text-dark: $red-300 !default;
16
- $light-text-dark: $gray-100 !default;
17
- $dark-text-dark: $gray-300 !default;
10
+ // scss-docs-start theme-text-dark-variables
11
+ $primary-text-emphasis-dark: tint-color($primary, 40%) !default;
12
+ $secondary-text-emphasis-dark: tint-color($secondary, 40%) !default;
13
+ $success-text-emphasis-dark: tint-color($success, 40%) !default;
14
+ $info-text-emphasis-dark: tint-color($info, 40%) !default;
15
+ $warning-text-emphasis-dark: tint-color($warning, 40%) !default;
16
+ $danger-text-emphasis-dark: tint-color($danger, 40%) !default;
17
+ $light-text-emphasis-dark: $gray-100 !default;
18
+ $dark-text-emphasis-dark: $gray-300 !default;
19
+ // scss-docs-end theme-text-dark-variables
18
20
 
19
- $primary-bg-subtle-dark: $blue-900 !default;
20
- $secondary-bg-subtle-dark: $gray-900 !default;
21
- $success-bg-subtle-dark: $green-900 !default;
22
- $info-bg-subtle-dark: $cyan-900 !default;
23
- $warning-bg-subtle-dark: $yellow-900 !default;
24
- $danger-bg-subtle-dark: $red-900 !default;
21
+ // scss-docs-start theme-bg-subtle-dark-variables
22
+ $primary-bg-subtle-dark: shade-color($primary, 80%) !default;
23
+ $secondary-bg-subtle-dark: shade-color($secondary, 80%) !default;
24
+ $success-bg-subtle-dark: shade-color($success, 80%) !default;
25
+ $info-bg-subtle-dark: shade-color($info, 80%) !default;
26
+ $warning-bg-subtle-dark: shade-color($warning, 80%) !default;
27
+ $danger-bg-subtle-dark: shade-color($danger, 80%) !default;
25
28
  $light-bg-subtle-dark: $gray-800 !default;
26
29
  $dark-bg-subtle-dark: mix($gray-800, $black) !default;
30
+ // scss-docs-end theme-bg-subtle-dark-variables
27
31
 
28
- $primary-border-subtle-dark: $blue-700 !default;
29
- $secondary-border-subtle-dark: $gray-700 !default;
30
- $success-border-subtle-dark: $green-700 !default;
31
- $info-border-subtle-dark: $cyan-800 !default;
32
- $warning-border-subtle-dark: $yellow-800 !default;
33
- $danger-border-subtle-dark: $red-700 !default;
32
+ // scss-docs-start theme-border-subtle-dark-variables
33
+ $primary-border-subtle-dark: shade-color($primary, 40%) !default;
34
+ $secondary-border-subtle-dark: shade-color($secondary, 40%) !default;
35
+ $success-border-subtle-dark: shade-color($success, 40%) !default;
36
+ $info-border-subtle-dark: shade-color($info, 40%) !default;
37
+ $warning-border-subtle-dark: shade-color($warning, 40%) !default;
38
+ $danger-border-subtle-dark: shade-color($danger, 40%) !default;
34
39
  $light-border-subtle-dark: $gray-700 !default;
35
40
  $dark-border-subtle-dark: $gray-800 !default;
41
+ // scss-docs-end theme-border-subtle-dark-variables
36
42
 
37
43
  $body-color-dark: $gray-500 !default;
38
44
  $body-bg-dark: $gray-900 !default;
39
- $body-emphasis-color-dark: $gray-100 !default;
40
45
  $body-secondary-color-dark: rgba($body-color-dark, .75) !default;
41
46
  $body-secondary-bg-dark: $gray-800 !default;
42
47
  $body-tertiary-color-dark: rgba($body-color-dark, .5) !default;
43
48
  $body-tertiary-bg-dark: mix($gray-800, $gray-900, 50%) !default;
44
- $emphasis-color-dark: $white !default;
49
+ $body-emphasis-color-dark: $white !default;
45
50
  $border-color-dark: $gray-700 !default;
46
51
  $border-color-translucent-dark: rgba($white, .15) !default;
47
- $headings-color-dark: #fff !default;
48
- $link-color-dark: $blue-300 !default;
49
- $link-hover-color-dark: $blue-200 !default;
50
- $code-color-dark: $pink-300 !default;
52
+ $headings-color-dark: inherit !default;
53
+ $link-color-dark: tint-color($primary, 40%) !default;
54
+ $link-hover-color-dark: shift-color($link-color-dark, -$link-shade-percentage) !default;
55
+ $code-color-dark: tint-color($code-color, 40%) !default;
51
56
 
52
57
 
53
58
  //
@@ -60,11 +65,21 @@ $form-select-indicator-dark: url("data:image/svg+xml,<svg xmlns='http://w
60
65
  $form-switch-color-dark: rgba($white, .25) !default;
61
66
  $form-switch-bg-image-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color-dark}'/></svg>") !default;
62
67
 
68
+ // scss-docs-start form-validation-colors-dark
69
+ $form-valid-color-dark: $green-300 !default;
70
+ $form-valid-border-color-dark: $green-300 !default;
71
+ $form-invalid-color-dark: $red-300 !default;
72
+ $form-invalid-border-color-dark: $red-300 !default;
73
+ // scss-docs-end form-validation-colors-dark
74
+
63
75
 
64
76
  //
65
77
  // Accordion
66
78
  //
67
79
 
68
- $accordion-button-icon-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$primary-text-dark}'><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;
69
- $accordion-button-active-icon-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$primary-text-dark}'><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;
80
+ $accordion-icon-color-dark: $primary-text-emphasis-dark !default;
81
+ $accordion-icon-active-color-dark: $primary-text-emphasis-dark !default;
82
+
83
+ $accordion-button-icon-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color-dark}'><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;
84
+ $accordion-button-active-icon-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color-dark}'><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;
70
85
  // scss-docs-end sass-dark-mode-vars