@mirai/ui 1.0.242 → 1.0.243
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.
- package/README.md +4 -3
- package/build/components/Slider/Slider.js +5 -5
- package/build/components/Slider/Slider.js.map +1 -1
- package/build/components/Slider/Slider.module.css +10 -9
- package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +7 -7
- package/build/theme/default.theme.css +3 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1054,7 +1054,7 @@ A Slider component receiving the following props:
|
|
|
1054
1054
|
- `thumbnails:arrayOf:string` if you want use thumbnails of images in fullScreen mode.
|
|
1055
1055
|
- `width:number` width of component (required).
|
|
1056
1056
|
- `onChange:function` executed when image (index) is visible
|
|
1057
|
-
- `
|
|
1057
|
+
- `onCounter:function` show a pressable counter
|
|
1058
1058
|
|
|
1059
1059
|
```jsx
|
|
1060
1060
|
import { Slider } from '@mirai/ui';
|
|
@@ -1068,9 +1068,10 @@ const MyComponent = (props) => {
|
|
|
1068
1068
|
**Theming variables**
|
|
1069
1069
|
|
|
1070
1070
|
```css
|
|
1071
|
-
--mirai-ui-slider-
|
|
1071
|
+
--mirai-ui-slider-button: var(--mirai-ui-base);
|
|
1072
|
+
--mirai-ui-slider-button-icon: var(--mirai-ui-content);
|
|
1072
1073
|
--mirai-ui-slider-overlay: rgba(0, 0, 0, 0.66);
|
|
1073
|
-
--mirai-ui-slider-color: var(--mirai-ui-base);
|
|
1074
|
+
--mirai-ui-slider-overlay-color: var(--mirai-ui-base);
|
|
1074
1075
|
--mirai-ui-slider-border-radius: var(--mirai-ui-border-radius);
|
|
1075
1076
|
```
|
|
1076
1077
|
|
|
@@ -134,18 +134,18 @@ var Slider = function Slider(_ref) {
|
|
|
134
134
|
className: _SliderModule.default.caption
|
|
135
135
|
}, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
|
|
136
136
|
bold: true,
|
|
137
|
-
|
|
138
|
-
className: [_SliderModule.default.
|
|
137
|
+
small: true,
|
|
138
|
+
className: [_SliderModule.default.overlay, _SliderModule.default.text]
|
|
139
139
|
}, captions[imageIndex])));
|
|
140
|
-
}), images.length >
|
|
141
|
-
className: [_SliderModule.default.
|
|
140
|
+
}), images.length > 1 && onCounter && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
|
|
141
|
+
className: [_SliderModule.default.overlay, _SliderModule.default.counter],
|
|
142
142
|
onPress: onCounter
|
|
143
143
|
}, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
|
|
144
144
|
action: true,
|
|
145
145
|
value: _primitives.ICON.PHOTO_LIBRARY
|
|
146
146
|
}), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
|
|
147
147
|
bold: true,
|
|
148
|
-
|
|
148
|
+
small: true
|
|
149
149
|
}, images.length))), /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
|
|
150
150
|
onPress: function onPress() {
|
|
151
151
|
return setIndex(index + 1);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","names":["interval","timeout","Slider","auto","captions","height","propHeight","images","index","propIndex","width","propWidth","onChange","onCounter","others","useDevice","isDesktop","useState","disabledScroll","setDisabledScroll","focus","setFocus","setIndex","useEffect","setInterval","length","clearInterval","clearTimeout","setTimeout","getMotionExpand","handleScroll","x","nextIndex","Math","round","undefined","styles","style","container","className","button","hide","back","ICON","LEFT","floor","scrollView","map","image","imageIndex","item","backgroundImage","PRELOAD_IMAGES","caption","
|
|
1
|
+
{"version":3,"file":"Slider.js","names":["interval","timeout","Slider","auto","captions","height","propHeight","images","index","propIndex","width","propWidth","onChange","onCounter","others","useDevice","isDesktop","useState","disabledScroll","setDisabledScroll","focus","setFocus","setIndex","useEffect","setInterval","length","clearInterval","clearTimeout","setTimeout","getMotionExpand","handleScroll","x","nextIndex","Math","round","undefined","styles","style","container","className","button","hide","back","ICON","LEFT","floor","scrollView","map","image","imageIndex","item","backgroundImage","PRELOAD_IMAGES","caption","overlay","text","counter","PHOTO_LIBRARY","forward","RIGHT","displayName","propTypes","PropTypes","bool","arrayOf","string","number","isRequired","func"],"sources":["../../../src/components/Slider/Slider.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, ICON, ScrollView, Pressable, Text, View } from '../../primitives';\nimport { getMotionExpand } from './helpers';\nimport { PRELOAD_IMAGES } from './Slider.constants';\nimport style from './Slider.module.css';\n\nlet interval;\nlet timeout;\n\nconst Slider = ({\n auto = false,\n captions = [],\n height: propHeight = 240,\n images = [],\n index: propIndex = 0,\n width: propWidth = 320,\n onChange = () => {},\n onCounter,\n ...others\n}) => {\n const { isDesktop } = useDevice();\n\n const [disabledScroll, setDisabledScroll] = useState(false);\n const [focus, setFocus] = useState(false);\n const [index, setIndex] = useState(propIndex);\n\n useEffect(() => {\n if (auto) interval = setInterval(() => setIndex(index < images.length - 1 ? index + 1 : 0), 2000);\n return () => clearInterval(interval);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [auto, index]);\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useEffect(() => {\n clearTimeout(timeout);\n setDisabledScroll(true);\n timeout = setTimeout(() => setDisabledScroll(false), getMotionExpand() * 2);\n\n onChange(index);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [index]);\n\n const height = propHeight;\n\n const width = propWidth;\n\n const handleScroll = ({ x } = {}) => {\n const nextIndex = x < width ? 0 : Math.round(x / width);\n\n if (nextIndex !== index) setIndex(nextIndex);\n };\n\n return (\n <View\n {...others}\n role=\"slider\"\n onMouseEnter={isDesktop ? () => setFocus(true) : undefined}\n onMouseLeave={isDesktop ? () => setFocus(false) : undefined}\n className={styles(style.container, others.className)}\n style={{ ...others.style, width }}\n >\n <Pressable\n onPress={() => setIndex(index - 1)}\n className={styles(style.button, (index <= 0 || (isDesktop && !focus)) && style.hide, style.back)}\n >\n <Icon value={ICON.LEFT} />\n </Pressable>\n\n <ScrollView\n horizontal\n scrollTo={index * Math.floor(width)}\n snap\n width={width}\n onScroll={disabledScroll ? undefined : handleScroll}\n className={style.scrollView}\n >\n {images.map((image, imageIndex) => (\n <View key={imageIndex} className={style.item}>\n <View\n role=\"image\"\n className={style.image}\n style={{\n backgroundImage:\n imageIndex >= index - PRELOAD_IMAGES && imageIndex <= index + PRELOAD_IMAGES\n ? `url(${image})`\n : undefined,\n height,\n width,\n }}\n />\n {captions[imageIndex] && (\n <View className={style.caption}>\n <Text bold small className={[style.overlay, style.text]}>\n {captions[imageIndex]}\n </Text>\n </View>\n )}\n </View>\n ))}\n\n {images.length > 1 && onCounter && (\n <Pressable className={[style.overlay, style.counter]} onPress={onCounter}>\n <Icon action value={ICON.PHOTO_LIBRARY} />\n <Text bold small>\n {images.length}\n </Text>\n </Pressable>\n )}\n </ScrollView>\n\n <Pressable\n onPress={() => setIndex(index + 1)}\n className={styles(\n style.button,\n (index >= images.length - 1 || (isDesktop && !focus)) && style.hide && style.hide,\n style.forward,\n )}\n >\n <Icon value={ICON.RIGHT} />\n </Pressable>\n </View>\n );\n};\n\nSlider.displayName = 'Component:Slider';\n\nSlider.propTypes = {\n auto: PropTypes.bool,\n captions: PropTypes.arrayOf(PropTypes.string),\n height: PropTypes.number.isRequired,\n images: PropTypes.arrayOf(PropTypes.string).isRequired,\n index: PropTypes.number,\n width: PropTypes.number.isRequired,\n onChange: PropTypes.func,\n onCounter: PropTypes.func,\n};\n\nexport { Slider };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAExC,IAAIA,QAAQ;AACZ,IAAIC,OAAO;AAEX,IAAMC,MAAM,GAAG,SAATA,MAAM,OAUN;EAAA,qBATJC,IAAI;IAAJA,IAAI,0BAAG,KAAK;IAAA,qBACZC,QAAQ;IAARA,QAAQ,8BAAG,EAAE;IAAA,mBACbC,MAAM;IAAEC,UAAU,4BAAG,GAAG;IAAA,mBACxBC,MAAM;IAANA,MAAM,4BAAG,EAAE;IAAA,kBACXC,KAAK;IAAEC,SAAS,2BAAG,CAAC;IAAA,kBACpBC,KAAK;IAAEC,SAAS,2BAAG,GAAG;IAAA,qBACtBC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IACnBC,SAAS,QAATA,SAAS;IACNC,MAAM;EAET,iBAAsB,IAAAC,gBAAS,GAAE;IAAzBC,SAAS,cAATA,SAAS;EAEjB,gBAA4C,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAApDC,cAAc;IAAEC,iBAAiB;EACxC,iBAA0B,IAAAF,eAAQ,EAAC,KAAK,CAAC;IAAA;IAAlCG,KAAK;IAAEC,QAAQ;EACtB,iBAA0B,IAAAJ,eAAQ,EAACR,SAAS,CAAC;IAAA;IAAtCD,KAAK;IAAEc,QAAQ;EAEtB,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIpB,IAAI,EAAEH,QAAQ,GAAGwB,WAAW,CAAC;MAAA,OAAMF,QAAQ,CAACd,KAAK,GAAGD,MAAM,CAACkB,MAAM,GAAG,CAAC,GAAGjB,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC;IAAA,GAAE,IAAI,CAAC;IACjG,OAAO;MAAA,OAAMkB,aAAa,CAAC1B,QAAQ,CAAC;IAAA;IACpC;EACF,CAAC,EAAE,CAACG,IAAI,EAAEK,KAAK,CAAC,CAAC;;EAEjB;EACA,IAAAe,gBAAS,EAAC,YAAM;IACdI,YAAY,CAAC1B,OAAO,CAAC;IACrBkB,iBAAiB,CAAC,IAAI,CAAC;IACvBlB,OAAO,GAAG2B,UAAU,CAAC;MAAA,OAAMT,iBAAiB,CAAC,KAAK,CAAC;IAAA,GAAE,IAAAU,yBAAe,GAAE,GAAG,CAAC,CAAC;IAE3EjB,QAAQ,CAACJ,KAAK,CAAC;IACf;EACF,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,IAAMH,MAAM,GAAGC,UAAU;EAEzB,IAAMI,KAAK,GAAGC,SAAS;EAEvB,IAAMmB,YAAY,GAAG,SAAfA,YAAY,GAAmB;IAAA,gFAAP,CAAC,CAAC;MAARC,CAAC,SAADA,CAAC;IACvB,IAAMC,SAAS,GAAGD,CAAC,GAAGrB,KAAK,GAAG,CAAC,GAAGuB,IAAI,CAACC,KAAK,CAACH,CAAC,GAAGrB,KAAK,CAAC;IAEvD,IAAIsB,SAAS,KAAKxB,KAAK,EAAEc,QAAQ,CAACU,SAAS,CAAC;EAC9C,CAAC;EAED,oBACE,6BAAC,gBAAI,eACClB,MAAM;IACV,IAAI,EAAC,QAAQ;IACb,YAAY,EAAEE,SAAS,GAAG;MAAA,OAAMK,QAAQ,CAAC,IAAI,CAAC;IAAA,IAAGc,SAAU;IAC3D,YAAY,EAAEnB,SAAS,GAAG;MAAA,OAAMK,QAAQ,CAAC,KAAK,CAAC;IAAA,IAAGc,SAAU;IAC5D,SAAS,EAAE,IAAAC,eAAM,EAACC,qBAAK,CAACC,SAAS,EAAExB,MAAM,CAACyB,SAAS,CAAE;IACrD,KAAK,kCAAOzB,MAAM,CAACuB,KAAK;MAAE3B,KAAK,EAALA;IAAK;EAAG,iBAElC,6BAAC,qBAAS;IACR,OAAO,EAAE;MAAA,OAAMY,QAAQ,CAACd,KAAK,GAAG,CAAC,CAAC;IAAA,CAAC;IACnC,SAAS,EAAE,IAAA4B,eAAM,EAACC,qBAAK,CAACG,MAAM,EAAE,CAAChC,KAAK,IAAI,CAAC,IAAKQ,SAAS,IAAI,CAACI,KAAM,KAAKiB,qBAAK,CAACI,IAAI,EAAEJ,qBAAK,CAACK,IAAI;EAAE,gBAEjG,6BAAC,gBAAI;IAAC,KAAK,EAAEC,gBAAI,CAACC;EAAK,EAAG,CAChB,eAEZ,6BAAC,sBAAU;IACT,UAAU;IACV,QAAQ,EAAEpC,KAAK,GAAGyB,IAAI,CAACY,KAAK,CAACnC,KAAK,CAAE;IACpC,IAAI;IACJ,KAAK,EAAEA,KAAM;IACb,QAAQ,EAAEQ,cAAc,GAAGiB,SAAS,GAAGL,YAAa;IACpD,SAAS,EAAEO,qBAAK,CAACS;EAAW,GAE3BvC,MAAM,CAACwC,GAAG,CAAC,UAACC,KAAK,EAAEC,UAAU;IAAA,oBAC5B,6BAAC,gBAAI;MAAC,GAAG,EAAEA,UAAW;MAAC,SAAS,EAAEZ,qBAAK,CAACa;IAAK,gBAC3C,6BAAC,gBAAI;MACH,IAAI,EAAC,OAAO;MACZ,SAAS,EAAEb,qBAAK,CAACW,KAAM;MACvB,KAAK,EAAE;QACLG,eAAe,EACbF,UAAU,IAAIzC,KAAK,GAAG4C,sBAAc,IAAIH,UAAU,IAAIzC,KAAK,GAAG4C,sBAAc,iBACjEJ,KAAK,SACZb,SAAS;QACf9B,MAAM,EAANA,MAAM;QACNK,KAAK,EAALA;MACF;IAAE,EACF,EACDN,QAAQ,CAAC6C,UAAU,CAAC,iBACnB,6BAAC,gBAAI;MAAC,SAAS,EAAEZ,qBAAK,CAACgB;IAAQ,gBAC7B,6BAAC,gBAAI;MAAC,IAAI;MAAC,KAAK;MAAC,SAAS,EAAE,CAAChB,qBAAK,CAACiB,OAAO,EAAEjB,qBAAK,CAACkB,IAAI;IAAE,GACrDnD,QAAQ,CAAC6C,UAAU,CAAC,CAChB,CAEV,CACI;EAAA,CACR,CAAC,EAED1C,MAAM,CAACkB,MAAM,GAAG,CAAC,IAAIZ,SAAS,iBAC7B,6BAAC,qBAAS;IAAC,SAAS,EAAE,CAACwB,qBAAK,CAACiB,OAAO,EAAEjB,qBAAK,CAACmB,OAAO,CAAE;IAAC,OAAO,EAAE3C;EAAU,gBACvE,6BAAC,gBAAI;IAAC,MAAM;IAAC,KAAK,EAAE8B,gBAAI,CAACc;EAAc,EAAG,eAC1C,6BAAC,gBAAI;IAAC,IAAI;IAAC,KAAK;EAAA,GACblD,MAAM,CAACkB,MAAM,CACT,CAEV,CACU,eAEb,6BAAC,qBAAS;IACR,OAAO,EAAE;MAAA,OAAMH,QAAQ,CAACd,KAAK,GAAG,CAAC,CAAC;IAAA,CAAC;IACnC,SAAS,EAAE,IAAA4B,eAAM,EACfC,qBAAK,CAACG,MAAM,EACZ,CAAChC,KAAK,IAAID,MAAM,CAACkB,MAAM,GAAG,CAAC,IAAKT,SAAS,IAAI,CAACI,KAAM,KAAKiB,qBAAK,CAACI,IAAI,IAAIJ,qBAAK,CAACI,IAAI,EACjFJ,qBAAK,CAACqB,OAAO;EACb,gBAEF,6BAAC,gBAAI;IAAC,KAAK,EAAEf,gBAAI,CAACgB;EAAM,EAAG,CACjB,CACP;AAEX,CAAC;AAAC;AAEFzD,MAAM,CAAC0D,WAAW,GAAG,kBAAkB;AAEvC1D,MAAM,CAAC2D,SAAS,GAAG;EACjB1D,IAAI,EAAE2D,kBAAS,CAACC,IAAI;EACpB3D,QAAQ,EAAE0D,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACG,MAAM,CAAC;EAC7C5D,MAAM,EAAEyD,kBAAS,CAACI,MAAM,CAACC,UAAU;EACnC5D,MAAM,EAAEuD,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACG,MAAM,CAAC,CAACE,UAAU;EACtD3D,KAAK,EAAEsD,kBAAS,CAACI,MAAM;EACvBxD,KAAK,EAAEoD,kBAAS,CAACI,MAAM,CAACC,UAAU;EAClCvD,QAAQ,EAAEkD,kBAAS,CAACM,IAAI;EACxBvD,SAAS,EAAEiD,kBAAS,CAACM;AACvB,CAAC"}
|
|
@@ -7,8 +7,9 @@
|
|
|
7
7
|
|
|
8
8
|
.button {
|
|
9
9
|
align-items: center;
|
|
10
|
-
background-color: var(--mirai-ui-slider-
|
|
10
|
+
background-color: var(--mirai-ui-slider-button);
|
|
11
11
|
border-radius: 50%;
|
|
12
|
+
box-shadow: var(--mirai-ui-modal-shadow);
|
|
12
13
|
display: flex;
|
|
13
14
|
height: var(--mirai-ui-button-squared);
|
|
14
15
|
justify-content: center;
|
|
@@ -23,8 +24,8 @@
|
|
|
23
24
|
transform: scale(0);
|
|
24
25
|
}
|
|
25
26
|
|
|
26
|
-
.button >
|
|
27
|
-
color: var(--mirai-ui-slider-
|
|
27
|
+
.button > [data-role='icon'] {
|
|
28
|
+
color: var(--mirai-ui-slider-button-icon);
|
|
28
29
|
}
|
|
29
30
|
|
|
30
31
|
.button.back {
|
|
@@ -56,11 +57,11 @@
|
|
|
56
57
|
}
|
|
57
58
|
|
|
58
59
|
.item .caption .text {
|
|
59
|
-
color: var(--mirai-ui-slider-color);
|
|
60
|
-
padding: calc(var(--mirai-ui-space-XS) / 2) var(--mirai-ui-space-XS);
|
|
60
|
+
color: var(--mirai-ui-slider-overlay-color);
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
.counter {
|
|
64
|
+
align-items: center;
|
|
64
65
|
bottom: var(--mirai-ui-space-S);
|
|
65
66
|
display: flex;
|
|
66
67
|
flex-direction: row;
|
|
@@ -73,14 +74,14 @@
|
|
|
73
74
|
color: var(--mirai-ui-slider-color);
|
|
74
75
|
}
|
|
75
76
|
|
|
76
|
-
.
|
|
77
|
+
.overlay {
|
|
77
78
|
background-color: var(--mirai-ui-slider-overlay);
|
|
78
79
|
border-radius: var(--mirai-ui-slider-border-radius);
|
|
79
|
-
padding: calc(var(--mirai-ui-space-XS) / 2);
|
|
80
|
+
padding: calc(var(--mirai-ui-space-XS) / 2) var(--mirai-ui-space-XS);
|
|
80
81
|
}
|
|
81
82
|
|
|
82
|
-
.
|
|
83
|
-
color: var(--mirai-ui-slider-color);
|
|
83
|
+
.overlay [data-role] {
|
|
84
|
+
color: var(--mirai-ui-slider-overlay-color);
|
|
84
85
|
}
|
|
85
86
|
|
|
86
87
|
/* S */
|
|
@@ -272,7 +272,7 @@ exports[`component:<Slider> prop:captions 1`] = `
|
|
|
272
272
|
class="view caption"
|
|
273
273
|
>
|
|
274
274
|
<span
|
|
275
|
-
class="text bold
|
|
275
|
+
class="text bold small overlay text"
|
|
276
276
|
>
|
|
277
277
|
javi
|
|
278
278
|
</span>
|
|
@@ -289,7 +289,7 @@ exports[`component:<Slider> prop:captions 1`] = `
|
|
|
289
289
|
class="view caption"
|
|
290
290
|
>
|
|
291
291
|
<span
|
|
292
|
-
class="text bold
|
|
292
|
+
class="text bold small overlay text"
|
|
293
293
|
>
|
|
294
294
|
jose
|
|
295
295
|
</span>
|
|
@@ -314,7 +314,7 @@ exports[`component:<Slider> prop:captions 1`] = `
|
|
|
314
314
|
class="view caption"
|
|
315
315
|
>
|
|
316
316
|
<span
|
|
317
|
-
class="text bold
|
|
317
|
+
class="text bold small overlay text"
|
|
318
318
|
>
|
|
319
319
|
victor
|
|
320
320
|
</span>
|
|
@@ -331,7 +331,7 @@ exports[`component:<Slider> prop:captions 1`] = `
|
|
|
331
331
|
class="view caption"
|
|
332
332
|
>
|
|
333
333
|
<span
|
|
334
|
-
class="text bold
|
|
334
|
+
class="text bold small overlay text"
|
|
335
335
|
>
|
|
336
336
|
svet
|
|
337
337
|
</span>
|
|
@@ -348,7 +348,7 @@ exports[`component:<Slider> prop:captions 1`] = `
|
|
|
348
348
|
class="view caption"
|
|
349
349
|
>
|
|
350
350
|
<span
|
|
351
|
-
class="text bold
|
|
351
|
+
class="text bold small overlay text"
|
|
352
352
|
>
|
|
353
353
|
mario2
|
|
354
354
|
</span>
|
|
@@ -581,7 +581,7 @@ exports[`component:<Slider> prop:onCounter 1`] = `
|
|
|
581
581
|
/>
|
|
582
582
|
</div>
|
|
583
583
|
<div
|
|
584
|
-
class="pressable
|
|
584
|
+
class="pressable overlay counter"
|
|
585
585
|
>
|
|
586
586
|
<span
|
|
587
587
|
class="icon action"
|
|
@@ -605,7 +605,7 @@ exports[`component:<Slider> prop:onCounter 1`] = `
|
|
|
605
605
|
</svg>
|
|
606
606
|
</span>
|
|
607
607
|
<span
|
|
608
|
-
class="text bold
|
|
608
|
+
class="text bold small"
|
|
609
609
|
>
|
|
610
610
|
6
|
|
611
611
|
</span>
|
|
@@ -252,9 +252,10 @@
|
|
|
252
252
|
--mirai-ui-progress-motion: calc(var(--mirai-ui-motion-expand) * 3);
|
|
253
253
|
|
|
254
254
|
/* Slider */
|
|
255
|
-
--mirai-ui-slider-
|
|
255
|
+
--mirai-ui-slider-button: var(--mirai-ui-base);
|
|
256
|
+
--mirai-ui-slider-button-icon: var(--mirai-ui-content);
|
|
256
257
|
--mirai-ui-slider-overlay: rgba(0, 0, 0, 0.66);
|
|
257
|
-
--mirai-ui-slider-color: var(--mirai-ui-base);
|
|
258
|
+
--mirai-ui-slider-overlay-color: var(--mirai-ui-base);
|
|
258
259
|
--mirai-ui-slider-border-radius: var(--mirai-ui-border-radius);
|
|
259
260
|
|
|
260
261
|
/* Table */
|