@innovaccer/design-system 2.21.0 → 2.22.0

package/css/gulpfile.js

@@ -7,7 +7,7 @@ const postcssColorMod = require('postcss-color-mod-function');
 const cleaner = require('gulp-clean');
 
 const materialIcons = './material-design-icons/iconfont/material-icons.css';
-const materialFont = './material-design-icons/iconfont/*.{ttf,otf}';
+const materialFont = './material-design-icons/iconfont/*.{ttf,otf,woff2}';
 
 const sources = [
   './src/tokens/*.css',

package/css/material-design-icons/iconfont/material-icons.css

@@ -1,20 +1,16 @@
-@font-face {
-  font-family: 'Material Symbols Outlined';
-  font-style: normal;
-  src: url(MaterialSymbolsOutlined.ttf);
-}
-
+/* fallback */
 @font-face {
   font-family: 'Material Symbols Rounded';
   font-style: normal;
-  src: url(MaterialSymbolsRounded.ttf);
+  font-weight: 300;
+  src: url(MaterialSymbolsRounded.woff2) format('woff2');
 }
 
 .material-icons {
-  font-family: 'Material Icons';
+  font-family: 'Material Symbols Rounded';
   font-weight: normal;
   font-style: normal;
-  font-size: 16px;    /* preferred icon size */
+  font-size: 24px;
   line-height: 1;
   letter-spacing: normal;
   text-transform: none;
@@ -26,12 +22,10 @@
   -webkit-font-smoothing: antialiased;
 }
 
-.material-icons-outlined {
-  font-family: 'Material Symbols Outlined';
-  font-size: 24px; /* Preferred icon size */
+.material-icons-rounded {
+  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 24;
 }
 
-.material-icons-rounded {
-  font-family: 'Material Symbols Rounded';
-  font-size: 24px; /* Preferred icon size */
+.material-icons-outlined {
+  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
 }

package/css/src/components/selectionCard.css

@@ -0,0 +1,91 @@
+.Selection-card {
+  cursor: pointer;
+  border-radius: var(--spacing-m);
+  position: relative;
+  box-shadow: inset 0 0 0 var(--spacing-xs) var(--secondary-dark);
+  transition: var(--duration--fast-01) var(--standard-productive-curve);
+}
+
+.Selection-card:hover {
+  box-shadow: inset 0 0 0 var(--spacing-s) var(--inverse-lightest);
+  transition: var(--duration--fast-01) var(--standard-productive-curve);
+}
+
+.Selection-card:focus,
+.Selection-card:focus-visible {
+  outline: none;
+  box-shadow: var(--shadow-spread) var(--secondary-shadow), inset 0 0 0 var(--spacing-xs) var(--secondary-light);
+}
+
+.Selection-card:active {
+  box-shadow: inset 0 0 0 var(--spacing-s) var(--primary);
+  transition: var(--duration--fast-01) var(--standard-productive-curve);
+}
+
+.Selection-card--disabled {
+  pointer-events: none;
+  box-shadow: inset 0 0 0 var(--spacing-xs) var(--secondary-lighter);
+}
+
+/* selected states */
+
+.Selection-card--selected {
+  box-shadow: inset 0 0 0 var(--spacing-s) var(--primary);
+}
+
+.Selection-card--selected:hover {
+  box-shadow: inset 0 0 0 var(--spacing-s) var(--primary-dark);
+}
+
+.Selection-card--selected:focus,
+.Selection-card--selected:focus-visible {
+  outline: none;
+  box-shadow: var(--shadow-spread) var(--primary-shadow), inset 0 0 0 var(--spacing-s) var(--primary);
+}
+
+.Selection-card--selected:active {
+  box-shadow: inset 0 0 0 var(--spacing-s) var(--primary-darker);
+}
+
+.Selection-card--selected-disabled {
+  pointer-events: none;
+  box-shadow: inset 0 0 0 var(--spacing-xs) var(--primary-lighter);
+}
+
+/* overlay classes */
+
+.Selection-card-overlay {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 2;
+  position: absolute;
+  pointer-events: none;
+  border-radius: var(--spacing-m);
+}
+
+.Selection-card:active .Selection-card-overlay {
+  background-color: var(--primary);
+  opacity: 10%;
+}
+
+.Selection-card--disabled .Selection-card-overlay {
+  background-color: var(--secondary-lightest);
+  opacity: 50%;
+}
+
+.Selection-card--selected .Selection-card-overlay {
+  background-color: var(--primary);
+  opacity: 4%;
+}
+
+.Selection-card--selected:active .Selection-card-overlay {
+  background-color: var(--primary);
+  opacity: 4%;
+}
+
+.Selection-card--selected-disabled .Selection-card-overlay {
+  background-color: var(--primary-lightest);
+  opacity: 50%;
+}

package/dist/.lib/tsconfig.type.tsbuildinfo

@@ -317,8 +317,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/button/Button.tsx": {
-        "version": "cbd3a7de427feb4d69686a50b4835f7b048079eba02176e8795ae86bb1e76155",
-        "signature": "532969f075bc72a567f0cb4bda2d3868ae099e40d506d7737bc2dc6ba99ff772",
+        "version": "662b5690b3c5a5b725e4b7f27cd8f9e6502550aebf043696a46436c0a498c2f7",
+        "signature": "73688651a3897a5a1f335acbca13a426de1a343f9a17191058c97dd9e13e18e2",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/button/index.tsx": {
@@ -421,14 +421,9 @@
         "signature": "6427aee725c0b2c594f724f86482fe933cc3711d7ecf0bc86bd742cbf768877b",
         "affectsGlobalScope": false
       },
-      "../../core/components/atoms/icon/utils.tsx": {
-        "version": "a5829212bb9353c1c67b4cd3e5d333248b10c777d64e4514ae87778829e4d033",
-        "signature": "68ebf8993b600a8745eb160a6af8b5a9a1576fffd6bef2f7a3d5534babb47a52",
-        "affectsGlobalScope": false
-      },
       "../../core/components/atoms/icon/Icon.tsx": {
-        "version": "1d9a92a76069887d29a386ee202872d7ec9a02d7ffd31888a5bd7d852e60e587",
-        "signature": "4ec0e5666dff4fe9b96ebefe3cfd09d56ffeea07b633ef501071ec7e558a043b",
+        "version": "1663515e438053fe9b396fdb9c9349e622df3d1371e607a8cab96d1e676663b4",
+        "signature": "6e38c578d63e87920c2be85e89210227f76b482f68501f520f74ec154d8683a6",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/icon/index.tsx": {
@@ -452,13 +447,13 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/_chip/index.tsx": {
-        "version": "36cdefb512bd319b88e809f7054666b88b82d222745832547919b4708f64a7d0",
-        "signature": "8c348ffb33dec860a0009e3c6f9ccd55d272ef6d0e9fa71ecc87b8c82987306c",
+        "version": "a0cd94c4b213fa720744af11c679ffa14aca97f0b275dbf51c5ae34e24eb6efd",
+        "signature": "ecc589feb9630a79f7b54bbe52a3eb3bd37924e47799b9a57d18970e53eaae96",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/chip/Chip.tsx": {
-        "version": "4c656b1f3e6e805b7b7f77dfa063de69a47437b764794244910f831e4b86106d",
-        "signature": "027f3a0b5a47e92e0bc69afa0643f29600d2f7a2dd7c3de00b785aa1dce9ff1e",
+        "version": "dc7547b2870bb284916c30aaf7147555b5a14763a51b5cc98e5df2b696719dcf",
+        "signature": "a24885a2ee95bf0c75f012fd11ae39ff8de6843f053d5c53b732c0e5025954ac",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/chip/index.tsx": {
@@ -467,7 +462,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/chipGroup/ChipGroup.tsx": {
-        "version": "92c0578662602287ed6f671a02583810ed136cd36eedd26dee09dd0216325c06",
+        "version": "44d767ae1adf0c8336c2b0124dc9f227623ed68178d59fe09d14ed76406e689e",
         "signature": "d2201bd9d17a850423f332b2e9cee897f467a30aad8be0643f8ef2ad55334d51",
         "affectsGlobalScope": false
       },
@@ -542,7 +537,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/dropdown/option/IconOption.tsx": {
-        "version": "6ab12421809ee6ed997b27db3cb6e7d56b3932987eec0d4aeb8fc97606d7c8f7",
+        "version": "a29ca82bd10cd2035a02fa4711c70bfc03ef323a1a4812990980c277b9253d2f",
         "signature": "57606d84ad41d8005f808836fa817146dfff6a01d81eb4cc208291852e43d630",
         "affectsGlobalScope": false
       },
@@ -557,8 +552,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/dropdown/DropdownButton.tsx": {
-        "version": "61f417555670c39c2047c0aa0c9380f1d25a1d1fa355e9c12c174a0df06415aa",
-        "signature": "b9ba9951af804510e8439167b2a6ae124a2762b25992735d4f6cf72aef9a6e07",
+        "version": "03f46a491b56a42bb3384bb59798ad7de46ac1d3ccaa4c0a0991b9fa42e52a34",
+        "signature": "8b0b80e4bea185e5cea9b900b9092a9c1ec23a589c028872d1c995eef71e4eb4",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/placeholderParagraph/PlaceholderParagraph.tsx": {
@@ -596,14 +591,29 @@
         "signature": "fec3cf0fcdb67e926fa4931314d138d81549539d58bb62c32c6fc184118c6cfc",
         "affectsGlobalScope": false
       },
+      "../../node_modules/@types/throttle-debounce/index.d.ts": {
+        "version": "4e22b9ea2805fec5f3c120146a690e5604a3117dbdee648c85393f58422eec16",
+        "signature": "4e22b9ea2805fec5f3c120146a690e5604a3117dbdee648c85393f58422eec16",
+        "affectsGlobalScope": false
+      },
+      "../../core/components/atoms/dropdown/Dropdown.tsx": {
+        "version": "4134450fe08182e05aec4256bfd3d69c95e03b21a85cf9c5e829be5ccf832105",
+        "signature": "c171f1203f6dc27aa75553acd55d26d8a6d9ed99c4c7ab6b457e52f29fcfbc1e",
+        "affectsGlobalScope": false
+      },
+      "../../core/components/atoms/dropdown/ErrorTemplate.tsx": {
+        "version": "f3768781a4e33773445c3ae5b6eed9ef5dc56532517c12c46a7604bb416e12b5",
+        "signature": "35df89cd787fd433d996895ceca8e80ee3ce338196ce027fd1d6f95720043085",
+        "affectsGlobalScope": false
+      },
       "../../core/components/atoms/dropdown/DropdownList.tsx": {
-        "version": "f20bd7c8483bfcd902046dbf9e6cafe1787357c6bf9a5db1209774a553aec025",
-        "signature": "f5f7fd2712fd484caf1cfe54b35121c5216dfde74ce28557e299e3b1899e75af",
+        "version": "1e190084f9af3017c69790fcf8076b5079f1b9bd8647895ced32c3f8434d36ef",
+        "signature": "24048f2aada8f273d401139d7417f7c942b6693b13c8e87284e831f9401d8d5e",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/dropdown/option/index.tsx": {
-        "version": "7f8b2fefddeba75d65d0c01c11fda1ccee89747694b7e7ca1777afdf74dbb59e",
-        "signature": "e76f29821abde3f990dbd8da16ed0a3202bac844001dc22730cfc27a9ac971d0",
+        "version": "bc547e7d6c054e1c94ec73c2d4aff2da8536ba1b238449599aadbf04b65d4ea1",
+        "signature": "f29f9dcc517bd236a47ff10013514129adc1da804fddd02406cce7eafd9f8711",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/timePicker/utility/searchUtils.tsx": {
@@ -626,16 +636,6 @@
         "signature": "dcf646481bd42b13800d0f095bdbe2cfd3d1260da39ec4b76891fc603ea87b11",
         "affectsGlobalScope": false
       },
-      "../../node_modules/@types/throttle-debounce/index.d.ts": {
-        "version": "4e22b9ea2805fec5f3c120146a690e5604a3117dbdee648c85393f58422eec16",
-        "signature": "4e22b9ea2805fec5f3c120146a690e5604a3117dbdee648c85393f58422eec16",
-        "affectsGlobalScope": false
-      },
-      "../../core/components/atoms/dropdown/Dropdown.tsx": {
-        "version": "bdf4621d19ed1ab8aa94c7befe6e7383011683ba3a1a3297a5bc87173b8e2269",
-        "signature": "fd7e7c7fcf71a2aeba04c61ddf7aac48617e1e2c19e1438335e1a703962beb73",
-        "affectsGlobalScope": false
-      },
       "../../core/components/atoms/dropdown/index.tsx": {
         "version": "e358c7c3fe588e1f640f3d12d250d96a01b0a11f7c641d937761fc51a19db0f2",
         "signature": "40f70594c27bbf52364c559154aa64ecba00179ec4a548df2b751e72542f6497",
@@ -652,8 +652,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/input/actionButton/ActionButton.tsx": {
-        "version": "6f30e85be6d0d6971bf313d388941fd0c07548e9eba326b2634e3e05cf370a5d",
-        "signature": "32aaf80dc9d52ecab613c6b87c0acb82de9da2c0793086a207055820f938bba2",
+        "version": "c0f5eb814c17b235bc719a36bd4f6cd225be07c33e6022a518586f034122f048",
+        "signature": "1c642feceb641f29bb2d4269fe58760f9ccbc056a851cbfa8ed22a75d21ea1eb",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/input/actionButton/index.tsx": {
@@ -662,8 +662,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/input/Input.tsx": {
-        "version": "4e8bc1d5110bc7258c60e8e8022cb24757d21c2677c0084d5e57c65fc51d4864",
-        "signature": "5c8c979baf551dcbb425402a24a1f1686ffaff94cc78991d1bbb0baf68950741",
+        "version": "890eb93c3aea53a97d347eb6bb2045a5644475810319c2879e0619665506c8dd",
+        "signature": "af9fe5423f81ba3449f6a5f89de013cb32feeec65dd4780d60695f0d01950a2c",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/input/index.tsx": {
@@ -672,8 +672,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/metricInput/MetricInput.tsx": {
-        "version": "ceca2ab78082fef267011fb7556cc2ccfd660d0dd77d04bfdc9fd082762b57a1",
-        "signature": "5fbf51459e145b95becb5f37a7cf0d4c926b3e444ebad825fba0cd61672d5295",
+        "version": "275cfb669536c3eb0c47bab6b6cf54958f80eed16315ccbfa1b5e5c0afbe2f69",
+        "signature": "d0d75acbdbaa6aa769ad0c3be2ac9f90957e741170bfc459023f454385bc828b",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/metricInput/index.tsx": {
@@ -717,17 +717,17 @@
         "affectsGlobalScope": false
       },
       "../../core/utils/navigationHelper.tsx": {
-        "version": "ac382f144a8d7e302393c977e8fbc77a1f2932b6657df477b5d97d3b8bf9d643",
-        "signature": "94f7e30cfba7567ce6b8acd1f3ef3353e6fd9138a019b50c0d4fde01c26befe8",
+        "version": "ac967412fc05024f78223436953d015a25500ff0a59cb8de5bba8e6f71ba2d40",
+        "signature": "ccfecfd991f87831ea8c4ce9924f419e5b5a194ceff9c3789754788ad41864d2",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/verticalNav/MenuItem.tsx": {
-        "version": "003f749f006ff3a466b5e03694e7d0524803b0918ad2d5443d8c0154482a8b32",
+        "version": "62860f2b2b48c6ca6012ce1379047dde1f8cb91cc3e3024fd82a2a6397e37e49",
         "signature": "5e37b7f569d09c007d1f438d81dbf26264baa12d49b0d34921a4233bb29dea05",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/verticalNav/VerticalNav.tsx": {
-        "version": "e769f79b0350f756616fa5076b4dd40ddeccf472aac9b49d5ebb9259a2f6ac17",
+        "version": "bc57700d47d3c63e19e408c3b2032ccc459df2eac0356f69de8dcc752d2ec8a7",
         "signature": "b6a81d40026ba8bd3a2cbf23c794ebad04a3cd7ae697b1a3fcbca6f0cb11ad7f",
         "affectsGlobalScope": false
       },
@@ -787,7 +787,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/horizontalNav/HorizontalNav.tsx": {
-        "version": "636152d074d8289aba2fb0308edeecdf2e882895a2a733dbbe3d6dcc3d26eb3e",
+        "version": "ade6097da4bbb7a67063ec14aaa5d7d506862c5d2789e0c64efeac39c6093dc1",
         "signature": "f514d24ce6074d591e449c02b591ee452010db46cf8ac4ed134508b59d168684",
         "affectsGlobalScope": false
       },
@@ -807,12 +807,12 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/metaList/Meta.tsx": {
-        "version": "6560d41ef3b66c88845009d799eaeb4e8a0ba7f9ebdb7c9add88932abb3a1d8c",
-        "signature": "79277a7a923bd14bd8ccbf8d372135b5ad8994d7391e4607b1a0f56c3f6e7e2f",
+        "version": "9ae094466c6c18f89913bdd2d67722589909c23809afd17ffbfe1ce985e78e62",
+        "signature": "04870d24c0c13fe0c22323ce808461968e8989477a6e8c4c08792de58cff7931",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/metaList/MetaList.tsx": {
-        "version": "cd5e9c4c465eb383683d454fa5cf4a7ccc3e901ef11078f90acf050fd31f59cb",
+        "version": "a2e9461049cb81571a79d8cded4a3658a138889a87a3bffcd7878cc0fd161523",
         "signature": "2bf1748bc4d8d6967b776361ac06a6abe166cb52c49be74a50b129ac3c36846c",
         "affectsGlobalScope": false
       },
@@ -1097,8 +1097,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/chipInput/ChipInput.tsx": {
-        "version": "c2d77c8a1c654245aac9502b2f50bb2748fe98f8b349fcaab4ab6241949dcac2",
-        "signature": "de9451cfc535d4ce54621cad7e84caab52d915746c3be021b7e335be9203f4e4",
+        "version": "962b6ff8a104f56dd65187f021c1e0b432aa47430ac61c60fa39ff07323877ec",
+        "signature": "f6f6ce6b9921561439101986472ca2beaa8a60acfad24678ef5347239aedd88f",
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/chipInput/index.tsx": {
@@ -1178,7 +1178,7 @@
       },
       "../../core/components/atoms/popperWrapper/PopperWrapper.tsx": {
         "version": "4bdc8aa961b2247499d2937c5d836e5680c2bc6c531bb77feae0a14f4a08fcc3",
-        "signature": "786615f97cc26af74b87459c50cf92427fe10f4a007cbfab1bc0bb472acf4ccb",
+        "signature": "37559ed84e328f9f34972afc14e34f27efa408fdf63544cca2a3410083c2cc6d",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/popperWrapper/index.tsx": {
@@ -1257,8 +1257,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/tabs/Tabs.tsx": {
-        "version": "5e137e5df3b652eca8faabf3aa37fadd610a902589da870a6d637863af28ac10",
-        "signature": "6d64e3056227e06442dbcc0cc2154243ee9ddbf3132baa66a136a09f54a14aab",
+        "version": "2c7ae944997fad585e727e2968c65c518f53df6318890ba97abd6367a4a95375",
+        "signature": "b02a6ec2264f6e3c829e019c9f93bb7289a11b8a719d3b0ee5336edede68266c",
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/tabs/index.tsx": {
@@ -1537,8 +1537,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/linkButton/LinkButton.tsx": {
-        "version": "fb7a5eed74032662358213dc804a78290a9868c45783a5e5ef441a311d818c27",
-        "signature": "24a5ee0a847bd28b6c3d530053d6905328866f6bc543016e2371bb8a9b00ff6d",
+        "version": "d2b8b0d0d60a7f4c4851ead31550971c1d5fcaa0d41f5814f562f3737645cfad",
+        "signature": "b7acf30b926ee7426e3c73f8d5581363890a4a0f61a0c50c39d0b541a4c20deb",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/linkButton/index.tsx": {
@@ -1556,9 +1556,34 @@
         "signature": "496c1995d6c2836e353783730b0b6fda96d81ddc669254265414e40339b0d4ce",
         "affectsGlobalScope": false
       },
+      "../../core/components/atoms/selectionCard/hooks/useMultiSelect.tsx": {
+        "version": "c738f39c9c44766302421b32b86ff910871e3816b12f5e380b1ffafaf2908655",
+        "signature": "8322a700e506ce344fb5fed039c3a897dc3cf5dcc346359097ec21e70280c6fb",
+        "affectsGlobalScope": false
+      },
+      "../../core/components/atoms/selectionCard/hooks/useSingleSelect.tsx": {
+        "version": "666127e0abcaffbf6217e70c96c3117c45f8a1ab89d5cff939f45ac4f36038cf",
+        "signature": "b1b660dd1956b156dfde74bec713ea67288c2b8c8861a2d798c2ca5e372d6b4e",
+        "affectsGlobalScope": false
+      },
+      "../../core/components/atoms/selectionCard/hooks/index.tsx": {
+        "version": "1e2bd412ab53e5beb8538675bac0832115d693b1bf9707ff3bc6ee4c4b88921c",
+        "signature": "3baed669f5d049bfc1e65ca3cb46c940ab096326583da161be05799545afa813",
+        "affectsGlobalScope": false
+      },
+      "../../core/components/atoms/selectionCard/SelectionCard.tsx": {
+        "version": "ad0500d116d77d6db303fda101f3f1a40fa9d4e8336bc7723fdecb7343e73a15",
+        "signature": "2497ebca50621852b59d5c9a0e645c1f12fc3f5240148bf25082bcf8077f485c",
+        "affectsGlobalScope": false
+      },
+      "../../core/components/atoms/selectionCard/index.tsx": {
+        "version": "eff9456fe6931f6e4e7b7e9d69db3faf5604dc80feb422f37517a3820861504f",
+        "signature": "d72eb45fc521763fbb81b3846b3ab55e0d821d3312122e8bcdb8cb7f01ab13cf",
+        "affectsGlobalScope": false
+      },
       "../../core/index.type.tsx": {
-        "version": "19ebf2ffaeddba2d0a0549f9150ee510a1616d6f3d0c368b13e87eeef6e1d439",
-        "signature": "075741cabe17b922d69f3d27d11b9220ae959096170ea644cabb89e9b14129ea",
+        "version": "37a655856d9a539c989af5de45b1782a65dbce306c4109a055a1c08ac5e54dd3",
+        "signature": "2660f17f55be462c50ee59a50745e43f0b7419a225dd816c09b584702079c18e",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/timePicker/TimePickerWithInput.tsx": {
@@ -1587,8 +1612,8 @@
         "affectsGlobalScope": false
       },
       "../../core/index.tsx": {
-        "version": "51b1ef49d53c08397a476d2666043148168ff7c3ea04ba0f79916d29891cb9c7",
-        "signature": "519243eda020548d41bbe6b549d5a3f8c66e5c09209c211c6faf683042261588",
+        "version": "d45ce1c84c22ff0be4a3823753471d2e110594ad2a897edf48e497c8e8c04850",
+        "signature": "8ddb314b61fece902791e5c1971c2abb2b1d6516c6770f1ea22d1296062892de",
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/overlayFooter/OverlayFooter.tsx": {
@@ -1602,8 +1627,8 @@
         "affectsGlobalScope": false
       },
       "../../core/common.type.tsx": {
-        "version": "047c28cbf1b4263accf142253212266a24cf2ac5174a8c4bb41245b0a425507a",
-        "signature": "5692e64aa77f460848d5f832ec24321ef7d890ebaf825c1a905577c8f19488c4",
+        "version": "19899f656b7fb9c323fa1a3a392cb20ebe876a02c99c4fef60bb856d004e0c55",
+        "signature": "f3d060ac2c3965d3f316a3afc4ffa4c953a1cf76d204046cb90024141798264e",
         "affectsGlobalScope": false
       },
       "../../core/global.d.ts": {
@@ -4615,6 +4640,21 @@
           "*",
           "*",
           "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
+          "*",
           "*"
         ]
       },
@@ -4933,7 +4973,9 @@
       ],
       "../../core/components/atoms/dropdown/DropdownList.tsx": [
         "../../core/common.type.tsx",
+        "../../core/components/atoms/dropdown/Dropdown.tsx",
         "../../core/components/atoms/dropdown/DropdownButton.tsx",
+        "../../core/components/atoms/dropdown/ErrorTemplate.tsx",
         "../../core/components/atoms/dropdown/Loading.tsx",
         "../../core/components/atoms/dropdown/option/index.tsx",
         "../../core/components/atoms/dropdown/utility.tsx",
@@ -4944,6 +4986,12 @@
         "../../node_modules/@types/react/index.d.ts",
         "../../node_modules/classnames/index.d.ts"
       ],
+      "../../core/components/atoms/dropdown/ErrorTemplate.tsx": [
+        "../../core/components/atoms/dropdown/Dropdown.tsx",
+        "../../core/index.tsx",
+        "../../node_modules/@types/node/util.d.ts",
+        "../../node_modules/@types/react/index.d.ts"
+      ],
       "../../core/components/atoms/dropdown/Loading.tsx": [
         "../../core/components/atoms/placeholderParagraph/index.tsx",
         "../../core/components/molecules/placeholder/index.tsx",
@@ -5040,7 +5088,6 @@
       ],
       "../../core/components/atoms/icon/Icon.tsx": [
         "../../core/accessibility/utils/index.ts",
-        "../../core/components/atoms/icon/utils.tsx",
         "../../core/utils/types.tsx",
         "../../node_modules/@types/node/util.d.ts",
         "../../node_modules/@types/react/index.d.ts",
@@ -5050,10 +5097,6 @@
         "../../core/components/atoms/icon/Icon.tsx",
         "../../node_modules/@types/node/util.d.ts"
       ],
-      "../../core/components/atoms/icon/utils.tsx": [
-        "../../core/components/atoms/icon/Icon.tsx",
-        "../../node_modules/@types/node/util.d.ts"
-      ],
       "../../core/components/atoms/input/Input.tsx": [
         "../../core/common.type.tsx",
         "../../core/components/atoms/input/actionButton/index.tsx",
@@ -5308,6 +5351,30 @@
         "../../core/components/atoms/row/Row.tsx",
         "../../node_modules/@types/node/util.d.ts"
       ],
+      "../../core/components/atoms/selectionCard/SelectionCard.tsx": [
+        "../../core/components/atoms/selectionCard/hooks/index.tsx",
+        "../../core/utils/types.tsx",
+        "../../node_modules/@types/node/util.d.ts",
+        "../../node_modules/@types/react/index.d.ts",
+        "../../node_modules/classnames/index.d.ts"
+      ],
+      "../../core/components/atoms/selectionCard/hooks/index.tsx": [
+        "../../core/components/atoms/selectionCard/hooks/useMultiSelect.tsx",
+        "../../core/components/atoms/selectionCard/hooks/useSingleSelect.tsx",
+        "../../node_modules/@types/node/util.d.ts"
+      ],
+      "../../core/components/atoms/selectionCard/hooks/useMultiSelect.tsx": [
+        "../../node_modules/@types/node/util.d.ts",
+        "../../node_modules/@types/react/index.d.ts"
+      ],
+      "../../core/components/atoms/selectionCard/hooks/useSingleSelect.tsx": [
+        "../../node_modules/@types/node/util.d.ts",
+        "../../node_modules/@types/react/index.d.ts"
+      ],
+      "../../core/components/atoms/selectionCard/index.tsx": [
+        "../../core/components/atoms/selectionCard/SelectionCard.tsx",
+        "../../node_modules/@types/node/util.d.ts"
+      ],
       "../../core/components/atoms/slider/Slider.tsx": [
         "../../core/components/atoms/multiSlider/index.tsx",
         "../../node_modules/@types/node/util.d.ts",
@@ -6332,6 +6399,7 @@
         "../../core/components/atoms/radio/index.tsx",
         "../../core/components/atoms/rangeSlider/index.tsx",
         "../../core/components/atoms/row/index.tsx",
+        "../../core/components/atoms/selectionCard/index.tsx",
         "../../core/components/atoms/slider/index.tsx",
         "../../core/components/atoms/spinner/index.tsx",
         "../../core/components/atoms/statusHint/index.tsx",
@@ -6421,6 +6489,7 @@
         "../../core/components/atoms/radio/index.tsx",
         "../../core/components/atoms/rangeSlider/index.tsx",
         "../../core/components/atoms/row/index.tsx",
+        "../../core/components/atoms/selectionCard/index.tsx",
         "../../core/components/atoms/slider/index.tsx",
         "../../core/components/atoms/spinner/index.tsx",
         "../../core/components/atoms/statusHint/index.tsx",
@@ -11683,6 +11752,7 @@
       "../../core/components/atoms/dropdown/Dropdown.tsx",
       "../../core/components/atoms/dropdown/DropdownButton.tsx",
       "../../core/components/atoms/dropdown/DropdownList.tsx",
+      "../../core/components/atoms/dropdown/ErrorTemplate.tsx",
       "../../core/components/atoms/dropdown/Loading.tsx",
       "../../core/components/atoms/dropdown/index.tsx",
       "../../core/components/atoms/dropdown/option/CheckboxOption.tsx",
@@ -11700,7 +11770,6 @@
       "../../core/components/atoms/helpText/index.tsx",
       "../../core/components/atoms/icon/Icon.tsx",
       "../../core/components/atoms/icon/index.tsx",
-      "../../core/components/atoms/icon/utils.tsx",
       "../../core/components/atoms/input/Input.tsx",
       "../../core/components/atoms/input/actionButton/ActionButton.tsx",
       "../../core/components/atoms/input/actionButton/index.tsx",
@@ -11745,6 +11814,11 @@
       "../../core/components/atoms/rangeSlider/index.tsx",
       "../../core/components/atoms/row/Row.tsx",
       "../../core/components/atoms/row/index.tsx",
+      "../../core/components/atoms/selectionCard/SelectionCard.tsx",
+      "../../core/components/atoms/selectionCard/hooks/index.tsx",
+      "../../core/components/atoms/selectionCard/hooks/useMultiSelect.tsx",
+      "../../core/components/atoms/selectionCard/hooks/useSingleSelect.tsx",
+      "../../core/components/atoms/selectionCard/index.tsx",
       "../../core/components/atoms/slider/Slider.tsx",
       "../../core/components/atoms/slider/index.tsx",
       "../../core/components/atoms/spinner/Spinner.tsx",

package/dist/core/common.type.d.ts

@@ -12,9 +12,4 @@ export declare type NumberRange = [number, number];
 export declare type ChangeEvent = React.ChangeEvent<HTMLInputElement>;
 export declare type TextColor = 'white' | 'primary' | 'secondary' | 'success' | 'alert' | 'warning' | 'accent1' | 'accent2' | 'accent3' | 'accent4' | 'inverse' | 'primary-dark' | 'secondary-dark' | 'success-dark' | 'alert-dark' | 'warning-dark' | 'accent1-dark' | 'accent2-dark' | 'accent3-dark' | 'accent4-dark' | 'primary-darker' | 'success-darker' | 'alert-darker' | 'warning-darker' | 'accent1-darker' | 'accent2-darker' | 'accent3-darker' | 'accent4-darker' | 'primary-light' | 'secondary-light' | 'success-light' | 'alert-light' | 'warning-light' | 'accent1-light' | 'accent2-light' | 'accent3-light' | 'accent4-light' | 'inverse-light' | 'primary-lighter' | 'secondary-lighter' | 'success-lighter' | 'alert-lighter' | 'warning-lighter' | 'accent1-lighter' | 'accent2-lighter' | 'accent3-lighter' | 'accent4-lighter' | 'inverse-lighter' | 'primary-lightest' | 'secondary-lightest' | 'success-lightest' | 'alert-lightest' | 'warning-lightest' | 'accent1-lightest' | 'accent2-lightest' | 'accent3-lightest' | 'accent4-lightest' | 'inverse-lightest' | 'primary-shadow' | 'secondary-shadow' | 'success-shadow' | 'alert-shadow' | 'warning-shadow' | 'accent1-shadow' | 'accent2-shadow' | 'accent3-shadow' | 'accent4-shadow' | 'inverse-shadow';
 export declare type AvatarSize = 'regular' | 'tiny';
-export declare type FontVariationType = {
-    fill?: number;
-    weight?: number;
-    grade?: number;
-    opticalSize?: number;
-};
+export declare type IconType = 'rounded' | 'outlined';

package/dist/core/components/atoms/_chip/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Name } from "../chip/Chip";
 import { BaseProps } from "../../../utils/types";
-import { FontVariationType } from "../../../common.type";
+import { IconType } from "../../../common.type";
 export interface GenericChipProps extends BaseProps {
     label: string | React.ReactElement;
     labelPrefix?: string;
@@ -11,7 +11,7 @@ export interface GenericChipProps extends BaseProps {
     selected?: boolean;
     onClose?: () => void;
     onClick?: () => void;
-    iconVariations?: FontVariationType;
+    iconType?: IconType;
     name: Name;
 }
 export declare const GenericChip: {

package/dist/core/components/atoms/button/Button.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BaseProps, BaseHtmlProps } from "../../../utils/types";
-import { FontVariationType } from "../../../common.type";
+import { IconType } from "../../../common.type";
 export declare type ButtonType = 'button' | 'submit' | 'reset';
 export declare type ButtonAppearance = 'basic' | 'primary' | 'success' | 'alert' | 'transparent';
 export declare type ButtonSize = 'tiny' | 'regular' | 'large';
@@ -17,7 +17,7 @@ export interface ButtonProps extends BaseProps, BaseHtmlProps<HTMLButtonElement>
     icon?: string;
     iconAlign?: ButtonAlignment;
     largeIcon?: boolean;
-    iconVariations?: FontVariationType;
+    iconType?: IconType;
     children?: React.ReactText;
     tabIndex?: number;
     autoFocus?: boolean;