@coveord/plasma-mantine 59.1.2 → 59.3.0

package/dist/cjs/components/Combobox/PlasmaComboboxChevron.d.ts

@@ -0,0 +1,7 @@
+export declare const PlasmaComboboxChevron: import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    children?: never;
+    fill?: string;
+    viewBox?: string;
+    xmlns?: string;
+} & import("react").RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=PlasmaComboboxChevron.d.ts.map

package/dist/cjs/components/Combobox/PlasmaComboboxChevron.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlasmaComboboxChevron.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/PlasmaComboboxChevron.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,qBAAqB;eAVnB,KAAK;WAKT,MAAM;cACH,MAAM;YACR,MAAM;iDAcjB,CAAC"}

package/dist/cjs/components/Combobox/PlasmaComboboxChevron.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PlasmaComboboxChevron", {
+    enumerable: true,
+    get: function() {
+        return PlasmaComboboxChevron;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _to_array = require("@swc/helpers/_/_to_array");
+var _jsxruntime = require("react/jsx-runtime");
+var _plasmareacticons = require("@coveord/plasma-react-icons");
+var _clsx = /*#__PURE__*/ _interop_require_default._(require("clsx"));
+var _react = require("react");
+var _PlasmaComboboxChevronmodulecss = /*#__PURE__*/ _interop_require_default._(require("./PlasmaComboboxChevron.module.css"));
+var PlasmaComboboxChevron = /*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
+    var _ref = [
+        _0,
+        _1
+    ], _ref1 = _to_array._(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), _children = _ref2.children, className = _ref2.className, _fill = _ref2.fill, _viewBox = _ref2.viewBox, _xmlns = _ref2.xmlns, props = _object_without_properties._(_ref2, [
+        "children",
+        "className",
+        "fill",
+        "viewBox",
+        "xmlns"
+    ]), _rest1 = _sliced_to_array._(_rest, 1), ref = _rest1[0];
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconChevronDown, _object_spread_props._(_object_spread._({}, props), {
+        ref: ref,
+        className: (0, _clsx.default)(_PlasmaComboboxChevronmodulecss.default.root, className),
+        "data-plasma-combobox-chevron": true,
+        size: 16,
+        "aria-hidden": "true"
+    }));
+});
+PlasmaComboboxChevron.displayName = 'PlasmaComboboxChevron';
+
+//# sourceMappingURL=PlasmaComboboxChevron.js.map

package/dist/cjs/components/Combobox/PlasmaComboboxChevron.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Combobox/PlasmaComboboxChevron.tsx"],"sourcesContent":["import {IconChevronDown} from '@coveord/plasma-react-icons';\nimport clsx from 'clsx';\nimport {ComponentPropsWithoutRef, forwardRef} from 'react';\nimport classes from './PlasmaComboboxChevron.module.css';\n\ntype PlasmaComboboxChevronProps = ComponentPropsWithoutRef<'svg'> & {\n    children?: never;\n    /* Mantine's ComboboxChevron renders an svg by default and forwards these svg props\n     * to the override component. We declare them here so we can strip them before\n     * rendering IconChevronDown, which should keep Tabler's own svg attributes.\n     */\n    fill?: string;\n    viewBox?: string;\n    xmlns?: string;\n};\n\nexport const PlasmaComboboxChevron = forwardRef<SVGSVGElement, PlasmaComboboxChevronProps>(\n    ({children: _children, className, fill: _fill, viewBox: _viewBox, xmlns: _xmlns, ...props}, ref) => (\n        <IconChevronDown\n            {...props}\n            ref={ref}\n            className={clsx(classes.root, className)}\n            data-plasma-combobox-chevron\n            size={16}\n            aria-hidden=\"true\"\n        />\n    ),\n);\n\nPlasmaComboboxChevron.displayName = 'PlasmaComboboxChevron';\n"],"names":["PlasmaComboboxChevron","forwardRef","children","_children","className","fill","_fill","viewBox","_viewBox","xmlns","_xmlns","props","ref","IconChevronDown","clsx","classes","root","data-plasma-combobox-chevron","size","aria-hidden","displayName"],"mappings":";;;;+BAgBaA;;;eAAAA;;;;;;;;;;gCAhBiB;6DACb;qBACkC;uFAC/B;AAab,IAAMA,sCAAwBC,IAAAA,iBAAU,EAC3C;;;;4EAAEC,AAAUC,kBAAVD,UAAqBE,kBAAAA,WAAWC,AAAMC,cAAND,MAAaE,AAASC,iBAATD,SAAmBE,AAAOC,eAAPD,OAAkBE;;;;;;+CAAQC;yBACxF,qBAACC,iCAAe,8CACRF;QACJC,KAAKA;QACLR,WAAWU,IAAAA,aAAI,EAACC,uCAAO,CAACC,IAAI,EAAEZ;QAC9Ba,8BAA4B;QAC5BC,MAAM;QACNC,eAAY;;;AAKxBnB,sBAAsBoB,WAAW,GAAG"}

package/dist/cjs/components/Combobox/PlasmaComboboxChevron.module.css

@@ -0,0 +1,7 @@
+.root {
+    display: block;
+    transform: rotate(0deg);
+    transition-property: transform;
+    transition-timing-function: var(--coveo-transition-function);
+    transition-duration: var(--coveo-transition-duration);
+}

package/dist/cjs/components/InfoToken/InfoToken.module.css

@@ -6,7 +6,7 @@
 
     &[data-variant='light'] {
         background-color: var(--it-bg);
-        border-radius: var(--mantine-spacing-xxs);
+        border-radius: var(--mantine-radius-sm);
         padding: var(--mantine-spacing-xs);
 
         &[data-size='xs'] {

package/dist/cjs/components/Input/InputLabelInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputLabelInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputLabelInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,cAAc,EAAgC,KAAK,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AACrH,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAIrC,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;AAEpD,MAAM,WAAW,mBACb,SACI,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,YAAY,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC,EAC7E,cAAc,CAAC,qBAAqB,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC;IACxC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,GAAG,EAAE,eAAe,CAAC;IACrB,WAAW,EAAE,yBAAyB,CAAC;CAC1C,CAAC,CAAC;AAIH,eAAO,MAAM,cAAc;WAPhB,mBAAmB;SACrB,eAAe;iBACP,yBAAyB;EAyBxC,CAAC"}
+{"version":3,"file":"InputLabelInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputLabelInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,cAAc,EAAgC,KAAK,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AACrH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;AAEpD,MAAM,WAAW,mBACb,SACI,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,YAAY,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC,EAC7E,cAAc,CAAC,qBAAqB,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC;IACxC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,GAAG,EAAE,eAAe,CAAC;IACrB,WAAW,EAAE,yBAAyB,CAAC;CAC1C,CAAC,CAAC;AAIH,eAAO,MAAM,cAAc;WAPhB,mBAAmB;SACrB,eAAe;iBACP,yBAAyB;EA8BxC,CAAC"}

package/dist/cjs/components/Input/InputLabelInfo.js

@@ -50,7 +50,10 @@ var InputLabelInfo = (0, _core.factory)(function(_props, ref) {
             className: className,
             style: style
         })), {
-            ref: ref
+            ref: ref,
+            onClick: function onClick(e) {
+                return e.preventDefault();
+            }
         }))
     }));
 });

package/dist/cjs/components/Input/InputLabelInfo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Input/InputLabelInfo.tsx"],"sourcesContent":["import {factory, StylesApiProps, Tooltip, useProps, useStyles, type Factory, type TooltipProps} from '@mantine/core';\nimport {type ReactNode} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\nimport classes from './InputLabelInfo.module.css';\n\nexport type InputLabelInfoStylesNames = 'labelInfo';\n\nexport interface InputLabelInfoProps\n    extends\n        Omit<TooltipProps, 'label' | 'classNames' | 'attributes' | 'styles' | 'vars'>,\n        StylesApiProps<InputLabelInfoFactory> {\n    children: ReactNode;\n}\n\nexport type InputLabelInfoFactory = Factory<{\n    props: InputLabelInfoProps;\n    ref: HTMLSpanElement;\n    stylesNames: InputLabelInfoStylesNames;\n}>;\n\nconst defaultProps = {} satisfies Partial<InputLabelInfoProps>;\n\nexport const InputLabelInfo = factory<InputLabelInfoFactory>((_props, ref) => {\n    const props = useProps('InputLabelInfo', defaultProps, _props);\n    const {classNames, className, style, styles, unstyled, vars, children, attributes, ...others} = props;\n    const getStyles = useStyles<InputLabelInfoFactory>({\n        name: 'InputLabelInfo',\n        props,\n        style,\n        styles,\n        unstyled,\n        attributes,\n        className,\n        classes,\n        classNames,\n        vars,\n    });\n    return (\n        <Tooltip label={children} {...others}>\n            <InfoToken.Information component=\"span\" {...getStyles('labelInfo', {className, style})} ref={ref} />\n        </Tooltip>\n    );\n});\n"],"names":["InputLabelInfo","defaultProps","factory","_props","ref","props","useProps","classNames","className","style","styles","unstyled","vars","children","attributes","others","getStyles","useStyles","name","classes","Tooltip","label","InfoToken","Information","component"],"mappings":";;;;+BAsBaA;;;eAAAA;;;;;;;;oBAtBwF;yBAE7E;gFACJ;AAiBpB,IAAMC,eAAe,CAAC;AAEf,IAAMD,iBAAiBE,IAAAA,aAAO,EAAwB,SAACC,QAAQC;IAClE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,kBAAkBL,cAAcE;IACvD,IAAOI,aAAyFF,MAAzFE,YAAYC,YAA6EH,MAA7EG,WAAWC,QAAkEJ,MAAlEI,OAAOC,SAA2DL,MAA3DK,QAAQC,WAAmDN,MAAnDM,UAAUC,OAAyCP,MAAzCO,MAAMC,WAAmCR,MAAnCQ,UAAUC,aAAyBT,MAAzBS,YAAeC,sCAAUV;;;;;;;;;;IAChG,IAAMW,YAAYC,IAAAA,eAAS,EAAwB;QAC/CC,MAAM;QACNb,OAAAA;QACAI,OAAAA;QACAC,QAAAA;QACAC,UAAAA;QACAG,YAAAA;QACAN,WAAAA;QACAW,SAAAA,gCAAO;QACPZ,YAAAA;QACAK,MAAAA;IACJ;IACA,qBACI,qBAACQ,aAAO;QAACC,OAAOR;OAAcE;kBAC1B,cAAA,qBAACO,oBAAS,CAACC,WAAW;YAACC,WAAU;WAAWR,UAAU,aAAa;YAACR,WAAAA;YAAWC,OAAAA;QAAK;YAAIL,KAAKA;;;AAGzG"}
+{"version":3,"sources":["../../../../src/components/Input/InputLabelInfo.tsx"],"sourcesContent":["import {factory, StylesApiProps, Tooltip, useProps, useStyles, type Factory, type TooltipProps} from '@mantine/core';\nimport {type MouseEvent, type ReactNode} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\nimport classes from './InputLabelInfo.module.css';\n\nexport type InputLabelInfoStylesNames = 'labelInfo';\n\nexport interface InputLabelInfoProps\n    extends\n        Omit<TooltipProps, 'label' | 'classNames' | 'attributes' | 'styles' | 'vars'>,\n        StylesApiProps<InputLabelInfoFactory> {\n    children: ReactNode;\n}\n\nexport type InputLabelInfoFactory = Factory<{\n    props: InputLabelInfoProps;\n    ref: HTMLSpanElement;\n    stylesNames: InputLabelInfoStylesNames;\n}>;\n\nconst defaultProps = {} satisfies Partial<InputLabelInfoProps>;\n\nexport const InputLabelInfo = factory<InputLabelInfoFactory>((_props, ref) => {\n    const props = useProps('InputLabelInfo', defaultProps, _props);\n    const {classNames, className, style, styles, unstyled, vars, children, attributes, ...others} = props;\n    const getStyles = useStyles<InputLabelInfoFactory>({\n        name: 'InputLabelInfo',\n        props,\n        style,\n        styles,\n        unstyled,\n        attributes,\n        className,\n        classes,\n        classNames,\n        vars,\n    });\n    return (\n        <Tooltip label={children} {...others}>\n            <InfoToken.Information\n                component=\"span\"\n                {...getStyles('labelInfo', {className, style})}\n                ref={ref}\n                onClick={(e: MouseEvent) => e.preventDefault()}\n            />\n        </Tooltip>\n    );\n});\n"],"names":["InputLabelInfo","defaultProps","factory","_props","ref","props","useProps","classNames","className","style","styles","unstyled","vars","children","attributes","others","getStyles","useStyles","name","classes","Tooltip","label","InfoToken","Information","component","onClick","e","preventDefault"],"mappings":";;;;+BAsBaA;;;eAAAA;;;;;;;;oBAtBwF;yBAE7E;gFACJ;AAiBpB,IAAMC,eAAe,CAAC;AAEf,IAAMD,iBAAiBE,IAAAA,aAAO,EAAwB,SAACC,QAAQC;IAClE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,kBAAkBL,cAAcE;IACvD,IAAOI,aAAyFF,MAAzFE,YAAYC,YAA6EH,MAA7EG,WAAWC,QAAkEJ,MAAlEI,OAAOC,SAA2DL,MAA3DK,QAAQC,WAAmDN,MAAnDM,UAAUC,OAAyCP,MAAzCO,MAAMC,WAAmCR,MAAnCQ,UAAUC,aAAyBT,MAAzBS,YAAeC,sCAAUV;;;;;;;;;;IAChG,IAAMW,YAAYC,IAAAA,eAAS,EAAwB;QAC/CC,MAAM;QACNb,OAAAA;QACAI,OAAAA;QACAC,QAAAA;QACAC,UAAAA;QACAG,YAAAA;QACAN,WAAAA;QACAW,SAAAA,gCAAO;QACPZ,YAAAA;QACAK,MAAAA;IACJ;IACA,qBACI,qBAACQ,aAAO;QAACC,OAAOR;OAAcE;kBAC1B,cAAA,qBAACO,oBAAS,CAACC,WAAW;YAClBC,WAAU;WACNR,UAAU,aAAa;YAACR,WAAAA;YAAWC,OAAAA;QAAK;YAC5CL,KAAKA;YACLqB,SAAS,SAATA,QAAUC;uBAAkBA,EAAEC,cAAc;;;;AAI5D"}

package/dist/cjs/components/Input/InputLabelInfo.module.css

@@ -2,4 +2,5 @@
     position: relative; /* Required to make it work within a Switch label */
     margin-left: var(--mantine-spacing-xxs);
     vertical-align: text-bottom;
+    pointer-events: auto;
 }

package/dist/cjs/components/RadioCard/RadioCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioCard.d.ts","sourceRoot":"","sources":["../../../../src/components/RadioCard/RadioCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,cAAc,IAAI,qBAAqB,EACvC,oBAAoB,IAAI,2BAA2B,EAEnD,qBAAqB,EACrB,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,oBAAoB,GAAG,2BAA2B,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAAC;AACrH,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,cAAc,CAAC;IACtB,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,oBAAoB,CAAC;IAClC,IAAI,EAAE,qBAAqB,CAAC;CAC/B,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,qBAAqB,GAC9C,cAAc,CAAC,gBAAgB,CAAC,GAAG;IAC/B;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAIN,eAAO,MAAM,SAAS;WA5BX,cAAc;SAChB,iBAAiB;iBACT,oBAAoB;UAC3B,qBAAqB;EA0D7B,CAAC"}
+{"version":3,"file":"RadioCard.d.ts","sourceRoot":"","sources":["../../../../src/components/RadioCard/RadioCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,OAAO,EACP,cAAc,IAAI,qBAAqB,EACvC,oBAAoB,IAAI,2BAA2B,EAEnD,qBAAqB,EAErB,cAAc,EAKjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIhC,MAAM,MAAM,oBAAoB,GAAG,2BAA2B,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAAC;AACrH,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,cAAc,CAAC;IACtB,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,oBAAoB,CAAC;IAClC,IAAI,EAAE,qBAAqB,CAAC;CAC/B,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,qBAAqB,GAC9C,cAAc,CAAC,gBAAgB,CAAC,GAAG;IAC/B;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAIN,eAAO,MAAM,SAAS;WA5BX,cAAc;SAChB,iBAAiB;iBACT,oBAAoB;UAC3B,qBAAqB;EAwE7B,CAAC"}

package/dist/cjs/components/RadioCard/RadioCard.js

@@ -15,9 +15,11 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _RadioCardmodulecss = /*#__PURE__*/ _interop_require_default._(require("../../styles/RadioCard.module.css"));
+var _Input = require("../Input/Input");
 var defaultProps = {};
 var RadioCard = (0, _core.factory)(function(_props, ref) {
-    var _useProps = (0, _core.useProps)('RadioCard', defaultProps, _props), classNames = _useProps.classNames, styles = _useProps.styles, style = _useProps.style, className = _useProps.className, vars = _useProps.vars, disabled = _useProps.disabled, label = _useProps.label, description = _useProps.description, disabledTooltip = _useProps.disabledTooltip, others = _object_without_properties._(_useProps, [
+    var _useProps = (0, _core.useProps)('RadioCard', defaultProps, _props), children = _useProps.children, classNames = _useProps.classNames, styles = _useProps.styles, style = _useProps.style, className = _useProps.className, vars = _useProps.vars, disabled = _useProps.disabled, label = _useProps.label, description = _useProps.description, disabledTooltip = _useProps.disabledTooltip, others = _object_without_properties._(_useProps, [
+        "children",
         "classNames",
         "styles",
         "style",
@@ -52,33 +54,31 @@ var RadioCard = (0, _core.factory)(function(_props, ref) {
             styles: styles
         }), others), {
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, _object_spread_props._(_object_spread._({}, getStyles('container', {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Radio.Indicator, _object_spread._({
+                    disabled: disabled
+                }, getStyles('indicator', {
+                    classNames: classNames,
+                    styles: styles
+                }))),
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Stack, _object_spread_props._(_object_spread._({}, getStyles('container', {
                     classNames: classNames,
                     styles: styles
                 })), {
                     children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Radio.Indicator, _object_spread._({
-                            size: "xs",
-                            disabled: disabled
-                        }, getStyles('indicator', {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.Input.Label, _object_spread_props._(_object_spread._({}, getStyles('title', {
                             classNames: classNames,
                             styles: styles
-                        }))),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Title, _object_spread_props._(_object_spread._({
-                            order: 4
-                        }, getStyles('title', {
+                        })), {
+                            children: label
+                        })),
+                        description && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.Input.Description, _object_spread_props._(_object_spread._({}, getStyles('description', {
                             classNames: classNames,
                             styles: styles
                         })), {
-                            children: label
-                        }))
+                            children: description
+                        })),
+                        children
                     ]
-                })),
-                description && /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({}, getStyles('description', {
-                    classNames: classNames,
-                    styles: styles
-                })), {
-                    children: description
                 }))
             ]
         }))

package/dist/cjs/components/RadioCard/RadioCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/RadioCard/RadioCard.tsx"],"sourcesContent":["import {\n    Box,\n    Factory,\n    Group,\n    RadioCardProps as MantineRadioCardProps,\n    RadioCardStylesNames as MantineRadioCardStylesNames,\n    Radio,\n    RadioCardCssVariables,\n    StylesApiProps,\n    Title,\n    Tooltip,\n    factory,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport classes from '../../styles/RadioCard.module.css';\n\nexport type RadioCardStylesNames = MantineRadioCardStylesNames | 'container' | 'indicator' | 'title' | 'description';\nexport type RadioCardFactory = Factory<{\n    props: RadioCardProps;\n    ref: HTMLButtonElement;\n    stylesNames: RadioCardStylesNames;\n    vars: RadioCardCssVariables;\n}>;\n\nexport type RadioCardProps = MantineRadioCardProps &\n    StylesApiProps<RadioCardFactory> & {\n        /**\n         * The label of the card. Appears next to the radio indicator.\n         */\n        label: ReactNode;\n        /**\n         * The description of the card. Appears under the title.\n         */\n        description?: ReactNode;\n        /**\n         * If true, the radio card will be displayed in a read-only state.\n         */\n        readOnly?: boolean;\n        /**\n         * The tooltip message to display when disabled\n         */\n        disabledTooltip?: string;\n    };\n\nconst defaultProps: Partial<RadioCardProps> = {};\n\nexport const RadioCard = factory<RadioCardFactory>((_props, ref) => {\n    const {classNames, styles, style, className, vars, disabled, label, description, disabledTooltip, ...others} =\n        useProps('RadioCard', defaultProps, _props);\n    const getStyles = useStyles<RadioCardFactory>({\n        name: 'RadioCard',\n        classes,\n        vars,\n        classNames,\n        className,\n        style,\n        props: _props,\n        styles,\n    });\n\n    return (\n        <Tooltip label={disabledTooltip} disabled={!disabled || !disabledTooltip}>\n            <Radio.Card\n                ref={ref}\n                disabled={disabled}\n                readOnly={_props.readOnly}\n                {...getStyles('card', {className, style, classNames, styles})}\n                {...others}\n            >\n                <Group {...getStyles('container', {classNames, styles})}>\n                    <Radio.Indicator size=\"xs\" disabled={disabled} {...getStyles('indicator', {classNames, styles})} />\n                    <Title order={4} {...getStyles('title', {classNames, styles})}>\n                        {label}\n                    </Title>\n                </Group>\n                {description && <Box {...getStyles('description', {classNames, styles})}>{description}</Box>}\n            </Radio.Card>\n        </Tooltip>\n    );\n});\nRadioCard.displayName = 'RadioCard';\n"],"names":["RadioCard","defaultProps","factory","_props","ref","useProps","classNames","styles","style","className","vars","disabled","label","description","disabledTooltip","others","getStyles","useStyles","name","classes","props","Tooltip","Radio","Card","readOnly","Group","Indicator","size","Title","order","Box","displayName"],"mappings":";;;;+BAgDaA;;;eAAAA;;;;;;;;oBAlCN;2EAEa;AA8BpB,IAAMC,eAAwC,CAAC;AAExC,IAAMD,YAAYE,IAAAA,aAAO,EAAmB,SAACC,QAAQC;IACxD,IACIC,YAAAA,IAAAA,cAAQ,EAAC,aAAaJ,cAAcE,SADjCG,aACHD,UADGC,YAAYC,SACfF,UADeE,QAAQC,QACvBH,UADuBG,OAAOC,YAC9BJ,UAD8BI,WAAWC,OACzCL,UADyCK,MAAMC,WAC/CN,UAD+CM,UAAUC,QACzDP,UADyDO,OAAOC,cAChER,UADgEQ,aAAaC,kBAC7ET,UAD6ES,iBAAoBC,sCACjGV;;;;;;;;;;;IACJ,IAAMW,YAAYC,IAAAA,eAAS,EAAmB;QAC1CC,MAAM;QACNC,SAAAA,2BAAO;QACPT,MAAAA;QACAJ,YAAAA;QACAG,WAAAA;QACAD,OAAAA;QACAY,OAAOjB;QACPI,QAAAA;IACJ;IAEA,qBACI,qBAACc,aAAO;QAACT,OAAOE;QAAiBH,UAAU,CAACA,YAAY,CAACG;kBACrD,cAAA,sBAACQ,WAAK,CAACC,IAAI;YACPnB,KAAKA;YACLO,UAAUA;YACVa,UAAUrB,OAAOqB,QAAQ;WACrBR,UAAU,QAAQ;YAACP,WAAAA;YAAWD,OAAAA;YAAOF,YAAAA;YAAYC,QAAAA;QAAM,IACvDQ;;8BAEJ,sBAACU,WAAK,8CAAKT,UAAU,aAAa;oBAACV,YAAAA;oBAAYC,QAAAA;gBAAM;;sCACjD,qBAACe,WAAK,CAACI,SAAS;4BAACC,MAAK;4BAAKhB,UAAUA;2BAAcK,UAAU,aAAa;4BAACV,YAAAA;4BAAYC,QAAAA;wBAAM;sCAC7F,qBAACqB,WAAK;4BAACC,OAAO;2BAAOb,UAAU,SAAS;4BAACV,YAAAA;4BAAYC,QAAAA;wBAAM;sCACtDK;;;;gBAGRC,6BAAe,qBAACiB,SAAG,8CAAKd,UAAU,eAAe;oBAACV,YAAAA;oBAAYC,QAAAA;gBAAM;8BAAKM;;;;;AAI1F;AACAb,UAAU+B,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/RadioCard/RadioCard.tsx"],"sourcesContent":["import {\n    Factory,\n    RadioCardProps as MantineRadioCardProps,\n    RadioCardStylesNames as MantineRadioCardStylesNames,\n    Radio,\n    RadioCardCssVariables,\n    Stack,\n    StylesApiProps,\n    Tooltip,\n    factory,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport classes from '../../styles/RadioCard.module.css';\nimport {Input} from '../Input/Input';\n\nexport type RadioCardStylesNames = MantineRadioCardStylesNames | 'container' | 'indicator' | 'title' | 'description';\nexport type RadioCardFactory = Factory<{\n    props: RadioCardProps;\n    ref: HTMLButtonElement;\n    stylesNames: RadioCardStylesNames;\n    vars: RadioCardCssVariables;\n}>;\n\nexport type RadioCardProps = MantineRadioCardProps &\n    StylesApiProps<RadioCardFactory> & {\n        /**\n         * The label of the card. Appears next to the radio indicator.\n         */\n        label: ReactNode;\n        /**\n         * The description of the card. Appears under the title.\n         */\n        description?: ReactNode;\n        /**\n         * If true, the radio card will be displayed in a read-only state.\n         */\n        readOnly?: boolean;\n        /**\n         * The tooltip message to display when disabled\n         */\n        disabledTooltip?: string;\n    };\n\nconst defaultProps: Partial<RadioCardProps> = {};\n\nexport const RadioCard = factory<RadioCardFactory>((_props, ref) => {\n    const {\n        children,\n        classNames,\n        styles,\n        style,\n        className,\n        vars,\n        disabled,\n        label,\n        description,\n        disabledTooltip,\n        ...others\n    } = useProps('RadioCard', defaultProps, _props);\n    const getStyles = useStyles<RadioCardFactory>({\n        name: 'RadioCard',\n        classes,\n        vars,\n        classNames,\n        className,\n        style,\n        props: _props,\n        styles,\n    });\n\n    return (\n        <Tooltip label={disabledTooltip} disabled={!disabled || !disabledTooltip}>\n            <Radio.Card\n                ref={ref}\n                disabled={disabled}\n                readOnly={_props.readOnly}\n                {...getStyles('card', {className, style, classNames, styles})}\n                {...others}\n            >\n                <Radio.Indicator disabled={disabled} {...getStyles('indicator', {classNames, styles})} />\n                <Stack {...getStyles('container', {classNames, styles})}>\n                    <Input.Label {...getStyles('title', {classNames, styles})}>{label}</Input.Label>\n                    {description && (\n                        <Input.Description {...getStyles('description', {classNames, styles})}>\n                            {description}\n                        </Input.Description>\n                    )}\n                    {children}\n                </Stack>\n            </Radio.Card>\n        </Tooltip>\n    );\n});\nRadioCard.displayName = 'RadioCard';\n"],"names":["RadioCard","defaultProps","factory","_props","ref","useProps","children","classNames","styles","style","className","vars","disabled","label","description","disabledTooltip","others","getStyles","useStyles","name","classes","props","Tooltip","Radio","Card","readOnly","Indicator","Stack","Input","Label","Description","displayName"],"mappings":";;;;+BA+CaA;;;eAAAA;;;;;;;;oBAnCN;2EAEa;qBACA;AA8BpB,IAAMC,eAAwC,CAAC;AAExC,IAAMD,YAAYE,IAAAA,aAAO,EAAmB,SAACC,QAAQC;IACxD,IAYIC,YAAAA,IAAAA,cAAQ,EAAC,aAAaJ,cAAcE,SAXpCG,WAWAD,UAXAC,UACAC,aAUAF,UAVAE,YACAC,SASAH,UATAG,QACAC,QAQAJ,UARAI,OACAC,YAOAL,UAPAK,WACAC,OAMAN,UANAM,MACAC,WAKAP,UALAO,UACAC,QAIAR,UAJAQ,OACAC,cAGAT,UAHAS,aACAC,kBAEAV,UAFAU,iBACGC,sCACHX;;;;;;;;;;;;IACJ,IAAMY,YAAYC,IAAAA,eAAS,EAAmB;QAC1CC,MAAM;QACNC,SAAAA,2BAAO;QACPT,MAAAA;QACAJ,YAAAA;QACAG,WAAAA;QACAD,OAAAA;QACAY,OAAOlB;QACPK,QAAAA;IACJ;IAEA,qBACI,qBAACc,aAAO;QAACT,OAAOE;QAAiBH,UAAU,CAACA,YAAY,CAACG;kBACrD,cAAA,sBAACQ,WAAK,CAACC,IAAI;YACPpB,KAAKA;YACLQ,UAAUA;YACVa,UAAUtB,OAAOsB,QAAQ;WACrBR,UAAU,QAAQ;YAACP,WAAAA;YAAWD,OAAAA;YAAOF,YAAAA;YAAYC,QAAAA;QAAM,IACvDQ;;8BAEJ,qBAACO,WAAK,CAACG,SAAS;oBAACd,UAAUA;mBAAcK,UAAU,aAAa;oBAACV,YAAAA;oBAAYC,QAAAA;gBAAM;8BACnF,sBAACmB,WAAK,8CAAKV,UAAU,aAAa;oBAACV,YAAAA;oBAAYC,QAAAA;gBAAM;;sCACjD,qBAACoB,YAAK,CAACC,KAAK,8CAAKZ,UAAU,SAAS;4BAACV,YAAAA;4BAAYC,QAAAA;wBAAM;sCAAKK;;wBAC3DC,6BACG,qBAACc,YAAK,CAACE,WAAW,8CAAKb,UAAU,eAAe;4BAACV,YAAAA;4BAAYC,QAAAA;wBAAM;sCAC9DM;;wBAGRR;;;;;;AAKrB;AACAN,UAAU+B,WAAW,GAAG"}

package/dist/cjs/components/Select/Select.js

@@ -18,7 +18,8 @@ var ReadOnlySelect = _core.Select.withProps({
 var Select = (0, _core.factory)(function(props, ref) {
     if (props.readOnly && !props.disabled) {
         return /*#__PURE__*/ (0, _jsxruntime.jsx)(ReadOnlySelect, _object_spread._({
-            ref: ref
+            ref: ref,
+            "data-readonly": true
         }, props));
     }
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Select, _object_spread._({

package/dist/cjs/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import {factory, Select as MantineSelect, type SelectFactory} from '@mantine/core';\nimport {readOnlyInputStyles} from '../ReadOnly/ReadOnlyInputStyles.js';\n\nconst ReadOnlySelect = MantineSelect.withProps({styles: readOnlyInputStyles});\n\nexport const Select = factory<SelectFactory>((props, ref) => {\n    if (props.readOnly && !props.disabled) {\n        return <ReadOnlySelect ref={ref} {...props} />;\n    }\n    return <MantineSelect ref={ref} {...props} />;\n});\n\nSelect.displayName = 'Select';\n"],"names":["Select","ReadOnlySelect","MantineSelect","withProps","styles","readOnlyInputStyles","factory","props","ref","readOnly","disabled","displayName"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;oBALsD;mCACjC;AAElC,IAAMC,iBAAiBC,YAAa,CAACC,SAAS,CAAC;IAACC,QAAQC,wCAAmB;AAAA;AAEpE,IAAML,SAASM,IAAAA,aAAO,EAAgB,SAACC,OAAOC;IACjD,IAAID,MAAME,QAAQ,IAAI,CAACF,MAAMG,QAAQ,EAAE;QACnC,qBAAO,qBAACT;YAAeO,KAAKA;WAASD;IACzC;IACA,qBAAO,qBAACL,YAAa;QAACM,KAAKA;OAASD;AACxC;AAEAP,OAAOW,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import {factory, Select as MantineSelect, type SelectFactory} from '@mantine/core';\nimport {readOnlyInputStyles} from '../ReadOnly/ReadOnlyInputStyles.js';\n\nconst ReadOnlySelect = MantineSelect.withProps({styles: readOnlyInputStyles});\n\nexport const Select = factory<SelectFactory>((props, ref) => {\n    if (props.readOnly && !props.disabled) {\n        return <ReadOnlySelect ref={ref} data-readonly {...props} />;\n    }\n    return <MantineSelect ref={ref} {...props} />;\n});\n\nSelect.displayName = 'Select';\n"],"names":["Select","ReadOnlySelect","MantineSelect","withProps","styles","readOnlyInputStyles","factory","props","ref","readOnly","disabled","data-readonly","displayName"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;oBALsD;mCACjC;AAElC,IAAMC,iBAAiBC,YAAa,CAACC,SAAS,CAAC;IAACC,QAAQC,wCAAmB;AAAA;AAEpE,IAAML,SAASM,IAAAA,aAAO,EAAgB,SAACC,OAAOC;IACjD,IAAID,MAAME,QAAQ,IAAI,CAACF,MAAMG,QAAQ,EAAE;QACnC,qBAAO,qBAACT;YAAeO,KAAKA;YAAKG,eAAa;WAAKJ;IACvD;IACA,qBAAO,qBAACL,YAAa;QAACM,KAAKA;OAASD;AACxC;AAEAP,OAAOY,WAAW,GAAG"}

package/dist/cjs/components/Table/Table.module.css

@@ -12,7 +12,9 @@
 .header {
     position: sticky;
     top: 0;
-    transition: box-shadow 150ms ease;
+    transition-property: box-shadow;
+    transition-timing-function: var(--coveo-transition-function);
+    transition-duration: var(--coveo-transition-duration);
     z-index: 1;
 
     &::after {

package/dist/cjs/styles/ActionIcon.module.css

@@ -1,5 +1,28 @@
 .root {
+    --ai-size-sm: 16px;
+    --ai-size-md: 24px;
     --ai-size-lg: 36px;
+    --ai-icon-size: 20px;
+
+    svg {
+        width: var(--ai-icon-size);
+        height: var(--ai-icon-size);
+    }
+
+    &[data-size='sm'] {
+        --ai-radius: var(--mantine-radius-sm);
+        --ai-icon-size: 12px;
+    }
+
+    &[data-size='md'] {
+        --ai-radius: var(--mantine-radius-sm);
+        --ai-icon-size: 16px;
+    }
+
+    &[data-size='lg'] {
+        --ai-radius: var(--mantine-radius-md);
+        --ai-icon-size: 20px;
+    }
 
     &[data-variant='subtle'] {
         &:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {

package/dist/cjs/styles/Card.module.css

@@ -1,5 +1,7 @@
 .root {
-    transition: box-shadow 150ms ease-in-out;
+    transition-property: box-shadow;
+    transition-timing-function: var(--coveo-transition-function);
+    transition-duration: var(--coveo-transition-duration);
 
     &:not([data-with-border]) {
         border: 1px solid transparent;

package/dist/cjs/styles/CloseButton.module.css

@@ -0,0 +1,15 @@
+.root {
+    &[data-size='sm'] {
+        & svg {
+            width: 12px;
+            height: 12px;
+        }
+    }
+
+    &[data-size='md'] {
+        & svg {
+            width: 16px;
+            height: 16px;
+        }
+    }
+}

package/dist/cjs/styles/Input.module.css

@@ -14,7 +14,8 @@
 
     &[data-disabled] {
         > .section {
-            > svg {
+            > svg,
+            > [data-combined-clear-section] > svg {
                 color: var(--input-disabled-color);
             }
         }
@@ -22,7 +23,8 @@
 
     &[data-error] {
         > .section {
-            > svg {
+            > svg,
+            > [data-combined-clear-section] > svg {
                 color: var(--mantine-color-error);
             }
         }
@@ -33,10 +35,15 @@
     @mixin dark {
         --input-bg: var(--mantine-color-default);
     }
+
+    &[data-expanded]:not([data-readonly]) ~ .section [data-plasma-combobox-chevron] {
+        transform: rotate(180deg);
+    }
 }
 
 .section {
-    > svg {
+    > svg,
+    > [data-combined-clear-section] > svg {
         color: var(--mantine-color-dimmed);
     }
 }

package/dist/cjs/styles/Pill.module.css

@@ -1,4 +1,17 @@
 .root {
+    padding: 0 var(--mantine-spacing-xs);
     color: var(--mantine-color-text);
     background-color: var(--mantine-color-gray-light);
+
+    &[data-with-remove] {
+        padding: 0 var(--mantine-spacing-xxs) 0 var(--mantine-spacing-xs);
+
+        &[data-size='md'] {
+            padding: 0 2px 0 var(--mantine-spacing-xs);
+        }
+    }
+}
+
+.remove {
+    padding: 0;
 }

package/dist/cjs/styles/RadioCard.module.css

@@ -5,24 +5,30 @@
 }
 
 .card {
-    display: inline-flex;
-    flex-direction: column;
+    --radio-card-outline-color: var(--mantine-color-default-border);
+
+    display: flex;
+    flex-flow: row nowrap;
     align-items: flex-start;
+    gap: var(--mantine-spacing-sm);
     padding: var(--mantine-spacing-sm);
     border-radius: var(--mantine-radius-lg);
+    border-color: var(--radio-card-outline-color);
+    transition: border-color 150ms ease;
 
     &[data-checked] {
-        border-color: var(--mantine-primary-color-filled);
+        --radio-card-outline-color: var(--mantine-primary-color-filled);
+    }
+
+    &[disabled],
+    &[readonly] {
+        --radio-card-outline-color: var(--mantine-color-default-border);
     }
 
     &[disabled] {
         cursor: not-allowed;
-        border-color: var(--mantine-color-default-border);
-
-        .title {
-            color: var(--mantine-color-disabled-color);
-        }
 
+        .title,
         .description {
             color: var(--mantine-color-disabled-color);
         }
@@ -30,44 +36,39 @@
 
     &[readonly] {
         pointer-events: none;
-        border-color: var(--mantine-color-default-border);
 
-        & .indicator {
-            border-color: var(--mantine-color-default-border);
+        .indicator[data-checked] {
+            background-color: var(--mantine-color-default);
+            color: var(--coveo-color-text-readonly);
 
-            &[data-checked] {
-                background-color: var(--coveo-color-bg-readonly);
-                color: var(--coveo-color-text-readonly);
-
-                & > svg {
-                    color: var(--coveo-color-text-readonly);
-                }
+            & > svg {
+                color: inherit;
             }
         }
     }
 }
 
 .container {
-    flex-wrap: nowrap;
-    gap: var(--mantine-spacing-sm);
-    align-items: baseline;
-    justify-content: flex-start;
-    width: 100%;
-    margin-bottom: var(--mantine-spacing-xs);
+    gap: var(--mantine-spacing-xs);
 }
 
 .title {
-    flex: 1;
-    word-break: break-word;
+    line-height: 20px;
 }
 
+.title,
 .description {
-    padding-left: var(--mantine-spacing-lg);
-    color: var(--mantine-color-dimmed);
-    font-weight: 400;
-    font-size: var(--mantine-font-size-xs);
+    flex: 1;
+    overflow-wrap: anywhere;
 }
 
 .indicator {
     cursor: pointer;
+    transition: border-color 150ms ease;
+
+    &,
+    &[data-disabled],
+    &[data-checked] {
+        border-color: var(--radio-card-outline-color);
+    }
 }

package/dist/cjs/theme/Theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAYA,OAAO,EAsBH,oBAAoB,EAuBvB,MAAM,eAAe,CAAC;AA8DvB,eAAO,MAAM,WAAW,EAAE,oBAqbxB,CAAC"}
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAYA,OAAO,EAuBH,oBAAoB,EAuBvB,MAAM,eAAe,CAAC;AAgEvB,eAAO,MAAM,WAAW,EAAE,oBA2bxB,CAAC"}

package/dist/cjs/theme/Theme.js

@@ -20,6 +20,7 @@ var _Accordion = require("../components/Accordion/Accordion.js");
 var _CheckboxIcon = require("../components/CheckboxIcon/CheckboxIcon.js");
 var _CircleLoader = require("../components/CircleLoader/CircleLoader.js");
 var _InfoToken = require("../components/InfoToken/InfoToken.js");
+var _PlasmaComboboxChevron = require("../components/Combobox/PlasmaComboboxChevron.js");
 var _Accordionmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Accordion.module.css"));
 var _ActionIconmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/ActionIcon.module.css"));
 var _Alertmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Alert.module.css"));
@@ -31,6 +32,7 @@ var _Cardmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles
 var _Checkboxmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Checkbox.module.css"));
 var _CheckboxIndicatormodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/CheckboxIndicator.module.css"));
 var _Chipmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Chip.module.css"));
+var _CloseButtonmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/CloseButton.module.css"));
 var _Comboboxmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Combobox.module.css"));
 var _DatePickermodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/DatePicker.module.css"));
 var _DateTimePickermodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/DateTimePicker.module.css"));
@@ -156,7 +158,7 @@ var plasmaTheme = (0, _core.createTheme)({
         }),
         ActionIcon: _core.ActionIcon.extend({
             defaultProps: {
-                size: 'lg'
+                size: 'md'
             },
             classNames: _ActionIconmodulecss.default
         }),
@@ -260,7 +262,8 @@ var plasmaTheme = (0, _core.createTheme)({
                     height: 16,
                     "aria-label": "close"
                 })
-            }
+            },
+            classNames: _CloseButtonmodulecss.default
         }),
         ColorSwatch: _core.ColorSwatch.extend({
             defaultProps: {
@@ -276,6 +279,11 @@ var plasmaTheme = (0, _core.createTheme)({
                 }
             }
         }),
+        ComboboxChevron: _core.ComboboxChevron.extend({
+            defaultProps: {
+                component: _PlasmaComboboxChevron.PlasmaComboboxChevron
+            }
+        }),
         ComboboxSearch: _core.ComboboxSearch.extend({
             defaultProps: {
                 placeholder: 'Search',