@fluid-topics/ft-snap-scroll 1.1.41 → 1.1.42

package/README.md

@@ -1,4 +1,4 @@
-A vertical or horizontal container with snap scrolling.
+A snap scroll component, which is a vertical or horizontal container with snap scrolling.
 
 ## Install
 

package/build/ft-snap-scroll.js

@@ -9,7 +9,7 @@ import { property, query, state } from "lit/decorators.js";
 import { Debouncer, FtLitElement, isSafari } from "@fluid-topics/ft-wc-utils";
 import { FtButton } from "@fluid-topics/ft-button";
 import { classMap } from "lit/directives/class-map.js";
-import { styles } from "./ft-snap-scroll.css";
+import { styles } from "./ft-snap-scroll.styles";
 export class CurrentElementChange extends CustomEvent {
     constructor(index, element) {
         super("current-element-change", { detail: { index, element } });

package/build/ft-snap-scroll.light.js

@@ -798,7 +798,7 @@ const Ko=Symbol.for(""),Zo=t=>{if(t?.r===Ko)return t?._$litStatic$},Fo=t=>({_$li
             width: ${O.smallIconOnlyWidth};
             padding: unset;
         }
-    `,o.noTextSelect];var pr=function(t,o,e,r){for(var a,i=arguments.length,n=i<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(a=t[l])&&(n=(i<3?a(n):i>3?a(o,e,n):a(o,e))||n);return i>3&&n&&Object.defineProperty(o,e,n),n};class fr extends nr{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.neutral=!1,this.small=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary&&!this.neutral,"ft-button--neutral":this.neutral,"ft-button--large":!this.small,"ft-button--small":this.small,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon}}get typographyVariant(){return this.small?Ho.caption1medium:Ho.body2medium}}fr.styles=[o.safariEllipsisFix,sr],pr([r.property({type:Boolean})],fr.prototype,"primary",void 0),pr([r.property({type:Boolean})],fr.prototype,"secondary",void 0),pr([r.property({type:Boolean})],fr.prototype,"tertiary",void 0),pr([r.property({type:Boolean})],fr.prototype,"neutral",void 0),pr([r.property({type:Boolean})],fr.prototype,"small",void 0),o.customElement("ft-button")(cr),o.customElement("ftds-button")(fr);const dr={buttonsColor:o.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color","",o.designSystemVariables.colorPrimary),buttonsZIndex:o.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","","COLOR","1"),gap:o.FtCssVariableFactory.create("--ft-snap-scroll-gap","","SIZE","0"),colorSurface:o.FtCssVariableFactory.external(o.designSystemVariables.colorSurface,"Design system")},hr=e.css`
+    `,o.noTextSelect];var pr=function(t,o,e,r){for(var a,i=arguments.length,n=i<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(a=t[l])&&(n=(i<3?a(n):i>3?a(o,e,n):a(o,e))||n);return i>3&&n&&Object.defineProperty(o,e,n),n};class fr extends nr{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.neutral=!1,this.small=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary&&!this.neutral,"ft-button--neutral":this.neutral,"ft-button--large":!this.small,"ft-button--small":this.small,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon}}get typographyVariant(){return this.small?Ho.caption1medium:Ho.body2medium}}fr.styles=[o.safariEllipsisFix,sr],pr([r.property({type:Boolean})],fr.prototype,"primary",void 0),pr([r.property({type:Boolean})],fr.prototype,"secondary",void 0),pr([r.property({type:Boolean})],fr.prototype,"tertiary",void 0),pr([r.property({type:Boolean})],fr.prototype,"neutral",void 0),pr([r.property({type:Boolean})],fr.prototype,"small",void 0),o.customElement("ft-button")(cr),o.customElement("ftds-button")(fr);const dr={buttonsColor:o.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color","",o.designSystemVariables.colorPrimary),buttonsZIndex:o.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","","NUMBER","1"),gap:o.FtCssVariableFactory.create("--ft-snap-scroll-gap","","SIZE","0"),colorSurface:o.FtCssVariableFactory.external(o.designSystemVariables.colorSurface,"Design system")},hr=e.css`
     .ft-snap-scroll {
         box-sizing: border-box;
         position: relative;