@dnanpm/styleguide 2.0.0 → 2.0.1

package/build/cjs/components/AmountSelector/AmountSelector.js

@@ -72,11 +72,11 @@ const AmountSelector = ({ onChange, value = 1, step = 1, min = 1, max, disabled
         }
     };
     return (React__default['default'].createElement(Container, { disabled: disabled, "data-testid": dataTestId, className: props.className },
-        React__default['default'].createElement(StyledButtonSecondary, { disabled: disabled, onClick: decrease, "data-testid": dataTestId &&
+        React__default['default'].createElement(StyledButtonSecondary, { disabled: disabled, onClick: decrease, type: "button", "data-testid": dataTestId &&
                 `${dataTestId}${props.removable && isMinReached(value - step) ? '-remove' : '-decrease'}` },
             React__default['default'].createElement(Icon['default'], { color: theme['default'].color.black, name: props.removable && isMinReached(value - step) ? 'hlTrash' : 'hlMinus' })),
         React__default['default'].createElement("input", { id: props.id, name: props.name, type: "number", onChange: handleChange, value: value, readOnly: readonly || disabled, disabled: disabled }),
-        React__default['default'].createElement(StyledButtonSecondary, { disabled: disabled, onClick: increase, "data-testid": dataTestId ? `${dataTestId}-increase` : undefined },
+        React__default['default'].createElement(StyledButtonSecondary, { disabled: disabled, onClick: increase, "data-testid": dataTestId ? `${dataTestId}-increase` : undefined, type: "button" },
             React__default['default'].createElement(Icon['default'], { color: theme['default'].color.black, name: "hlPlus" }))));
 };
 

package/build/cjs/components/MainNavigation/MainNavigation.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var ramda = require('ramda');
 var React = require('react');
 var withSizes = require('react-sizes');
-var stickybits = require('stickybits');
 var modifyBodyClass = require('../../hooks/modifyBodyClass.js');
 var useScrollPosition = require('../../hooks/useScrollPosition.js');
 var styled = require('../../themes/styled.js');
@@ -20,7 +19,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var withSizes__default = /*#__PURE__*/_interopDefaultLegacy(withSizes);
-var stickybits__default = /*#__PURE__*/_interopDefaultLegacy(stickybits);
 
 // TODO: Use proper props after https://jira.dna.fi/browse/STYLE-232 is done
 const mapSizesToProps = ({ width }, { collapseSize }) => ({
@@ -175,20 +173,6 @@ items = {}, language = 'fi', zIndex = 1030, languageSelector = false, isMobileMe
         hideOnScroll: false,
     });
     const [lang] = React.useState(language);
-    // polyfill for browser (e.g. IE11 and older Safari) that don't support CSS position: sticky
-    React.useEffect(() => {
-        if (!isStickySupported && typeof window !== 'undefined') {
-            const stickyElement = navigationEl.current;
-            if (stickyElement) {
-                const stickyBitsElement = stickybits__default['default'](stickyElement);
-                return function cleanUp() {
-                    if (stickyElement) {
-                        stickyBitsElement.cleanup();
-                    }
-                };
-            }
-        }
-    }, []);
     const handleNavMenuClick = (newValue, updatedLevel) => {
         let clickedItself = false;
         switch (updatedLevel) {

package/build/cjs/components/ReadMore/ReadMore.js

@@ -61,7 +61,7 @@ const ReadMore = ({ children, showMoreText, showLessText, className, onClick = (
     return (React__default['default'].createElement(TruncateContainer, { expanded: expanded, className: className },
         children,
         React__default['default'].createElement(Toggle, { expanded: expanded },
-            React__default['default'].createElement("button", { className: "dnasg-label", onClick: toggleTruncate },
+            React__default['default'].createElement("button", { className: "dnasg-label", onClick: toggleTruncate, type: "button" },
                 React__default['default'].createElement(Icon['default'], { name: iconName, size: "0.65em" }),
                 buttonText))));
 };

package/build/es/components/AmountSelector/AmountSelector.js

@@ -64,11 +64,11 @@ const AmountSelector = ({ onChange, value = 1, step = 1, min = 1, max, disabled
         }
     };
     return (React.createElement(Container, { disabled: disabled, "data-testid": dataTestId, className: props.className },
-        React.createElement(StyledButtonSecondary, { disabled: disabled, onClick: decrease, "data-testid": dataTestId &&
+        React.createElement(StyledButtonSecondary, { disabled: disabled, onClick: decrease, type: "button", "data-testid": dataTestId &&
                 `${dataTestId}${props.removable && isMinReached(value - step) ? '-remove' : '-decrease'}` },
             React.createElement(Icon, { color: theme.color.black, name: props.removable && isMinReached(value - step) ? 'hlTrash' : 'hlMinus' })),
         React.createElement("input", { id: props.id, name: props.name, type: "number", onChange: handleChange, value: value, readOnly: readonly || disabled, disabled: disabled }),
-        React.createElement(StyledButtonSecondary, { disabled: disabled, onClick: increase, "data-testid": dataTestId ? `${dataTestId}-increase` : undefined },
+        React.createElement(StyledButtonSecondary, { disabled: disabled, onClick: increase, "data-testid": dataTestId ? `${dataTestId}-increase` : undefined, type: "button" },
             React.createElement(Icon, { color: theme.color.black, name: "hlPlus" }))));
 };
 

package/build/es/components/MainNavigation/MainNavigation.js

@@ -1,7 +1,6 @@
 import { prop, indexBy } from 'ramda';
-import React, { useRef, useMemo, useState, useEffect } from 'react';
+import React, { useRef, useMemo, useState } from 'react';
 import withSizes from 'react-sizes';
-import stickybits from 'stickybits';
 import useBodyClass from '../../hooks/modifyBodyClass.js';
 import useScrollPosition from '../../hooks/useScrollPosition.js';
 import styled, { createGlobalStyle, keyframes } from '../../themes/styled.js';
@@ -165,20 +164,6 @@ items = {}, language = 'fi', zIndex = 1030, languageSelector = false, isMobileMe
         hideOnScroll: false,
     });
     const [lang] = useState(language);
-    // polyfill for browser (e.g. IE11 and older Safari) that don't support CSS position: sticky
-    useEffect(() => {
-        if (!isStickySupported && typeof window !== 'undefined') {
-            const stickyElement = navigationEl.current;
-            if (stickyElement) {
-                const stickyBitsElement = stickybits(stickyElement);
-                return function cleanUp() {
-                    if (stickyElement) {
-                        stickyBitsElement.cleanup();
-                    }
-                };
-            }
-        }
-    }, []);
     const handleNavMenuClick = (newValue, updatedLevel) => {
         let clickedItself = false;
         switch (updatedLevel) {

package/build/es/components/ReadMore/ReadMore.js

@@ -53,7 +53,7 @@ const ReadMore = ({ children, showMoreText, showLessText, className, onClick = (
     return (React.createElement(TruncateContainer, { expanded: expanded, className: className },
         children,
         React.createElement(Toggle, { expanded: expanded },
-            React.createElement("button", { className: "dnasg-label", onClick: toggleTruncate },
+            React.createElement("button", { className: "dnasg-label", onClick: toggleTruncate, type: "button" },
                 React.createElement(Icon, { name: iconName, size: "0.65em" }),
                 buttonText))));
 };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@dnanpm/styleguide",
     "sideEffects": false,
-    "version": "2.0.0",
+    "version": "2.0.1",
     "main": "build/cjs/index.js",
     "module": "build/es/index.js",
     "jsnext:main": "build/es/index.js",
@@ -85,8 +85,7 @@
         "react-select": "^5.2.1",
         "react-sizes": "^2.0.0",
         "react-spring": "^8.0.27",
-        "react-tooltip": "4.1.0",
-        "stickybits": "^3.7.8"
+        "react-tooltip": "4.1.0"
     },
     "peerDependencies": {
         "react": "17.x",