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

Comparing version 0.4.4 to 0.5.0

dist/button-group.css

@@ -1,1 +0,1 @@
-@import url("~@hopper-ui/tokens/fonts.css") layer(hopper-design-system);@import url("~@hopper-ui/tokens/tokens.css") layer(hopper-design-system);@font-face{font-display:fallback;font-family:Inter;font-style:normal;font-weight:100 900;src:url(https://cdn.platform.workleap.com/hopper/fonts/inter/v4/InterVariable.woff2) format("woff2-variations")}@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")}@layer igloo{:root{--ids-button-group-font-family:Inter;--ids-button-group-font-size:1.6rem;--ids-button-group-font-weight:normal;--ids-button-group-text:#233043;--ids-button-group-box-sizing:content-box;--ids-button-group-display:flex;--ids-button-group-height:4rem;--ids-button-group-padding:0;--ids-button-group-gap:0;--ids-button-group-background:none;--ids-button-group-border:none;--ids-button-group-border-radius:0;--ids-button-group-item-border-color:#d5d9de;--ids-button-group-item-border-width:.1rem;--ids-button-group-item-border-radius-left:0.4rem 0 0 0.4rem;--ids-button-group-item-border-radius-right:0 0.4rem 0.4rem 0;--ids-button-group-item-border-radius-middle:0;--ids-button-group-item-background:#fff;--ids-button-group-item-margin:-0.1rem;--ids-button-group-item-padding:0.2rem 1.6rem;--ids-button-group-item-index:0;--ids-button-group-item-index-max:999;--ids-button-group-item-focus:0 0 0 .2rem #0c46d0;--ids-button-group-item-text-hover:var(--ids-button-group-text);--ids-button-group-item-background-hover:var(--ids-button-group-item-background);--ids-button-group-item-border-color-hover:#606b79;--ids-button-group-item-border-selected:#1053ff;--ids-button-group-item-text-selected:#1053ff;--ids-button-group-item-background-selected:#edf3fe;--ids-button-group-item-index-selected:20;--ids-button-group-item-border-disabled:#d5d9de;--ids-button-group-item-text-disabled:#606b79;--ids-button-group-item-background-disabled:#d5d9de;--ids-button-group-font-size-small:1.4rem;--ids-button-group-item-horizontal-padding-small:0.4rem;--ids-button-group-item-horizontal-padding-compact:0.8rem;--ids-button-group-height-small:3.2rem;--ids-button-group-icon-spacing:0.4rem;--ids-button-group-item-icon-only-width:auto;--ids-button-group-item-icon-only-width-compact:auto}[data-brand=workleap]{--ids-button-group-font-family:var(--hop-body-sm-medium-font-family);--ids-button-group-font-size:var(--hop-body-sm-medium-font-size);--ids-button-group-font-weight:var(--hop-body-sm-medium-font-weight);--ids-button-group-text:var(--hop-neutral-text);--ids-button-group-box-sizing:border-box;--ids-button-group-display:inline-flex;--ids-button-group-height:2.5rem;--ids-button-group-padding:var(--hop-space-inset-xs);--ids-button-group-gap:var(--hop-space-inline-xs);--ids-button-group-background:var(--hop-neutral-surface);--ids-button-group-border:0.0625rem solid var(--hop-neutral-border);--ids-button-group-border-radius:var(--hop-shape-rounded-md);--ids-button-group-item-border-color:transparent;--ids-button-group-item-border-width:0;--ids-button-group-item-border-radius-left:var(--hop-shape-rounded-sm);--ids-button-group-item-border-radius-right:var(--hop-shape-rounded-sm);--ids-button-group-item-border-radius-middle:var(--hop-shape-rounded-sm);--ids-button-group-item-background:var(--hop-neutral-surface);--ids-button-group-item-margin:0;--ids-button-group-item-padding:calc(var(--hop-space-inset-xs)/2) var(--hop-space-inset-md);--ids-button-group-item-index:0;--ids-button-group-item-index-max:999;--ids-button-group-item-focus:0 0 0 0.09375rem var(--hop-primary-border-focus);--ids-button-group-item-text-hover:var(--hop-neutral-text-hover);--ids-button-group-item-background-hover:var(--hop-neutral-surface-hover);--ids-button-group-item-border-color-hover:transparent;--ids-button-group-item-border-selected:transparent;--ids-button-group-item-text-selected:var(--hop-neutral-text-selected);--ids-button-group-item-background-selected:var(--hop-neutral-surface-selected);--ids-button-group-item-index-selected:20;--ids-button-group-item-border-disabled:transparent;--ids-button-group-item-text-disabled:var(--hop-neutral-text-disabled);--ids-button-group-item-background-disabled:transparent;--ids-button-group-font-size-small:var(--hop-body-sm-medium-font-size);--ids-button-group-item-horizontal-padding-small:var(--hop-space-inset-md);--ids-button-group-item-horizontal-padding-compact:var(--hop-space-inset-sm);--ids-button-group-height-small:2rem;--ids-button-group-icon-spacing:var(--hop-space-inline-xs);--ids-button-group-item-icon-only-width:6rem;--ids-button-group-item-icon-only-width-compact:auto}.ids-btn-group{background:var(--ids-button-group-background);border:var(--ids-button-group-border);border-radius:var(--ids-button-group-border-radius);color:var(--ids-button-group-text);display:var(--ids-button-group-display);font-family:var(--ids-button-group-font-family);font-size:var(--ids-button-group-font-size);font-weight:var(--ids-button-group-font-weight);gap:var(--ids-button-group-gap);min-height:var(--ids-button-group-height);padding:var(--ids-button-group-padding)}.ids-btn-group,.ids-btn-group *{-webkit-box-sizing:var(--ids-button-group-box-sizing);box-sizing:var(--ids-button-group-box-sizing)}.ids-btn-group>:first-child .ids-btn-group__item{border-radius:var(--ids-button-group-item-border-radius-left)}.ids-btn-group>:last-child .ids-btn-group__item{border-radius:var(--ids-button-group-item-border-radius-right)}.ids-btn-group>:not(:first-child){margin-left:var(--ids-button-group-item-margin)}.ids-btn-group__item{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-flex:1;align-items:center;background-color:var(--ids-button-group-item-background);border-color:var(--ids-button-group-item-border-color);border-radius:var(--ids-button-group-item-border-radius-middle);border-style:solid;border-width:var(--ids-button-group-item-border-width);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;justify-content:center;margin:0;padding:var(--ids-button-group-item-padding);position:relative;z-index:var(--ids-button-group-item-index)}.ids-btn-group__item.is-icon-only{width:var(--ids-button-group-item-icon-only-width)}.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-item-index-max)}.ids-btn-group__item[data-item=is-first]{border-radius:var(--ids-button-group-item-border-radius-left)}.ids-btn-group__item[data-item=is-last]{border-radius:var(--ids-button-group-item-border-radius-right)}.ids-btn-group__item:hover{background-color:var(--ids-button-group-item-background-hover);border-color:var(--ids-button-group-item-border-color-hover);color:var(--ids-button-group-item-text-hover);cursor:pointer}.ids-btn-group__item:focus{background:var(--ids-button-group-item-background-hover);-webkit-box-shadow:var(--ids-button-group-item-focus);box-shadow:var(--ids-button-group-item-focus);outline:0}.ids-btn-group__item.is-selected{background-color:var(--ids-button-group-item-background-selected);border-color:var(--ids-button-group-item-border-selected);color:var(--ids-button-group-item-text-selected);z-index:var(--ids-button-group-item-index-selected)}.ids-btn-group__item.is-disabled{background-color:var(--ids-button-group-item-background-disabled);border-color:var(--ids-button-group-item-border-disabled);color:var(--ids-button-group-item-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-item-horizontal-padding-compact);padding-right:var(--ids-button-group-item-horizontal-padding-compact)}.ids-btn-group--compact .ids-btn-group__item.is-icon-only{width:var(--ids-button-group-item-icon-only-width-compact)}.ids-btn-group--compact .ids-btn-group__item>svg{margin-left:var(--ids-button-group-item-margin);margin-right:var(--ids-button-group-item-margin)}.ids-btn-group--compact.ids-btn-group--small .ids-btn-group__item{padding-left:var(--ids-button-group-item-horizontal-padding-small);padding-right:var(--ids-button-group-item-horizontal-padding-small)}.ids-btn-group--small{font-size:var(--ids-button-group-font-size-small);min-height:var(--ids-button-group-height-small)}.ids-btn-group__item:focus:not(:focus-visible){-webkit-box-shadow:none;box-shadow:none}.ids-btn-group__text{margin-left:var(--ids-button-group-icon-spacing)}}
+@import url("~@hopper-ui/tokens/fonts.css") layer(hopper-design-system);@import url("~@hopper-ui/tokens/tokens.css") layer(hopper-design-system);@font-face{font-display:fallback;font-family:Inter;font-style:normal;font-weight:100 900;src:url(https://cdn.platform.workleap.com/hopper/fonts/inter/v4/InterVariable.woff2) format("woff2-variations")}@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")}@layer igloo{:root{--ids-button-group-font-family:Inter;--ids-button-group-font-size:1.6rem;--ids-button-group-font-weight:normal;--ids-button-group-text:#233043;--ids-button-group-box-sizing:content-box;--ids-button-group-display:flex;--ids-button-group-height:4rem;--ids-button-group-padding:0;--ids-button-group-gap:0;--ids-button-group-background:none;--ids-button-group-border:none;--ids-button-group-border-radius:0;--ids-button-group-item-border-color:#d5d9de;--ids-button-group-item-border-width:.1rem;--ids-button-group-item-border-radius-left:0.4rem 0 0 0.4rem;--ids-button-group-item-border-radius-right:0 0.4rem 0.4rem 0;--ids-button-group-item-border-radius-middle:0;--ids-button-group-item-background:#fff;--ids-button-group-item-margin:-0.1rem;--ids-button-group-item-padding:0.2rem 1.6rem;--ids-button-group-item-index:0;--ids-button-group-item-index-max:999;--ids-button-group-item-focus:0 0 0 .2rem #0c46d0;--ids-button-group-item-text-hover:var(--ids-button-group-text);--ids-button-group-item-background-hover:var(--ids-button-group-item-background);--ids-button-group-item-border-color-hover:#606b79;--ids-button-group-item-text-pressed:var(--ids-button-group-text);--ids-button-group-item-background-pressed:var(--ids-button-group-item-background);--ids-button-group-item-border-color-pressed:#606b79;--ids-button-group-item-border-selected:#1053ff;--ids-button-group-item-text-selected:#1053ff;--ids-button-group-item-background-selected:#edf3fe;--ids-button-group-item-index-selected:20;--ids-button-group-item-border-disabled:#d5d9de;--ids-button-group-item-text-disabled:#606b79;--ids-button-group-item-background-disabled:#d5d9de;--ids-button-group-font-size-small:1.4rem;--ids-button-group-item-horizontal-padding-small:0.4rem;--ids-button-group-item-horizontal-padding-compact:0.8rem;--ids-button-group-height-small:3.2rem;--ids-button-group-icon-spacing:0.4rem;--ids-button-group-item-icon-only-width:auto;--ids-button-group-item-icon-only-width-compact:auto}[data-brand=workleap]{--ids-button-group-font-family:var(--hop-body-sm-medium-font-family);--ids-button-group-font-size:var(--hop-body-sm-medium-font-size);--ids-button-group-font-weight:var(--hop-body-sm-medium-font-weight);--ids-button-group-text:var(--hop-neutral-text);--ids-button-group-box-sizing:border-box;--ids-button-group-display:inline-flex;--ids-button-group-height:2.5rem;--ids-button-group-padding:var(--hop-space-inset-xs);--ids-button-group-gap:var(--hop-space-inline-xs);--ids-button-group-background:var(--hop-neutral-surface);--ids-button-group-border:0.0625rem solid var(--hop-neutral-border);--ids-button-group-border-radius:var(--hop-shape-rounded-md);--ids-button-group-item-border-color:transparent;--ids-button-group-item-border-width:0;--ids-button-group-item-border-radius-left:var(--hop-shape-rounded-sm);--ids-button-group-item-border-radius-right:var(--hop-shape-rounded-sm);--ids-button-group-item-border-radius-middle:var(--hop-shape-rounded-sm);--ids-button-group-item-background:var(--hop-neutral-surface);--ids-button-group-item-margin:0;--ids-button-group-item-padding:calc(var(--hop-space-inset-xs)/2) var(--hop-space-inset-md);--ids-button-group-item-index:0;--ids-button-group-item-index-max:999;--ids-button-group-item-focus:0 0 0 0.09375rem var(--hop-primary-border-focus);--ids-button-group-item-text-hover:var(--hop-neutral-text-hover);--ids-button-group-item-background-hover:var(--hop-neutral-surface-hover);--ids-button-group-item-border-color-hover:transparent;--ids-button-group-item-text-pressed:var(--hop-neutral-text-press);--ids-button-group-item-background-pressed:var(--hop-neutral-surface-press);--ids-button-group-item-border-color-pressed:transparent;--ids-button-group-item-border-selected:transparent;--ids-button-group-item-text-selected:var(--hop-neutral-text-selected);--ids-button-group-item-background-selected:var(--hop-neutral-surface-selected);--ids-button-group-item-index-selected:20;--ids-button-group-item-border-disabled:transparent;--ids-button-group-item-text-disabled:var(--hop-neutral-text-disabled);--ids-button-group-item-background-disabled:transparent;--ids-button-group-font-size-small:var(--hop-body-sm-medium-font-size);--ids-button-group-item-horizontal-padding-small:var(--hop-space-inset-md);--ids-button-group-item-horizontal-padding-compact:var(--hop-space-inset-sm);--ids-button-group-height-small:2rem;--ids-button-group-icon-spacing:var(--hop-space-inline-xs);--ids-button-group-item-icon-only-width:6rem;--ids-button-group-item-icon-only-width-compact:auto}.ids-btn-group{background:var(--ids-button-group-background);border:var(--ids-button-group-border);border-radius:var(--ids-button-group-border-radius);color:var(--ids-button-group-text);display:var(--ids-button-group-display);font-family:var(--ids-button-group-font-family);font-size:var(--ids-button-group-font-size);font-weight:var(--ids-button-group-font-weight);gap:var(--ids-button-group-gap);min-height:var(--ids-button-group-height);padding:var(--ids-button-group-padding)}.ids-btn-group,.ids-btn-group *{-webkit-box-sizing:var(--ids-button-group-box-sizing);box-sizing:var(--ids-button-group-box-sizing)}.ids-btn-group>:first-child .ids-btn-group__item{border-radius:var(--ids-button-group-item-border-radius-left)}.ids-btn-group>:last-child .ids-btn-group__item{border-radius:var(--ids-button-group-item-border-radius-right)}.ids-btn-group>:not(:first-child){margin-left:var(--ids-button-group-item-margin)}.ids-btn-group__item{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-flex:1;align-items:center;background-color:var(--ids-button-group-item-background);border-color:var(--ids-button-group-item-border-color);border-radius:var(--ids-button-group-item-border-radius-middle);border-style:solid;border-width:var(--ids-button-group-item-border-width);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;justify-content:center;margin:0;padding:var(--ids-button-group-item-padding);position:relative;z-index:var(--ids-button-group-item-index)}.ids-btn-group__item.is-icon-only{width:var(--ids-button-group-item-icon-only-width)}.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-item-index-max)}.ids-btn-group__item[data-item=is-first]{border-radius:var(--ids-button-group-item-border-radius-left)}.ids-btn-group__item[data-item=is-last]{border-radius:var(--ids-button-group-item-border-radius-right)}.ids-btn-group__item:hover{background-color:var(--ids-button-group-item-background-hover);border-color:var(--ids-button-group-item-border-color-hover);color:var(--ids-button-group-item-text-hover);cursor:pointer}.ids-btn-group__item:active,.ids-btn-group__item:active:hover{background-color:var(--ids-button-group-item-background-pressed);border-color:var(--ids-button-group-item-border-color-pressed);color:var(--ids-button-group-item-text-pressed)}.ids-btn-group__item:focus{background:var(--ids-button-group-item-background-hover);-webkit-box-shadow:var(--ids-button-group-item-focus);box-shadow:var(--ids-button-group-item-focus);outline:0}.ids-btn-group__item.is-selected{background-color:var(--ids-button-group-item-background-selected);border-color:var(--ids-button-group-item-border-selected);color:var(--ids-button-group-item-text-selected);z-index:var(--ids-button-group-item-index-selected)}.ids-btn-group__item.is-disabled{background-color:var(--ids-button-group-item-background-disabled);border-color:var(--ids-button-group-item-border-disabled);color:var(--ids-button-group-item-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-item-horizontal-padding-compact);padding-right:var(--ids-button-group-item-horizontal-padding-compact)}.ids-btn-group--compact .ids-btn-group__item.is-icon-only{width:var(--ids-button-group-item-icon-only-width-compact)}.ids-btn-group--compact .ids-btn-group__item>svg{margin-left:var(--ids-button-group-item-margin);margin-right:var(--ids-button-group-item-margin)}.ids-btn-group--compact.ids-btn-group--small .ids-btn-group__item{padding-left:var(--ids-button-group-item-horizontal-padding-small);padding-right:var(--ids-button-group-item-horizontal-padding-small)}.ids-btn-group--small{font-size:var(--ids-button-group-font-size-small);min-height:var(--ids-button-group-height-small)}.ids-btn-group__item:focus:not(:focus-visible){-webkit-box-shadow:none;box-shadow:none}.ids-btn-group__text{margin-left:var(--ids-button-group-icon-spacing)}}

package.json

 {
   "name": "@igloo-ui/button-group",
-  "version": "0.4.4",
+  "version": "0.5.0",
   "main": "dist/ButtonGroup.js",
@@ -40,3 +40,3 @@ "module": "dist/ButtonGroup.js",
   },
-  "gitHead": "cce9f30554a3b477ab723469ac3afccdddebd0f1"
+  "gitHead": "3822b9758af88bf30f6423b6456fcc9c5ba63635"
 }

No alert changes

Improved metrics

Total package byte prevSize

29702

2.2%

No dependency changes