@procore/core-react 12.52.0 → 12.53.1

package/dist/GroupSelect/GroupSelect.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupSelect.styles.js","names":["styled","css","MultiSelect","colors","StyledGroupSelectOption","Option","withConfig","displayName","componentId","_ref","disabled","gray70"],"sources":["../../src/GroupSelect/GroupSelect.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { MultiSelect } from '../MultiSelect/MultiSelect'\nimport { colors } from '../_styles/colors'\n\nexport const StyledGroupSelectOption = styled(MultiSelect.Option)<{\n  disabled: boolean\n}>`\n  ${({ disabled }) =>\n    disabled &&\n    css`\n      color: ${colors.gray70};\n      cursor: not-allowed;\n\n      a,\n      a:hover {\n        color: ${colors.gray70};\n        text-decoration: none;\n      }\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,OAAO,IAAMC,uBAAuB,gBAAGJ,MAAM,CAACE,WAAW,CAACG,MAAM,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAG7D,UAAAC,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OACXA,QAAQ,IACRT,GAAG,gFACQE,MAAM,CAACQ,MAAM,EAKXR,MAAM,CAACQ,MAAM,CAGzB;AAAA,EACJ"}
+{"version":3,"file":"GroupSelect.styles.js","names":["styled","css","MultiSelect","colors","StyledGroupSelectOption","Option","withConfig","displayName","componentId","_ref","disabled","gray70"],"sources":["../../src/GroupSelect/GroupSelect.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { MultiSelect } from '../MultiSelect/MultiSelect'\nimport { colors } from '../_styles/colors'\n\nexport const StyledGroupSelectOption = styled(MultiSelect.Option)<{\n  disabled: boolean\n}>`\n  ${({ disabled }) =>\n    disabled &&\n    css`\n      color: ${colors.gray70};\n      cursor: not-allowed;\n\n      a,\n      a:hover {\n        color: ${colors.gray70};\n        text-decoration: none;\n      }\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,OAAO,IAAMC,uBAAuB,gBAAGJ,MAAM,CAACE,WAAW,CAACG,MAAM,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAG7D,UAAAC,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OACXA,QAAQ,IACRT,GAAG,gFACQE,MAAM,CAACQ,MAAM,EAKXR,MAAM,CAACQ,MAAM,CAGzB;AAAA,EACJ","ignoreList":[]}

package/dist/GroupSelect/GroupSelect.types.d.ts

@@ -1,10 +1,10 @@
 import type React from 'react';
 import type { MenuNavigationProps } from '../Menu/Menu.types';
 import type { GroupHeaderProps, MultiSelectProps } from '../MultiSelect/MultiSelect.types';
-export declare type ChangeEvent = React.ChangeEvent<HTMLInputElement>;
-export declare type Option = any;
-export declare type GroupOption = any;
-export declare type PickedMultiSelectProps = Omit<MultiSelectProps, 'value' | 'options' | 'getId' | 'getLabel' | 'onChange' | 'optionRenderer' | 'getGroup' | 'groupRenderer'>;
+export type ChangeEvent = React.ChangeEvent<HTMLInputElement>;
+export type Option = any;
+export type GroupOption = any;
+export type PickedMultiSelectProps = Omit<MultiSelectProps, 'value' | 'options' | 'getId' | 'getLabel' | 'onChange' | 'optionRenderer' | 'getGroup' | 'groupRenderer'>;
 export interface GroupSelectProps extends PickedMultiSelectProps {
     /**
      * @since 10.19.0

package/dist/GroupSelect/GroupSelect.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupSelect.types.js","names":[],"sources":["../../src/GroupSelect/GroupSelect.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { MenuNavigationProps } from '../Menu/Menu.types'\nimport type {\n  GroupHeaderProps,\n  MultiSelectProps,\n} from '../MultiSelect/MultiSelect.types'\n\nexport type ChangeEvent = React.ChangeEvent<HTMLInputElement>\n\nexport type Option = any\n\nexport type GroupOption = any\n\nexport type PickedMultiSelectProps = Omit<\n  MultiSelectProps,\n  | 'value'\n  | 'options'\n  | 'getId'\n  | 'getLabel'\n  | 'onChange'\n  | 'optionRenderer'\n  | 'getGroup'\n  | 'groupRenderer'\n>\n\nexport interface GroupSelectProps extends PickedMultiSelectProps {\n  /**\n   * @since 10.19.0\n   */\n  value?: Option[]\n  /**\n   * Array of available options\n   * `{ id: number label: string groupId?: string | number }`\n   * `arrayOf: [object]`\n   * @since 10.19.0\n   */\n  options?: Option[]\n  /**\n   * Array of available collections, field options contain option id's\n   * `{ id: number label: string options: Option[] groupId?: string | number }`\n   * `arrayOf: [object]`\n   * @since 10.19.0\n   */\n  groups?: GroupOption[]\n  /**\n   * Callback with options selected when selecting or removing an option\n   * `(value: T[]) => void`\n   * @since 10.19.0\n   */\n  onChange?: (value: Option[], event?: Event) => void\n  /**\n   * @since 10.19.0\n   */\n  getId?: (option: Option | GroupOption) => number | string\n  /**\n   * Callback for each entry in options to generate the token label, also used for default searching.\n   * `(option: T) => string`\n   * @since 10.19.0\n   */\n  getLabel?: (option: Option | GroupOption) => string\n  /**\n   * Callback for each entry in groups for keying and optimizations\n   * `(option: T) => Option[]`\n   * @since 10.19.0\n   */\n  getGroup?: (option: Option | GroupOption) => Option[]\n  /**\n   * Callback for each entry in groups and options to define relation in optgroups\n   * `(option: OptionItem) => number | string`\n   * @since 10.19.0\n   */\n  getOptGroup?: (option: Option | GroupOption) => number | string\n  /**\n   * @since 10.19.0\n   */\n  onSearch?: (e: ChangeEvent) => void\n  /**\n   * Callback for rendering each option\n   * `(option: T, props: OptionRendererProps) => React.ReactNode`\n   * @since 10.19.0\n   */\n  optionRenderer?: (\n    option: Option,\n    props: GroupSelectOptionRendererParams\n  ) => React.ReactNode\n  /**\n   * Callback for rendering each group option\n   * `(groupOption: T, props: OptionRendererProps) => React.ReactNode`\n   * @since 10.19.0\n   */\n  groupRenderer?: (\n    option: GroupOption,\n    props: GroupSelectOptionRendererParams\n  ) => React.ReactNode\n  /**\n   * Callback for rendering each entry in `optgroups`\n   * `(group: GroupHeaderProps) => React.ReactNode`\n   * @since 10.19.0\n   */\n  optGroupRenderer?: (option: GroupHeaderProps) => React.ReactNode\n}\n\nexport interface GroupSelectOptionRendererParams\n  extends MenuNavigationProps,\n    Required<Pick<GroupSelectProps, 'getId' | 'getLabel'>> {\n  /**\n   * @since 10.19.0\n   */\n  value: Option\n  /**\n   * @since 10.19.0\n   */\n  selected?: boolean\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n}\n\nexport interface GroupSelectConfig {\n  /**\n   * @since 10.19.0\n   */\n  value: Option[]\n  /**\n   * @since 10.19.0\n   */\n  options: Option[]\n  /**\n   * @since 10.19.0\n   */\n  groups: GroupOption[]\n  /**\n   * @since 10.19.0\n   */\n  getId: (option: Option | GroupOption) => number | string\n  /**\n   * @since 10.19.0\n   */\n  getLabel: (option: Option | GroupOption) => string\n  /**\n   * @since 10.19.0\n   */\n  getGroup: (option: Option | GroupOption) => Option[]\n  /**\n   * @since 10.19.0\n   */\n  onChange: (value: Option[]) => void\n  /**\n   * @since 10.19.0\n   */\n  onSearch?: (e: ChangeEvent) => void\n}\n"],"mappings":""}
+{"version":3,"file":"GroupSelect.types.js","names":[],"sources":["../../src/GroupSelect/GroupSelect.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { MenuNavigationProps } from '../Menu/Menu.types'\nimport type {\n  GroupHeaderProps,\n  MultiSelectProps,\n} from '../MultiSelect/MultiSelect.types'\n\nexport type ChangeEvent = React.ChangeEvent<HTMLInputElement>\n\nexport type Option = any\n\nexport type GroupOption = any\n\nexport type PickedMultiSelectProps = Omit<\n  MultiSelectProps,\n  | 'value'\n  | 'options'\n  | 'getId'\n  | 'getLabel'\n  | 'onChange'\n  | 'optionRenderer'\n  | 'getGroup'\n  | 'groupRenderer'\n>\n\nexport interface GroupSelectProps extends PickedMultiSelectProps {\n  /**\n   * @since 10.19.0\n   */\n  value?: Option[]\n  /**\n   * Array of available options\n   * `{ id: number label: string groupId?: string | number }`\n   * `arrayOf: [object]`\n   * @since 10.19.0\n   */\n  options?: Option[]\n  /**\n   * Array of available collections, field options contain option id's\n   * `{ id: number label: string options: Option[] groupId?: string | number }`\n   * `arrayOf: [object]`\n   * @since 10.19.0\n   */\n  groups?: GroupOption[]\n  /**\n   * Callback with options selected when selecting or removing an option\n   * `(value: T[]) => void`\n   * @since 10.19.0\n   */\n  onChange?: (value: Option[], event?: Event) => void\n  /**\n   * @since 10.19.0\n   */\n  getId?: (option: Option | GroupOption) => number | string\n  /**\n   * Callback for each entry in options to generate the token label, also used for default searching.\n   * `(option: T) => string`\n   * @since 10.19.0\n   */\n  getLabel?: (option: Option | GroupOption) => string\n  /**\n   * Callback for each entry in groups for keying and optimizations\n   * `(option: T) => Option[]`\n   * @since 10.19.0\n   */\n  getGroup?: (option: Option | GroupOption) => Option[]\n  /**\n   * Callback for each entry in groups and options to define relation in optgroups\n   * `(option: OptionItem) => number | string`\n   * @since 10.19.0\n   */\n  getOptGroup?: (option: Option | GroupOption) => number | string\n  /**\n   * @since 10.19.0\n   */\n  onSearch?: (e: ChangeEvent) => void\n  /**\n   * Callback for rendering each option\n   * `(option: T, props: OptionRendererProps) => React.ReactNode`\n   * @since 10.19.0\n   */\n  optionRenderer?: (\n    option: Option,\n    props: GroupSelectOptionRendererParams\n  ) => React.ReactNode\n  /**\n   * Callback for rendering each group option\n   * `(groupOption: T, props: OptionRendererProps) => React.ReactNode`\n   * @since 10.19.0\n   */\n  groupRenderer?: (\n    option: GroupOption,\n    props: GroupSelectOptionRendererParams\n  ) => React.ReactNode\n  /**\n   * Callback for rendering each entry in `optgroups`\n   * `(group: GroupHeaderProps) => React.ReactNode`\n   * @since 10.19.0\n   */\n  optGroupRenderer?: (option: GroupHeaderProps) => React.ReactNode\n}\n\nexport interface GroupSelectOptionRendererParams\n  extends MenuNavigationProps,\n    Required<Pick<GroupSelectProps, 'getId' | 'getLabel'>> {\n  /**\n   * @since 10.19.0\n   */\n  value: Option\n  /**\n   * @since 10.19.0\n   */\n  selected?: boolean\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n}\n\nexport interface GroupSelectConfig {\n  /**\n   * @since 10.19.0\n   */\n  value: Option[]\n  /**\n   * @since 10.19.0\n   */\n  options: Option[]\n  /**\n   * @since 10.19.0\n   */\n  groups: GroupOption[]\n  /**\n   * @since 10.19.0\n   */\n  getId: (option: Option | GroupOption) => number | string\n  /**\n   * @since 10.19.0\n   */\n  getLabel: (option: Option | GroupOption) => string\n  /**\n   * @since 10.19.0\n   */\n  getGroup: (option: Option | GroupOption) => Option[]\n  /**\n   * @since 10.19.0\n   */\n  onChange: (value: Option[]) => void\n  /**\n   * @since 10.19.0\n   */\n  onSearch?: (e: ChangeEvent) => void\n}\n"],"mappings":"","ignoreList":[]}

package/dist/GroupSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["GroupSelect"],"sources":["../../src/GroupSelect/index.ts"],"sourcesContent":["export { GroupSelect } from './GroupSelect'\nexport type {\n  GroupSelectOptionRendererParams,\n  GroupSelectProps,\n} from './GroupSelect.types'\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,eAAe"}
+{"version":3,"file":"index.js","names":["GroupSelect"],"sources":["../../src/GroupSelect/index.ts"],"sourcesContent":["export { GroupSelect } from './GroupSelect'\nexport type {\n  GroupSelectOptionRendererParams,\n  GroupSelectProps,\n} from './GroupSelect.types'\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,eAAe","ignoreList":[]}

package/dist/GroupSelect/mocks/groupSelectMockData.js.map

@@ -1 +1 @@
-{"version":3,"file":"groupSelectMockData.js","names":["fakeOptions","id","label","groupId","fakeGroups","options","fakeOptGroups"],"sources":["../../../src/GroupSelect/mocks/groupSelectMockData.ts"],"sourcesContent":["export interface GroupSelectOption {\n  id: number\n  label: string\n  groupId?: string | number\n}\nexport interface GroupSelectGroupOption {\n  id: number\n  label: string\n  options: GroupSelectOption[]\n  groupId?: string | number\n}\nexport interface GroupSelectOptGroupOption {\n  id: string\n  label: string\n}\n\nexport const fakeOptions: GroupSelectOption[] = [\n  {\n    id: 5139977,\n    label: 'Cat',\n    groupId: '2',\n  },\n  {\n    id: 1037291,\n    label: 'Dog',\n    groupId: '2',\n  },\n  {\n    id: 3733119,\n    label: 'Parrot',\n    groupId: '2',\n  },\n  {\n    id: 1279548,\n    label: 'Cow',\n    groupId: '2',\n  },\n  {\n    id: 5136274,\n    label: 'Lion',\n    groupId: '2',\n  },\n  {\n    id: 1360365,\n    label: 'Wolf',\n    groupId: '2',\n  },\n  {\n    id: 2142072,\n    label: 'Pig',\n    groupId: '2',\n  },\n  {\n    id: 4177019,\n    label: 'Giraffe',\n    groupId: '2',\n  },\n  {\n    id: 1819065,\n    label: 'Owl',\n    groupId: '2',\n  },\n  {\n    id: 3116635,\n    label: 'Crocodile',\n    groupId: '2',\n  },\n  {\n    id: 1987946,\n    label: 'Elephant',\n    groupId: '2',\n  },\n  {\n    id: 1690,\n    label: 'Duck',\n    groupId: '2',\n  },\n  {\n    id: 10338,\n    label: 'Frog',\n    groupId: '2',\n  },\n  {\n    id: 1665038,\n    label: 'Fox',\n    groupId: '2',\n  },\n]\n\nexport const fakeGroups: GroupSelectGroupOption[] = [\n  {\n    id: 180604,\n    label: 'Group #1',\n    options: [\n      {\n        id: 5139977,\n        label: 'Cat',\n        groupId: '2',\n      },\n      {\n        id: 1037291,\n        label: 'Dog',\n        groupId: '2',\n      },\n      {\n        id: 1279548,\n        label: 'Cow',\n        groupId: '2',\n      },\n      {\n        id: 1690,\n        label: 'Duck',\n        groupId: '2',\n      },\n    ],\n    groupId: '1',\n  },\n  {\n    id: 187138,\n    label: 'Group #2',\n    options: [\n      {\n        id: 1665038,\n        label: 'Fox',\n        groupId: '2',\n      },\n      {\n        id: 10338,\n        label: 'Frog',\n        groupId: '2',\n      },\n    ],\n    groupId: '1',\n  },\n  {\n    id: 127496,\n    label: 'Group #3',\n    options: [\n      {\n        id: 1987946,\n        label: 'Elephant',\n        groupId: '2',\n      },\n      {\n        id: 1819065,\n        label: 'Owl',\n        groupId: '2',\n      },\n    ],\n    groupId: '1',\n  },\n  {\n    id: 126261,\n    label: 'Group #4',\n    options: [\n      {\n        id: 3116635,\n        label: 'Crocodile',\n        groupId: '2',\n      },\n    ],\n    groupId: '1',\n  },\n]\n\nexport const fakeOptGroups: GroupSelectOptGroupOption[] = [\n  {\n    id: '1',\n    label: 'Distribution Group',\n  },\n  {\n    id: '2',\n    label: 'Animals',\n  },\n]\n"],"mappings":"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"}
+{"version":3,"file":"groupSelectMockData.js","names":["fakeOptions","id","label","groupId","fakeGroups","options","fakeOptGroups"],"sources":["../../../src/GroupSelect/mocks/groupSelectMockData.ts"],"sourcesContent":["export interface GroupSelectOption {\n  id: number\n  label: string\n  groupId?: string | number\n}\nexport interface GroupSelectGroupOption {\n  id: number\n  label: string\n  options: GroupSelectOption[]\n  groupId?: string | number\n}\nexport interface GroupSelectOptGroupOption {\n  id: string\n  label: string\n}\n\nexport const fakeOptions: GroupSelectOption[] = [\n  {\n    id: 5139977,\n    label: 'Cat',\n    groupId: '2',\n  },\n  {\n    id: 1037291,\n    label: 'Dog',\n    groupId: '2',\n  },\n  {\n    id: 3733119,\n    label: 'Parrot',\n    groupId: '2',\n  },\n  {\n    id: 1279548,\n    label: 'Cow',\n    groupId: '2',\n  },\n  {\n    id: 5136274,\n    label: 'Lion',\n    groupId: '2',\n  },\n  {\n    id: 1360365,\n    label: 'Wolf',\n    groupId: '2',\n  },\n  {\n    id: 2142072,\n    label: 'Pig',\n    groupId: '2',\n  },\n  {\n    id: 4177019,\n    label: 'Giraffe',\n    groupId: '2',\n  },\n  {\n    id: 1819065,\n    label: 'Owl',\n    groupId: '2',\n  },\n  {\n    id: 3116635,\n    label: 'Crocodile',\n    groupId: '2',\n  },\n  {\n    id: 1987946,\n    label: 'Elephant',\n    groupId: '2',\n  },\n  {\n    id: 1690,\n    label: 'Duck',\n    groupId: '2',\n  },\n  {\n    id: 10338,\n    label: 'Frog',\n    groupId: '2',\n  },\n  {\n    id: 1665038,\n    label: 'Fox',\n    groupId: '2',\n  },\n]\n\nexport const fakeGroups: GroupSelectGroupOption[] = [\n  {\n    id: 180604,\n    label: 'Group #1',\n    options: [\n      {\n        id: 5139977,\n        label: 'Cat',\n        groupId: '2',\n      },\n      {\n        id: 1037291,\n        label: 'Dog',\n        groupId: '2',\n      },\n      {\n        id: 1279548,\n        label: 'Cow',\n        groupId: '2',\n      },\n      {\n        id: 1690,\n        label: 'Duck',\n        groupId: '2',\n      },\n    ],\n    groupId: '1',\n  },\n  {\n    id: 187138,\n    label: 'Group #2',\n    options: [\n      {\n        id: 1665038,\n        label: 'Fox',\n        groupId: '2',\n      },\n      {\n        id: 10338,\n        label: 'Frog',\n        groupId: '2',\n      },\n    ],\n    groupId: '1',\n  },\n  {\n    id: 127496,\n    label: 'Group #3',\n    options: [\n      {\n        id: 1987946,\n        label: 'Elephant',\n        groupId: '2',\n      },\n      {\n        id: 1819065,\n        label: 'Owl',\n        groupId: '2',\n      },\n    ],\n    groupId: '1',\n  },\n  {\n    id: 126261,\n    label: 'Group #4',\n    options: [\n      {\n        id: 3116635,\n        label: 'Crocodile',\n        groupId: '2',\n      },\n    ],\n    groupId: '1',\n  },\n]\n\nexport const fakeOptGroups: GroupSelectOptGroupOption[] = [\n  {\n    id: '1',\n    label: 'Distribution Group',\n  },\n  {\n    id: '2',\n    label: 'Animals',\n  },\n]\n"],"mappings":"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","ignoreList":[]}

package/dist/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["React","StyledInput","Input","forwardRef","_ref","ref","children","error","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","$error","$variant","displayName"],"sources":["../../src/Input/Input.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledInput } from './Input.styles'\nimport type { InputProps } from './Input.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-input--demo)\n\n @see [Design Guidelines](https://design.procore.com/text-input)\n\n */\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  function Input({ children, error, variant, ...props }, ref) {\n    return (\n      <StyledInput\n        {...props}\n        $error={error}\n        $variant={variant}\n        aria-invalid={error || variant === 'error' ? 'true' : 'false'}\n        ref={ref}\n      />\n    )\n  }\n)\n\nInput.displayName = 'Input'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,gBAAgB;AAG5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,gBAAGF,KAAK,CAACG,UAAU,CACnC,SAASD,KAAKA,CAAAE,IAAA,EAAyCC,GAAG,EAAE;EAAA,IAA3CC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACjD,oBACEX,KAAA,CAAAY,aAAA,CAACX,WAAW,EAAAY,QAAA,KACNJ,KAAK;IACTK,MAAM,EAAEP,KAAM;IACdQ,QAAQ,EAAEP,OAAQ;IAClB,gBAAcD,KAAK,IAAIC,OAAO,KAAK,OAAO,GAAG,MAAM,GAAG,OAAQ;IAC9DH,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CACF,CAAC;AAEDH,KAAK,CAACc,WAAW,GAAG,OAAO"}
+{"version":3,"file":"Input.js","names":["React","StyledInput","Input","forwardRef","_ref","ref","children","error","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","$error","$variant","displayName"],"sources":["../../src/Input/Input.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledInput } from './Input.styles'\nimport type { InputProps } from './Input.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-input--demo)\n\n @see [Design Guidelines](https://design.procore.com/text-input)\n\n */\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  function Input({ children, error, variant, ...props }, ref) {\n    return (\n      <StyledInput\n        {...props}\n        $error={error}\n        $variant={variant}\n        aria-invalid={error || variant === 'error' ? 'true' : 'false'}\n        ref={ref}\n      />\n    )\n  }\n)\n\nInput.displayName = 'Input'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,gBAAgB;AAG5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,gBAAGF,KAAK,CAACG,UAAU,CACnC,SAASD,KAAKA,CAAAE,IAAA,EAAyCC,GAAG,EAAE;EAAA,IAA3CC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACjD,oBACEX,KAAA,CAAAY,aAAA,CAACX,WAAW,EAAAY,QAAA,KACNJ,KAAK;IACTK,MAAM,EAAEP,KAAM;IACdQ,QAAQ,EAAEP,OAAQ;IAClB,gBAAcD,KAAK,IAAIC,OAAO,KAAK,OAAO,GAAG,MAAM,GAAG,OAAQ;IAC9DH,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CACF,CAAC;AAEDH,KAAK,CAACc,WAAW,GAAG,OAAO","ignoreList":[]}

package/dist/Input/Input.styles.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { Interpolation } from 'styled-components';
-export declare type InputStylesProps = {
+export type InputStylesProps = {
     $error?: boolean;
     $variant?: 'error' | '';
 };

package/dist/Input/Input.styles.js

@@ -16,6 +16,6 @@ export function getInputStyles(_ref) {
 }
 export var StyledInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledInput",
-  componentId: "core-12_52_0__sc-12sjkxg-0"
+  componentId: "core-12_53_1__sc-12sjkxg-0"
 })(["", " padding:0 ", "px;&::-ms-clear{display:none;}&[type='number']{-moz-appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}}"], getInputStyles, spacing.md);
 //# sourceMappingURL=Input.styles.js.map

package/dist/Input/Input.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.styles.js","names":["styled","css","getTypographyIntent","borderRadius","colors","getFocus","spacing","dataQa","focused","hovered","inputHeight","getInputStyles","_ref","$error","$variant","white","gray50","md","gray15","gray45","gray20","gray94","red50","StyledInput","input","withConfig","displayName","componentId"],"sources":["../../src/Input/Input.styles.ts"],"sourcesContent":["import type { Interpolation } from 'styled-components'\nimport styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport type InputStylesProps = {\n  $error?: boolean\n  $variant?: 'error' | ''\n}\n\nexport const dataQa = {\n  focused: 'core-input-focused',\n  hovered: 'core-input-hovered',\n}\n\nconst inputHeight = 36\n\nexport function getInputStyles({\n  $error,\n  $variant,\n}: InputStylesProps): Interpolation<object> {\n  return css`\n    ${getTypographyIntent('body')}\n\n    background-color: ${colors.white};\n    border-color: ${colors.gray50};\n    border-radius: ${borderRadius.md}px;\n    border-style: solid;\n    border-width: 1px;\n    color: ${colors.gray15};\n    display: block;\n    font-family: inherit;\n    height: ${inputHeight}px;\n    width: 100%;\n\n    &::placeholder {\n      color: ${colors.gray45};\n    }\n\n    /* Firefox 19+ */\n    &::-moz-placeholder {\n      color: ${colors.gray45};\n      opacity: 1;\n    }\n\n    ${!$error &&\n    css`\n      &:hover,\n      &[data-qa=${dataQa.hovered}] {\n        border-color: ${colors.gray20};\n      }\n    `}\n\n    &:focus,\n    &[data-qa=${dataQa.focused}] {\n      ${getFocus()}\n    }\n\n    &:disabled {\n      background-color: ${colors.gray94};\n      border-color: ${colors.gray50};\n      color: ${colors.gray45};\n      // Safari: fixes lighter color of disabled input text\n      -webkit-text-fill-color: ${colors.gray45};\n      opacity: 1;\n    }\n\n    ${($error || $variant === 'error') &&\n    css`\n      border-color: ${colors.red50};\n      background-color: ${colors.white};\n\n      // TODO we can clean up these css vars when we convert Form to JSS\n      border-color: var(--core-input-error-border-color, ${colors.red50});\n      background-color: var(\n        --core-input-error-background-color,\n        ${colors.white}\n      );\n    `}\n  `\n}\n\nexport const StyledInput = styled.input<InputStylesProps>`\n  ${getInputStyles}\n\n  padding: 0 ${spacing.md}px;\n\n  &::-ms-clear {\n    display: none;\n  }\n\n  &[type='number'] {\n    -moz-appearance: textfield;\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n  }\n`\n"],"mappings":"AACA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,OAAO,QAAQ,oBAAoB;AAO5C,OAAO,IAAMC,MAAM,GAAG;EACpBC,OAAO,EAAE,oBAAoB;EAC7BC,OAAO,EAAE;AACX,CAAC;AAED,IAAMC,WAAW,GAAG,EAAE;AAEtB,OAAO,SAASC,cAAcA,CAAAC,IAAA,EAGc;EAAA,IAF1CC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAER,OAAOb,GAAG,oYACNC,mBAAmB,CAAC,MAAM,CAAC,EAETE,MAAM,CAACW,KAAK,EAChBX,MAAM,CAACY,MAAM,EACZb,YAAY,CAACc,EAAE,EAGvBb,MAAM,CAACc,MAAM,EAGZR,WAAW,EAIVN,MAAM,CAACe,MAAM,EAKbf,MAAM,CAACe,MAAM,EAItB,CAACN,MAAM,IACTZ,GAAG,kDAEWM,MAAM,CAACE,OAAO,EACRL,MAAM,CAACgB,MAAM,CAEhC,EAGWb,MAAM,CAACC,OAAO,EACtBH,QAAQ,CAAC,CAAC,EAIQD,MAAM,CAACiB,MAAM,EACjBjB,MAAM,CAACY,MAAM,EACpBZ,MAAM,CAACe,MAAM,EAEKf,MAAM,CAACe,MAAM,EAIxC,CAACN,MAAM,IAAIC,QAAQ,KAAK,OAAO,KACjCb,GAAG,uKACeG,MAAM,CAACkB,KAAK,EACRlB,MAAM,CAACW,KAAK,EAGqBX,MAAM,CAACkB,KAAK,EAG7DlB,MAAM,CAACW,KAAK,CAEjB;AAEL;AAEA,OAAO,IAAMQ,WAAW,gBAAGvB,MAAM,CAACwB,KAAK,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kMACnChB,cAAc,EAEHL,OAAO,CAACW,EAAE,CAexB"}
+{"version":3,"file":"Input.styles.js","names":["styled","css","getTypographyIntent","borderRadius","colors","getFocus","spacing","dataQa","focused","hovered","inputHeight","getInputStyles","_ref","$error","$variant","white","gray50","md","gray15","gray45","gray20","gray94","red50","StyledInput","input","withConfig","displayName","componentId"],"sources":["../../src/Input/Input.styles.ts"],"sourcesContent":["import type { Interpolation } from 'styled-components'\nimport styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport type InputStylesProps = {\n  $error?: boolean\n  $variant?: 'error' | ''\n}\n\nexport const dataQa = {\n  focused: 'core-input-focused',\n  hovered: 'core-input-hovered',\n}\n\nconst inputHeight = 36\n\nexport function getInputStyles({\n  $error,\n  $variant,\n}: InputStylesProps): Interpolation<object> {\n  return css`\n    ${getTypographyIntent('body')}\n\n    background-color: ${colors.white};\n    border-color: ${colors.gray50};\n    border-radius: ${borderRadius.md}px;\n    border-style: solid;\n    border-width: 1px;\n    color: ${colors.gray15};\n    display: block;\n    font-family: inherit;\n    height: ${inputHeight}px;\n    width: 100%;\n\n    &::placeholder {\n      color: ${colors.gray45};\n    }\n\n    /* Firefox 19+ */\n    &::-moz-placeholder {\n      color: ${colors.gray45};\n      opacity: 1;\n    }\n\n    ${!$error &&\n    css`\n      &:hover,\n      &[data-qa=${dataQa.hovered}] {\n        border-color: ${colors.gray20};\n      }\n    `}\n\n    &:focus,\n    &[data-qa=${dataQa.focused}] {\n      ${getFocus()}\n    }\n\n    &:disabled {\n      background-color: ${colors.gray94};\n      border-color: ${colors.gray50};\n      color: ${colors.gray45};\n      // Safari: fixes lighter color of disabled input text\n      -webkit-text-fill-color: ${colors.gray45};\n      opacity: 1;\n    }\n\n    ${($error || $variant === 'error') &&\n    css`\n      border-color: ${colors.red50};\n      background-color: ${colors.white};\n\n      // TODO we can clean up these css vars when we convert Form to JSS\n      border-color: var(--core-input-error-border-color, ${colors.red50});\n      background-color: var(\n        --core-input-error-background-color,\n        ${colors.white}\n      );\n    `}\n  `\n}\n\nexport const StyledInput = styled.input<InputStylesProps>`\n  ${getInputStyles}\n\n  padding: 0 ${spacing.md}px;\n\n  &::-ms-clear {\n    display: none;\n  }\n\n  &[type='number'] {\n    -moz-appearance: textfield;\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n  }\n`\n"],"mappings":"AACA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,OAAO,QAAQ,oBAAoB;AAO5C,OAAO,IAAMC,MAAM,GAAG;EACpBC,OAAO,EAAE,oBAAoB;EAC7BC,OAAO,EAAE;AACX,CAAC;AAED,IAAMC,WAAW,GAAG,EAAE;AAEtB,OAAO,SAASC,cAAcA,CAAAC,IAAA,EAGc;EAAA,IAF1CC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAER,OAAOb,GAAG,oYACNC,mBAAmB,CAAC,MAAM,CAAC,EAETE,MAAM,CAACW,KAAK,EAChBX,MAAM,CAACY,MAAM,EACZb,YAAY,CAACc,EAAE,EAGvBb,MAAM,CAACc,MAAM,EAGZR,WAAW,EAIVN,MAAM,CAACe,MAAM,EAKbf,MAAM,CAACe,MAAM,EAItB,CAACN,MAAM,IACTZ,GAAG,kDAEWM,MAAM,CAACE,OAAO,EACRL,MAAM,CAACgB,MAAM,CAEhC,EAGWb,MAAM,CAACC,OAAO,EACtBH,QAAQ,CAAC,CAAC,EAIQD,MAAM,CAACiB,MAAM,EACjBjB,MAAM,CAACY,MAAM,EACpBZ,MAAM,CAACe,MAAM,EAEKf,MAAM,CAACe,MAAM,EAIxC,CAACN,MAAM,IAAIC,QAAQ,KAAK,OAAO,KACjCb,GAAG,uKACeG,MAAM,CAACkB,KAAK,EACRlB,MAAM,CAACW,KAAK,EAGqBX,MAAM,CAACkB,KAAK,EAG7DlB,MAAM,CAACW,KAAK,CAEjB;AAEL;AAEA,OAAO,IAAMQ,WAAW,gBAAGvB,MAAM,CAACwB,KAAK,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kMACnChB,cAAc,EAEHL,OAAO,CAACW,EAAE,CAexB","ignoreList":[]}

package/dist/Input/Input.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     /**
      * Controls the error state of the `Input`, changing the

package/dist/Input/Input.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.types.js","names":[],"sources":["../../src/Input/Input.types.ts"],"sourcesContent":["export interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  /**\n   * Controls the error state of the `Input`, changing the\n   * background color and border colors to red\n   * @since 10.19.0\n   */\n  error?: boolean\n\n  /**\n   * @deprecated Use the `error` prop instead\n   * @deprecatedSince 11\n   * @since 10.19.0\n   */\n  variant?: 'error' | ''\n}\n"],"mappings":""}
+{"version":3,"file":"Input.types.js","names":[],"sources":["../../src/Input/Input.types.ts"],"sourcesContent":["export interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  /**\n   * Controls the error state of the `Input`, changing the\n   * background color and border colors to red\n   * @since 10.19.0\n   */\n  error?: boolean\n\n  /**\n   * @deprecated Use the `error` prop instead\n   * @deprecatedSince 11\n   * @since 10.19.0\n   */\n  variant?: 'error' | ''\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Input"],"sources":["../../src/Input/index.ts"],"sourcesContent":["export { Input } from './Input'\nexport type { InputProps } from './Input.types'\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS"}
+{"version":3,"file":"index.js","names":["Input"],"sources":["../../src/Input/index.ts"],"sourcesContent":["export { Input } from './Input'\nexport type { InputProps } from './Input.types'\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS","ignoreList":[]}

package/dist/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["React","StyledLink","Link","forwardRef","_ref","ref","children","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","$variant","displayName"],"sources":["../../src/Link/Link.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledLink } from './Link.styles'\nimport type { LinkProps } from './Link.types'\n\n/**\n\n Links provide users with quick references to relevant Procore or affiliate\n websites that will provide more contextual information to a page or feature.\n\n Links should not be used to reference a page or modal in Procore’s product.\n In that case, use a button.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-link--demo)\n\n @see [Design Guidelines](https://design.procore.com/link)\n\n */\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ children, variant, ...props }, ref) => {\n    return (\n      <StyledLink {...props} $variant={variant} ref={ref}>\n        {children}\n      </StyledLink>\n    )\n  }\n)\n\nLink.displayName = 'Link'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,eAAe;AAG1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,gBAAGF,KAAK,CAACG,UAAU,CAClC,UAAAC,IAAA,EAAkCC,GAAG,EAAK;EAAA,IAAvCC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAKC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAC5B,oBACEV,KAAA,CAAAW,aAAA,CAACV,UAAU,EAAAW,QAAA,KAAKJ,KAAK;IAAEK,QAAQ,EAAEN,OAAQ;IAACF,GAAG,EAAEA;EAAI,IAChDC,QACS,CAAC;AAEjB,CACF,CAAC;AAEDJ,IAAI,CAACY,WAAW,GAAG,MAAM"}
+{"version":3,"file":"Link.js","names":["React","StyledLink","Link","forwardRef","_ref","ref","children","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","$variant","displayName"],"sources":["../../src/Link/Link.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledLink } from './Link.styles'\nimport type { LinkProps } from './Link.types'\n\n/**\n\n Links provide users with quick references to relevant Procore or affiliate\n websites that will provide more contextual information to a page or feature.\n\n Links should not be used to reference a page or modal in Procore’s product.\n In that case, use a button.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-link--demo)\n\n @see [Design Guidelines](https://design.procore.com/link)\n\n */\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ children, variant, ...props }, ref) => {\n    return (\n      <StyledLink {...props} $variant={variant} ref={ref}>\n        {children}\n      </StyledLink>\n    )\n  }\n)\n\nLink.displayName = 'Link'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,eAAe;AAG1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,gBAAGF,KAAK,CAACG,UAAU,CAClC,UAAAC,IAAA,EAAkCC,GAAG,EAAK;EAAA,IAAvCC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAKC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAC5B,oBACEV,KAAA,CAAAW,aAAA,CAACV,UAAU,EAAAW,QAAA,KAAKJ,KAAK;IAAEK,QAAQ,EAAEN,OAAQ;IAACF,GAAG,EAAEA;EAAI,IAChDC,QACS,CAAC;AAEjB,CACF,CAAC;AAEDJ,IAAI,CAACY,WAAW,GAAG,MAAM","ignoreList":[]}

package/dist/Link/Link.styles.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import type { LinkProps } from './Link.types';
 export declare const StyledLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
-    $variant: LinkProps['variant'];
+    $variant: LinkProps["variant"];
 }>> & string;

package/dist/Link/Link.styles.js

@@ -17,6 +17,6 @@ function getLinkColors(_ref) {
 }
 export var StyledLink = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLink",
-  componentId: "core-12_52_0__sc-jfowrl-0"
+  componentId: "core-12_53_1__sc-jfowrl-0"
 })(["text-decoration:underline;&:hover{cursor:pointer;text-decoration:underline;}", " &.focus,&:focus{", ";}", ""], focusable, getBorderRadius('md'), getLinkColors);
 //# sourceMappingURL=Link.styles.js.map

package/dist/Link/Link.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.styles.js","names":["styled","css","getBorderRadius","colors","focusable","getLinkColors","_ref","_ref$$variant","$variant","gray30","orange50","white","gray85","blue45","blue30","StyledLink","a","withConfig","displayName","componentId"],"sources":["../../src/Link/Link.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getBorderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { focusable } from '../_styles/mixins'\nimport type { LinkProps } from './Link.types'\n\nfunction getLinkColors({ $variant = 'default' }) {\n  switch ($variant) {\n    case 'gray':\n      return css`\n        color: ${colors.gray30};\n\n        &:hover {\n          color: ${colors.orange50};\n        }\n      `\n    case 'white':\n      return css`\n        color: ${colors.white};\n\n        &:hover {\n          color: ${colors.gray85};\n        }\n      `\n    case 'default':\n    default:\n      return css`\n        color: ${colors.blue45};\n\n        &:hover {\n          color: ${colors.blue30};\n        }\n      `\n  }\n}\n\nexport const StyledLink = styled.a<{ $variant: LinkProps['variant'] }>`\n  text-decoration: underline;\n\n  &:hover {\n    cursor: pointer;\n    text-decoration: underline;\n  }\n\n  ${focusable}\n\n  // the focusable mixin applies the class and pseudo selector\n  &.focus,\n  &:focus {\n    ${getBorderRadius('md')};\n  }\n\n  ${getLinkColors}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,mBAAmB;AAG7C,SAASC,aAAaA,CAAAC,IAAA,EAA2B;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAAxBE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,SAAS,GAAAA,aAAA;EAC3C,QAAQC,QAAQ;IACd,KAAK,MAAM;MACT,OAAOP,GAAG,sCACCE,MAAM,CAACM,MAAM,EAGXN,MAAM,CAACO,QAAQ;IAG9B,KAAK,OAAO;MACV,OAAOT,GAAG,sCACCE,MAAM,CAACQ,KAAK,EAGVR,MAAM,CAACS,MAAM;IAG5B,KAAK,SAAS;IACd;MACE,OAAOX,GAAG,sCACCE,MAAM,CAACU,MAAM,EAGXV,MAAM,CAACW,MAAM;EAG9B;AACF;AAEA,OAAO,IAAMC,UAAU,gBAAGf,MAAM,CAACgB,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oHAQ9Bf,SAAS,EAKPF,eAAe,CAAC,IAAI,CAAC,EAGvBG,aAAa,CAChB"}
+{"version":3,"file":"Link.styles.js","names":["styled","css","getBorderRadius","colors","focusable","getLinkColors","_ref","_ref$$variant","$variant","gray30","orange50","white","gray85","blue45","blue30","StyledLink","a","withConfig","displayName","componentId"],"sources":["../../src/Link/Link.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getBorderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { focusable } from '../_styles/mixins'\nimport type { LinkProps } from './Link.types'\n\nfunction getLinkColors({ $variant = 'default' }) {\n  switch ($variant) {\n    case 'gray':\n      return css`\n        color: ${colors.gray30};\n\n        &:hover {\n          color: ${colors.orange50};\n        }\n      `\n    case 'white':\n      return css`\n        color: ${colors.white};\n\n        &:hover {\n          color: ${colors.gray85};\n        }\n      `\n    case 'default':\n    default:\n      return css`\n        color: ${colors.blue45};\n\n        &:hover {\n          color: ${colors.blue30};\n        }\n      `\n  }\n}\n\nexport const StyledLink = styled.a<{ $variant: LinkProps['variant'] }>`\n  text-decoration: underline;\n\n  &:hover {\n    cursor: pointer;\n    text-decoration: underline;\n  }\n\n  ${focusable}\n\n  // the focusable mixin applies the class and pseudo selector\n  &.focus,\n  &:focus {\n    ${getBorderRadius('md')};\n  }\n\n  ${getLinkColors}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,mBAAmB;AAG7C,SAASC,aAAaA,CAAAC,IAAA,EAA2B;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAAxBE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,SAAS,GAAAA,aAAA;EAC3C,QAAQC,QAAQ;IACd,KAAK,MAAM;MACT,OAAOP,GAAG,sCACCE,MAAM,CAACM,MAAM,EAGXN,MAAM,CAACO,QAAQ;IAG9B,KAAK,OAAO;MACV,OAAOT,GAAG,sCACCE,MAAM,CAACQ,KAAK,EAGVR,MAAM,CAACS,MAAM;IAG5B,KAAK,SAAS;IACd;MACE,OAAOX,GAAG,sCACCE,MAAM,CAACU,MAAM,EAGXV,MAAM,CAACW,MAAM;EAG9B;AACF;AAEA,OAAO,IAAMC,UAAU,gBAAGf,MAAM,CAACgB,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oHAQ9Bf,SAAS,EAKPF,eAAe,CAAC,IAAI,CAAC,EAGvBG,aAAa,CAChB","ignoreList":[]}

package/dist/Link/Link.types.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare type LinkVariant = 'gray' | 'white';
+export type LinkVariant = 'gray' | 'white';
 export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     /**
      * The color variant of the link

package/dist/Link/Link.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.types.js","names":[],"sources":["../../src/Link/Link.types.ts"],"sourcesContent":["export type LinkVariant = 'gray' | 'white'\n\nexport interface LinkProps\n  extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /**\n   * The color variant of the link\n   * @since 10.19.0\n   *\n   * @deprecated variant `gray` is deprecated and will be removed\n   * @deprecatedSince 12.18.0\n   */\n  variant?: LinkVariant\n}\n"],"mappings":""}
+{"version":3,"file":"Link.types.js","names":[],"sources":["../../src/Link/Link.types.ts"],"sourcesContent":["export type LinkVariant = 'gray' | 'white'\n\nexport interface LinkProps\n  extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /**\n   * The color variant of the link\n   * @since 10.19.0\n   *\n   * @deprecated variant `gray` is deprecated and will be removed\n   * @deprecatedSince 12.18.0\n   */\n  variant?: LinkVariant\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Link"],"sources":["../../src/Link/index.ts"],"sourcesContent":["export { Link } from './Link'\nexport type { LinkProps } from './Link.types'\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,QAAQ"}
+{"version":3,"file":"index.js","names":["Link"],"sources":["../../src/Link/index.ts"],"sourcesContent":["export { Link } from './Link'\nexport type { LinkProps } from './Link.types'\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,QAAQ","ignoreList":[]}

package/dist/ListPage/ListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListPage.js","names":["React","addSubcomponents","StyledListPage","StyledListPageBanner","StyledListPageBody","StyledListPageBodyContent","StyledListPageContentControls","StyledListPageControl","StyledListPageMain","StyledListPageToolHeader","ListPage_","forwardRef","ListPage","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","Main","_ref2","_excluded2","Banner","_ref3","_excluded3","ToolHeader","_ref4","_excluded4","ContentControls","_ref5","_excluded5","Body","_ref6","_excluded6","Control","_ref7","_ref7$alignRight","alignRight","_ref7$block","block","_ref7$search","search","variant","_excluded7","$alignRight","$block","$search","displayName"],"sources":["../../src/ListPage/ListPage.tsx"],"sourcesContent":["import React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledListPage,\n  StyledListPageBanner,\n  StyledListPageBody,\n  StyledListPageBodyContent,\n  StyledListPageContentControls,\n  StyledListPageControl,\n  StyledListPageMain,\n  StyledListPageToolHeader,\n} from './ListPage.styles'\nimport type { ListPageControlProps, ListPageProps } from './ListPage.types'\n\nexport const ListPage_ = React.forwardRef<HTMLDivElement, ListPageProps>(\n  function ListPage({ children, ...props }, ref) {\n    return (\n      <StyledListPage {...props} ref={ref}>\n        {children}\n      </StyledListPage>\n    )\n  }\n)\n\nexport const Main = React.forwardRef<HTMLDivElement, Props>(function Main(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledListPageMain {...props} ref={ref}>\n      {children}\n    </StyledListPageMain>\n  )\n})\n\nexport const Banner = React.forwardRef<HTMLDivElement, Props>(function Banner(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledListPageBanner {...props} ref={ref}>\n      {children}\n    </StyledListPageBanner>\n  )\n})\n\nexport const ToolHeader = React.forwardRef<HTMLDivElement, Props>(\n  function ToolHeader({ children, ...props }, ref) {\n    return (\n      <StyledListPageToolHeader {...props} ref={ref}>\n        {children}\n      </StyledListPageToolHeader>\n    )\n  }\n)\n\nexport const ContentControls = React.forwardRef<HTMLDivElement, Props>(\n  function ContentControls({ children, ...props }, ref) {\n    return (\n      <StyledListPageContentControls {...props} ref={ref}>\n        {children}\n      </StyledListPageContentControls>\n    )\n  }\n)\n\nexport const Body = React.forwardRef<HTMLDivElement, Props>(function Body(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledListPageBody {...props} ref={ref}>\n      <StyledListPageBodyContent>{children}</StyledListPageBodyContent>\n    </StyledListPageBody>\n  )\n})\n\nexport const Control = React.forwardRef<HTMLDivElement, ListPageControlProps>(\n  function Control(\n    {\n      alignRight = false,\n      block = false,\n      children,\n      search = false,\n      variant,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <StyledListPageControl\n        {...props}\n        $alignRight={alignRight || variant === 'align-right'}\n        $block={block || variant === 'block'}\n        $search={search || variant === 'search'}\n        ref={ref}\n      >\n        {children}\n      </StyledListPageControl>\n    )\n  }\n)\n\nBanner.displayName = 'ListPage.Banner'\n\nBody.displayName = 'ListPage.Body'\n\nContentControls.displayName = 'ListPage.ContentControls'\n\nControl.displayName = 'ListPage.Control'\n\nMain.displayName = 'ListPage.Main'\n\nToolHeader.displayName = 'ListPage.ToolHeader'\n\n/**\n * @deprecated The `ListPage` layout is superseded by `ToolLandingPage` for tool landing experiences; use `DetailPage` when showing a single record instead.\n *\n * BEFORE\n * ```tsx\n * <ListPage>\n *   <ListPage.Main>\n *     <ListPage.ToolHeader>...</ListPage.ToolHeader>\n *     <ListPage.ContentControls>...</ListPage.ContentControls>\n *     <ListPage.Body>...</ListPage.Body>\n *   </ListPage.Main>\n * </ListPage>\n * ```\n *\n * AFTER\n * ```tsx\n * <ToolLandingPage>\n *   <ToolLandingPage.Main>\n *     <ToolLandingPage.Header>\n *       <ToolLandingPage.Title>...</ToolLandingPage.Title>\n *       <ToolLandingPage.Tabs>...</ToolLandingPage.Tabs>\n *     </ToolLandingPage.Header>\n *     <ToolLandingPage.Body>...</ToolLandingPage.Body>\n *   </ToolLandingPage.Main>\n * </ToolLandingPage>\n * ```\n *\n * @deprecatedSince 12.9.0\n *\n * @see https://stories.core.procore.com/?path=/story/core-react_demos-toollandingpage--demo\n */\nexport const ListPage = addSubcomponents(\n  {\n    Banner,\n    Body,\n    ContentControls,\n    Control,\n    Main,\n    ToolHeader,\n  },\n  ListPage_\n)\n"],"mappings":"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"}
+{"version":3,"file":"ListPage.js","names":["React","addSubcomponents","StyledListPage","StyledListPageBanner","StyledListPageBody","StyledListPageBodyContent","StyledListPageContentControls","StyledListPageControl","StyledListPageMain","StyledListPageToolHeader","ListPage_","forwardRef","ListPage","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","Main","_ref2","_excluded2","Banner","_ref3","_excluded3","ToolHeader","_ref4","_excluded4","ContentControls","_ref5","_excluded5","Body","_ref6","_excluded6","Control","_ref7","_ref7$alignRight","alignRight","_ref7$block","block","_ref7$search","search","variant","_excluded7","$alignRight","$block","$search","displayName"],"sources":["../../src/ListPage/ListPage.tsx"],"sourcesContent":["import React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledListPage,\n  StyledListPageBanner,\n  StyledListPageBody,\n  StyledListPageBodyContent,\n  StyledListPageContentControls,\n  StyledListPageControl,\n  StyledListPageMain,\n  StyledListPageToolHeader,\n} from './ListPage.styles'\nimport type { ListPageControlProps, ListPageProps } from './ListPage.types'\n\nexport const ListPage_ = React.forwardRef<HTMLDivElement, ListPageProps>(\n  function ListPage({ children, ...props }, ref) {\n    return (\n      <StyledListPage {...props} ref={ref}>\n        {children}\n      </StyledListPage>\n    )\n  }\n)\n\nexport const Main = React.forwardRef<HTMLDivElement, Props>(function Main(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledListPageMain {...props} ref={ref}>\n      {children}\n    </StyledListPageMain>\n  )\n})\n\nexport const Banner = React.forwardRef<HTMLDivElement, Props>(function Banner(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledListPageBanner {...props} ref={ref}>\n      {children}\n    </StyledListPageBanner>\n  )\n})\n\nexport const ToolHeader = React.forwardRef<HTMLDivElement, Props>(\n  function ToolHeader({ children, ...props }, ref) {\n    return (\n      <StyledListPageToolHeader {...props} ref={ref}>\n        {children}\n      </StyledListPageToolHeader>\n    )\n  }\n)\n\nexport const ContentControls = React.forwardRef<HTMLDivElement, Props>(\n  function ContentControls({ children, ...props }, ref) {\n    return (\n      <StyledListPageContentControls {...props} ref={ref}>\n        {children}\n      </StyledListPageContentControls>\n    )\n  }\n)\n\nexport const Body = React.forwardRef<HTMLDivElement, Props>(function Body(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledListPageBody {...props} ref={ref}>\n      <StyledListPageBodyContent>{children}</StyledListPageBodyContent>\n    </StyledListPageBody>\n  )\n})\n\nexport const Control = React.forwardRef<HTMLDivElement, ListPageControlProps>(\n  function Control(\n    {\n      alignRight = false,\n      block = false,\n      children,\n      search = false,\n      variant,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <StyledListPageControl\n        {...props}\n        $alignRight={alignRight || variant === 'align-right'}\n        $block={block || variant === 'block'}\n        $search={search || variant === 'search'}\n        ref={ref}\n      >\n        {children}\n      </StyledListPageControl>\n    )\n  }\n)\n\nBanner.displayName = 'ListPage.Banner'\n\nBody.displayName = 'ListPage.Body'\n\nContentControls.displayName = 'ListPage.ContentControls'\n\nControl.displayName = 'ListPage.Control'\n\nMain.displayName = 'ListPage.Main'\n\nToolHeader.displayName = 'ListPage.ToolHeader'\n\n/**\n * @deprecated The `ListPage` layout is superseded by `ToolLandingPage` for tool landing experiences; use `DetailPage` when showing a single record instead.\n *\n * BEFORE\n * ```tsx\n * <ListPage>\n *   <ListPage.Main>\n *     <ListPage.ToolHeader>...</ListPage.ToolHeader>\n *     <ListPage.ContentControls>...</ListPage.ContentControls>\n *     <ListPage.Body>...</ListPage.Body>\n *   </ListPage.Main>\n * </ListPage>\n * ```\n *\n * AFTER\n * ```tsx\n * <ToolLandingPage>\n *   <ToolLandingPage.Main>\n *     <ToolLandingPage.Header>\n *       <ToolLandingPage.Title>...</ToolLandingPage.Title>\n *       <ToolLandingPage.Tabs>...</ToolLandingPage.Tabs>\n *     </ToolLandingPage.Header>\n *     <ToolLandingPage.Body>...</ToolLandingPage.Body>\n *   </ToolLandingPage.Main>\n * </ToolLandingPage>\n * ```\n *\n * @deprecatedSince 12.9.0\n *\n * @see https://stories.core.procore.com/?path=/story/core-react_demos-toollandingpage--demo\n */\nexport const ListPage = addSubcomponents(\n  {\n    Banner,\n    Body,\n    ContentControls,\n    Control,\n    Main,\n    ToolHeader,\n  },\n  ListPage_\n)\n"],"mappings":"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","ignoreList":[]}

package/dist/ListPage/ListPage.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledListPageMain: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledListPageBanner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledListPageToolHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/ListPage/ListPage.styles.js

@@ -3,19 +3,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledListPageMain = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageMain",
-  componentId: "core-12_52_0__sc-1eq7fzi-0"
+  componentId: "core-12_53_1__sc-1eq7fzi-0"
 })(["display:flex;flex:1 0 auto;flex-direction:column;min-width:0;padding:", "px ", "px;width:100%;"], spacing.lg, spacing.xl);
 export var StyledListPageBanner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBanner",
-  componentId: "core-12_52_0__sc-1eq7fzi-1"
+  componentId: "core-12_53_1__sc-1eq7fzi-1"
 })(["flex:0 0 auto;"]);
 export var StyledListPageToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageToolHeader",
-  componentId: "core-12_52_0__sc-1eq7fzi-2"
+  componentId: "core-12_53_1__sc-1eq7fzi-2"
 })(["flex:0 0 auto;padding-bottom:", "px;"], spacing.lg);
 export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageControl",
-  componentId: "core-12_52_0__sc-1eq7fzi-3"
+  componentId: "core-12_53_1__sc-1eq7fzi-3"
 })(["flex:", ";", " ", ""], function (_ref) {
   var $block = _ref.$block;
   return $block ? '1 0 auto' : '0 0 auto';
@@ -32,18 +32,18 @@ export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledListPageContentControls = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageContentControls",
-  componentId: "core-12_52_0__sc-1eq7fzi-4"
+  componentId: "core-12_53_1__sc-1eq7fzi-4"
 })(["align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;padding:", "px 0;", " + ", "{margin-left:", "px;}"], spacing.md, StyledListPageControl, StyledListPageControl, spacing.lg);
 export var StyledListPageBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBody",
-  componentId: "core-12_52_0__sc-1eq7fzi-5"
+  componentId: "core-12_53_1__sc-1eq7fzi-5"
 })(["display:flex;flex:1 0 auto;padding-top:", "px;"], spacing.md);
 export var StyledListPageBodyContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBodyContent",
-  componentId: "core-12_52_0__sc-1eq7fzi-6"
+  componentId: "core-12_53_1__sc-1eq7fzi-6"
 })(["flex:1 1 auto;"]);
 export var StyledListPage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPage",
-  componentId: "core-12_52_0__sc-1eq7fzi-7"
+  componentId: "core-12_53_1__sc-1eq7fzi-7"
 })(["display:flex;flex-direction:row;height:100%;width:100%;", " + ", "{padding-top:", "px;}", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", ",", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", "{padding-top:0;}"], StyledListPageBanner, StyledListPageToolHeader, spacing.lg, StyledListPageContentControls, StyledListPageContentControls, colors.gray85, StyledListPageToolHeader, StyledListPageContentControls, StyledListPageToolHeader, StyledListPageBody, colors.gray85, StyledListPageContentControls, StyledListPageBody);
 //# sourceMappingURL=ListPage.styles.js.map

package/dist/ListPage/ListPage.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListPage.styles.js","names":["styled","css","colors","spacing","StyledListPageMain","div","withConfig","displayName","componentId","lg","xl","StyledListPageBanner","StyledListPageToolHeader","StyledListPageControl","_ref","$block","_ref2","$alignRight","_ref3","$search","StyledListPageContentControls","md","StyledListPageBody","StyledListPageBodyContent","StyledListPage","gray85"],"sources":["../../src/ListPage/ListPage.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledListPageMain = styled.div`\n  display: flex;\n  flex: 1 0 auto;\n  flex-direction: column;\n  min-width: 0;\n  padding: ${spacing.lg}px ${spacing.xl}px;\n  width: 100%;\n`\n\nexport const StyledListPageBanner = styled.div`\n  flex: 0 0 auto;\n`\n\nexport const StyledListPageToolHeader = styled.div`\n  flex: 0 0 auto;\n  padding-bottom: ${spacing.lg}px;\n`\n\ninterface StyledListPageControlProps {\n  $alignRight: boolean\n  $block: boolean\n  $search: boolean\n}\n\nexport const StyledListPageControl = styled.div<StyledListPageControlProps>`\n  flex: ${({ $block }) => ($block ? '1 0 auto' : '0 0 auto')};\n\n  ${({ $alignRight }) => {\n    if ($alignRight) {\n      return css`\n        margin-left: auto;\n      `\n    }\n  }}\n\n  ${({ $search }) => {\n    if ($search) {\n      return css`\n        width: 240px;\n      `\n    }\n  }}\n`\n\nexport const StyledListPageContentControls = styled.div`\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: space-between;\n  padding: ${spacing.md}px 0;\n\n  ${StyledListPageControl} + ${StyledListPageControl} {\n    margin-left: ${spacing.lg}px;\n  }\n`\n\nexport const StyledListPageBody = styled.div`\n  display: flex;\n  flex: 1 0 auto;\n  padding-top: ${spacing.md}px;\n`\n\nexport const StyledListPageBodyContent = styled.div`\n  flex: 1 1 auto;\n`\n\nexport const StyledListPage = styled.div`\n  display: flex;\n  flex-direction: row;\n  height: 100%;\n  width: 100%;\n\n  ${StyledListPageBanner} + ${StyledListPageToolHeader} {\n    padding-top: ${spacing.lg}px;\n  }\n\n  ${StyledListPageContentControls} + ${StyledListPageContentControls} {\n    border-top-color: ${colors.gray85};\n    border-top-style: solid;\n    border-top-width: 1px;\n  }\n\n  ${StyledListPageToolHeader} + ${StyledListPageContentControls},\n  ${StyledListPageToolHeader} + ${StyledListPageBody} {\n    border-top-color: ${colors.gray85};\n    border-top-style: solid;\n    border-top-width: 1px;\n  }\n\n  ${StyledListPageContentControls} + ${StyledListPageBody} {\n    padding-top: 0;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,kBAAkB,gBAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uGAK/BL,OAAO,CAACM,EAAE,EAAMN,OAAO,CAACO,EAAE,CAEtC;AAED,OAAO,IAAMC,oBAAoB,gBAAGX,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sBAE7C;AAED,OAAO,IAAMI,wBAAwB,gBAAGZ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6CAE9BL,OAAO,CAACM,EAAE,CAC7B;AAQD,OAAO,IAAMI,qBAAqB,gBAAGb,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BACrC,UAAAM,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OAAQA,MAAM,GAAG,UAAU,GAAG,UAAU;AAAA,CAAC,EAExD,UAAAC,KAAA,EAAqB;EAAA,IAAlBC,WAAW,GAAAD,KAAA,CAAXC,WAAW;EACd,IAAIA,WAAW,EAAE;IACf,OAAOhB,GAAG;EAGZ;AACF,CAAC,EAEC,UAAAiB,KAAA,EAAiB;EAAA,IAAdC,OAAO,GAAAD,KAAA,CAAPC,OAAO;EACV,IAAIA,OAAO,EAAE;IACX,OAAOlB,GAAG;EAGZ;AACF,CAAC,CACF;AAED,OAAO,IAAMmB,6BAA6B,gBAAGpB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sIAK1CL,OAAO,CAACkB,EAAE,EAEnBR,qBAAqB,EAAMA,qBAAqB,EACjCV,OAAO,CAACM,EAAE,CAE5B;AAED,OAAO,IAAMa,kBAAkB,gBAAGtB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uDAG3BL,OAAO,CAACkB,EAAE,CAC1B;AAED,OAAO,IAAME,yBAAyB,gBAAGvB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sBAElD;AAED,OAAO,IAAMgB,cAAc,gBAAGxB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qSAMpCG,oBAAoB,EAAMC,wBAAwB,EACnCT,OAAO,CAACM,EAAE,EAGzBW,6BAA6B,EAAMA,6BAA6B,EAC5ClB,MAAM,CAACuB,MAAM,EAKjCb,wBAAwB,EAAMQ,6BAA6B,EAC3DR,wBAAwB,EAAMU,kBAAkB,EAC5BpB,MAAM,CAACuB,MAAM,EAKjCL,6BAA6B,EAAME,kBAAkB,CAGxD"}
+{"version":3,"file":"ListPage.styles.js","names":["styled","css","colors","spacing","StyledListPageMain","div","withConfig","displayName","componentId","lg","xl","StyledListPageBanner","StyledListPageToolHeader","StyledListPageControl","_ref","$block","_ref2","$alignRight","_ref3","$search","StyledListPageContentControls","md","StyledListPageBody","StyledListPageBodyContent","StyledListPage","gray85"],"sources":["../../src/ListPage/ListPage.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledListPageMain = styled.div`\n  display: flex;\n  flex: 1 0 auto;\n  flex-direction: column;\n  min-width: 0;\n  padding: ${spacing.lg}px ${spacing.xl}px;\n  width: 100%;\n`\n\nexport const StyledListPageBanner = styled.div`\n  flex: 0 0 auto;\n`\n\nexport const StyledListPageToolHeader = styled.div`\n  flex: 0 0 auto;\n  padding-bottom: ${spacing.lg}px;\n`\n\ninterface StyledListPageControlProps {\n  $alignRight: boolean\n  $block: boolean\n  $search: boolean\n}\n\nexport const StyledListPageControl = styled.div<StyledListPageControlProps>`\n  flex: ${({ $block }) => ($block ? '1 0 auto' : '0 0 auto')};\n\n  ${({ $alignRight }) => {\n    if ($alignRight) {\n      return css`\n        margin-left: auto;\n      `\n    }\n  }}\n\n  ${({ $search }) => {\n    if ($search) {\n      return css`\n        width: 240px;\n      `\n    }\n  }}\n`\n\nexport const StyledListPageContentControls = styled.div`\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: space-between;\n  padding: ${spacing.md}px 0;\n\n  ${StyledListPageControl} + ${StyledListPageControl} {\n    margin-left: ${spacing.lg}px;\n  }\n`\n\nexport const StyledListPageBody = styled.div`\n  display: flex;\n  flex: 1 0 auto;\n  padding-top: ${spacing.md}px;\n`\n\nexport const StyledListPageBodyContent = styled.div`\n  flex: 1 1 auto;\n`\n\nexport const StyledListPage = styled.div`\n  display: flex;\n  flex-direction: row;\n  height: 100%;\n  width: 100%;\n\n  ${StyledListPageBanner} + ${StyledListPageToolHeader} {\n    padding-top: ${spacing.lg}px;\n  }\n\n  ${StyledListPageContentControls} + ${StyledListPageContentControls} {\n    border-top-color: ${colors.gray85};\n    border-top-style: solid;\n    border-top-width: 1px;\n  }\n\n  ${StyledListPageToolHeader} + ${StyledListPageContentControls},\n  ${StyledListPageToolHeader} + ${StyledListPageBody} {\n    border-top-color: ${colors.gray85};\n    border-top-style: solid;\n    border-top-width: 1px;\n  }\n\n  ${StyledListPageContentControls} + ${StyledListPageBody} {\n    padding-top: 0;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,kBAAkB,gBAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uGAK/BL,OAAO,CAACM,EAAE,EAAMN,OAAO,CAACO,EAAE,CAEtC;AAED,OAAO,IAAMC,oBAAoB,gBAAGX,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sBAE7C;AAED,OAAO,IAAMI,wBAAwB,gBAAGZ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6CAE9BL,OAAO,CAACM,EAAE,CAC7B;AAQD,OAAO,IAAMI,qBAAqB,gBAAGb,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BACrC,UAAAM,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OAAQA,MAAM,GAAG,UAAU,GAAG,UAAU;AAAA,CAAC,EAExD,UAAAC,KAAA,EAAqB;EAAA,IAAlBC,WAAW,GAAAD,KAAA,CAAXC,WAAW;EACd,IAAIA,WAAW,EAAE;IACf,OAAOhB,GAAG;EAGZ;AACF,CAAC,EAEC,UAAAiB,KAAA,EAAiB;EAAA,IAAdC,OAAO,GAAAD,KAAA,CAAPC,OAAO;EACV,IAAIA,OAAO,EAAE;IACX,OAAOlB,GAAG;EAGZ;AACF,CAAC,CACF;AAED,OAAO,IAAMmB,6BAA6B,gBAAGpB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sIAK1CL,OAAO,CAACkB,EAAE,EAEnBR,qBAAqB,EAAMA,qBAAqB,EACjCV,OAAO,CAACM,EAAE,CAE5B;AAED,OAAO,IAAMa,kBAAkB,gBAAGtB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uDAG3BL,OAAO,CAACkB,EAAE,CAC1B;AAED,OAAO,IAAME,yBAAyB,gBAAGvB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sBAElD;AAED,OAAO,IAAMgB,cAAc,gBAAGxB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qSAMpCG,oBAAoB,EAAMC,wBAAwB,EACnCT,OAAO,CAACM,EAAE,EAGzBW,6BAA6B,EAAMA,6BAA6B,EAC5ClB,MAAM,CAACuB,MAAM,EAKjCb,wBAAwB,EAAMQ,6BAA6B,EAC3DR,wBAAwB,EAAMU,kBAAkB,EAC5BpB,MAAM,CAACuB,MAAM,EAKjCL,6BAA6B,EAAME,kBAAkB,CAGxD","ignoreList":[]}

package/dist/ListPage/ListPage.types.d.ts

@@ -1,5 +1,5 @@
 import type { Props } from '../_utils/types';
-export declare type ControlVariant = 'align-right' | 'block' | 'search';
+export type ControlVariant = 'align-right' | 'block' | 'search';
 export interface DivProps extends Props {
 }
 export interface ListPageProps extends Props {

package/dist/ListPage/ListPage.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListPage.types.js","names":[],"sources":["../../src/ListPage/ListPage.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport type ControlVariant = 'align-right' | 'block' | 'search'\n\nexport interface DivProps extends Props {}\n\nexport interface ListPageProps extends Props {}\n\nexport interface ListPageControlProps extends Props {\n  /**\n   * Controls whether the contents will align to the right\n   * @since 10.19.0\n   */\n  alignRight?: boolean\n  /**\n   * Controls whether the contents will attmpt to span the full width\n   * @since 10.19.0\n   */\n  block?: boolean\n  /**\n   * Sets width to a specific size for Search to fit\n   * @since 10.19.0\n   */\n  search?: boolean\n  /**\n   * @deprecated please use the equivalent boolean prop instead\n   * @deprecatedSince 11\n   * @since 10.19.0\n   */\n  variant?: ControlVariant\n}\n"],"mappings":""}
+{"version":3,"file":"ListPage.types.js","names":[],"sources":["../../src/ListPage/ListPage.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport type ControlVariant = 'align-right' | 'block' | 'search'\n\nexport interface DivProps extends Props {}\n\nexport interface ListPageProps extends Props {}\n\nexport interface ListPageControlProps extends Props {\n  /**\n   * Controls whether the contents will align to the right\n   * @since 10.19.0\n   */\n  alignRight?: boolean\n  /**\n   * Controls whether the contents will attmpt to span the full width\n   * @since 10.19.0\n   */\n  block?: boolean\n  /**\n   * Sets width to a specific size for Search to fit\n   * @since 10.19.0\n   */\n  search?: boolean\n  /**\n   * @deprecated please use the equivalent boolean prop instead\n   * @deprecatedSince 11\n   * @since 10.19.0\n   */\n  variant?: ControlVariant\n}\n"],"mappings":"","ignoreList":[]}

package/dist/ListPage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ListPage"],"sources":["../../src/ListPage/index.ts"],"sourcesContent":["export { ListPage } from './ListPage'\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY"}
+{"version":3,"file":"index.js","names":["ListPage"],"sources":["../../src/ListPage/index.ts"],"sourcesContent":["export { ListPage } from './ListPage'\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY","ignoreList":[]}

package/dist/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","names":["React","StyledGradient","StyledLoader","minProgressValue","maxProgressValue","clamp","value","minValue","arguments","length","undefined","maxValue","Math","max","min","floor","Loader","_ref","_ref$value","_ref$animated","animated","children","props","_objectWithoutProperties","_excluded","progressValue","createElement","_extends","style","width","concat","$animated","displayName"],"sources":["../../src/Loader/Loader.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledGradient, StyledLoader } from './Loader.styles'\nimport type { LoaderProps } from './Loader.types'\n\nexport const minProgressValue = 0\nexport const maxProgressValue = 100\n\nexport const clamp = (\n  value: number,\n  minValue: number = minProgressValue,\n  maxValue: number = maxProgressValue\n) => Math.max(minValue, Math.min(maxValue, Math.floor(value)))\n\n/**\n * @deprecatedSince 11\n * @deprecated Intended for internal library development.\n */\nexport const Loader: React.FC<LoaderProps> = function Loader({\n  value = 0,\n  animated = false,\n  children,\n  ...props\n}) {\n  const progressValue = clamp(value)\n\n  return (\n    <StyledLoader {...props} style={{ width: `${progressValue}%` }}>\n      <StyledGradient $animated={animated}>{children}</StyledGradient>\n    </StyledLoader>\n  )\n}\n\nLoader.displayName = 'Loader'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,EAAEC,YAAY,QAAQ,iBAAiB;AAG9D,OAAO,IAAMC,gBAAgB,GAAG,CAAC;AACjC,OAAO,IAAMC,gBAAgB,GAAG,GAAG;AAEnC,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAChBC,KAAa;EAAA,IACbC,QAAgB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGL,gBAAgB;EAAA,IACnCQ,QAAgB,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGJ,gBAAgB;EAAA,OAChCQ,IAAI,CAACC,GAAG,CAACN,QAAQ,EAAEK,IAAI,CAACE,GAAG,CAACH,QAAQ,EAAEC,IAAI,CAACG,KAAK,CAACT,KAAK,CAAC,CAAC,CAAC;AAAA;;AAE9D;AACA;AACA;AACA;AACA,OAAO,IAAMU,MAA6B,GAAG,SAASA,MAAMA,CAAAC,IAAA,EAKzD;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAJDX,KAAK;IAALA,KAAK,GAAAY,UAAA,cAAG,CAAC,GAAAA,UAAA;IAAAC,aAAA,GAAAF,IAAA,CACTG,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAChBE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,IAAMC,aAAa,GAAGpB,KAAK,CAACC,KAAK,CAAC;EAElC,oBACEN,KAAA,CAAA0B,aAAA,CAACxB,YAAY,EAAAyB,QAAA,KAAKL,KAAK;IAAEM,KAAK,EAAE;MAAEC,KAAK,KAAAC,MAAA,CAAKL,aAAa;IAAI;EAAE,iBAC7DzB,KAAA,CAAA0B,aAAA,CAACzB,cAAc;IAAC8B,SAAS,EAAEX;EAAS,GAAEC,QAAyB,CACnD,CAAC;AAEnB,CAAC;AAEDL,MAAM,CAACgB,WAAW,GAAG,QAAQ"}
+{"version":3,"file":"Loader.js","names":["React","StyledGradient","StyledLoader","minProgressValue","maxProgressValue","clamp","value","minValue","arguments","length","undefined","maxValue","Math","max","min","floor","Loader","_ref","_ref$value","_ref$animated","animated","children","props","_objectWithoutProperties","_excluded","progressValue","createElement","_extends","style","width","concat","$animated","displayName"],"sources":["../../src/Loader/Loader.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledGradient, StyledLoader } from './Loader.styles'\nimport type { LoaderProps } from './Loader.types'\n\nexport const minProgressValue = 0\nexport const maxProgressValue = 100\n\nexport const clamp = (\n  value: number,\n  minValue: number = minProgressValue,\n  maxValue: number = maxProgressValue\n) => Math.max(minValue, Math.min(maxValue, Math.floor(value)))\n\n/**\n * @deprecatedSince 11\n * @deprecated Intended for internal library development.\n */\nexport const Loader: React.FC<LoaderProps> = function Loader({\n  value = 0,\n  animated = false,\n  children,\n  ...props\n}) {\n  const progressValue = clamp(value)\n\n  return (\n    <StyledLoader {...props} style={{ width: `${progressValue}%` }}>\n      <StyledGradient $animated={animated}>{children}</StyledGradient>\n    </StyledLoader>\n  )\n}\n\nLoader.displayName = 'Loader'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,EAAEC,YAAY,QAAQ,iBAAiB;AAG9D,OAAO,IAAMC,gBAAgB,GAAG,CAAC;AACjC,OAAO,IAAMC,gBAAgB,GAAG,GAAG;AAEnC,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAChBC,KAAa;EAAA,IACbC,QAAgB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGL,gBAAgB;EAAA,IACnCQ,QAAgB,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGJ,gBAAgB;EAAA,OAChCQ,IAAI,CAACC,GAAG,CAACN,QAAQ,EAAEK,IAAI,CAACE,GAAG,CAACH,QAAQ,EAAEC,IAAI,CAACG,KAAK,CAACT,KAAK,CAAC,CAAC,CAAC;AAAA;;AAE9D;AACA;AACA;AACA;AACA,OAAO,IAAMU,MAA6B,GAAG,SAASA,MAAMA,CAAAC,IAAA,EAKzD;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAJDX,KAAK;IAALA,KAAK,GAAAY,UAAA,cAAG,CAAC,GAAAA,UAAA;IAAAC,aAAA,GAAAF,IAAA,CACTG,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAChBE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,IAAMC,aAAa,GAAGpB,KAAK,CAACC,KAAK,CAAC;EAElC,oBACEN,KAAA,CAAA0B,aAAA,CAACxB,YAAY,EAAAyB,QAAA,KAAKL,KAAK;IAAEM,KAAK,EAAE;MAAEC,KAAK,KAAAC,MAAA,CAAKL,aAAa;IAAI;EAAE,iBAC7DzB,KAAA,CAAA0B,aAAA,CAACzB,cAAc;IAAC8B,SAAS,EAAEX;EAAS,GAAEC,QAAyB,CACnD,CAAC;AAEnB,CAAC;AAEDL,MAAM,CAACgB,WAAW,GAAG,QAAQ","ignoreList":[]}

package/dist/Loader/Loader.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const loaderTransitionDuration = 250;
 export declare const StyledLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledGradient: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {

package/dist/Loader/Loader.styles.js

@@ -7,11 +7,11 @@ export var loaderTransitionDuration = 250;
 var movingStripes = /*#__PURE__*/keyframes(["from{background-position:", "px 0;}100%{background-position:0 ", "px;}"], backgroundSize, backgroundSize);
 export var StyledLoader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLoader",
-  componentId: "core-12_52_0__sc-wgvjj9-0"
+  componentId: "core-12_53_1__sc-wgvjj9-0"
 })(["display:block;height:100%;left:0;min-width:12px;position:absolute;transition:width ", "ms ease-out;top:0;"], loaderTransitionDuration);
 export var StyledGradient = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGradient",
-  componentId: "core-12_52_0__sc-wgvjj9-1"
+  componentId: "core-12_53_1__sc-wgvjj9-1"
 })(["height:100%;", ""], function (_ref) {
   var $animated = _ref.$animated;
   return $animated ? css(["@media (prefers-reduced-motion:no-preference){animation:", " 0.5s linear infinite;}background-image:linear-gradient( 45deg,", " 26%,", " 25%,", " 51%,", " 50%,", " 76%,", " 75%,", " );background-size:", "px ", "px;"], movingStripes, color1, color2, color2, color1, color1, color2, color2, backgroundSize, backgroundSize) : css(["background-color:", ";"], colors.blue50);

package/dist/Loader/Loader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.styles.js","names":["styled","css","keyframes","colors","backgroundSize","color1","blue70","color2","blue60","loaderTransitionDuration","movingStripes","StyledLoader","div","withConfig","displayName","componentId","StyledGradient","_ref","$animated","blue50"],"sources":["../../src/Loader/Loader.styles.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { colors } from '../_styles/colors'\n\nconst backgroundSize = 8\n\nconst color1 = colors.blue70\n\nconst color2 = colors.blue60\n\nexport const loaderTransitionDuration = 250\n\nconst movingStripes = keyframes`\n  from {\n    background-position: ${backgroundSize}px 0;\n  }\n  100% {\n    background-position: 0 ${backgroundSize}px;\n  }\n`\n\nexport const StyledLoader = styled.div`\n  display: block;\n  height: 100%;\n  left: 0;\n  min-width: 12px; // TODO one-off value\n  position: absolute;\n  transition: width ${loaderTransitionDuration}ms ease-out; // TODO animation palette\n  top: 0;\n`\n\nexport const StyledGradient = styled.div<{ $animated: boolean }>`\n  height: 100%;\n\n  ${({ $animated }) =>\n    $animated\n      ? css`\n          @media (prefers-reduced-motion: no-preference) {\n            animation: ${movingStripes} 0.5s linear infinite;\n          }\n          background-image: linear-gradient(\n            45deg,\n            ${color1} 26%,\n            ${color2} 25%,\n            ${color2} 51%,\n            ${color1} 50%,\n            ${color1} 76%,\n            ${color2} 75%,\n            ${color2}\n          );\n          background-size: ${backgroundSize}px ${backgroundSize}px;\n        `\n      : css`\n          background-color: ${colors.blue50};\n        `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAC1D,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,IAAMC,cAAc,GAAG,CAAC;AAExB,IAAMC,MAAM,GAAGF,MAAM,CAACG,MAAM;AAE5B,IAAMC,MAAM,GAAGJ,MAAM,CAACK,MAAM;AAE5B,OAAO,IAAMC,wBAAwB,GAAG,GAAG;AAE3C,IAAMC,aAAa,gBAAGR,SAAS,6EAEJE,cAAc,EAGZA,cAAc,CAE1C;AAED,OAAO,IAAMO,YAAY,gBAAGX,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kHAMhBN,wBAAwB,CAE7C;AAED,OAAO,IAAMO,cAAc,gBAAGhB,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAGpC,UAAAE,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OACZA,SAAS,GACLjB,GAAG,6NAEcS,aAAa,EAIxBL,MAAM,EACNE,MAAM,EACNA,MAAM,EACNF,MAAM,EACNA,MAAM,EACNE,MAAM,EACNA,MAAM,EAESH,cAAc,EAAMA,cAAc,IAEvDH,GAAG,6BACmBE,MAAM,CAACgB,MAAM,CAClC;AAAA,EACR"}
+{"version":3,"file":"Loader.styles.js","names":["styled","css","keyframes","colors","backgroundSize","color1","blue70","color2","blue60","loaderTransitionDuration","movingStripes","StyledLoader","div","withConfig","displayName","componentId","StyledGradient","_ref","$animated","blue50"],"sources":["../../src/Loader/Loader.styles.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { colors } from '../_styles/colors'\n\nconst backgroundSize = 8\n\nconst color1 = colors.blue70\n\nconst color2 = colors.blue60\n\nexport const loaderTransitionDuration = 250\n\nconst movingStripes = keyframes`\n  from {\n    background-position: ${backgroundSize}px 0;\n  }\n  100% {\n    background-position: 0 ${backgroundSize}px;\n  }\n`\n\nexport const StyledLoader = styled.div`\n  display: block;\n  height: 100%;\n  left: 0;\n  min-width: 12px; // TODO one-off value\n  position: absolute;\n  transition: width ${loaderTransitionDuration}ms ease-out; // TODO animation palette\n  top: 0;\n`\n\nexport const StyledGradient = styled.div<{ $animated: boolean }>`\n  height: 100%;\n\n  ${({ $animated }) =>\n    $animated\n      ? css`\n          @media (prefers-reduced-motion: no-preference) {\n            animation: ${movingStripes} 0.5s linear infinite;\n          }\n          background-image: linear-gradient(\n            45deg,\n            ${color1} 26%,\n            ${color2} 25%,\n            ${color2} 51%,\n            ${color1} 50%,\n            ${color1} 76%,\n            ${color2} 75%,\n            ${color2}\n          );\n          background-size: ${backgroundSize}px ${backgroundSize}px;\n        `\n      : css`\n          background-color: ${colors.blue50};\n        `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAC1D,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,IAAMC,cAAc,GAAG,CAAC;AAExB,IAAMC,MAAM,GAAGF,MAAM,CAACG,MAAM;AAE5B,IAAMC,MAAM,GAAGJ,MAAM,CAACK,MAAM;AAE5B,OAAO,IAAMC,wBAAwB,GAAG,GAAG;AAE3C,IAAMC,aAAa,gBAAGR,SAAS,6EAEJE,cAAc,EAGZA,cAAc,CAE1C;AAED,OAAO,IAAMO,YAAY,gBAAGX,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kHAMhBN,wBAAwB,CAE7C;AAED,OAAO,IAAMO,cAAc,gBAAGhB,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAGpC,UAAAE,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OACZA,SAAS,GACLjB,GAAG,6NAEcS,aAAa,EAIxBL,MAAM,EACNE,MAAM,EACNA,MAAM,EACNF,MAAM,EACNA,MAAM,EACNE,MAAM,EACNA,MAAM,EAESH,cAAc,EAAMA,cAAc,IAEvDH,GAAG,6BACmBE,MAAM,CAACgB,MAAM,CAClC;AAAA,EACR","ignoreList":[]}

package/dist/Loader/Loader.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.types.js","names":[],"sources":["../../src/Loader/Loader.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface LoaderProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  animated?: boolean\n  role?: 'progressbar'\n  /**\n   * @since 10.19.0\n   */\n  value: number\n}\n"],"mappings":""}
+{"version":3,"file":"Loader.types.js","names":[],"sources":["../../src/Loader/Loader.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface LoaderProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  animated?: boolean\n  role?: 'progressbar'\n  /**\n   * @since 10.19.0\n   */\n  value: number\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Loader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Loader"],"sources":["../../src/Loader/index.ts"],"sourcesContent":["export { Loader } from './Loader'\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU"}
+{"version":3,"file":"index.js","names":["Loader"],"sources":["../../src/Loader/index.ts"],"sourcesContent":["export { Loader } from './Loader'\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU","ignoreList":[]}

package/dist/Menu/Menu.js

@@ -173,7 +173,6 @@ export var Menu_ = /*#__PURE__*/React.forwardRef(function Menu(_ref2, ref) {
       menu.highlighted.current = null;
     };
   }, /* eslint-disable */[] /* eslint-enable */);
-
   function selectItem(selection) {
     menu.selectItem(selection);
     if (UNSAFE_closesOnSelect) {
@@ -238,7 +237,6 @@ export var Item = /*#__PURE__*/React.forwardRef(function Item(_ref4, ref) {
       listNavigation.set(index);
     }
   }, /* eslint-disable */[] /* eslint-enable */);
-
   React.useEffect(function () {
     // If this item has become highlighted, scroll to it
     if (itemRef.current && isHighlighted) {
@@ -298,7 +296,7 @@ export var Options = /*#__PURE__*/React.forwardRef(function Options(_ref5, ref)
     ref: optionsRef,
     $scrollable: menuScrollable || scrollable
   }, React.Children.map(children, function (child) {
-    if ( /*#__PURE__*/React.isValidElement(child) && isSelectable(child)) {
+    if (/*#__PURE__*/React.isValidElement(child) && isSelectable(child)) {
       var selectableIndex = index;
       index = index + 1;
       return /*#__PURE__*/React.cloneElement(child, {
@@ -324,9 +322,9 @@ export var Search = function Search(_ref6) {
   var onChange = React.useCallback(function (value, event) {
     var _menu$onSearch;
     setValue(event.target.value);
-    (_menu$onSearch = menu.onSearch) === null || _menu$onSearch === void 0 ? void 0 : _menu$onSearch.call(menu, event);
+    (_menu$onSearch = menu.onSearch) === null || _menu$onSearch === void 0 || _menu$onSearch.call(menu, event);
     menu.listNavigation.set(0);
-    _onChange === null || _onChange === void 0 ? void 0 : _onChange(event);
+    _onChange === null || _onChange === void 0 || _onChange(event);
   }, [_onChange]);
   return /*#__PURE__*/React.createElement(StyledSearch, {
     className: className