@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;
|
package/build/ft-checkbox.css.js
CHANGED
|
@@ -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;
|
package/build/ft-checkbox.min.js
CHANGED
|
@@ -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.
|
|
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.
|
|
23
|
-
"@fluid-topics/ft-typography": "1.1.
|
|
24
|
-
"@fluid-topics/ft-wc-utils": "1.1.
|
|
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": "
|
|
27
|
+
"gitHead": "6678af642af51eb1590bccbeeb0de8cbc5938ab1"
|
|
28
28
|
}
|