@fluid-topics/ft-checkbox 1.1.12 → 1.1.13

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.
@@ -1,5 +1,6 @@
1
1
  export declare const FtCheckboxCssVariables: {
2
2
  textColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
3
+ fontSize: import("@fluid-topics/ft-wc-utils").FtCssVariable;
3
4
  colorPrimary: import("@fluid-topics/ft-wc-utils").FtCssVariable;
4
5
  colorOnPrimary: import("@fluid-topics/ft-wc-utils").FtCssVariable;
5
6
  borderColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
@@ -1,7 +1,9 @@
1
1
  import { designSystemVariables, FtCssVariableFactory } from "@fluid-topics/ft-wc-utils";
2
2
  import { css } from "lit";
3
+ import { FtTypographyCssVariables } from "@fluid-topics/ft-typography";
3
4
  export const FtCheckboxCssVariables = {
4
5
  textColor: FtCssVariableFactory.extend("--ft-checkbox-text-color", "", designSystemVariables.colorOnSurfaceHigh),
6
+ fontSize: FtCssVariableFactory.extend("--ft-checkbox-font-size", "", FtTypographyCssVariables.fontSize),
5
7
  colorPrimary: FtCssVariableFactory.external(designSystemVariables.colorPrimary, "Design system"),
6
8
  colorOnPrimary: FtCssVariableFactory.external(designSystemVariables.colorOnPrimary, "Design system"),
7
9
  borderColor: FtCssVariableFactory.extend("--ft-checkbox-border-color", "", designSystemVariables.colorOnSurfaceMedium),
@@ -16,6 +18,7 @@ export const styles = css `
16
18
  .ft-checkbox {
17
19
  box-sizing: border-box;
18
20
  color: ${FtCheckboxCssVariables.textColor};
21
+ font-size: ${FtCheckboxCssVariables.fontSize};
19
22
 
20
23
  display: inline-flex;
21
24
  align-items: center;
@@ -244,7 +244,7 @@ const at=Symbol.for(""),it=t=>{if(t?.r===at)return t?._$litStatic$},nt=t=>({_$li
244
244
  </${nt(this.element)}>
245
245
  `:ct`
246
246
  <slot class="ft-typography ft-typography--${this.variant}"></slot>
247
- `}}Fo.styles=[Io,Uo,Ro,Wo,ko,wo,Eo,Lo,$o,Ko,Zo,...zo],Do([r.property()],Fo.prototype,"element",void 0),Do([r.property()],Fo.prototype,"variant",void 0),o.customElement("ft-typography")(Fo);const Bo={textColor:o.FtCssVariableFactory.extend("--ft-checkbox-text-color","",o.designSystemVariables.colorOnSurfaceHigh),colorPrimary:o.FtCssVariableFactory.external(o.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:o.FtCssVariableFactory.external(o.designSystemVariables.colorOnPrimary,"Design system"),borderColor:o.FtCssVariableFactory.extend("--ft-checkbox-border-color","",o.designSystemVariables.colorOnSurfaceMedium),colorOnSurfaceDisabled:o.FtCssVariableFactory.external(o.designSystemVariables.colorOnSurfaceDisabled,"Design system")},Ao=e.css`
247
+ `}}Fo.styles=[Io,Uo,Ro,Wo,ko,wo,Eo,Lo,$o,Ko,Zo,...zo],Do([r.property()],Fo.prototype,"element",void 0),Do([r.property()],Fo.prototype,"variant",void 0),o.customElement("ft-typography")(Fo);const Bo={textColor:o.FtCssVariableFactory.extend("--ft-checkbox-text-color","",o.designSystemVariables.colorOnSurfaceHigh),fontSize:o.FtCssVariableFactory.extend("--ft-checkbox-font-size","",ut.fontSize),colorPrimary:o.FtCssVariableFactory.external(o.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:o.FtCssVariableFactory.external(o.designSystemVariables.colorOnPrimary,"Design system"),borderColor:o.FtCssVariableFactory.extend("--ft-checkbox-border-color","",o.designSystemVariables.colorOnSurfaceMedium),colorOnSurfaceDisabled:o.FtCssVariableFactory.external(o.designSystemVariables.colorOnSurfaceDisabled,"Design system")},Ao=e.css`
248
248
  * {
249
249
  box-sizing: border-box;
250
250
  }
@@ -252,6 +252,7 @@ const at=Symbol.for(""),it=t=>{if(t?.r===at)return t?._$litStatic$},nt=t=>({_$li
252
252
  .ft-checkbox {
253
253
  box-sizing: border-box;
254
254
  color: ${Bo.textColor};
255
+ font-size: ${Bo.fontSize};
255
256
 
256
257
  display: inline-flex;
257
258
  align-items: center;
@@ -364,7 +364,7 @@ const pe=Symbol.for(""),fe=t=>{if(t?.r===pe)return t?._$litStatic$},he=t=>({_$li
364
364
  </${he(this.element)}>
365
365
  `:ye`
366
366
  <slot class="ft-typography ft-typography--${this.variant}"></slot>
367
- `}}Ar.styles=[Cr,Rr,Ur,Er,kr,Ir,Wr,$r,Lr,Kr,Zr,...Fr],zr([C()],Ar.prototype,"element",void 0),zr([C()],Ar.prototype,"variant",void 0),I("ft-typography")(Ar);const Dr={textColor:Oo.extend("--ft-checkbox-text-color","",vo.colorOnSurfaceHigh),colorPrimary:Oo.external(vo.colorPrimary,"Design system"),colorOnPrimary:Oo.external(vo.colorOnPrimary,"Design system"),borderColor:Oo.extend("--ft-checkbox-border-color","",vo.colorOnSurfaceMedium),colorOnSurfaceDisabled:Oo.external(vo.colorOnSurfaceDisabled,"Design system")},Mr=bt`
367
+ `}}Ar.styles=[Cr,Rr,Ur,Er,kr,Ir,Wr,$r,Lr,Kr,Zr,...Fr],zr([C()],Ar.prototype,"element",void 0),zr([C()],Ar.prototype,"variant",void 0),I("ft-typography")(Ar);const Dr={textColor:Oo.extend("--ft-checkbox-text-color","",vo.colorOnSurfaceHigh),fontSize:Oo.extend("--ft-checkbox-font-size","",me.fontSize),colorPrimary:Oo.external(vo.colorPrimary,"Design system"),colorOnPrimary:Oo.external(vo.colorOnPrimary,"Design system"),borderColor:Oo.extend("--ft-checkbox-border-color","",vo.colorOnSurfaceMedium),colorOnSurfaceDisabled:Oo.external(vo.colorOnSurfaceDisabled,"Design system")},Mr=bt`
368
368
  * {
369
369
  box-sizing: border-box;
370
370
  }
@@ -372,6 +372,7 @@ const pe=Symbol.for(""),fe=t=>{if(t?.r===pe)return t?._$litStatic$},he=t=>({_$li
372
372
  .ft-checkbox {
373
373
  box-sizing: border-box;
374
374
  color: ${Dr.textColor};
375
+ font-size: ${Dr.fontSize};
375
376
 
376
377
  display: inline-flex;
377
378
  align-items: center;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluid-topics/ft-checkbox",
3
- "version": "1.1.12",
3
+ "version": "1.1.13",
4
4
  "description": "A checkbox component",
5
5
  "keywords": [
6
6
  "Lit"
@@ -19,10 +19,10 @@
19
19
  "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
20
20
  },
21
21
  "dependencies": {
22
- "@fluid-topics/ft-ripple": "1.1.12",
23
- "@fluid-topics/ft-typography": "1.1.12",
24
- "@fluid-topics/ft-wc-utils": "1.1.12",
22
+ "@fluid-topics/ft-ripple": "1.1.13",
23
+ "@fluid-topics/ft-typography": "1.1.13",
24
+ "@fluid-topics/ft-wc-utils": "1.1.13",
25
25
  "lit": "3.1.0"
26
26
  },
27
- "gitHead": "81a42d69a8e10526af88b3c220eff325cbc33c3c"
27
+ "gitHead": "6678af642af51eb1590bccbeeb0de8cbc5938ab1"
28
28
  }