@antimatter-audio/antimatter-ui 9.2.0 → 9.3.0

package/dist/assets/bundle-WiH_IP0c.css

@@ -0,0 +1,192 @@
+.Tabs {
+    display: flex;
+    font-size: 1rem;
+    align-items: center;
+    justify-content: center;
+    vertical-align: middle;
+    white-space: nowrap;
+    text-decoration: none;
+    text-transform: uppercase;
+    text-align: center;
+    border: 0;
+    appearance: none;
+    user-select: none;
+  };
+  
+.Tabs-Item {
+    font-size: 1rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 1px;
+    cursor: pointer;
+    vertical-align: middle;
+    white-space: nowrap;
+    text-decoration: none;
+    text-transform: uppercase;
+    text-align: center;
+    border: 0;
+    appearance: none;
+    user-select: none;
+    &:hover, &:focus-visible {
+        outline: none;
+    }
+    &:disabled {
+    cursor: not-allowed;
+}
+}
+.Button {
+    font-size: var(--text-xs);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-right: var(--spacing-ms);
+    padding-left: var(--spacing-ms);
+    cursor: pointer;
+    vertical-align: middle;
+    white-space: nowrap;
+    text-decoration: none;
+    text-align: enter;
+    border: 0;
+    appearance: none;
+    user-select: none;
+    &.xSmall {
+        width: var(--spacing-ml);
+        height: var(--spacing-ml);
+    };
+    &.small {
+        height: var(--spacing-l);
+        font-size: var(--text-xs);
+        min-width: '1rem';
+        min-height: '1rem';
+        border-radius: var(--radius-sm);
+    };
+    &.large {
+        border-radius: var(--radius-sm);
+        height: var(--spacing-xl);
+        min-width: '1rem';
+        min-height: '1rem';
+    }
+  };
+
+.Dropdown {
+  font-size: var(--text-xs);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-l);
+  cursor: pointer;
+  vertical-align: middle;
+  white-space: nowrap;
+  text-decoration: none;
+  text-transform: uppercase;
+  text-align: center;
+  border: 0;
+  border-radius: var(--radius-sm);
+  appearance: none;
+  user-select: none;
+  height: var(--spacing-xl);
+  background: var(--bg-input);
+  color: var(--color-text);
+    &:hover, &:focus, &:active {
+      outline: none;
+      background-color: var(--bg-highlighted);
+    }
+    &:disabled {
+      cursor: not-allowed;
+      background-color: var(--bg-muted);
+    };
+    &[data-selected] {
+      background-color: var(--bg-selected);
+    };
+  };
+
+
+.Dropdown-item {
+    background-color: var(--bg-popover);
+    padding: var(--spacing-l);
+    cursor: pointer;
+    &:hover {
+      background-color: var(--bg-highlighted);
+    };
+      &[data-selected] {
+        background-color: var(--bg-selected);
+      }
+}
+
+.TextInput {
+    &::-moz-selection {
+      background: 'transparent',
+    }
+    &::selection {  
+      background: 'transparent',
+   }
+}
+
+.RotarySlider {
+  position: relative;
+  height: 50px;
+  width: 50px;
+  border-radius: 50%;
+  aspect-ratio: 1 / 1;
+  background-color: var(--bg-input);
+};
+
+.RotarySlider-Inner {
+  background-color: var(--bg-input);
+  height: '100%';
+  width: '100%';
+  right: 0;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  border-radius: '50%';
+};
+
+
+.RotarySlider-Indicator {
+  background-color: var(--bg-popover);
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 50%;
+  width: var(--spacing-xs);
+  height: 50%;
+  transform: translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1),
+};
+
+.RotarySlider-center-marker {
+  border-color: var(--bg-popover) transparent var(--bg-popover) transparent;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 0 7px 10px 7px;
+  transform: rotate(180deg);
+  padding-bottom: var(--spacing-sm);
+};
+.Oscilloscope {
+    background: #0EAC8B;
+    box-shadow: inset 0 0 20px #086350;
+    height: 200px;
+  };
+.ModuleHeader {
+    background-color: var(--bg-section);
+    font-weight: normal;
+  };
+  
+.ModuleHeader-Name {
+    font-size: var(--text-lg);
+    letter-spacing: 4px;
+    text-transform: uppercase;
+    font-weight: lighter;
+    height: 1.75rem;
+    color: var(--color-brand);
+};
+  
+  .ModuleHeader-Subheading {
+    font-Size: var(--text-xs);
+    font-weight: lighter;
+    letter-spacing: 2.25px;
+    text-transform: uppercase;
+    color: var(--color-brand);
+  };

package/dist/assets/bundle-pfepV2k0.css

@@ -0,0 +1,206 @@
+@import "tailwindcss";
+@import "tailwindcss/preflight";
+@import "tailwindcss/utilities";
+
+@font-face {
+  font-family: LeagueSpartan;
+  src: url('./common/assets/fonts/LeagueSpartan-Regular.ttf');
+}
+
+@font-face {
+  font-family: LeagueSpartan;
+  src: url('./common/assets/fonts/LeagueSpartan-Thin.ttf');
+  font-weight: lighter;
+}
+.Tabs {
+    display: flex;
+    font-size: 1rem;
+    align-items: center;
+    justify-content: center;
+    vertical-align: middle;
+    white-space: nowrap;
+    text-decoration: none;
+    text-transform: uppercase;
+    text-align: center;
+    border: 0;
+    appearance: none;
+    user-select: none;
+  };
+  
+.Tabs-Item {
+    font-size: 1rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 1px;
+    cursor: pointer;
+    vertical-align: middle;
+    white-space: nowrap;
+    text-decoration: none;
+    text-transform: uppercase;
+    text-align: center;
+    border: 0;
+    appearance: none;
+    user-select: none;
+    &:hover, &:focus-visible {
+        outline: none;
+    }
+    &:disabled {
+    cursor: not-allowed;
+}
+}
+.Button {
+    font-size: var(--text-xs);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-right: var(--spacing-ms);
+    padding-left: var(--spacing-ms);
+    cursor: pointer;
+    vertical-align: middle;
+    white-space: nowrap;
+    text-decoration: none;
+    text-align: enter;
+    border: 0;
+    appearance: none;
+    user-select: none;
+    &.xSmall {
+        width: var(--spacing-ml);
+        height: var(--spacing-ml);
+    };
+    &.small {
+        height: var(--spacing-l);
+        font-size: var(--text-xs);
+        min-width: '1rem';
+        min-height: '1rem';
+        border-radius: var(--radius-sm);
+    };
+    &.large {
+        border-radius: var(--radius-sm);
+        height: var(--spacing-xl);
+        min-width: '1rem';
+        min-height: '1rem';
+    }
+  };
+
+.Dropdown {
+  font-size: var(--text-xs);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-l);
+  cursor: pointer;
+  vertical-align: middle;
+  white-space: nowrap;
+  text-decoration: none;
+  text-transform: uppercase;
+  text-align: center;
+  border: 0;
+  border-radius: var(--radius-sm);
+  appearance: none;
+  user-select: none;
+  height: var(--spacing-xl);
+  background: var(--bg-input);
+  color: var(--color-text);
+    &:hover, &:focus, &:active {
+      outline: none;
+      background-color: var(--bg-highlighted);
+    }
+    &:disabled {
+      cursor: not-allowed;
+      background-color: var(--bg-muted);
+    };
+    &[data-selected] {
+      background-color: var(--bg-selected);
+    };
+  };
+
+
+.Dropdown-item {
+    background-color: var(--bg-popover);
+    padding: var(--spacing-l);
+    cursor: pointer;
+    &:hover {
+      background-color: var(--bg-highlighted);
+    };
+      &[data-selected] {
+        background-color: var(--bg-selected);
+      }
+}
+
+.TextInput {
+    &::-moz-selection {
+      background: 'transparent',
+    }
+    &::selection {  
+      background: 'transparent',
+   }
+}
+
+.RotarySlider {
+  position: relative;
+  height: 50px;
+  width: 50px;
+  border-radius: 50%;
+  aspect-ratio: 1 / 1;
+  background-color: var(--bg-input);
+};
+
+.RotarySlider-Inner {
+  background-color: var(--bg-input);
+  height: '100%';
+  width: '100%';
+  right: 0;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  border-radius: '50%';
+};
+
+
+.RotarySlider-Indicator {
+  background-color: var(--bg-popover);
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 50%;
+  width: var(--spacing-xs);
+  height: 50%;
+  transform: translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1),
+};
+
+.RotarySlider-center-marker {
+  border-color: var(--bg-popover) transparent var(--bg-popover) transparent;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 0 7px 10px 7px;
+  transform: rotate(180deg);
+  padding-bottom: var(--spacing-sm);
+};
+.Oscilloscope {
+    background: #0EAC8B;
+    box-shadow: inset 0 0 20px #086350;
+    height: 200px;
+  };
+.ModuleHeader {
+    background-color: var(--bg-section);
+    font-weight: normal;
+  };
+  
+.ModuleHeader-Name {
+    font-size: var(--text-lg);
+    letter-spacing: 4px;
+    text-transform: uppercase;
+    font-weight: lighter;
+    height: 1.75rem;
+    color: var(--color-brand);
+};
+  
+  .ModuleHeader-Subheading {
+    font-Size: var(--text-xs);
+    font-weight: lighter;
+    letter-spacing: 2.25px;
+    text-transform: uppercase;
+    color: var(--color-brand);
+  };

package/dist/index.css

@@ -0,0 +1,262 @@
+@import 'tailwindcss';
+@import 'tailwindcss/preflight';
+@import 'tailwindcss/utilities';
+
+@theme static {
+  --color-brand: #bb68d9;
+  --color-alert: #8a0101;
+  --color-text: #bab6cf;
+  --color-gray-100: #c7c3de;
+  --color-gray-200: #9a96ab;
+  --color-gray-300: #838091;
+  --color-gray-400: #595763;
+  --color-gray-500: #4c4a54;
+  --color-gray-600: #2e2c33;
+  --color-gray-700: #1e1d21;
+  --color-gray-800: #101012;
+
+  --color-VFDBlue-100: #0d3814;
+  --color-VFDBlue-200: #234e4a;
+  --color-VFDBlue-300: #128073;
+  --color-VFDBlue-400: #138c6e;
+  --color-VFDBlue-500: #1abe95;
+  --color-VFDBlue-600: #23d8a4;
+  --color-VFDBlue-700: #4aeea4;
+  --color-VFDBlue-1000: #35edb4;
+  --m-none: 0px;
+  --m-xs: 2px;
+  --m-sm: 4px;
+  --m-ms: 6px;
+  --m-md: 8px;
+  --m-ml: 12px;
+  --m-lg: 16px;
+  --m-xl: 20px;
+  --p-none: 0px;
+  --p-xs: 2px;
+  --p-sm: 4px;
+  --p-ms: 6px;
+  --p-md: 8px;
+  --p-ml: 12px;
+  --p-lg: 16px;
+  --p-xl: 20px;
+  --bg-page: #1e1d21;
+  --bg-section: #1e1d21;
+  --bg-popover: #101012;
+  --bg-highlighted: #838091;
+  --bg-muted: #595763;
+  --bg-selected: #999999;
+  --bg-input: #1e1d21;
+  --font-leagueSpartan: 'LeagueSpartan';
+}
+
+@font-face {
+  font-family: LeagueSpartan;
+  src: url('./common/assets/fonts/LeagueSpartan-Regular.ttf');
+}
+
+@font-face {
+  font-family: LeagueSpartan;
+  src: url('./common/assets/fonts/LeagueSpartan-Thin.ttf');
+  font-weight: lighter;
+}
+
+.FOOOOO {
+  background: red;
+}
+
+.Tabs {
+    display: flex;
+    font-size: 1rem;
+    align-items: center;
+    justify-content: center;
+    vertical-align: middle;
+    white-space: nowrap;
+    text-decoration: none;
+    text-transform: uppercase;
+    text-align: center;
+    border: 0;
+    appearance: none;
+    user-select: none;
+  };
+  
+.Tabs-Item {
+    font-size: 1rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 1px;
+    cursor: pointer;
+    vertical-align: middle;
+    white-space: nowrap;
+    text-decoration: none;
+    text-transform: uppercase;
+    text-align: center;
+    border: 0;
+    appearance: none;
+    user-select: none;
+    &:hover, &:focus-visible {
+        outline: none;
+    }
+    &:disabled {
+    cursor: not-allowed;
+}
+}
+.Button {
+    font-size: var(--text-xs);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-right: var(--spacing-ms);
+    padding-left: var(--spacing-ms);
+    cursor: pointer;
+    vertical-align: middle;
+    white-space: nowrap;
+    text-decoration: none;
+    text-align: enter;
+    border: 0;
+    appearance: none;
+    user-select: none;
+    &.xSmall {
+        width: var(--spacing-ml);
+        height: var(--spacing-ml);
+    };
+    &.small {
+        height: var(--spacing-l);
+        font-size: var(--text-xs);
+        min-width: '1rem';
+        min-height: '1rem';
+        border-radius: var(--radius-sm);
+    };
+    &.large {
+        border-radius: var(--radius-sm);
+        height: var(--spacing-xl);
+        min-width: '1rem';
+        min-height: '1rem';
+    }
+  };
+
+.Dropdown {
+  font-size: var(--text-xs);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-l);
+  cursor: pointer;
+  vertical-align: middle;
+  white-space: nowrap;
+  text-decoration: none;
+  text-transform: uppercase;
+  text-align: center;
+  border: 0;
+  border-radius: var(--radius-sm);
+  appearance: none;
+  user-select: none;
+  height: var(--spacing-xl);
+  background: var(--bg-input);
+  color: var(--color-text);
+    &:hover, &:focus, &:active {
+      outline: none;
+      background-color: var(--bg-highlighted);
+    }
+    &:disabled {
+      cursor: not-allowed;
+      background-color: var(--bg-muted);
+    };
+    &[data-selected] {
+      background-color: var(--bg-selected);
+    };
+  };
+
+
+.Dropdown-item {
+    background-color: var(--bg-popover);
+    padding: var(--spacing-l);
+    cursor: pointer;
+    &:hover {
+      background-color: var(--bg-highlighted);
+    };
+      &[data-selected] {
+        background-color: var(--bg-selected);
+      }
+}
+
+.TextInput {
+    &::-moz-selection {
+      background: 'transparent',
+    }
+    &::selection {  
+      background: 'transparent',
+   }
+}
+
+.RotarySlider {
+  position: relative;
+  height: 50px;
+  width: 50px;
+  border-radius: 50%;
+  aspect-ratio: 1 / 1;
+  background-color: var(--bg-input);
+};
+
+.RotarySlider-Inner {
+  background-color: var(--bg-input);
+  height: '100%';
+  width: '100%';
+  right: 0;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  border-radius: '50%';
+};
+
+
+.RotarySlider-Indicator {
+  background-color: var(--bg-popover);
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 50%;
+  width: var(--spacing-xs);
+  height: 50%;
+  transform: translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1),
+};
+
+.RotarySlider-center-marker {
+  border-color: var(--bg-popover) transparent var(--bg-popover) transparent;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 0 7px 10px 7px;
+  transform: rotate(180deg);
+  padding-bottom: var(--spacing-sm);
+};
+.Oscilloscope {
+    background: #0EAC8B;
+    box-shadow: inset 0 0 20px #086350;
+    height: 200px;
+  };
+.ModuleHeader {
+  background-color: var(--bg-section);
+  font-weight: normal;
+}
+
+.FOOOOO {
+  background: red;
+}
+
+.ModuleHeader-Name {
+  font-size: var(--text-lg);
+  letter-spacing: 4px;
+  text-transform: uppercase;
+  font-weight: lighter;
+  height: 1.75rem;
+  color: var(--color-brand);
+}
+
+.ModuleHeader-Subheading {
+  font-size: var(--text-xs);
+  font-weight: lighter;
+  letter-spacing: 2.25px;
+  text-transform: uppercase;
+  color: var(--color-brand);
+}