@antimatter-audio/antimatter-ui 5.7.0 → 5.7.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.
- package/dist/index.js +2 -2
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -32,7 +32,7 @@ function styleInject(css, ref) {
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
var css_248z$9 = "/* http://meyerweb.com/eric/tools/css/reset/ \n v2.0 | 20110126\n License: none (public domain)\n*/\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol,\nul {\n list-style: none;\n}\n\nblockquote,\nq {\n quotes: none;\n}\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n.theme-light .color-text {\n color: #111111;\n}\n\n.theme-light .color-input-text {\n color: #D9D9D9;\n}\n\n.theme-light .bg-main {\n background-color: #BBBBBB;\n}\n\n.theme-light.bg-main {\n background-color: #BBBBBB;\n}\n\n.theme-light .bg-section {\n background-color: #606060;\n}\n\n.theme-light.bg-section {\n background-color: #606060;\n}\n\n.theme-light .bg-slider {\n background-color: #454545;\n}\n\n.theme-light.bg-slider {\n background-color: #454545;\n}\n\n.theme-light .bg-rotary-slider-indicator {\n background-color: #BBBBBB;\n}\n\n.theme-light.bg-rotary-slider-indicator {\n background-color: #BBBBBB;\n}\n\n.theme-light .bg-bar-slider-indicator {\n background-color: #333333;\n}\n\n.theme-light.bg-bar-slider-indicator {\n background-color: #333333;\n}\n\n.theme-light .bg-input {\n background-color: #606060;\n}\n\n.theme-light.bg-input {\n background-color: #606060;\n}\n\n.theme-light .bg-input-selected {\n background-color: #333333;\n}\n\n.theme-light.bg-input-selected {\n background-color: #333333;\n}\n\n.theme-light .bg-input-hover {\n background-color: #606060;\n}\n\n.theme-light.bg-input-hover {\n background-color: #606060;\n}\n\n.theme-light .Slider-center-marker {\n border-color: transparent transparent #454545 transparent;\n}\n\n.theme-light .bg-input:hover {\n background-color: #606060;\n}\n\n.theme-med .bg-main {\n background-color: #454545;\n}\n\n.theme-med.bg-main {\n background-color: #454545;\n}\n\n.theme-med .bg-section {\n background-color: #222222;\n}\n\n.theme-med.bg-section {\n background-color: #222222;\n}\n\n.theme-med .bg-slider {\n background-color: #222222;\n}\n\n.theme-med.bg-slider {\n background-color: #222222;\n}\n\n.theme-med .bg-rotary-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med.bg-rotary-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med .bg-bar-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med.bg-bar-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med .bg-input {\n background-color: #222222;\n}\n\n.theme-med.bg-input {\n background-color: #222222;\n}\n\n.theme-med .bg-input-selected {\n background-color: #111111;\n}\n\n.theme-med.bg-input-selected {\n background-color: #111111;\n}\n\n.theme-med .bg-input-hover {\n background-color: #606060;\n}\n\n.theme-med.bg-input-hover {\n background-color: #606060;\n}\n\n.theme-med .color-text {\n color: #D9D9D9;\n}\n\n.theme-med .color-input-text {\n color: #D9D9D9;\n}\n\n.theme-med .Slider-center-marker {\n border-color: transparent transparent #222222 transparent;\n}\n\n.theme-med .bg-input:hover {\n background-color: #606060;\n}\n\n.theme-dark .color-text {\n color: #D9D9D9;\n}\n\n.theme-dark .color-input-text {\n color: #D9D9D9;\n}\n\n.theme-dark .bg-main {\n background-color: #111111;\n}\n\n.theme-dark.bg-main {\n background-color: #111111;\n}\n\n.theme-dark .bg-section {\n background-color: #333333;\n}\n\n.theme-dark.bg-section {\n background-color: #333333;\n}\n\n.theme-dark .bg-slider {\n background-color: #333333;\n}\n\n.theme-dark.bg-slider {\n background-color: #333333;\n}\n\n.theme-dark .bg-rotary-slider-indicator {\n background-color: #111111;\n}\n\n.theme-dark.bg-rotary-slider-indicator {\n background-color: #111111;\n}\n\n.theme-dark .bg-bar-slider-indicator {\n background-color: #606060;\n}\n\n.theme-dark.bg-bar-slider-indicator {\n background-color: #606060;\n}\n\n.theme-dark .bg-input {\n background-color: #333333;\n}\n\n.theme-dark.bg-input {\n background-color: #333333;\n}\n\n.theme-dark .bg-input-selected {\n background-color: #454545;\n}\n\n.theme-dark.bg-input-selected {\n background-color: #454545;\n}\n\n.theme-dark .bg-input-hover {\n background-color: #606060;\n}\n\n.theme-dark.bg-input-hover {\n background-color: #606060;\n}\n\n.theme-dark .Slider-center-marker {\n border-color: transparent transparent #333333 transparent;\n}\n\n.theme-dark .bg-input:hover {\n background-color: #606060;\n}\n\n.flex-align-center {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.flex-align-center-vertical {\n display: flex;\n align-items: center;\n}\n\n.flex-align-center-horizontal {\n display: flex;\n justify-content: center;\n}\n\n.flex-align-start {\n display: flex;\n justify-content: flex-start;\n}\n\n.flex-align-end {\n display: flex;\n justify-content: flex-end;\n}\n\n.flex-direction-column {\n display: flex;\n flex-direction: column;\n}\n\n.flex-wrap-nowrap {\n flex-wrap: nowrap;\n}\n\n.theme-light .color-text {\n color: #111111;\n}\n\n.theme-light .color-input-text {\n color: #D9D9D9;\n}\n\n.theme-light .bg-main {\n background-color: #BBBBBB;\n}\n\n.theme-light.bg-main {\n background-color: #BBBBBB;\n}\n\n.theme-light .bg-section {\n background-color: #606060;\n}\n\n.theme-light.bg-section {\n background-color: #606060;\n}\n\n.theme-light .bg-slider {\n background-color: #454545;\n}\n\n.theme-light.bg-slider {\n background-color: #454545;\n}\n\n.theme-light .bg-rotary-slider-indicator {\n background-color: #BBBBBB;\n}\n\n.theme-light.bg-rotary-slider-indicator {\n background-color: #BBBBBB;\n}\n\n.theme-light .bg-bar-slider-indicator {\n background-color: #333333;\n}\n\n.theme-light.bg-bar-slider-indicator {\n background-color: #333333;\n}\n\n.theme-light .bg-input {\n background-color: #606060;\n}\n\n.theme-light.bg-input {\n background-color: #606060;\n}\n\n.theme-light .bg-input-selected {\n background-color: #333333;\n}\n\n.theme-light.bg-input-selected {\n background-color: #333333;\n}\n\n.theme-light .bg-input-hover {\n background-color: #606060;\n}\n\n.theme-light.bg-input-hover {\n background-color: #606060;\n}\n\n.theme-light .Slider-center-marker {\n border-color: transparent transparent #454545 transparent;\n}\n\n.theme-light .bg-input:hover {\n background-color: #606060;\n}\n\n.theme-med .bg-main {\n background-color: #454545;\n}\n\n.theme-med.bg-main {\n background-color: #454545;\n}\n\n.theme-med .bg-section {\n background-color: #222222;\n}\n\n.theme-med.bg-section {\n background-color: #222222;\n}\n\n.theme-med .bg-slider {\n background-color: #222222;\n}\n\n.theme-med.bg-slider {\n background-color: #222222;\n}\n\n.theme-med .bg-rotary-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med.bg-rotary-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med .bg-bar-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med.bg-bar-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med .bg-input {\n background-color: #222222;\n}\n\n.theme-med.bg-input {\n background-color: #222222;\n}\n\n.theme-med .bg-input-selected {\n background-color: #111111;\n}\n\n.theme-med.bg-input-selected {\n background-color: #111111;\n}\n\n.theme-med .bg-input-hover {\n background-color: #606060;\n}\n\n.theme-med.bg-input-hover {\n background-color: #606060;\n}\n\n.theme-med .color-text {\n color: #D9D9D9;\n}\n\n.theme-med .color-input-text {\n color: #D9D9D9;\n}\n\n.theme-med .Slider-center-marker {\n border-color: transparent transparent #222222 transparent;\n}\n\n.theme-med .bg-input:hover {\n background-color: #606060;\n}\n\n.theme-dark .color-text {\n color: #D9D9D9;\n}\n\n.theme-dark .color-input-text {\n color: #D9D9D9;\n}\n\n.theme-dark .bg-main {\n background-color: #111111;\n}\n\n.theme-dark.bg-main {\n background-color: #111111;\n}\n\n.theme-dark .bg-section {\n background-color: #333333;\n}\n\n.theme-dark.bg-section {\n background-color: #333333;\n}\n\n.theme-dark .bg-slider {\n background-color: #333333;\n}\n\n.theme-dark.bg-slider {\n background-color: #333333;\n}\n\n.theme-dark .bg-rotary-slider-indicator {\n background-color: #111111;\n}\n\n.theme-dark.bg-rotary-slider-indicator {\n background-color: #111111;\n}\n\n.theme-dark .bg-bar-slider-indicator {\n background-color: #606060;\n}\n\n.theme-dark.bg-bar-slider-indicator {\n background-color: #606060;\n}\n\n.theme-dark .bg-input {\n background-color: #333333;\n}\n\n.theme-dark.bg-input {\n background-color: #333333;\n}\n\n.theme-dark .bg-input-selected {\n background-color: #454545;\n}\n\n.theme-dark.bg-input-selected {\n background-color: #454545;\n}\n\n.theme-dark .bg-input-hover {\n background-color: #606060;\n}\n\n.theme-dark.bg-input-hover {\n background-color: #606060;\n}\n\n.theme-dark .Slider-center-marker {\n border-color: transparent transparent #333333 transparent;\n}\n\n.theme-dark .bg-input:hover {\n background-color: #606060;\n}\n\n.padding-around-xsmall {\n padding: 2px;\n}\n\n.padding-around-small {\n padding: 4px;\n}\n\n.padding-around-mediumsmall {\n padding: 8px;\n}\n\n.padding-around-medium {\n padding: 12px;\n}\n\n.padding-around-mediumlarge {\n padding: 16px;\n}\n\n.padding-around-large {\n padding: 20px;\n}\n\n.padding-around-xlarge {\n padding: 24px;\n}\n\n.padding-vertical-xsmall {\n padding: 2px 0;\n}\n\n.padding-vertical-small {\n padding: 4px 0;\n}\n\n.padding-vertical-mediumsmall {\n padding: 8px 0;\n}\n\n.padding-vertical-medium {\n padding: 12px 0;\n}\n\n.padding-vertical-mediumlarge {\n padding: 16px 0;\n}\n\n.padding-vertical-large {\n padding: 20px 0;\n}\n\n.padding-vertical-xlarge {\n padding: 24px 0;\n}\n\n.padding-horizontal-xsmall {\n padding: 0 2px;\n}\n\n.padding-horizontal-small {\n padding: 0 4px;\n}\n\n.padding-horizontal-mediumsmall {\n padding: 0 8px;\n}\n\n.padding-horizontal-medium {\n padding: 0 12px;\n}\n\n.padding-horizontal-mediumlarge {\n padding: 0 16px;\n}\n\n.padding-horizontal-large {\n padding: 0 20px;\n}\n\n.padding-horizontal-xlarge {\n padding: 0 24px;\n}\n\n.padding-top-xsmall {\n padding-top: 2px;\n}\n\n.padding-top-small {\n padding-top: 4px;\n}\n\n.padding-top-mediumsmall {\n padding-top: 8px;\n}\n\n.padding-top-medium {\n padding-top: 12px;\n}\n\n.padding-top-mediumlarge {\n padding-top: 16px;\n}\n\n.padding-top-large {\n padding-top: 20px;\n}\n\n.padding-top-xlarge {\n padding-top: 24px;\n}\n\n.padding-right-xsmall {\n padding-right: 2px;\n}\n\n.padding-right-small {\n padding-right: 4px;\n}\n\n.padding-right-mediumsmall {\n padding-right: 8px;\n}\n\n.padding-right-medium {\n padding-right: 12px;\n}\n\n.padding-right-mediumlarge {\n padding-right: 16px;\n}\n\n.padding-right-large {\n padding-right: 20px;\n}\n\n.padding-right-xlarge {\n padding-right: 24px;\n}\n\n.padding-bottom-xsmall {\n padding-bottom: 2px;\n}\n\n.padding-bottom-small {\n padding-bottom: 4px;\n}\n\n.padding-bottom-mediumsmall {\n padding-bottom: 8px;\n}\n\n.padding-bottom-medium {\n padding-bottom: 12px;\n}\n\n.padding-bottom-mediumlarge {\n padding-bottom: 16px;\n}\n\n.padding-bottom-large {\n padding-bottom: 20px;\n}\n\n.padding-bottom-xlarge {\n padding-bottom: 24px;\n}\n\n.padding-left-xsmall {\n padding-left: 2px;\n}\n\n.padding-left-small {\n padding-left: 4px;\n}\n\n.padding-left-mediumsmall {\n padding-left: 8px;\n}\n\n.padding-left-medium {\n padding-left: 12px;\n}\n\n.padding-left-mediumlarge {\n padding-left: 16px;\n}\n\n.padding-left-large {\n padding-left: 20px;\n}\n\n.padding-left-xlarge {\n padding-left: 24px;\n}\n\n.gap-xsmall {\n gap: 2px;\n}\n\n.gap-small {\n gap: 4px;\n}\n\n.gap-mediumsmall {\n gap: 8px;\n}\n\n.gap-medium {\n gap: 12px;\n}\n\n.gap-mediumlarge {\n gap: 16px;\n}\n\n.gap-large {\n gap: 20px;\n}\n\n.gap-xlarge {\n gap: 24px;\n}\n\n.height-100-percent {\n height: 100%;\n}\n\n.flex-auto {\n flex: auto;\n}";
|
|
35
|
+
var css_248z$9 = "/* http://meyerweb.com/eric/tools/css/reset/ \n v2.0 | 20110126\n License: none (public domain)\n*/\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol,\nul {\n list-style: none;\n}\n\nblockquote,\nq {\n quotes: none;\n}\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n.theme-light .color-text {\n color: #111111;\n}\n\n.theme-light .color-input-text {\n color: #D9D9D9;\n}\n\n.theme-light .bg-main {\n background-color: #BBBBBB;\n}\n\n.theme-light.bg-main {\n background-color: #BBBBBB;\n}\n\n.theme-light .bg-section {\n background-color: #606060;\n}\n\n.theme-light.bg-section {\n background-color: #606060;\n}\n\n.theme-light .bg-slider {\n background-color: #454545;\n}\n\n.theme-light.bg-slider {\n background-color: #454545;\n}\n\n.theme-light .bg-rotary-slider-indicator {\n background-color: #BBBBBB;\n}\n\n.theme-light.bg-rotary-slider-indicator {\n background-color: #BBBBBB;\n}\n\n.theme-light .bg-bar-slider-indicator {\n background-color: #333333;\n}\n\n.theme-light.bg-bar-slider-indicator {\n background-color: #333333;\n}\n\n.theme-light .bg-input {\n background-color: #606060;\n}\n\n.theme-light.bg-input {\n background-color: #606060;\n}\n\n.theme-light .bg-input-selected {\n background-color: #333333;\n}\n\n.theme-light.bg-input-selected {\n background-color: #333333;\n}\n\n.theme-light .bg-input-hover {\n background-color: #606060;\n}\n\n.theme-light.bg-input-hover {\n background-color: #606060;\n}\n\n.theme-light .Slider-center-marker {\n border-color: transparent transparent #454545 transparent;\n}\n\n.theme-light .bg-input:hover {\n background-color: #606060;\n}\n\n.theme-med .bg-main {\n background-color: #454545;\n}\n\n.theme-med.bg-main {\n background-color: #454545;\n}\n\n.theme-med .bg-section {\n background-color: #222222;\n}\n\n.theme-med.bg-section {\n background-color: #222222;\n}\n\n.theme-med .bg-slider {\n background-color: #222222;\n}\n\n.theme-med.bg-slider {\n background-color: #222222;\n}\n\n.theme-med .bg-rotary-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med.bg-rotary-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med .bg-bar-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med.bg-bar-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med .bg-input {\n background-color: #222222;\n}\n\n.theme-med.bg-input {\n background-color: #222222;\n}\n\n.theme-med .bg-input-selected {\n background-color: #111111;\n}\n\n.theme-med.bg-input-selected {\n background-color: #111111;\n}\n\n.theme-med .bg-input-hover {\n background-color: #606060;\n}\n\n.theme-med.bg-input-hover {\n background-color: #606060;\n}\n\n.theme-med .color-text {\n color: #D9D9D9;\n}\n\n.theme-med .color-input-text {\n color: #D9D9D9;\n}\n\n.theme-med .Slider-center-marker {\n border-color: transparent transparent #222222 transparent;\n}\n\n.theme-med .bg-input:hover {\n background-color: #606060;\n}\n\n.theme-dark .color-text {\n color: #D9D9D9;\n}\n\n.theme-dark .color-input-text {\n color: #D9D9D9;\n}\n\n.theme-dark .bg-main {\n background-color: #111111;\n}\n\n.theme-dark.bg-main {\n background-color: #111111;\n}\n\n.theme-dark .bg-section {\n background-color: #333333;\n}\n\n.theme-dark.bg-section {\n background-color: #333333;\n}\n\n.theme-dark .bg-slider {\n background-color: #333333;\n}\n\n.theme-dark.bg-slider {\n background-color: #333333;\n}\n\n.theme-dark .bg-rotary-slider-indicator {\n background-color: #111111;\n}\n\n.theme-dark.bg-rotary-slider-indicator {\n background-color: #111111;\n}\n\n.theme-dark .bg-bar-slider-indicator {\n background-color: #606060;\n}\n\n.theme-dark.bg-bar-slider-indicator {\n background-color: #606060;\n}\n\n.theme-dark .bg-input {\n background-color: #333333;\n}\n\n.theme-dark.bg-input {\n background-color: #333333;\n}\n\n.theme-dark .bg-input-selected {\n background-color: #454545;\n}\n\n.theme-dark.bg-input-selected {\n background-color: #454545;\n}\n\n.theme-dark .bg-input-hover {\n background-color: #606060;\n}\n\n.theme-dark.bg-input-hover {\n background-color: #606060;\n}\n\n.theme-dark .Slider-center-marker {\n border-color: transparent transparent #333333 transparent;\n}\n\n.theme-dark .bg-input:hover {\n background-color: #606060;\n}\n\n.flex-align-center {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.flex-align-center-vertical {\n display: flex;\n align-items: center;\n}\n\n.flex-align-center-horizontal {\n display: flex;\n justify-content: center;\n}\n\n.flex-align-start {\n display: flex;\n justify-content: flex-start;\n}\n\n.flex-align-end {\n display: flex;\n justify-content: flex-end;\n}\n\n.flex-direction-column {\n display: flex;\n flex-direction: column;\n}\n\n.flex-direction-row {\n display: flex;\n flex-direction: row;\n}\n\n.flex-wrap-nowrap {\n flex-wrap: nowrap;\n}\n\n.theme-light .color-text {\n color: #111111;\n}\n\n.theme-light .color-input-text {\n color: #D9D9D9;\n}\n\n.theme-light .bg-main {\n background-color: #BBBBBB;\n}\n\n.theme-light.bg-main {\n background-color: #BBBBBB;\n}\n\n.theme-light .bg-section {\n background-color: #606060;\n}\n\n.theme-light.bg-section {\n background-color: #606060;\n}\n\n.theme-light .bg-slider {\n background-color: #454545;\n}\n\n.theme-light.bg-slider {\n background-color: #454545;\n}\n\n.theme-light .bg-rotary-slider-indicator {\n background-color: #BBBBBB;\n}\n\n.theme-light.bg-rotary-slider-indicator {\n background-color: #BBBBBB;\n}\n\n.theme-light .bg-bar-slider-indicator {\n background-color: #333333;\n}\n\n.theme-light.bg-bar-slider-indicator {\n background-color: #333333;\n}\n\n.theme-light .bg-input {\n background-color: #606060;\n}\n\n.theme-light.bg-input {\n background-color: #606060;\n}\n\n.theme-light .bg-input-selected {\n background-color: #333333;\n}\n\n.theme-light.bg-input-selected {\n background-color: #333333;\n}\n\n.theme-light .bg-input-hover {\n background-color: #606060;\n}\n\n.theme-light.bg-input-hover {\n background-color: #606060;\n}\n\n.theme-light .Slider-center-marker {\n border-color: transparent transparent #454545 transparent;\n}\n\n.theme-light .bg-input:hover {\n background-color: #606060;\n}\n\n.theme-med .bg-main {\n background-color: #454545;\n}\n\n.theme-med.bg-main {\n background-color: #454545;\n}\n\n.theme-med .bg-section {\n background-color: #222222;\n}\n\n.theme-med.bg-section {\n background-color: #222222;\n}\n\n.theme-med .bg-slider {\n background-color: #222222;\n}\n\n.theme-med.bg-slider {\n background-color: #222222;\n}\n\n.theme-med .bg-rotary-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med.bg-rotary-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med .bg-bar-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med.bg-bar-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med .bg-input {\n background-color: #222222;\n}\n\n.theme-med.bg-input {\n background-color: #222222;\n}\n\n.theme-med .bg-input-selected {\n background-color: #111111;\n}\n\n.theme-med.bg-input-selected {\n background-color: #111111;\n}\n\n.theme-med .bg-input-hover {\n background-color: #606060;\n}\n\n.theme-med.bg-input-hover {\n background-color: #606060;\n}\n\n.theme-med .color-text {\n color: #D9D9D9;\n}\n\n.theme-med .color-input-text {\n color: #D9D9D9;\n}\n\n.theme-med .Slider-center-marker {\n border-color: transparent transparent #222222 transparent;\n}\n\n.theme-med .bg-input:hover {\n background-color: #606060;\n}\n\n.theme-dark .color-text {\n color: #D9D9D9;\n}\n\n.theme-dark .color-input-text {\n color: #D9D9D9;\n}\n\n.theme-dark .bg-main {\n background-color: #111111;\n}\n\n.theme-dark.bg-main {\n background-color: #111111;\n}\n\n.theme-dark .bg-section {\n background-color: #333333;\n}\n\n.theme-dark.bg-section {\n background-color: #333333;\n}\n\n.theme-dark .bg-slider {\n background-color: #333333;\n}\n\n.theme-dark.bg-slider {\n background-color: #333333;\n}\n\n.theme-dark .bg-rotary-slider-indicator {\n background-color: #111111;\n}\n\n.theme-dark.bg-rotary-slider-indicator {\n background-color: #111111;\n}\n\n.theme-dark .bg-bar-slider-indicator {\n background-color: #606060;\n}\n\n.theme-dark.bg-bar-slider-indicator {\n background-color: #606060;\n}\n\n.theme-dark .bg-input {\n background-color: #333333;\n}\n\n.theme-dark.bg-input {\n background-color: #333333;\n}\n\n.theme-dark .bg-input-selected {\n background-color: #454545;\n}\n\n.theme-dark.bg-input-selected {\n background-color: #454545;\n}\n\n.theme-dark .bg-input-hover {\n background-color: #606060;\n}\n\n.theme-dark.bg-input-hover {\n background-color: #606060;\n}\n\n.theme-dark .Slider-center-marker {\n border-color: transparent transparent #333333 transparent;\n}\n\n.theme-dark .bg-input:hover {\n background-color: #606060;\n}\n\n.padding-around-xsmall {\n padding: 2px;\n}\n\n.padding-around-small {\n padding: 4px;\n}\n\n.padding-around-mediumsmall {\n padding: 8px;\n}\n\n.padding-around-medium {\n padding: 12px;\n}\n\n.padding-around-mediumlarge {\n padding: 16px;\n}\n\n.padding-around-large {\n padding: 20px;\n}\n\n.padding-around-xlarge {\n padding: 24px;\n}\n\n.padding-vertical-xsmall {\n padding: 2px 0;\n}\n\n.padding-vertical-small {\n padding: 4px 0;\n}\n\n.padding-vertical-mediumsmall {\n padding: 8px 0;\n}\n\n.padding-vertical-medium {\n padding: 12px 0;\n}\n\n.padding-vertical-mediumlarge {\n padding: 16px 0;\n}\n\n.padding-vertical-large {\n padding: 20px 0;\n}\n\n.padding-vertical-xlarge {\n padding: 24px 0;\n}\n\n.padding-horizontal-xsmall {\n padding: 0 2px;\n}\n\n.padding-horizontal-small {\n padding: 0 4px;\n}\n\n.padding-horizontal-mediumsmall {\n padding: 0 8px;\n}\n\n.padding-horizontal-medium {\n padding: 0 12px;\n}\n\n.padding-horizontal-mediumlarge {\n padding: 0 16px;\n}\n\n.padding-horizontal-large {\n padding: 0 20px;\n}\n\n.padding-horizontal-xlarge {\n padding: 0 24px;\n}\n\n.padding-top-xsmall {\n padding-top: 2px;\n}\n\n.padding-top-small {\n padding-top: 4px;\n}\n\n.padding-top-mediumsmall {\n padding-top: 8px;\n}\n\n.padding-top-medium {\n padding-top: 12px;\n}\n\n.padding-top-mediumlarge {\n padding-top: 16px;\n}\n\n.padding-top-large {\n padding-top: 20px;\n}\n\n.padding-top-xlarge {\n padding-top: 24px;\n}\n\n.padding-right-xsmall {\n padding-right: 2px;\n}\n\n.padding-right-small {\n padding-right: 4px;\n}\n\n.padding-right-mediumsmall {\n padding-right: 8px;\n}\n\n.padding-right-medium {\n padding-right: 12px;\n}\n\n.padding-right-mediumlarge {\n padding-right: 16px;\n}\n\n.padding-right-large {\n padding-right: 20px;\n}\n\n.padding-right-xlarge {\n padding-right: 24px;\n}\n\n.padding-bottom-xsmall {\n padding-bottom: 2px;\n}\n\n.padding-bottom-small {\n padding-bottom: 4px;\n}\n\n.padding-bottom-mediumsmall {\n padding-bottom: 8px;\n}\n\n.padding-bottom-medium {\n padding-bottom: 12px;\n}\n\n.padding-bottom-mediumlarge {\n padding-bottom: 16px;\n}\n\n.padding-bottom-large {\n padding-bottom: 20px;\n}\n\n.padding-bottom-xlarge {\n padding-bottom: 24px;\n}\n\n.padding-left-xsmall {\n padding-left: 2px;\n}\n\n.padding-left-small {\n padding-left: 4px;\n}\n\n.padding-left-mediumsmall {\n padding-left: 8px;\n}\n\n.padding-left-medium {\n padding-left: 12px;\n}\n\n.padding-left-mediumlarge {\n padding-left: 16px;\n}\n\n.padding-left-large {\n padding-left: 20px;\n}\n\n.padding-left-xlarge {\n padding-left: 24px;\n}\n\n.gap-xsmall {\n gap: 2px;\n}\n\n.gap-small {\n gap: 4px;\n}\n\n.gap-mediumsmall {\n gap: 8px;\n}\n\n.gap-medium {\n gap: 12px;\n}\n\n.gap-mediumlarge {\n gap: 16px;\n}\n\n.gap-large {\n gap: 20px;\n}\n\n.gap-xlarge {\n gap: 24px;\n}\n\n.height-100-percent {\n height: 100%;\n}\n\n.flex-auto {\n flex: auto;\n}";
|
|
36
36
|
styleInject(css_248z$9);
|
|
37
37
|
|
|
38
38
|
var css_248z$8 = ".theme-light .color-text {\n color: #111111;\n}\n\n.theme-light .color-input-text {\n color: #D9D9D9;\n}\n\n.theme-light .bg-main {\n background-color: #BBBBBB;\n}\n\n.theme-light.bg-main {\n background-color: #BBBBBB;\n}\n\n.theme-light .bg-section {\n background-color: #606060;\n}\n\n.theme-light.bg-section {\n background-color: #606060;\n}\n\n.theme-light .bg-slider {\n background-color: #454545;\n}\n\n.theme-light.bg-slider {\n background-color: #454545;\n}\n\n.theme-light .bg-rotary-slider-indicator {\n background-color: #BBBBBB;\n}\n\n.theme-light.bg-rotary-slider-indicator {\n background-color: #BBBBBB;\n}\n\n.theme-light .bg-bar-slider-indicator {\n background-color: #333333;\n}\n\n.theme-light.bg-bar-slider-indicator {\n background-color: #333333;\n}\n\n.theme-light .bg-input {\n background-color: #606060;\n}\n\n.theme-light.bg-input {\n background-color: #606060;\n}\n\n.theme-light .bg-input-selected {\n background-color: #333333;\n}\n\n.theme-light.bg-input-selected {\n background-color: #333333;\n}\n\n.theme-light .bg-input-hover {\n background-color: #606060;\n}\n\n.theme-light.bg-input-hover {\n background-color: #606060;\n}\n\n.theme-light .Slider-center-marker {\n border-color: transparent transparent #454545 transparent;\n}\n\n.theme-light .bg-input:hover {\n background-color: #606060;\n}\n\n.theme-med .bg-main {\n background-color: #454545;\n}\n\n.theme-med.bg-main {\n background-color: #454545;\n}\n\n.theme-med .bg-section {\n background-color: #222222;\n}\n\n.theme-med.bg-section {\n background-color: #222222;\n}\n\n.theme-med .bg-slider {\n background-color: #222222;\n}\n\n.theme-med.bg-slider {\n background-color: #222222;\n}\n\n.theme-med .bg-rotary-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med.bg-rotary-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med .bg-bar-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med.bg-bar-slider-indicator {\n background-color: #D9D9D9;\n}\n\n.theme-med .bg-input {\n background-color: #222222;\n}\n\n.theme-med.bg-input {\n background-color: #222222;\n}\n\n.theme-med .bg-input-selected {\n background-color: #111111;\n}\n\n.theme-med.bg-input-selected {\n background-color: #111111;\n}\n\n.theme-med .bg-input-hover {\n background-color: #606060;\n}\n\n.theme-med.bg-input-hover {\n background-color: #606060;\n}\n\n.theme-med .color-text {\n color: #D9D9D9;\n}\n\n.theme-med .color-input-text {\n color: #D9D9D9;\n}\n\n.theme-med .Slider-center-marker {\n border-color: transparent transparent #222222 transparent;\n}\n\n.theme-med .bg-input:hover {\n background-color: #606060;\n}\n\n.theme-dark .color-text {\n color: #D9D9D9;\n}\n\n.theme-dark .color-input-text {\n color: #D9D9D9;\n}\n\n.theme-dark .bg-main {\n background-color: #111111;\n}\n\n.theme-dark.bg-main {\n background-color: #111111;\n}\n\n.theme-dark .bg-section {\n background-color: #333333;\n}\n\n.theme-dark.bg-section {\n background-color: #333333;\n}\n\n.theme-dark .bg-slider {\n background-color: #333333;\n}\n\n.theme-dark.bg-slider {\n background-color: #333333;\n}\n\n.theme-dark .bg-rotary-slider-indicator {\n background-color: #111111;\n}\n\n.theme-dark.bg-rotary-slider-indicator {\n background-color: #111111;\n}\n\n.theme-dark .bg-bar-slider-indicator {\n background-color: #606060;\n}\n\n.theme-dark.bg-bar-slider-indicator {\n background-color: #606060;\n}\n\n.theme-dark .bg-input {\n background-color: #333333;\n}\n\n.theme-dark.bg-input {\n background-color: #333333;\n}\n\n.theme-dark .bg-input-selected {\n background-color: #454545;\n}\n\n.theme-dark.bg-input-selected {\n background-color: #454545;\n}\n\n.theme-dark .bg-input-hover {\n background-color: #606060;\n}\n\n.theme-dark.bg-input-hover {\n background-color: #606060;\n}\n\n.theme-dark .Slider-center-marker {\n border-color: transparent transparent #333333 transparent;\n}\n\n.theme-dark .bg-input:hover {\n background-color: #606060;\n}\n\n.Tabs {\n font-size: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n vertical-align: middle;\n white-space: nowrap;\n text-decoration: none;\n text-transform: uppercase;\n text-align: center;\n border: 0;\n border-radius: 3px;\n appearance: none;\n user-select: none;\n}\n.Tabs .Tabs-item {\n font-size: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1px;\n cursor: pointer;\n vertical-align: middle;\n white-space: nowrap;\n text-decoration: none;\n text-transform: uppercase;\n text-align: center;\n border: 0;\n appearance: none;\n user-select: none;\n}\n.Tabs .Tabs-item:first-child {\n border-radius: 3px 0 0 3px;\n}\n.Tabs .Tabs-item:last-child {\n border-radius: 0 3px 3px 0;\n}\n.Tabs .Tabs-item:hover, .Tabs .Tabs-item:focus, .Tabs .Tabs-item:active {\n outline: 0;\n}";
|
|
@@ -434,7 +434,7 @@ function Col(param) {
|
|
|
434
434
|
backgroundImage: componentTheme.backgroundImage
|
|
435
435
|
}),
|
|
436
436
|
onClick: onClick,
|
|
437
|
-
className: classnames(className, span ? 'col-xs-' + span : 'flex-auto', offset && 'col-xs-offset-' + offset, centerContentHorizontal && 'flex-align-center-horizontal', centerContentVertical && 'flex-align-center-vertical', flexDirection === FLEX_DIRECTION.COLUMN
|
|
437
|
+
className: classnames(className, span ? 'col-xs-' + span : 'flex-auto', offset && 'col-xs-offset-' + offset, centerContentHorizontal && 'flex-align-center-horizontal', centerContentVertical && 'flex-align-center-vertical', flexDirection === FLEX_DIRECTION.COLUMN ? 'flex-direction-column' : 'flex-direction-row', alignContentRight && 'flex-align-end', role === "main" && 'bg-main', role === "section" && 'bg-section', padding.length === 1 && 'padding-around-' + padding, padding.length === 2 && 'padding-vertical-' + padding[0], padding.length === 2 && 'padding-horizontal-' + padding[1], padding.length === 4 && 'padding-top-' + [
|
|
438
438
|
padding[0]
|
|
439
439
|
], padding.length === 4 && 'padding-right-' + [
|
|
440
440
|
padding[1]
|