newskit 5.1.0 → 5.3.0

package/cjs/radio-button/radio-group.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { RadioGroupContextValue } from './types';
+export declare const RadioGroup: React.ForwardRefExoticComponent<{
+    defaultValue?: string | undefined;
+    value?: string | undefined;
+    onChange?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
+    name?: string | undefined;
+    children?: React.ReactNode;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "name" | "value" | "onChange"> & React.RefAttributes<HTMLInputElement>>;
+export declare const useRadioGroupContext: () => RadioGroupContextValue | undefined;
+//# sourceMappingURL=radio-group.d.ts.map

package/cjs/radio-button/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/radio-button/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAC,sBAAsB,EAAkB,MAAM,SAAS,CAAC;AAMhE,eAAO,MAAM,UAAU;;;;;;sHA4BtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAAO,sBAAsB,GAAG,SAC5B,CAAC"}

package/cjs/radio-button/radio-group.js

@@ -0,0 +1,67 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRadioGroupContext = exports.RadioGroup = void 0;
+var react_1 = __importStar(require("react"));
+var hooks_1 = require("../utils/hooks");
+var RadioGroupContext = react_1.default.createContext(undefined);
+exports.RadioGroup = react_1.default.forwardRef(function (_a, ref) {
+    var children = _a.children, defaultValue = _a.defaultValue, name = _a.name, onChange = _a.onChange, valueProp = _a.value, restProps = __rest(_a, ["children", "defaultValue", "name", "onChange", "value"]);
+    var _b = (0, hooks_1.useControlled)({
+        controlledValue: valueProp,
+        defaultValue: defaultValue,
+    }), value = _b[0], setValueState = _b[1];
+    var handleChange = (0, react_1.useCallback)(function (event) {
+        setValueState(event.target.value);
+        if (onChange) {
+            onChange(event);
+        }
+    }, [setValueState, onChange]);
+    return (react_1.default.createElement(RadioGroupContext.Provider, { value: { name: name, onChange: handleChange, value: value } },
+        react_1.default.createElement("div", __assign({ ref: ref }, restProps), children)));
+});
+var useRadioGroupContext = function () {
+    return react_1.default.useContext(RadioGroupContext);
+};
+exports.useRadioGroupContext = useRadioGroupContext;
+//# sourceMappingURL=radio-group.js.map

package/cjs/radio-button/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/radio-button/radio-group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,wCAA6C;AAG7C,IAAM,iBAAiB,GAAG,eAAK,CAAC,aAAa,CAE3C,SAAS,CAAC,CAAC;AAEA,QAAA,UAAU,GAAG,eAAK,CAAC,UAAU,CACxC,UACE,EAAwE,EACxE,GAAG;IADF,IAAA,QAAQ,cAAA,EAAE,YAAY,kBAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAS,SAAS,WAAA,EAAK,SAAS,cAAvE,yDAAwE,CAAD;IAGjE,IAAA,KAAyB,IAAA,qBAAa,EAAC;QAC3C,eAAe,EAAE,SAAS;QAC1B,YAAY,cAAA;KACb,CAAC,EAHK,KAAK,QAAA,EAAE,aAAa,QAGzB,CAAC;IAEH,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAC,KAA0C;QACzC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAElC,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;IACH,CAAC,EACD,CAAC,aAAa,EAAE,QAAQ,CAAC,CAC1B,CAAC;IACF,OAAO,CACL,8BAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,IAAI,MAAA,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,OAAA,EAAC;QACtE,gDAAK,GAAG,EAAE,GAAG,IAAM,SAAS,GACzB,QAAQ,CACL,CACqB,CAC9B,CAAC;AACJ,CAAC,CACF,CAAC;AAEK,IAAM,oBAAoB,GAAG;IAClC,OAAA,eAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC;AAAnC,CAAmC,CAAC;AADzB,QAAA,oBAAoB,wBACK"}

package/cjs/radio-button/style-presets.d.ts

@@ -0,0 +1,4 @@
+import { StylePreset } from '../theme/types';
+declare const _default: Record<string, StylePreset>;
+export default _default;
+//# sourceMappingURL=style-presets.d.ts.map

package/cjs/radio-button/style-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/radio-button/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAE3C,wBAoJiC"}

package/cjs/radio-button/style-presets.js

@@ -0,0 +1,151 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    radioButtonInput: {
+        base: {
+            backgroundColor: '{{colors.interactiveInput010}}',
+            borderColor: '{{colors.interactiveInput020}}',
+            borderWidth: '{{borders.borderWidth020}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            borderStyle: 'solid',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveInput030}}',
+            borderColor: '{{colors.interactiveInput050}}',
+        },
+        focus: {},
+        'focus:hover': {
+            backgroundColor: '{{colors.interactiveInput030}}',
+            borderColor: '{{colors.interactiveInput050}}',
+        },
+        checked: {
+            backgroundColor: '{{colors.interactiveInput010}}',
+            borderColor: '{{colors.interactiveInput040}}',
+            iconColor: '{{colors.interactiveInput040}}',
+        },
+        'checked:hover': {
+            backgroundColor: '{{colors.interactiveInput030}}',
+            borderColor: '{{colors.interactiveInput050}}',
+            iconColor: '{{colors.interactiveInput050}}',
+        },
+        'checked:focus': {
+            backgroundColor: '{{colors.interactiveInput010}}',
+            borderColor: '{{colors.interactiveInput040}}',
+            iconColor: '{{colors.interactiveInput040}}',
+        },
+        'checked:focus:hover': {
+            backgroundColor: '{{colors.interactiveInput030}}',
+            borderColor: '{{colors.interactiveInput050}}',
+            iconColor: '{{colors.interactiveInput050}}',
+        },
+        invalid: {
+            backgroundColor: '{{colors.interactiveInput010}}',
+            borderColor: '{{colors.interactiveNegative040}}',
+        },
+        'invalid:focus': {
+            borderColor: '{{colors.interactiveNegative040}}',
+        },
+        'invalid:hover': {
+            backgroundColor: '{{colors.interactiveNegative010}}',
+            borderColor: '{{colors.interactiveNegative050}}',
+        },
+        'invalid:focus:hover': {
+            backgroundColor: '{{colors.interactiveNegative010}}',
+            borderColor: '{{colors.interactiveNegative050}}',
+        },
+        'checked:invalid': {
+            backgroundColor: '{{colors.interactiveInput010}}',
+            borderColor: '{{colors.interactiveNegative040}}',
+            iconColor: '{{colors.interactiveNegative040}}',
+        },
+        'checked:invalid:focus': {
+            borderColor: '{{colors.interactiveNegative040}}',
+            iconColor: '{{colors.interactiveNegative040}}',
+        },
+        'checked:invalid:hover': {
+            backgroundColor: '{{colors.interactiveNegative010}}',
+            borderColor: '{{colors.interactiveNegative050}}',
+            iconColor: '{{colors.interactiveNegative050}}',
+        },
+        'checked:invalid:focus:hover': {
+            backgroundColor: '{{colors.interactiveNegative010}}',
+            borderColor: '{{colors.interactiveNegative050}}',
+            iconColor: '{{colors.interactiveNegative050}}',
+        },
+        valid: {
+            backgroundColor: '{{colors.interactiveInput010}}',
+            borderColor: '{{colors.interactivePositive040}}',
+        },
+        'valid:focus': {
+            borderColor: '{{colors.interactivePositive050}}',
+        },
+        'valid:hover': {
+            backgroundColor: '{{colors.interactivePositive010}}',
+            borderColor: '{{colors.interactivePositive050}}',
+        },
+        'valid:focus:hover': {
+            backgroundColor: '{{colors.interactivePositive010}}',
+            borderColor: '{{colors.interactivePositive050}}',
+        },
+        'checked:valid': {
+            backgroundColor: '{{colors.interactiveInput010}}',
+            borderColor: '{{colors.interactivePositive040}}',
+            iconColor: '{{colors.interactivePositive040}}',
+        },
+        'checked:valid:focus': {
+            borderColor: '{{colors.interactivePositive040}}',
+            iconColor: '{{colors.interactivePositive040}}',
+        },
+        'checked:valid:hover': {
+            backgroundColor: '{{colors.interactivePositive010}}',
+            borderColor: '{{colors.interactivePositive050}}',
+            iconColor: '{{colors.interactivePositive050}}',
+        },
+        'checked:valid:focus:hover': {
+            backgroundColor: '{{colors.interactivePositive010}}',
+            borderColor: '{{colors.interactivePositive050}}',
+            iconColor: '{{colors.interactivePositive050}}',
+        },
+        disabled: {
+            backgroundColor: '{{colors.transparent}}',
+            borderColor: '{{colors.interactiveDisabled010}}',
+        },
+        'checked:disabled': {
+            backgroundColor: '{{colors.transparent}}',
+            borderColor: '{{colors.interactiveDisabled010}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+    },
+    radioButtonFeedback: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveInput030}}',
+        },
+        'valid:focus:hover': {
+            backgroundColor: '{{colors.interactivePositive010}}',
+        },
+        'valid:hover': {
+            backgroundColor: '{{colors.interactivePositive010}}',
+        },
+        'invalid:hover': {
+            backgroundColor: '{{colors.interactiveNegative010}}',
+        },
+        'invalid:focus:hover': {
+            backgroundColor: '{{colors.interactiveNegative010}}',
+        },
+        // TODO: remove when we have generic focus state
+        focus: {
+            backgroundColor: '{{colors.interactiveInput030}}',
+        },
+        'valid:focus': {
+            backgroundColor: '{{colors.interactivePositive010}}',
+        },
+        'invalid:focus': {
+            backgroundColor: '{{colors.interactiveNegative010}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

package/cjs/radio-button/style-presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/radio-button/style-presets.ts"],"names":[],"mappings":"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"}

package/cjs/radio-button/types.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { BaseSwitchIconProps, BaseSwitchProps } from '../base-switch/types';
+export declare type RadioButtonIconProps = BaseSwitchIconProps;
+export declare type RadioButtonProps = Omit<BaseSwitchProps, 'path' | 'defaultSwitchSelectorComponent' | 'type' | 'defaultChecked' | 'defaultValue'>;
+export declare type RadioGroupContextValue = {
+    name: string | undefined;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
+    value: string | undefined;
+};
+export declare type RadioGroupProps = {
+    defaultValue?: string;
+    value?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    name?: string;
+    children?: React.ReactNode;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'value' | 'name'>;
+//# sourceMappingURL=types.d.ts.map

package/cjs/radio-button/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/radio-button/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,mBAAmB,EAAE,eAAe,EAAC,MAAM,sBAAsB,CAAC;AAE1E,oBAAY,oBAAoB,GAAG,mBAAmB,CAAC;AAEvD,oBAAY,gBAAgB,GAAG,IAAI,CACjC,eAAe,EACb,MAAM,GACN,gCAAgC,GAChC,MAAM,GACN,gBAAgB,GAChB,cAAc,CACjB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9E,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC"}

package/cjs/radio-button/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/cjs/radio-button/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/radio-button/types.ts"],"names":[],"mappings":""}

package/cjs/select/index.d.ts

@@ -1,4 +1,4 @@
-export * from './select';
-export * from './select-option';
+export { Select } from './select';
+export { SelectOption } from './select-option';
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/cjs/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,cAAc,SAAS,CAAC"}

package/cjs/select/index.js

@@ -10,7 +10,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./select"), exports);
-__exportStar(require("./select-option"), exports);
+exports.SelectOption = exports.Select = void 0;
+var select_1 = require("./select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return select_1.Select; } });
+var select_option_1 = require("./select-option");
+Object.defineProperty(exports, "SelectOption", { enumerable: true, get: function () { return select_option_1.SelectOption; } });
 __exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/cjs/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,kDAAgC;AAChC,0CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mCAAgC;AAAxB,gGAAA,MAAM,OAAA;AACd,iDAA6C;AAArC,6GAAA,YAAY,OAAA;AACpB,0CAAwB"}

package/cjs/select/select-panel.d.ts

@@ -9,9 +9,6 @@ interface SelectPanelProps {
     top: number;
     left: number;
     size: ButtonSelectSize;
-    getItemProps: Function;
-    selectedItem?: React.ReactElement<SelectOptionProps>;
-    highlightedIndex?: number;
     overrides?: {
         panel?: SelectPanelOverrides;
         modal?: Override<ModalProps>;
@@ -21,6 +18,13 @@ interface SelectPanelProps {
     buttonRef: React.RefObject<HTMLButtonElement>;
     closeMenu: Function;
 }
+export declare const StyledOptionWithPrivateProps: React.ForwardRefExoticComponent<Pick<SelectOptionProps & StyledOptionPrivateProps, "$size" | "$focused" | "$selected" | keyof SelectOptionProps> & React.RefAttributes<HTMLDivElement>>;
 export declare const SelectPanel: React.ForwardRefExoticComponent<SelectPanelProps & React.RefAttributes<HTMLDivElement>>;
+interface StyledOptionPrivateProps {
+    ref: React.Ref<HTMLDivElement>;
+    $size: ButtonSelectSize;
+    $focused?: boolean;
+    $selected?: boolean;
+}
 export {};
 //# sourceMappingURL=select-panel.d.ts.map

package/cjs/select/select-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-panel.d.ts","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EAElB,MAAM,SAAS,CAAC;AAYjB,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAwB,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAGnE,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,gBAAgB,CAAC;IACvB,YAAY,EAAE,QAAQ,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,oBAAoB,CAAC;QAC7B,KAAK,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;KAC9B,CAAC;IACF,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAClD,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,SAAS,EAAE,QAAQ,CAAC;CACrB;AA0CD,eAAO,MAAM,WAAW,yFAoHvB,CAAC"}
+{"version":3,"file":"select-panel.d.ts","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EAElB,MAAM,SAAS,CAAC;AAYjB,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAwB,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAGnE,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,gBAAgB,CAAC;IACvB,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,oBAAoB,CAAC;QAC7B,KAAK,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;KAC9B,CAAC;IACF,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAClD,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,SAAS,EAAE,QAAQ,CAAC;CACrB;AAID,eAAO,MAAM,4BAA4B,yLAoCvC,CAAC;AAEH,eAAO,MAAM,WAAW,yFAyFvB,CAAC;AAEF,UAAU,wBAAwB;IAChC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/cjs/select/select-panel.js

@@ -25,7 +25,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectPanel = void 0;
+exports.SelectPanel = exports.StyledOptionWithPrivateProps = void 0;
 var react_1 = __importDefault(require("react"));
 var styled_1 = require("./styled");
 var screen_reader_only_1 = require("../screen-reader-only");
@@ -37,7 +37,7 @@ var modal_1 = require("../modal");
 var overrides_1 = require("../utils/overrides");
 var utils_1 = require("./utils");
 var DefaultModal = modal_1.Modal;
-var StyledOptionWithPrivateProps = react_1.default.forwardRef(function (props, inputRef) {
+exports.StyledOptionWithPrivateProps = react_1.default.forwardRef(function (props, inputRef) {
     var $size = props.$size, $selected = props.$selected, $focused = props.$focused, selectedIcon = props.selectedIcon, overrides = props.overrides;
     var theme = (0, theme_1.useTheme)();
     var iconSize = (0, get_token_1.getToken)({ theme: theme }, "selectOption.".concat($size, ".icon"), '', 'iconSize');
@@ -48,7 +48,7 @@ var StyledOptionWithPrivateProps = react_1.default.forwardRef(function (props, i
         $selected && (react_1.default.createElement(styled_1.StyledOptionIcon, { "$size": $size, "$selected": $selected, "$focused": $focused }, selectedIcon || react_1.default.createElement(icons_1.IconFilledCheck, { overrides: { size: iconSize } })))));
 });
 exports.SelectPanel = react_1.default.forwardRef(function (props, panelRef) {
-    var isOpen = props.isOpen, width = props.width, height = props.height, top = props.top, left = props.left, size = props.size, children = props.children, getItemProps = props.getItemProps, selectedItem = props.selectedItem, highlightedIndex = props.highlightedIndex, buttonRef = props.buttonRef, renderInModal = props.renderInModal, closeMenu = props.closeMenu, overrides = props.overrides, restProps = __rest(props, ["isOpen", "width", "height", "top", "left", "size", "children", "getItemProps", "selectedItem", "highlightedIndex", "buttonRef", "renderInModal", "closeMenu", "overrides"]);
+    var isOpen = props.isOpen, width = props.width, height = props.height, top = props.top, left = props.left, size = props.size, children = props.children, buttonRef = props.buttonRef, renderInModal = props.renderInModal, closeMenu = props.closeMenu, overrides = props.overrides, restProps = __rest(props, ["isOpen", "width", "height", "top", "left", "size", "children", "buttonRef", "renderInModal", "closeMenu", "overrides"]);
     var listDescriptionId = (0, hooks_1.useReactKeys)(1)[0];
     var theme = (0, theme_1.useTheme)();
     var modalOverrides = (0, utils_1.getModalOverrides)({
@@ -56,15 +56,7 @@ exports.SelectPanel = react_1.default.forwardRef(function (props, panelRef) {
         size: size,
         overrides: overrides === null || overrides === void 0 ? void 0 : overrides.modal,
     });
-    var optionsAsChildren = isOpen &&
-        react_1.default.Children.map(children, function (child, index) {
-            var downshiftOptionProps = getItemProps({
-                item: child,
-                index: index,
-            });
-            var combinedProps = __assign(__assign({}, downshiftOptionProps), child.props);
-            return (react_1.default.createElement(StyledOptionWithPrivateProps, __assign({ "$focused": highlightedIndex === index, "$selected": selectedItem === child, "$size": size }, combinedProps)));
-        });
+    var optionsAsChildren = isOpen && children;
     var screenReaderOnlyMessage = isOpen && (react_1.default.createElement(screen_reader_only_1.ScreenReaderOnly, { id: listDescriptionId }, "Press down arrow key to navigate to the first item"));
     if (renderInModal && !isOpen) {
         // this is needed for downshift in order to work properly

package/cjs/select/select-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-panel.js","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"select-panel.js","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"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"}

package/cjs/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAuNpC,eAAO,MAAM,MAAM,+DAKlB,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAC,WAAW,EAAoB,MAAM,SAAS,CAAC;AAwPvD,eAAO,MAAM,MAAM,+DAKlB,CAAC"}

package/cjs/select/select.js

@@ -56,13 +56,14 @@ var with_own_theme_1 = require("../utils/with-own-theme");
 var utils_1 = require("./utils");
 var context_1 = require("../utils/hooks/use-media-query/context");
 var use_media_query_1 = require("../utils/hooks/use-media-query");
+var use_virtualized_list_1 = require("./use-virtualized-list");
 var ThemelessSelect = react_1.default.forwardRef(function (props, inputRef) {
-    var overrides = props.overrides, _a = props.placeholder, placeholder = _a === void 0 ? 'Select Option' : _a, state = props.state, startEnhancer = props.startEnhancer, endEnhancer = props.endEnhancer, validationIcon = props.validationIcon, onBlur = props.onBlur, onFocus = props.onFocus, onChange = props.onChange, _b = props.size, size = _b === void 0 ? 'medium' : _b, loading = props.loading, children = props.children, _c = props.useModal, useModal = _c === void 0 ? {} : _c, restProps = __rest(props, ["overrides", "placeholder", "state", "startEnhancer", "endEnhancer", "validationIcon", "onBlur", "onFocus", "onChange", "size", "loading", "children", "useModal"]);
+    var overrides = props.overrides, _a = props.placeholder, placeholder = _a === void 0 ? 'Select Option' : _a, state = props.state, startEnhancer = props.startEnhancer, endEnhancer = props.endEnhancer, validationIcon = props.validationIcon, onBlur = props.onBlur, onFocus = props.onFocus, onChange = props.onChange, _b = props.size, size = _b === void 0 ? 'medium' : _b, loading = props.loading, children = props.children, _c = props.useModal, useModal = _c === void 0 ? {} : _c, _d = props.virtualized, virtualized = _d === void 0 ? 50 : _d, restProps = __rest(props, ["overrides", "placeholder", "state", "startEnhancer", "endEnhancer", "validationIcon", "onBlur", "onFocus", "onChange", "size", "loading", "children", "useModal", "virtualized"]);
     var selectRef = (0, react_1.useRef)(null);
     var localInputRef = (0, react_1.useRef)(null);
     var panelRef = (0, react_1.useRef)(null);
     var renderInModal = (0, utils_1.shouldRenderInModal)(useModal, (0, use_media_query_1.useBreakpointKey)());
-    var _d = react_1.default.useState(false), isFocused = _d[0], setIsFocused = _d[1];
+    var _e = react_1.default.useState(false), isFocused = _e[0], setIsFocused = _e[1];
     var onSelectButtonFocus = react_1.default.useCallback(function (event) {
         setIsFocused(true);
         if (onFocus) {
@@ -100,7 +101,7 @@ var ThemelessSelect = react_1.default.forwardRef(function (props, inputRef) {
             });
         }
     }, [onChange]);
-    var _e = react_1.default.useState(-1), highlightedIndex = _e[0], setHighlightedIndex = _e[1];
+    var _f = react_1.default.useState(-1), highlightedIndex = _f[0], setHighlightedIndex = _f[1];
     var onHighlightedIndexChange = function (indexChangeEvent) {
         // istanbul ignore else
         if (indexChangeEvent.type !== '__item_mouse_move__') {
@@ -111,7 +112,7 @@ var ThemelessSelect = react_1.default.forwardRef(function (props, inputRef) {
     // istanbul ignore next
     var itemToString = function (item) { var _a, _b; return ((_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a['aria-label']) || ((_b = item === null || item === void 0 ? void 0 : item.props) === null || _b === void 0 ? void 0 : _b.value); };
     /* eslint-enable @typescript-eslint/no-explicit-any */
-    var _f = (0, downshift_1.useSelect)(__assign({ items: children, defaultSelectedItem: defaultSelectedItem, onSelectedItemChange: onInputChange, itemToString: itemToString, onHighlightedIndexChange: onHighlightedIndexChange, stateReducer: function (_, actionAndChanges) {
+    var _g = (0, downshift_1.useSelect)(__assign({ items: children, defaultSelectedItem: defaultSelectedItem, onSelectedItemChange: onInputChange, itemToString: itemToString, onHighlightedIndexChange: onHighlightedIndexChange, stateReducer: function (_, actionAndChanges) {
             var type = actionAndChanges.type, changes = actionAndChanges.changes;
             // Does not close panel in the case we are rendering panel inside a modal
             if (renderInModal && type === downshift_1.useSelect.stateChangeTypes.MenuBlur) {
@@ -120,21 +121,51 @@ var ThemelessSelect = react_1.default.forwardRef(function (props, inputRef) {
             return changes;
         } }, (programmaticallySelectedItem
         ? { selectedItem: programmaticallySelectedItem }
-        : {}))), isOpen = _f.isOpen, selectedItem = _f.selectedItem, getToggleButtonProps = _f.getToggleButtonProps, getMenuProps = _f.getMenuProps, getItemProps = _f.getItemProps, openMenu = _f.openMenu, closeMenu = _f.closeMenu;
-    var _g = react_1.default.useState(true), allowBlur = _g[0], setAllowBlur = _g[1];
+        : {}))), isOpen = _g.isOpen, selectedItem = _g.selectedItem, getToggleButtonProps = _g.getToggleButtonProps, getMenuProps = _g.getMenuProps, getItemProps = _g.getItemProps, openMenu = _g.openMenu, closeMenu = _g.closeMenu;
+    var _h = (0, use_virtualized_list_1.useVirtualizedList)({
+        items: react_1.default.Children.toArray(children),
+        listRef: panelRef,
+        getItemProps: getItemProps,
+        limit: virtualized,
+        highlightedIndex: highlightedIndex,
+        selectedItem: selectedItem,
+        size: size,
+        isOpen: isOpen,
+    }), optionsAsChildren = _h.children, scrollToIndex = _h.scrollToIndex;
+    (0, react_1.useEffect)(function () {
+        if (highlightedIndex)
+            scrollToIndex(highlightedIndex);
+    }, [highlightedIndex, scrollToIndex]);
+    var _j = react_1.default.useState(true), allowBlur = _j[0], setAllowBlur = _j[1];
     var onSelectButtonBlur = react_1.default.useCallback(function (event) {
         if (onBlur && allowBlur) {
             onBlur(event);
         }
         setIsFocused(false);
     }, [allowBlur, onBlur]);
-    var _h = getToggleButtonProps(), downshiftButtonPropsRef = _h.ref, downshiftButtonPropsExceptRef = __rest(_h, ["ref"]);
+    var _k = getToggleButtonProps(), downshiftButtonPropsRef = _k.ref, downshiftButtonPropsExceptRef = __rest(_k, ["ref"]);
     delete downshiftButtonPropsExceptRef['aria-labelledby']; // deleting because FormInput provides these props
-    var _j = getMenuProps(), downshiftMenuPropsRef = _j.ref, downshiftMenuPropsExceptRef = __rest(_j, ["ref"]);
-    var _k = (selectRef && selectRef.current) || {}, _l = _k.clientWidth, width = _l === void 0 ? 0 : _l, _m = _k.offsetTop, top = _m === void 0 ? 0 : _m, _o = _k.clientHeight, height = _o === void 0 ? 0 : _o, _p = _k.offsetLeft, left = _p === void 0 ? 0 : _p;
+    var _l = getMenuProps(), downshiftMenuPropsRef = _l.ref, downshiftMenuPropsExceptRef = __rest(_l, ["ref"]);
+    var _m = (0, react_1.useState)({
+        width: 0,
+        top: 0,
+        height: 0,
+        left: 0,
+    }), _o = _m[0], width = _o.width, top = _o.top, height = _o.height, left = _o.left, setSelectRect = _m[1];
+    (0, react_1.useEffect)(function () {
+        if (isOpen && selectRef.current) {
+            var _a = selectRef.current, clientWidth = _a.clientWidth, offsetTop = _a.offsetTop, clientHeight = _a.clientHeight, offsetLeft = _a.offsetLeft;
+            setSelectRect({
+                width: clientWidth,
+                top: offsetTop,
+                height: clientHeight,
+                left: offsetLeft,
+            });
+        }
+    }, [isOpen, selectRef]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(select_button_1.SelectButton, __assign({ size: size, placeholder: placeholder, isFocused: isFocused, loading: loading, state: state, selectedItem: selectedItem, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.button, startEnhancer: startEnhancer, endEnhancer: endEnhancer, validationIcon: validationIcon, setAllowBlur: setAllowBlur, onSelectButtonBlur: onSelectButtonBlur, onSelectButtonFocus: onSelectButtonFocus, openMenu: openMenu, itemToString: itemToString, ref: (0, compose_react_refs_1.default)(localInputRef, downshiftButtonPropsRef, inputRef), selectRef: selectRef }, downshiftButtonPropsExceptRef, restProps)),
-        react_1.default.createElement(select_panel_1.SelectPanel, __assign({ isOpen: isOpen, overrides: overrides, width: width, height: height, top: top, left: left, size: size, selectedItem: selectedItem, highlightedIndex: highlightedIndex, getItemProps: getItemProps, buttonRef: localInputRef, renderInModal: renderInModal, closeMenu: closeMenu }, downshiftMenuPropsExceptRef, { ref: (0, compose_react_refs_1.default)(panelRef, downshiftMenuPropsRef) }), children)));
+        react_1.default.createElement(select_panel_1.SelectPanel, __assign({ isOpen: isOpen, overrides: overrides, width: width, height: height, top: top, left: left, size: size, buttonRef: localInputRef, renderInModal: renderInModal, closeMenu: closeMenu }, downshiftMenuPropsExceptRef, { ref: (0, compose_react_refs_1.default)(panelRef, downshiftMenuPropsRef) }), optionsAsChildren)));
 });
 ThemelessSelect.displayName = 'Select';
 exports.Select = (0, context_1.withMediaQueryProvider)((0, with_own_theme_1.withOwnTheme)(ThemelessSelect)({

package/cjs/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"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"}

package/cjs/select/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/select/styled.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAC,gBAAgB,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAC;AAa/D,eAAO,MAAM,iBAAiB;;;;;kBAWZ,MAAM;;yGAQvB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;WACtB,gBAAgB;;qHA2BxB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;WACxB,gBAAgB;;YAEf,MAAM;yGASf,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAEzB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;qHAEpC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;WACrB,gBAAgB;;;;aAId,OAAO;;yGAgCjB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAI5B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;yGAoCxB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;WACpB,gBAAgB;;;yGAYxB,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/select/styled.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAC,gBAAgB,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAC;AAa/D,eAAO,MAAM,iBAAiB;;;;;kBAWZ,MAAM;;yGAQvB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;WACtB,gBAAgB;;qHA2BxB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;WACxB,gBAAgB;;YAEf,MAAM;yGASf,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAEzB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;qHAEpC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;WACrB,gBAAgB;;;;aAId,OAAO;;yGAkCjB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAK5B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;yGAoCxB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;WACpB,gBAAgB;;;yGAYxB,CAAC"}

package/cjs/select/styled.js

@@ -16,6 +16,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledOptionIcon = exports.StyledOption = exports.StyledModalPanel = exports.StyledSelectPanel = exports.StyledDropdownIconButton = exports.StyledIconBox = exports.StyledButtonContents = exports.StyledSelectButton = exports.StyledButtonIcons = void 0;
+var logical_properties_1 = require("../utils/logical-properties");
 var style_1 = require("../utils/style");
 var generateCursor = function (disabled, $loading) {
     if ($loading) {
@@ -59,12 +60,15 @@ exports.StyledButtonContents = style_1.styled.div(templateObject_3 || (templateO
 });
 exports.StyledIconBox = style_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
 exports.StyledDropdownIconButton = style_1.styled.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  all: unset;\n"], ["\n  all: unset;\n"])));
-exports.StyledSelectPanel = style_1.styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: absolute;\n  height: auto;\n  overflow-x: hidden;\n  overflow-y: auto;\n  box-sizing: border-box;\n  outline: none;\n  z-index: 1;\n\n  ", "\n\n  ", "\n\n  ", "\n  ", "\n  ", "\n  \n  ", "\n\n  ", ";\n\n  ", ";\n"], ["\n  position: absolute;\n  height: auto;\n  overflow-x: hidden;\n  overflow-y: auto;\n  box-sizing: border-box;\n  outline: none;\n  z-index: 1;\n\n  ", "\n\n  ", "\n\n  ", "\n  ", "\n  ", "\n  \n  ", "\n\n  ", ";\n\n  ", ";\n"])), function (_a) {
+exports.StyledSelectPanel = style_1.styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: absolute;\n  height: auto;\n  overflow-x: hidden;\n  overflow-y: auto;\n  box-sizing: border-box;\n  outline: none;\n  z-index: 1;\n\n  ", "\n\n  ", "\n\n  ", ";\n\n  ", "\n  ", "\n  ", "\n  \n  ", "\n\n  ", ";\n\n  ", ";\n"], ["\n  position: absolute;\n  height: auto;\n  overflow-x: hidden;\n  overflow-y: auto;\n  box-sizing: border-box;\n  outline: none;\n  z-index: 1;\n\n  ", "\n\n  ", "\n\n  ", ";\n\n  ", "\n  ", "\n  ", "\n  \n  ", "\n\n  ", ";\n\n  ", ";\n"])), function (_a) {
     var $size = _a.$size;
     return (0, style_1.getResponsiveSpace)("marginTop", "select.".concat($size, ".panel"), '', 'spaceStack');
 }, function (_a) {
     var $size = _a.$size;
     return (0, style_1.getResponsiveSpace)(function (space) { return ({ paddingTop: space, paddingBottom: space }); }, "select.".concat($size, ".panel"), '', 'spaceInset');
+}, function (_a) {
+    var $size = _a.$size;
+    return (0, logical_properties_1.logicalProps)("select.".concat($size, ".panel"));
 }, function (_a) {
     var $width = _a.$width;
     return "width: ".concat($width, "px;");
@@ -84,7 +88,7 @@ exports.StyledSelectPanel = style_1.styled.div(templateObject_6 || (templateObje
     var $size = _a.$size;
     return (0, style_1.getResponsiveSize)('maxHeight', "select.".concat($size, ".panel"), '', 'maxHeight');
 });
-exports.StyledModalPanel = style_1.styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  overflow-x: hidden;\n  overflow-y: auto;\n  max-height: 100%;\n"], ["\n  overflow-x: hidden;\n  overflow-y: auto;\n  max-height: 100%;\n"])));
+exports.StyledModalPanel = style_1.styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: relative;\n  overflow-x: hidden;\n  overflow-y: auto;\n  max-height: 100%;\n"], ["\n  position: relative;\n  overflow-x: hidden;\n  overflow-y: auto;\n  max-height: 100%;\n"])));
 exports.StyledOption = style_1.styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  overflow: hidden;\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n\n  * {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  ", ";\n\n  ", ";\n\n  ", "\n\n  ", "\n\n    ", "\n"], ["\n  display: flex;\n  width: 100%;\n  overflow: hidden;\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n\n  * {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  ", ";\n\n  ", ";\n\n  ", "\n\n  ", "\n\n    ", "\n"])), function (_a) {
     var $spaceInline = _a.$spaceInline;
     return $spaceInline ? (0, style_1.getSpacingCssFromTheme)('columnGap', $spaceInline) : null;