@getflip/swirl-components 0.514.0 → 0.514.1

package/dist/types/components/swirl-toggle-group/swirl-toggle-group.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-export type SwirlToggleGroupVariant = "flat" | "outline";
+export type SwirlToggleGroupVariant = "flat" | "outline" | "translucent";
 export declare class SwirlToggleGroup {
     el: HTMLElement;
     elevated?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components",
-  "version": "0.514.0",
+  "version": "0.514.1",
   "description": "Swirl Design System Web Component Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/vscode-data.json

@@ -26564,6 +26564,9 @@
             },
             {
               "name": "outline"
+            },
+            {
+              "name": "translucent"
             }
           ]
         }

package/dist/swirl-components/p-572ec284.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e}from"./p-BdGaOt5L.js";import{c as o}from"./p-orsBiyT_.js";const s=class{constructor(e){t(this,e),this.isPressed=!1,this.hideLabel=!1,this.onClick=()=>{this.isPressed=!0}}render(){const t=o("button",{"button--pressed":this.isPressed});return e("button",{key:"069d67b0f7ce2ab455e4f162757c79efa7f38325",class:t,type:"button","aria-pressed":this.isPressed?"true":"false","aria-label":this.hideLabel?this.label:void 0,onClick:this.onClick},this.icon&&e("swirl-icon",{key:"2524714cf9e649344bd7b150f297bfdd624e1c43",class:"button__icon",glyph:this.icon}),!this.hideLabel&&e("span",{key:"a9eac2b342ada0911b22b0380ce5ca1ee90c9dbc",class:"button__label"},this.label))}};s.style=":host{display:inline-block}:host *{box-sizing:border-box}.button{display:inline-flex;gap:var(--s-space-8);width:100%;padding:0.375rem var(--s-space-8);justify-content:center;align-items:center;border:none;border-radius:0.375rem;color:var(--s-text-default);background-color:var(--s-surface-sunken-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer}.button:hover{background-color:var(--s-state-hovered)}.button:active{background-color:var(--s-state-pressed)}.button:focus:not(:focus-visible){outline:none}.button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.button.button--pressed{background-color:var(--s-surface-default);color:var(--s-text-highlight);box-shadow:var(--s-shadow-level-1)}.button.button--pressed .button__icon{color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button__label{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}.button__icon{width:1.5rem;height:1.5rem;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon{width:1.25rem;height:1.25rem}}";export{s as swirl_toggle_button}