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

Comparing version 0.6.0 to 0.6.1

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: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)}}
+@import url("~@hopper-ui/tokens/fonts.css") layer(hopper-design-system);@import url("~@hopper-ui/tokens/workleap/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: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.6.0",
+  "version": "0.6.1",
   "main": "dist/ButtonGroup.js",
@@ -27,3 +27,3 @@ "module": "dist/ButtonGroup.js",
   "dependencies": {
-    "@hopper-ui/tokens": "^4.3.2",
+    "@hopper-ui/tokens": "^5.0.0",
     "@igloo-ui/tokens": "^2.1.0",
@@ -39,5 +39,5 @@ "classnames": "^2.3.2"
     "@igloo-ui/icons": "^1.12.2",
-    "@igloo-ui/tooltip": "^4.0.0"
+    "@igloo-ui/tooltip": "^4.0.1"
   },
-  "gitHead": "9faeb84f421cb4d0f78c12cfb239b226d5220288"
+  "gitHead": "860dc9cc48b5781faac47b43fadf665a8e890016"
 }

No alert changes

Improved metrics

Total package byte prevSize

27718

0.03%

Dependency changes

• + Added

  @hopper-ui/tokens@5.3.4
  (transitive)

• - Removed

  @hopper-ui/tokens@4.4.7
  (transitive)

• Updated

  @hopper-ui/tokens@^5.0.0