@veeqo/ui 12.4.0 → 12.5.0

package/dist/components/SelectDropdown/components/item.module.scss.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"item.module.scss.cjs","sources":["../../../../src/components/SelectDropdown/components/item.module.scss"],"sourcesContent":[".item {\n  border-radius: var(--radius-base);\n  cursor: pointer;\n  background-color: #ffffff;\n  text-decoration: none;\n\n  &.appearance-secondary {\n    background-color: var(--colors-neutral-grey-lightest);\n  }\n\n  &[data-hovered] > div,\n  &[data-hovered] > div:first-of-type[role='gridcell'] > :first-child {\n    background-color: #f0f7fc;\n  }\n\n  &[data-pressed] > div,\n  &[data-pressed] > div:first-of-type[role='gridcell'] > :first-child {\n    background-color: #e3f0fa;\n  }\n\n  &[data-focused] {\n    outline: 0;\n  }\n\n  &[data-focus-visible] > div,\n  &[data-focus-visible] > div:first-of-type[role='gridcell'] > :first-child {\n    outline: solid var(--sizes-xs) var(--colors-secondary-blue-light);\n    z-index: 1;\n    position: relative;\n  }\n\n  &[data-dragging] {\n    background-color: var(--colors-neutral-grey-base);\n    border-color: var(--color-secondary-blue-base);\n  }\n\n  &[data-drop-target] {\n    background-color: var(--colors-secondary-green-base);\n    border-color: var(--colors-secondary-green-base);\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    background-color: var(--colors-neutral-grey-light);\n    opacity: 0.75;\n  }\n\n  > div,\n  > div:first-of-type[role='gridcell'] > :first-child {\n    padding: var(--sizes-sm);\n    border-radius: var(--radius-base);\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,64CAAA;AACA,aAAA,CAAA,MAAA,CAAA,eAAA,CAAA,sBAAA,CAAA,+BAAA;;;;"}
+{"version":3,"file":"item.module.scss.cjs","sources":["../../../../src/components/SelectDropdown/components/item.module.scss"],"sourcesContent":[".item {\n  border-radius: var(--radius-base);\n  cursor: pointer;\n  background-color: #ffffff;\n  text-decoration: none;\n\n  &.appearance-secondary {\n    background-color: var(--colors-neutral-grey-lightest);\n  }\n\n  &[data-hovered] > div,\n  &[data-hovered] > div:first-of-type[role='gridcell'] > :first-child {\n    background-color: var(--colors-neutral-grey-lightest);\n  }\n\n  &[data-pressed] > div,\n  &[data-pressed] > div:first-of-type[role='gridcell'] > :first-child {\n    background-color: var(--colors-neutral-grey-lightest);\n  }\n\n  &[data-focused] {\n    outline: 0;\n  }\n\n  &[data-focus-visible] > div,\n  &[data-focus-visible] > div:first-of-type[role='gridcell'] > :first-child {\n    outline: solid var(--sizes-xs) var(--colors-secondary-blue-light);\n    z-index: 1;\n    position: relative;\n  }\n\n  &[data-dragging] {\n    background-color: var(--colors-neutral-grey-base);\n    border-color: var(--color-secondary-blue-base);\n  }\n\n  &[data-drop-target] {\n    background-color: var(--colors-secondary-green-base);\n    border-color: var(--colors-secondary-green-base);\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    background-color: var(--colors-neutral-grey-light);\n    opacity: 0.75;\n  }\n\n  > div,\n  > div:first-of-type[role='gridcell'] > :first-child {\n    padding: var(--sizes-sm);\n    border-radius: var(--radius-base);\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,q8CAAA;AACA,iBAAA,CAAA,MAAA,CAAA,eAAA,CAAA,sBAAA,CAAA,+BAAA;;;;"}

package/dist/components/SelectDropdown/components/item.module.scss.js

@@ -1,7 +1,7 @@
 import insertStyle from '../../../_virtual/____insertStyle.js';
 
-insertStyle("._item_19dv4_1 {\n  border-radius: var(--radius-base);\n  cursor: pointer;\n  background-color: #ffffff;\n  text-decoration: none;\n}\n._item_19dv4_1._appearance-secondary_19dv4_7 {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n._item_19dv4_1[data-hovered] > div, ._item_19dv4_1[data-hovered] > div:first-of-type[role=gridcell] > :first-child {\n  background-color: #f0f7fc;\n}\n._item_19dv4_1[data-pressed] > div, ._item_19dv4_1[data-pressed] > div:first-of-type[role=gridcell] > :first-child {\n  background-color: #e3f0fa;\n}\n._item_19dv4_1[data-focused] {\n  outline: 0;\n}\n._item_19dv4_1[data-focus-visible] > div, ._item_19dv4_1[data-focus-visible] > div:first-of-type[role=gridcell] > :first-child {\n  outline: solid var(--sizes-xs) var(--colors-secondary-blue-light);\n  z-index: 1;\n  position: relative;\n}\n._item_19dv4_1[data-dragging] {\n  background-color: var(--colors-neutral-grey-base);\n  border-color: var(--color-secondary-blue-base);\n}\n._item_19dv4_1[data-drop-target] {\n  background-color: var(--colors-secondary-green-base);\n  border-color: var(--colors-secondary-green-base);\n}\n._item_19dv4_1[data-disabled] {\n  cursor: not-allowed;\n  background-color: var(--colors-neutral-grey-light);\n  opacity: 0.75;\n}\n._item_19dv4_1 > div,\n._item_19dv4_1 > div:first-of-type[role=gridcell] > :first-child {\n  padding: var(--sizes-sm);\n  border-radius: var(--radius-base);\n}");
-var styles = {"item":"_item_19dv4_1","appearance-secondary":"_appearance-secondary_19dv4_7"};
+insertStyle("._item_1dwbl_1 {\n  border-radius: var(--radius-base);\n  cursor: pointer;\n  background-color: #ffffff;\n  text-decoration: none;\n}\n._item_1dwbl_1._appearance-secondary_1dwbl_7 {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n._item_1dwbl_1[data-hovered] > div, ._item_1dwbl_1[data-hovered] > div:first-of-type[role=gridcell] > :first-child {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n._item_1dwbl_1[data-pressed] > div, ._item_1dwbl_1[data-pressed] > div:first-of-type[role=gridcell] > :first-child {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n._item_1dwbl_1[data-focused] {\n  outline: 0;\n}\n._item_1dwbl_1[data-focus-visible] > div, ._item_1dwbl_1[data-focus-visible] > div:first-of-type[role=gridcell] > :first-child {\n  outline: solid var(--sizes-xs) var(--colors-secondary-blue-light);\n  z-index: 1;\n  position: relative;\n}\n._item_1dwbl_1[data-dragging] {\n  background-color: var(--colors-neutral-grey-base);\n  border-color: var(--color-secondary-blue-base);\n}\n._item_1dwbl_1[data-drop-target] {\n  background-color: var(--colors-secondary-green-base);\n  border-color: var(--colors-secondary-green-base);\n}\n._item_1dwbl_1[data-disabled] {\n  cursor: not-allowed;\n  background-color: var(--colors-neutral-grey-light);\n  opacity: 0.75;\n}\n._item_1dwbl_1 > div,\n._item_1dwbl_1 > div:first-of-type[role=gridcell] > :first-child {\n  padding: var(--sizes-sm);\n  border-radius: var(--radius-base);\n}");
+var itemStyles = {"item":"_item_1dwbl_1","appearance-secondary":"_appearance-secondary_1dwbl_7"};
 
-export { styles as default };
+export { itemStyles as default };
 //# sourceMappingURL=item.module.scss.js.map

package/dist/components/SelectDropdown/components/item.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.module.scss.js","sources":["../../../../src/components/SelectDropdown/components/item.module.scss"],"sourcesContent":[".item {\n  border-radius: var(--radius-base);\n  cursor: pointer;\n  background-color: #ffffff;\n  text-decoration: none;\n\n  &.appearance-secondary {\n    background-color: var(--colors-neutral-grey-lightest);\n  }\n\n  &[data-hovered] > div,\n  &[data-hovered] > div:first-of-type[role='gridcell'] > :first-child {\n    background-color: #f0f7fc;\n  }\n\n  &[data-pressed] > div,\n  &[data-pressed] > div:first-of-type[role='gridcell'] > :first-child {\n    background-color: #e3f0fa;\n  }\n\n  &[data-focused] {\n    outline: 0;\n  }\n\n  &[data-focus-visible] > div,\n  &[data-focus-visible] > div:first-of-type[role='gridcell'] > :first-child {\n    outline: solid var(--sizes-xs) var(--colors-secondary-blue-light);\n    z-index: 1;\n    position: relative;\n  }\n\n  &[data-dragging] {\n    background-color: var(--colors-neutral-grey-base);\n    border-color: var(--color-secondary-blue-base);\n  }\n\n  &[data-drop-target] {\n    background-color: var(--colors-secondary-green-base);\n    border-color: var(--colors-secondary-green-base);\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    background-color: var(--colors-neutral-grey-light);\n    opacity: 0.75;\n  }\n\n  > div,\n  > div:first-of-type[role='gridcell'] > :first-child {\n    padding: var(--sizes-sm);\n    border-radius: var(--radius-base);\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,64CAAA;AACA,aAAA,CAAA,MAAA,CAAA,eAAA,CAAA,sBAAA,CAAA,+BAAA;;;;"}
+{"version":3,"file":"item.module.scss.js","sources":["../../../../src/components/SelectDropdown/components/item.module.scss"],"sourcesContent":[".item {\n  border-radius: var(--radius-base);\n  cursor: pointer;\n  background-color: #ffffff;\n  text-decoration: none;\n\n  &.appearance-secondary {\n    background-color: var(--colors-neutral-grey-lightest);\n  }\n\n  &[data-hovered] > div,\n  &[data-hovered] > div:first-of-type[role='gridcell'] > :first-child {\n    background-color: var(--colors-neutral-grey-lightest);\n  }\n\n  &[data-pressed] > div,\n  &[data-pressed] > div:first-of-type[role='gridcell'] > :first-child {\n    background-color: var(--colors-neutral-grey-lightest);\n  }\n\n  &[data-focused] {\n    outline: 0;\n  }\n\n  &[data-focus-visible] > div,\n  &[data-focus-visible] > div:first-of-type[role='gridcell'] > :first-child {\n    outline: solid var(--sizes-xs) var(--colors-secondary-blue-light);\n    z-index: 1;\n    position: relative;\n  }\n\n  &[data-dragging] {\n    background-color: var(--colors-neutral-grey-base);\n    border-color: var(--color-secondary-blue-base);\n  }\n\n  &[data-drop-target] {\n    background-color: var(--colors-secondary-green-base);\n    border-color: var(--colors-secondary-green-base);\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    background-color: var(--colors-neutral-grey-light);\n    opacity: 0.75;\n  }\n\n  > div,\n  > div:first-of-type[role='gridcell'] > :first-child {\n    padding: var(--sizes-sm);\n    border-radius: var(--radius-base);\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,q8CAAA;AACA,iBAAA,CAAA,MAAA,CAAA,eAAA,CAAA,sBAAA,CAAA,+BAAA;;;;"}

package/dist/components/SelectDropdown/types.d.ts

@@ -3,10 +3,11 @@ import { ReactElement } from 'react';
 import { ButtonProps } from '../Button/types';
 import { ListItemProps } from './components/ListItem/types';
 import { ListItemSectionProps } from './components/ListItemSection/ListItemSection';
+import { GridItemProps } from './components/GridItem/types';
 type CTAButtonProps = Omit<ButtonProps, 'variant'> & {
     label: string;
 };
-export type SelectDropdownItem = ListItemProps | ListItemSectionProps;
+export type SelectDropdownItem = ListItemProps | ListItemSectionProps | GridItemProps;
 type ImportedListBoxProps = Pick<ListBoxProps<SelectDropdownItem>, 'children' | 'dragAndDropHooks' | 'onScroll' | 'disabledKeys'>;
 export type SelectDropdownSingleProps = ImportedListBoxProps & {
     multiple?: false;
@@ -31,6 +32,8 @@ export type SelectDropdownProps = (SelectDropdownSingleProps | SelectDropdownMul
     actions?: CTAButtonProps[];
     searchValue?: string;
     onSearchChange?: (value: string) => void;
+    topAction?: CTAButtonProps;
+    isSelectDropdownOpen?: boolean;
     'aria-label'?: string;
     'aria-labelledby'?: string;
     'aria-describedby'?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "12.4.0",
+  "version": "12.5.0",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",