@getflip/swirl-components 0.3.1 → 0.5.0

package/dist/components/utils.js.map

@@ -1 +0,0 @@
-{"file":"utils.js","mappings":"SAyCgB,gBAAgB,CAAC,OAAoB,EAAE,SAAsB;EAC3E,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC;EACtC,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC,YAAY,CAAC;EACrD,MAAM,aAAa,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;EACxD,MAAM,OAAO,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;EAChD,MAAM,IAAI,GAAG;IACX,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG;IACpC,KAAK,EAAE,OAAO,CAAC,KAAK,GAAG,aAAa,CAAC,KAAK;IAC1C,MAAM,EAAE,OAAO,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM;IAC7C,IAAI,EAAE,OAAO,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI;GACxC,CAAC;EAEF,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;EACpC,MAAM,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC;EAC7C,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;EAC3D,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;EAE3D,OAAO,UAAU,GAAG,UAAU,CAAC;AACjC,CAAC;SAEe,gBAAgB;EAC9B,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC,OAAO,CAAC;AAC1D,CAAC;SAEe,oBAAoB,CAClC,IAAiB,EACjB,QAAgB;EAEhB,SAAS,sBAAsB,CAC7B,QAAgB,EAChB,IAA2B;IAE3B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;MAClB,OAAO,EAAE,CAAC;KACX;IAED,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAChC,IAAI,CAAC,gBAAgB,CAAa,QAAQ,CAAC,CAC5C,CAAC;IAEF,MAAM,eAAe,GACnB,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,IAAI,YAAY,eAAe;QAC9D,IAAI,CAAC,gBAAgB,EAAE;QACvB,EAAE,CAAC;IAET,MAAM,QAAQ,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,eAAe,CAAC,CAAC;IAEpE,MAAM,UAAU,GAAI,IAAgB,CAAC,UAAU,CAAC;IAEhD,MAAM,kBAAkB,GAAG,sBAAsB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IAExE,MAAM,OAAO,GAAiB;MAC5B,GAAG,eAAe;MAClB,GAAG,QAAQ;SACR,GAAG,CAAC,CAAC,KAAK,KAAK,sBAAsB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;SACvD,IAAI,EAAE;MACT,GAAG,kBAAkB;KACtB,CAAC;IAEF,OAAO,OAAO,CAAC;GAChB;EAED,MAAM,OAAO,GAAG,sBAAsB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,MAAM,CAC3D,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,KACpB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,CAC5D,CAAC;EAEF,OAAO,OAAO,CAAC;AACjB;;;;","names":[],"sources":["./src/utils.ts"],"sourcesContent":["import { EventEmitter } from \"@stencil/core\";\n\nexport interface FlipFormInput<ValueType = string> {\n  flipAriaDescribedby?: string;\n  disabled?: boolean;\n  invalid?: boolean;\n  required?: boolean;\n  value?: ValueType;\n  valueChange: EventEmitter;\n}\n\nexport function generateStoryElement(\n  tag: string,\n  args: { [arg: string]: any },\n  content?: string\n): HTMLElement {\n  const element = document.createElement(tag);\n\n  Object.entries(args)\n    .filter((arg) => arg[1] !== undefined && arg[1] !== null && arg[1] !== \"\")\n    .forEach(([attr, value]) => {\n      if (typeof value === \"object\") {\n        return (element[attr] = value);\n      }\n\n      return element.setAttribute(\n        attr.replace(\n          /[A-Z]+(?![a-z])|[A-Z]/g,\n          ($, ofs) => (ofs ? \"-\" : \"\") + $.toLowerCase()\n        ),\n        String(value)\n      );\n    });\n\n  if (Boolean(content)) {\n    element.innerHTML = content;\n  }\n\n  return element;\n}\n\nexport function getVisibleHeight(element: HTMLElement, container: HTMLElement) {\n  const scrollTop = container.scrollTop;\n  const scrollBot = scrollTop + container.clientHeight;\n  const containerRect = container.getBoundingClientRect();\n  const eleRect = element.getBoundingClientRect();\n  const rect = {\n    top: eleRect.top - containerRect.top,\n    right: eleRect.right - containerRect.right,\n    bottom: eleRect.bottom - containerRect.bottom,\n    left: eleRect.left - containerRect.left,\n  };\n\n  const eleTop = rect.top + scrollTop;\n  const eleBot = eleTop + element.offsetHeight;\n  const visibleTop = eleTop < scrollTop ? scrollTop : eleTop;\n  const visibleBot = eleBot > scrollBot ? scrollBot : eleBot;\n\n  return visibleBot - visibleTop;\n}\n\nexport function isMobileViewport() {\n  return !window.matchMedia(\"(min-width: 768px)\").matches;\n}\n\nexport function querySelectorAllDeep<TargetType extends Element = HTMLElement>(\n  root: HTMLElement,\n  selector: string\n): TargetType[] {\n  function collectAllElementsDeep(\n    selector: string,\n    root?: Element | ShadowRoot\n  ): TargetType[] {\n    if (!Boolean(root)) {\n      return [];\n    }\n\n    const lightDomMatches = Array.from(\n      root.querySelectorAll<TargetType>(selector)\n    );\n\n    const slottedChildren =\n      Boolean(window.HTMLSlotElement) && root instanceof HTMLSlotElement\n        ? root.assignedElements()\n        : [];\n\n    const children = [...Array.from(root.children), ...slottedChildren];\n\n    const shadowRoot = (root as Element).shadowRoot;\n\n    const shadowRootElements = collectAllElementsDeep(selector, shadowRoot);\n\n    const matches: TargetType[] = [\n      ...lightDomMatches,\n      ...children\n        .map((match) => collectAllElementsDeep(selector, match))\n        .flat(),\n      ...shadowRootElements,\n    ];\n\n    return matches;\n  }\n\n  const matches = collectAllElementsDeep(selector, root).filter(\n    (match, index, matches) =>\n      !matches.some((m, i) => m.isSameNode(match) && i > index)\n  );\n\n  return matches;\n}\n"],"version":3}

package/dist/esm/_commonjsHelpers-44457d8d.js.map

@@ -1 +0,0 @@
-{"file":"_commonjsHelpers-44457d8d.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/esm/a11y-dialog.esm-d7a94c8c.js.map

@@ -1 +0,0 @@
-{"file":"a11y-dialog.esm-d7a94c8c.js","mappings":"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","names":[],"sources":["../../node_modules/a11y-dialog/dist/a11y-dialog.esm.js"],"sourcesContent":["var focusableSelectors = [\n  'a[href]:not([tabindex^=\"-\"])',\n  'area[href]:not([tabindex^=\"-\"])',\n  'input:not([type=\"hidden\"]):not([type=\"radio\"]):not([disabled]):not([tabindex^=\"-\"])',\n  'input[type=\"radio\"]:not([disabled]):not([tabindex^=\"-\"])',\n  'select:not([disabled]):not([tabindex^=\"-\"])',\n  'textarea:not([disabled]):not([tabindex^=\"-\"])',\n  'button:not([disabled]):not([tabindex^=\"-\"])',\n  'iframe:not([tabindex^=\"-\"])',\n  'audio[controls]:not([tabindex^=\"-\"])',\n  'video[controls]:not([tabindex^=\"-\"])',\n  '[contenteditable]:not([tabindex^=\"-\"])',\n  '[tabindex]:not([tabindex^=\"-\"])',\n];\n\nvar TAB_KEY = 'Tab';\nvar ESCAPE_KEY = 'Escape';\n\n/**\n * Define the constructor to instantiate a dialog\n *\n * @constructor\n * @param {Element} element\n */\nfunction A11yDialog(element) {\n  // Prebind the functions that will be bound in addEventListener and\n  // removeEventListener to avoid losing references\n  this._show = this.show.bind(this);\n  this._hide = this.hide.bind(this);\n  this._maintainFocus = this._maintainFocus.bind(this);\n  this._bindKeypress = this._bindKeypress.bind(this);\n\n  this.$el = element;\n  this.shown = false;\n  this._id = this.$el.getAttribute('data-a11y-dialog') || this.$el.id;\n  this._previouslyFocused = null;\n  this._listeners = {};\n\n  // Initialise everything needed for the dialog to work properly\n  this.create();\n}\n\n/**\n * Set up everything necessary for the dialog to be functioning\n *\n * @param {(NodeList | Element | string)} targets\n * @return {this}\n */\nA11yDialog.prototype.create = function () {\n  this.$el.setAttribute('aria-hidden', true);\n  this.$el.setAttribute('aria-modal', true);\n  this.$el.setAttribute('tabindex', -1);\n\n  if (!this.$el.hasAttribute('role')) {\n    this.$el.setAttribute('role', 'dialog');\n  }\n\n  // Keep a collection of dialog openers, each of which will be bound a click\n  // event listener to open the dialog\n  this._openers = $$('[data-a11y-dialog-show=\"' + this._id + '\"]');\n  this._openers.forEach(\n    function (opener) {\n      opener.addEventListener('click', this._show);\n    }.bind(this)\n  );\n\n  // Keep a collection of dialog closers, each of which will be bound a click\n  // event listener to close the dialog\n  const $el = this.$el;\n\n  this._closers = $$('[data-a11y-dialog-hide]', this.$el)\n    // This filter is necessary in case there are nested dialogs, so that\n    // only closers from the current dialog are retrieved and effective\n    .filter(function (closer) {\n      // Testing for `[aria-modal=\"true\"]` is not enough since this attribute\n      // and the collect of closers is done at instantation time, when nested\n      // dialogs might not have yet been instantiated. Note that if the dialogs\n      // are manually instantiated, this could still fail because none of these\n      // selectors would match; this would cause closers to close all parent\n      // dialogs instead of just the current one\n      return closer.closest('[aria-modal=\"true\"], [data-a11y-dialog]') === $el\n    })\n    .concat($$('[data-a11y-dialog-hide=\"' + this._id + '\"]'));\n\n  this._closers.forEach(\n    function (closer) {\n      closer.addEventListener('click', this._hide);\n    }.bind(this)\n  );\n\n  // Execute all callbacks registered for the `create` event\n  this._fire('create');\n\n  return this\n};\n\n/**\n * Show the dialog element, disable all the targets (siblings), trap the\n * current focus within it, listen for some specific key presses and fire all\n * registered callbacks for `show` event\n *\n * @param {CustomEvent} event\n * @return {this}\n */\nA11yDialog.prototype.show = function (event) {\n  // If the dialog is already open, abort\n  if (this.shown) {\n    return this\n  }\n\n  // Keep a reference to the currently focused element to be able to restore\n  // it later\n  this._previouslyFocused = document.activeElement;\n  this.$el.removeAttribute('aria-hidden');\n  this.shown = true;\n\n  // Set the focus to the dialog element\n  moveFocusToDialog(this.$el);\n\n  // Bind a focus event listener to the body element to make sure the focus\n  // stays trapped inside the dialog while open, and start listening for some\n  // specific key presses (TAB and ESC)\n  document.body.addEventListener('focus', this._maintainFocus, true);\n  document.addEventListener('keydown', this._bindKeypress);\n\n  // Execute all callbacks registered for the `show` event\n  this._fire('show', event);\n\n  return this\n};\n\n/**\n * Hide the dialog element, enable all the targets (siblings), restore the\n * focus to the previously active element, stop listening for some specific\n * key presses and fire all registered callbacks for `hide` event\n *\n * @param {CustomEvent} event\n * @return {this}\n */\nA11yDialog.prototype.hide = function (event) {\n  // If the dialog is already closed, abort\n  if (!this.shown) {\n    return this\n  }\n\n  this.shown = false;\n  this.$el.setAttribute('aria-hidden', 'true');\n\n  // If there was a focused element before the dialog was opened (and it has a\n  // `focus` method), restore the focus back to it\n  // See: https://github.com/KittyGiraudel/a11y-dialog/issues/108\n  if (this._previouslyFocused && this._previouslyFocused.focus) {\n    this._previouslyFocused.focus();\n  }\n\n  // Remove the focus event listener to the body element and stop listening\n  // for specific key presses\n  document.body.removeEventListener('focus', this._maintainFocus, true);\n  document.removeEventListener('keydown', this._bindKeypress);\n\n  // Execute all callbacks registered for the `hide` event\n  this._fire('hide', event);\n\n  return this\n};\n\n/**\n * Destroy the current instance (after making sure the dialog has been hidden)\n * and remove all associated listeners from dialog openers and closers\n *\n * @return {this}\n */\nA11yDialog.prototype.destroy = function () {\n  // Hide the dialog to avoid destroying an open instance\n  this.hide();\n\n  // Remove the click event listener from all dialog openers\n  this._openers.forEach(\n    function (opener) {\n      opener.removeEventListener('click', this._show);\n    }.bind(this)\n  );\n\n  // Remove the click event listener from all dialog closers\n  this._closers.forEach(\n    function (closer) {\n      closer.removeEventListener('click', this._hide);\n    }.bind(this)\n  );\n\n  // Execute all callbacks registered for the `destroy` event\n  this._fire('destroy');\n\n  // Keep an object of listener types mapped to callback functions\n  this._listeners = {};\n\n  return this\n};\n\n/**\n * Register a new callback for the given event type\n *\n * @param {string} type\n * @param {Function} handler\n */\nA11yDialog.prototype.on = function (type, handler) {\n  if (typeof this._listeners[type] === 'undefined') {\n    this._listeners[type] = [];\n  }\n\n  this._listeners[type].push(handler);\n\n  return this\n};\n\n/**\n * Unregister an existing callback for the given event type\n *\n * @param {string} type\n * @param {Function} handler\n */\nA11yDialog.prototype.off = function (type, handler) {\n  var index = (this._listeners[type] || []).indexOf(handler);\n\n  if (index > -1) {\n    this._listeners[type].splice(index, 1);\n  }\n\n  return this\n};\n\n/**\n * Iterate over all registered handlers for given type and call them all with\n * the dialog element as first argument, event as second argument (if any). Also\n * dispatch a custom event on the DOM element itself to make it possible to\n * react to the lifecycle of auto-instantiated dialogs.\n *\n * @access private\n * @param {string} type\n * @param {CustomEvent} event\n */\nA11yDialog.prototype._fire = function (type, event) {\n  var listeners = this._listeners[type] || [];\n  var domEvent = new CustomEvent(type, { detail: event });\n\n  this.$el.dispatchEvent(domEvent);\n\n  listeners.forEach(\n    function (listener) {\n      listener(this.$el, event);\n    }.bind(this)\n  );\n};\n\n/**\n * Private event handler used when listening to some specific key presses\n * (namely ESCAPE and TAB)\n *\n * @access private\n * @param {Event} event\n */\nA11yDialog.prototype._bindKeypress = function (event) {\n  // This is an escape hatch in case there are nested dialogs, so the keypresses\n  // are only reacted to for the most recent one\n  const focused = document.activeElement;\n  if (focused && focused.closest('[aria-modal=\"true\"]') !== this.$el) return\n\n  // If the dialog is shown and the ESCAPE key is being pressed, prevent any\n  // further effects from the ESCAPE key and hide the dialog, unless its role\n  // is 'alertdialog', which should be modal\n  if (\n    this.shown &&\n    event.key === ESCAPE_KEY &&\n    this.$el.getAttribute('role') !== 'alertdialog'\n  ) {\n    event.preventDefault();\n    this.hide(event);\n  }\n\n  // If the dialog is shown and the TAB key is being pressed, make sure the\n  // focus stays trapped within the dialog element\n  if (this.shown && event.key === TAB_KEY) {\n    trapTabKey(this.$el, event);\n  }\n};\n\n/**\n * Private event handler used when making sure the focus stays within the\n * currently open dialog\n *\n * @access private\n * @param {Event} event\n */\nA11yDialog.prototype._maintainFocus = function (event) {\n  // If the dialog is shown and the focus is not within a dialog element (either\n  // this one or another one in case of nested dialogs) or within an element\n  // with the `data-a11y-dialog-focus-trap-ignore` attribute, move it back to\n  // its first focusable child.\n  // See: https://github.com/KittyGiraudel/a11y-dialog/issues/177\n  if (\n    this.shown &&\n    !event.target.closest('[aria-modal=\"true\"]') &&\n    !event.target.closest('[data-a11y-dialog-ignore-focus-trap]')\n  ) {\n    moveFocusToDialog(this.$el);\n  }\n};\n\n/**\n * Convert a NodeList into an array\n *\n * @param {NodeList} collection\n * @return {Array<Element>}\n */\nfunction toArray(collection) {\n  return Array.prototype.slice.call(collection)\n}\n\n/**\n * Query the DOM for nodes matching the given selector, scoped to context (or\n * the whole document)\n *\n * @param {String} selector\n * @param {Element} [context = document]\n * @return {Array<Element>}\n */\nfunction $$(selector, context) {\n  return toArray((context || document).querySelectorAll(selector))\n}\n\n/**\n * Set the focus to the first element with `autofocus` with the element or the\n * element itself\n *\n * @param {Element} node\n */\nfunction moveFocusToDialog(node) {\n  var focused = node.querySelector('[autofocus]') || node;\n\n  focused.focus();\n}\n\n/**\n * Get the focusable children of the given element\n *\n * @param {Element} node\n * @return {Array<Element>}\n */\nfunction getFocusableChildren(node) {\n  return $$(focusableSelectors.join(','), node).filter(function (child) {\n    return !!(\n      child.offsetWidth ||\n      child.offsetHeight ||\n      child.getClientRects().length\n    )\n  })\n}\n\n/**\n * Trap the focus inside the given element\n *\n * @param {Element} node\n * @param {Event} event\n */\nfunction trapTabKey(node, event) {\n  var focusableChildren = getFocusableChildren(node);\n  var focusedItemIndex = focusableChildren.indexOf(document.activeElement);\n\n  // If the SHIFT key is being pressed while tabbing (moving backwards) and\n  // the currently focused item is the first one, move the focus to the last\n  // focusable item from the dialog element\n  if (event.shiftKey && focusedItemIndex === 0) {\n    focusableChildren[focusableChildren.length - 1].focus();\n    event.preventDefault();\n    // If the SHIFT key is not being pressed (moving forwards) and the currently\n    // focused item is the last one, move the focus to the first focusable item\n    // from the dialog element\n  } else if (\n    !event.shiftKey &&\n    focusedItemIndex === focusableChildren.length - 1\n  ) {\n    focusableChildren[0].focus();\n    event.preventDefault();\n  }\n}\n\nfunction instantiateDialogs() {\n  $$('[data-a11y-dialog]').forEach(function (node) {\n    new A11yDialog(node);\n  });\n}\n\nif (typeof document !== 'undefined') {\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', instantiateDialogs);\n  } else {\n    if (window.requestAnimationFrame) {\n      window.requestAnimationFrame(instantiateDialogs);\n    } else {\n      window.setTimeout(instantiateDialogs, 16);\n    }\n  }\n}\n\nexport { A11yDialog as default };\n"],"version":3}

package/dist/esm/bodyScrollLock.esm-ce6356d8.js.map

@@ -1 +0,0 @@
-{"file":"bodyScrollLock.esm-ce6356d8.js","mappings":"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","names":[],"sources":["../../node_modules/body-scroll-lock/lib/bodyScrollLock.esm.js"],"sourcesContent":["function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\n// Older browsers don't support event options, feature detect it.\n\n// Adopted and modified solution from Bohdan Didukh (2017)\n// https://stackoverflow.com/questions/41594997/ios-10-safari-prevent-scrolling-behind-a-fixed-overlay-and-maintain-scroll-posi\n\nvar hasPassiveEvents = false;\nif (typeof window !== 'undefined') {\n  var passiveTestOptions = {\n    get passive() {\n      hasPassiveEvents = true;\n      return undefined;\n    }\n  };\n  window.addEventListener('testPassive', null, passiveTestOptions);\n  window.removeEventListener('testPassive', null, passiveTestOptions);\n}\n\nvar isIosDevice = typeof window !== 'undefined' && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === 'MacIntel' && window.navigator.maxTouchPoints > 1);\n\n\nvar locks = [];\nvar documentListenerAdded = false;\nvar initialClientY = -1;\nvar previousBodyOverflowSetting = void 0;\nvar previousBodyPosition = void 0;\nvar previousBodyPaddingRight = void 0;\n\n// returns true if `el` should be allowed to receive touchmove events.\nvar allowTouchMove = function allowTouchMove(el) {\n  return locks.some(function (lock) {\n    if (lock.options.allowTouchMove && lock.options.allowTouchMove(el)) {\n      return true;\n    }\n\n    return false;\n  });\n};\n\nvar preventDefault = function preventDefault(rawEvent) {\n  var e = rawEvent || window.event;\n\n  // For the case whereby consumers adds a touchmove event listener to document.\n  // Recall that we do document.addEventListener('touchmove', preventDefault, { passive: false })\n  // in disableBodyScroll - so if we provide this opportunity to allowTouchMove, then\n  // the touchmove event on document will break.\n  if (allowTouchMove(e.target)) {\n    return true;\n  }\n\n  // Do not prevent if the event has more than one touch (usually meaning this is a multi touch gesture like pinch to zoom).\n  if (e.touches.length > 1) return true;\n\n  if (e.preventDefault) e.preventDefault();\n\n  return false;\n};\n\nvar setOverflowHidden = function setOverflowHidden(options) {\n  // If previousBodyPaddingRight is already set, don't set it again.\n  if (previousBodyPaddingRight === undefined) {\n    var _reserveScrollBarGap = !!options && options.reserveScrollBarGap === true;\n    var scrollBarGap = window.innerWidth - document.documentElement.clientWidth;\n\n    if (_reserveScrollBarGap && scrollBarGap > 0) {\n      var computedBodyPaddingRight = parseInt(window.getComputedStyle(document.body).getPropertyValue('padding-right'), 10);\n      previousBodyPaddingRight = document.body.style.paddingRight;\n      document.body.style.paddingRight = computedBodyPaddingRight + scrollBarGap + 'px';\n    }\n  }\n\n  // If previousBodyOverflowSetting is already set, don't set it again.\n  if (previousBodyOverflowSetting === undefined) {\n    previousBodyOverflowSetting = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n  }\n};\n\nvar restoreOverflowSetting = function restoreOverflowSetting() {\n  if (previousBodyPaddingRight !== undefined) {\n    document.body.style.paddingRight = previousBodyPaddingRight;\n\n    // Restore previousBodyPaddingRight to undefined so setOverflowHidden knows it\n    // can be set again.\n    previousBodyPaddingRight = undefined;\n  }\n\n  if (previousBodyOverflowSetting !== undefined) {\n    document.body.style.overflow = previousBodyOverflowSetting;\n\n    // Restore previousBodyOverflowSetting to undefined\n    // so setOverflowHidden knows it can be set again.\n    previousBodyOverflowSetting = undefined;\n  }\n};\n\nvar setPositionFixed = function setPositionFixed() {\n  return window.requestAnimationFrame(function () {\n    // If previousBodyPosition is already set, don't set it again.\n    if (previousBodyPosition === undefined) {\n      previousBodyPosition = {\n        position: document.body.style.position,\n        top: document.body.style.top,\n        left: document.body.style.left\n      };\n\n      // Update the dom inside an animation frame \n      var _window = window,\n          scrollY = _window.scrollY,\n          scrollX = _window.scrollX,\n          innerHeight = _window.innerHeight;\n\n      document.body.style.position = 'fixed';\n      document.body.style.top = -scrollY;\n      document.body.style.left = -scrollX;\n\n      setTimeout(function () {\n        return window.requestAnimationFrame(function () {\n          // Attempt to check if the bottom bar appeared due to the position change\n          var bottomBarHeight = innerHeight - window.innerHeight;\n          if (bottomBarHeight && scrollY >= innerHeight) {\n            // Move the content further up so that the bottom bar doesn't hide it\n            document.body.style.top = -(scrollY + bottomBarHeight);\n          }\n        });\n      }, 300);\n    }\n  });\n};\n\nvar restorePositionSetting = function restorePositionSetting() {\n  if (previousBodyPosition !== undefined) {\n    // Convert the position from \"px\" to Int\n    var y = -parseInt(document.body.style.top, 10);\n    var x = -parseInt(document.body.style.left, 10);\n\n    // Restore styles\n    document.body.style.position = previousBodyPosition.position;\n    document.body.style.top = previousBodyPosition.top;\n    document.body.style.left = previousBodyPosition.left;\n\n    // Restore scroll\n    window.scrollTo(x, y);\n\n    previousBodyPosition = undefined;\n  }\n};\n\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight#Problems_and_solutions\nvar isTargetElementTotallyScrolled = function isTargetElementTotallyScrolled(targetElement) {\n  return targetElement ? targetElement.scrollHeight - targetElement.scrollTop <= targetElement.clientHeight : false;\n};\n\nvar handleScroll = function handleScroll(event, targetElement) {\n  var clientY = event.targetTouches[0].clientY - initialClientY;\n\n  if (allowTouchMove(event.target)) {\n    return false;\n  }\n\n  if (targetElement && targetElement.scrollTop === 0 && clientY > 0) {\n    // element is at the top of its scroll.\n    return preventDefault(event);\n  }\n\n  if (isTargetElementTotallyScrolled(targetElement) && clientY < 0) {\n    // element is at the bottom of its scroll.\n    return preventDefault(event);\n  }\n\n  event.stopPropagation();\n  return true;\n};\n\nexport var disableBodyScroll = function disableBodyScroll(targetElement, options) {\n  // targetElement must be provided\n  if (!targetElement) {\n    // eslint-disable-next-line no-console\n    console.error('disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.');\n    return;\n  }\n\n  // disableBodyScroll must not have been called on this targetElement before\n  if (locks.some(function (lock) {\n    return lock.targetElement === targetElement;\n  })) {\n    return;\n  }\n\n  var lock = {\n    targetElement: targetElement,\n    options: options || {}\n  };\n\n  locks = [].concat(_toConsumableArray(locks), [lock]);\n\n  if (isIosDevice) {\n    setPositionFixed();\n  } else {\n    setOverflowHidden(options);\n  }\n\n  if (isIosDevice) {\n    targetElement.ontouchstart = function (event) {\n      if (event.targetTouches.length === 1) {\n        // detect single touch.\n        initialClientY = event.targetTouches[0].clientY;\n      }\n    };\n    targetElement.ontouchmove = function (event) {\n      if (event.targetTouches.length === 1) {\n        // detect single touch.\n        handleScroll(event, targetElement);\n      }\n    };\n\n    if (!documentListenerAdded) {\n      document.addEventListener('touchmove', preventDefault, hasPassiveEvents ? { passive: false } : undefined);\n      documentListenerAdded = true;\n    }\n  }\n};\n\nexport var clearAllBodyScrollLocks = function clearAllBodyScrollLocks() {\n  if (isIosDevice) {\n    // Clear all locks ontouchstart/ontouchmove handlers, and the references.\n    locks.forEach(function (lock) {\n      lock.targetElement.ontouchstart = null;\n      lock.targetElement.ontouchmove = null;\n    });\n\n    if (documentListenerAdded) {\n      document.removeEventListener('touchmove', preventDefault, hasPassiveEvents ? { passive: false } : undefined);\n      documentListenerAdded = false;\n    }\n\n    // Reset initial clientY.\n    initialClientY = -1;\n  }\n\n  if (isIosDevice) {\n    restorePositionSetting();\n  } else {\n    restoreOverflowSetting();\n  }\n\n  locks = [];\n};\n\nexport var enableBodyScroll = function enableBodyScroll(targetElement) {\n  if (!targetElement) {\n    // eslint-disable-next-line no-console\n    console.error('enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.');\n    return;\n  }\n\n  locks = locks.filter(function (lock) {\n    return lock.targetElement !== targetElement;\n  });\n\n  if (isIosDevice) {\n    targetElement.ontouchstart = null;\n    targetElement.ontouchmove = null;\n\n    if (documentListenerAdded && locks.length === 0) {\n      document.removeEventListener('touchmove', preventDefault, hasPassiveEvents ? { passive: false } : undefined);\n      documentListenerAdded = false;\n    }\n  }\n\n  if (isIosDevice) {\n    restorePositionSetting();\n  } else {\n    restoreOverflowSetting();\n  }\n};\n\n"],"version":3}

package/dist/esm/flip-action-list-item.entry.js.map

@@ -1 +0,0 @@
-{"file":"flip-action-list-item.entry.js","mappings":";;;;AAAA,MAAM,qBAAqB,GAAG,usDAAusD;;MCYxtD,kBAAkB;EAL/B;;IASU,WAAM,GAA8B,SAAS,CAAC;IAE9C,SAAI,GAA4B,GAAG,CAAC;GA0C7C;EAvCC,MAAM;IACJ,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;IAE1D,MAAM,SAAS,GAAG,UAAU,CAC1B,kBAAkB,EAClB,4BAA4B,IAAI,CAAC,MAAM,EAAE,EACzC,0BAA0B,IAAI,CAAC,IAAI,EAAE,CACtC,CAAC;IAEF,QACE,EAAC,IAAI,QACH,cACE,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,IAAI,KACR,YAAM,KAAK,EAAC,wBAAwB,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,GAAS,CACnE,EACD,YAAM,KAAK,EAAC,mCAAmC,IAC7C,YAAM,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,KAAK,CAAQ,EACxD,IAAI,CAAC,WAAW,KACf,YAAM,KAAK,EAAC,+BAA+B,IACxC,IAAI,CAAC,WAAW,CACZ,CACR,CACI,EACN,UAAU,KACT,YACE,KAAK,EAAC,0BAA0B,EAChC,SAAS,EAAE,IAAI,CAAC,MAAM,GAChB,CACT,CACM,CACJ,EACP;GACH;;;;;;","names":[],"sources":["./src/components/flip-action-list-item/flip-action-list-item.css?tag=flip-action-list-item&encapsulation=shadow","./src/components/flip-action-list-item/flip-action-list-item.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.action-list-item {\n  display: inline-flex;\n  width: 100%;\n  min-width: 15rem;\n  margin: 0;\n  padding: var(--s-space-12) var(--s-space-16);\n  justify-content: flex-start;\n  align-items: center;\n  border: none;\n  color: var(--s-text-default);\n  background-color: var(--s-surface-overlay-default);\n  font: inherit;\n  line-height: var(--s-line-height-base);\n  text-align: left;\n  cursor: pointer;\n  gap: var(--s-space-12);\n\n  &:hover {\n    background-color: var(--s-surface-overlay-hovered);\n  }\n\n  &:focus {\n    background-color: var(--s-surface-overlay-hovered);\n    outline: none;\n  }\n\n  &:active {\n    background-color: var(--s-surface-overlay-pressed);\n  }\n\n  &:disabled {\n    background-color: var(--s-surface-overlay-default);\n    cursor: default;\n\n    & .action-list-item__label,\n    & .action-list-item__description {\n      color: var(--s-text-disabled);\n    }\n\n    & .action-list-item__icon {\n      color: var(--s-icon-disabled);\n    }\n  }\n}\n\n.action-list-item--size-l {\n  padding: var(--s-space-16);\n}\n\n.action-list-item--intent-critical {\n  &:not(:disabled) {\n    & .action-list-item__label {\n      color: var(--s-text-critical);\n    }\n\n    & .action-list-item__icon {\n      color: var(--s-icon-critical);\n    }\n  }\n}\n\n.action-list-item__icon {\n  display: inline-flex;\n  flex-shrink: 0;\n  color: var(--s-icon-default);\n}\n\n.action-list-item__label-container {\n  display: inline-flex;\n  min-width: 0;\n  flex-grow: 1;\n  align-items: flex-start;\n  flex-direction: column;\n}\n\n.action-list-item__label {\n  overflow: hidden;\n  max-width: 100%;\n  padding-top: 0.0625rem;\n  font-weight: var(--s-font-weight-medium);\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.action-list-item__description {\n  color: var(--s-text-subdued);\n}\n\n.action-list-item__suffix {\n  display: inline-flex;\n  flex-shrink: 0;\n  color: var(--s-icon-highlight);\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipActionListItemIntent = \"default\" | \"critical\";\n\nexport type FlipActionListItemSize = \"m\" | \"l\";\n\n@Component({\n  shadow: true,\n  styleUrl: \"flip-action-list-item.css\",\n  tag: \"flip-action-list-item\",\n})\nexport class FlipActionListItem {\n  @Prop() disabled?: boolean;\n  @Prop() description?: string;\n  @Prop() icon?: string;\n  @Prop() intent?: FlipActionListItemIntent = \"default\";\n  @Prop() label!: string;\n  @Prop() size?: FlipActionListItemSize = \"m\";\n  @Prop() suffix?: string;\n\n  render() {\n    const showSuffix = Boolean(this.suffix) && !this.disabled;\n\n    const className = classnames(\n      \"action-list-item\",\n      `action-list-item--intent-${this.intent}`,\n      `action-list-item--size-${this.size}`\n    );\n\n    return (\n      <Host>\n        <button\n          class={className}\n          disabled={this.disabled}\n          role=\"menuitem\"\n          tabIndex={-1}\n          type=\"button\"\n        >\n          {this.icon && (\n            <span class=\"action-list-item__icon\" innerHTML={this.icon}></span>\n          )}\n          <span class=\"action-list-item__label-container\">\n            <span class=\"action-list-item__label\">{this.label}</span>\n            {this.description && (\n              <span class=\"action-list-item__description\">\n                {this.description}\n              </span>\n            )}\n          </span>\n          {showSuffix && (\n            <span\n              class=\"action-list-item__suffix\"\n              innerHTML={this.suffix}\n            ></span>\n          )}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/flip-action-list-section.entry.js.map

@@ -1 +0,0 @@
-{"file":"flip-action-list-section.entry.js","mappings":";;AAAA,MAAM,wBAAwB,GAAG,+ZAA+Z;;MCUnb,qBAAqB;;;;EAGhC,MAAM;IACJ,QACE,EAAC,IAAI,QACH,8BAAqB,OAAO,EAAC,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,OAAO,IACnE,YAAM,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAC,OAAO,IAChD,IAAI,CAAC,KAAK,CACN,EACP,WAAK,KAAK,EAAC,4BAA4B,IACrC,eAAa,CACT,CACF,CACD,EACP;GACH;;;;;;","names":[],"sources":["./src/components/flip-action-list-section/flip-action-list-section.css?tag=flip-action-list-section&encapsulation=shadow","./src/components/flip-action-list-section/flip-action-list-section.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.action-list-section {\n  background-color: var(--s-surface-overlay-default);\n}\n\n.action-list-section__label {\n  display: block;\n  width: 100%;\n  padding: var(--s-space-8) var(--s-space-16);\n  border-bottom: var(--s-border-width-default) solid var(--s-border-default);\n  color: var(--s-text-subdued);\n  font-weight: var(--s-font-weight-medium);\n  line-height: var(--s-line-height-base);\n  text-align: left;\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\n\n/**\n * @slot slot - The action list item components\n */\n@Component({\n  shadow: true,\n  styleUrl: \"flip-action-list-section.css\",\n  tag: \"flip-action-list-section\",\n})\nexport class FlipActionListSection {\n  @Prop() label!: string;\n\n  render() {\n    return (\n      <Host>\n        <div aria-labelledby=\"label\" class=\"action-list-section\" role=\"group\">\n          <span class=\"action-list-section__label\" id=\"label\">\n            {this.label}\n          </span>\n          <div class=\"action-list-section__items\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/flip-action-list.entry.js.map

@@ -1 +0,0 @@
-{"file":"flip-action-list.entry.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,mHAAmH;;MCWhI,cAAc;EAL3B;;IAcU,cAAS,GAAG,CAAC,KAAoB;MACvC,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,EAAE;QAC7D,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,aAAa,EAAE,CAAC;OACtB;WAAM,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE;QACjE,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,iBAAiB,EAAE,CAAC;OAC1B;KACF,CAAC;GAwCH;EApDC,gBAAgB;IACd,IAAI,CAAC,KAAK,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAC;GACjE;EAYO,aAAa;IACnB,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAClD,MAAM,QAAQ,GAAG,CAAC,eAAe,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;IAE3D,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,CAAC;GAC9B;EAEO,iBAAiB;IACvB,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAClD,MAAM,QAAQ,GACZ,eAAe,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,eAAe,GAAG,CAAC,CAAC;IAEtE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,CAAC;GAC9B;EAEO,kBAAkB;IACxB,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CACzB,CAAC,IAAI;;MACH,OAAA,IAAI,KAAK,QAAQ,CAAC,aAAa;QAC/B,IAAI;WACF,MAAA,MAAA,QAAQ,CAAC,aAAa,0CAAE,UAAU,0CAAE,aAAa,CAAC,mBAAmB,CAAC,CAAA,CAAA;KAAA,CAC3E,CAAC;GACH;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,+BACmB,UAAU,EAC3B,KAAK,EAAC,aAAa,EACnB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,IAAI,EAAC,MAAM,IAEX,eAAa,CACT,CACD,EACP;GACH;;;;;;;","names":[],"sources":["./src/components/flip-action-list/flip-action-list.css?tag=flip-action-list&encapsulation=shadow","./src/components/flip-action-list/flip-action-list.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.action-list {\n  background-color: var(--s-surface-overlay-default);\n}\n","import { Component, Element, h, Host } from \"@stencil/core\";\nimport { querySelectorAllDeep } from \"../../utils\";\n\n/**\n * @slot slot - The action list items and sections\n */\n@Component({\n  shadow: true,\n  styleUrl: \"flip-action-list.css\",\n  tag: \"flip-action-list\",\n})\nexport class FlipActionList {\n  @Element() el: HTMLElement;\n\n  private items: HTMLElement[];\n\n  componentDidLoad() {\n    this.items = querySelectorAllDeep(this.el, '[role=\"menuitem\"]');\n  }\n\n  private onKeyDown = (event: KeyboardEvent) => {\n    if (event.code === \"ArrowDown\" || event.code === \"ArrowRight\") {\n      event.preventDefault();\n      this.focusNextItem();\n    } else if (event.code === \"ArrowUp\" || event.code === \"ArrowLeft\") {\n      event.preventDefault();\n      this.focusPreviousItem();\n    }\n  };\n\n  private focusNextItem() {\n    const activeItemIndex = this.getActiveItemIndex();\n    const newIndex = (activeItemIndex + 1) % this.items.length;\n\n    this.items[newIndex].focus();\n  }\n\n  private focusPreviousItem() {\n    const activeItemIndex = this.getActiveItemIndex();\n    const newIndex =\n      activeItemIndex === 0 ? this.items.length - 1 : activeItemIndex - 1;\n\n    this.items[newIndex].focus();\n  }\n\n  private getActiveItemIndex(): number {\n    return this.items.findIndex(\n      (item) =>\n        item === document.activeElement ||\n        item ===\n          document.activeElement?.shadowRoot?.querySelector('[role=\"menuitem\"]')\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          aria-orientation=\"vertical\"\n          class=\"action-list\"\n          onKeyDown={this.onKeyDown}\n          role=\"menu\"\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/flip-avatar-group.entry.js.map

@@ -1 +0,0 @@
-{"file":"flip-avatar-group.entry.js","mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,2tBAA2tB;;MCWzuB,eAAe;;;;EAG1B,MAAM;IACJ,MAAM,SAAS,GAAG,UAAU,CAAC,cAAc,EAAE;MAC3C,yBAAyB,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;KAC/C,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAEzD,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,SAAS,EAAE,IAAI,EAAC,OAAO,IACjC,eAAa,EACZ,IAAI,CAAC,KAAK,KACT,YAAM,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,GAAS,CAC5D,CACG,CACD,EACP;GACH;;;;;;","names":[],"sources":["./src/components/flip-avatar-group/flip-avatar-group.css?tag=flip-avatar-group&encapsulation=shadow","./src/components/flip-avatar-group/flip-avatar-group.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.avatar-group {\n  position: relative;\n  display: inline-grid;\n  grid-template-rows: repeat(8, 1fr);\n  grid-template-columns: repeat(8, 1fr);\n\n  & ::slotted(*:first-of-type) {\n    z-index: 1;\n    display: inline-flex;\n    border: 0.25rem solid var(--flip-avatar-group-border-color);\n    border-radius: 50%;\n    grid-column-start: 1;\n    grid-column-end: 7;\n    grid-row-start: 3;\n    grid-row-end: 9;\n  }\n\n  & ::slotted(*:nth-of-type(2)) {\n    z-index: 0;\n    display: inline-flex;\n    border: 0.25rem solid var(--flip-avatar-group-border-color);\n    border-radius: 50%;\n    grid-column-start: 3;\n    grid-column-end: 9;\n    grid-row-start: 1;\n    grid-row-end: 7;\n  }\n}\n\n.avatar-group__badge {\n  position: absolute;\n  z-index: 2;\n  right: 0;\n  bottom: 0;\n  display: inline-flex;\n  width: 1.5rem;\n  height: 1.5rem;\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\n/**\n * @slot slot - Your avatar components\n */\n@Component({\n  shadow: true,\n  styleUrl: \"flip-avatar-group.css\",\n  tag: \"flip-avatar-group\",\n})\nexport class FlipAvatarGroup {\n  @Prop() badge?: string;\n\n  render() {\n    const className = classnames(\"avatar-group\", {\n      \"avatar-group--has-badge\": Boolean(this.badge),\n    });\n\n    const badgeClassName = classnames(\"avatar-group__badge\");\n\n    return (\n      <Host>\n        <div class={className} role=\"group\">\n          <slot></slot>\n          {this.badge && (\n            <span class={badgeClassName} innerHTML={this.badge}></span>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/flip-avatar.entry.js.map

@@ -1 +0,0 @@
-{"file":"flip-avatar.entry.js","mappings":"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","names":[],"sources":["./src/components/flip-avatar/flip-avatar.css?tag=flip-avatar&encapsulation=shadow","./src/components/flip-avatar/flip-avatar.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  align-items: center;\n  flex-direction: column;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.avatar {\n  position: relative;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n}\n\n.avatar--has-icon {\n  color: var(--s-icon-default);\n  background-color: var(--s-surface-raised-default);\n}\n\n.avatar--has-initials {\n  padding-right: 0;\n  padding-left: 0;\n  color: #fff;\n}\n\n.avatar--interactive {\n  cursor: pointer;\n\n  &:focus {\n    outline-color: var(--s-focus-default);\n  }\n}\n\n.avatar--size-xs {\n  width: 1.75rem;\n  height: 1.75rem;\n  font-size: 0.75rem;\n\n  &.avatar--has-icon {\n    padding-right: 0.4375rem;\n    padding-left: 0.4375rem;\n  }\n\n  &.avatar--variant-square,\n  &.avatar--variant-square .avatar__image,\n  &.avatar--variant-square .avatar__initials {\n    border-radius: 0.5rem;\n  }\n}\n\n.avatar--size-s {\n  width: 2rem;\n  height: 2rem;\n  font-size: 0.75rem;\n\n  &.avatar--has-icon {\n    padding-right: var(--s-space-8);\n    padding-left: var(--s-space-8);\n  }\n\n  &.avatar--variant-square,\n  &.avatar--variant-square .avatar__image,\n  &.avatar--variant-square .avatar__initials {\n    border-radius: 0.5rem;\n  }\n}\n\n.avatar--size-m {\n  width: 2.5rem;\n  height: 2.5rem;\n  font-size: var(--s-font-size-base);\n\n  &.avatar--has-icon {\n    padding-right: 0.625rem;\n    padding-left: 0.625rem;\n  }\n\n  &.avatar--variant-square,\n  &.avatar--variant-square .avatar__image,\n  &.avatar--variant-square .avatar__initials {\n    border-radius: 0.625rem;\n  }\n}\n\n.avatar--size-l {\n  width: 3rem;\n  height: 3rem;\n  font-size: var(--s-font-size-lg);\n\n  &.avatar--has-icon {\n    padding-right: var(--s-space-12);\n    padding-left: var(--s-space-12);\n  }\n\n  &.avatar--variant-square,\n  &.avatar--variant-square .avatar__image,\n  &.avatar--variant-square .avatar__initials {\n    border-radius: 0.75rem;\n  }\n}\n\n.avatar--size-xl {\n  width: 4rem;\n  height: 4rem;\n  font-size: var(--s-font-size-xl);\n\n  &.avatar--has-icon {\n    padding-right: var(--s-space-16);\n    padding-left: var(--s-space-16);\n  }\n\n  &.avatar--variant-square,\n  &.avatar--variant-square .avatar__image,\n  &.avatar--variant-square .avatar__initials {\n    border-radius: 1rem;\n  }\n}\n\n.avatar--size-2xl {\n  width: 9rem;\n  height: 9rem;\n  font-size: 3.375rem;\n\n  &.avatar--has-icon {\n    padding-right: var(--s-space-32);\n    padding-left: var(--s-space-32);\n  }\n\n  &.avatar--variant-square,\n  &.avatar--variant-square .avatar__image,\n  &.avatar--variant-square .avatar__initials {\n    border-radius: 2.25rem;\n  }\n}\n\n.avatar__image {\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n\n  & > img {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.avatar__icon {\n  display: inline-flex;\n  width: 100%;\n  height: 100%;\n\n  & > * {\n    width: 100%;\n    height: 100%;\n  }\n\n  & > *::part(icon) {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.avatar__initials {\n  display: inline-flex;\n  width: 100%;\n  min-width: 0;\n  height: 100%;\n  padding-right: 0.0625rem;\n  padding-left: 0.0625rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  background-color: var(--s-decorative-6-default);\n\n  & > span {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n}\n\n.avatar__badge {\n  position: absolute;\n  bottom: 0;\n  left: 55%;\n  display: inline-flex;\n  min-width: 1.5rem;\n  height: 1.5rem;\n  transform: translate3d(0, 25%, 0);\n}\n\n.avatar__badge--position-top {\n  top: 0;\n  bottom: auto;\n  transform: translate3d(0, -25%, 0);\n}\n\n.avatar__label {\n  margin-top: var(--s-space-4);\n  color: var(--s-icon-default);\n  font-size: var(--s-font-size-sm);\n  font-weight: var(--s-font-weight-medium);\n  line-height: var(--s-line-height-sm);\n  text-align: center;\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipAvatarBadgePosition = \"bottom\" | \"top\";\nexport type FlipAvatarSize = \"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"2xl\";\nexport type FlipAvatarVariant = \"round\" | \"square\";\n\nconst flipAvatarSizeMappings: { [key in FlipAvatarSize]: number } = {\n  xs: 28,\n  s: 32,\n  m: 40,\n  l: 48,\n  xl: 64,\n  \"2xl\": 144,\n};\n\n@Component({\n  shadow: true,\n  styleUrl: \"flip-avatar.css\",\n  tag: \"flip-avatar\",\n})\nexport class FlipAvatar {\n  @Element() element: HTMLElement;\n\n  @Prop() badge?: string;\n  @Prop() badgePosition?: FlipAvatarBadgePosition = \"bottom\";\n  @Prop() icon?: string;\n  @Prop() initials?: string;\n  @Prop() interactive?: boolean = false;\n  @Prop() label!: string;\n  @Prop() showLabel?: boolean = false;\n  @Prop() size?: FlipAvatarSize = \"m\";\n  @Prop() src?: string;\n  @Prop() variant?: FlipAvatarVariant = \"round\";\n\n  @State() imageAvailable: boolean | undefined;\n\n  @Watch(\"src\")\n  watchSrcProp() {\n    this.imageAvailable = undefined;\n  }\n\n  private setImageAvailable = () => {\n    this.imageAvailable = true;\n  };\n\n  private setImageUnavailable = () => {\n    this.imageAvailable = false;\n  };\n\n  private onKeydown = (event: KeyboardEvent) => {\n    // The interactive avatar is activated by the space key on the keyup event,\n    // but the default action for space is already triggered on keydown. It\n    // needs to be prevented to stop scrolling the page before activating the\n    // avatar.\n    if (event.code === \"Space\") {\n      event.preventDefault();\n    } else if (event.code === \"Enter\") {\n      event.preventDefault();\n\n      this.element.click();\n    }\n  };\n\n  private onKeyup = (event: KeyboardEvent) => {\n    if (event.code === \"Space\") {\n      event.preventDefault();\n\n      this.element.click();\n    }\n  };\n\n  render() {\n    const showImage =\n      Boolean(this.src) &&\n      (this.imageAvailable || this.imageAvailable === undefined);\n\n    const showInitials = !showImage && Boolean(this.initials);\n    const showIcon = !showImage && !showInitials && Boolean(this.icon);\n    const showFallbackIcon = !showImage && !showInitials && !showIcon;\n    const showBadge = Boolean(this.badge) && this.size === \"m\";\n\n    const role = this.interactive ? \"button\" : \"img\";\n\n    const className = classnames(\n      \"avatar\",\n      `avatar--size-${this.size}`,\n      `avatar--variant-${this.variant}`,\n      {\n        \"avatar--has-icon\": showIcon || showFallbackIcon,\n        \"avatar--has-initials\": showInitials,\n        \"avatar--interactive\": this.interactive,\n      }\n    );\n\n    const badgeClassName = classnames(\n      \"avatar__badge\",\n      `avatar__badge--position-${this.badgePosition}`\n    );\n\n    return (\n      <Host\n        aria-label={this.label}\n        onKeydown={this.interactive ? this.onKeydown : undefined}\n        onKeyup={this.interactive ? this.onKeyup : undefined}\n        role={role}\n        tabIndex={this.interactive ? 0 : undefined}\n      >\n        <span class={className} part=\"avatar\">\n          {showImage && (\n            <span class=\"avatar__image\">\n              <img\n                alt=\"\"\n                height={flipAvatarSizeMappings[this.size]}\n                onError={this.setImageUnavailable}\n                onLoad={this.setImageAvailable}\n                src={this.src}\n                width={flipAvatarSizeMappings[this.size]}\n              />\n            </span>\n          )}\n          {showInitials && (\n            <span class=\"avatar__initials\">\n              <span>{this.initials}</span>\n            </span>\n          )}\n          {showIcon && <span class=\"avatar__icon\" innerHTML={this.icon}></span>}\n          {showFallbackIcon && (\n            <span class=\"avatar__icon\">\n              <flip-icon-person></flip-icon-person>\n            </span>\n          )}\n          {showBadge && (\n            <span class={badgeClassName} innerHTML={this.badge}></span>\n          )}\n        </span>\n\n        {this.showLabel && (\n          <span aria-hidden class=\"avatar__label\">\n            {this.label}\n          </span>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/flip-badge.entry.js.map

@@ -1 +0,0 @@
-{"file":"flip-badge.entry.js","mappings":";;;;AAAA,MAAM,YAAY,GAAG,mxDAAmxD;;MCuB3xD,SAAS;EALtB;;IAOU,WAAM,GAAqB,UAAU,CAAC;IAEtC,SAAI,GAAmB,GAAG,CAAC;IAC3B,YAAO,GAAsB,SAAS,CAAC;GAwBhD;EAtBC,MAAM;IACJ,MAAM,SAAS,GAAG,UAAU,CAC1B,OAAO,EACP,iBAAiB,IAAI,CAAC,MAAM,EAAE,EAC9B,eAAe,IAAI,CAAC,IAAI,EAAE,EAC1B,kBAAkB,IAAI,CAAC,OAAO,EAAE,EAChC;MACE,iBAAiB,EAAE,IAAI,CAAC,IAAI;KAC7B,CACF,CAAC;IAEF,QACE,EAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,IACjB,YAAM,KAAK,EAAE,SAAS,IACnB,IAAI,CAAC,IAAI,IAAI,YAAM,KAAK,EAAC,aAAa,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,GAAS,EACpE,IAAI,CAAC,IAAI,KAAK,SAAS,KACtB,YAAM,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,KAAK,CAAQ,CAC/C,CACI,CACF,EACP;GACH;;;;;;","names":[],"sources":["./src/components/flip-badge/flip-badge.css?tag=flip-badge&encapsulation=shadow","./src/components/flip-badge/flip-badge.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  justify-content: center;\n  align-items: center;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.badge {\n  display: inline-flex;\n  max-width: 100%;\n  justify-content: center;\n  align-items: center;\n  border: 0.25rem solid var(--flip-badge-border-color);\n  border-radius: 2rem;\n  color: var(--s-text-on-status);\n  font-size: var(--s-font-size-sm);\n  font-weight: var(--s-font-weight-medium);\n}\n\n.badge--size-s {\n  min-width: 1.5rem;\n  height: 1.5rem;\n  font-size: 0.75rem;\n\n  & .badge__label {\n    padding-right: 0.1875rem;\n    padding-left: 0.1875rem;\n  }\n\n  & .badge__icon {\n    & > *::part(icon) {\n      width: 0.75rem;\n      height: 0.75rem;\n    }\n  }\n}\n\n.badge--size-m {\n  min-width: 2rem;\n  height: 2rem;\n\n  & .badge__label {\n    padding-right: 0.375rem;\n    padding-left: 0.375rem;\n  }\n}\n\n.badge--has-icon {\n  padding-right: 0;\n  padding-left: 0;\n}\n\n.badge--intent-critical {\n  background-color: var(--s-surface-critical-default);\n}\n\n.badge--intent-decorative-1 {\n  background-color: var(--s-decorative-1-default);\n}\n\n.badge--intent-decorative-2 {\n  background-color: var(--s-decorative-2-default);\n}\n\n.badge--intent-decorative-3 {\n  color: var(--s-text-default);\n  background-color: var(--s-decorative-3-default);\n}\n\n.badge--intent-decorative-4 {\n  color: var(--s-text-default);\n  background-color: var(--s-decorative-4-default);\n}\n\n.badge--intent-decorative-5 {\n  background-color: var(--s-decorative-5-default);\n}\n\n.badge--intent-decorative-6 {\n  background-color: var(--s-decorative-6-default);\n}\n\n.badge--intent-decorative-7 {\n  background-color: var(--s-decorative-7-default);\n}\n\n.badge--variant-dot {\n  width: 1.25rem;\n  min-width: 0;\n  height: 1.25rem;\n\n  & .badge__label {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  & .badge__label,\n  & .badge__icon {\n    display: none;\n  }\n}\n\n.badge__icon {\n  display: inline-flex;\n\n  & > *::part(icon) {\n    width: 1rem;\n    height: 1rem;\n  }\n}\n\n.badge__label {\n  display: inline-flex;\n  overflow: hidden;\n  max-width: 100%;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n","import classnames from \"classnames\";\n\nimport { Component, h, Host, Prop } from \"@stencil/core\";\n\nexport type FlipBadgeIntent =\n  | \"critical\"\n  | \"decorative-1\"\n  | \"decorative-2\"\n  | \"decorative-3\"\n  | \"decorative-4\"\n  | \"decorative-5\"\n  | \"decorative-6\"\n  | \"decorative-7\";\n\nexport type FlipBadgeSize = \"s\" | \"m\";\n\nexport type FlipBadgeVariant = \"default\" | \"dot\";\n\n@Component({\n  shadow: true,\n  styleUrl: \"flip-badge.css\",\n  tag: \"flip-badge\",\n})\nexport class FlipBadge {\n  @Prop() icon?: string;\n  @Prop() intent?: FlipBadgeIntent = \"critical\";\n  @Prop() label!: string;\n  @Prop() size?: FlipBadgeSize = \"m\";\n  @Prop() variant?: FlipBadgeVariant = \"default\";\n\n  render() {\n    const className = classnames(\n      \"badge\",\n      `badge--intent-${this.intent}`,\n      `badge--size-${this.size}`,\n      `badge--variant-${this.variant}`,\n      {\n        \"badge--has-icon\": this.icon,\n      }\n    );\n\n    return (\n      <Host role=\"status\">\n        <span class={className}>\n          {this.icon && <span class=\"badge__icon\" innerHTML={this.icon}></span>}\n          {this.icon === undefined && (\n            <span class=\"badge__label\">{this.label}</span>\n          )}\n        </span>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/flip-banner.entry.js.map

@@ -1 +0,0 @@
-{"file":"flip-banner.entry.js","mappings":";;;;AAAA,MAAM,aAAa,GAAG,ikFAAikF;;ACoBvlF,MAAM,qBAAqB,GAA0C;EACnE,OAAO,EAAE,SAAS;EAClB,QAAQ,EAAE,qCAAqC;EAC/C,OAAO,EAAE,mDAAmD;EAC5D,OAAO,EAAE,yCAAyC;EAClD,IAAI,EAAE,mCAAmC;CAC1C,CAAC;MAOW,UAAU;EALvB;;;;IAUU,gBAAW,GAAa,KAAK,CAAC;IAC9B,iBAAY,GAAY,SAAS,CAAC;IAClC,eAAU,GAAwB,QAAQ,CAAC;IAC3C,WAAM,GAAsB,SAAS,CAAC;IACtC,aAAQ,GAAa,KAAK,CAAC;IAKnC,aAAQ,GAAG,CAAC,KAAiB;MAC3B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACzB,CAAC;IAEF,cAAS,GAAG,CAAC,KAAiB;MAC5B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC1B,CAAC;GAwDH;EAtDC,MAAM;IACJ,MAAM,IAAI,GAAG,qBAAqB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC;IACnE,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAEhD,MAAM,SAAS,GAAG,UAAU,CAAC,QAAQ,EAAE,kBAAkB,IAAI,CAAC,MAAM,EAAE,EAAE;MACtE,kBAAkB,EAAE,QAAQ;KAC7B,CAAC,CAAC;IAEH,QACE,EAAC,IAAI,QACH,+BACmB,SAAS,EAC1B,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,QAAQ,EAAE,CAAC,IAEV,QAAQ,KACP,2BACc,MAAM,EAClB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAE,IAAI,GACT,CACT,EACD,YAAM,KAAK,EAAC,iBAAiB,EAAC,EAAE,EAAC,SAAS,IACvC,IAAI,CAAC,OAAO,CACR,EACN,YAAY,KACX,YAAM,KAAK,EAAC,kBAAkB,IAC3B,IAAI,CAAC,WAAW,KACf,cACE,KAAK,EAAC,uBAAuB,EAC7B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,WAAW,CACV,CACV,EACA,IAAI,CAAC,WAAW,KACf,4BACc,IAAI,CAAC,YAAY,EAC7B,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,IAAI,EAAC,QAAQ,IAEb,0BAAmC,CAC5B,CACV,CACI,CACR,CACG,CACD,EACP;GACH;;;;;;;","names":[],"sources":["./src/components/flip-banner/flip-banner.css?tag=flip-banner&encapsulation=shadow","./src/components/flip-banner/flip-banner.tsx"],"sourcesContent":["@import \"../../styles/media-queries.css\";\n\n:host {\n  display: block;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.banner {\n  display: flex;\n  max-width: 100%;\n  padding: var(--s-space-12);\n  align-items: flex-start;\n\n  &:focus {\n    outline-color: var(--s-focus-default);\n  }\n\n  @media (--from-tablet) {\n    padding: var(--s-space-16);\n  }\n}\n\n.banner--intent-default,\n.banner--intent-critical,\n.banner--intent-success,\n.banner--intent-info {\n  & .banner__icon,\n  & .banner__content,\n  & .banner__action-button,\n  & .banner__dismiss-button {\n    color: var(--s-text-on-status);\n  }\n}\n\n.banner--intent-default {\n  background-color: var(--s-surface-neutral-default);\n}\n\n.banner--intent-critical {\n  background-color: var(--s-surface-critical-default);\n}\n\n.banner--intent-success {\n  background-color: var(--s-surface-success-default);\n}\n\n.banner--intent-info {\n  background-color: var(--s-surface-info-default);\n}\n\n.banner--intent-warning {\n  background-color: var(--s-surface-warning-default);\n\n  & .banner__icon {\n    color: var(--s-icon-strong);\n  }\n\n  & .banner__content,\n  & .banner__action-button,\n  & .banner__dismiss-button {\n    color: var(--s-text-default);\n  }\n}\n\n.banner--has-icon {\n  & .banner__content {\n    @media (--from-mobile) {\n      padding-top: var(--s-space-2);\n    }\n  }\n}\n\n.banner__icon {\n  display: none;\n  margin-right: var(--s-space-8);\n  color: var(--s-icon-on-status);\n\n  @media (--from-mobile) {\n    display: inline-flex;\n  }\n}\n\n.banner__content {\n  min-height: 1.5rem;\n  margin-right: var(--s-space-12);\n  flex-grow: 1;\n  line-height: var(--s-line-height-base);\n}\n\n.banner__controls {\n  display: inline-flex;\n  margin-left: var(--s-space-16);\n  align-items: center;\n  gap: var(--s-space-16);\n  line-height: var(--s-line-height-base);\n\n  @media (--from-tablet) {\n    gap: var(--s-space-24);\n  }\n}\n\n.banner__action-button,\n.banner__dismiss-button {\n  display: inline-flex;\n  overflow: hidden;\n  max-width: 7rem;\n  height: 1.5rem;\n  padding: 0;\n  flex-shrink: 0;\n  align-items: center;\n  border: none;\n  background-color: transparent;\n  font: inherit;\n  font-weight: var(--s-font-weight-semibold);\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  cursor: pointer;\n\n  &:focus {\n    outline-color: var(--s-focus-default);\n  }\n\n  @media (--from-tablet) {\n    max-width: 12rem;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n} from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipBannerAriaRole = \"alert\" | \"status\";\n\nexport type FlipBannerIntent =\n  | \"default\"\n  | \"critical\"\n  | \"success\"\n  | \"warning\"\n  | \"info\";\n\nconst flipBannerIconMapping: { [key in FlipBannerIntent]: string } = {\n  default: undefined,\n  critical: \"<flip-icon-error></flip-icon-error>\",\n  success: \"<flip-icon-check-circle></flip-icon-check-circle>\",\n  warning: \"<flip-icon-warning></flip-icon-warning>\",\n  info: \"<flip-icon-info></flip-icon-info>\",\n};\n\n@Component({\n  shadow: true,\n  styleUrl: \"flip-banner.css\",\n  tag: \"flip-banner\",\n})\nexport class FlipBanner {\n  @Element() element: HTMLElement;\n\n  @Prop() actionLabel?: string;\n  @Prop() content!: string;\n  @Prop() dismissable?: boolean = false;\n  @Prop() dismissLabel?: string = \"Dismiss\";\n  @Prop() importance?: FlipBannerAriaRole = \"status\";\n  @Prop() intent?: FlipBannerIntent = \"default\";\n  @Prop() showIcon?: boolean = false;\n\n  @Event() action?: EventEmitter<MouseEvent>;\n  @Event() dismiss?: EventEmitter<MouseEvent>;\n\n  onAction = (event: MouseEvent) => {\n    this.action.emit(event);\n  };\n\n  onDismiss = (event: MouseEvent) => {\n    this.dismiss.emit(event);\n  };\n\n  render() {\n    const icon = flipBannerIconMapping[this.intent];\n    const showControls = Boolean(this.actionLabel) || this.dismissable;\n    const showIcon = this.showIcon && Boolean(icon);\n\n    const className = classnames(\"banner\", `banner--intent-${this.intent}`, {\n      \"banner--has-icon\": showIcon,\n    });\n\n    return (\n      <Host>\n        <div\n          aria-describedby=\"content\"\n          class={className}\n          role={this.importance}\n          tabIndex={0}\n        >\n          {showIcon && (\n            <span\n              aria-hidden=\"true\"\n              class=\"banner__icon\"\n              innerHTML={icon}\n            ></span>\n          )}\n          <span class=\"banner__content\" id=\"content\">\n            {this.content}\n          </span>\n          {showControls && (\n            <span class=\"banner__controls\">\n              {this.actionLabel && (\n                <button\n                  class=\"banner__action-button\"\n                  onClick={this.onAction}\n                  type=\"button\"\n                >\n                  {this.actionLabel}\n                </button>\n              )}\n              {this.dismissable && (\n                <button\n                  aria-label={this.dismissLabel}\n                  class=\"banner__dismiss-button\"\n                  onClick={this.onDismiss}\n                  type=\"button\"\n                >\n                  <flip-icon-close></flip-icon-close>\n                </button>\n              )}\n            </span>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/flip-button-group.entry.js.map

@@ -1 +0,0 @@
-{"file":"flip-button-group.entry.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,oDAAoD;;MCUlE,eAAe;EAL5B;;IAMU,gBAAW,GAA+B,YAAY,CAAC;GA6BhE;EAzBC,MAAM;IACJ,QACE,EAAC,IAAI,QACH,kBACE,KAAK,EACH,IAAI,CAAC,WAAW,KAAK,UAAU,IAAI,IAAI,CAAC,OAAO;UAC3C,SAAS;UACT,OAAO,EAEb,KAAK,EAAC,cAAc,EACpB,OAAO,EACL,IAAI,CAAC,WAAW,KAAK,YAAY,IAAI,IAAI,CAAC,OAAO;UAC7C,SAAS;UACT,OAAO,EAEb,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,GAAG,EACX,IAAI,EAAE,IAAI,CAAC,IAAI,IAEf,eAAa,CACF,CACR,EACP;GACH;;;;;;","names":[],"sources":["./src/components/flip-button-group/flip-button-group.css?tag=flip-button-group&encapsulation=shadow","./src/components/flip-button-group/flip-button-group.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\nimport { FlipStackOrientation } from \"../flip-stack/flip-stack\";\n\nexport type FlipButtonGroupOrientation = FlipStackOrientation;\n\n@Component({\n  shadow: true,\n  styleUrl: \"flip-button-group.css\",\n  tag: \"flip-button-group\",\n})\nexport class FlipButtonGroup {\n  @Prop() orientation: FlipButtonGroupOrientation = \"horizontal\";\n  @Prop() stretch: boolean;\n  @Prop() wrap: boolean;\n\n  render() {\n    return (\n      <Host>\n        <flip-stack\n          align={\n            this.orientation === \"vertical\" && this.stretch\n              ? \"stretch\"\n              : \"start\"\n          }\n          class=\"button-group\"\n          justify={\n            this.orientation === \"horizontal\" && this.stretch\n              ? \"stretch\"\n              : \"start\"\n          }\n          orientation={this.orientation}\n          role=\"group\"\n          spacing=\"8\"\n          wrap={this.wrap}\n        >\n          <slot></slot>\n        </flip-stack>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/flip-button.entry.js.map

@@ -1 +0,0 @@
-{"file":"flip-button.entry.js","mappings":";;;;AAAA,MAAM,aAAa,GAAG,onPAAonP;;MC8B7nP,UAAU;EAZvB;;IAqBU,iBAAY,GAA2B,OAAO,CAAC;IAC/C,WAAM,GAAsB,SAAS,CAAC;IAGtC,SAAI,GAAoB,GAAG,CAAC;IAE5B,SAAI,GAAoB,QAAQ,CAAC;IAEjC,YAAO,GAAuB,OAAO,CAAC;GAwE/C;EApEC,gBAAgB;IACd,IAAI,CAAC,cAAc,EAAE,CAAC;GACvB;EAEO,cAAc;IACpB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;MACzB,OAAO;KACR;IAED,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAErC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;GAClC;EAED,MAAM;IACJ,MAAM,SAAS,GACb,CAAC,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;OACpC,IAAI,CAAC,OAAO,KAAK,UAAU,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC;IAE7D,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAElC,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC;QACzC,IAAI,CAAC,aAAa;QAClB,SAAS;UACT,IAAI,CAAC,KAAK;UACV,SAAS,CAAC;IAEd,MAAM,SAAS,GAAG,UAAU,CAC1B,QAAQ,EACR,yBAAyB,IAAI,CAAC,YAAY,EAAE,EAC5C,kBAAkB,IAAI,CAAC,MAAM,EAAE,EAC/B,gBAAgB,IAAI,CAAC,IAAI,EAAE,EAC3B,mBAAmB,IAAI,CAAC,OAAO,EAAE,EACjC;MACE,mBAAmB,EAAE,SAAS;KAC/B,CACF,CAAC;IAEF,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,GAAG,QAAQ,CAAC;IAEpC,QACE,EAAC,IAAI,QACH,EAAC,GAAG,wBACgB,IAAI,CAAC,mBAAmB,mBAC3B,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,gBAChD,SAAS,EACrB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,QAAQ,EAC5C,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,QAAQ,EAC5C,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,IAAI,EACpC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,IAAI,EACpC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,SAAS,EACxC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,IAAI,EACpC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,KAAK,IAErC,IAAI,CAAC,IAAI,KACR,YACE,KAAK,EAAC,cAAc,EACpB,SAAS,EAAE,IAAI,CAAC,IAAI,EACpB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,GACzB,CACT,EACA,CAAC,SAAS,IAAI,YAAM,KAAK,EAAC,eAAe,IAAE,IAAI,CAAC,KAAK,CAAQ,CAC1D,CACD,EACP;GACH;;;;;;","names":[],"sources":["./src/components/flip-button/flip-button.css?tag=flip-button&encapsulation=scoped","./src/components/flip-button/flip-button.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  max-width: 100%;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.button {\n  display: inline-flex;\n  width: 100%;\n  padding: var(--s-space-8) var(--s-space-16);\n  justify-content: center;\n  align-items: center;\n  border: none;\n  border-radius: var(--s-border-radius-base);\n  color: var(--s-text-subdued);\n  background-color: var(--flip-ghost-button-background-default);\n  font: inherit;\n  font-weight: var(--s-font-weight-medium);\n  line-height: var(--s-line-height-lg);\n  text-decoration: none;\n  cursor: pointer;\n  gap: var(--s-space-8);\n\n  &:hover {\n    background-color: var(--flip-ghost-button-background-hovered);\n  }\n\n  &:active {\n    background-color: var(--flip-ghost-button-background-pressed);\n  }\n\n  &:disabled {\n    color: var(--s-text-disabled);\n    background-color: var(--flip-ghost-button-background-default);\n    cursor: default;\n\n    & .button__icon {\n      color: var(--s-icon-disabled);\n    }\n  }\n\n  &:focus {\n    outline-color: var(--s-focus-default);\n  }\n}\n\n.button--variant-ghost {\n  &.button--intent-primary:not(:disabled) {\n    color: var(--s-text-highlight);\n\n    & .button__icon {\n      color: var(--s-icon-highlight);\n    }\n  }\n\n  &.button--intent-critical:not(:disabled) {\n    color: var(--s-text-critical);\n\n    & .button__icon {\n      color: var(--s-icon-critical);\n    }\n  }\n\n  &.button--size-l {\n    padding: var(--s-space-12) var(--s-space-20);\n\n    &.button--icon-only {\n      padding: var(--s-space-12);\n    }\n  }\n}\n\n.button--variant-flat {\n  color: var(--s-text-default);\n  background-color: var(--s-action-neutral-default);\n\n  &:hover {\n    background-color: var(--s-action-neutral-hovered);\n  }\n\n  &:active {\n    background-color: var(--s-action-neutral-pressed);\n  }\n\n  &:disabled {\n    background-color: var(--s-action-neutral-disabled);\n  }\n\n  &.button--intent-primary:not(:disabled) {\n    color: var(--s-text-on-action-primary);\n    background-color: var(--s-action-primary-default);\n\n    &:hover {\n      background-color: var(--s-action-primary-hovered);\n    }\n\n    &:active {\n      background-color: var(--s-action-primary-pressed);\n    }\n\n    & .button__icon {\n      color: var(--s-icon-on-action-primary);\n    }\n  }\n\n  & .button__icon {\n    color: var(--s-icon-strong);\n  }\n}\n\n.button--variant-plain {\n  padding: 0;\n  border-radius: 0;\n  color: var(--s-interactive-neutral-default);\n  background-color: transparent;\n\n  &:hover:not(:disabled) {\n    color: var(--s-interactive-neutral-default);\n    background-color: transparent;\n    text-decoration: underline;\n    text-underline-offset: var(--s-space-4);\n\n    & .button__icon {\n      color: var(--s-interactive-neutral-default);\n    }\n  }\n\n  &:active:not(:disabled) {\n    color: var(--s-interactive-neutral-hovered);\n    background-color: transparent;\n\n    & .button__icon {\n      color: var(--s-interactive-neutral-hovered);\n    }\n  }\n\n  &:disabled {\n    color: var(--s-interactive-neutral-disabled);\n    background-color: transparent;\n\n    & .button__icon {\n      color: var(--s-interactive-neutral-disabled);\n    }\n  }\n\n  &.button--intent-primary {\n    color: var(--s-interactive-primary-default);\n\n    &:hover {\n      color: var(--s-interactive-primary-default);\n\n      & .button__icon {\n        color: var(--s-interactive-primary-default);\n      }\n    }\n\n    &:active {\n      color: var(--s-interactive-primary-hovered);\n\n      & .button__icon {\n        color: var(--s-interactive-primary-hovered);\n      }\n    }\n\n    &:disabled {\n      color: var(--s-interactive-primary-disabled);\n\n      & .button__icon {\n        color: var(--s-interactive-primary-disabled);\n      }\n    }\n\n    & .button__icon {\n      color: var(--s-interactive-primary-default);\n    }\n  }\n\n  & .button__icon {\n    color: var(--s-interactive-neutral-default);\n  }\n}\n\n.button--variant-on-image {\n  color: var(--s-text-on-image);\n  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),\n    rgba(255, 255, 255, 0.3);\n\n  &:hover {\n    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),\n      rgba(255, 255, 255, 0.4);\n  }\n\n  &:active {\n    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),\n      rgba(255, 255, 255, 0.5);\n  }\n\n  &:disabled {\n    color: var(--s-text-on-image);\n    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),\n      rgba(255, 255, 255, 0.3);\n\n    & .button__icon {\n      color: var(--s-icon-on-image);\n    }\n  }\n\n  & .button__icon {\n    color: var(--s-icon-on-image);\n  }\n}\n\n.button--variant-floating {\n  color: var(--s-text-default);\n  background-color: var(--s-surface-overlay-default);\n  box-shadow: 0.125rem 0.25rem 2.5rem rgba(0, 0, 0, 0.14);\n\n  &:hover {\n    color: var(--s-text-on-action-primary);\n    background-color: var(--s-surface-overlay-hovered);\n  }\n\n  &:active {\n    color: var(--s-text-on-action-primary);\n    background-color: var(--s-surface-overlay-pressed);\n  }\n\n  &.button--icon-only {\n    padding: var(--s-space-4);\n  }\n\n  &.button--intent-primary {\n    padding: var(--s-space-12) var(--s-space-20);\n    border-radius: 1.5rem;\n    color: var(--s-text-on-action-primary);\n    background-color: var(--s-action-primary-default);\n\n    &:hover:not(:disabled) {\n      color: var(--s-text-on-action-primary);\n      background-color: var(--s-action-primary-hovered);\n    }\n\n    &:active:not(:disabled) {\n      color: var(--s-text-on-action-primary);\n      background-color: var(--s-action-primary-pressed);\n    }\n\n    &:disabled {\n      color: var(--s-text-on-action-primary);\n\n      & .button__icon {\n        color: var(--s-icon-on-action-primary);\n      }\n    }\n\n    & .button__icon {\n      color: var(--s-icon-on-action-primary);\n    }\n  }\n\n  & .button__icon {\n    color: var(--s-icon-strong);\n  }\n}\n\n.button--icon-position-end {\n  & .button__icon {\n    margin-right: calc(-1 * var(--s-space-4));\n    margin-left: 0;\n    order: 2;\n  }\n}\n\n.button--icon-only {\n  padding: var(--s-space-8);\n  border-radius: 50%;\n\n  & .button__icon {\n    margin-right: 0;\n    margin-left: 0;\n  }\n}\n\n.button__icon {\n  display: inline-flex;\n  margin-left: calc(-1 * var(--s-space-4));\n  color: var(--s-icon-default);\n  order: 0;\n}\n\n.button__label {\n  overflow: hidden;\n  max-width: 100%;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  order: 1;\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipButtonIconPosition = \"start\" | \"end\";\n\nexport type FlipButtonIntent = \"default\" | \"primary\" | \"critical\";\n\nexport type FlipButtonSize = \"m\" | \"l\";\n\nexport type FlipButtonType = \"button\" | \"submit\";\n\nexport type FlipButtonVariant =\n  | \"flat\"\n  | \"ghost\"\n  | \"plain\"\n  | \"floating\"\n  | \"on-image\";\n\n@Component({\n  /**\n   * Form controls in shadow dom can still not be associated with labels in the\n   * light dom, cross browser. So for now we disable shadow dom for form\n   * controls (inputs, buttons, selects, etc.). Instead we use Stencil's scoping.\n   * https://caniuse.com/?search=attachInternals\n   */\n  scoped: true,\n  shadow: false,\n  tag: \"flip-button\",\n  styleUrl: \"flip-button.css\",\n})\nexport class FlipButton {\n  @Prop() disabled?: boolean;\n  @Prop() download?: string;\n  @Prop() flipAriaDescribedby?: string;\n  @Prop() flipAriaLabel?: string;\n  @Prop() form?: string;\n  @Prop() hideLabel?: boolean;\n  @Prop() href?: string;\n  @Prop() icon?: string;\n  @Prop() iconPosition: FlipButtonIconPosition = \"start\";\n  @Prop() intent?: FlipButtonIntent = \"default\";\n  @Prop() label!: string;\n  @Prop() name?: string;\n  @Prop() size?: FlipButtonSize = \"m\";\n  @Prop() target?: string;\n  @Prop() type?: FlipButtonType = \"button\";\n  @Prop() value?: string;\n  @Prop() variant?: FlipButtonVariant = \"ghost\";\n\n  private iconEl: HTMLElement;\n\n  componentDidLoad() {\n    this.forceIconProps();\n  }\n\n  private forceIconProps() {\n    if (!Boolean(this.iconEl)) {\n      return;\n    }\n\n    const icon = this.iconEl.children[0];\n\n    icon?.setAttribute(\"size\", \"24\");\n  }\n\n  render() {\n    const hideLabel =\n      (this.hideLabel && Boolean(this.icon)) ||\n      (this.variant === \"floating\" && this.intent === \"default\");\n\n    const isLink = Boolean(this.href);\n\n    const ariaLabel = Boolean(this.flipAriaLabel)\n      ? this.flipAriaLabel\n      : hideLabel\n      ? this.label\n      : undefined;\n\n    const className = classnames(\n      \"button\",\n      `button--icon-position-${this.iconPosition}`,\n      `button--intent-${this.intent}`,\n      `button--size-${this.size}`,\n      `button--variant-${this.variant}`,\n      {\n        \"button--icon-only\": hideLabel,\n      }\n    );\n\n    const Tag = isLink ? \"a\" : \"button\";\n\n    return (\n      <Host>\n        <Tag\n          aria-describedby={this.flipAriaDescribedby}\n          aria-disabled={this.disabled && !isLink ? \"true\" : undefined}\n          aria-label={ariaLabel}\n          class={className}\n          disabled={isLink ? undefined : this.disabled}\n          download={isLink ? undefined : this.download}\n          form={isLink ? undefined : this.form}\n          href={this.href}\n          name={isLink ? undefined : this.name}\n          target={isLink ? this.target : undefined}\n          type={isLink ? undefined : this.type}\n          value={isLink ? undefined : this.value}\n        >\n          {this.icon && (\n            <span\n              class=\"button__icon\"\n              innerHTML={this.icon}\n              ref={(el) => (this.iconEl = el)}\n            ></span>\n          )}\n          {!hideLabel && <span class=\"button__label\">{this.label}</span>}\n        </Tag>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/flip-checkbox.entry.js.map

@@ -1 +0,0 @@
-{"file":"flip-checkbox.entry.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,0gHAA0gH;;MCiBrhH,YAAY;EAZzB;;;IAa2B,YAAO,GAAuB,KAAK,CAAC;IAErD,aAAQ,GAAa,KAAK,CAAC;IAU3B,aAAQ,GAAG;MACjB,IAAI,CAAC,OAAO;QACV,IAAI,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;MAElE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACrC,CAAC;GAkEH;EAhEC,MAAM;IACJ,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,KAAK,KAAK,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,CAAC;IACrE,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,CAAC;IACjE,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,KAAK,eAAe,CAAC;IAEvD,MAAM,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAE5E,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IAC1E,MAAM,WAAW,GACf,IAAI,CAAC,OAAO,KAAK,IAAI;QACjB,MAAM;QACN,IAAI,CAAC,OAAO,KAAK,KAAK;UACtB,OAAO;UACP,SAAS,CAAC;IAEhB,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,EAAE;MACvC,mBAAmB,EAAE,OAAO;MAC5B,oBAAoB,EAAE,IAAI,CAAC,QAAQ;MACnC,yBAAyB,EAAE,aAAa;MACxC,mBAAmB,EAAE,IAAI,CAAC,OAAO;MACjC,qBAAqB,EAAE,SAAS;KACjC,CAAC,CAAC;IAEH,QACE,EAAC,IAAI,QACH,aAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IAC5C,YAAM,KAAK,EAAC,mBAAmB,IAC7B,gCACE,6BACgB,gBAAgB,sBACZ,IAAI,CAAC,mBAAmB,kBAC5B,WAAW,EACzB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,iBAAiB,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,CACmB,EACvB,2BAAkB,MAAM,EAAC,KAAK,EAAC,eAAe,IAC5C,YAAM,KAAK,EAAC,gBAAgB,IACzB,OAAO,IAAI,iCAAiD,EAC5D,aAAa,KACZ,YAAM,KAAK,EAAC,8BAA8B,GAAQ,CACnD,CACI,CACF,CACF,EACN,kBAAkB,KACjB,YAAM,KAAK,EAAC,2BAA2B,IACpC,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,KAAK,CAAQ,EAC/D,IAAI,CAAC,WAAW,KACf,YAAM,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,WAAW,CAAQ,CAC9D,CACI,CACR,CACK,CACH,EACP;GACH;;;;;;","names":[],"sources":["./src/components/flip-checkbox/flip-checkbox.css?tag=flip-checkbox&encapsulation=scoped","./src/components/flip-checkbox/flip-checkbox.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.checkbox {\n  display: inline-flex;\n  line-height: var(--s-line-height-base);\n  cursor: pointer;\n\n  &:focus-within .checkbox__box {\n    box-shadow: 0 0 0 0.0625rem var(--s-background-default),\n      0 0 0 0.1875rem var(--s-focus-default);\n  }\n}\n\n.checkbox--checked,\n.checkbox--indeterminate {\n  & .checkbox__control {\n    &:hover {\n      & .checkbox__box {\n        border-color: var(--s-interactive-primary-hovered);\n        background-color: var(--s-interactive-primary-hovered);\n      }\n    }\n  }\n\n  & .checkbox__box {\n    border-color: var(--s-icon-highlight);\n    color: var(--s-text-on-status);\n    background-color: var(--s-icon-highlight);\n  }\n}\n\n.checkbox--invalid {\n  &.checkbox--checked,\n  &.checkbox--indeterminate {\n    & .checkbox__box {\n      background-color: var(--s-icon-critical);\n    }\n  }\n\n  & .checkbox__box {\n    border-color: var(--s-icon-critical);\n  }\n}\n\n.checkbox--disabled {\n  cursor: default;\n\n  &.checkbox--checked,\n  &.checkbox--indeterminate {\n    & .checkbox__control {\n      &:hover {\n        & .checkbox__box {\n          border-color: var(--s-icon-disabled);\n          background-color: var(--s-icon-disabled);\n        }\n      }\n    }\n\n    & .checkbox__box {\n      background-color: var(--s-icon-disabled);\n    }\n  }\n\n  & .checkbox__control {\n    &:hover {\n      & .checkbox__box {\n        background-color: transparent;\n      }\n    }\n  }\n\n  & .checkbox__box {\n    border-color: var(--s-icon-disabled);\n  }\n\n  & .checkbox__label,\n  & .checkbox__description {\n    color: var(--s-text-disabled);\n  }\n}\n\n.checkbox__control {\n  position: relative;\n  top: 0.125rem;\n  width: 1.5rem;\n  height: 1.5rem;\n  padding: var(--s-space-2);\n  flex-shrink: 0;\n\n  &:hover {\n    & .checkbox__box {\n      background-color: var(--s-action-neutral-hovered);\n    }\n  }\n}\n\n.checkbox__box {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n  border: 0.125rem solid var(--s-icon-default);\n  border-radius: var(--s-border-radius-s);\n}\n\n.checkbox__icon {\n  display: inline-flex;\n  width: 1.0625rem;\n  height: 1.0625rem;\n\n  & > *::part(icon) {\n    width: 1.0625rem;\n    height: 1.0625rem;\n  }\n}\n\n.checkbox__indeterminate-icon {\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  &:after {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 0.625rem;\n    height: 0.125rem;\n    border-radius: 0.0625rem;\n    background-color: currentColor;\n    content: \"\";\n    transform: translate3d(-50%, -50%, 0);\n  }\n}\n\n.checkbox__label-container {\n  display: inline-flex;\n  margin-left: var(--s-space-12);\n  padding-top: var(--s-space-4);\n  align-items: flex-start;\n  flex-direction: column;\n}\n\n.checkbox__label {\n  font-weight: var(--s-font-weight-medium);\n}\n\n.checkbox__description {\n  color: var(--s-text-subdued);\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipCheckboxState = boolean | \"true\" | \"false\" | \"indeterminate\";\n\n@Component({\n  /**\n   * Form controls in shadow dom can still not be associated with labels in the\n   * light dom, cross browser. So for now we disable shadow dom for form\n   * controls (inputs, buttons, selects, etc.). Instead we use Stencil's scoping.\n   * https://caniuse.com/?search=attachInternals\n   */\n  scoped: true,\n  shadow: false,\n  styleUrl: \"flip-checkbox.css\",\n  tag: \"flip-checkbox\",\n})\nexport class FlipCheckbox {\n  @Prop({ mutable: true }) checked?: FlipCheckboxState = false;\n  @Prop() description?: string;\n  @Prop() disabled?: boolean = false;\n  @Prop() flipAriaDescribedby?: string;\n  @Prop() inputId!: string;\n  @Prop() inputName!: string;\n  @Prop() invalid?: boolean;\n  @Prop() label?: string;\n  @Prop() value?: string;\n\n  @Event() valueChange: EventEmitter<boolean>;\n\n  private onChange = () => {\n    this.checked =\n      this.checked === true || this.checked === \"true\" ? false : true;\n\n    this.valueChange.emit(this.checked);\n  };\n\n  render() {\n    const unchecked = this.checked === false || this.checked === \"false\";\n    const checked = this.checked === true || this.checked === \"true\";\n    const indeterminate = this.checked === \"indeterminate\";\n\n    const showLabelContainer = Boolean(this.label) || Boolean(this.description);\n\n    const ariaCheckedLabel = checked ? \"true\" : unchecked ? \"false\" : \"mixed\";\n    const ariaInvalid =\n      this.invalid === true\n        ? \"true\"\n        : this.invalid === false\n        ? \"false\"\n        : undefined;\n\n    const className = classnames(\"checkbox\", {\n      \"checkbox--checked\": checked,\n      \"checkbox--disabled\": this.disabled,\n      \"checkbox--indeterminate\": indeterminate,\n      \"checkbox--invalid\": this.invalid,\n      \"checkbox--unchecked\": unchecked,\n    });\n\n    return (\n      <Host>\n        <label class={className} htmlFor={this.inputId}>\n          <span class=\"checkbox__control\">\n            <flip-visually-hidden>\n              <input\n                aria-checked={ariaCheckedLabel}\n                aria-describedby={this.flipAriaDescribedby}\n                aria-invalid={ariaInvalid}\n                checked={checked}\n                class=\"checkbox__input\"\n                disabled={this.disabled}\n                id={this.inputId}\n                indeterminate={indeterminate}\n                name={this.inputName}\n                onChange={this.onChange}\n                type=\"checkbox\"\n                value={this.value}\n              />\n            </flip-visually-hidden>\n            <span aria-hidden=\"true\" class=\"checkbox__box\">\n              <span class=\"checkbox__icon\">\n                {checked && <flip-icon-check-strong></flip-icon-check-strong>}\n                {indeterminate && (\n                  <span class=\"checkbox__indeterminate-icon\"></span>\n                )}\n              </span>\n            </span>\n          </span>\n          {showLabelContainer && (\n            <span class=\"checkbox__label-container\">\n              {this.label && <span class=\"checkbox__label\">{this.label}</span>}\n              {this.description && (\n                <span class=\"checkbox__description\">{this.description}</span>\n              )}\n            </span>\n          )}\n        </label>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/flip-chip.entry.js.map

@@ -1 +0,0 @@
-{"file":"flip-chip.entry.js","mappings":";;;;AAAA,MAAM,WAAW,GAAG,o7CAAo7C;;MCU37C,QAAQ;EALrB;;IAQU,WAAM,GAAoB,SAAS,CAAC;IACpC,gBAAW,GAAa,KAAK,CAAC;GAoEvC;EA9DC,gBAAgB;IACd,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACxB,IAAI,CAAC,cAAc,EAAE,CAAC;GACvB;EAEO,gBAAgB;IACtB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;MAC3B,OAAO;KACR;IAED,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAE1D,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACjC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IACvC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACtC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAEnC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;GACpC;EAEO,cAAc;IACpB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;MACzB,OAAO;KACR;IAED,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAErC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;GAClC;EAED,MAAM;IACJ,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;IAEjD,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,CAAC,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE,gBAAgB,IAAI,CAAC,MAAM,EAAE,EAAE;MAClE,mBAAmB,EAAE,IAAI,CAAC,WAAW;KACtC,CAAC,CAAC;IAEH,QACE,EAAC,IAAI,QACH,EAAC,GAAG,IAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,WAAW,GAAG,QAAQ,GAAG,SAAS,IACjE,UAAU,KACT,YACE,KAAK,EAAC,cAAc,EACpB,SAAS,EAAE,IAAI,CAAC,MAAM,EACtB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC,GAC3B,CACT,EACA,QAAQ,KACP,YACE,KAAK,EAAC,YAAY,EAClB,SAAS,EAAE,IAAI,CAAC,IAAI,EACpB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,GACzB,CACT,EACD,YAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,KAAK,CAAQ,CACzC,CACD,EACP;GACH;;;;;;","names":[],"sources":["./src/components/flip-chip/flip-chip.css?tag=flip-chip&encapsulation=shadow","./src/components/flip-chip/flip-chip.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  max-width: 100%;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.chip {\n  display: inline-flex;\n  max-width: 100%;\n  height: 2.5rem;\n  padding-right: var(--s-space-16);\n  padding-left: var(--s-space-16);\n  align-items: center;\n  border: 0.0625rem solid var(--s-border-default);\n  border-radius: 1.25rem;\n  color: var(--s-text-subdued);\n  background-color: var(--s-surface-overlay-default);\n  font: inherit;\n  font-size: var(--s-font-size-sm);\n  font-weight: var(--s-font-weight-medium);\n  line-height: var(--s-line-height-sm);\n}\n\n.chip--interactive {\n  cursor: pointer;\n\n  &:hover {\n    background-color: var(--s-surface-overlay-hovered);\n\n    & ::part(avatar) {\n      background-color: var(--s-surface-raised-hovered);\n    }\n  }\n\n  &:active {\n    background-color: var(--s-surface-overlay-pressed);\n\n    & ::part(avatar) {\n      background-color: var(--s-surface-raised-pressed);\n    }\n  }\n}\n\n.chip--intent-critical {\n  border-color: var(--s-border-critical);\n  color: var(--s-text-critical);\n\n  & .chip__icon {\n    color: var(--s-icon-critical);\n  }\n}\n\n.chip--intent-success {\n  border-color: var(--s-border-success);\n  color: var(--s-text-success);\n\n  & .chip__icon {\n    color: var(--s-icon-success);\n  }\n}\n\n.chip__avatar,\n.chip__icon {\n  display: inline-flex;\n  margin-right: var(--s-space-8);\n  flex-shrink: 0;\n}\n\n.chip__avatar {\n  overflow: hidden;\n  width: 1.75rem;\n  height: 1.75rem;\n  margin-left: -0.625rem;\n}\n\n.chip__icon {\n  margin-left: -0.25rem;\n  color: var(--s-icon-default);\n}\n\n.chip__label {\n  overflow: hidden;\n  flex-grow: 1;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipChipIntent = \"default\" | \"critical\" | \"success\";\n\n@Component({\n  shadow: true,\n  styleUrl: \"flip-chip.css\",\n  tag: \"flip-chip\",\n})\nexport class FlipChip {\n  @Prop() avatar?: string;\n  @Prop() icon?: string;\n  @Prop() intent?: FlipChipIntent = \"default\";\n  @Prop() interactive?: boolean = false;\n  @Prop() label!: string;\n\n  private avatarEl: HTMLElement;\n  private iconEl: HTMLElement;\n\n  componentDidLoad() {\n    this.forceAvatarProps();\n    this.forceIconProps();\n  }\n\n  private forceAvatarProps() {\n    if (!Boolean(this.avatarEl)) {\n      return;\n    }\n\n    const avatar = this.avatarEl.querySelector(\"flip-avatar\");\n\n    avatar?.removeAttribute(\"badge\");\n    avatar?.removeAttribute(\"interactive\");\n    avatar?.removeAttribute(\"show-label\");\n    avatar?.removeAttribute(\"variant\");\n\n    avatar?.setAttribute(\"size\", \"xs\");\n  }\n\n  private forceIconProps() {\n    if (!Boolean(this.iconEl)) {\n      return;\n    }\n\n    const icon = this.iconEl.children[0];\n\n    icon?.setAttribute(\"size\", \"24\");\n  }\n\n  render() {\n    const Tag = this.interactive ? \"button\" : \"span\";\n\n    const showAvatar = Boolean(this.avatar);\n    const showIcon = !showAvatar && Boolean(this.icon);\n\n    const className = classnames(\"chip\", `chip--intent-${this.intent}`, {\n      \"chip--interactive\": this.interactive,\n    });\n\n    return (\n      <Host>\n        <Tag class={className} type={this.interactive ? \"button\" : undefined}>\n          {showAvatar && (\n            <span\n              class=\"chip__avatar\"\n              innerHTML={this.avatar}\n              ref={(el) => (this.avatarEl = el)}\n            ></span>\n          )}\n          {showIcon && (\n            <span\n              class=\"chip__icon\"\n              innerHTML={this.icon}\n              ref={(el) => (this.iconEl = el)}\n            ></span>\n          )}\n          <span class=\"chip__label\">{this.label}</span>\n        </Tag>\n      </Host>\n    );\n  }\n}\n"],"version":3}