@antimatter-audio/antimatter-ui 5.2.0 → 5.3.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.
package/dist/index.d.ts CHANGED
@@ -142,6 +142,7 @@ interface GridColProps {
142
142
  centerContentHorizontal?: boolean;
143
143
  centerContentVertical?: boolean;
144
144
  alignContentRight?: boolean;
145
+ gap?: SPACING;
145
146
  componentTheme?: {
146
147
  backgroundColor: GLOBAL_NAMED_COLORS;
147
148
  backgroundImage: string;
@@ -152,10 +153,11 @@ interface GridColProps {
152
153
  border?: boolean;
153
154
  onClick?: () => void;
154
155
  }
155
- declare function Col({ offset, centerContentHorizontal, centerContentVertical, alignContentRight, className, role, children, onClick, span, componentTheme, padding, style, border, }: React.PropsWithChildren<GridColProps>): React.JSX.Element;
156
+ declare function Col({ offset, centerContentHorizontal, centerContentVertical, alignContentRight, className, role, children, onClick, span, gap, componentTheme, padding, style, border, }: React.PropsWithChildren<GridColProps>): React.JSX.Element;
156
157
  declare namespace Col {
157
158
  var PADDING: typeof SPACING;
158
159
  var ROLE: typeof LAYOUT_ROLES$2;
160
+ var GAP: typeof SPACING;
159
161
  }
160
162
 
161
163
  declare enum FLEX_DIRECTION {
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.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-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}";
@@ -416,7 +416,7 @@ var LAYOUT_ROLES$2;
416
416
  LAYOUT_ROLES["SECTION"] = "section";
417
417
  })(LAYOUT_ROLES$2 || (LAYOUT_ROLES$2 = {}));
418
418
  function Col(param) {
419
- var offset = param.offset, centerContentHorizontal = param.centerContentHorizontal, centerContentVertical = param.centerContentVertical, alignContentRight = param.alignContentRight, className = param.className, role = param.role, children = param.children, onClick = param.onClick, span = param.span, componentTheme = param.componentTheme, _param_padding = param.padding, padding = _param_padding === void 0 ? [
419
+ var offset = param.offset, centerContentHorizontal = param.centerContentHorizontal, centerContentVertical = param.centerContentVertical, alignContentRight = param.alignContentRight, className = param.className, role = param.role, children = param.children, onClick = param.onClick, span = param.span, gap = param.gap, componentTheme = param.componentTheme, _param_padding = param.padding, padding = _param_padding === void 0 ? [
420
420
  SPACING.NONE
421
421
  ] : _param_padding, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style, _param_border = param.border, border = _param_border === void 0 ? false : _param_border;
422
422
  return /*#__PURE__*/ React.createElement("div", {
@@ -428,7 +428,7 @@ function Col(param) {
428
428
  backgroundImage: componentTheme.backgroundImage
429
429
  }),
430
430
  onClick: onClick,
431
- className: classnames(className, span ? 'col-xs-' + span : 'flex-auto', offset && 'col-xs-offset-' + offset, centerContentHorizontal && 'flex-align-center-horizontal', centerContentVertical && 'flex-align-center-vertical', 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-' + [
431
+ className: classnames(className, span ? 'col-xs-' + span : 'flex-auto', offset && 'col-xs-offset-' + offset, centerContentHorizontal && 'flex-align-center-horizontal', centerContentVertical && 'flex-align-center-vertical', alignContentRight && 'flex-align-end', role === "main" && 'bg-main', role === "section" && 'bg-section', gap && "gap-".concat(gap), 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-' + [
432
432
  padding[0]
433
433
  ], padding.length === 4 && 'padding-right-' + [
434
434
  padding[1]
@@ -441,6 +441,7 @@ function Col(param) {
441
441
  }
442
442
  Col.PADDING = SPACING;
443
443
  Col.ROLE = LAYOUT_ROLES$2;
444
+ Col.GAP = SPACING;
444
445
 
445
446
  var FLEX_DIRECTION;
446
447
  (function(FLEX_DIRECTION) {
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@antimatter-audio/antimatter-ui",
3
- "version": "5.2.0",
3
+ "version": "5.3.0",
4
4
  "description": "React UI component library for Antimatter Audio.",
5
5
  "repository": {
6
6
  "type": "git",