react-magma-dom 4.7.0-next.28 → 4.7.0-next.29

package/dist/properties.json

@@ -3934,7 +3934,7 @@
     },
     "indexSignature": [
       {
-        "id": 25237,
+        "id": 25242,
         "name": "__index",
         "kind": 8192,
         "kindString": "Index signature",
@@ -3946,7 +3946,7 @@
         },
         "parameters": [
           {
-            "id": 25238,
+            "id": 25243,
             "name": "key",
             "kind": 32768,
             "kindString": "Parameter",
@@ -4036,12 +4036,12 @@
       "types": [
         {
           "type": "reference",
-          "id": 25243,
+          "id": 25248,
           "name": "BaseDatagridProps"
         },
         {
           "type": "reference",
-          "id": 25539,
+          "id": 25544,
           "name": "DatagridSelectedRowsProps"
         }
       ]
@@ -4260,12 +4260,12 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 25535,
+          "id": 25540,
           "name": "ControlledSelectedRowsProps"
         },
         {
           "type": "reference",
-          "id": 25537,
+          "id": 25542,
           "name": "UncontrolledSelectedRowsProps"
         }
       ],
@@ -9421,12 +9421,12 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 17418,
+          "id": 17423,
           "name": "NavTabChildrenProps"
         },
         {
           "type": "reference",
-          "id": 17685,
+          "id": 17690,
           "name": "NavTabComponentProps"
         }
       ],
@@ -9868,12 +9868,12 @@
       "types": [
         {
           "type": "reference",
-          "id": 27186,
+          "id": 27191,
           "name": "ControlledPaginationProps"
         },
         {
           "type": "reference",
-          "id": 27462,
+          "id": 27467,
           "name": "UncontrolledPaginationProps"
         }
       ]
@@ -14150,12 +14150,12 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 24570,
+          "id": 24575,
           "name": "ControlledPageProps"
         },
         {
           "type": "reference",
-          "id": 24572,
+          "id": 24577,
           "name": "UncontrolledPageProps"
         }
       ],
@@ -14177,12 +14177,12 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 24574,
+          "id": 24579,
           "name": "ControlledRowsPerPageProps"
         },
         {
           "type": "reference",
-          "id": 24576,
+          "id": 24581,
           "name": "UncontrolledRowsPerPageProps"
         }
       ],
@@ -14204,17 +14204,17 @@
       "types": [
         {
           "type": "reference",
-          "id": 24298,
+          "id": 24303,
           "name": "BaseTablePaginationProps"
         },
         {
           "type": "reference",
-          "id": 24585,
+          "id": 24590,
           "name": "PagePaginationProps"
         },
         {
           "type": "reference",
-          "id": 24586,
+          "id": 24591,
           "name": "RowsPaginationProps"
         }
       ]
@@ -14830,12 +14830,12 @@
       "types": [
         {
           "type": "reference",
-          "id": 15661,
+          "id": 15666,
           "name": "HorizontalTabsProps"
         },
         {
           "type": "reference",
-          "id": 15658,
+          "id": 15663,
           "name": "VerticalTabsProps"
         }
       ]
@@ -15313,12 +15313,12 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 29717,
+          "id": 29722,
           "name": "DeletableTagProps"
         },
         {
           "type": "reference",
-          "id": 29730,
+          "id": 29735,
           "name": "ClickableTagProps"
         }
       ],
@@ -15563,7 +15563,7 @@
           "type": "query",
           "queryType": {
             "type": "reference",
-            "id": 31033,
+            "id": 31038,
             "name": "useTimePicker"
           }
         }
@@ -16258,12 +16258,12 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 33568,
+          "id": 33573,
           "name": "ToggleButtonTextProps"
         },
         {
           "type": "reference",
-          "id": 33846,
+          "id": 33851,
           "name": "ToggleButtonIconProps"
         }
       ],
@@ -17636,7 +17636,7 @@
           "type": "query",
           "queryType": {
             "type": "reference",
-            "id": 33186,
+            "id": 33191,
             "name": "useTreeView"
           }
         }
@@ -17833,7 +17833,7 @@
     },
     "typeParameter": [
       {
-        "id": 22489,
+        "id": 22494,
         "name": "PaginatedItem",
         "kind": 131072,
         "kindString": "Type parameter",
@@ -17893,7 +17893,7 @@
     },
     "typeParameter": [
       {
-        "id": 22498,
+        "id": 22503,
         "name": "PaginatedItem",
         "kind": 131072,
         "kindString": "Type parameter",

package/dist/react-magma-dom.cjs.development.js

@@ -2309,12 +2309,21 @@ var IconButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
 var _excluded$5 = ["color", "duration", "isActive", "radius", "strokeWidth", "testId"];
 function _EMOTION_STRINGIFIED_CSS_ERROR__$3() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var Circle = /*#__PURE__*/_styled("circle", {
-  target: "e1e5rl330",
+  target: "e1e5rl331",
   label: "Circle"
 })( {
-  name: "16ssuew",
-  styles: "transition:stroke-dashoffset 0.35s;transform:rotate(-90deg);transform-origin:50% 50%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNkIiLCJmaWxlIjoiaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBUaGVtZUNvbnRleHQgfSBmcm9tICcuLi8uLi90aGVtZS9UaGVtZUNvbnRleHQnO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmNvbnN0IENpcmNsZSA9IHN0eWxlZC5jaXJjbGUgYFxuICB0cmFuc2l0aW9uOiBzdHJva2UtZGFzaG9mZnNldCAwLjM1cztcbiAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbiAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQcm9ncmVzc1JpbmcgPSBSZWFjdC5mb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XHJcbiAgICBjb25zdCB7IGNvbG9yLCBkdXJhdGlvbiA9IDUwMDAsIGlzQWN0aXZlLCByYWRpdXMgPSAyMSwgc3Ryb2tlV2lkdGggPSAzLCB0ZXN0SWQsIC4uLm90aGVyIH0gPSBwcm9wcztcclxuICAgIGNvbnN0IFtwZXJjZW50YWdlLCBzZXRQZXJjZW50YWdlXSA9IFJlYWN0LnVzZVN0YXRlKDEwMCk7XHJcbiAgICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIGNvbnN0IGludGVydmFsRHVyYXRpb24gPSBkdXJhdGlvbiAvIDUwO1xyXG4gICAgICAgIGxldCBpbnRlcnZhbCA9IG51bGw7XHJcbiAgICAgICAgaWYgKGlzQWN0aXZlKSB7XHJcbiAgICAgICAgICAgIGludGVydmFsID0gc2V0SW50ZXJ2YWwoKCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgc2V0UGVyY2VudGFnZShwZXJjZW50YWdlIC0gMik7XHJcbiAgICAgICAgICAgIH0sIGludGVydmFsRHVyYXRpb24pO1xyXG4gICAgICAgICAgICBpZiAocGVyY2VudGFnZSA8PSAwKSB7XHJcbiAgICAgICAgICAgICAgICBjbGVhckludGVydmFsKGludGVydmFsKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgY2xlYXJJbnRlcnZhbChpbnRlcnZhbCk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHJldHVybiAoKSA9PiBjbGVhckludGVydmFsKGludGVydmFsKTtcclxuICAgIH0sIFtwZXJjZW50YWdlLCBpc0FjdGl2ZV0pO1xyXG4gICAgY29uc3Qgbm9ybWFsaXplZFJhZGl1cyA9IHJhZGl1cyAtIHN0cm9rZVdpZHRoICogMjtcclxuICAgIGNvbnN0IGNpcmN1bWZlcmVuY2UgPSBub3JtYWxpemVkUmFkaXVzICogMiAqIE1hdGguUEk7XHJcbiAgICBjb25zdCBzdHJva2VEYXNob2Zmc2V0ID0gY2lyY3VtZmVyZW5jZSAtIChwZXJjZW50YWdlIC8gMTAwKSAqIGNpcmN1bWZlcmVuY2U7XHJcbiAgICBjb25zdCB0aGVtZSA9IFJlYWN0LnVzZUNvbnRleHQoVGhlbWVDb250ZXh0KTtcclxuICAgIHJldHVybiAoUmVhY3QuY3JlYXRlRWxlbWVudChcImRpdlwiLCBPYmplY3QuYXNzaWduKHt9LCBvdGhlciwgeyByZWY6IHJlZiwgXCJkYXRhLXRlc3RpZFwiOiB0ZXN0SWQgfSksXHJcbiAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChcInN2Z1wiLCB7IGhlaWdodDogcmFkaXVzICogMiwgd2lkdGg6IHJhZGl1cyAqIDIgfSxcclxuICAgICAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChDaXJjbGUsIHsgY3g6IHJhZGl1cywgY3k6IHJhZGl1cywgZmlsbDogXCJ0cmFuc3BhcmVudFwiLCByOiBub3JtYWxpemVkUmFkaXVzLCBzdHJva2U6IGNvbG9yID8gY29sb3IgOiB0aGVtZS5jb2xvcnMubmV1dHJhbCwgc3Ryb2tlV2lkdGg6IHN0cm9rZVdpZHRoLCBzdHJva2VEYXNoYXJyYXk6IGAke2NpcmN1bWZlcmVuY2V9ICR7Y2lyY3VtZmVyZW5jZX1gLCBzdHlsZTogeyBzdHJva2VEYXNob2Zmc2V0IH0gfSkpKSk7XHJcbn0pO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1pbmRleC5qcy5tYXAiXX0= */",
+  name: "1mlt7hr",
+  styles: "transition:stroke-dashoffset 0.35s",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNkIiLCJmaWxlIjoiaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBUaGVtZUNvbnRleHQgfSBmcm9tICcuLi8uLi90aGVtZS9UaGVtZUNvbnRleHQnO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmNvbnN0IENpcmNsZSA9IHN0eWxlZC5jaXJjbGUgYFxuICB0cmFuc2l0aW9uOiBzdHJva2UtZGFzaG9mZnNldCAwLjM1cztcbmA7XHJcbmNvbnN0IFN2ZyA9IHN0eWxlZC5zdmcgYFxuICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuYDtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzUmluZyA9IFJlYWN0LmZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcclxuICAgIGNvbnN0IHsgY29sb3IsIGR1cmF0aW9uID0gNTAwMCwgaXNBY3RpdmUsIHJhZGl1cyA9IDIxLCBzdHJva2VXaWR0aCA9IDMsIHRlc3RJZCwgLi4ub3RoZXIgfSA9IHByb3BzO1xyXG4gICAgY29uc3QgW3BlcmNlbnRhZ2UsIHNldFBlcmNlbnRhZ2VdID0gUmVhY3QudXNlU3RhdGUoMTAwKTtcclxuICAgIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgY29uc3QgaW50ZXJ2YWxEdXJhdGlvbiA9IGR1cmF0aW9uIC8gNTA7XHJcbiAgICAgICAgbGV0IGludGVydmFsID0gbnVsbDtcclxuICAgICAgICBpZiAoaXNBY3RpdmUpIHtcclxuICAgICAgICAgICAgaW50ZXJ2YWwgPSBzZXRJbnRlcnZhbCgoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICBzZXRQZXJjZW50YWdlKHBlcmNlbnRhZ2UgLSAyKTtcclxuICAgICAgICAgICAgfSwgaW50ZXJ2YWxEdXJhdGlvbik7XHJcbiAgICAgICAgICAgIGlmIChwZXJjZW50YWdlIDw9IDApIHtcclxuICAgICAgICAgICAgICAgIGNsZWFySW50ZXJ2YWwoaW50ZXJ2YWwpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICBjbGVhckludGVydmFsKGludGVydmFsKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgcmV0dXJuICgpID0+IGNsZWFySW50ZXJ2YWwoaW50ZXJ2YWwpO1xyXG4gICAgfSwgW3BlcmNlbnRhZ2UsIGlzQWN0aXZlXSk7XHJcbiAgICBjb25zdCBub3JtYWxpemVkUmFkaXVzID0gcmFkaXVzIC0gc3Ryb2tlV2lkdGggKiAyO1xyXG4gICAgY29uc3QgY2lyY3VtZmVyZW5jZSA9IG5vcm1hbGl6ZWRSYWRpdXMgKiAyICogTWF0aC5QSTtcclxuICAgIGNvbnN0IHN0cm9rZURhc2hvZmZzZXQgPSBjaXJjdW1mZXJlbmNlIC0gKHBlcmNlbnRhZ2UgLyAxMDApICogY2lyY3VtZmVyZW5jZTtcclxuICAgIGNvbnN0IHRoZW1lID0gUmVhY3QudXNlQ29udGV4dChUaGVtZUNvbnRleHQpO1xyXG4gICAgcmV0dXJuIChSZWFjdC5jcmVhdGVFbGVtZW50KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oe30sIG90aGVyLCB7IHJlZjogcmVmLCBcImRhdGEtdGVzdGlkXCI6IHRlc3RJZCB9KSxcclxuICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFN2ZywgeyBoZWlnaHQ6IHJhZGl1cyAqIDIsIHdpZHRoOiByYWRpdXMgKiAyIH0sXHJcbiAgICAgICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoQ2lyY2xlLCB7IGN4OiByYWRpdXMsIGN5OiByYWRpdXMsIGZpbGw6IFwidHJhbnNwYXJlbnRcIiwgcjogbm9ybWFsaXplZFJhZGl1cywgc3Ryb2tlOiBjb2xvciA/IGNvbG9yIDogdGhlbWUuY29sb3JzLm5ldXRyYWwsIHN0cm9rZVdpZHRoOiBzdHJva2VXaWR0aCwgc3Ryb2tlRGFzaGFycmF5OiBgJHtjaXJjdW1mZXJlbmNlfSAke2NpcmN1bWZlcmVuY2V9YCwgc3Ryb2tlRGFzaG9mZnNldDogc3Ryb2tlRGFzaG9mZnNldCB9KSkpKTtcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPWluZGV4LmpzLm1hcCJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
+});
+var Svg = /*#__PURE__*/_styled("svg", {
+  target: "e1e5rl330",
+  label: "Svg"
+})( {
+  name: "126fkb5",
+  styles: "transform:rotate(-90deg);transform-origin:50% 50%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBUaGVtZUNvbnRleHQgfSBmcm9tICcuLi8uLi90aGVtZS9UaGVtZUNvbnRleHQnO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmNvbnN0IENpcmNsZSA9IHN0eWxlZC5jaXJjbGUgYFxuICB0cmFuc2l0aW9uOiBzdHJva2UtZGFzaG9mZnNldCAwLjM1cztcbmA7XHJcbmNvbnN0IFN2ZyA9IHN0eWxlZC5zdmcgYFxuICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuYDtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzUmluZyA9IFJlYWN0LmZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcclxuICAgIGNvbnN0IHsgY29sb3IsIGR1cmF0aW9uID0gNTAwMCwgaXNBY3RpdmUsIHJhZGl1cyA9IDIxLCBzdHJva2VXaWR0aCA9IDMsIHRlc3RJZCwgLi4ub3RoZXIgfSA9IHByb3BzO1xyXG4gICAgY29uc3QgW3BlcmNlbnRhZ2UsIHNldFBlcmNlbnRhZ2VdID0gUmVhY3QudXNlU3RhdGUoMTAwKTtcclxuICAgIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgY29uc3QgaW50ZXJ2YWxEdXJhdGlvbiA9IGR1cmF0aW9uIC8gNTA7XHJcbiAgICAgICAgbGV0IGludGVydmFsID0gbnVsbDtcclxuICAgICAgICBpZiAoaXNBY3RpdmUpIHtcclxuICAgICAgICAgICAgaW50ZXJ2YWwgPSBzZXRJbnRlcnZhbCgoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICBzZXRQZXJjZW50YWdlKHBlcmNlbnRhZ2UgLSAyKTtcclxuICAgICAgICAgICAgfSwgaW50ZXJ2YWxEdXJhdGlvbik7XHJcbiAgICAgICAgICAgIGlmIChwZXJjZW50YWdlIDw9IDApIHtcclxuICAgICAgICAgICAgICAgIGNsZWFySW50ZXJ2YWwoaW50ZXJ2YWwpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICBjbGVhckludGVydmFsKGludGVydmFsKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgcmV0dXJuICgpID0+IGNsZWFySW50ZXJ2YWwoaW50ZXJ2YWwpO1xyXG4gICAgfSwgW3BlcmNlbnRhZ2UsIGlzQWN0aXZlXSk7XHJcbiAgICBjb25zdCBub3JtYWxpemVkUmFkaXVzID0gcmFkaXVzIC0gc3Ryb2tlV2lkdGggKiAyO1xyXG4gICAgY29uc3QgY2lyY3VtZmVyZW5jZSA9IG5vcm1hbGl6ZWRSYWRpdXMgKiAyICogTWF0aC5QSTtcclxuICAgIGNvbnN0IHN0cm9rZURhc2hvZmZzZXQgPSBjaXJjdW1mZXJlbmNlIC0gKHBlcmNlbnRhZ2UgLyAxMDApICogY2lyY3VtZmVyZW5jZTtcclxuICAgIGNvbnN0IHRoZW1lID0gUmVhY3QudXNlQ29udGV4dChUaGVtZUNvbnRleHQpO1xyXG4gICAgcmV0dXJuIChSZWFjdC5jcmVhdGVFbGVtZW50KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oe30sIG90aGVyLCB7IHJlZjogcmVmLCBcImRhdGEtdGVzdGlkXCI6IHRlc3RJZCB9KSxcclxuICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFN2ZywgeyBoZWlnaHQ6IHJhZGl1cyAqIDIsIHdpZHRoOiByYWRpdXMgKiAyIH0sXHJcbiAgICAgICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoQ2lyY2xlLCB7IGN4OiByYWRpdXMsIGN5OiByYWRpdXMsIGZpbGw6IFwidHJhbnNwYXJlbnRcIiwgcjogbm9ybWFsaXplZFJhZGl1cywgc3Ryb2tlOiBjb2xvciA/IGNvbG9yIDogdGhlbWUuY29sb3JzLm5ldXRyYWwsIHN0cm9rZVdpZHRoOiBzdHJva2VXaWR0aCwgc3Ryb2tlRGFzaGFycmF5OiBgJHtjaXJjdW1mZXJlbmNlfSAke2NpcmN1bWZlcmVuY2V9YCwgc3Ryb2tlRGFzaG9mZnNldDogc3Ryb2tlRGFzaG9mZnNldCB9KSkpKTtcclxufSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPWluZGV4LmpzLm1hcCJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
 });
 var ProgressRing = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -2355,7 +2364,7 @@ var ProgressRing = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return React.createElement("div", Object.assign({}, other, {
     ref: ref,
     "data-testid": testId
-  }), React.createElement("svg", {
+  }), React.createElement(Svg, {
     height: radius * 2,
     width: radius * 2
   }, React.createElement(Circle, {
@@ -2366,9 +2375,7 @@ var ProgressRing = /*#__PURE__*/React.forwardRef(function (props, ref) {
     stroke: color ? color : theme.colors.neutral,
     strokeWidth: strokeWidth,
     strokeDasharray: circumference + " " + circumference,
-    style: {
-      strokeDashoffset: strokeDashoffset
-    }
+    strokeDashoffset: strokeDashoffset
   })));
 });