@agnos-ui/core-bootstrap 0.9.0 → 0.9.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.
Files changed (11) hide show
  1. package/css/agnosui.css +100 -83
  2. package/css/agnosui.css.map +1 -1
  3. package/css/slider.css +92 -72
  4. package/css/slider.css.map +1 -1
  5. package/css/tree.css +8 -11
  6. package/css/tree.css.map +1 -1
  7. package/package.json +2 -2
  8. package/scss/_variables.scss +15 -7
  9. package/scss/slider.scss +214 -190
  10. package/scss/tree.scss +10 -5
  11. package/scss/_functions.scss +0 -36
package/css/agnosui.css CHANGED
@@ -1,10 +1,3 @@
1
- /**
2
- * Utility function to replace a substring as Sass doesn't provide the built-in method to do it
3
- */
4
- /**
5
- * Method implementation taken from Bootstrap
6
- * ref: https://github.com/twbs/bootstrap/blob/cacbdc680ecdfee5f0c7fbb876ad15188eaf697d/scss/_functions.scss#L131
7
- */
8
1
  .au-tree {
9
2
  --bs-tree-item-padding-start: 2.25rem;
10
3
  --bs-tree-expand-icon-margin-inline-end: 0.5rem;
@@ -13,8 +6,8 @@
13
6
  --bs-tree-expand-icon-background-color-hover: var(--bs-blue-100, #cfe2ff);
14
7
  --bs-tree-expand-icon-width: 2.25rem;
15
8
  --bs-tree-expand-icon-height: 2.25rem;
16
- --bs-tree-expand-icon: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 10 10"%3e%3cpath d="M3 1 L7 5 L3 9" stroke="%230d6efd" stroke-width="1" fill="none"/%3e%3c/svg%3e');
17
- --bs-tree-expand-icon-hover: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 10 10"%3e%3cpath d="M3 1 L7 5 L3 9" stroke="%23052c65" stroke-width="1" fill="none"/%3e%3c/svg%3e');
9
+ --bs-tree-expand-icon-color: #0d6efd;
10
+ --bs-tree-expand-icon-color-hover: #052c65;
18
11
  list-style: none;
19
12
  padding: 0;
20
13
  margin: 0;
@@ -54,13 +47,17 @@
54
47
  cursor: pointer;
55
48
  }
56
49
  .au-tree .au-tree-expand-icon:hover {
57
- --bs-tree-expand-icon: var(--bs-tree-expand-icon-hover);
58
50
  --bs-tree-expand-icon-background-color: var(--bs-tree-expand-icon-background-color-hover);
59
51
  }
52
+ .au-tree .au-tree-expand-icon:hover .au-tree-expand-icon-svg .au-tree-expand-icon-svg-fill {
53
+ stroke: var(--bs-tree-expand-icon-color-hover);
54
+ }
60
55
  .au-tree .au-tree-expand-icon .au-tree-expand-icon-svg {
61
- content: var(--bs-tree-expand-icon);
62
56
  transition: transform 0.3s;
63
57
  }
58
+ .au-tree .au-tree-expand-icon .au-tree-expand-icon-svg .au-tree-expand-icon-svg-fill {
59
+ stroke: var(--bs-tree-expand-icon-color);
60
+ }
64
61
  .au-tree .au-tree-expand-icon.au-tree-expand-icon-expanded .au-tree-expand-icon-svg {
65
62
  transform: rotate(90deg);
66
63
  }
@@ -82,12 +79,13 @@
82
79
  --bs-slider-line-height: 1.5;
83
80
  --bs-slider-primary-size: 100%;
84
81
  --bs-slider-secondary-size: 0.25rem;
85
- --bs-slider-margin-block-start: calc((1.25rem - 0.25rem) / 2 + 1rem * 1.5 + 0.5rem);
86
- --bs-slider-margin-block-end: calc((1.25rem - 0.25rem) / 2 + 0.5rem);
87
- --bs-slider-vertical-margin-inline-start: 1rem;
88
- --bs-slider-vertical-margin-inline-end: 3rem;
82
+ --bs-slider-horizontal-margin-block-with-labels: calc((var(--bs-slider-handle-size) - var(--bs-slider-secondary-size)) / 2 + var(--bs-slider-font-size) * 1.5 + 0.5rem);
83
+ --bs-slider-horizontal-margin-block-no-labels: calc((var(--bs-slider-handle-size) - var(--bs-slider-secondary-size)) * 0.75);
84
+ --bs-slider-vertical-margin-inline-no-labels: calc((var(--bs-slider-handle-size) - var(--bs-slider-secondary-size)) * 0.75);
85
+ --bs-slider-vertical-margin-inline-with-labels: calc((var(--bs-slider-handle-size) - var(--bs-slider-secondary-size)) / 2 + 4ch);
89
86
  --bs-slider-translate-vertical: translateY(-50%);
90
87
  --bs-slider-translate-horizontal: translateX(-50%);
88
+ --bs-slider-padding: calc(var(--bs-slider-handle-size) / 2);
91
89
  --bs-slider-handle-color: var(--bs-primary, #0d6efd);
92
90
  --bs-slider-handle-hover-color: var(--bs-primary, #0d6efd);
93
91
  --bs-slider-handle-size: 1.25rem;
@@ -107,7 +105,7 @@
107
105
  --bs-slider-progress-color: var(--bs-primary, #0d6efd);
108
106
  --bs-slider-progress-height: 0.25rem;
109
107
  --bs-slider-progress-vertical-transform: rotate(90deg);
110
- --bs-slider-label-margin-block-start: calc(-1 * (1rem * 1.5 + (1.25rem - 0.25rem) / 2));
108
+ --bs-slider-label-margin-block-start: calc(-1 * (var(--bs-slider-font-size) * var(--bs-slider-line-height) + (var(--bs-slider-handle-size) - var(--bs-slider-secondary-size)) / 2));
111
109
  --bs-slider-label-font-weight: normal;
112
110
  --bs-slider-label-now-font-weight: normal;
113
111
  --bs-slider-label-min-position: 0;
@@ -126,26 +124,29 @@
126
124
  --bs-slider-clickable-area-vertical-translate: translateX(-50%);
127
125
  --bs-slider-clickable-area-vertical-flex-shrink: 0;
128
126
  --bs-slider-clickable-area-cursor: pointer;
127
+ --bs-slider-disabled-background-color: var(--bs-secondary-bg, #e9ecef);
129
128
  --bs-slider-disabled-color: var(--bs-dark-bg-subtle, #ced4da);
130
129
  --bs-slider-disabled-cursor: not-allowed;
131
- display: flex;
132
- background-color: var(--bs-slider-background-color);
133
- border-radius: var(--bs-slider-border-radius);
134
- font-size: var(--bs-slider-font-size);
135
- line-height: var(--bs-slider-line-height);
136
- position: relative;
130
+ height: 100%;
131
+ }
132
+ .au-slider.au-slider-horizontal {
133
+ padding-inline: var(--bs-slider-padding);
134
+ }
135
+ .au-slider.au-slider-vertical {
136
+ padding-block: var(--bs-slider-padding);
137
137
  }
138
138
  .au-slider.au-slider-lg {
139
139
  --bs-slider-font-size: 1.125rem;
140
140
  --bs-slider-border-radius: calc(0.3125rem / 2);
141
141
  --bs-slider-secondary-size: 0.3125rem;
142
- --bs-slider-margin-block-start: calc((1.5rem - 0.3125rem) / 2 + 1.125rem * 1.5 + 0rem);
143
- --bs-slider-margin-block-end: calc((1.5rem - 0.3125rem) / 2 + 0rem);
144
- --bs-slider-vertical-margin-inline-start: calc((1.5rem - 0.3125rem) / 2 + 0rem);
145
- --bs-slider-vertical-margin-inline-end: calc((1.5rem - 0.3125rem) / 2 + 0rem + 3ch + 0rem);
142
+ --bs-slider-horizontal-margin-block-with-labels: calc((1.5rem - 0.3125rem) / 2 + 1.125rem * 1.5 + 0rem);
143
+ --bs-slider-horizontal-margin-block-no-labels: calc((1.5rem - 0.3125rem) * 0.75);
144
+ --bs-slider-vertical-margin-inline-no-labels: calc((1.5rem - 0.3125rem) * 0.75);
145
+ --bs-slider-vertical-margin-inline-with-labels: calc((1.5rem - 0.3125rem) / 2 + 0rem + 3ch + 0rem);
146
146
  --bs-slider-handle-size: 1.5rem;
147
147
  --bs-slider-tick-primary-size: 1.25rem;
148
148
  --bs-slider-tick-secondary-size: 1.25rem;
149
+ --bs-slider-padding: calc(1.5rem / 2);
149
150
  --bs-slider-label-margin-block-start: calc(-1 * (1.125rem * 1.5 + (1.5rem - 0.3125rem) / 2));
150
151
  --bs-slider-tick-label-margin-block-start: calc(-1 * (1.125rem * 1.5 + (1.25rem - 0.3125rem) / 2));
151
152
  --bs-slider-label-vertical-margin-inline-start: calc((1.5rem - 0.3125rem) / 2 + 0.3125rem + 0rem);
@@ -154,46 +155,61 @@
154
155
  --bs-slider-font-size: 0.875rem;
155
156
  --bs-slider-border-radius: calc(0.2rem / 2);
156
157
  --bs-slider-secondary-size: 0.2rem;
157
- --bs-slider-margin-block-start: calc((1rem - 0.2rem) / 2 + 0.875rem * 1.5 + 0rem);
158
- --bs-slider-margin-block-end: calc((1rem - 0.2rem) / 2 + 0rem);
159
- --bs-slider-vertical-margin-inline-start: calc((1rem - 0.2rem) / 2 + 0rem);
160
- --bs-slider-vertical-margin-inline-end: calc((1rem - 0.2rem) / 2 + 0rem + 3ch + 0rem);
158
+ --bs-slider-horizontal-margin-block-with-labels: calc((1rem - 0.2rem) / 2 + 0.875rem * 1.5 + 0rem);
159
+ --bs-slider-horizontal-margin-block-no-labels: calc((1rem - 0.2rem) * 0.75);
160
+ --bs-slider-vertical-margin-inline-no-labels: calc((1rem - 0.2rem) * 0.75);
161
+ --bs-slider-vertical-margin-inline-with-labels: calc((1rem - 0.2rem) / 2 + 0rem + 3ch + 0rem);
161
162
  --bs-slider-handle-size: 1rem;
162
163
  --bs-slider-tick-primary-size: 0.75rem;
163
164
  --bs-slider-tick-secondary-size: 0.75rem;
165
+ --bs-slider-padding: calc(1rem / 2);
164
166
  --bs-slider-label-margin-block-start: calc(-1 * (0.875rem * 1.5 + (1rem - 0.2rem) / 2));
165
167
  --bs-slider-tick-label-margin-block-start: calc(-1 * (0.875rem * 1.5 + (0.75rem - 0.2rem) / 2));
166
168
  --bs-slider-label-vertical-margin-inline-start: calc((1rem - 0.2rem) / 2 + 0.2rem + 0rem);
167
169
  }
168
- .au-slider.au-slider-horizontal {
170
+ .au-slider .au-slider-content {
171
+ display: flex;
172
+ background-color: var(--bs-slider-background-color);
173
+ border-radius: var(--bs-slider-border-radius);
174
+ font-size: var(--bs-slider-font-size);
175
+ line-height: var(--bs-slider-line-height);
176
+ position: relative;
177
+ }
178
+ .au-slider .au-slider-content.au-slider-horizontal {
169
179
  width: var(--bs-slider-primary-size);
170
180
  height: var(--bs-slider-secondary-size);
171
- margin-block-start: var(--bs-slider-margin-block-start);
172
- margin-block-end: var(--bs-slider-margin-block-end);
181
+ margin-block-start: var(--bs-slider-horizontal-margin-block-no-labels);
182
+ margin-block-end: var(--bs-slider-horizontal-margin-block-no-labels);
183
+ }
184
+ .au-slider .au-slider-content.au-slider-horizontal.au-slider-with-labels {
185
+ margin-block-start: var(--bs-slider-horizontal-margin-block-with-labels);
173
186
  }
174
- .au-slider.au-slider-horizontal .au-slider-handle-horizontal {
187
+ .au-slider .au-slider-content.au-slider-horizontal .au-slider-handle-horizontal {
175
188
  top: calc(50% - var(--bs-slider-handle-size) / 2);
176
189
  transform: var(--bs-slider-translate-horizontal);
177
190
  }
178
- .au-slider.au-slider-horizontal .au-slider-tick-horizontal {
191
+ .au-slider .au-slider-content.au-slider-horizontal .au-slider-tick-horizontal {
179
192
  top: calc(50% - var(--bs-slider-tick-primary-size) / 2);
180
193
  transform: var(--bs-slider-translate-horizontal);
181
194
  }
182
- .au-slider.au-slider-vertical {
195
+ .au-slider .au-slider-content.au-slider-vertical {
183
196
  height: var(--bs-slider-primary-size);
184
197
  width: var(--bs-slider-secondary-size);
185
- margin-inline-start: var(--bs-slider-vertical-margin-inline-start);
186
- margin-inline-end: var(--bs-slider-vertical-margin-inline-end);
198
+ margin-inline-start: var(--bs-slider-vertical-margin-inline-no-labels);
199
+ margin-inline-end: var(--bs-slider-vertical-margin-inline-with-labels);
200
+ }
201
+ .au-slider .au-slider-content.au-slider-vertical.au-slider-with-labels {
202
+ margin-inline-end: var(--bs-slider-vertical-margin-inline-with-labels);
187
203
  }
188
- .au-slider.au-slider-vertical .au-slider-handle-vertical {
204
+ .au-slider .au-slider-content.au-slider-vertical .au-slider-handle-vertical {
189
205
  left: calc(50% - var(--bs-slider-handle-size) / 2);
190
206
  transform: var(--bs-slider-translate-vertical);
191
207
  }
192
- .au-slider.au-slider-vertical .au-slider-tick-vertical {
208
+ .au-slider .au-slider-content.au-slider-vertical .au-slider-tick-vertical {
193
209
  left: calc(50% - var(--bs-slider-tick-primary-size) / 2);
194
210
  transform: var(--bs-slider-translate-vertical);
195
211
  }
196
- .au-slider .au-slider-handle {
212
+ .au-slider .au-slider-content .au-slider-handle {
197
213
  background-color: var(--bs-slider-handle-color);
198
214
  border: var(--bs-slider-handle-border);
199
215
  border-radius: var(--bs-slider-handle-border-radius);
@@ -202,156 +218,157 @@
202
218
  width: var(--bs-slider-handle-size);
203
219
  height: var(--bs-slider-handle-size);
204
220
  }
205
- .au-slider .au-slider-handle:not([disabled]):hover {
221
+ .au-slider .au-slider-content .au-slider-handle:not([disabled]):hover {
206
222
  border: var(--bs-slider-handle-border-hover);
207
223
  background-color: var(--bs-slider-handle-hover-color);
208
224
  }
209
- .au-slider .au-slider-handle:not([disabled]):hover:focus-visible {
225
+ .au-slider .au-slider-content .au-slider-handle:not([disabled]):hover:focus-visible {
210
226
  box-shadow: var(--bs-slider-handle-focus-hover-box-shadow);
211
227
  }
212
- .au-slider .au-slider-handle:focus-visible {
228
+ .au-slider .au-slider-content .au-slider-handle:focus-visible {
213
229
  box-shadow: var(--bs-slider-handle-focus-box-shadow);
214
230
  }
215
- .au-slider .au-slider-tick {
231
+ .au-slider .au-slider-content .au-slider-tick {
216
232
  position: absolute;
217
233
  height: var(--bs-slider-tick-primary-size);
218
234
  width: var(--bs-slider-tick-secondary-size);
219
235
  cursor: var(--bs-slider-clickable-area-cursor);
220
236
  }
221
- .au-slider .au-slider-tick svg {
237
+ .au-slider .au-slider-content .au-slider-tick svg {
222
238
  display: block;
223
239
  width: var(--bs-slider-tick-secondary-size);
224
240
  height: var(--bs-slider-tick-primary-size);
225
241
  fill: none;
226
242
  }
227
- .au-slider .au-slider-tick svg circle {
243
+ .au-slider .au-slider-content .au-slider-tick svg circle {
228
244
  cx: 50%;
229
245
  cy: 50%;
230
246
  fill: var(--bs-slider-tick-fill-color);
231
247
  }
232
- .au-slider .au-slider-tick svg circle.au-slider-tick-outer {
248
+ .au-slider .au-slider-content .au-slider-tick svg circle.au-slider-tick-outer {
233
249
  r: 45%;
234
250
  stroke: var(--bs-slider-tick-neutral-color);
235
251
  stroke-width: 1.5;
236
252
  }
237
- .au-slider .au-slider-tick svg circle.au-slider-tick-outer.au-slider-tick-disabled {
253
+ .au-slider .au-slider-content .au-slider-tick svg circle.au-slider-tick-outer.au-slider-tick-disabled {
238
254
  stroke: var(--bs-slider-tick-disabled-color);
239
255
  }
240
- .au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer {
256
+ .au-slider .au-slider-content .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer {
241
257
  fill: var(--bs-slider-tick-selected-color);
242
258
  stroke: none;
243
259
  r: 50%;
244
260
  }
245
- .au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer.au-slider-tick-disabled {
261
+ .au-slider .au-slider-content .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer.au-slider-tick-disabled {
246
262
  fill: var(--bs-slider-tick-disabled-color);
247
263
  }
248
- .au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-inner {
264
+ .au-slider .au-slider-content .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-inner {
249
265
  r: 25%;
250
266
  }
251
- .au-slider .au-slider-tick-label {
267
+ .au-slider .au-slider-content .au-slider-tick-label {
252
268
  position: absolute;
253
269
  text-wrap: nowrap;
254
270
  transform: var(--bs-slider-translate-horizontal);
255
271
  margin-block-start: var(--bs-slider-label-margin-block-start);
256
272
  }
257
- .au-slider .au-slider-tick-label-vertical {
273
+ .au-slider .au-slider-content .au-slider-tick-label-vertical {
258
274
  position: absolute;
259
275
  margin-inline-start: var(--bs-slider-label-vertical-margin-inline-start);
260
276
  transform: var(--bs-slider-tick-label-translate-vertical);
261
277
  }
262
- .au-slider .au-slider-tick-label-now {
278
+ .au-slider .au-slider-content .au-slider-tick-label-now {
263
279
  font-weight: var(--bs-slider-label-now-font-weight);
264
280
  }
265
- .au-slider .au-slider-progress {
281
+ .au-slider .au-slider-content .au-slider-progress {
266
282
  background-color: var(--bs-slider-progress-color);
267
283
  border-radius: var(--bs-slider-border-radius);
268
284
  position: absolute;
269
285
  }
270
- .au-slider .au-slider-progress-vertical {
286
+ .au-slider .au-slider-content .au-slider-progress-vertical {
271
287
  transform: var(--bs-slider-progress-vertical-transform);
272
288
  }
273
- .au-slider .au-slider-label {
289
+ .au-slider .au-slider-content .au-slider-label {
274
290
  font-weight: var(--bs-slider-label-font-weight);
275
291
  margin-block-start: var(--bs-slider-label-margin-block-start);
276
292
  position: absolute;
277
293
  text-wrap: nowrap;
278
294
  }
279
- .au-slider .au-slider-label.au-slider-label-min:not(.au-slider-rtl) {
295
+ .au-slider .au-slider-content .au-slider-label.au-slider-label-min:not(.au-slider-rtl) {
280
296
  left: var(--bs-slider-label-min-position);
281
297
  }
282
- .au-slider .au-slider-label.au-slider-label-min.au-slider-rtl {
298
+ .au-slider .au-slider-content .au-slider-label.au-slider-label-min.au-slider-rtl {
283
299
  right: var(--bs-slider-label-max-position);
284
300
  }
285
- .au-slider .au-slider-label.au-slider-label-max:not(.au-slider-rtl) {
301
+ .au-slider .au-slider-content .au-slider-label.au-slider-label-max:not(.au-slider-rtl) {
286
302
  right: var(--bs-slider-label-max-position);
287
303
  }
288
- .au-slider .au-slider-label.au-slider-label-max.au-slider-rtl {
304
+ .au-slider .au-slider-content .au-slider-label.au-slider-label-max.au-slider-rtl {
289
305
  left: var(--bs-slider-label-min-position);
290
306
  }
291
- .au-slider .au-slider-label.au-slider-label-now {
307
+ .au-slider .au-slider-content .au-slider-label.au-slider-label-now {
292
308
  font-weight: var(--bs-slider-label-now-font-weight);
293
309
  transform: var(--bs-slider-label-now-transform);
294
310
  }
295
- .au-slider .au-slider-label.invisible {
311
+ .au-slider .au-slider-content .au-slider-label.invisible {
296
312
  visibility: hidden;
297
313
  }
298
- .au-slider .au-slider-label-vertical {
314
+ .au-slider .au-slider-content .au-slider-label-vertical {
299
315
  position: absolute;
300
316
  margin-inline-start: var(--bs-slider-label-vertical-margin-inline-start);
301
317
  white-space: var(--bs-slider-label-vertical-white-space);
302
318
  }
303
- .au-slider .au-slider-label-vertical.au-slider-label-vertical-min:not(.au-slider-rtl) {
319
+ .au-slider .au-slider-content .au-slider-label-vertical.au-slider-label-vertical-min:not(.au-slider-rtl) {
304
320
  top: var(--bs-slider-label-vertical-min-top);
305
321
  transform: var(--bs-slider-label-vertical-min-transform);
306
322
  }
307
- .au-slider .au-slider-label-vertical.au-slider-label-vertical-min.au-slider-rtl {
323
+ .au-slider .au-slider-content .au-slider-label-vertical.au-slider-label-vertical-min.au-slider-rtl {
308
324
  top: var(--bs-slider-label-vertical-max-top);
309
325
  transform: var(--bs-slider-label-vertical-max-transform);
310
326
  }
311
- .au-slider .au-slider-label-vertical.au-slider-label-vertical-max:not(.au-slider-rtl) {
327
+ .au-slider .au-slider-content .au-slider-label-vertical.au-slider-label-vertical-max:not(.au-slider-rtl) {
312
328
  top: var(--bs-slider-label-vertical-max-top);
313
329
  transform: var(--bs-slider-label-vertical-max-transform);
314
330
  }
315
- .au-slider .au-slider-label-vertical.au-slider-label-vertical-max.au-slider-rtl {
331
+ .au-slider .au-slider-content .au-slider-label-vertical.au-slider-label-vertical-max.au-slider-rtl {
316
332
  top: var(--bs-slider-label-vertical-min-top);
317
333
  transform: var(--bs-slider-label-vertical-min-transform);
318
334
  }
319
- .au-slider .au-slider-label-vertical.au-slider-label-vertical-now {
335
+ .au-slider .au-slider-content .au-slider-label-vertical.au-slider-label-vertical-now {
320
336
  transform: var(--bs-slider-label-vertical-now-transform);
321
337
  }
322
- .au-slider .au-slider-clickable-area {
338
+ .au-slider .au-slider-content .au-slider-clickable-area {
323
339
  height: var(--bs-slider-clickable-area-main-size);
324
340
  width: var(--bs-slider-clickable-area-secondary-size);
325
341
  transform: var(--bs-slider-clickable-area-translate);
326
342
  cursor: var(--bs-slider-clickable-area-cursor);
327
343
  }
328
- .au-slider .au-slider-clickable-area-vertical {
344
+ .au-slider .au-slider-content .au-slider-clickable-area-vertical {
329
345
  width: var(--bs-slider-clickable-area-main-size);
330
346
  height: var(--bs-slider-clickable-area-secondary-size);
331
347
  transform: var(--bs-slider-clickable-area-vertical-translate);
332
348
  flex-shrink: var(--bs-slider-clickable-area-vertical-flex-shrink);
333
349
  cursor: var(--bs-slider-clickable-area-cursor);
334
350
  }
335
- .au-slider .au-slider-clickable-area-with-ticks {
351
+ .au-slider .au-slider-content .au-slider-clickable-area-with-ticks {
336
352
  cursor: default;
337
353
  }
338
- .au-slider.disabled {
354
+ .au-slider .au-slider-content.disabled {
339
355
  cursor: var(--bs-slider-disabled-cursor);
356
+ background-color: var(--bs-slider-disabled-background-color);
340
357
  }
341
- .au-slider.disabled .au-slider-label,
342
- .au-slider.disabled .au-slider-label-vertical,
343
- .au-slider.disabled .au-slider-tick-label,
344
- .au-slider.disabled .au-slider-tick-label-vertical {
358
+ .au-slider .au-slider-content.disabled .au-slider-label,
359
+ .au-slider .au-slider-content.disabled .au-slider-label-vertical,
360
+ .au-slider .au-slider-content.disabled .au-slider-tick-label,
361
+ .au-slider .au-slider-content.disabled .au-slider-tick-label-vertical {
345
362
  color: var(--bs-slider-disabled-color);
346
363
  }
347
- .au-slider.disabled .au-slider-progress,
348
- .au-slider.disabled .au-slider-handle {
364
+ .au-slider .au-slider-content.disabled .au-slider-progress,
365
+ .au-slider .au-slider-content.disabled .au-slider-handle {
349
366
  background-color: var(--bs-slider-disabled-color);
350
367
  cursor: var(--bs-slider-disabled-cursor);
351
368
  }
352
- .au-slider.disabled .au-slider-clickable-area,
353
- .au-slider.disabled .au-slider-clickable-area-vertical,
354
- .au-slider.disabled .au-slider-tick {
369
+ .au-slider .au-slider-content.disabled .au-slider-clickable-area,
370
+ .au-slider .au-slider-content.disabled .au-slider-clickable-area-vertical,
371
+ .au-slider .au-slider-content.disabled .au-slider-tick {
355
372
  cursor: var(--bs-slider-disabled-cursor);
356
373
  }
357
374
 
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","../scss/carousel.scss","../scss/toaster.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;;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;;;ACtVF;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACdF;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;ACZD;EACC;;;AAGD;EACC","file":"agnosui.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../scss/tree.scss","../scss/select.scss","../scss/slider.scss","../scss/rating.scss","../scss/carousel.scss","../scss/toaster.scss"],"names":[],"mappings":"AAEA;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;;AAEA;EACC;;AAIF;EACC;;AAEA;EACC;;AAKD;EACC;;;ACzEJ;EACC;;;AAID;EACC;EACA;EACA;;;ACiBD;EAEC;EACA;EACA;EACA;EAEA;EACA;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;EACA;EAGA;;AAEA;EACC;;AAGD;EACC;;AAGD;EApGA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AA6FA;EA/GA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAwGA;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;;AAED;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;;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;EACA;;AAEA;AAAA;AAAA;AAAA;EAIC;;AAED;AAAA;EAEC;EACA;;AAED;AAAA;AAAA;EAGC;;;AC7WH;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACdF;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;ACZD;EACC;;;AAGD;EACC","file":"agnosui.css"}