@igloo-ui/button-group - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

dist/button-group.css

@@ -1,1 +0,1 @@
-@font-face{font-family:Inter;font-style:normal;font-weight:100;src:url(https://cdn.officevibe.com/assets/Fonts/Inter-Thin.ttf)}@font-face{font-family:Inter;font-style:normal;font-weight:200;src:url(https://cdn.officevibe.com/assets/Fonts/Inter-ExtraLight.ttf)}@font-face{font-family:Inter;font-style:normal;font-weight:300;src:url(https://cdn.officevibe.com/assets/Fonts/Inter-Light.ttf)}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(https://cdn.officevibe.com/assets/Fonts/Inter-Regular.ttf)}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url(https://cdn.officevibe.com/assets/Fonts/Inter-Medium.ttf)}@font-face{font-family:Inter;font-style:normal;font-weight:600;src:url(https://cdn.officevibe.com/assets/Fonts/Inter-SemiBold.ttf)}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url(https://cdn.officevibe.com/assets/Fonts/Inter-Bold.ttf)}@font-face{font-family:Inter;font-style:normal;font-weight:800;src:url(https://cdn.officevibe.com/assets/Fonts/Inter-ExtraBold.ttf)}@font-face{font-family:Inter;font-style:normal;font-weight:900;src:url(https://cdn.officevibe.com/assets/Fonts/Inter-Black.ttf)}@font-face{font-family:GT-Walsheim;font-style:normal;font-weight:300;src:url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Light.ttf);src:url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Light.ttf) format("truetype"),url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Light.otf) format("opentype"),url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Light.woff) format("woff")}@font-face{font-family:GT-Walsheim;font-style:normal;font-weight:400;src:url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Regular.ttf);src:url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Regular.ttf) format("truetype"),url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Regular.otf) format("opentype"),url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Regular.woff) format("woff")}@font-face{font-family:GT-Walsheim;font-style:normal;font-weight:500;src:url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Medium.ttf);src:url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Medium.ttf) format("truetype"),url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Medium.otf) format("opentype"),url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Medium.woff) format("woff")}@font-face{font-family:GT-Walsheim;font-style:normal;font-weight:700;src:url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Bold.ttf);src:url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Bold.ttf) format("truetype"),url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Bold.otf) format("opentype"),url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Bold.woff) format("woff")}:root{--ids-button-group-font-family:Inter;--ids-button-group-font-size:1.6rem;--ids-button-group-text:#233043;--ids-button-group-heigth:4rem;--ids-button-group-min-width:9.6rem;--ids-button-group-border:#d5d9de;--ids-button-group-border-hover:#606b79;--ids-button-group-border-width:1px;--ids-button-group-border-radius:0.4rem;--ids-button-group-background:#fff;--ids-button-group-index:0;--ids-button-group-index-max:999;--ids-button-group-focus:0 0 0 2px #0c46d0;--ids-button-group-border-selected:#1053ff;--ids-button-group-text-selected:#1053ff;--ids-button-group-background-selected:#edf3fe;--ids-button-group-index-selected:20;--ids-button-group-border-disabled:#d5d9de;--ids-button-group-text-disabled:#606b79;--ids-button-group-background-disabled:#d5d9de;--ids-button-group-padding-small:0.4rem;--ids-button-group-padding-compact:0.8rem;--ids-button-group-height-small:3.2rem}.ids-btn-group{color:var(--ids-button-group-text);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--ids-button-group-font-family);font-size:var(--ids-button-group-font-size);height:var(--ids-button-group-heigth);min-width:var(--ids-button-group-min-width)}.ids-btn-group__item{background-color:var(--ids-button-group-background);border-color:var(--ids-button-group-border);border-style:solid;border-width:var(--ids-button-group-border-width);font-size:inherit;margin:0;padding:0 1.6rem;position:relative;z-index:var(--ids-button-group-index)}.ids-btn-group__item.is-selected,.ids-btn-group__item:active,.ids-btn-group__item:focus,.ids-btn-group__item:hover{z-index:var(--ids-button-group-index-max)}.ids-btn-group__item:first-child{border-bottom-left-radius:var(--ids-button-group-border-radius);border-top-left-radius:var(--ids-button-group-border-radius)}.ids-btn-group__item:last-child{border-bottom-right-radius:var(--ids-button-group-border-radius);border-top-right-radius:var(--ids-button-group-border-radius)}.ids-btn-group__item:hover{border-color:var(--ids-button-group-border-hover);cursor:pointer}.ids-btn-group__item:focus{-webkit-box-shadow:var(--ids-button-group-focus);box-shadow:var(--ids-button-group-focus);outline:0}.ids-btn-group__item:not(:first-child){margin-left:-1px}.ids-btn-group__item.is-selected{background-color:var(--ids-button-group-background-selected);border-color:var(--ids-button-group-border-selected);color:var(--ids-button-group-text-selected);z-index:var(--ids-button-group-index-selected)}.ids-btn-group__item.is-disabled{background-color:var(--ids-button-group-background-disabled);border-color:var(--ids-button-group-border-disabled);color:var(--ids-button-group-text-disabled);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ids-btn-group--compact .ids-btn-group__item{padding-left:var(--ids-button-group-padding-compact);padding-right:var(--ids-button-group-padding-compact)}.ids-btn-group--compact .ids-btn-group__item>svg{margin-left:-1px;margin-right:-1px}.ids-btn-group--compact.ids-btn-group--small .ids-btn-group__item{padding-left:var(--ids-button-group-padding-small);padding-right:var(--ids-button-group-padding-small)}.ids-btn-group--small{height:var(--ids-button-group-height-small)}.ids-btn-group__item:focus:not(:focus-visible){-webkit-box-shadow:none;box-shadow:none}
+@font-face{font-family:Inter;font-style:normal;font-weight:100;src:url(https://cdn.officevibe.com/assets/Fonts/Inter-Thin.ttf)}@font-face{font-family:Inter;font-style:normal;font-weight:200;src:url(https://cdn.officevibe.com/assets/Fonts/Inter-ExtraLight.ttf)}@font-face{font-family:Inter;font-style:normal;font-weight:300;src:url(https://cdn.officevibe.com/assets/Fonts/Inter-Light.ttf)}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(https://cdn.officevibe.com/assets/Fonts/Inter-Regular.ttf)}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url(https://cdn.officevibe.com/assets/Fonts/Inter-Medium.ttf)}@font-face{font-family:Inter;font-style:normal;font-weight:600;src:url(https://cdn.officevibe.com/assets/Fonts/Inter-SemiBold.ttf)}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url(https://cdn.officevibe.com/assets/Fonts/Inter-Bold.ttf)}@font-face{font-family:Inter;font-style:normal;font-weight:800;src:url(https://cdn.officevibe.com/assets/Fonts/Inter-ExtraBold.ttf)}@font-face{font-family:Inter;font-style:normal;font-weight:900;src:url(https://cdn.officevibe.com/assets/Fonts/Inter-Black.ttf)}@font-face{font-family:GT-Walsheim;font-style:normal;font-weight:300;src:url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Light.ttf);src:url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Light.ttf) format("truetype"),url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Light.otf) format("opentype"),url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Light.woff) format("woff")}@font-face{font-family:GT-Walsheim;font-style:normal;font-weight:400;src:url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Regular.ttf);src:url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Regular.ttf) format("truetype"),url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Regular.otf) format("opentype"),url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Regular.woff) format("woff")}@font-face{font-family:GT-Walsheim;font-style:normal;font-weight:500;src:url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Medium.ttf);src:url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Medium.ttf) format("truetype"),url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Medium.otf) format("opentype"),url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Medium.woff) format("woff")}@font-face{font-family:GT-Walsheim;font-style:normal;font-weight:700;src:url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Bold.ttf);src:url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Bold.ttf) format("truetype"),url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Bold.otf) format("opentype"),url(https://cdn.officevibe.com/assets/Fonts/GT-Walsheim-Bold.woff) format("woff")}:root{--ids-button-group-font-family:Inter;--ids-button-group-font-size:1.6rem;--ids-button-group-text:#233043;--ids-button-group-heigth:4rem;--ids-button-group-border:#d5d9de;--ids-button-group-border-hover:#606b79;--ids-button-group-border-width:1px;--ids-button-group-border-radius:0.4rem;--ids-button-group-background:#fff;--ids-button-group-index:0;--ids-button-group-index-max:999;--ids-button-group-focus:0 0 0 2px #0c46d0;--ids-button-group-border-selected:#1053ff;--ids-button-group-text-selected:#1053ff;--ids-button-group-background-selected:#edf3fe;--ids-button-group-index-selected:20;--ids-button-group-border-disabled:#d5d9de;--ids-button-group-text-disabled:#606b79;--ids-button-group-background-disabled:#d5d9de;--ids-button-group-padding-small:0.4rem;--ids-button-group-padding-compact:0.8rem;--ids-button-group-height-small:3.2rem}.ids-btn-group{color:var(--ids-button-group-text);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--ids-button-group-font-family);font-size:var(--ids-button-group-font-size);height:var(--ids-button-group-heigth)}.ids-btn-group__item{background-color:var(--ids-button-group-background);border-color:var(--ids-button-group-border);border-style:solid;border-width:var(--ids-button-group-border-width);font-size:inherit;margin:0;padding:0 1.6rem;position:relative;z-index:var(--ids-button-group-index)}.ids-btn-group__item.is-selected,.ids-btn-group__item:active,.ids-btn-group__item:focus,.ids-btn-group__item:hover{z-index:var(--ids-button-group-index-max)}.ids-btn-group__item:first-child{border-bottom-left-radius:var(--ids-button-group-border-radius);border-top-left-radius:var(--ids-button-group-border-radius)}.ids-btn-group__item:last-child{border-bottom-right-radius:var(--ids-button-group-border-radius);border-top-right-radius:var(--ids-button-group-border-radius)}.ids-btn-group__item:hover{border-color:var(--ids-button-group-border-hover);cursor:pointer}.ids-btn-group__item:focus{-webkit-box-shadow:var(--ids-button-group-focus);box-shadow:var(--ids-button-group-focus);outline:0}.ids-btn-group__item:not(:first-child){margin-left:-1px}.ids-btn-group__item.is-selected{background-color:var(--ids-button-group-background-selected);border-color:var(--ids-button-group-border-selected);color:var(--ids-button-group-text-selected);z-index:var(--ids-button-group-index-selected)}.ids-btn-group__item.is-disabled{background-color:var(--ids-button-group-background-disabled);border-color:var(--ids-button-group-border-disabled);color:var(--ids-button-group-text-disabled);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ids-btn-group--compact .ids-btn-group__item{padding-left:var(--ids-button-group-padding-compact);padding-right:var(--ids-button-group-padding-compact)}.ids-btn-group--compact .ids-btn-group__item>svg{margin-left:-1px;margin-right:-1px}.ids-btn-group--compact.ids-btn-group--small .ids-btn-group__item{padding-left:var(--ids-button-group-padding-small);padding-right:var(--ids-button-group-padding-small)}.ids-btn-group--small{height:var(--ids-button-group-height-small)}.ids-btn-group__item:focus:not(:focus-visible){-webkit-box-shadow:none;box-shadow:none}

dist/ButtonGroup.d.ts

@@ -13,2 +13,4 @@ import * as React from 'react';
     dataTest?: string;
+    /** Add a specific class to the button group */
+    className?: string;
 }
@@ -15,0 +17,0 @@ declare const ButtonGroup: React.FunctionComponent<ButtonGroupProps>;

dist/ButtonGroup.js

 import './button-group.css';
 import * as React from 'react';
 
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
 var classnames = {exports: {}};
@@ -73,7 +100,7 @@
 const ButtonGroup = (props) => {
-    const { children, compact = false, small = false, dataTest } = props;
-    return (React.createElement("div", { "data-test": dataTest, className: cx('ids-btn-group', {
+    const { children, compact = false, small = false, className, dataTest } = props, rest = __rest(props, ["children", "compact", "small", "className", "dataTest"]);
+    return (React.createElement("div", Object.assign({ "data-test": dataTest, className: cx('ids-btn-group', className, {
             'ids-btn-group--small': small,
             'ids-btn-group--compact': compact,
-        }) }, children));
+        }) }, rest), children));
 };
@@ -80,0 +107,0 @@

package.json

 {
   "name": "@igloo-ui/button-group",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "main": "dist/ButtonGroup.js",
@@ -34,5 +34,5 @@ "module": "dist/ButtonGroup.js",
     "@igloo-ui/icons": "^0.6.6",
-    "@igloo-ui/tooltip": "^0.0.8"
+    "@igloo-ui/tooltip": "^0.0.9"
   },
-  "gitHead": "65294ee648d1dd7536e04add799fdb489b6b7e5b"
+  "gitHead": "64c31145fd3e82d5dd88a250ddf4fa2b5b049ae0"
 }

No alert changes

Improved metrics

Total package byte prevSize

23408

6.43%

Lines of code

122

25.77%

No dependency changes