@veeqo/ui 13.4.2 → 13.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Button/index.d.ts +1 -0
- package/dist/components/DataGrid/index.d.ts +1 -0
- package/dist/components/DataTable/index.d.ts +1 -0
- package/dist/components/Modal/index.d.ts +1 -0
- package/dist/components/PhoneInput/index.d.ts +1 -1
- package/dist/components/Search/Search.d.ts +1 -1
- package/dist/components/Search/index.d.ts +1 -0
- package/dist/components/Select/index.d.ts +1 -1
- package/dist/components/ToastsLayout/index.d.ts +1 -0
- package/dist/components/ViewTab/ViewTab.module.scss.cjs +2 -2
- package/dist/components/ViewTab/ViewTab.module.scss.cjs.map +1 -1
- package/dist/components/ViewTab/ViewTab.module.scss.js +2 -2
- package/dist/components/ViewTab/ViewTab.module.scss.js.map +1 -1
- package/dist/components/index.d.ts +9 -9
- package/package.json +1 -1
|
@@ -293,7 +293,7 @@ export declare const PhoneInput: import("react").FC<{
|
|
|
293
293
|
wrap?: string | undefined;
|
|
294
294
|
} & {
|
|
295
295
|
value?: string | undefined;
|
|
296
|
-
type?: import("
|
|
296
|
+
type?: import("..").TextFieldType | undefined;
|
|
297
297
|
onChange?: ((value: string) => void) | undefined;
|
|
298
298
|
hasError?: boolean | undefined;
|
|
299
299
|
size?: "base" | "sm" | undefined;
|
|
@@ -293,7 +293,7 @@ export declare const Search: React.FC<{
|
|
|
293
293
|
wrap?: string | undefined;
|
|
294
294
|
} & {
|
|
295
295
|
value?: string | undefined;
|
|
296
|
-
type?: import("
|
|
296
|
+
type?: import("..").TextFieldType | undefined;
|
|
297
297
|
onChange?: ((value: string) => void) | undefined;
|
|
298
298
|
hasError?: boolean | undefined;
|
|
299
299
|
size?: "base" | "sm" | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Select } from './Select';
|
|
1
|
+
export { Select, SelectOption } from './Select';
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
4
|
|
|
5
|
-
___$insertStyle(".
|
|
6
|
-
var styles = {"contour":"
|
|
5
|
+
___$insertStyle("._contour_h3576_1 {\n position: relative;\n max-height: var(--sizes-10);\n border-radius: var(--sizes-xs);\n padding: var(--sizes-sm);\n border: var(--sizes-line) solid transparent;\n cursor: pointer;\n background-color: transparent;\n}\n._contour_h3576_1 > span {\n color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n}\n\n._counterContainer_h3576_14 {\n display: inline-flex;\n border-radius: var(--sizes-xs);\n padding: 2px var(--sizes-xs);\n min-width: var(--sizes-5);\n height: var(--sizes-5);\n margin-left: var(--sizes-sm);\n}\n\n._counterText_h3576_23 {\n line-height: 1;\n}\n\nbutton[role=tab]._viewButton_h3576_27 {\n box-sizing: border-box;\n border-radius: var(--sizes-xs);\n border: none;\n padding: 0;\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 {\n background-color: var(--colour-palette-lightest);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 {\n background-color: var(--colour-palette-lightest);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 > svg {\n color: var(--colour-palette-dark);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 > span {\n color: var(--custom-text-colour, var(--colour-palette-dark));\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 ._counterContainer_h3576_14 {\n background-color: var(--colour-palette-dark);\n /* Force all text elements to be white when active, used when using slot\n *\n * Uses important to override text component, due to styled-components being used.\n */\n /* Force all SVG icons to be white when active, used when using slot */\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 ._counterContainer_h3576_14 ._counterText_h3576_23 {\n color: var(--colors-neutral-grey-lightest);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 ._counterContainer_h3576_14 span {\n color: var(--colors-neutral-grey-lightest) !important;\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 ._counterContainer_h3576_14 svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n}\nbutton[role=tab]._viewButton_h3576_27:hover, button[role=tab]._viewButton_h3576_27:focus-visible {\n background-color: var(--colors-neutral-grey-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 {\n background-color: var(--colors-neutral-grey-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 ._counterContainer_h3576_14, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 ._counterContainer_h3576_14 {\n background-color: var(--colors-neutral-grey-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 ._counterContainer_h3576_14 ._counterText_h3576_23, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 ._counterContainer_h3576_14 ._counterText_h3576_23 {\n color: var(--colors-neutral-ink-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 ._counterContainer_h3576_14 svg, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 ._counterContainer_h3576_14 svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 span, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 span {\n color: var(--colors-neutral-ink-dark);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 svg, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33:hover ._counterContainer_h3576_14, button[role=tab]._viewButton_h3576_27._active_h3576_33:focus-visible ._counterContainer_h3576_14 {\n background-color: var(--colors-neutral-ink-base);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33:hover ._counterContainer_h3576_14 svg, button[role=tab]._viewButton_h3576_27._active_h3576_33:focus-visible ._counterContainer_h3576_14 svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n}\n\n._iconWrapper_h3576_94 {\n margin-right: var(--sizes-sm);\n}\n._iconWrapper_h3576_94 svg {\n height: var(--sizes-base);\n width: var(--sizes-base);\n}\n\n._iconStyling_h3576_102 {\n margin-left: var(--sizes-xs);\n padding: var(--sizes-xs);\n height: var(--sizes-base);\n width: var(--sizes-base);\n}");
|
|
6
|
+
var styles = {"contour":"_contour_h3576_1","counterContainer":"_counterContainer_h3576_14","counterText":"_counterText_h3576_23","viewButton":"_viewButton_h3576_27","active":"_active_h3576_33","iconWrapper":"_iconWrapper_h3576_94","iconStyling":"_iconStyling_h3576_102"};
|
|
7
7
|
|
|
8
8
|
module.exports = styles;
|
|
9
9
|
//# sourceMappingURL=ViewTab.module.scss.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ViewTab.module.scss.cjs","sources":["../../../src/components/ViewTab/ViewTab.module.scss"],"sourcesContent":[".contour {\n position: relative;\n max-height: var(--sizes-10);\n border-radius: var(--sizes-xs);\n padding: var(--sizes-sm);\n border: var(--sizes-line) solid transparent;\n cursor: pointer;\n background-color: transparent;\n\n & > span {\n color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n }\n}\n\n.counterContainer {\n display: inline-flex;\n border-radius: var(--sizes-xs);\n padding: 2px var(--sizes-xs);\n min-width: var(--sizes-5);\n height: var(--sizes-5);\n margin-left: var(--sizes-sm);\n}\n\n.counterText {\n line-height: 1;\n}\n\nbutton[role='tab'].viewButton {\n box-sizing: border-box;\n border-radius: var(--sizes-xs);\n border: none;\n padding: 0;\n\n &.active {\n background-color: var(--colour-palette-lightest);\n .contour {\n background-color: var(--colour-palette-lightest);\n\n & > svg {\n color: var(--colour-palette-dark);\n }\n\n > span {\n color: var(--custom-text-colour, var(--colour-palette-dark));\n }\n\n .counterContainer {\n background-color: var(--colour-palette-dark);\n\n .counterText {\n color: var(--colors-neutral-grey-lightest);\n }\n\n /* Force all text elements to be white when active, used when using slot\n *\n * Uses important to override text component, due to styled-components being used.\n */\n & span {\n color: var(--colors-neutral-grey-lightest) !important;\n }\n\n /* Force all SVG icons to be white when active, used when using slot */\n & svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n }\n }\n }\n }\n\n &:hover,\n &:focus-visible {\n background-color: var(--colors-neutral-grey-base);\n .contour {\n background-color: var(--colors-neutral-grey-base);\n .counterContainer {\n background-color: var(--colors-neutral-grey-base);\n .counterText {\n color: var(--colors-neutral-ink-base);\n }\n & svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n }\n }\n\n & span {\n color: var(--
|
|
1
|
+
{"version":3,"file":"ViewTab.module.scss.cjs","sources":["../../../src/components/ViewTab/ViewTab.module.scss"],"sourcesContent":[".contour {\n position: relative;\n max-height: var(--sizes-10);\n border-radius: var(--sizes-xs);\n padding: var(--sizes-sm);\n border: var(--sizes-line) solid transparent;\n cursor: pointer;\n background-color: transparent;\n\n & > span {\n color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n }\n}\n\n.counterContainer {\n display: inline-flex;\n border-radius: var(--sizes-xs);\n padding: 2px var(--sizes-xs);\n min-width: var(--sizes-5);\n height: var(--sizes-5);\n margin-left: var(--sizes-sm);\n}\n\n.counterText {\n line-height: 1;\n}\n\nbutton[role='tab'].viewButton {\n box-sizing: border-box;\n border-radius: var(--sizes-xs);\n border: none;\n padding: 0;\n\n &.active {\n background-color: var(--colour-palette-lightest);\n .contour {\n background-color: var(--colour-palette-lightest);\n\n & > svg {\n color: var(--colour-palette-dark);\n }\n\n > span {\n color: var(--custom-text-colour, var(--colour-palette-dark));\n }\n\n .counterContainer {\n background-color: var(--colour-palette-dark);\n\n .counterText {\n color: var(--colors-neutral-grey-lightest);\n }\n\n /* Force all text elements to be white when active, used when using slot\n *\n * Uses important to override text component, due to styled-components being used.\n */\n & span {\n color: var(--colors-neutral-grey-lightest) !important;\n }\n\n /* Force all SVG icons to be white when active, used when using slot */\n & svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n }\n }\n }\n }\n\n &:hover,\n &:focus-visible {\n background-color: var(--colors-neutral-grey-base);\n .contour {\n background-color: var(--colors-neutral-grey-base);\n .counterContainer {\n background-color: var(--colors-neutral-grey-base);\n .counterText {\n color: var(--colors-neutral-ink-base);\n }\n & svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n }\n }\n\n & span {\n color: var(--colors-neutral-ink-dark);\n }\n\n & svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n }\n }\n }\n\n &.active:hover,\n &.active:focus-visible {\n .counterContainer {\n background-color: var(--colors-neutral-ink-base);\n\n & svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n }\n }\n }\n}\n\n.iconWrapper {\n margin-right: var(--sizes-sm);\n\n svg {\n height: var(--sizes-base);\n width: var(--sizes-base);\n }\n}\n\n.iconStyling {\n margin-left: var(--sizes-xs);\n padding: var(--sizes-xs);\n height: var(--sizes-base);\n width: var(--sizes-base);\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,2jJAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
2
|
|
|
3
|
-
insertStyle(".
|
|
4
|
-
var styles = {"contour":"
|
|
3
|
+
insertStyle("._contour_h3576_1 {\n position: relative;\n max-height: var(--sizes-10);\n border-radius: var(--sizes-xs);\n padding: var(--sizes-sm);\n border: var(--sizes-line) solid transparent;\n cursor: pointer;\n background-color: transparent;\n}\n._contour_h3576_1 > span {\n color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n}\n\n._counterContainer_h3576_14 {\n display: inline-flex;\n border-radius: var(--sizes-xs);\n padding: 2px var(--sizes-xs);\n min-width: var(--sizes-5);\n height: var(--sizes-5);\n margin-left: var(--sizes-sm);\n}\n\n._counterText_h3576_23 {\n line-height: 1;\n}\n\nbutton[role=tab]._viewButton_h3576_27 {\n box-sizing: border-box;\n border-radius: var(--sizes-xs);\n border: none;\n padding: 0;\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 {\n background-color: var(--colour-palette-lightest);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 {\n background-color: var(--colour-palette-lightest);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 > svg {\n color: var(--colour-palette-dark);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 > span {\n color: var(--custom-text-colour, var(--colour-palette-dark));\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 ._counterContainer_h3576_14 {\n background-color: var(--colour-palette-dark);\n /* Force all text elements to be white when active, used when using slot\n *\n * Uses important to override text component, due to styled-components being used.\n */\n /* Force all SVG icons to be white when active, used when using slot */\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 ._counterContainer_h3576_14 ._counterText_h3576_23 {\n color: var(--colors-neutral-grey-lightest);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 ._counterContainer_h3576_14 span {\n color: var(--colors-neutral-grey-lightest) !important;\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33 ._contour_h3576_1 ._counterContainer_h3576_14 svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n}\nbutton[role=tab]._viewButton_h3576_27:hover, button[role=tab]._viewButton_h3576_27:focus-visible {\n background-color: var(--colors-neutral-grey-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 {\n background-color: var(--colors-neutral-grey-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 ._counterContainer_h3576_14, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 ._counterContainer_h3576_14 {\n background-color: var(--colors-neutral-grey-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 ._counterContainer_h3576_14 ._counterText_h3576_23, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 ._counterContainer_h3576_14 ._counterText_h3576_23 {\n color: var(--colors-neutral-ink-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 ._counterContainer_h3576_14 svg, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 ._counterContainer_h3576_14 svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 span, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 span {\n color: var(--colors-neutral-ink-dark);\n}\nbutton[role=tab]._viewButton_h3576_27:hover ._contour_h3576_1 svg, button[role=tab]._viewButton_h3576_27:focus-visible ._contour_h3576_1 svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33:hover ._counterContainer_h3576_14, button[role=tab]._viewButton_h3576_27._active_h3576_33:focus-visible ._counterContainer_h3576_14 {\n background-color: var(--colors-neutral-ink-base);\n}\nbutton[role=tab]._viewButton_h3576_27._active_h3576_33:hover ._counterContainer_h3576_14 svg, button[role=tab]._viewButton_h3576_27._active_h3576_33:focus-visible ._counterContainer_h3576_14 svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n}\n\n._iconWrapper_h3576_94 {\n margin-right: var(--sizes-sm);\n}\n._iconWrapper_h3576_94 svg {\n height: var(--sizes-base);\n width: var(--sizes-base);\n}\n\n._iconStyling_h3576_102 {\n margin-left: var(--sizes-xs);\n padding: var(--sizes-xs);\n height: var(--sizes-base);\n width: var(--sizes-base);\n}");
|
|
4
|
+
var styles = {"contour":"_contour_h3576_1","counterContainer":"_counterContainer_h3576_14","counterText":"_counterText_h3576_23","viewButton":"_viewButton_h3576_27","active":"_active_h3576_33","iconWrapper":"_iconWrapper_h3576_94","iconStyling":"_iconStyling_h3576_102"};
|
|
5
5
|
|
|
6
6
|
export { styles as default };
|
|
7
7
|
//# sourceMappingURL=ViewTab.module.scss.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ViewTab.module.scss.js","sources":["../../../src/components/ViewTab/ViewTab.module.scss"],"sourcesContent":[".contour {\n position: relative;\n max-height: var(--sizes-10);\n border-radius: var(--sizes-xs);\n padding: var(--sizes-sm);\n border: var(--sizes-line) solid transparent;\n cursor: pointer;\n background-color: transparent;\n\n & > span {\n color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n }\n}\n\n.counterContainer {\n display: inline-flex;\n border-radius: var(--sizes-xs);\n padding: 2px var(--sizes-xs);\n min-width: var(--sizes-5);\n height: var(--sizes-5);\n margin-left: var(--sizes-sm);\n}\n\n.counterText {\n line-height: 1;\n}\n\nbutton[role='tab'].viewButton {\n box-sizing: border-box;\n border-radius: var(--sizes-xs);\n border: none;\n padding: 0;\n\n &.active {\n background-color: var(--colour-palette-lightest);\n .contour {\n background-color: var(--colour-palette-lightest);\n\n & > svg {\n color: var(--colour-palette-dark);\n }\n\n > span {\n color: var(--custom-text-colour, var(--colour-palette-dark));\n }\n\n .counterContainer {\n background-color: var(--colour-palette-dark);\n\n .counterText {\n color: var(--colors-neutral-grey-lightest);\n }\n\n /* Force all text elements to be white when active, used when using slot\n *\n * Uses important to override text component, due to styled-components being used.\n */\n & span {\n color: var(--colors-neutral-grey-lightest) !important;\n }\n\n /* Force all SVG icons to be white when active, used when using slot */\n & svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n }\n }\n }\n }\n\n &:hover,\n &:focus-visible {\n background-color: var(--colors-neutral-grey-base);\n .contour {\n background-color: var(--colors-neutral-grey-base);\n .counterContainer {\n background-color: var(--colors-neutral-grey-base);\n .counterText {\n color: var(--colors-neutral-ink-base);\n }\n & svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n }\n }\n\n & span {\n color: var(--
|
|
1
|
+
{"version":3,"file":"ViewTab.module.scss.js","sources":["../../../src/components/ViewTab/ViewTab.module.scss"],"sourcesContent":[".contour {\n position: relative;\n max-height: var(--sizes-10);\n border-radius: var(--sizes-xs);\n padding: var(--sizes-sm);\n border: var(--sizes-line) solid transparent;\n cursor: pointer;\n background-color: transparent;\n\n & > span {\n color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n }\n}\n\n.counterContainer {\n display: inline-flex;\n border-radius: var(--sizes-xs);\n padding: 2px var(--sizes-xs);\n min-width: var(--sizes-5);\n height: var(--sizes-5);\n margin-left: var(--sizes-sm);\n}\n\n.counterText {\n line-height: 1;\n}\n\nbutton[role='tab'].viewButton {\n box-sizing: border-box;\n border-radius: var(--sizes-xs);\n border: none;\n padding: 0;\n\n &.active {\n background-color: var(--colour-palette-lightest);\n .contour {\n background-color: var(--colour-palette-lightest);\n\n & > svg {\n color: var(--colour-palette-dark);\n }\n\n > span {\n color: var(--custom-text-colour, var(--colour-palette-dark));\n }\n\n .counterContainer {\n background-color: var(--colour-palette-dark);\n\n .counterText {\n color: var(--colors-neutral-grey-lightest);\n }\n\n /* Force all text elements to be white when active, used when using slot\n *\n * Uses important to override text component, due to styled-components being used.\n */\n & span {\n color: var(--colors-neutral-grey-lightest) !important;\n }\n\n /* Force all SVG icons to be white when active, used when using slot */\n & svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n }\n }\n }\n }\n\n &:hover,\n &:focus-visible {\n background-color: var(--colors-neutral-grey-base);\n .contour {\n background-color: var(--colors-neutral-grey-base);\n .counterContainer {\n background-color: var(--colors-neutral-grey-base);\n .counterText {\n color: var(--colors-neutral-ink-base);\n }\n & svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n }\n }\n\n & span {\n color: var(--colors-neutral-ink-dark);\n }\n\n & svg {\n fill: var(--colors-neutral-ink-base);\n color: var(--colors-neutral-ink-base);\n }\n }\n }\n\n &.active:hover,\n &.active:focus-visible {\n .counterContainer {\n background-color: var(--colors-neutral-ink-base);\n\n & svg {\n fill: var(--colors-neutral-grey-lightest);\n color: var(--colors-neutral-grey-lightest);\n }\n }\n }\n}\n\n.iconWrapper {\n margin-right: var(--sizes-sm);\n\n svg {\n height: var(--sizes-base);\n width: var(--sizes-base);\n }\n}\n\n.iconStyling {\n margin-left: var(--sizes-xs);\n padding: var(--sizes-xs);\n height: var(--sizes-base);\n width: var(--sizes-base);\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,2jJAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA;;;;"}
|
|
@@ -9,7 +9,7 @@ export { Badge } from './Badge';
|
|
|
9
9
|
export { Banner } from './Banner';
|
|
10
10
|
export { BaseContainer } from './BaseContainer';
|
|
11
11
|
export { Breadcrumbs } from './Breadcrumbs';
|
|
12
|
-
export { Button } from './Button';
|
|
12
|
+
export { Button, ButtonProps } from './Button';
|
|
13
13
|
export { RangeCalendar, Calendar, useIsDateUnavailable } from './Calendars';
|
|
14
14
|
export { Card } from './Card';
|
|
15
15
|
export { CardHeader } from './CardHeader';
|
|
@@ -20,7 +20,7 @@ export { CopyToClipboard } from './CopyToClipboard';
|
|
|
20
20
|
export { DateInputField } from './DateInputField';
|
|
21
21
|
export { DatePicker } from './DatePicker';
|
|
22
22
|
export { DateRangePicker, DATE_RANGE_OPTIONS, DEFAULT_PRESET, DEFAULT_RANGE, DateRanges, getDateRange, } from './DateRangePicker';
|
|
23
|
-
export { DataTable, useCellWidths, useColumns, useNested, useScrollPosition, useSelection, } from './DataTable';
|
|
23
|
+
export { DataTable, ColumnWidthsType, ColumnConfig, useCellWidths, useColumns, useNested, useScrollPosition, useSelection, } from './DataTable';
|
|
24
24
|
export { DescriptionList } from './DescriptionList';
|
|
25
25
|
export { DetailPage } from './DetailPage';
|
|
26
26
|
export { DimensionsInput } from './DimensionsInput';
|
|
@@ -33,26 +33,26 @@ export { InputGroup } from './InputGroup';
|
|
|
33
33
|
export { LegacyDataTable } from './LegacyDataTable';
|
|
34
34
|
export { Loader } from './Loader';
|
|
35
35
|
export { LoginWithAmazonButton } from './LoginWithAmazonButton';
|
|
36
|
-
export { Modal } from './Modal';
|
|
36
|
+
export { Modal, Action } from './Modal';
|
|
37
37
|
export { Pagination } from './Pagination';
|
|
38
38
|
export { Popover } from './Popover';
|
|
39
39
|
export { Portal } from './Portal';
|
|
40
40
|
export { PriceInput } from './PriceInput';
|
|
41
41
|
export { Radio } from './Radio';
|
|
42
42
|
export { ScreenReaderOnly } from './ScreenReaderOnly';
|
|
43
|
-
export { Search } from './Search';
|
|
43
|
+
export { Search, SearchProps } from './Search';
|
|
44
44
|
export { SegmentedControl } from './SegmentedControl';
|
|
45
|
-
export { Select } from './Select';
|
|
45
|
+
export { Select, SelectOption } from './Select';
|
|
46
46
|
export { ShortcutKeys } from './ShortcutKeys';
|
|
47
47
|
export { SimpleTable } from './SimpleTable';
|
|
48
48
|
export { Skeleton } from './Skeleton';
|
|
49
49
|
export { Slider } from './Slider';
|
|
50
|
-
export { Stack } from './Stack';
|
|
50
|
+
export { Stack, StackProps } from './Stack';
|
|
51
51
|
export { Stepper } from './Stepper';
|
|
52
52
|
export { Tag } from './Tag';
|
|
53
53
|
export { Text } from './Text';
|
|
54
|
-
export { TextField } from './TextField';
|
|
55
|
-
export { ToastsLayout } from './ToastsLayout';
|
|
54
|
+
export { TextField, TextFieldType } from './TextField';
|
|
55
|
+
export { ToastsLayout, Notification } from './ToastsLayout';
|
|
56
56
|
export { Toggle } from './Toggle';
|
|
57
57
|
export { ToggleButton } from './ToggleButton';
|
|
58
58
|
export { Tooltip } from './Tooltip';
|
|
@@ -68,7 +68,7 @@ export { WeightInput } from './WeightInput';
|
|
|
68
68
|
export { Indicator } from './Indicator';
|
|
69
69
|
export { SelectDropdown } from './SelectDropdown';
|
|
70
70
|
export { ThemeInjector } from './ThemeInjector';
|
|
71
|
-
export { DataGrid } from './DataGrid';
|
|
71
|
+
export { DataGrid, ColumnDefinition, RowGroupingConfiguration, SortState } from './DataGrid';
|
|
72
72
|
export { FlexCol } from './Flex/FlexCol';
|
|
73
73
|
export { FlexRow } from './Flex/FlexRow';
|
|
74
74
|
export { PhoneInput } from './PhoneInput';
|