no-frills-ui 0.0.14-alpha.4 → 0.0.14-alpha.6

package/lib-esm/components/Button/Button.js

@@ -1,47 +1,12 @@
 import styled from '@emotion/styled';
-import constants from '../../shared/constants';
-const StyledButton = styled.button `
-    border: 1px solid var(--border-color, ${constants.BORDER_COLOR});
-    border-radius: 5px;
-    height: 32px;
-    min-width: 100px;
-    font-size: 14px;
-    text-align: center;
-    padding: 0 12px;
-    cursor: pointer;
-    color: inherit;
-    background-color: var(--background, ${constants.BACKGROUND});
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    margin: 5px;
-    position: relative;
+import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
 
-    & svg {
-        vertical-align: middle;
-        height: 24px;
-        width: 24px;
-        margin-left: -6px;
-        fill: currentColor;
-    }
-
-    &:enabled:hover {
-        border-color: var(--primary, ${constants.PRIMARY});
-        color: var(--primary, ${constants.PRIMARY});
-    }
-
-    &:focus {
-        border-color: var(--primary, ${constants.PRIMARY});
-        box-shadow: 0 0 0 4px var(--primary-light, ${constants.PRIMARY_LIGHT});
-    }
-
-    &:disabled {
-        background-color: var(--border-light-color, ${constants.DISABLED_BACKGROUND});
-        border-color: var(--light-grey, ${constants.LIGHT_GREY});
-        color: var(--disabled, ${constants.DISABLED});
-    }
-`;
+const StyledButton = /*#__PURE__*/ styled("button", {
+    target: "e1p361zw0",
+    label: "StyledButton"
+})("border:1px solid ", getThemeValue(THEME_NAME.BORDER_COLOR), ";border-radius:5px;height:32px;min-width:100px;font-size:14px;text-align:center;padding:0 12px;cursor:pointer;color:", getThemeValue(THEME_NAME.TEXT_COLOR_DARK), ";background-color:", getThemeValue(THEME_NAME.BACKGROUND), ";margin:5px;position:relative;display:inline-flex;align-items:center;justify-content:center;& svg{vertical-align:middle;height:24px;width:24px;margin-left:-6px;fill:currentColor;}&:enabled:hover{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:focus{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:disabled{background-color:", getThemeValue(THEME_NAME.DISABLED_BACKGROUND), ";border-color:", getThemeValue(THEME_NAME.LIGHT_GREY), ";color:", getThemeValue(THEME_NAME.DISABLED), ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NvbnN0YW50cyc7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQk9SREVSX0NPTE9SKX07XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGhlaWdodDogMzJweDtcbiAgICBtaW4td2lkdGg6IDEwMHB4O1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMCAxMnB4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuVEVYVF9DT0xPUl9EQVJLKX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgIG1hcmdpbjogNXB4O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICAgJiBzdmcge1xuICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgIHdpZHRoOiAyNHB4O1xuICAgICAgICBtYXJnaW4tbGVmdDogLTZweDtcbiAgICAgICAgZmlsbDogY3VycmVudENvbG9yO1xuICAgIH1cblxuICAgICY6ZW5hYmxlZDpob3ZlciB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgIH1cblxuICAgICY6Zm9jdXMge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgNHB4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICB9XG5cbiAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQkFDS0dST1VORCl9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkxJR0hUX0dSRVkpfTtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEKX07XG4gICAgfVxuYDtcblxuU3R5bGVkQnV0dG9uLmRlZmF1bHRQcm9wcyA9IHtcbiAgICB0eXBlOiAnYnV0dG9uJyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFN0eWxlZEJ1dHRvbjtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHcUIifQ== */");
 StyledButton.defaultProps = {
-    type: 'button',
+    type: 'button'
 };
-export default StyledButton;
-//# sourceMappingURL=Button.js.map
+
+export { StyledButton as default };

package/lib-esm/components/Button/IconButton.d.ts

@@ -3,4 +3,3 @@ declare const _default: import("@emotion/styled").StyledComponent<{
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export default _default;
-//# sourceMappingURL=IconButton.d.ts.map

package/lib-esm/components/Button/IconButton.js

@@ -1,45 +1,9 @@
 import styled from '@emotion/styled';
-import constants from '../../shared/constants';
-export default styled.button `
-    border: 1px solid var(--border-color, ${constants.BORDER_COLOR});
-    border-radius: 5px;
-    height: 32px;
-    font-size: 14px;
-    text-align: center;
-    padding: 0 3px;
-    cursor: pointer;
-    color: inherit;
-    background-color: var(--background, ${constants.BACKGROUND});
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    margin: 5px;
-    position: relative;
+import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
 
-    & svg {
-        vertical-align: middle;
-        height: 24px;
-        width: 24px;
-        fill: currentColor;
-    }
+var IconButton = /*#__PURE__*/ styled("button", {
+    target: "eny3n5p0",
+    label: ""
+})("border:1px solid ", getThemeValue(THEME_NAME.BORDER_COLOR), ";border-radius:5px;height:32px;font-size:14px;text-align:center;padding:0 3px;cursor:pointer;color:", getThemeValue(THEME_NAME.TEXT_COLOR_DARK), ";background-color:", getThemeValue(THEME_NAME.BACKGROUND), ";margin:5px;position:relative;display:inline-flex;align-items:center;justify-content:center;& svg{vertical-align:middle;height:24px;width:24px;fill:currentColor;}&:enabled:hover{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:focus{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:disabled{background-color:", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";border-color:", getThemeValue(THEME_NAME.LIGHT_GREY), ";color:", getThemeValue(THEME_NAME.DISABLED), ";}&:disabled > svg{fill:", getThemeValue(THEME_NAME.DISABLED), ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9CdXR0b24vSWNvbkJ1dHRvbi50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0ljb25CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVkLmJ1dHRvbmBcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CT1JERVJfQ09MT1IpfTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgaGVpZ2h0OiAzMnB4O1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMCAzcHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5URVhUX0NPTE9SX0RBUkspfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG4gICAgbWFyZ2luOiA1cHg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICAmIHN2ZyB7XG4gICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGhlaWdodDogMjRweDtcbiAgICAgICAgd2lkdGg6IDI0cHg7XG4gICAgICAgIGZpbGw6IGN1cnJlbnRDb2xvcjtcbiAgICB9XG5cbiAgICAmOmVuYWJsZWQ6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJPUkRFUl9MSUdIVF9DT0xPUil9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkxJR0hUX0dSRVkpfTtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEKX07XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCA+IHN2ZyB7XG4gICAgICAgIGZpbGw6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEKX07XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHZSJ9 */");
 
-    &:enabled:hover {
-        border-color: var(--primary, ${constants.PRIMARY});
-        color: var(--primary, ${constants.PRIMARY});
-    }
-
-    &:focus {
-        border-color: var(--primary, ${constants.PRIMARY});
-        box-shadow: 0 0 0 4px var(--primary-light, ${constants.PRIMARY_LIGHT});
-    }
-
-    &:disabled {
-        background-color: ${constants.BORDER_LIGHT_COLOR};
-        border-color: ${constants.LIGHT_GREY};
-        color: ${constants.DISABLED};
-    }
-
-    &:disabled > svg {
-        fill: ${constants.DISABLED};
-    }
-`;
-//# sourceMappingURL=IconButton.js.map
+export { IconButton as default };

package/lib-esm/components/Button/LinkButton.d.ts

@@ -3,4 +3,3 @@ declare const _default: import("@emotion/styled").StyledComponent<{
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export default _default;
-//# sourceMappingURL=LinkButton.d.ts.map

package/lib-esm/components/Button/LinkButton.js

@@ -1,36 +1,9 @@
 import styled from '@emotion/styled';
-import constants from '../../shared/constants';
-export default styled.button `
-    min-width: 100px;
-    font-size: 14px;
-    text-align: center;
-    height: 32px;
-    cursor: pointer;
-    background-color: transparent;
-    border: none;
-    color: var(--primary, ${constants.PRIMARY});
-    padding: 0 12px;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    margin: 5px;
-    position: relative;
+import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
 
-    & svg {
-        vertical-align: middle;
-        height: 24px;
-        width: 24px;
-        fill: currentColor;
-        margin-left: -6px;
-    }
+var LinkButton = /*#__PURE__*/ styled("button", {
+    target: "ecu06nw0",
+    label: ""
+})("min-width:100px;font-size:14px;text-align:center;height:32px;cursor:pointer;background-color:transparent;border:none;color:", getThemeValue(THEME_NAME.PRIMARY), ";padding:0 12px;margin:5px;position:relative;display:inline-flex;align-items:center;justify-content:center;& svg{vertical-align:middle;height:24px;width:24px;fill:currentColor;margin-left:-6px;}&:enabled:hover,&:focus{text-decoration:underline;}&:disabled{border-color:", getThemeValue(THEME_NAME.BORDER_COLOR), ";color:", getThemeValue(THEME_NAME.DISABLED), ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9CdXR0b24vTGlua0J1dHRvbi50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0xpbmtCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVkLmJ1dHRvbmBcbiAgICBtaW4td2lkdGg6IDEwMHB4O1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAzMnB4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICBwYWRkaW5nOiAwIDEycHg7XG4gICAgbWFyZ2luOiA1cHg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICAmIHN2ZyB7XG4gICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgIGhlaWdodDogMjRweDtcbiAgICAgICAgd2lkdGg6IDI0cHg7XG4gICAgICAgIGZpbGw6IGN1cnJlbnRDb2xvcjtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IC02cHg7XG4gICAgfVxuXG4gICAgJjplbmFibGVkOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICB9XG5cbiAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CT1JERVJfQ09MT1IpfTtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEKX07XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHZSJ9 */");
 
-    &:enabled:hover,
-    &:focus {
-        text-decoration: underline;
-    }
-
-    &:disabled {
-        border-color: ${constants.BORDER_COLOR};
-        color: ${constants.DISABLED};
-    }
-`;
-//# sourceMappingURL=LinkButton.js.map
+export { LinkButton as default };

package/lib-esm/components/Button/RaisedButton.d.ts

@@ -3,4 +3,3 @@ declare const _default: import("@emotion/styled").StyledComponent<{
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export default _default;
-//# sourceMappingURL=RaisedButton.d.ts.map

package/lib-esm/components/Button/RaisedButton.js

@@ -1,49 +1,9 @@
 import styled from '@emotion/styled';
-import constants from '../../shared/constants';
-export default styled.button `
-    border: 1px solid var(--border-color, ${constants.BORDER_COLOR});
-    border-radius: 5px;
-    height: 32px;
-    min-width: 100px;
-    font-size: 14px;
-    text-align: center;
-    padding: 0 12px;
-    cursor: pointer;
-    color: inherit;
-    background-color: var(--background, ${constants.BACKGROUND});
-    transform: translateY(-2px);
-    box-shadow: var(--hover-shadow, ${constants.HOVER_SHADOW});
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    margin: 5px;
-    position: relative;
+import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
 
-    & svg {
-        vertical-align: middle;
-        height: 24px;
-        width: 24px;
-        margin-left: -6px;
-        fill: currentColor;
-    }
+var RaisedButton = /*#__PURE__*/ styled("button", {
+    target: "etv67u90",
+    label: ""
+})("border:1px solid ", getThemeValue(THEME_NAME.BORDER_COLOR), ";border-radius:5px;height:32px;min-width:100px;font-size:14px;text-align:center;padding:0 12px;cursor:", getThemeValue(THEME_NAME.TEXT_COLOR_DARK), ";color:inherit;background-color:", getThemeValue(THEME_NAME.BACKGROUND), ";transform:translateY(-2px);box-shadow:", getThemeValue(THEME_NAME.HOVER_SHADOW), ";margin:5px;position:relative;display:inline-flex;align-items:center;justify-content:center;& svg{vertical-align:middle;height:24px;width:24px;margin-left:-6px;fill:currentColor;}&:enabled:hover{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:focus{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:disabled{background-color:", getThemeValue(THEME_NAME.DISABLED_BACKGROUND), ";border-color:", getThemeValue(THEME_NAME.LIGHT_GREY), ";color:", getThemeValue(THEME_NAME.DISABLED), ";}&:active{transform:translateY(0);box-shadow:", getThemeValue(THEME_NAME.SHADOW), ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9CdXR0b24vUmFpc2VkQnV0dG9uLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9CdXR0b24vUmFpc2VkQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NvbnN0YW50cyc7XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlZC5idXR0b25gXG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQk9SREVSX0NPTE9SKX07XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGhlaWdodDogMzJweDtcbiAgICBtaW4td2lkdGg6IDEwMHB4O1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMCAxMnB4O1xuICAgIGN1cnNvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuVEVYVF9DT0xPUl9EQVJLKX07XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtMnB4KTtcbiAgICBib3gtc2hhZG93OiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5IT1ZFUl9TSEFET1cpfTtcbiAgICBtYXJnaW46IDVweDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuICAgICYgc3ZnIHtcbiAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICB3aWR0aDogMjRweDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IC02cHg7XG4gICAgICAgIGZpbGw6IGN1cnJlbnRDb2xvcjtcbiAgICB9XG5cbiAgICAmOmVuYWJsZWQ6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEX0JBQ0tHUk9VTkQpfTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5MSUdIVF9HUkVZKX07XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRCl9O1xuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xuICAgICAgICBib3gtc2hhZG93OiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5TSEFET1cpfTtcbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdlIn0= */");
 
-    &:enabled:hover {
-        border-color: var(--primary, ${constants.PRIMARY});
-        color: var(--primary, ${constants.PRIMARY});
-    }
-
-    &:focus {
-        border-color: var(--primary, ${constants.PRIMARY});
-    }
-
-    &:disabled {
-        background-color: ${constants.DISABLED_BACKGROUND};
-        border-color: ${constants.LIGHT_GREY};
-        color: ${constants.DISABLED};
-    }
-
-    &:active {
-        transform: translateY(0);
-        box-shadow: var(--shadow, ${constants.SHADOW});
-    }
-`;
-//# sourceMappingURL=RaisedButton.js.map
+export { RaisedButton as default };

package/lib-esm/components/Button/index.d.ts

@@ -3,4 +3,3 @@ export { default as LinkButton } from './LinkButton';
 export { default as RaisedButton } from './RaisedButton';
 export { default as ActionButton } from './ActionButton';
 export { default as IconButton } from './IconButton';
-//# sourceMappingURL=index.d.ts.map

package/lib-esm/components/Card/Card.d.ts

@@ -6,4 +6,3 @@ declare const Card: import("@emotion/styled").StyledComponent<{
     as?: React.ElementType;
 } & CardExtraProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default Card;
-//# sourceMappingURL=Card.d.ts.map

package/lib-esm/components/Card/Card.js

@@ -1,14 +1,9 @@
 import styled from '@emotion/styled';
-import constants from '../../shared/constants';
-const Card = styled.div `
-    border-radius: 10px;
-    background-color: var(--background, ${constants.BACKGROUND});
-    ${(props) => props.elevated
-    ? `box-shadow: var(--modal-shadow, ${constants.MODAL_SHADOW});`
-    : `box-shadow: var(--shadow, ${constants.SHADOW});`}
-    margin: 5px;
-    overflow: auto;
-    position: relative;
-`;
-export default Card;
-//# sourceMappingURL=Card.js.map
+import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
+
+const Card = /*#__PURE__*/ styled("div", {
+    target: "e1jmwjfy0",
+    label: "Card"
+})("border-radius:10px;background-color:", getThemeValue(THEME_NAME.BACKGROUND), ";", (props)=>props.elevated ? `box-shadow: ${getThemeValue(THEME_NAME.MODAL_SHADOW)};` : `box-shadow: ${getThemeValue(THEME_NAME.SHADOW)};`, "    margin:5px;overflow:auto;position:relative;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9DYXJkL0NhcmQudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL0NhcmQvQ2FyZC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgVEhFTUVfTkFNRSwgZ2V0VGhlbWVWYWx1ZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jb25zdGFudHMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIENhcmRFeHRyYVByb3BzIHtcbiAgICBlbGV2YXRlZD86IGJvb2xlYW47XG59XG5cbmNvbnN0IENhcmQgPSBzdHlsZWQuZGl2PENhcmRFeHRyYVByb3BzPmBcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJBQ0tHUk9VTkQpfTtcbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMuZWxldmF0ZWRcbiAgICAgICAgICAgID8gYGJveC1zaGFkb3c6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLk1PREFMX1NIQURPVyl9O2BcbiAgICAgICAgICAgIDogYGJveC1zaGFkb3c6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlNIQURPVyl9O2B9XG4gICAgbWFyZ2luOiA1cHg7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGRlZmF1bHQgQ2FyZDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPYSJ9 */");
+
+export { Card as default };

package/lib-esm/components/Card/index.d.ts

@@ -1,3 +1,2 @@
 export { default as Card } from './Card';
 export { Header as CardHeader, Body as CardBody, Footer as CardFooter } from '../../shared/styles';
-//# sourceMappingURL=index.d.ts.map

package/lib-esm/components/Chip/Chip.d.ts

@@ -9,4 +9,3 @@ interface ChipProps {
 }
 export default function Chip(props: ChipProps & React.HTMLAttributes<HTMLSpanElement>): import("@emotion/react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=Chip.d.ts.map

package/lib-esm/components/Chip/Chip.js

@@ -1,54 +1,46 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import 'react';
 import styled from '@emotion/styled';
-import { Close } from '../../icons';
-import constants from '../../shared/constants';
-const Container = styled.span `
-    padding: 5px;
-    padding-left: 15px;
-    border-radius: 16px;
-    background-color: var(--border-light-color, ${constants.BORDER_LIGHT_COLOR});
-    display: inline-flex;
-    margin: 5px;
-    line-height: 20px;
-    align-items: center;
+import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
+import Close from '../../icons/Close.js';
 
-    &:focus-within {
-        outline: 2px solid var(--primary-light, ${constants.PRIMARY_LIGHT});
-    }
-`;
-const Button = styled.button `
-    color: var(--background-color, ${constants.BACKGROUND});
-    background-color: var(--border-color, ${constants.DISABLED});
-    border-radius: 50%;
-    border: none;
-    padding: 4px;
-    display: inline-flex;
-    margin-left: 5px;
-`;
-export default function Chip(props) {
-    const { label, onCloseClick, closeButtonAriaLabel } = props, rest = __rest(props, ["label", "onCloseClick", "closeButtonAriaLabel"]);
-    const keyUpHandler = (e) => {
+const Container = /*#__PURE__*/ styled("span", {
+    target: "e1b6ywa20",
+    label: "Container"
+})("padding:5px;padding-left:15px;border-radius:16px;background-color:", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";display:inline-flex;margin:5px;line-height:20px;align-items:center;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9DaGlwL0NoaXAudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL0NoaXAvQ2hpcC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENsb3NlIH0gZnJvbSAnLi4vLi4vaWNvbnMnO1xuaW1wb3J0IHsgZ2V0VGhlbWVWYWx1ZSwgVEhFTUVfTkFNRSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jb25zdGFudHMnO1xuXG5pbnRlcmZhY2UgQ2hpcFByb3BzIHtcbiAgICAvKiogTGFiZWwgZm9yIHRoZSBjaGlwICovXG4gICAgbGFiZWw6IHN0cmluZztcbiAgICAvKiogQ2FsbGJhY2sgd2hlbiB0aGUgY2xvc2UgYnV0dG9uIGlzIGNsaWNrZWQgKi9cbiAgICBvbkNsb3NlQ2xpY2s/OiAoZTogUmVhY3QuS2V5Ym9hcmRFdmVudCB8IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gICAgLyoqIEFyaWEgbGFiZWwgZm9yIHRoZSBjbG9zZSBidXR0b24uIERlZmF1bHRzIHRvIFwiUmVtb3ZlIHtsYWJlbH1cIiAqL1xuICAgIGNsb3NlQnV0dG9uQXJpYUxhYmVsPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuc3BhbmBcbiAgICBwYWRkaW5nOiA1cHg7XG4gICAgcGFkZGluZy1sZWZ0OiAxNXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQk9SREVSX0xJR0hUX0NPTE9SKX07XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgbWFyZ2luOiA1cHg7XG4gICAgbGluZS1oZWlnaHQ6IDIwcHg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJBQ0tHUk9VTkQpfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRCl9O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgcGFkZGluZzogNHB4O1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIG1hcmdpbi1sZWZ0OiA1cHg7XG5cbiAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICAgIG91dGxpbmU6IDRweCBzb2xpZCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUl9MSUdIVCl9O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIENoaXAocHJvcHM6IENoaXBQcm9wcyAmIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxTcGFuRWxlbWVudD4pIHtcbiAgICBjb25zdCB7IGxhYmVsLCBvbkNsb3NlQ2xpY2ssIGNsb3NlQnV0dG9uQXJpYUxhYmVsLCAuLi5yZXN0IH0gPSBwcm9wcztcblxuICAgIGNvbnN0IGtleVVwSGFuZGxlcjogUmVhY3QuS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTFNwYW5FbGVtZW50PiA9IChlKSA9PiB7XG4gICAgICAgIGlmIChlLmtleSA9PT0gJ0JhY2tzcGFjZScgfHwgZS5rZXkgPT09ICdEZWxldGUnKSB7XG4gICAgICAgICAgICBvbkNsb3NlQ2xpY2s/LihlKTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBidXR0b25LZXlEb3duSGFuZGxlcjogUmVhY3QuS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTEJ1dHRvbkVsZW1lbnQ+ID0gKGUpID0+IHtcbiAgICAgICAgLy8gU3RvcCBwcm9wYWdhdGlvbiB0byBwcmV2ZW50IERyYWdBbmREcm9wIGZyb20gY2FwdHVyaW5nIFNwYWNlL0VudGVyXG4gICAgICAgIGlmIChlLmtleSA9PT0gJyAnIHx8IGUua2V5ID09PSAnU3BhY2ViYXInIHx8IGUua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXIgey4uLnJlc3R9IG9uS2V5VXA9e2tleVVwSGFuZGxlcn0+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgb25DbGljaz17b25DbG9zZUNsaWNrfVxuICAgICAgICAgICAgICAgIG9uS2V5RG93bj17YnV0dG9uS2V5RG93bkhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17Y2xvc2VCdXR0b25BcmlhTGFiZWwgPz8gYFJlbW92ZSAke2xhYmVsfWB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPENsb3NlIGhlaWdodD17MTZ9IHdpZHRoPXsxNn0gLz5cbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNrQiJ9 */");
+const Button = /*#__PURE__*/ styled("button", {
+    target: "e1b6ywa21",
+    label: "Button"
+})("color:", getThemeValue(THEME_NAME.BACKGROUND), ";background-color:", getThemeValue(THEME_NAME.DISABLED), ";border-radius:50%;border:none;padding:4px;display:inline-flex;margin-left:5px;&:focus-within{outline:4px solid ", getThemeValue(THEME_NAME.ERROR_LIGHT), ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9DaGlwL0NoaXAudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL0NoaXAvQ2hpcC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENsb3NlIH0gZnJvbSAnLi4vLi4vaWNvbnMnO1xuaW1wb3J0IHsgZ2V0VGhlbWVWYWx1ZSwgVEhFTUVfTkFNRSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jb25zdGFudHMnO1xuXG5pbnRlcmZhY2UgQ2hpcFByb3BzIHtcbiAgICAvKiogTGFiZWwgZm9yIHRoZSBjaGlwICovXG4gICAgbGFiZWw6IHN0cmluZztcbiAgICAvKiogQ2FsbGJhY2sgd2hlbiB0aGUgY2xvc2UgYnV0dG9uIGlzIGNsaWNrZWQgKi9cbiAgICBvbkNsb3NlQ2xpY2s/OiAoZTogUmVhY3QuS2V5Ym9hcmRFdmVudCB8IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gICAgLyoqIEFyaWEgbGFiZWwgZm9yIHRoZSBjbG9zZSBidXR0b24uIERlZmF1bHRzIHRvIFwiUmVtb3ZlIHtsYWJlbH1cIiAqL1xuICAgIGNsb3NlQnV0dG9uQXJpYUxhYmVsPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuc3BhbmBcbiAgICBwYWRkaW5nOiA1cHg7XG4gICAgcGFkZGluZy1sZWZ0OiAxNXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQk9SREVSX0xJR0hUX0NPTE9SKX07XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgbWFyZ2luOiA1cHg7XG4gICAgbGluZS1oZWlnaHQ6IDIwcHg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJBQ0tHUk9VTkQpfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRCl9O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgcGFkZGluZzogNHB4O1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIG1hcmdpbi1sZWZ0OiA1cHg7XG5cbiAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICAgIG91dGxpbmU6IDRweCBzb2xpZCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUl9MSUdIVCl9O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIENoaXAocHJvcHM6IENoaXBQcm9wcyAmIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxTcGFuRWxlbWVudD4pIHtcbiAgICBjb25zdCB7IGxhYmVsLCBvbkNsb3NlQ2xpY2ssIGNsb3NlQnV0dG9uQXJpYUxhYmVsLCAuLi5yZXN0IH0gPSBwcm9wcztcblxuICAgIGNvbnN0IGtleVVwSGFuZGxlcjogUmVhY3QuS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTFNwYW5FbGVtZW50PiA9IChlKSA9PiB7XG4gICAgICAgIGlmIChlLmtleSA9PT0gJ0JhY2tzcGFjZScgfHwgZS5rZXkgPT09ICdEZWxldGUnKSB7XG4gICAgICAgICAgICBvbkNsb3NlQ2xpY2s/LihlKTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBidXR0b25LZXlEb3duSGFuZGxlcjogUmVhY3QuS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTEJ1dHRvbkVsZW1lbnQ+ID0gKGUpID0+IHtcbiAgICAgICAgLy8gU3RvcCBwcm9wYWdhdGlvbiB0byBwcmV2ZW50IERyYWdBbmREcm9wIGZyb20gY2FwdHVyaW5nIFNwYWNlL0VudGVyXG4gICAgICAgIGlmIChlLmtleSA9PT0gJyAnIHx8IGUua2V5ID09PSAnU3BhY2ViYXInIHx8IGUua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXIgey4uLnJlc3R9IG9uS2V5VXA9e2tleVVwSGFuZGxlcn0+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgb25DbGljaz17b25DbG9zZUNsaWNrfVxuICAgICAgICAgICAgICAgIG9uS2V5RG93bj17YnV0dG9uS2V5RG93bkhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17Y2xvc2VCdXR0b25BcmlhTGFiZWwgPz8gYFJlbW92ZSAke2xhYmVsfWB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPENsb3NlIGhlaWdodD17MTZ9IHdpZHRoPXsxNn0gLz5cbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCZSJ9 */");
+function Chip(props) {
+    const { label, onCloseClick, closeButtonAriaLabel, ...rest } = props;
+    const keyUpHandler = (e)=>{
         if (e.key === 'Backspace' || e.key === 'Delete') {
-            onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick(e);
+            onCloseClick?.(e);
         }
     };
-    const buttonKeyDownHandler = (e) => {
+    const buttonKeyDownHandler = (e)=>{
         // Stop propagation to prevent DragAndDrop from capturing Space/Enter
         if (e.key === ' ' || e.key === 'Spacebar' || e.key === 'Enter') {
             e.stopPropagation();
         }
     };
-    return (_jsxs(Container, Object.assign({}, rest, { onKeyUp: keyUpHandler, children: [label, _jsx(Button, { onClick: onCloseClick, onKeyDown: buttonKeyDownHandler, "aria-label": closeButtonAriaLabel !== null && closeButtonAriaLabel !== void 0 ? closeButtonAriaLabel : `Remove ${label}`, children: _jsx(Close, { height: 16, width: 16 }) })] })));
+    return /*#__PURE__*/ jsxs(Container, {
+        ...rest,
+        onKeyUp: keyUpHandler,
+        children: [
+            label,
+            /*#__PURE__*/ jsx(Button, {
+                onClick: onCloseClick,
+                onKeyDown: buttonKeyDownHandler,
+                "aria-label": closeButtonAriaLabel ?? `Remove ${label}`,
+                children: /*#__PURE__*/ jsx(Close, {
+                    height: 16,
+                    width: 16
+                })
+            })
+        ]
+    });
 }
-//# sourceMappingURL=Chip.js.map
+
+export { Chip as default };

package/lib-esm/components/Chip/index.d.ts

@@ -1,2 +1 @@
 export { default as Chip } from './Chip';
-//# sourceMappingURL=index.d.ts.map

package/lib-esm/components/ChipInput/ChipInput.d.ts

@@ -40,4 +40,3 @@ declare namespace ChipInput {
     };
 }
 export default ChipInput;
-//# sourceMappingURL=ChipInput.d.ts.map