@fluid-topics/ftds-checkbox 2.2.0 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2083,7 +2083,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
2083
2083
  .hidden {
2084
2084
  display: none;
2085
2085
  }
2086
- `;var xi=v(Et());var J=function(e,t,o,n){var a=arguments.length,i=a<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,o):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,o,n);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(i=(a<3?s(i):a>3?s(t,o,i):s(t,o))||i);return a>3&&i&&Object.defineProperty(t,o,i),i},B=class extends Sr.FtLitElement{constructor(){super(...arguments),this.closeButtonLabel="close info",this.openButtonIcon=p.CIRCLE_QUESTION,this.openButtonIconVariant=u.regular,this.openButtonLabel="more info",this.openButtonTooltipPosition="bottom",this.opened=!1,this.hidden=!1,this.openButtonSize=Ve.medium,this.openButtonFamily=We.info,this.isTriggerSlotAssigned=!1,this.heading="",this.margins=uo.default,this.wrapperId="ftds-popover-wrapper",this.headingId="ftds-popover-heading",this.contentId="ftds-popover-content",this.maxWidth=V.maxWidth,this.onTriggerSlotChange=()=>{var t,o;let n=(o=(t=this.triggerSlot)===null||t===void 0?void 0:t.assignedElements())!==null&&o!==void 0?o:[];this.isTriggerSlotAssigned=n.length>0},this.onTriggerKeydown=t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.open())},this.watchFocusIn=t=>{this.popoverWrapper&&!t.composedPath().includes(this.popoverWrapper)&&this.close()},this.watchEscapeKey=t=>{var o;t.key==="Escape"&&(this.close(),(o=this.openingElement)===null||o===void 0||o.focus())}}get openingElement(){var t;let o=(t=this.triggerSlot)===null||t===void 0?void 0:t.assignedElements();return o?.length&&o[0]instanceof HTMLElement?o[0]:this.openingButton}render(){let t={opened:this.opened};return this.hidden?Ie.nothing:Ie.html`
2086
+ `;var xi=v(Et());var J=function(e,t,o,n){var a=arguments.length,i=a<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,o):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,o,n);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(i=(a<3?s(i):a>3?s(t,o,i):s(t,o))||i);return a>3&&i&&Object.defineProperty(t,o,i),i},B=class extends Sr.FtLitElement{constructor(){super(...arguments),this.closeButtonLabel="close info",this.openButtonIcon=p.QUESTION,this.openButtonIconVariant=u.solid,this.openButtonLabel="more info",this.openButtonTooltipPosition="bottom",this.opened=!1,this.hidden=!1,this.openButtonSize=Ve.small,this.openButtonFamily=We.info,this.isTriggerSlotAssigned=!1,this.heading="",this.margins=uo.default,this.wrapperId="ftds-popover-wrapper",this.headingId="ftds-popover-heading",this.contentId="ftds-popover-content",this.maxWidth=V.maxWidth,this.onTriggerSlotChange=()=>{var t,o;let n=(o=(t=this.triggerSlot)===null||t===void 0?void 0:t.assignedElements())!==null&&o!==void 0?o:[];this.isTriggerSlotAssigned=n.length>0},this.onTriggerKeydown=t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.open())},this.watchFocusIn=t=>{this.popoverWrapper&&!t.composedPath().includes(this.popoverWrapper)&&this.close()},this.watchEscapeKey=t=>{var o;t.key==="Escape"&&(this.close(),(o=this.openingElement)===null||o===void 0||o.focus())}}get openingElement(){var t;let o=(t=this.triggerSlot)===null||t===void 0?void 0:t.assignedElements();return o?.length&&o[0]instanceof HTMLElement?o[0]:this.openingButton}render(){let t={opened:this.opened};return this.hidden?Ie.nothing:Ie.html`
2087
2087
  <div part="root-container" class="${(0,xi.classMap)(t)}">
2088
2088
  <slot name="trigger"
2089
2089
  @slotchange=${this.onTriggerSlotChange}
@@ -2109,6 +2109,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
2109
2109
  </div>
2110
2110
  `:Ie.nothing}renderOpeningButton(){return Ie.html`
2111
2111
  <ftds-button @focusin=${this.close}
2112
+ secondary
2112
2113
  part="opening-button"
2113
2114
  icon="${this.openButtonIcon}"
2114
2115
  variant="${this.openButtonIconVariant}"
@@ -2163,7 +2163,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
2163
2163
  .hidden {
2164
2164
  display: none;
2165
2165
  }
2166
- `;var se=function(t,e,r,o){var a=arguments.length,i=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,o);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(i=(a<3?s(i):a>3?s(e,r,i):s(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},X=class extends q{constructor(){super(...arguments),this.closeButtonLabel="close info",this.openButtonIcon=h.CIRCLE_QUESTION,this.openButtonIconVariant=p.regular,this.openButtonLabel="more info",this.openButtonTooltipPosition="bottom",this.opened=!1,this.hidden=!1,this.openButtonSize=ke.medium,this.openButtonFamily=Me.info,this.isTriggerSlotAssigned=!1,this.heading="",this.margins=Wo.default,this.wrapperId="ftds-popover-wrapper",this.headingId="ftds-popover-heading",this.contentId="ftds-popover-content",this.maxWidth=J.maxWidth,this.onTriggerSlotChange=()=>{var e,r;let o=(r=(e=this.triggerSlot)===null||e===void 0?void 0:e.assignedElements())!==null&&r!==void 0?r:[];this.isTriggerSlotAssigned=o.length>0},this.onTriggerKeydown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.open())},this.watchFocusIn=e=>{this.popoverWrapper&&!e.composedPath().includes(this.popoverWrapper)&&this.close()},this.watchEscapeKey=e=>{var r;e.key==="Escape"&&(this.close(),(r=this.openingElement)===null||r===void 0||r.focus())}}get openingElement(){var e;let r=(e=this.triggerSlot)===null||e===void 0?void 0:e.assignedElements();return r?.length&&r[0]instanceof HTMLElement?r[0]:this.openingButton}render(){let e={opened:this.opened};return this.hidden?G:$`
2166
+ `;var se=function(t,e,r,o){var a=arguments.length,i=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,o);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(i=(a<3?s(i):a>3?s(e,r,i):s(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},X=class extends q{constructor(){super(...arguments),this.closeButtonLabel="close info",this.openButtonIcon=h.QUESTION,this.openButtonIconVariant=p.solid,this.openButtonLabel="more info",this.openButtonTooltipPosition="bottom",this.opened=!1,this.hidden=!1,this.openButtonSize=ke.small,this.openButtonFamily=Me.info,this.isTriggerSlotAssigned=!1,this.heading="",this.margins=Wo.default,this.wrapperId="ftds-popover-wrapper",this.headingId="ftds-popover-heading",this.contentId="ftds-popover-content",this.maxWidth=J.maxWidth,this.onTriggerSlotChange=()=>{var e,r;let o=(r=(e=this.triggerSlot)===null||e===void 0?void 0:e.assignedElements())!==null&&r!==void 0?r:[];this.isTriggerSlotAssigned=o.length>0},this.onTriggerKeydown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.open())},this.watchFocusIn=e=>{this.popoverWrapper&&!e.composedPath().includes(this.popoverWrapper)&&this.close()},this.watchEscapeKey=e=>{var r;e.key==="Escape"&&(this.close(),(r=this.openingElement)===null||r===void 0||r.focus())}}get openingElement(){var e;let r=(e=this.triggerSlot)===null||e===void 0?void 0:e.assignedElements();return r?.length&&r[0]instanceof HTMLElement?r[0]:this.openingButton}render(){let e={opened:this.opened};return this.hidden?G:$`
2167
2167
  <div part="root-container" class="${Se(e)}">
2168
2168
  <slot name="trigger"
2169
2169
  @slotchange=${this.onTriggerSlotChange}
@@ -2189,6 +2189,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
2189
2189
  </div>
2190
2190
  `:G}renderOpeningButton(){return $`
2191
2191
  <ftds-button @focusin=${this.close}
2192
+ secondary
2192
2193
  part="opening-button"
2193
2194
  icon="${this.openButtonIcon}"
2194
2195
  variant="${this.openButtonIconVariant}"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluid-topics/ftds-checkbox",
3
- "version": "2.2.0",
3
+ "version": "2.2.1",
4
4
  "description": "The design system checkbox component",
5
5
  "keywords": [
6
6
  "Lit"
@@ -20,16 +20,16 @@
20
20
  },
21
21
  "dependencies": {
22
22
  "@fluid-topics/design-system-variables": "3.6.0",
23
- "@fluid-topics/ft-ripple": "2.2.0",
24
- "@fluid-topics/ft-wc-utils": "2.2.0",
25
- "@fluid-topics/ftds-icon": "2.2.0",
26
- "@fluid-topics/ftds-link": "2.2.0",
27
- "@fluid-topics/ftds-popover": "2.2.0",
28
- "@fluid-topics/ftds-typography": "2.2.0",
23
+ "@fluid-topics/ft-ripple": "2.2.1",
24
+ "@fluid-topics/ft-wc-utils": "2.2.1",
25
+ "@fluid-topics/ftds-icon": "2.2.1",
26
+ "@fluid-topics/ftds-link": "2.2.1",
27
+ "@fluid-topics/ftds-popover": "2.2.1",
28
+ "@fluid-topics/ftds-typography": "2.2.1",
29
29
  "lit": "3.3.3"
30
30
  },
31
31
  "devDependencies": {
32
- "@fluid-topics/ft-wc-test-utils": "2.2.0"
32
+ "@fluid-topics/ft-wc-test-utils": "2.2.1"
33
33
  },
34
- "gitHead": "524448c19965dfe37c04bfb9a6d0e7d084fa12ce"
34
+ "gitHead": "25fd63f06bb81a168e9dbd9356d8e3d86a925ad9"
35
35
  }