@fluid-topics/ft-pager 1.2.9 → 1.2.11

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.
@@ -1061,17 +1061,17 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
1061
1061
  .ftds--size-small.ft-button--icon-only {
1062
1062
  width: ${d.smallIconOnlyWidth};
1063
1063
  }
1064
- `,f.noTextSelect];var Ue=function(e,o,a,n){var l=arguments.length,c=l<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,a):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,a,n);else for(var p=e.length-1;p>=0;p--)(s=e[p])&&(c=(l<3?s(c):l>3?s(o,a,c):s(o,a))||c);return l>3&&c&&Object.defineProperty(o,a,c),c},Et=class extends(0,Ge.toFtdsBase)(P){constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.round=!1,this.family=Le.brand,this.iconVariant=ut.fluid_topics}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,"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,"ft-button--round":this.round,...this.getDesignSystemBaseClasses()}}get typographyVariant(){switch(this.size){case Mt.large:return $t.body2medium;case Mt.medium:return $t.caption1medium;case Mt.small:return $t.caption2medium}}};Et.styles=[Ge.safariEllipsisFix,$a];Ue([(0,Ne.property)({type:Boolean})],Et.prototype,"primary",void 0);Ue([(0,Ne.property)({type:Boolean})],Et.prototype,"secondary",void 0);Ue([(0,Ne.property)({type:Boolean})],Et.prototype,"tertiary",void 0);Ue([(0,Ne.property)({type:Boolean})],Et.prototype,"round",void 0);(0,fo.customElement)("ft-button")(st);(0,fo.customElement)("ftds-button")(Et);var Ha=b(L());var Gt=b(z()),ne=b(L());var Ia=b(z()),w=b(L());var Aa=b(z()),$=b(L());var N={fontSize:$.FtCssVariableFactory.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:$.FtCssVariableFactory.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:$.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:$.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:$.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:$.FtCssVariableFactory.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:$.FtCssVariableFactory.extend("--ft-input-label-border-color","",$.designSystemVariables.colorOutline),textColor:$.FtCssVariableFactory.extend("--ft-input-label-text-color","",$.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:$.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color","",$.designSystemVariables.colorOnSurfaceDisabled),colorSurface:$.FtCssVariableFactory.external($.designSystemVariables.colorSurface,"Design system"),borderRadiusS:$.FtCssVariableFactory.external($.designSystemVariables.borderRadiusS,"Design system"),colorError:$.FtCssVariableFactory.external($.designSystemVariables.colorError,"Design system")},Ba=Aa.css`
1064
+ `,f.noTextSelect];var Ue=function(e,o,a,n){var l=arguments.length,c=l<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,a):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,a,n);else for(var p=e.length-1;p>=0;p--)(s=e[p])&&(c=(l<3?s(c):l>3?s(o,a,c):s(o,a))||c);return l>3&&c&&Object.defineProperty(o,a,c),c},Et=class extends(0,Ge.toFtdsBase)(P){constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.round=!1,this.family=Le.brand,this.iconVariant=ut.fluid_topics}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,"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,"ft-button--round":this.round,...this.getDesignSystemBaseClasses()}}get typographyVariant(){switch(this.size){case Mt.large:return $t.body2medium;case Mt.medium:return $t.caption1medium;case Mt.small:return $t.caption2medium}}};Et.styles=[Ge.safariEllipsisFix,$a];Ue([(0,Ne.property)({type:Boolean})],Et.prototype,"primary",void 0);Ue([(0,Ne.property)({type:Boolean})],Et.prototype,"secondary",void 0);Ue([(0,Ne.property)({type:Boolean})],Et.prototype,"tertiary",void 0);Ue([(0,Ne.property)({type:Boolean})],Et.prototype,"round",void 0);(0,fo.customElement)("ft-button")(st);(0,fo.customElement)("ftds-button")(Et);var Ha=b(L());var Gt=b(z()),ne=b(L());var Ia=b(z()),w=b(L());var Aa=b(z()),$=b(L());var N={fontSize:$.FtCssVariableFactory.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:$.FtCssVariableFactory.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:$.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:$.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:$.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:$.FtCssVariableFactory.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:$.FtCssVariableFactory.extend("--ft-input-label-border-color","",$.designSystemVariables.colorOutline),textColor:$.FtCssVariableFactory.extend("--ft-input-label-text-color","",$.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:$.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color","",$.designSystemVariables.colorOnSurfaceDisabled),backgroundColor:$.FtCssVariableFactory.extend("--ft-input-label-background-color","",$.designSystemVariables.colorSurface),borderRadius:$.FtCssVariableFactory.extend("--ft-input-label-border-radius","",$.designSystemVariables.borderRadiusS),colorError:$.FtCssVariableFactory.external($.designSystemVariables.colorError,"Design system")},Ba=Aa.css`
1065
1065
  .ft-input-label {
1066
1066
  position: absolute;
1067
1067
  inset: 0;
1068
1068
  display: flex;
1069
- background-color: ${N.colorSurface};
1070
- border-radius: ${N.borderRadiusS} ${N.borderRadiusS} 0 0;
1069
+ background-color: ${N.backgroundColor};
1070
+ border-radius: ${N.borderRadius} ${N.borderRadius} 0 0;
1071
1071
  }
1072
1072
 
1073
1073
  .ft-input-label--outlined {
1074
- border-radius: ${N.borderRadiusS};
1074
+ border-radius: ${N.borderRadius};
1075
1075
  }
1076
1076
 
1077
1077
  .ft-input-label {
@@ -1163,20 +1163,20 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
1163
1163
  .ft-input-label--outlined:before {
1164
1164
  border-left-width: 1px;
1165
1165
  border-left-style: solid;
1166
- border-radius: ${N.borderRadiusS} 0 0 ${N.borderRadiusS};
1166
+ border-radius: ${N.borderRadius} 0 0 ${N.borderRadius};
1167
1167
  }
1168
1168
 
1169
1169
  .ft-input-label--outlined:after {
1170
1170
  border-right-width: 1px;
1171
1171
  border-right-style: solid;
1172
- border-radius: 0 ${N.borderRadiusS} ${N.borderRadiusS} 0;
1172
+ border-radius: 0 ${N.borderRadius} ${N.borderRadius} 0;
1173
1173
  }
1174
1174
 
1175
1175
  .ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
1176
1176
  padding: 2px 4px;
1177
1177
  z-index: ${N.raisedZIndex};
1178
- background-color: ${N.colorSurface};
1179
- border-radius: ${N.borderRadiusS};
1178
+ background-color: ${N.backgroundColor};
1179
+ border-radius: ${N.borderRadius};
1180
1180
  top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
1181
1181
  }
1182
1182