@persona/design-system 0.1.8 → 0.1.9

package/package.json

@@ -1,391 +1,119 @@
 {
   "name": "@persona/design-system",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "React components for Persona UI",
+  "keywords": [
+    "tanstack-intent"
+  ],
   "license": "SEE LICENSE",
   "type": "module",
   "sideEffects": false,
   "files": [
-    "dist"
+    "dist",
+    "skills"
   ],
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.cts",
-  "main": "./dist/index.cjs",
+  "types": "./dist/index.d.mts",
   "exports": {
-    ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
-    },
-    "./components/Attribute": {
-      "import": "./dist/components/Attribute/index.mjs",
-      "require": "./dist/components/Attribute/index.cjs"
-    },
-    "./components/Badge": {
-      "import": "./dist/components/Badge/index.mjs",
-      "require": "./dist/components/Badge/index.cjs"
-    },
-    "./components/Banner": {
-      "import": "./dist/components/Banner/index.mjs",
-      "require": "./dist/components/Banner/index.cjs"
-    },
-    "./components/Breadcrumbs": {
-      "import": "./dist/components/Breadcrumbs/index.mjs",
-      "require": "./dist/components/Breadcrumbs/index.cjs"
-    },
-    "./components/Button": {
-      "import": "./dist/components/Button/index.mjs",
-      "require": "./dist/components/Button/index.cjs"
-    },
-    "./components/ButtonGroup": {
-      "import": "./dist/components/ButtonGroup/index.mjs",
-      "require": "./dist/components/ButtonGroup/index.cjs"
-    },
-    "./components/Card": {
-      "import": "./dist/components/Card/index.mjs",
-      "require": "./dist/components/Card/index.cjs"
-    },
-    "./components/CardV2": {
-      "import": "./dist/components/CardV2/index.mjs",
-      "require": "./dist/components/CardV2/index.cjs"
-    },
-    "./components/Checkbox": {
-      "import": "./dist/components/Checkbox/index.mjs",
-      "require": "./dist/components/Checkbox/index.cjs"
-    },
-    "./components/Combobox": {
-      "import": "./dist/components/Combobox/index.mjs",
-      "require": "./dist/components/Combobox/index.cjs"
-    },
-    "./components/ConfigFormGroup": {
-      "import": "./dist/components/ConfigFormGroup/index.mjs",
-      "require": "./dist/components/ConfigFormGroup/index.cjs"
-    },
-    "./components/DataTable": {
-      "import": "./dist/components/DataTable/index.mjs",
-      "require": "./dist/components/DataTable/index.cjs"
-    },
-    "./components/DataTable/TableControls": {
-      "import": "./dist/components/DataTable/TableControls/index.mjs",
-      "require": "./dist/components/DataTable/TableControls/index.cjs"
-    },
-    "./components/DataTable/types": {
-      "import": "./dist/components/DataTable/types.mjs",
-      "require": "./dist/components/DataTable/types.cjs"
-    },
-    "./components/DatePicker": {
-      "import": "./dist/components/DatePicker/index.mjs",
-      "require": "./dist/components/DatePicker/index.cjs"
-    },
-    "./components/DropdownButton": {
-      "import": "./dist/components/DropdownButton/index.mjs",
-      "require": "./dist/components/DropdownButton/index.cjs"
-    },
-    "./components/DropdownMenu": {
-      "import": "./dist/components/DropdownMenu/index.mjs",
-      "require": "./dist/components/DropdownMenu/index.cjs"
-    },
-    "./components/FormControl": {
-      "import": "./dist/components/FormControl/index.mjs",
-      "require": "./dist/components/FormControl/index.cjs"
-    },
-    "./components/FormField": {
-      "import": "./dist/components/FormField/index.mjs",
-      "require": "./dist/components/FormField/index.cjs"
-    },
-    "./components/HoverCopyableField": {
-      "import": "./dist/components/HoverCopyableField/index.mjs",
-      "require": "./dist/components/HoverCopyableField/index.cjs"
-    },
-    "./components/ImageTile": {
-      "import": "./dist/components/ImageTile/index.mjs",
-      "require": "./dist/components/ImageTile/index.cjs"
-    },
-    "./components/Input": {
-      "import": "./dist/components/Input/index.mjs",
-      "require": "./dist/components/Input/index.cjs"
-    },
-    "./components/Link": {
-      "import": "./dist/components/Link/index.mjs",
-      "require": "./dist/components/Link/index.cjs"
-    },
-    "./components/ListBox": {
-      "import": "./dist/components/ListBox/index.mjs",
-      "require": "./dist/components/ListBox/index.cjs"
-    },
-    "./components/LoadingShimmer": {
-      "import": "./dist/components/LoadingShimmer/index.mjs",
-      "require": "./dist/components/LoadingShimmer/index.cjs"
-    },
-    "./components/MaskedInput": {
-      "import": "./dist/components/MaskedInput/index.mjs",
-      "require": "./dist/components/MaskedInput/index.cjs"
-    },
-    "./components/MatchHighlight": {
-      "import": "./dist/components/MatchHighlight/index.mjs",
-      "require": "./dist/components/MatchHighlight/index.cjs"
-    },
-    "./components/Menu": {
-      "import": "./dist/components/Menu/index.mjs",
-      "require": "./dist/components/Menu/index.cjs"
-    },
-    "./components/Modal": {
-      "import": "./dist/components/Modal/index.mjs",
-      "require": "./dist/components/Modal/index.cjs"
-    },
-    "./components/PageHeader": {
-      "import": "./dist/components/PageHeader/index.mjs",
-      "require": "./dist/components/PageHeader/index.cjs"
-    },
-    "./components/Pagination": {
-      "import": "./dist/components/Pagination/index.mjs",
-      "require": "./dist/components/Pagination/index.cjs"
-    },
-    "./components/Pii": {
-      "import": "./dist/components/Pii/index.mjs",
-      "require": "./dist/components/Pii/index.cjs"
-    },
-    "./components/Popover": {
-      "import": "./dist/components/Popover/index.mjs",
-      "require": "./dist/components/Popover/index.cjs"
-    },
-    "./components/ProgressBar": {
-      "import": "./dist/components/ProgressBar/index.mjs",
-      "require": "./dist/components/ProgressBar/index.cjs"
-    },
-    "./components/ProgressIndicator": {
-      "import": "./dist/components/ProgressIndicator/index.mjs",
-      "require": "./dist/components/ProgressIndicator/index.cjs"
-    },
-    "./components/Radio": {
-      "import": "./dist/components/Radio/index.mjs",
-      "require": "./dist/components/Radio/index.cjs"
-    },
-    "./components/RadioGroup": {
-      "import": "./dist/components/RadioGroup/index.mjs",
-      "require": "./dist/components/RadioGroup/index.cjs"
-    },
-    "./components/SegmentedControl": {
-      "import": "./dist/components/SegmentedControl/index.mjs",
-      "require": "./dist/components/SegmentedControl/index.cjs"
-    },
-    "./components/Select": {
-      "import": "./dist/components/Select/index.mjs",
-      "require": "./dist/components/Select/index.cjs"
-    },
-    "./components/Slider": {
-      "import": "./dist/components/Slider/index.mjs",
-      "require": "./dist/components/Slider/index.cjs"
-    },
-    "./components/Spacer": {
-      "import": "./dist/components/Spacer/index.mjs",
-      "require": "./dist/components/Spacer/index.cjs"
-    },
-    "./components/Spinner": {
-      "import": "./dist/components/Spinner/index.mjs",
-      "require": "./dist/components/Spinner/index.cjs"
-    },
-    "./components/Stack": {
-      "import": "./dist/components/Stack/index.mjs",
-      "require": "./dist/components/Stack/index.cjs"
-    },
-    "./components/StatusIndicator": {
-      "import": "./dist/components/StatusIndicator/index.mjs",
-      "require": "./dist/components/StatusIndicator/index.cjs"
-    },
-    "./components/Sticker": {
-      "import": "./dist/components/Sticker/index.mjs",
-      "require": "./dist/components/Sticker/index.cjs"
-    },
-    "./components/SwatchPicker": {
-      "import": "./dist/components/SwatchPicker/index.mjs",
-      "require": "./dist/components/SwatchPicker/index.cjs"
-    },
-    "./components/TabBar": {
-      "import": "./dist/components/TabBar/index.mjs",
-      "require": "./dist/components/TabBar/index.cjs"
-    },
-    "./components/Table": {
-      "import": "./dist/components/Table/index.mjs",
-      "require": "./dist/components/Table/index.cjs"
-    },
-    "./components/TableBox": {
-      "import": "./dist/components/TableBox/index.mjs",
-      "require": "./dist/components/TableBox/index.cjs"
-    },
-    "./components/TechnicalSticker": {
-      "import": "./dist/components/TechnicalSticker/index.mjs",
-      "require": "./dist/components/TechnicalSticker/index.cjs"
-    },
-    "./components/Text": {
-      "import": "./dist/components/Text/index.mjs",
-      "require": "./dist/components/Text/index.cjs"
-    },
-    "./components/TextArea": {
-      "import": "./dist/components/TextArea/index.mjs",
-      "require": "./dist/components/TextArea/index.cjs"
-    },
-    "./components/Tile": {
-      "import": "./dist/components/Tile/index.mjs",
-      "require": "./dist/components/Tile/index.cjs"
-    },
-    "./components/Toast": {
-      "import": "./dist/components/Toast/index.mjs",
-      "require": "./dist/components/Toast/index.cjs"
-    },
-    "./components/Toggle": {
-      "import": "./dist/components/Toggle/index.mjs",
-      "require": "./dist/components/Toggle/index.cjs"
-    },
-    "./components/Tooltip": {
-      "import": "./dist/components/Tooltip/index.mjs",
-      "require": "./dist/components/Tooltip/index.cjs"
-    },
-    "./layouts/LayoutLoadingShimmer": {
-      "import": "./dist/layouts/LayoutLoadingShimmer/index.mjs",
-      "require": "./dist/layouts/LayoutLoadingShimmer/index.cjs"
-    },
-    "./lib/comboboxHelper": {
-      "import": "./dist/lib/comboboxHelper.mjs",
-      "require": "./dist/lib/comboboxHelper.cjs"
-    },
-    "./lib/ConfigContext": {
-      "import": "./dist/lib/ConfigContext.mjs",
-      "require": "./dist/lib/ConfigContext.cjs"
-    },
-    "./lib/copyTextToClipboard": {
-      "import": "./dist/lib/copyTextToClipboard.mjs",
-      "require": "./dist/lib/copyTextToClipboard.cjs"
-    },
-    "./lib/datePickerHelper": {
-      "import": "./dist/lib/datePickerHelper.mjs",
-      "require": "./dist/lib/datePickerHelper.cjs"
-    },
-    "./lib/GlobalStyles": {
-      "import": "./dist/lib/GlobalStyles.mjs",
-      "require": "./dist/lib/GlobalStyles.cjs"
-    },
-    "./lib/HeadlessAriaButton": {
-      "import": "./dist/lib/HeadlessAriaButton.mjs",
-      "require": "./dist/lib/HeadlessAriaButton.cjs"
-    },
-    "./lib/message": {
-      "import": "./dist/lib/message.mjs",
-      "require": "./dist/lib/message.cjs"
-    },
-    "./lib/MiddleTruncatedText": {
-      "import": "./dist/lib/MiddleTruncatedText.mjs",
-      "require": "./dist/lib/MiddleTruncatedText.cjs"
-    },
-    "./lib/PDSProvider": {
-      "import": "./dist/lib/PDSProvider.mjs",
-      "require": "./dist/lib/PDSProvider.cjs"
-    },
-    "./lib/pseudoClass": {
-      "import": "./dist/lib/pseudoClass.mjs",
-      "require": "./dist/lib/pseudoClass.cjs"
-    },
-    "./lib/reorderItems": {
-      "import": "./dist/lib/reorderItems.mjs",
-      "require": "./dist/lib/reorderItems.cjs"
-    },
-    "./lib/selectHelper": {
-      "import": "./dist/lib/selectHelper.mjs",
-      "require": "./dist/lib/selectHelper.cjs"
-    },
-    "./lib/TruncatedText": {
-      "import": "./dist/lib/TruncatedText.mjs",
-      "require": "./dist/lib/TruncatedText.cjs"
-    },
-    "./lib/TruncatedTextWithTooltip": {
-      "import": "./dist/lib/TruncatedTextWithTooltip.mjs",
-      "require": "./dist/lib/TruncatedTextWithTooltip.cjs"
-    },
-    "./lib/useControlled": {
-      "import": "./dist/lib/useControlled.mjs",
-      "require": "./dist/lib/useControlled.cjs"
-    },
-    "./lib/useIsOverflow": {
-      "import": "./dist/lib/useIsOverflow.mjs",
-      "require": "./dist/lib/useIsOverflow.cjs"
-    },
-    "./lib/useOutsideClick": {
-      "import": "./dist/lib/useOutsideClick.mjs",
-      "require": "./dist/lib/useOutsideClick.cjs"
-    },
-    "./lib/useScrollOverflow": {
-      "import": "./dist/lib/useScrollOverflow.mjs",
-      "require": "./dist/lib/useScrollOverflow.cjs"
-    },
-    "./lib/zindex": {
-      "import": "./dist/lib/zindex.mjs",
-      "require": "./dist/lib/zindex.cjs"
-    },
-    "./mixins/focus": {
-      "import": "./dist/mixins/focus.mjs",
-      "require": "./dist/mixins/focus.cjs"
-    },
-    "./mixins/hoverable": {
-      "import": "./dist/mixins/hoverable.mjs",
-      "require": "./dist/mixins/hoverable.cjs"
-    },
-    "./mixins/input": {
-      "import": "./dist/mixins/input.mjs",
-      "require": "./dist/mixins/input.cjs"
-    },
-    "./mixins/menuItem": {
-      "import": "./dist/mixins/menuItem.mjs",
-      "require": "./dist/mixins/menuItem.cjs"
-    },
-    "./mixins/print": {
-      "import": "./dist/mixins/print/index.mjs",
-      "require": "./dist/mixins/print/index.cjs"
-    },
-    "./mixins/text": {
-      "import": "./dist/mixins/text.mjs",
-      "require": "./dist/mixins/text.cjs"
-    },
-    "./theme": {
-      "import": "./dist/theme.mjs",
-      "require": "./dist/theme.cjs"
-    },
-    "./utils/storybook": {
-      "import": "./dist/utils/storybook.mjs",
-      "require": "./dist/utils/storybook.cjs"
-    },
-    "./utils/testing": {
-      "import": "./dist/utils/testing.mjs",
-      "require": "./dist/utils/testing.cjs"
-    },
-    "./variables/color": {
-      "import": "./dist/variables/color.mjs",
-      "require": "./dist/variables/color.cjs"
-    },
-    "./variables/effect": {
-      "import": "./dist/variables/effect.mjs",
-      "require": "./dist/variables/effect.cjs"
-    },
-    "./variables/keyframes": {
-      "import": "./dist/variables/keyframes.mjs",
-      "require": "./dist/variables/keyframes.cjs"
-    },
-    "./variables/spacing": {
-      "import": "./dist/variables/spacing.mjs",
-      "require": "./dist/variables/spacing.cjs"
-    },
-    "./variables/text": {
-      "import": "./dist/variables/text.mjs",
-      "require": "./dist/variables/text.cjs"
-    },
-    "./variables/transitions": {
-      "import": "./dist/variables/transitions.mjs",
-      "require": "./dist/variables/transitions.cjs"
-    },
+    ".": "./dist/index.mjs",
+    "./components/Attribute": "./dist/components/Attribute/index.mjs",
+    "./components/Badge": "./dist/components/Badge/index.mjs",
+    "./components/Banner": "./dist/components/Banner/index.mjs",
+    "./components/Breadcrumbs": "./dist/components/Breadcrumbs/index.mjs",
+    "./components/Button": "./dist/components/Button/index.mjs",
+    "./components/ButtonGroup": "./dist/components/ButtonGroup/index.mjs",
+    "./components/Card": "./dist/components/Card/index.mjs",
+    "./components/CardV2": "./dist/components/CardV2/index.mjs",
+    "./components/Checkbox": "./dist/components/Checkbox/index.mjs",
+    "./components/Combobox": "./dist/components/Combobox/index.mjs",
+    "./components/ConfigFormGroup": "./dist/components/ConfigFormGroup/index.mjs",
+    "./components/DataTable": "./dist/components/DataTable/index.mjs",
+    "./components/DataTable/TableControls": "./dist/components/DataTable/TableControls/index.mjs",
+    "./components/DataTable/types": "./dist/components/DataTable/types.mjs",
+    "./components/DatePicker": "./dist/components/DatePicker/index.mjs",
+    "./components/DropdownButton": "./dist/components/DropdownButton/index.mjs",
+    "./components/DropdownMenu": "./dist/components/DropdownMenu/index.mjs",
+    "./components/FormControl": "./dist/components/FormControl/index.mjs",
+    "./components/FormField": "./dist/components/FormField/index.mjs",
+    "./components/HoverCopyableField": "./dist/components/HoverCopyableField/index.mjs",
+    "./components/ImageTile": "./dist/components/ImageTile/index.mjs",
+    "./components/Input": "./dist/components/Input/index.mjs",
+    "./components/Link": "./dist/components/Link/index.mjs",
+    "./components/ListBox": "./dist/components/ListBox/index.mjs",
+    "./components/LoadingShimmer": "./dist/components/LoadingShimmer/index.mjs",
+    "./components/MaskedInput": "./dist/components/MaskedInput/index.mjs",
+    "./components/MatchHighlight": "./dist/components/MatchHighlight/index.mjs",
+    "./components/Menu": "./dist/components/Menu/index.mjs",
+    "./components/Modal": "./dist/components/Modal/index.mjs",
+    "./components/PageHeader": "./dist/components/PageHeader/index.mjs",
+    "./components/Pagination": "./dist/components/Pagination/index.mjs",
+    "./components/Pii": "./dist/components/Pii/index.mjs",
+    "./components/Popover": "./dist/components/Popover/index.mjs",
+    "./components/ProgressBar": "./dist/components/ProgressBar/index.mjs",
+    "./components/ProgressIndicator": "./dist/components/ProgressIndicator/index.mjs",
+    "./components/Radio": "./dist/components/Radio/index.mjs",
+    "./components/RadioGroup": "./dist/components/RadioGroup/index.mjs",
+    "./components/SegmentedControl": "./dist/components/SegmentedControl/index.mjs",
+    "./components/Select": "./dist/components/Select/index.mjs",
+    "./components/Slider": "./dist/components/Slider/index.mjs",
+    "./components/Spacer": "./dist/components/Spacer/index.mjs",
+    "./components/Spinner": "./dist/components/Spinner/index.mjs",
+    "./components/Stack": "./dist/components/Stack/index.mjs",
+    "./components/StatusIndicator": "./dist/components/StatusIndicator/index.mjs",
+    "./components/Sticker": "./dist/components/Sticker/index.mjs",
+    "./components/SwatchPicker": "./dist/components/SwatchPicker/index.mjs",
+    "./components/TabBar": "./dist/components/TabBar/index.mjs",
+    "./components/Table": "./dist/components/Table/index.mjs",
+    "./components/TableBox": "./dist/components/TableBox/index.mjs",
+    "./components/TechnicalSticker": "./dist/components/TechnicalSticker/index.mjs",
+    "./components/Text": "./dist/components/Text/index.mjs",
+    "./components/TextArea": "./dist/components/TextArea/index.mjs",
+    "./components/Tile": "./dist/components/Tile/index.mjs",
+    "./components/Toast": "./dist/components/Toast/index.mjs",
+    "./components/Toggle": "./dist/components/Toggle/index.mjs",
+    "./components/Tooltip": "./dist/components/Tooltip/index.mjs",
+    "./layouts/LayoutLoadingShimmer": "./dist/layouts/LayoutLoadingShimmer/index.mjs",
+    "./lib/comboboxHelper": "./dist/lib/comboboxHelper.mjs",
+    "./lib/ConfigContext": "./dist/lib/ConfigContext.mjs",
+    "./lib/copyTextToClipboard": "./dist/lib/copyTextToClipboard.mjs",
+    "./lib/datePickerHelper": "./dist/lib/datePickerHelper.mjs",
+    "./lib/GlobalStyles": "./dist/lib/GlobalStyles.mjs",
+    "./lib/HeadlessAriaButton": "./dist/lib/HeadlessAriaButton.mjs",
+    "./lib/message": "./dist/lib/message.mjs",
+    "./lib/MiddleTruncatedText": "./dist/lib/MiddleTruncatedText.mjs",
+    "./lib/PDSProvider": "./dist/lib/PDSProvider.mjs",
+    "./lib/pseudoClass": "./dist/lib/pseudoClass.mjs",
+    "./lib/reorderItems": "./dist/lib/reorderItems.mjs",
+    "./lib/selectHelper": "./dist/lib/selectHelper.mjs",
+    "./lib/TruncatedText": "./dist/lib/TruncatedText.mjs",
+    "./lib/TruncatedTextWithTooltip": "./dist/lib/TruncatedTextWithTooltip.mjs",
+    "./lib/useControlled": "./dist/lib/useControlled.mjs",
+    "./lib/useIsOverflow": "./dist/lib/useIsOverflow.mjs",
+    "./lib/useOutsideClick": "./dist/lib/useOutsideClick.mjs",
+    "./lib/useScrollOverflow": "./dist/lib/useScrollOverflow.mjs",
+    "./lib/zindex": "./dist/lib/zindex.mjs",
+    "./mixins/focus": "./dist/mixins/focus.mjs",
+    "./mixins/hoverable": "./dist/mixins/hoverable.mjs",
+    "./mixins/input": "./dist/mixins/input.mjs",
+    "./mixins/menuItem": "./dist/mixins/menuItem.mjs",
+    "./mixins/print": "./dist/mixins/print/index.mjs",
+    "./mixins/text": "./dist/mixins/text.mjs",
+    "./theme": "./dist/theme.mjs",
+    "./utils/storybook": "./dist/utils/storybook.mjs",
+    "./utils/testing": "./dist/utils/testing.mjs",
+    "./variables/color": "./dist/variables/color.mjs",
+    "./variables/effect": "./dist/variables/effect.mjs",
+    "./variables/keyframes": "./dist/variables/keyframes.mjs",
+    "./variables/spacing": "./dist/variables/spacing.mjs",
+    "./variables/text": "./dist/variables/text.mjs",
+    "./variables/transitions": "./dist/variables/transitions.mjs",
     "./package.json": "./package.json"
   },
   "scripts": {
     "build": "tsdown && node scripts/assert-no-node-imports.mjs",
     "release": "scripts/release.sh --dry-run",
-    "release:tag": "scripts/tag.sh"
+    "release:tag": "scripts/tag.sh",
+    "skills:validate": "intent validate skills",
+    "skills:stale": "intent stale"
   },
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
@@ -394,8 +122,6 @@
     "@hello-pangea/dnd": "^16.6.0",
     "@internationalized/date": "^3.7.0",
     "@internationalized/number": "^3.6.5",
-    "@persona/design-tokens": "^0.4.5",
-    "@persona/icons": "^0.1.0",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-popover": "^1.1.15",
@@ -429,11 +155,13 @@
     "react-imask": "^7.6.1",
     "react-innertext": "^1.1.5",
     "react-stately": "^3.35.0",
-    "styled-components": "^5.3.5",
     "uuid": "^14.0.0"
   },
   "devDependencies": {
     "@figma/code-connect": "^1.4.4",
+    "@persona/design-tokens": "^0.4.5",
+    "@persona/icons": "^0.1.0",
+    "@tanstack/intent": "^0.3.6",
     "@testing-library/dom": "^8.0.0",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^14.6.1",
@@ -442,16 +170,20 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-router-dom": "^6.30.1",
+    "styled-components": "^5.3.5",
     "tsdown": "^0.21.0",
     "typescript": "npm:@typescript/typescript6@^6.0.2"
   },
   "peerDependencies": {
+    "@persona/design-tokens": ">=0.4.5",
+    "@persona/icons": ">=0.1.0",
     "@testing-library/dom": ">=8",
     "@testing-library/react": ">=12",
     "@testing-library/user-event": ">=14",
     "react": ">=17",
     "react-dom": ">=17",
-    "react-router-dom": "^6.30.1 || ^7.18.2"
+    "react-router-dom": "^6.30.1 || ^7.18.2",
+    "styled-components": "^5.3.5"
   },
   "peerDependenciesMeta": {
     "@testing-library/react": {
@@ -460,374 +192,98 @@
   },
   "publishConfig": {
     "exports": {
-      ".": {
-        "import": "./dist/index.mjs",
-        "require": "./dist/index.cjs"
-      },
-      "./components/Attribute": {
-        "import": "./dist/components/Attribute/index.mjs",
-        "require": "./dist/components/Attribute/index.cjs"
-      },
-      "./components/Badge": {
-        "import": "./dist/components/Badge/index.mjs",
-        "require": "./dist/components/Badge/index.cjs"
-      },
-      "./components/Banner": {
-        "import": "./dist/components/Banner/index.mjs",
-        "require": "./dist/components/Banner/index.cjs"
-      },
-      "./components/Breadcrumbs": {
-        "import": "./dist/components/Breadcrumbs/index.mjs",
-        "require": "./dist/components/Breadcrumbs/index.cjs"
-      },
-      "./components/Button": {
-        "import": "./dist/components/Button/index.mjs",
-        "require": "./dist/components/Button/index.cjs"
-      },
-      "./components/ButtonGroup": {
-        "import": "./dist/components/ButtonGroup/index.mjs",
-        "require": "./dist/components/ButtonGroup/index.cjs"
-      },
-      "./components/Card": {
-        "import": "./dist/components/Card/index.mjs",
-        "require": "./dist/components/Card/index.cjs"
-      },
-      "./components/CardV2": {
-        "import": "./dist/components/CardV2/index.mjs",
-        "require": "./dist/components/CardV2/index.cjs"
-      },
-      "./components/Checkbox": {
-        "import": "./dist/components/Checkbox/index.mjs",
-        "require": "./dist/components/Checkbox/index.cjs"
-      },
-      "./components/Combobox": {
-        "import": "./dist/components/Combobox/index.mjs",
-        "require": "./dist/components/Combobox/index.cjs"
-      },
-      "./components/ConfigFormGroup": {
-        "import": "./dist/components/ConfigFormGroup/index.mjs",
-        "require": "./dist/components/ConfigFormGroup/index.cjs"
-      },
-      "./components/DataTable": {
-        "import": "./dist/components/DataTable/index.mjs",
-        "require": "./dist/components/DataTable/index.cjs"
-      },
-      "./components/DataTable/TableControls": {
-        "import": "./dist/components/DataTable/TableControls/index.mjs",
-        "require": "./dist/components/DataTable/TableControls/index.cjs"
-      },
-      "./components/DataTable/types": {
-        "import": "./dist/components/DataTable/types.mjs",
-        "require": "./dist/components/DataTable/types.cjs"
-      },
-      "./components/DatePicker": {
-        "import": "./dist/components/DatePicker/index.mjs",
-        "require": "./dist/components/DatePicker/index.cjs"
-      },
-      "./components/DropdownButton": {
-        "import": "./dist/components/DropdownButton/index.mjs",
-        "require": "./dist/components/DropdownButton/index.cjs"
-      },
-      "./components/DropdownMenu": {
-        "import": "./dist/components/DropdownMenu/index.mjs",
-        "require": "./dist/components/DropdownMenu/index.cjs"
-      },
-      "./components/FormControl": {
-        "import": "./dist/components/FormControl/index.mjs",
-        "require": "./dist/components/FormControl/index.cjs"
-      },
-      "./components/FormField": {
-        "import": "./dist/components/FormField/index.mjs",
-        "require": "./dist/components/FormField/index.cjs"
-      },
-      "./components/HoverCopyableField": {
-        "import": "./dist/components/HoverCopyableField/index.mjs",
-        "require": "./dist/components/HoverCopyableField/index.cjs"
-      },
-      "./components/ImageTile": {
-        "import": "./dist/components/ImageTile/index.mjs",
-        "require": "./dist/components/ImageTile/index.cjs"
-      },
-      "./components/Input": {
-        "import": "./dist/components/Input/index.mjs",
-        "require": "./dist/components/Input/index.cjs"
-      },
-      "./components/Link": {
-        "import": "./dist/components/Link/index.mjs",
-        "require": "./dist/components/Link/index.cjs"
-      },
-      "./components/ListBox": {
-        "import": "./dist/components/ListBox/index.mjs",
-        "require": "./dist/components/ListBox/index.cjs"
-      },
-      "./components/LoadingShimmer": {
-        "import": "./dist/components/LoadingShimmer/index.mjs",
-        "require": "./dist/components/LoadingShimmer/index.cjs"
-      },
-      "./components/MaskedInput": {
-        "import": "./dist/components/MaskedInput/index.mjs",
-        "require": "./dist/components/MaskedInput/index.cjs"
-      },
-      "./components/MatchHighlight": {
-        "import": "./dist/components/MatchHighlight/index.mjs",
-        "require": "./dist/components/MatchHighlight/index.cjs"
-      },
-      "./components/Menu": {
-        "import": "./dist/components/Menu/index.mjs",
-        "require": "./dist/components/Menu/index.cjs"
-      },
-      "./components/Modal": {
-        "import": "./dist/components/Modal/index.mjs",
-        "require": "./dist/components/Modal/index.cjs"
-      },
-      "./components/PageHeader": {
-        "import": "./dist/components/PageHeader/index.mjs",
-        "require": "./dist/components/PageHeader/index.cjs"
-      },
-      "./components/Pagination": {
-        "import": "./dist/components/Pagination/index.mjs",
-        "require": "./dist/components/Pagination/index.cjs"
-      },
-      "./components/Pii": {
-        "import": "./dist/components/Pii/index.mjs",
-        "require": "./dist/components/Pii/index.cjs"
-      },
-      "./components/Popover": {
-        "import": "./dist/components/Popover/index.mjs",
-        "require": "./dist/components/Popover/index.cjs"
-      },
-      "./components/ProgressBar": {
-        "import": "./dist/components/ProgressBar/index.mjs",
-        "require": "./dist/components/ProgressBar/index.cjs"
-      },
-      "./components/ProgressIndicator": {
-        "import": "./dist/components/ProgressIndicator/index.mjs",
-        "require": "./dist/components/ProgressIndicator/index.cjs"
-      },
-      "./components/Radio": {
-        "import": "./dist/components/Radio/index.mjs",
-        "require": "./dist/components/Radio/index.cjs"
-      },
-      "./components/RadioGroup": {
-        "import": "./dist/components/RadioGroup/index.mjs",
-        "require": "./dist/components/RadioGroup/index.cjs"
-      },
-      "./components/SegmentedControl": {
-        "import": "./dist/components/SegmentedControl/index.mjs",
-        "require": "./dist/components/SegmentedControl/index.cjs"
-      },
-      "./components/Select": {
-        "import": "./dist/components/Select/index.mjs",
-        "require": "./dist/components/Select/index.cjs"
-      },
-      "./components/Slider": {
-        "import": "./dist/components/Slider/index.mjs",
-        "require": "./dist/components/Slider/index.cjs"
-      },
-      "./components/Spacer": {
-        "import": "./dist/components/Spacer/index.mjs",
-        "require": "./dist/components/Spacer/index.cjs"
-      },
-      "./components/Spinner": {
-        "import": "./dist/components/Spinner/index.mjs",
-        "require": "./dist/components/Spinner/index.cjs"
-      },
-      "./components/Stack": {
-        "import": "./dist/components/Stack/index.mjs",
-        "require": "./dist/components/Stack/index.cjs"
-      },
-      "./components/StatusIndicator": {
-        "import": "./dist/components/StatusIndicator/index.mjs",
-        "require": "./dist/components/StatusIndicator/index.cjs"
-      },
-      "./components/Sticker": {
-        "import": "./dist/components/Sticker/index.mjs",
-        "require": "./dist/components/Sticker/index.cjs"
-      },
-      "./components/SwatchPicker": {
-        "import": "./dist/components/SwatchPicker/index.mjs",
-        "require": "./dist/components/SwatchPicker/index.cjs"
-      },
-      "./components/TabBar": {
-        "import": "./dist/components/TabBar/index.mjs",
-        "require": "./dist/components/TabBar/index.cjs"
-      },
-      "./components/Table": {
-        "import": "./dist/components/Table/index.mjs",
-        "require": "./dist/components/Table/index.cjs"
-      },
-      "./components/TableBox": {
-        "import": "./dist/components/TableBox/index.mjs",
-        "require": "./dist/components/TableBox/index.cjs"
-      },
-      "./components/TechnicalSticker": {
-        "import": "./dist/components/TechnicalSticker/index.mjs",
-        "require": "./dist/components/TechnicalSticker/index.cjs"
-      },
-      "./components/Text": {
-        "import": "./dist/components/Text/index.mjs",
-        "require": "./dist/components/Text/index.cjs"
-      },
-      "./components/TextArea": {
-        "import": "./dist/components/TextArea/index.mjs",
-        "require": "./dist/components/TextArea/index.cjs"
-      },
-      "./components/Tile": {
-        "import": "./dist/components/Tile/index.mjs",
-        "require": "./dist/components/Tile/index.cjs"
-      },
-      "./components/Toast": {
-        "import": "./dist/components/Toast/index.mjs",
-        "require": "./dist/components/Toast/index.cjs"
-      },
-      "./components/Toggle": {
-        "import": "./dist/components/Toggle/index.mjs",
-        "require": "./dist/components/Toggle/index.cjs"
-      },
-      "./components/Tooltip": {
-        "import": "./dist/components/Tooltip/index.mjs",
-        "require": "./dist/components/Tooltip/index.cjs"
-      },
-      "./layouts/LayoutLoadingShimmer": {
-        "import": "./dist/layouts/LayoutLoadingShimmer/index.mjs",
-        "require": "./dist/layouts/LayoutLoadingShimmer/index.cjs"
-      },
-      "./lib/comboboxHelper": {
-        "import": "./dist/lib/comboboxHelper.mjs",
-        "require": "./dist/lib/comboboxHelper.cjs"
-      },
-      "./lib/ConfigContext": {
-        "import": "./dist/lib/ConfigContext.mjs",
-        "require": "./dist/lib/ConfigContext.cjs"
-      },
-      "./lib/copyTextToClipboard": {
-        "import": "./dist/lib/copyTextToClipboard.mjs",
-        "require": "./dist/lib/copyTextToClipboard.cjs"
-      },
-      "./lib/datePickerHelper": {
-        "import": "./dist/lib/datePickerHelper.mjs",
-        "require": "./dist/lib/datePickerHelper.cjs"
-      },
-      "./lib/GlobalStyles": {
-        "import": "./dist/lib/GlobalStyles.mjs",
-        "require": "./dist/lib/GlobalStyles.cjs"
-      },
-      "./lib/HeadlessAriaButton": {
-        "import": "./dist/lib/HeadlessAriaButton.mjs",
-        "require": "./dist/lib/HeadlessAriaButton.cjs"
-      },
-      "./lib/message": {
-        "import": "./dist/lib/message.mjs",
-        "require": "./dist/lib/message.cjs"
-      },
-      "./lib/MiddleTruncatedText": {
-        "import": "./dist/lib/MiddleTruncatedText.mjs",
-        "require": "./dist/lib/MiddleTruncatedText.cjs"
-      },
-      "./lib/PDSProvider": {
-        "import": "./dist/lib/PDSProvider.mjs",
-        "require": "./dist/lib/PDSProvider.cjs"
-      },
-      "./lib/pseudoClass": {
-        "import": "./dist/lib/pseudoClass.mjs",
-        "require": "./dist/lib/pseudoClass.cjs"
-      },
-      "./lib/reorderItems": {
-        "import": "./dist/lib/reorderItems.mjs",
-        "require": "./dist/lib/reorderItems.cjs"
-      },
-      "./lib/selectHelper": {
-        "import": "./dist/lib/selectHelper.mjs",
-        "require": "./dist/lib/selectHelper.cjs"
-      },
-      "./lib/TruncatedText": {
-        "import": "./dist/lib/TruncatedText.mjs",
-        "require": "./dist/lib/TruncatedText.cjs"
-      },
-      "./lib/TruncatedTextWithTooltip": {
-        "import": "./dist/lib/TruncatedTextWithTooltip.mjs",
-        "require": "./dist/lib/TruncatedTextWithTooltip.cjs"
-      },
-      "./lib/useControlled": {
-        "import": "./dist/lib/useControlled.mjs",
-        "require": "./dist/lib/useControlled.cjs"
-      },
-      "./lib/useIsOverflow": {
-        "import": "./dist/lib/useIsOverflow.mjs",
-        "require": "./dist/lib/useIsOverflow.cjs"
-      },
-      "./lib/useOutsideClick": {
-        "import": "./dist/lib/useOutsideClick.mjs",
-        "require": "./dist/lib/useOutsideClick.cjs"
-      },
-      "./lib/useScrollOverflow": {
-        "import": "./dist/lib/useScrollOverflow.mjs",
-        "require": "./dist/lib/useScrollOverflow.cjs"
-      },
-      "./lib/zindex": {
-        "import": "./dist/lib/zindex.mjs",
-        "require": "./dist/lib/zindex.cjs"
-      },
-      "./mixins/focus": {
-        "import": "./dist/mixins/focus.mjs",
-        "require": "./dist/mixins/focus.cjs"
-      },
-      "./mixins/hoverable": {
-        "import": "./dist/mixins/hoverable.mjs",
-        "require": "./dist/mixins/hoverable.cjs"
-      },
-      "./mixins/input": {
-        "import": "./dist/mixins/input.mjs",
-        "require": "./dist/mixins/input.cjs"
-      },
-      "./mixins/menuItem": {
-        "import": "./dist/mixins/menuItem.mjs",
-        "require": "./dist/mixins/menuItem.cjs"
-      },
-      "./mixins/print": {
-        "import": "./dist/mixins/print/index.mjs",
-        "require": "./dist/mixins/print/index.cjs"
-      },
-      "./mixins/text": {
-        "import": "./dist/mixins/text.mjs",
-        "require": "./dist/mixins/text.cjs"
-      },
-      "./theme": {
-        "import": "./dist/theme.mjs",
-        "require": "./dist/theme.cjs"
-      },
-      "./utils/storybook": {
-        "import": "./dist/utils/storybook.mjs",
-        "require": "./dist/utils/storybook.cjs"
-      },
-      "./utils/testing": {
-        "import": "./dist/utils/testing.mjs",
-        "require": "./dist/utils/testing.cjs"
-      },
-      "./variables/color": {
-        "import": "./dist/variables/color.mjs",
-        "require": "./dist/variables/color.cjs"
-      },
-      "./variables/effect": {
-        "import": "./dist/variables/effect.mjs",
-        "require": "./dist/variables/effect.cjs"
-      },
-      "./variables/keyframes": {
-        "import": "./dist/variables/keyframes.mjs",
-        "require": "./dist/variables/keyframes.cjs"
-      },
-      "./variables/spacing": {
-        "import": "./dist/variables/spacing.mjs",
-        "require": "./dist/variables/spacing.cjs"
-      },
-      "./variables/text": {
-        "import": "./dist/variables/text.mjs",
-        "require": "./dist/variables/text.cjs"
-      },
-      "./variables/transitions": {
-        "import": "./dist/variables/transitions.mjs",
-        "require": "./dist/variables/transitions.cjs"
-      },
+      ".": "./dist/index.mjs",
+      "./components/Attribute": "./dist/components/Attribute/index.mjs",
+      "./components/Badge": "./dist/components/Badge/index.mjs",
+      "./components/Banner": "./dist/components/Banner/index.mjs",
+      "./components/Breadcrumbs": "./dist/components/Breadcrumbs/index.mjs",
+      "./components/Button": "./dist/components/Button/index.mjs",
+      "./components/ButtonGroup": "./dist/components/ButtonGroup/index.mjs",
+      "./components/Card": "./dist/components/Card/index.mjs",
+      "./components/CardV2": "./dist/components/CardV2/index.mjs",
+      "./components/Checkbox": "./dist/components/Checkbox/index.mjs",
+      "./components/Combobox": "./dist/components/Combobox/index.mjs",
+      "./components/ConfigFormGroup": "./dist/components/ConfigFormGroup/index.mjs",
+      "./components/DataTable": "./dist/components/DataTable/index.mjs",
+      "./components/DataTable/TableControls": "./dist/components/DataTable/TableControls/index.mjs",
+      "./components/DataTable/types": "./dist/components/DataTable/types.mjs",
+      "./components/DatePicker": "./dist/components/DatePicker/index.mjs",
+      "./components/DropdownButton": "./dist/components/DropdownButton/index.mjs",
+      "./components/DropdownMenu": "./dist/components/DropdownMenu/index.mjs",
+      "./components/FormControl": "./dist/components/FormControl/index.mjs",
+      "./components/FormField": "./dist/components/FormField/index.mjs",
+      "./components/HoverCopyableField": "./dist/components/HoverCopyableField/index.mjs",
+      "./components/ImageTile": "./dist/components/ImageTile/index.mjs",
+      "./components/Input": "./dist/components/Input/index.mjs",
+      "./components/Link": "./dist/components/Link/index.mjs",
+      "./components/ListBox": "./dist/components/ListBox/index.mjs",
+      "./components/LoadingShimmer": "./dist/components/LoadingShimmer/index.mjs",
+      "./components/MaskedInput": "./dist/components/MaskedInput/index.mjs",
+      "./components/MatchHighlight": "./dist/components/MatchHighlight/index.mjs",
+      "./components/Menu": "./dist/components/Menu/index.mjs",
+      "./components/Modal": "./dist/components/Modal/index.mjs",
+      "./components/PageHeader": "./dist/components/PageHeader/index.mjs",
+      "./components/Pagination": "./dist/components/Pagination/index.mjs",
+      "./components/Pii": "./dist/components/Pii/index.mjs",
+      "./components/Popover": "./dist/components/Popover/index.mjs",
+      "./components/ProgressBar": "./dist/components/ProgressBar/index.mjs",
+      "./components/ProgressIndicator": "./dist/components/ProgressIndicator/index.mjs",
+      "./components/Radio": "./dist/components/Radio/index.mjs",
+      "./components/RadioGroup": "./dist/components/RadioGroup/index.mjs",
+      "./components/SegmentedControl": "./dist/components/SegmentedControl/index.mjs",
+      "./components/Select": "./dist/components/Select/index.mjs",
+      "./components/Slider": "./dist/components/Slider/index.mjs",
+      "./components/Spacer": "./dist/components/Spacer/index.mjs",
+      "./components/Spinner": "./dist/components/Spinner/index.mjs",
+      "./components/Stack": "./dist/components/Stack/index.mjs",
+      "./components/StatusIndicator": "./dist/components/StatusIndicator/index.mjs",
+      "./components/Sticker": "./dist/components/Sticker/index.mjs",
+      "./components/SwatchPicker": "./dist/components/SwatchPicker/index.mjs",
+      "./components/TabBar": "./dist/components/TabBar/index.mjs",
+      "./components/Table": "./dist/components/Table/index.mjs",
+      "./components/TableBox": "./dist/components/TableBox/index.mjs",
+      "./components/TechnicalSticker": "./dist/components/TechnicalSticker/index.mjs",
+      "./components/Text": "./dist/components/Text/index.mjs",
+      "./components/TextArea": "./dist/components/TextArea/index.mjs",
+      "./components/Tile": "./dist/components/Tile/index.mjs",
+      "./components/Toast": "./dist/components/Toast/index.mjs",
+      "./components/Toggle": "./dist/components/Toggle/index.mjs",
+      "./components/Tooltip": "./dist/components/Tooltip/index.mjs",
+      "./layouts/LayoutLoadingShimmer": "./dist/layouts/LayoutLoadingShimmer/index.mjs",
+      "./lib/comboboxHelper": "./dist/lib/comboboxHelper.mjs",
+      "./lib/ConfigContext": "./dist/lib/ConfigContext.mjs",
+      "./lib/copyTextToClipboard": "./dist/lib/copyTextToClipboard.mjs",
+      "./lib/datePickerHelper": "./dist/lib/datePickerHelper.mjs",
+      "./lib/GlobalStyles": "./dist/lib/GlobalStyles.mjs",
+      "./lib/HeadlessAriaButton": "./dist/lib/HeadlessAriaButton.mjs",
+      "./lib/message": "./dist/lib/message.mjs",
+      "./lib/MiddleTruncatedText": "./dist/lib/MiddleTruncatedText.mjs",
+      "./lib/PDSProvider": "./dist/lib/PDSProvider.mjs",
+      "./lib/pseudoClass": "./dist/lib/pseudoClass.mjs",
+      "./lib/reorderItems": "./dist/lib/reorderItems.mjs",
+      "./lib/selectHelper": "./dist/lib/selectHelper.mjs",
+      "./lib/TruncatedText": "./dist/lib/TruncatedText.mjs",
+      "./lib/TruncatedTextWithTooltip": "./dist/lib/TruncatedTextWithTooltip.mjs",
+      "./lib/useControlled": "./dist/lib/useControlled.mjs",
+      "./lib/useIsOverflow": "./dist/lib/useIsOverflow.mjs",
+      "./lib/useOutsideClick": "./dist/lib/useOutsideClick.mjs",
+      "./lib/useScrollOverflow": "./dist/lib/useScrollOverflow.mjs",
+      "./lib/zindex": "./dist/lib/zindex.mjs",
+      "./mixins/focus": "./dist/mixins/focus.mjs",
+      "./mixins/hoverable": "./dist/mixins/hoverable.mjs",
+      "./mixins/input": "./dist/mixins/input.mjs",
+      "./mixins/menuItem": "./dist/mixins/menuItem.mjs",
+      "./mixins/print": "./dist/mixins/print/index.mjs",
+      "./mixins/text": "./dist/mixins/text.mjs",
+      "./theme": "./dist/theme.mjs",
+      "./utils/storybook": "./dist/utils/storybook.mjs",
+      "./utils/testing": "./dist/utils/testing.mjs",
+      "./variables/color": "./dist/variables/color.mjs",
+      "./variables/effect": "./dist/variables/effect.mjs",
+      "./variables/keyframes": "./dist/variables/keyframes.mjs",
+      "./variables/spacing": "./dist/variables/spacing.mjs",
+      "./variables/text": "./dist/variables/text.mjs",
+      "./variables/transitions": "./dist/variables/transitions.mjs",
       "./package.json": "./package.json"
     },
     "registry": "https://registry.npmjs.org"