@spothero/ui 14.7.6-beta.6 → 14.7.6

package/CHANGELOG.md

@@ -1,91 +1,13 @@
-# 14.7.6-beta.6 - 05/19/2022
-## Miscellaneous Updates
-
-## Miscellaneous Updates
-* [[09af452](https://github.com/spothero/fe-ui/commit/09af452)] - 14.7.6-beta.5 (sh-devtools-bot)
-* [[7317aed](https://github.com/spothero/fe-ui/commit/7317aed)] - 14.7.6-beta.4 (sh-devtools-bot)
-* [[a9de37b](https://github.com/spothero/fe-ui/commit/a9de37b)] - 14.7.6-beta.3 (sh-devtools-bot)
-* [[167d9d2](https://github.com/spothero/fe-ui/commit/167d9d2)] - 14.7.6-beta.2 (sh-devtools-bot)
-* [[c382718](https://github.com/spothero/fe-ui/commit/c382718)] - 14.7.6-beta.1 (sh-devtools-bot)
-* [[102e0d7](https://github.com/spothero/fe-ui/commit/102e0d7)] - `fix:` Webpack's output.globalObject was set to self (Tyler Williams)
-* [[267afec](https://github.com/spothero/fe-ui/commit/267afec)] - `fix:` Package-lock (Tyler Williams)
-* [[7949efd](https://github.com/spothero/fe-ui/commit/7949efd)] - `fix:` Fix select story (Tyler Williams)
-* [[10dae6d](https://github.com/spothero/fe-ui/commit/10dae6d)] - `fix:` Add library configuration to webpack (Tyler Williams)
-* [[566919a](https://github.com/spothero/fe-ui/commit/566919a)] - `fix:` Fix path resolution for dex output (Tyler Williams)
-* [[210027e](https://github.com/spothero/fe-ui/commit/210027e)] - `fix:` Fix component index for v1 components (Tyler Williams)
-* [[c0e5458](https://github.com/spothero/fe-ui/commit/c0e5458)] - `fix:` Invalid version number for beta testing (Tyler Williams)
-* [[b946448](https://github.com/spothero/fe-ui/commit/b946448)] - `test:` Readd Icon to Select (Tyler Williams)
-* [[dd4be4f](https://github.com/spothero/fe-ui/commit/dd4be4f)] - `test:` Externalize React as peer dep (Tyler Williams)
-* [[ba476e8](https://github.com/spothero/fe-ui/commit/ba476e8)] - `test:` Test output type (Tyler Williams)
-* [[713036c](https://github.com/spothero/fe-ui/commit/713036c)] - `chore:` Update version (Tyler Williams)
-* [[af917d8](https://github.com/spothero/fe-ui/commit/af917d8)] - `chore:` Replace rollup with dex (Tyler Williams)
-
-# 14.7.6-beta.5 - 05/19/2022
-## Miscellaneous Updates
-
-## Miscellaneous Updates
-* [[7317aed](https://github.com/spothero/fe-ui/commit/7317aed)] - 14.7.6-beta.4 (sh-devtools-bot)
-* [[a9de37b](https://github.com/spothero/fe-ui/commit/a9de37b)] - 14.7.6-beta.3 (sh-devtools-bot)
-* [[167d9d2](https://github.com/spothero/fe-ui/commit/167d9d2)] - 14.7.6-beta.2 (sh-devtools-bot)
-* [[c382718](https://github.com/spothero/fe-ui/commit/c382718)] - 14.7.6-beta.1 (sh-devtools-bot)
-* [[b946448](https://github.com/spothero/fe-ui/commit/b946448)] - `test:` Readd Icon to Select (Tyler Williams)
-* [[dd4be4f](https://github.com/spothero/fe-ui/commit/dd4be4f)] - `test:` Externalize React as peer dep (Tyler Williams)
-* [[ba476e8](https://github.com/spothero/fe-ui/commit/ba476e8)] - `test:` Test output type (Tyler Williams)
-* [[267afec](https://github.com/spothero/fe-ui/commit/267afec)] - `fix:` Package-lock (Tyler Williams)
-* [[7949efd](https://github.com/spothero/fe-ui/commit/7949efd)] - `fix:` Fix select story (Tyler Williams)
-* [[10dae6d](https://github.com/spothero/fe-ui/commit/10dae6d)] - `fix:` Add library configuration to webpack (Tyler Williams)
-* [[566919a](https://github.com/spothero/fe-ui/commit/566919a)] - `fix:` Fix path resolution for dex output (Tyler Williams)
-* [[210027e](https://github.com/spothero/fe-ui/commit/210027e)] - `fix:` Fix component index for v1 components (Tyler Williams)
-* [[c0e5458](https://github.com/spothero/fe-ui/commit/c0e5458)] - `fix:` Invalid version number for beta testing (Tyler Williams)
-* [[713036c](https://github.com/spothero/fe-ui/commit/713036c)] - `chore:` Update version (Tyler Williams)
-* [[af917d8](https://github.com/spothero/fe-ui/commit/af917d8)] - `chore:` Replace rollup with dex (Tyler Williams)
-
-# 14.7.6-beta.4 - 05/19/2022
-## Miscellaneous Updates
-
-## Miscellaneous Updates
-* [[a9de37b](https://github.com/spothero/fe-ui/commit/a9de37b)] - 14.7.6-beta.3 (sh-devtools-bot)
-* [[167d9d2](https://github.com/spothero/fe-ui/commit/167d9d2)] - 14.7.6-beta.2 (sh-devtools-bot)
-* [[c382718](https://github.com/spothero/fe-ui/commit/c382718)] - 14.7.6-beta.1 (sh-devtools-bot)
-* [[dd4be4f](https://github.com/spothero/fe-ui/commit/dd4be4f)] - `test:` Externalize React as peer dep (Tyler Williams)
-* [[ba476e8](https://github.com/spothero/fe-ui/commit/ba476e8)] - `test:` Test output type (Tyler Williams)
-* [[267afec](https://github.com/spothero/fe-ui/commit/267afec)] - `fix:` Package-lock (Tyler Williams)
-* [[7949efd](https://github.com/spothero/fe-ui/commit/7949efd)] - `fix:` Fix select story (Tyler Williams)
-* [[10dae6d](https://github.com/spothero/fe-ui/commit/10dae6d)] - `fix:` Add library configuration to webpack (Tyler Williams)
-* [[566919a](https://github.com/spothero/fe-ui/commit/566919a)] - `fix:` Fix path resolution for dex output (Tyler Williams)
-* [[210027e](https://github.com/spothero/fe-ui/commit/210027e)] - `fix:` Fix component index for v1 components (Tyler Williams)
-* [[c0e5458](https://github.com/spothero/fe-ui/commit/c0e5458)] - `fix:` Invalid version number for beta testing (Tyler Williams)
-* [[713036c](https://github.com/spothero/fe-ui/commit/713036c)] - `chore:` Update version (Tyler Williams)
-* [[af917d8](https://github.com/spothero/fe-ui/commit/af917d8)] - `chore:` Replace rollup with dex (Tyler Williams)
-
-# 14.7.6-beta.3 - 05/19/2022
-## Miscellaneous Updates
-
-## Miscellaneous Updates
-* [[167d9d2](https://github.com/spothero/fe-ui/commit/167d9d2)] - 14.7.6-beta.2 (sh-devtools-bot)
-* [[c382718](https://github.com/spothero/fe-ui/commit/c382718)] - 14.7.6-beta.1 (sh-devtools-bot)
-* [[267afec](https://github.com/spothero/fe-ui/commit/267afec)] - `fix:` Package-lock (Tyler Williams)
-* [[7949efd](https://github.com/spothero/fe-ui/commit/7949efd)] - `fix:` Fix select story (Tyler Williams)
-* [[10dae6d](https://github.com/spothero/fe-ui/commit/10dae6d)] - `fix:` Add library configuration to webpack (Tyler Williams)
-* [[566919a](https://github.com/spothero/fe-ui/commit/566919a)] - `fix:` Fix path resolution for dex output (Tyler Williams)
-* [[210027e](https://github.com/spothero/fe-ui/commit/210027e)] - `fix:` Fix component index for v1 components (Tyler Williams)
-* [[c0e5458](https://github.com/spothero/fe-ui/commit/c0e5458)] - `fix:` Invalid version number for beta testing (Tyler Williams)
-* [[ba476e8](https://github.com/spothero/fe-ui/commit/ba476e8)] - `test:` Test output type (Tyler Williams)
-* [[713036c](https://github.com/spothero/fe-ui/commit/713036c)] - `chore:` Update version (Tyler Williams)
-* [[af917d8](https://github.com/spothero/fe-ui/commit/af917d8)] - `chore:` Replace rollup with dex (Tyler Williams)
-
-# 14.7.6-beta.2 - 05/18/2022
-
-## Miscellaneous Updates
-* [[566919a](https://github.com/spothero/fe-ui/commit/566919a)] - `fix:` Fix path resolution for dex output (Tyler Williams)
-* [[210027e](https://github.com/spothero/fe-ui/commit/210027e)] - `fix:` Fix component index for v1 components (Tyler Williams)
-* [[713036c](https://github.com/spothero/fe-ui/commit/713036c)] - `chore:` Update version (Tyler Williams)
-
-# 14.7.6-beta.1 - 05/18/2022
-
-## Miscellaneous Updates
-* [[c0e5458](https://github.com/spothero/fe-ui/commit/c0e5458)] - `fix:` Invalid version number for beta testing (Tyler Williams)
-* [[af917d8](https://github.com/spothero/fe-ui/commit/af917d8)] - `chore:` Replace rollup with dex (Tyler Williams)
+# 14.7.6 - 05/18/2022
+
+## Miscellaneous Updates
+* [[5dbc9cf](https://github.com/spothero/fe-ui/commit/5dbc9cf)] - `fix:` Updated Icon import to use chakra instead of local ([#294](https://github.com/spothero/fe-ui/pull/294)) (Nathan Caraker)
+	* `fix:` Removed icon from select component to fix rollup issues
+
+# 14.7.6-beta.0 - 05/17/2022
+
+## Miscellaneous Updates
+* [[a9d0a6b](https://github.com/spothero/fe-ui/commit/a9d0a6b)] - `fix:` Updated Icon import to use chakra instead of local (Nathan)
 
 # 14.7.5 - 05/17/2022
 

package/CHANGELOG.tmp

@@ -1,22 +1,6 @@
-# 14.7.6-beta.6 - 05/19/2022
-## Miscellaneous Updates
+# 14.7.6 - 05/18/2022
 
 ## Miscellaneous Updates
-* [[09af452](https://github.com/spothero/fe-ui/commit/09af452)] - 14.7.6-beta.5 (sh-devtools-bot)
-* [[7317aed](https://github.com/spothero/fe-ui/commit/7317aed)] - 14.7.6-beta.4 (sh-devtools-bot)
-* [[a9de37b](https://github.com/spothero/fe-ui/commit/a9de37b)] - 14.7.6-beta.3 (sh-devtools-bot)
-* [[167d9d2](https://github.com/spothero/fe-ui/commit/167d9d2)] - 14.7.6-beta.2 (sh-devtools-bot)
-* [[c382718](https://github.com/spothero/fe-ui/commit/c382718)] - 14.7.6-beta.1 (sh-devtools-bot)
-* [[102e0d7](https://github.com/spothero/fe-ui/commit/102e0d7)] - `fix:` Webpack's output.globalObject was set to self (Tyler Williams)
-* [[267afec](https://github.com/spothero/fe-ui/commit/267afec)] - `fix:` Package-lock (Tyler Williams)
-* [[7949efd](https://github.com/spothero/fe-ui/commit/7949efd)] - `fix:` Fix select story (Tyler Williams)
-* [[10dae6d](https://github.com/spothero/fe-ui/commit/10dae6d)] - `fix:` Add library configuration to webpack (Tyler Williams)
-* [[566919a](https://github.com/spothero/fe-ui/commit/566919a)] - `fix:` Fix path resolution for dex output (Tyler Williams)
-* [[210027e](https://github.com/spothero/fe-ui/commit/210027e)] - `fix:` Fix component index for v1 components (Tyler Williams)
-* [[c0e5458](https://github.com/spothero/fe-ui/commit/c0e5458)] - `fix:` Invalid version number for beta testing (Tyler Williams)
-* [[b946448](https://github.com/spothero/fe-ui/commit/b946448)] - `test:` Readd Icon to Select (Tyler Williams)
-* [[dd4be4f](https://github.com/spothero/fe-ui/commit/dd4be4f)] - `test:` Externalize React as peer dep (Tyler Williams)
-* [[ba476e8](https://github.com/spothero/fe-ui/commit/ba476e8)] - `test:` Test output type (Tyler Williams)
-* [[713036c](https://github.com/spothero/fe-ui/commit/713036c)] - `chore:` Update version (Tyler Williams)
-* [[af917d8](https://github.com/spothero/fe-ui/commit/af917d8)] - `chore:` Replace rollup with dex (Tyler Williams)
+* [[5dbc9cf](https://github.com/spothero/fe-ui/commit/5dbc9cf)] - `fix:` Updated Icon import to use chakra instead of local ([#294](https://github.com/spothero/fe-ui/pull/294)) (Nathan Caraker)
+	* `fix:` Removed icon from select component to fix rollup issues
 

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@spothero/ui",
-  "version": "14.7.6-beta.6",
+  "version": "14.7.6",
   "description": "SpotHero's React component UI library.",
-  "main": "v2/index.js",
+  "main": "v2/index-bundled.cjs.js",
   "module": "v2/index.js",
   "repository": "https://github.com/spothero/fe-ui",
   "author": "SpotHero",
@@ -64,8 +64,8 @@
     "test:unit": "npm run test:template -- --coverage",
     "test:unit:watch": "DEBUG_PRINT_LIMIT=-1 npm run test:template -- --watch",
     "clone:styles": "rsync -a src/ styles && rm -rf styles/**/*.{js,jsx} styles/**/stories",
-    "build:v1": "TARGET_ENTRY=v1 NODE_ENV=production dex",
-    "build:v2": "TARGET_ENTRY=v2 NODE_ENV=production dex",
+    "build:v1": "rollup --config rollup/v1.config.js",
+    "build:v2": "rollup --config rollup/v2.config.js",
     "build:backlog": "NODE_ENV=production babel src -d backlog --ignore \"**/*.spec.js\",\"**/stories/**\",\"**/v2/**\"",
     "build": "npm run clean && npm run clone:styles && npm run build:backlog && npm run build:v1 && npm run build:v2",
     "build:storybook": "build-storybook -o ./docs",
@@ -88,6 +88,8 @@
     "@babel/runtime-corejs3": "7.14.7",
     "@cypress/browserify-preprocessor": "3.0.1",
     "@jackfranklin/test-data-bot": "1.3.0",
+    "@rollup/plugin-alias": "3.1.2",
+    "@rollup/plugin-node-resolve": "11.2.0",
     "@spothero/babel-preset-spothero": "0.2.0",
     "@spothero/browserslist-config": "1.0.0",
     "@spothero/commitlint-config": "3.1.1",
@@ -130,6 +132,13 @@
     "react-redux": "7.2.8",
     "redux": "4.1.2",
     "regenerator-runtime": "0.13.7",
+    "rollup": "2.40.0",
+    "rollup-plugin-babel": "4.4.0",
+    "rollup-plugin-commonjs": "10.1.0",
+    "rollup-plugin-peer-deps-external": "2.2.4",
+    "rollup-plugin-replace": "2.2.0",
+    "rollup-plugin-terser": "7.0.2",
+    "rollup-plugin-visualizer": "4.2.0",
     "start-server-and-test": "1.12.6",
     "style-loader": "1.2.1",
     "webpack-merge": "5.1.4"

package/styles/Alert/_Alert.scss

@@ -1,5 +1,3 @@
-@use "sass:color";
-
 .Alert {
     margin: 6px 0 10px;
     display: block;
@@ -15,7 +13,7 @@
     display: inline-block;
 
     .Alert-danger & {
-        background: color.adjust($color-stop, $lightness: 35%);
+        background: lighten($color-stop, 35%);
         color: $color-stop;
     }
 

package/styles/AutoSuggestInput/_AutoSuggestInput.scss

@@ -61,7 +61,7 @@
 }
 
 .AutoSuggestInput-item {
-    @include ellipsis;
+    @include ellipsis();
     font-size: 14px;
     cursor: pointer;
     padding: 7px 10px 7px 16px;
@@ -107,7 +107,6 @@
     .Icon {
         width: 18px;
         height: 18px;
-
         // Updated to account for small positioning changes
         // due to the Chakra implementation. Allowed the icon
         // to inherit 'display: inline-block;', and the margin

package/styles/Chart/_Chart.scss

@@ -1,4 +1,3 @@
-@use "sass:list";
 @import "chartist";
 
 .ct-area,
@@ -15,7 +14,7 @@
 .ct-series {
     @for $i from 0 to length($ct-series-colors) {
         .ct-circle-#{$i} {
-            stroke: list.nth($ct-series-colors, $i + 1);
+            stroke: nth($ct-series-colors, $i + 1);
         }
     }
 }
@@ -62,12 +61,10 @@
     }
 
     @for $i from 0 to length($ct-series-colors) {
-        /* stylelint-disable */
         .ct-series-#{$i}::before {
-            background-color: list.nth($ct-series-colors, $i + 1);
-            border-color: list.nth($ct-series-colors, $i + 1);
+            background-color: nth($ct-series-colors, $i + 1);
+            border-color: nth($ct-series-colors, $i + 1);
         }
-        /* stylelint-enable */
     }
 }
 

package/styles/Checkbox/_Checkbox.scss

@@ -51,7 +51,6 @@
 
     .Icon {
         position: absolute;
-
         // Chakra's implementation created some small issues
         // with how elements were positioned, this updates the
         // element to parody the original design
@@ -73,7 +72,6 @@
 
         &::before {
             @extend %checkbox-common;
-
             // Chakra's implementation created some small issues
             // with how elements were positioned, this updates the
             // element to parody the original design

package/styles/DateTime/_DatePickerCalendar.scss

@@ -79,20 +79,16 @@
     outline: none;
     border-radius: 19px;
 
-    /* stylelint-disable */
     &:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected) {
         &:hover {
             border: 1px solid $color-go;
             border-radius: 100%;
         }
     }
-    /* stylelint-enable */
 }
 
-.DayPicker--interactionDisabled {
-    .DayPicker-Day {
-        cursor: default;
-    }
+.DayPicker--interactionDisabled .DayPicker-Day {
+    cursor: default;
 }
 
 .DayPicker-Day--today {
@@ -103,12 +99,11 @@
     color: $color-cement;
     cursor: default;
 }
-/* stylelint-disable */
+
 .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
     color: $color-white;
     background-color: $color-go;
 }
-/* stylelint-enable */
 
 .DatePicker-calendar-with-range {
     .DayPicker-Day {
@@ -121,7 +116,6 @@
         }
     }
 
-    /* stylelint-disable */
     .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
         color: $color-white;
         background-color: rgba($color-go, 0.33);
@@ -130,7 +124,6 @@
             background-color: transparent;
         }
     }
-    /* stylelint-enable */
 
     .DayPicker-Day--start,
     .DayPicker-Day--end {

package/styles/DateTime/_DateTimePicker.scss

@@ -1,8 +1,6 @@
-@use "sass:color";
-
 @keyframes HIGHLIGHT {
     5% {
-        background-color: color.adjust($color-highlight, $lightness: 40%);
+        background-color: lighten($color-highlight, 40%);
     }
 }
 

package/styles/PasswordControl/_PasswordControl.scss

@@ -35,7 +35,6 @@
 
     .Checkbox {
         display: none;
-
         // Chakra's implementation created some small issues
         // with how elements were positioned, this updates the
         // element to parody the original design
@@ -55,10 +54,8 @@
         color: $color-cement;
         text-transform: uppercase;
 
-        &:not([disabled]) {
-            &:hover {
-                color: $color-cement;
-            }
+        &:not([disabled]):hover {
+            color: $color-cement;
         }
     }
 

package/styles/Radio/_Radio.scss

@@ -60,7 +60,6 @@
 
         &::before {
             @extend %radio-common;
-
             // Chakra's implementation created some small issues
             // with how elements were positioned, this updates the
             // element to parody the original design

package/styles/Select/_Select.scss

@@ -11,7 +11,7 @@
     }
 
     .Select-icon {
-        @include center;
+        @include center();
         line-height: 1;
 
         .Icon {

package/styles/TextInput/_TextInput.scss

@@ -2,7 +2,7 @@
     @extend %form-element;
 
     .Icon {
-        @include center;
+        @include center();
         width: 16px;
         fill: $color-cement;
     }

package/styles/common/sass/_forms.scss

@@ -22,7 +22,7 @@
 }
 
 %form-element-item {
-    @include font-family;
+    @include font-family();
     display: block;
     width: 100%;
     background-color: $color-white;

package/styles/v1/components/Button/_Button.scss

@@ -8,9 +8,10 @@
     }
 }
 
+a.Button,
 .Button {
     @extend %control-size;
-    @include font-family;
+    @include font-family();
     padding: 10px 30px;
     text-align: center;
     font-weight: $font-weight-semi-bold;
@@ -56,23 +57,27 @@
     }
 }
 
+a.Button-block,
 .Button-block {
     display: block;
     width: 100%;
 }
 
+a.Button-with-icon-left,
 .Button-with-icon-left {
     .Icon {
         margin-right: 5px;
     }
 }
 
+a.Button-with-icon-right,
 .Button-with-icon-right {
     .Icon {
         margin-left: 5px;
     }
 }
 
+a.Button-primary,
 .Button-primary {
     background-color: $color-shift;
     color: $color-white;
@@ -93,6 +98,7 @@
     }
 }
 
+a.Button-secondary,
 .Button-secondary {
     background-color: $color-white;
     color: $color-shift;
@@ -111,6 +117,7 @@
     }
 }
 
+a.Button-tertiary,
 .Button-tertiary {
     background-color: $color-white;
     color: $color-cement;
@@ -129,6 +136,7 @@
     }
 }
 
+a.Button-loading,
 .Button-loading {
     position: relative;
     pointer-events: none;

package/styles/v1/components/Image/_Image.scss

@@ -14,7 +14,7 @@
     }
 
     .PulseLoader-pulse {
-        @include center;
+        @include center();
     }
 }
 

package/styles/v1/components/TextButton/_TextButton.scss

@@ -9,7 +9,7 @@
 }
 
 .TextButton {
-    @include font-family;
+    @include font-family();
     display: inline-block;
     cursor: pointer;
     white-space: nowrap;

package/styles/v1/components/index.js

@@ -1,6 +1,6 @@
-export {default as Panel} from './Panel/Panel';
-export {default as Button} from './Button/Button';
-export {default as Table} from './Table/Table';
-export {default as TextButton} from './TextButton/TextButton';
-export {default as Image} from './Image/Image';
-export {default as Loader} from './Loader/Loader';
+export { default as Panel } from './Panel/Panel';
+export { default as Button } from './Button/Button';
+export { default as Table } from './Table/Table';
+export { default as TextButton } from './TextButton/TextButton';
+export { default as Image } from './Image/Image';
+export { default as Loader } from './Loader/Loader';

package/styles/v2/components/Select/Select.jsx

@@ -1,10 +1,8 @@
+import React, {forwardRef} from 'react';
 import cn from 'classnames';
 import PropTypes from 'prop-types';
-import React, {forwardRef} from 'react';
 import {Select as ChakraSelect} from '@chakra-ui/react';
-import IconChevronDown from '@spothero/icons/chevron-down';
 
-import Icon from '../Icon/Icon';
 import FormControl from '../FormControl/FormControl';
 
 const Select = forwardRef(
@@ -33,8 +31,6 @@ const Select = forwardRef(
                 inputId={props.id}
             >
                 <ChakraSelect
-                    icon={<Icon as={IconChevronDown} />}
-                    iconSize={12}
                     fontWeight="regular"
                     fontSize="sm"
                     ref={ref}