@innovaccer/design-system 3.3.0 → 3.5.0

package/css/src/components/ProgressBar.css

@@ -11,7 +11,7 @@
 }
 
 .ProgressBar-indicator--small {
-  height: var(--spacing-s);
+  height: var(--spacing-m);
 }
 
 .ProgressBar-indicator--regular {

package/css/src/components/avatar.css

@@ -106,3 +106,34 @@
   opacity: var(--opacity-20);
   mix-blend-mode: multiply;
 }
+
+.Avatar-presence {
+  position: absolute;
+  border-radius: 50%;
+  width: var(--spacing);
+  height: var(--spacing);
+  right: 0;
+  bottom: 0;
+}
+
+.Avatar-presence--active {
+  background: var(--success);
+}
+
+.Avatar-presence--away {
+  background: var(--secondary-dark);
+}
+
+.Avatar-status {
+  top: calc(-1 * var(--spacing-s));
+  right: calc(-1 * var(--spacing-s));
+  width: var(--spacing-l);
+  height: var(--spacing-l);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  cursor: pointer;
+  overflow: hidden;
+}

package/css/src/components/button.css

@@ -227,16 +227,6 @@
   z-index: 1;
 }
 
-.Button--tiny .Spinner--small {
-  height: var(--font-size-s);
-  width: var(--font-size-s);
-}
-
-.Button--large .Spinner--small {
-  height: var(--font-size-l);
-  width: var(--font-size-l);
-}
-
 .Button--selected {
   background: var(--primary-lightest);
   color: var(--primary-dark);

package/css/src/components/grid.css

@@ -1,3 +1,12 @@
+/** Grid **/
+
+.Grid-wrapper {
+  display: flex;
+  position: relative;
+  overflow: hidden;
+  height: 100%;
+}
+
 .Grid {
   display: flex;
   flex-direction: column;
@@ -7,11 +16,20 @@
   background: var(--white);
 }
 
-.Grid-wrapper {
-  display: flex;
-  position: relative;
-  overflow: hidden;
-  height: 100%;
+.Grid--resource .Grid-row--body:hover,
+.Grid--resource .Grid-row--body:hover .Grid-cellGroup {
+  cursor: pointer;
+  background: var(--secondary-lightest);
+}
+
+.Grid--resource .Grid-row--body:active,
+.Grid--resource .Grid-row--body:active .Grid-cellGroup {
+  background: var(--secondary-lighter);
+}
+
+.Grid--resource .Grid-row--body:focus {
+  box-shadow: var(--shadow-spread) color-mod(var(--secondary) a(var(--opacity-4)));
+  outline: none;
 }
 
 .Grid--pinned {
@@ -113,6 +131,42 @@
   border-bottom: var(--border);
 }
 
+.Grid-row {
+  display: flex;
+  flex-grow: 1;
+  flex-shrink: 0;
+  box-sizing: border-box;
+  background: var(--white);
+  transition: var(--duration--fast-02) var(--standard-productive-curve);
+  transition-delay: var(--duration--fast-01);
+}
+
+.Grid-row--body {
+  border-color: var(--secondary-light);
+}
+
+.Grid-row--selected,
+.Grid-row--selected .Grid-cellGroup {
+  background: color-mod(var(--primary-lightest) a(var(--opacity-12)));
+  transition: var(--duration--fast-02) var(--standard-productive-curve);
+}
+
+.Grid-row--selected:hover,
+.Grid-row--selected .Grid-cellGroup:hover {
+  background: color-mod(var(--primary-lighter) a(var(--opacity-12))) !important;
+}
+
+.Grid-row--selected:active,
+.Grid-row--selected .Grid-cellGroup:active {
+  background: var(--primary-lighter) !important;
+}
+
+.Grid-row--selected:focus,
+.Grid-row--selected .Grid-cellGroup:focus {
+  outline: none;
+  box-shadow: var(--shadow-spread) color-mod(var(--primary) a(var(--opacity-4)));
+}
+
 .Grid-rowWrapper:last-child .Grid-row--body {
   border-bottom: 0;
 }
@@ -184,6 +238,15 @@
   border-left: none;
 }
 
+/* .Grid .Grid-cellGroup--main .Grid-cell--head.Grid-cell:last-child {
+    border-right: var(--border);
+} */
+
+.Grid-row--disabled {
+  opacity: var(--opacity-10);
+  pointer-events: none;
+}
+
 .Grid-cell--head.Grid-cell--selected {
   background: var(--primary-light);
 }
@@ -198,15 +261,6 @@
   overflow: visible !important;
 }
 
-.Grid-cell--separator {
-  border-left: var(--border);
-  border-color: var(--secondary-light);
-}
-
-.Grid-cell--selected {
-  background: var(--primary-lightest);
-}
-
 .Grid-sortingIcons {
   display: flex;
   align-items: center;
@@ -268,6 +322,7 @@
 .Grid-cellGroup {
   display: flex;
   box-sizing: border-box;
+  background: var(--white);
 }
 
 .Grid-cellGroup--pinned {
@@ -277,10 +332,32 @@
 
 .Grid-cellGroup--pinned-left {
   left: 0;
+  border-style: inset;
+  border-right: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));
+  border-right-width: 4px;
+  border-image: linear-gradient(
+      to right,
+      var(--secondary-light),
+      var(--secondary-light) 25%,
+      color-mod(var(--secondary) a(0.1)) 25%,
+      color-mod(var(--secondary) a(0.1))
+    )
+    1 100%;
 }
 
 .Grid-cellGroup--pinned-right {
   right: 0;
+  border-style: inset;
+  border-left: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));
+  border-left-width: 4px;
+  border-image: linear-gradient(
+      to left,
+      var(--secondary-light),
+      var(--secondary-light) 25%,
+      color-mod(var(--secondary) a(0.1)) 25%,
+      color-mod(var(--secondary) a(0.1))
+    )
+    1 100%;
 }
 
 .Grid .Checkbox-wrapper {
@@ -297,11 +374,13 @@
 }
 
 .GridCell--align-left {
+  /* flex-direction: row; */
   justify-content: flex-start;
   text-align: left;
 }
 
 .GridCell--align-right {
+  /* flex-direction: row-reverse; */
   justify-content: flex-end;
   text-align: right;
 }
@@ -372,6 +451,20 @@
   margin-left: 0;
 }
 
+/* .GridCell-image {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: var(--spacing);
+}
+
+.Image {
+    z-index: 0;
+    height: 100%;
+    width: 100%;
+} */
+
 /** Header **/
 
 /** Table-header **/
@@ -438,153 +531,3 @@
   margin-left: auto;
   margin-bottom: var(--spacing-2);
 }
-
-/* Grid row */
-
-.Grid-row--disabled {
-  opacity: var(--opacity-10);
-  pointer-events: none;
-}
-
-.Grid-row {
-  display: flex;
-  flex-grow: 1;
-  flex-shrink: 0;
-  box-sizing: border-box;
-  background: var(--white);
-}
-
-.Grid-row--body {
-  border-color: var(--secondary-light);
-}
-
-.Grid--resource .Grid-row--body:hover {
-  cursor: pointer;
-  background: var(--secondary-lightest);
-}
-
-.Grid--resource .Grid-row--body:active {
-  background: var(--secondary-lighter);
-}
-
-.Grid--resource .Grid-row--body:focus {
-  box-shadow: var(--shadow-spread) color-mod(var(--secondary) a(var(--opacity-4)));
-  outline: none;
-}
-
-/* Selected States */
-
-.Grid-row--selected {
-  background: color-mod(var(--primary-lightest) a(var(--opacity-12)));
-}
-
-.Grid-row--selected:hover {
-  background: color-mod(var(--primary-lighter) a(var(--opacity-12))) !important;
-}
-
-.Grid-row--selected:active {
-  background: var(--primary-lighter) !important;
-}
-
-.Grid-row--selected:focus {
-  outline: none;
-  box-shadow: var(--shadow-spread) color-mod(var(--primary) a(var(--opacity-4)));
-}
-
-/* Pinned Columns Default State */
-
-.Grid--resource .Grid-row--body:hover .Grid-cellWrapper--pinned {
-  cursor: pointer;
-  background: var(--secondary-lightest);
-}
-
-.Grid--resource .Grid-row--body:active .Grid-cellWrapper--pinned {
-  background: var(--secondary-lighter);
-}
-
-.Grid--resource .Grid-row--body:focus .Grid-cellWrapper--pinned {
-  box-shadow: var(--shadow-spread) color-mod(var(--secondary) a(var(--opacity-4)));
-  outline: none;
-}
-
-/* Pinned Columns Selected State */
-
-.Grid-row--selected .Grid-cellWrapper--pinned {
-  background: color-mod(var(--primary-lightest) a(var(--opacity-12)));
-}
-
-.Grid-row--selected:hover .Grid-cellWrapper--pinned {
-  background: color-mod(var(--primary-lighter) a(var(--opacity-12))) !important;
-}
-
-.Grid-row--selected:active .Grid-cellWrapper--pinned {
-  background: var(--primary-lighter) !important;
-}
-
-.Grid-row--selected:focus .Grid-cellWrapper--pinned {
-  outline: none;
-  box-shadow: var(--shadow-spread) color-mod(var(--primary) a(var(--opacity-4)));
-}
-
-/* Grid header */
-.Grid-row--head .Grid-cellGroup--pinned {
-  background: var(--white);
-}
-
-.Grid-row--head .Grid-cellGroup--pinned-left {
-  border-style: inset;
-  border-right: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));
-  border-right-width: 4px;
-  border-image: linear-gradient(
-      to right,
-      var(--secondary-light),
-      var(--secondary-light) 25%,
-      color-mod(var(--secondary) a(0.1)) 25%,
-      color-mod(var(--secondary) a(0.1))
-    )
-    1 100%;
-}
-
-.Grid-row--head .Grid-cellGroup--pinned-right {
-  border-style: inset;
-  border-left: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));
-  border-left-width: 4px;
-  border-image: linear-gradient(
-      to left,
-      var(--secondary-light),
-      var(--secondary-light) 25%,
-      color-mod(var(--secondary) a(0.1)) 25%,
-      color-mod(var(--secondary) a(0.1))
-    )
-    1 100%;
-}
-
-/* Pinned Column Border */
-
-.Grid-cellWrapper--pinned-left {
-  border-style: inset;
-  border-right: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));
-  border-right-width: 4px;
-  border-image: linear-gradient(
-      to right,
-      var(--secondary-light),
-      var(--secondary-light) 25%,
-      color-mod(var(--secondary) a(0.1)) 25%,
-      color-mod(var(--secondary) a(0.1))
-    )
-    1 100%;
-}
-
-.Grid-cellWrapper--pinned-right {
-  border-style: inset;
-  border-left: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));
-  border-left-width: 4px;
-  border-image: linear-gradient(
-      to left,
-      var(--secondary-light),
-      var(--secondary-light) 25%,
-      color-mod(var(--secondary) a(0.1)) 25%,
-      color-mod(var(--secondary) a(0.1))
-    )
-    1 100%;
-}

package/css/src/components/progressRing.css

@@ -2,14 +2,19 @@
   transform: rotate(-90deg);
 }
 
+.Ring--small {
+  height: var(--spacing-2);
+  width: var(--spacing-2);
+}
+
 .Ring--regular {
   height: var(--spacing-3);
   width: var(--spacing-3);
 }
 
-.Ring--small {
-  height: var(--spacing-2);
-  width: var(--spacing-2);
+.Ring--large {
+  height: var(--spacing-4);
+  width: var(--spacing-4);
 }
 
 .Ring Circle {

package/css/src/components/spinner.css

@@ -26,6 +26,11 @@
   animation: rotate 2s linear infinite;
 }
 
+.Spinner--xsmall {
+  height: var(--spacing-l);
+  width: var(--spacing-l);
+}
+
 .Spinner--small {
   height: var(--spacing-2);
   width: var(--spacing-2);
@@ -53,9 +58,9 @@
 }
 
 .Circle--secondary {
-  stroke: var(--primary);
+  stroke: var(--secondary-dark);
 }
 
 .Circle--white {
-  stroke: var(--primary);
+  stroke: var(--white);
 }

package/css/src/components/statusHints.css

@@ -30,5 +30,5 @@
 }
 
 .StatusHint--default {
-  background: var(--secondary);
+  background: var(--secondary-light);
 }

package/css/src/core/utilities.css

@@ -20,12 +20,24 @@
 }
 
 ::-webkit-scrollbar {
-  width: var(--spacing-2);
+  width: 16px;
 }
 
 ::-webkit-scrollbar-thumb {
-  border: var(--spacing-s) solid rgba(0, 0, 0, 0);
-  background-clip: padding-box;
-  border-radius: var(--spacing);
-  background-color: var(--secondary);
+  background: #c5c5c5;
+  border-radius: 8px;
+  border: 2px solid transparent;
+  background-clip: content-box;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #a6a6a6;
+  border: 2px solid transparent;
+  background-clip: content-box;
+}
+
+::-webkit-scrollbar-thumb:active {
+  background: #707070;
+  border: 2px solid transparent;
+  background-clip: content-box;
 }

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

@@ -287,8 +287,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/avatar/Avatar.tsx": {
-        "version": "17452fa8bd58a7c9d5770fa1cd0ff1cfacd6f4a91484008e37c6487dab3243a8",
-        "signature": "451fef369b2ca5ac6597e868a21a3248b85e46d7b0fb176cb490d29c11163f82",
+        "version": "c2e2f667141952b8bedaddbcd2a39039daa370584bca246883b97da75325acba",
+        "signature": "2cdcd50fa342e60ecfda719f1e22e84c0cb0add146f52ce08b44b5a122f18aff",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/avatar/index.tsx": {
@@ -372,7 +372,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/button/Button.tsx": {
-        "version": "bd0e7548839db7b786026f2adaf7b51d1713e97bed5a4ea0dd6d8b13d3ff5428",
+        "version": "f2bd125a5dec0ad6d398ab1ff84e60cf7ebc47ee4f585f30fc9d92709a27ad20",
         "signature": "73688651a3897a5a1f335acbca13a426de1a343f9a17191058c97dd9e13e18e2",
         "affectsGlobalScope": false
       },
@@ -687,7 +687,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/input/Input.tsx": {
-        "version": "8f24902c8f9171bfa6feb1e219b273669a28bdb7dfede6a096001984566f669b",
+        "version": "c85ff24b31456e9bf9b29c4c2b4ca1df799f0975086ecf8173b5c6bd120b6585",
         "signature": "af9fe5423f81ba3449f6a5f89de013cb32feeec65dd4780d60695f0d01950a2c",
         "affectsGlobalScope": false
       },
@@ -887,8 +887,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/spinner/Spinner.tsx": {
-        "version": "7dac93f57ad166cb6b4604261480101c21a100bb8a2354c6ebb0ddc51ab2696e",
-        "signature": "86f2adcc6fcd238305e0fc9cf833386d916607090c69ebe1f1430366c1b2d37a",
+        "version": "f952776780a02dbb7009dcc17b902177d39840bcbcb824e0d16ce7e515eef2a5",
+        "signature": "4df3ac952cfef241c3199c4b822f3503db42c4a3bbeadf11c8392f7cf1f623be",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/spinner/index.tsx": {
@@ -1513,7 +1513,7 @@
       },
       "../../core/components/atoms/popperWrapper/PopperWrapper.tsx": {
         "version": "e6529760280dbd793e0aaa62d51c710b981e6a8bf7108904cd7766a93c8051e6",
-        "signature": "6af0c8c10051ffb5de7a0042b72d2408a2b58142a670ed3ab777ebba0b433a0c",
+        "signature": "4ac6733be26ab640d22b67b86d49554052ad69ee8c296f3272115e69db0b762f",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/popperWrapper/index.tsx": {
@@ -1532,8 +1532,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/progressRing/ProgressRing.tsx": {
-        "version": "0b548d05afc77b1b7ef317a31b512828049dc5f5ab47b582aba727e19fb1d26d",
-        "signature": "5a52db688bab52674d2f9474fde584776e5725da8db4f9f77a0d98ad53ecec34",
+        "version": "9160f2cf50b11ec66771ce04c73788c1331b7e40c58094b68bd39121c48fc728",
+        "signature": "92c9bdd546726ef31bd0f3cf510cdb5a57affcb3084477cf568c3137191a279a",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/progressRing/index.tsx": {
@@ -1637,7 +1637,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/dropzone/Dropzone.tsx": {
-        "version": "ca620aca7c218533e94f1fd619dbdaafae524fc7fd8e055c17a99f804c91a54e",
+        "version": "15cd02c5c78484dcca6b02373bfa8caac1ff6183dd26701915eb921379229d01",
         "signature": "e52e0a178a128b965f2c3be7527fc8ed465fd388c21c5d35316dd9b0ef4dcc84",
         "affectsGlobalScope": false
       },
@@ -1722,7 +1722,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/grid/GridRow.tsx": {
-        "version": "668876aa2993d10c0519a68ee32e85c1ea4ea864504e1ef7e5755a72774d5d41",
+        "version": "50371d8993c998080f957d34f5cfe2131f363209b392b435b4ee5564b3b337ea",
         "signature": "e896c56db3e619dd4457355c752791be2e3f267ac73a43142d2481b1cea0a79d",
         "affectsGlobalScope": false
       },
@@ -1752,7 +1752,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/table/Header.tsx": {
-        "version": "0c26a544af7e767dfb90c62b7468dfe398ad7afbecc725114660d13fe34e1a04",
+        "version": "7c5c478deb1f3b629b2013329b73d2c117ff94b8230d886e6e79b742b6e36398",
         "signature": "a15955f6aa0ca3d2d2cd6b8619b5a9bea81500fad8d18515c3914f8605e56688",
         "affectsGlobalScope": false
       },
@@ -1762,7 +1762,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/table/Table.tsx": {
-        "version": "94b4a480a004cbf3758c812b10108002c5cea3c9144736602b7811e845338148",
+        "version": "d65630788a9950e41e73f6ed77325f0f909830ddd8f91efbfd0e17f9828ca40a",
         "signature": "d1b01f382f3550d66f528697b3255a8322e143078ff37888c1ad2a1db87f4dc2",
         "affectsGlobalScope": false
       },
@@ -3657,7 +3657,7 @@
         "affectsGlobalScope": false
       },
       "../../figma/Avatar.figma.tsx": {
-        "version": "27b8576c626c4390529198759da54de14941de639a9ae354438540e3acc629f3",
+        "version": "75077090a39eb724369de7cb0677614d446c5b2fbcab04d0420480ed541b1706",
         "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881",
         "affectsGlobalScope": false
       },
@@ -3817,7 +3817,7 @@
         "affectsGlobalScope": false
       },
       "../../figma/ProgressRing.figma.tsx": {
-        "version": "11f3d17fded97edf5e9ca96cb98fd90597a85724abee16979fa40959f011a6bd",
+        "version": "767c8342e5482cd8778beef274d07a3aa853d6177f5ae6d9105c1f7ef60107ea",
         "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881",
         "affectsGlobalScope": false
       },
@@ -3857,7 +3857,7 @@
         "affectsGlobalScope": false
       },
       "../../figma/Spinner.figma.tsx": {
-        "version": "e036f447b7a52ecf4f15eea1c73727fbe056e1c7dd8be0d35ac496c1a43e95a4",
+        "version": "dd4a76edb0c0e42265134bdd57e1b89218f86764e522c02ce375f90f1b88a9ee",
         "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881",
         "affectsGlobalScope": false
       },
@@ -3877,7 +3877,7 @@
         "affectsGlobalScope": false
       },
       "../../figma/Toast.figma.tsx": {
-        "version": "94c2ea1a779d9a8afc28e452c5443aa3760f5014683253434a76eef32da70836",
+        "version": "81926303201161e747d7452877f4ef1e11f598ca7359370fc610e9bc44a5a58c",
         "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881",
         "affectsGlobalScope": false
       },
@@ -8242,6 +8242,7 @@
         "../../node_modules/@types/react/index.d.ts"
       ],
       "../../figma/Toast.figma.tsx": [
+        "../../core/components/atoms/toast/index.tsx",
         "../../core/index.tsx",
         "../../node_modules/@figma/code-connect/dist/index.d.ts",
         "../../node_modules/@types/node/util.d.ts",

package/dist/core/components/atoms/avatar/Avatar.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { BaseProps } from "../../../utils/types";
 import { TooltipProps } from "../../../index.type";
 import { AccentAppearance, AvatarSize, AvatarShape } from "../../../common.type";
+declare type TPresence = 'active' | 'away';
 export interface AvatarProps extends BaseProps {
     appearance?: AccentAppearance;
     children?: string | React.ReactNode;
@@ -15,6 +16,9 @@ export interface AvatarProps extends BaseProps {
     disabled?: boolean;
     role?: string;
     tabIndex?: number;
+    presence?: TPresence;
+    status?: React.ReactNode;
+    strokeColor?: string;
 }
 export declare const Avatar: {
     (props: AvatarProps): JSX.Element;
@@ -26,6 +30,7 @@ export declare const Avatar: {
         withTooltip: boolean;
         size: string;
         shape: string;
+        strokeColor: string;
     };
 };
 export default Avatar;

package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts

@@ -736,7 +736,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         gridColumnGap?: string | number | (string & {}) | undefined;
         gridGap?: string | number | (string & {}) | undefined;
         gridRowGap?: string | number | (string & {}) | undefined;
-        imeMode?: "disabled" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "normal" | "active" | "inactive" | undefined;
+        imeMode?: "disabled" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "active" | "normal" | "inactive" | undefined;
         offsetBlock?: string | number | (string & {}) | undefined;
         offsetBlockEnd?: string | number | (string & {}) | undefined;
         offsetBlockStart?: string | number | (string & {}) | undefined;
@@ -795,7 +795,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         MozTextDecorationLine?: "blink" | "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "grammar-error" | "line-through" | "overline" | "spelling-error" | "underline" | undefined;
         MozTextDecorationStyle?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "dashed" | "dotted" | "double" | "solid" | "wavy" | undefined;
         MozUserInput?: "disabled" | "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "enabled" | undefined;
-        msImeMode?: "disabled" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "normal" | "active" | "inactive" | undefined;
+        msImeMode?: "disabled" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "active" | "normal" | "inactive" | undefined;
         msScrollbarTrackColor?: (string & {}) | "white" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "transparent" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | undefined;
         OAnimation?: "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | (number & {}) | "both" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
         OAnimationDelay?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | undefined;

package/dist/core/components/atoms/progressRing/ProgressRing.d.ts

@@ -1,5 +1,5 @@
 import { BaseProps } from "../../../utils/types";
-export declare type ProgressRingSize = 'small' | 'regular';
+export declare type ProgressRingSize = 'small' | 'regular' | 'large';
 export interface ProgressRingProps extends BaseProps {
     size: ProgressRingSize;
     value: number;