@fluid-topics/ft-pager 1.2.10 → 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
 
@@ -1107,17 +1107,17 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:r.extend("--ft-conte
1107
1107
  .ftds--size-small.ft-button--icon-only {
1108
1108
  width: ${g.smallIconOnlyWidth};
1109
1109
  }
1110
- `,Mr];var Wo=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},Qt=class extends wo(tt){constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.round=!1,this.family=Re.brand,this.iconVariant=Ft.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 Gt.large:return ue.body2medium;case Gt.medium:return ue.caption1medium;case Gt.small:return ue.caption2medium}}};Qt.styles=[Fr,gl];Wo([R({type:Boolean})],Qt.prototype,"primary",void 0);Wo([R({type:Boolean})],Qt.prototype,"secondary",void 0);Wo([R({type:Boolean})],Qt.prototype,"tertiary",void 0);Wo([R({type:Boolean})],Qt.prototype,"round",void 0);ot("ft-button")(Pt);ot("ftds-button")(Qt);var V={fontSize:r.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:r.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:r.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:r.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:r.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:r.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:r.extend("--ft-input-label-border-color","",M.colorOutline),textColor:r.extend("--ft-input-label-text-color","",M.colorOnSurfaceMedium),disabledTextColor:r.extend("--ft-input-label-disabled-text-color","",M.colorOnSurfaceDisabled),colorSurface:r.external(M.colorSurface,"Design system"),borderRadiusS:r.external(M.borderRadiusS,"Design system"),colorError:r.external(M.colorError,"Design system")},bl=D`
1110
+ `,Mr];var Wo=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},Qt=class extends wo(tt){constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.round=!1,this.family=Re.brand,this.iconVariant=Ft.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 Gt.large:return ue.body2medium;case Gt.medium:return ue.caption1medium;case Gt.small:return ue.caption2medium}}};Qt.styles=[Fr,gl];Wo([R({type:Boolean})],Qt.prototype,"primary",void 0);Wo([R({type:Boolean})],Qt.prototype,"secondary",void 0);Wo([R({type:Boolean})],Qt.prototype,"tertiary",void 0);Wo([R({type:Boolean})],Qt.prototype,"round",void 0);ot("ft-button")(Pt);ot("ftds-button")(Qt);var V={fontSize:r.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:r.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:r.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:r.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:r.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:r.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:r.extend("--ft-input-label-border-color","",M.colorOutline),textColor:r.extend("--ft-input-label-text-color","",M.colorOnSurfaceMedium),disabledTextColor:r.extend("--ft-input-label-disabled-text-color","",M.colorOnSurfaceDisabled),backgroundColor:r.extend("--ft-input-label-background-color","",M.colorSurface),borderRadius:r.extend("--ft-input-label-border-radius","",M.borderRadiusS),colorError:r.external(M.colorError,"Design system")},bl=D`
1111
1111
  .ft-input-label {
1112
1112
  position: absolute;
1113
1113
  inset: 0;
1114
1114
  display: flex;
1115
- background-color: ${V.colorSurface};
1116
- border-radius: ${V.borderRadiusS} ${V.borderRadiusS} 0 0;
1115
+ background-color: ${V.backgroundColor};
1116
+ border-radius: ${V.borderRadius} ${V.borderRadius} 0 0;
1117
1117
  }
1118
1118
 
1119
1119
  .ft-input-label--outlined {
1120
- border-radius: ${V.borderRadiusS};
1120
+ border-radius: ${V.borderRadius};
1121
1121
  }
1122
1122
 
1123
1123
  .ft-input-label {
@@ -1209,20 +1209,20 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:r.extend("--ft-conte
1209
1209
  .ft-input-label--outlined:before {
1210
1210
  border-left-width: 1px;
1211
1211
  border-left-style: solid;
1212
- border-radius: ${V.borderRadiusS} 0 0 ${V.borderRadiusS};
1212
+ border-radius: ${V.borderRadius} 0 0 ${V.borderRadius};
1213
1213
  }
1214
1214
 
1215
1215
  .ft-input-label--outlined:after {
1216
1216
  border-right-width: 1px;
1217
1217
  border-right-style: solid;
1218
- border-radius: 0 ${V.borderRadiusS} ${V.borderRadiusS} 0;
1218
+ border-radius: 0 ${V.borderRadius} ${V.borderRadius} 0;
1219
1219
  }
1220
1220
 
1221
1221
  .ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
1222
1222
  padding: 2px 4px;
1223
1223
  z-index: ${V.raisedZIndex};
1224
- background-color: ${V.colorSurface};
1225
- border-radius: ${V.borderRadiusS};
1224
+ background-color: ${V.backgroundColor};
1225
+ border-radius: ${V.borderRadius};
1226
1226
  top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
1227
1227
  }
1228
1228
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluid-topics/ft-pager",
3
- "version": "1.2.10",
3
+ "version": "1.2.11",
4
4
  "description": "A pagination component",
5
5
  "keywords": [
6
6
  "Lit"
@@ -19,11 +19,11 @@
19
19
  "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
20
20
  },
21
21
  "dependencies": {
22
- "@fluid-topics/ft-button": "1.2.10",
23
- "@fluid-topics/ft-number-field": "1.2.10",
24
- "@fluid-topics/ft-typography": "1.2.10",
25
- "@fluid-topics/ft-wc-utils": "1.2.10",
22
+ "@fluid-topics/ft-button": "1.2.11",
23
+ "@fluid-topics/ft-number-field": "1.2.11",
24
+ "@fluid-topics/ft-typography": "1.2.11",
25
+ "@fluid-topics/ft-wc-utils": "1.2.11",
26
26
  "lit": "3.1.0"
27
27
  },
28
- "gitHead": "7330f87a313f88e6f3b0d5d1ef03c06211a87182"
28
+ "gitHead": "e064cf26299976a55c5adb3c602fed2dc076557b"
29
29
  }