@agnos-ui/core-bootstrap 0.8.0-next.0 → 0.8.0-next.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 (14) hide show
  1. package/{accordion-Dy6WokG3.js → accordion-fxxgzVzz.js} +1 -1
  2. package/{collapse-DJJ1jB2v.js → collapse-6vo9eMAR.js} +2 -2
  3. package/components/accordion/index.js +1 -1
  4. package/components/collapse/index.js +1 -1
  5. package/components/progressbar/index.js +1 -1
  6. package/css/agnosui.css +28 -0
  7. package/css/agnosui.css.map +1 -1
  8. package/css/slider.css +28 -0
  9. package/css/slider.css.map +1 -1
  10. package/index.js +3 -3
  11. package/package.json +2 -2
  12. package/{progressbar-D9S5NLpS.js → progressbar-DcUv6Lh4.js} +1 -1
  13. package/scss/_variables.scss +1 -0
  14. package/scss/slider.scss +36 -0
package/{accordion-Dy6WokG3.js → accordion-fxxgzVzz.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { getAccordionDefaultConfig as getAccordionDefaultConfig$1, createAccordionItem as createAccordionItem$1, factoryCreateAccordion } from "@agnos-ui/core/components/accordion";
1
+ import { factoryCreateAccordion, createAccordionItem as createAccordionItem$1, getAccordionDefaultConfig as getAccordionDefaultConfig$1 } from "@agnos-ui/core/components/accordion";
2
2
  import { c as collapseVerticalTransition } from "./collapse-CVjUhnIz.js";
3
3
  import { extendWidgetProps } from "@agnos-ui/core/services/extendWidget";
4
4
  import { noop } from "@agnos-ui/core/utils/func";
package/{collapse-DJJ1jB2v.js → collapse-6vo9eMAR.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  import { createTransition } from "@agnos-ui/core/services/transitions/baseTransitions";
2
2
  import { writablesForProps, idWithDefault, stateStores, true$ } from "@agnos-ui/core/utils/stores";
3
- import { mergeDirectives, createAttributesDirective } from "@agnos-ui/core/utils/directive";
4
- import { typeBoolean, typeFunction, typeString } from "@agnos-ui/core/utils/writables";
3
+ import { createAttributesDirective, mergeDirectives } from "@agnos-ui/core/utils/directive";
4
+ import { typeString, typeBoolean, typeFunction } from "@agnos-ui/core/utils/writables";
5
5
  import { a as collapseHorizontalTransition, c as collapseVerticalTransition } from "./collapse-CVjUhnIz.js";
6
6
  import { noop as noop$1 } from "@agnos-ui/core/utils/func";
7
7
  const equal = (a, b) => Object.is(a, b) && (!a || typeof a !== "object") && typeof a !== "function";
package/components/accordion/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { a, c, g } from "../../accordion-Dy6WokG3.js";
1
+ import { a, c, g } from "../../accordion-fxxgzVzz.js";
2
2
  export * from "@agnos-ui/core/components/accordion";
3
3
  export {
4
4
  a as createAccordion,
package/components/collapse/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { c, g } from "../../collapse-DJJ1jB2v.js";
1
+ import { c, g } from "../../collapse-6vo9eMAR.js";
2
2
  export {
3
3
  c as createCollapse,
4
4
  g as getCollapseDefaultConfig
package/components/progressbar/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { c, g } from "../../progressbar-D9S5NLpS.js";
1
+ import { c, g } from "../../progressbar-DcUv6Lh4.js";
2
2
  export * from "@agnos-ui/core/components/progressbar";
3
3
  export {
4
4
  c as createProgressbar,
package/css/agnosui.css CHANGED
@@ -102,6 +102,7 @@
102
102
  --bs-slider-tick-neutral-color: var(--bs-light-emphasis, #666666);
103
103
  --bs-slider-tick-selected-color: var(--bs-primary, #0d6efd);
104
104
  --bs-slider-tick-disabled-color: var(--bs-dark-bg-subtle, #ced4da);
105
+ --bs-slider-tick-fill-color: var(--bs-white, #ffffff);
105
106
  --bs-slider-tick-label-translate-vertical: translateY(75%);
106
107
  --bs-slider-progress-color: var(--bs-primary, #0d6efd);
107
108
  --bs-slider-progress-height: 0.25rem;
@@ -219,6 +220,33 @@
219
220
  }
220
221
  .au-slider .au-slider-tick svg {
221
222
  display: block;
223
+ width: var(--bs-slider-tick-secondary-size);
224
+ height: var(--bs-slider-tick-primary-size);
225
+ fill: none;
226
+ }
227
+ .au-slider .au-slider-tick svg circle {
228
+ cx: 50%;
229
+ cy: 50%;
230
+ fill: var(--bs-slider-tick-fill-color);
231
+ }
232
+ .au-slider .au-slider-tick svg circle.au-slider-tick-outer {
233
+ r: 45%;
234
+ stroke: var(--bs-slider-tick-neutral-color);
235
+ stroke-width: 1.5;
236
+ }
237
+ .au-slider .au-slider-tick svg circle.au-slider-tick-outer.au-slider-tick-disabled {
238
+ stroke: var(--bs-slider-tick-disabled-color);
239
+ }
240
+ .au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer {
241
+ fill: var(--bs-slider-tick-selected-color);
242
+ stroke: none;
243
+ r: 50%;
244
+ }
245
+ .au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer.au-slider-tick-disabled {
246
+ fill: var(--bs-slider-tick-disabled-color);
247
+ }
248
+ .au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-inner {
249
+ r: 25%;
222
250
  }
223
251
  .au-slider .au-slider-tick-label {
224
252
  position: absolute;
package/css/agnosui.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../scss/_functions.scss","../scss/tree.scss","../scss/select.scss","../scss/slider.scss","../scss/rating.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;AAgBA;AAAA;AAAA;AAAA;ACfA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAIA;EACC;;;ACpEJ;EACC;;;AAID;EACC;EACA;EACA;;;ACeD;EAEC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAEA;EA5FA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAuFA;EAvGA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAkGA;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAGF;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGA;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;AACA;AAAA;AAAA;AAAA;EAIC;;AAED;AAAA;EAEC;EACA;;AAED;AAAA;AAAA;EAGC;;;AC9SF;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"agnosui.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../scss/_functions.scss","../scss/tree.scss","../scss/select.scss","../scss/slider.scss","../scss/rating.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;AAgBA;AAAA;AAAA;AAAA;ACfA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAIA;EACC;;;ACpEJ;EACC;;;AAID;EACC;EACA;EACA;;;ACeD;EAEC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAEA;EA7FA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAwFA;EAxGA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAmGA;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAGF;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAKD;EACC;EACA;EACA;;AAEA;EACC;;AAIF;EACC;;AAOL;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;AACA;AAAA;AAAA;AAAA;EAIC;;AAED;AAAA;EAEC;EACA;;AAED;AAAA;AAAA;EAGC;;;AClVF;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"agnosui.css"}
package/css/slider.css CHANGED
@@ -25,6 +25,7 @@
25
25
  --bs-slider-tick-neutral-color: var(--bs-light-emphasis, #666666);
26
26
  --bs-slider-tick-selected-color: var(--bs-primary, #0d6efd);
27
27
  --bs-slider-tick-disabled-color: var(--bs-dark-bg-subtle, #ced4da);
28
+ --bs-slider-tick-fill-color: var(--bs-white, #ffffff);
28
29
  --bs-slider-tick-label-translate-vertical: translateY(75%);
29
30
  --bs-slider-progress-color: var(--bs-primary, #0d6efd);
30
31
  --bs-slider-progress-height: 0.25rem;
@@ -142,6 +143,33 @@
142
143
  }
143
144
  .au-slider .au-slider-tick svg {
144
145
  display: block;
146
+ width: var(--bs-slider-tick-secondary-size);
147
+ height: var(--bs-slider-tick-primary-size);
148
+ fill: none;
149
+ }
150
+ .au-slider .au-slider-tick svg circle {
151
+ cx: 50%;
152
+ cy: 50%;
153
+ fill: var(--bs-slider-tick-fill-color);
154
+ }
155
+ .au-slider .au-slider-tick svg circle.au-slider-tick-outer {
156
+ r: 45%;
157
+ stroke: var(--bs-slider-tick-neutral-color);
158
+ stroke-width: 1.5;
159
+ }
160
+ .au-slider .au-slider-tick svg circle.au-slider-tick-outer.au-slider-tick-disabled {
161
+ stroke: var(--bs-slider-tick-disabled-color);
162
+ }
163
+ .au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer {
164
+ fill: var(--bs-slider-tick-selected-color);
165
+ stroke: none;
166
+ r: 50%;
167
+ }
168
+ .au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer.au-slider-tick-disabled {
169
+ fill: var(--bs-slider-tick-disabled-color);
170
+ }
171
+ .au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-inner {
172
+ r: 25%;
145
173
  }
146
174
  .au-slider .au-slider-tick-label {
147
175
  position: absolute;
package/css/slider.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../scss/slider.scss"],"names":[],"mappings":"AAyBA;EAEC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAEA;EA5FA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAuFA;EAvGA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAkGA;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAGF;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGA;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;AACA;AAAA;AAAA;AAAA;EAIC;;AAED;AAAA;EAEC;EACA;;AAED;AAAA;AAAA;EAGC","file":"slider.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../scss/slider.scss"],"names":[],"mappings":"AAyBA;EAEC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAEA;EA7FA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAwFA;EAxGA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAmGA;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAGF;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAKD;EACC;EACA;EACA;;AAEA;EACC;;AAIF;EACC;;AAOL;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;AACA;AAAA;AAAA;AAAA;EAIC;;AAED;AAAA;EAEC;EACA;;AAED;AAAA;AAAA;EAGC","file":"slider.css"}
package/index.js CHANGED
@@ -1,13 +1,13 @@
1
- import { a, c, g } from "./accordion-Dy6WokG3.js";
1
+ import { a, c, g } from "./accordion-fxxgzVzz.js";
2
2
  import { c as c2, g as g2 } from "./alert-DXTwYKjx.js";
3
3
  import { c as c3, g as g3 } from "./modal-CHqGXdvt.js";
4
4
  import { c as c4, g as g4, n } from "./pageFactory-CZZJDqOh.js";
5
- import { c as c5, g as g5 } from "./progressbar-D9S5NLpS.js";
5
+ import { c as c5, g as g5 } from "./progressbar-DcUv6Lh4.js";
6
6
  import { c as c6, g as g6 } from "./rating-hovacUx0.js";
7
7
  import { c as c7, g as g7 } from "./select-CLjBDJ3a.js";
8
8
  import { c as c8, g as g8 } from "./slider-Bj081WdM.js";
9
9
  import { c as c9, g as g9 } from "./toast-D-by8Hwt.js";
10
- import { c as c10, g as g10 } from "./collapse-DJJ1jB2v.js";
10
+ import { c as c10, g as g10 } from "./collapse-6vo9eMAR.js";
11
11
  import { c as c11, g as g11 } from "./tree-Be8WJS8u.js";
12
12
  import { a as a2, c as c12 } from "./collapse-CVjUhnIz.js";
13
13
  import { f } from "./fade-uOobJKgw.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@agnos-ui/core-bootstrap",
3
3
  "description": "Styles and component interface extensions necessary to use AgnosUI with Bootstrap.",
4
- "version": "0.8.0-next.0",
4
+ "version": "0.8.0-next.1",
5
5
  "keywords": [
6
6
  "bootstrap",
7
7
  "css",
@@ -60,7 +60,7 @@
60
60
  }
61
61
  },
62
62
  "dependencies": {
63
- "@agnos-ui/core": "0.8.0-next.0"
63
+ "@agnos-ui/core": "0.8.0-next.1"
64
64
  },
65
65
  "peerDependencies": {
66
66
  "@amadeus-it-group/tansu": "^2.0.0"
package/{progressbar-D9S5NLpS.js → progressbar-DcUv6Lh4.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { getProgressbarDefaultConfig as getProgressbarDefaultConfig$1, createProgressbar as createProgressbar$1 } from "@agnos-ui/core/components/progressbar";
2
- import { typeString, typeBoolean, createTypeEnum } from "@agnos-ui/core/utils/writables";
2
+ import { createTypeEnum, typeBoolean, typeString } from "@agnos-ui/core/utils/writables";
3
3
  import { extendWidgetProps } from "@agnos-ui/core/services/extendWidget";
4
4
  import { BS_CONTEXTUAL_CLASSES } from "./types.js";
5
5
  const defaultConfigExtraProps = {
package/scss/_variables.scss CHANGED
@@ -33,6 +33,7 @@ $au-slider-tick-secondary-size: 1rem !default;
33
33
  $au-slider-tick-neutral-color: var(--#{$prefix}light-emphasis, #666666) !default;
34
34
  $au-slider-tick-disabled-color: var(--#{$prefix}dark-bg-subtle, #ced4da) !default;
35
35
  $au-slider-tick-selected-color: var(--#{$prefix}primary, #0d6efd) !default;
36
+ $au-slider-tick-fill-color: var(--#{$prefix}white, #ffffff) !default;
36
37
  $au-slider-tick-label-translate-vertical: translateY(75%) !default;
37
38
  $au-slider-progress-color: var(--#{$prefix}primary, #0d6efd) !default;
38
39
  $au-slider-progress-height: 0.25rem !default;
package/scss/slider.scss CHANGED
@@ -55,6 +55,7 @@
55
55
  --#{variables.$prefix}slider-tick-neutral-color: #{variables.$au-slider-tick-neutral-color};
56
56
  --#{variables.$prefix}slider-tick-selected-color: #{variables.$au-slider-tick-selected-color};
57
57
  --#{variables.$prefix}slider-tick-disabled-color: #{variables.$au-slider-tick-disabled-color};
58
+ --#{variables.$prefix}slider-tick-fill-color: #{variables.$au-slider-tick-fill-color};
58
59
 
59
60
  --#{variables.$prefix}slider-tick-label-translate-vertical: #{variables.$au-slider-tick-label-translate-vertical};
60
61
 
@@ -178,6 +179,41 @@
178
179
  // center align the svg along the slider axis
179
180
  svg {
180
181
  display: block;
182
+ width: var(--#{variables.$prefix}slider-tick-secondary-size);
183
+ height: var(--#{variables.$prefix}slider-tick-primary-size);
184
+ fill: none;
185
+
186
+ circle {
187
+ cx: 50%;
188
+ cy: 50%;
189
+ fill: var(--#{variables.$prefix}slider-tick-fill-color);
190
+
191
+ &.au-slider-tick-outer {
192
+ r: 45%;
193
+ stroke: var(--#{variables.$prefix}slider-tick-neutral-color);
194
+ stroke-width: 1.5;
195
+
196
+ &.au-slider-tick-disabled {
197
+ stroke: var(--#{variables.$prefix}slider-tick-disabled-color);
198
+ }
199
+ }
200
+
201
+ &.au-slider-tick-selected {
202
+ &.au-slider-tick-outer {
203
+ fill: var(--#{variables.$prefix}slider-tick-selected-color);
204
+ stroke: none;
205
+ r: 50%;
206
+
207
+ &.au-slider-tick-disabled {
208
+ fill: var(--#{variables.$prefix}slider-tick-disabled-color);
209
+ }
210
+ }
211
+
212
+ &.au-slider-tick-inner {
213
+ r: 25%;
214
+ }
215
+ }
216
+ }
181
217
  }
182
218
  }
183
219