@antimatter-audio/antimatter-ui 5.7.15 → 5.7.17

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 (5) hide show
  1. package/README.md +9 -0
  2. package/dist/index.d.ts +2 -1
  3. package/dist/index.js +9 -11
  4. package/dist/index.js.map +1 -1
  5. package/package.json +2 -2
package/README.md CHANGED
@@ -48,6 +48,15 @@ NOTE: You will not see any _local_ changes you have made to this library yet. To
48
48
 
49
49
  6. If you don't see your changes, try running:
50
50
 
51
+ ```
52
+ rm -rf node_modules
53
+ npm cache clean --force
54
+ npm install
55
+ npm run link-template
56
+ ```
57
+
58
+ In **antimatter-plugin-template**, run:
59
+
51
60
  ```
52
61
  rm -rf node_modules
53
62
  npm cache clean --force
package/dist/index.d.ts CHANGED
@@ -210,7 +210,8 @@ declare enum SLIDER_POLARITY {
210
210
  }
211
211
  declare enum SLIDER_TYPE {
212
212
  BAR = "BAR",
213
- ROTARY = "ROTARY"
213
+ ROTARY = "ROTARY",
214
+ ROTARY_LARGE = "ROTARY_LARGE"
214
215
  }
215
216
  declare enum SLIDER_ORIENTATION {
216
217
  HORIZONTAL = "HORIZONTAL",
package/dist/index.js CHANGED
@@ -129,7 +129,6 @@ var GLOBAL_NAMED_COLORS;
129
129
  GLOBAL_NAMED_COLORS["BG_MED_DARK"] = "bg-med-dark";
130
130
  GLOBAL_NAMED_COLORS["BG_DARK"] = "bg-dark";
131
131
  })(GLOBAL_NAMED_COLORS || (GLOBAL_NAMED_COLORS = {}));
132
- var GLOBAL_DEFAULT_FONT_FAMILY = 'LeagueSpartanBold';
133
132
 
134
133
  function _array_like_to_array$3(arr, len) {
135
134
  if (len == null || len > arr.length) len = arr.length;
@@ -612,7 +611,7 @@ function Dropdown(param) {
612
611
  })));
613
612
  }
614
613
 
615
- var css_248z$4 = ".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.Slider {\n position: relative;\n}\n.Slider-inner {\n height: 100%;\n width: 100%;\n position: absolute;\n}\n.Slider--bar {\n background-color: #BBBBBB;\n}\n.Slider--bar .Slider-marker {\n height: 100%;\n}\n.Slider--rotary {\n height: 50px;\n background-color: #BBBBBB;\n width: 50px;\n border-radius: 100%;\n position: relative;\n aspect-ratio: 1/1;\n}\n.Slider--rotary .Slider-inner {\n right: 0;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n}\n.Slider--rotary .Slider-marker {\n position: absolute;\n top: 0;\n right: 0;\n left: 50%;\n background-color: #333333;\n width: 2px;\n height: 50%;\n border-radius: 125rem;\n transform: translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);\n}\n\n.Slider-orientation--horizontal {\n height: 20px;\n width: 100%;\n}\n\n.Slider-orientation--vertical {\n height: 100%;\n width: 20px;\n}\n\n.Slider-center-marker {\n width: 0px;\n height: 0px;\n border-style: solid;\n border-width: 0 7px 10px 7px;\n transform: rotate(180deg);\n padding-bottom: 2px;\n}";
614
+ var css_248z$4 = ".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.Slider {\n position: relative;\n}\n.Slider-inner {\n height: 100%;\n width: 100%;\n position: absolute;\n}\n.Slider-bar {\n background-color: #BBBBBB;\n}\n.Slider-bar .Slider-marker {\n height: 100%;\n}\n.Slider-rotary {\n height: 50px;\n background-color: #BBBBBB;\n width: 50px;\n border-radius: 100%;\n position: relative;\n aspect-ratio: 1/1;\n}\n.Slider-rotary .Slider-inner {\n right: 0;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n}\n.Slider-rotary .Slider-marker {\n position: absolute;\n top: 0;\n right: 0;\n left: 50%;\n background-color: #333333;\n width: 2px;\n height: 50%;\n border-radius: 125rem;\n transform: translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);\n}\n.Slider-rotary-large {\n height: 100px;\n width: 100px;\n}\n\n.Slider-orientation-horizontal {\n height: 20px;\n width: 100%;\n}\n\n.Slider-orientation-vertical {\n height: 100%;\n width: 20px;\n}\n\n.Slider-center-marker {\n width: 0px;\n height: 0px;\n border-style: solid;\n border-width: 0 7px 10px 7px;\n transform: rotate(180deg);\n padding-bottom: 2px;\n}";
616
615
  styleInject(css_248z$4);
617
616
 
618
617
  var css_248z$3 = ".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.TextLabel {\n font-family: \"Arial\", sans-serif;\n font-size: 14px;\n text-align: center;\n}";
@@ -669,13 +668,12 @@ function TextLabel(param) {
669
668
  var text = param.text, id = param.id, className = param.className, style = param.style, _param_padding = param.padding, padding = _param_padding === void 0 ? [
670
669
  SPACING.NONE
671
670
  ] : _param_padding, _param_customTheme = param.customTheme, customTheme = _param_customTheme === void 0 ? {
672
- fontFamily: GLOBAL_DEFAULT_FONT_FAMILY,
673
671
  textColor: GLOBAL_NAMED_COLORS.DARK_TEXT
674
672
  } : _param_customTheme, _param_size = param.size, size = _param_size === void 0 ? TEXT_SIZES.MEDIUM : _param_size, children = param.children;
675
673
  return /*#__PURE__*/ React.createElement("span", {
676
674
  id: id,
677
675
  style: _object_spread_props$3(_object_spread$3({}, style), {
678
- fontFamily: customTheme === null || customTheme === void 0 ? void 0 : customTheme.fontFamily,
676
+ fontFamily: (customTheme === null || customTheme === void 0 ? void 0 : customTheme.fontFamily) || '',
679
677
  color: (customTheme === null || customTheme === void 0 ? void 0 : customTheme.textColor) || ''
680
678
  }),
681
679
  className: classnames('TextLabel', 'color-text', className, size === TEXT_SIZES.LARGE && "font-size-".concat(size), 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-' + [
@@ -812,6 +810,7 @@ var SLIDER_TYPE;
812
810
  (function(SLIDER_TYPE) {
813
811
  SLIDER_TYPE["BAR"] = "BAR";
814
812
  SLIDER_TYPE["ROTARY"] = "ROTARY";
813
+ SLIDER_TYPE["ROTARY_LARGE"] = "ROTARY_LARGE";
815
814
  })(SLIDER_TYPE || (SLIDER_TYPE = {}));
816
815
  var SLIDER_ORIENTATION;
817
816
  (function(SLIDER_ORIENTATION) {
@@ -943,7 +942,7 @@ function Slider(param) {
943
942
  var bindDrag = useDrag(function(param) {
944
943
  var down = param.down, delta = param.delta;
945
944
  if (down) {
946
- var deltaVal = sliderType === "ROTARY" || sliderType === "BAR" && sliderOrientation === "VERTICAL" ? delta[1] * -1 : delta[0];
945
+ var deltaVal = sliderType === "ROTARY" || sliderType === "ROTARY_LARGE" || sliderType === "BAR" && sliderOrientation === "VERTICAL" ? delta[1] * -1 : delta[0];
947
946
  var newValue = normalizedValue + deltaVal * ((properties === null || properties === void 0 ? void 0 : properties.interval) && (properties === null || properties === void 0 ? void 0 : properties.interval.toString().length) > 4 ? 4 : 0.4) * ((properties === null || properties === void 0 ? void 0 : properties.interval) || 0.01);
948
947
  var invertedNewValue = newValue;
949
948
  handleChange(event, invertedNewValue );
@@ -970,7 +969,7 @@ function Slider(param) {
970
969
  }), sliderPolarity === "BIPOLAR" && /*#__PURE__*/ React__default.createElement("div", {
971
970
  className: "Slider-center-marker"
972
971
  }), /*#__PURE__*/ React__default.createElement("div", _object_spread_props$2(_object_spread$2({
973
- className: classnames('Slider', "bg-slider", sliderPolarity === "LINEAR" ? 'Slider-polarity--linear' : 'Slider-polarity--bipolar', sliderType === "BAR" ? 'Slider--bar' : 'Slider--rotary', sliderType === "BAR" ? sliderOrientation === "HORIZONTAL" ? 'Slider-orientation--horizontal' : 'Slider-orientation--vertical' : '', className)
972
+ className: classnames('Slider', "bg-slider", sliderPolarity === "LINEAR" ? 'Slider-polarity-linear' : 'Slider-polarity-bipolar', sliderType === "BAR" && 'Slider-bar', (sliderType === "ROTARY" || sliderType === "ROTARY_LARGE") && 'Slider-rotary', sliderType === "ROTARY_LARGE" && 'Slider-rotary-large', sliderType === "BAR" ? sliderOrientation === "HORIZONTAL" ? 'Slider-orientation-horizontal' : 'Slider-orientation-vertical' : '', className)
974
973
  }, bindDrag()), {
975
974
  style: {
976
975
  touchAction: 'none',
@@ -979,7 +978,7 @@ function Slider(param) {
979
978
  }), /*#__PURE__*/ React__default.createElement("div", {
980
979
  className: "Slider-inner",
981
980
  style: _object_spread$2({
982
- rotate: sliderType === "ROTARY" ? "".concat(sliderPolarity === "LINEAR" ? normalizedValue : normalizedValue + 0.5, "turn") : "0"
981
+ rotate: sliderType === "ROTARY" || sliderType === "ROTARY_LARGE" ? "".concat(sliderPolarity === "LINEAR" ? normalizedValue : normalizedValue + 0.5, "turn") : "0"
983
982
  }, getTransformString({
984
983
  sliderType: sliderType,
985
984
  sliderOrientation: sliderOrientation,
@@ -992,7 +991,7 @@ function Slider(param) {
992
991
  sliderPolarity: sliderPolarity
993
992
  }))
994
993
  }, /*#__PURE__*/ React__default.createElement("div", {
995
- className: classnames('Slider-marker', sliderType === "ROTARY" ? "bg-rotary-slider-indicator" : "bg-bar-slider-indicator"),
994
+ className: classnames('Slider-marker', sliderType === "ROTARY" || sliderType === "ROTARY_LARGE" ? "bg-rotary-slider-indicator" : "bg-bar-slider-indicator"),
996
995
  style: {
997
996
  backgroundImage: "url(".concat(imageAssets === null || imageAssets === void 0 ? void 0 : imageAssets.indicator, ")")
998
997
  }
@@ -1061,8 +1060,7 @@ function _object_spread_props$1(target, source) {
1061
1060
  }
1062
1061
  function TextHeader(param) {
1063
1062
  var text = param.text, id = param.id, className = param.className, style = param.style, _param_componentTheme = param.componentTheme, componentTheme = _param_componentTheme === void 0 ? {
1064
- textColor: GLOBAL_NAMED_COLORS.DARK_TEXT,
1065
- fontFamily: GLOBAL_DEFAULT_FONT_FAMILY
1063
+ textColor: GLOBAL_NAMED_COLORS.DARK_TEXT
1066
1064
  } : _param_componentTheme, _param_level = param.level, level = _param_level === void 0 ? HEADER_LEVELS.H1 : _param_level, _param_padding = param.padding, padding = _param_padding === void 0 ? [
1067
1065
  SPACING.NONE
1068
1066
  ] : _param_padding, children = param.children;
@@ -1071,7 +1069,7 @@ function TextHeader(param) {
1071
1069
  id: id,
1072
1070
  style: _object_spread_props$1(_object_spread$1({}, style), {
1073
1071
  color: (componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.textColor) || '',
1074
- fontFamily: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.fontFamily
1072
+ fontFamily: (componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.fontFamily) || ''
1075
1073
  }),
1076
1074
  className: classnames('TextHeader', className, level, "color-text", 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-' + [
1077
1075
  padding[0]
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.7.15",
3
+ "version": "5.7.17",
4
4
  "description": "React UI component library for Antimatter Audio.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -12,7 +12,7 @@
12
12
  "scripts": {
13
13
  "build": "rollup -c",
14
14
  "start": "rollup -c -w",
15
- "link-template": "npm link && npm link '../antimatter-plugin-template/js/node_modules/react'",
15
+ "link-template": "npm link && npm link '../sparkler/js/node_modules/react'",
16
16
  "unlink-template": "npm unlink -g && npm i"
17
17
  },
18
18
  "files": [