@spark-web/select 3.0.0-rc.2 → 3.0.0-rc.20

package/CHANGELOG.md

@@ -1,5 +1,275 @@
 # @spark-web/select
 
+## 3.0.0-rc.20
+
+### Minor Changes
+
+- Support for component-level theming; button-level theming
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/text-input@4.0.0-rc.20
+  - @spark-web/field@4.0.0-rc.20
+  - @spark-web/theme@4.0.0-rc.20
+  - @spark-web/icon@2.0.0-rc.20
+  - @spark-web/box@2.0.0-rc.20
+
+## 3.0.0-rc.19
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/text-input@4.0.0-rc.19
+  - @spark-web/field@4.0.0-rc.19
+  - @spark-web/theme@4.0.0-rc.19
+  - @spark-web/icon@2.0.0-rc.19
+  - @spark-web/box@2.0.0-rc.19
+
+## 3.0.0-rc.18
+
+### Major Changes
+
+- tests
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/text-input@4.0.0-rc.18
+  - @spark-web/field@4.0.0-rc.18
+  - @spark-web/theme@4.0.0-rc.18
+  - @spark-web/icon@2.0.0-rc.18
+  - @spark-web/box@2.0.0-rc.18
+
+## 3.0.0-rc.17
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/text-input@4.0.0-rc.17
+  - @spark-web/field@4.0.0-rc.17
+  - @spark-web/theme@4.0.0-rc.17
+  - @spark-web/icon@2.0.0-rc.17
+  - @spark-web/box@2.0.0-rc.17
+
+## 3.0.0-rc.16
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/text-input@4.0.0-rc.16
+  - @spark-web/field@4.0.0-rc.16
+  - @spark-web/theme@4.0.0-rc.16
+  - @spark-web/icon@2.0.0-rc.16
+  - @spark-web/box@2.0.0-rc.16
+
+## 3.0.0-rc.15
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/text-input@4.0.0-rc.15
+  - @spark-web/field@4.0.0-rc.15
+  - @spark-web/theme@4.0.0-rc.15
+  - @spark-web/icon@2.0.0-rc.15
+  - @spark-web/box@2.0.0-rc.15
+
+## 3.0.0-rc.14
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/text-input@4.0.0-rc.14
+  - @spark-web/field@4.0.0-rc.14
+  - @spark-web/theme@4.0.0-rc.14
+  - @spark-web/icon@2.0.0-rc.14
+  - @spark-web/box@2.0.0-rc.14
+
+## 3.0.0-rc.13
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/text-input@4.0.0-rc.13
+  - @spark-web/field@4.0.0-rc.13
+  - @spark-web/theme@4.0.0-rc.13
+  - @spark-web/icon@2.0.0-rc.13
+  - @spark-web/box@2.0.0-rc.13
+
+## 3.0.0-rc.12
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/text-input@4.0.0-rc.12
+  - @spark-web/field@4.0.0-rc.12
+  - @spark-web/theme@4.0.0-rc.12
+  - @spark-web/icon@2.0.0-rc.12
+  - @spark-web/box@2.0.0-rc.12
+
+## 3.0.0-rc.11
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/text-input@4.0.0-rc.11
+  - @spark-web/field@4.0.0-rc.11
+  - @spark-web/theme@4.0.0-rc.11
+  - @spark-web/icon@2.0.0-rc.11
+  - @spark-web/box@2.0.0-rc.11
+
+## 3.0.0-rc.10
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/text-input@4.0.0-rc.10
+  - @spark-web/field@4.0.0-rc.10
+  - @spark-web/theme@4.0.0-rc.10
+  - @spark-web/icon@2.0.0-rc.10
+  - @spark-web/box@2.0.0-rc.10
+
+## 3.0.0-rc.9
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/text-input@4.0.0-rc.9
+  - @spark-web/field@4.0.0-rc.9
+  - @spark-web/theme@4.0.0-rc.9
+  - @spark-web/icon@2.0.0-rc.9
+  - @spark-web/box@2.0.0-rc.9
+
+## 3.0.0-rc.8
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/text-input@4.0.0-rc.8
+  - @spark-web/field@4.0.0-rc.8
+  - @spark-web/theme@4.0.0-rc.8
+  - @spark-web/icon@2.0.0-rc.8
+  - @spark-web/box@2.0.0-rc.8
+
+## 3.0.0-rc.7
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/text-input@4.0.0-rc.7
+  - @spark-web/field@4.0.0-rc.7
+  - @spark-web/theme@4.0.0-rc.7
+  - @spark-web/icon@2.0.0-rc.7
+  - @spark-web/box@2.0.0-rc.7
+
+## 3.0.0-rc.6
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/text-input@4.0.0-rc.6
+  - @spark-web/field@4.0.0-rc.6
+  - @spark-web/theme@4.0.0-rc.6
+  - @spark-web/icon@2.0.0-rc.6
+  - @spark-web/box@2.0.0-rc.6
+
+## 3.0.0-rc.5
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/text-input@4.0.0-rc.5
+  - @spark-web/field@4.0.0-rc.5
+  - @spark-web/theme@4.0.0-rc.5
+  - @spark-web/icon@2.0.0-rc.5
+  - @spark-web/box@2.0.0-rc.5
+
+## 3.0.0-rc.4
+
+### Major Changes
+
+- bug
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/text-input@4.0.0-rc.4
+  - @spark-web/field@4.0.0-rc.4
+  - @spark-web/theme@4.0.0-rc.4
+  - @spark-web/icon@2.0.0-rc.4
+  - @spark-web/box@2.0.0-rc.4
+
+## 3.0.0-rc.3
+
+### Major Changes
+
+- upgrade package
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/text-input@4.0.0-rc.3
+  - @spark-web/field@4.0.0-rc.3
+  - @spark-web/theme@4.0.0-rc.3
+  - @spark-web/icon@2.0.0-rc.3
+  - @spark-web/box@2.0.0-rc.3
+
 ## 3.0.0-rc.2
 
 ### Major Changes

package/dist/spark-web-select.cjs.d.ts

@@ -1,2 +1,2 @@
-export * from "./declarations/src/index";
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bhcmstd2ViLXNlbGVjdC5janMuZC50cyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4vZGVjbGFyYXRpb25zL3NyYy9pbmRleC5kLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIn0=
+export * from "../src/index";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bhcmstd2ViLXNlbGVjdC5janMuZC50cyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSJ9

package/dist/spark-web-select.cjs.js

@@ -1,7 +1,16 @@
-'use strict';
+"use strict";
+// this file might look strange and you might be wondering what it's for
+// it's lets you import your source files by importing this entrypoint
+// as you would import it if it was built with preconstruct build
+// this file is slightly different to some others though
+// it has a require hook which compiles your code with Babel
+// this means that you don't have to set up @babel/register or anything like that
+// but you can still require this module and it'll be compiled
 
-if (process.env.NODE_ENV === "production") {
-  module.exports = require("./spark-web-select.cjs.prod.js");
-} else {
-  module.exports = require("./spark-web-select.cjs.dev.js");
-}
+// this bit of code imports the require hook and registers it
+let unregister = require("../../../node_modules/@preconstruct/hook").___internalHook(typeof __dirname === 'undefined' ? undefined : __dirname, "../../..", "..");
+
+// this re-exports the source file
+module.exports = require("../src/index.ts");
+
+unregister();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-web/select",
-  "version": "3.0.0-rc.2",
+  "version": "3.0.0-rc.20",
   "homepage": "https://github.com/brighte-labs/spark-web#readme",
   "repository": {
     "type": "git",
@@ -16,20 +16,20 @@
   ],
   "dependencies": {
     "@babel/runtime": "^7.25.0",
-    "@emotion/react": "^11.13.5",
-    "@spark-web/box": "^2.0.0-rc.2",
-    "@spark-web/icon": "^2.0.0-rc.2",
-    "@spark-web/text-input": "^4.0.0-rc.2",
-    "@spark-web/theme": "^4.0.0-rc.2"
+    "@emotion/react": "^11.14.0",
+    "@spark-web/box": "^2.0.0-rc.20",
+    "@spark-web/icon": "^2.0.0-rc.20",
+    "@spark-web/text-input": "^4.0.0-rc.20",
+    "@spark-web/theme": "^4.0.0-rc.20"
   },
   "devDependencies": {
-    "@spark-web/field": "^4.0.0-rc.2",
-    "@spark-web/utils": "^2.0.0-rc.2",
+    "@spark-web/field": "^4.0.0-rc.20",
+    "@spark-web/utils": "^2.0.0-rc.20",
     "@types/react": "^18.2.0",
     "react": "^18.2.0"
   },
   "peerDependencies": {
-    "@spark-web/field": "^4.0.0-rc.2",
+    "@spark-web/field": "^4.0.0-rc.20",
     "react": ">=17.0.2"
   },
   "engines": {

package/dist/declarations/src/index.d.ts

@@ -1,2 +0,0 @@
-export { Select } from "./select.js";
-export type { SelectProps } from "./select.js";

package/dist/declarations/src/select.d.ts

@@ -1,34 +0,0 @@
-import type { DataAttributeMap } from '@spark-web/utils/internal';
-import type { SelectHTMLAttributes } from 'react';
-export declare type Option = {
-    /** Whether or not the option is disabled. */
-    disabled?: boolean;
-    /** Label for the option. */
-    label: string;
-    /** Value of the option. */
-    value: string | number;
-};
-export declare type Group = {
-    /** List of options for the group. */
-    options: Array<Option>;
-    /** Label for the group. */
-    label: string;
-};
-export declare type OptionsOrGroups = Array<Option | Group>;
-export declare type NativeSelectProps = Pick<SelectHTMLAttributes<HTMLSelectElement>, 'defaultValue' | 'name' | 'onBlur' | 'onChange' | 'required' | 'value'>;
-export declare type SelectProps = NativeSelectProps & {
-    /** Sets data attributes for the element. */
-    data?: DataAttributeMap;
-    /** The values that can be selected by the input. */
-    options: OptionsOrGroups;
-    /** Placeholder text for when the input does not have an initial value. */
-    placeholder?: string;
-};
-export declare const Select: import("react").ForwardRefExoticComponent<NativeSelectProps & {
-    /** Sets data attributes for the element. */
-    data?: DataAttributeMap | undefined;
-    /** The values that can be selected by the input. */
-    options: OptionsOrGroups;
-    /** Placeholder text for when the input does not have an initial value. */
-    placeholder?: string | undefined;
-} & import("react").RefAttributes<HTMLSelectElement>>;

package/dist/spark-web-select.cjs.dev.js

@@ -1,111 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var react$1 = require('@emotion/react');
-var box = require('@spark-web/box');
-var field = require('@spark-web/field');
-var icon = require('@spark-web/icon');
-var textInput = require('@spark-web/text-input');
-var theme = require('@spark-web/theme');
-var react = require('react');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-
-var Select = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
-  var data = _ref.data,
-    defaultValue = _ref.defaultValue,
-    name = _ref.name,
-    onBlur = _ref.onBlur,
-    onChange = _ref.onChange,
-    optionsOrGroups = _ref.options,
-    placeholder = _ref.placeholder,
-    required = _ref.required,
-    value = _ref.value;
-  var _useFieldContext = field.useFieldContext(),
-    _useFieldContext2 = _slicedToArray(_useFieldContext, 2),
-    _useFieldContext2$ = _useFieldContext2[0],
-    disabled = _useFieldContext2$.disabled,
-    invalid = _useFieldContext2$.invalid,
-    a11yProps = _useFieldContext2[1];
-  var _useSelectStyles = useSelectStyles({
-      disabled: disabled,
-      invalid: invalid
-    }),
-    _useSelectStyles2 = _slicedToArray(_useSelectStyles, 2),
-    boxProps = _useSelectStyles2[0],
-    inputStyles = _useSelectStyles2[1];
-  var mapOptions = react.useCallback(function (opt) {
-    return jsxRuntime.jsx("option", {
-      value: opt.value,
-      disabled: opt.disabled,
-      children: opt.label
-    }, opt.value);
-  }, []);
-  return jsxRuntime.jsxs(textInput.InputContainer, {
-    children: [jsxRuntime.jsx(Indicator, {}), jsxRuntime.jsxs(box.Box, _objectSpread(_objectSpread(_objectSpread({}, boxProps), a11yProps), {}, {
-      as: "select",
-      css: react$1.css(inputStyles),
-      data: data,
-      defaultValue: (defaultValue !== null && defaultValue !== void 0 ? defaultValue : placeholder) ? '' : undefined,
-      disabled: disabled,
-      name: name,
-      onBlur: onBlur,
-      onChange: onChange,
-      ref: forwardedRef,
-      required: required,
-      value: value,
-      width: "full",
-      children: [!value || placeholder ? jsxRuntime.jsx("option", {
-        value: "",
-        disabled: true,
-        children: placeholder
-      }) : null, optionsOrGroups.map(function (optionOrGroup) {
-        if ('options' in optionOrGroup) {
-          return jsxRuntime.jsx("optgroup", {
-            label: optionOrGroup.label,
-            children: optionOrGroup.options.map(function (option) {
-              return mapOptions(option);
-            })
-          }, optionOrGroup.label);
-        }
-        return mapOptions(optionOrGroup);
-      })]
-    }))]
-  });
-});
-Select.displayName = 'Select';
-var Indicator = function Indicator() {
-  return jsxRuntime.jsx(box.Box, {
-    position: "absolute",
-    top: 0,
-    bottom: 0,
-    right: 0,
-    display: "flex",
-    alignItems: "center",
-    padding: "medium",
-    css: react$1.css({
-      pointerEvents: 'none'
-    }),
-    children: jsxRuntime.jsx(icon.ChevronDownIcon, {
-      size: "xxsmall",
-      tone: "placeholder"
-    })
-  });
-};
-function useSelectStyles(props) {
-  var _useInputStyles = textInput.useInputStyles(props),
-    _useInputStyles2 = _slicedToArray(_useInputStyles, 2),
-    boxProps = _useInputStyles2[0],
-    inputStyles = _useInputStyles2[1];
-  var theme$1 = theme.useTheme();
-  return [boxProps, _objectSpread(_objectSpread({}, inputStyles), {}, {
-    // Prevent text going underneath the chevron icon
-    paddingRight: theme$1.sizing.xxsmall +
-    // size of chevron icon
-    theme$1.spacing.medium * 2 // paddingX value
-  })];
-}
-
-exports.Select = Select;

package/dist/spark-web-select.cjs.prod.js

@@ -1,111 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var react$1 = require('@emotion/react');
-var box = require('@spark-web/box');
-var field = require('@spark-web/field');
-var icon = require('@spark-web/icon');
-var textInput = require('@spark-web/text-input');
-var theme = require('@spark-web/theme');
-var react = require('react');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-
-var Select = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
-  var data = _ref.data,
-    defaultValue = _ref.defaultValue,
-    name = _ref.name,
-    onBlur = _ref.onBlur,
-    onChange = _ref.onChange,
-    optionsOrGroups = _ref.options,
-    placeholder = _ref.placeholder,
-    required = _ref.required,
-    value = _ref.value;
-  var _useFieldContext = field.useFieldContext(),
-    _useFieldContext2 = _slicedToArray(_useFieldContext, 2),
-    _useFieldContext2$ = _useFieldContext2[0],
-    disabled = _useFieldContext2$.disabled,
-    invalid = _useFieldContext2$.invalid,
-    a11yProps = _useFieldContext2[1];
-  var _useSelectStyles = useSelectStyles({
-      disabled: disabled,
-      invalid: invalid
-    }),
-    _useSelectStyles2 = _slicedToArray(_useSelectStyles, 2),
-    boxProps = _useSelectStyles2[0],
-    inputStyles = _useSelectStyles2[1];
-  var mapOptions = react.useCallback(function (opt) {
-    return jsxRuntime.jsx("option", {
-      value: opt.value,
-      disabled: opt.disabled,
-      children: opt.label
-    }, opt.value);
-  }, []);
-  return jsxRuntime.jsxs(textInput.InputContainer, {
-    children: [jsxRuntime.jsx(Indicator, {}), jsxRuntime.jsxs(box.Box, _objectSpread(_objectSpread(_objectSpread({}, boxProps), a11yProps), {}, {
-      as: "select",
-      css: react$1.css(inputStyles),
-      data: data,
-      defaultValue: (defaultValue !== null && defaultValue !== void 0 ? defaultValue : placeholder) ? '' : undefined,
-      disabled: disabled,
-      name: name,
-      onBlur: onBlur,
-      onChange: onChange,
-      ref: forwardedRef,
-      required: required,
-      value: value,
-      width: "full",
-      children: [!value || placeholder ? jsxRuntime.jsx("option", {
-        value: "",
-        disabled: true,
-        children: placeholder
-      }) : null, optionsOrGroups.map(function (optionOrGroup) {
-        if ('options' in optionOrGroup) {
-          return jsxRuntime.jsx("optgroup", {
-            label: optionOrGroup.label,
-            children: optionOrGroup.options.map(function (option) {
-              return mapOptions(option);
-            })
-          }, optionOrGroup.label);
-        }
-        return mapOptions(optionOrGroup);
-      })]
-    }))]
-  });
-});
-Select.displayName = 'Select';
-var Indicator = function Indicator() {
-  return jsxRuntime.jsx(box.Box, {
-    position: "absolute",
-    top: 0,
-    bottom: 0,
-    right: 0,
-    display: "flex",
-    alignItems: "center",
-    padding: "medium",
-    css: react$1.css({
-      pointerEvents: 'none'
-    }),
-    children: jsxRuntime.jsx(icon.ChevronDownIcon, {
-      size: "xxsmall",
-      tone: "placeholder"
-    })
-  });
-};
-function useSelectStyles(props) {
-  var _useInputStyles = textInput.useInputStyles(props),
-    _useInputStyles2 = _slicedToArray(_useInputStyles, 2),
-    boxProps = _useInputStyles2[0],
-    inputStyles = _useInputStyles2[1];
-  var theme$1 = theme.useTheme();
-  return [boxProps, _objectSpread(_objectSpread({}, inputStyles), {}, {
-    // Prevent text going underneath the chevron icon
-    paddingRight: theme$1.sizing.xxsmall +
-    // size of chevron icon
-    theme$1.spacing.medium * 2 // paddingX value
-  })];
-}
-
-exports.Select = Select;

package/dist/spark-web-select.esm.js

@@ -1,107 +0,0 @@
-import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import { css } from '@emotion/react';
-import { Box } from '@spark-web/box';
-import { useFieldContext } from '@spark-web/field';
-import { ChevronDownIcon } from '@spark-web/icon';
-import { InputContainer, useInputStyles } from '@spark-web/text-input';
-import { useTheme } from '@spark-web/theme';
-import { forwardRef, useCallback } from 'react';
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-
-var Select = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
-  var data = _ref.data,
-    defaultValue = _ref.defaultValue,
-    name = _ref.name,
-    onBlur = _ref.onBlur,
-    onChange = _ref.onChange,
-    optionsOrGroups = _ref.options,
-    placeholder = _ref.placeholder,
-    required = _ref.required,
-    value = _ref.value;
-  var _useFieldContext = useFieldContext(),
-    _useFieldContext2 = _slicedToArray(_useFieldContext, 2),
-    _useFieldContext2$ = _useFieldContext2[0],
-    disabled = _useFieldContext2$.disabled,
-    invalid = _useFieldContext2$.invalid,
-    a11yProps = _useFieldContext2[1];
-  var _useSelectStyles = useSelectStyles({
-      disabled: disabled,
-      invalid: invalid
-    }),
-    _useSelectStyles2 = _slicedToArray(_useSelectStyles, 2),
-    boxProps = _useSelectStyles2[0],
-    inputStyles = _useSelectStyles2[1];
-  var mapOptions = useCallback(function (opt) {
-    return jsx("option", {
-      value: opt.value,
-      disabled: opt.disabled,
-      children: opt.label
-    }, opt.value);
-  }, []);
-  return jsxs(InputContainer, {
-    children: [jsx(Indicator, {}), jsxs(Box, _objectSpread(_objectSpread(_objectSpread({}, boxProps), a11yProps), {}, {
-      as: "select",
-      css: css(inputStyles),
-      data: data,
-      defaultValue: (defaultValue !== null && defaultValue !== void 0 ? defaultValue : placeholder) ? '' : undefined,
-      disabled: disabled,
-      name: name,
-      onBlur: onBlur,
-      onChange: onChange,
-      ref: forwardedRef,
-      required: required,
-      value: value,
-      width: "full",
-      children: [!value || placeholder ? jsx("option", {
-        value: "",
-        disabled: true,
-        children: placeholder
-      }) : null, optionsOrGroups.map(function (optionOrGroup) {
-        if ('options' in optionOrGroup) {
-          return jsx("optgroup", {
-            label: optionOrGroup.label,
-            children: optionOrGroup.options.map(function (option) {
-              return mapOptions(option);
-            })
-          }, optionOrGroup.label);
-        }
-        return mapOptions(optionOrGroup);
-      })]
-    }))]
-  });
-});
-Select.displayName = 'Select';
-var Indicator = function Indicator() {
-  return jsx(Box, {
-    position: "absolute",
-    top: 0,
-    bottom: 0,
-    right: 0,
-    display: "flex",
-    alignItems: "center",
-    padding: "medium",
-    css: css({
-      pointerEvents: 'none'
-    }),
-    children: jsx(ChevronDownIcon, {
-      size: "xxsmall",
-      tone: "placeholder"
-    })
-  });
-};
-function useSelectStyles(props) {
-  var _useInputStyles = useInputStyles(props),
-    _useInputStyles2 = _slicedToArray(_useInputStyles, 2),
-    boxProps = _useInputStyles2[0],
-    inputStyles = _useInputStyles2[1];
-  var theme = useTheme();
-  return [boxProps, _objectSpread(_objectSpread({}, inputStyles), {}, {
-    // Prevent text going underneath the chevron icon
-    paddingRight: theme.sizing.xxsmall +
-    // size of chevron icon
-    theme.spacing.medium * 2 // paddingX value
-  })];
-}
-
-export { Select };